:root,
[data-bs-theme="light"] {
    --bs-primary: #1663d8;
    --bs-primary-rgb: 22, 99, 216;
    --bs-success: #4caf50;
    --bs-success-2: #15803D;
    --bs-warning: #F76907;
    --bs-warning-2: #fd7e14;
    --bs-danger-2: #E53935;
    --bs-blue: #1663d8;
    --bs-blue-rgb: 22, 99, 216;
    --bs-green: #4caf50;
    --bs-purple: #7367f0;
    --bs-purple-rgb: 115, 103, 240;
    --bs-purple-contrast: var(--bs-white);
    --bs-teal: #26A69A;
    --bs-teal-rgb: 38, 166, 154;
    --bs-secondary: #5d606a;
    --bs-secondary-rgb: 93, 96, 106;
    --bs-info: #0EA5E9;
    --bs-info-rgb: 14, 165, 233;
    --bs-info-2: #007595;
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;

    --bs-body-color: #202731;
    --bs-body-color-rgb: 32, 39, 49;

    --bs-form-valid-color: #4CAF50;
    --bs-form-valid-border-color: #4CAF50;
    --bs-form-invalid-color: #ff4c51;
    --bs-form-invalid-border-color: #ff4c51;

    --bs-teal-contrast: var(--bs-white);

    --bs-base-color: #74717d;
    --bs-base-color-rgb: 116, 113, 125;
}

[data-bs-theme=dark] {
    --bs-secondary: #9799a6;
    --bs-secondary-rgb: 151, 153, 166;
    --bs-light: #44475b;
    --bs-light-rgb: 68, 71, 91;
    --bs-heading-color: #cfcde4;

    --bs-body-color: #acabc1;
    --bs-body-color-rgb: 172, 171, 193;
}

[data-semidark-menu=true] .layout-menu {
    --bs-heading-color: #cfcde4;
}

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

/** Unit */
.fs-7 {
    font-size: 0.88rem !important;
}

.fs-8 {
    font-size: 0.83rem !important;
}

/** Modal */
.modal {
    --bs-modal-color: var(--bs-body-color);
}

.modal-title {
    font-family: var(--bs-font-sans);
    font-size: 1.2rem;
}

.modal-body input[type="text"][size="60"],
.modal-body textarea[cols="60"] {
    /* Fix For Project */
    width: 100%;
}

@media (min-width: 576px) {
    .modal-xxl {
        --bs-modal-width: 97%;
    }
}

@media (min-width: 992px) {
    .modal-xxl {
        --bs-modal-width: 97%;
    }
}

@media (min-width: 1200px) {
    .modal-xxl {
        --bs-modal-width: 95%;
    }
}

/** Alert */
.alert {
    line-height: 1.65rem;
    border: none;
}

.alert .ti {
    margin-top: var(--ti-margin-top);
}

