/**

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

**/
@font-face {
    font-family:'RobotoCondensed';
    font-style: regular;
    font-weight: 400;
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}
@font-face {
    font-family:'RobotoCondensed';
    font-style: bold;
    font-weight: 700;
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
}
@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:#67a759;
    --secondary:#7fc670;
    --bianco: #fff;
    --corpotesto:#333;
    --grigio-chiaro:#e8e8e8;
    --grigio-chiaro-hover:#d0d0d0;
    --grigio-scuro:#7a7a7a;
    --grigio-hover:#959595;
    --link:#004d93;
    --link-hover:#0073dc;
    --link-bianco-hover:#ccecff;
    --onfocus:#f90;
    --nero:#000000;
    --menu:#448339;

    --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{
    font-size: 16px;
    outline: none;
}

body
{
    font-size: 1rem ;
    font-family: var(--titilliumweb);
    background-color: var(--bianco);
    color: var(--corpotesto);
}
h1, h2, h3, h4, h5
{
    font-family: var(--titilliumweb);
    font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {font-weight:600;color:var(--corpotesto);}
h1 {font-size:1.8em;line-height:1.4;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1.3;margin-bottom:0.8em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0.8em;}
h5 {font-size:1.1em;margin-bottom:0.5em;}
h6 {font-size:1em;}
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;}
.bg-primary a, nav-mobile a {color:var(--corpotesto);}
.bg-primary a:hover, .it-header-slim-wrapper a, .it-header-slim-wrapper a span {color:var(--nero)!important;}
.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(--nero);  }
.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(--secondary);}
.btn-primary{background-color: var(--primary); font-family: var(--titilliumweb);color:var(--nero); }
.btn-primary:hover,.it-header-slim-wrapper .reg a:hover {background-color: var(--secondary);color:var(--nero); }
.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(--primary); box-shadow: none; border:1px solid var(--primary);}
.btn-outline-primary:hover
{background-color: transparent; color:var(--menu);box-shadow: none;  border:1px solid var(--menu);}
.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])
{
    box-shadow: 0 0 0 1px!important;    
    border-color: #07438b!important;
}

@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
{
    font-family: var(--titilliumweb);
    background-color: var(--grigio-chiaro);
}
.it-header-center-wrapper
{
    background-color: var(--bianco);   
}
.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a img {
    width:100px;
    margin-right: 8px;
    height: 100%;
}

.it-brand-wrapper h1
{
    text-transform: uppercase;
    padding: 0 0.2em;
    font-family: 'Roboto', arial, sans-serif;
    margin-bottom: 0;

}
.it-brand-wrapper h1 span.titolo-secondary
{
    color:var(--menu); font-size: 0.55em; font-weight: 600;font-family: 'RobotoCondensed', arial, sans-serif;
    letter-spacing: -0.6px;
}
.it-brand-wrapper h1 span.titolo-primary
{
    color:var(--corpotesto); font-size: 0.45em; font-weight: 400; 
}
.it-header-center-content-wrapper .it-brand-wrapper a:focus
{
    box-shadow: 0 0 0 0!important;
}
.link-list-wrapper ul li a, .link-list-wrapper .slim-nav a
{
    font-size: 1em;
    text-decoration: underline;
    color:var(--corpotesto);
}
.link-list-wrapper .slim-nav p
{
    margin-bottom: 0;
}
.data-top
{
    align-self: center;
}
.data-top span
{
    color:var(--nero);
}
@media (min-width: 768px){
    .it-header-center-wrapper
    {
        padding:6px 0;
        height:auto;
        -webkit-box-shadow: 0px 9px 8px -2px rgba(0,0,0,0.1); 
        box-shadow: 0px 9px 8px -2px rgba(0,0,0,0.1);
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a img 
    {
        width: auto;
        height: 100px;
        margin-right: 10px;
        z-index: 20;
    }

    .it-header-navbar-wrapper {
        background-color: var(--bianco);
    }
    .link-list-wrapper .slim-nav
    {        
        padding: 0 2.4em;       
    }
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper
    {
        position: inherit;
        left:auto;
        top:inherit;
        margin-top:0;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper 
    {
        align-items: end;
    }
    .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;
    }
}
@media(max-width:767px){
    .it-header-wrapper .it-nav-wrapper .it-brand-wrapper
    {
        padding-left: 0;
        padding-right: 2em;
    }
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper
    {
        margin-top: -16px;
        right: 0;
        position: relative;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone
    {
        display: block;
    }
    .it-header-slim-wrapper
    {
        padding:4px;
    }
    .it-header-slim-wrapper .container, it-header-navbar-wrapper .container
    {
        padding-left: 8px!important;
        padding-right: 8px!important;
    }
    .it-header-center-wrapper .container
    {
        padding-left: 0px!important;
        padding-right: 0px!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 .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;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1)
    }
    .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;
    }
    .it-header-center-wrapper .it-brand-wrapper h1
    {
        line-height: 1.2;

    }
}
/**

*** ******************************************* 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;
    overflow: hidden;
    
}
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(--secondary);
    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(--grigio-chiaro);
}
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 (min-width:768px){ 
    fieldset.autenticazione
    {
        min-width: 320px;
    }
    .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%;
}
.it-right-zone .d-lg-block
{
    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;
    }
    .navbar .navbar-collapse .navbar-nav li a:hover
    {
        border-bottom:3px solid var(--primary);
    }
}
@media (min-width: 992px)
{
    .navbar .navbar-collapse .navbar-nav li a
    {
        font-size: 1.1em;
        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(--secondary)!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: var(--primary);
    border: none;
    border-radius: 3px;
    float: right;
    margin-top: 0;
    padding: 0.55em 0.45em;
}
.navbar-toggle:hover
{
    background-color: var(--secondary) !important;
}

.navbar-toggle .icon-bar{
    border-color: var(--bianco);
    display: block;
    width: 1.5em;
    height:2px;
    border-radius: 1px;
    border:1px solid var(--bianco);
}
.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;
    }    
    div.arm-menulivello_0 ul.mainlevel li
    {
        width:100%;
        background-color: var(--bianco);
        padding: 8px;
        float:none;
        text-align: left;
    }
     .navbar .navbar-collapse .arm-modulo-menu
     {
         border-top:1px solid #ccc;
     }
    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(--menu)!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;
        top:-34px;
    }
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav > div
    {
        width:100%;
        top:24px;
        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(--secondary);
    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;}



/**
******************************************************************* LAYOUT CARD HOME PAGE  *****************************************
**/
.arm-pagina.home h1{
    margin-bottom: 0.3em;
    font-size: 1.7em;
}
.arm-pagina.home h2
{
    font-size: 1.5em;
}
.arm-pagina.home h3 a
{
    color:var(--primary);
}
.arm-pagina.home h3 a:hover
{
    color:var(--menu);
}
.arm-pagina.home .card.shadow-sm.rounded:hover
{
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.2)!important;
}
.block-topics-bg
{position:inherit;width:100%;height:130px;margin-top:-5rem;background-size:cover;}
.block-topics-bg .notizie-tutte
{
    margin-top:5rem;
    margin-left: 1em;
}

