/* user.css */
:root {
	--cz:#6aa3ac;
	--cz_scuro:#27428A;
	--arancio:#FF6600;
  --verde:#00816d;
	
	--primary-color:#27428A;
	--cassiopeia-color-hover:#000;
	--body-font-family: "TitilliumRegular";
	--cassiopeia-color-link: #000;
	--cassiopeia-font-weight-headings: 600;
}

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


body
  {
   /*width: 100vw;   
   overflow-x:hidden;*/
  }
  
header  
  {
   /*overflow-x:hidden;*/
  }
  
.page-link:focus, .page-link:hover 
  {
    background-color: #fff;
    outline: #00816D solid 2px !important;
  }  
  
.hiddenTitle h1
  {
  
  }
  
.skyline
  {
   border-bottom:#27428A solid 4px;
  }

.skyline p
  {
   margin:0;
   padding:0;
  }
    
.skyline img
  {
   max-width:550px;
   padding:0;
   width:auto;
  }
  
  
::placeholder {
  color: #707070;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #707070;
}  

mark, .mark
  {
   padding:0;
  }
  
.bg-sanmartino  
  {
   background-color: var(--primary-color);
  }

.formEmail
  {
   background-color:#d9668a;
   color: #fff;
   padding: 16px;
   border-radius: 20px;
  }
  
.formNatale  
  {
   background-color:#E71A13;
   color: #fff;
   padding: 16px;
   border-radius: 20px;
  }
  
  
.formEmail legend,
.formEmail h2,
.formEmail em
  {
   color: #fff !important;
   line-height: initial;
  }

.fieldValue
  {
   display:inline-block !important;
  }
  
.fieldLabel .sum,
.fieldLabel .captcha
  {
   width:30px !important;
  }  
  
.formEmail label
  {
   display: inline-block;
  }

  
.formEmail a
  {
   color:#fff !important;
   font-weight:bold;
   text-decoration:underline;
  }

.formEmail .button
  {
   padding:4px !important;
   background-color:#fff !important;
   color:#ec1e16 !important;
   border-radius:10px;
   text-align: center;
   width: 100px;
   margin: 0 40%!important;
   font-weight: bold;
  }



  


.footerBlock
  {
   background-image:url('/images/skylineHSM.png');
   background-repeat:no-repeat;
   background-position:right bottom;
   background-size: 100%;
  }
  
.container-cerca
  {
   padding:0;
   width: 510px;
  }  
  
.footerBlock
  {
   background-size: 30%;
  }  

.videointro video {
    height: auto;
    object-fit: cover;
    width: 100vw;
}

.published, .modified
  {
   font-size:0.938rem;
  }

/*****************
 * INIZIO MODALE *
 *****************/
 #showResults .modal-dialog
  {
   padding:5%;
  }
  
#showResults .modal-dialog
  {
   min-width:300px;
   max-width:fit-content!important;
  }
  
#showResults .block-modal-title
  {
   align-self: center;
   height:100%;
  }
  
#showResults #showResultsLabel  
  {
   line-height: 1.5rem;
  }

#showResults .modal-header-container
  {
   z-index: 100;
   background: #fff;
  }

#showResults .modal-header 
  {
   padding: 16px;
  }

#showResults .modal-top 
  {
    text-align:center;
    padding:8px;
    border-bottom: 1px solid #dfe3e7;
    box-shadow:0px 2px 4px black;
  }

#showResults .modal-content
  {
    max-height: 800px;
    overflow-y: auto;
  }
  
#showResults .modal-footer  
  {
    display:block;
    margin: 0 auto;
  }
  
#showResults .modal-footer #btn-back-to-top 
  {
    height: 44px;
    border-radius:50%;
    position: absolute;
    right: 0.75rem;
  }  
/***************
 * FINE MODALE * 
 ***************/  
 

.ammTraspList ul 
  {
    list-style-type:none;
    margin:16px 0;
    padding:0;
  }

.ammTraspList ul li
  {
   padding:8px;   
  }

.ammTraspList ul li:nth-child(odd)
  {
   background-color: #e9e9e9;
  }

.ammTraspList ul li .title
  {
   padding:4px 0;
   display:inline-block;
  }
  
.ammTraspList ul li .attachments  
  {
   display:inline-block;
  }

.ammTraspList ul li .attachments .showBrowser
  {
   font-size:24px;    
   padding: 8px;
  }

.ammTraspList ul li a
  {
   vertical-align:bottom;
  }

.headerBlock
  {
   /*
   background-color: var(--primary-color);
   */
   background-color: #fff;
  }


.bando_link
  {
   font-size:16px;
  }

#lpResults
  {
   margin-top:32px;
  }
  
#lpResults .row.p-3.border-bottom:last-child
  {
   border-bottom:0 !important;
  }

#lpResults .accordion-button 
  {
   background:var(--primary-color);
   color:#fff;  
  }
  
#lpResults .accordion-button h3
  {
   margin:0;
   color:#fff;  
   font-size:18px;
  }
  
#lpResults .accordion-body  
  {
    padding: 0 1em 1rem 1rem;
  }

#lpResults ul
  {
   list-style-type:none;
   padding-left:16px;
  }
  
  
