/*GENERALE--------------------------------------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
}

body {
    font-family: 'Raleway', sans-serif;
    line-height: 1;
    color: #505050;
    font-weight: 400;
    width: 100%;
    overflow-x: hidden !important;
}

.nascondi {
    display: none !important;
}

.div1650 {
    width: 1650px;
    margin: auto;
    box-sizing: border-box;
}

.div1100 {
    width: 1100px;
    margin: auto;
    box-sizing: border-box;
}

button {
    border: none;
}

#debug {
    position: fixed;
    bottom: 0px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.68);
    color: #fff;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 10pt;
    display: block;
    z-index: 9;
}

.clear {
    clear: both;
}

.fancybox-container {
    z-index: 99999999 !important;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

p {
    padding: 0 !important;
    margin: 0 !important;
}

/*FOOTER INFO --------------------------------------------------------------------------------------------------------*/
.footerInfo {
    width: 100%;
    margin: 0px auto 0 auto;
    padding: 22px;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    box-sizing: border-box;
    border-top: solid 1px #E5E5E5;
}

.footerInfoLeft {
    float: left;
}

.footerInfoRight {
    float: right;
    text-align: right;
}

.page.registrazione .polizzaBox .header {
    width: 100%;
}

.footerInfo span {
    display: inline-block;
    vertical-align: middle;
}

.footerSep {
    margin: 0 5px;
    color: #999;
}

.footerLogoApp {
    position: relative;
    padding-left: 5px;
}

.footerInfo a {
    color: #333333;
    text-decoration: none;
}

    .footerInfo a:hover {
        color: #05598A;
    }

.footerIP {
    display: unset;
}

.footerAP {
    display: unset;
}

/*PRIVACY COOKIE--------------------------------------------------------------------------------------------------------*/
.privacy_info {
    text-align: left !important;
    display: none;
    font-size: 13px;
    line-height: 20px;
    width: 70%;
    padding: 90px !important;
}

    .privacy_info p {
        overflow: auto;
        color: #3E3E3E;
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        padding: 0 20px;
    }

    .privacy_info h3 {
        font-size: 33px !important;
        /*  margin-bottom: 15px;*/
        line-height: 1.2;
    }

    .privacy_info strong {
        font-size: 13px !important;
    }

    .privacy_info b {
        font-size: 18px !important;
        display: block;
        margin-bottom: 10px;
        margin-top: 20px;
        color: #646464;
    }

    .privacy_info a {
        font-size: 14px !important;
        display: block;
        margin-bottom: 10px;
        color: #646464;
        font-weight: 500;
        text-decoration: underline;
    }

        .privacy_info a.about {
            display: inline-block;
            margin: 0;
        }

.btnAvantiPopup {
    background-color: #005B5A;
    color: white !important;
    border-radius: 6px !important;
    width: 350px;
    text-align: center;
    padding: 20px;
    font-size: 16px;
    font-weight: 600 !important;
    margin-top: 20px;
    cursor: pointer;
    border: none;
    float: right;
    text-decoration: none !important;
}

.privacy_info h3 {
    font-size: 35px;
    font-weight: 600;
    color: #005B5A;
}

.privacy_info .cerchio {
    background-color: #F9F9F9;
    border: 1px solid #DCDCDC;
    text-align: center;
    position: relative;
    margin: auto;
    margin-top: 30px;
    height: 100px;
    width: 50%;
    border-radius: 50%;
}

    .privacy_info .cerchio span {
        color: #005B5A;
        font-size: 35px;
        position: absolute;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        top: 50%;
    }


.bannerCookie {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    padding: 15px 2%;
    z-index: 99999 !important;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.17);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.17);
    box-sizing: border-box;
}

    .bannerCookie a {
        color: #383B41;
        font-weight: bold;
    }

        .bannerCookie a:hover {
            color: #CE696F;
        }

.bannerCookieClose {
    background-color: #CE696F;
    padding: 5px;
    border-radius: 3px;
    color: #fff !important;
    margin-left: 20px;
    display: inline-block;
    margin-top: 5px;
    text-decoration: none;
    box-sizing: border-box;
}

    .bannerCookieClose:hover {
        background-color: #F2D6A9;
        color: #512731 !important;
    }

.pOffTesto a {
    text-decoration: none;
    font-weight: bold;
    color: inherit;
}



/*Inizio
di
Awatif*/
/*Home - Login*/
.page.home .loginBox {
    background-image: url('../Gfx/Sfondo_login.jpg');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .page.home .loginBox .header {
        padding-top: 30px;
    }

        .page.home .loginBox .header .logo {
            display: inline-block;
            vertical-align: bottom;
            width: 250px;
            height: 80px;
        }

            .page.home .loginBox .header .logo img {
                height: 100%;
                width: 100%;
            }

        .page.home .loginBox .header .numeroVerde {
            display: inline-block;
            float: right;
            text-align: right;
            vertical-align: bottom;
            margin-right: 20px;
            margin-top: 6px;
        }

        .page.home .loginBox .header .numero {
            display: inline-block;
            float: right;
            vertical-align: bottom;
            width: 210px;
            padding: 10px 0;
            text-align: center;
            border: 1px solid #D8D8D8;
            border-radius: 6px;
            background-color: #F8F8F8;
            cursor: pointer;
        }

        .page.home .loginBox .header .numeroVerde h4 {
            font-size: 12px;
            margin-bottom: 10px;
            font-weight: 500;
            color: #777777;
        }

        .page.home .loginBox .header .numeroVerde h2 {
            font-size: 18px;
            font-weight: 500;
            color: #565656;
        }

        .page.home .loginBox .header .numero span {
            background-color: #FFFFFF;
            margin: auto;
            color: #005B5A;
            font-size: 12px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: middle;
            padding: 12px;
            margin-right: 10px;
        }

        .page.home .loginBox .header .numero h1 {
            color: #005B5A;
            font-size: 22px;
            font-weight: 600;
            display: inline-block;
            vertical-align: middle;
        }

            .page.home .loginBox .header .numero h1 a {
                color: #005B5A;
                font-size: 22px;
                font-weight: 600;
                display: inline-block;
                vertical-align: middle;
            }

        .page.home .loginBox .header .numeri {
            height: auto;
            display: inline-block;
            float: right;
            text-align: right;
            vertical-align: bottom;
            padding-top: 20px;
        }

    .page.home .loginBox .login.body .accedi {
        padding: 50px 50px 0px 50px;
        background-color: white;
        border-radius: 6px;
        display: inline-block;
        background-image: url('../Gfx/sfondoAccesso.svg');
        background-position: top right;
        width: calc( 65% - 110px);
        background-repeat: no-repeat;
        vertical-align: top;
        height: 495px;
        box-shadow: #00000015 0 3px 46px;
        border: 1px solid #E6E6E6;
        position: relative;
        transform: translate(0, 0);
    }

        .page.home .loginBox .login.body .accedi h4 {
            text-align: left;
            font-size: 17px;
            font-weight: 500;
            color: #777777;
        }

    .page.home .loginBox .login.body {
        padding-bottom: 50px;
        margin-top: 20px;
    }

        .page.home .loginBox .login.body .accedi h1 {
            text-align: left;
            font-size: 43px;
            font-weight: 500;
            color: #005B5A;
            margin-top: 30px;
        }

        .page.home .loginBox .login.body .accedi form .input-container span {
            background-color: #F9F9F9;
            border: 1px solid #D8D8D8;
            border-radius: 6px;
            padding: 25px;
            margin: auto;
            color: #C4C4C4;
            z-index: 9;
            position: relative;
            vertical-align: middle;
        }

        .page.home .loginBox .login.body .accedi form .input-container input {
            background-color: #FFFFFF;
            border: 1px solid #D8D8D8;
            border-radius: 0px 6px 6px 0;
            color: #777777;
            font-size: 14px;
            margin-left: -10px;
            z-index: 0;
            vertical-align: middle;
            width: calc( 100% - 69px);
        }

        .page.home .loginBox .login.body .accedi form .input-container .username {
            padding: 25px;
        }

        .page.home .loginBox .login.body .accedi form .input-container .password {
            padding: 25.6px;
        }

        .page.home .loginBox .login.body .accedi form .input-container input::placeholder {
            font-size: 15px;
            color: #777777;
        }

        .page.home .loginBox .login.body .accedi form .input-container {
            margin-top: 20px;
        }

            .page.home .loginBox .login.body .accedi form .input-container .icon-username {
                font-size: 16.5px;
            }

            .page.home .loginBox .login.body .accedi form .input-container .icon-lucchetto {
                font-size: 18px;
                padding: 25px 29px;
            }

        .page.home .loginBox .login.body .accedi form .forgotPassword .icon-question-mark {
            font-size: 18px;
            display: inline-block;
            vertical-align: middle;
            color: #005B5A;
        }

        .page.home .loginBox .login.body .accedi form .forgotPassword a {
            font-size: 18px;
            display: inline-block;
            vertical-align: middle;
            font-style: italic;
            font-weight: 900;
            color: #005B5A;
            margin: 15px 0;
            cursor: pointer;
            text-decoration: none;
        }

        .page.home .loginBox .login.body .accedi form button {
            background-color: #005B5A;
            color: white;
            border-radius: 6px;
            width: 100%;
            text-align: center;
            padding: 20px;
            font-size: 16px;
            font-weight: 600;
            margin-top: 20px;
            cursor: pointer;
            border: none;
        }

        .page.home .loginBox .login.body .registrati {
            display: inline-block;
            width: calc( 34.3% - 10px);
            margin-left: 20px;
            vertical-align: top;
            height: 545px;
        }

            .page.home .loginBox .login.body .registrati .verde {
                height: 100%;
                width: 100%;
                background: url('../Gfx/prova.svg');
                background-size: cover;
                background-position: top;
                border-radius: 6px;
            }

            .page.home .loginBox .login.body .registrati h4 {
                font-size: 17px;
                font-weight: 500;
                color: #BCBCBC;
                text-align: center;
                padding-top: 45%;
            }

            .page.home .loginBox .login.body .registrati h1 {
                font-size: 44px;
                font-weight: 500;
                color: #FFFFFF;
                text-align: center;
                margin-top: 20px;
            }

            .page.home .loginBox .login.body .registrati span {
                font-size: 36px;
                color: #FFFFFF;
                text-align: center;
                margin: auto;
                margin-top: 50px;
                display: block;
            }

            .page.home .loginBox .login.body .registrati h2 {
                font-size: 17px;
                font-weight: 600;
                color: #FFFFFF;
                text-align: center;
                margin-top: 120px;
            }



/*Pagina home prodotti*/

.page.home .productsBox .header {
    box-shadow: #00000010 0 3px 43px;
    border: 1px solid #F5F5F5;
}

    .page.home .productsBox .header .logo {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 0;
    }

    .page.home .productsBox .header .menu {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

        .page.home .productsBox .header .menu .bentornato {
            display: inline-block;
            vertical-align: middle;
            margin: 10px 0px 10px 0;
            position: relative;
            padding-right: 20px;
        }

            .page.home .productsBox .header .menu .bentornato .icon-username {
                display: inline-block;
                vertical-align: middle;
                background-color: white;
                border-radius: 50%;
                border: 1px solid #DCDCDC;
                font-size: 22px;
                color: #C4C4C4;
                padding: 15px 12px;
                margin-right: 15px;
            }

            .page.home .productsBox .header .menu .bentornato .datiUtente {
                display: inline-block;
                vertical-align: middle;
            }

                .page.home .productsBox .header .menu .bentornato .datiUtente .text h4 {
                    color: #777777;
                    font-size: 13px;
                    font-weight: 500;
                }

                .page.home .productsBox .header .menu .bentornato .datiUtente .text h2 {
                    color: #005B5A;
                    font-size: 18px;
                    font-weight: 600;
                    margin-top: 5px;
                }

            .page.home .productsBox .header .menu .bentornato .freccia {
                display: inline-block;
                vertical-align: middle;
            }

                .page.home .productsBox .header .menu .bentornato .freccia span {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 9px;
                    color: #AEAEAE;
                    margin-left: 20px;
                    cursor: pointer;
                }

        .page.home .productsBox .header .menu .carrello {
            display: inline-block;
            vertical-align: middle;
        }



            .page.home .productsBox .header .menu .carrello .numeroProdotti {
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
            }

                .page.home .productsBox .header .menu .carrello .numeroProdotti h2 {
                    font-size: 38px;
                    font-weight: 600;
                    color: #005B5A;
                }

                .page.home .productsBox .header .menu .carrello .numeroProdotti h4 {
                    font-size: 15px;
                    font-weight: 500;
                    color: #777777;
                }

.menu.non-loggato {
    margin: 10px 0px 10px 0;
}

.page.home .productsBox .productsList .title {
    padding-top: 40px;
    padding-bottom: 20px;
}

    .page.home .productsBox .productsList .title h1 {
        text-align: center;
        color: #005B5A;
        font-size: 44px;
        font-weight: 500;
    }

    .page.home .productsBox .productsList .title h2 {
        text-align: center;
        color: #777777;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }

.page.home .productsBox .productsList .productsContainer {
    margin-left: -10px;
    width: 101.5%;
    margin-top: 20px;
}

    .page.home .productsBox .productsList .productsContainer .productBox {
        margin: 0 10px;
        border: 1px solid #E6E6E6;
        border-radius: 6px;
        height: 410px;
        width: calc(24.6% - 60px);
        display: inline-block;
        vertical-align: top;
        box-shadow: #00000005 0 3px 28px;
        padding: 10px 20px;
        text-align: center;
        position: relative;
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: white;
    }

        .page.home .productsBox .productsList .productsContainer .productBox .elenco {
            text-align: left;
        }

        .page.home .productsBox .productsList .productsContainer .productBox img {
            margin: auto;
            margin-top: 10px;
            margin-bottom: 25px;
            display: inline-block;
        }

        .page.home .productsBox .productsList .productsContainer .productBox h1 {
            color: #005B5A;
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 20px;
            padding: 0 20px;
        }

        .page.home .productsBox .productsList .productsContainer .productBox h4 {
            color: #3E3E3E;
            font-size: 12px;
            font-weight: 500;
            margin-bottom: 20px;
            line-height: 20px;
            padding: 0 20px;
        }

        .page.home .productsBox .productsList .productsContainer .productBox li {
            margin: 10px 0px;
            padding: 0px 20px;
            background-image: url("../../Content/img/spunta-verde.png");
            background-repeat: no-repeat;
            background-position: left top;
            background-size: 12px;
        }

        .page.home .productsBox .productsList .productsContainer .productBox li {
            color: #3E3E3E;
            font-size: 12px;
            font-weight: 500;
            /*display: inline-block;*/
            vertical-align: middle;
            line-height: 14px;
        }

        /*.page.home .productsBox .productsList .productsContainer .productBox li span {
                color: #005B5A;
                font-size: 13.5px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }*/

        .page.home .productsBox .productsList .productsContainer .productBox button {
            text-decoration: none;
            cursor: pointer;
            background-color: #005B5A;
            color: white;
            font-size: 14px;
            font-weight: 600;
            padding: 20px;
            width: 94%;
            left: 0;
            text-align: center;
            right: 0;
            bottom: 10px;
            margin: auto;
            border-radius: 6px;
            position: absolute;
        }

.page.home .productsList .productsContainer .productBox .didascaliaElenco p {
    line-height: 20px;
}

.page.home .productsList .productsContainer .productBox h2 {
    color: #005B5A;
    font-size: 18px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px;
}

.page.home .productsBox .productsList {
    padding-bottom: 70px;
    z-index: 9;
    position: relative;
    background-color: white;
}



/* Box Partners*/
.partnersBox {
    padding: 80px 0px;
    background-color: #FBFBFB;
}

    .partnersBox h4 {
        font-size: 21px;
        font-weight: 500;
        color: #005B5A;
        text-align: center;
        margin-bottom: 10px;
    }

    .partnersBox h1 {
        font-size: 35px;
        font-weight: 500;
        color: #505050;
        text-align: center;
        margin-bottom: 20px;
    }

    .partnersBox .partnersLogos img {
        display: inline-block;
        /*margin: 0 40px;*/
        margin: 0 70px;
        width: calc( 20% - 90px);
        vertical-align: middle;
    }

    .partnersBox .partnersLogos {
        width: 94%;
        /*padding: 0px 40px 0 60px;*/
        padding: 0px 40px;
        margin-top: 50px;
        text-align: center;
    }

/* Box Partners Morganti*/

#bloccoMorganti.partnersBox .partnersLogos img {
    display: inline-block;
    /*margin: 0 40px;*/
    margin: 0 17px;
    width: calc( 20% - 90px);
    vertical-align: middle;
}


/* Box footer*/
.footerBox {
    background-color: #F3F3F3;
    padding: 100px 0 50px 0;
    background: url('../Gfx/sfondoFooter.svg');
    /*    background-position: right;*/
    background-repeat: no-repeat;
    /*height: 300px;*/
    background-size: 100%;
    background-size: cover;
}

    .footerBox .contacts .emails {
        display: none;
    }

.footerBkg {
    background-color: #F3F3F3;
}

.footerBox .nationalBank {
    display: inline-block;
    width: 17%;
}

    .footerBox .nationalBank .testo {
        margin-top: 20px;
    }

        .footerBox .nationalBank .testo h3 {
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #707070;
            line-height: 25px;
        }

.footerBox .contacts {
    width: calc(100% - 307px );
    float: right;
    text-align: right;
}

    .footerBox .contacts .title h1 {
        font-size: 20px;
        font-weight: 600;
        color: #005B5A;
        text-align: left;
    }

    .footerBox .contacts .title {
        margin-bottom: 20px;
    }

    .footerBox .contacts h4, .footerBox .contacts h3, .footerBox .contacts h2 {
        font-size: 15px;
        font-weight: 400;
        color: #5A5A5A;
        line-height: 25px;
        text-align: left;
    }

.footerBox .testo-footer-logo {
    font-size: 15px;
    font-weight: 400;
    color: #5A5A5A;
    line-height: 25px;
    text-align: left;
    margin: auto;
    width: fit-content;
}

    .footerBox .testo-footer-logo h2 {
        font-size: 18px;
        font-weight: 500;
        color: #565656;
        margin: 10px 0;
    }

.footerBox .contacts .emails {
    margin-top: 30px;
    margin-bottom: 30px;
}

.footerBox .contacts .contatti {
    display: inline-block;
    vertical-align: top;
    margin-right: 80px;
}

.footerBox .contacts .informazioni {
    display: inline-block;
    vertical-align: top;
    margin-right: 70px;
    width: 30%;
}

.footerBox .contacts .helpBoxes {
    display: inline-block;
    vertical-align: top;
}

    .footerBox .contacts .helpBoxes .help {
        background-color: white;
        border: 1px solid #D8D8D8;
        box-shadow: #00000006 0 3px 36px;
        text-align: center;
        padding: 15px 60px 70px 60px;
        border-radius: 6px;
    }

        .footerBox .contacts .helpBoxes .help h4 {
            font-size: 13px;
            font-weight: 500;
            color: #777777;
            line-height: 15px;
            margin-top: 15px;
            text-align: center;
        }

        .footerBox .contacts .helpBoxes .help img {
            height: 6%;
        }

        .footerBox .contacts .helpBoxes .help h2 {
            font-size: 22px;
            font-weight: 500;
            color: #565656;
            line-height: 26px;
            text-align: center;
        }

    .footerBox .contacts .helpBoxes .helpNumber {
        display: inline-block;
        float: right;
        vertical-align: bottom;
        width: 310px;
        padding: 10px 0;
        text-align: center;
        border: 1px solid #D8D8D8;
        border-radius: 6px;
        background-color: #F8F8F8;
        margin-right: 26px;
        margin-top: -50px;
        cursor: pointer;
    }

        .footerBox .contacts .helpBoxes .helpNumber span {
            background-color: #FFFFFF;
            margin: auto;
            color: #005B5A;
            font-size: 18px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: middle;
            padding: 18px;
            margin-right: 10px;
        }

        .footerBox .contacts .helpBoxes .helpNumber h1 {
            color: #005B5A;
            font-size: 32px;
            font-weight: 600;
            display: inline-block;
            vertical-align: middle;
        }

        .footerBox .contacts .helpBoxes .helpNumber a {
            color: #005B5A;
            font-size: 32px;
            font-weight: 600;
            display: inline-block;
            vertical-align: middle;
        }


/*Pagina dettaglio prodotto*/

/*polizzaBody*/

.page.dettaglio.prodotto .polizzaBody {
    background-image: url('../Gfx/sfondoProdotti.jpg');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 350px;
}

.page.dettaglio.prodotto .polizzaBox .header .menu .bentornato .datiUtente .text a {
    text-decoration: none;
}

.page.dettaglio.prodotto .polizzaBodyBkg {
    background-color: #F3F3F3;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
}

.page.dettaglio.prodotto .polizzaBody .testo {
    position: relative;
    z-index: 99;
    padding-top: 40px;
}

    .page.dettaglio.prodotto .polizzaBody .testo .indietro .icon-freccia {
        font-size: 16px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        color: #919191;
    }

    .page.dettaglio.prodotto .polizzaBody .testo .indietro h4 {
        font-size: 15px;
        display: inline-block;
        vertical-align: middle;
        color: #858585;
        font-weight: 500;
    }

    .page.dettaglio.prodotto .polizzaBody .testo .title h1 {
        font-size: 44px;
        display: inline-block;
        vertical-align: middle;
        color: #005B5A;
        font-weight: 600;
        margin-top: 80px;
    }

    .page.dettaglio.prodotto .polizzaBody .testo .logo {
        background-color: white;
        margin-top: 16px;
        width: 210px;
        height: 80px;
        padding: 10px;
        text-align: center;
        display: inline-block;
        vertical-align: bottom;
    }

        .page.dettaglio.prodotto .polizzaBody .testo .logo img {
            height: 100%;
            margin: 0;
            width: 100%;
        }

    .page.dettaglio.prodotto .polizzaBody .testo .preventivoOnline {
        background-color: #005B5A;
        color: white;
        border-radius: 6px;
        padding: 15px 60px;
        float: right;
        display: inline-block;
        vertical-align: middle;
        margin-top: 25px;
        cursor: pointer;
        border: none;
    }

        .page.dettaglio.prodotto .polizzaBody .testo .preventivoOnline span {
            color: white;
            font-size: 25px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }

        .page.dettaglio.prodotto .polizzaBody .testo .preventivoOnline h4 {
            color: white;
            font-size: 16px;
            font-weight: 600;
            display: inline-block;
            vertical-align: middle;
        }

/*coperturaAssicurativa*/

.page.dettaglio.prodotto .coperturaAssicurativa {
    padding-bottom: 50px;
}

    .page.dettaglio.prodotto .coperturaAssicurativa h2 {
        font-size: 16px;
        color: #3E3E3E;
        font-weight: 400;
        margin-top: 60px;
    }

    .page.dettaglio.prodotto .coperturaAssicurativa p {
        font-size: 16px;
        color: #3E3E3E;
        font-weight: 400;
        margin-top: 40px !important;
        line-height: 32px;
    }

    .page.dettaglio.prodotto .coperturaAssicurativa .elenco {
        margin-top: 40px;
    }

        .page.dettaglio.prodotto .coperturaAssicurativa .elenco li {
            font-size: 17px;
            font-weight: 500;
            color: #3E3E3E;
            margin: 10px 0;
            line-height: 38px;
        }

            .page.dettaglio.prodotto .coperturaAssicurativa .elenco li .icon-tik {
                color: #005B5A;
                font-size: 20px;
                margin-right: 20px;
            }

    .page.dettaglio.prodotto .coperturaAssicurativa h4 {
        font-weight: 300;
        font-style: italic;
        color: #3E3E3E;
        margin-top: 50px;
        font-size: 14px;
    }

/*cloudDownload*/

.page.dettaglio.prodotto .cloudDownload .icon-cloud {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 34px;
    color: #005B5A;
    padding: 18px 20px;
    margin-right: 15px;
}

.page.dettaglio.prodotto .cloudDownload h3 {
    font-size: 20px;
    font-weight: 600;
    color: #646464;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.page.dettaglio.prodotto .cloudDownload {
    background-color: #FAFAFA;
    padding: 30px 0;
    text-align: center;
    border: 1px solid #E7E7E7;
}

/*polizzaBox*/

.page.dettaglio.prodotto .polizzaBox .header {
    box-shadow: #00000010 0 3px 43px;
    border: 1px solid #F5F5F5;
}

    .page.dettaglio.prodotto .polizzaBox .header .logo {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 0;
    }

    .page.dettaglio.prodotto .polizzaBox .header .menu {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

        .page.dettaglio.prodotto .polizzaBox .header .menu .bentornato {
            display: inline-block;
            vertical-align: middle;
            margin: 10px 0px 10px 0;
            position: relative;
            padding-right: 20px;
        }

            .page.dettaglio.prodotto .polizzaBox .header .menu .bentornato .icon-username {
                display: inline-block;
                vertical-align: middle;
                background-color: white;
                border-radius: 50%;
                border: 1px solid #DCDCDC;
                font-size: 22px;
                color: #C4C4C4;
                padding: 15px 12px;
                margin-right: 15px;
            }

            .page.dettaglio.prodotto .polizzaBox .header .menu .bentornato .icon-lucchetto {
                display: inline-block;
                vertical-align: middle;
                background-color: white;
                border-radius: 50%;
                border: 1px solid #DCDCDC;
                font-size: 20px;
                color: #C4C4C4;
                padding: 18px 20px;
                margin-right: 15px;
            }

            .page.dettaglio.prodotto .polizzaBox .header .menu .bentornato.lucchetto {
                border-left: 1px solid #E9E9E9;
                padding-left: 20px;
            }

.page .area .personale .polizzaBox .header .menu.non-loggato {
    /*display: none;*/
}

.page.dettaglio.prodotto .polizzaBox .header .menu .bentornato .datiUtente {
    display: inline-block;
    vertical-align: middle;
}

    .page.dettaglio.prodotto .polizzaBox .header .menu .bentornato .datiUtente .text h4 {
        color: #777777;
        font-size: 13px;
        font-weight: 500;
    }

    .page.dettaglio.prodotto .polizzaBox .header .menu .bentornato .datiUtente .text h2 {
        color: #005B5A;
        font-size: 18px;
        font-weight: 600;
        margin-top: 5px;
    }

.page.dettaglio.prodotto .polizzaBox .header .menu .bentornato .freccia {
    display: inline-block;
    vertical-align: middle;
}

    .page.dettaglio.prodotto .polizzaBox .header .menu .bentornato .freccia span {
        display: inline-block;
        vertical-align: middle;
        font-size: 9px;
        color: #AEAEAE;
        margin-left: 20px;
        cursor: pointer;
    }

.page.dettaglio.prodotto .polizzaBox .header .menu .carrello {
    display: inline-block;
    vertical-align: middle;
}



    .page.dettaglio.prodotto .polizzaBox .header .menu .carrello .numeroProdotti {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

        .page.dettaglio.prodotto .polizzaBox .header .menu .carrello .numeroProdotti h2 {
            font-size: 38px;
            font-weight: 600;
            color: #005B5A;
        }

        .page.dettaglio.prodotto .polizzaBox .header .menu .carrello .numeroProdotti h4 {
            font-size: 15px;
            font-weight: 500;
            color: #777777;
        }

.page.dettaglio.prodotto .productsList .title {
    padding-top: 40px;
    padding-bottom: 20px;
}

    .page.dettaglio.prodotto .productsList .title h1 {
        text-align: center;
        color: #005B5A;
        font-size: 44px;
        font-weight: 500;
    }

    .page.dettaglio.prodotto .productsList .title h4 {
        text-align: center;
        color: #777777;
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 15px;
    }

.page.dettaglio.prodotto .productsList .productsContainer {
    margin-left: -10px;
    width: 101.5%;
    margin-top: 20px;
}

    .page.dettaglio.prodotto .productsList .productsContainer .productBox {
        margin: 0 10px;
        border: 1px solid #E6E6E6;
        border-radius: 6px;
        height: 410px;
        width: calc(24.6% - 60px);
        display: inline-block;
        vertical-align: top;
        box-shadow: #00000005 0 3px 28px;
        padding: 10px 20px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: white;
    }

        .page.dettaglio.prodotto .productsList .productsContainer .productBox .elenco {
            text-align: left;
        }

        .page.dettaglio.prodotto .productsList .productsContainer .productBox img {
            margin: auto;
            margin-top: 10px;
            margin-bottom: 25px;
            display: inline-block;
        }

        .page.dettaglio.prodotto .productsList .productsContainer .productBox h1 {
            color: #005B5A;
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 20px;
            padding: 0 20px;
        }

        .page.dettaglio.prodotto .productsList .productsContainer .productBox h4 {
            color: #3E3E3E;
            font-size: 12px;
            font-weight: 500;
            margin-bottom: 20px;
            line-height: 20px;
            padding: 0 20px;
        }

        .page.dettaglio.prodotto .productsList .productsContainer .productBox ul {
            padding: 0 20px;
        }

        .page.dettaglio.prodotto .productsList .productsContainer .productBox li {
            margin: 10px 0px;
            padding: 0px 20px;
            background-image: url("../../Content/img/spunta-verde.png");
            background-repeat: no-repeat;
            background-position: left top;
            background-size: 12px;
        }

        .page.dettaglio.prodotto .productsList .productsContainer .productBox li {
            color: #3E3E3E;
            font-size: 12px;
            font-weight: 500;
            /*display: inline-block;*/
            vertical-align: middle;
            line-height: 14px;
        }

        /*.page.dettaglio.prodotto .productsList .productsContainer .productBox li span {
                color: #005B5A;
                font-size: 13.5px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }*/

        .page.dettaglio.prodotto .productsList .productsContainer .productBox button {
            text-decoration: none;
            cursor: pointer;
            background-color: #005B5A;
            color: white;
            font-size: 14px;
            font-weight: 600;
            padding: 20px;
            width: 100%;
            border-radius: 6px;
            margin-top: 40px;
            border: none;
        }

.page.dettaglio.prodotto .productsList {
    padding-bottom: 70px;
}


/*  Popup Accesso*/

#accesso .accedi {
    padding: 50px 50px 0px 50px;
    background-color: white;
    border-radius: 6px;
    background-image: url('../Gfx/sfondoAccesso.svg');
    background-position: top right;
    background-repeat: no-repeat;
    width: 650px;
    height: 450px;
    box-shadow: #00000015 0 3px 46px;
    border: 1px solid #E6E6E6;
}


    #accesso .accedi h5 {
        text-align: left;
        font-size: 12px;
        font-weight: lighter;
        color: #777777;
    }

    #accesso .accedi h4 {
        text-align: left;
        font-size: 17px;
        font-weight: 500;
        color: #777777;
    }

    #accesso .accedi h1 {
        text-align: left;
        font-size: 43px;
        font-weight: 500;
        color: #005B5A;
        margin-top: 30px;
    }

    #accesso .accedi form .input-container span {
        background-color: #F9F9F9;
        border: 1px solid #D8D8D8;
        border-radius: 6px;
        padding: 25px;
        margin: auto;
        color: #C4C4C4;
        z-index: 9;
        position: relative;
        vertical-align: middle;
    }



    #accesso .accedi form .input-container input {
        background-color: #FFFFFF;
        border: 1px solid #D8D8D8;
        border-radius: 6px 0;
        color: #777777;
        padding: 25px;
        font-size: 14px;
        margin-left: -10px;
        z-index: 0;
        vertical-align: middle;
        width: calc( 100% - 69px);
        box-sizing: border-box;
    }

        #accesso .accedi form .input-container input::placeholder {
            font-size: 15px;
            color: #777777;
        }

    #accesso .accedi form .input-container {
        margin-top: 20px;
    }

        #accesso .accedi form .input-container .icon-username {
            font-size: 16.5px;
        }

        #accesso .accedi form .input-container .icon-lucchetto {
            font-size: 18px;
            padding: 25px 29px;
        }

    #accesso .accedi form .forgotPassword .icon-question-mark {
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        color: #005B5A;
    }

    #accesso .accedi form .forgotPassword a {
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        font-style: italic;
        font-weight: bold;
        color: #005B5A;
        margin: 15px 0;
        cursor: pointer;
        text-decoration: none;
    }

    #accesso .accedi form button {
        background-color: #005B5A;
        color: white;
        border-radius: 6px;
        width: 100%;
        text-align: center;
        padding: 20px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px;
        cursor: pointer;
        border: none;
    }

