/* user.css */
:root {
	--cz:#6aa3ac;
	--cz_scuro:var(--primary-color);
	--arancio:var(--secondary-color);
  --verde:var(--link-color);
  
  --body-color:#1D294B;
  --primary-color:#1D294B; 
  --secondary-color:#009EE3;
  --link-color:#00816D;
  --border-color:#ACACAC;

	--body-font-family: "TitilliumRegular";
}


table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid var(--primary-color);
border-left: 1px solid var(--primary-color);
margin-bottom: 1.5rem;
}
table thead th {
background-color: var(--primary-color);
color: #ffffff;
padding: 12px 8px;
text-align: center;
border-right: 1px solid #ffffff;
vertical-align: middle;
}
table tbody td {
padding: 12px 15px;
vertical-align: top;
border-right: 1px solid var(--primary-color);
border-bottom: 1px solid var(--primary-color);
color: var(--body-color);
}
table thead th:last-child {
border-right: 1px solid var(--primary-color);
}

html, body {
  overflow-x: hidden;
}

.background-primary {
  background-color: #1D294B;
  color: white;
}

.banner.container-header.full-width img
  {
   width:100%;
  }

.container-header .navbar-brand a
  {
   color:var(--primary-color);
  }


@font-face {
    font-family: TitilliumRegular;
    src: url(/templates/zulpoj4/fonts/TitilliumWeb-Regular.ttf);
}
@font-face {
    font-family: TitilliumBold;
    src: url(/templates/zulpoj4/fonts/TitilliumWeb-Bold.ttf);
}
@font-face {
    font-family: TitilliumSemiBold;
    src: url(/templates/zulpoj4/fonts/TitilliumWeb-SemiBold.ttf);
}
@font-face {
    font-family: TitilliumLight;
    src: url(/templates/zulpoj4/fonts/TitilliumWeb-Light.ttf);
}

.page-link:focus, .page-link:hover 
  {
    background-color: #fff;
  }

h1 {
  font-family: TitilliumBold;
  font-size:1.75rem;
}
h2 {
  font-family: TitilliumBold;
  font-size:1.5rem;
}
h3 {
  font-family: TitilliumBold;
  font-size:1.375rem;
}
h4 {
  font-family: TitilliumBold;
  font-size:1.25rem;
}


li.row_cat1 {
    background-color: #fff !important;
}


#content .pc_latest_item_bando, .pc_latest_item_bando
  {
   padding-right:16px;
  }

.home_areetematiche h3
  {
   font-size:1.375rem
  }


.tabella 
  {
    border-top: var(--primary-color) solid 1px;
    border-left: var(--primary-color) solid 1px;
  }

.tabella th 
  {
    text-align: center;
    background-color: var(--primary-color);
    color: #fff;
    border-right:#fff solid 1px;
    padding: 8px;
  }
  
.tabella th:last-child 
  {
    border-right: var(--primary-color) solid 1px;
  }  

.tabella td 
  {
    border-right: var(--primary-color) solid 1px;
    border-bottom: var(--primary-color) solid 1px;
    padding: 8px;
  }

.container-header .site-description
  {
   color:var(--primary-color);
   display:none;  
  }

.headerBlock
  {
   background-color: var(--primary-color);
  }

.fa, .fas, [class*=" icon-"], [class^=icon-]
  {
    /* color:var(--secondary-color); */
  }

h3.card-title  
  {
   font-size:1.125rem;
   margin-top:0;
  }

/**********************************
 * INIZIO BLOCCO MENU ORIZZONTALE *
 **********************************/
#navbar1
  {
   border-top:var(--primary-color) solid 2px;
   border-bottom:var(--primary-color) solid 2px;
   padding:8px 0;
  }
/********************************
 * FINE BLOCCO MENU ORIZZONTALE *
 ********************************/


/************************
 * INIZIO BLOCCO HEADER *
 ************************/
.brand-logo img
   {
    width:260px;
   } 
/**********************
 * FINE BLOCCO HEADER *
 **********************/ 
 
 
/*************************************
 * INIZIO BLOCCO NEWSLETTER HOMEPAGE *
 *************************************/
.home_newsletter
  {
   border:var(--primary-color) solid 2px;
   text-align:center;
   margin:48px 0 24px 0;
   padding:40px;
  }
.home_newsletter p  
  {
   margin-bottom:0;
  }
.home_newsletter a
  {
   color:var(--primary-color);
   vertical-align: middle;
   text-transform:uppercase;
   font-family: TitilliumBold;  
   font-size:1.5rem;
   display: block;
  }  
/***********************************
 * FINE BLOCCO NEWSLETTER HOMEPAGE *
 ***********************************/  


/*******************************************************
 * INIZIO BLOCCO AREE TEMATICHE E TRASPARENZA HOMEPAGE *
 *******************************************************/    
.home_areetematiche
  {
   margin-top:32px;
   margin-bottom:48px;
  }

.home_areetematiche h3,
.primopiano-1 h3,
.primopiano-2 h3,
.primopiano-4 h3
  {
   font-family: TitilliumBold;
   font-size:1.25rem;
   text-transform:uppercase;  
   color:var(--primary-color);
  }
.home_trasparenza ul 
  {
    display: grid;
    grid-template-columns: repeat( 3, minmax(30%, 1fr) );
    column-gap: 16px;
    row-gap: 16px;
  }
.home_areetematiche ul 
  {
    display: grid;
    grid-template-columns: repeat( 4, minmax(22%, 1fr) );
    column-gap: 16px;
    row-gap: 16px;
  }
.home_trasparenza > ul > li,  
.home_areetematiche > ul > li 
  {
   background:var(--primary-color);
  }    
  
.home_trasparenza > ul > li p, 
.home_areetematiche > ul > li p 
  {
    height: 100%;
  }  
  
.home_trasparenza > ul > li a, 
.home_areetematiche > ul > li a 
  {
    color: #fff;
    background-color: #1D294B; /* per accessibilita */
    font-weight: normal;
    display:flex;
    text-align: center;
    justify-content: center;
    align-items:center;
    padding:0;
    min-height: 48px;
    height: 100%;
    text-transform:uppercase;  
  }  

.home_trasparenza > ul > li,
.home_areetematiche > ul > li
  {
   padding:0 0 8px 0;
   margin-bottom: 0.5rem;
  }  
  
.home_trasparenza > ul > li a,
.home_areetematiche > ul > li a 
  {
    font-family: TitilliumBold;  
    font-size:1.25rem;
    font-weight: 600; /* per accessibilita */
    padding-top: 8px;
  }
  a.mod-articles-link {
    font-weight: 600; /* per accessibilita */
  }
  
.home_trasparenza > ul > li .imgLink,
.home_areetematiche > ul > li .imgLink
  {
   height: inherit;
  }    

.home_trasparenza > ul > li .imgLink img,
.home_areetematiche > ul > li .imgLink img
  {
   padding-bottom: 8px;
   margin-top:-8px;
  }      
  
  
/***************************************
 * FINE BLOCCO AREE TEMATICHE HOMEPAGE *
 ***************************************/    
  
  
/***********************************************
 * INIZIO BLOCCO ULTIMI AGGIORNAMENTI HOMEPAGE *
 ***********************************************/      
.primopiano .container
  {
   max-width:100%;
   padding: 0;
  }
.primopiano .row-cols-4>*,
.primopiano .row-cols-2>*
  {
   display:flex;
  }  
.primopiano .card 
  {
   display:block;
   width: -webkit-fill-available;
   width: -moz-available;
   background:#fff;
   border:var(--secondary-color) solid 1px;  
   border-bottom:var(--secondary-color) solid 24px;    
   min-height: 128px;
  }  
.primopiano .card a
  {
   color:var(--primary-color);    
  }
.primopiano .card a h4
  {
   font-size:1rem;
   min-height:48px;
  }  
.primopiano .card .card-body
  {
   font-size:0.875rem;
   min-height:100%;
  }    
.primopiano .carousel-item-next, .primopiano .carousel-item-prev, .primopiano  .carousel-item.active 
  {
    display: block;
    padding: 0 48px;
  }
.primopiano .veditutto a
  {   
   color:var(--primary-color);    
   border-left:var(--secondary-color) solid 12px;  
   padding:0 8px;
   font-weight:bold;
   text-decoration:none;
   font-size:1.375rem;
   height:46px;
  }
/*********************************************
 * FINE BLOCCO ULTIMI AGGIORNAMENTI HOMEPAGE *
 *********************************************/          
  
  
/***********************
 * INIZIO BLOCCO BANDI *
 ***********************/     
.bando_link
  {
   font-size:1rem;
  }
  
.minisize i  
  {
   color: var(--secondary-color);
  }
/*********************
 * FINE BLOCCO BANDI *
 *********************/   
 