#lpResults ul
  {
   list-style-type:none;
   padding-left:16px;
  }
    
  
#lpResults ul li .fa-calendar-check,
#lpResults ul li .fa-money-check
  {
   color:var(--primary-color);
  }  

#lpResults ul.subRegime 
  {
    border: #dfe3e7 solid 1px;
    border-radius: 8px;
    padding: 8px;
    height: 160px;
    overflow: auto;
    margin-top:8px;
  }
  
#lpResults ul.subRegime li
  {
   font-size:12px;
   margin-bottom: 4px;
   list-style-type: disclosure-closed;
   margin-left: 12px;   
   font-weight: bold;
  }  


#lpResults .accordion-body.col .row:nth-child(even):not(.headerList)
  {
   background-color: #efefef;
  }
 
#lpResults .accordion-body.col .row.footerList,
#lpResults .accordion-body.col .row.headerListData
  {
   background-color: #fff !important;
  }  
  
#lpResults .headerImg
  {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   min-height:200px;
  }
  
#lpResults .headerText
  {
   background:#fff;
   color:var(--primary-color);
  }  
  
#lpResults .accordion-body.col .row.headerList
  {
   background:var(--primary-color);
   color:#fff;
  }  
    

.contactDetailBox
  {
    border: #fff solid 1px;
    padding: 8px !important;
    border-radius: 10px;
  }

.contactDetailBox li
  {
   padding:8px;
  }

.contactDetailBox li i
  {
   width:32px;
   padding-right:8px;
   text-align: center;
  }
  
.contactDetailBox li a
  {
   font-weight:bold;
   color:#fff;
   text-decoration:none;    
   word-break: break-all;
  }  
  

.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;
  }

#frmWS label
  {
   line-height:44px;
  }

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

#map_detail_block
  {
   display:none;
   border: var(--primary-color) solid 1px;
   border-radius:8px;
   padding: 8px;
   /*max-width: 300px;*/
  }

#resultArticles li 
  {
   list-style-type:none;
  }

  
#resultArticles li label 
  {
    padding-right: 10px;
    padding-left: 16px;
    text-indent: -18px;
    line-height: 1.4rem;
    margin-bottom: 4px;
  }
  
#resultArticles li input 
  {
    vertical-align: middle;
    margin-right: 4px
  }
  
#resultArticles li label span 
  {
    vertical-align: middle;
  }

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

.ws_tbl_trasparenza tbody tr td
  {
   /*vertical-align:top;*/ 
   padding: 8px;
   border-right: var(--primary-color) solid 1px;
   color:var(--primary-color);
  }
  
.ws_tbl_trasparenza thead tr th
  {
   background:#fff;
   color:var(--primary-color);   
   padding: 8px;
   border-right: var(--primary-color) solid 1px;
   border-bottom: var(--primary-color) solid 1px;
  }  
  
.ws_tbl_trasparenza thead tr th:last-child,
.ws_tbl_trasparenza tbody tr td:last-child    
  {
   border-right: #000 solid 0px;
  }  
  
.ws_tbl_trasparenza tbody tr
  {
   border-bottom:var(--primary-color) solid 1px;
  }    
  
.ws_tbl_trasparenza p
  {
   font-size:20px;
   font-weight:600;
   line-height:31px;
  }
  
  
.accessocivico input
  {
   color:var(--primary-color);   
   border:var(--primary-color) solid 1px;
  }
  

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

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

h1,h2,h3,h4,h5,h6
  {
   font-family:TitilliumRegular;
  }
  
main div[itemprop="articleBody"]
  {
   color:#1D294B;
  }

/*********************************
 * 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
  {
   color:var(--primary-color);     
   border: 1px solid var(--primary-color);   
  }  
  
#divDocumentsSearch .btnForm button,
#divDocumentsSearch .input-group> button:hover
  {
   background-color:var(--primary-color);
   color:#fff;     
  }
  
#divDocumentsSearch .btnForm button:hover
  {
   background-color:#fff;
   color:var(--primary-color);     
  }  

.docs-list .list,
.borderBox 
  {
   border: 1px solid #ACACAC !important;   
   border-radius: 16px !important;   
  }  
  
.docs-list .card-title
  {
   font-weight:bold;
   font-size:1.125rem;
  }
  
#pcCompetitionForm.borderBox
  {
   border:0 !important;   
  }
  
.estensione-lbl,
.lbl-ext 
  {
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    min-width: 64px;
    text-align: center;
    border-color: #00816D !important;
    background-color: #00816D !important;
    border-radius: 50rem!important;
  }  

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

 
.docs-list 
  {
   padding:0px !important;   
  }      
  
.docs-list .list
  {
   margin:16px 0px !important;   
  }    
  
.docs-list .list-group-item  
  {
   background-color:transparent;
  }
  

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

.docs-list .fa-download,
.docs-cards .fa-download
  {
   display:none;
  }  
  
/*
.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;
  }

  */
.list-body
  {
   color:var(--primary-color); 
   padding:8px 16px 0 16px;   
  }
  
.list-body .dateDocs  
  {
    margin-bottom:8px;
  }
  