.fancybox-slide > * {
    padding: 0 !important;
    border-radius: 6px;
}


/*Popup aggiunta carrello*/

#polizzaAggiuntaCarrello .aggiuntaCarrello {
    height: 400px;
    width: 820px;
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    box-shadow: #00000005 0 3px 28px;
    padding: 70px 0px 0 0px;
}

    #polizzaAggiuntaCarrello .aggiuntaCarrello h1 {
        font-size: 35px;
        font-weight: 600;
        color: #005B5A;
        text-align: center;
    }

    #polizzaAggiuntaCarrello .aggiuntaCarrello .aggiuntaBody {
        background-color: #F3F3F3;
        border-radius: 4px;
        text-align: center;
        padding: 50px 0;
        width: 710px;
        margin: 50px auto 30px auto;
    }

        #polizzaAggiuntaCarrello .aggiuntaCarrello .aggiuntaBody .logo {
            margin-bottom: 15px;
        }

        #polizzaAggiuntaCarrello .aggiuntaCarrello .aggiuntaBody h2 {
            font-size: 23px;
            font-weight: 600;
            color: #5A5A5A;
            text-align: center;
        }

    #polizzaAggiuntaCarrello .aggiuntaCarrello .bottoni button {
        width: calc( 50% - 23px);
        margin: 0 10px;
        display: inline-block;
        text-align: center;
        color: white;
        font-size: 16px;
        font-weight: 600;
        padding: 20px 0;
        border-radius: 6px;
        box-shadow: #00000016 0 3px 6px;
        text-decoration: none;
        border: none;
    }

    #polizzaAggiuntaCarrello .aggiuntaCarrello .bottoni {
        width: 720px;
        margin: auto;
    }

        #polizzaAggiuntaCarrello .aggiuntaCarrello .bottoni .bottoneVerde {
            background-color: #005B5A;
        }

        #polizzaAggiuntaCarrello .aggiuntaCarrello .bottoni .bottoneGrigio {
            background-color: #979696;
        }


/*   Pagina carrello*/

