.zdcalendar{width: 100%;height: 100%;overflow: hidden;}
.zdcalendar .calendar-Time-header{text-align: center;width: 100%; height: 8%;line-height: 400%;font-weight: bold;}
.zdcalendar .calendar-TimeH{font-size: 16px;}
.zdcalendar .calendar-lastMonth{width: 50px;font-size: 16px;margin-right: 10%;padding: 0 5px;cursor: pointer;text-align: center;}
.zdcalendar .calendar-nextMonth{text-align: center;margin-left: 10%;font-size: 16px;padding: 0 5px;cursor: pointer;}
.zdcalendar .calendar-backToToday{text-align: center;font-size: 15px;position: absolute;left: 10px;cursor: pointer;}
.zdcalendar .calendar-close{text-align: center;font-size: 15px;position: absolute;right: 10px;cursor: pointer;}
 
.zdcalendar .calendar-row:before,.calendar-row:after {display: table;content: ' ';}
.zdcalendar .calendar-row:after {clear: both;}
 
.zdcalendar .calendar-content{display: block; width: 100%;height: 92%;}
.zdcalendar .calendar-header{color: gray;font-size: 18px;width: 100%;height: 10%;}
.zdcalendar .calendar-day{width: 100%;height: 90%}

.zdcalendar .calendar-header .calendar-col{width: 14.2%;height: 100%;position: relative;float: left;cursor: pointer;border-radius: 50%;}
.zdcalendar .calendar-day .calendar-col{width: 14.2%;height: 14%;line-height: 400%;  position: relative;float: left;cursor: pointer;}
.zdcalendar .calendar-day .calendar-col .dayValue{width: 50px;height: 50px; line-height: 50px; border-radius: 50%;margin: 0 auto;}
 
.zdcalendar .calendar-day .calendar-active .dayValue{width: 50px;height: 50px;line-height: 50px;border-radius: 50%;margin: 0 auto;background-color: #e6e6e6;}
 
.zdcalendar .aligncanter{text-align: center;font-size: 18px;}

.zdcalendar .calendar-range {background-color: #D9D9D9;}
.zdcalendar .ClearBoth {clear: both;}
.zdcalendar .calendar-col-nextMonth{color:gainsboro;font-size: 18px;font-weight: bold;}
.zdcalendar .calendar-col-lastMonth{color:gainsboro;font-size: 18px;font-weight: bold;}
.zdcalendar .calendar-col .dayValue{text-align: center;color: #000;font-size: 18px;font-weight: bold;}
.zdcalendar .calendar-day-6-7{color: gray;font-size: 18px;}
.zdcalendar .week{font-size: 16px;}
 
.zdcalendar .calendar-today .dayValue {background-color: #2a97fe;color:#fff;}
.zdcalendar .calendar-today .dayValue{color: #fff;}
.zdcalendar .calendar-today .calendar-day-6-7{color: #fff;}
.zdcalendar .calendar-point{color: red;}
 
.under_line{position: relative;}
.under_line:before,.under_line:after{position: absolute;content: " ";height: 1px;width: 100%;left: 0;transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.under_line:after{bottom: 0;border-bottom: 1px solid gainsboro;}