.cpst-loader-wrapper {
    align-items: center;
    background: #faebd7;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.3s linear;
    opacity: 0.5;
    z-index: 99999;
    display: none;
    width: 100%;
}

#logoceposto {
    border-radius: 15px;
    width: 100px;
    margin-right: 10px;
}

.inlineLogo {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.inlineLogo .separatore {
    border-left: 1px solid;
    height: 90%;
    margin: 10px;
}

.cpst_titolo {
    font-weight: lighter;
    text-align: center;
    width: 100%;
    color: var(--x1-main-color);
    border-bottom: 1px dotted var(--x1-main-color);
}

.cpst_label {
    float: left;
    font-variant-caps: all-petite-caps;
}

.form-file-icon {
    max-width: 25px;
    max-height: 25px;
}
.cpst-titolo-onTop,
.cpst-titolo-wrapper{
    font-variant-caps: all-petite-caps;
    font-size: xx-large;
    font-weight: bolder;
    color: var(--x1-bg-color);
    position: absolute;
}

.cpst-titolo-onTop{
    margin-top: -35px;
}

.cpst-titolo-wrapper{
    top: -35px;
    left: 0;
}

.cpst_box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.cpst_mini_label {
    font-size: smaller;
}

.red {
    color:red;
}
#cpst-gdpr-modal-formapp,
#cpst-gdpr-modal-datipersonali,
#cpst-gdpr-modal-login,
#cpst-gdpr-modal-oblio,
#cpst-gdpr-modal-registrazione,
#cpst-gdpr-modal-ota,
#cpst-gdpr-modal-servizio,
#cpst-gdpr-modal {
    height: 100% !important;
    overflow: hidden;
}
.cpst-sms-wrapper.modal,
.cpst-gdpr-wrapper.modal,
.cpst-lista-attesa-wrapper.modal,
.cpst-lista-attesa-esito.modal {
    overflow: scroll;
    position: fixed;
    z-index: 9000;

}

.conferma-cancellazione-attesa.modal,
.cpst-sms-wrapper.modal,
.cpst-lista-attesa-wrapper.modal,
.cpst-lista-attesa-esito.modal
{
    height: fit-content !important;
}

.cpst-gdpr-wrapper.modal {
    height: 80% !important;
    min-width: 90% !important;
    left: 5% !important;
    top: 10% !important;
}

.cpst-sms-wrapper.modal {
    z-index: 9001;
    height: fit-content !important;
    flex-direction: column;
}


.cpst-sms-wrapper.modal .modal-footer {
    flex-direction: column;
}

.cpst-sms-wrapper.modal .modal-footer .invio {
    width: 100%;
    text-align: end;
    margin-top: 0.5em;
}

.cpst-sms-wrapper.modal .modal-footer .otp .codice {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin-bottom: 5px;
}


.cpst-sms-wrapper.modal .modal-footer .otp .codice .fix {
    font-size: x-large;
    padding: 3px 15px;
    padding-right: 0.5em;
    background: var(--x1-main-color-light);
    border-radius: 5px 0 0 5px;
}

.cpst-gdpr-wrapper.modal .modal-footer .otp-errore,
.cpst-gdpr-wrapper.modal .modal-footer .otp-errore-no-match,
.cpst-sms-wrapper.modal .modal-footer .otp-errore-generico,
.cpst-sms-wrapper.modal .modal-footer .otp-errore,
.cpst-sms-wrapper.modal .modal-footer .otp-errore-no-match {
    display: none;
    color: white;
    border-radius: 10px 0 10px 10px;
    width: 75%;
    background-color: #eb5c5c;
    text-align: center;
    padding: 2px 7px;
}



.cpst-lista-attesa-wrapper.modal {
    width: 450px !important;
    height: fit-content !important;
}

.cpst-gdpr-wrapper .nome-attivita {
    text-align: center;
    border-bottom: 1px dotted;
}

.cpst-gdpr-wrapper .modal-header{
    height: 10%;
}

.cpst-gdpr-wrapper .modal-content{
    height: 80%;
    overflow: scroll;
}

.cpst-gdpr-wrapper .modal-footer{
    height: 10%;
    padding-top: 10px;
    text-align: center;
}

