:root {
    --bs-gray: #7E8299;
    --bs-gray-dark: #3F4254;
    --bs-gray-100: #F5F8FA;
    --bs-gray-200: #EFF2F5;
    --bs-gray-300: #E4E6EF;
    --bs-gray-400: #B5B5C3;
    --bs-gray-500: #A1A5B7;
    --bs-gray-600: #7E8299;
    --bs-gray-700: #5E6278;
    --bs-gray-800: #3F4254;
    --bs-gray-900: #181C32;
    --bs-light: #F5F8FA;
    --bs-primary: #009EF7;
    --bs-secondary: #E4E6EF;
    --bs-success: #50CD89;
    --bs-info: #7239EA;
    --bs-warning: #FFC700;
    --bs-danger: #F1416C;
    --bs-dark: #181C32;
    --bs-light-rgb: 245,248,250;
    --bs-primary-rgb: 0,158,247;
    --bs-secondary-rgb: 228,230,239;
    --bs-success-rgb: 80,205,137;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 255,199,0;
    --bs-danger-rgb: 241,65,108;
    --bs-dark-rgb: 24,28,50;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-rgb: 24,28,50;
    --bs-body-color: #181C32;
    --bs-border-radius: .475rem;
    --bs-bg-disabled: #f5f8fa;
}

.btn,
.form-control,
.alert,
.card,
.toast,
.modal-content,
.popover,
.form-select {
    border-radius: var(--bs-border-radius);
}

.popover,
.dropdown-menu {
    border: 1px solid var(--bs-secondary);
}

.popover-header,
.table-filter .card-header {
    border-bottom: 1px solid var(--bs-secondary);
    background-color: var(--bs-secondary);
}

.table-filter .card-arrow:after {
    border-bottom-color: var(--bs-secondary);
}

.picker-panel-footer,
.popover-body {
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

.bs-popover-auto[data-popper-placement^=bottom].has-header > .popover-arrow::after,
.bs-popover-bottom.has-header > .popover-arrow::after,
.table-filter .card-arrow:before {
    border-bottom-color: var(--bs-secondary);
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
    border-top-color: var(--bs-secondary);
}

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
    border-top-color: #fff;
}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
    border-right-color: var(--bs-secondary);
}

.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
    border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
    border-bottom-color: var(--bs-secondary);
}

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
    border-bottom-color: #fff;
}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
    border-left-color: var(--bs-secondary);
}

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
    border-left-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    border-bottom: 1px solid var(--bs-secondary);
}

.btn {
    font-weight: 500;
    color: #181c32;
    user-select: none;
    outline: 0;
}

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

.btn:hover {
    color: #181c32;
    text-decoration: none;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: .6;
}

.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

    .btn-white:hover {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-check:focus + .btn-white, .btn-white:focus {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-check:active + .btn-white, .btn-check:checked + .btn-white, .btn-white.active, .btn-white:active, .show > .btn-white.dropdown-toggle {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-white.disabled, .btn-white:disabled {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

.btn-light {
    color: #000;
    background-color: #f5f8fa;
    border-color: #f5f8fa;
}

    .btn-light:hover {
        color: #000;
        background-color: #f7f9fb;
        border-color: #f6f9fb;
    }

    .btn-check:focus + .btn-light, .btn-light:focus {
        color: #000;
        background-color: #f7f9fb;
        border-color: #f6f9fb;
    }

    .btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle {
        color: #000;
        background-color: #f7f9fb;
        border-color: #f6f9fb;
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #000;
        background-color: #f5f8fa;
        border-color: #f5f8fa;
    }

.btn-primary {
    color: #fff;
    background-color: #009ef7;
    border-color: #009ef7;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #26adf8;
        border-color: #1aa8f8;
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: #fff;
        background-color: #26adf8;
        border-color: #1aa8f8;
    }

    .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #33b1f9;
        border-color: #1aa8f8;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #009ef7;
        border-color: #009ef7;
    }

.btn-secondary {
    color: #000;
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

    .btn-secondary:hover {
        color: #000;
        background-color: #e8eaf1;
        border-color: #e7e9f1;
    }

    .btn-check:focus + .btn-secondary, .btn-secondary:focus {
        color: #000;
        background-color: #e8eaf1;
        border-color: #e7e9f1;
    }

    .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
        color: #000;
        background-color: #e9ebf2;
        border-color: #e7e9f1;
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #000;
        background-color: var(--bs-secondary);
        border-color: var(--bs-secondary);
    }

.btn-success {
    color: #fff;
    background-color: #50cd89;
    border-color: #50cd89;
}

    .btn-success:hover {
        color: #fff;
        background-color: #6ad59b;
        border-color: #62d295;
    }

    .btn-check:focus + .btn-success, .btn-success:focus {
        color: #fff;
        background-color: #6ad59b;
        border-color: #62d295;
    }

    .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #73d7a1;
        border-color: #62d295;
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #50cd89;
        border-color: #50cd89;
    }

.btn-info {
    color: #fff;
    background-color: #7239ea;
    border-color: #7239ea;
}

    .btn-info:hover {
        color: #fff;
        background-color: #6130c7;
        border-color: #5b2ebb;
    }

    .btn-check:focus + .btn-info, .btn-info:focus {
        color: #fff;
        background-color: #6130c7;
        border-color: #5b2ebb;
    }

    .btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #5b2ebb;
        border-color: #562bb0;
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #7239ea;
        border-color: #7239ea;
    }

.btn-warning {
    color: #fff;
    background-color: #ffc700;
    border-color: #ffc700;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #ffcf26;
        border-color: #ffcd1a;
    }

    .btn-check:focus + .btn-warning, .btn-warning:focus {
        color: #fff;
        background-color: #ffcf26;
        border-color: #ffcd1a;
    }

    .btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ffd233;
        border-color: #ffcd1a;
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #fff;
        background-color: #ffc700;
        border-color: #ffc700;
    }