/*polizzaBox*/
.page.carrello .polizzaBox .header {
    box-shadow: #00000010 0 3px 43px;
    border: 1px solid #F5F5F5;
}

    .page.carrello .polizzaBox .header .logo {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 0;
    }

    .page.carrello .polizzaBox .header .menu {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

        .page.carrello .polizzaBox .header .menu .bentornato {
            display: inline-block;
            vertical-align: middle;
            margin: 10px 0px 10px 0;
            position: relative;
            padding-right: 20px;
        }

            .page.carrello .polizzaBox .header .menu .bentornato .icon-username {
                display: inline-block;
                vertical-align: middle;
                background-color: white;
                border-radius: 50%;
                border: 1px solid #DCDCDC;
                font-size: 22px;
                color: #C4C4C4;
                padding: 15px 12px;
                margin-right: 15px;
            }

            .page.carrello .polizzaBox .header .menu .bentornato .icon-lucchetto {
                display: inline-block;
                vertical-align: middle;
                background-color: white;
                border-radius: 50%;
                border: 1px solid #DCDCDC;
                font-size: 20px;
                color: #C4C4C4;
                padding: 18px 20px;
                margin-right: 15px;
            }

            .page.carrello .polizzaBox .header .menu .bentornato.lucchetto {
                border-left: 1px solid #E9E9E9;
                padding-left: 20px;
            }

        .page.carrello .polizzaBox .header .menu.non-loggato {
            display: none;
        }

        .page.carrello .polizzaBox .header .menu .bentornato .datiUtente {
            display: inline-block;
            vertical-align: middle;
        }

            .page.carrello .polizzaBox .header .menu .bentornato .datiUtente .text h4 {
                color: #777777;
                font-size: 13px;
                font-weight: 500;
            }

            .page.carrello .polizzaBox .header .menu .bentornato .datiUtente .text h2 {
                color: #005B5A;
                font-size: 18px;
                font-weight: 600;
                margin-top: 5px;
            }

        .page.carrello .polizzaBox .header .menu .bentornato .freccia {
            display: inline-block;
            vertical-align: middle;
        }

            .page.carrello .polizzaBox .header .menu .bentornato .freccia span {
                display: inline-block;
                vertical-align: middle;
                font-size: 9px;
                color: #AEAEAE;
                margin-left: 20px;
                cursor: pointer;
            }

        .page.carrello .polizzaBox .header .menu .carrello {
            display: inline-block;
            vertical-align: middle;
        }



            .page.carrello .polizzaBox .header .menu .carrello .numeroProdotti {
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
            }

                .page.carrello .polizzaBox .header .menu .carrello .numeroProdotti h2 {
                    font-size: 38px;
                    font-weight: 600;
                    color: #005B5A;
                }

                .page.carrello .polizzaBox .header .menu .carrello .numeroProdotti h4 {
                    font-size: 15px;
                    font-weight: 500;
                    color: #777777;
                }

.page.carrello .productsList .title {
    padding-top: 40px;
    padding-bottom: 20px;
}

    .page.carrello .productsList .title h1 {
        text-align: center;
        color: #005B5A;
        font-size: 44px;
        font-weight: 500;
    }

    .page.carrello .productsList .title h4 {
        text-align: center;
        color: #777777;
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 15px;
    }

.page.carrello .productsList .productsContainer {
    margin-left: -10px;
    width: 101.5%;
    margin-top: 20px;
}

    .page.carrello .productsList .productsContainer .productBox {
        margin: 0 10px;
        border: 1px solid #E6E6E6;
        border-radius: 6px;
        height: 410px;
        width: calc(24.6% - 60px);
        display: inline-block;
        vertical-align: top;
        box-shadow: #00000005 0 3px 28px;
        padding: 10px 20px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: white;
    }

        .page.carrello .productsList .productsContainer .productBox .elenco {
            text-align: left;
        }

        .page.carrello .productsList .productsContainer .productBox img {
            margin: auto;
            margin-top: 10px;
            margin-bottom: 25px;
            display: inline-block;
        }

        .page.carrello .productsList .productsContainer .productBox h1 {
            color: #005B5A;
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 20px;
            padding: 0 20px;
        }

        .page.carrello .productsList .productsContainer .productBox h4 {
            color: #3E3E3E;
            font-size: 12px;
            font-weight: 500;
            margin-bottom: 20px;
            line-height: 20px;
            padding: 0 20px;
        }

        .page.carrello .productsList .productsContainer .productBox ul {
            padding: 0 20px;
        }

        .page.carrello .productsList .productsContainer .productBox li {
            margin: 10px 0px;
            padding: 0px 20px;
            background-image: url("../../Content/img/spunta-verde.png");
            background-repeat: no-repeat;
            background-position: left top;
            background-size: 12px;
        }

        .page.carrello .productsList .productsContainer .productBox li {
            color: #3E3E3E;
            font-size: 12px;
            font-weight: 500;
            /*display: inline-block;*/
            vertical-align: middle;
            line-height: 14px;
        }

        /*.page.carrello .productsList .productsContainer .productBox li span {
                color: #005B5A;
                font-size: 13.5px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }*/

        .page.carrello .productsList .productsContainer .productBox button {
            text-decoration: none;
            cursor: pointer;
            background-color: #005B5A;
            color: white;
            font-size: 14px;
            font-weight: 600;
            padding: 20px;
            width: 100%;
            border-radius: 6px;
            margin-top: 40px;
        }

.page.carrello .productsList {
    padding-bottom: 70px;
}


/*PolizzaHeader*/

.page.carrello .polizzaHeader {
    background-image: url(../Gfx/Sfondo.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 200px;
    text-align: center;
    /*    padding-top: 96px;*/
}

.page.carrello .polizzaHeaderBkg {
    background-color: #F1F1F2;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: absolute;
}

.page.carrello .divCarrello .icon-carrello {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 34px;
    color: #005B5A;
    padding: 20px 23px;
    margin-right: 20px;
    padding-top: 30px;
}

.page.carrello .divCarrello h2 {
    font-size: 44px;
    font-weight: 600;
    color: #7B7B7B;
    display: inline-block;
    vertical-align: middle;
}

.page.carrello .divCarrello {
    padding-top: 60px;
    position: relative;
    z-index: 99;
}

/*PolizzaBody*/

.page.carrello .polizzaBody {
    margin-top: 50px;
    padding-bottom: 50px;
}

    .page.carrello .polizzaBody h3 {
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        color: #989898;
        padding-left: 215px;
    }

    .page.carrello .polizzaBody .pColpa {
        border-top: 1px solid #E8E8E8;
        border-bottom: 1px solid #E8E8E8;
        padding: 20px 0;
        margin-top: 15px;
    }

    .page.carrello .polizzaBody .pProfessionale {
        border-top: 1px solid #E8E8E8;
        border-bottom: 1px solid #E8E8E8;
        padding: 20px 0;
    }

    .page.carrello .polizzaBody div img {
        display: inline-block;
        vertical-align: middle;
        /* margin-right: 50px;
        height: 6%;*/
    }

    .page.carrello .polizzaBody div h2 {
        display: inline-block;
        vertical-align: middle;
        font-size: 22px;
        font-weight: 600;
        color: #686868;
    }

    .page.carrello .polizzaBody div button {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 600;
        color: white;
        background-color: #005B5A;
        border-radius: 6px;
        padding: 20px 0;
        width: 300px;
        text-align: center;
        float: right;
        margin-top: -8px;
        box-shadow: #00000016 0 3px 6px;
        border: none;
        cursor: pointer;
    }

/*Pagina checkout*/

/*polizzaBox*/

.page.checkout .polizzaBox .header {
    box-shadow: #00000010 0 3px 43px;
    border: 1px solid #F5F5F5;
}

    .page.checkout .polizzaBox .header .logo {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 0;
    }

    .page.checkout .polizzaBox .header .menu {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

        .page.checkout .polizzaBox .header .menu .bentornato {
            display: inline-block;
            vertical-align: middle;
            margin: 10px 0px 10px 0;
            position: relative;
            padding-right: 20px;
        }

            .page.checkout .polizzaBox .header .menu .bentornato .icon-username {
                display: inline-block;
                vertical-align: middle;
                background-color: white;
                border-radius: 50%;
                border: 1px solid #DCDCDC;
                font-size: 22px;
                color: #C4C4C4;
                padding: 15px 12px;
                margin-right: 15px;
            }

            .page.checkout .polizzaBox .header .menu .bentornato .icon-lucchetto {
                display: inline-block;
                vertical-align: middle;
                background-color: white;
                border-radius: 50%;
                border: 1px solid #DCDCDC;
                font-size: 20px;
                color: #C4C4C4;
                padding: 18px 20px;
                margin-right: 15px;
            }

            .page.checkout .polizzaBox .header .menu .bentornato.lucchetto {
                border-left: 1px solid #E9E9E9;
                padding-left: 20px;
            }

        .page.checkout .polizzaBox .header .menu.non-loggato {
            display: none;
        }

        .page.checkout .polizzaBox .header .menu .bentornato .datiUtente {
            display: inline-block;
            vertical-align: middle;
        }

            .page.checkout .polizzaBox .header .menu .bentornato .datiUtente .text h4 {
                color: #777777;
                font-size: 13px;
                font-weight: 500;
            }

            .page.checkout .polizzaBox .header .menu .bentornato .datiUtente .text h2 {
                color: #005B5A;
                font-size: 18px;
                font-weight: 600;
                margin-top: 5px;
            }

        .page.checkout .polizzaBox .header .menu .bentornato .freccia {
            display: inline-block;
            vertical-align: middle;
        }

            .page.checkout .polizzaBox .header .menu .bentornato .freccia span {
                display: inline-block;
                vertical-align: middle;
                font-size: 9px;
                color: #AEAEAE;
                margin-left: 20px;
                cursor: pointer;
            }

        .page.checkout .polizzaBox .header .menu .carrello {
            display: inline-block;
            vertical-align: middle;
        }



            .page.checkout .polizzaBox .header .menu .carrello .numeroProdotti {
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
            }

                .page.checkout .polizzaBox .header .menu .carrello .numeroProdotti h2 {
                    font-size: 38px;
                    font-weight: 600;
                    color: #005B5A;
                }

                .page.checkout .polizzaBox .header .menu .carrello .numeroProdotti h4 {
                    font-size: 15px;
                    font-weight: 500;
                    color: #777777;
                }

/*Checkout header*/

.page.checkout .checkoutHeader {
    background-image: url(../Gfx/Sfondo.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 230px;
    text-align: center;
}

.page.checkout .checkoutHeaderBkg {
    background-color: #005B5A;
    opacity: 0.91;
    width: 100%;
    height: 100%;
    position: absolute;
}

.page.checkout .checkoutHeader .steps {
    padding-top: 45px;
    position: relative;
    z-index: 99;
    height: 186px;
}

    .page.checkout .checkoutHeader .steps .step {
        width: calc( 33% - 50px);
        padding: 0 25px;
        vertical-align: middle;
        text-align: center;
        float: left;
        position: relative;
    }

.page.checkout .checkoutHeader .linea {
    display: inline-block;
    vertical-align: middle;
    border-top: 1px solid white;
    width: 135px;
    position: absolute;
    top: 37px;
    right: 0;
}

.page.checkout .checkoutHeader .lineaL {
    left: 0;
    right: unset;
}

.page.checkout .checkoutHeader .steps .step .bottone {
    border-radius: 50%;
    text-align: center;
    height: 75px;
    width: 75px;
    position: relative;
    text-align: center;
    margin: auto;
}

    .page.checkout .checkoutHeader .steps .step .bottone h4 {
        font-size: 45px;
        font-weight: 600;
        color: white;
        opacity: 1;
        padding-top: 11px;
    }

    .page.checkout .checkoutHeader .steps .step .bottone .bottoneBkg {
        background-color: white;
        border-radius: 50%;
        text-align: center;
        opacity: 0.25;
        height: 75px;
        width: 75px;
        position: absolute;
    }

    .page.checkout .checkoutHeader .steps .step .bottone.active {
        background-color: white;
        border-radius: 50%;
        height: 75px;
        width: 75px;
        opacity: 1;
        margin: auto;
    }

        .page.checkout .checkoutHeader .steps .step .bottone.active h4 {
            text-align: center;
            font-size: 45px;
            font-weight: 600;
            color: #005B5A;
            opacity: 1;
            padding-top: 11px;
        }

.page.checkout .checkoutHeader .steps .step .testi {
    margin-top: 20px;
}

    .page.checkout .checkoutHeader .steps .step .testi h2 {
        font-size: 19px;
        font-weight: 600;
        color: white;
    }

    .page.checkout .checkoutHeader .steps .step .testi h3 {
        font-size: 15px;
        font-weight: 400;
        color: white;
        opacity: 0.47;
        margin-top: 10px;
    }

/*Page Documentazione precontrattuale*/

.page.checkout .documentazionePrecontrattuale {
    padding-top: 80px;
    padding-bottom: 110px;
    background-color: white;
}

    .page.checkout .documentazionePrecontrattuale h1 {
        font-size: 44px;
        font-weight: 600;
        color: #005B5A;
    }

    .page.checkout .documentazionePrecontrattuale .attenzione {
        position: relative;
        height: 50px;
        text-align: center;
        width: 640px;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .page.checkout .documentazionePrecontrattuale .attenzioneBkg {
        background-color: #C88B8B;
        opacity: 0.22;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .page.checkout .documentazionePrecontrattuale .attenzione .containerAttenzione {
        position: relative;
        z-index: 99;
        padding-top: 15px;
    }

        .page.checkout .documentazionePrecontrattuale .attenzione .containerAttenzione .icon-warning {
            font-size: 20px;
            color: #FF0000;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            width: 3%;
        }

        .page.checkout .documentazionePrecontrattuale .attenzione .containerAttenzione h4 {
            font-size: 14px;
            font-weight: 500;
            color: #3E3E3E;
            display: inline-block;
            vertical-align: middle;
            width: 92%;
        }

    .page.checkout .documentazionePrecontrattuale .download {
        background-color: #FAFAFA;
        border: 1px solid #E8E8E8;
        padding: 20px 30px;
    }

.boxBorderNoBlink {
    background-color: #FAFAFA;
    border: 1px solid #E8E8E8;
    padding: 20px 30px;
    margin-top: 10px;
    color: red;
}

.boxBorder {
    background-color: #FAFAFA;
    border: 1px solid #E8E8E8;
    padding: 20px 30px;
    margin-top: 10px;
    color: red;
    z-index: 99999999;
}

/*@keyframes blinkerrr {
    50% {
        opacity: 0;
    }
}*/

.page.checkout .documentazionePrecontrattuale .download.active {
    background-color: #D0E0DF;
    border: 1px solid #EDF3F3;
}

.page.checkout .documentazionePrecontrattuale .download .icon-cloud {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 34px;
    color: #005B5A;
    padding: 18px 20px;
    margin-right: 15px;
}

.page.checkout .documentazionePrecontrattuale .download h2 {
    font-size: 20px;
    font-weight: 600;
    color: #646464;
    display: inline-block;
    vertical-align: middle;
}

.page.checkout .documentazionePrecontrattuale .clausola {
    padding-top: 30px;
    display: block;
    padding-bottom: 30px;
}

.page.checkout .clausola h3 {
    font-size: 20px;
    font-weight: 600;
    color: #646464;
    margin-bottom: 20px;
}

.page.checkout .documentazionePrecontrattuale .clausola .termini {
    border: 1px solid #F5F5F5;
    padding: 25px 20px;
}

    .page.checkout .documentazionePrecontrattuale .clausola .termini p {
        font-size: 12px;
        font-weight: 500;
        color: #919191;
        line-height: 20px;
    }

.page.checkout .documentazionePrecontrattuale .checkboxes label {
    display: inline-block;
    margin-right: 25px;
}

.page.checkout .container .checkmark:after {
    left: 7px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid #005B5A;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page.checkout .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    margin: 20px 0 35px 0;
    color: #919191;
}

.page.checkout .checkmark {
    position: absolute;
    top: -5px;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: white;
    border: 1px solid #707070;
    border-radius: 3px;
}

.page.checkout .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.page.checkout .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.page.checkout .container input:checked ~ .checkmark:after {
    display: block;
}

.page.checkout .documentazionePrecontrattuale button {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    color: white;
    background-color: #005B5A;
    border-radius: 6px;
    padding: 20px 0;
    width: 300px;
    text-align: center;
    float: right;
    margin-top: -8px;
    box-shadow: #00000016 0 3px 6px;
    border: none;
    cursor: pointer;
}

/*Page Informazioni aggiuntive*/

.page.checkout .informazioniAggiuntive {
    padding-top: 80px;
    padding-bottom: 150px;
    background: white;
}

    .page.checkout .informazioniAggiuntive h1 {
        font-size: 44px;
        font-weight: 600;
        color: #005B5A;
    }

    .page.checkout .informazioniAggiuntive .attenzione {
        position: relative;
        height: 50px;
        text-align: center;
        width: 870px;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .page.checkout .informazioniAggiuntive .attenzioneBkg {
        background-color: #C88B8B;
        opacity: 0.22;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .page.checkout .informazioniAggiuntive .attenzione .containerAttenzione {
        position: relative;
        z-index: 99;
        padding-top: 15px;
    }

        .page.checkout .informazioniAggiuntive .attenzione .containerAttenzione .icon-warning {
            font-size: 20px;
            color: #FF0000;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            width: 3%;
        }

        .page.checkout .informazioniAggiuntive .attenzione .containerAttenzione h4 {
            font-size: 14px;
            font-weight: 500;
            color: #3E3E3E;
            display: inline-block;
            vertical-align: middle;
            width: 92%;
        }

    .page.checkout .informazioniAggiuntive .checkboxes label {
        display: inline-block;
        margin-right: 25px;
    }

    .page.checkout .informazioniAggiuntive .termini .domanda {
        padding: 20px 0px 0;
        border-bottom: 1px solid #F3F3F3;
    }

        .page.checkout .informazioniAggiuntive .termini .domanda.sei {
            border-bottom: none;
        }

        .page.checkout .informazioniAggiuntive .termini .domanda h3 {
            font-size: 17px;
            font-weight: 600;
            color: #646464;
            line-height: 25px;
        }

        .page.checkout .informazioniAggiuntive .termini .domanda h4,
        .page.checkout .documentazionePrecontrattuale .termini .domanda h4 {
            font-size: 15px;
            font-weight: 500;
            color: #646464;
            line-height: 25px;
        }

        .page.checkout .informazioniAggiuntive .termini .domanda.quattro h4 {
            font-size: 14px;
        }

    .page.checkout .informazioniAggiuntive .buttons button {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 600;
        color: white;
        border-radius: 6px;
        padding: 20px 0;
        width: 300px;
        text-align: center;
        margin-top: -8px;
        box-shadow: #00000016 0 3px 6px;
        border: none;
        cursor: pointer;
        margin-top: 50px;
    }

    .page.checkout .informazioniAggiuntive .buttons .prosegui {
        background-color: #005B5A;
        float: right;
    }

    .page.checkout .informazioniAggiuntive .buttons .indietro {
        background-color: #979696;
        float: left;
    }

/*Page Incarico Professionale*/

.page.checkout .incaricoProfessionale {
    padding-top: 80px;
    padding-bottom: 0px;
    background: white;
}

    .page.checkout .incaricoProfessionale h1 {
        font-size: 30px;
        font-weight: 600;
        color: #005B5A;
    }

    .page.checkout .incaricoProfessionale h2 {
        color: #3E3E3E;
        font-size: 17px;
        font-weight: 500;
        line-height: 32px;
        margin: 25px 0 15px 0;
    }

    .page.checkout .incaricoProfessionale .contenitore h3 {
        color: #646464;
        font-size: 18px;
        font-weight: 600;
        line-height: 31px;
        margin-top: 15px;
    }

    .page.checkout .incaricoProfessionale .contenitore select {
        background-color: #FAFAFA;
        color: #646464;
        font-size: 16px;
        font-weight: 400;
        width: 100%;
        border: 1px solid #C2C2C2;
        height: 65px;
        padding-left: 20px;
        margin-top: 10px;
        background-image: url('../Gfx/freccia2.svg');
        background-repeat: no-repeat;
        background-position: center right 15px;
        -webkit-appearance: none;
    }

    .page.checkout .incaricoProfessionale .contenitore input {
        background-color: white;
        color: #646464;
        font-size: 16px;
        font-weight: 400;
        width: 98.8%;
        border: 1px solid #C2C2C2;
        height: 65px;
        padding-left: 20px;
        margin-top: 10px;
    }

/*Page Conclusione*/

.page.checkout .conclusione {
    padding-top: 80px;
    /*padding-bottom: 70px;*/
    background: white;
}

    .page.checkout .conclusione h1 {
        font-size: 30px;
        font-weight: 600;
        color: #005B5A;
    }

    .page.checkout .conclusione h2 {
        color: #3E3E3E;
        font-size: 17px;
        font-weight: 500;
        line-height: 32px;
        margin: 25px 0 15px 0;
    }

    .page.checkout .conclusione .box {
        border-left: 1px solid #F4F4F4;
        border-right: 1px solid #F4F4F4;
        padding: 15px 20px 15px 20px;
        height: 40px;
    }

        .page.checkout .conclusione .box.grigio {
            background-color: #FAFAFA;
            border-top: 1px solid #EDEDED;
            border-bottom: 1px solid #EDEDED;
        }

        .page.checkout .conclusione .box .sinistra h3 {
            color: #646464;
            font-size: 17px;
            font-weight: 600;
            line-height: 31px;
            padding-top: 6px;
        }

        .page.checkout .conclusione .box .sinistra {
            display: inline-block;
            vertical-align: middle;
        }

        .page.checkout .conclusione .box .destra {
            display: inline-block;
            vertical-align: middle;
            float: right;
            width: 650px;
            height: 45px;
        }

            .page.checkout .conclusione .box .destra h4 {
                color: #646464;
                font-size: 15px;
                font-weight: 400;
                line-height: 31px;
                padding-top: 6px;
            }

            .page.checkout .conclusione .box .destra .checkboxes label {
                display: inline-block;
                margin-right: 25px;
            }

            .page.checkout .conclusione .box .destra select {
                background-color: white;
                color: #646464;
                font-size: 15px;
                font-weight: 400;
                width: 100%;
                border: 1px solid #F2F2F2;
                height: 40px;
                padding-left: 20px;
                background-image: url('../Gfx/freccia2.svg');
                background-repeat: no-repeat;
                background-position: center right 15px;
                -webkit-appearance: none;
                border-radius: 8px;
                vertical-align: middle;
            }

            .page.checkout .conclusione .box .destra input {
                background-color: white;
                color: #646464;
                font-size: 15px;
                font-weight: 400;
                width: 95.8%;
                border: 1px solid #F2F2F2;
                height: 40px;
                padding-left: 20px;
                border-radius: 8px;
            }

        .page.checkout .conclusione .box.sei {
            border-left: 1px solid #F4F4F4;
            border-right: 1px solid #F4F4F4;
            border-bottom: 1px solid #F4F4F4;
            padding: 15px 25px 15px 20px;
            height: 185px;
        }

            .page.checkout .conclusione .box.sei h2 {
                color: #005B5A;
                font-size: 19px;
                font-weight: 700;
                line-height: 31px;
            }

            .page.checkout .conclusione .box.sei .riga.uno {
                border-bottom: 1px solid #D8D8D8;
            }

            .page.checkout .conclusione .box.sei .destra {
                width: unset;
            }

            .page.checkout .conclusione .box.sei h3 {
                color: #005B5A;
                font-size: 31px;
                font-weight: 600;
                line-height: 25px;
                padding-top: 23px;
            }

            .page.checkout .conclusione .box.sei .sinistra h3 {
                color: #646464;
                font-size: 15px;
                font-weight: 400;
                line-height: 25px;
                margin-top: 0px !important;
                padding-top: 0px !important;
            }

/*Scadenza table*/

.page.checkout .scadenzaTable {
    padding-bottom: 60px;
    background: white;
}

.page.checkout .prezzoBox {
    background: white;
}

.page.checkout .contenitoreScadenza {
    border: 1px solid #F4F4F4;
    padding: 30px 0 0px 0;
}

    .page.checkout .contenitoreScadenza .title {
        padding: 0 20px;
    }

        .page.checkout .contenitoreScadenza .title h1 {
            font-size: 19px;
            font-weight: 700;
            color: #005B5A;
            line-height: 31px;
        }

        .page.checkout .contenitoreScadenza .title h2 {
            color: #646464;
            font-size: 19px;
            font-weight: 600;
            line-height: 31px;
            margin: 10px 0 35px 0;
        }

    .page.checkout .contenitoreScadenza .box {
        border-left: 1px solid #F4F4F4;
        border-right: 1px solid #F4F4F4;
        padding: 15px 20px 15px 20px;
        height: 40px;
    }

.page.checkout .contenitoreScadenzae .box.grigio {
    background-color: #FAFAFA;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}

.page.checkout .contenitoreScadenza .box .sinistra h3 {
    color: #646464;
    font-size: 17px;
    font-weight: 600;
    line-height: 31px;
    padding-top: 6px;
}

.page.checkout .contenitoreScadenza .box .sinistra {
    display: inline-block;
    vertical-align: middle;
}

.page.checkout .contenitoreScadenza .box .destra {
    display: inline-block;
    vertical-align: middle;
    float: right;
    width: 650px;
    height: 45px;
}

    .page.checkout .contenitoreScadenza .box .destra input {
        background-color: white;
        color: #646464;
        font-size: 15px;
        font-weight: 400;
        width: 96%;
        border: 1px solid #F2F2F2;
        height: 40px;
        padding-left: 20px;
        border-radius: 8px;
    }

/*prezzoBox*/

.page.checkout .prezzoBox .box {
    padding: 40px 20px;
    background-color: #FAFAFA;
    border: 1px solid #C2C2C2;
}

    .page.checkout .prezzoBox .box .destra {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

    .page.checkout .prezzoBox .box .sinistra {
        display: inline-block;
        vertical-align: middle;
    }

    .page.checkout .prezzoBox .box .destra h2 {
        color: #005B5A;
        font-size: 35px;
        font-weight: 600;
        line-height: 25px;
    }

    .page.checkout .prezzoBox .box .sinistra h1 {
        color: #005B5A;
        font-size: 33px;
        font-weight: 700;
        line-height: 31px;
    }

    .page.checkout .prezzoBox .box h3 {
        color: #646464;
        font-size: 15px;
        font-weight: 400;
        line-height: 31px;
        margin-top: 10px;
    }

/*Preventivo */

.page.checkout .preventivo {
    padding: 20px 0 160px 0;
    background: white;
}

    .page.checkout .preventivo h1 {
        color: #FF0000;
        font-size: 17px;
        font-weight: 500;
        line-height: 31px;
    }

    .page.checkout .preventivo .clausole {
        margin-top: 30px;
    }

        .page.checkout .preventivo .clausole h2 {
            font-size: 13px;
            font-weight: 600;
            line-height: 20px;
            color: #646464;
            margin: 15px 0;
        }

        .page.checkout .preventivo .clausole h4 {
            font-size: 13px;
            font-weight: 400;
            line-height: 20px;
            color: #646464;
            margin: 15px 0;
        }

    .page.checkout .preventivo .buttons button {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 600;
        color: white;
        border-radius: 6px;
        padding: 20px 0;
        width: 300px;
        text-align: center;
        margin-top: -8px;
        box-shadow: #00000016 0 3px 6px;
        border: none;
        cursor: pointer;
        margin-top: 50px;
    }

    .page.checkout .preventivo .buttons .prosegui {
        background-color: #005B5A;
        float: right;
    }

    .page.checkout .preventivo .buttons .indietro {
        background-color: #979696;
        float: left;
    }

/*Questionario di adesione*/
.page.checkout .questionario {
    padding: 20px 0 20px 0;
    background-color: white;
    padding-top: 50px;
}

    .page.checkout .questionario h1 {
        font-size: 44px;
        font-weight: 600;
        color: #005B5A;
        line-height: 31px;
    }

    .page.checkout .questionario p {
        font-size: 18px;
        font-weight: 500;
        color: #3E3E3E;
        line-height: 32px;
        margin-top: 25px !important;
    }

.page.checkout .datiProponente {
    padding: 40px 0 20px 0;
    background-color: white;
}

    .page.checkout .datiProponente h1 {
        font-size: 30px;
        font-weight: 600;
        color: #005B5A;
        line-height: 31px;
        margin-bottom: 20px;
    }

    .page.checkout .datiProponente form .input {
        width: calc( 50% - 24px);
        margin: 20px 10px;
        display: inline-block;
        vertical-align: middle;
        height: 75px;
    }

        .page.checkout .datiProponente form .input.long {
            width: calc( 100% - 0px);
            margin: 20px 10px;
            display: inline-block;
            vertical-align: middle;
        }

    .page.checkout .datiProponente form label {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 600;
        line-height: 31px;
        color: #646464;
    }

    .page.checkout .datiProponente form .input input {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
        line-height: 31px;
        color: #646464;
        height: 50px;
        padding-left: 20px;
        border: 1px solid #E8E8E8;
        width: calc(100% - 23px );
    }

    .page.checkout .datiProponente form .input.ente input {
        background-color: #FAFAFA;
    }

    .page.checkout .datiProponente form .input select {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
        line-height: 31px;
        color: #646464;
        height: 50px;
        padding-left: 20px;
        border: 1px solid #E8E8E8;
        width: 98.5%;
        background-color: #FAFAFA;
        background-image: url('../Gfx/freccia2.svg');
        background-repeat: no-repeat;
        background-position: center right 15px;
        -webkit-appearance: none;
        vertical-align: middle;
    }

    .page.checkout .datiProponente form {
        margin-left: -10px;
        width: 101.5%;
    }

/*Precedenti assicurativi*/




.page.checkout .precedentiAssicurativi {
    padding: 40px 0 10px 0;
    background-color: white;
}

    .page.checkout .precedentiAssicurativi h1 {
        font-size: 30px;
        font-weight: 600;
        color: #005B5A;
        line-height: 31px;
        margin-bottom: 30px;
    }

    .page.checkout .precedentiAssicurativi h4 {
        font-size: 15px;
        font-weight: 400;
        color: #646464;
        line-height: 31px;
    }

    .page.checkout .precedentiAssicurativi .checkboxes {
        margin-top: 10px;
    }

        .page.checkout .precedentiAssicurativi .checkboxes label {
            display: inline-block;
            margin-right: 25px;
        }

    .page.checkout .precedentiAssicurativi form .input {
        width: calc( 50% - 24px);
        margin: 20px 10px;
        display: inline-block;
        vertical-align: middle;
        height: 75px;
    }

    .page.checkout .precedentiAssicurativi form label {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 600;
        line-height: 31px;
        color: #646464;
    }

    .page.checkout .precedentiAssicurativi form .input input {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
        line-height: 31px;
        color: #646464;
        height: 50px;
        padding-left: 20px;
        border: 1px solid #E8E8E8;
        width: 100%;
    }

    .page.checkout .precedentiAssicurativi form {
        margin-left: -10px;
        width: 101.5%;
        margin-bottom: 20px;
    }

    .page.checkout .precedentiAssicurativi .firme {
        padding: 20px 0 50px 0;
        border-bottom: 1px solid #D1D1D1;
    }

        .page.checkout .precedentiAssicurativi .firme .firma {
            display: inline-block;
            vertical-align: middle;
            border: 1px solid #C2C2C2;
            width: 42%;
            padding: 25px 0;
            text-align: center;
        }

            .page.checkout .precedentiAssicurativi .firme .firma.digitale {
                background-color: #FAFAFA;
            }

        .page.checkout .precedentiAssicurativi .firme .txt {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
        }

            .page.checkout .precedentiAssicurativi .firme .txt h1 {
                color: #005B5A;
                font-size: 27px;
                font-weight: 600;
                line-height: 31px;
                margin-bottom: 15px;
            }

            .page.checkout .precedentiAssicurativi .firme .txt h2 {
                color: #646464;
                font-size: 21px;
                font-weight: 600;
                line-height: 31px;
            }

        .page.checkout .precedentiAssicurativi .firme .oppure {
            display: inline-block;
            vertical-align: middle;
            width: 15%;
            text-align: center
        }

            .page.checkout .precedentiAssicurativi .firme .oppure h4 {
                color: #646464;
                font-size: 21px;
                font-weight: 600;
                line-height: 31px;
            }

    .page.checkout .precedentiAssicurativi .icon-username {
        display: inline-block;
        vertical-align: middle;
        background-color: white;
        border-radius: 50%;
        border: 1px solid #DCDCDC;
        font-size: 26px;
        color: #005B5A;
        padding: 22px 18px;
        margin-right: 15px;
    }

    .page.checkout .precedentiAssicurativi .icon-cloud {
        display: inline-block;
        vertical-align: middle;
        background-color: white;
        border-radius: 50%;
        border: 1px solid #DCDCDC;
        font-size: 34px;
        color: #005B5A;
        padding: 18px 20px;
        margin-right: 15px;
    }

    .page.checkout .precedentiAssicurativi h2 {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 600;
        line-height: 31px;
        color: #646464;
    }
/*   Condizioni polizza*/
.page.checkout .condizioniPolizza {
    padding: 40px 0 60px 0;
    background-color: white;
}

    .page.checkout .condizioniPolizza h1 {
        font-size: 30px;
        font-weight: 600;
        color: #005B5A;
        line-height: 31px;
        margin-bottom: 30px;
    }

    .page.checkout .condizioniPolizza h3 {
        font-size: 18px;
        font-weight: 600;
        color: #646464;
        line-height: 31px;
        margin-bottom: 20px;
    }

    .page.checkout .condizioniPolizza h4 {
        font-size: 15px;
        font-weight: 400;
        color: #646464;
        line-height: 31px;
        margin-bottom: 10px;
    }

    .page.checkout .condizioniPolizza form .input {
        width: calc( 50% - 24px);
        margin: 20px 10px;
        display: inline-block;
        vertical-align: middle;
        height: 75px;
    }

    .page.checkout .condizioniPolizza .input.long {
        width: calc( 100% - 0px);
        margin: 20px 0px;
        display: inline-block;
        vertical-align: middle;
    }

        .page.checkout .condizioniPolizza .input.long select {
            display: block;
            text-align: left;
            margin-bottom: 10px;
            font-size: 15px;
            font-weight: 400;
            line-height: 31px;
            color: #646464;
            height: 50px;
            padding-left: 20px;
            border: 1px solid #E8E8E8;
            width: 100%;
            background-color: #FAFAFA;
            background-image: url('../Gfx/freccia2.svg');
            background-repeat: no-repeat;
            background-position: center right 15px;
            -webkit-appearance: none;
            vertical-align: middle;
        }

    .page.checkout .condizioniPolizza form label {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 600;
        line-height: 31px;
        color: #646464;
    }

    .page.checkout .condizioniPolizza form .input input {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
        line-height: 31px;
        color: #646464;
        height: 50px;
        padding-left: 20px;
        border: 1px solid #E8E8E8;
        width: 100%;
    }

    .page.checkout .condizioniPolizza form .input.ente input {
        background-color: #FAFAFA;
    }

    .page.checkout .condizioniPolizza form .input select {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
        line-height: 31px;
        color: #646464;
        height: 50px;
        padding-left: 20px;
        border: 1px solid #E8E8E8;
        width: 100%;
        background-color: #FAFAFA;
        background-image: url('../Gfx/freccia2.svg');
        background-repeat: no-repeat;
        background-position: center right 15px;
        -webkit-appearance: none;
        vertical-align: middle;
    }

    .page.checkout .condizioniPolizza form {
        margin-left: -10px;
        width: 101.5%;
    }

    .page.checkout .condizioniPolizza .progressa {
        margin-top: 20px;
    }

    .page.checkout .condizioniPolizza .checkboxes label {
        display: inline-block;
        margin-right: 25px;
    }

    .page.checkout .condizioniPolizza .domanda h3 {
        font-size: 15px;
        font-weight: 400;
        color: #646464;
        line-height: 31px;
        margin-bottom: 10px;
    }

    .page.checkout .condizioniPolizza p {
        font-size: 13px;
        font-weight: 400;
        color: #646464;
        line-height: 25px;
        margin-top: 10px !important;
        margin-bottom: 25px !important;
    }

    .page.checkout .condizioniPolizza .firme {
        padding: 40px 0 50px 0;
        border-bottom: 1px solid #D1D1D1;
    }

        .page.checkout .condizioniPolizza .firme .firma {
            display: inline-block;
            vertical-align: middle;
            border: 1px solid #C2C2C2;
            width: 42%;
            padding: 25px 0;
            text-align: center;
        }

            .page.checkout .condizioniPolizza .firme .firma.digitale {
                background-color: #FAFAFA;
            }

        .page.checkout .condizioniPolizza .firme .txt {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
        }

            .page.checkout .condizioniPolizza .firme .txt h1 {
                color: #005B5A;
                font-size: 27px;
                font-weight: 600;
                line-height: 31px;
                margin-bottom: 15px;
            }

            .page.checkout .condizioniPolizza .firme .txt h2 {
                color: #646464;
                font-size: 21px;
                font-weight: 600;
                line-height: 31px;
            }

        .page.checkout .condizioniPolizza .firme .oppure {
            display: inline-block;
            vertical-align: middle;
            width: 15%;
            text-align: center
        }

            .page.checkout .condizioniPolizza .firme .oppure h4 {
                color: #646464;
                font-size: 21px;
                font-weight: 600;
                line-height: 31px;
            }

        .page.checkout .condizioniPolizza .firme .icon-username {
            display: inline-block;
            vertical-align: middle;
            background-color: white;
            border-radius: 50%;
            border: 1px solid #DCDCDC;
            font-size: 26px;
            color: #005B5A;
            padding: 22px 18px;
            margin-right: 15px;
        }

        .page.checkout .condizioniPolizza .firme .icon-cloud {
            display: inline-block;
            vertical-align: middle;
            background-color: white;
            border-radius: 50%;
            border: 1px solid #DCDCDC;
            font-size: 34px;
            color: #005B5A;
            padding: 18px 20px;
            margin-right: 15px;
        }

    .page.checkout .condizioniPolizza form.inlinea .input.data {
        width: calc( 15% - 24px);
    }

    .page.checkout .condizioniPolizza form.inlinea .input.nome {
        width: calc( 42.4% - 24px);
    }

    .page.checkout .condizioniPolizza form.inlinea .input.qualifica {
        width: calc( 42.4% - 24px);
    }

/* Claims Made*/

.page.checkout .claimsMade {
    padding: 0px 0 60px 0;
    background-color: white;
}

    .page.checkout .claimsMade h1 {
        font-size: 30px;
        font-weight: 600;
        color: #005B5A;
        line-height: 31px;
        margin-bottom: 30px;
    }

    .page.checkout .claimsMade h4 {
        font-size: 15px;
        font-weight: 400;
        color: #646464;
        line-height: 31px;
        margin-bottom: 10px;
    }

    .page.checkout .claimsMade p {
        font-size: 13px;
        font-weight: 400;
        color: #646464;
        line-height: 25px;
        margin-top: 10px !important;
        margin-bottom: 25px !important;
    }

    .page.checkout .claimsMade form label {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 600;
        line-height: 31px;
        color: #646464;
    }

    .page.checkout .claimsMade form .input input {
        display: block;
        text-align: left;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
        line-height: 31px;
        color: #646464;
        height: 50px;
        padding-left: 20px;
        border: 1px solid #E8E8E8;
        width: 100%;
    }

    .page.checkout .claimsMade .titolo {
        margin-top: 20px;
        font-size: 15px;
        font-weight: 400;
        color: #646464;
        line-height: 31px;
        margin-bottom: 10px;
    }

        .page.checkout .claimsMade .titolo.meno {
            margin-bottom: 0px;
            margin-top: 10px
        }

    .page.checkout .claimsMade form {
        height: 95px;
        margin-left: -10px;
    }

        .page.checkout .claimsMade form .input.data {
            width: calc( 15% - 24px);
        }

        .page.checkout .claimsMade form .input.nome {
            width: calc( 42.4% - 24px);
        }

        .page.checkout .claimsMade form .input {
            width: calc( 50% - 24px);
            margin: 20px 10px;
            display: inline-block;
            vertical-align: middle;
            height: 75px;
        }

    .page.checkout .claimsMade .firme {
        padding: 40px 0 50px 0;
        border-bottom: 1px solid #D1D1D1;
    }

        .page.checkout .claimsMade .firme .firma {
            display: inline-block;
            vertical-align: middle;
            border: 1px solid #C2C2C2;
            width: 42%;
            padding: 25px 0;
            text-align: center;
        }

            .page.checkout .claimsMade .firme .firma.digitale {
                background-color: #FAFAFA;
            }

        .page.checkout .claimsMade .firme .txt {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
        }

            .page.checkout .claimsMade .firme .txt h1 {
                color: #005B5A;
                font-size: 27px;
                font-weight: 600;
                line-height: 31px;
                margin-bottom: 15px;
            }

            .page.checkout .claimsMade .firme .txt h2 {
                color: #646464;
                font-size: 21px;
                font-weight: 600;
                line-height: 31px;
            }

        .page.checkout .claimsMade .firme .oppure {
            display: inline-block;
            vertical-align: middle;
            width: 15%;
            text-align: center
        }

            .page.checkout .claimsMade .firme .oppure h4 {
                color: #646464;
                font-size: 21px;
                font-weight: 600;
                line-height: 31px;
            }

        .page.checkout .claimsMade .firme .icon-username {
            display: inline-block;
            vertical-align: middle;
            background-color: white;
            border-radius: 50%;
            border: 1px solid #DCDCDC;
            font-size: 26px;
            color: #005B5A;
            padding: 22px 18px;
            margin-right: 15px;
        }

        .page.checkout .claimsMade .firme .icon-cloud {
            display: inline-block;
            vertical-align: middle;
            background-color: white;
            border-radius: 50%;
            border: 1px solid #DCDCDC;
            font-size: 34px;
            color: #005B5A;
            padding: 18px 20px;
            margin-right: 15px;
        }

    .page.checkout .claimsMade .concludi {
        font-size: 16px;
        font-weight: 600;
        color: white;
        border-radius: 6px;
        padding: 20px 0;
        width: 300px;
        text-align: center;
        margin-top: -8px;
        box-shadow: #00000016 0 3px 6px;
        border: none;
        cursor: pointer;
        margin: auto;
        margin-top: 50px;
        background-color: #005B5A;
    }

    .page.checkout .claimsMade .button {
        text-align: center;
    }

/*Firma Cartacea*/

#cartacea {
    padding: 60px 40px 0 40px !important;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    height: 400px;
    width: 510px;
}

    #cartacea h1 {
        color: #005B5A;
        font-size: 35px;
        font-weight: 600;
        text-align: center;
        line-height: 31px;
        margin-bottom: 40px;
    }

    #cartacea .boxTratteggiato {
        border: 1px dashed #C5C5C5;
        text-align: center;
        padding: 60px 20px;
        background-color: #FAFAFA;
        border-width: 3px;
    }

        #cartacea .boxTratteggiato h4 {
            color: #646464;
            font-size: 20px;
            font-weight: 600;
            text-align: center;
            line-height: 31px;
            margin-top: 35px;
        }

        #cartacea .boxTratteggiato .icon-cloud {
            background-color: white;
            border-radius: 50%;
            font-size: 34px;
            color: #005B5A;
            padding: 18px 20px;
            text-align: center;
        }

/*Polizza completata con successo*/

#concludi {
    padding: 90px 40px 0 40px !important;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    height: 460px;
    width: 590px;
}

    #concludi .successo {
        text-align: center;
    }

        #concludi .successo h1 {
            color: #005B5A;
            font-size: 35px;
            font-weight: 600;
            text-align: center;
            line-height: 44px;
            margin-bottom: 40px;
            margin-top: 60px;
        }

        #concludi .successo h4 {
            color: #646464;
            font-size: 21px;
            font-weight: 600;
            text-align: center;
            line-height: 31px;
            margin-top: 30px;
            text-align: center;
        }

    #concludi .icon-tik {
        background-color: #F9F9F9;
        border-radius: 50%;
        font-size: 35px;
        color: #005B5A;
        padding: 23px 20px;
        text-align: center;
        border: 1px solid #DCDCDC;
    }