.desktop,
.desktop-md
  {
    display:block;
  }
  
.desktop-inline,
.desktop-inline-md
  {
    display:inline-block;
  }  
  
.mobile,
.mobile-md
  {
    display:none;
  }      

.mobileHeader
  {
   display:none;
   font-weight:bold;
   padding-right:8px;
  }

.chosen-container
  {
   display:grid !important;
  }


.accessocivico input
  {
   color:var(--primary-color);   
   border:var(--primary-color) solid 1px;
  }

.accessocivico label,
.chosen-container,
#pagination
  {
   color:var(--primary-color);   
  }

.breadcrumb-item+.breadcrumb-item:before 
  {
    content: var(--breadcrumb-divider,">");
    color:var(--link-color);
  }

h1,h2,h3,h4,h5,h6
  {
   font-family:TitilliumRegular;
  }
  
main div[itemprop="articleBody"]
  {
   color:var(--primary-color);  
  }

/*********************************
 * INIZIO FORM RICERCA DOCUMENTI *
 *********************************/  
#divDocumentsSearch .input-group-text 
  {
   background-color:var(--primary-color);
   color:#fff;   
   border: 0;
   height: 100%;
  }

#divDocumentsSearch .input-group>.custom-select, 
#divDocumentsSearch .input-group>.form-control, 
#divDocumentsSearch .input-group>.form-select
  {
   border: 1px solid var(--primary-color);   
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
   margin-left: -1px;
  } 
 
#divDocumentsSearch .input-group>.custom-select, 
#divDocumentsSearch .input-group>.form-select
  {
   background: url(/images/select-bg_white.svg) no-repeat 100%/116rem;
   background-color:var(--primary-color);    
   color:var(--primary-color);     
  } 
  
#divDocumentsSearch .input-group> button
  {
   border: 1px solid var(--primary-color);   
  }  

#divDocumentsSearch .btnForm button:hover
  {
   background-color:#fff;
   color:var(--primary-color);     
  }  


.docs-list .list,
.borderBox,
.com-content-category__articles .row.bLeft .card
  {
   border: 1px solid!important;   
   border-color:var(--border-color) !important;
   border-radius: 16px !important;   
  }  
  
#pcCompetitionForm.borderBox
  {
   border:0 !important;   
  }
  
.estensione-lbl,
.lbl-ext 
  {
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    min-width: 64px !important;
    text-align: center;
  }  

.bg-info.estensione-lbl,
.lbl-ext 
  {
   border-color:var(--link-color) !important;
   background-color:var(--link-color) !important;
  }  
  
.lbl-ext
  {
   border-radius: 50rem!important;  
  }
  
.docs-list 
  {
   padding:0px !important;   
  }      
  
.docs-list .list
  {
   margin:16px 0px !important;   
  }    
  
.docs-list .list-group-item  
  {
   background-color:transparent;
  }
  
/*  
.docs-list .estensione-lbl,
.docs-cards .estensione-lbl    
  {
    background-image: url('/images/allegato.png');
    background-repeat: no-repeat;
    background-position: 8px;
    background-size: 20px;    
    min-width:32px;
  }
  
  
.estensione-lbl > span:nth-child(2)
  {
   display:none;
  }

.docs-list .fa-download:before,
.docs-cards .fa-download:before
  {
    content: " ";
  }
*/  

.estensione-lbl .fas
  {
   color:#fff;   
   display: none;
  }
  
.list-body
  {
   color:var(--primary-color); 
   padding:8px 16px 0 16px;   
  }
  
.list-body .dateDocs  
  {
    margin-bottom:8px;
  }
  
.list-body h5.card-title  
  {
   font-size:1.125rem;
  }
  
.list-body h6  
  {   
   color:var(--primary-color) !important; 
   font-weight: 100;
  }
/*******************************
 * FINE FORM RICERCA DOCUMENTI *
 *******************************/
 
 
.leaflet-container a,  
.leaflet-control-attribution a
  {
   color:#000 !important;
   text-decoration:underline !important;
  }

:focus,
.mod-finder input[type='text']:focus,
button:focus,
.com_finder button[type="submit"]:focus,
.view-login main .com-users-login button[type="submit"]:focus 
{
  outline:#aaa solid 2px !important;
}

.invalid {
    border-color: #60060E;
    color: #60060E;
    font-weight:bold;
}

.text-verde{
  color: var(--verde);
}

#slideshowHomepage a 
{
  text-decoration: none;
  color: white;
  font-size:2.5rem;
}

#slideshowHomepage .card,
#slideshowHomepage .card-img-overlay
  {
   border:0;
   border-radius:0;
  }

#slideshowHomepage a:hover,
.primopiano .card a:hover {
  text-decoration: underline !important;
}

#slideshowHomepage a h3
{
  font-family:TitilliumBold;
  font-size:1.25rem;
  text-transform: uppercase;
}

.carousel-control-next, .carousel-control-prev
  {
   opacity: 1;
  }

.primopiano .carousel-control-next, .primopiano .carousel-control-prev
  {
    margin-top: 104px;
    width: auto;
    color: #fff;
    font-size:4rem;
    font-weight: bold;
    height: 64px;
  }
  
#slideshowHomepage .carousel-control-next, #slideshowHomepage .carousel-control-prev
  {
    width: auto;
    color: #fff;
    font-size:4rem;
    font-weight: bold;
    height: 64px;
    margin: 0 32px;
  }
  

.carousel-control-next-icon,.carousel-control-prev-icon
  {
    background-image:none;
    margin-top: -220px;
  }

#slideshowHomepage .carousel-control-next-icon, #slideshowHomepage .carousel-control-prev-icon
  {
    margin-top: 210px;
  }  

  
#slideshowHomepage .carousel-inner 
  {
   border:var(--secondary-color) solid 26px ;
   border-top:0;
   border-bottom:0;
   margin-top:32px;
  }

.carousel-control-prev-icon::before 
  {   
    content: "<";
    -webkit-font-smoothing: antialiased;
    color:var(--secondary-color);  
  }
  
.carousel-control-next-icon::before 
  {
    content: ">";
    -webkit-font-smoothing: antialiased;
    color:var(--secondary-color);  
  }
  

.carousel-control-prev-icon:hover,  
.carousel-control-next-icon:hover
  {
   opacity:.7;
  }

.main-top.no-card {
  margin-top: 0em !important;
}
.container-component:first-child {
  margin-top: 0em !important;
}

.slide-position {
    left:0;
    right:0;
    bottom:50px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    background: var(--primary-color);
    max-width: 60%;
    margin: 0 auto;
    padding: 20px;
    border-radius: 5px;
    border-bottom: 5px solid;
    border-top: 5px solid;
}

.container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before
  {
   height:0;
  }


#slideshowHomepage .slide-position.card-title p
  {
   font-size:1.125rem;
   margin: 0 !important;
  }

/*******************************
 * INIZIO CAROUSEL PRIMO PIANO *
 *******************************/
 
#carouselExampleIndicators .card-body.bg-cz_scuro
  {
   min-height:200px;
  }

  
.carousel-indicators
    {
     background:#fff;
     bottom:auto;
     margin-top:16px;
     margin-left:auto;
     margin-right:auto;
     position:initial;
    }
    
.carousel-indicators button 
  {
   border-radius: 100%;
  }  

.carousel-indicators .active 
  {
    opacity: 1 !important;
  }
 
.carousel-indicators [data-bs-target] 
  {
   width: 24px;
   background:var(--primary-color);
   opacity: .7;
  }

.carousel-indicators .active
  {
   border-color:var(--primary-color);
   background:var(--primary-color);
  }


.carousel-indicators button:focus:not(:focus-visible) 
  {
    /*height: 20px;*/
  }

.veditutto
  {
   margin: 16px 0px;
   text-align:right;
  }

/*****************************
 * FINE CAROUSEL PRIMO PIANO *
 *****************************/
 

/*****************
 * INIZIO TOPBAR *
 *****************/
.container-topbar
  {
   background-color:var(--primary-color);  
   padding: 8px 16px 4px 16px;
   color:#fff;
  }
  
.container-topbar .topbar-link
  {
   display:inline-block;
  }
  
.container-topbar .topbar-link p
  {
   margin:0;
   line-height: 64px;
  }  
  
.container-topbar .topbar-left
  {
   text-align:left;
  }  
  
.container-topbar .topbar-right
  {
   text-align:right;
  } 
 
.container-topbar .topbar-left a
  {
   text-decoration:none;
   text-transform:uppercase;
   font-size:1rem;
   font-weight:bold;
  }

.container-topbar .topbar-right a
  {
   text-decoration:none;
   text-transform:uppercase;
   font-size:1rem;
   font-weight:bold;
   background-color:#fff;
   color:var(--primary-color);
   padding: 4px 8px;
   border-radius: 8px;
   margin:0 8px;
  }  