.list-body h5.card-title  
  {
   font-size:18px;
  }
  
.list-body h6  
  {   
   color:var(--primary-color) !important; 
   font-weight: 100;
  }
    
  
/*********************************
 * INIZIO FORM RICERCA DOCUMENTI *
 *********************************/
 
 

/*****************************
 * INIZIO HSM FORM DOCUMENTI *
 *****************************/

#frmHsmDocs label,
#frmHsmDocs input,
#frmHsmDocs select,
#frmHsmDocs select option,
.moduletable h3
  {
   color:var(--primary-color);
  }
  
#frmHsmDocs input[type=submit]
  {
   color:#fff;
  }
  
footer .moduletable h3
  {
   color:#fff;
  }  

#frmHsmDocs input,
#frmHsmDocs select
  {
   border-color:var(--primary-color);
  }  
  
#frmHsmDocs input[type=submit]:hover
  {
   background-color:var(--primary-color);
   color:#fff;
  }
  
#frmHsmDocs #btnReset  
  {
   background-color:var(--primary-color);
   color:#fff;
  }
  
#frmHsmDocs #btnReset:hover  
  {
   background-color:#fff;
   color:var(--primary-color);
  }
  
#box_allegati_HsmDocs td h3,
#box_allegati_HsmDocs td p
  {
   color:#00816D;
   font-size:16px;
  }
  
#box_allegati_HsmDocs td .HSM_allegati,
#box_allegati_HsmDocs td .HSM_allegati a   
  {
   text-align:center;
   color:var(--primary-color);
  }  

/***************************
 * FINE HSM FORM 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;
}


.primopiano .container
  {
   max-width:100%;
   padding: 0;
  }

.primopiano .row-cols-4>*,
.primopiano .row-cols-2>*
  {
   display:flex;
  }
  
.primopiano .card 
  {
   display:block;
   border:var(--primary-color) solid 1px;
  }
  
.primopiano .card a
  {
   color:var(--primary-color);   
  }

.primopiano .card .card-body
  {
   min-height:100%;
  }
  
.primopiano .col:nth-child(even) .card  
  {
   background:#EFF3FD;   
  }

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

#slideshowHomepage a {
  text-decoration: none;
  color: white;
  font-size: 2.5rem;
}
#slideshowHomepage a:hover,
.primopiano .card a:hover {
  text-decoration: underline !important;
}
.carousel-control-next, .carousel-control-prev
{
  width:auto;
  color:#fff;
  font-size:64px;
  font-weight:bold;
}

.carousel-control-next-icon,.carousel-control-prev-icon
  {
    background-image:none;
    margin-top: -220px;
  }
  
#slideshowHomepage .carousel-control-next, #slideshowHomepage .carousel-control-prev
  {
   color:var(--primary-color);  
  }
  
#slideshowHomepage .carousel-control-next-icon, #slideshowHomepage .carousel-control-prev-icon
  {
    margin-top: -100px;
  }  

.carousel-control-prev-icon::before 
  {
    content: "<";
    text-shadow: #000 0px 0px 10px;
    -webkit-font-smoothing: antialiased;
  }
  
.carousel-control-next-icon::before 
  {
    content: ">";
    text-shadow: #000 0px 0px 10px;
    -webkit-font-smoothing: antialiased;
  }

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

.slide-position {
  position: relative !important;
  top: 40%;
  left: 20%;
}

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


/*******************************
 * 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 [data-bs-target] 
  {
   width: 20px;
   background:var(--primary-color);
  }

.carousel-indicators .active
  {
   border-color: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);  
   */
   background-color:#fff;  
   padding: 0 16px;
   color:#27428a;
  }
  
.container-topbar .topbar-link
  {
   display:inline-block;
  }
  
.container-topbar .topbar-link p
  {
   line-height: 32px;
   margin: 8px;
  }  
  
.container-topbar .topbar-left
  {
   text-align:left;
  }  
  
.container-topbar .topbar-right
  {
   text-align:right;
  } 
 
.container-topbar .topbar-left a,
.container-topbar .topbar-right a
  {
   text-decoration:none;
   text-transform:uppercase;
   font-size:16px;
   font-weight:bold;
   color: var(--primary-color);
  }


.container-topbar .topbar-right a.intranet,
.centralino a
  {
   text-decoration:none;
   text-transform:uppercase;
   font-size:16px;
   font-weight:bold;
   /*
   background-color:#fff;
   color:var(--primary-color);
   */
   background-color:var(--primary-color);
   color:#fff;
   padding: 4px 8px;
   border-radius: 8px;
   margin:0 8px;
  }  
  
.mobile.centralino 
  {
   margin-top: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,
.prontoSoccorso
  {
   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:18px;
  }


.prontoSoccorso
  {
   border-left:var(--primary-color) solid 1px;
   padding-left:8px;
  }
  
.prontoSoccorso a
  {
   color:var(--primary-color);
   font-weight:bold;   
   text-decoration:none;
   /*line-height: 2.5rem;*/
  }  
  
.prontoSoccorso div
  {
   display: inline-block;
   vertical-align: bottom;
  }    
  
.prontoSoccorso img
  {
   height: 24px;
   /*padding-bottom: 6px;*/
  }    
  
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:#00816D;
  }
 
