/**
*** ******************************************* LAYOUT GENERALE DEL SITO ***********************************************************
**/
html, body
{
    height: 100%;
}
@font-face {
    font-family: 'weblysleek_uisemibold';
    src: url('../fonts/weblysleekuisb-webfont.eot');
    src: url('../fonts/weblysleekuisb-webfont.eot') format('embedded-opentype'),
        url('../fonts/weblysleekuisb-webfont.woff2') format('woff2'),
        url('../fonts/weblysleekuisb-webfont.woff') format('woff'),
        url('../fonts/weblysleekuisb-webfont.ttf') format('truetype'),
        url('../fonts/weblysleekuisb-webfont.svg') format('svg');
}
@font-face {
    font-family: 'weblysleek_uisemilight';
    src: url('../fonts/weblysleekuisl-webfont.eot');
    src: url('../fonts/weblysleekuisl-webfont.eot') format('embedded-opentype'),
        url('../fonts/weblysleekuisl-webfont.woff2') format('woff2'),
        url('../fonts/weblysleekuisl-webfont.woff') format('woff'),
        url('../fonts/weblysleekuisl-webfont.ttf') format('truetype'),
        url('../fonts/weblysleekuisl-webfont.svg') format('svg');
}
@font-face{
    font-family:'Glyphicons Halflings';
    src:url('../fonts/glyphicons-halflings-regular.eot');
    src:url('../fonts/glyphicons-halflings-regular.eot'),
        format("embedded-opentype"),url('../fonts/glyphicons-halflings-regular.woff2'),
        format("woff2"),url('../fonts/glyphicons-halflings-regular.woff'),
        format("woff"),url('../fonts/glyphicons-halflings-regular.ttf'),
        format("truetype"),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular')format("svg")
}
body {
    background:#fff;
    color:#222;
}
.row
{
    margin-left:0;
    margin-right:0;
}
.btn-primary
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #0e4fa1;
    --bs-btn-border-color: #0e4fa1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #005b94;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #005b94;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0e4fa1;
    --bs-btn-disabled-border-color: #0e4fa1;
}
a{
    color:#0052aa;
}
a:focus, a:hover
{
  color:#0661c3;  
}
a.readon
{
    text-decoration: underline;
    background-color: #eAEAEA;
    padding:0.2em 1em;
}
a:focus{
    outline: none;
}
p {
    margin: 0 0 0.5em 0;
    line-height:1.6em;
}
h1,h2,h3,h4,h5
{
    font-family: weblysleek_uisemibold, verdana, arial, sans-serif;
    color:#666;
    line-height: 1.4em;
}
h1{
    font-size:2em;
    color:#222;
    margin-bottom:0.5em;
}
h2{
    font-size: 1.5em;
    color:#222;
    margin-bottom:0.8em;
}
h3{
    line-height: 1.3em;
    font-size: 1.25em;
    margin-bottom:0.8em;
}
h3.arm-component-titolo.enfasi
{
    color:#f36f21;
}
.arm-pagina h3
{
    line-height: 1.3em;
    color: #1F5EBD;
}
ul h3
{
    margin-bottom:0.4em;
}
.arm-pagina.faq h3
{
    color:#0066CC;
}

.arm-pagina.faq h3:before
{
    content:"\e127";
    font-family:'Glyphicons Halflings';
    padding-right:5px;
    color:#00CCFF;
}
h2.arm-contenuto-titolo
{
    margin-top:15px;
    margin-bottom: 5px;
}
div#contenitore {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    min-height: 100%;
    height: auto;
}
div#contenuto
{
    margin-bottom:50px;
}
.menu-top
{
    background: #006BAE;
    color:#fff;
    height: 32px;
    font-family: weblysleek_uisemilight, verdana, arial, sans-serif;
}
.header
{
    background:url(../img/ombra-header.png) repeat-x left bottom;
    padding:0 15px;
}
div#logo {
    float: left;
    margin:15px 0 10px 0;
}

div#piedipagina
{
    background: #e6e6e6;
    padding:15px 0;
    height: 50px;
    clear: both;
    height:auto;
}
div#piedipagina p {
    text-align: center;
    font-size: 1.05em;
    font-family: weblysleek_uisemilight, verdana, arial, sans-serif;
}
table {
    margin-bottom:1.4em;
    width:100%;
}
table td
{
    padding:4px 10px 4px 5px;
}
div#arm-modarticolopers
{
    font-size:1.2em;
}
.container > div#main_consx
{
    padding-bottom: 15px;
}
a.bottone-cta
{
    background: #f36f21;
    text-align: center;
    border-radius:4px;
    color:#fff;
    display:block;
    padding: 10px;
    margin:5px 1%;
    width:48%;
}
a.bottone-cta:hover
{
    text-decoration:none;
    background:#EF5400;
}
a.bottone-cta1
{
    background: #006BAE;
    text-align: center;
    border-radius:4px;
    color:#fff;
    display:block;
    padding: 10px;
    margin:5px 1%;
    width:48%;
}
a.bottone-cta1:hover
{
    text-decoration:none;
    background:#00568c;
}
a.bottone-cta2
{
    background: #0EB27E;
    text-align: center;
    border-radius:4px;
    color:#fff;
    display:block;
    padding: 10px;
    margin:5px 1%;
    width:48%;
}
a.bottone-cta2:hover
{
    text-decoration:none;
    background:#009666;
}
/**
*** ******************************************* LAYOUT HOME PAGE ***********************************************************
**/
div.contenuto-per-home
{
    position:relative;
    top:-80px;
    margin-bottom:-80px;
    overflow:hidden;
}
div#contenuto .arm-blog.home h2
{
    text-align: center;
    font-size: 28px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
}
div#contenuto .leading
{
    margin: 0px 0px 10px 0px;
    position: relative;
    border-bottom:2px dotted #006BAE;
}
div#contenuto .leading p
{
    font-size: 1.1em;
    color:#333;
}
div#contenuto .leading.portfolio
{
    border-bottom:none;
}
div#contenuto .article_separator, .span_category.newsletter
{
    display: none;
}
div#contenuto .blog {
    padding: 0;
}
div#contenuto .cols1
{
    display: block;
    float: none !important;
    margin: 0 !important;
}
div#contenuto .cols3 {
    width: 30%;
}
div#contenuto .cols2 {
    width: 48%;
}

div#contenuto .column1
{
    float: left;
}
div#contenuto .column2
{
    float: right;
}
div#contenuto .article_row
{
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
}
div#contenuto .article_column
{
    border-bottom : solid 1px #ccc;
}
div#contenuto .article_column h2
{
    background-color: #FF741C;
    padding: 3px 0px 3px 5px;
    color: white;
    font-size: 120%;
}
div#contenuto .row_separator2
{
    display: block;
    clear: both;
    margin: 0;
    border: solid 0px;
}
div#contenuto ul.armonia-applicazioni li {
    margin-bottom: 5px;
}
div#contenuto p.buttonheading a img {
    margin-right: 5px;
}
div#contenuto p a.leggitutto
{
    margin-top:10px;
}
div.title_article.newsletter, div.title_article.newsletter a
{
    font-size:1.3em;
    line-height: 1.4em;
    margin-bottom:10px;
    color:#f36f21;
    font-family:weblysleek_uisemilight,verdana,arial,sans-serif;
}
p.iteminfo, div#contenuto .leading p.iteminfo
{
    font-size:1em;
    color:#666;
    text-align: right;
}
/*******************************************************HELP PEC************************************************/
.generico-help
{
    border:3px solid #f36f21;
    padding:15px;
}
.generico-help h3
{
    line-height: 1.3em;
}
.generico-help p
{
    margin-left:10px;
    font-family:arial, verdana, sans-serif;
}
.generico-help a
{
    font-weight: bold;
}
.glyphicon-arrow-right
{
    content:"\e092";
    font-family:'Glyphicons Halflings';
    color:#f36f21;
    padding-right:10px;
    font-size:1.4em;
}
/**
******************************************************************* BOX EVIDENZA  *****************************************
**/
.container.in_evidenza
{
    top:-37px;
    z-index:20;
    position:relative;
}

#box-evidenza .titolo h3
{
    font-family: weblysleek_uisemilight, verdana,arial, sans-serif;
    color:#f36f21;
    text-align: center;
}

#box-evidenza .box-evi.armonia .titolo h3{
    color:#3059c2;
}
#box-evidenza .box-evi.libera .titolo h3{
    color:#00CCFF;
}
.boxT1
{
    background: #fff;
    height: auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(92,92,92,0.65);
    -moz-box-shadow: 0px 0px 5px 0px rgba(92,92,92,0.65);
    box-shadow: 0px 0px 5px 0px rgba(92,92,92,0.65);
    padding: 10px 20px 25px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}
#box-evidenza .padding-0
{
    padding:0;
}
.boxT1.top
{
    background: url(../img/PEC_massive_home.png) no-repeat left top #fff;
    padding: 0;
    border-radius:60px 60px 0 0;
}
.box-evi.armonia
{
    background: url(../img/Logo-armonia-box.png) no-repeat center top #fff;
    padding-top: 25px;
    background-size: 90px 26px;
}

.box-evi p.bottone-piu-info
{
    float: right;
    margin-top: 20px;
}

