﻿/* Riscrittura BUSSOLA */
#objNewIst {
    box-sizing: content-box;
}

#infoLoginModal,
#infoPECModal,
#infoNuovoPINModal,
#infoVecchioPINModal {
    z-index: 9999;
}


#mainDiv {
    margin-left: 0px !important;
}

/*
Body
*/

body {
    background-color: white;
    /* font-family: "Titillium Web", Helvetica, Arial, sans-serif; */
}

/*
Messaggi informativi/errore
*/
.message_container {
    max-width: 540px;
    min-width: 270px;
    margin-top: 10px;
}

.feedback_box {
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    margin-bottom: 1em;
    height: 100%;
}

.feedback_box_errore_forte_icon {
    background-color: #640A0A;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    text-align: center;
    color: #ffffff;
    border-radius: 100%;
    font-size: 1em;
    line-height: 1.9em;
}

.feedback_box_errore_forte_text {
    color: #ffffff;
    border-color: #640A0A;
    line-height: 1.7em;
    border-left-width: 4px;
    border-left-style: solid;
    padding: 1em;
    padding-left: 2em;
    background-color: #C80F19;
    font-size: 14px;
}

.feedback_box_errore_forte_text_list_group_item {
    background-color: #C80F19;
    padding-top: 0px;
    padding-bottom: 0px;
}

.feedback_box_informazione_forte_icon {
    background-color: #004766; /*Blu 80*/
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    text-align: center;
    color: #ffffff;
    border-radius: 100%;
    font-size: 0.9em;
    line-height: 1.9em;
}

.feedback_box_informazione_forte_text {
    color: #ffffff;
    border-color: #004766; /*Blu 80*/
    line-height: 1.7em;
    border-left-width: 4px;
    border-left-style: solid;
    padding: 1em;
    padding-left: 2em;
    background-color: #007db3;
    font-size: 14px;
}

.feedback_box_successo_debole_icon {
    background-color: #008000;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    text-align: center;
    color: #ffffff;
    border-radius: 100%;
    font-size: 0.9em;
    line-height: 1.9em;
}

.feedback_box_successo_debole_text {
    color: #005000;
    border-color: #008000;
    line-height: 1.7em;
    border-left-width: 4px;
    border-left-style: solid;
    padding: 1em;
    padding-left: 2em;
    background-color: #f5f5f0;
    font-size: 14px;
}

/*
pagarafo
*/
.loginpin_h4 {
    font-size: 22px;
    font-weight: 700;
    color: #005980;
}

.loginpin_h6 {
    font-size: 16px;
    font-weight: 400;
    color: #005980;
}

    .loginpin_h6 a {
        color: #005980;
        font-size: 16px;
    }

        .loginpin_h6 a:hover {
            color: #005980;
            font-size: 16px;
        }

/*
link
*/

.loginpin_link {
    color: #007db3;
    text-decoration: none;
    font-weight: 700;
}

    .loginpin_link:link {
        color: #007db3;
        text-decoration: none;
        font-weight: 700;
    }

    .loginpin_link:hover {
        color: #007db3;
        text-decoration: underline;
        font-weight: 700;
    }

    .loginpin_link:visited {
        color: #007db3;
        text-decoration: none;
        font-weight: 700;
    }

.errore_link {
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}

    .errore_link:link {
        color: #ffffff;
        text-decoration: none;
        font-weight: 700;
        font-size: 14px;
    }

    .errore_link:visited {
        color: #ffffff;
        text-decoration: none;
        font-weight: 700;
        font-size: 14px;
    }

    .errore_link:hover {
        color: #ffffff;
        text-decoration: underline;
        font-weight: 700;
        font-size: 14px;
    }

/*
label
*/
.loginpin_label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
}

/*
.input
*/
.loginpin_input {
    width: 100%;
    height: 36px;
    padding: 4px 12px;
    border: 1px solid;
    border-color: #b2bbbd; /*grigio 20*/
    border-radius: 0;
    background-color: #f5f5f0; /*grigio chiaro*/
    font-family: "Titillium Web";
    font-size: 18px;
    color: #3a424b; /*grigio medio*/
    background-image: none;
}

    .loginpin_input:focus {
        /*border: 2px solid;*/
        /*border-color: #3a424b;*/ /*grigio medio*/
        color: #1c2024; /*grigio 80*/
    }

    .loginpin_input:not([value='']) {
        color: #1c2024; /*grigio 80*/
        /*color: red;*/
    }

[disabled].loginpin_input,
[readonly].loginpin_input,
fieldset[disabled] .loginpin_input {
    border-color: #b2bbbd; /*grigio 20*/
    background-color: #ffffff; /*bianco*/
    color: #1c2024; /*grigio scuro*/
}

.loginpin-input-group-addon {
    border-radius: 0;
}

/*
SPID button
*/
.button-spid:hover {
    background-color: #005980;
    color: #fff;
}

.button-spid:focus {
    background-color: #007db3;
    color: #fff;
}

.button-spid {
    background-color: #007db3;
    color: #fff;
}

/*
.btn
*/
.errore_btn_link {
    background-color: transparent;
    border: none;
    font-weight: 700;
}

    .errore_btn_link:hover {
        background-color: transparent;
        border: none;
        font-weight: 700;
        text-decoration: underline;
    }