.breadcrumb-item .active,
.breadcrumb li > span  
  {
   font-weight:bold;
   color:var(--primary-color);
  } 
   
/*******************
 * FINE BREADCRUMB *
 *******************/
 
 
 
/***************************************
 * INIZIO MENU MUOVERSI - RAGGIUNGERCI *
 ***************************************/ 
  
.muoversi_raggiungerci ul,
.muoversi_raggiungerci_icons ul
  {
   margin:0 auto 32px auto;
   flex-direction:row;   
   width: fit-content;
  }

.muoversi_raggiungerci ul li
  {
  /*
   background:#D14600;
   */
   background:var(--primary-color);
   color:#fff;
   margin:16px 32px;
   border-radius:16px;
   padding:12px 8px;
   min-width:420px;
   text-align:center;
  }

.muoversi_raggiungerci ul li:hover
  {
   cursor:pointer;
  }

/*  
.muoversi_raggiungerci ul li:hover
  {
   background:#fff;
   color:var(--primary-color);
  }
*/    
  
.muoversi_raggiungerci_icons ul li
  {
   margin-right:32px;
  }
  
.muoversi_raggiungerci ul li a
  {
   color:#fff;
   text-transform:uppercase;
   font-size:24px;
   display: inline-flex;
   align-items: center;
  }

.muoversi_raggiungerci .imgLink,
.muoversi_raggiungerci_icons .imgLink
  {
   display:inline-block;
   margin-right:16px;
  }

.muoversi_raggiungerci_icons .imgLink
  {
   width:80px;
   height:80px;  
   vertical-align: top;
   text-align: right;
  }

.muoversi_raggiungerci .imgLink img
  {
   height:48px;  
  }

.muoversi_raggiungerci_icons .image-title
  {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--primary-color);
    width: 80px;
    display: inline-block;
  }

.muoversi_raggiungerci_icons .image-title:hover
  {
   text-decoration:underline;
  }

.muoversi_raggiungerci h3
  {
   margin-bottom: 0rem;
  }

/*************************************
 * FINE MENU MUOVERSI - RAGGIUNGERCI *
 *************************************/   



/***********************************
 * INIZIO MENU CENTRI DISCIPLINARI *
 ***********************************/   

.centri_multidisciplinari 
  {
   margin:32px 0;
  }
   
.centri_multidisciplinari > h3
  {
   text-transform:uppercase;
   text-align:center;
   color:var(--primary-color);
   margin:0 0 32px 0;
  }
  
.centri_multidisciplinari ul 
  {
    margin: 0 auto;
    flex-direction: row;
    display: grid;
    grid-template-columns: repeat( 4, minmax(24%, 1fr) );
    column-gap: 16px;
    row-gap: 16px;  
  }  

.centri_multidisciplinari li
  {
   /*
   background:#00816D;
   height:100px;
   */
   background:#fff;
   border:var(--primary-color) solid 1px;
   padding: 0 0 16px 0;
  }
  
.centri_multidisciplinari li:hover
  {
   background:var(--primary-color);
   cursor:pointer;
  }  
  
.centri_multidisciplinari li h3
  {
   text-transform:uppercase;
   text-align:center;
   color:var(--primary-color);
   margin:0;
   /*
    height: 100%;
    align-items: center;
    display: grid;
    */
   display:block;
  }  
  
.centri_multidisciplinari li a
  {
  /*
   color:#fff;
   */
   color:var(--primary-color);
   font-size:18px;
  }
  
.centri_multidisciplinari li a:hover
  {
   color:#fff;
  }  

.centri_multidisciplinari li a .imgLink
  {
   margin-bottom:12px;
   /*height:100px;*/
  }  

/*********************************
 * FINE MENU CENTRI DISCIPLINARI *
 *********************************/    

.primopiano-1 h3, .primopiano-2 h3, .primopiano-4 h3 
  {
   margin:32px 0;
  }


/***************************************************
 * INIZIO MENU DIPARTIMENTI AD ATTIVITA' INTEGRATA *
 ***************************************************/   
 
.dipartimenti h3,
h3.mappa 
  {
   text-transform:uppercase;
   text-align:center;
   color:var(--primary-color);
   margin:32px 0;
  }
  
.dipartimenti ul 
  {
    margin: 0 auto;
    flex-direction: row;
    display: grid;
    grid-template-columns: repeat( 6, minmax(15%, 1fr) );
    column-gap: 16px;
    row-gap: 16px;  
  }  

.dipartimenti li a .imgLink
  {
   margin-bottom:8px;
  }    

.dipartimenti li a
  {
   color:var(--primary-color);
   font-size:18px;
   text-transform:none;
  }  
  
#map 
  {
    height: 400px;
    width: 100%;
    z-index: 1;
  }  
  

  
/*************************************************
 * FINE MENU DIPARTIMENTI AD ATTIVITA' INTEGRATA *
 *************************************************/   
 
 
 
/************************************************
 * INIZIO MODULO RICERCA DIPARTIMENTI CON MAPPA *
 ************************************************/