.btn-danger {
    color: #fff;
    background-color: #f1416c;
    border-color: #f1416c;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #f35e82;
        border-color: #f2547b;
    }

    .btn-check:focus + .btn-danger, .btn-danger:focus {
        color: #fff;
        background-color: #f35e82;
        border-color: #f2547b;
    }

    .btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #f46789;
        border-color: #f2547b;
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #f1416c;
        border-color: #f1416c;
    }

.btn-dark {
    color: #fff;
    background-color: #181c32;
    border-color: #181c32;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #14182b;
        border-color: #131628;
    }

    .btn-check:focus + .btn-dark, .btn-dark:focus {
        color: #fff;
        background-color: #14182b;
        border-color: #131628;
    }

    .btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #131628;
        border-color: #121526;
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #181c32;
        border-color: #181c32;
    }

.btn-outline-white {
    color: #fff;
    border-color: #fff;
}

    .btn-outline-white:hover {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-check:active + .btn-outline-white, .btn-check:checked + .btn-outline-white, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show, .btn-outline-white:active {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-outline-white.disabled, .btn-outline-white:disabled {
        color: #fff;
        background-color: transparent;
    }

.btn-outline-light {
    color: #f5f8fa;
    border-color: #f5f8fa;
}

    .btn-outline-light:hover {
        color: #000;
        background-color: #f5f8fa;
        border-color: #f5f8fa;
    }

    .btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active {
        color: #000;
        background-color: #f5f8fa;
        border-color: #f5f8fa;
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f5f8fa;
        background-color: transparent;
    }

.btn-outline-primary {
    color: #009ef7;
    border-color: #009ef7;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #009ef7;
        border-color: #009ef7;
    }

    .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
        color: #000;
        background-color: #009ef7;
        border-color: #009ef7;
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #009ef7;
        background-color: transparent;
    }

.btn-outline-secondary {
    color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

    .btn-outline-secondary:hover {
        color: #000;
        background-color: var(--bs-secondary);
        border-color: var(--bs-secondary);
    }

    .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
        color: #000;
        background-color: var(--bs-secondary);
        border-color: var(--bs-secondary);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: var(--bs-secondary);
        background-color: transparent;
    }

.btn-outline-success {
    color: #50cd89;
    border-color: #50cd89;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #50cd89;
        border-color: #50cd89;
    }

    .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
        color: #000;
        background-color: #50cd89;
        border-color: #50cd89;
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #50cd89;
        background-color: transparent;
    }

.btn-outline-info {
    color: #7239ea;
    border-color: #7239ea;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #7239ea;
        border-color: #7239ea;
    }

    .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
        color: #fff;
        background-color: #7239ea;
        border-color: #7239ea;
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #7239ea;
        background-color: transparent;
    }

.btn-outline-warning {
    color: #ffc700;
    border-color: #ffc700;
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #ffc700;
        border-color: #ffc700;
    }

    .btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active {
        color: #000;
        background-color: #ffc700;
        border-color: #ffc700;
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc700;
        background-color: transparent;
    }

.btn-outline-danger {
    color: #f1416c;
    border-color: #f1416c;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #f1416c;
        border-color: #f1416c;
    }

    .btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {
        color: #000;
        background-color: #f1416c;
        border-color: #f1416c;
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #f1416c;
        background-color: transparent;
    }

.btn-outline-dark {
    color: #181c32;
    border-color: #181c32;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #181c32;
        border-color: #181c32;
    }

    .btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active {
        color: #fff;
        background-color: #181c32;
        border-color: #181c32;
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #181c32;
        background-color: transparent;
    }