[data-bs-theme=light] .alert {
    --bs-alert-bg: color-mix(in sRGB, #fff 92%, var(--bs-alert-color));
    --bs-alert-border-color: color-mix(in sRGB, #fff 30%, var(--bs-alert-color));
}

[data-bs-theme=light] .alert-primary {
    --bs-alert-bg: color-mix(in sRGB, #fff 90%, var(--bs-alert-color));
    --bs-alert-box-shadow-rgb: var(--bs-primary-rgb);
}

[data-bs-theme=light] .alert-success {
    --bs-alert-color: var(--bs-success-2);
    --bs-alert-box-shadow-rgb: var(--bs-success-rgb);
}

[data-bs-theme=light] .alert-warning {
    --bs-alert-color: var(--bs-warning);
    --bs-alert-box-shadow-rgb: var(--bs-warning-rgb);
}

[data-bs-theme=light] .alert-info {
    --bs-alert-color: var(--bs-info-2);
    --bs-alert-bg: color-mix(in sRGB, #fff 91%, var(--bs-info));
    --bs-alert-box-shadow-rgb: var(--bs-info-rgb);
}

[data-bs-theme=light] .alert-danger {
    --bs-alert-color: var(--bs-danger-2);
    --bs-alert-box-shadow-rgb: var(--bs-danger-rgb);
}

[data-bs-theme=light] .alert-border {
    border-style: solid;
    border-width: 1px 1px 1px 2.5px;
}

[data-bs-theme=light] .alert.shadow {
    box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--bs-alert-box-shadow-rgb), .12) !important;
}

[data-bs-theme=dark] .alert-border.shadow {
    box-shadow: none !important;
}

[data-bs-theme=light] .bg-label-success {
    background-color: #e2f2e3 !important;
    color: var(--bs-success-2) !important;
}

[data-bs-theme=light] .btn-label-warning {
    color: var(--bs-warning) !important;
}

.btn-label-success {
    --bs-btn-color: var(--bs-success-2);
    --bs-btn-hover-color: var(--bs-success-2);
    --bs-btn-active-color: var(--bs-success-2);
}

.btn-text-warning {
    color: var(--bs-warning);
}

.btn-text-warning:hover,
.btn-text-warning:focus,
.btn-text-warning:active {
    color: var(--bs-warning);
}

.btn-text-info {
    color: var(--bs-info);
}

.btn-text-info:hover,
.btn-text-info:focus,
.btn-text-info:active {
    color: var(--bs-info);
}

/** Card */
.card-action {
    --bs-card-cap-padding-y: 1.2rem;
    --bs-card-cap-padding-x: 1.1rem;
}

.card-action>.card-header {
    font-family: var(--bs-font-sans);
    padding-left: 1rem;
}

.card-action>.card-header .card-action-title i {
    font-size: 1.4rem;
}

.card-action>.card-header i {
    font-size: 1.2rem;
    /* margin-top: -0.15rem; */
}

.card-action>.card-header .list-inline {
    display: flex !important;
}

.card-action>.card-header i.ti-chevron-right,
.card-action>.card-header i.ti-chevron-down {
    font-size: 1.6rem;
}

.card-action>.card-header i.ti-x {
    font-size: 1.5rem;
}

.card-action>.list-group .list-group-item {
    padding-left: var(--bs-card-cap-padding-y);
    padding-right: var(--bs-card-cap-padding-y);
}

.card-action .card-action-element .card-collapsible>i {
    transition: transform 0.3s ease;
}

.card-action .card-action-element .card-collapsible>i.hide {
    transform: rotate(-90deg);
}

.card-action .card-header .card-action-title i {
    margin-top: var(--ti-margin-top);
    margin-right: 0.3rem !important;
}

.card.card-hover {
    transition: transform 0.2s ease-in-out;
}

.card.card-hover:hover {
    cursor: pointer;
    transform: translateY(-5px);
}

.card.card-hover:hover i,
.card.card-hover:hover h6 {
    color: var(--bs-primary) !important;
}

/** Nav */
.nav-align-top>.tab-content .tab-pane.show,
.nav-align-bottom>.tab-content .tab-pane.show {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

[data-bs-theme=dark] .nav-align-top>.tab-content,
.nav-align-right>.tab-content {
    background: transparent;
}

.nav-pills .nav-link {
    padding-block: 0.42rem;
    line-height: normal;
}

.nav-pills .nav-item .nav-link:not(.active):hover {
    padding-block-end: 0.42rem;
}

.nav-pills .nav-link.disabled .badge {
    opacity: .4;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-tabs .nav-link {
    --bs-nav-link-padding-x: 0.8rem;
    --bs-nav-link-padding-y: 0.7rem;
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-font-weight: 400;
    font-family: var(--bs-font-sans);
}

/** Form */
.form-control {
    text-indent: 1px;
    line-height: 1.75;
}

.form-select {
    /* line-height: 1.692; */
    line-height: 1.75;
}

/* .form-control.is-valid,
.form-control.is-invalid {
    padding-left: calc(0.9375rem - 2px) !important;
} */

/* textarea.form-control {
    padding-top: calc(0.6rem - var(--bs-border-width));
    padding-bottom: calc(0.6rem - var(--bs-border-width));
} */

/* textarea.form-control:focus,
textarea.form-control:active,
textarea.form-control.is-invalid,
textarea.form-control.is-valid {
    padding-top: calc(0.6rem - 2px);
    padding-bottom: calc(0.6rem - 2px);
} */

/* .form-control.is-invalid~.input-group-text,
.form-control.is-valid~.input-group-text {
    padding: calc(0.426rem - 2px) calc(0.9375rem - 2px);
} */

/* .form-control {
    padding: .375rem calc(.75rem - 1px);
    text-indent: 1px;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 0.7;
}

.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

hr {
    color: #94A3B8;
} */

/*
 */

.form-check-input {
    margin-top: .15em;
}

.form-switch .form-check-input {
    height: 1.35em;
    width: 2.5em;
}

.form-switch .form-check-label {
    padding-left: 0.7em;
    /* padding-top: 0.23rem; */
}

@media (min-width: 768px) {

    .form-control[size='10'],
    .form-control[size='15'] {
        width: 170px !important;
        min-width: auto !important;
    }

    .form-control[size='30'] {
        width: 248px !important;
        min-width: auto !important;
    }

    .form-control[size='70'] {
        width: 613px !important;
        min-width: auto !important;
    }
}

/** Button */
.btn {
    --bs-btn-padding-x: .9rem;
    --bs-btn-padding-y: 0.36rem;

    font-family: var(--bs-font-sans);
    line-height: normal;
}

.btn-lg,
.btn-group-lg>.btn {
    --bs-btn-padding-y: 0.708rem;
    --bs-btn-padding-x: 1.625rem;
}

.btn:not(.btn-icon)>i.ti {
    margin-top: -.1rem;
}

[data-bs-theme=light] .btn-light:hover {
    background-color: #e5e6e8 !important;
    border-color: #e5e6e8 !important;
}

.btn-default {
    --bs-btn-color: #333;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #d1d0d4;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: #e6e6e6;
    --bs-btn-hover-border-color: #d1d0d4;
    /* --bs-btn-focus-shadow-rgb: 11, 172, 204; */
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #e1e1e1;
    --bs-btn-active-border-color: #d1d0d4;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ccc;
    --bs-btn-disabled-border-color: #ccc;
}

.btn-text-secondary {
    --bs-secondary: var(--bs-body-color);
}

.btn-success {
    --bs-btn-hover-bg: color-mix(in sRGB, #000 5%, var(--bs-success));
    --bs-btn-active-bg: color-mix(in sRGB, #000 6%, var(--bs-success));
}

.btn-danger {
    --bs-btn-hover-bg: color-mix(in sRGB, #000 5%, var(--bs-danger));
    --bs-btn-active-bg: color-mix(in sRGB, #000 6%, var(--bs-danger));
}

.btn-warning {
    --bs-warning: var(--bs-warning-2);
    --bs-btn-hover-bg: color-mix(in sRGB, #000 4%, var(--bs-warning));
    --bs-btn-active-bg: color-mix(in sRGB, #000 5%, var(--bs-warning));
}

.btn-info {
    --bs-btn-hover-bg: color-mix(in sRGB, #000 4%, var(--bs-info));
    --bs-btn-active-bg: color-mix(in sRGB, #000 5%, var(--bs-info));
}

.btn-teal {
    --bs-btn-bg: var(--bs-teal);
    --bs-btn-color: var(--bs-teal-contrast);
    --bs-btn-border-color: var(--bs-teal);
    --bs-btn-hover-color: var(--bs-teal-contrast);
    --bs-btn-hover-bg: color-mix(in sRGB, #000 5%, var(--bs-teal));
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-teal-contrast);
    --bs-btn-active-bg: color-mix(in sRGB, #000 6%, var(--bs-teal));
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-box-shadow-rgb: var(--bs-teal-rgb);
    --bs-btn-focus-shadow-rgb: var(--bs-teal-rgb);
    --bs-btn-active-shadow-rgb: var(--bs-teal-rgb);
    --bs-btn-disabled-color: var(--bs-teal-contrast);
    --bs-btn-disabled-bg: var(--bs-teal);
    --bs-btn-disabled-border-color: var(--bs-teal);
    --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-teal));
    --bs-btn-waves-effect-color: var(--bs-teal-rgb);
}

.btn-outline-teal {
    --bs-btn-color: var(--bs-teal);
    --bs-btn-badge-color: var(--bs-teal-contrast);
    --bs-btn-border-color: var(--bs-teal);
    --bs-btn-hover-color: var(--bs-teal);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-teal));
    --bs-btn-hover-border-color: var(--bs-btn-border-color);
    --bs-btn-active-color: var(--bs-teal);
    --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-teal));
    --bs-btn-active-border-color: var(--bs-btn-border-color);
    --bs-btn-disabled-color: var(--bs-teal);
    --bs-btn-disabled-border-color: var(--bs-teal);
    --bs-btn-group-border-color: var(--bs-teal);
    --bs-btn-waves-effect-color: var(--bs-teal-rgb);
}

.btn-text-teal {
    --bs-btn-color: var(--bs-teal);
    --bs-btn-hover-color: var(--bs-teal);
    --bs-btn-active-color: var(--bs-teal);
    --bs-btn-group-border-color: var(--bs-teal);
    --bs-btn-waves-effect-color: var(--bs-teal-rgb);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-teal));
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-teal));
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-disabled-color: var(--bs-teal);
}

.btn-label-teal {
    --bs-btn-color: var(--bs-teal);
    --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-teal));
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-teal);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-teal));
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-teal);
    --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-teal));
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-focus-shadow-rgb: var(--bs-teal-rgb);
    --bs-btn-active-shadow-rgb: var(--bs-teal-rgb);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-border-color);
    --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-teal));
    --bs-btn-waves-effect-color: var(--bs-teal-rgb);
}

