@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* body */ 
body{
	font-family: Lato,Arial,Helvetica,sans-serif;
	background-color:#fff;
}	

/* general */

a, a:hover, a:hover *{
	text-decoration:none;
}

h3{
	font-weight: bold;
    font-size: 4vw;
    color: #2F4858;
    line-height: 150%;
    margin-bottom: 0;
}

h4{
	font-size: 3vw;
	line-height:140%;
	color: #C3C3C3;
}	

.red{
	color:#FC596D;
}

.buttonblue, .buttonblue:hover{
	background-color: #2F4858;
    font-size: 2.8vw;
    text-align: center;
	line-height: 100%;
    padding: 2.5vw 1vw;
    border-radius: 20px;
    color: #fff;
    display: block;
    margin: 2.5vw 0;
    width: 20vw;
    text-decoration: none;
}

.no-padding{
	padding:0!important;
}

* {
  scrollbar-width: thin!important;
  scrollbar-color: #fc596d #f4f4f4!important;
}

#search{
	width:100%;
}

#searcherror{
	display:none;
}


/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px!important;
}


*::-webkit-scrollbar-track {
  background: #f4f4f4!important;
}


*::-webkit-scrollbar-thumb {
  background-color: #fc596d!important;
  border-radius: 20px!important;
  border: 3px solid #f4f4f4!important;
}


/* home */

.box{
    border-radius: 20px;
    padding: 25px;
    margin: 10px;
    text-decoration: none;
    height: 39vw;
}

.box h2{
	font-size: 4vw;
    line-height: 120%;
    color: #fff;
    font-weight: bold;
    height: 6vw;
    text-decoration: none;
    float: left;
}

.box h6{
	color: #fff;
    font-size: 2.5vw;
    line-height: 120%;
    margin: 30px 0;
    height: 10vw;
    text-decoration: none;
    float: left;
}	

.boxconsumatori{
	background-color:#FC596D;
}

.boxnonconsumatori{
	background-color:#3C85BC;
}

.boxguide{
	background-color:#547B8C;
}

.boxaltridocumenti{
	background-color:#81C7AD;
}



/* header */
.header{
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%), 0 5px 50px 0 rgb(0 0 0 / 10%);
	height: 10vw; 
    color: #fc2438;    
    background: #fff;    
	padding-right: 40px;
    padding-left: 40px;    
    padding-top: 2.5vw;
}


.header .logo{
	width: 185px;
	height:56px;
}

.header .logo img{
	max-height: 40px;
}	

.header .time_container {
	display: block;
    text-align: left;
    font-weight: 700;
    margin: 0;
    text-align: right;
}	

.header .time_container div:nth-child(1) {
    height: auto;
    line-height: 110%;
    float: none;
    margin-top: 0;
    font-size: 3vw;
    font-weight: 600;
}

.header .time_container div:nth-child(2) {
    height: auto;
    line-height: 18px;
    float: none;
    text-transform: capitalize;
    font-size: 2vw;
}

/* footer */

footer{
	background-color: #2F4858;	
    color: #fff;
    font-family: Lato;
    font-size: 12px;
    padding: 12px 32px;	
	border-top-left-radius: 10px;    
    border-top-right-radius: 10px;
	height: 10vw;
}

.footer .logo{
	width: 150px;
	height:45px;
	margin-left: 35px;
    margin-top: 25px;
    float: left;
}


.footer .fcontent{
    font-size: 1.5vw;
    padding-top: 10px;
    text-align: right;
    padding-right: 30px;
    line-height: 120%;
}

/* page content & search */

.pagecontent{
	min-height: calc(90vh);	
	padding: 20px 25px 130px;
}

.documentcontent{
	padding: 20px 10px 0;
	min-height: auto;
	overflow-x: hidden;
}	

.search_container {
    width: 100%;
    text-align: left;
    position: relative;
    float: right;
    margin: 10px 0 0;
    height: 70px;
    display: flex;
}

