@charset "utf-8";
/* date picker */
.dtlst{position:absolute; transform:translateY(0px); background-color:#fff; color:#333; font-size:12px; font-weight:normal; z-index:7778; right:0%;margin:32px 0 0; width:252px; box-shadow:0 0 6px 1px rgba(0,0,0,.2);}
.dtlst .dphed{ padding:0px; margin:0px; color:#fff; font-weight:normal; }
.dtlst .dphed > table > thead > tr > th > table > thead > tr > th, .dpy  th, .dpm th{ vertical-align:middle;text-align:center;  font-weight:normal; font-size:12px; background:#444444;}
.dtlst .dphed > table > thead > tr > th > table > thead > tr > th > table > thead > tr > th, .dpy th, .dpm th {text-align:center; font-weight:normal; line-height:36px; color:#fff; font-size:16px;}
.dtlst .dphed > table > thead > tr > th > table > thead > tr > th > table > thead > tr > th:first-child > div { color:#fff;font-style: normal;font-size: 12px; width:30px; height:30px; margin:auto; line-height:30px; border-radius:50%;}
.dtlst .dphed > table > thead > tr > th > table > thead > tr > th > table > thead > tr > th:nth-last-child(2) > div { color:#fff;font-style: normal;font-size: 12px; width:30px; height:30px; margin:auto; line-height:30px; border-radius:50%;}
.dtlst .dphed > table > thead > tr > th > table > thead > tr > th > table > thead > tr > th:first-child > div:hover, .dtlst .dphed > table > thead > tr > th > table > thead > tr > th > table > thead > tr > th:nth-last-child(2) > div:hover{background:#5b5b5b;}
.dtlst .dphed .dpt{color:#fff; cursor:pointer;}
.dtlst .dphed table{ border:0px;}
.dtlst .dphed td{ color:#333; font-weight:normal; font-size:14px; text-align:center;}
.dtlst .dphed .dph{ border-bottom:1px solid #777; cursor:inherit !important; padding:8px 0px;}
.dtlst .dphed .dpd{cursor:pointer; }
.dtlst .dphed .dpd, .dtlst .dphed .curt {width:36px; height:36px; line-height:36px; }
.dtlst .dphed .dpy > table > tbody > tr > td, .dtlst .dphed .dpm > table > tbody > tr > td {width:63px; height:40px; line-height:36px; }
.dtlst .dphed .curt > div, .dtlst .dphed .dpd > div:hover, .dpy > table > tbody > tr > td > div:hover, .dpy > table > tbody > tr > td > .curt, .dpm > table > tbody > tr > td > div:hover, .dpm > table > tbody > tr > td > .curt{margin:auto; width:36px; height:36px; line-height:36px; border-radius:50%; background:#5b5b5b; color:#fff;}
.dtlst .dphed .dpd > div:hover, .dpy > table > tbody > tr > td > div:hover, .dpm > table > tbody > tr > td > div:hover{background:#eee; color:#333; margin:auto;}
.dtlst .dpm, .dtlst .dpy{background-color:#fff; width:252px; z-index:111; position:absolute; top:18px; left:0px; height:90%; transform:translateX(-90deg);} 
.dtlst .dpm > table, .dtlst .dpy > table{ margin-top:-20px;}
.dtlst .dpm td, .dtlst .dpy td{ cursor:pointer;}
.dtlst .dpm input, .dtlst .dpy input{background:#eee !important; color:#666; border:1px solid #ccc !important; width:90%; margin:5%;}
.dtlst .dpy td > div > i{line-height:36px;}

/* time picker */
.dptlst{position:absolute; transform:translateY(0px); background-color:#fff; color:#333; font-size:12px; font-weight:normal; z-index:7778; right:0%;margin:32px 0 0; width:160px; box-shadow:0 0 6px 1px rgba(0,0,0,.2);}
.dptlst table { border-collapse:collapse; border-spacing:0px;}
.dptlst .dpthed { text-align:center; font-weight:normal; line-height:36px; color:#fff; font-size:16px; background:#444444; text-transform:uppercase; }
.dptlst .dpt {color:#fff; cursor:pointer;}
.dptlst .dpt td{ width:40px; height:40px; line-height:30px; color:#333; font-weight:normal; font-size:14px; text-align:center; padding:4px 0px;}
.dptlst .dpt td:hover{background:#eee; color:#333; margin:auto; border-radius:50%;}
.dptlst .dpt td b{display:none; /*display:inline-block;*/ padding-left:2px; font-size:11px; font-weight:normal;}
.dptlst .dpthed .active{border:0px; color:#999; padding:9px 0px 8px 0px; margin:0px;  width:50%; background:#444444; border-radius:0px !important;}
.dptlst .dpthed .inactive{color:#333; background-color:#fff; border:0px; padding:8px 0px; margin:0px; border-bottom:1px solid #fff; width:50%; border-radius:0px !important;}