.loader{
	position: relative;
}

.loader::before,
.loader::after{
	position: absolute;
	content: "";
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index:11;
	background: rgba(0,0,0,0.65);
}

.loader::after{
	z-index:12;
	background: transparent url(loading.gif?v=1) center center no-repeat;
	background-size: 32px 32px;
}

.search_icon{
	background: url(search-icon.svg) calc(100% - 15px) 50% no-repeat;
}
.container.inline{
	display: block;
	box-shadow: none;
	border:1px solid rgba(0, 0, 0, 0.176);
}

.calendar{
	padding-top:0px;
}

	.calendar>.header .remove-button,
	.calendar>.header .add-button{
		padding:0;
	}
	
	.calendar>.header .month-name{
		text-align: center;
		font-size: 20px;
		padding-left: 60px;
	}

	.calendar>.daynames-row {
		background:#efefef;
	}

	.calendar>.daynames-row>.dayname {
		font-weight: bold;
		font-size: 16px!important;
		padding: 7px 0;
		color: #555;
		text-transform: uppercase;
	}

	.calendar>.daynames-row,
	.calendar>.days-grid{
		gap:1px;
		border:1px solid #efefef;
		background:#efefef;
	}

	.calendar>.days-grid>.day{
		width: auto;
		max-width: none;
		height: 73px;
		max-height: 73px;
	}

		.calendar>.days-grid>.day:hover{
			cursor: pointer;
		}
		
		.calendar>.days-grid>.day.locked:not(.start):not(.end){
			background: #f9f9f9!important;
		}
		
	.calendar>.days-grid>.day .day-rCount {
	  font-size: 70%;
	}

	.calendar>.days-grid>.day .day-price {
	  font-size: 70%;
	  color: #2196f3;
	}

	.container.range-plugin .calendar>.days-grid>.day.end .day-price, 
	.container.range-plugin .calendar>.days-grid>.day.start .day-price,
	.calendar>.days-grid>.day.selected .day-price {
	  color: #fff;
	}

	.calendar>.days-grid>div {
	   position: relative;
	   background:#fff;
	}
	
	.calendar>.daynames-row>.day, 
	.calendar>.daynames-row>.dayname, 
	.calendar>.days-grid>.day, 
	.calendar>.days-grid>.dayname {
		font-family: 'Poppins', sans-serif;
		font-size: 18px;
	}

/*****************************************/
.time-slot{
	cursor: pointer;
}

	.time-slot:hover,
	.time-slot.active{
		border-color: #000!important;
	}
	
		.time-slot:hover .text-bg-success,
		.time-slot.active .text-bg-success{
			background-color: #000!important;
		}


/***************************************************/
.accordion-button {
	padding: 0.5rem 1rem;
}

.accordion.single .accordion-button:after {
	display: none;
}


/***************************************************/

.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { padding: 0; position: relative; background: #000;}
.cycle-slideshow img {position: absolute; top: 0; left: 0;width: 100%; padding: 0; display: block;}
.cycle-slideshow img:first-child { position: static; z-index: 100;}
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;}
.cycle-pager span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer;}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}
.cycle-caption { position: absolute; color: white; top: 0; right: 0; left: 0; padding: 10px 0px; text-align: center; z-index: 700; background: rgba(0,0,0,0.5); }
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}

.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

/***************************************************/

@media(max-width: 480px){
	.calendar>.header{
		padding: 10px 0px;
	}
	
	.calendar>.header .month-name{
		padding-left: 0px;
		text-align: left;
		justify-content: start!important;
	}
	
	.calendar>.days-grid>.day{
		padding: 5px 0px;
	}
	
	.add-button.unit,
	.remove-button.unit,
	.available{
		display: none!important;
	}	
}