﻿
#footer-bg {
    background-color: #5a6772 !important;
}

#footer-bg ul li a {
    color: #65dcdf !important;
}

    #footer-bg .list-group-item {
        background-color: #5a6772 !important;
        border: 0px;
        font-weight:bold;
        padding-top: 5px;
    }

.testoDescStep p {
    font-size: 1.1rem !important;
    color: #26394d !important;
}

.form-group label.active {
    font-size: 18px !important;
    line-height: 1.555;
    padding-bottom: 10px;
    padding-left: 0px;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    /*color: #435a70;*/
}

/*.form-control:disabled,
.form-control[readonly] {
    background-color: #d0d8f5 !important;
    opacity: 1
}*/

/*background degli steppers e della modale ricerca committente (#d6e5f5)*/
.section.section-muted {
    background: #d6e5f5;
}

.callout:not(.callout-highlight):not(.callout-more) .callout-title {
    background: #d6e5f5;
}

.backcolorRicComm {
    max-width: 900px !important;
   /* background: #d6e5f5 !important;*/
}
/**/

/*.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .777rem;
    color: #d9364f
}*/

/*.invalid-feedback {
    font-size: 1em !important;
    font-weight: bold !important;
}
*/
/*.steppers .steppers-header li.active:after {
    width: calc(100%);
    height: 4px;
}*/

.opacityInputDisabled {
    pointer-events: none !important;
    /*opacity: 0.6;*/
    /* background-color: #c9e2fb !important; */ /*#d0d8f5 #e6e9f2 !important;*/
    font-weight: normal !important;
    background-color: #e9ecef !important; /* Grigio chiaro */
    color: #6c757d !important; /* Grigio testo */
    border-color: #ced4da; /* Grigio bordo */
    cursor: not-allowed; /* Indicazione visiva dello stato disabilitato */
    opacity: 1 !important; /* Per mantenere contrasto leggibile */
}


.opacitySelectDisabled {
    pointer-events: none !important;
    /*opacity: 0.9;*/
    /* color: #000 !important;
    background-color: #c9e2fb !important;*/ /*#d0d8f5 #e6e9f2 !important;*/
    font-weight: normal !important; /* Rimuove il grassetto */
    background-color: #e9ecef !important; /* Grigio chiaro */
    color: #6c757d !important; /* Grigio testo */
    border-color: #ced4da; /* Grigio bordo */
    cursor: not-allowed; /* Indicazione visiva dello stato disabilitato */
    opacity: 1; /* Per mantenere contrasto leggibile */
}

    .opacitySelectDisabled button.btn {
        font-weight: normal !important; /* Rimuove il grassetto */
        color: #6c757d !important;
    }

.bootstrap-select-wrapper button.btn {
    font-weight: normal !important; /* Rimuove il grassetto */
    color: #6c757d !important;
}

.select-wrapper select option:checked {
    color: #191919;
    font-weight: normal !important; /* Rimuove il grassetto */
}

/* Stile per il div .input-group quando contiene un input con classe .opacitySelectDisabled */
.input-group input.opacitySelectDisabled {
    pointer-events: none !important;
    background-color: #e9ecef !important; /* Grigio chiaro */
    color: #6c757d !important; /* Grigio testo */
    border-color: #ced4da; /* Grigio bordo */
    cursor: not-allowed; /* Indicazione visiva dello stato disabilitato */
    opacity: 1; /* Per mantenere contrasto leggibile */
    font-weight: normal !important; /* Rimuove il grassetto */
}

/* Stile per il div .input-group */
.input-group:has(input.opacitySelectDisabled) {
    background-color: #e9ecef !important; /* Stesso colore dello sfondo disabilitato */
}

/*.bootstrap-select-wrapper button {
    color: #000;
}*/
/*.form-group input,
.form-group optgroup,
.form-group textarea {
    color: #000;
}*/
#documentazioneTable {
    background-color: #fff !important;
}

#documentazioneTable td{
    font-size: 20px;
}

#documentazioneTable th {
    font-size: 22px;
}

    #documentazioneTable .k-button,
    .k-button-secondary {
        border-color: #004d99 !important;
        color: #fff !important;
        background-color: #0053a6 !important;
        font-weight: bold !important;
    }

#integrazioneForm .k-button,
.k-button-secondary {
    border-color: #004d99 !important;
    color: #fff !important;
    background-color: #0053a6 !important;
    font-weight: bold !important;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    background: #fff;
    /*background: #fff !important;*/
}

#formio label {
    font-weight: bold;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
textarea {
    font-weight: normal !important;
}


::placeholder {
    font-weight: normal !important;
}

.formio-error-wrapper {
    color: #721c24;
    background-color: transparent !important;
    border-color: #f5c6cb;
}


#formio .was-validated .form-control:valid,
#formio .form-control.is-valid {
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}



#formio .was-validated .form-control:valid {
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: black !important;
    font-weight: normal !important;
}


.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: black !important;
    font-weight: normal !important;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: black !important;
    font-weight: normal !important;
}


.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: black !important;
    font-weight: normal !important;
}


#stepper0 ol {
    margin: 0px 0 0 40px !important;
    padding: 0 0 20px 0 !important;
    list-style-type: decimal;
}


input[type="checkbox"].importo-checkbox {
    -webkit-appearance: checkbox !important;
}

.container .card-bg {
    background-color: white !important;
}

.container .card-body {
    background-color: white !important;
}

#btnPayEfilImposti {
    width: 175px !important;
}

/* --------------------------------------------------------------------------
   Stepper Dovuti Imposti - Step 3 (Importi)
   Mantiene la prima colonna (checkbox) sempre bianca anche con righe alternate
   (table-striped). Serve ad evitare la fascia grigia vicino alla spunta.
--------------------------------------------------------------------------- */
#tblImposti.table-striped tbody td:first-child {
    background-color: #fff !important;
    /* Bootstrap 5 / Bootstrap Italia usa spesso variabili per il colore zebra */
    --bs-table-accent-bg: #fff !important;
}