.box-evi a.bottone-piu-info
{
    background: #f36f21;
    text-align: center;
    border-radius:4px;
    color:#fff;
    padding: 10px;
    width:100%;
}
.box-evi.libera a.bottone-piu-info{
    background:#00ccff;
    color:#333;
    transition: .2s;
}
.box-evi.armonia a.bottone-piu-info{
    background:#3059c2;
}
.box-evi a.bottone-piu-info:hover
{
    text-decoration:none;
    background:#EF5400;
}
.box-evi.libera a.bottone-piu-info:hover{
    background:#0066cc;
    color:#fff;
}
.box-evi.armonia a.bottone-piu-info:hover
{
    background:#234293;
}

.box-evi p
{
    font-family: weblysleek_uisemilight, verdana,arial, sans-serif;
    line-height: 1.4em;
}
.boxT1.top p
{
    float:right;
    margin:100px 40px 0 0;
    font-weight: 700;
}

.box-evi p.icon{
    height: 90px;
    text-align: center;
    margin-bottom: 20px;
}

.box-evi.armonia p.icon{
    margin-bottom: 0px;
}

.box-evi p.descrizione
{
    text-align: center;
}


@media (min-width: 768px) {
    .boxT1
    {
        height: 410px;
    }
    .boxT1.top
    {
        height: 240px;
    }
    .box-evi p.bottone-piu-info
    {
        position: absolute;
        bottom: 20px;
    }
}

@media (min-width: 992px) {

    .container.in_evidenza #box-evidenza
    {
        margin: 0px;
    }

    .boxT1
    {
        height: 350px;
    }
    .boxT1.top
    {
        height: 240px;
    }

    .box-evi p.bottone-piu-info
    {
        right: 25px;
    }
}

@media (min-width: 1200px) {

    .container.in_evidenza #box-evidenza{
        margin: 0px 50px;
    }
    .boxT1.top
    {
        height: 240px;
        margin: 0 50px 30px;
    }

}

@media (max-width: 767px) {

    .container.in_evidenza
    {
        top:0;
        z-index:20;
        position:relative;
    }
}



/**
******************************************************************* FOTO SLIDE  *****************************************
**/
#foto-slide
{
    display: block;
    padding:0;
}
#wbm_imgcicla
{
    position: relative;
}
#arm-area_foto img
{
    margin-left:auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}
#arm-area_foto img#arm_foto_start
{
    position: relative!important;
    height: auto!important;
}
/**
******************************************************************* LAYOUT FASCIA BLU CONTATTI IN BASSO  *****************************************
**/

.bg-primary
{
    background: #0e4fa1!important;
    
}
.bg-primary p, .bg-primary h3
{
    color: #fff;
    font-family: weblysleek_uisemilight, verdana,arial, sans-serif;
}
.bg-primary h3
{
    text-transform: uppercase;
    margin-bottom: 20px;
}
.bg-primary p.sedi
{
    background: url(../img/icona-sede.png) no-repeat left center;
}
.bg-primary p.telefoni
{
    background: url(../img/icona-telefono.png) no-repeat left center;
}
.bg-primary p.email
{
    background: url(../img/icona-email.png) no-repeat left center;
}
.bg-primary div.fb, .bg-primary .youtube
{
    text-align: center;
}
.banner-youtube
{
    background:#fff;
    display: inline-block;
    padding:15px;
}

.bg-primary .social p a
{
    padding-left: 25px;
}

.bg-primary .social p.fb a
{
    background: url(../img/icon-fb.png) no-repeat left center;
    background-size: 16px;
}

.bg-primary .social p.linkedin a
{
    background: url(../img/icon-linkedin.png) no-repeat left center;
    background-size: 16px;
}
.bg-primary .social p.instagram a
{
    background: url(../img/icon-instagram.png) no-repeat left center;
    background-size: 16px;
}
.bg-primary .social p.yt a
{
    background: url(../img/icon-youtube.png) no-repeat left center;
    background-size: 16px;
}

.bg-primary .social a
{
    color: #fff;
}

.bg-primary .social a:hover
{
    text-decoration: underline;
}

/**
******************************************************************* LAYOUT CERCA NEL SITO  *****************************************
**/
#cerca
{
    padding:25px 15px 15px 15px;

}
#arm-cerca
{
    float:right;
    width: 100%;
}
input#mod_search_searchword
{
    height: 33px;
    padding:5px 8px;
    margin:0;
    display:block;
    float: left;
    color:#777;
    width:80%;
}
#bottone-cerca
{
    background:#006bae;
    height:100%;
    padding: 7px;
    text-align: center;
}

/***************************************************** MODULO LOGIN   *********************************************/
#login
{
    padding:22px 15px 15px 15px;

}
.arm-modulo.login
{
    float:right;
    position: absolute;
    z-index: 100;
    right: 0;
    width:100%;
    padding-left: 20px;
}
.arm-modulo.login p#arm-h-slide
{
    background: url(../img/icona-login.png) no-repeat 20px center #f36f21;
    padding:6px;
    text-align:center;
    font-family: weblysleek_uisemibold, verdana,arial, sans-serif;
    cursor:pointer;
    border-radius:4px;
    color:#000;
    margin-bottom:0;
    position: relative;
    right:0;
    top:0;
    line-height: 1.3em;
    font-size: 1.25em;
}
.arm-modulo.login p#arm-h-slide:hover
{
    background: url(../img/icona-login.png) no-repeat 20px center #F39324;
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
    box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);

}
.arm-modulo.login p.stato_1 + div
{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(92,92,92,0.65);
    -moz-box-shadow: 0px 0px 5px 0px rgba(92,92,92,0.65);
    box-shadow: 0px 0px 5px 0px rgba(92,92,92,0.65);
}

#arm-div-slide
{
    background: #fff;
    padding: 20px;
    border:1px solid #bbb;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(92,92,92,0.8);
    -moz-box-shadow: 0px 0px 5px 0px rgba(92,92,92,0.8);
    box-shadow: 0px 0px 5px 0px rgba(92,92,92,0.8);
}
form.form-login
{
    position:relative;
    left:0;
}
form.form-login label
{
    display: block;
    width:100%;
    color:#333;
    margin:0;
    color:#006bae;
}

.Label.Rmb
{
    width:auto;
    float:left;
    margin-right: 10px;
}
form.form-login input#login_username, form.form-login input#login_password
{
    width: 100%;
    padding:4px 7px;
}
a#login_send,
div.login a.arm-esci, div.login a.arm-esci:visited
{
    float:right;
    background: #f36f21;
    color:#fff;
    padding:4px 10px;
    text-align:center;
    font-family: weblysleek_uisemilight, verdana,arial, sans-serif;
    cursor:pointer;
    font-size:1.4em;
    border-radius:4px;
    margin:5px 0;
}
a#login_send:hover, a.arm-esci:hover
{
    background:#EF5400;
    text-decoration: none;
}
div.login a.arm-esci
{
    text-transform: uppercase;
}
div#registrati
{
    clear: both;
}
.arm-testologin > p
{
    color:#222;
    font-size:1.3em;
    line-height: 1.3em;
}
input#mod_login_remember
{
    float:left;
}

div#arm-imgspace
{
    float:left;
    margin-right: 10px;
}
p.Line4, p.Line5
{
    display:none;
}
.logout
{
    position: absolute;
    right:10px;
    z-index: 101;
    margin-top:10px;
}
.logout a
{
    color:#fff;
    text-transform: uppercase;
    font-family: weblysleek_uisemilight, verdana,arial, sans-serif;
    padding:5px 7px 5px 10px;
    border-left:3px solid;
}
.logout a:hover
{
    background: none;
}
@media (max-width: 767px) {

    #login
    {
        padding:0;
        margin-bottom:7px;
    }
    .arm-modulo.login
    {
        float:none;
        position: relative;
        padding-left: 0;
    }
    div#logo
    {
        float:none;
        margin:0;
    }
    #cerca
    {
        padding:0;
    }
    .logout
    {
        position: relative;
        margin-top:10px;
    }
    .logout a
    {
        color:#fff;
        text-transform: uppercase;
        font-family: weblysleek_uisemilight, verdana,arial, sans-serif;
        padding:5px 7px 5px 10px;
        border-left:3px solid;
        background: #f36f21;
        text-align:center;

        cursor:pointer;
        border-radius:4px;

    }
    .logout a:hover
    {
        background: #F39324;
        -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
        -moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
        box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);

    }
}

/**
******************************************************************* LAYOUT MODULI A SX  *****************************************
**/
#main_consx div.col-sm-4 div.generico.pec
{
    background: #fff;
    padding: 15px 20px;
    border:1px solid #ccc;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(92,92,92,0.5);
    -moz-box-shadow: 0px 2px 4px 0px rgba(92,92,92,0.5);
    box-shadow: 0px 2px 4px 0px rgba(92,92,92,0.5);
    margin-top:5px;
    margin-bottom:15px;
}
#main_consx div.col-sm-4 div.generico.pec h3
{
    color:#f36f21;
    border-bottom:2px solid;
}
/*****************************************************FORM CONTATTI************************************************************/

.contattaci
{
    padding: 10px 15px;
    position:sticky;
    top: 5vh;
    background:#effbff;
    border:2px solid #f36f24;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.04),
        0 4px 8px rgba(0, 0, 0, 0.03), 0 8px 16px rgba(0, 0, 0, 0.03),
        0 16px 32px rgba(0, 0, 0, 0.02), 0 32px 64px rgba(0, 0, 0, 0.02);
    z-index:200;
}

