@charset "utf-8";
/* CSS Document */

.calendar{
	width:100%;
	height:330px;
	font-family: 'Lato',sans-serif;
	margin:auto;
	padding-top:10px;
	background-color:#fff;
}

.calendar .header_control{
	position:relative;
	display: block;
	padding-left:15px;
	padding-right:15px;
	font-size:15px;
	height:25px;
	margin-bottom:30px;
}

.calendar .header_control .prev_btn{
	position:relative;
	display: inline-block;
	float:left;
	width:30px;
	text-align: center;
	font-size:20px;
	vertical-align: top;
	cursor:pointer;
	color:#1cbbb6;
}

.calendar .header_control .month_name{
	position: relative;
	display:inline-block;
	width:calc(100% - 60px);
	text-align: center;
	font-size:16px;
	font-weight: bold;
	color:#383838;
}

.calendar .header_control .nxt_btn{
	position:relative;
	display: inline-block;
	float:right;
	width:30px;
	text-align: center;
	font-size:20px;
	vertical-align: top;
	cursor:pointer;
	color:#1cbbb6;
}


.calendar div.calendar_main{
	position: relative;
	display: block;
	width:100%;
	height:calc(100% - 55px);
	overflow: hidden;
}

.calendar div.calendar_main cal_row{
	position:relative;
	display:block;
	width:100%;
	height:calc((100% - 25px) / 6);
	box-sizing: border-box;
	float:left;
}

.calendar div.calendar_main cal_row.day_name{
	border-bottom:1px solid #ccc;
	height:calc(25px);
	font-weight: bold;
	color:#383838;
}

.calendar div.calendar_main cal_row.day_name cal_cell{
	text-align: center;
	padding:auto;
	cursor: default;
}

.calendar div.calendar_main cal_row.day_name cal_cell:hover{
	background-color: transparent;
}

.calendar div.calendar_main cal_row cal_cell{
	position:relative;
	display:block;
	width:calc((100%) / 7);
	height:100%;
	margin:auto;
	padding:0px;
	float:left;
	text-align:center;
	cursor:pointer;
}

.calendar div.calendar_main cal_row cal_cell p{
	position:absolute;
	display: block;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	margin:auto;
}

.calendar div.calendar_main cal_row cal_cell.active{
	color:#1cbbb6;
	font-weight: bold;
}

.calendar div.calendar_main cal_row cal_cell.actual{
	background-color:rgba(200,200,200,0.5);
	color:#1cbbb6;
	font-weight: bold;
}


.calendar div.calendar_main cal_row cal_cell:hover{
	background-color:rgba(200,200,200,0.5);
}

.calendar div.calendar_main cal_row cal_cell.empty:hover{
	background-color:transparent;
	cursor:default;
}