.card .card-body img
{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.card .card-body .card-text, .card .card-body .card-text p, .card .card-body .card-text span
{
    color:var(--corpotesto)!important;
    font-family: var(--roboto)!important;
    line-height: 1.3em;
    font-size: 1em;
}
.card .card-body .category-top .category, .card .card-body .category-top .data
{
    text-transform: none;
    letter-spacing: .4px;
    color:var(--grigio-scuro)!important;
    font-size: 1.2em!important;
}
a.read-more
{
    font-size: 1em;
}
.cmp-card-simple.card-wrapper.pb-0.rounded.border.border-light .card:after
{
   display: none; 
}
@media (min-width: 768px){
    .row.mx-lg-n3.arm-blog
    {
        margin-top: 10px;
        z-index: 2;
        position: relative;
    }
    .page-homepage .error
    {
        position: relative;
        z-index: 20;
        top: 0px;
    }
    .page-homepage .error .error
    {
        top:0;
        position: static;
    }
}
@media (min-width: 992px){
    .row.mx-lg-n3.arm-blog
    {
        margin-top: 20px;
        z-index: 2;
    }
}
@media (max-width:767px){
    section#notizie-evidenza
    {
        padding-top: 14px;
    }
}


/*************************************************************** PAGINE INTERNE CONTENUTI ******************************/

#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
{
    list-style: none;
}

.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);
}
@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);
    }
}  
/**
******************************************************************* 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(--grigio-chiaro);
}
.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 img {
    width:110px;
    margin-right: 8px;
    height: 100%;
}
.it-footer .it-brand-wrapper h1 span.titolo-secondary
{
    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 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;
}
.it-footer .arm-modulo_info ul, .it-footer .arm-modulo_credits p{
    margin-bottom: 0;
}
.it-footer .link-list-wrapper.footer-menu ul li a
{
    color:var(--nero);
    font-family: var(--titilliumweb);
    font-size: 1.2em;
    font-weight: 600;
    padding: 0 12px;
}
.it-footer .link-list-wrapper.footer-menu ul li a:hover
{
    text-decoration: underline;
}

@media (min-width:992px){
    .it-footer .link-list-wrapper.footer-menu ul
    {
        display:flex;
    }

}

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


/**
******************************************************************* FORM  *****************************************
**/
.form-group
{
    margin-bottom:1rem;
}
fieldset
{
    border: 1px solid;
    border-color: silver;
    margin-bottom: 1em;
    padding: 1em;
}

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;
    border:1px solid #bbb;
}
.calendar .headrow input[type=text]
{
    width:auto;
    padding:2px;
    height:auto;
}

/**
*** ******************************************* LAYOUT RICERCA ISCRITTO e STP **************************************************
**/
.cerca-iscritto .btn,.cerca-STP .btn, .cerca-SA .btn
{
    margin:0 1em;
}



/**
*** ******************************************* 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 SCHEDA ISCRITTO **************************************************
**/
table.scheda tbody tr th
{
    color: var(--corpotesto);
    font-weight: 600;
    text-align: right;
}
table.scheda thead tr th
{
    padding-top: 25px;
}
table.scheda td.stato_S
{
    color:#ff0000;
    font-weight: 600;
}
table.modifica input.inputbox
{
    margin:5px;
}

form#mod_preferenze input, form#mod-dati input#agg_dati_2, form#mod-dati input#agg_dati_1
{
    background:#e3e8f0;
    font-size:13px;
    color:#0066cc;
    padding:2px 5px;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    margin:0 5px 5px 0;
}
form#mod_preferenze input:hover, form#mod-dati input#agg_dati_2:hover, form#mod-dati input#agg_dati_1:hover
{
    color:#0099ff;
    border-right:1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    background: #edf1f6;
}

img#my_foto_static, img#my_foto
{
    float:left;
    margin:0 7px;
}

/**
*** ******************************************* 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: .375rem .5rem;
    margin:4px;
    display: inline-block;
}
/**
******************************************************************* LAYOUT AGGIORNAMENTO DATI  *****************************************
**/

._err input, ._err select
{
    border:1px solid #ff0201;
}
.a-aggiorna
{
    margin:10px 0;
}
.a-aggiorna a, input.arm-nuova-dichiarazione, input.pulsante170.pulsante-pratica, .arm-linkform.a-pratica, .bottone-verde,
div.pulsanti a.arm-linkform.a-pratica,
a.credenziali_cambiousername, a.credenziali_cambiopassword, input#button_albo, input.pulsante80, input.pulsante170
{
    background: var(--primary);
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #bbb;
    color: var(--nero);
    text-transform: uppercase;
    padding:12px 24px;
    text-align: center;
    outline: none;
    font-weight:600;
    cursor: pointer;
    margin:4px 1em;
    text-decoration: none;
}
.a-aggiorna a:hover, input.arm-nuova-dichiarazione:hover, input.pulsante170.pulsante-pratica:hover, 
.arm-linkform.a-pratica:hover, .bottone-verde:hover, input.pulsante80:hover,input.pulsante170:hover,
div.pulsanti a.arm-linkform.a-pratica:hover, input#button_albo:hover
{
    background:var(--secondary);
    text-decoration: none;
}
 input.pulsante80, form#inviaCodice input.pulsante170
{
    float:right;
}

.modifica-indirizzi input.pulsante170.pulsante-pratica
{
    float:right;font-size:16px;padding:3px 12px;
}

