#fake_dep{

border-color: #fff !important;

}

.flex-style{
background-color: #fff;
}


@media screen and (min-device-width: 768px) {   
       .flex-style{
		display: flex;
		}
    }    


.persone-row {
    position: relative;
    min-height: 1px;
    padding-top:15px;
}

.persone-box{
border: 1px solid silver;
}

.box-interno{
padding-left:15px;
}

#fake_dep_span

{

	background-color: white !important;

	border-color: white !important;

	 margin-top:-19px;

}

 

#fake_dep_span:after{

border-left: 3px solid #fff !important;

}

.org-chart .department#fake_dep:after{
display:none;
}

.no-background{
	
    background-color: #fff;

}

.custom-amministrazione{
	background-color: #ccc;
}
.custom-amministrazione .pull-left{
	float: left;
}
.custom-amministrazione .sppb-text-left{
	text-align: left;
}
.custom-amministrazione .sppb-row{
	margin-left: -15px;
	margin-right: -15px;
}

.custom-amministrazione .data-row{
	border: solid 1px #ccc;
    	padding-top: 5px;
    	padding-bottom: 5px;
}

.img{
	vertical-align: none;
}

.custom-amministrazione .ref{
    	padding-top: 0;
}
.custom-amministrazione .sppb-col-sm-4,.sppb-col-sm-8{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px){
	.custom-amministrazione .sppb-col-sm-4,.sppb-col-sm-8{
		float: left;
	}
	.custom-amministrazione .sppb-col-sm-8{
		width: 66.66666667%;
	}
	.custom-amministrazione .sppb-col-sm-4{
		width: 33.33333333%;
	}
}
.custom-amministrazione .sppb-row: before,.sppb-row: after{
	content: " ";
	display: table;
}
.custom-amministrazione .sppb-row: after{
	clear: both;
}
.custom-amministrazione .pull-left{
	float: left !important;
}
.custom-amministrazione a{
	background-color: transparent;
}
.custom-amministrazione a: active,a: hover{
	outline: 0;
}
.custom-amministrazione img{
	border: 0;
}
@media print{
	.custom-amministrazione *,*: before,*: after{
		background: transparent !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	.custom-amministrazione a,a: visited{
		text-decoration: underline;
	}
	.custom-amministrazione a[href]: after{
		content: " (" attr(href) ")";
	}
	.custom-amministrazione img{
		page-break-inside: avoid;
	}
	.custom-amministrazione img{
		max-width: 100% !important;
	}
	.custom-amministrazione p{
		orphans: 3;
		widows: 3;
	}
}
.custom-amministrazione *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.custom-amministrazione *: before,*: after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.custom-amministrazione a{
	color: #337ab7;
	text-decoration: none;
	border-bottom: none;
}
.custom-amministrazione a: hover,a: focus{
	color: #23527c;
	text-decoration: underline;
}
.custom-amministrazione a: focus{
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.custom-amministrazione img{
	vertical-align: middle;
}
.custom-amministrazione h4{
  color:inherit;
  margin-top:10px;
  margin-bottom:10px;
  font-size:18px;
  font-weight:600;
  line-height:130%;
  font-family:Open Sans, sans-serif;
}
.custom-amministrazione p{
	margin: 0 0 10px;
}
.custom-amministrazione .row{
	margin-left: -15px;
	margin-right: -15px;
}
.custom-amministrazione .col-md-4,.col-md-6,.col-md-12{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 992px){
	.custom-amministrazione .col-md-4,.col-md-6,.col-md-12{
		float: left;
	}
	.custom-amministrazione .col-md-12{
		width: 100%;
	}
	.custom-amministrazione .col-md-6{
		width: 50%;
	}
	.custom-amministrazione .col-md-4{
		width: 33.33333333%;
	}
}
.custom-amministrazione .media-body{
	zoom: 1;
	overflow: hidden;
}
.custom-amministrazione .media-body{
	width: 10000px;
}
.custom-amministrazione .media-body{
	display: table-cell;
	vertical-align: top;
}
.custom-amministrazione .row: before,.row: after{
	content: " ";
	display: table;
}
.custom-amministrazione .row: after{
	clear: both;
}
.custom-amministrazione a{
	-webkit-transition: color 400ms, background-color 400ms;
	transition: color 400ms, background-color 400ms;
}
.custom-amministrazione a,a: hover,a: focus,a: active{
	text-decoration: none;
}
.custom-amministrazione img{
	display: block;
	max-width: 100%;
	height: auto;
}
.custom-amministrazione a{
	color: #8DB9CD;
}
.custom-amministrazione a: hover{
	color: #137CC1;
}
.custom-amministrazione .immagine-persona{
	border-radius: 50%;
	height: 55px;
	margin: 15px 0px 0px 15px;
}
.custom-amministrazione .sppb-addon-content{
	font-size: 16px;
}
.custom-amministrazione #sp-page-builder .sppb-addon-container a: hover{
	text-decoration: underline;
}
.custom-amministrazione #sp-main-body h4{
	color: #00456E;
}
.custom-amministrazione .label-dip{
	padding: 0px;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	color: #999;
	margin-bottom: 0px;
	display: block;
	padding-top: 15px;
}
.custom-amministrazione .paragrafo-padd{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	display: block;
}
.custom-amministrazione .info-UOF{
	background: #FFF none repeat scroll 0% 0%;
	padding: 25px 15px 15px 15px;
	margin-bottom: 15px;
}
.custom-amministrazione .pull-left{
	padding: 0px 15px;
}
.custom-amministrazione .immagine-persona{
	border-radius: 50%;
	height: 55px;
	margin: 0px;
	background-color: #EEF0F4;
}
.custom-amministrazione .sppb-col-sm-4 .sppb-addon-content{
	padding: 25px 15px 25px;
	background-color: #fff;
}
.custom-amministrazione .sppb-col-sm-4 .sppb-addon-content a{
	font-size: 14px;
	line-height: 18px;
}
.custom-amministrazione .sppb-col-sm-4 .sppb-addon-content p{
	margin: 0px;
}
.custom-amministrazione .staff{
	border-top: 8px solid #8DB9CD;
}
.custom-amministrazione .funzione{
	font-weight: 600;
	color: #999;
	margin-bottom: 10px;
	display: block;
	margin-top: 10px;
	font-size: 14px;
}
.custom-amministrazione .referentetitle{
	font-weight: 600;
	text-transform: uppercase;
}
.custom-amministrazione .referentetitle {
	font-family: Open Sans, sans-serif;
}
.custom-amministrazione .nameReferente{
	color: #255241;
	font-size: 16px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: 600;
	padding-top: 10px;
}
.custom-amministrazione .namePersone{
	color: #255241;
	font-size: 16px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: 600;
}
.custom-amministrazione .persone-list{
	background: #FFF none repeat scroll 0% 0%;
	padding: 15px 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
.custom-amministrazione h4{
	font-family: Open Sans, sans-serif;
}
@font-face{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https: //fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https: //fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https: //fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}
@font-face{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https: //fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
	unicode-range: U+0370-03FF;
}
@font-face{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https: //fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https: //fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https: //fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




.org_gest li:before{
	content:"" !important;
}



#org-gestionale a:active,a:focus{
	outline:0;
}
#org-gestionale a{
	border-bottom:none;
}
#org-gestionale figure{
	display:block;
}
#org-gestionale a{
	background-color:transparent;
}
#org-gestionale a:active,a:hover{
	outline:0;
}
#org-gestionale strong{
	font-weight:bold;
}
@media print{
	#org-gestionale *,*:before,*:after{
	background:transparent !important;
	color:#000 !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	text-shadow:none !important;
	}
	#org-gestionale a,a:visited{
	text-decoration:underline;
	}
	#org-gestionale a[href]:after{
	content:" (" attr(href) ")";
	}
}
#org-gestionale *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#org-gestionale *:before,*:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#org-gestionale a{
	color:#fff;
	text-decoration:none;
}
#org-gestionale a:hover,a:focus{
	color:#fff;
	text-decoration:underline;
}
#org-gestionale a:focus{
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}
#org-gestionale figure{
	margin:0;
}
#org-gestionale ul{
	margin-top:0;
	margin-bottom:10px;
}
#org-gestionale ul ul{
	margin-bottom:0;
}