/*   Pagina Area Personale*/


/*polizzaBox*/

.page.area.personale .polizzaBox .header {
    box-shadow: #00000010 0 3px 43px;
    height: 96px;
    z-index: 9999999;
    width: calc(100% - 0px);
    background-color: white;
    /*padding: 0 30px;*/
}

    .page.area.personale .polizzaBox .header .logo {
        display: inline-block;
        vertical-align: middle;
        padding: 16px 0;
        height: 60px;
        width: 200px;
    }

        .page.area.personale .polizzaBox .header .logo img {
            height: 100%;
            width: 100%;
        }

    .page.area.personale .polizzaBox .header .menu {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

        .page.area.personale .polizzaBox .header .menu .bentornato {
            display: inline-block;
            vertical-align: middle;
            margin: 10px 0px 10px 0;
            position: relative;
            padding-right: 20px;
        }

            .page.area.personale .polizzaBox .header .menu .bentornato .icon-username {
                display: inline-block;
                vertical-align: middle;
                background-color: white;
                border-radius: 50%;
                border: 1px solid #DCDCDC;
                font-size: 22px;
                color: #C4C4C4;
                padding: 15px 12px;
                margin-right: 15px;
            }

            .page.area.personale .polizzaBox .header .menu .bentornato .icon-lucchetto {
                display: inline-block;
                vertical-align: middle;
                background-color: white;
                border-radius: 50%;
                border: 1px solid #DCDCDC;
                font-size: 20px;
                color: #C4C4C4;
                padding: 18px 20px;
                margin-right: 15px;
            }

            .page.area.personale .polizzaBox .header .menu .bentornato.lucchetto {
                border-left: 1px solid #E9E9E9;
                padding-left: 20px;
            }

        .page.area.personale .polizzaBox .header .menu.non-loggato {
            /*display: none;*/
        }

        .page.area.personale .polizzaBox .header .menu .bentornato .datiUtente {
            display: inline-block;
            vertical-align: middle;
        }

            .page.area.personale .polizzaBox .header .menu .bentornato .datiUtente .text h4 {
                color: #777777;
                font-size: 13px;
                font-weight: 500;
            }

            .page.area.personale .polizzaBox .header .menu .bentornato .datiUtente .text h2 {
                color: #005B5A;
                font-size: 18px;
                font-weight: 600;
                margin-top: 5px;
            }

        .page.area.personale .polizzaBox .header .menu .bentornato .freccia {
            display: inline-block;
            vertical-align: middle;
        }

            .page.area.personale .polizzaBox .header .menu .bentornato .freccia span {
                display: inline-block;
                vertical-align: middle;
                font-size: 9px;
                color: #AEAEAE;
                margin-left: 20px;
                cursor: pointer;
            }

        .page.area.personale .polizzaBox .header .menu .carrello {
            display: inline-block;
            vertical-align: middle;
        }


            .page.area.personale .polizzaBox .header .menu .carrello .numeroProdotti {
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
            }

                .page.area.personale .polizzaBox .header .menu .carrello .numeroProdotti h2 {
                    font-size: 38px;
                    font-weight: 600;
                    color: #005B5A;
                }

                .page.area.personale .polizzaBox .header .menu .carrello .numeroProdotti h4 {
                    font-size: 15px;
                    font-weight: 500;
                    color: #777777;
                }

.page.area.personale .coperture.inFase {
    margin-top: 60px;
}

/*Box Prodotti*/

.page.area.personale .productsList .title {
    padding-top: 40px;
    padding-bottom: 20px;
}

    .page.area.personale .productsList .title h1 {
        text-align: center;
        color: #005B5A;
        font-size: 35px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .page.area.personale .productsList .title h2 {
        text-align: center;
        color: #5E5E5E;
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .page.area.personale .productsList .title h4 {
        text-align: center;
        color: #777777;
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 15px;
    }

.page.area.personale .productsList .productsContainer {
    margin-left: -10px;
    width: 101.5%;
    margin-top: 20px;
}

    .page.area.personale .productsList .productsContainer .productBox {
        margin: 0 10px;
        border: 1px solid #E6E6E6;
        border-radius: 6px;
        height: 410px;
        width: calc(24.6% - 60px);
        display: inline-block;
        vertical-align: top;
        box-shadow: #00000005 0 3px 28px;
        padding: 10px 20px;
        text-align: center;
        position: relative;
        background-color: white;
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .page.area.personale .productsList .productsContainer .productBox .elenco {
            text-align: left;
        }

        .page.area.personale .productsList .productsContainer .productBox img {
            margin: auto;
            margin-top: 10px;
            margin-bottom: 25px;
            display: inline-block;
            width: 100%;
        }

        .page.area.personale .productsList .productsContainer .productBox h1 {
            color: #005B5A;
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 20px;
            padding: 0 20px;
        }

        .page.area.personale .productsList .productsContainer .productBox h2 {
            color: #005B5A;
            font-size: 18px;
            font-weight: 500;
            line-height: 16px;
            margin-bottom: 10px;
        }

        .page.area.personale .productsList .productsContainer .productBox .didascaliaElenco p {
            line-height: 20px;
        }


        .page.area.personale .productsList .productsContainer .productBox h4 {
            color: #3E3E3E;
            font-size: 12px;
            font-weight: 500;
            margin-bottom: 20px;
            line-height: 20px;
            padding: 0 20px;
        }

        .page.area.personale .productsList .productsContainer .productBox ul {
            padding: 0 20px;
        }

        .page.area.personale .productsList .productsContainer .productBox li {
            margin: 10px 0px;
            padding: 0px 20px;
            background-image: url("../../Content/img/spunta-verde.png");
            background-repeat: no-repeat;
            background-position: left top;
            background-size: 12px;
        }

        .page.area.personale .productsList .productsContainer .productBox li {
            color: #3E3E3E;
            font-size: 12px;
            font-weight: 500;
            /*display: inline-block;*/
            vertical-align: middle;
            line-height: 14px;
        }

        /*.page.area.personale .productsList .productsContainer .productBox li span {
               color: #005B5A;
                font-size: 13.5px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }*/

        .page.area.personale .productsList .productsContainer .productBox button {
            text-decoration: none;
            cursor: pointer;
            background-color: #005B5A;
            color: white;
            font-size: 14px;
            font-weight: 600;
            padding: 20px;
            width: 94%;
            border-radius: 6px;
            position: absolute;
            bottom: 10px;
            left: 0;
            right: 0;
            text-align: center;
            margin: auto;
        }

.page.area.personale .productsList {
    padding-bottom: 70px;
}


/*PolizzaHeader*/

.page.area.personale .polizzaHeader {
    background-image: url(../Gfx/Sfondo.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 200px;
    text-align: center;
    /*  padding-top: 96px;*/
}

.page.area.personale .polizzaHeaderBkg {
    background-color: #F1F1F2;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: absolute;
}

.page.area.personale .divBentornato h2 {
    font-size: 18px;
    font-weight: 500;
    color: #3E3E3E;
    margin-bottom: 20px;
}

.page.area.personale .divBentornato h1 {
    font-size: 44px;
    font-weight: 600;
    color: #005B5A;
}

.page.area.personale .divBentornato {
    padding-top: 60px;
    position: relative;
    z-index: 99;
}

/*PolizzaBody*/
/*
.page.area.personale .polizzaBody {
  height: 300px;
}*/

.page.area.personale .polizzaBody h1 {
    font-size: 31px;
    font-weight: 600;
    color: #005B5A;
    margin-bottom: 50px;
}

.page.area.personale .polizzaBody h3 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #989898;
    padding-left: 215px;
}

.page.area.personale .polizzaBody .pColpa {
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    padding: 20px 0;
    margin-top: 15px;
}

.page.area.personale .polizzaBody .pProfessionale {
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    padding: 20px 0;
}

.page.area.personale .polizzaBody div img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 50px;
    height: 6%;
}

.page.area.personale .polizzaBody div .bottoni {
    display: inline-block;
    vertical-align: middle;
    float: right;
}

    .page.area.personale .polizzaBody div .bottoni .stampa {
        margin-right: 30px;
        display: inline-block;
        vertical-align: middle;
    }

    .page.area.personale .polizzaBody div .bottoni .icon-cloud {
        display: inline-block;
        vertical-align: middle;
        background-color: #F1F1F1;
        border-radius: 50%;
        font-size: 25px;
        color: #005B5A;
        padding: 12px 15px;
        text-align: center;
        margin-right: 10px;
    }

    .page.area.personale .polizzaBody div .bottoni h4 {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        font-weight: 600;
        color: #646464;
        line-height: 22px;
    }

.page.area.personale .polizzaBody div h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 600;
    color: #686868;
}

.page.area.personale .polizzaBody div button {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    color: white;
    border-radius: 6px;
    padding: 20px 0;
    width: 300px;
    text-align: center;
    float: right;
    margin-top: -8px;
    box-shadow: #00000016 0 3px 6px;
    border: none;
    cursor: pointer;
    margin-left: 20px;
}

.page.area.personale .polizzaBody div .bottoneVerde {
    background-color: #005B5A;
}

.page.area.personale .polizzaBody div .bottoneGrigio {
    background-color: #979696;
}

.page.area.personale .polizzaBody div .attesa {
    background-color: #01403F;
}

.page.area.personale .polizzaBody div .emissione {
    background-color: #008281;
}
/*Allega file - Polizza completata*/

#completata {
    padding: 60px 40px 0 40px !important;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    height: 500px;
    width: 590px;
}

    #completata h1 {
        color: #005B5A;
        font-size: 35px;
        font-weight: 600;
        text-align: center;
        line-height: 31px;
        margin-bottom: 20px;
    }

    #completata h4.titolino {
        color: #646464;
        font-size: 21px;
        font-weight: 600;
        text-align: center;
        line-height: 31px;
        margin-bottom: 40px;
    }

    #completata .boxTratteggiato {
        border: 1px dashed #C5C5C5;
        text-align: center;
        padding: 80px 20px;
        background-color: #FAFAFA;
        border-width: 3px;
    }

        #completata .boxTratteggiato h4 {
            color: #646464;
            font-size: 20px;
            font-weight: 600;
            text-align: center;
            line-height: 31px;
            margin-top: 35px;
        }

        #completata .boxTratteggiato .icon-cloud {
            background-color: white;
            border-radius: 50%;
            font-size: 34px;
            color: #005B5A;
            padding: 18px 20px;
            text-align: center;
        }