.puls-foto-static
{
    margin: 0.5em;
}
.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;
}
.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;
}
.indirizzo-completo
{
    display:block;
    overflow:hidden;
}
.indirizzo-tipo, .email-tipo, .telefono-tipo
{
    font-weight: bold;
}
.indirizzo-dati .campo, .email-dati, .email-tipo,
.telefono-tipo, .telefono-dati
{
    display:inline;
    margin: 0 0.2em;
}
.indirizzo-tipo
{
    color:var(--grigio-scuro);
    text-align: center;
    overflow: hidden;
}

/******/
.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;
}
.modifica-indirizzi .btn.btn-primary
{
    float: right;
}
.cancella-dato
{
    width: 20%;
    float: right;
    text-align: right;
    padding-right:4%;
}
.campo-via .cancella-dato input
{
    border:1px solid #444;
    border-radius:3px;

    background: #ffb76b;
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff922d 51%, #ff9838 100%);
    background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff922d 51%,#ff9838 100%);
    background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff922d 51%,#ff9838 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff9838',GradientType=0 );
    line-height: 1.7em;

}
.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 SCHEDA ISCRITTO CONSIGLIO - popup **************************************************
**/
body#arm-popup
{
    background: #ffffff;
}
div#arm-scheda_popup
{
    background: #ffffff;
}
div#arm-scheda_popup h1.arm-component-titolo
{
    display: none;
}
div#arm-scheda_popup h3.arm-titolonome
{
    margin-top: 18px;
    text-align: left;
}
/**
 *********************************************** LAYOUT FOOTER *************************************************************
 **/

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



/**
*** ******************************************* LAYOUT PAGENAV ***********************************************************
**/	

/**
******************************************************************* LAYOUT CATALOGO EVENTO & RICERCA EVENTO  *****************************************
**/
.arm-box-catalogo
{
    margin-bottom: 2em;
}
div.arm-catalogo
{
    margin: 0px 0px 25px 0px;
}
div.arm-catalogo .pane-sliders .panel h3
{
    font-size: 100%;
}
div.arm-catalogo .pane-sliders .title, div.corsischeda .pane-sliders .title
{
    padding: 0;
}
div.arm-catalogo .pane-sliders .content, div.corsischeda .pane-sliders .content
{
    padding: 0;
}

div.arm-catalogo div.panel h3.jpane-toggler span, div.arm-catalogo div.panel h3.jpane-toggler-down span, div.corsischeda div.panel h3.jpane-toggler-down span
{
    padding-left: 0;
}
div.arm-catalogo div#paneintro div.panel h3#panelintro
{
    color: #000063;
    margin: -10px 0px 0px 0px;
}
div.arm-catalogo div.mese
{
    margin: 1.5em 0 0 0;
}

div.arm-catalogo div.riga1 a
{
    color: var(--corpotesto);
    font-weight: bold;
    text-decoration: none;	
}

div.arm-catalogo div.riga1
{
    margin: 1em 0px 0px 0px;
}

div.arm-catalogo div.riga2 p, div.arm-catalogo div.riga2, div.arm-catalogo div.archivio div.riga4,
div.arm-catalogo div.archivio div.riga4 div.sepvoci, div.arm-catalogo div#panecorsi div.panel,
div.arm-catalogo div.riga4
{
    margin: 0;
}

div.arm-catalogo div.riga4 img.mousemano
{
    cursor: pointer;
}
div.arm-catalogo div.riga4 div
{
    text-align: right;
}
div.arm-catalogo div.riga4 div.sepvoci
{
    border-bottom: 1px solid var(--grigio-scuro);
    height: 1em;
}

div.arm-catalogo p.arm-intro
{
    font-size:0.8em;
}

table.legenda-ico-corsi td
{
    padding:0.5em;
    color:#666;
    font-size:0.9em;
    line-height: 1.2em;
}

table.legenda-ico-corsi td.td-matob
{
    padding-top:7px;
}
table.legenda-ico-corsi td.td-ico img
{
    width:15px;
    padding-top:0;
}
div.arm-catalogo div.riga4 img
{
    margin-top:4px;
}
div.arm-catalogo div.riga4 img.icona-obbligatorio
{
    margin: 0 3px 2px 0;
}
img.icona-pagamento
{
    margin-right: 2px;
}
/**
******************************************************************* NAVIGAZIONE MESI  *****************************************
**/
div.scegli-mese nav
{
    display:flex;text-align:center; justify-content: space-around;
}
div.scegli-mese span
{
    margin:0 0.5em;
}

div.scegli-mese .freccia-mese-indietro, div.scegli-mese .freccia-mese-avanti
{
    display:inline-block;width:20px;
}
div.scegli-mese .freccia-mese-indietro a
{
    background: url(../img/svg/freccia-indietro-mese.svg) no-repeat center center;
    display:block;width:auto;height:32px;
}
div.scegli-mese .freccia-mese-avanti a
{
    background: url(../img/svg/freccia-avanti-mese.svg) no-repeat center center;
    display:block;width:auto;height:32px;
}
div.scegli-mese span.mese-indietro a, div.scegli-mese span.mese-avanti a, div.scegli-mese span.mese-corrente a
{
    text-decoration:none;
}
div.scegli-mese span.mese-corrente a
{
    background:var(--secondary);
    padding:0.7em 1em;
    font-weight:bold;
    line-height: 2em;
    color:var(--nero);
}
div.scegli-mese span.mese-corrente a:hover
{
    background:var(--primary); 
}
div.scegli-mese span.mese-indietro a, div.scegli-mese span.mese-avanti a
{
    background:var(--primary); 
    padding:0.4em 1em;
    color:var(--nero);
    line-height: 2em;
}
div.scegli-mese span.mese-indietro a:hover, div.scegli-mese span.mese-avanti a:hover
{
    background:var(--secondary);
}
@media (max-width: 767px) {
    .mese-indietro, .mese-avanti
    {display:none;}
} 
@media (max-width: 991px) {
    .mese-indietro.tra-due, .mese-avanti.tra-due
    {display:none;}
} 
@media (min-width: 992px) {
    div.scegli-mese nav
    {
        justify-content: left;
    }
}  
/**
******************************************************************* LAYOUT SCHEDA EVENTO  *****************************************
**/
div.corsischeda h3#titolo
{
    color: var(--nero);
    font-size: 115%;
    text-align: left;
    height:auto;
    padding:0.3em 0.6em;
    background:var(--primary);
    border-bottom:none;
}
div.corsischeda h3#programtit
{
    padding:10px 0 5px 5px;

}
div.corsischeda table
{
    margin-bottom:0;
}
div.corsischeda div#enti td, div.corsischeda div#enti th, div.corsischeda table#dati td, div.corsischeda table#dati th, div.corsischeda table#relatori td, div.corsischeda table#relatori th
{
    border: none;
    padding-left: 0;
    font-size: 100%;
}
div.corsischeda div#enti th, div.corsischeda table#dati th, div.corsischeda table#relatori th
{
    text-align: left;
    font-size: 100%;
    vertical-align: top;
}
div.corsischeda div#enti
{
    margin: 0px 0px 0px 0px;
}
div.corsischeda div.hrscheda
{
    margin: 0px;
    border-bottom: 1px solid #a9c7ef;
}

