@font-face {
  font-family: "OpenSans SemiBold";
  src: url("../fonts/OpenSansSemiBold/lEfuH97u.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

.calendar {
  margin-left: 2px;
  border: solid 1px #EBEBEB;
}

.calendar tr {

}

.calendar td {
  width: 47px;
  height: 23px;
  text-align: center;
  font-family: "OpenSans SemiBold";
  font-size: 12px;
}

.calendar .month:hover,
.active_month {
	background-color: #404040 !important; 
	color: #C3C3C3;
	cursor: pointer;

}

.calendar__head {

}
.calendar__head__arrow__left div {
	background-color: #404040;
	width:24px;
	height:100%;
	float:left;
	background-image: url(../img/left_arrow.png);
	background-repeat: no-repeat;
	cursor: pointer;
	    background-position: 9px 7px;

}

.calendar__head__arrow__left:hover div,
.calendar__head__arrow__right:hover div {
	background-color:#da6208;
}

.calendar__head__arrow__right div {
	background-color: #404040;
	width:24px;
	height:100%;
	float: right;
	background-image: url(../img/right_arrow.png);
	background-repeat: no-repeat;
	cursor: pointer;
	    background-position: 9px 7px;
}
.calendar__head__year {
	cursor: pointer;
}
.calendar__month {

}

.month {
	background-color: white;
}

.calendar__wrapper {
	height: 8px;
}

.calendar__wrapper td {
	height: 8px;
	background-color: white;
}