/* Importa il font Nunito da Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');

.text-dark {
    font-family: 'Nunito', sans-serif !important;
}


/* Applica il font a tutto il sistema */
form#form1 {
    font-family: 'Nunito', sans-serif;
    font-size: 0.9em !important;
}

/* Per garantire uniformita nei form */
input, textarea, select, button {
    font-family: 'Nunito', sans-serif;
}


.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: rgba(255, 255, 255, 0) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0) !important;
}

@media only screen and (max-width: 780px) {
    .btn-success {
        width: 110% !important;
        margin-left: -5% !important;
    }
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: #6c757d !important
}

body {
    max-width: 680px !important;
    margin: 0 auto !important;
}

.border-warning:has(.btn-success) {
    border-color: transparent !important;
}

.border-warning:has(.form-control:focus) {
    border-color: #198754 !important;
}

#txtNascita {
    background-color: #e9e9e9 !important;
    color: #000 !important;
}

#txtData {
    background-color: #e9e9e9 !important;
    color: #000 !important;
}

.bg-centro {
    background: #0b689e !important;
}

.btn-success {
    --bs-btn-bg: #35b984 !important;
}

.border-warning:has(#txtData) {
    background-color: #e9e9e9 !important;
}

.border-warning:has(#txtNascita) {
    background-color: #e9e9e9 !important;
}

#imgLogo {
    padding-right: 6px !important;
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
    padding-top: 18px !important;
    text-transform: uppercase !important;
}

.modal-title {
    text-transform: capitalize !important;
}

#txtCellulare {
    text-transform: capitalize !important;
}

.completato {
    background-color: #35b984 !important;
    background-image: url('https://staging.medisaluser.com/wp-content/uploads/2025/03/rid.png') !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
}

.conferma {
    /*--bs-btn-bg: #35b984!important;*/
    background-color: #0b689e !important;
}

#divPaziente:not(.completato) {
    background-image: url('https://staging.medisaluser.com/wp-content/uploads/2025/03/1-rid.png') !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
}

#divSpecialita:not(.completato) {
    background-image: url('https://staging.medisaluser.com/wp-content/uploads/2025/03/2-rid.png') !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
}

#divSpecialista:not(.completato) {
    background-image: url('https://staging.medisaluser.com/wp-content/uploads/2025/03/3-rid.png') !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
}

#divPrestazione:not(.completato) {
    background-image: url('https://staging.medisaluser.com/wp-content/uploads/2025/03/4-rid.png') !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
}

#divScegliData:not(.completato) {
    background-image: url('https://staging.medisaluser.com/wp-content/uploads/2025/03/5-rid.png') !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
}

.prenotabile {
    background-color: #35b984 !important;
}

.bg-centro:has(#btnAnnulla) {
    background-color: #dc3545 !important;
}

.bg-centro:has(#btnConferma) {
    background-color: #198754 !important;
}

#btnConferma {
    background-color: #198754 !important;
}

#divDisdetta {
    font-size: 0.9em !important;
}

.form-check-label {
    color: #000 !important;
}

.div2 {
    font-size: 0.9em !important;
}

#divEntra {
    background-color: #0b689e !important;
}

.btn.disabled {
    border-color: rgba(0,0,0,0) !important;
    font-size: 0.9em;
    margin-top: 3px;
}

#btnRichiedi {
    font-size: 0.9em;
    margin-top: 3px;
}

#divIndietro {
    background-color: #80bfc8;
}