div.corsischeda div#programbody
{
    margin: 0px 0px 15px 0px;
}
div.corsischeda table#orari
{
    width: 95%;
}
div.corsischeda div.calendario table#orari td
{
    padding: 0px;
}
div.corsischeda div#panecalendario table#orari td
{
    padding: 5px 0px 0px 0px;
}
div.corsischeda div#panecalendario span.iscritti
{
    margin: 0px 0px 0px 10px;
}
div.corsischeda div.calendario table#orari td.giorno, div.corsischeda div#panecalendario table#orari td.giorno
{
    padding-right: 5px;
}
div.corsischeda div.calendario table#orari td.iscritti, div.corsischeda div#panecalendario table#orari td.iscritti
{
    padding-left: 10px;
    text-align: right;
}
div.corsischeda div.panel div.jpane-slider div.orario
{
    margin-top: 5px;
    width: 400px;
}
div.corsischeda div#wbmallegati p img
{
    margin-right: 10px;
}
div.corsischeda div#wbmallegati p a
{
    text-decoration: none;
}
div.stampa div#programbody a.nostampa, div.stampa div#wbmallegati
{
    display: none;
}
div.doc-tutto p
{
    font-size:1em;
}

.titolo_sezione_scheda
{
    border-bottom:2px solid;
    padding-left:3px;
    font-size:1.1em;
    color:var(--secondary);
    margin-top:20px;
}
.modal .titolo_sezione_scheda
{
    color:var(--grigio-scuro);
    border-bottom:none;
    margin:0;
    line-height:1.7em;
}
h4.rigaRossa
{
    color:var(--grigio-scuro);margin:0;
}
div.corsischeda div#enti td, div.corsischeda div#enti th, div.corsischeda table#dati td, div.corsischeda table#dati th, div.corsischeda table#relatori td, div.corsischeda table#relatori th
{
    border: none;
    padding-left: 0;
}
div.corsischeda div#enti th, div.corsischeda table#dati th, div.corsischeda table#relatori th
{
    text-align: left;
}
div.corsischeda div#enti
{
    margin: 0px 0px 10px 0px;
}
div.corsischeda div.hrscheda
{
    margin: 0px;
}
div.corsischeda div.pulsanti
{
    margin: 1em 0;
    display: flex;
    justify-content:flex-end;
    flex-wrap: wrap;
}
div.corsischeda div.pulsanti a
{
    margin: 0 0.5em;
    text-decoration: none;
    padding:0.5em ;
    flex: none;
}
div.corsischeda div.calendario table#orari td
{
    padding: 0px;
}
div.corsischeda div#panecalendario table#orari td
{
    padding: 5px 0px 0px 0px;
}
div.corsischeda div#panecalendario span.iscritti
{
    margin: 0px 0px 0px 20px;
}
div.corsischeda div.calendario table#orari td.giorno, div.corsischeda div#panecalendario table#orari td.giorno
{
    padding-right: 20px;font-weight:normal;
}
div.corsischeda div.calendario table#orari td.iscritti, div.corsischeda div#panecalendario table#orari td.iscritti
{
    padding-left: 10px;
    text-align: right;
    font-weight:normal;
}
div.corsischeda div.panel div.jpane-slider div.orario
{
    margin-top: 5px;
}
div.corsischeda div#wbmallegati p img
{
    margin-right: 10px;
}
div.corsischeda div#wbmallegati p a
{
    text-decoration: none;
}
div.stampa div#programbody a.nostampa, div.stampa div#wbmallegati
{
    display: none;
}
.glyphicon-map-marker, .glyphicon-info-sign
{
    font-size:14px;line-height:11px;
}
.glyphicon-map-marker:before {
    content: "\e062";
}
.glyphicon-info-sign:before {
    content: "\e086";
}
.glyphicon-ok:before
{
    content: "\e013";
}
.glyphicon-ok
{
    font-size:16px;top:-3px;padding:0 10px; color:#00CC66;
}
.simple-modal table
{
    font-size:0.9em!important;
}
.simple-modal table th.th-orario
{
    min-width:90px;
}
div.colonna-sinistra, div.colonna-destra
{
    width:50%;
    padding: 0;
    float: left;
}
.colonna-sinistra.di-tre, .colonna-centro.di-tre, .colonna-destra.di-tre
{
    width:33%;	float: left;
}
.corsischeda div.riga0, .corsischeda div.riga1
{
    border-top:1px solid #fff;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    background:#fff;
}
.corsischeda div.riga1.tabella-materie, .corsischeda div.riga1.tabella-materie div.riga-di-dati div.cella, 
.corsischeda div.riga1.tabella-materie div.riga-di-dati
{
    overflow: visible;
}
.corsischeda div.riga0 .etichetta, .corsischeda div.riga1 .etichetta
{
    background:none;
}
.etichetta
{
    width:150px;
    float:left;
    min-height: 5px;
    padding:5px 10px;
}
.etichetta label
{
    color: var(--grigio-scuro);
    font-weight:normal;
    line-height:1.2em;
    font-size:1.1em;
}