.contattaci.in-basso
{
    position: static;
    padding:30px;
}
.generico_webinar
{
    padding: 30px 15px;
    background:#0066cc;
}
.generico_webinar .iscrizwebinar
{
    background: #fff;
    padding:20px;
}
.generico_webinar .iscrizwebinar .risposta
{
    font-size: 1.6em;
    font-weight: 600;
}
.generico_webinar h1{
    font-size: 2.5em;
}
.generico_webinar h2{
    font-size: 1.8em;
    color:#0066cc;
}
.contattaci h3
{
    color:#0066cc;
}
.richiestainfo form input[type="text"], .richiestainfo form textarea
{
    width:100%;
}

.richiestainfo form input#richiestainfo-captcha, .generico_webinar form input#richiestainfo-captcha
{
    width:160px;
    margin-top:10px!important;
}
.richiestainfo form textarea
{
    height:150px;
    margin-top:8px!important;
}
.richiestainfo form a, .generico_webinar form a
{
    margin-left:5px;
}
.richiestainfo form input[type="checkbox"]
{
    float:left;
    margin-right:5px;
}
.richiestainfo form input[type="text"], .richiestainfo form textarea, .generico_webinar form input[type="text"]
{
    font-family:weblysleek_uisemilight, verdana,sans-serif;
    color:#333;
    margin: 2px auto;
    padding:2px 5px;
}
.generico_webinar form input[type="text"]
{
    width:100%;
    padding: 6px;
}
.generico_webinar form input[type="text"]#iscrizwebinar-captcha
{
    width:35%;
    margin-left:0.5em;
}
.richiestainfo form input[type="text"]:focus, .richiestainfo form textarea:focus, .generico_webinar form input[type="text"]:focus
{
    border:1px solid #35c5f4;
}
.richiestainfo form input[type="submit"], .generico_webinar form input[type="submit"]
{

    font-family:weblysleek_uisemibold, verdana,sans-serif;
    color:#ffffff;
    background-color:#0066cc;
    padding: 8px 30px;
    border-radius:6px;
    border:none;
    float:right;
}
.generico_webinar form input[type="submit"]
{
    float: none;
}
.generico_webinar form div.pulsanti
{
    text-align: center;
    margin:2em;
}
.validation-advice
{
    color:#f20000;
    font-size:1.05em;
    margin: 0 0 0.5em 0;
}
.richiestainfo .err, .generico_webinar .err
{
    font-size:1.05em;
}
input, button, select, textarea
{
    font-size: 1em;
}
@media (min-width: 768px) {
    #main_consx >.row
    {
        display:flex;
    }

}
@media (max-width:768px){
    .generico_webinar form input[type="text"]#iscrizwebinar-captcha
    {
        width:100%;
    }
}
/**
******************************************************************* LAYOUT PAGINAZIONE  *****************************************
**/
#main2 .pagination,#main .pagination {
    border-top:solid 1px #CCC;
    margin:10px 0 0;
    padding:10px 0;
}

ul.pagination {
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:left;
}

ul.pagination li {
    display:inline;
    padding:2px 5px 0;
    text-align:left;
}

ul.pagination li a {
    padding:2px;
}

/**
******************************************************************* LAYOUT MENU  *****************************************
**/
/*top menu*/
ul#menulist_root_top-menu
{
    list-style: none;
    margin:0;
    float:right;
    font-size:1em;
}
#menulist_root_top-menu li
{
    float: left;
    padding:3px 20px;
}
#menulist_root_top-menu li#menuitem_1_top-menu, #menulist_root_top-menu li#menuitem_2_top-menu
{
    background:url(../img/icona-email.png) no-repeat left 8px;
}
#menulist_root_top-menu li#menuitem_3_top-menu
{
    background:url(../img/icona-telefono.png) no-repeat left 8px;
}
#menulist_root_top-menu li#menuitem_4_top-menu
{
    background:url(../img/icona-assistenza.png) no-repeat left 8px;
}
#menulist_root_top-menu a
{
    color: #fff;
}

/***************************************************** MENU ORIZZONTALE HEADER *****************************************************/

/* Rimuove i pallini dall'elenco e azzera i margini del modulo menu */
 
.navbar .menulist_root {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important; /* Spazio orizzontale tra le voci del menu */
}

/* Rimuove eventuali margini dai singoli elementi della lista */
 
.navbar .menulist_root li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.navbar .menulist_root li a#menulink_1
{
    background: #f36f21;
    padding:5px 12px;
    text-align:center;
    font-family: weblysleek_uisemibold, verdana,arial, sans-serif;
    cursor:pointer;
    border-radius:20px;
    color:#000!important;
    margin-bottom:0;
    position: relative;
    right:0;
    top:0;

}
.navbar .menulist_root li a#menulink_1:hover
{
    background: #F39324;
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
    box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6);
    color:#000!important;

}
/* Stile dei link del menu principale */

.navbar .menulist_root li a {
    color: #006bae !important;
    font-weight: 600;
    text-decoration: none;
    padding: 5px 0;
    transition: color 0.2s ease;
}


.navbar .menulist_root li a:hover {
    color: #f36f21 !important;
    text-decoration: none;
}
/*                                                         MENU 2 LIVELLO   */
div.menu-laterale ul
{
    padding:0;
    margin: 15px 0 10px 0;
    list-style: none;
    font-family:weblysleek_uisemilight,verdana,arial,sans-serif;
}
div.menu-laterale ul li
{
    padding: 7px 10px;
    font-size:17px;
}
div.menu-laterale ul ul li.sublevel
{
    padding:7px;
}
div.menu-laterale ul ul li.sublevel a
{
    color: #666666;
}
div.menu-laterale ul li.mainlevel_active a.mainlevel, div.menu-laterale ul li.mainlevel_current a#active_menu
{
    border-bottom: 2px solid #337ab7;
    font-family: weblysleek_uisemibold, verdana, arial, sans-serif;
}

div.menu-laterale ul li.mainlevel_current a#active_menu
{
    letter-spacing: -0.46px;
}

div.menu-laterale ul li.mainlevel_active, div.menu-laterale ul li.mainlevel_current
{
    border-bottom:none;
}
div.menu-laterale ul li.mainlevel_active li.sublevel_current
{
    font-family: weblysleek_uisemibold, verdana, arial, sans-serif;
}
div.menu-laterale ul li.mainlevel_active li.sublevel_current a#active_menu
{
    border-bottom:1px dotted #337ab7;
}
div.menu-laterale ul li.mainlevel_current li
{
    font-weight:normal;
}
div.menu-laterale ul ul
{
    margin:5px 0 0 0;
}
div.menu-laterale ul li a
{
    display: block;
    width: 100%;
    padding-left:5px;
    border-bottom:1px dotted #ccc;
}
@media (max-width: 767px) {
    div.menu_principale .navbar
    {
        margin-top:0;
    }
}
/**
******************************************************************* LAYOUT AREA CONTENUTO  *****************************************
**/

li
{
    margin-bottom:0.5em;
}
ul.elenco-servizi, ul.elenco-bordo
{
    list-style: none;
}
ul.elenco-bordo
{
    padding:1em;
    background-color:#EFF8FE;
}
ul.elenco-servizi li
{
    border: 3px solid #ffb412;
    margin: 1em auto;
    padding: 1em;

}
ul.elenco-servizi.armonia
{
    display:flex;
    flex-wrap: wrap;
}
ul.elenco-servizi.armonia li
{
    width:48%;
}
ul.elenco-bordo li
{
    border-bottom: 3px solid #ffb412;
    margin: 1em auto;
    padding-bottom: 0.7em;
}

div#contenuto a.leggioltre, div#contenuto a.leggioltre:visited
{
    color:#73ACFF;
    border-top:1px solid #3059C2;
    font-weight: bold;
}  /* colore chiaro e scuro */
div#contenuto a.leggioltre:hover
{
    color:#3059C2;
}  /* colore scuro */
div#contenuto h3.scheda_paragrafo
{
    background: #D9E8FF url("../img/triangoloceleste.png") no-repeat scroll left;
    line-height: 33px;
    padding-left: 20px;
    margin: 1.2em 0 0.8em 0;
}
div#contenuto h3.scheda_paragrafo_pec
{
    background: #fbbc85 url("../img/triangoloarancione.png") no-repeat scroll left;
    line-height: 33px;
    padding-left: 20px;
    margin: 1.2em 0 0.8em 0;
}
p.scarica_pdf {
    text-align:right;
    color:#3059C2;
}
p.scarica_pdf a {
    text-decoration:none;
}

.arm-pagina .col-sm-8 ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}
.arm-pagina .col-sm-8 li {
    counter-increment: my-awesome-counter;
    margin: 0.8rem 0rem;
}
.arm-pagina .col-sm-8 li::before {
    content: counter(my-awesome-counter);
    background: #006BAE;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    line-height: 2rem;
    color: white;
    text-align: center;
    margin-right: 0.5rem;


}
/**
******************************************************************* LAYOUT PAGINE INTERNE  *****************************************
**/
div.elenco-box
{
    padding:10px;
}
div.elenco-box ul
{
    list-style:none;
    line-height: 1.8em;
    padding-left:7px;
    font-size: 1.1rem;
}

.elenco-box li::before{
    content: "\2022";
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-weight: bold;
    background: none;
}
.elenco-icone .grid
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em auto;
}
.elenco-icone .grid .grid-cell
{
    padding: 0 0.5rem;
}

