/* Sticky footer styles
-------------------------------------------------- */

body { 
/* Margin bottom by footer height */
	height:100vh;
}

.footer {
	/* Set the fixed height of the footer here */
	height: 75px;
	background-color: #f5f5f5;
}

body>div.container {
	overflow: auto;
	min-height: calc(100% - 75px);
}

.header {
	height: 191px;
	background-color: #eff4f9;
	background-image: url("../IMG/PORTALE/bg_pat_header.png");
	width: 100%;
	background-repeat: repeat-x;
}

.header>.title {
	text-align: center;
	color: #344D6b;
	font-family: "Raleway", sans-serif !important;
	font-weight: 300 !important;
	font-size: 28px;
	margin-top: 20px;
}

.content-title {
	float: left;
}

.content-logo {
	height: 108px;
	display: flex;
	float: left;
}

.headContainer {
	height: 108px;
	display: flex;
	clear: left;
	justify-content: center;
}

.logoImg {
	max-width: 140px;
	max-height: 65px;
}

.logoContainer {
	height: 71px;
	align-items: flex-end;
	display: flex;
	justify-content: center;
}

.panel .panel-heading {
	height: 50px;
	background-color: #93d1ee;
	text-align: center;
}

.panel .panel-heading.riepilogo {
	background-color: #344D6b;
}

.panel .panel-heading.prenotazione {
	background-color: #ff7505;
}

.has-arrow-right:before {
	content: '';
	position: absolute;
	top: 19px;
	right: 100%;
	border: 7px solid transparent;
	border-right: 7px solid #93d1ee;
}

.has-arrow-right.riepilogo:before {
	border-right: 7px solid #344D6b;
}

.has-arrow-right.prenotazione:before {
	border-right: 7px solid #ff7505;
}

.panel .panel-heading>.panel-title {
	color: #344D6b;
	font-family: "Raleway", sans-serif !important;
	font-weight: 700 !important;
	font-size: 24px;
}

.panel .panel-heading.riepilogo>.panel-title,
.panel .panel-heading.prenotazione>.panel-title {
	color: #FFF;
}

.panel-default {
/* 	border-color: #93d1ee; */
}

.timelineIcons:before {
	content: '';
	position: absolute;
	display: block;
	width: 4px;
	background: #2121b3;
	/* left: 50%; */
	top: 20px;
	bottom: 20px;
	margin-left: 30px;
}

/*Timeline*/
.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

.img-rounded {
	border-radius: 3px;
}

.img-thumbnail {
	background-color: #fff;
	border: 1px solid #ededf0;
	border-radius: 3px;
	display: inline-block;
	height: auto;
	line-height: 1.428571429;
	max-width: 100%;
	moz-transition: all .2s ease-in-out;
	o-transition: all .2s ease-in-out;
	padding: 2px;
	transition: all .2s ease-in-out;
	webkit-transition: all .2s ease-in-out;
}

.img-circle {
	border-radius: 50%;
}

.timeline-centered {
	position: relative;
	margin-bottom: 30px;
}

.timeline-centered:before,.timeline-centered:after {
	content: " ";
	display: table;
}

.timeline-centered:after {
	clear: both;
}


.timeline-centered:before {
	content: '';
	position: absolute;
	display: block;
	width: 4px;
	background: #2f4e6c;
	top: 20px;
	bottom: 184px; /*Margine inferiore iniziale della prima sezione*/
	margin-left: 35px;
}

.timeline-centered .timeline-entry {
	position: relative;
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 10px;
	clear: both;
}

