label {
    color: azure !important;
}

.form-floating input, .form-floating textarea, .form-floating input:read-only {
    background-color: #2c3033;
    color: azure;
    border: none;
    border-bottom: 1px solid azure;
    border-radius: 5px;
}

.form-floating input:focus, .form-floating textarea:focus {
    background-color: #3e4245;
    color: azure;
    outline: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid var(--lxio-primary-color);
}

.form-check-input:checked {
    background-color: var(--lxio-primary-color);
    border: none;
}

.form-check-input:focus {
    box-shadow: 0 0 0 .1rem var(--lxio-primary-hover-color);
    border: none;
}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%235a3e9e'/%3e%3c/svg%3e");
}


@media screen and (orientation: landscape) {
    form:not(.search-form) {
        width: 50%;
        /* Center the form */
        margin: 0 auto;
    }
}

@media screen and (orientation: portrait) {
    form:not(.search-form) {
        width: 100%;
        /* Center the form */
        margin: 0 auto;
    }
}

select {
    background-color: #2c3033 !important;
    color: azure !important;
    border: none !important;
    border-bottom: 1px solid azure !important;
    border-radius: 5px !important;
}

select:focus {
    background-color: #3e4245 !important;
    color: azure !important;
    outline: none !important;
    box-shadow: none !important;
}