.colonna-unica
{clear:both; overflow:hidden;}
.dati-stampati
{
    min-height: 5px;
    padding:5px 10px;
    float:left;
    font-weight:bold;
}
.dato-visibile
{
    line-height:1.2em;
}
.gruppo-di-dati
{
    border:1px solid #ffcbb7;
    margin-bottom:10px;
}
.gruppo-di-dati legend
{
    font-weight: bold;
    font-size:1.2em;
    color: #FF5D00;
}
.spaziatura
{
    display:inline-block;
    width:15px;
}
.corsischeda .campo
{
    padding:4px;
    border-top:1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow:hidden;
}
div.riga-di-dati div.cella 
{
    overflow:hidden;
}
div.riga-di-dati.row1, .table-responsive tr.row1
{
    background:#f9f9f9 none repeat scroll;
    border-top: 1px solid #fff;
}
.riga-di-dati
{
    overflow:hidden;
    clear: both;
    margin-bottom: 5px;
    display:table;
    width:100%;
}

div.elenco
{
    display:table;
    width:100%;
}
div.elenco div.intestazione:after
{
    clear:both;
    content:"";
    display:block
}
div.elenco div.intestazione
{
    background:#f0f0f0;
    color:#666;
    display:block;
    width:100%;
    font-weight:bold;
    border-bottom:1px solid #999;
    padding: 0;
}
div.elenco div.intestazione div.title, div.riga-di-dati div.cella 
{
    float:left;
    display:table-cell;
}
div.riga-di-dati div.cella 
{
    overflow:hidden;
}

div.elenco div.intestazione div.title div.col-interno, div.riga-di-dati div.col-interno
{
    padding: 8px 2px 2px 2px;
    border-right: 1px solid #ddd;
    min-height:26px;
}
.tabella-materie .col-interno a
{
    text-decoration:none;font-weight:bold;
}

div.elenco div.riga-di-dati
{
    margin: 0;
    padding:0;
    border-bottom: 1px solid #ddd;
}
div.elenco div.con-bordo
{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}
div.col-check, div.col-numerazione, div.testo-centrato
{
    text-align:center;
}
.doc-elenco
{
    padding-left:5px;
}
.doc-elenco span.arm-pdf
{
    vertical-align:top;
}

span.icone-scheda.doc-titolo
{
    background: url(../img/allegati.png) no-repeat;
}
.elenco div.col-1
{
    width:1%;
}
div.col-check, .elenco div.col-2
{
    width: 2%;
}
.elenco div.col-3
{
    width:3%;
}
div.col-numerazione, .elenco div.col-4
{
    width: 4%;
}
.elenco div.col-5
{
    width:5%;
    overflow: hidden;
}
.elenco div.col-6
{
    width:6%;
    overflow: hidden;
}
.elenco div.col-7
{
    width:7%;
    overflow: hidden;
}
.elenco div.col-8
{
    width:8%;
    overflow: hidden;
}
.elenco div.col-9
{
    width:9%;
}
.elenco div.col-10
{
    width:10%;
}
.elenco div.col-11
{
    width:11%;
}
.elenco div.col-12
{
    width:12%;
}
.elenco div.col-13
{
    width:13%;
}
.elenco div.col-14
{
    width:14%;
}
.elenco div.col-15
{
    width:15%;
}
.elenco div.col-16
{
    width:16%;
}
.elenco div.col-17
{
    width:17%;
}
.elenco div.col-18
{
    width:18%;
}
.elenco div.col-19
{
    width:19%;
}
.elenco div.col-20
{
    width:20%;
}
.elenco div.col-21
{
    width:21%;
}
.elenco div.col-22
{
    width:22%;
}
.elenco div.col-23
{
    width:23%;
}
.elenco div.col-24
{
    width:24%;
}
.elenco div.col-25
{
    width:25%;
}
.elenco div.col-26
{
    width:26%;
}
.elenco div.col-27
{
    width:27%;
}
.elenco div.col-28
{
    width:28%;
}
.elenco div.col-29
{
    width:29%;
}
.elenco div.col-30
{
    width:30%;
}
.elenco div.col-32
{
    width:32%;
}
.elenco div.col-35
{
    width:35%;
}
.elenco div.col-39
{
    width:39%;
}
.elenco div.col-40
{
    width:40%;
}
.elenco div.col-41
{
    width:41%;
}
.elenco div.col-49
{
    width:49%;
}
.elenco div.col-50
{
    width:50%;
}
.elenco div.col-52
{
    width:52%;
}
.elenco div.col-56
{
    width:56%;
}
.elenco div.col-57
{
    width:57%;
}
.elenco div.col-60
{
    width:60%;
}
.elenco div.col-64
{
    width:64%;
}
.elenco div.col-65
{
    width:65%;
}

/*****************************************TAB**************************************/
.containerpertab {
    margin: 15px auto;
}

.containerpertab input {
    height: 2em;
    visibility: hidden;
}

.containerpertab label {

    color: #444; 
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1.2em;
    height: 2.5em;
    line-height: 2.3em;
    margin-right: .25em;
    padding: 0 1em;
    text-align: center;
    font-weight:normal;
    background:#ddd;
}

.containerpertab input:hover + label {
    background: #e3e3e3;  
    color: var(--grigio-scuro); 
}

.containerpertab input:checked + label {
    background: #fff; 
    color: var(--grigio-scuro);
    position: relative;
    z-index: 6;
    border-top:1px solid var(--grigio-scuro);border-right:1px solid var(--grigio-scuro);border-left:1px solid var(--grigio-scuro);
}

#content {
    background: #fff;
    position: relative;
    width: 100%;
    z-index: 5;
    border-top:3px solid var(--grigio-scuro);
}

#content div.contentab {
    opacity: 0;
    padding: 1.2em;
    display:none;
    border:1px solid var(--grigio-scuro);
    margin-top:-1px;

}
#content p
{
    font-size:1em;
}
.containerpertab input#tab-1:checked ~ #content #content-1,.containerpertab input#tab-2:checked ~ #content #content-2,
.containerpertab input#tab-3:checked ~ #content #content-3,.containerpertab input#tab-4:checked ~ #content #content-4  {
    opacity: 1;
    display:block;
}

input.visible {
    visibility: visible !important;
}


