body.show-calendar {overflow-y:hidden;}
.datepicker-calendar abbr {text-decoration:none;}
.datepicker-calendar {position:fixed; left:50%; top:50%; margin-left:-250px; margin-top:-135px; width:500px; border:1px solid #999; background-color:#fff; z-index:9000;}
.datepicker-calendar.after {position:absolute; left:0; top:2.5rem; margin-left:0; margin-top:0;}
.datepicker-month-wrap {position:relative; text-align:center; height:2rem;}
.datepicker-month-fast-prev {position:absolute; left:0; top:0; width:2rem; height:2rem; border:1px solid #ccc; box-sizing:border-box;}
.datepicker-month-fast-next {position:absolute; right:2rem; top:0; width:2rem; height:2rem; border:1px solid #ccc; box-sizing:border-box;}
.datepicker-month-prev {position:absolute; left:2rem; top:0; width:2rem; height:2rem; border:1px solid #ccc; box-sizing:border-box;}
.datepicker-month-next {position:absolute; right:4rem; top:0; width:2rem; height:2rem; border:1px solid #ccc; box-sizing:border-box;}
.datepicker-month {height:2rem; line-height:2rem;}
.datepicker-grid {width:100%;}
.datepicker-grid thead th {text-align:center; padding:0.5rem; border:1px solid transparent; box-sizing:border-box;}
.datepicker-grid tbody td {text-align:center; padding:0.5rem; border:1px solid transparent; box-sizing:border-box;}
.datepicker-grid tbody td.focus {border:1px solid orangered; background-color:#eee;}
.datepicker-grid tbody td.cur-day.focus {border:1px solid orangered; background-color:orangered;}
.datepicker-grid tbody td.empty {color:#ccc;}
.datepicker-grid tbody td.disabled,
.datepicker-grid tbody td.disabled-over {color:#ccc;}
.datepicker-grid tbody th:nth-of-type(1),
.datepicker-grid tbody th:nth-of-type(2),
.datepicker-grid tbody th:nth-of-type(3),
.datepicker-grid tbody th:nth-of-type(4),
.datepicker-grid tbody th:nth-of-type(5),
.datepicker-grid tbody th:nth-of-type(6) {width:14.3%;}
.datepicker-grid tbody th:nth-of-type(7) {width:14.2%;}

.datepicker-grid tbody td.month {width:25%; padding-top:2rem; padding-bottom:2rem;}
.datepicker-grid .cur-month {background-color:orangered; color:#fff;}
.datepicker-grid tbody td.month.focus {border:1px solid orangered; background-color:#eee;}
.datepicker-grid tbody td.month.cur-month.focus {border:1px solid orangered; background-color:orangered;}

.datepicker-close {position:absolute; top:0; right:0; right:0; width:2rem; height:2rem;}
.datepicker-grid .cur-day {background-color:orangered; color:#fff;}
.datepicker-calendar [role=gridcell],
.datepicker-calendar *[role=button] {cursor:pointer;}
.calendar-black-bg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity=50); z-index:8000;}

@media screen and (min-width:320px) and (orientation:portrait) {
	.datepicker-calendar {width:300px; margin-left:-150px;}
}
@media screen and (min-width:360px) and (orientation:portrait) {
	.datepicker-calendar {width:350px; margin-left:-175px;}
}
@media screen and (min-width:411px) and (orientation:portrait) {
	.datepicker-calendar {width:350px; margin-left:-175px;}
}
@media screen and (min-width:768px) {
	.datepicker-calendar {width:500px; margin-left:-250px;}
}
@media screen and (min-width:568px) and (orientation:landscape) {
	.datepicker-calendar {width:400px; margin-left:-200px;}
}
@media screen and (min-width:640px) and (orientation:landscape) {
	.datepicker-calendar {width:400px; margin-left:-200px;}
}
@media screen and (min-width:731px) and (orientation:landscape) {
	.datepicker-calendar {width:400px; margin-left:-200px;}
}



.datepicker-calendar {width:300px;}
.datepicker-calendar.after {top:27px; padding:10px; border-radius:3px; border:1px solid rgba(0,0,0,0.2); background-color:#f4f7fa; }
.datepicker-grid tbody td {padding:2px;}
.datepicker-month-wrap .pull-left,
.datepicker-month-wrap .pull-right {display:flex; justify-content:center; align-items:center; border-radius:3px; background-color:#fff;}
.datepicker-grid tbody td.cur-day.focus {background-color:#0085c7; border:1px solid #0085c7;}
.datepicker-grid tbody td.focus {border:2px solid #0085c7; box-sizing:border-box;}
.datepicker-grid .cur-day {background-color:#0085c7;}
.datepicker-close {top:10px; right:8px;}
.datepicker-month-wrap + .datepicker-grid {margin-top:5px;}