/**

*** ******************************************* IMPOSTAZIONI COMUNI ***********************************************************

**/

@font-face {
    font-family:'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/TitilliumWeb-Light.ttf') format('truetype');
}
@font-face {
    font-family:'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
}
@font-face {
    font-family:'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family:'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/TitilliumWeb-Bold.ttf') format('truetype');
}
@font-face {
    font-family:'Titillium Web';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/TitilliumWeb-Black.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Roboto-Black.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/Roboto-Italic.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/Roboto-Thin.ttf') format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
}

/* Variabili ******************************************/

:root
{
    --primary:#0c6c9c;
    --secondary:#00741a;
    /*    --bluscuro:var(--primary);*/
    --bianco: #fff;
    --corpotesto:#333;
    --grigio-chiaro:#ededed;
    --grigio-chiaro-hover:#d0d0d0;
    --grigio-scuro:#7a7a7a;
    --grigio-hover:#959595;
    --link:#004d93;
    --link-hover:#0073dc;
    --link-bianco-hover:#ccecff;
    --onfocus:#A07E31;
    --nero:#000000;
    --grigio-body: #f1f1f1;
    --titilliumweb: 'Titillium Web', sans-serif;
    --roboto: 'Roboto', sans-serif;
}
.visually-hidden,.visually-hidden-focusable:not(:focus)
{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}

/**
********************************************** LAYOUT GENERALE DEL SITO ***********************************************************
**/

html{
    outline: none;
}