.elenco-icone .grid .grid-cell.grid-text
{
    padding: 2em;
}
.p-sm-0.p-md-2
{
    padding: 30px 20px;
}
@media (max-width: 768px)
{
    div.elenco-box
    {
        padding:0;
    }
    div.elenco-box ul
    {
        margin:0 0 1em 0;
        padding:0;
    }
    div.elenco-box ul ul
    {
        margin:0!important;
    }
    div.elenco-box ul ul li
    {
        padding-left: 1em;
    }
    .p-sm-0.p-md-2
    {
        padding: 10px 0;
    }
    .elenco-icone .grid
    {
        flex-wrap: wrap;
    }
}
/**
******************************************************************* LAYOUT BOX NEL TESTO  *****************************************
**/
div.boxintesto {
    width: 300px;
    float: right;
    border: solid 1px #ccc;
}
div.boxintesto h3 {
    margin: 0 0 0.5em 0;
    background-color: #FF741C;
    padding: 3px 0px 3px 5px;
    color: white;
    font-weight: bold;
    text-align: center;
}
div#contenuto div.boxintesto p, body#fckeditor div.boxintesto p {
    margin-right: 0.5em;
    margin-left: 0.5em;
    text-align: justify;
}
/**
******************************************************************* LAYOUT SCHEDE  *****************************************
**/
/**
 *   Codici colore dei box colorati:
 *   			BLU ARMONIA   bordo: #3059C2   parte scura:	#4591FF   parte chiara: #73ACFF 
**/
/*    SCHEDA GENERALE  */
div#armonia_generale
{
    position:relative;
    top: 0;
    left: 0;
}
div#armonia_generale h3
{
    text-align: center;
    margin-bottom:15px;
    padding-bottom:7px;
}

div#posta_generale, div#elearning, div#webmaster
{
    margin-top: 30px;
}

div.scheda_banner
{
    padding:0;
}
div.scheda_banner img
{
    margin-top:-30px;
}

div.scheda_banner.crediti img{
    margin-top: -45px;
}

div.scheda_banner.formazione img{
    margin-top: -22px;
}

div.scheda_banner.doc-pers img{
    margin-top: -19px;
}

div.scheda_banner.pec img{
    margin-top: -27px;
}

div.scheda_banner.mail img{
    margin-top: -50px;
}

div.scheda_banner.quote img{
    margin-top: -35px;
    margin-left: 2px;
}

div.scheda_banner.bandi img {
    margin-top: -40px;
    left: -14px;
    position: absolute;
}

div.scheda_banner.sportello img {
    margin-top: -50px;
    margin-left: 6px;

}

div.scheda_banner.posta img {
    margin-top: -18px;
}

div.scheda_banner.elearning img {
    margin-top: -20px;
    margin-left: 2px;
}


@media (min-width: 767px) and (max-width: 992px){
    div.scheda_banner img{
        height: 85px;
        margin-top: 0px!important;
        width: auto;
    }

}

@media (min-width: 992px){

}

@media (min-width: 1200px){
    div.scheda_banner.pec img{
        height: 115px;
    }
}



div.scheda_occhiello
{
    margin-bottom: 10px;
    padding:10px 7px;
}
div.scheda_occhiello p
{
    font-weight:bold;
    margin-bottom:0;
    font-size: 1.2em;
}
div.punti_forza
{
    border:1px solid #ccc;
    border-left:60px solid #f36f21;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(92,92,92,0.5);
    -moz-box-shadow: 1px 1px 3px 0px rgba(92,92,92,0.5);
    box-shadow: 1px 1px 3px 0px rgba(92,92,92,0.5);
    margin-bottom:20px;
}



div.punti_forza.margin{
    padding-bottom: 15px;
}

div.punti_forza p
{
    margin:10px 10px 10px 20px;
    font-weight:bold;
    line-height:1.7em;
}
div.punti_forza .glyphicon
{
    color: #000;
    line-height: 2.2em;
    font-size:28px;
    float: left;
    margin-left: -43px;
}
.rettangolo_evidenza
{
    border: 2px solid #3059C2;
    border-radius:8px;
    padding: 15px;
    background-color: #E8F0FC;
}


div.armonia-apps .glyphicon
{
    color:#3059c2;
    font-size: 30px;
    position:absolute;
    top:-18px;
    left:-18px;
    z-index: -1;
}
div.armonia-apps .col-sm-4
{
    padding-left:8px;
    padding-right:8px;
}
div.armonia-apps .row
{
    margin:10px 0;
}

div.armonia-apps a
{
    color: #3059c2;
    font-weight:bold;
    text-decoration: none;
    padding-left: 0px;

}

div.armonia-apps a:hover{
    text-decoration: underline;
}

div.armonia-apps div.box_apps {
    border:1px solid #3059c2;
    padding:7px 5px 7px 15px;
    margin-left:5px;
    position: relative;

    line-height: 1.25em;
}

div.armonia-apps p{
    margin: 0;
    padding-left: 20px;
}


@media (max-width: 1199px) {
    div.armonia-apps div.box_apps {
        height: 150px;
    }

}

@media (max-width: 991px) and (min-width: 767px){
    div.armonia-apps div.box_apps {
        height: 205px;
    }

    div.armonia-apps p{
        position: relative;
        height: 40px;
    }

    div.armonia-apps a
    {
        position: absolute;
        bottom: 5px;
    }


}

@media (max-width: 766px) {
    div.armonia-apps div.box_apps {
        height: auto;
    }


}

div.scarica_pdf
{
    background: #f36f21;
    border-radius:4px;
    display:block;
    padding: 10px;
    float:right;
    margin:10px 0;
}


div.scarica_pdf a
{
    color:#000;

    position: relative;
    top:-7px;
    padding-right: 5px;
}
.glyphicon-arrow-down
{
    color:#000;
    font-size:28px;
    margin-right:-20px;
}

/*  SINGOLE SCHEDE */
/*                     WEBLOOM          */
div#webloom div.scheda_occhiello
{
    border-top:2px solid #006BAE;
    border-bottom:2px solid #006BAE;
}

/*                     ARMONIA GENERALE           */
div#armonia_generale div.scheda_occhiello
{
    border-top:2px solid #3059C2;
    border-bottom:2px solid #3059C2;
}
div.logo-armonia span
{
    font-size:30px;
    margin-left:20px;
    position: relative;
    top:13px;
    font-family: weblysleek_uisemibold,verdana,arial,sans-serif;
}
div.logo-armonia span.doc-pers{
    font-size:27px;
}

body.contentpane .row.top
{
    margin:auto;

}

div.elenco-box.armonia>ul>li
{
    background:url(../img/new-punto-elenco.png) no-repeat left 4px;
    padding-left:25px;
    margin-bottom:10px;
}

.elenco-box.armonia>ul>li::before{
    content: "";
}


/*                     ARMONIA           */
div#armonia div.scheda_occhiello
{
    border-top:2px solid #3059C2;
    border-bottom:2px solid #3059C2;
}

/*                     LIBERA           */
div#libera div.scheda_occhiello
{
    border-top:2px solid #35c5f4;
    border-bottom:2px solid #35c5f4;
    color:#0066cc;
}
div.logo-libera
{
    display:block;
    padding-bottom:20px;
}
div.logo-libera .img-responsive
{
    float:left;
}
div.logo-libera span
{
    font-size:24px;
    padding-left:20px;
    position: relative;
    top:5px;
    font-family: weblysleek_uisemibold,verdana,arial,sans-serif;
    line-height:32px;
    display:table-cell;
}

/*                     POSTA ELETTRONICA           */
div#posta_generale div.scheda_occhiello
{
    border-top:2px solid #009933;
    border-bottom:2px solid #009933;
}


#posta_generale li::before
{
    color: #009933;
}


div#posta_generale div.punti_forza
{
    border-left:60px solid #009933;
}


div#posta_generale div.scarica_pdf
{
    background: #009933;
}


/*                     ELEARNING           */
div#elearning div.scheda_occhiello
{
    border-top:2px solid #d60050;
    border-bottom:2px solid #d60050;
}
div#elearning div.scheda_logo span, div#elearning_wbt div.scheda_logo span, div#elearning_swt div.scheda_logo span
{
    color:#4F8700;
    left:0;
    top:0;
}
div.elearning-apps .glyphicon
{
    color:#d60050;
    font-size: 26px;
    position:absolute;
    top:-10px;
    left:5px;
}
div.elearning-apps .col-sm-4
{
    padding-left:8px;
    padding-right:8px;
}
div.elearning-apps .row
{
    margin:10px 0;
}
div.elearning-apps div.box_apps {
    border:1px solid #d60050;
    padding:7px 5px 7px 13px;
    text-align: center;
    margin-left:5px;

}
div.elearning-apps div.testo-sotto
{
    padding:10px;
    text-align:justify;

}

#elearning li::before
{
    color: #d60050;
}


div#elearning div.punti_forza
{
    border-left:60px solid #d60050;
}

div#elearning div.scarica_pdf
{
    background: #d60050;
}

/*                     WEBMASTER           */
div#webmaster div.scheda_occhiello
{
    border-top:2px solid #ebb904;
    border-bottom:2px solid #ebb904;
}


#webmaster li::before{
    color: #ebb904;
}

div#webmaster div.punti_forza
{
    border-left:60px solid #ebb904;
}

div#webmaster div.scarica_pdf
{
    background: #ebb904;
}

div.riga-portfolio div.uno-portfolio
{
    width:30%;
    margin:1%;
    float:left;
    position: relative;
}
div.riga-portfolio div.uno-portfolio p
{

    height: 35px;
    text-align:center;
    line-height: 16px;
    margin-bottom:0;
}
div.riga-portfolio img
{
    padding:4px;
    border:1px solid #ccc;
}
.posted{
    display:none;
    position:absolute;
    width:99%;
    margin:0;
    padding:8px 0;
    text-align:center;
}
div.riga-portfolio a:hover .posted {
    display:block;
    bottom:1px;
    left:1px;
    background:rgba(0,107,174,0.8);
    color:#fff;
}
div.riga-portfolio a:hover div.uno-portfolio {
    border-color:#00B2D8;
    background:rgba(0,107,174,0.5);
}
div.riga-portfolio a:hover div.uno-portfolio p
{
    background: #fff;
    color:#00B2D8;
}
div.riga-portfolio a:hover img{
    opacity:0.7;
}

