/* regole generali
/* ------------------------------------------------------------------------- */

.opening_time {

}

/* altezza default per lo swiper */ 
/* (altrimenti si rompe la pagina) */
/* personalizzare per ogni tema... */
.opening-time-swiper.swiper-container {
	height:324px;
}



/* table */
.opening_time .table > thead > tr > th, 
.opening_time .table > tbody > tr > th, 
.opening_time .table > tfoot > tr > th, 
.opening_time .table > thead > tr > td, 
.opening_time .table > tbody > tr > td,
.opening_time .table > tfoot > tr > td {
	padding-left:0px;
	padding-right:0px;
}
.opening_time .table th.month {
	text-transform: uppercase;
	text-align:center;
	background-color: #CCC;
	color:#FFF;
	padding:2px;
}
.opening_time .table tr:nth-child(1) th,
.opening_time .table tr:nth-child(2) th {
	border-top:0;
	border-bottom:0;
}
.opening_time .table tr:nth-child(3) td {
	border-top:2px solid #CCC;
}
.opening_time .table tr:last-child td {
	border-bottom:2px solid #CCC;
}
.opening_time .table td {
	white-space: nowrap;
}
.opening_time .table td:hover {
	cursor:e-resize;
}
.opening_time .table td.day {
	width: 20%;
}
.opening_time .table td.am {
	width: 40%;
}
.opening_time .table td.pm {
	width: 40%;
}
.opening_time .table td.continuous-work em {
	display:none;
}

/* table span */
.opening_time .table span {
	white-space: nowrap;
}
.opening_time .table span em.open-text,
.opening_time .table span em.not-open-text,
.opening_time .table span em.not-open-text-small {
	font-style:normal;
	color:#AAA;
}
.opening_time .table span.am,
.opening_time .table span.pm {
	width:100%;
	padding-right:4px;
}
.opening_time .table span.am {
	padding-right:10px;
}
.opening_time .table span.from_to_separator {
	width:6px;
	display: inline-block;
}
.opening_time .table span.day,
.opening_time .table span.day_short,
.opening_time .table span.day_char,
.opening_time .table span.day_num {
	padding-right:4px;
	display: inline-block;
}
.opening_time .table span.day_short,
.opening_time .table span.day_char,
.opening_time .table span.day_num {
	text-align:center;
}
.opening_time .table span.day_short {
	text-transform:uppercase;
	width:40px;
}
.opening_time .table span.day {
	width:90px;
	padding-left: 4px;
}
.opening_time .table span.day_char {
	width:24px;
}
.opening_time .table span.day,
.opening_time .table span.day_char {
	/*display:none;*/
	text-transform:capitalize;
}
.opening_time .table span.day_num {
	font-weight:700;
	width: 20px;
	padding-right:6px;
}
.opening_time .table span.empty_box {
	text-align:center;
	display: inline-block;
}







/* regole colori aperto/chiuso
/* ------------------------------------------------------------------------- */

.opening_time .table tr.today.open {
	background-color:#E3FCD9;
}
.opening_time .table tr.today.not-open {
	background-color:#FCD9E2;
}
.opening_time .table tr.today.almost-time {
	background-color:#FCF2D9;
}
.opening_time p.almost-time {
	background-color:#FCF2D9;
	text-align:center;
	color:#EBA800;
	margin: 0 0 10px 0;
}








/* regole per lo swiper
/* ------------------------------------------------------------------------- */

.opening_time .opening-time-swiper.swiper-container {
	width:100%;
	padding: 1px;
}

.opening_time .opening-time-swiper .swiper-pagination {
	position: absolute;
	z-index: 20;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align:center;
}
.opening_time .opening-time-swiper .swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #222;
	margin-right: 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}
.opening_time .opening-time-swiper .swiper-active-switch {
	background: #ccc;
}
.opening_time .opening-time-swiper .swiper-slide {
	/*overflow:hidden;*/
	padding-right:2px;
}







/* regole media-query
/* ------------------------------------------------------------------------- */

@media (min-width: 480px) and (max-width: 767px) {
	.col-sm-4 .opening_time span.day_short,
	.col-ms-6 .opening_time span.day_char {
		display:inline-block;
	}
	.col-sm-4 .opening_time span.day_char,
	.col-ms-6 .opening_time span.day_short {
		display:none;
	}
	.col-sm-4 .opening_time .table td.continuous-work em,
	.col-lg-6 .opening_time .table td.continuous-work em,
	.col-lg-12 .opening_time .table td.continuous-work em {
		display:inline-block;
	}
}

@media (min-width: 768px) {
	.col-lg-6 .opening_time span.day,
	.col-lg-12 .opening_time span.day {
		display:inline-block;
	}
	.col-lg-6 .opening_time span.day_char,
	.col-lg-12 .opening_time span.day_char {
		display:none;
	}
	.col-lg-6 .opening_time span.day_short,
	.col-lg-12 .opening_time span.day_short {
		display:none;
	}
	.col-lg-6 .opening_time .table td.continuous-work em,
	.col-lg-12 .opening_time .table td.continuous-work em {
		display:inline-block;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.col-sm-4 .opening_time span.day_char {
		display:inline-block;
	}
	.col-sm-4 .opening_time span.day_short {
		display:none;
	}
	.col-sm-4 .opening_time span.am,
	.col-sm-4 .opening_time span.pm {
		width:80px;
		overflow: hidden;
		text-overflow:ellipsis;
		display: block;
	}
}

@media (min-width: 992px) {
	.col-md-3 .opening_time span.day_char,
	.col-md-4 .opening_time span.day_char {
		display:inline-block;
	}
	.col-md-3 .opening_time span.day_short,
	.col-md-4 .opening_time span.day_short {
		display:none;
	}
}