/* Keep .form-select aligned with dashboard/assets/css/demo1/style.css */

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23212a3a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .469rem 2.4rem .469rem .8rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .8rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: .25rem;
    box-shadow: var(--bs-box-shadow-inset);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

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

.form-select:focus {
    border-color: rgba(121, 135, 161, .4);
    outline: 0;
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 0 rgba(101, 113, 255, .25);
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .8rem;
    background-image: none;
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg);
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
    padding-top: .391rem;
    padding-bottom: .391rem;
    padding-left: .8rem;
    font-size: .812rem;
    border-radius: .25rem;
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .8rem;
    font-size: 1rem;
    border-radius: .25rem;
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d0d6e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-floating>.form-select,
.form-floating>.typeahead.tt-hint,
.form-floating>.typeahead.tt-input,
.select2-container--default .select2-search--dropdown .form-floating>.select2-search__field {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label,
.form-floating>.typeahead.tt-hint:focus~label,
.form-floating>.typeahead.tt-hint:not(:placeholder-shown)~label,
.form-floating>.typeahead.tt-input:focus~label,
.form-floating>.typeahead.tt-input:not(:placeholder-shown)~label,
.select2-container--default .select2-search--dropdown .form-floating>.select2-search__field:focus~label,
.select2-container--default .select2-search--dropdown .form-floating>.select2-search__field:not(:placeholder-shown)~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after,
.form-floating>.typeahead.tt-hint:focus~label::after,
.form-floating>.typeahead.tt-hint:not(:placeholder-shown)~label::after,
.form-floating>.typeahead.tt-input:focus~label::after,
.form-floating>.typeahead.tt-input:not(:placeholder-shown)~label::after,
.select2-container--default .select2-search--dropdown .form-floating>.select2-search__field:focus~label::after,
.select2-container--default .select2-search--dropdown .form-floating>.select2-search__field:not(:placeholder-shown)~label::after {
    position: absolute;
    inset: 1rem .4rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: .25rem;
}

.input-group>.form-select,
.input-group>.typeahead.tt-hint,
.input-group>.typeahead.tt-input,
.select2-container--default .select2-search--dropdown .input-group>.select2-search__field {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus,
.input-group>.typeahead.tt-hint:focus,
.input-group>.typeahead.tt-input:focus,
.select2-container--default .select2-search--dropdown .input-group>.select2-search__field:focus {
    z-index: 5;
}

.input-group-lg>.form-select {
    padding: .5rem .8rem;
    font-size: 1rem;
    border-radius: .25rem;
}

.input-group-sm>.form-select {
    padding: .391rem .8rem;
    font-size: .812rem;
    border-radius: .25rem;
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3.2rem;
}

.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

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

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2305a34a' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    padding-right: 4.4rem;
    background-position: right .8rem center, center right 2.4rem;
    background-size: 16px 12px, calc(.75em + .469rem) calc(.75em + .469rem);
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 0 rgba(var(--bs-success-rgb), .25);
}

.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3;
}

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

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff3366'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff3366' stroke='none'/%3e%3c/svg%3e");
    padding-right: 4.4rem;
    background-position: right .8rem center, center right 2.4rem;
    background-size: 16px 12px, calc(.75em + .469rem) calc(.75em + .469rem);
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 0 rgba(var(--bs-danger-rgb), .25);
}

.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4;
}

.form-select-xs {
    padding: .313rem .8rem;
    font-size: .75rem;
}