.searchArticles #frmTitle
  {
   border:var(--primary-color) solid 1px;
  }
  
.searchArticles .btn-primary 
  {
   background: var(--primary-color);  
   color:#fff;
  }
 
#resultArticles
 {
  margin:16px;
  height:300px;
  overflow-y:scroll;
 }
 
 
 
/* ===== 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;
}

/* Handle on hover */
#resultArticles::-webkit-scrollbar-thumb:hover,
.subRegime::-webkit-scrollbar-thumb:hover {
  background: #4964ac; 
} 
 
.searchArticles .card-body   
  {
   padding:0 !important;
  }
  
.searchArticles .card-body .card-title
  {
   font-size:16px !important;
  }
  

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

.mod-finder__search 
  {
   border: 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: #FF6600 solid 8px !important;
   border-radius: 0;
   padding-left:16px;
  }

.cat-children .com-content-category__children a
  {
   font-size:20px;
  }

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

.com-finder__search label
  {
   font-family: TitilliumBold;
   font-size:32px;
   color:#040505;
   font-weight:bold;
  }
  
.com-finder__search .input-group  
  {
   display: inline;
   top: -4px;
  }
  
.com-finder__search .input-group input[type="text"]
  {  
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 4px 8px #000000D6;
    border-radius: 10px;
    opacity: 0.88;  
    padding: 2px 8px;
  }
  
  
.com-finder__search .input-group button
  {  
    background: #00816D 0% 0% no-repeat padding-box;
    box-shadow: 2px 4px 8px #000000d6;
    border-radius: 10px;
    border-top-left-radius:10px !important;
    border-bottom-left-radius:10px !important;
    color: #fff;  
    margin-left:16px !important;    
    padding: 2px 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-family: TitilliumBold;
   font-size: 1.5rem;
  }
  
.result__title-link
  {
   display:inline-block;
  }

.com-finder__results-list > li
  {
    border-top:0 !important;
    border-left: #FF6600 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: #00816D !important;
    font-weight: bold;
    text-decoration: none !important;
  }
  
.page-item.active .page-link,
.arrowSearch.page-item.active a
  {
   background:#30638d;
   border:#30638d solid 1px;
   color: #fff !important;
  }
  
.page-link:hover,
.arrowSearch.page-item.active a:hover
  {
   background:#F6F9F9;
  }  

.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:#00816D;
   color:#fff;
  }
  
.moduletable .pc_title_module  
  {
   border-bottom:0;
   font-size:18px;
  }

.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:#00816D;    
   text-decoration: auto;
  }

.ammTraspList ul li a,
.com-content-article__body a,
#box_sottocategorie a,
.doc_legend,
#box_sottocategorie .fa-folder-open,
.row1_category_back a,
main a,  
.latest_articles a,
.searchArticles h3 a,
.elencoDocs a,
.container-sidebar-right a
  {
   color:#00816D !important;
   font-weight:bold;
   text-decoration:none !important;
  }
  
.tags.list-inline .btn-info
  {
   color:#fff !important;
   text-align:right;
  }
  
.mod-articles-category-tags .tags.list-inline .btn-info
  {
   color:#000 !important;
  }
  
  
li.row_category
  {
   font-size:18px;
  }
  
.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:#30638d;
   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;
  }    

.moduletable .procedure ul li .elencoDocs .lbl-ext:hover,
.moduletable .latest_docs ul li .elencoDocs .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:#00816D;
   text-decoration: none;
   font-weight:bold;
  }
  
  
.docs-cards.card-deck a
  {
   color:#00816D;
   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:#00816D;*/
}

.ammTraspList ul li a:hover,
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;
  }


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

main h1,
.moduletable h1
  {
   color:var(--primary-color);
   font-size:26px;
  }
  

main h2,
.moduletable h2
  {
   color:var(--primary-color);
   font-size:24px;
  }  
  
main h3,
.moduletable h3
  {
   font-size:22px;
  }
  
main h4,
.moduletable h4
  {
   font-size:1.3rem;
  }
    
  

.row.header
  {
   min-height:160px;
  }
  
.footer .grid-child
  {
   display:block;
  }
    
.footer .grid-child .row
  {
   align-items:center;
  }
  
.footer a
  {
   color:#00816D;
   font-weight:bold;
   font-size:18px;
  }
  
.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;    
    margin-left: 7.5%;
    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/sanmartino/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:32px;
  }

 
.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;
    border:var(--primary-color) solid 1px;
    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(--primary-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:#00816D!important;
  }

/*
.muoversiHover,
.muoversiHover h3 a 
  {
    background-color:#fff !important;
    color:var(--primary-color) !important;
    -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   transition: none !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: 18px;
    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: 14px;
    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:  16px;
    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:18px;  
  }    
 

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

.come_fare_per h2
  {
   font-size:32px;
   text-align: center;
  }

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


.come_fare_per .mod-menu li
  {
    background-color: #00816D;    
    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:18px;
    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:#00816D solid 1px;
  }  


.aree_tematiche > h2
  {
   font-size:32px;
  }
  
.aree_tematiche li > h3
  {
   font-size:16px;
  }

.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:18px;
  }  
  
.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: #22262a;
      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-color:#000 solid 0px;
  }
  
#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:#00816D;
   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:32px;
   color:#fff;
  }
  
.applicativi_portali h3
  {
   font-size:18px;
   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;  
  }

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

.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:22px;
   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:16px;
   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:0px;
  }
  
.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:18px;
  }  

.footerInfo
  {
   background:#fff;
   padding-top:10px !important;
   padding-bottom:10px !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:18px;
  }  
    
.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;
    /*
    box-shadow: 0px 3px 6px #000000B5;  
    border-left:#00816D solid 6px;
    border-right:#00816D solid 6px;
    */
    border-bottom:var(--primary-color) solid 6px;
  }  
  
