.dhx_cal_prev_button {
background:none;
    width:10px;
    position:relative;
}    
.dhx_cal_prev_button:before {
    content: "\f053";
    font-family: FontAwesome;
    position:absolute;
    position:absolute;
    color:#6194ff;
    top:0;
    width:10px;
 }
 
 .dhx_cal_next_button {
background:none;
    position:relative;
    width:10px;
}    
.dhx_cal_next_button:before {
    content: "\f054";
    font-family: FontAwesome;
    position:absolute;
    color:#6194ff;
    top:0;
    width:10px;
 }

	.dhx_cal_date {
		width:auto !important;
	}

 
/* .dhx_cal_tab_standalone { */
/* 	left: 170px; */
/* } */



@media ( max-width : 320px) {

.dhx_cal_tab {
	font-size: 10px;
width: 30px;
}

.dhx_cal_today_button{
	font-size: 10px;
	width: 30px;
}


	.dhx_cal_date {
		font-size: 10px !important;
	}
}

/* Extra Small Devices, Phones */
@media ( min-width : 320px) and (max-width : 480px) {
.dhx_cal_today_button{
	font-size: 10px;
	width: 30px;
}

.dhx_cal_tab {
	font-size: 10px;
width: 30px;
}


	.dhx_cal_date {
		font-size: 10px !important;
	}
}

/* Small Devices, Tablets */
@media ( min-width : 480px) and (max-width : 768px) {

.dhx_cal_tab {
	font-size: 11px;
width: 30px;
}

.dhx_cal_today_button{
	font-size: 11px;
width: 30px;
}

	.dhx_cal_date {
		font-size: 12px !important;
	}
}

/* Medium Devices, Desktops */
@media ( min-width : 768px) and (max-width : 992px) {
.dhx_cal_tab {
	font-size: 11px;

}
.dhx_cal_today_button{
	font-size: 11px;
	width: 30px;
}

	.dhx_cal_date {
		font-size: 12px !important;
	}
}

/* Large Devices, Wide Screens */
@media ( min-width : 992px) and (max-width : 1200px) {
.dhx_cal_tab {
	font-size: 11px;
	width: 30px;

}
.dhx_cal_today_button{
	font-size: 11px;
	width: 30px;
}

	.dhx_cal_date {
		font-size: 12px !important;
	}
}

@media ( min-width : 1200px) {
.dhx_cal_tab {
	font-size: 11px;
	width: 30px;

}
.dhx_cal_today_button{
	font-size: 11px;
	width: 30px;
}


	.dhx_cal_date {
		font-size: 22px !important;
		width:100% !important;
	}
}

.absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #FFFFFF;
}

.modal-calendar-content {
	width: 100%;
	height: 80%;
}

#resizable {
	width: 350px;
	height: 450px;
	padding: 0.5em;
}

#resizable h3 {
	text-align: center;
	margin: 0;
}

.dhx_scheduler_month .dhx_marked_timespan {
	display: block;
}
/*  		 style to display special dates, e.g. holidays   */
.blocked {
	background-color: #fadcd3;
	text-align: center;
	font-size: 24px;
	opacity: 0.8;
	color: #e2b8ac;
}

.holiday {
	background-color: #fafad3;
	text-align: center;
	font-size: 24px;
	opacity: 0.8;
	color: #e2d9ac;
}

.locate_button {
	border: none;
	color: #FFF;
	background-color: #5B9BE0;
}