/* Accesso */

.auth-acc-bkg { background-color: #fff; display: block; position: absolute; height: 100%; width: 100%; margin: 0px; padding: 0px; }
.auth-acc {
    background: url('images/progress.gif') center center no-repeat;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.auth-acc-body {
    background-color: #fff;
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

/* Recovery */
.auth-rec-bkg { display: block; position: absolute; height: 100%; width: 100%; margin: 0px; padding: 0px; }
.auth-rec { background-color: #fff; display: block; height: auto; max-width: 600px; margin: auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* Errore */
.auth-err-bkg { display: block; position: absolute; height: 100%; width: 100%; margin: 0px; padding: 0px; }
.auth-err { display: block; margin: auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* All */
.auth-lgn-err { text-align: center; }
    .auth-lgn-err img { background: url('../Images/error.png') no-repeat center; width: 128px; height: 128px; }
    .auth-lgn-err span { display: block; margin-top: 30px; }

.auth-lgn-acc { width: auto; margin: auto; background-color: #ffffff; text-align: center; }

    .auth-lgn-acc .auth-lgn-header { background-color: #f4f5f7; padding: 10px 0px; }
        .auth-lgn-acc .auth-lgn-header img { background: url('../Images/lock.png') center no-repeat; background-size: cover; width: 100px; height: 100px; margin-bottom: 10px; }
        .auth-lgn-acc .auth-lgn-header h2 { margin: 0px 0px 8px 0px; font-size: x-large; text-overflow: ellipsis; }

    .auth-lgn-acc .auth-lgn-message { overflow: hidden; display: block; padding: 5px 0px; }
        .auth-lgn-acc .auth-lgn-message span { display: inline-block; width: 100%; }

    .auth-lgn-acc .auth-lgn-nav { background-color: #ffffff; overflow: hidden; margin: 0px; padding: 0px; }
        .auth-lgn-acc .auth-lgn-nav a { float: left; display: block; color: #8c979f; text-align: center; text-decoration: none; font-weight: bold; }
            .auth-lgn-acc .auth-lgn-nav a:hover { color: black; }
            .auth-lgn-acc .auth-lgn-nav a.active { color: #0072c6; }
            .auth-lgn-acc .auth-lgn-nav a.last { display: none; clear: both; }
            .auth-lgn-acc .auth-lgn-nav a span { background-color: #f4f5f7; border-bottom: 2px solid #0072c6; width: 100%; display: block; }
            .auth-lgn-acc .auth-lgn-nav a.active span { border-bottom: 2px solid #0072c6; }
            .auth-lgn-acc .auth-lgn-nav a .symbol { width: 0; height: 0; border-left: 10px solid Transparent; border-right: 10px solid Transparent; border-top: 10px solid #ffffff; margin: auto; }
            .auth-lgn-acc .auth-lgn-nav a.active .symbol { border-top: 10px solid #0072c6; }

    .auth-lgn-acc .auth-lgn-content { background-color: #ffffff; }
        .auth-lgn-acc .auth-lgn-content .auth-lgn-input { padding: 5px 20px 0px 20px; }

    .auth-lgn-acc .auth-lgn-footer { padding: 10px 20px; text-align: right; }

    .auth-frame {
        background: url('images/progress.gif') center center no-repeat;
    }

img.auth-qr { width: 150px; height: 150px; }