.menuBlock > ul > li > h3 a
  {  
    color:var(--primary-color);
    font-size:18px;
    font-weight:bold;
    height:118px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
  }    
  
.searchArticles
  {
   order:1;
  }
  
.searchForm
  {
   order:2;
  }
  
.bLeft
  {
   border-left:#FF6600 solid 8px !important;
   border-radius:0;
  }

.com-tags-tag__category
  {
   margin:16px 0;
  }  
    
.com-tags__category .list-group-item,
.com-tags-tag__category .list-group-item
  {
   border:0;
   border-left:#FF6600 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:#00816D;
  }  
  
  
.items-more
  {
   display:none;
  }
  
#frmFilterArticles
  {
    color:#000;
    background:#FF6600;
    padding:32px;
    box-shadow: 0px 3px 6px #000000AD;
  }
  
#frmFilterArticles label
  {
    color:#000;
    font-weight:bold;
  }  

#frmFilterArticles input
  {  
    box-shadow: 2px 4px 8px #000000D6;
    border-radius: 10px;
  }  
  
#frmFilterArticles button
  {  
    background: #00816D 0% 0% no-repeat padding-box;
    box-shadow: 2px 4px 8px #000000D6;
    border-radius: 10px;  
    border-color:#000;
    color:#fff;
  }

#frmFilterArticles button:hover
  {  
    border-color:#fff;
  }  
  
.com-content-category-blog__item.blog-item 
  {
    border-left: #FF6600 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 *
 *******************/



.offcanvas-body 
  {
    margin-top: 1rem;  
  }
  
.offcanvas-body li.current > ul,
.offcanvas-body li.active > ul
  {
   /*display:block !important;*/
  }

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

h2 {
  font-family: TitilliumBold;
  font-size: 32px;
}
h3 {
  font-family: TitilliumBold;
  font-size: 1.5rem;
}
h4 {
  font-family: TitilliumBold;
  font-size: 1.3rem;
}

/* 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:32px;
  }

.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; 
  }

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

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


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

.header_bottom
  {
   border-bottom:#27428A solid 6px;
   padding-bottom:10px;
  }
  
  .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: var(--primary-color);
      font-size: 18px;
      text-transform:uppercase;
    }
    
	.metismenu.mod-menu .metismenu-item>button
    {
      font-size: 14px;
    }    
    
  .metismenu.mod-menu .metismenu-item>a    
    {
     margin-right:12px;
    }

	.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>a, .offcanvas .metismenu.mod-menu .metismenu-item>button, .offcanvas .metismenu.mod-menu .metismenu-item>span
  {
   color:#fff;
  }

.offcanvas .mm-collapsed.mm-toggler.mm-toggler-link, .offcanvas .metismenu.mod-menu .mm-toggler
  {
   background: var(--primary-color) !important;
   color: #fff !important;
  }

.offcanvas .metismenu.mod-menu .metismenu-item.level-2
    {
     border-right:0;
    }
	
   .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:#00816D;
   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:16px;
  }
  
.offcanvas-menu
  {
   display:none;
  }
  
.offcanvas .mm-collapsed.mm-toggler.mm-toggler-link, .metismenu.mod-menu .mm-toggler 
  {
    top: 0;
    height: 36px;
  }  
  
.mm-collapsed.mm-toggler.mm-toggler-link, .metismenu.mod-menu .mm-toggler
  {
   /*
   color:#fff !important;
   background:var(--primary-color) !important;
   */
   color:var(--primary-color) !important;
   background:#fff !important;
  }

.container-header .navbar-toggler
  {
   border:0;
   position: absolute;
   right: 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;
    }

.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>a 
  {
    font-size: 24px;
  }  
  
.offcanvas .metismenu.mod-menu .metismenu-item.level-2
  {
    margin-bottom: 0px;
	}  
    
/**********************
* FINE MENU OFFCANVAS *
**********************/ 
  
  
  	

@media (min-width: 576px) {
	/* BODY DEBUG */
	body {
		/* min-width: 576px */
	}
    
	/**/
}
/* Medium devices (tablets, 768px 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: 1340px;
    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) 
  {
   .prontoSoccorso
    {
      /*border-left:0;*/
      margin-bottom:8px;
    }
  }  
  
@media (max-width:1300px) 
  {
    .navbar.navbar-expand-md .mod-menu 
      {
        margin-left: 6.5%;
      }  
      
    .metismenu.mod-menu .metismenu-item>a
      {
        font-size: 16px;
      }      
      
    .strutture,
    .applicativi_portali 
      {
       margin-left: calc(-100vw / 2 + 400px / 2);
       margin-right: calc(-100vw / 2 + 400px / 2);   
      }
  }  