.container-topbar .mod-languages  
  {
   display:inline-block;  
   margin-top: 10px;
  }
  

.lang-block
  {
    border:var(--primary-color) solid 1px!important;
  }
  
div.mod-languages .btn-group .btn,
div.mod-languages ul li.lang-active  
  {
   background-color:var(--primary-color) !important;
   color:#fff !important;
   border:0;
  }
  
div.mod-languages a
  {
   display:block;
   width:100%;
   color:var(--primary-color);
  }
  
div.mod-languages .lang-active a
  {
   color:#fff;
  }  

/***************
 * FINE TOPBAR *
 ***************/



/*****************
 * INIZIO SOCIAL *
 *****************/ 

.toolsocial
  {
   color:var(--primary-color);
   font-weight:bold;   
   display: inline-block;   
  }

.toolsocial ul
  {
   display: inline-flex;
   margin-left:8px;
  }

.toolsocial ul li a
  {
   color:var(--primary-color);
   font-size:2rem;
  }

  
span.u-hiddenVisually
  {
   display:none;
  }
  
  
.Icon-facebook::before
  {
   content:"\f39e";
  }
  
.Icon-instagram::before
  {
   content:"\f16d";
  }  
 
.Icon-twitter::before
  {
   content:"\f099";
  }
  
.Icon-telegram::before
  {
   content:"\f3fe";
  }   
  
.Icon-whatsapp::before
  {
   content:"\f232";
  } 
 
.Icon-youtube::before
  {
   content:"\f167";
  }
  
.Icon-rss::before
  {
   content:"\f09e";
  } 
 
/***************
 * FINE SOCIAL *
 ***************/ 



/*********************
 * INIZIO BREADCRUMB *
 *********************/
 
.breadcrumb-item a
  {
   font-weight:bold;
   color:var(--link-color);
  }
 
.breadcrumb-item .active,
.breadcrumb li > span  
  {
   font-weight:bold;
   color:var(--primary-color);
  } 
   
/*******************
 * FINE BREADCRUMB *
 *******************/
 


/* ===== Scrollbar CSS ===== */
/* Firefox */
#resultArticles,
.subRegime {
  scrollbar-width: auto;
  scrollbar-color: var(--primary-color) #ffffff;
}

/* Chrome, Edge, and Safari */
#resultArticles::-webkit-scrollbar,
.subRegime::-webkit-scrollbar  {
  width: 16px;
}

#resultArticles::-webkit-scrollbar-track,
.subRegime::-webkit-scrollbar-track {
  background: #ffffff;
}

#resultArticles::-webkit-scrollbar-thumb,
.subRegime::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  border-radius: 10px;
  border: 3px solid #ffffff;
} 
 

/* width */
#resultArticles::-webkit-scrollbar,
.subRegime::-webkit-scrollbar {
  width: 20px;
}
/* Track */
#resultArticles::-webkit-scrollbar-track,
.subRegime::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

#resultArticles:-webkit-scrollbar-track,
.subRegime::-webkit-scrollbar-track {
  background: var(--primary-color);
}
 
/* Handle */
#resultArticles::-webkit-scrollbar-thumb,
.subRegime::-webkit-scrollbar-thumb {
  background: var(--primary-color); 
  border-radius: 10px;
}


/**********************************************
 * FINE MODULO RICERCA DIPARTIMENTI CON MAPPA *
 **********************************************/

 
.mod-finder__search 
  {
   border-bottom: var(--primary-color) solid 1px !important;
  }

.mod-finder__search .awesomplete
  {
   width:100%;
  }


.elenco_procedure .article-info.text-muted
  {
   display:none;
  }

.cat-children .com-content-category__children
  {
   margin-left: 60px;
   margin-bottom:8px;
   border-left: var(--secondary-color) solid 8px !important;
   border-radius: 0;
   padding-left:16px;
  }

.cat-children .com-content-category__children a
  {
   font-size:1.25rem
  }

.container-sidebar-right
  {
   padding-top:70px !important;
  }

.com-finder__search label
  {
   font-family:TitilliumBold;
   font-size:1rem;
  }
  
.com-finder__search .input-group  
  {
   display: inline;
   top: -4px;
  }
  
.com-finder__search .input-group input[type="text"]
  {  
    border: 1px solid  var(--primary-color);
    padding: 0 8px;
    border-radius:0;
    display: inline-block;
    width: 200px;
  }
  
.com-finder__search .input-group .buttons
  {
   display:inline;
   position: relative;
   top: -2px;
  }        
  
.com-finder__search .input-group button
  {  
    font-size:.875rem;
    background: var(--primary-color) 0% 0% no-repeat padding-box;
    border:0;
    border-radius: 0;
    color: #fff;  
    margin-left:16px !important;    
    padding: 1px 32px;
  }
  
.com-finder__search .input-group button .icon-search:before  
  { 
   content:"";
  }
  
.com-finder__search .input-group button:hover {
    border-color: #fff !important;
}  
  
.result__title-text
  {
   font-size:1.125rem;
  }
  
.result__title-link
  {
   font-size:1.25rem;
   color:var(--link-color)!important;
   display:inline-block;
  }

.result__taxonomy
  {
   /*display:none;*/
  }

.com-finder__results-list > li
  {
    border-top:0 !important;
    border-left: var(--secondary-color) solid 8px !important;
    border-radius: 0;
    padding: 0 24px 16px 24px !important;
    margin: 8px 0 0 0;  
  }

.com-content-category-blog__counter 
  {
   display:contents;
  }

.arrowSearch a
  {
    color: var(--link-color) !important;
    font-weight: bold;
    text-decoration: none !important;
  }
  
.page-item.active .page-link,
.arrowSearch.page-item.active a
  {
   background:var(--primary-color);
   border:var(--primary-color) solid 1px;
   color: #fff !important;
  }

.arrowSearch.page-item.disabled a
  {
    background-color: #fff !important;
    border-color: #dfe3e7 !important;
    color: #6d757e !important;
  }
  
.com-content-category-blog__navigation.w-100,
.com-content-category__navigation.w-100
  {
   text-align: center !important;
  }
  
.pagination,
.pagination__wrapper
  {
   justify-content: center !important;
  }

.container-sidebar-right .moduletable .pc_k2_itemlist, 
.container-sidebar-right .moduletable .pc_k2_itemlist a
  {
   background:var(--link-color);
   color:#fff;
  }
  

.moduletable .sideContentsPC,
.moduletable .sideDocsPC  
  {
   padding-top:16px;
  }


.moduletable .sideContentsPC ul,
.moduletable .sideDocsPC ul 
  {
   padding-left:12px !important;
   margin-bottom:0 !important;
   padding-bottom: 16px;
  }    

.moduletable .sideContentsPC ul li,
.moduletable .sideDocsPC ul li
  {
   list-style-type: none;
   background-repeat:no-repeat;
   padding-left: 24px;
   background-size: 16px 16px;
   background-position: 0% 6px;
  }    

  
.moduletable .sideContentsPC ul li
  {
   background-image: url('/images/link.png');
   margin-bottom: 12px;
   padding-right:4px;
  }
  
.moduletable .sideDocsPC ul li
  {
   background-image: url('/images/allegato.png');    
   margin-bottom: 12px;
   padding-right:4px;
  }
  
.moduletable .sideDocsPC  
  {
   margin-top:-16px;
   padding-bottom: 16px;
  }
  
.latest_articles ul li
  {
   padding-left:0px;
  }

.pc_itemlist 
  {
    margin: 0 !important;
  }
  
.pc_itemlist ul
  {
    padding: 0 32px;
    margin: 0 !important;
  }
  
.moduletable .procedure ul li.pc_k2_item,
.moduletable .latest_docs ul li.pc_item  
  {
   margin-bottom:16px;
   list-style-type:none;    
   border-bottom: #dfe3e7 solid 1px;
   padding-bottom: 16px;
  }
    
.moduletable .procedure ul li a,
.moduletable .latest_docs ul li a
  {
   color:var(--link-color);    
   text-decoration: auto;
  }



.boxCorrelati
  {
   border-radius:16px;
   border:var(--border-color) solid 1px; 
   padding:16px 8px;     
  }
  
.boxCorrelati .pc_title_module  
  {
   font-size:1.125rem;
   border:0;
   border-left:var(--secondary-color) solid 8px;      
   padding:0 8px;
  }

.boxCorrelati ul 
  {
   padding:0 16px ;
   margin:0;
  }
    
.boxCorrelati ul li
  {
   list-style-type:none;
  /* display: inline-flex;*/
   width: 100%;
  }
  
.boxCorrelati > ul > li
  {
   margin-bottom:8px;
  }   
  
