﻿#intestazione{max-width:800px;margin:auto}
#contenuto .inner{padding-top:45px;padding-bottom:20px;}
.intestazione{margin:0;font-weight:500;font-size:40px;color:#337ab7;padding:40px 0 0;background:#fff;padding-bottom:10px}
.sottotitolo-sezione{font-size:22px;width:100%;color:#337ab7;padding:10px 64px 20px;text-align:justify;text-align:center;background:#fff;margin:0 0 20px;}
.ContainerInput{width:50%}
.container-modulo{width:90%;border:2px solid #337ab7;padding:20px 40px 40px;font-family: 'Source Sans Pro', sans-serif;border-radius:5px;margin:0 auto 40px}
.container-risultati{width:90%;border:2px solid #337ab7;padding:40px;margin:0 auto 40px;font-family: 'Source Sans Pro', sans-serif;transition: opacity 1.2s; will-change:opacity; opacity:0;text-align:center;border-radius:5px}
.label-input{display:block;padding:20px 0 10px;font-size:18px}
#containerInputPaginaErrore,#ContainerInputDescrizione,#uxInputDescrizione{width:100%}
#ContainerBtnInvia{padding-top:20px;padding-bottom:20px}
.button{border: none;background: #017cc2;color: #fff;font-weight: bold;padding:10px;font-size: 16px;border-radius:3px;cursor:pointer;display:block;border:3px solid #017cc2;}
.button:hover{background:#fff;color:#017cc2}
.button-risultato{text-align:center;width:80%;margin:20px auto 0;text-decoration:none}
#BtnInvia{width: 100%;}
.label-risultato{display:block;font-weight:bold;line-height:1.5;font-size:22px;padding:40px}
.label-risultato-corretto{color:green;}
.label-risultato-non-corretto{color:darkred}
.label-risultato-problema-segnalazione{color:orangered}
.loader{border: 16px solid white;border-top: 16px solid #f8c600;border-radius: 50%;width: 120px;height: 120px;animation: spin 2s linear infinite;}
.loaderContainer{position:fixed;top:0;left:0;right:0;bottom:0;background:white;z-index:999999;background:rgba(51,122,183,.92);display:none}
.inner-loaderContainer{background:white;margin:auto;border:1px solid #337ab7;width:90%;padding:150px 0px}
.container-messaggio-loader{color:#337ab7;font-weight:bold;margin-bottom:18px;text-align:center;width:95%;padding:20px 8px;font-size:30px}
#ContainerInputPrivacy{margin-top:20px;width:100%}
#uxInputPrivacy{width: 24px;height: 24px;vertical-align: bottom;margin-right:5px}
@media(min-width:1920px)
{
    .container-modulo{width:65%;padding:20px 40px 40px;margin:40px auto}            
    .container-risultati{width:65%;padding:40px;margin:40px auto 0}
    .button{font-size:18px}
    .inner-loaderContainer{width:65%}
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }