.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-color) 20%, transparent) !important;
}

select.form-control option:checked,
select.form-control option:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
    min-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #25364a;
    line-height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--open .select2-dropdown {
    border-color: var(--primary-color) !important;
}

.select2-dropdown {
    z-index: 2055;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--selected {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}

/* ============================= */
/* GLOBAL MOBILE RESPONSIVE FIX   */
/* ============================= */
@media (max-width: 767.98px) {
    body:not(.sidebar-open) .main-sidebar {
        transform: translateX(-260px) !important;
    }

    body.sidebar-open .main-sidebar {
        transform: translateX(0) !important;
    }

    body:not(.layout-top-nav) .content-wrapper,
    body:not(.layout-top-nav) .main-header,
    body:not(.layout-top-nav) .main-footer,
    .sidebar-collapse .content-wrapper,
    .sidebar-collapse .main-header,
    .sidebar-collapse .main-footer {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .content-wrapper,
    .content,
    .container,
    .container-fluid {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .content {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .card,
    .card-primary-custom,
    .modal-dialog,
    form,
    .row,
    [class*="col-"] {
        max-width: 100% !important;
    }

    .card-primary-custom .card-header {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .card-primary-custom .card-title {
        white-space: normal !important;
        line-height: 1.25 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .table-responsive,
    .dataTables_wrapper {
        width: 100% !important;
        overflow-x: auto !important;
    }

    .select2-container,
    .form-control,
    .btn {
        max-width: 100% !important;
    }
}