.boxCorrelati > ul > li:before
  {
   color:var(--secondary-color);  
   content:"-";
   padding-right:8px;
  }    

.boxCorrelati .descr
  {
   display:block;
   padding-left:18px;
  }
  

.com-content-article__body a,
#box_sottocategorie a,
.doc_legend,
.row1_category_back a,
.boxCorrelati ul li a,
main a,  
.latest_articles a,
.searchArticles h3 a
  {
   color:var(--link-color) !important;
   font-weight:bold;
   text-decoration:none !important;
  }
  
#box_sottocategorie_bgi i,
#box_sottocategorie .fa-folder-open
  {
   color:var(--secondary-color) !important;  
  }
  
.tags.list-inline .btn-info
  {
   color:#fff !important;
   text-align:right;
  }
  
.mod-articles-category-tags .tags.list-inline .btn-info
  {
   color:#000 !important;
  }
  
.doc_legend
  {
   text-transform:initial !important;
   font-size:1.125rem;
  }
  
li.row_category
  {
   font-size:1rem;
  }
  
.moduletable .procedure ul li.pc_k2_item > a,
.moduletable .latest_docs ul li.pc_item a
  {
   font-weight:bold;
  }  

  
.moduletable .procedure ul li .elencoDocs
  {
   padding:12px 0;
   display:inline-block;
   width:15%;
  }
  
.moduletable .procedure ul li .elencoDocs .lbl-ext,
.moduletable .latest_docs ul li .elencoDocs .estensione
  {
   background:var(--primary-color);
   color:#fff;
   padding:4px 8px 4px 32px;
   border-radius:8px;
   background-image: url(/images/allegato.png);
   background-repeat: no-repeat;
   background-position: 8px 6px;
   background-size: 16px;
   font-weight:normal;
  }
  
.moduletable .latest_docs ul li .elencoDocs .filesize
  {
   font-weight:normal;
  }    

.filesize:hover
  {
   text-decoration:underline;
  }  

.lbl-ext:hover,
.estensione:hover
  {
    opacity: .8 !important;
  }

.containerCustom
  {
   margin-left:8px;
  }

.sideSearchArticles 
  {
   text-align:left;
   margin: 32px 0 8px 0;
  }
  
.sideSearchArticles p
  {
   box-shadow: 0px 3px 6px var(--unnamed-color-000000);
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 3px 6px #000000;
   padding: 8px;
  }

.sideSearchArticles a
  {
   color:var(--link-color);
   text-decoration: none;
   font-weight:bold;
  }
  
  
.docs-cards.card-deck a
  {
   color:var(--link-color);
   font-weight:bold;
   text-decoration: none;
  }  

.breadcrumb
  {
   background-color:#fff;
  }
  
.mod-breadcrumbs__divider
  {
   display:none;
  }

a:not([class]) {
   text-decoration: none;
}

a {
  text-decoration: none;
  /*color:var(--link-color);*/
}

a:hover,
.docs-cards.card-deck a:hover,
.pc_k2_itemlist a:hover,
.searchArticles h3 a:hover,
#box_sottocategorie a:hover {
  text-decoration: underline !important;
}

.pc_k2_itemlist.procedure .elencoDocs a:hover {
  text-decoration: none !important;
}

/*********************
 * INIZIO ANDREA CSS *
 *********************/
 
.article-info.text-muted 
  {
   color:var(--primary-color) !important;
  }
 
#elenco .row
  {
   border-bottom: #00000029 solid 1px;
  }

#elenco a 
  {
   display:block;
  }
 
body
  {
   overflow-x:hidden;
  }

.breadcrumb
  {
   padding-left:0px !important;
  }


main h2
  {
   color:var(--primary-color);
   font-size:1.5rem;
  }
  
main h3
  {
   font-size:1.375rem;
   margin-top: 32px;
  }
  
main h4
  {
   font-size:1.25rem;
  }

.docs-list .card-title
  {
   font-family: TitilliumBold;  
   font-size:1.25rem;
  }  
    
.moduletable h2,  
.moduletable h3,
.moduletable h4
  {
   font-family: TitilliumBold;
   font-size:1.25rem;
  }

.avviso_home h2
  {
   font-family: TitilliumRegular;
   font-size:1.5rem;
  }


.pc_latest_item_bando_titolo h3
  {
   margin-top: 0;  
  }

.row.header
  {
    align-items: center;    
  }

.Footer-siteName img
  {
   width:200px;
  }
  
.footer .grid-child
  {
   display:block;
  }
    
.footer .grid-child .row
  {
   /*align-items:center;*/
  }
  

.footer .row
  {
   margin-bottom:32px;
  }
  
.footer a
  {
   color:#fff;
   font-weight:bold;
   font-size:1rem;
   text-decoration: none;
  }
  
.footer address  
  {
   font-weight:bold;
  }
  
.breadcrumb li > span
  {
    font-weight:bold;  
  }
  
.container-header nav 
  {
    width: 100%;
  }  
  
.navbar.navbar-expand-md .mod-menu
  {
    flex-direction: row;    
    display:inline-flex;
    column-gap: 8px;
    row-gap: 8px;
  }
  
.metismenu.mod-menu .metismenu-item
  {
   display:grid !important;
  }
  
.navbar.navbar-expand-md .mod-menu > li
  {
    text-align: center;
    font-weight:bold;
  }

.container-header .grid-child
  {
   padding:0;
  }
  
.container-header .container-nav 
  {
    padding-bottom: .4em;
    background-color:#fff;
    color:#fff;
  }

.container-header .metismenu>li>a:hover:after
  {
   background:var(--primary-color);
  }

.banner_preferiti
  {
    min-height:48px;
  }
  
.banner_preferiti .btn-primary
  {
   background-color:#fff;
   border-color:#fff;
   font-weight:bold;
   height: 100%;
   align-items: center;
   justify-content: center;
  }

.strutture 
  {
   background-color:#ddd;
   background-image:url('/media/templates/site/zulpoj4/images/bgNewsHome.png');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
   background-size: cover;
   margin-top:40px;   
   margin-left: calc(-100vw / 2 + 900px / 2);
   margin-right: calc(-100vw / 2 + 900px / 2);   
   padding-left: 500px;
   padding-right: 500px;
   padding-top:32px;
   padding-bottom:32px;
  }

.strutture h2,
.menuBlock_preferiti h2
  {
   font-size:2rem;
  }

 
.strutture > ul,
.menuBlock_preferiti > ul
  {
    flex-direction: row;    
    display: grid;
    grid-template-columns: repeat( 4, minmax(24%, 1fr) );
    column-gap: 16px;
    row-gap: 16px;
  }  

.strutture > ul > li
  {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 4px 8px #000000;
    opacity: 1;
    padding:8px;
  }


.strutture .tags .list-inline-item .btn-info,
.strutture .tags .list-inline-item .btn-info a
  {
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   transition: none !important;
  }
  
.struttureHover,
.struttureHover h3 a,
.struttureHover .tags .list-inline-item .btn-info,
.struttureHover .tags .list-inline-item .btn-info a
  {
    background-color: var(--link-color) !important;
    color:#fff !important;
    -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   transition: none !important;
  }
  
.struttureHover .tags .list-inline-item .btn-info
  {
   border-color:var(--link-color)!important;
  }
  

.menuBlockHover 
  {
    background-color: #fff !important;
  }

.menuBlock_preferiti > ul
  {
    overflow: initial;
  }
  
.menuBlock_preferiti > ul > li  
  {
    box-shadow: 0px 3px 6px #000000;
    background:#fff;
    list-style-type:none;
    padding:8px;
  }  
    
  
.strutture > ul > li h3,
.menuBlock_preferiti > ul > li h3
  {
    font-size:1.125rem;
    text-align: center;
    font-weight:bold;
    line-height: 1.5 !important;
    height: 100px;
  }  
  
.menuBlock_preferiti > ul > li h3
  {
    height: 80px;
  }    

.strutture .mod-articles-category-date,
.menuBlock_preferiti .mod-articles-category-date
  {
    font-size:0.875rem;
    font-weight:bold;
  }  
  
.strutture .mod-articles-category-introtext
  {
    height: 80px;  
  }


.menuBlock_preferiti > ul > li h3
  {
    height: 100px;  
  }
  
.menuBlock_preferiti .mod-articles-category-date
  {
    height: auto;  
    text-align:left !important;
  }  

.menuBlock_preferiti .mod-articles-category-introtext  
  {
    height: auto;  
    text-align:left !important;
    font-style:italic;
    word-break: break-word;
  }
  
.strutture .tags .list-inline-item  
  {
    float: right;
    font-size:1rem;
    font-style:italic;
    letter-spacing: 0px;
  }
  
  
.strutture .tags .list-inline-item .btn-info 
  {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    font-weight:normal;
  }  

.strumenti .mod-menu
  {
    flex-direction: row;    
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(31%, 1fr) );
    column-gap: 16px;
    row-gap: 16px;
  }

.strumenti .mod-menu li
  {
    text-align: center;
    font-weight:bold;
    box-shadow: 0px 3px 6px #000000CF;
    min-height:200px;
    padding:8px;
  }

.strumenti .mod-menu li .imgLink
  {
    margin-bottom:16px;  
  }  

.strumenti .mod-menu li .image-title 
  {
    font-size:1.125rem;  
  }    
 

.strumenti .mod-menu li img
  {
    max-width:40%;
    height:100px;    
  }  

.come_fare_per h2
  {
   font-size:2rem;
   text-align: center;
  }

.come_fare_per .mod-menu 
  {
    align-items: center;
  }


.come_fare_per .mod-menu li
  {
    background-color: var(--link-color);    
    text-align: center;
    font-weight:bold;
    width:536px;
    margin:8px;
  }

.come_fare_per .mod-menu h3
  {
    margin-bottom:0px;
  }

.come_fare_per .mod-menu li a
  {
    font-size:1.125rem;
    margin: -4px;
    padding: 12px 0 0 0;
    display:block;
    color:#fff;
    border:#fff solid 1px;
    height:50px;
    /*line-height:48px;*/
  }  

.come_fare_per .mod-menu li a:hover
  {
    background-color: #fff;   
    color:#000;
    border:var(--link-color) solid 1px;
  }  


.aree_tematiche > h2
  {
   font-size:2rem;
  }
  
.aree_tematiche li > h3
  {
   font-size:1rem;
  }

.aree_tematiche .mod-menu
  {
    flex-direction: row;    
    display: grid;
    grid-template-columns: repeat( 4, minmax(24%, 1fr) );
    column-gap: 8px;
    row-gap: 8px;
  }

.aree_tematiche .mod-menu li
  {
    background-color: #6AA3AC;    
    padding: 8px 0 0 0;
    text-align: center;
    font-weight:bold;
  }
  
.aree_tematiche .mod-menu li a
  {
    display:block;
    font-size:1.125rem;
  }  
  
.aree_tematiche .mod-menu li a:hover,
.strumenti a:hover
  {
    color:#000;
  }    
  
  
#bookmark
  {
   text-align:right;
  }

.view-login main,
.view-login-module
  {
   background-color:#6AA3AC;
   margin-top:40px;   
   margin-left: calc(-100vw / 2 + 500px / 2);
   margin-right: calc(-100vw / 2 + 500px / 2);   
   padding-left: 500px;
   padding-right: 500px;
   padding-top:32px;
   padding-bottom:32px;
  } 
  
.view-login main .com-users-login,
.view-login-module form
  {  
   width:60%;
   margin: 0 auto;
  }

.mod-login__userdata.userdata label
  {
   width:100%;
  }

 
.mod-login__userdata.userdata input
    {
      appearance: none;
      background-clip: padding-box;
      border: 1px solid #ced4da;
        border-top-color: rgb(206, 212, 218);
        border-right-color: rgb(206, 212, 218);
        border-bottom-color: rgb(206, 212, 218);
        border-left-color: rgb(206, 212, 218);
      border-radius: .25rem;
      color:  var(--body-color);
      display: block;
      font-size:1rem;
      font-weight: 400;
      line-height: 1.5;
      padding: .6rem 1rem;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      width: 100%;  
  }
  
.mod-login__submit.form-group button
  {
   margin: 0 auto;
   display: block;
  }
  

.btn-primary
  {
    background:var(--primary-color);
    color:#fff;
    border-color:#fff;
  }
  

.view-login main .com-users-login button[type="submit"],
.view-login-module button[type="submit"],
#bookmark button[type="submit"]
  {
    background:#fff;
    color:#000;
    box-shadow: 0px 3px 6px #000000;
    border:0;
  }
  
#bookmark button,
.setBookmark
  {
   border:0 !important;
   background:#fff !important;
  }

#bookmark button:hover,
#bookmark button:active,
.setBookmark:hover,
.setBookmark:active
  {
   background:#fff !important;
  }

.com_finder button[type="submit"]
  {
    border:0 !important;
    border-bottom:#6AA3AC solid 1px !important;
  }
  

.applicativi_portali
  {
   background-color:var(--link-color);
   margin-top:40px;   
   margin-bottom: -16px;
   margin-left: calc(-100vw / 2 + 800px / 2);
   margin-right: calc(-100vw / 2 + 800px / 2);   
   padding-left: 560px;
   padding-right: 560px;
   padding-top:32px;
   padding-bottom:32px;
  } 
  
.applicativi_portali h2
  {
   font-size:2rem;
   color:#fff;
  }
  
.applicativi_portali h3
  {
   font-size:1.125rem;
   color:#fff;
  }  
  
.applicativi_portali .mod-menu
  {
    flex-direction: row;    
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(15%, 1fr) );
    column-gap: 8px;
    row-gap: 8px;
  }

.applicativi_portali .mod-menu li
  {
    padding: 8px;
    text-align: center;
    font-weight:bold;
  }
  
.applicativi_portali .mod-menu li a
  {
    display:block;
    color:#fff;
  }  
  
.applicativi_portali .mod-menu li a:hover
  {
    color:#fff;
  }      

.applicativi_portali .mod-menu li a .imgLink img
  {
    height:80px;
    margin:8px;
  }  
  
  
.menuBlock > ul
  {
    flex-direction: row;
    display: grid;
    grid-template-columns: repeat( 4, minmax(24%, 1fr) );
    column-gap: 16px;
    row-gap: 16px;  
    margin-bottom:16px;
  }

.menuBlock > ul > li
  {  
    background:var(--primary-color);
    text-align:center;
    box-shadow: 0px 3px 6px #000000B5;
    /*
    border-left:var(--link-color) solid 6px;
    border-right:var(--link-color) solid 6px;
    */
  }  
  
.menuBlock > ul > li img
  {  
   display:none;
  }  
  
.menuBlock > ul > li > h3 a
  {  
    color:#fff;
    font-size:1rem;
    font-weight:bold;
    height:118px;
    display: flex;
    align-items: center;
    justify-content: center;
  }     
  
.footer
  {
   background:var(--primary-color);
   color:#fff;
  }  
  

.footer .grid-child
  {
   padding: 0;
  }
  
.footer .mod-custom > ul 
  {
    flex-direction: row;
    display: grid;
    grid-template-columns: repeat( 5, minmax(18%, 1fr) );
    column-gap: 16px;
    row-gap: 16px;  
    list-style-type:none;
    height:400px;
    margin-bottom:-100px;
  }
  
.footer .mod-custom > ul > li h3
  {
   font-size:1.375rem;
   font-weight:bold;
  } 
  

.footer .mod-custom > ul > li
  {
   padding:32px;  
  }
  
.footer .mod-custom > ul > li.logoFooterBlock  
  {
   background:#fff;
   color:var(--primary-color);   
   text-align:center;
   height:100%;
   padding:16px 0px;
  }
  
.footer .mod-custom > ul > li.logoFooterBlock p 
  {
   margin-top:128px;
   font-weight:bold;   
  }  
  
.footer .mod-custom > ul > li a
  {
   font-size:1rem;
   color:#fff;
   text-decoration:none;
  }       
  
.footer .mod-custom > ul > li a:hover
  {
   text-decoration:underline;
  }  

.footer .mod-custom > ul > li .toolsocial
  {
   color:#fff;
   margin-top:64px;
  }
  
.footer .mod-custom > ul > li .toolsocial p,
.footer .mod-custom > ul > li .toolsocial ul
  {
   margin:0;
  }  
  
.footer .mod-custom > ul > li .toolsocial ul li a
  {
   font-size:2rem;
  }  

.footerInfo
  {
   background:#fff;
   padding-top:0px !important;
   padding-bottom:0px !important;
  }
  
.footerInfo .mod-menu
  {
   flex-direction: row;    
   display: inline-block;
   text-align: center;
   margin: 0 auto;
   width: 100%;  
  }

.footerInfo .mod-menu li
  {
   padding: 0 80px;   
   display: inline-block;
  }
  
.footerInfo .mod-menu li a
  {
   font-size:1.125rem;
  }  
    
.footerInfo .mod-menu li a:hover
  {
   color:#000;
   text-decoration:underline;
  }  
  
  
.menuBlock_preferiti .float-left
  {
   float:left;
   padding-top: 5px;   
  }
  
.menuBlock_preferiti img.float-left
  {
   width:16px;
  }  


.menuBlock > ul > li
  {  
    background:#fff;  
    text-align:center;
    border: var(--secondary-color) solid 1px;
    border-bottom: var(--secondary-color) solid 14px;
  }  
  
