.navbar-vertical.navbar-expand-xs .navbar-collapse {
    height: calc(100vh - 140px);
}


.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon {
    background-image: linear-gradient(310deg, #28176c, #28176c);
}


.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon .font-color-white {
    color: #fff !important;
}



.navbar-vertical .navbar-nav>.nav-item .nav-link .icon .font-color-white {
    color: #344767 !important;
}

/* .font-color-white {
    color: #fff;
} */


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

.custom-border {
    border: 1px solid #e2e2e2 !important;
    border-radius: 10px;
}

.form-check-input[type=radio] {
    border: 1px solid #000 !important;
}


.table>:not(caption)>*>* {
    padding: .75rem 1.5rem;
}


.alert-error {
    background-color: red !important;
    background-image: unset !important;
}


.btn-primary {
    background-color: #28176c !important;
    border-color: #28176c !important;
}


/* Match Bootstrap 5 input height & border */
.select2-container .select2-selection--single {
    height: 38px !important;
    /* same as .form-control */
    border: 1px solid #ced4da !important;
    /* bootstrap border */
    border-radius: 0.375rem !important;
    /* rounded corners */
    padding: 0.375rem 0.75rem !important;
    /* bootstrap padding */
    display: flex !important;
    align-items: center;
    /* center text vertically */
}

/* Style the selected value text */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #212529 !important;
    /* bootstrap text color */
    line-height: 1.5 !important;
    padding-left: 0 !important;
}

/* Adjust the dropdown arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    right: 10px !important;
}

/* Match Bootstrap focus style */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:active,
.select2-container--default .select2-selection--single:focus-within {
    border-color: #86b7fe !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

/* Dropdown list styling */
.select2-container--default .select2-results__option {
    padding: 0.5rem 1rem !important;
}