@media (max-width: 767px) {
    div.riga-portfolio div.uno-portfolio
    {
        width:48%;
        margin:1%;
    }
}
@media (max-width: 479px) {
    div.riga-portfolio div.uno-portfolio
    {
        width:auto;
        margin:1%;
    }
    div.logo-libera
    {
        text-align:center;
    }
    div.logo-libera .img-responsive
    {
        float:none;
    }
}
.pagina_pec ul li
{
    font-family: 'Nunito', sans-serif;

}
.pagina_pec p
{
    font-family: 'Nunito', sans-serif;

}
.pagina_pec h3
{
    color:#f36f21;
    line-height: 1.4em;
}

.pagina_pec img
{
    max-width: 100%;
    height:auto;
    margin: 5px 20px;
}
.arm-pagina a.link-button, .blog a.link-button
{
    vertical-align:middle;
    display: inline-block;
    border-radius:20px;
    background-color: #F36F21;
    border: none;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 20px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}
.arm-pagina a.link-button span:after, .blog a.link-button span:after
{
    content: '>>';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

.arm-pagina a.link-button:hover span, .blog a.link-button:hover span
{
    padding-right: 25px;
}

.arm-pagina a.link-button:hover span:after, .blog a.link-button:hover span:after
{
    opacity: 1;
    right: 0;
}
#arm-cod-fisc-2
{
    width: auto;
}
div.err input
{
    border: 1px solid #f20000;
}
div.err label, .err
{
    color:#f20000;
}
div.mess_err
{
    color:#f20000;
    text-align:right;
    padding-right:5px;
}
div.arm-popup div.arm-socialbutton
{
    display: none;
}
div.arm-socialbutton div
{
    float:left;
    padding:0 4px 0 0;
}
div.arm-facebook
{
    width: 14px;
}
div.fb-share-button
{
    width:14px;
    height:14px;
}
/* RINNOVO O ACQUISTO*/
table#arm-servizi
{
    margin-bottom: 20px;
    font-size:120%;
}
table#arm-servizi tbody tr:nth-child(2n) td
{
    background: #fff;
}
table#arm-servizi td
{
    border:1px solid #cccccc;
    padding:4px 6px;
    border-collapse: collapse;
}
table#arm-servizi thead th
{
    border:1px solid #ddd;
    font-weight: bold;
    font-size:120%;
    color:#ff4d00;
    padding:8px 6px;
    background: #ffefd5;
    border-bottom:3px solid;
}
table#arm-servizi img.arm-pdf
{
    float:left;
    margin-right:3px;
    margin-left:-1px;
    margin-top:3px;
}
table#arm-servizi td.azioni p
{
    margin:0.4em;
}
table#arm-servizi td.grassetto
{
    font-weight: bold;
}
table#arm-servizi td.stato
{
    width:76%;
}
table#arm-servizi td.stato p span
{
    font-weight:bold;
}
table#arm-servizi td.azioni a
{
    font-size: 0.9em;
}
td.servizi, td.indirizzo
{
    color:#333;
}

td.arm-fattura p
{
    font-size:1.1em;
    text-align: right;
    float:right;
    margin:5px 5px 5px 0;
    font-weight:bold;
}

table#arm-servizi td.arm-fattura
{
    text-align:right;
    padding-bottom:10px;
}
@media screen and (max-width: 800px) {
    table#arm-servizi, table#arm-servizi thead, table#arm-servizi tbody, table#arm-servizi th, table#arm-servizi td, table#arm-servizi tr {
        display: block;
    }

    /* i campi di ogni riga diventano la colonna destra */
    table#arm-servizi td {
        position: relative;
        width: 100%;
    }
    table#arm-servizi td.stato
    {
        width: 100%;
    }
    /* la descrizione del campo diventa la colonna sinistra */
    table#arm-servizi td:before {
        position: absolute;
        left: 6px;
        content: attr(data-th);
        font-weight: bold;
    }
    /* evidenziamo il primo dato e separiamo visivamente i blocchi */
    table#arm-servizi td:first-of-type {
        border-top: 2px solid rgb(222, 226, 230);
    }
}