/*************************************** fine media query ***********************************/
@media (max-width:1200px) 
  {
    .accessocivico .input-group
      {
       width:auto;
      }    
      
      
	  .brand-logo img
      {
        max-width: 400px;
      }
      
    .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) );
      }
  }


@media (max-width: 1100px)
  {  
    .desktop,.desktop-inline, .mod-finder 
      {
        display:none !important;
      }
      
    .mobile,
    .offcanvas  .mod-finder 
      {
        display:block !important;
      }      

  
    .com_blank #map
      {
       display:none;
      }
      
    .container-topbar .topbar-link p  
      {
        line-height:40px;
      }
      
     .container-topbar .topbar-right a,
     .container-topbar .topbar-left a
      {
        font-size:24px;
        height: 54px !important;
        display: block;        
        min-width: 150px;
        border-radius:0;
        text-align: center;
        line-height:48px;
      }
      
     .container-topbar .topbar-left a 
      {
        line-height:54px;
      }     

    .offcanvas-menu  
     {
        display:inline-block;
        margin-left:40px;
        margin-top:0;
      }
      
     .offcanvas-menu .fa.fa-bars.d-block
     {
        font-size:32px;
      }
      
    .prontoSoccorso
      {
        border-left:0;
        margin-bottom:16px;
      }
  
     .centri_multidisciplinari ul
      {
        grid-template-columns: repeat( 2, minmax(48%, 1fr) );
      }  
    
    .dipartimenti ul 
      {
        grid-template-columns: repeat( 4, minmax(24%, 1fr) );
      }  
      
    .muoversi_raggiungerci ul li
      {
       min-width:320px;
       margin: 16px;
      }      
      
    .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;
      }
  
    .view-login main,
    .view-login-module
      {
        margin-left: calc(-100vw / 2 + 200px / 2);
        margin-right: calc(-100vw / 2 + 200px / 2);
        padding-left: 200px;
        padding-right: 200px;
      }   
      
    .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;
      }
          
    .strutture
      {
        margin-left: calc(-100vw / 2 + 500px / 2);
        margin-right: calc(-100vw / 2 + 500px / 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;
      }
      
  }


@media (max-width: 1000px)
  {         
  
    .container-cerca
      {
       background-image:url("/");
      }      
  
    .socialbox
      {    
        text-align: center;
       }
  
    .container-topbar .topbar-right a, .container-topbar .topbar-left a  
      {
       font-size:1rem;
      }
      
     #lpResults .headerImg         
        {
          min-height:400px;
        }
        
  
     .accessocivico .input-group .row
       {
         display:block;
        }
  
     .comunicazioni .card
      {
       text-align:left!important;
      } 
      
  
     #lpResults .row .border-end:nth-child(2)
        {
          border-right:0 !important;
         }
         
     #lpResults .row .border-top
        {
          border-top:0 !important;
         }

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

    .ws_tbl_trasparenza
     {
        border-right: var(--primary-color) solid 0px;
        border-top: var(--primary-color) solid 0px;
        margin:0;
      }  
      
    .ws_tbl_trasparenza thead
     {
       display:none;
      }

    .ws_tbl_trasparenza tbody tr       
     {
       margin-bottom:16px;
       border-bottom: #fff solid 16px !important;
      }      
      
    .ws_tbl_trasparenza tbody tr td      
      {
       display:block;
      }

    .ws_tbl_trasparenza tbody tr td:first-child      
      {
       border-top: var(--primary-color)  solid 1px;
      }    
      
    .ws_tbl_trasparenza tbody tr td:last-child      
      {
        border-bottom: var(--primary-color)  solid 1px;
        border-right: var(--primary-color) solid 1px;
      }          
          
    .mobileHeader
      {
       display:inline-block;
      }  
  
    
    .navbar-brand.col-4
      {
       width:100%;
       text-align: center;
      }    

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

    .container-cerca  
      {
        display: initial;
        width: 100%;        
        margin-bottom:16px;
        text-align: center;
      }
      
     .prontoSoccorso 
        {
          border-left: var(--primary-color) solid 0px;          
        }          
      
      .border-bottom-cz_scuro{
        border-bottom: var(--cz_scuro) !important;
        border-bottom-style: solid !important;
        border-bottom-width: medium!important;
      }
      
    .footer .grid-child .col,  .footer .grid-child .col .address 
      {
        text-align:center !important;
      }
    
    .view-login main,
    .view-login-module
      {
        margin-left: calc(-100vw / 2 + 300px / 2);
        margin-right: calc(-100vw / 2 + 300px / 2);
        padding-left: 300px;
        padding-right: 300px;
      }  
      
          
    .strutture
      {
        margin-left: calc(-100vw / 2 + 400px / 2);
        margin-right: calc(-100vw / 2 + 400px / 2);
        padding-left: 300px;
        padding-right: 300px;
      }
                       

    .menuBlock > ul
      {
            grid-template-columns: repeat( auto-fit, minmax(48%, 1fr) );
      }
    
    .searchArticles
      {
       order:2;
      }
      
    .searchForm
      {
       order:1;
      }

    .view-login main .com-users-login,
    .view-login-module .mod-login  
      {  
       width:70%;
      }
  }