/*menu toggle*/

.hidden-menu {
    width: 100%;
    background-color: #FBFBFB;
    /* float: right; */
    position: absolute;
    z-index: 99999999;
    top: 73px;
    right: 0;
    /* border-bottom: 1px solid #CACACA;
    border-right: none;
    border-left: none;*/
}

    .hidden-menu li {
        padding: 15px 0;
        text-align: center;
        line-height: 18px;
        border-bottom: 1px solid #CACACA;
    }

        .hidden-menu li a {
            text-align: center;
            font-size: 15px;
            font-weight: 500;
            color: #5E5E5E;
            line-height: 18px;
            text-decoration: none;
        }

        .hidden-menu li:last-child {
            border-bottom: none;
        }


/*Page modifica password*/
.page.modifica.password .campiModifica .attenzione {
    position: relative;
    height: 50px;
    text-align: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
}

.page.modifica.password .campiModifica .attenzioneBkg {
    background-color: #C88B8B;
    opacity: 0.22;
    width: 100%;
    height: 100%;
    position: absolute;
}

.page.modifica.password .campiModifica .attenzione .containerAttenzione {
    position: relative;
    z-index: 99;
    padding-top: 15px;
}

    .page.modifica.password .campiModifica .attenzione .containerAttenzione .icon-warning {
        font-size: 20px;
        color: #FF0000;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        padding-left: 20px;
        width: 3%;
    }

    .page.modifica.password .campiModifica .attenzione .containerAttenzione h4 {
        font-size: 14px;
        font-weight: 500;
        color: #3E3E3E;
        display: inline-block;
        vertical-align: middle;
        width: 92%;
    }

.page.modifica.password .polizzaHeader {
    background-image: url(../Gfx/Sfondo.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 200px;
    text-align: center;
    /* padding-top: 96px;*/
}

.page.modifica.password.successo .polizzaHeader {
    height: 250px;
}

.page.modifica.password .polizzaHeaderBkg {
    background-color: #F1F1F2;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: absolute;
}

.page.modifica.password .divBentornato h2 {
    font-size: 18px;
    font-weight: 500;
    color: #3E3E3E;
}

.page.modifica.password .divBentornato h1 {
    font-size: 44px;
    font-weight: 600;
    color: #005B5A;
    margin-bottom: 20px;
}

.page.modifica.password .divBentornato {
    padding-top: 50px;
    position: relative;
    z-index: 99;
}

.page.modifica.password.successo .divBentornato {
    padding-top: 40px;
}

/*Header*/

.page.modifica.password .polizzaBox .header {
    box-shadow: #00000010 0 3px 43px;
    border: 1px solid #F5F5F5;
}

    .page.modifica.password .polizzaBox .header .logo {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 0;
    }

    .page.modifica.password .polizzaBox .header .menu {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

.page.modifica.password .header .menu .bentornato {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0px 10px 0;
    position: relative;
    padding-right: 20px;
}

.page.modifica.password .polizzaBox .header .menu .bentornato .icon-username {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 22px;
    color: #C4C4C4;
    padding: 15px 12px;
    margin-right: 15px;
}

.page.modifica.password .polizzaBox .header .menu .bentornato .icon-lucchetto {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 20px;
    color: #C4C4C4;
    padding: 18px 20px;
    margin-right: 15px;
}

.page.modifica.password .polizzaBox .header .menu .bentornato.lucchetto {
    border-left: 1px solid #E9E9E9;
    padding-left: 20px;
}

.page.modifica.password .polizzaBox .header .menu.non-loggato {
    display: none;
}

.page.modifica.password .polizzaBox .header .menu .bentornato .datiUtente {
    display: inline-block;
    vertical-align: middle;
}

    .page.modifica.password .polizzaBox .header .menu .bentornato .datiUtente .text h4 {
        color: #777777;
        font-size: 13px;
        font-weight: 500;
    }

    .page.modifica.password .polizzaBox .header .menu .bentornato .datiUtente .text h2 {
        color: #005B5A;
        font-size: 18px;
        font-weight: 600;
        margin-top: 5px;
    }

.page.modifica.password .polizzaBox .header .menu .bentornato .freccia {
    display: inline-block;
    vertical-align: middle;
}

    .page.modifica.password .polizzaBox .header .menu .bentornato .freccia span {
        display: inline-block;
        vertical-align: middle;
        font-size: 9px;
        color: #AEAEAE;
        margin-left: 20px;
        cursor: pointer;
    }

.page.modifica.password .polizzaBox .header .menu .carrello {
    display: inline-block;
    vertical-align: middle;
}



    .page.modifica.password .polizzaBox .header .menu .carrello .numeroProdotti {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

        .page.modifica.password .polizzaBox .header .menu .carrello .numeroProdotti h2 {
            font-size: 38px;
            font-weight: 600;
            color: #005B5A;
        }

        .page.modifica.password .polizzaBox .header .menu .carrello .numeroProdotti h4 {
            font-size: 15px;
            font-weight: 500;
            color: #777777;
        }

.page.modifica.password .campiModifica .bottoni .prosegui {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    color: white;
    border-radius: 6px;
    padding: 20px 0;
    width: 300px;
    text-align: center;
    margin-top: -8px;
    box-shadow: #00000016 0 3px 6px;
    border: none;
    cursor: pointer;
    margin-top: 50px;
    background-color: #005B5A;
    margin: auto;
}

.page.modifica.password .divBentornato .bottoneVerde {
    font-size: 16px;
    font-weight: 600;
    color: white;
    border-radius: 6px;
    padding: 20px 0;
    width: 300px;
    text-align: center;
    margin-top: -8px;
    box-shadow: #00000016 0 3px 6px;
    border: none;
    cursor: pointer;
    background-color: #005B5A;
    margin-top: 20px;
}

    .page.modifica.password .divBentornato .bottoneVerde a {
        text-decoration: none;
        color: white;
    }

.page.modifica.password .campiModifica .bottoni {
    text-align: center;
    margin: 50px 0;
}

.page.modifica.password .campiModifica form .input {
    width: calc( 50% - 24px);
    margin: 20px 10px;
    display: inline-block;
    vertical-align: middle;
    height: 75px;
}

    .page.modifica.password .campiModifica form .input.long {
        width: calc( 98.5% - 0px);
        margin: 20px 10px;
        display: inline-block;
        vertical-align: middle;
    }

.page.modifica.password .campiModifica form label {
    display: block;
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 31px;
    color: #646464;
}

.page.modifica.password .campiModifica form .input input {
    display: block;
    text-align: left;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 31px;
    color: #646464;
    height: 50px;
    padding-left: 20px;
    border: 1px solid #E8E8E8;
    width: 100%;
}


.page.modifica.password .campiModifica form {
    margin-left: -10px;
    width: 101.5%;
}


/*Registrazione completata con successo*/
#registrazione {
    padding: 90px 40px 0 40px !important;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    height: 350px;
    width: 590px;
}

    #registrazione .successo {
        text-align: center;
    }

        #registrazione .successo h1 {
            color: #005B5A;
            font-size: 35px;
            font-weight: 600;
            text-align: center;
            line-height: 44px;
            margin-bottom: 40px;
            margin-top: 60px;
        }

    #registrazione .icon-tik {
        background-color: #F9F9F9;
        border-radius: 50%;
        font-size: 35px;
        color: #005B5A;
        padding: 23px 20px;
        text-align: center;
        border: 1px solid #DCDCDC;
    }

/*Page registrazione*/

.page.registrazione .campiModifica .attenzione {
    position: relative;
    text-align: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 7px 0;
}

.page.registrazione .campiModifica .attenzioneBkg {
    background-color: #C88B8B;
    opacity: 0.22;
    width: 100%;
    height: 100%;
    position: absolute;
}

.attenzioneBkgVerde {
    background-color: #a3db99;
    opacity: 0.22;
    width: 100%;
    height: 100%;
    position: absolute;
}

.page.registrazione .campiModifica .attenzione .containerAttenzione {
    position: relative;
    z-index: 99;
    padding-top: 15px;
}

    .page.registrazione .campiModifica .attenzione .containerAttenzione .icon-warning {
        font-size: 20px;
        color: #FF0000;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        padding-left: 20px;
        width: 3%;
    }

    .page.registrazione .campiModifica .attenzione .containerAttenzione h4 {
        font-size: 14px;
        font-weight: 500;
        color: #3E3E3E;
        display: inline-block;
        vertical-align: middle;
        width: 92%;
    }