.btn-purple {
    --bs-btn-bg: var(--bs-purple);
    --bs-btn-color: var(--bs-purple-contrast);
    --bs-btn-border-color: var(--bs-purple);
    --bs-btn-hover-color: var(--bs-purple-contrast);
    --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-purple));
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-purple-contrast);
    --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-purple));
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-box-shadow-rgb: var(--bs-purple-rgb);
    --bs-btn-focus-shadow-rgb: var(--bs-purple-rgb);
    --bs-btn-active-shadow-rgb: var(--bs-purple-rgb);
    --bs-btn-disabled-color: var(--bs-purple-contrast);
    --bs-btn-disabled-bg: var(--bs-purple);
    --bs-btn-disabled-border-color: var(--bs-purple);
    --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-purple));
    --bs-btn-waves-effect-color: var(--bs-purple-rgb);
}

.btn-outline-purple {
    --bs-btn-color: var(--bs-purple);
    --bs-btn-badge-color: var(--bs-purple-contrast);
    --bs-btn-border-color: var(--bs-purple);
    --bs-btn-hover-color: var(--bs-purple);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-purple));
    --bs-btn-hover-border-color: var(--bs-btn-border-color);
    --bs-btn-active-color: var(--bs-purple);
    --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-purple));
    --bs-btn-active-border-color: var(--bs-btn-border-color);
    --bs-btn-disabled-color: var(--bs-purple);
    --bs-btn-disabled-border-color: var(--bs-purple);
    --bs-btn-group-border-color: var(--bs-purple);
    --bs-btn-waves-effect-color: var(--bs-purple-rgb);
}