.cpst-gdpr-wrapper.consenso-check .consenso-testo-errore,
#cpst-gdpr-modal-formapp .consenso-check .consenso-testo-errore,
#cpst-gdpr-modal-datipersonali .consenso-check .consenso-testo-errore,
#cpst-gdpr-modal-login .consenso-check .consenso-testo-errore,
#cpst-gdpr-modal-oblio .consenso-check .consenso-testo-errore,
#cpst-gdpr-modal-registrazione .consenso-check .consenso-testo-errore,
#cpst-gdpr-modal-ota .consenso-check .consenso-testo-errore,
#cpst-gdpr-modal-servizio .consenso-check .consenso-testo-errore,
#cpst-gdpr-modal .consenso-check .consenso-testo-errore,
.errore {
    color: white;
    width: 96%;
    display: none;
    background-color: #eb5c5c;
    border-radius: 0 10px 10px 10px;
    text-align: center;
    padding: 2px 7px;
    margin-left: 10px;
}

.errore.banda {
    color: white;
    width: 96%;
    display: none;
    background-color: #eb5c5c;
    border-radius: 0 0 15px 15px;
    text-align: center;
    margin: 0 10px;
    float: left;
}

.ui-widget-shadow {
background: #fff 50% 50% repeat-x !important;
opacity: 1 !important;
}

.section_wrapper {
    margin: 0 auto;
}

.cpst_inline {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cpst_button.small-button.selected {
    background: var(--x1-main-color);
}

.cpst_inline_item {
    display: inline-block;
    flex-basis: auto;
}

/* style per i submit button*/
.cpst-submit-button-style {
    font-size: larger;
    border-width: 2px;
    text-align: center;
    width: 100%;
}

.small-button {
    font-size: small;
    padding: 5px;
}

.cpst-small-font {
    font-size: smaller;
}

#esito-trasferimento,
#esito-trasferimento-fallito,
#esito-prenotazione-attivita-fallita,
#esito-prenotazione-attivita {
    max-width: 800px;
}

#esito-trasferimento .prenotazione-ok-msg,
#esito-prenotazione-attivita-fallita .prenotazione-ok-msg,
#esito-prenotazione-attivita .prenotazione-ok-msg {
    text-align: left;
    padding: 20px;
    font-size: larger;
    margin-left: 10px;
}

#esito-trasferimento-fallito .prenotazione-ok-msg img,
#esito-prenotazione-attivita-fallita .prenotazione-ok-msg img,
#esito-prenotazione-attivita .prenotazione-ok-msg img{
    margin-right: 10px;
}

.cpst-gdpr-wrapper .consenso-check label,
.cpst-gdpr-wrapper .consenso-check input,
#cpst-gdpr-modal-formapp .consenso-check label,
#cpst-gdpr-modal-datipersonali .consenso-check label,
#cpst-gdpr-modal-login .consenso-check label,
#cpst-gdpr-modal-oblio .consenso-check label,
#cpst-gdpr-modal-registrazione .consenso-check label,
#cpst-gdpr-modal-ota .consenso-check label,
#cpst-gdpr-modal-servizio .consenso-check label,
#cpst-gdpr-modal .consenso-check label,
#cpst-gdpr-modal-formapp .consenso-check input,
#cpst-gdpr-modal-datipersonali .consenso-check input,
#cpst-gdpr-modal-login .consenso-check input,
#cpst-gdpr-modal-oblio .consenso-check input,
#cpst-gdpr-modal-registrazione .consenso-check input,
#cpst-gdpr-modal-ota .consenso-check input,
#cpst-gdpr-modal-servizio .consenso-check input,
#cpst-gdpr-modal .consenso-check input{
    display: inline;
}

.align-center {
    text-align: center;
}

.datepickerstyle {
    width: 100%;
    white-space: nowrap;
    display: flex;
}

.datepickerstyle > i {
    margin: auto 0;
}

.form-error {
    color: red;
}

.form-attesa .form-label,
.box_appuntamento .form-appuntamento .form-label{
    width: 100%;
    margin: 2px 8px;
    padding: 5px;
}


.cpst-pagination {
    display: flex;
    justify-content: center;
    margin: 25px;
}

.cpst-pagination input {
    padding: 0px !important;
    width: 150px !important;
    text-align: center;
    background-color: transparent;
}

.cpst-pagination .dashicons {
    text-decoration: none;
    margin: 5px 5px 5px 0px;
}