@media (max-width: 767px) {
    .containerpertab label
    {
        font-size:1em; padding:0 0.5em;margin-right:1px;
    }
    #content div.contentab
    {
        padding:0.7em;
    }
    div.riga-di-dati div.col-interno
    {
        word-wrap:break-word;
    }

    div.corsischeda div.pulsanti a
    {
        float:none; display:block; width:100%; margin:2px 0;
    }

}
/**
******************************************************************* TABELLA REPORT  *****************************************
**/
table.report
{
    font-size:0.9em;
    background: #fff;
    border-collapse: collapse;
}
table.report tr.pulsPDF a img
{
    float:right;
}
table.report td, table.report tr, table.report th
{
    border:1px solid #ddd;
    padding: 3px 4px;
}
table.report tr.intestazione-report th,table.report th.setotale,
table.report th.obb, table.report th.data, table.report th.titolo, table.report th.luogo, table.report th.crediti,
table.report th.tipo, table.report th.materia, table.report th.gruppomef, table.report th.obblig, table.report th.ore, table.report th.nonutile
{
    border-top: 1px solid #555; background:#f5f5f5; color:var(--grigio-scuro);
}
table.report tr.rigatitolo th, table.report tr.totperiodo td
{
    color:var(--grigio-scuro); font-size:1.2em;font-weight:bold;
}
table.report .creditorecupero td[colspan="11"]
{
    border-bottom:1px solid #666; font-weight:bold;
}
table.report tr.totanno, table.report tr.totanno td
{
    background:#f1f1f1;
    font-weight: bold;
    border-top:2px solid #aaa;
}
table.report tr.tipologia-evento
{
    background: #fff;
}
table.report tr.tipologia-evento th
{
    border-bottom:1px solid #888; padding:4px 6px;
}
table.report tr.anno td
{
    font-size:1.2em;
    padding-top:10px;
    font-weight:bold;
    border-bottom:2px solid var(--link);
    color:var(--link);
    text-align: center;
}

/********************************MODULO SONDAGGI*****************************************************/



div.arm-modulo-sondaggi
{
    border:2px solid #d0dbed;
    margin:20px 5px 10px 5px;
    padding:10px;
}
div.arm-modulo-sondaggi table.pollstableborder-sondaggi td, table.poll-sondaggi td
{
    padding:2px 5px;
    border:none;
}
div.arm-modulo-sondaggi table.poll-sondaggi thead td
{
    font-size:1.1em;
    color:#000063;
}
div.arm-modulo-sondaggi table.pollstableborder-sondaggi tbody td label
{
    color:#666666;
}
div.arm-modulo-sondaggi table.pollstableborder-sondaggi tbody td input[type=radio]
{
    float:right;
}
div.arm-modulo-sondaggi table.poll-sondaggi div
{
    text-align:left;
}
div.arm-modulo-sondaggi table.poll-sondaggi div input.button
{
    background:#e3e8f0;
    font-size:14px;
    color: #0056a8;
    padding:5px 7px;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    margin:0 5px;
    float: left;

}
div.arm-modulo-sondaggi table.poll-sondaggi div input.button:hover
{
    color: #008ae1;
    border-right:1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    background: #edf1f6;
}
/****************************************BACHECA SCHEDA********************************************/
.it-header-slim-wrapper.theme-light
{
    border-bottom: 1px solid var(--grigio-chiaro-hover);
}
.bacheca .menu-bacheca .btn.btn-primary
{
    
}
fieldset.categorie
{
    flex: auto;
}
.scegli-categorie
{
    display: flex;
    flex-wrap: wrap;
    gap:1em;
    justify-content: center;
    margin-top:1.5em;
}
.scegli-categorie .pulsanteDown
{
    margin:0 0.5em 1em;
}
.scegli-categorie a.btn
{
    width:100%;
    font-size: 1.1em;
}
.vai_indietro a.btn
{
    padding:0.4em 1.2em; 
}

div.titolo-annuncio-scheda h3
{
    margin-bottom: 0.3em;
}
div.titolo-annuncio-scheda h3:first-letter
{
    text-transform: uppercase;
}
.scegli-categorie fieldset legend
{
    font-size: 1.2em;
}
.it-header-slim-wrapper .link-list-wrapper.menu-bacheca
{
    display: block;
}
.it-header-slim-wrapper .link-list-wrapper.menu-bacheca ul.link-list
{
    display: flex;
    justify-content: end;
    margin:auto;
}

div.autore-annuncio span
{
    font-style: italic;
}
div.bacheca.scheda
{
    border-top:2px solid var(--primary);
    margin-top:5px;

}
div.bacheca.scheda div.campo
{
    display:flex;
    border-bottom:1px solid #ccc;
    padding:0.6em 0.4em;
}
div.bacheca.scheda div.label-annuncio
{
    width:40%;
    font-weight:bold;
    margin-right:15px;
    text-align:right;
}

div.bacheca.scheda div.etichetta-annuncio
{
    background:var(--primary);
    padding:7px 10px;
}
.bacheca .statoann
{
    color:var(--grigio-scuro);
}
form#bacheca_ins2 input[type="checkbox"], form#bacheca_ins1 input[type="checkbox"]
{
    float: left; 
    width:1.8em;
    margin-right:4px;
    margin-top:5px;
}
p.testocheck
{margin-bottom: 0.2em;}

.stato-azioni
{
    display: flex;
    gap:0.5em;
}
select#id_cat
{
    padding:3px 10px;
}
select#id_cat option
{
    padding:3px 10px;
}
form#bacheca_ins2 .campo_err input, form#bacheca_ins1 .campo_err input, form#bacheca-contatta .campo_err input,
.campo_err select#data_nasc
{
    border:1px solid #ff0000;
}
form#bacheca_ins2 .campo, form#bacheca_ins1 .campo, form#bacheca_ins2 .campo_err, form#bacheca_ins1 .campo_err, form#bacheca-contatta .campo, form#bacheca-contatta .campo_err
{
    font-size:0.9em;
    overflow: hidden;
}
form#bacheca_ins2 .campo.testo, form#bacheca_ins1 .campo.testo
{
    overflow: visible;
}
form#bacheca_ins2 .campo span.calendar-da, form#bacheca_ins1 .campo span.calendar-da
{
    display: inline-block;
    margin:5px 0;
}


select#data_nasc
{
    padding:2px 0;
    margin-bottom:5px;
}
form#bacheca_ins2 input#remLem, form#bacheca_ins1 input#remLem, form#bacheca-contatta input#remLem
{
    width:auto;
}