.btn-text-purple {
    --bs-btn-color: var(--bs-purple);
    --bs-btn-hover-color: var(--bs-purple);
    --bs-btn-active-color: var(--bs-purple);
    --bs-btn-group-border-color: var(--bs-purple);
    --bs-btn-waves-effect-color: var(--bs-purple-rgb);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-purple));
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-purple));
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-disabled-color: var(--bs-purple);
}

.btn-label-purple {
    --bs-btn-color: var(--bs-purple);
    --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-purple));
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-purple);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-purple));
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-purple);
    --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-purple));
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-focus-shadow-rgb: var(--bs-purple-rgb);
    --bs-btn-active-shadow-rgb: var(--bs-purple-rgb);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-border-color);
    --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-purple));
    --bs-btn-waves-effect-color: var(--bs-purple-rgb);
}

[data-bs-theme=dark] .btn-default {
    color: #9ea0aa;
    border-color: #56596f;
    background: transparent;
}

[data-bs-theme=dark] .btn-default:hover {
    color: #cfcde4;
    border-color: #808390;
}

/** Custom File */
.custom-file {
    --custom-file-height: calc(2.359rem + calc(var(--bs-border-width) * 2));

    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 1px;
    height: var(--custom-file-height);
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: var(--custom-file-height);
    margin: 0;
    overflow: hidden;
    opacity: 0;
}

