/*Menu Calendar CSS Style*/

.calendar-container .calendar-box {



}



.calendar-container .buttons-container {

  cursor: pointer;

}



.calendar-container .week {

  overflow: hidden;

}



.calendar-container .week.highlight {

  background: #efefef;

}



/* weekend */

.calendar-container .week .day:first-child, 

.calendar-container .week .day:last-child {

  /*color: orange;*/

}



/* sunday */

.calendar-container .week .day:first-child {

  /*color: red;*/

}



.calendar-container .day {

  display: inline-block;

  float: left;

  width: 14.28%;

  text-align: center;

  cursor: pointer;

  box-sizing: border-box;

}



.calendar-container .day.disabled span {

  color: #AAA;

}



/* vertical highlight */

.calendar-container .week .day.highlight span {

  /*color: blue;*/

}



.calendar-container .day.selected span {

  /*background: orange;*/

}



.calendar-container .day.today span {

  font-weight: bold;

}



.calendar-container .months-container.hidden, 

.calendar-container .weeks-container.hidden {

  display: none;

}



.calendar-container .months-wrapper {

  overflow: hidden;

}



.calendar-container .months-wrapper .month {

  display: inline-block;

  float: left;

  width: 25%;

  text-align: center;

  cursor: pointer;

}

.calendar-container .months-wrapper .month.one-third {

  width: 33.33%;

}











/* Style for the previous and next arrows */

.slick-prev,

.slick-next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 9999;

  width: 20px;

  height: 20px;

  background-color: rgba(0, 0, 0, 0.0);

  border: none;

  color: #006BBF;

  font-size: 18px;

  cursor: pointer;

}



/* Style for the previous arrow */

.slick-prev {

  left: 10px; /* Adjust left position as needed */

}



/* Style for the next arrow */

.slick-next {

  right: 10px; /* Adjust right position as needed */

}



.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {

    color: white;

    outline: 0;

    background: #dede d;

}



.day:hover {

  background-color: #f2f2f2;

}



.selected {

/*  background-color: #4285f4;*/

  background-color: #c9ddff;

  color: #fff;

}



.today{

	background: #6868c5;

	color: #fff !important;

}

.today:hover {

	background-color: #5757c5;

}



.min-price{

	background: yellow;

	/* color: #fff !important; */

}

/* .min-price:hover {

	background-color: #539d53;

} */

.available {

	line-height: 1.25;

}

.price-label {

	font-weight: bold;

}



.max-price{

/*	background: red;*/

	background: #ffc2c2;

}

.max-price:hover {

	background-color: #ffa1a1;

}



.calander {

	display: flex;

	flex-wrap: nowrap;

	overflow-x: auto;

}



.calander {

	flex: 0 0 auto;

	width: 200px;

	height: 200px;

	background-color: lightblue;

	margin-right: 10px;

}



@media screen and (max-width: 768px) {

	.calander {

		width: 100px;

		height: 100px;

	}

}



div#calendar,

.calander_container .slick-slide {

	margin: 1rem;

	text-align: center;

}





.calander_container .month_name {

	text-align: left;

	color: #006BBF;

	font-size: 18px;

	margin: 0 0 1rem 1rem;

}

.calander_container {

	margin: 0;

}

.calander_container .calendar-table {

	margin-bottom: 0;

}

.calander_container .calendar-table tr td {

	font-size: 11px;

	color: #777;

	border-radius: 4px;

	padding: 2px;

	text-align: center;

	line-height: 1.4;

}

.calander_container .calendar-table tr td div {

	padding: 0;

}

.calander_container .calendar-table tr th {

	font-size: 8px;

	color: #777;

	font-weight: bold;

	text-align: center;

	padding-bottom: 0.5rem;

	padding-top: 0.5rem;

}

.calander_container .slick-prev, 

.calander_container .slick-next {

	cursor: pointer;    

    font-size: 9px;

    border-radius: 20px;

}

.calander_container .slick-next:focus, 

.calander_container .slick-next:hover, 

.calander_container .slick-prev:focus, 

.calander_container .slick-prev:hover {

	color: #fff;

	background-color: #fff;

}

.calendar_wrap {

	border: 1px dashed #b9b9b9;

	border-radius: 10px 10px 0 0;

	position: relative;

	margin: 1rem;

}

.calendar_wrap .calendar_header {

	background-color: #F6F6F6;

	padding: 0.75rem;

	border-radius: 10px 10px 0 0;

	border-bottom: 1px solid #ccc;

}

.calendar_wrap .calendar_header .current_month {

	width: 140px;

	color: #006BBF;

	margin: 0 auto;

	font-size: 14px;

	font-weight: bold;

	text-align: center;

}



/*Slick Arrows*/

.calander_container .slick-prev, 

.calander_container .slick-next {

	position: absolute;

	top: -22px;

	overflow: hidden;

	z-index: 0;

}

.calander_container .slick-next:before, 

.calander_container .slick-prev:before {

	color: #006BBF;

}

.calander_container .slick-prev {

	left: calc(50% - 100px);

}

.calander_container .slick-next {

	right: calc(50% - 100px);

}









@media screen and (max-width: 640px) {

	div#calendar, .calander_container .slick-slide {

		margin-left: 20px;

		margin-right: 20px;

	}

}