form#bacheca_ins2 input[type="radio"],form#bacheca_ins1 input[type="radio"] 
{
    margin:4px 4px 0 4px;
}
textarea#testo
{
    margin:5px 10px 10px 10px;
    width:100%;
}
form#bacheca-contatta textarea#testo
{
    width:100%;
}

.testochek
{
    line-height:1.9em;
}
.checklist-permessi
{
    padding: 10px 20px;
}

@media (min-width: 768px) {
fieldset.categorie
{
    flex: 2;
}
}
/**
*** ******************************************* 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;
}
/**************************************** AUTOCERTIFICAZIONE CREDITI ************************************************/

input.nuovi-crediti, a.arm-linkform,  .arm-proponi, .modifica-crediti, 
div.pulsanti a.indietro, div.torna-elenco a.indietro, input.carica-allegato, form#arm-allega input.arm-carica, 
.autocertificazione .indietro,a.ritorna,.cambiacorso.jsaddevento, input.salva-crediti, input.invia-crediti
{
    padding:4px 20px;
    display: inline-block;
    background: #30b1d0;
    box-sizing: border-box;
    border-radius: 3px;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    outline: none;
    cursor: pointer;
    border:none;
    text-decoration: none;
    line-height: 1.5em;
    border:1px solid #668196;
}
div.pulsanti a.indietro, div.torna-elenco a.indietro, input.carica-allegato, form#arm-allega input.arm-carica, 
.autocertificazione .indietro,a.ritorna,.cambiacorso.jsaddevento
{
    background:#9CAEBC;
}
.jsaddevento
{
    cursor:pointer;
}
.pulsante-nuovo input.modifica-crediti.nuova-dichiarazione
{
    float:right;
}

input.nuova-dichiarazione:hover, input.arm-carica:hover, input.modifica-crediti:hover, input.salva-crediti:hover,
input.invia-crediti:hover, div.pulsanti a.indietro:hover, div.torna-elenco a.indietro:hover, input.carica-allegato:hover,
form#arm-allega input.arm-carica:hover, .autocertificazione .indietro:hover, a.ritorna:hover, .cambiacorso.jsaddevento:hover
{
    background: #0D8BAA;
    text-decoration:none;
    color:#fff;
}
input.modifica-crediti.salva, input.salva-crediti, input.nuovi-crediti, input.invia-crediti,
a.ritorna, .pulsanti.oppure, .arm-proponi.jsaddevento, .cambiacorso.jsaddevento, .modifica-crediti.cancella
{
    float:right;
}
input.modifica-crediti.scarica
{
    float: none;
}
input.carica-allegato, form#arm-allega input.arm-carica
{
    background:url("../img/carica-allegato.png") no-repeat 3px center #ececec;
    padding:3px 10px;
    text-indent:18px;
    font-weight: normal;
    color:#30B1D0;
}
input.carica-allegato:hover,form#arm-allega input.arm-carica:hover
{
    background:url("../img/carica-allegato.png") no-repeat 3px center #9CAEBC;
}
input.carica-allegato:hover, form#arm-allega input.arm-carica:hover,input.nuovi-crediti:hover, .autocertificazione .indietro:hover,
.arm-proponi:hover, input.modifica-crediti.scarica:hover, input.modifica-crediti.salva:hover, input.salva-crediti:hover, .modifica-crediti.cancella:hover
{
    color: #fff;
}
.pulsante-nuovo
{
    clear: both;
}
input.invia-crediti
{
    margin-bottom:10px;
}
.arm-oppure
{
    margin-right:7px;
    line-height: 2em;
}
div.testo-guida
{
    margin:10px 0;
}
.testo-guida.sottotitolo
{
    text-align: center;
    font-weight: bold;
    margin-top:-5px;
    font-size:0.9em;
}
fieldset.autocertificazione div.campo
{
    margin:0;
    min-height: 34px;
}
fieldset.autocertificazione
{
    margin-bottom:15px;
    display:block;
    clear:both;
    padding: 10px;
}
fieldset.autocertificazione label
{
    text-align:right;
}
fieldset.dettagli-crediti label, fieldset.autocertificazione.tipologia label, fieldset.dettagli-corso label
{
    display:block;
    float:left;
    width:28%;
    text-align: right;
    padding-right:10px;
    line-height:1.7em;
    clear: left;
    margin-bottom: 0;
}
fieldset.autocertificazione.dettagli-corso label
{
    width: auto;
    display:block;
    float:left;
    text-align: right;
    padding-right:10px;
    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.dettagli-corso span#data_display
{
    margin:0;
    vertical-align: middle;
    line-height: 1.5em;
}
fieldset.autocertificazione.dettagli-corso input[type="number"]
{width:55px;
 text-align:center;}
fieldset.autocertificazione.dettagli-corso .corsoparziale, fieldset.autocertificazione.dettagli-corso .corsointero
{
    margin-top:10px;
    border-top:1px dotted #ccc;
    padding-top:10px;
}
fieldset.autocertificazione.dettagli-corso .corsoparziale .avviso
{
    margin-bottom:15px;
    color:#006699;
}
fieldset.autocertificazione.dettagli-corso .corsoparziale .campo
{
    padding-left:15px;
}
fieldset.autocertificazione.dettagli-corso .corsoparziale .sotto-campo, 
fieldset.autocertificazione.dettagli-corso .corsoparziale .campo-campo
{
    float:left;
}
fieldset.autocertificazione.dettagli-corso .corsoparziale .sotto-campo.sx
{width:20%; font-size:0.9em;}
fieldset.autocertificazione.dettagli-corso .corsoparziale .sotto-campo.dx
{width:45%;}
fieldset.autocertificazione.dettagli-corso .corsoparziale .campo-campo
{width:35%;}
fieldset.autocertificazione.dettagli-corso .corsoparziale .sotto-campo.dx label
{width:auto; text-align: left;}
fieldset.autocertificazione.dettagli-corso .corsoparziale .sotto-campo.sx input[type="checkbox"]
{
    margin-right:4px;
}
fieldset.autocertificazione.dettagli-corso textarea
{
    width:90%;
}
fieldset.autocertificazione.tipologia select#wbm_tipo_credito, fieldset.autocertificazione select
{
    max-width: 65%;
}
fieldset.autocertificazione.tipologia select#wbm_tipo_credito > option, fieldset.autocertificazione select > option
{
    max-width:400px;
}

#wbm_form_tipo fieldset
{
    padding: 10px;
}
#wbm_form_tipo fieldset select#filter_ente
{max-width:70%;}
.corsiesterni
{
    max-height: 500px;
    overflow-y:scroll;
    margin:10px 0;
    padding-right: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:#30B1D0;
    cursor:pointer;
}
div.corsiesterni div.datainizio
{
    float:left; margin-right: 10px;
}
div.corsiesterni div.datainizio, div.corsiesterni div.datafine
{
    color:#666;
}
div.flottadx
{
    text-align:right;
}
span.tipocorso
{
    margin-right: 5px; border-right: 1px solid; padding-right: 5px;
}
span.crediticorso-inside
{
    font-weight: bold;
}
fieldset.dettagli-crediti input.inputbox, fieldset.dettagli-corso input.inputbox
{
    width:60%;
    margin: 0;
}
fieldset.dettagli-crediti input#tipo, fieldset.dettagli-crediti input#tipo2, 
fieldset.dettagli-corso input.inputbox[type="radio"], fieldset.dettagli-corso input.inputbox[type="checkbox"],
fieldset.dettagli-crediti input.inputbox[type="radio"], fieldset.dettagli-crediti input.inputbox[type="checkbox"],
input[type="radio"], input[type="checkbox"]
{
    width:auto;
    margin:3px;
}
fieldset.dettagli-crediti span.calendar-da
{
    margin:0;
    display: inline-block;
}
fieldset.dettagli-crediti label[for=entipub], fieldset.dettagli-crediti label#gruppolavoro,
fieldset.dettagli-crediti label[for=obbligo]
{
    line-height:1.2em;
}
fieldset.dettagli-crediti label[for=entipub],fieldset.dettagli-crediti label[for=obbligo]
{
    width:50%;
}
#tutti-pub #selpub
{
    margin:0.5em 0;
}
.autocertificazione .testo-libero
{
    display: block;
    padding-left: 30%;
    margin-bottom:10px;
}
div.tabella-allegati div
{
    display: inline-block;
    overflow:hidden;
}
div.tabella-allegati div.riga-allegati, div.tabella-allegati div.riga-allegati-sfoglia
{
    display:block;
    padding:5px 0;
}
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: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.95em;
    color:#444;
    margin-bottom: 0;
}
fieldset.autocertificazione p
{
    font-size:1em;
}
fieldset.autocertificazione p span.crediticndcec
{
    display: inline-block;
}
fieldset.autocertificazione.dettagli-corso strong
{
    color:#555;
    margin-right:5px;
    vertical-align: top;
}
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;
}
fieldset.riepilogo div.a-table
{
    margin-bottom: 15px;
}
fieldset.riepilogo div.a-row2
{
    border-bottom:1px solid #e7e7e7;
    display:block;
    clear:both;
    overflow:hidden;
    padding:0;
}
fieldset.riepilogo .secondariga.colonnaintera
{
    width:auto;
    clear:both;
    float:none;
    margin-left:1%;
    padding-left: 13px;
    font-style:oblique;
}