input.arm-prosegui, input.arm-conferma, input.arm-fine{
    -moz-box-shadow:inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
    box-shadow:inset 0px 1px 0px 0px #caefab;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7ad42a), color-stop(1, #60b31d));
    background:-moz-linear-gradient(top, #7ad42a 5%, #60b31d 100%);
    background:-webkit-linear-gradient(top, #7ad42a 5%, #60b31d 100%);
    background:-o-linear-gradient(top, #7ad42a 5%, #60b31d 100%);
    background:-ms-linear-gradient(top, #7ad42a 5%, #60b31d 100%);
    background:linear-gradient(to bottom, #7ad42a 5%, #60b31d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ad42a', endColorstr='#60b31d',GradientType=0);
    background-color:#7ad42a;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #31a31a;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-family:arial;
    font-size:17px;
    font-weight:bold;
    padding:5px 30px 5px 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #005F04;
    margin-bottom:1px;
}
input.arm-rinnova
{
    background: url(../img/arm-rinnova.png) no-repeat left center;
    width:115px;
    height: 40px;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-family:arial;
    font-size:17px;
    font-weight:bold;
    padding:5px 30px 5px 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #005F04;
    margin-bottom:2px;
    border:0;
}
input.arm-scarica
{
    background: url(../img/scarica-modulo.png) no-repeat left center;
    cursor:pointer;
    color:#06c;
    text-decoration:underline;
    font-family:arial;
    padding:5px 4px 5px 22px;
    margin-bottom:2px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #24579D;
    width:133px;
}
input.arm-modifica
{
    background: url(../img/modifica-modulo.png) no-repeat left center;
    cursor:pointer;
    color:#06c;
    text-decoration:underline;
    font-family:arial;
    padding:5px 4px 5px 22px;
    margin-bottom:2px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #24579D;
    width:133px;
}
a.arm-fattura
{
    font-size:0.9em;
}
div.condizioni-contrattuali input.arm-prosegui
{
    padding:5px 10px 5px 10px;
    float:right;
    margin-top:20px;
}
input.arm-conferma, input.arm-prosegui, input.arm-fine
{
    padding:5px 10px 5px 10px;
    float:right;
    margin-top:0;
}
input.arm-prosegui:hover,input.arm-conferma:hover, input.arm-fine:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #60b31d), color-stop(1, #7ad42a));
    background:-moz-linear-gradient(top, #60b31d 5%, #7ad42a 100%);
    background:-webkit-linear-gradient(top, #60b31d 5%, #7ad42a 100%);
    background:-o-linear-gradient(top, #60b31d 5%, #7ad42a 100%);
    background:-ms-linear-gradient(top, #60b31d 5%, #7ad42a 100%);
    background:linear-gradient(to bottom, #60b31d 5%, #7ad42a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#60b31d', endColorstr='#7ad42a',GradientType=0);
    background-color:#60b31d;
}
input.arm-rinnova:hover
{
    background: url(../img/arm-rinnova-hover.png) no-repeat left center;
}
input.arm-rinnova:active, input.arm-prosegui:active, input.arm-conferma:active, input.arm-fine:active {
    position:relative;
    top:1px;
}
img.icona-arm-rinnova
{
    margin:0 0 -14px -35px;
}
img.icona-arm-annulla
{
    margin:0 0 -9px -30px;
}

input.arm-disable{
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color:#ededed;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#ccc;
    cursor:not-allowed;
    font-family:arial;
    font-size:17px;
    font-weight:bold;
    padding:5px 30px 5px 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
input.arm-annulla {
    -moz-box-shadow:inset 0px 1px 0px 0px #8a2a21;
    -webkit-box-shadow:inset 0px 1px 0px 0px #8a2a21;
    box-shadow:inset 0px 1px 0px 0px #8a2a21;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
    background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
    background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
    background-color:#c62d1f;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #d02718;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:17px;
    font-weight:bold;
    padding:5px 35px 5px 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
}
input.arm-annulla:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
    background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
    background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
    background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
    background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
    background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
    background-color:#f24437;
}
input.arm-annulla:active {
    position:relative;
    top:1px;
}
input.arm-cambia, input.arm-indietro{
    -moz-box-shadow:inset 0px 1px 0px 0px #f5c285;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f5c285;
    box-shadow:inset 0px 1px 0px 0px #f5c285;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF981F), color-stop(1, #ff4d00));
    background:-moz-linear-gradient(top, #FF981F 5%, #ff4d00 100%);
    background:-webkit-linear-gradient(top, #FF981F 5%, #ff4d00 100%);
    background:-o-linear-gradient(top, #FF981F 5%, #ff4d00 100%);
    background:-ms-linear-gradient(top, #FF981F 5%, #ff4d00 100%);
    background:linear-gradient(to bottom, #FF981F 5%, #ff4d00 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF981F', endColorstr='#ff4d00',GradientType=0);
    background-color:#FF981F;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #e88812;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:16px;
    font-weight:bold;
    padding:5px 10px 5px 8px;
    text-decoration:none;

    text-shadow:0px 1px 0px #992a00;
}
input.arm-indietro{
    font-size:17px;
    margin-bottom: 10px;
}
input.arm-cambia:hover, input.arm-indietro:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e67700), color-stop(1, #FF981F));
    background:-moz-linear-gradient(top, #ff4d00 5%, #FF981F 100%);
    background:-webkit-linear-gradient(top, #ff4d00 5%, #FF981F 100%);
    background:-o-linear-gradient(top, #ff4d00 5%, #FF981F 100%);
    background:-ms-linear-gradient(top, #ff4d00 5%, #FF981F 100%);
    background:linear-gradient(to bottom, #ff4d00 5%, #FF981F 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d00', endColorstr='#FF981F',GradientType=0);
    background-color:#e67700;
}
input.arm-cambia:active, input.arm-indietro:active {
    position:relative;
    top:1px;
}
div.check-contratto
{
    float:left;
    width:4%;
}
div.condizioni-contratto
{
    width:96%;
    float:left;
}
div#main_consx div.condizioni-contrattuali h4
{
    font-weight: bold;
    margin-bottom:0.5em;
    margin-top:1em;
    padding-bottom:0;
}
div.cond-generali
{
    margin-bottom:10px;
}
p.rientro_input
{
    margin-left: 20px;
    text-align: justify;
    margin-bottom:20px;
}
input.arm-paypal {
    -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
    box-shadow:inset 0px 1px 0px 0px #fff6af;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color:#ffec64;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:20px;
    border:1px solid #ffaa22;
    display:inline-block;
    cursor:pointer;
    color:#00447c;
    font-family:arial;
    font-size:16px;
    padding:6px 95px 6px 15px;
    font-weight: bold;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffee66;
    float:right;
}
input.arm-paypal:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
    background-color:#ffab23;
}
input.arm-paypal:active {
    position:relative;
    top:1px;
}
img.icona-arm-paypal
{
    float: right;
    margin:10px -178px 0 0;
}
table#arm-servizi td.arm-totale
{
    text-align:right;
    padding-right: 10px;
    padding-top:20px;
    font-weight:bold;
}
table#arm-servizi td.arm-iva
{
    text-align:right;
    padding-right: 10px;
}
table#arm-servizi td.totale
{
    padding-top:20px;
}
table#arm-servizi td.arm-totale2
{
    padding-top:20px;
    font-weight:bold;
}



div.arm-stepbystep, div.arm-stepbystep-acquisto
{
    height: 40px;
    width:100%;
    margin-bottom:20px;
}
div.arm-stepbystep ul, div.arm-stepbystep-acquisto ul
{
    margin:0 0 1.5em 0;
    padding:0;
}
div.arm-stepbystep-acquisto ul li
{
    list-style: none;
    float:left;
    padding:4px 15px 0px 15px;
    border-bottom:8px solid #ccc;
    color:#444;
}
div.arm-stepbystep-acquisto ul li.arm-attivo
{
    border-bottom:8px solid #ff4d00;
    background: #ffefd5;
    color: #ff4d00;
    border-radius:3px;
}
div.arm-stepbystep ul li
{
    list-style: none;
    float:left;
    padding:10px 42px 10px 22px;
    background:  url(../img/freccia-step.png) no-repeat right center #ddd;
}
div.arm-stepbystep ul li.arm-ultimo-step
{
    background: none #ddd;
}
div.arm-stepbystep ul li.arm-ultimo-step-attivo
{
    background: none #ff4d00;
    color:#fff;
    font-weight:bold;
    padding: 10px 35px 10px 28px;
}
div.arm-stepbystep ul li.arm-attivo
{
    background: url(../img/freccia-step-attivo.png) no-repeat right center #ff4d00;
    color:#fff;
    font-weight:bold;
    padding: 10px 45px 10px 28px;
}
div.arm-stepbystep ul li.arm-precedente
{
    background:url(../img/freccia-step-precedente.png) no-repeat right center #DFECF9;
}
div.arm-stepbystep ul li.arm-precedente2
{
    background:url(../img/freccia-step-precedente2.png) no-repeat right center #DFECF9;
}
div.arm-sceglianno
{
    margin-bottom:30px;
    margin-top:10px;
    padding:10px 0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
div.arm-scegliopzioni
{
    margin-bottom:30px;
    margin-top:-30px;
    padding:10px 0;
    border-bottom:1px solid #ddd;
}
div.arm-sceglianno p, div.arm-scegliopzioni p
{
    display:inline;
    margin-right:20px;
}
div.arm-sceglianno select#wbmshop_durata
{
    font-size:1.3em;
}
div.arm-sceglianno select#wbmshop_durata
{
    background:#ffefd5;
    border:1px solid #06c;
    border-radius: 3px;
    padding:3px 8px;
    color:#06c;
}
div.arm-sceglianno select#wbmshop_durata option
{
    padding-left:10px;
}
div.arm-sceglianno span.prezzo, div.arm-scegliopzioni span.giga
{
    margin-left: 10px;
    font-weight: bold;
    font-size:1.3em;
}
div.arm-accetta span label
{
    font-size:1.2em;
}
div.condizioni-contrattuali form
{
    margin-bottom:20px;
}
div#arm-dati-fattura, div.condizioni-contrattuali
{
    margin-bottom: 20px;
}
div#arm-dati-fattura label
{
    font-size:1.1em;
    text-align: right;
    margin-right:15px;
    width:160px;
    float:left;
}
div#arm-dati-fattura div#arm-div-tipo_persona
{
    float: left;
    width:210px;
    padding-top:3px;
}
div#arm-dati-fattura div#arm-div-tipo_persona label
{
    text-align:left;
    width: auto;
    float:none;
}
div#arm-dati-fattura .tipo-persona
{
    margin-left:10px;
    margin-bottom:10px;
}
div#arm-dati-fattura div.campo2
{
    float: left;
    margin-top:20px;
    margin-left:20px;
    width:35%;
}
div#arm-dati-fattura div#arm_tipo_pr label, div#arm-dati-fattura .tipo-persona label[for=arm-nome],
div#arm-dati-fattura div#arm_tipo_lp label, div#arm-dati-fattura div#arm_tipo_lr label
{
    float:left;
    text-align: right;
    margin-right:15px;
    width:170px;
    clear:both;
    font-size:1.1em;
}
div#arm-dati-fattura .tipo-persona label[for=arm-nome]
{
    width:auto;
    font-weight:normal;
    font-size:1.4em;
    color:#ff4d00;
}
div#arm-div-tipo_persona input
{
    margin:4px 4px 2px 0;
}
div#arm-dati-fattura input[type="text"]
{
    margin:0.1em 0;
    color:#333;
}
div#arm-dati-fattura div.campo, div#arm-dati-fattura div.campo_err
{
    margin-bottom:5px;
    clear:both;
}

.tutti-campi
{
    float:left;
    width:60%;
    border-left: 1px dotted #ccc;
    margin-bottom:10px;
}
div#main_consx .tutti-campi h3
{
    margin:15px 50px 8px 0;
    padding-bottom:0;
    text-align:right;
    font-size:1.4em;
}
.tutti-campi input[type="text"]
{
    width:190px;
}
.tutti-campi  select
{
    border-color: #ccc;
}
.tutti-campi  select#arm-select-prov
{
    width:174px;
}
div#arm-dati-fattura input.arm-prosegui
{
    margin-bottom: 10px;
}
div#arm-metodi-pagamento label
{
    font-size:1.3em;
}
div#arm-metodi-pagamento input[type="radio"]
{
    margin-bottom: 12px;
}
div.arm-carte-paypal
{
    margin-top:-42px;
    margin-left:240px;
}
div#arm-dati-fattura div.mess_err
{
    margin:5px 0;
    text-align: left;
    padding-left:10px;
}
div.campo_err input
{
    border:1px solid #ff0000;
}
div#arm-metodi-pagamento select
{
    margin-bottom:15px;
    font-size:1.3em;
    border:1px solid #bbb;
}
div#arm-metodi-pagamento p
{
    margin-bottom:10px;
}
.row.guide
{
    border-top:2px dotted #ccc;
    padding:12px 5px;
}
.label-per-guide
{
    background:url("../img/label-per-guide.png") no-repeat right center;
    height: 58px;
    width:120px;
    float:right;
    margin-top:-13px;
}
.label-per-guide p
{
    font-weight:bold;
    text-align: center;
    padding: 10px;
    font-size: 2em;
    color:#fff;
    font-family: weblysleek_uisemibold, verdana,arial, sans-serif;
}
@media screen and (max-width: 767px)
{
    div#arm-dati-fattura label, table#arm-servizi td.arm-iva, table#arm-servizi td.arm-totale
    {
        text-align: left;
        width:auto;
    }
    div#arm-dati-fattura div#arm-div-tipo_persona
    {
        width:auto;
    }

    div#arm-dati-fattura div.campo2
    {
        width:auto;
    }
    div#arm-dati-fattura div#arm_tipo_pr label, div#arm-dati-fattura .tipo-persona label[for=arm-nome],
    div#arm-dati-fattura div#arm_tipo_lp label, div#arm-dati-fattura div#arm_tipo_lr label
    {
        text-align: left;
        width:auto;
    }
    .tutti-campi
    {

        width:auto;

    }

    .tutti-campi input[type="text"]
    {
        width:auto;
    }
}

/********************************************** AUTOCERTIFICAZIONE CREDITI ***************************************/
span.calendar-da
{
    border: 1px solid #ccc;
    margin:0 5px 0 0;
    padding:1px 2px;
    line-height:2.2em;
}
span#data_display
{
    margin:0.5em 5px 0.5em 0;
}
span.testo-libero
{
    display: block;
    padding-top:0.5em;
}
form.autocertificazione input.inputbox
{
    width:45%;
}
form.autocertificazione input.inputbox[type=radio]
{
    width:auto;
}
fieldset.autocertificazione div.campo
{
    height:30px;
}
fieldset.autocertificazione
{
    font-size:0.9em;
    margin-bottom:15px;
    display:block;
    clear:both;
}
fieldset.autocertificazione legend
{
    font-size: 1.4em;
}
fieldset.autocertificazione label
{
    text-align:right;
}
fieldset.dettagli-crediti label, fieldset.autocertificazione.tipologia label
{
    display:block;
    float:left;
    width:30%;
    text-align: right;
    padding-right:10px;
    line-height:2.6em;
    clear: left;
}
img.calendar, img.calendar-del
{
    vertical-align:middle;
}

fieldset.autocertificazione.tipologia label
{
    width:23%;
    line-height:2.5em;
}
fieldset.autocertificazione.dettagli-corso label
{
    width: 30%;
    display:block;
    float:left;
    text-align: right;
    padding-right:10px;
    line-height:2.2em;
    clear: left;
}
fieldset.autocertificazione.dettagli-corso label[for=id_ordine]
{
    width:auto;
}
fieldset.autocertificazione.dettagli-corso label[for=entipub]
{
    line-height:1.5em;
}
fieldset.autocertificazione.tipologia select
{
    float: left;
    padding: 2px 0;
}
div.tabella-allegati div
{
    display: inline-block;
}
div.tabella-allegati div.riga-allegati, div.tabella-allegati div.riga-allegati-sfoglia
{
    display:block;
    padding:5px 0;
}
div.riga-allegati-sfoglia div.sfoglia-allegato
{

}
div.riga-allegati-sfoglia div.stato-allegato
{
    font-style: italic;
}
div.riga-allegati div.allegato-caricato
{
    width:90%;
}
div.riga-allegati
{
    border-bottom: 1px solid #e7e7e7;
}
div.riga-allegati.ultima
{
    border-bottom:none;
}
div.tabella-allegati div.riga-allegati-sfoglia
{
    margin-top: 10px;
    border-top:3px solid #e7e7e7;
    padding:7px 0;
}
input.arm-sfoglia
{
    border:1px solid #ccc;
    padding:0 5px 0 0;
    background: #ffffff;
    max-width:450px;
}
textarea.arm-messaggi
{
    width:98%;
    height: 50px;
    font-family:'Source Sans Pro', sans-serif;
    font-size: 0.95em;
    color:#444;
    margin-bottom: 0;
}
fieldset.autocertificazione p
{
    font-size:1em;
}
fieldset.riepilogo span.grassetto
{
    display: inline-block;
    font-weight:bold;
    margin:2px 4px;
    text-align: right;
    width:20%;
}
fieldset.riepilogo
{
    border:1px solid #ccc;
}
div.messaggi-ricevuti
{
    margin-bottom:15px;
    max-height: 250px;
    overflow-y:scroll;
}
div.messaggi-ricevuti div.dalla-segreteria
{
    text-align:left;
    margin:5px;
}
div.messaggi-ricevuti div.dalliscritto
{
    text-align:right;
    margin:5px;
}
div.messaggi-ricevuti p.ultimo-msg
{
    color:#1280f1;
}
div.messaggi-ricevuti div p.orario
{
    color:#555;
    padding:0 10px;
}
div.messaggi-ricevuti div.dalla-segreteria p.testo
{
    background:#f4f6fc;
    padding:7px 10px;
    border-radius:5px;
    display: inline-block;
    width:auto;
}
div.messaggi-ricevuti div.dalliscritto p.testo
{
    background:#FFecec;
    padding:10px;
    border-radius:5px;
    display: inline-block;
    width:auto;
}
input.modifica-crediti
{
    padding: 9px 25px;
    margin-left:5px;
    color:#113a98;
    font-weight:bold;
    border-radius:4px;
    border:1px solid #aaa;
    cursor:pointer;
}
a.arm-linkform
{
    margin: 10px;
    line-height:2.5em;
}
input.modifica-crediti.seleziona, input.modifica-crediti.salva
{
    float:right;
}
input.invia-crediti
{
    padding: 15px;
    text-indent: 35px;
    margin-left:5px;
    color:#113a98;
    font-weight:bold;
    border-radius:4px;
    border:1px solid #aaa;
    font-size:1.2em;
    background:url("../img/invia-pratica.png") no-repeat 5px center #f0f0f0;
    float:right;
}
input.salva-crediti
{
    padding: 10px;
    text-indent: 15px;
    margin-left:5px;
    color:#113a98;
    font-weight:bold;
    border-radius:4px;
    border:1px solid #aaa;
    font-size:1.2em;
    float:right;
    background:url("../img/salva.png") no-repeat 5px center #f0f0f0;
    cursor: pointer;
    margin-bottom:20px;
}
input.modifica-crediti.salva
{
    background:url("../img/salva.png") no-repeat 5px center #f0f0f0;
    text-indent: 5px;
}
input.modifica-crediti.scarica
{
    background:url("../img/scarica.png") no-repeat 5px center #f0f0f0;
    text-indent: 5px;
}
input.modifica-crediti:hover, input.invia-crediti:hover, input.salva-crediti:hover
{
    color:#165ac5;
    border:1px solid #777;
}
input.nuovi-crediti, input.nuova-dichiarazione, input.nuova-esenzione, span.arm-proponi
{
    background:url("../img/aggiungi-nuovo.png") no-repeat 3px center #f0f0f0;
    float: right;
    text-indent:12px;
    padding:9px 14px;
}
span.cambiacorso
{
    background:url("../img/seleziona.png") no-repeat 3px center #f0f0f0;
    float: right;
    text-indent:12px;
    padding:9px 14px;
}
div.pulsanti.oppure
{
    float:right;
    margin-top: 10px;
}
span.arm-proponi, span.cambiacorso
{
    cursor: pointer;
    border:1px solid #aaa;
    border-radius:4px;
    color:#113a98;
    font-size:1.2em;
    font-weight:bold;
}
span.arm-oppure
{
    color:#113a98;
    line-height: 3.2em;
    padding-right: 10px;
    font-style: italic;
    font-weight: bold;
}
input.modifica-dettagli-crediti
{
    background:url("../img/dettagli.png") no-repeat 3px center #f0f0f0;
}
input.seleziona
{
    background:url("../img/seleziona.png") no-repeat 3px center #f0f0f0;
}
input.indietro
{
    background:url("../img/torna-indietro.png") no-repeat 3px center #f0f0f0;
}
a.indietro
{
    background:url("../img/torna-indietro.png") no-repeat 3px center #f0f0f0;
    padding: 9px 25px;
    margin-left:5px;
    color:#113a98;
    font-weight:bold;
    border-radius:4px;
    border:1px solid #aaa;
    cursor:pointer;
    text-decoration:none;
    display: inline-block;
    margin-bottom:20px;
    text-indent: 5px;
}
a.indietro:hover
{
    color:#165ac5;
}
input.carica-allegato
{
    background:url("../img/carica-allegato.png") no-repeat 3px center #f0f0f0;
    padding:3px 10px;
    text-indent:18px;
    font-weight: normal;
}
fieldset.pubblicazione
{
    margin-top: 10px;
}
fieldset.allegati
{
    background: #f4f6fc;
    margin:10px 0;
}
fieldset.riepilogo div.a-table
{
    margin-bottom: 15px;
}
fieldset.riepilogo div.a-row2
{
    border-bottom:1px solid #e7e7e7;
    display:block;
    clear:both;
    overflow:hidden;
    height: 49px;
}
fieldset.pratiche div.a-row2
{
    height: 30px;
}
fieldset.pratiche .a-row2.attenzione-messaggio
{
    background: #fafad2;
}
fieldset.riepilogo div.a-column
{
    float: left;
    padding:5px 10px;
    display:block;
}

fieldset.riepilogo div.a-span3
{
    width:50%;
}
fieldset.riepilogo div.a-span2
{
    width:18%;
}
fieldset.riepilogo.pratiche div.a-span2
{
    width:23%;
}
.a-column.a-span2 > img
{
    margin-bottom:-4px;
    padding-left:4px;
}
fieldset.riepilogo div.a-span1
{
    width:7%;
    text-align: center;
}
fieldset.riepilogo div.a-span0
{
    width:1%;
}
fieldset.riepilogo div.a-span4
{
    width:24%;
}
fieldset.riepilogo div.a-span5
{
    width:60%;
}
fieldset.riepilogo div.a-span6
{
    width:28%;
}
fieldset.riepilogo div.a-span7
{
    width:40%;
}
fieldset.riepilogo div.a-row1
{
    font-weight:bold;
    height: auto;
    background:#e7e7e7;
}
fieldset.riepilogo div.a-row1:after{
    content: "";
    clear: both;
    display: block;
}
fieldset.riepilogo div.a-row0
{
    color:#285BC9;
    margin-bottom:5px;
    font-weight:bold;
}
.azione-allegato > img, .a-column.a-span1 > img
{
    padding-top: 2px;
}
fieldset.autocertificazione p.informazioni-utili
{
    font-style: italic;
    font-size:0.87em;
    color:#cc0000;
    text-indent:10px;
}
div.testo-guida
{
    margin:10px 0;
}
.testo-guida.sottotitolo
{
    text-align: center;
    font-weight: bold;
    margin-top:-5px;
    font-size:0.95em;
}
.modifica-crediti.stampa
{
    float:right;
    background:url("../img/.png") no-repeat 3px center #f0f0f0;
}
span.altezza-doppia
{
    line-height:2.5em;
}
input.modifica-crediti.cancella
{
    float:right;
    background:url("../img/elimina.png") no-repeat 3px center #f0f0f0;
    text-indent:8px;
    padding:9px 17px;
}
a.torna-indietro
{
    padding-left:20px;
}
fieldset.autocertificazione div.mess_err
{
    text-align: left;
    text-indent: 30%;
    padding-left:10px;
}
fieldset.autocertificazione div.errgrave div.mess_err
{
    text-indent:0;
}
span.link.modifica, span.link.elimina, span.link.visualizza
{
    cursor:pointer;
}
span.link.visualizza
{
    text-decoration: underline;
    color:#06c;
}
span.link.visualizza:hover
{
    color:#09f;
}
fieldset.dettagli-crediti label[for=id_ordine]
{
    display:none;
}
.corsiesterni
{
    max-height: 500px;
    overflow-y:scroll;
    margin-bottom:10px;
}
div.corsiesterni div.row0, div.corsiesterni div.row1
{
    border-bottom:2px solid #ededed;
    padding:0.5em 0;
}
div.corsiesterni span.titolocorso
{
    font-weight: bold;
    color:#113a98;
    cursor:pointer;
}
div.corsiesterni div.datainizio
{
    float:left;
    margin-right: 10px;
}
div.flottadx
{
    text-align:right;
}
span.tipocorso
{
    margin-right: 5px;
    border-right: 1px solid;
    padding-right: 5px;
}
span.crediticorso-inside
{
    font-weight: bold;
}

/****************************************banner cookies***********************************/
div.banner-cookies
{
    position: fixed;
    width: 100%;
    margin: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    text-align: center;
    background:#999;
    padding:7px;
    opacity:0.9;
    color:#000;
}
div.banner-cookies img.chiudi-banner{
    float: right;
    padding:0 20px 0 10px;
}
div.banner-cookies p
{
    font-size:1em;
    margin-bottom:2px;
}

@media (max-width: 767px) {

    form#recuperaUSR input.text_area,form#registra_portale label, form#registra label, form#arm-modulo-pec input[type="text"], form#registra_portale input[type="text"], form#inviaCodice input[type="text"], form#inviaCodice label[for="dati[cod_fisc]"]
    {
        width:100%;
    }
    .col-sm-8.col-sm-push-4
    {
        overflow: scroll;
    }

}
/********************************************* SCROLL ANIMATION ****************************************************/
#animazione-scroll
{
    display: flex;
    flex-direction: column;
}
.box {

    width: 100%;
    margin: 3em 0;
    transform: translateX(200%);
    transition: transform 0.8s ease;
    align-self: flex-start;
}

.box:nth-of-type(even) {
    transform: translateX(-200%);
    align-self: flex-end;
}

.box.show {
    transform: translateX(0);
}
.box .testo
{
    width:60%;
    float:left;
}
@media (max-width: 767px) {
    .box {
        width: 100%;
        align-self: center;

    }
    .box:nth-of-type(even) {
        align-self: center;
    }
}

/*********************************************************TIMELINE***************************************************/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}

.timeline > li {
    margin-bottom: 20px;
    position: relative;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline > li > .timeline-badge .glyphicon {
    top:-7px;
    left:-7px;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}


.timeline-badge.success {
    background-color: #3059C2 !important;
    border:0;
}



.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
    margin-top: 5px;
}

/**********************************************ACCORDION**********************************************************/

summary{
    cursor: pointer;
    margin: 0;
}
summary h2
{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #1F5EBD;
    border-radius: 30px;
    display: block;
    font-size: 20px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
}
details[open] > summary h2
{
    background: #1F5EBD none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
    margin-bottom: 0.5em;
}
summary h2::after

{
    background:  #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 50%;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.48);
    color: #f36f24;
    content: "\e259";
    font-family: 'Glyphicons Halflings';
    font-size: 20px;
    height: 60px;
    left: -20px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 60px;
}
details[open] > summary h2::after
{
    background:  #1F5EBD none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
    content: "\e258";
}
details[open] > summary:before {
    transform: rotate(90deg);
}

details[open] summary ~ * {
    animation: sweep 0.5s ease-in-out;
}
details[open] .panel-body
{
    border-left: 1px dashed #8c8c8c;
    padding-left: 25px;
    margin:10px;
}
@keyframes sweep {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@media (max-width: 767px) {
    .timeline
    {
        margin-right: 0;
    }

    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    ul.timeline > li
    {
        margin-top:0!important;
    }
}

.panel-medaglia {

    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.panel-medaglia .icona-medaglia
{
    background-color: #3059C2;
    border-radius:50%;
    padding:10px;
    margin-top:-45px;
}

@media (min-width: 992px) {
    .row.flex
    {
        display:flex;
        align-items: end;
    }
    .embed-responsive.embed-responsive-16by9
    {
        margin-bottom: 0!important;
    }
}

.banner-webinar
{
    position: sticky;
    bottom: 10px;
    left: 10px;
    z-index: 999;
    visibility: hidden;
}

.banner-webinar .contenuto,
.banner-webinar .button
{
    color: #ffffff;
    border-radius: 30px;
}

.banner-webinar .contenuto
{
    background: #f36f21;
    margin: auto;
    max-width: 100%;
    width: fit-content;
    text-transform: none;
    padding: 10px;
    visibility: visible;
}

.banner-webinar  .contenuto:hover
{
    background: #F39324;
    transition: .5s ease-in-out;
}

.banner-webinar .contenuto > p > a
{
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

.banner-webinar .contenuto > p > a > *
{
    margin-right: 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.banner-webinar .contenuto > p > a:hover *:not(u)
{
    text-decoration: none !important;
}

.banner-webinar .contenuto > p > a > *:last-child
{
    margin-right: 0;
}

.banner-webinar img
{
    background-color: #ffffff;
    border-radius: 30px;
    height: 45px;
    width: auto;
    display: block !important;
}

.banner-webinar .button
{
    background: #3059c2;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 29px;
    height: 40px;
    display: block !important;
    font-weight: 600;
}

.banner-webinar .button
{
    transition: .5s ease-in-out;
}

.banner-webinar .contenuto:hover .button,
.banner-webinar .button:hover
{
    text-decoration: none;
    transform: scale(1.1);
    transition: .5s ease-in-out;
}

.banner-webinar p,
.banner-webinar a
{
    color: #ffffff;
    margin: auto;
}

.banner-webinar p,
.banner-webinar p a
{
    font-size: 20px;
}

.box-webinar
{
    display: flex;
    height: auto;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
}

.box-webinar *
{
    margin: 0;
}

.box-webinar h3
{
    color: #006bae;
}

.box-webinar.box-evi .bottone-piu-info
{
    display: block;
    margin: 5px 0 5px auto;
    position: initial;
}

.box-webinar.box-evi a.bottone-piu-info
{
    margin: 0;
}

form#arm-modulo-pec div#arm-intro
{
    font-size:12px;
    color:#333333;
    margin-bottom:15px;
}
form#arm-modulo-pec p#arm-ordine_app
{
    font-weight:bold;
    font-size:12px;
    text-align: right;
}
form#arm-modulo-pec fieldset
{
    margin:5px 0;
    padding:7px;
}
form#arm-modulo-pec fieldset legend
{
    padding:3px 7px;
    color:#ff4d00;
    border:1px solid;
    background: #ffefd5;

}
form#arm-modulo-pec fieldset div.arm-spiegazione
{
    float:left;
    width:200px;
    border-right:1px dotted #e6e6e6;
    display:block;
    min-width: 180px;
}
form#arm-modulo-pec fieldset.arm-ordine div.arm-spiegazione
{
    float:left;
    border-right:none;
    border-bottom:1px dotted #e6e6e6;
    display:block;
    min-width: 600px;
    margin: 0 0 10px 10px;
}
form#arm-modulo-pec fieldset.arm-ordine div.arm-dati
{
    float:left;
}
form#arm-modulo-pec fieldset.arm-ordine div.arm-dati label
{
    width:210px;
}
form#arm-modulo-pec fieldset div.arm-dati
{
    float:left;
}
form#arm-modulo-pec fieldset div.arm-dati div
{
    margin:7px 0;
}

form#arm-modulo-pec label
{
    float:left;
    text-align: right;
    margin-right:20px;
    width:170px;
    clear:both;

}
form#arm-modulo-pec div#arm-div-pec label
{
    width:auto;
    margin-right:10px;
}
form#arm-modulo-pec div#arm-div-pec input#arm-pec
{
    width:170px;

}

form#arm-modulo-pec input[type="text"], form#arm-modulo-pec input[type="password"], form#arm-modulo-pec input[type="url"], form#arm-modulo-pec input[type="email"], form#arm-modulo-pec select
form#registra_portale input[type="text"]
{
    margin:0;
}

form#arm-modulo-pec span
{
    vertical-align: top;
    font-size:12px;
    padding-right:5px;
}
form#arm-modulo-pec div#arm-div-sesso label
{
    float:none;
    width:auto;
    vertical-align: top;
}
form#arm-modulo-pec div#arm-div-sesso input
{
    margin-left:-20px;
    margin-right:10px;
}

form#arm-modulo-pec div#arm-div-sesso {
    margin-left:130px;
}
form#arm-modulo-pec div#arm-div-psw input#arm-psw
{
    display:block;
    width:170px;
    margin:10px 0;
}