@charset "UTF-8";


/* STILE COMUNE PAGINA REGISTRAZIONE */

html,
body
{
    background: #ffffff;
}


.messaggio-container
{
    min-height: 500px;
    margin: 0 auto;
    margin-top: 98px;
    /* border: 1px solid grey; */
}



.messaggio-container .contenuto
{
    margin-top: 90px;
}


.messaggio-container img.logo
{
    width: 60%;
    max-width: 60%;
    min-width: 100px;
}


.messaggio-container .contenuto .img-error-container
{
    margin-top: 35px;
    text-align: center;
}


.messaggio-container .contenuto .img-error-container img
{
    width: 250px;
}


.messaggio-container .contenuto p.descrizione
{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 8px;
    color: #3D3D3D;
}


.messaggio-container .contenuto p.descrizione .msg-word-error
{
    font-size: 50px;
    line-height: 55px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    overflow: auto;
    word-break: break-all;
}


.messaggio-container .buttons-container
{
    margin-top: 40px;
}


.messaggio-container .buttons-container .btn-avanti
{
    width: 100%;
    background: var(--pls-button-primary-background);
    border: var(--pls-button-primary-border);
    color: var(--pls-button-primary-color);
    padding: 16px 32px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    display: block;
    text-align: center;
}

.messaggio-container .buttons-container .btn-avanti:hover
{
    background: var(--pls-button-primary-hover-background);
    border: var(--pls-button-primary-hover-border);
    color: var(--pls-button-primary-hover-color);
}


.messaggio-container .buttons-container .btn-avanti:active
{
    background: var(--pls-button-primary-active-background);
    border: var(--pls-button-primary-active-border);
    color: var(--pls-button-primary-active-color);
}


.messaggio-container .buttons-container .btn-avanti:focus
{
    background: var(--pls-button-primary-focus-background);
    border: var(--pls-button-primary-focus-border);
    color: var(--pls-button-primary-focus-color);
}



/* MEDIA QUERIES SU CONTAINER */

.viewport-xs .messaggio-container
{
    width: 100%;
}

.viewport-sm .messaggio-container,
.viewport-md .messaggio-container,
.viewport-lg .messaggio-container,
.viewport-xl .messaggio-container,
.viewport-xxl .messaggio-container
{
    max-width: 450px;
}

/* --- */


/* ERROR PAGE */



.messaggio-container .contenuto .img-error-container img.logo
{
    animation: img-float 1s ease-in-out infinite;
}