.menuBlock > ul > li > p
  {
    font-family: TitilliumBold;
    font-size: 1.25rem;
    margin-bottom: 0;
  }  
  
.menuBlock > ul > li > p a
  {  
    color:var(--primary-color);
    font-size:1.125rem;
    font-weight:bold;
    height:118px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
  }    

  
.bLeft
  {
   border-left:var(--secondary-color) solid 8px !important;
   border-radius:0;
  }

.com-content-category__articles .row.bLeft
  {
   border-left:0!important;
  }
  

.com-tags-tag__category
  {
   margin:16px 0;
  }  
    
.com-tags__category .list-group-item,
.com-tags-tag__category .list-group-item
  {
   border:0;
   border-left:var(--secondary-color) solid 8px !important;
   border-radius:0;
   margin-bottom:16px;
   padding:24px;
  }  

.searchArticles .bLeft > .card h3 a:hover,
.card-title a:hover,
.page-header h3 a:hover,
.com-tags__category .list-group-item h3 a:hover,
.com-tags-tag__category .list-group-item h3 a:hover,
.result__title-text:hover
  {
    color:var(--link-color);
  }  
  
  
.items-more
  {
   display:none;
  }
  
.com-content-category-blog__item.blog-item 
  {
    border-left: var(--secondary-color) solid 8px !important;
    border-radius: 0;
    padding: 16px 24px;
    margin: 8px 0 0 0;
  }
  
.borderBox
  {
   /*padding:0px !important;*/
  }
  
.doc_elenco_box
  {
   border-top: #6aa3ac solid 2px !important;
   border-bottom: #6aa3ac solid 2px !important;
  }
  
  
.comunicazioni .card
  {
   text-align:center!important;
  }   

/*******************
 * FINE ANDREA CSS *
 *******************/

.navbar-toggler i
  {
   color:#fff;
  }

.offcanvas.show 
  {
    visibility: visible;
  }

.offcanvas-body
  {
   margin-top:16px;
  }

.offcanvas-body li.current > ul,
.offcanvas-body li.active > ul
  {
   /*display:block !important;*/
  }
/* BACKGROUND */
.bg-cz {
	background-color: var(--cz);
}
.bg-cz_scuro {
	background-color: var(--cz_scuro);
	color: white;
}
.bg-arancio {
  background-color: var(--arancio) !important;
}

/* CAROUSEL */
.carousel-control-next {
  justify-content: end;
}
.carousel-control-prev {
  justify-content: start;

}

.asl-informa h2
  {
   font-size:2rem;
  }

.asl-informa h2 a,
.strutture h2 a
  {
    text-decoration:none;
  }

.asl-informa h2 a:hover
  {
    text-decoration:underline;
    color:#6AA3AC;
  }  

.strutture h2 a:hover
  {
    text-decoration:underline;
  }  

.asl-informa .carousel .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

/* ACCORDION  */
.accordion-button:not(.collapsed) {
  background-color: white;
}
.accordion-button {
  background-color: var(--cz);
}
.ombra {
  box-shadow: 0px 3px 6px #000000C7;
}
.accordion-button:not(.collapsed):after, 
.accordion-button:after {
  background-image: none;
}
.accordion-button > i {
  position: absolute;
	right: 1rem;
  font-size:1.5rem;	
}
.accordion-button.collapsed > i::before {
  content: "\f13a";
}

/* header */
.text-cz_scuro{
	color: var(--cz_scuro);
}
.bb-cz_scuro{	
   /* border: var(--primary-color) solid 1px !important;*/
}

.grid-child.container-nav
  {  
    margin-left: 0; 
    margin-right: 0; 
    max-width: 100%;
    z-index: 100;
    padding:0 !important;
  }

.container-header {
	background-image: none;
	background-color: white;
	
}
.container-header .mod-menu {
	color: #000;
}
.header *,.header :after, .header :before {
	box-sizing: content-box;
}

.container-topbar
  {
  box-sizing:border-box; 
    padding: 0 8px;
  }

.br-0 {
	border-radius: 0rem;
}

	  /* CARATTERISTICHE STICKY */
	  
	  .position-sticky .brand-logo .logoColor {
			display: none !important;
	  }
	  .position-sticky .brand-logo .logoWhite {
		display:inline !important;
  	  }
	 .position-sticky .navbar {
		opacity: 1 !important;
    padding: 8px 0;
    background-color: var(--primary-color) !important;
	 }
	 
	 .position-sticky .container-nav .navbar   {
    background-color:#fff !important;
	 }
	 .position-sticky button.navbar-toggler {
		/*color: white !important;*/
	 }


	.metismenu.mod-menu .mm-collapse:not(.mm-show) {
		display: none;
	}


  .metismenu.mod-menu .metismenu-item	
    {
      padding: 0.3em 0.6em;
    }
    
  .mm-collapsed.mm-toggler.mm-toggler-link,
  .metismenu.mod-menu .mm-toggler
  {
    position: absolute;
    right: 0px;
    background:var(--primary-color);
  }  

  .mm-collapsed.mm-toggler.mm-toggler-link
    {
      background:transparent;
    }
    
	.metismenu.mod-menu .metismenu-item>a, 
	.metismenu.mod-menu .metismenu-item>button, 
	.metismenu.mod-menu .metismenu-item>span 
    {
      white-space:initial;
      text-align: center;
      color: #000;
      font-size:1rem;
     /* text-transform:uppercase;*/
    }
    
	.metismenu.mod-menu .metismenu-item>button
    {
      font-size:0.875rem;
    }    
    
  .metismenu.mod-menu .metismenu-item>a    
    {
     /*margin-right:12px;*/
     text-align: center;
    }

	.metismenu.mod-menu .metismenu-item.mm-active>a,
	.metismenu.mod-menu .metismenu-item.mm-active>button, 
	.metismenu.mod-menu .metismenu-item.mm-active>span 
    {
      color: #fff;
    }


.offcanvas .metismenu.mod-menu .metismenu-item.level-2
    {
     border-right:0;
     border-bottom: 0;
     padding:0 16px;
    }
	
   .metismenu-item.level-1.parent.mm-active	
    {
      background-color:var(--primary-color);    
    }

    
   .metismenu-item.level-1.deeper.parent > .mm-collapse.mm-show
    {
      flex-direction: row;    
      background-color:#fff;
      width: 75vw;
      grid-template-columns: auto auto auto auto;
      grid-template-rows: auto auto;
      grid-auto-flow: row;
      /*grid-auto-flow: column;      
        column-gap: 16px;
        row-gap: 16px;    */
        margin-left: calc(-100vw / 2 + 400px / 2);
        margin-right: calc(-100vw / 2 + 400px / 2);
        padding-left: 600px;
        padding-right: 600px;
      padding-top:16px;
      padding-bottom:16px;
      border: var(--primary-color) solid 1px;
    }

   .metismenu-item.level-1:nth-child(3).deeper.parent > .mm-collapse.mm-show
    {
      margin-left: calc(-84vw / 2 + 0px / 2);
      padding-left: 10rem;
      width: 84vw;
    }

   .metismenu-item.level-1:nth-child(4).deeper.parent > .mm-collapse.mm-show
    {
      margin-left: calc(-98vw / 2 + 0px / 2);
      margin-right: calc(-100vw / 2 + 0px / 2);
      padding-left: 10rem;
      width: 80vw;
    }

   .metismenu-item.level-1:nth-child(5).deeper.parent > .mm-collapse.mm-show
    {
      margin-left: calc(-118vw / 2 + 0px / 2);
      margin-right: calc(-110vw / 2 + 0px / 2);
      padding-left: 10rem;
      width: 80vw;
    }

   .metismenu-item.level-1:nth-child(6).deeper.parent > .mm-collapse.mm-show
    {
      margin-left: calc(-138vw / 2 + 0px / 2);
      margin-right: calc(-130vw / 2 + 0px / 2);
      padding-left: 10rem;
      width: 80vw;
    }

   .metismenu-item.level-1.deeper.parent.mm-active	> .mm-collapse.mm-show
    {
      display: grid;
    }
    
  .metismenu-item.level-1.deeper.parent.mm-active	> .mm-collapsing
      {

      }
	
 .metismenu-item.level-1.deeper.parent.mm-active	> .mm-collapse.mm-show > li a
  {
    color:var(--primary-color);
    display:block;
    width: 100%;
    height: 100%;
    text-align:center;
    text-transform:none;
  }	
	
	.metismenu.mod-menu .metismenu-item.level-1{
		font-size:1.5rem;
		line-height: 1.2;
    margin-right: 16px;
	}
	
	.metismenu.mod-menu .metismenu-item.level-2{
		font-size:1.3rem;
		line-height: 1.4;
    margin-bottom: 8px;
    border-right: var(--primary-color) solid 1px;
	}

	
	/**/

