.ui-cal-overlay{position:absolute;z-index:999;left:0;top:0;float:left;width:100%;height:100%;background:rgba(0,0,0,.7);display:none}
.ui-cal-panel-width{width:250px;overflow: hidden; margin: 0 auto;}
.ui-cal-panel{float:left;margin-top:60px;width:250px;height:197px;border-radius:3px;background:#f5f5f5}
.ui-cal-header{float:left;width:100%;height:36px;line-height:36px;border-bottom:2px solid #25b5ea;text-align:center;color:#25b5e9;font-size:14px}
.ui-cal-header.hour_only:after{content:'ʱ'}
.ui-cal-header.year_only:after{content:'Äê'}
.ui-cal-columns-width{width:195px}
.ui-cal-columns{float:left;margin:29px 0 0;width:195px;height:86px}
.ui-cal-columns.show_picker{margin:8px 0;height:auto}
.ui-cal-date-column {position:relative;float:right;height:100%}
.year{ width:44px;margin-right:33px }
.month{ width:44px;margin-right:30px }
.day{ width:44px}
.hour{width:25px;margin-right:10px}
.minute{width:25px;margin-right:70px}
.ui-cal-date-column.year:only-child{margin:0 75px}
.ui-cal-columns.year_month .year{margin-left:44px}
.ui-cal-date-column.hour:only-child{margin:0 85px}
.ui-cal-date-column.hour_minute .hour{margin:0 85px}

.ui-cal-date-column a{float:left;margin:0 4px;width:16px;height:8px;overflow:hidden;}
.ui-cal-date-column a:before{content:'';float:left;margin:3px 0 0 3px;width:10px;height:10px;background:#7e7e7e;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.ui-cal-date-column a:last-child:before{margin-top:-5px}

.ui-cal-date-column label{float:left;margin:15px 0;width:100%;height:36px;border:2px solid #4cc0ec;border-top:0;border-left:0;border-right:0;text-align:center}
.ui-cal-date-column label.show_picker{margin:0;height:34px;;border-top:2px solid #4cc0ec;}
.ui-cal-date-column span{float:left;width:100%;height:21px;line-height:21px;text-align:center;color:#ccc}
.ui-cal-date-column span:first-of-type{margin-top:5px}
.ui-cal-date-column span:last-of-type{margin-bottom:5px}
.ui-cal-date-column select{border:0;background:transparent;-webkit-appearance:transparent;-o-appearance:transparent;-moz-appearance:transparent;-ms-appearance:transparent}
.ui-cal-date-column select option{margin:0;padding:0}
.ui-cal-date-column.year select{width:44px;text-indent:5px}
.ui-cal-date-column.hour select{width:25px;text-indent:5px}
.ui-cal-date-column.minute select{width:25px;text-indent:5px}
.ui-buttons{float:left;width:100%;height:36px;line-height:36px;border-top:1px solid #dbdbdb;text-align:center}
.ui-buttons a{float:left;width:50%;color:black;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ui-buttons a:first-child{border-right:1px solid #dbdbdb}