fieldset.pratiche .a-row2.attenzione-messaggio
{
    background: #fafad2;
}
fieldset.riepilogo div.a-column
{
    float: left;
    padding:5px;
    display:block;
}
fieldset.riepilogo .a-row1 div.a-column
{
    line-height: 1.2em;
}
fieldset.riepilogo div.a-span3
{
    width:50%;
}
fieldset.riepilogo #form-inpratica div.a-span2
{
    width:18%;
}
fieldset.riepilogo.pratiche div.a-span2
{
    width:auto;
}
fieldset.riepilogo.pratiche div.a-span5
{
    width:30%;
    padding:5px;
}
fieldset.riepilogo div.a-span9, .a-column.a-span9.annorif
{
    width:23%;
    padding: 5px;
}
.a-column.a-span2 > img
{
    margin-bottom:-4px;
    padding-left:4px;
}
fieldset.riepilogo div.a-span1, fieldset.riepilogo div.a-span1-crediti
{
    width:8%;
    text-align: center;
}
fieldset.riepilogo div.a-span0
{
    width:1%;
}
fieldset.riepilogo div.a-span4
{
    width:24%;
}
fieldset.riepilogo div.a-span8
{
    width:51%;
}
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.azioni span.link
{
    cursor:pointer;
}
fieldset.autocertificazione p.informazioni-utili
{
    font-style: italic;
    color:#cc0000;
}
fieldset.riepilogo div.a-row1:after{
    content: "";
    clear: both;
    display: block;
}
fieldset.riepilogo div.a-row0
{
    color:var(--grigio-scuro);
    margin-bottom:5px;
}
fieldset.allegati
{
    background: #f4f6fc;
    margin:10px 0;
    font-size: 0.9em;
}
fieldset.riepilogo.modulo
{
    border:2px solid #30B1D0;
    background:#f4f6fc;
    font-size: 0.9em;
}
._err input, ._err select, .err select, input.err, .err input
{
    border:1px solid #ff0000;
}
input[type="radio"].err,  input[type="checkbox"].err
{
    outline: 2px solid #ff0000;
}
.mess_err
{
    color:#ff0000;
}

/************* 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
{
    color:var(--grigio-scuro);
    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: #f68a1e!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: #f68a1e;}
    .btn-primary:hover
    {background-color: #724f00; }
    .btn-outline-primary
    {background-color: transparent; color: #f68a1e; border:1px solid #f68a1e;}
    .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: #f68a1e;
    }
    .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 #f68a1e;
    }
    h3#arm-h-slide
    {
        color:#ffffff;
        background-color:#f68a1e;

    }
    .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: #f68a1e !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: #f68a1e;
    }

    .it-footer
    {
        background-color:#f68a1e;
    }
    .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;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper div.no_toc
    {
        font-family:'Dosis', sans-serif;
        color:#7a7a7a;

    }
    div.scegli-mese span.mese-corrente a
    {
        background: #333; 
        color:#fff;
    }
    div.scegli-mese span.mese-corrente a:hover
    {
        background:#f68a1e;
    }
    div.scegli-mese span.mese-indietro a, div.scegli-mese span.mese-avanti a
    {
        background:#f68a1e; 
        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 #f68a1e;
    }
}
@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:#f68a1e;
    }
    .it-header-navbar-wrapper {
        background-color: #f68a1e;
    }
}