.header_login a
  {
   background:var(--link-color);
   color:#fff;
   padding:8px 16px;
   text-decoration:none;
   font-style: italic;
  }

.header_login a:hover
  {
   text-decoration:underline;
  }
	
/*************************
 * INIZIO MENU OFFCANVAS *
 *************************/
#offcanvasRightLabel
  {
   display:none;
  }

.offcanvas 
  {
   background-color: var(--primary-color);
  }
  

.container-header .navbar-toggler
  {
   color:var(--primary-color);   
   border: var(--primary-color) solid 1px;
  }
 
.container-header .offcanvas .mod-menu 
  {
   display:block;
  }
 
.offcanvas .metismenu-item.level-1.deeper.parent.mm-active > .mm-collapse.mm-show 	
  {
   display:block;
   margin-left:0px;
   margin-right:0px;
   padding:0px;
   background:var(--primary-color);
   color:#fff;   
   width:98%!important;
  }  
  
.offcanvas .metismenu.mod-menu .metismenu-item>ul
  {
   position:relative;
   box-shadow:none;
   border:0;
  }
  
.offcanvas .metismenu-item.level-1.deeper.parent.mm-active > .mm-collapse.mm-show > li a
  {
    color:#fff;
    text-align:left;
    font-size:1rem;
  }
  
.offcanvas-menu
  {
   display:none;
  }
  
.offcanvas .mm-collapsed.mm-toggler.mm-toggler-link, .metismenu.mod-menu .mm-toggler 
  {
    top: 12px;
    height: 36px;
  }  
  
.mm-collapsed.mm-toggler.mm-toggler-link, .metismenu.mod-menu .mm-toggler
  {
   color:#fff !important;
   background:var(--primary-color) !important;
  }

.container-header .navbar-toggler
  {
   border:0;
  }

.offcanvas-menu button
    {
     color:#fff !important
    }
    
.offcanvas-menu .divButtonClose
    {
     background:#fff !important;
     border-radius:50%;
     width:24px;
     height:24px;
     right: 24px !important;
     top: 28px;
     position: absolute;
    }
    
.offcanvas-header .btn-close
    {
     margin: 4px 0 0 4px !important;
     padding: 0;
     position: absolute;
    top: 1px;
    left: 1px;
    }

.offcanvas .mod-finder
  {
   margin-top:80px;
  }

.offcanvas .mod-finder__search.input-group input[type=text]
  {
   width:100%;
  }

.offcanvas .mod-finder__search.input-group button
  {
   width:auto;
  }

.offcanvas .mod-finder__search.input-group button .icon-search:before,  
.offcanvas-menu .metismenu.mod-menu .metismenu-item.mm-active>button   
  {
   color:#fff !important
  }
  
  
.offcanvas .metismenu.mod-menu .metismenu-item 
  {
    max-width: 100%;
    border-bottom:#fff solid 1px;
  }  

.offcanvas .metismenu.mod-menu .metismenu-item>a 
  {
    font-size:1rem;
    font-weight: 600; /*  per accessibilità*/
    color: #fff;
    line-height: 1.5 !important;
    background-color:#1D294B; /* ribadire per accessibilità*/
    text-align:left;
    text-transform: initial;
    padding:12px 0;
  }  
  
.offcanvas .metismenu.mod-menu .metismenu-item.level-2
  {
    margin-bottom: 0px;
	}  

.offcanvas .metismenu.mod-menu .metismenu-item.level-2 a
  {
    margin-bottom: 0px;
    padding:4px;
    background-color:#1D294B; /*  per accessibilità*/
    color: white;
    font-weight: 600;
    line-height: 1.5 !important;

	}  
  a.link-topbar {
    background-color:#1D294B; /*  per accessibilità*/
    color: white;
    font-weight: 600;
    line-height: 1.5 !important;
    padding: 0.25rem 0.5rem;  
  }
	
    
/**********************
* FINE MENU OFFCANVAS *
**********************/ 
  
  
  	

@media (min-width: 576px) {
	/* BODY DEBUG */
	body {
		/* min-width: 576px */
	}
    
	/**/
}
/* Medium devices (tablets, px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	/* BODY DEBUG */
	body {
		/* min-width: 768px */
		
	}
	
	.comunicazioni .container
    {
     max-width:100%;
    }
		
	.navbar-expand-md .navbar-collapse {
    max-width: 100%;
    margin: 0 auto;
  }
	/**/
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/* BODY DEBUG */
	body {
		/* min-width: 992px */
	}
  .border-lg-bottom-0 {
    border-bottom: none !important;
  }
  .border-lg-right-cz_scuro {
    border-right: var(--cz_scuro) !important;
    border-right-style: solid !important;
    border-right-width: medium!important;
  }
	/**/
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/* BODY DEBUG */
	body {
		/* min-width: 1200px */
	}

	/**/
}
/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) {
	/* BODY DEBUG */
	body {
		/* min-width: 950px and max-width:1100px */
	}
	/**/
}

@media (max-width:1800px) 
  {
    .strutture 
      {
       margin-left: calc(-100vw / 2 + 600px / 2);
       margin-right: calc(-100vw / 2 + 600px / 2);   
      }
  }
  
@media (max-width:1400px) 
  {
    .metismenu.mod-menu .metismenu-item
    {
    /* max-width:20%;*/
    }
  }  
  
@media (max-width:1300px) 
  {
    .container-topbar 
      {
        padding: 0 24px;
      }  
      

    .metismenu.mod-menu .metismenu-item>a
      {
        font-size:1.2rem;
      }      
      
    .strutture,
    .applicativi_portali 
      {
       margin-left: calc(-100vw / 2 + 400px / 2);
       margin-right: calc(-100vw / 2 + 400px / 2);   
      }
  }  

/*************************************** fine media query ***********************************/
@media (max-width:1200px) 
  {      
    .footer .grid-child .col,  .footer .grid-child .col .address 
      {
        text-align:center !important;
      }
      
    .footer .row 
      {
        margin-bottom: 0px;
      }      
        
    .footer h3
      {
       margin-top:16px;
      }      
           
    .header .container
      {
       max-width:100%;
      }
  
    .navbar.navbar-expand-md .mod-menu
      { 
        margin-left: 2%;
      }  

    .strutture,
    .menuBlock_preferiti,
    .applicativi_portali,
    .metismenu-item.level-1.deeper.parent.mm-active	> .mm-collapse.mm-show
      {
        margin-left: calc(-100vw / 2 + 400px / 2);
        margin-right: calc(-100vw / 2 + 400px / 2);
        padding-left: 400px;
        padding-right: 400px;
      }

   .metismenu-item.level-1:nth-child(3).deeper.parent > .mm-collapse.mm-show
    {
      margin-left: calc(-88vw / 2 + 0px / 2);
      padding-left: 10rem;
      width: 84vw;
    }
    
   .metismenu-item.level-1:nth-child(4).deeper.parent > .mm-collapse.mm-show
    {
      margin-left: calc(-138vw / 2 + 0px / 2);
      padding-left: 10rem;
      width: 84vw;
    }



   .metismenu-item.level-1:nth-child(5).deeper.parent > .mm-collapse.mm-show
    {
      margin-left: calc(-148vw / 2 + 0px / 2);
      margin-right: calc(-130vw / 2 + 0px / 2);
      padding-left: 10rem;
      width: 80vw;
    }

   .metismenu-item.level-1:nth-child(6).deeper.parent > .mm-collapse.mm-show
    {
      margin-left: calc(-188vw / 2 + 0px / 2);
      margin-right: calc(-150vw / 2 + 0px / 2);
      padding-left: 10rem;
      width: 80vw;
    }    
    

    .strutture > ul, .menuBlock_preferiti > ul    
     {
       grid-template-columns: repeat( 3, minmax(33%, 1fr) );
      }
      
    #slideshowHomepage .carousel-control-next-icon, #slideshowHomepage .carousel-control-prev-icon 
      {
        margin-top: 160px;
      }      

  }