.page.registrazione .polizzaHeader {
    background-image: url(../Gfx/Sfondo.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 230px;
    text-align: center;
    /*  padding-top: 96px;*/
}

.page.registrazione .polizzaHeaderBkg {
    background-color: #005B5A;
    opacity: 0.91;
    width: 100%;
    height: 100%;
    position: absolute;
}

.page.registrazione .divBentornato h2 {
    font-size: 18px;
    font-weight: 500;
    color: #82ADAD;
    line-height: 20px;
}

.page.registrazione .divBentornato h1 {
    font-size: 44px;
    font-weight: 600;
    color: white;
    margin-bottom: 20px;
}

.page.registrazione .divBentornato {
    padding-top: 70px;
    position: relative;
    z-index: 99;
}

/*Header*/

.page.registrazione .polizzaBox .header {
    box-shadow: #00000010 0 3px 43px;
    border: 1px solid #F5F5F5;
}

    .page.registrazione .polizzaBox .header .logo {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 0;
        height: 80px;
        width: 250px;
    }

    .page.registrazione .polizzaBox .header .menu {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

.page.registrazione .header .menu .bentornato {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0px 10px 0;
    position: relative;
    padding-right: 20px;
}

.page.registrazione .polizzaBox .header .menu .bentornato .icon-username {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 22px;
    color: #C4C4C4;
    padding: 15px 12px;
    margin-right: 15px;
}

.page.registrazione .polizzaBox .header .menu .bentornato .icon-lucchetto {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 20px;
    color: #C4C4C4;
    padding: 18px 20px;
    margin-right: 15px;
}

.page.registrazione .polizzaBox .header .menu .bentornato.lucchetto {
    border-left: 1px solid #E9E9E9;
    padding-left: 20px;
}

.page.registrazione .polizzaBox .header .menu.non-loggato {
    display: none;
}

.page.registrazione .polizzaBox .header .menu .bentornato .datiUtente {
    display: inline-block;
    vertical-align: middle;
}

    .page.registrazione .polizzaBox .header .menu .bentornato .datiUtente .text h4 {
        color: #777777;
        font-size: 13px;
        font-weight: 500;
    }

    .page.registrazione .polizzaBox .header .menu .bentornato .datiUtente .text h2 {
        color: #005B5A;
        font-size: 18px;
        font-weight: 600;
        margin-top: 5px;
    }

.page.registrazione .polizzaBox .header .menu .bentornato .freccia {
    display: inline-block;
    vertical-align: middle;
}

    .page.registrazione .polizzaBox .header .menu .bentornato .freccia span {
        display: inline-block;
        vertical-align: middle;
        font-size: 9px;
        color: #AEAEAE;
        margin-left: 20px;
        cursor: pointer;
    }

.page.registrazione .polizzaBox .header .menu .carrello {
    display: inline-block;
    vertical-align: middle;
}



    .page.registrazione .polizzaBox .header .menu .carrello .numeroProdotti {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

        .page.registrazione .polizzaBox .header .menu .carrello .numeroProdotti h2 {
            font-size: 38px;
            font-weight: 600;
            color: #005B5A;
        }

        .page.registrazione .polizzaBox .header .menu .carrello .numeroProdotti h4 {
            font-size: 15px;
            font-weight: 500;
            color: #777777;
        }

.page.registrazione .campiModifica .bottoni .prosegui {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    color: white;
    border-radius: 6px;
    padding: 20px 0;
    width: 300px;
    text-align: center;
    margin-top: -8px;
    box-shadow: #00000016 0 3px 6px;
    border: none;
    cursor: pointer;
    margin-top: 50px;
    background-color: #005B5A;
    margin: auto;
}

.page.registrazione .campiModifica .bottoni {
    text-align: center;
    margin: 50px 0;
}

.page.registrazione .campiModifica form .input {
    width: calc( 50% - 24px);
    margin: 20px 10px;
    display: inline-block;
    vertical-align: middle;
    height: 75px;
}

.page.registrazione .campiModifica form label {
    display: block;
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 31px;
    color: #646464;
}

.page.registrazione .campiModifica form .input input {
    display: block;
    text-align: left;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 31px;
    color: #646464;
    height: 50px;
    padding-left: 20px;
    border: 1px solid #E8E8E8;
    width: 100%;
}

.page.registrazione .campiModifica form .dropdown {
    display: block;
    text-align: left;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 31px;
    color: #646464;
    height: 50px;
    padding-left: 20px;
    border: 1px solid #E8E8E8;
    width: 100%;
    background-color: #FAFAFA;
    background-image: url('../Gfx/freccia2.svg');
    background-repeat: no-repeat;
    background-position: center right 15px;
    -webkit-appearance: none;
    vertical-align: middle;
}

.page.registrazione .campiModifica form {
    margin-left: -10px;
    width: 102%;
    margin-top: 10px;
}


/*INIZIO
CSS 
GESTIONALE*/

/*Pagina dialog Login*/

/*  Popup Accesso*/

.page.login .accedi {
    padding: 50px 50px 0px 50px;
    background-color: white;
    border-radius: 6px;
    background-image: url(../Gfx/sfondoAccesso.svg);
    background-position: top right;
    background-repeat: no-repeat;
    width: 650px;
    height: 450px;
    box-shadow: #00000015 0 3px 46px;
    border: 1px solid #E6E6E6;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

    .page.login .accedi h4 {
        text-align: left;
        font-size: 17px;
        font-weight: 500;
        color: #777777;
    }

    .page.login .accedi h1 {
        text-align: left;
        font-size: 43px;
        font-weight: 500;
        color: #005B5A;
        margin-top: 30px;
    }

    .page.login .accedi form .input-container span {
        background-color: #F9F9F9;
        border: 1px solid #D8D8D8;
        border-radius: 6px;
        padding: 25px;
        margin: auto;
        color: #C4C4C4;
        z-index: 9;
        position: relative;
        vertical-align: middle;
    }

    .page.login .accedi form .input-container input {
        background-color: #FFFFFF;
        border: 1px solid #D8D8D8;
        border-radius: 6px 0;
        color: #777777;
        padding: 25px;
        font-size: 14px;
        margin-left: -10px;
        z-index: 0;
        vertical-align: middle;
        width: calc( 100% - 69px);
    }

        .page.login .accedi form .input-container input::placeholder {
            font-size: 15px;
            color: #777777;
        }

    .page.login .accedi form .input-container {
        margin-top: 20px;
    }

        .page.login.accedi form .input-container .icon-username {
            font-size: 16.5px;
        }

        .page.login .accedi form .input-container .icon-lucchetto {
            font-size: 18px;
            padding: 25px 29px;
        }

    .page.login .accedi form .forgotPassword .icon-question-mark {
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        color: #005B5A;
    }

    .page.login .accedi form .forgotPassword a {
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        font-style: italic;
        font-weight: bold;
        color: #005B5A;
        margin: 15px 0;
        cursor: pointer;
        text-decoration: none;
    }

    .page.login .accedi form button {
        background-color: #005B5A;
        color: white;
        border-radius: 6px;
        width: 100%;
        text-align: center;
        padding: 20px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px;
        cursor: pointer;
        border: none;
    }

/*Buttons Hover*/

.page.carrello .polizzaBody div button:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
    padding: 19px 0 !important;
}

.page.dettaglio.prodotto .polizzaBody .testo .preventivoOnline:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
}

    .page.dettaglio.prodotto .polizzaBody .testo .preventivoOnline:hover span {
        color: #005B5A;
    }

    .page.dettaglio.prodotto .polizzaBody .testo .preventivoOnline:hover h4 {
        color: #005B5A;
    }

.page.dettaglio.prodotto .productsList .productsContainer .productBox button:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
    /*padding: 8px 18px !important;*/
}

.page.home .productsList .productsContainer .productBox button:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
    /*padding: 8px 18px !important;*/
}

.page.carrello .productsList .productsContainer .productBox button:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
    /*padding: 8px 18px !important;*/
}

#accesso .accedi form button:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
    /*padding: 18px;*/
}

.page.home .loginBox .login.body .accedi form button:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
}

.page.home .loginBox .login.body .accedi form .forgotPassword a:hover {
    text-decoration: underline;
}

#accesso .accedi form .forgotPassword a:hover {
    text-decoration: underline;
}

.page.checkout .documentazionePrecontrattuale button:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
}

.page.checkout .informazioniAggiuntive .buttons .prosegui:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
}

.page.checkout .informazioniAggiuntive .buttons .indietro:hover {
    color: #979696;
    background-color: white;
    border: 1px solid #979696;
}

.page.checkout .preventivo .buttons .prosegui:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
}

.page.checkout .preventivo .buttons .indietro:hover {
    color: #979696;
    background-color: white;
    border: 1px solid #979696;
}

.page.checkout .claimsMade .concludi:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
}

.page.area.personale .productsList .productsContainer .productBox button:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
}

.productBox_image {
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 10px;
    margin-bottom: 25px;
}

.page.area.personale .polizzaBody div .bottoneGrigio:hover {
    color: #979696;
    background-color: white;
    border: 1px solid #979696;
    padding: 18px 0 !important;
}

.page.area.personale .polizzaBody div .bottoneVerde:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
    padding: 18px 0 !important;
}

.AreaPersonale_PolizzaImg {
    display: inline-block;
    width: 195px;
    height: 55px;
    margin-right: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hidden-menu li a:hover {
    color: #005B5A;
}

.page.modifica.password .campiModifica .bottoni .prosegui:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
}

.page.registrazione .campiModifica .bottoni .prosegui:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
}

.page.login .accedi form button:hover {
    color: #005B5A;
    background-color: white;
    border: 1px solid #005B5A;
    /*padding: sistemo;*/
}

.page.login .accedi form .forgotPassword a:hover {
    text-decoration: underline;
}



















/*STILE
DELLA
PAGINE
DEL
GESTIONALE*/






body {
    position: relative;
    font-family: 'MyriadLight', sans-serif;
    line-height: 1.1;
    background-color: #F5F5F5;
    /*overflow-y: hidden;*/
    color: #000000;
}


/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #FFFFFF;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #000000;
    border-radius: 10px;
}


.gestionale .button {
    padding: 12px 0;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    display: block;
    text-decoration: none;
    border: 1px solid #005B5A;
    transition: none;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    color: white;
    font-size: 16px;
    font-weight: 600;
    background-color: #005B5A;
    border-radius: 6px;
    box-shadow: #00000016 0px 3px 6px;
}

    .gestionale .button.buttonBlack {
        border: 1px solid #979696;
    }

    .gestionale .button:hover {
        color: #005B5A;
        background-color: white;
        border: 1px solid #005B5A;
        /*padding: 12px 0 !important;*/
        width: auto !important;
    }

    .gestionale .button.buttonWidthAuto:hover {
        color: #005B5A;
        background-color: white;
        border: 1px solid #005B5A;
        /*padding: 12px 0 !important;*/
        width: auto !important;
    }

/*.buttonYellow {
    color: #000000;
    background-color: #FFCB00;
}*/
/*    .buttonYellow:hover {
        background-color: #ffbd05;
    }*/
.buttonBlack {
    color: #FFFFFF;
    background-color: #979696;
}

    .buttonBlack:hover {
        background-color: white;
        color: #979696;
        border: 2px solid #979696;
    }



/*TOP--------------------------------------------------------------*/
.top {
    display: none;
}

.overlay {
    display: none;
}

/*MENU BAR--------------------------------------------------------------*/
.gestionale .menuBar {
    float: left;
    width: 215px;
    height: calc(100vh - 0px);
    position: fixed;
    z-index: 3;
    transition: all 0.5s;
    overflow-y: scroll;
    background-color: #FFFFFF;
    padding: 60px 0 20px 0;
    box-sizing: border-box;
    z-index: 2;
    border: solid 1px #E4E4E4;
}

.gestionale .button {
    transition: unset;
}

.gestionale .logo {
    position: absolute;
    top: 10px;
    left: 13px;
    width: 80%;
    margin: auto;
    text-align: center;
}

.gestionale .gestionale .logo img {
    width: 100%;
    margin: 10px;
}

.gestionale .userBox {
    padding: 45px 20px 30px 20px;
    border-bottom: solid 3px #F9F9F9;
}

.gestionale .userAvatar {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #DCDCDC;
    position: relative;
}

    .gestionale .userAvatar .icon-username {
        vertical-align: middle;
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        left: 0;
        color: #C4C4C4;
        font-size: 17px
    }

.gestionale .userDetails {
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px;
    width: calc(100% - 85px);
}

    .gestionale .userDetails label {
        font-size: 12px;
        font-weight: 500;
        color: #777777;
        display: block;
        padding-bottom: 7px;
        line-height: 15px;
    }

    .gestionale .userDetails span {
        font-size: 13px;
        display: block;
        padding-bottom: 7px;
        font-weight: 600;
        color: #005B5A;
        font-family: 'Raleway', sans-serif;
    }


/*NAVIGATION--------------------------------------------------------------*/
.navigationTit {
    padding: 13px 0;
    box-sizing: border-box;
    border-right: solid 2px white;
    background-color: #005b5ade;
}

    .navigationTit i {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        font-weight: 600;
        color: white;
        margin-right: 15px;
        margin-left: 10px;
    }

    .navigationTit span {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        font-weight: 600;
        color: white;
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        text-align: left;
    }

.navigationMenu ul li {
    padding: 15px 13px;
    background-color: white;
    font-size: 12px;
    font-weight: 600;
    color: #646464;
    font-family: 'Raleway', sans-serif;
    border-bottom: solid 1px #E7E7E7;
    transition: all 0.3s;
    cursor: pointer;
}

    .navigationMenu ul li:hover {
        color: #005B5A;
        background-color: #FAFAFA;
    }

/* submenu */

.navigationMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .navigationMenu ul > li > .menu-title {
        padding: 15px 13px;
        background-color: white;
        font-size: 12px;
        font-weight: 600;
        color: #646464;
        font-family: 'Raleway', sans-serif;
        border-bottom: solid 1px #E7E7E7;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .navigationMenu ul > li > .menu-title:hover {
            background-color: #FAFAFA;
            color: #005B5A;
        }

.submenu {
    display: none;
    background-color: #FFF;
}

    .submenu li {
        padding-left: 30px !important;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 12px;
        color: #646464;
        border-bottom: 1px solid #E7E7E7;
        cursor: pointer;
    }

        .submenu li:hover {
            background-color: #FAFAFA;
            color: #005B5A;
        }

.arrow {
    transition: transform 0.3s;
}

    .arrow.rotate {
        transform: rotate(180deg);
    }

/* end submenu */

.copyMenu {
    font-size: 13px;
    color: #AFAFAF;
    text-align: center;
    padding-top: 45px;
}


/*CONTENT--------------------------------------------------------------*/
.content {
    width: calc(100% - 215px);
    transition: all 0.5s;
    min-height: 100vh;
    position: absolute;
    left: 215px;
    z-index: 3;
    box-sizing: border-box;
    padding: 0 35px;
    box-sizing: border-box;
}


/*TITLE BAR--------------------------------------------------------------*/
.titleBar {
    padding: 20px 0;
}

.titleBarLeft {
    float: left;
}

    .titleBarLeft i {
        font-size: 26px;
        color: #FFCB00;
    }

    .titleBarLeft span {
        font-size: 24px;
        margin: 0 15px;
        line-height: 31px;
        font-weight: 600;
        color: #005B5A;
    }

    .titleBarLeft label {
        font-size: 15px;
        line-height: 31px;
        font-weight: 700;
        color: #005B5A;
        font-family: 'Raleway', sans-serif;
    }

.titleBarRight {
    float: right;
}

.titleBar .button {
    width: 190px;
    display: inline-block;
    margin-left: 5px;
}

    .titleBar .button:hover {
        width: 190px !important;
    }

/*FILTER BAR--------------------------------------------------------------*/
.filterBar {
    width: 100%;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border: solid 1px #E4E4E4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.06);
    /* position: relative;*/
    margin-bottom: 25px;
}

.filterBarTit {
    padding: 17px 25px;
    cursor: pointer;
}

    .filterBarTit i {
        font-size: 22px;
        color: #FFCB00;
        display: inline-block;
        vertical-align: middle;
    }

    .filterBarTit span {
        font-size: 15px !important;
        font-family: 'Raleway', sans-serif;
        display: inline-block !important;
        vertical-align: middle;
        text-transform: unset !important;
        margin-bottom: 0 !important;
        color: #005B5A;
        font-weight: 600;
    }

.filterBarArrow {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 16px;
    color: #858585;
    transform: rotate(180deg);
    transition: all 0.3s;
}

    .filterBarArrow.tog {
        transform: rotate(0);
    }

.filterBox {
    border-top: solid 1px #E4E4E4;
    padding: 0 15px 0 25px;
    display: none;
}

.filterBoxDocument {
    padding: 15px 25px 0 25px;
    margin-bottom: 25px;
}

.filterBoxNote {
    padding: 15px 25px 0 25px;
    margin-bottom: 25px;
}

    .filterBoxNote b {
        display: block;
        margin-bottom: 7px;
    }

.filterBoxNoteItem {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #E4E4E4;
}

    .filterBoxNoteItem:last-child {
        border-bottom: none;
    }

.filterBoxNote p {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.4;
}

.filterBoxContainer {
    margin-left: -1.5%;
}

.filterBoxItem {
    float: left;
    margin-left: 1.5%;
    /*border-right: solid 1px #E4E4E4;*/
    padding: 20px 1.5% 20px 0;
}

    .filterBoxItem span {
        display: block;
        vertical-align: middle;
        font-size: 13px;
        font-weight: 600;
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        margin-bottom: 7px;
        color: #646464;
        line-height: 31px;
    }

    .filterBoxItem input[type=text] {
        font-size: 12px;
        color: #646464;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        border: none;
        background-color: white;
        outline: none;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        height: 40px;
        padding: 7px 30px 7px 10px;
        font-family: 'MyriadLight', sans-serif;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        border: solid 1px #E3E3E3;
    }

        .filterBoxItem input[type=text]::placeholder {
            font-size: 12px;
            color: #646464;
        }

    .filterBoxItem select {
        font-size: 12px;
        font-weight: 400;
        color: #646464;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        border: none;
        background-color: white;
        outline: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 8px;
        height: 40px;
        padding: 7px 30px 7px 10px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        border: solid 1px #E2E2E2;
        background-image: url(../Gfx/freccia.svg);
        background-position: center right 15px;
        background-repeat: no-repeat;
    }

.selectImpinato {
    width: 180px !important;
}

.filterBoxItemButton {
    margin-left: 1.5%;
    border-right: none;
    padding: 15px 0 15px 0;
    margin-top: 23px;
}

    .filterBoxItemButton .button {
        padding: 8px 25px;
        text-align: center;
        font-size: 16px;
        display: inline-block;
        margin-left: 5px;
    }

/*TABLE--------------------------------------------------------------*/
.tableBox {
    width: 100%;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border: solid 1px #E4E4E4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.06);
    /*position: relative;*/
    margin-bottom: 30px;
}

.tableContainer {
    width: 100%;
    overflow: auto;
}

.tableBox table {
    width: 100%;
}

    .tableBox table tr th {
        background-color: #FFFFFF;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        padding: 18px 20px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        /* position: relative;*/
        white-space: nowrap;
        color: #005B5A;
    }

    .tableBox table th span {
        margin-right: 7px;
        vertical-align: middle;
    }

    .tableBox table th i {
        font-size: 10px;
        color: #C1C1C1;
        vertical-align: middle;
        transition: all 0.3s;
        cursor: pointer;
    }

        .tableBox table th i:hover {
            color: #000000;
        }

    .tableBox table td {
        padding: 11px 13px;
        font-size: 12px;
        border: solid 1px #E7E7E7;
        color: #646464;
    }

.gestionale .tdfirst {
    border-left: none !important;
}

.tableBox table tr {
    background-color: #FFFFFF;
}

    .tableBox table tr:nth-child(even) {
        background-color: #FAFAFA;
    }

.tableBox table td i {
    font-size: 13px;
}

.tableBox table td a {
    color: #000000;
}

.tableBox table td i {
    font-size: 17px;
    text-decoration: none !important;
    vertical-align: middle;
    margin-right: 3px;
}

.tdbuttons {
    white-space: nowrap;
}

    .tdbuttons i {
        font-size: 15px !important;
        color: #ACACAC;
        margin-left: 10px;
        transition: all 0.3s;
        cursor: pointer;
    }

        .tdbuttons i:hover {
            color: #000000;
        }

    .tdbuttons a {
        text-decoration: none;
    }

.tdcenter {
    text-align: center;
}

.pager {
    padding: 60px 20px 25px 20px;
}

.pagerResult {
    float: left;
    margin-top: 5px;
}

    .pagerResult span {
        font-size: 11px;
        font-family: 'Raleway', sans-serif;
    }

    .pagerResult select {
        font-size: 11px;
        text-align: center;
        color: #646464;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        border: none;
        background-color: #FAFAFA;
        outline: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 6px;
        height: 23px;
        padding: 5px 20px 5px 10px;
        font-family: 'MyriadLight', sans-serif;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        border: solid 1px #C2C2C2;
        background-image: url(../Gfx/select.svg);
        background-position: center right 15px;
        background-repeat: no-repeat;
        margin: 0 7px;
    }

        .pagerResult select:focus {
            border-color: rgba(40,150,233,1);
        }

.pagerList {
    float: right;
    font-size: 12px;
    color: #818ca5;
}

    .pagerList a {
        font-size: 11px;
        color: #646464;
        text-decoration: none;
        font-family: 'Raleway', sans-serif;
        transition: all 0.3s;
        vertical-align: middle;
        margin: 0 3px;
    }

        .pagerList a:hover {
            color: #FFCB00;
        }