@media (max-width: 768px)
  {    

     .no-more-tables table,
     .no-more-tables thead,
     .no-more-tables tbody,
     .no-more-tables th,
     .no-more-tables td,
     .no-more-tables tr {
     display: block;
     }
     .no-more-tables thead tr {
     position: absolute;
     top:-9999px;
     left:-9999px;
     }
     .no-more-tables tr { border: 1px solid #ccc; }
     .no-more-tables td {
     border: none;
     border-bottom: 1px solid #eee;
     position: relative;
     padding-left: 50%;
     white-space: normal;
     text-align:left;
     }
     .no-more-tables td:before {
     position: absolute;
     top: 0;
     left: 6px;
     width: 45%;
     padding-right: 10px;
     white-space: nowrap;
     text-align:left;
     font-weight: bold;
     }
     .no-more-tables td:before { content: attr(data-title); }  
  
     
    .footerBlock
      {
       background-size: 100%;
      }    
      
    #slideshowHomepage
      {
       display:none;
      }
    
     #lpResults .row .border-end
        {
          border-right:0 !important;
         }

  
   
    .muoversi_raggiungerci_icons .image-title,
    .centri_multidisciplinari li a span   
      {
       font-size:24px;
      }
      
    .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;
      }

  
     .centri_multidisciplinari > h3,
     .primopiano-1 h3, .primopiano-2 h3, .primopiano-4 h3,
     .dipartimenti h3, h3.mappa
      {
       text-transform:initial;
       font-size:20px;
       margin: 4px;
       font-family: 'TitilliumRegular';
      }
  
    .centri_multidisciplinari ul,
    .muoversi_raggiungerci ul, 
    .muoversi_raggiungerci_icons ul    
      {
        margin:0;
        padding:0;
        grid-template-columns: repeat( 1, minmax(100%, 1fr) );
        width:100%;
      }  

    .dipartimenti ul 
      {
        grid-template-columns: repeat( 2, minmax(48%, 1fr) );
      }        
      
     /* 
    .centri_multidisciplinari ul
      {
        display: flex; 
        row-gap:0px;
      }    
      */
      
     .centri_multidisciplinari ul
      {
        grid-template-columns: repeat( 1, minmax(100%, 1fr) );
      }        

    .muoversi_raggiungerci_icons ul li a
      {
        display: flex;        
        align-items: center;
      }  
      

    .muoversi_raggiungerci ul li,
    .muoversi_raggiungerci_icons ul li
      {
       min-width:100%;       
       margin:0px;
       border-radius:0;
       display: flex;    
       border-bottom: #fff solid 1px;
      }  
  
    .muoversi_raggiungerci ul li
      {
        display: block;    
        padding:8px;
        height:52px;     
        margin-bottom:1px;
      }    
  
    .muoversi_raggiungerci h3 
      {
        line-height: 1.4em;
        text-align: left;
      }
  
    .muoversi_raggiungerci .imgLink 
      {
        width: 60px;
        padding-left:10px;
      }  
      
    .muoversi_raggiungerci .imgLink img
      {
        height: 32px;
      }  
            
      
    .muoversi_raggiungerci_icons .image-title 
      {
       width:auto; 
       vertical-align: text-bottom;
      }
      

    .muoversi_raggiungerci_icons ul li
      {
        border-bottom: var(--primary-color) solid 1px;
        padding: 8px;
        height: 56px;
      }       
         
    .muoversi_raggiungerci_icons .imgLink
      {
       text-align: center;
       height:auto;
       width: 60px;
      }        
      
    .muoversi_raggiungerci_icons .imgLink img
      {
       width:auto;
       height:44px;       
      }               
     
    .muoversi_raggiungerci_icons ul li h3
      {
       margin-bottom:0;
      }       
  
    .moduletable .procedure ul li .elencoDocs
      {
       display:block;
       width:100%;
      }  
  
    .strutture
      {
        margin-left: calc(-100vw / 2 + 300px / 2);
        margin-right: calc(-100vw / 2 + 300px / 2);
        padding-left: 300px;
        padding-right: 300px;
      }  
      

      .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)
  {    
    .skyline img
      {
       max-width:300px;
      }
      
    .brand-logo img
     {
       max-width:100%; 
      }
      
     .container-topbar .topbar-right a.intranet   
     {
       min-width:90px;
       margin:0 40px;
      }
      
    .row.header
     {
      height:auto;
     }
    
    .muoversi_raggiungerci_icons .image-title,
    .centri_multidisciplinari li a span   
      {
       font-size:18px;
      }  
  
    .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:20px;
        position: absolute;
        right: 0px;
        top: -2px;        
      }  
  
    #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)
  {     
      .strutture
      {
        margin-left: calc(-100vw / 2 + 100px / 2);
        margin-right: calc(-100vw / 2 + 100px / 2);
        padding-left: 50%;
        padding-right: 40%;
      }  
        
  }  

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