.attendance_calendar{
	width: 100%;
	border-top: #EEE 1px solid;
}

.attendance_calendar .boxes .box{
	float: left;
	width: 14.2%;
	border-right: #EEE 1px solid;
	border-bottom: #EEE 1px solid;
	text-align: center;
}

.attendance_calendar .boxes .box.today{
	background: #EEF;
}

.attendance_calendar .boxes .box.dim{
	color: #CCC;
}

.attendance_calendar .boxes:first-child .box{
	padding: 1rem 0;
	font-size: 1rem;
	font-weight: bold;
}

.attendance_calendar .boxes .box:last-child{
	border-right: none;
	color: #FF4727;
}
.attendance_calendar .boxes .box:last-child.dim{
	color: #FFAD8D;
}

.attendance_calendar .boxes .box .ndate{
	padding: 0.3rem;
	text-align: right;
	font-size: 0.7rem;
}
.attendance_calendar .boxes .box .dd{
	padding: 0.3rem 0;
	font-size: 1.2rem;
}
.attendance_calendar .boxes .box .tspent{
	margin: 0.2rem;
	padding: 0.3rem;
	border-radius: 0.3rem;
	font-size: 0.6rem;
}
.attendance_calendar .boxes .box .tspent.green{
	background: #EEFBE8;
}
.attendance_calendar .boxes .box .tspent.red{
	background: #FFE8E4;
}
.attendance_calendar .boxes .box .tspent.white{
	background: #FFF;
}
.attendance_calendar .boxes .box .tspent.yellow{
	background: #FFF2D6;
}