.btn-link {
    font-weight: 400;
    color: #009ef7;
    text-decoration: none;
}

    .btn-link:hover {
        color: #006dab;
        text-decoration: underline;
    }

    .btn-link:focus {
        text-decoration: underline;
    }

    .btn-link.disabled, .btn-link:disabled {
        color: #7e8299;
    }

.form-control {
    color: #181c32;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--bs-secondary);
    box-shadow: none;
}

    .form-control:focus {
        color: #181c32;
        border-color: #b5b5c3;
        outline: 0;
        box-shadow: none;
    }

    .form-control:not([readonly]):focus {
        background-color: #fff;
    }

.input-group .form-control:not(.invalid):not(.valid):hover {
    border-color: #b5b5c3;
}

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

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

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

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

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

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

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

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

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

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 500;
}

.alert-dismissible {
    padding-right: 3rem;
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem;
    }

.alert-white {
    color: #666;
    background-color: #fff;
    border-color: #fff;
}

    .alert-white .alert-link {
        color: #525252;
    }

.alert-light {
    color: #626364;
    background-color: #fdfefe;
    border-color: #fcfdfe
}

    .alert-light .alert-link {
        color: #4e4f50;
    }

.alert-primary {
    color: #005f94;
    background-color: #ccecfd;
    border-color: #b3e2fd;
}

    .alert-primary .alert-link {
        color: #004c76;
    }

.alert-secondary {
    color: #5b5c60;
    background-color: #fafafc;
    border-color: #f7f8fa;
}

    .alert-secondary .alert-link {
        color: #494a4d;
    }

.alert-success {
    color: #205237;
    background-color: #dcf5e7;
    border-color: #cbf0dc;
}

    .alert-success .alert-link {
        color: #1a422c;
    }

.alert-info {
    color: #44228c;
    background-color: #e3d7fb;
    border-color: #d5c4f9;
}

    .alert-info .alert-link {
        color: #361b70;
    }

.alert-warning {
    color: #665000;
    background-color: #fff4cc;
    border-color: #ffeeb3;
}

    .alert-warning .alert-link {
        color: #524000;
    }

.alert-danger {
    color: #912741;
    background-color: #fcd9e2;
    border-color: #fbc6d3;
}

    .alert-danger .alert-link {
        color: #741f34;
    }

.alert-dark {
    color: #0e111e;
    background-color: #d1d2d6;
    border-color: #babbc2;
}

    .alert-dark .alert-link {
        color: #0b0e18;
    }

.alert.is-bar.alert-info {
    border-left: 4px solid var(--bs-info);
    background-color: #e3d7fb;
}

.alert.is-bar.alert-success {
    border-left: 4px solid var(--bs-success);
    background-color: #dcf5e7;
}

.alert.is-bar.alert-primary {
    border-left: 4px solid var(--bs-primary);
    background-color: #ccecfd;
}

.alert.is-bar.alert-warning {
    border-left: 4px solid var(--bs-warning);
    background-color: #fff4cc;
}

.alert.is-bar.alert-danger {
    border-left: 4px solid var(--bs-danger);
    background-color: #fcd9e2;
}

[data-bs-toggle="lgbSelect"] .form-select {
    box-shadow: none !important;
}

.modal-backdrop.show {
    opacity: .3;
}

@media (min-width: 576px) {
    .modal-content {
        box-shadow: 0 0.5rem 1rem #0000001a;
    }
}

.modal-content {
    box-shadow: 0 0.25rem 0.5rem #0000001a;
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

.page-link:hover {
    color: #009ef7;
    background-color: #f1faff;
}

.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.table {
    --bs-table-striped-color: #181C32;
    --bs-table-striped-bg: rgba(245, 248, 250, 0.75);
    --bs-table-active-color: #181C32;
    --bs-table-active-bg: #F5F8FA;
    --bs-table-hover-color: #181C32;
    --bs-table-hover-bg: #F5F8FA;
    border-color: #eff2f5;
}

    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: var(--bs-secondary);
    }

.menu .nav-link {
    color: #3f4254;
    font-weight: 500;
}

.menu .nav .dropdown-menu .nav-link:not(.disabled):hover, .menu .nav .dropdown-menu .nav-link.active, .menu .submenu .nav-link.active, .menu .submenu .nav-link:not(.disabled):hover, .cascade .dropdown-item:not(.disabled):hover, .cascade .dropdown-item.active, .cascade .nav .nav-link:not(.disabled):hover, .cascade .nav .nav-link.active {
    background-color: transparent;
    color: #009ef7;
}

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

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: var(--bs-success);
        box-shadow: none;
    }

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

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: var(--bs-danger);
        box-shadow: none;
    }

.table-filter .table-filter-item {
    border-color: var(--bs-secondary);
}

.tree .tree-item.hover:before,
.tree .tree-item.active:before {
    background-color: transparent;
}

.tree .tree-item > .tree-content > .tree-node:hover,
.tree .tree-item.active > .tree-content > .tree-node {
    color: #009ef7;
}