body
{
    font-size: 1rem ;
    font-family: var(--titilliumweb);
    color: var(--corpotesto);
}
h1, h2, h3, h4, h5, h6
{
    font-family: var(--titilliumweb);
    font-weight: 600;
    color:var(--corpotesto);
}
a, a span, a.read-more {
    color:var(--link);
}
a:hover, a span:hover{
    color:var(--link-hover);
}
.bg-primary {
    background-color: var(--primary)!important;
}
.border-primary{
    border-color: var(--primary)!important;
}
.it-header-slim-wrapper a, .it-header-slim-wrapper a span, .it-header-slim-wrapper .it-header-slim-wrapper-content a {
    color:var(--primary);
}
.it-header-slim-wrapper .bg-primary a, .it-header-slim-wrapper .bg-primary a span, .it-header-slim-wrapper .it-header-slim-wrapper-content .bg-primary a,
.bg-primary a{
    color:var(--bianco);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{
    background-color: var(--secondary);
    color:var(--bianco);
}
.btn-primary:focus:not(.focus--mouse):not([data-focus-mouse=true]){
    box-shadow: inset 0 0 0 1px var(--grigio-scuro)!important;
    background-color: var(--primary);
}
.btn-primary, input[type="submit"]{
    font-family: var(--titilliumweb);
}
.it-header-slim-wrapper .it-header-slim-wrapper-content a.btn.btn-primary:hover
{
    background-color: var(--secondary);color:var(--bianco);
}
.btn-primary,
.btn-primary:hover
input[type="submit"],
input[type="submit"]:hover{
    background-color: var(--primary);
    color:var(--bianco);
}

.btn-secondary{
    background-color: var(--grigio-scuro);
    font-family: var(--titilliumweb);
}
.btn-secondary:hover{
    background-color: var(--grigio-hover);
    border-color:var(--primary);
}
.btn-outline-primary
{
    background-color: transparent;
    color: var(--link);
    box-shadow: none;
    border:1px solid var(--link);
}
.btn-outline-primary:hover
{
    background-color: transparent;
    color:var(--link-hover);
    box-shadow: none;
    border:1px solid var(--link-hover);
}
.form-check [type=checkbox]:focus+label, .form-check [type=radio]:focus+label, .toggles label input[type=checkbox]:focus+.lever, :focus:not(.focus--mouse):not([data-focus-mouse=true])
{
    border-color:var(--onfocus)!important;
    box-shadow: 0 0 0 2px #cfa953!important;
}
.it-brand-wrapper a:focus:not(.focus--mouse):not([data-focus-mouse=true])
{
    box-shadow: none!important;
}
input[type="submit"]
{
    border:none;
    padding: 6px 24px;
}
@media (max-width:767px)
{
    .container
    {
        padding-left: 24px!important;
        padding-right: 24px!important;
    }
}
/****************************************banner cookies***********************************/

div.banner-cookie{
    position: fixed;
    width: 100%;
    margin: 0px;
    display: flex;
    column-gap: 1em;
    justify-content: space-between;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    background-color: #5b5b5b;
    padding:1em 2em;
    color:#fff;
    font-size: 0.9em;
}
div.banner-cookie p{
    font-size:1em;
    margin-bottom:0;
}
div.banner-cookie a
{
    color:#fff;
}
div.banner-cookie a:hover
{
    color:var(--link-bianco-hover);
}
div.banner-cookie img.chiudi-banner
{
    margin:0 0 0.5em;
    float: right;
}
.cookiebar-btn.cookiebar-confirm
{
    background: 0 0;
    border:none;
    color:var(--bianco);
    letter-spacing:.1em;
    font-weight: 600;
    text-transform: uppercase;
}
.cookiebar-btn.cookiebar-confirm:hover
{
    text-decoration: underline;
}
@media (min-width: 768px)
{
    div.banner-cookie{
        padding: 2em 3em;
    }
}
@media (min-width: 992px)
{
    div.banner-cookie {
        max-width: 832px;
        left:50%;
        right:auto;
        transform: translateX(-50%);
        border-radius: 4px 4px 0 0;
    }
}
/**

*** ******************************************* LAYOUT INTESTAZIONE ***********************************************************

**/
.it-header-slim-wrapper
{
    background-color: var(--grigio-body);
    font-family: var(--titilliumweb);
}
.it-header-center-wrapper
{
    background-color: var(--bianco);
}
.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper img {
    width:auto!important;
    margin-right: 8px;
    height: 48px!important;
}
.it-footer .it-brand-wrapper img
{
    margin-right: 10px;
}
.link-list-wrapper ul li a
{
    font-size: 1em;
    text-decoration: underline;
}
.it-brand-wrapper a .it-brand-text
{
    color:var(--nero);
}
.it-brand-wrapper a .it-brand-text h1
{
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 0;
}
.it-brand-wrapper a .it-brand-text h2
{
    font-size: 0.8em!important;
    font-weight: 400!important;
}
.link-list-wrapper p
{
    margin-bottom: 0;
}
@media (min-width: 768px){
    .it-header-center-wrapper
    {
        padding:6px 0;
        height:auto;
        margin-bottom: 1em;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper img
    {
        width: auto!important;
        height: 60px!important;
        margin-right: 10px;
        z-index: 20;

    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper div
    {
        font-size: 1.3em;
        line-height: 1.2em;
        font-weight: 700;
    }
    .it-header-navbar-wrapper {
        background-color: var(--primary);
    }
    .it-header-slim-wrapper .it-header-slim-wrapper-content .nav-mobile ul.link-list
    {
        align-items: center;
        margin:0;
        display: flex;
        padding: 0 24px;
        border-left: 1px solid rgba(255,255,255,.2);
    }
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper
    {
        position: inherit;
        left:auto;
        top:inherit;
        margin-top:0;
    }
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav
    {
        margin-left: 5.6em;
    }
    .navbar .navbar-collapse
    {
        position: relative;
        top:auto;
        right:auto;
        left: auto;
        bottom:auto;
        display: block!important;
        transition: none;
    }
    .navbar .navbar-collapse .menu-wrapper
    {
        transform: none;
        position: inherit;
        top:auto;
        left:auto;
        right:auto;
        bottom: auto;
        overflow-y: visible;
        transition: none;
        background: none;
    }
    .it-header-navbar-wrapper nav .navbar-collapse .menu-wrapper .navbar-nav
    {
        padding:0;
    }
    .it-header-slim-wrapper-content .col-lg-3.col-md-2.d-none.d-md-block
    {
        padding-left:0!important;
        height:100%;
    }
}
@media (min-width:992px){
    .it-header-slim-wrapper .link-list-wrapper
    {
        display: flex;
        justify-content: space-between;
    }
    .it-header-slim-wrapper .it-header-slim-wrapper-content .header-slim-right-zone
    {
        height: auto;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper img
    {
        width: auto!important;
        height: 82px!important;
        margin-right: 10px;
        z-index: 20;

    }
}
@media(max-width:767px){
    .it-header-wrapper .it-nav-wrapper .it-brand-wrapper
    {
        padding-left: 10px;
    }
    .it-header-slim-wrapper, .it-header-slim-wrapper .col-12
    {
        padding:0;
    }
    .it-header-slim-wrapper .container, .it-header-center-wrapper .container, it-header-navbar-wrapper .container
    {
        padding-left: 4px!important;
        padding-right: 4px!important;
    }
    .it-header-slim-wrapper .it-header-slim-wrapper-content
    {
        justify-content: flex-start;
        column-gap: 1em;
    }
    .it-header-slim-wrapper .it-header-slim-wrapper-content .btn.btn-full
    {
        margin:0;
    }
    .it-header-slim-wrapper .it-header-slim-wrapper-content .nav-mobile
    {
        flex-grow: 2;
    }
    .it-header-slim-wrapper .it-header-slim-wrapper-content .nav-mobile ul.link-list
    {
        margin:2px 0;
    }
    .it-header-slim-wrapper ul.link-list li
    {
        float: left;
    }
    .it-header-slim-wrapper ul.link-list li a
    {
        padding: 0 10px;
        line-height: 1.4em;
    }
    .it-header-slim-wrapper .menu-bacheca ul.link-list li a
    {
        padding: 0.5em 0.6em;
    }

    .it-header-center-wrapper
    {
        height: auto;
        padding:5px 8px;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper .it-brand-text
    {
        padding-right: 10px;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a div
    {
        font-size: 0.9em;
        line-height: 1.1em;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper
    {
        display: block;
    }
}
/**

*** ******************************************* LAYOUT GENERALE PER STAMPA ***********************************************************

**/
a.stampa
{
    background: url(../img/arm-stampa.png) no-repeat right center;
    padding:0.6em 2.2em;
    margin:0 1.5em;
    float:right;
}
body.contentpane
{
    height: 100%;
    background:#ffffff;
    text-align: left;
    color: #333333;
    font-family:Helvetica, sans-serif;
    font-size: 14px;

}
body.contentpane div.arm-popup div#arm-intestazione
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-bottom:1px solid #cacaca;
}
body.contentpane div.arm-popup
{
    margin:0 20px;

}
body.contentpane div.arm-popup div.arm-pagina
{
    overflow: auto;
}


/**
********************************************** LAYOUT RICERCA **********************************************************
**/
.it-search-wrapper, .arm-search,  .arm-search form
{
    height:100%;
}
.it-search-wrapper
{
    background: var(--bianco);
}
.it-search-wrapper a
{
    padding: 0.2em;
    display: inline-block;
    height: 100%;
}
.form-label-group.search.arm-search
{
    display: flex;
    background-color: var(--bianco);
    height:100%;
    border-bottom: 2px solid var(--grigio-scuro);
}
input[type=search]
{
    padding: 0.5rem;
    border-bottom:none;
    height: auto;
    font-weight: 400;
    color:#666666;
    background-color: transparent;
}
input[type=search]#mod_search_searchword:focus, .form-label-group.search.arm-search:focus
{
    box-shadow: 0 2px 0 0 #f90!important;
}
.it-search-wrapper button.autocomplete-icon
{
    position: relative;
    top:0;
    background-color: transparent;
    border-radius:0;
}
.it-search-wrapper button:hover, .it-search-wrapper a:hover
{
    background-color: var(--onfocus);
}
.it-search-wrapper button.autocomplete-icon:focus
{
    box-shadow: 0 0 0 0!important;
}
.select-wrapper label
{
    position: relative;
    color:var(--primary);
    display: inline-block;
    line-height: 1.5em;
    font-size: 1.1em;
    font-family: var(--titilliumweb);
    transform: none;
    padding: 0;
}
.cerca-cosa
{
    margin-bottom: 1em;

}


/**
********************************************** LAYOUT DEL MODULO LOGIN ***********************************************************
**/
.arm-modulo_login{
    display: flex;
    align-items: center;
}
.arm-login
{
    border-right: 1px solid var(--primary);
}
.arm-login a span
{
    color:var(--bianco);
}
div#arm-wrapper-slide
{
    width:100%!important;
}
#arm-div-slide
{
    text-align: center;
    background: var(--bianco);
    padding: 0.8em 1em;
    overflow: hidden;
    border:1px solid var(--primary);
    border-top:0;
}

.arm-infoutente > div
{
    padding:0.5em;
    column-gap: 1em;
}

.arm-infoutente > div.arm-esci
{
    justify-content: flex-end;
}
.arm-testologin p
{
    margin-bottom: 0.8em;
}
/**
********************************************** AUTENTICAZIONE ***********************************************************
**/
@media (max-width:767px){
    fieldset.autenticazione
    {
        width: 100%;
    }
}
@media (min-width:768px){
    .btn-full
    {
        padding:12px 24px 11px 24px!important;
    }
}
.reg-rec
{
    margin-top:1em;
}


/**
*** ******************************************* LAYOUT BOTTONI SOPRA MENU  ***********************************************************
**/
.it-right-zone .arm-modulo
{
    margin:0.5em 0;
}
.it-right-zone .btn
{
    width:100%;
    font-weight: 500;
    padding:8px 24px;
    align-items: end;
    justify-content: flex-start;
}
.it-right-zone .btn img
{
    max-width: 100%;
}

/**

*** ******************************************* LAYOUT DEL MENU DI 1 LIV ***********************************************************

**/
@media (min-width: 768px)
{
    .navbar .navbar-collapse .navbar-nav li a
    {
        display:flex;
        align-self: flex-end;
        padding:0.5em;
        color:var(--nero)!important;
        border-bottom:3px solid transparent;
        font-size: 1em;
        font-weight: 600;
        font-family: var(--titilliumweb);
        line-height: 1.8em;
    }
    .navbar .navbar-collapse .navbar-nav li a img.icon
    {
        width:24px;
        height:24px;
    }
}
@media (min-width: 992px)
{
    .navbar .navbar-collapse .navbar-nav li a
    {
        font-size: 1.2em;
        align-items:center;
        white-space: nowrap;
    }
}
.navbar .navbar-collapse .navbar-nav li a span
{
    color:var(--nero)!important;
}
.navbar .navbar-collapse .navbar-nav li li a, .navbar .navbar-collapse .navbar-nav li li a span
{

    color:var(--primary)!important;
    font-size: 1em;
    font-weight: 400;
    font-family: var(--titilliumweb);
    line-height: 1.2em;
}
.navbar .navbar-collapse .navbar-nav li li a
{
    padding: 0.3em 0.4em;
}
.navbar .navbar-collapse .navbar-nav li li a:hover
{
    text-decoration: underline;
}
div.arm-menulivello_0 ul.mainlevel
{
    margin: 0;
    padding: 0;
    width: auto;
}
div.arm-menulivello_0 ul.mainlevel li
{
    display: block;
    float: left;
}


/**

*** ******************************************* LAYOUT DEL MENU A TENDINA ***********************************************************

**/
div.arm-menulivello_0 ul.mainlevel ul
{
    background-color: var(--bianco);
    min-width: 12rem;
    padding: 0.8em;
    border-radius: 4px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    box-shadow:0px 9px 14px 7px rgb(0 0 0 / 5%);
}
div.arm-menulivello_0 ul.mainlevel ul:before
{
    content:'';
    position:absolute;
    top:-6px;
    left:24px;
    width:18px;
    height:18px;
    border-radius:2px;
    background-color:#fff;
    transform:rotate(45deg);
}
div.arm-menulivello_0 ul.mainlevel ul ul
{
    top: 0;
    left:11.2rem;
    border-radius: 4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
div.arm-menulivello_0 ul.mainlevel ul ul:before
{
    width:0;
    height:0;
}
ul.mainlevel ul span.expanded
{
    display: block;
    padding-right: 10px;
}

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

ul.mainlevel {
    z-index: 101;

}

ul.mainlevel ul {
    z-index: 102;
}

ul.mainlevel ul ul {
    z-index: 104;
}

ul.mainlevel li {
    padding: 0;
    margin: 0;
    background: none;
    list-style: none;
    float: left;
    position: relative;
}

ul.mainlevel ul span.expanded
{
    display: block;
    padding-right: 10px;

}
ul.mainlevel ul {
    display: none;
    position: absolute;
    left:auto;
}

ul.mainlevel li:hover ul,
ul.mainlevel li.hover ul {
    display: block;
}


ul.mainlevel li:hover ul ul,
ul.mainlevel li.hover ul ul,
ul.mainlevel li:hover ul li:hover ul li ul
{
    display: none;
}

ul.mainlevel li:hover ul li:hover ul,
ul.mainlevel li.hover ul li.hover ul,
ul.mainlevel li:hover ul li:hover ul li:hover ul {
    display: block;
}


ul.mainlevel, ul.mainlevel li li {
    clear: left;
}



ul.mainlevel li > ul
{
    top: calc(100%);
}



/**************************************MENU MOBILE****************************************************************/
.navbar-toggle
{
    margin-right: 0;
    background: #ddd;
    border: none;
    border-radius: 3px;
    float: left;
    margin-top: 0;
    padding: 0.6em 0.4em;
}
.navbar-toggle:hover
{
    background-color: var(--primary) !important;
}

.navbar-toggle .icon-bar{
    border-color: var(--primary);
    display: block;
    width: 1.5em;
    height:2px;
    border-radius: 1px;
    border:1px solid var(--primary);
}
.navbar-toggle .icon-bar + .icon-bar
{
    margin-top:4px;
}
.navbar-toggle:hover .icon-bar{
    border-color: #fff;
}
.navbar .navbar-collapse .navbar-nav li a#menulink_6 img.icon,
.navbar .navbar-collapse .navbar-nav li.arm-ultima_0 .dropdown-menu_wbm
{
    display: none;
}

@media (min-width: 768px) {
    .solo-mobile, .navbar-toggle, .navbar .navbar-collapse .navbar-nav li li a img.icon
    {
        display: none;
    }
}
@media (min-width: 992px) {
    .navbar .navbar-collapse .navbar-nav li a img.icon
    {
        fill: var(--bianco);
    }
}
@media (max-width: 767px) {
    .navbar .navbar-collapse, .navbar
    {
        display: block;
        position: relative;

    }
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper
    {
        position: relative;
        margin-top: -80px;
        margin-bottom:46px;
    }
    div.arm-menulivello_0 ul.mainlevel li
    {
        width:100%;
        border-bottom: 1px solid #bbb;
        background-color: var(--grigio-chiaro);
        padding: 8px;
        float:none;
        text-align: left;
    }
    div.arm-menulivello_0 ul.mainlevel li li
    {
        width:100%;
        border-bottom: 1px solid #bbb;
        background-color: var(--bianco);
        padding: 6px;
        float:none;
        text-align: left;
    }
    .navbar .navbar-collapse div.arm-menulivello_0 ul.mainlevel li a span, div.arm-menulivello_0 ul.mainlevel li a
    {
        color:var(--link)!important;
        text-decoration: none;
        font-family: var(--titilliumweb);
        font-weight: 600;
    }
    .navbar .navbar-collapse div.arm-menulivello_0 ul.mainlevel li a img.icon
    {
        display: none;
    }
    .navbar .navbar-collapse div.arm-menulivello_0 ul.mainlevel li img.solo-mobile
    {
        width: 14px;
        margin-left: 0.8em;
    }
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav
    {
        padding:0!important;
    }
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav > div
    {
        width:100%;
        top:20px;
        height: auto!important;
    }
    ul.mainlevel li ul
    {
        position: relative;
        top:0;
        width:100%;
        left: 0;
    }
    ul.mainlevel li:hover ul
    {
        top:8px;
        padding:0;
    }
    div.arm-menulivello_0 ul.mainlevel ul:before
    {
        width:12px;
    }
}

/**
********************************************** LAYOUT DEL MENU DI 3 LIV COLONNA DX***********************************************************
**/
.sidebar-wrapper
{
    padding: 0;
    margin-bottom: 1.5em;
}
.sidebar-wrapper h3
{
    letter-spacing: 0;
    font-size: 1.2em;
    padding: 0!important;
    text-transform: none;
    border-bottom:2px solid var(--primary);
}
.sidebar-wrapper ul
{
    list-style: none;
    padding: 0;
    margin:0;
}
.sidebar-wrapper ul ul
{
    padding-left: 0.8em;
}
div.arm-menulivello_2 ul#menulist_root_2 ul
{
    padding:0;
}
.pagina-sito  .sidebar-wrapper ul li a, .pagina-sito  .sidebar-wrapper ul li span
{
    text-decoration:none;
    line-height: 1.3em;
    padding: 0.5em 0.5em 0.5em 1.5em;
    display: block;
    font-weight: 500;
    color: var(--link);
    border-bottom: 1px solid var(--grigio-chiaro);
}
.pagina-sito  .sidebar-wrapper ul li span.mainlevel_active
{
    font-weight: 700;

}
.pagina-sito  .sidebar-wrapper ul li
{
    border-bottom: 0;
}
div.arm-menulivello_2 ul#menulist_root_2 ul li a
{
    color:var(--primary);
}
div.arm-menulivello_2 ul#menulist_root_2 li a:hover, .sidebar-wrapper ul li a:hover
{
    text-decoration: underline;
}
div.arm-menulivello_2 ul#menulist_root_2 a.arm-corrente,div.arm-menulivello_2 ul#menulist_root_2 li.arm-corrente a,
.sidebar-wrapper ul li a.mainlevel_current, .sidebar-wrapper ul li a.sublevel_current
{
    font-weight: 600;
    border-left: 2px solid var(--primary);
}
.sidebar-wrapper ul li a.mainlevel_active, .sidebar-wrapper ul li a.sublevel_active,.sidebar-wrapper ul li.active, .sidebar-wrapper ul li a#active_menu
{
    font-weight: 600;
}
div.arm-menulivello_2 ul#menulist_root_2 > li > a
{
    padding-left: 0;
}
div.arm-menulivello_2 ul#menulist_root_2 > li > a span
{
    letter-spacing: 0;
    font-size: 1.2em;
    padding: 0!important;
    text-transform: none;
    color:var(--primary);
    font-weight: 600;
    font-family: var(--titilliumweb);
}

.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li.active a:after
{
    content:"";
    display: block;
    width:2px;
    position: absolute;
    top:0;
    bottom: 0;
    background-color: var(--link);
    left:-4px;
}
.sidebar-wrapper.it-line-right-side .sidebar-linklist-wrapper .link-list-wrapper ul li.active a:after
{
    left:auto;
    right: 0;
}

/**********************************************************************BREADCRUMB*************************************************/
.breadcrumb-container .breadcrumb .breadcrumb-item
{
    padding: 0 0.5em;
}


/*************************************************************** PAGINE INTERNE CONTENUTI ******************************/
main#main-content
{
    padding-bottom: 1.5rem;
}
#arm-main_condx
{
    padding: 0 6px;
}

.arm-blog p, .arm-blog span, .arm-blog p span, .arm-blog div span, .arm-blog li span,
.arm-pagina p, arm-pagina span, .arm-pagina p span, .arm-pagina div span, .arm-pagina li span
{
    color:var(--corpotesto)!important;
    line-height: 1.4em!important;
    font-size: 1em!important;
}
.arm-pagina a span
{
    color:var(--link)!important;
}
.pagina-sito ul li img
{
    float:left;
    margin:0.5em 1em;
}
.pagina-sito ul li a
{
    text-decoration: underline;
    font-weight: 600;
    padding: 1em 0;
}
.pagina-sito ul
{
    list-style: none;
}
.pagina-sito ul li
{
    overflow: hidden;
}
.it-list-wrapper .it-list a .it-right-zone
{
    border-bottom:none;
}
.arm-blog .leading, .arm-blog .articolo_riga
{
    padding:1em 0;
    border-bottom:1px solid var(--primary);
}
.card .card-body .card-text, .card .card-body .card-text p, .card .card-body .card-text span,.arm-blog p, .arm-blog span
{
    color:var(--corpotesto)!important;
    font-family: var(--titilliumweb)!important;
    font-size: 1rem;
}
.card .card-body .card-text .d-flex.justify-content-around
{
    flex-wrap: wrap;
}
@media (min-width:992px){
    #arm-coldestra
    {
        padding-left: 24px;
    }

    #arm-main_condx
    {
        padding: 0 24px;
    }
    .d-flex .arm-blog
    {
        margin-left:2em;
    }
}
@media (min-width:768px){
    .d-flex .arm-blog
    {
        margin-left:1.5em;
    }
    #arm-main_condx
    {
        border-right: 1px solid var(--grigio-chiaro);
    }
}
@media (max-width:767px){
    .row.arm-blog
    {
        justify-content: center;
    }
}
/**
******************************************************************* LAYOUT ESPANDIBILE  *****************************************
**/
.jpane-toggler  span   {
    background: url(../img/svg/it-expand.svg) right center no-repeat;
    text-decoration:none;
    padding-right: 1.5em;
}
.jpane-toggler-down span {
    background: url(../img/svg/it-collapse.svg) right center no-repeat;
    text-decoration:none;
    padding-right: 1.5em;
}
.pane-sliders .panel h2
{
    font-size: 1.2em;
    cursor: pointer;
}
.panel{
    border:none;
}


.pane-sliders .panel
{
    border-bottom: 1px solid var(--primary);
    margin-bottom: 1em;
}


/*************************************************************** PAGINAZIONE ******************************/
.pagenav
{
    text-align: center;
}
.pagenav span, .pagenav a
{
    padding:0.6em 1em;
    font-weight: 500;
}
.pagenav span.pagenav
{
    border:1px solid var(--primary);
    border-radius:4px;

}

/*********************************************************FOOTER**************************************************/
.it-footer
{
    background-color:var(--bianco);
}
.it-footer .it-brand-wrapper
{
    display: flex;
}
.it-footer .it-brand-wrapper a .icon
{
    width:48px;
    height:48px;
    margin-right: 1em;
}
.it-footer .it-brand-wrapper div.no_toc
{
    font-size: 1.2em;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.2em;
    color: var(--nero);
}
.it-footer .arm-modulo_info h4, .it-footer .arm-modulo_info ul li a, .it-footer .arm-modulo_info ul li, .it-footer a
{
    color:var(--nero);
}
.it-footer .link-list-wrapper.footer-menu ul
{
    margin: 0;
}
.it-footer .arm-modulo_info p
{
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 0.5em;
}
.it-footer .arm-modulo_info ul li a:hover{
    text-decoration: underline;
}
.it-footer .arm-modulo_info ul li a
{
    font-size:1em;
    padding: 0;
    line-height: 1.5em;
    display: inline-block;
}

.it-footer .link-list-wrapper.footer-menu ul li a
{
    color:var(--nero);
    font-family: var(--titilliumweb);
    font-size: 1em;
    font-weight: 600;
    padding: 0 12px;
}
.it-footer .link-list-wrapper.footer-menu ul li a:hover
{
    text-decoration: underline;
}
footer .webloom-logo .container-logo
{
    max-width: 150px;
}
.container-logo
{
    width:100%;
    display: block;
    overflow: hidden;
    margin:auto;
}
.container-logo img
{
    width:auto;
    max-width: 100%;
    max-height: 70px;
}
@media (min-width:992px){
    .it-footer .link-list-wrapper.footer-menu ul
    {
        display:flex;
    }

}

/******************************************************LAYOUT PAGINE INTERNE********************************************************/
.pagina-sito.container
{
    padding: 1em 0 3em 0;
}


/**
******************************************************************* FORM  *****************************************
**/
.form-group
{
    margin-bottom:1rem;
}

form fieldset div.campo span.radio label
{
    float: none;
    width: auto;
    text-align: right;
}

form fieldset legend
{
    color: var(--primary);
    font-size: 1.2em;
}
.form-group label
{
    position: relative;
}
input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password],  input[type=tel], input[type=text], input[type=time], input[type=url], textarea
{
    font-weight: 400;
}
.form-group small.testo-form
{
    padding: .25rem .5rem;
    display: block;
}


/**
*** ******************************************* LAYOUT TABELLE **************************************************
**/
.table thead th
{
    font-weight: 600;
    font-size: 1.1em;
    color:var(--primary);
}
.table td, .table th
{
    padding: 0.5em 0.3em;
}
.arm-pagina .table td p
{
    margin-bottom: 0;
}
td.conteggio
{
    width:2em;
}
@media (min-width: 568px) {

    .table td, .table th
    {
        padding: 0.5em;
    }
}



/**
*** ******************************************* LAYOUT RICHIEDI DATI **************************************************
**/

form#recuperaUSR div.campo
{
    margin: 0px 0px 10px 0px;
}
form#recuperaUSR fieldset div.campo label
{
    float: left;
    text-align: right;
    padding-right: 10px;
    width: 150px;
    padding-top:2px;
}

div.testoguida
{
    /*width: 450px;*/
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 130%;
}
form#recuperaUSR div.arm-sepcampi
{

    height: 20px;
    margin-bottom: 15px;
}
form#recuperaUSR div.arm-sepcampi label
{
    line-height: 18px;
}
form#recuperaUSR div.arm-sepcampi input
{
    margin: 0;
    float: right;
}
form#recuperaUSR div.arm-sepcampo
{
    margin-bottom: 10px;
}

span.calendar-da
{
    border: 1px solid #bbb;
    padding: 2px;
}
/**
******************************************************************* LAYOUT AGGIORNAMENTO DATI  *****************************************
**/
form#recuperaUSR label.hasTip, form#recuperaPSW label.hasTip
{
    width:30%;
    margin-right:10px;
    float:left;
    text-align:right;
    line-height: 2.3em;
}
form#recuperaUSR label.hasTip
{
    width:35%;
}
form#recuperaUSR div.campo input, form#recuperaPSW div.campo input
{
    width:50%;
    padding: 2px 4px;
    margin:4px 0;
    line-height: 1.4em;
}
form#recuperaPSW legend
{
    display: none;
}
form#recuperaPSW div.campo, form#recuperaUSR div.campo
{
    font-size:0.9em;
    width: 100%;
}
._err input, ._err select
{
    border:1px solid #ff0201;
}
.a-aggiorna
{
    margin:10px 0;
}

input#button_albo, input.pulsante80, form#inviaCodice input.pulsante170
{
    float:right;
}
a.credenziali_cambiousername, a.credenziali_cambiopassword
{
    width:45%;
    float:left;
    margin:10px;
}
.modifica-indirizzi input.pulsante170.pulsante-pratica
{
    float:right;
    font-size:16px;
    padding:3px 12px;
}
#agg_foto, #agg_foto_elimina, input#agg_foto_conferma
{
    margin:10px;
    height:auto;
    line-height: 1.1em;
    font-size:16px;
    padding:5px 20px;
    float: left;
}

.puls-foto-static
{
    clear:right;
    display:block;
    overflow: hidden;
}
.pulsanti
{
    overflow:hidden;
}
.label-dati
{
    font-weight:bold;
    float:left;
    min-width: 180px;
    width:30%;
    padding-left:5px;
}
.formazione-tipo, .impieghi-tipo, .professionali-tipo, .provvedimenti-tipo
{
    border-bottom: 2px solid var(--link);
    margin-bottom:5px;
    padding:3px;
    color: var(--link);
    font-weight:bold;
}
.a-row3
{
    overflow: hidden;
    padding:5px;
    border-bottom:1px dotted #ddd;
}
.autocertificazione.indirizzi .a-row2, .anagrafica .a-table, .a-table .a-row2, .qualifiche .a-table, .assicurazione .a-table, .provvedimenti .a-table
{
    border:1px solid #ccc;
    padding:10px;
    margin-bottom:10px;
    overflow:hidden;
}
.autocertificazione.indirizzi .indirizzo-completo
{
    display:block;
    overflow:hidden;
}
.autocertificazione.indirizzi .indirizzo-tipo, .autocertificazione.indirizzi .email-tipo, .autocertificazione.indirizzi .telefono-tipo
{
    font-weight: bold;
}
.autocertificazione.indirizzi .indirizzo-dati .campo, .autocertificazione.indirizzi .email-dati, .autocertificazione.indirizzi .email-tipo,
.autocertificazione.indirizzi .telefono-tipo, .autocertificazione.indirizzi .telefono-dati
{
    display:inline;
}
.autocertificazione.indirizzi .indirizzo-tipo
{
    width:20%;
    float: left;
    color:var(--grigio-scuro);
    text-align: center;
    overflow: hidden;
}
.autocertificazione.indirizzi .a-row4, .autocertificazione.indirizzi .a-row3
{
    float: left;
    margin-left: 20%;
    overflow: hidden;
    display:block;
    width:79%;
}
/******/
.lista-pratiche
{
    font-size:0.9em;
    margin-top:10px;
}
.intestazione-archivio
{
    margin-top:10px;
}
.title.archivio
{
    font-size: 1.2em;
    padding-bottom:4px;
    padding-left:3px;
    border-bottom: 4px solid #999;
    margin: 0 0 10px 0;
    font-weight:bold;
    color: #ff0201;
    display:block;
}
form#arm-nuovadomanda
{
    margin:10px 0;
}
.lista-pratiche .intestazione-pratica
{
    overflow: hidden;
    background: #e6e6e6;
    font-weight: bold;
}
.lista-pratiche .intestazione-pratica .title, .lista-pratiche .body-pratica .contenuto
{
    float:left;
    padding: 5px 2px;
}
.lista-pratiche .descrizione
{
    width:35%
}
.lista-pratiche .data
{
    width:15%
}
.lista-pratiche .stato, .lista-pratiche .stato-pratica
{
    width:20%
}
.lista-pratiche .azioni
{
    width:27%
}
.lista-pratiche .body-pratica
{
    overflow: hidden;
    border-bottom:1px solid #ccc;
}
.lista-pratiche .next-pratica
{
    margin:15px 0 0 0;
    padding:15px;
    background: #F0FFF3;
    border:1px dashed #999;
}
.lista-pratiche img.next-step
{
    margin-top:-35px;
    margin-left:-18px;
}
.lista-pratiche .next-pratica span.azione-successiva, .lista-pratiche .note span.note
{
    margin-right:5px;
}
.lista-pratiche .next-pratica a
{
    text-decoration:underline;
}
.lista-pratiche div.note
{
    padding:10px;
    font-style: italic;
}
.lista-pratiche .contenuto img
{
    padding: 0 4px;
    height:16px;
}

.list-footer
{
    text-align: center;
    font-size: 0.9em;
}
/******/
.modifica-indirizzi
{
    font-size: 0.9em;
    clear:both;
}
.modifica-indirizzi .a-row2.riga-1.altrirecapiti
{
    margin-bottom: 20px;
}
.modifica-indirizzi .indirizzo-tipo
{
    font-weight: bold;
    color:var(--grigio-scuro);
    margin-top:-28px;
    margin-bottom:8px;
    font-size:1.2em;
}
.modifica-indirizzi .indirizzo-tipo span
{
    background: #fff;
    padding:2px 10px;
}
.a-row2.riga-1.interorecapito
{
    margin:20px auto;
}

.modifica-indirizzi .indirizzo-dati
{
    overflow: hidden;
    background: #f0fff3;
    padding:2px 0;
    border-bottom: 1px dotted var(--grigio-scuro);
}
.modifica-indirizzi .tutte-email, .modifica-indirizzi .tutti-telefoni
{
    padding:1px 0;
    background: #f4f4f4;
}
.cancella-dato
{
    width: 20%;
    float: right;
    text-align: right;
    padding-right:4%;
}

.modifica-indirizzi .email-dati, .modifica-indirizzi .telefono-dati, .modifica-indirizzi .dati-via
{
    width:50%;
    float: left;
}
.modifica-indirizzi .email-tipo, .modifica-indirizzi .telefono-tipo, .campo-via .label-indirizzi
{
    width:20%;
    float:left;
}
.modifica-indirizzi .indirizzo-dati div.campo-nazione, .modifica-indirizzi .indirizzo-dati div.campo-comune
{
    width:54%;
    float: left;
    margin:4px 1%;
}
.modifica-indirizzi .indirizzo-dati div.campo-provincia, .modifica-indirizzi .indirizzo-dati div.campo-cap
{
    width:42%;
    float: left;
    margin:4px 1%;
}
.modifica-indirizzi .indirizzo-dati div.campo-nazione .label-indirizzi, .modifica-indirizzi .indirizzo-dati div.campo-comune .label-indirizzi
{
    width:37%;
    float:left
}
.modifica-indirizzi .indirizzo-dati div.campo-nazione .dati-paese, .modifica-indirizzi .indirizzo-dati div.campo-comune .dati-comune

{
    width:63%;
}
.modifica-indirizzi .indirizzo-dati div.campo-provincia .label-indirizzi, .modifica-indirizzi .indirizzo-dati div.campo-cap .label-indirizzi
{
    width:32%;
    float:left
}
.modifica-indirizzi .indirizzo-dati div.campo-provincia .dati-provincia, .modifica-indirizzi .indirizzo-dati div.campo-cap .dati-cap

{
    width:65%;
}
.modifica-indirizzi .indirizzo-dati div.campo select
{
    width:63%;
    max-width:100%;
    padding: 2px;
    min-width: 0;
    margin:0;
}
.modifica-indirizzi .a-row3 div.campo, .modifica-indirizzi .a-row4 div.campo
{
    margin: 0;
}
.modifica-indirizzi .a-row3, .modifica-indirizzi .a-row4, .modifica-indirizzi .indirizzo-dati div.campo.campo-via
{
    margin:5px 8px;
    overflow: hidden;
}

.modifica-indirizzi div.campo input[type="text"]
{
    width:100%;
    margin:0;
    padding: 2px 4px;
}
.modifica-indirizzi div.campo.campo-numero input[type="text"]
{
    width:99%;
    margin-left:1%;
}
.modifica-indirizzi .campo-prefisso
{
    float: left;
    width:35%;
}
.modifica-indirizzi .campo-numero
{
    float: left;
    width:65%;
}
.modifica-indirizzi .campo-prefisso  select
{
    width:100%;
    padding: 2px;
    min-width: 0;
    margin:0;
}
.modifica-indirizzi .campo._modificato select, .modifica-indirizzi .campo._modificato input[type="text"],
.modifica-indirizzi .campo._aggiunto select, .modifica-indirizzi .campo._aggiunto input[type="text"]
{
    color: #00821c;
}
.modifica-indirizzi .campo._cancellato select, .modifica-indirizzi .campo._cancellato input[type="text"]
{
    border:1px solid #00821c;
}
.modifica-indirizzi .campo._cancellato select, .modifica-indirizzi .campo._cancellato input[type="text"]
{
    background-color: #f4f4f4;
    background-image: repeating-linear-gradient(-45deg, #eee, #eee 4px, #f4f4f4 4px, #f4f4f4 8px);
}
.modifica-indirizzi.conferma .campo._cancellato select, .modifica-indirizzi.conferma .campo._cancellato input[type="text"]
{
    padding:0;
}
.modifica-indirizzi.conferma .campo._modificato select, .modifica-indirizzi.conferma .campo._modificato input[type="text"],
.modifica-indirizzi.conferma .campo._aggiunto select, .modifica-indirizzi.conferma .campo._aggiunto input[type="text"]
{
    text-decoration:underline;
    font-weight:bold;
}
.modifica-indirizzi.conferma input[type="text"], .modifica-indirizzi.conferma select
{
    border:none;
    background: none;
    color:#666;
}

.modifica-indirizzi.conferma select
{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.modifica-indirizzi.conferma select::-ms-expand
{
    display: none;
}
.modifica-indirizzi.conferma .label-indirizzi
{
    font-weight:bold;
}

.per-overflow
{
    overflow: hidden;
}
.per-overflow .bottone-verde
{
    float: right;
}

.bottone-verde.indietro{
    float: left;
}
.bottone-verde.procedi
{
    float:right;
}
form.modifica-alboiscri{
    overflow: hidden;
}
p.descrizione-dato
{
    display:inline-block;
}

/**
 *********************************************** LAYOUT FOOTER *************************************************************
 **/

div.arm-modulo_arm-footer
{
    color: #000063;
    padding: 15px 30px 10px 30px;
}
div.arm-modulo_arm-footer p
{
    margin-bottom: 5px;
}


/**
*** ******************************************* FORM REGISTRAZIONE ***********************************************************
**/

form#registra_portale div.campo input.inputbox, form#recuperaUSR input, form#impostaPSW input
{
    margin:4px;
}


/**
 *********************************************** LAYOUT DICHIARAZIONI - PRATICHE *************************************************************
 **/

div.firma
{
    width:100%;
}
div.firma p
{
    text-align:right;
}
div.firma p.p-firma
{
    padding-right:40px;
}
p.note
{
    font-size: 0.75em;
    text-align:justify;
}
form#arm-allega div.pulsanti
{
    float: left;
}
div.pulsanti a.arm-linkform
{
    border:1px solid #cccccc;
    background: var(--primary);
    padding:7px 12px;
    color:var(--nero);
    text-transform: uppercase;
    font-size: 14px;
    font-weight:bold;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    float:left;
    border-radius:4px;
    -moz-border-radius: 4px; /* firefox */
    -webkit-border-radius: 4px; /* safari, chrome */
}
form.form-conferma-pratica input.pulsante170, form#arm-allega input.arm-carica
{
    float: right;
}
table#arm-adminForm, table.arm-modulo
{
    clear:both;
    margin-bottom:10px;
    border-collapse: collapse;
}
table#arm-adminForm th, table.arm-modulo th
{
    color:var(--nero);
    background: var(--primary);
}
table#arm-adminForm th, table#arm-adminForm td, table.arm-modulo th, table.arm-modulo td
{

    border:1px solid #ccc;
    margin:0;
    padding: 8px 10px;
}
table.arm-modulo th
{
    background:none;
}
table#arm-adminForm td img.hasTip
{
    margin-bottom:-5px;
}
form#form-dicric ul.indent-list
{
    border-bottom: 1px dotted var(--grigio-scuro);
    margin-bottom:5px;
    padding-bottom:5px;
}
form#form-dicric ul.indent-list li
{
    display: block;
}
form.form-conferma-pratica input
{
    margin-right:4px;
    margin-left:2px;
}
form#form-dicric .indent-list input
{
    clear: none;
    display: inline;
    float: none;
    margin-bottom: 7px;
    margin-right:7px;
    width:auto;
}

/************* preferenze visualizzazione albo *******************/
h5.preferenze-titolo
{
    border-bottom: 2px solid var(--primary);
    text-indent: 0.5em;
    margin:1em 0;
}
/********** Registro pagamenti front end ****************/

.pendenze-table,
.registro-table, .tariffario-lista
{
    display: table;
    width: 100%;
    margin-top: 1em;
}

.pendenze-int,
.registro-int,
.pagopa-avviso,
.registro-el,
.registro-table > div
{
    display: table-row;
}

.pendenze-table .alert
{
    display: table-caption;
}
.pendenze-lista,
.registro-lista
{
    display: table-row-group!important;
}
.pendenze-lista div a, .tariffario-lista div a,
.registro-lista div a
{
    text-decoration: underline;
}
.tariffario-lista div a:hover,.tariffario-lista div a:focus,
.pendenze-lista div a:hover,.pendenze-lista div a:focus,
.registro-lista div a:hover,.registro-lista div a:focus
{
    color:#000063;
}
.pendenze-int > div,
.registro-int > div,
.pagopa-avviso > div,
.registro-el > div
{
    display: table-cell;
    /*width: 21%;*/
    border-bottom: 1px solid #dddddd;
    padding:8px;
    vertical-align: middle;
    line-height: 1.3em;
}
.tariffario-lista .cell-prezzo
{
    text-align: right;
    padding-right:1em;
}
.pendenze-int > div,
.registro-int > div
{
    font-weight: bold;
    background: #eeeeee;
}

.pendenze-table .cell-desc,
.registro-table .cell-desc
{
    width: 30%;
}


/**** SPID ******/

/** SPID - Autenticazione **/

#wbm-spid .wbm-spid-footer
{
    text-align: center;
    margin: 2em;
}

#wbm-spid .wbm-spid-logoagid img
{
    width: 250px;
    max-width: 100%;
}

#wbm-spid .wbm-spid-info
{
    margin: 1em 0;
    list-style: none;
}

#wbm-spid .wbm-spid-info li
{
    border-bottom: none;
}

#wbm-spid .wbm-spid-button
{
    margin-bottom: 1em;
}

#wbm-spid .wbm-spid-button ul li
{
    border-bottom: none;
}

#wbm-spid .wbm-spid-button ul li a
{
    padding: 0;
}

#wbm-spid .wbm-spid-button ul li img
{
    float: none;
    margin: inherit;
}

div#arm-contenuto .spid-idp-button .spid-idp-button-menu li > a img
{
    height: 25px;
}
.italia-it-button-text,.italia-it-button-text:hover
{
    color:var(--bianco);
}
/*********** Stile tab ********************/

#scelta-tipo-login .tab {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    margin-top: 1em;
}

#scelta-tipo-login .tab button {
    border: none;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 10px 15px;
    transition: 0.3s;
    background-color: transparent;
}

#scelta-tipo-login .tab button:hover {
    background-color: #ddd;
}

#scelta-tipo-login .tab button.active {
    background-color: #ddd;
}

#scelta-tipo-login .tabcontent {
    display: none;
    padding: 10px;
}

#scelta-tipo-login .tabcontent.active {
    display: block;
}

/* tab Credenziali */

.com_autenticazione_login div.ricordami,
.com_autenticazione_login div.pulsante-accedi
{
    width: 25%;
    margin-top: 10px;
    display: inline-block;
    float: none;
}


@media (max-width: 991px) {

    .com_autenticazione_login input.login-campi
    {
        width: 100%;
    }
    .com_autenticazione_login div.ricordami,
    .com_autenticazione_login div.pulsante-accedi
    {
        width: 35%;
    }
}

@media (max-width: 767px) {

    .com_autenticazione_login div.ricordami,
    .com_autenticazione_login div.pulsante-accedi
    {
        width: 48%;
    }
}
/*****CIE*****/
.com_autenticazione_login a.wbm-cie-tutorial
{
    padding:10px 0;
}
/** SPID - Errori **/
div.error dl#system-message dd.error ul li
{
    color: #D01313;
}

div.error dl#system-message dd ul li .spid-errmess
{
    color: #444;
    margin-top: 4px;
}

div.error dl#system-message dd ul li .spid-errore
{
    color: #444;
    font-weight: normal;
    font-style: italic;
}

/** Modulo Login Spid **/

.arm-modulo_login.spid div.ricordami,
.arm-modulo_login.spid div.pulsante-accedi
{
    float: none;
    display: inline-block;
}

.arm-modulo_login.spid div.ricordami
{
    width: 100px;
}

.arm-modulo_login.spid div.ricordami label
{
    vertical-align: middle;
}

.arm-modulo_login.spid #arm-h-link a,
.arm-modulo_login.spid #arm-h-link a:hover
{
    color: inherit;
}

@media (max-width: 767px)
{

    .arm-modulo_login.spid h3#arm-h-link a
    {
        width: 100%;
        display: block;
        padding: 7px 10px 5px 30px;
    }
    .arm-modulo_login.spid h3#arm-h-link a:hover
    {
        text-decoration: none;
    }
}


/*****************************************************PER IE 10 e 11  ******************************************************/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    body
    {
        font-family: 'Titillium Web', sans-serif;
        background-color: #fff;
        ;
        color: #333;
    }
    h1, h2, h3, h4, h5
    {
        font-family: 'Titillium Web', sans-serif;
        font-weight: 600;
        color:#333;
    }

    a, a span {
        color:#0058a9;
    }
    a:hover, a span:hover{
        color:#0073dc;
    }
    .bg-primary {
        background-color: #006116!important;
    }
    .it-header-slim-wrapper a, .it-header-slim-wrapper a span, .bg-primary a {
        color:#333;
    }
    .bg-primary a:hover {
        color:#ccecff;
    }
    .btn {
        font-family: 'Titillium Web', sans-serif;
    }

    .btn-primary
    {
        background-color: #006116;
    }
    .btn-primary:hover
    {
        background-color: #724f00;
    }
    .btn-outline-primary
    {
        background-color: transparent;
        color: #006116;
        border:1px solid #006116;
    }
    .btn-outline-primary:hover
    {
        background-color: transparent;
        color:#724f00;
        border:1px solid #724f00;
    }
    .btn-secondary
    {
        background-color: #7a7a7a;
        color:#fff;
    }
    .btn-secondary:hover
    {
        background-color: #959595;
        border-color:#004882;
    }

    .it-header-slim-wrapper
    {
        background-color: #dedede;
        font-family:'Titillium Web', sans-serif;
    }
    .it-header-center-wrapper
    {
        background-color: #ffffff;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a h2 span.titolo-secondary
    {
        color: #00366e;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a h2 span.titolo-primary
    {
        color: #006116;
    }
    .it-header-slim-wrapper a, .it-header-slim-wrapper a span, .bg-primary a, .it-header-slim-wrapper .it-header-slim-wrapper-content a
    {
        color:#333;
    }
    .data-top span
    {
        color:#000000;
        ;
    }
    #arm-div-slide
    {
        background:#ffffff;
        border:1px solid #006116;
    }
    h3#arm-h-slide
    {
        color:#ffffff;
        background-color:#006116;

    }
    .form-label-group.search.arm-search
    {
        background-color: #ffffff;
        border-bottom: 2px solid #7a7a7a;
    }
    .it-search-wrapper button:hover
    {
        background-color: #f90;
    }

    .italia-it-button-text, .italia-it-button-text:hover
    {
        color:#ffffff!important;
    }
    .navbar .navbar-collapse .navbar-nav li li a, .navbar .navbar-collapse .navbar-nav li li a span
    {
        color:#00366e!important;
        font-family:'Titillium Web', sans-serif;
    }
    div.arm-menulivello_0 ul.mainlevel ul
    {
        background-color: #ffffff;
    }
    .navbar-toggle:hover
    {
        background-color: #006116 !important;
    }
    .navbar-toggle .icon-bar{
        border-color: #00366e;
        border:1px solid #00366e;
    }

    section#notizie-evidenza
    {
        background-color: #e6e6e6;
    }
    .card .card-body .card-text, .card .card-body .card-text p, .card .card-body .card-text span,.arm-blog p, .arm-blog span
    {
        color:#333!important;
        font-family: 'Roboto', sans-serif!important;
    }

    form fieldset legend,div.arm-catalogo div.riga1 a, label
    {
        color: #006116;
    }
    .it-footer
    {
        background-color:#006116;
    }
    .it-footer .arm-modulo_info h4, .it-footer .arm-modulo_info ul li a, .it-footer .arm-modulo_info ul li, .it-footer a
    {
        color:#000;
    }

    div.scegli-mese span.mese-corrente a
    {
        background: #333;
        color:#fff;
    }
    div.scegli-mese span.mese-corrente a:hover
    {
        background:#006116;
    }
    div.scegli-mese span.mese-indietro a, div.scegli-mese span.mese-avanti a
    {
        background:#006116;
        color:#fff;
    }
    div.scegli-mese span.mese-indietro a:hover, div.scegli-mese span.mese-avanti a:hover
    {
        background:#724f00;
    }

    .accesso-rapido .puls-acc-rapido
    {
        background-color: #dedede;
        border-bottom:4px solid #006116;
    }
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) and (max-width: 767px) {
    div.arm-menulivello_0 ul.mainlevel li
    {
        background-color: #e6e6e6;
    }
    div.arm-menulivello_0 ul.mainlevel li li
    {
        background-color: #ffffff;
    }
    .navbar .navbar-collapse div.arm-menulivello_0 ul.mainlevel li a span, div.arm-menulivello_0 ul.mainlevel li a
    {
        color:#00366e!important;
        font-family:'Titillium Web', sans-serif;

    }
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) and (min-width: 992px) {

    #arm-coldestra
    {
        border-left: 1px solid #bbb;
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) and (min-width: 768px) {

    .navbar .navbar-collapse .navbar-nav li a,  .navbar .navbar-collapse .navbar-nav li a span
    {
        color:#000;
        font-family:'Titillium Web', sans-serif;
    }
    .navbar .navbar-collapse .navbar-nav li li a, .navbar .navbar-collapse .navbar-nav li li a span
    {
        color:#006116;
    }
    .it-header-navbar-wrapper {
        background-color: #006116;
    }
}