.search_container input {
    border: 1px solid #F4F4F4;
    border-radius: 10px;
    outline: 0;
    padding: 20px 70px 20px 15px;
    height: 80px;
    width: 100%;
    background-color: #F4F4F4;
    font-size: 2.4vw;
}

.searchbtn {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.9' height='19.9'%3E%3Cpath d='M13.588 13.579l5.6 5.61m-3.735-11.21A7.477 7.477 0 117.976.502a7.477 7.477 0 017.477 7.477z' fill='none' stroke='%23fff' stroke-linecap='round'/%3E%3C/svg%3E");
    position: absolute;
    height: 80px;
    top: 1px;
    right: 1px;
    border: none;
    width: 80px;
    cursor: pointer;
    outline: 0;
    background-color: #fc596d;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 10px;
	background-size: 55%;
}

.frecciabtn {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.305' height='27.772' viewBox='0 0 24.305 27.772'%3E%3Cg id='Raggruppa_1449' data-name='Raggruppa 1449' transform='translate(1.414 1)'%3E%3Cg id='Raggruppa_1448' data-name='Raggruppa 1448'%3E%3Cline id='Linea_31' data-name='Linea 31' y2='25.772' transform='translate(10.738)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Tracciato_398' data-name='Tracciato 398' d='M1152.476,393l-10.738,10.738L1131,393' transform='translate(-1131 -377.966)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-color: #fc596d;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 10px;
	background-size: 55%;
	position: absolute;
    height: 60px;
    top: 0;
    right: 0px;
    border: none;
    width: 60px;
    cursor: pointer;
    outline: 0;	
}

.accordion.opened .frecciabtn {
	transform: rotate(180deg);
}

.zoombtn{
    background-color: #fc596d;    
    background-repeat: no-repeat;
    border-radius: 10px;    
    height: 40px;    
    border: none;
    width: 40px;
    cursor: pointer;
    outline: 0;
    color: #fff;
    font-size: 26px;
	position: absolute;
	bottom: 0;
}	

.zoomplus{
	left:15px;
}

.zoomminus{
	left:65px;
}

/* risultati documenti */
.resultcontainer, .sezionecontainer{
	display:block;
}

.resultcontainer h3{
	margin-top:50px;
}

.sezionecontainer h3.accordiontitle{	
    color: #FC596D;
    margin: 0;
    height: 40px;
    font-size: 3vw;
    line-height: 180%;
}

.sezionecontainer .accordioncontent{	
	display:none;
	padding-top: 15px;
    padding-bottom: 5px;
}

.sezionecontainer .accordioncontent .row:last-child{
	border:none;
}

.sezionecontainer .accordion{
    margin-top: 50px;
    border: 1px solid #2F4858;
    padding: 10px;
    border-radius: 10px;
	position: relative;
}	

.resultcontainer .row, .sezionecontainer .row{
	border-bottom: 1px solid #C3C3C3;
	padding: 10px 0;
	margin: 0;
}

.resultcontainer .filename, .sezionecontainer .filename{
	color: #547B8C;
    padding: 0 20px 0 0;
    font-size: 3vw;
    overflow: hidden;
    text-overflow: ellipsis;
}


.resultcontainer .date, .sezionecontainer .date{
	color: #C3C3C3;
    padding: 4px 10px 0 0;
    font-size: 2.6vw;
}

/* visualizzazione pdf */

.filenamepdf{
	color:#FC596D;
	padding-top: 5px;
	font-size: 3vw;
	padding-right: 40px;
	overflow: hidden;
    text-overflow: ellipsis;
}

.pdfviewer{
	width: 100%;
    height: calc(100vh - 150px);
    display: block;
    overflow-y: scroll;    
    overflow-x: auto;
	margin-top:10px;

}
.pdfviewer canvas{	
	direction: ltr;
	overflow-y: auto;
}	

/* sezione */

.sezionecontainer h3.nomargin{
	margin-bottom:5px;
}

.sezionecontainer p{
	color: #2F4858;
	font-size: 2.5vw;
    line-height: 120%;
}