.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


div.destra {
    display: flex;
    justify-content: right;
    align-items: center;
    margin: 0.5em;
}

div.testata {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em;
}

.intestazione {
    margin: 0 0 1em 0;
    width: 80%;
    color: #000000;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    padding: 0.5em ;
}

.navigazione {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 1.5em 0;
    border-bottom: 1px solid transparent;
    box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    background: #242424;
}

/* 220324 Resa navbar scura */


.titolosito {
    color: white;
    font-weight: 700;
    font-size: 25px;
}

a.titolosito {
    color: white;
}

div.sx_logo {
    /*width: 49%;*/
    max-width: 500px;
    padding: 30px 10px 10px 10px;
    float: left;
    display: flex;
    justify-content: right;
    align-items: center;
}

div.dx_logo {
    width: 60%; 
    font-weight: 600;
    font-size: 1.1em;
    text-align: right;
    /* float: right; */
    /* display: flex; */
    /* justify-content: left; */
    /* align-items: center; */
    margin: -2em 1em 0 1em;
    padding: 10px;
}

div.centro_logo {
   /* width: 49%;
    font-weight: 700;
    font-size: 1.3em;
    text-align: center;
    float: right;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 0 3em;
    max-width: 600px;
}

.logo_img {
    max-width: 100%;
}

div.box-form {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.form {
    margin: 0 3em;
    width: 100%;
    padding: 10px;
}

div.pulsanti {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em;
}

div.pulsantelogin {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em 1em 10em 1em;
}

div.sx_button {
    width: 40%;
    padding: 10px;
    float: left;
    display: flex;
    justify-content: right;
    align-items: center;
}

div.dx_button {
    width: 40%;
    padding: 10px;
    float: right;
    display: flex;
    justify-content: left;
    align-items: center;
}

span.chkbox {
    margin: 0 10px 5px 10px;
}

div.copy {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.7em;
    padding: 10px;
}

div.div_foot {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
    font-weight: normal;
    padding: 20px 10px 10px 10px;
    text-align: center;
}

div.sx_foot {
    width: 49%;
    padding: 10px;
    text-align: center;
}


div.dx_foot {
    width: 49%;
    text-align: center;
    padding: 10px;
}


div.buttonrigadx {
    width: 100%;
    padding: 0 4em 20px 0;
    float: right;
    display: flex;
    justify-content: right;
    align-items: center;
}


/* Diventata .intestazione
    div.tabella {
    width: 100%;
    color: #000000;*/
    /* background-color: #000000; */
    /*border-bottom: 1px solid #d1d1d1;
    text-align: center;
    padding: 1em;
    margin-bottom: 2em;
}*/

.dati {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

td.sx_dati {
    text-align: right;
    padding: 10px;
    font-weight: 700;
}

td.dx_dati {
    text-align: left;
    padding: 10px;
}

td.sx_cash {
    text-align: right;
    padding: 10px;
}

td.dx_cash {
    text-align: left;
    padding: 10px;
    font-weight: 700;
}

div.paginetesto {
    padding: 2em 4em 2em 4em                  ;
}

.privacy {
    background-color: transparent;
    color: blue;
    border: 0px transparent;
    border-radius: 20px;
    padding: 10px;
}

    .privacy:hover {
            border: 1px solid blue;
    }

    .privacy:active {
        transform: translateY(4px);
    }

.pulsanteCash {
    background-color: transparent;
    color: #055305;
    border: 1px solid transparent;
    border-radius: 20px;
    text-decoration: underline;
    padding: 10px;
    min-width: 100px;
}

    .pulsanteCash:hover {
        /* background-color: lightgreen; */
        color: forestgreen;
        border: 1px solid;
        text-decoration: underline;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }

    .pulsanteCash:active {
        box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19);
        transform: translateY(4px);
    }


.conferma {
    background-color: #d7fdd7;
    color: #055305;
    border: 1px solid forestgreen;
    border-radius: 20px;
    padding: 10px;
    min-width: 100px;
}

    .conferma:hover {
        background-color: lightgreen;
        color: forestgreen;
        text-decoration: none; 
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }

    .conferma:active {
        box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19);
        transform: translateY(4px);
    }



.modifica {
    background-color: lightyellow;
    color: orangered;
    border: 1px solid darkorange;
    border-radius: 20px;
    padding: 10px;
    min-width: 100px;
}

    .modifica:hover {
        background-color: #ffd78b;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }

    .modifica:active {
        background-color: #ffd78b;
        box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19);
        transform: translateY(4px);
    }


.esci {
    background-color: #ffe6ea;
    color: darkred;
    border: 1px solid red;
    border-radius: 20px;
    padding: 10px;
    min-width: 100px;
}

    .esci:hover {
        color: white; 
        background-color: #ff899e;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }

    .esci:active {
        box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19);
        transform: translateY(4px);
    }


.sfondobianco {
    background-color: white;
}

.marginiud {
    margin: 1em 0;
}


p.centro {
    text-align: center !important;
}

.hr1 {
    width: 50%;
    margin: 2em auto;
}

.hr2 {
    width: 70%;
    margin: 2em auto;
}

.elenco {
    text-indent: 1em;
}

.nascondi {
    display: none;
}