.timeline-centered .timeline-entry:before,.timeline-centered .timeline-entry:after {
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry:after {
	clear: both;
}

.timeline-centered .timeline-entry:before,.timeline-centered .timeline-entry:after
	{
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry:after {
	clear: both;
}

.timeline-centered .timeline-entry.begin {
	margin-bottom: 0;
}

.timeline-centered .timeline-entry.left-aligned {
	float: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
	margin-left: 0;
	margin-right: -18px;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
	left: auto;
	right: -100px;
	text-align: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
	float: right;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
	margin-left: 0;
	margin-right: 70px;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after  {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -9px;
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.timeline-centered .timeline-entry .timeline-entry-inner {
	position: relative;
	margin-left: -20px;
}

.timeline-centered .timeline-entry .timeline-entry-inner:before,.timeline-centered .timeline-entry .timeline-entry-inner:after
	{
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner:before,.timeline-centered .timeline-entry .timeline-entry-inner:after {
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
	position: absolute;
	left: -100px;
	text-align: right;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {
	display: block;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {
	font-size: 15px;
	font-weight: bold;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {
	font-size: 12px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
	background: #fff;
	color: #737881;
	display: block;
	width: 52px;
    height: 52px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	font-size: 15px;
	float: left;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.datiAnagrafici {
	background-image:  url(../IMG/PORTALE/ico_vert_riepilogo.png);
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.province {
	background-image:  url(../IMG/PORTALE/ico_vert_provincia.png);
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.servizio {
	background-image:  url(../IMG/PORTALE/ico_vert_servizio.png);
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.zone {
	background-image:  url(../IMG/PORTALE/ico_vert_ufficio.png);
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.orari {
	background-image:  url(../IMG/PORTALE/ico_vert_orario.png);
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.riepilogo {
	background-image:  url(../IMG/PORTALE/ico_vert_riepilogo.png);
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.prenotazione {
	background-image:  url(../IMG/PORTALE/ico_vert_prenotato.png);
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	position: relative;
	margin-left: 73px;
}


.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
	color: #737881;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	margin: 0;
	line-height: 1.428571429;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p{
	margin-top: 15px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
	color: #303641;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
	-webkit-opacity: .6;
	-moz-opacity: .6;
	opacity: .6;
	-ms-filter: alpha(opacity = 60);
	filter: alpha(opacity = 60);
}

.panel-body {
	background-color: #eff4f9;
	position: relative;
}

.panel-body.riepilogo {
	background-color: #05b0e7;
	color: #FFF;
}

.panel-body .nomeServizio,
.panel-body .descrizionePubblica,
.panel-body .indirizzo {
    /* a capo tra le parole; una parola spezzata solo se da sola e' piu' larga della riga (schermi stretti) */
    word-break: normal;
  	overflow-wrap: break-word;
  	word-wrap: break-word;
}

.btn.btn-prefissoInternazionale.font-small .filter-option {
    font-size: 11px;
}

button {
	font-family: "Raleway", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px;
    text-transform: uppercase;
    text-align:center;
    width: 127px;
    height: 33px;
    border-radius: 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
     text-align: center;
	border: 0;
    cursor: pointer;
}

button.bt_indietro  {
    color: #6b7684;
	background-color: #d3e3eb;    
}

button.bt_avanti {
    color: #344d6b;
    background-color: #93d1ee;
}

button.bt_indietro:hover  {
    color: #344d6b;
    text-decoration: none;
}

button.bt_avanti:hover  {
   color: #ffffff;
   text-decoration: none;
}

button.bt_avanti.riepilogo {
    color: #FFF;
    background-color: #ff7505;
}

button.bt_avanti.riepilogo:hover {
    color: #344b6b;
    text-decoration: none;
}

button.bt_stampa {
	color: #FFF;
	background-color: #344d6b;
}

button.bt_stampa:hover {
	color: #d3e3eb;
	text-decoration: none;
}

button.bt_chiudi {
	color: #FFF;
	background-color: #FF7505;
}

button.bt_chiudi:hover {
	color: #d3e3eb;
	text-decoration: none;
}

button:focus {
    text-decoration: none;
}

.errorSection, .warningSection {
	text-align: center;
}

.subtitle {
	text-align: center;
	color: #344D6b;
	font-family: "Raleway", sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px;
}

/*Timeline override*/
ul.orari li {
	background-color: #d3e3eb;	
	border: none;
}

.ulorario li:hover .blackHover {
    color: #000;
}

.containerOrari ul li {
    color: #000 !important;
}

.containerOrari ul li .dayNumber,
.containerOrari ul li .time {
    color: #05b0e7 !important;
}

.containerOrari ul li .dayName,
.containerOrari ul li .month_year {
    font-family: "Raleway", sans-serif !important;
}

/*Timeline override*/
ul.orari li:hover,
ul.orari li.selected {
	background-color: #05b0e7;	
	border: none;
}

.containerOrari ul li:hover .dayNumber,
.containerOrari ul li:hover .time,
.containerOrari ul li.selected .dayNumber,
.containerOrari ul li.selected .time {
    color: #FFF !important;
}

.containerOrari ul li:hover .month_year,
.containerOrari ul li.selected .month_year {
    color: #000 !important;
}

/*Datetimepicker override*/
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #05b0e7;	
}

.bootstrap-datetimepicker-widget table td.day:hover, 
.bootstrap-datetimepicker-widget table td.hour:hover, 
.bootstrap-datetimepicker-widget table td.minute:hover, 
.bootstrap-datetimepicker-widget table td.second:hover {
	background-color: #FFF;
	color: #000;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
	background-color: #93d1ee;	
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
	font-size: 14px;
}

#datetimepicker {
	background-color: #d3e3eb;
	border-radius: 8px; 
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	text-align: center;
}

#articleRiepilogo .panel-body.riepilogo,
#articlePrenotazione .panel-body.prenotazione {
	text-align: center;
}

#articleRiepilogo span.bigger {
	color:  #FFF;
	font-family: "OpenSans", sans-serif !important;
	font-size: 24px;
}
	
#articleRiepilogo span.smaller {
	color: #FFF;
	font-family: "Raleway", sans-serif !important;
	font-size: 16px;
}

#articlePrenotazione .subtitle {
	font-family: "Raleway", sans-serif !important;
	color: #FF7505;
	font-size: 16px;
}

#articlePrenotazione span.bigger {
	color: #344d6b;
	font-family: "OpenSans", sans-serif !important;
	font-size: 24px;
}
	
#articlePrenotazione span.smaller {
	color: #344d6b;
	font-family: "Raleway", sans-serif !important;
	font-size: 16px;
}

.mainBoxOrari > div {
	text-align: center;	
}

.dropdown-menu.open {
	z-index: 9999999999999;
}

.fa-arrow-circle-right
{
	color:#05b0e7;
	font-size:3em;
	vertical-align:middle;
}

.fa-arrow-circle-right:hover {
	color: #93d1ee;
}

.btn-prefissoInternazionale {
	color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
    border-color: rgb(204, 204, 204);
    max-width:120px !important;
    border-radius: 4px !important;
    padding-top: 2px;
    padding-bottom:2px;
    height: 25px;
    font-weight: 400 !important;
    font-size: 11px !important;
}

.disabled.btn-prefissoInternazionale {
	color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
    border-color: rgb(204, 204, 204);
    max-width:120px !important;
    border-radius: 4px !important;
    padding-top: 2px;
    padding-bottom:2px;
    background-color: #eee;
    opacity: 1;
    height: 25px;
}

@media screen and (max-width:1450px) {
    .btn-prefissoInternazionale {
    	color: rgb(51, 51, 51);
	    background-color: rgb(255, 255, 255);
	    border-color: rgb(204, 204, 204);
	    max-width:80px !important;
	    border-radius: 4px !important;
	    padding-top: 2px;
	    padding-bottom:2px;
	    height: 25px;
    }
}

@media screen and (max-width:1450px) {
    .disabled.btn-prefissoInternazionale {
		color: rgb(51, 51, 51);
	    background-color: rgb(255, 255, 255);
	    border-color: rgb(204, 204, 204);
	    max-width:80px !important;
	    border-radius: 4px !important;
	    padding-top: 2px;
	    padding-bottom:2px;
	    background-color: #eee;
	    opacity: 1;
	    height: 25px;
	}
}

div.bootstrap-select:has(> button.btn-prefissoInternazionale) {
	width: 120% !important;
}

@media (max-width:610px) { 
	.panel-body {
	    padding: 5px;
	}
	
	#logoImg {
		width: 280px;
	}
	
	.header>.title {
		font-size: 20px;
	}
	
	.timeline-icon {
		display: none !important;
	}
	
	.timeline-label {
		margin-left: 7px !important;
	}
	
	.timeline-centered:before {
		display: none !important;
	}
}