.login_btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    border-bottom: 3px solid #5a6772; /*grigio 50*/
    border-radius: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    padding: 8px 24px;
    background-image: none;
    background: #b2bbbd; /*grigio 20*/
    line-height: 1.4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .login_btn:hover {
        /*background: #f5f5f0;*/ /*grigio chiaro*/
        background: #e5e5e5;
        border-bottom-color: #b2bbbd;
    }

    .login_btn:focus,
    .login_btn.focus {
        background: #b2bbbd; /*grigio 20*/
        border: 2px solid #1c2024; /*grigio 80*/
    }

    .login_btn:active,
    .login_btn.active {
        background: #3a424b; /**/
        color: #fff;
        border: none;
    }

    .login_btn.disabled,
    .login_btn[disabled],
    fieldset[disabled] .login_btn {
        background: #f5f5f0; /*grigio chiaro*/
        box-shadow: none;
        cursor: not-allowed;
        opacity: 0.3;
        border: none;
    }

    .login_btn:focus,
    .login_btn.focus,
    .login_btn:active:focus,
    .login_btn:active.focus,
    .login_btn.active:focus,
    .login_btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }


.login_btn-primary {
    background: #007db3; /*blu 50*/
    color: #fff;
    border: 0px;
    border-bottom: 3px solid #006b9a;
}

    .login_btn-primary:focus,
    .login_btn-primary.focus {
        color: #fff;
        background-color: #005980; /*blu 70*/
        border-color: #00121a;
    }

    .login_btn-primary:hover {
        color: #fff;
        background-color: #005980;
        border-color: #00405c;
    }

    .login_btn-primary:active,
    .login_btn-primary.active,
    .open > .login_btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #005980;
        border-color: #00405c;
    }

        .login_btn-primary:active:hover,
        .login_btn-primary:active:focus,
        .login_btn-primary:active.focus,
        .login_btn-primary.active:hover,
        .login_btn-primary.active:focus,
        .login_btn-primary.active.focus,
        .open > .login_btn-primary.dropdown-toggle:hover,
        .open > .login_btn-primary.dropdown-toggle:focus,
        .open > .login_btn-primary.dropdown-toggle.focus {
            color: #fff;
            background-color: #00405c;
            border-color: #00121a;
        }

    .login_btn-primary:active,
    .login_btn-primary.active,
    .open > .login_btn-primary.dropdown-toggle {
        background-image: none;
    }

    .login_btn-primary.disabled:hover,
    .login_btn-primary.disabled:focus,
    .login_btn-primary.disabled.focus,
    .login_btn-primary[disabled]:hover,
    .login_btn-primary[disabled]:focus,
    .login_btn-primary[disabled].focus,
    fieldset[disabled] .login_btn-primary:hover,
    fieldset[disabled] .login_btn-primary:focus,
    fieldset[disabled] .login_btn-primary.focus {
        background-color: #007db3;
        border-color: #006b9a;
    }

/*
	Login OTP
*/
.loginotp_container {
    max-width: 450px;
    min-width: 270px;
    margin-top: 10px;
}

.loginotp_title {
    color: #007db3;
    font-size: 46px;
    text-align: left;
    min-width: 250px;
    border-bottom: 2px solid #b2bbbd;
}

.loginotp_paragrafo_secondario {
    font-size: 16px;
    font-weight: 400;
    color: #1c2024;
    text-align: left;
}

    .loginotp_paragrafo_secondario a {
        font-size: 16px;
    }

/*
	Login
*/

.login_container {
    /*max-width: 550px;*/
    /*min-width: 320px;*/
    max-width: 750px;
    min-width: 410px;
    border-style: solid;
    border-width: 3px;
    border-color: #5a6772;
}

.login-nav-pills-ul {
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #b2bbbd;
}

.loginNav > li {
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: -3px;
    margin-left: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #007db3;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #007db3;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #007db3;
}

    .loginNav > li.active > a, .nav-pills > li.active > a:focus {
        background-color: #007db3;
    }

        .loginNav > li.active > a:hover {
            background-color: #005980;
        }

    .loginNav > li > a {
        color: #007db3; /*blu 50 INPS*/
        border-radius: 0;
        padding: 10px 30px;
    }

        .loginNav > li > a:link {
            font-size: 18px;
            font-weight: 700;
        }

.loginpin_istruzioni_container {
    max-width: 540px;
    min-width: 270px;
    margin-top: 10px;
}

.login_paragrafo_secondario {
    font-size: 16px;
    font-weight: 400;
    color: #1c2024;
    text-align: left;
}


    .login_paragrafo_secondario a {
        font-size: 16px;
    }

.cnsborder {
    border: 0 none;
    padding-bottom: 0px;
    padding-top: 0px;
}

/*
	Switch Profile
*/
.switchprofile_container {
    max-width: 600px;
    min-width: 270px;
    margin-top: 10px;
}

.switchprofile_title {
    color: #007db3;
    font-size: 46px;
    text-align: left;
    min-width: 250px;
    border-bottom: 2px solid #b2bbbd;
}

.switchprofile_paragrafo_secondario {
    font-size: 16px;
    font-weight: 400;
    color: #1c2024;
    text-align: left;
}

    .switchprofile_paragrafo_secondario a {
        font-size: 16px;
    }

/*
	Cambio PIN
*/
.cambiopin_container {
    /*max-width: 600px;*/
    min-width: 270px;
    margin-top: 10px;
}

.cambiopin_title {
    color: #007db3;
    font-size: 46px;
    text-align: left;
    min-width: 250px;
    border-bottom: 2px solid #b2bbbd;
}

.cambiopin_paragrafo_secondario {
    font-size: 16px;
    font-weight: 400;
    color: #1c2024;
    text-align: left;
}

    .cambiopin_paragrafo_secondario a {
        font-size: 16px;
    }

.cambiopin_breadcrumb {
    font-size: 16px;
    font-weight: 400;
    color: #1c2024;
    text-align: left;
}

.cambiopin_breadcrumb_active {
    color: #007db3;
    font-weight: 700;
}

.cambiopin_btn-primary {
    width: 100px;
}

@media print {
    a[href]:after {
        content: none
    }
}