#org-gestionale a{
	-webkit-transition:color 400ms, background-color 400ms;
	transition:color 400ms, background-color 400ms;
}
.org-chart .lvl-b a{
	color:#fff;
}
#org-gestionale .org-chart ul.columnTwo li{
	background-color:#8DB9CD;
}
#org-gestionale .org-chart ul.columnTwoSingle li{
	background-color:#8DB9CD;
}
.org-chart ul.columnTwo li a{
	color:#FFF;
	font-size:13px;
	line-height:18px;
	padding:10px;
	display:block;
	text-align:center;
}
.org-chart ul.columnTwo li a strong{
	text-transform:uppercase;
}
.org-chart ul.columnTwoSingle li a{
	color:#FFF;
	font-size:13px;
	line-height:18px;
	padding:10px;
	display:block;
	text-align:center;
}
.org-chart ul.columnTwoSingle li a strong{
	text-transform:uppercase;
}
.org-chart{
	display:block;
	clear:both;
	margin-bottom:30px;
	position:relative;
}
.org-chart.cf:before,.org-chart.cf:after{
	content:" ";
	display:table;
}
.org-chart.cf:after{
	clear:both;
}
.org-chart.cf{
	*zoom:1;
}
.org-chart ul{
	padding:0;
	margin:0;
	list-style:none;
}
.org-chart ul li{
	position:relative;
	padding:0;
	text-indent:0;
}
#org-gestionale .org-chart ul li span{
	display:block;
	border:3px solid #8DB9CD;
	text-align:center;
	overflow:hidden;
	text-decoration:none;
	color: #000000;
	font-size:12px;
	-webkit-transition:all linear .1s;
	-moz-transition:all linear .1s;
	transition:all linear .1s;
	background:#fff;
	padding:5px;
}
.org-chart .lvl-b strong,.org-chart ul li span strong{
	text-transform:uppercase;
	line-height:18px;
	letter-spacing:0.4px;
	font-size:13px;
	color:#fff;
}
li.department .lvl-b a{
	color:#fff;
}
.org-chart .lvl-b,.org-chart ul li span{
	line-height:16px;
}
.org-chart ul li span:hover,.org-chart .lvl-b:hover{
	box-shadow:4px 4px 9px -4px rgba(0, 0, 0, 0.6);
}
.org-chart ul li.central span:hover,.org-chart .central .lvl-b:hover{
	box-shadow:none;
}
.org-chart ul.columnTwo li a:hover{
	box-shadow:4px 4px 9px -4px rgba(0, 0, 0, 0.6);
}
.org-chart ul.columnTwoSingle li a:hover{
	box-shadow:4px 4px 9px -4px rgba(0, 0, 0, 0.6);
}
.org-chart .department.LAB li:hover{
	box-shadow:4px 4px 9px -4px rgba(0, 0, 0, 0.6);
}
#org-gestionale .org-chart .lvl-b{
	background:#8DB9CD;
	color:#fff;
}
.org-chart .board{
	width:70%;
	margin:0 auto;
	display:block;
	position:relative;
}
#org-gestionale .org-chart .board:before{
	content:"";
	display:block;
	position:absolute;
	height:490px;
	width:0px;
	border-left:3px solid #999999;
	margin-left:49%;
	top:20px;
}
.org-chart ul.columnOne{
	height:80px;
	position:relative;
	width:100%;
	display:block;
	clear:both;
}
.org-chart ul.columnOne li{
	width:50%;
	margin:0px auto;
	top:10px;
}
.org-chart ul.columnTwo{
	position:relative;
	width:100%;
	display:block;
	height:100px;
	clear:both;
}
.org-chart ul.columnTwo li:first-child{
	width:35%;
	float:left;
}
.org-chart ul.columnTwo li{
	width:35%;
	float:right;
}
.org-chart ul.columnTwo:before{
	content:"";
	display:block;
	position:relative;
	width:80%;
	height:10px;
	border-top:3px solid #999999;
	margin:0 auto;
	top:40px;
}
.org-chart ul.columnTwoSingle{
	position:relative;
	width:100%;
	display:block;
	height:100px;
	clear:both;
}
.org-chart ul.columnTwoSingle li:first-child{
	width:35%;
	float:left;
}
.org-chart ul.columnTwoSingle li{
	width:35%;
	float:right;
}
.org-chart ul.columnTwoSingle:before{
	content:"";
	display:block;
	position:relative;
	width:20%;
	height:10px;
	border-top:3px solid #999999;
	margin:0 auto;
	top:40px;
	margin-left: 29%;
}
.org-chart .departments{
	width:100%;
	display:block;
	clear:both;
}
.org-chart .departments:before{
	content:"";
	display:block;
	width:85%;
	height:22px;
	border-top:3px solid #999999;
	border-left:3px solid #999999;
	border-right:3px solid #999999;
	margin:0 auto;
	top:0px;
}
#org-gestionale .org-chart .department{
	border-left:3px solid #999999;
	width:13.5%;
	float:left;
	margin:0px 4px;
	padding-left:1px;
}
.org-chart .department:after{
	content:"";
	position:absolute;
	display:block;
	width:10px;
	height:22px;
	border-left:3px solid #999999;
	left:46%;
	top:-22px;
}
.org-chart .department:first-child:after{
	display:none;
}
.org-chart .department:last-child:after{
	display:none;
}
.org-chart .department.central:after{
	display:none;
}
.org-chart .department li{
	padding-left:10px;
	padding-top:5px;
	min-height: 60px;
	margin-left:1px;
	border:2px solid #757575;
	font-size:11px;
	background:#FFF none repeat scroll 0% 0%;
	margin-bottom:0px;
	line-height:16px;
	margin-top:40px;
	color:#757575;
}
.org-chart .department li strong{
	text-transform:uppercase;
}
.org-chart .department.LAB li{
	height:95px;
	border:2px solid #8DB9CD;
}
.org-chart .department.ICT{
	border-left:0px solid;
}
.org-chart .department li.IMG{
	height:76px;
}
.org-chart .department li.MODA{
	height:84px;
}
.org-chart .department li.PROT{
	height:85px;
}
.org-chart .department .sections{
	margin-top:-20px;
}
#org-gestionale .title-org {
	width:20%;
	display:block;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}