.custom-file-input:hover:not([disabled]):not([focus])~.custom-file-label {
    border-color: var(--bs-gray-600);
}

.custom-file-input:focus~.custom-file-label,
.custom-file-input:focus~.custom-file-label::after {
    border-color: var(--bs-primary) !important;
    border-width: 2px;
    padding: calc(0.426rem - 2px) calc(0.9375rem - 2px);
}

.custom-file-input[disabled]~.custom-file-label,
.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

.custom-file-input.is-invalid~.custom-file-label {
    border-color: var(--bs-danger) !important;
    border-width: 2px;
    padding: calc(0.426rem - 2px) calc(0.9375rem - 2px);
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: var(--custom-file-height);
    padding: calc(0.426rem - var(--bs-border-width)) calc(0.9375rem - var(--bs-border-width));
    padding-right: calc(7rem - var(--bs-border-width)) !important;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;

    background-color: transparent;
    background-clip: padding-box;

    border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
    border-radius: var(--bs-border-radius);
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.625em + 0.79rem + calc(var(--bs-border-width) * 2));
    padding: calc(0.426rem - var(--bs-border-width)) calc(0.9375rem - var(--bs-border-width));
    line-height: normal;
    color: #495057;
    content: "Browse";
    background-color: #e5e6e7;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

.custom-file-input.is-invalid~.custom-file-label::after {
    padding: calc(0.426rem - 2px) calc(0.9375rem - 2px);
    border-color: var(--bs-form-validation-border-color) !important;
}

.custom-file .delete-file {
    position: absolute;
    right: calc(5.5rem - var(--bs-border-width));
    top: 0.55rem;
    z-index: 5;
    color: rgba(var(--bs-secondary-rgb), .6);
    font-size: 1rem;
}

.custom-file .delete-file:hover {
    color: var(--bs-danger-2);
    cursor: pointer;
}

.custom-file .delete-file .ti {
    margin-top: -0.3rem !important;
}

[data-bs-theme=dark] .custom-file-label::after {
    color: var(--bs-gray-600);
    background-color: transparent;
}

@media (min-width: 768px) {
    .custom-file {
        max-width: 380px;
    }
}

/** Text Color */
.text-black-50 {
    color: rgba(47, 43, 61, 0.65) !important;
}

[data-bs-theme=dark] .text-black-50 {
    color: rgba(225, 222, 245, .5) !important;
}

[data-bs-theme=dark] .text-bg-light {
    color: #fff !important;
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, .3)) !important;
}

/** Tooltip */
.tooltip-light {
    --bs-tooltip-bg: var(--bs-white);
    --bs-tooltip-color: var(--bs-black);
}

.text-truncate-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-truncate-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/** breadcrumb */
/* .breadcrumb-item+.breadcrumb-item::before {
    transform: translateY(-.2rem);
} */

[data-bs-theme=dark] .breadcrumb-item a {
    color: var(--bs-primary);
}

/* [data-bs-theme=light] .dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
    color: #0F4495 !important
} */

.custom-modal .modal-content>.row {
    --bs-gutter-x: 0rem !important;
}