@font-face {
    font-family: 'SourceSansPro';
    src: url('../fonts/SourceSansPro-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBold';
    src: url('../fonts/SourceSansPro-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBoldIt';
    src: url('../fonts/SourceSansPro-BoldIt.otf');
    font-weight: normal;
    font-style: normal;
}

html, body, .container-fluid {
    height: 100%;
    font-family: 'SourceSansPro', sans-serif;
    letter-spacing: .5px;
    font-size: 10px;
}

.pagina {
    height: 100%;
    background-color: #6E7678;
}


.accedi, 
.accedi:active, 
.accedi:visited, 
.accedi:focus{
    font-size: 1.8rem;
    background-color: #B83C3C;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    color: #FFFFFF;
    border-radius: 4px;
    border: 2px solid #B83C3C;
    text-decoration: none;
    width: 100%;
}

.accedi:hover{
    background-color: #B83C3C;
    text-decoration: none;
    color: #FFFFFF;
    border: 2px solid #B83C3C;
}

.accedi:disabled,
.accedi:disabled:hover,
.accedi[disabled],
.accedi[disabled]:hover{
    background-color: #B83C3C;
    color: #FFFFFF;
    border-radius: 4px;
    border: 2px solid #B83C3C;
    text-decoration: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.boxErrore{
    border: red dotted 2px;
    font-size: 1.6rem;
    color: #555;
    padding: 1rem;
    text-align: center;
    background: #FFF;
}

.boxOk{
    border: green dotted 2px;
    font-size: 1.6rem;
    color: #555;
    padding: 1rem;
    text-align: center;
    background: #FFF;
}

.boxLogin{
    background-color: #FFF; 
    padding-bottom: 6rem;
}

.contenitoreAccedi{
    padding-top: 0.8rem;
}

.iconaMail{
    font-size: 2.4rem;
    background-color: #FFF;
    border-right: #ccc solid thin
}

.input-group-addon:first-child {
    border-right: 0;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px ;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-color: #cccccc;
    background-color: #FFFFFF;
}

.inputLogin{
    background: #FFF;
    font-size: 1.8rem;
    color: #555;
    height: 5rem;
    border: 1px solid #ccc;
}

.intestazioneErrore {
    font-family: 'SourceSansProBold';
}

.linkLingua,
.linkLingua:active,
.linkLingua:focus,
.linkLingua:visited{
    color: #FFF; 
    font-family: 'SourceSansPro'; 
    font-size: 1.6rem;
    text-decoration: underline;
}

.linkLingua:hover{
    color: #FFF; 
    font-family: 'SourceSansPro'; 
    font-size: 1.6rem;
    text-decoration: underline;
}

.linkTornaLogin{
    color: #555; 
    font-size: 1.6rem; 
    font-weight: bold;
    text-align: left;
}

.logoClienteLogin{
    width: 45rem;
    height: auto;
}

.logoPcoLogin{
    width: 18rem; 
    height: auto
}

.rigaFooter{
    background-color: #6E7678;
}

.rigaLingua{
    background-color: #6E7678; 
    padding-top: 0.5rem;
}

.rigaLogin{
    padding-top: 1rem;
}

.rigaLogo{
    background-color: #FFF; 
    padding-top: 6rem; 
    padding-bottom: 6rem;
}

.rigaLogoPco{
    text-align: left;
    padding-left: 2rem;
    padding-top: 2rem;
}

.rigaRecuperoPassword{
    padding-top: 1rem;
}

.rigaTestoRecupero{
    background-color: #FFF;
}

.sfondoBeb{
    padding-left: 0;
    padding-right: 0;
    background-color: #000;
}

.titoloRecupero{
    font-size: 1.6rem;
}

.tornaLogin,
.tornaLogin:active,
.tornaLogin:visited,
.tornaLogin:focus{
    color: #B83C3C;
}

.tornaLogin:hover{
    color: #B83C3C;
    text-decoration: underline;
}

@media (min-width: 991px) and (max-width: 1199px) {
    /* ORIZZONTALE */
    .boxLogin{
        padding-bottom: 2rem;
    }

    .contenitoreAccedi{
        padding-top: 3rem;
    }

    .rigaLogin{
        padding-top: 3rem;
    }    

    .rigaLogo {
        padding-top: 6rem;
        padding-bottom: 4rem;
    }

    .rigaRecuperoPassword{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .rigaLogoPco{
        text-align: left;
        padding-top: 1.5rem;
    }

    .logoPcoLogin{
        width: 20rem; 
        height: auto
    }

    .sfondoBeb{
        padding-left: 0;
        padding-right: 0;
        background-color: #000;
        background-image: url('../images/login_md.jpg'); 
        min-height: 41rem; 
        
        background-repeat: no-repeat; 
        background-position: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* VERTICALE */
    .boxLogin{
        padding-bottom: 9rem;
    }

    .contenitoreAccedi{
        padding-top: 4.5rem;
    }
    
    .linkTornaLogin{
        text-align: center;
        padding-top: 2rem;
    }

    .rigaLogin{
        padding-top: 3rem;
    }    

    .rigaLogo {
        padding-top: 6rem;
        padding-bottom: 3rem;
    }

    .rigaRecuperoPassword{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .rigaLogoPco{
        text-align: center;
        padding-top: 5rem;
    }

    .logoPcoLogin{
        width: 20rem; 
        height: auto
    }

    .sfondoBeb{
        padding-left: 0;
        padding-right: 0;
        background-color: #000;
        background-image: url('../images/login_sm.jpg'); 
        min-height: 32rem; 
        
        background-repeat: no-repeat; 
        background-position: center;
    }
}

@media (max-width: 767px) {
   
    .boxLogin{
        padding-bottom: 8rem;
    }

    .contenitoreAccedi{
        padding-top: 2rem;
    }    
    
    .linkTornaLogin{
        text-align: center;
        padding-top: 2rem;
    }

    .logoClienteLogin{
        width: 28rem;
    }

    .rigaLogo {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .titoloRecupero{
        font-size: 1.4rem;
    }

    .sfondoBeb{
        padding-left: 0;
        padding-right: 0;
        background-color: #000;
        background-image: url('../images/login_xs.jpg'); 
        min-height: 19rem; 
        background-repeat: no-repeat; 
        background-position: center;
    }

}


@media (max-width: 767px) and (orientation:  portrait){
    /* VERTICALE */

    .rigaLogoPco{
        text-align: center;
        padding-top: 2rem;
    }

    .logoPcoLogin{
        width: 18rem; 
        height: auto
    }

}

@media (max-width: 767px) and (orientation: landscape){
    /* ORIZZONTALE */
    
    .rigaLogoPco{
        text-align: center;
        padding-top: 2rem;
    }

    .logoPcoLogin{
        width: 20rem; 
        height: auto
    }
}