/*Css for the evens slot in the event page*/
.event-slot{
	float: left;
	width: 40%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	height: 15vh;
	font-family: 'Open Sans Condensed', sans-serif;
}
.event-description{
	font-weight: 600;
	padding: 2%;
	float: left;
	width: 77%;
	height: 100%;
	background-color: #f8f8f7;
	color: black;
	font-size: min(16.5px,3vh);
}
/* Date style in the div*/
.event-date{
	font-weight: 500;
	color: white;
	font-size: 2em;
	text-align: center;
	float: left;
	width: 23%;
	height: 100%;
	background-color: #8DB9CD;
}
.date-text{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-wrap: wrap;
	font-size: max(20px,3vh);
}
.date-element{
	width: 100%;
	flex-shrink: 0;
}
.event-title{
	justify-content: left;
	width: 100%;
	height: 80%;
}
.event-name{
	height: 65%;
	color: #8DB9CD;
	overflow: hidden;
	line-height: 1.2em;
	column-width: 100vw;
}
.event-link{
	position: relative;
	width: 100%;
	height: 25%;
}
.event-button{
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 0;
	background-color: #8DB9CD;
	color: white;
	font-family: 'Open Sans Condensed', sans-serif;
	border: none;
	width: 25%;
	height: min(80%,3vh);
	font-size: min(15px,3vh);
}

