.bootstrap-select {
    width: 100% !important;
}

.bootstrap-select .dropdown-toggle {
    background-color: var(--bs-body-bg, #fff) !important;
    border: var(--bs-border-width, 1px) solid var(--bs-border-color, #ced4da) !important;
    border-radius: var(--bs-border-radius-sm, 0.25rem) !important;
    color: var(--bs-body-color, #495057) !important;
    font-size: var(--bs-font-size-sm, 0.875rem) !important;
    font-weight: var(--bs-body-font-weight, 400) !important;
    line-height: var(--bs-body-line-height, 1.5) !important;
    padding: var(--bs-input-padding-y-sm, 0.25rem) var(--bs-input-padding-x-sm, 0.5rem) !important;
    text-align: left !important;
    box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle.focus {
    border-color: var(--bs-primary, #0d6efd) !important;
    box-shadow: 0 0 0 var(--bs-focus-ring-width, 0.25rem) var(--bs-focus-ring-color, rgba(13, 110, 253, 0.25)) !important;
    outline: 0 !important;
    background-color: var(--bs-body-bg, #fff) !important;
    color: var(--bs-body-color, #495057) !important;
}

.bootstrap-select .dropdown-toggle:hover {
    background-color: var(--bs-body-bg, #fff) !important;
    border-color: var(--bs-primary, #0d6efd) !important;
    color: var(--bs-body-color, #495057) !important;
}

.bootstrap-select .dropdown-toggle.btn {
    border: var(--bs-border-width, 1px) solid var(--bs-border-color, #ced4da) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle .caret {
    border-top-color: var(--bs-secondary, #6c757d) !important;
    margin-top: 6px !important;
    border-width: 3px 3px 0 !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
    color: var(--bs-body-color, #495057) !important;
    text-align: left !important;
}

.bootstrap-select .dropdown-toggle .filter-option-inner {
    color: var(--bs-body-color, #495057) !important;
}

.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner:empty::before,
.bootstrap-select .dropdown-toggle .bs-placeholder {
    color: var(--bs-secondary, #6c757d) !important;
}

.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner-inner {
    color: var(--bs-body-color, #495057) !important;
}

.bootstrap-select .dropdown-menu .bs-searchbox input[type="search"] {
    font-size: var(--bs-font-size-sm, 0.875rem) !important;
    font-weight: var(--bs-body-font-weight, 400) !important;
    line-height: var(--bs-body-line-height, 1.5) !important;
    padding: var(--bs-input-padding-y-sm, 0.25rem) var(--bs-input-padding-x-sm, 0.5rem) !important;
}

.bootstrap-select .dropdown-menu .bs-searchbox {
    padding: 0.25rem !important;
}

.bootstrap-select.disabled .dropdown-toggle,
.bootstrap-select .dropdown-toggle:disabled {
    background-color: var(--bs-secondary-bg, #e9ecef) !important;
    border-color: var(--bs-border-color, #ced4da) !important;
    color: var(--bs-secondary, #6c757d) !important;
    opacity: 1 !important;
}

.bootstrap-select.is-invalid .dropdown-toggle,
.bootstrap-select .dropdown-toggle.is-invalid {
    border-color: var(--bs-danger, #dc3545) !important;
}

.bootstrap-select.is-invalid .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle.is-invalid:focus {
    border-color: var(--bs-danger, #dc3545) !important;
    box-shadow: 0 0 0 var(--bs-focus-ring-width, 0.25rem) rgba(var(--bs-danger-rgb, 220, 53, 69), 0.25) !important;
}

.bootstrap-select.is-valid .dropdown-toggle,
.bootstrap-select .dropdown-toggle.is-valid {
    border-color: var(--bs-success, #198754) !important;
}

.bootstrap-select.is-valid .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle.is-valid:focus {
    border-color: var(--bs-success, #198754) !important;
    box-shadow: 0 0 0 var(--bs-focus-ring-width, 0.25rem) rgba(var(--bs-success-rgb, 25, 135, 84), 0.25) !important;
}

.bootstrap-select .dropdown-menu li a.child-category {
    padding-left: 2.5rem;
    position: relative;
}

.bootstrap-select .dropdown-menu li a.child-category::before {
    content: "  ";
    position: absolute;
    left: 1rem;
    color: var(--bs-secondary, #6c757d);
}

.bootstrap-select .dropdown-menu li.parent-category a {
    font-weight: 500;
}

.bootstrap-select .dropdown-menu option.child-category {
    padding-left: 2.5rem !important;
}

.bootstrap-select .dropdown-menu option.parent-category {
    font-weight: 500 !important;
}