.xdsoft_datetimepicker{position:absolute;z-index:9999;font-family:Arial,Helvetica,sans-serif;font-size:12px;background:#fff;color:#333;border:1px solid #ccc;display:none;padding:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);}/* header */.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:32px;height:28px;text-align:center;cursor:pointer;} .xdsoft_datetimepicker .xdsoft_calendar th{font-weight:bold;} .xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{background:#e6f2ff;} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#fff;background:#1e88e5;} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current{color:#fff;background:#1976d2;} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled{color:#bbb;cursor:default;background:#f7f7f7;} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month{color:#bbb;} .xdsoft_datetimepicker .xdsoft_nav{width:100%;height:20px;line-height:20px;margin-bottom:6px;} .xdsoft_datetimepicker .xdsoft_nav button{background:none;border:0;cursor:pointer;padding:0 6px;color:#444;} .xdsoft_datetimepicker .xdsoft_label{cursor:pointer;} /* timepicker */ .xdsoft_datetimepicker .xdsoft_timepicker{float:right;width:70px;margin-left:6px;border-left:1px solid #e0e0e0;padding-left:6px;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:150px;overflow:auto;border:1px solid #e0e0e0;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{height:28px;line-height:28px;text-align:center;border-bottom:1px solid #f0f0f0;cursor:pointer;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{color:#fff;background:#1976d2;} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled{color:#bbb;cursor:default;background:#f7f7f7;} /* month/year select */ .xdsoft_datetimepicker .xdsoft_month{padding:0 4px;} .xdsoft_datetimepicker .xdsoft_year{padding:0 4px;} /* footer */ .xdsoft_datetimepicker .xdsoft_today_button,.xdsoft_datetimepicker .xdsoft_clear_button{margin-top:6px;display:inline-block;padding:4px 8px;border:1px solid #ccc;background:#fafafa;cursor:pointer;} .xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_clear_button:hover{background:#f0f0f0;} /* reset floats */ .xdsoft_datetimepicker:after{content:"";display:block;clear:both;}