#selectDate {position: relative;}
#showDate {position:absolute;right: 0 !important;top: 36px !important;left: auto !important;}
#showDate a:link {font-size: 28px}
.calendar {width: 210px;height: 297px;overflow: hidden;top: 200px !important;}
.calendar-modal {display: none;position: absolute;background: #fdfdfd;border: 1px solid #e8e8e8;box-shadow: 1px 2px 3px #ddd}
.calendar-inner {position: relative;z-index: 1;-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;-ms-transform: perspective(1000px);-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;}
.calendar-views {transform-style: preserve-3d;}
.calendar .view {backface-visibility: hidden;position: absolute;top: 0;left: 0;*overflow: hidden;-webkit-transition: .6s;transition: .6s;}
.calendar-d .view-month,.calendar-m .view-date {transform: rotateY(180deg);visibility: hidden;z-index: 1;}
.calendar-d .view-date,.calendar-m .view-month {transform: rotateY(0deg);visibility: visible;z-index: 2;}
.calendar-ct,.calendar-hd,.calendar-views .week,.calendar-views .days {overflow: hidden;}
.calendar-views {width: 100%;}
.calendar .view,.calendar-display,.calendar-arrow .prev,.calendar .date-items li {float: left;}
.calendar-arrow,.calendar-arrow .next {float: right;}
.calendar-hd {padding: 10px 0;height: 30px;line-height: 30px;}
.calendar-display {font-size: 28px;text-indent: 10px;}
.view-month .calendar-hd {padding: 10px;}
.calendar-arrow,.calendar-display {color: #ddd;}
.calendar li[disabled] {color: #bbb;}
.calendar li.old[disabled],.calendar li.new[disabled] {color: #eee;}
.calendar-display .m,.calendar-views .week,.calendar-views .days .old,.calendar-views .days .new,.calendar-display:hover,.calendar-arrow span:hover {color: #888;}
.calendar-arrow span,.calendar-views .days li[data-calendar-day],.calendar-views .view-month li[data-calendar-month] {cursor: pointer;}
.calendar li[disabled] {cursor: not-allowed;}
.calendar-arrow {width: 50px;margin-right: 10px;}
.calendar-arrow span {font: 500 26px sans-serif;}
.calendar ol li {position: relative;float: left;text-align: center;border-radius: 50%;}
.calendar .week li,.calendar .days li {width: 30px;height: 30px;line-height: 30px;}
.calendar .month-items li {width: 60px;height: 60px;line-height: 60px;}
.calendar .days li[data-calendar-day]:hover,.calendar .view-month li[data-calendar-month]:hover {background: #eee;}
.calendar .calendar-views .selected {color: #fff;background: #FF808E !important;}
.calendar .calendar-views .now {color: #FF808E;background: #CDE9D9 !important;}
.calendar .calendar-views .dot {position: absolute;left: 50%;bottom: 4px;margin-left: -2px;width: 4px;height: 4px;background: #FF808E;border-radius: 50%;}
.calendar-views .selected .dot {background: #fff;}
.calendar .date-items {width: 300%;margin-left: -100%;}
.calendar-label {display: none;position: absolute;top: 50%;left: 50%;z-index: 2;padding: 5px 10px;line-height: 22px;color: #fff;background: #000;border-radius: 3px;opacity: .7;filter: alpha(opacity=70);}
.calendar-label i {display: none;position: absolute;left: 50%;bottom: -12px;width: 0;height: 0;margin-left: -3px;border: 6px solid transparent;border-top-color: #000;}