.pagerNum {
    display: inline-block;
    vertical-align: middle;
    padding: 9px 13px;
    font-size: 15px;
    color: #000000;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    transition: all 0.3s;
}

    .pagerNum:hover {
        color: #FFCB00;
    }

.pagerSelect {
    display: inline-block;
    vertical-align: middle;
    padding: 9px 13px;
    font-size: 11px;
    color: #646464;
    font-family: 'Raleway', sans-serif;
    background-color: #FAFAFA;
    border: solid 1px #C2C2C2;
    border-radius: 6px;
}

/*#GV_Binder_Index_DXMainTable{
    table-layout:auto !important;
}*/


table[id^="GV_"][id*="Table"] .dxgvHEC {
    width: 0 !important;
}

table[id^="GV_"][id*="Table"] {
    table-layout: auto !important;
}

/*#GV_Binder_Index_DXHeadersRow0 .dxgvHEC {
    background: red;
    width: 0 !important;
}*/


/*TABLE--------------------------------------------------------------*/
.formBox {
    width: 100%;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border: solid 1px #E4E4E4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.06);
    /* position: relative;*/
    margin-bottom: 30px;
    padding: 30px;
}

.formContainer {
    margin-left: -2%;
}

.formItem {
    float: left;
    margin-left: 2%;
    height: 83px;
}

.formItemNH {
    height: unset !important;
}

.formItem1 {
    width: 98%;
}

.formItem2 {
    width: 48%;
}

.formItem22 {
    width: 86%;
}

.formItem4 {
    width: 13%;
}

.formItem44 {
    width: 23%;
}

.formItem45 {
    width: 31%;
}


.formItem7 {
    width: 12.5%;
}

.formItem9 {
    width: 12%;
}

.formItem29 {
    width: 10%;
}

.formItem5 {
    width: 18%;
}

.formItem12 {
    width: 5%;
}

.formItem span {
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    color: #646464;
    font-weight: 600;
}

.formItem input[type=text], .formItem input[type=email], .formItem input[type=datetime], .formItem input[type=password], .formItem select, .formItem textarea {
    font-size: 12px;
    color: #646464;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border: none;
    border: solid 1px #E3E3E3 !important;
    background-color: white;
    width: 100%;
    outline: none;
    height: 40px;
    padding: 0 15px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 25px;
}

    .formItem input[type=text]:read-only, .formItem input[type=datetime]:read-only, .formItem input[type=password]:read-only, .formItem select:read-only, .formItem textarea:read-only {
        color: #646464 !important;
        font-size: 12px;
    }

        .formItem input[type=text]:read-only:focus, .formItem input[type=datetime]:read-only:focus, .formItem input[type=password]:read-only:focus, .formItem select:read-only:focus, .formItem textarea:read-only:focus {
            border: solid 1px #E3E3E3;
        }

.formItem select {
    background-image: url('../Gfx/freccia.svg');
    background-position: center right 15px;
    background-repeat: no-repeat;
}

.formItem textarea {
    height: 250px;
    padding: 15px;
}

.formItemArea {
    height: 300px;
}

.formItemDati {
    width: 60%;
    height: 200px !important;
}

    .formItemDati textarea {
        height: 150px !important;
    }

.formItemDatiRight {
    width: 36%;
}

.formIntestazione {
    margin-bottom: 35px;
    line-height: 1.6;
}

    .formIntestazione .formItem {
        height: unset;
    }

.formContainer .tableBox {
    width: 98%;
    margin: 35px 0 35px 2%;
}

.tableBox.alta {
    margin-bottom: 80px !important;
}

.formItem.formItem1.bSposta {
    margin-top: -45px;
}

.formContainer .tableBox input[type=text], .formContainer .tableBox select {
    font-size: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border: none;
    border: solid 1px #E3E3E3;
    background-color: #FBFBFB;
    width: 120px;
    outline: none;
    height: 32px;
    padding: 0 15px;
    font-family: 'MyriadLight', sans-serif;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.formContainer .tableBox select {
    background-image: url(../Gfx/freccia.svg);
    background-position: center right 15px;
    background-repeat: no-repeat;
}

    .formContainer .tableBox input[type=text]:read-only, .formContainer.tableBox select:read-only {
        color: #8f8f8f;
    }

    .formContainer .tableBox input[type=text]:focus, .formContainer .tableBox select:focus {
        border-color: #FFCB00;
    }

.buttonForm {
    font-size: 16px !important;
    padding: 7px 20px !important;
}

.inputCalendar {
    background-image: url('../Gfx/calendar.svg');
    background-position: center right 9px;
    background-repeat: no-repeat;
}

.inputOrario {
    width: 40px !important;
    display: inline-block !important;
}

.lbOrario {
    display: inline-block;
}

.formItem input[type=text]:focus, .formItem input[type=datetime]:focus {
    border-color: #005B5A;
}

/*.switch {
    margin-top: 25px !important;
}*/

.switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.formItem .bottom {
    margin-bottom: 0;
}

.formItem.bSposta button {
    margin-top: 0;
}


.switch label {
    cursor: pointer;
    text-indent: -9999px;
    width: 60px;
    height: 30px;
    background: #eeeeee;
    display: block;
    border-radius: 100px;
    position: relative;
    margin-top: -15px;
    z-index: 1 !important;
}

    .switch label:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        width: 23px;
        height: 23px;
        background: #fff;
        border-radius: 20px;
        transition: 0.3s;
        z-index: 9999999;
    }

.switch input:checked + label {
    background-color: #005B5A;
}

    .switch input:checked + label:after {
        left: calc(100% - 2px);
        transform: translateX(-100%);
    }

.switch label:active:after {
    width: 30px;
}

a {
    text-decoration: none;
    color: #646464;
}

    a:hover {
        color: #005B5A;
    }

/* RICHIESTA ACCETTAZIONE COOKIES */
.pnlCookieAlert {
    background: #f9f9f9 none repeat scroll 0 0;
    border-top: 3px solid #ccc;
    bottom: 0;
    left: 0;
    padding: 5px 0;
    position: fixed;
    width: 100%;
    z-index: 99999;
}

    .pnlCookieAlert input.button {
        position: relative;
        border: 0 none;
        color: #fff;
        cursor: pointer;
        height: 39px;
        line-height: 39px;
        box-sizing: border-box;
        margin-right: 15px;
        margin-bottom: 15px;
        margin-left: 15px;
        outline: medium none;
        overflow: hidden;
        padding: 0 25px;
        text-decoration: none;
        background: #222;
        border-radius: 0;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-transform: uppercase;
        float: right;
    }

    .pnlCookieAlert a {
        color: #0000FF;
        text-decoration: none;
        cursor: pointer;
    }

        .pnlCookieAlert a:link, a:visited {
            color: #800080;
            text-decoration: none;
            cursor: pointer;
        }

        .pnlCookieAlert a:hover {
            color: inherit;
            text-decoration: underline;
            cursor: pointer;
        }

/*Home page 
        Gestionale*/

.serieBox {
    margin: auto;
    margin-top: 25px;
}

    .serieBox .box {
        display: inline-block;
        vertical-align: middle;
        width: calc( 25% - 45px);
        margin: 0 20px;
        background-color: white;
        margin-top: 25px;
    }

        .serieBox .box .top {
            border-bottom: 3px solid #f3f3f4;
            padding: 15px 15px;
            display: block;
        }

            .serieBox .box .top div {
                display: inline-block;
                vertical-align: middle;
            }

            .serieBox .box .top .bottone {
                float: right;
                margin-top: -1px;
            }

                .serieBox .box .top .bottone button {
                    font-size: 15px;
                    color: white;
                    padding: 5px 15px;
                    border-radius: 6px;
                    border: none;
                    font-weight: 600;
                }

            .serieBox .box .top .title span {
                font-size: 20px;
                font-weight: 500;
                color: #3E3E3E;
            }

    .serieBox .azzurro {
        background-color: #1782c4;
        color: #1782c4;
    }

    .serieBox .box .bottom div {
        display: inline-block;
    }

    .serieBox .box .bottom .sinistra {
        width: 78%;
    }

        .serieBox .box .bottom .sinistra .big {
            font-size: 40px;
            margin: 10px 0;
            display: block;
            color: #3E3E3E;
        }

        .serieBox .box .bottom .sinistra .small {
            font-size: 15px;
            margin: 10px 0;
            display: block;
            color: #3E3E3E;
        }

    .serieBox .box .bottom .destra {
        width: 20%;
    }

        .serieBox .box .bottom .destra .azzurro {
            font-size: 15px;
            margin: 10px 0;
        }

        .serieBox .box .bottom .destra span {
            display: inline-block;
            vertical-align: bottom;
            color: #1782c4;
        }

.icon-freccia-su {
    transform: rotate(-90deg) !important;
    color: green !important;
}

.icon-freccia-giu {
    transform: rotate(-270deg) !important;
    color: red !important;
}

.serieBox .box .bottom .destra .icon-freccia3 {
    transform: rotate(-90deg);
    font-size: 13px;
}

.serieBox .box .bottom .destra .icon-freccia2 {
    transform: rotate(-90deg);
    font-size: 13px;
}

.serieBox .box .bottom .destra .azzurroo .icon-freccia2 {
    color: #1782c4;
}

.serieBox .box .bottom {
    padding: 20px 20px;
}

    .serieBox .box .bottom .destra .acquaa .icon-freccia2, .serieBox .box .bottom .destra .acquaa {
        color: #22c5c8;
    }

.serieBox .acqua {
    background-color: #22c5c8;
}

.serieBox .box .bottom .destra .verdee .icon-freccia2, .serieBox .box .bottom .destra .verdee {
    color: #12b090;
}

.serieBox .verde {
    background-color: #12b090;
}

.serieBox .box .bottom .destra .rossoo .icon-freccia2, .serieBox .box .bottom .destra .rossoo {
    color: #ec5161;
}

    .serieBox .box .bottom .destra .rossoo .icon-freccia2 {
        transform: rotate(90deg);
    }

.serieBox .rosso {
    background-color: #ec5161;
}

input#TerminiCondizioni {
    float: left;
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    margin-top: -5px;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
}

input#InformativaPrecontrattuale {
    float: left;
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    margin-top: -5px;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
}

.inputDate {
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border: none;
    border: solid 1px #E3E3E3 !important;
    background-color: white;
    width: 100%;
    outline: none;
    height: 40px;
    padding: 0 15px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px !important;
    margin-bottom: 25px;
    color: #646464;
}

    .inputDate::placeholder {
        font-size: 12px;
        color: #646464;
    }

.formBox .attenzione {
    float: left;
    width: auto;
    position: relative;
    height: 50px;
    text-align: center;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 5px;
}


.formBox .attenzioneBkg {
    background-color: #C88B8B;
    opacity: 0.22;
    width: 100%;
    height: 100%;
    position: absolute;
}

.formBox .attenzione .containerAttenzione {
    position: relative;
    z-index: 99;
    padding-top: 10px;
}

    .formBox .attenzione .containerAttenzione .icon-warning {
        font-size: 20px;
        color: #FF0000;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 3%;
    }

    .formBox .attenzione .containerAttenzione h4 {
        font-size: 14px;
        font-weight: 500;
        color: #3E3E3E;
        display: inline-block;
        vertical-align: middle;
        width: 92%;
    }

.elenco span {
    display: inline-block;
}

.elenco .icon-tik {
    margin-right: 5px;
    color: #005B5A;
    font-size: 22px;
}

.elenco li {
    font-size: 17px;
    font-weight: 500;
    color: #3E3E3E;
    line-height: 11px;
    margin: 7px 0;
}

.trumbowyg-editor p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}

.trumbowyg-editor h2 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.trumbowyg-editor h4 {
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
}

.formItem.formItem1.formItemNH.formItemLogo span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}

.formItem.formItem1.formItemNH.formItemLogo .formMsg {
    margin-top: 10px;
}

.formItem.formItem1.formItemNH.formItemLogo img {
    display: inline-block;
    vertical-align: middle;
}

.formItem.formItem1.formItemNH.formItemLogo .currentPdfContainer {
    display: inline-block;
    width: 300px;
    margin-bottom: 10px;
    vertical-align: middle;
}

.formItem.formItem1.formItemNH.formItemLogo {
    /*margin-top: -21px;*/
}

.trumbowyg-editor h1 {
    font-size: 22px;
    font-weight: 600;
    color: #005B5A;
}

.product-li li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #005B5A;
    margin-right: 5px;
}

.product-li li h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
    color: #3E3E3E;
}

.product-li {
    margin-top: 10px;
}

.formContainer div {
    font-size: 20px;
    font-weight: 600;
    color: #646464;
}

    .formContainer div span {
        font-size: 13px;
        font-weight: 600;
        color: #646464;
    }

    .formContainer div label {
        font-size: 14px;
        font-weight: 500;
        color: #919191;
    }

.formItem select {
    padding-right: 40px !important;
}

.formContainer input {
    border: 1px solid #707070;
    border-radius: 3px;
    margin-right: 5px;
}

.domanda1TitoloFile span {
    display: inline-block;
    vertical-align: middle;
}

.domanda1TitoloFile a {
    display: inline-block;
    vertical-align: middle;
}



.page.home .productsList {
    background-image: url(../Gfx/morganti-7.png);
    background-position: top center;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
}

.page.home .productsListBkg {
    background-color: #F3F3F3;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
}

.page.home .productsList .testo {
    position: relative;
    z-index: 3;
    padding-top: 7px;
}

.page.home {
    background-color: white;
}

.uploadQuestionarioFirmato {
    text-align: center;
}

    .uploadQuestionarioFirmato h2 {
        font-size: 32px;
        color: #005B5A;
        font-weight: 600;
        margin-top: 40px;
        text-align: left;
    }

    .uploadQuestionarioFirmato .download {
        background-color: #FAFAFA;
        border: 1px solid #E8E8E8;
        padding: 20px 30px;
        width: calc(100% - 60px);
        margin: 20px 0;
        text-align: left;
    }

        .uploadQuestionarioFirmato .download .icon-cloud {
            display: inline-block;
            vertical-align: middle;
            background-color: white;
            border-radius: 50%;
            border: 1px solid #DCDCDC;
            font-size: 34px;
            color: #005B5A;
            padding: 18px 20px;
            margin-right: 15px;
        }

        .uploadQuestionarioFirmato .download h2 {
            font-size: 20px;
            font-weight: 600;
            color: #646464;
            display: inline-block;
            vertical-align: middle;
            margin-top: 0;
        }

    .uploadQuestionarioFirmato .sd-box.sd-advanced-upload {
        border: 1px dashed #C5C5C5;
        text-align: center;
        padding: 15px 20px;
        background-color: #FAFAFA;
        border-width: 3px;
        width: calc(100% - 40px);
    }

    .uploadQuestionarioFirmato .sd-box-dragndrop {
        color: #646464;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        line-height: 31px;
    }

    .uploadQuestionarioFirmato .sd-label {
        color: #FFF;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        line-height: 31px;
        background-color: #005b5a;
        padding: 10px;
        border-radius: 6px;
        cursor: pointer;
    }

    .uploadQuestionarioFirmato button {
        font-size: 16px;
        font-weight: 600;
        color: white;
        border-radius: 6px;
        padding: 20px 0;
        width: 300px;
        text-align: center;
        margin-top: -8px;
        box-shadow: #00000016 0 3px 6px;
        border: none;
        cursor: pointer;
        margin: auto;
        margin-top: 50px;
        background-color: #005B5A;
        margin-bottom: 20px;
    }

.didascaliaElenco {
    overflow: auto;
    height: 135px;
    color: #3E3E3E;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 0 20px;
}

.page.home.login .productsList {
    background-image: none;
    background-position: unset;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
}

.titleBarRight .button.buttonBlack {
    background-color: #979696;
    float: left;
}

    .titleBarRight .button.buttonBlack:hover {
        color: #979696;
        background-color: white;
        border: 1px solid #979696;
        width: 170px;
    }

.titleBarRight .button.buttonRed {
    background-color: #FF0000;
    float: left;
}

    .titleBarRight .button.buttonRed:hover {
        color: #FF0000;
        background-color: white;
        border: 2px solid #FF0000;
    }

.formBox .formItem.formItem1.formItemNH iframe {
    height: calc( 100vh - 180px);
}

.pColpa .center {
    display: inline-block;
    vertical-align: middle;
}

.pProfessionale .center {
    display: inline-block;
    vertical-align: middle;
}

.bottoneGrigio.stabile {
    color: #005B5A !important;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none;
    cursor: default !important;
}

    .bottoneGrigio.stabile:hover {
        color: #005B5A !important;
        border: none !important;
        background-color: transparent !important;
    }

.page.area.personale .polizzaBody div h2 {
    padding: 0;
}

.AreaPersonale_PolizzaImg {
    display: inline-block;
    vertical-align: middle;
}

form i .passEye {
    margin-left: -30px;
    cursor: pointer;
}

.esportaExcel {
    width: 190px !important;
    padding: 12px 0 !important;
    height: unset !important;
    margin-left: 20px;
    /* text-align: right !important; */
    margin-top: 0 !important;
}

#fExcelPremi {
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border: solid 1px #C2C2C2;
    background-color: #FAFAFA;
    outline: none;
    height: 45px;
    padding: 14px 15px;
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 6px;
    margin-left: 30px;
    width: calc(95% - 225px);
    display: inline-block;
}

    #fExcelPremi::file-selector-button {
        color: #005B5A;
        font-size: 13px;
        font-weight: 500;
        text-decoration: underline;
        float: right;
        vertical-align: middle;
        display: inline-block;
        border: none;
        background-color: transparent;
    }

    #fExcelPremi::placeholder {
        vertical-align: middle;
        display: inline-block;
        color: red;
    }

.formBox.anagrafica .formContainer .formItem span {
    vertical-align: middle;
    display: inline-block;
}

.formBox.anagrafica .formContainer .formItem input {
    vertical-align: middle;
    display: inline-block;
    width: 30%;
    float: right;
}

.filterBox.estraiReport .filterBoxItem {
    width: calc( 33.3% - 3%);
}

    .filterBox.estraiReport .filterBoxItem select {
        width: 100%;
    }

    .filterBox.estraiReport .filterBoxItem input {
        width: 100%;
    }

.formBox.anagrafica .formContainer .formItem input[type=text]:read-only {
    background-color: #FAFAFA !important;
    color: black !important;
    border: solid 1px #C2C2C2 !important;
}

.formBox.dettagli .formContainer .formItem input[type=text]:read-only {
    background-color: #FAFAFA !important;
    color: black !important;
    border: solid 1px #C2C2C2 !important;
}
/*.filterBox .filterBoxItem {
    width: calc( 33.3% - 3%);
}

    .filterBox .filterBoxItem select {
        width: 100%;
    }

    .filterBox .filterBoxItem input {
        width: 100%;
    }*/

.page.new.carrello .boxTotale {
    margin: auto;
    width: 660px;
    padding: 15px 25px;
    padding-top: 20px;
    height: 200px;
    background-color: #FAFAFA;
    text-align: center;
    border: 1px solid #E7E7E7;
}

    .page.new.carrello .boxTotale h3 {
        font-size: 33px;
        font-weight: 600;
        color: #005B5A;
        margin-top: 20px;
    }

    .page.new.carrello .boxTotale h1 {
        font-size: 50px;
        font-weight: 600;
        color: #005B5A;
        margin-top: 20px;
    }

    .page.new.carrello .boxTotale h4 {
        font-size: 16px;
        font-weight: 500;
        color: #989898;
        margin-top: 25px;
        line-height: 20px;
    }

        .page.new.carrello .boxTotale h4 strong {
            font-size: 16px;
            font-weight: 600;
            color: #005B5A;
            margin-top: 10px;
        }

.page.new.carrello .sezionePagamenti .titolo {
    color: #005B5A;
    font-size: 33px;
    font-weight: 600;
    line-height: 31px;
    margin-top: 50px;
    margin-bottom: 40px;
}