@media (max-width: 1100px)
  {  
    .container-header .container-nav .container-search, .container-header .container-nav nav 
      {
        background: var(--primary-color) !important;
      }  
        
    .desktop,.desktop-inline
      {
        display:none !important;
      }
      
    .mobile,
    .offcanvas  .mod-finder 
      {
        display:block !important;
      }      

      
    .container-topbar .topbar-link p  
      {
        line-height:40px;
      }
      
     .container-topbar .topbar-right a,
     .container-topbar .topbar-left a
      {
        font-size:1.5rem;
        height: 54px !important;
        min-width: 150px;
        border-radius:0;
        text-align: left;
        line-height:48px;
      }
      
     .container-topbar .topbar-left a 
      {
        line-height:54px;
      }     

    .offcanvas-menu  
     {
        display:inline-block;
        margin-left:130px;
        margin-top:0;
      }
      
    .offcanvas-menu .fa.fa-bars.d-block
     {
        font-size:2rem;
      }
      
    .slide-position {
        left: 0%;
      }
  
    .menuBlock_preferiti > ul > li h3
      {
        height: auto;  
      }
      
    .container-header .container-nav
      {
        box-shadow:0 0 0;
      }
      
    .header .container, .header .container-sm 
     {
       max-width: 100%;
      }  
      
    .container-header nav.navbar-expand-md
      {
       display:none;
      }
      
    .header *, .header :after, .header :before
      {
       box-sizing: border-box;
      }
  
      
    .metismenu.mod-menu .metismenu-item
      {
        display: flex !important;
      } 
    .menuBlock > ul
      {
            grid-template-columns: repeat( auto-fit, minmax(24%, 1fr) );
      }
  
  
  .container-bottom-a, .container-bottom-b, .container-top-a, .container-top-b 
    {
      flex-direction: column;
    }

    .view-login main,
    .view-login-module,
    .applicativi_portali,
    .metismenu-item.level-1.deeper.parent.mm-active	> .mm-collapse.mm-show
      {
        margin-left: calc(-100vw / 2 + 300px / 2);
        margin-right: calc(-100vw / 2 + 300px / 2);
        padding-left: 300px;
        padding-right: 300px;
      }

    
    .menuBlock_preferiti                
      {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
      }
                
    .come_fare_per .mod-menu li
      {
       width:100%;
      }
      
    .aree_tematiche .mod-menu,
    .applicativi_portali .mod-menu,
    .strutture .mod-list,
    .menuBlock_preferiti > ul
      {
       width:100%;
       grid-template-columns: repeat( auto-fit, minmax(100%, 1fr) );
       display:block;
      }      
  
    .aree_tematiche .mod-menu li,    
    .strutture .mod-list li,
    .menuBlock_preferiti > ul > li
      {
       margin:16px 0;
      }        
     
    .aree_tematiche h3,  
    .applicativi_portali h3,
    .menuBlock_preferiti h3 
      {
       text-align:center;
      }
      
    .strutture .mod-articles-category-tags  
      {
       display:flow-root;
      }
      
    #slideshowHomepage .carousel-control-next-icon, #slideshowHomepage .carousel-control-prev-icon 
      {
        margin-top: 130px;
      }      

      
  }


@media (max-width: 1000px)
  {
    .offcanvas-menu  
     {
        margin-left:100px;
      }  
  
     .home_areetematiche ul 
        {
          grid-template-columns: repeat( 2, minmax(48%, 1fr) );
        }  
  
  
     .comunicazioni .card
      {
       text-align:left!important;
      } 
      

    .desktop-md,.desktop-inline-md
      {
        display:none !important;
      }
      
    .mobile-md
      {
        display:block !important;
      }    
      .border-bottom-cz_scuro{
        border-bottom: var(--cz_scuro) !important;
        border-bottom-style: solid !important;
        border-bottom-width: medium!important;
      }
      
    .menuBlock > ul
      {
            grid-template-columns: repeat( auto-fit, minmax(48%, 1fr) );
      }
      
    #slideshowHomepage .carousel-control-next-icon, #slideshowHomepage .carousel-control-prev-icon 
      {
        margin-top: 60px;
      }      

  }


@media (max-width: 768px)
  {       
    .banner.full-width
      {
       display:none;
      }
      
    .container-header
      {
       /*overflow-x:hidden;*/
      }
  
    .Footer-siteName img
      {
       width:230px;
      }  
 
    .com-finder__search 
      {
       text-align:center;
      }  
      
    .com-finder__search .input-group .buttons
      {
       margin:16px 0px;
       display:block;
      }        
    
    .offcanvas-menu  
     {
        margin-left:50px;
      }  
      
    .mobileHeader
      {
       display:inline-block;
      }  
  
    
    .navbar-brand.col-4,    
    .primopiano-4 h3,
    .primopiano-2 h3,
    .primopiano-1 h3,
    .home_areetematiche h3
      {
       width:100%;
       text-align: center;
      }    

    
    .container-topbar
     {
       padding: 0 7% 0 7%;
      }          
      

    .container-cerca  
      {
        display: initial;
        width: 100%;        
        margin-bottom:16px;
      }
      
    .home_newsletter    
      {
       padding:12px 0 8px 0;
      }
      
    .home_newsletter a      
      {
       font-size:1.5rem;
      }
  

    .home_areetematiche
      {
       margin:16px 0;
      }  
      
    .home_trasparenza ul,
    .home_areetematiche ul  
      {
        display: grid;
        grid-template-columns: repeat( 1, minmax(100%, 1fr) );
        column-gap: 8px;
        row-gap: 8px;
      }  
  
      #slideshowHomepage,
      .container-banner
        {
         display:none;
        }

      
    .footer 
      {
        height: auto;
      }  

      .footer .mod-custom > ul > li.logoFooterBlock,
      .footer .mod-custom > ul > li.logoFooterBlock p        
      {
       margin-top:8px;
      }
        
     .footer .mod-custom > ul     
      {
        display:block;
        height: auto;
        margin-bottom:0;
        padding:0;
      }
  
     .footer .mod-custom > ul > li   
      {
        padding:12px;
        text-align:center;
      }     
      
     .footer .mod-custom > ul > li p
      {margin-bottom:4px;
      }
      
      

      .view-login main, .view-login-module
      {
        margin-left: calc(-100vw / 2 + 100px / 2);
        margin-right: calc(-100vw / 2 + 100px / 2);
        padding-left: 50%;
        padding-right: 40%;
      }  
      
  }


@media (max-width: 640px)
  {    
    .brand-logo p
      {
        font-size:1.4rem;
       }  
  
    .muoversi_raggiungerci_icons .image-title,
    .centri_multidisciplinari li a span   
      {
       font-size:1.125rem;
      }  
  
    .applicativi_portali
      {
        margin-left: calc(-100vw / 2 + 10px / 2);
        margin-right: calc(-100vw / 2 + 10px / 2);
        padding-left: 200px;
        padding-right: 200px;
      }  
    
      .strutture
      {
        margin-left: calc(-100vw / 2 + 200px / 2);
        margin-right: calc(-100vw / 2 + 200px / 2);
        padding-left: 300px;
        padding-right: 300px;
      }  
      
    
    .container-login.col-2,
    .mod-finder__search.input-group button
      {
        width:100%;
        display:inline-block;      
        text-align: initial;
      }
      
    .container-cerca.col-3
        {
         width:40%;
        }
      
      
    .container-cerca .input-group 
      {
        width:100%;
      }      
      
    .header_login a
      {
        display: block;      
      }
      
    .offcanvas-menu.col-1  
      {
        margin-left:0;
        margin-top:16px;   
      }
      
    .mm-collapsed.mm-toggler.mm-toggler-link, .metismenu.mod-menu .mm-toggler      
      {
        background:#fff;
      }
      
  
  }

@media (max-width: 576px)
  {       
  
    .offcanvas-menu  
     {
        margin-left:40px;
      }  
  
    #slideshowHomepage a h2 {
      font-size:1.2rem;
    }
    .dipartimenti ul 
      {
        grid-template-columns: repeat( 1, minmax(100%, 1fr) );
      }        
        
    .footer .col-sm-12 
      {
        flex: 0 0 auto;
        width: 100%;
      }
    
    .mod-finder__search.input-group 
      {
        width:100%;
      }
      
    .mod-finder__search.input-group button
      {
        width:auto;
      }
        
    .row.header
      {
        align-items: center;
        display: block;
        text-align: center;
      }  
  
      .strutture
      {
        margin-left: calc(-100vw / 2 + 200px / 2);
        margin-right: calc(-100vw / 2 + 200px / 2);
        padding-left: 200px;
        padding-right: 200px;
      }  
      
    .view-login main
      {
        margin-left: calc(-100vw / 2 + 150px / 2);
        margin-right: calc(-100vw / 2 + 150px / 2);
        padding-left: 150px;
        padding-right: 150px;
      }    
      
    .menuBlock > ul
      {
        grid-template-columns: repeat( auto-fit, minmax(100%, 1fr) );
      }
    
  }
  
@media (max-width: 480px)
  {     
    .offcanvas-menu  
     {
        margin-left:20px;
      }          
  }  

@media (max-width: 1024px) and (orientation:landscape)
{
    .orientation
    {
        background-color: #fffffe;
    }
}
@media (max-width: 1024px) and (orientation: portrait)
{
    .orientation
    {
        background-color: #fffeff;
    }
}