#datepicker_legend{
	padding: 10px;
}

 #datepicker_legend_days, #datepicker,.calendar-legend-container{
	padding: 0 10px;
}

#datepicker .day
{
	display: inline-block;
    width: 14.285%;
	height: 45px;
	border: 1px solid #eee;
	vertical-align: top;
	padding:2px;
	cursor: pointer;
	position: relative;
	font-size: 12px;
}

#datepicker .fix{
	display: inline-block;
    width: 14.285%; 
	height: 45px;
	vertical-align: top;
	border-bottom: 0px;
	padding:5px;
	cursor: pointer;
	position: relative;
	font-size: 12px;
	visibility: hidden;
}

#datepicker .blank{
   visibility: hidden;
}

#datepicker .day.simple{
	background-color: #c9e8c9;
}

#datepicker .day.ranged{
	background-color:#aacbaa
}

#datepicker .day.highlight{
 	background: #3f51b5 !important;
    color: #fff !important;
}
#datepicker .day.dp-range-end:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 0;
	border-color: transparent #3e3579 transparent transparent;
	position: absolute;
	right:0;
	top: 0;
	z-index: 3;
}
#datepicker .day.dp-range-start:before, .modal-calendar #datepicker .day:hover:before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 0 20px;
	border-color: transparent transparent transparent #3e3579;
	position: absolute;
	left:0;
	bottom: 1px;
	z-index: 3;
}
#datepicker .day.dp-range-end:hover:before{
	display: none;
}
#datepicker .day:hover{
	background: #40a350 !important;
}
#datepicker {
    margin: 0 auto;
}

#datepicker_legend_days{
    margin: 0 auto;
}

#datepicker_legend_days > div{
	display: inline-block;
	width: 100%;

	}

#datepicker_legend
{
	display: table;
	padding:  10px;
	width: 100%;

}

#datepicker_legend_days
{
	display: table;
	width: 100%;

}


#datepicker_legend_days .legend_day
{
	display: inline-block;
	width: 14.285%;
	vertical-align: top;
	padding:5px;
	cursor: pointer;
	position: relative;
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
}
#datepicker_legend_clone
{
	display: block;
	padding: 20px 0;
	width: 100%;
	overflow: hidden;
}

#datepicker_legend .month_left_btn, #datepicker_legend_clone .month_left_btn{
	float: left;
}

#datepicker_legend .month_right_btn,  #datepicker_legend_clone .month_right_btn{
	float: right;
}

.month_left_btn, .month_right_btn{
	line-height: 1.8em;
	font-family: 'Lato';
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.month_left_btn div, .month_right_btn div{
	display: inline;
}
.month_left_btn span, .month_right_btn span{
	margin-left: 10px;
	color: #aaa;
}
.month_left_btn:before{
	content: '\e802';
    background-color: #3f51b5;
    background-position: center center;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "fontello";
    font-size: 0.8em;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding-left: 4px;
    position: relative;
    width: 20px;
}

.month_right_btn:after{
	content: '\e804';
    background-color: #3f51b5;
    background-position: center center;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "fontello";
    font-size: 0.8em;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    padding-left: 4px;
    position: relative;
    width: 20px;
}


/* =======  CENY  ======== */

.day> i {
  bottom: 2px;
  font-size: 10px;
  font-style: normal;
  left: 5px;
  position: absolute;
  z-index: 3;
}


.highlight > i{
	color: #fff;
}


i.dp-label-start, i.dp-label-end {
	display: none;
}
.modal-container .dp-range-start i.dp-label-start, .modal-container .dp-range-end i.dp-label-end {
	display: block;
}
/* ----- LEGEND ---- */

.calendar-legend-container{
	margin: 15px 0;
	clear: both;

}
.calendar-legend-container > div{
	padding: 0;
}

.calendar-legend-container div:first-child{
	font-size: 12px;
}
.calendar-legend-container span
{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin: 0 5px;
	position: relative;
	top: 3px;
}

.calendar-legend-disabled{
	border: 1px solid #ddd;
}
.calendar-legend-enabled{
	background: #c9e8c9;
}

.calendar-legend-choosen{
	background: #3f51b5;
}
#calendar_legend{
	display: table;
	width: 100%;
}
.day > i.dp-label-price{
	white-space: nowrap;
	left:2px;
	font-size: 9px;
}
#datepicker_legend_days > div:first-child{
	display: none;
}


@media (min-width: 650px) {
 #datepicker_legend_days, #datepicker,.calendar-legend-container{
	padding: 0 20px;
}
#datepicker_legend{
	padding: 20px;
}

	#datepicker_legend_days > div{
		width:50%;
	}
	#datepicker_legend_days > div:first-child{
		display: inline-block;
	}

	#datepicker_legend_clone{
		display: none;

	}
	  #datepicker .day{
	  	padding: 5px;
	  	
	  }	
  .dp-label-price{
		left:5px;
		font-size: 10px;
	}
  #datepicker {

		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;

		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
	}

}