.page.new.carrello .sezionePagamenti .oppure {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    text-align: center
}

    .page.new.carrello .sezionePagamenti .oppure h4 {
        color: #646464;
        font-size: 21px;
        font-weight: 600;
        line-height: 31px;
    }

.page.new.carrello .sezionePagamenti {
    text-align: center;
    padding-bottom: 80px;
}

    .page.new.carrello .sezionePagamenti .pagamento {
        display: inline-block;
        vertical-align: middle;
        width: calc(520px );
        margin: 0;
        padding: 25px;
        padding-top: 50px;
        text-align: center;
        height: 150px;
        background-color: #FFFFFF;
    }

        .page.new.carrello .sezionePagamenti .pagamento.bonificoBancario {
            border: 1px solid #E7E7E7;
        }

        .page.new.carrello .sezionePagamenti .pagamento.cartaDiCredito {
            border: 1px solid #E8E8E8;
        }

        .page.new.carrello .sezionePagamenti .pagamento .txt {
            display: inline-block;
            vertical-align: top;
            text-align: left;
            width: calc(100% - 80px);
        }

        .page.new.carrello .sezionePagamenti .pagamento .cerchio {
            display: inline-block;
            vertical-align: top;
            text-align: left;
            height: 55px;
            width: 55px;
            border-radius: 50%;
            background-color: #F1F1F1;
            position: relative;
            text-align: center;
            margin-right: 20px;
        }

            .page.new.carrello .sezionePagamenti .pagamento .cerchio span {
                font-size: 30px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                right: 0;
                color: #005B5A;
            }

        .page.new.carrello .sezionePagamenti .pagamento .txt h1 {
            color: #005B5A;
            font-size: 33px;
            font-weight: 600;
            line-height: 31px;
            margin-bottom: 15px;
        }

        .page.new.carrello .sezionePagamenti .pagamento .txt h2 {
            color: #646464;
            font-size: 21px;
            font-weight: 600;
            line-height: 24px;
        }

        .page.new.carrello .sezionePagamenti .pagamento .txt h4 {
            color: #989898;
            font-size: 16px;
            font-weight: 500;
            line-height: 19px;
            margin-top: 15px;
        }

.page.new.carrello .carrelloDesktop table {
    width: 100%;
    margin-top: 40px;
}

    .page.new.carrello .carrelloDesktop table tr th {
        background-color: transparent;
        border-bottom: 1px solid #E8E8E8;
        padding: 10px 10px;
        /* min-width: 50px !important;*/
        color: #989898;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .page.new.carrello .carrelloDesktop table tr td {
        padding: 15px 0;
        padding-left: 10px;
        border-bottom: 1px solid #E8E8E8;
        cursor: default;
        color: #686868;
        font-size: 14px;
        font-weight: 600;
    }

        .page.new.carrello .carrelloDesktop table tr td .bottoneBianco {
            color: #005B5A;
            background-color: #FFFFFF;
            box-shadow: none !important;
            background-color: transparent !important;
            border: none;
        }

            .page.new.carrello .carrelloDesktop table tr td .bottoneBianco:hover {
                padding: 20px 0 !important;
            }

        .page.new.carrello .carrelloDesktop table tr td .bottoneRosso {
            color: #FFFFFF;
            background-color: red !important;
            box-shadow: none !important;
            border: none;
        }

            .page.new.carrello .carrelloDesktop table tr td .bottoneRosso:hover {
                padding: 20px 0 !important;
            }

.page.new.carrello {
    background-color: white;
}

    .page.new.carrello .carrelloDesktop table tr .right {
        text-align: right;
        padding-right: 50px;
    }

    .page.new.carrello .carrelloDesktop table tr .center {
        text-align: center;
    }

    .page.new.carrello .carrelloDesktop table tr .immagine {
        text-align: center;
    }

    .page.new.carrello .carrelloMobile {
        display: none;
    }

        .page.new.carrello .carrelloMobile .title {
            margin-top: 30px;
        }

            .page.new.carrello .carrelloMobile .title h2 {
                border-bottom: 1px solid #E8E8E8;
                padding-top: 15px;
                padding-bottom: 10px;
                color: #989898;
                font-size: 16px;
                font-weight: 500;
                text-transform: uppercase;
            }

        .page.new.carrello .carrelloMobile .contenitorePolizza {
            margin-top: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #E8E8E8;
            margin-bottom: 20px;
        }

        .page.new.carrello .carrelloMobile .immagine {
            text-align: left;
            margin-bottom: 15px;
        }

            .page.new.carrello .carrelloMobile .immagine img {
                height: 6%;
            }

        .page.new.carrello .carrelloMobile .sezione {
            margin-bottom: 20px;
        }

            .page.new.carrello .carrelloMobile .sezione h4 {
                display: inline-block;
                vertical-align: middle;
                font-size: 13px;
                font-weight: 600;
                color: #686868;
            }

            .page.new.carrello .carrelloMobile .sezione span {
                display: inline-block;
                vertical-align: middle;
                font-size: 12px;
                color: #686868;
                float: right;
            }

            .page.new.carrello .carrelloMobile .sezione .rotate {
                transform: rotate(180deg);
            }

        .page.new.carrello .carrelloMobile .bottone button {
            width: 355px;
            margin: auto;
            display: inline-block;
            text-align: center;
            font-size: 16px;
            font-weight: 600;
            padding: 20px 0;
            border-radius: 6px;
            box-shadow: #00000016 0 3px 6px;
            text-decoration: none;
            border: none;
        }

        .page.new.carrello .carrelloMobile .bottoneVerde {
            background-color: #005B5A;
            color: white;
        }
        /* .page.new.carrello .carrelloMobile .bottoneVerde:hover {
        color: #005B5A;
        background-color: white;
    }*/
        .page.new.carrello .carrelloMobile .bottoneBianco {
            color: #005B5A;
            background-color: white;
            box-shadow: none !important;
            background-color: transparent !important;
        }

            .page.new.carrello .carrelloMobile .bottoneBianco:hover {
                padding: 20px 0 !important;
            }

        .page.new.carrello .carrelloMobile .bottone {
            margin: auto;
            margin-top: 10px;
            text-align: center;
        }

        .page.new.carrello .carrelloMobile .specifiche {
            border-top: 1px solid #E8E8E8;
        }

        .page.new.carrello .carrelloMobile .specifica {
            border-bottom: 1px solid #E8E8E8;
            padding: 10px 0;
        }

            .page.new.carrello .carrelloMobile .specifica h3 {
                color: #989898;
                font-size: 16px;
                font-weight: 500;
                text-transform: uppercase;
                display: inline-block;
                vertical-align: middle;
            }

            .page.new.carrello .carrelloMobile .specifica h4 {
                display: inline-block;
                vertical-align: middle;
                font-size: 13px;
                font-weight: 600;
                color: #686868;
                float: right;
            }

.carrelloDesktop .div1650 {
    overflow: auto;
}

.footerInfoLeft span {
    font-size: 13px;
    font-weight: 400;
    color: #707070;
}

.footerInfoRight span {
    font-size: 13px;
    font-weight: 400;
    color: #707070;
}

.uploadQuestionarioFirmato .boxTratteggiato {
    border: 1px dashed #C5C5C5;
    text-align: center;
    padding: 60px 0px;
    width: 100%;
    padding: 60px 20px;
    background-color: #FAFAFA;
    border-width: 3px;
}

    .uploadQuestionarioFirmato .boxTratteggiato .h4 {
        color: #646464;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        line-height: 31px;
        margin-top: 35px;
    }

    .uploadQuestionarioFirmato .boxTratteggiato .icon-cloud-computing {
        font-size: 34px;
        color: #005B5A;
        padding: 18px 20px;
        text-align: center;
    }

.sd-box.sd-advanced-upload.boxTratteggiato {
    border: 1px dashed #C5C5C5;
    text-align: center;
    padding: 60px 0px;
    width: 99.3%;
    background-color: #FAFAFA;
    border-width: 3px;
    margin: auto;
    margin: 20px auto;
}

    .sd-box.sd-advanced-upload.boxTratteggiato .h4 {
        color: #646464;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        line-height: 31px;
        margin-top: 35px;
    }

    .sd-box.sd-advanced-upload.boxTratteggiato .icon-cloud-computing {
        font-size: 34px;
        color: #005B5A;
        padding: 18px 20px;
        text-align: center;
    }

.btnCaricaQuestionario {
    margin: auto;
    margin: 10px auto;
    text-align: center;
}

#btnCaricaQuestionario {
    width: 355px;
    margin: auto;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0;
    border-radius: 6px;
    box-shadow: #00000016 0 3px 6px;
    text-decoration: none;
    border: none;
    background-color: #005b5ade;
    color: white;
    margin-bottom: 25px;
}

.amministratori strong {
    color: #005B5A;
}

.amministratori {
    line-height: 25px;
}

.page.registrazione .campiModifica .attenzione.due {
    height: unset;
}

    .page.registrazione .campiModifica .attenzione.due .containerAttenzione {
        padding-bottom: 15px;
    }

span.spiegazione {
    font-size: 10px !important;
}

.coperture table {
    width: 100%;
}

    .coperture table tr th {
        background-color: transparent;
        border-bottom: 1px solid #E8E8E8;
        padding: 10px 10px;
        /* min-width: 50px !important;*/
        color: #989898;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .coperture table tr td {
        padding: 15px 0;
        padding-left: 10px;
        border-bottom: 1px solid #E8E8E8;
        cursor: default;
        color: #686868;
        font-size: 14px;
        font-weight: 600;
    }

    .coperture table .stampa {
        margin-right: 30px;
        display: inline-block;
        vertical-align: middle;
    }

        .coperture table .stampa .icon-cloud {
            display: inline-block;
            vertical-align: middle;
            background-color: #F1F1F1;
            border-radius: 50%;
            font-size: 25px;
            color: #005B5A;
            padding: 12px 15px;
            text-align: center;
            margin-right: 10px;
        }

        .coperture table .stampa h4 {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            font-weight: 600;
            color: #646464;
            line-height: 22px;
        }

.page.area.personale .polizzaBody div .bottoneBianco {
    color: #005B5A;
    box-shadow: none !important;
    background-color: transparent !important;
}

.tabellaCoperture {
    overflow: auto;
}

.scaricaPdf .pInlinea {
    display: inline-block;
    vertical-align: middle;
}

.scaricaPdf .icon-cloud {
    margin: 0;
    font-size: 22px;
}

.scaricaPdf h2 {
    margin-top: 10px;
}

.cestinoCarrello {
    display: inline-block;
    vertical-align: middle;
    background-color: #005B5A;
    width: 94px;
    position: relative;
    height: 85px;
    padding-top: 10px;
    text-align: center;
}

    .cestinoCarrello .icon-carrello {
        color: white;
        font-size: 37px;
        position: absolute;
        top: 50%;
        right: 0;
        left: -5px;
        transform: translateY(-50%);
    }

.header /*.div1650*/ {
    position: fixed;
    height: 94px;
    background-color: white;
    z-index: 1000000000000;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 5px;
}

.coperture.attivate {
    margin-top: 20px;
}

.altezza {
    height: 91px;
}

.formItem45.vicino {
    width: 5%;
}

.page.home .loginBox .header {
    position: unset;
    height: unset;
    background-color: transparent;
    z-index: 0;
    left: unset;
    transform: none;
    padding: unset;
    padding-top: 30px;
}

.page::-webkit-scrollbar {
    height: 6px;
}

.page::-webkit-scrollbar-track {
    border: 0.5px solid #005B5A;
}

div::-webkit-scrollbar-track {
    border: 0;
}

.page::-webkit-scrollbar-thumb {
    background-color: #005B5A;
}

div::-webkit-scrollbar-thumb {
    background-color: #005B5A;
}

.didascaliaElenco::-webkit-scrollbar {
    height: 6px;
}

.didascaliaElenco::-webkit-scrollbar-track {
    border: 0.5px solid #005B5A;
}

.didascaliaElenco::-webkit-scrollbar-thumb {
    background-color: #005B5A;
}

.tableContainer::-webkit-scrollbar {
    height: 6px;
}

.tableContainer::-webkit-scrollbar-track {
    border: 0.5px solid #005B5A;
}

.tableContainer::-webkit-scrollbar-thumb {
    background-color: #005B5A;
}

table::-webkit-scrollbar {
    height: 6px;
}

table::-webkit-scrollbar-track {
    border: 0.5px solid #005B5A;
}

table::-webkit-scrollbar-thumb {
    background-color: #005B5A;
}

.tabellaEstrazione::-webkit-scrollbar {
    height: 6px;
}

.tabellaEstrazione::-webkit-scrollbar-track {
    border: 0.5px solid #005B5A;
}

.tabellaEstrazione::-webkit-scrollbar-thumb {
    background-color: #005B5A;
}

.dxgvTable_MorgantiPOL {
    background-color: #005B5A;
}

.page.home .loginBox .header .numero h1 a {
    color: #005B5A;
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}

.cambioPswd h1 {
    font-size: 24px !important;
}

.cambioPswd input {
    padding: 25px;
}

.cambioPswd {
    height: 340px !important;
}

#icon-username-mobile {
    display: none;
}

#pnlCookieAlert {
    border: 1px solid #E8E8E8;
    background-color: white;
    padding: 15px;
}

    #pnlCookieAlert button {
        background-color: #005B5A;
        color: white;
        border-radius: 6px;
        width: 110px;
        text-align: center;
        padding: 7px;
        font-size: 14px;
        font-weight: 600;
        margin-top: 13px;
        cursor: pointer;
        border: none;
    }

        #pnlCookieAlert button:hover {
            color: #005B5A;
            background-color: white;
            border: 1px solid #005B5A;
        }

    #pnlCookieAlert p {
        font-size: 15px;
        font-weight: 400;
        color: #5A5A5A;
    }

    #pnlCookieAlert strong {
        font-size: 15px;
        font-weight: 600;
        color: #5A5A5A;
    }

    #pnlCookieAlert a {
        color: #005B5A;
        text-decoration: underline;
        font-size: 15px;
    }







.headerContainer3 {
    position: relative;
    width: 90%;
    padding: 0px;
    padding-top: 30px;
    margin: 0 auto;
}

#sliderBox2 .slick-next {
    right: -25px;
    transform: rotate(-90deg);
    top: 60%;
}

    #sliderBox2 .slick-next:before {
        content: '\e919';
        color: #B8B8B8;
        padding: 15px 15px;
        border-radius: 10px;
        margin: auto;
        background-color: transparent;
        transform: rotate(30deg);
    }

.slick-next:before {
    background-color: #B8B8B8;
    color: white;
}

#sliderBox2 .slick-prev:before {
    content: '\e919';
    color: #B8B8B8;
    padding: 15px 15px;
    border-radius: 10px;
    margin: auto;
    background-color: transparent;
    transform: rotate(30deg);
}

#sliderBox2 .slick-prev {
    left: -35px;
    transform: rotate(90deg);
    top: 16%;
}

#sliderBox2 [dir='rtl'] .slick-prev:before {
    content: '\e919';
    color: red;
    padding: 15px 15px;
    border-radius: 10px;
    margin: auto;
    background-color: transparent;
}

.slideBox {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px !important;
    padding: 20px 10px;
    z-index: 1;
    background-color: #FFFFFF;
    box-sizing: border-box;
    text-align: center;
    margin-right: 20px;
    /*width: 280px !important;*/
}

    .slideBox img {
        height: 100%;
        width: 100%;
    }


.page.registrazione .polizzaBox .header {
    box-shadow: #00000010 0 3px 43px;
    height: 96px;
    z-index: 9999999;
    width: calc(100% - 0px );
    background-color: white;
}

.page.registrazione .divBentornato {
    padding-top: 60px;
}

.page.registrazione .polizzaHeader {
    height: 200px;
}

.partnersBox .mobile {
    display: none;
}

.singoloFiltro .filterBarTit span {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #646464 !important;
    width: 98% !important;
    margin-left: 1.3% !important;
    margin-bottom: 0px !important;
    text-transform: uppercase !important;
}

.singoloFiltro {
    background-color: #f5f5f5;
    box-shadow: none;
    border: none;
}

    .singoloFiltro .filterBarTit {
        padding: 0;
    }

#btnNewPdfGeneralConditions {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 28px;
    color: #005B5A;
    padding: 18px 18px;
    margin-right: 8px;
    width: unset;
    margin-top: 20px;
}

#btnNewPdfRiskDescription {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 28px;
    color: #005B5A;
    padding: 18px 18px;
    margin-right: 8px;
    width: unset;
    margin-top: 20px;
}

#btnNewPdfSpecialConditions {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 28px;
    color: #005B5A;
    padding: 18px 18px;
    margin-right: 8px;
    width: unset;
    margin-top: 20px;
}

#btnNewPdfRenewalConditions {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 28px;
    color: #005B5A;
    padding: 18px 18px;
    margin-right: 8px;
    width: unset;
    margin-top: 20px;
}

#btnNewPdfProposalForm {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 28px;
    color: #005B5A;
    padding: 18px 18px;
    margin-right: 8px;
    width: unset;
    margin-top: 20px;
}

#btnNewPdfOtherAttachment {
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DCDCDC;
    font-size: 28px;
    color: #005B5A;
    padding: 18px 18px;
    margin-right: 8px;
    width: unset;
    margin-top: 20px;
}

span.conditionTitle {
    margin-bottom: 0;
}

#caricaDocumento img {
    height: 25px;
    width: 25px;
    margin-top: -5px;
}

#caricaDocumento {
    border: none;
    background-color: white;
    color: #005B5A;
    border: 1px solid #DCDCDC;
    background-color: white;
    border-radius: 50%;
    box-shadow: none;
    width: unset;
    font-size: 28px;
    padding: 16px 18px;
    margin-right: 8px;
}

#cancellaDocumento img {
    height: 25px;
    width: 25px;
    margin-top: -5px;
}

#cancellaDocumento {
    border: none;
    background-color: white;
    color: #005B5A;
    border: 1px solid #DCDCDC;
    background-color: white;
    border-radius: 50%;
    box-shadow: none;
    font-size: 26px;
    width: unset;
    padding: 16px 18px;
}

.btnPdfContainer {
    display: inline-block;
    vertical-align: middle;
}

.conditionTitle {
    display: inline-block;
    vertical-align: middle;
}

.formBox .attenzione.anagrafici {
    float: left;
    width: 98%;
    position: relative;
    height: auto;
    padding: 10px 0 0px 0;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 5px;
    margin-left: 2%;
}

.formItem.formItem2.password input {
    display: inline-block;
    width: calc(100% - 55px);
}

.formBox .attenzione.anagrafici .icon-warning {
    margin-bottom: 0;
    margin-top: -2px;
}

.formBox .attenzione.anagrafici h4 {
    margin-top: -1px;
}

.titleBar.anagrafici button {
    width: 160px;
    margin: auto;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
    border-radius: 6px;
    box-shadow: #00000016 0 3px 6px;
    text-decoration: none;
    border: none;
}

.titleBar.anagrafici .bottoneVerde {
    background-color: #005B5A;
    color: white;
}

    .titleBar.anagrafici .bottoneVerde:hover {
        background-color: white;
        color: #005B5A;
        border: 1px solid #005B5A;
        padding: 9px 0;
    }

.titleBar.anagrafici .titleBarLeft span {
    margin: 0;
}

.formBox.anagrafici {
    padding: 0 !important;
    box-shadow: unset !important;
    border: none;
    background-color: transparent;
}

.telegram {
    position: fixed;
    right: 0;
    top: 630px;
    background-color: #005B5A;
    border-radius: 7px;
    width: 250px;
    padding: 15px 13px;
}

    .telegram span {
        font-size: 16px;
        font-weight: 600;
        color: white;
        display: inline-block;
        vertical-align: middle;
    }

    .telegram img {
        height: 45px;
        width: 45px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
    }

.tele {
    cursor: pointer;
}