/**
	attendance skin css
*/

.wrapmemo {}
.wrapmemo input {width:400px; height:38px; padding:0 10px; border:1px solid #ddd; outline:none; background:none; border-radius:0;}
.point_info {overflow:hidden; margin-bottom:20px; text-align:center;}
.point_info button {background:none; border:none; color:#666; font-size:13px;}
.wrapmemo {text-align:center; background-color: #fff;border: 1px solid #ddd;padding: 20px !important;border-radius:1px;overflow: hidden;}
.wrapmemo ul {display:inline-block;}
.wrapmemo li {float:left; box-sizing:border-box; overflow:hidden;}
.desc {font-size:12px; color:#ff7916; font-weight:400; margin-top:15px; letter-spacing:-1px;}
.date-navigation {text-align: center;margin-bottom: 15px; height:50px;}
.date-navigation li {cursor:pointer; float:left; width:25px;  text-align:center; background:#fff; position:relative;}
.date-navigation li:first-child {width:102px; background:#999;}
.date-navigation li:first-child dt {color:#fff; border:none; font-size:12px; text-align:left; padding-left:10px;}
.date-navigation li:first-child dd {color:#fff; border:none; font-size:12px; text-align:left; padding-left:10px;}
.date-navigation li:first-child dd .point {color:#ffe216;}
.date-navigation li dt {height:25px; line-height:25px;overflow:hidden; color:#999; font-size:13px; font-weight:400; border:1px solid #999; border-left:0;}
.date-navigation li dd {height:25px; line-height:25px; overflow:hidden; color:#ff7916; font-size:14px; font-weight:400; border:1px solid #999; border-top:0; border-left:0;}
.selected-date {text-align:center; margin-top:20px; font-size:18px; font-weight:600;}
.alert-point-policy {display:none; }
.view_policy {margin-top:7px;}
.ok_btn {background:#ff7916; color:#fff; font-weight:500; font-size:14px; text-align:center; height:38px; line-height:38px; width:110px; border:none; outline:none; margin-left:10px;}
.refresh {border:1px solid #ddd; border-left:0; background:none; width:38px; height:38px; line-height:38px; border-radius:0;}
#viewattendance {margin-top:10px; border-top:2px solid #000;}
.today {background:rgba(0,0,0,0.9); color:#ff7916; padding:0 4px; font-size:7px; border-radius:4px 4px 0 4px; position:absolute; top:-16px; left:-10px; z-index:1;}


@media (max-width: 1170px) {
	.video_banner {display:none;}
	.selected-date {font-size:16px;}
	.date-navigation li:first-child {width:100%; }
	.date-navigation li:first-child dt {float:left; width:50%; text-align:center;}
	.date-navigation li:first-child dd {float:left; width:50%; text-align:center;}
	.date-navigation li {width:10%;}
	.date-navigation li dt {border-top:0;}
	.wrapmemo li {width:80%;}
	.wrapmemo li:nth-child(3) {width:20%;}
	.wrapmemo li:nth-child(4) {width:100%; }
	.wrapmemo li .refresh {border-left:1px solid #ddd;}
	.wrapmemo input {width:100%;}
	.ok_btn {width:100%; margin-left:0; margin-top:10px;}
}