/*Css for the news slot in the news page*/
.news-slot{
	float: left;
	width: 40%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	height: 17vh;
	background-color: #f8f8f7;
	font-family: 'Open Sans Condensed', sans-serif;
}
.news-description{
	font-weight: 600;
	float: left;
	width:100%;
	height: 65%;
	padding:2%;
	color: black;
	font-size: min(17px,3vh);
}
.news-date{
	font-style: italic;
	font-weight: 500;
	color: white;
	font-size: min(15px,2.7vh);
	text-align: left;
	float: left;
	width: 58%;
	height: 35%;
	display: flex;
	margin-left: 2%;
	align-items: center;	
	color: black;
}
.news-title{ 
	justify-content: left;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	font-size: 1em;
}
.news-name{
	color: #000;
	height: 100%;
	overflow: hidden;
	line-height: 1.2em;
	column-width: 100vw;
}
.news-link{
	float: left;
	width: 40%;
	height: 35%;
	display: flex;
	justify-content: right;
	align-items: center;
}
.news-button{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #8DB9CD;
	color: white;
	font-family: 'Open Sans Condensed', sans-serif;
	border: none;
	width: 50%;
	height: min(80%,3vh);
	font-size: min(20px,3vh);
	font-weight: 700;
	cursor: pointer;
	margin-right: 5%;
}

.header-logo{
	width: 30%;
	height: 100%;
	float: left;
}


@media all and (max-width: 600px){
	.org-chart .board{
	margin:0px;
	width:100%;
	}
	.org-chart .departments:before{
	border:none;
	}
	.org-chart .department{
	float:none !important;
	width:100% !important;
	margin-left:0 !important;
	background:#ddd !important;
	margin-bottom:40px !important;
	}
	.org-chart .department:before{
	content:"";
	display:block;
	position:absolute;
	width:15px;
	height:60px;
	border-left:3px solid #999999;
	z-index:1;
	top:-45px;
	left:0%;
	margin-left:-3px;
	}
	.org-chart .department:after{
	display:none;
	}
	.org-chart .department:first-child:before{
	display:none;
	}
	.event-slot{
		width: 90%;
		height: 17vh;
	}
	.news-slot{
		width: 90%;
		height: 17vh;
	}
	.event-date{
		font-size: 22px;
	}
	.news-button{
		width: 20vw;
		height: 5vh;
	}

}