.datetimepicker{background:#FFFFFF;border-bottom:1px solid #BBBBBB;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;color:#333333;font-family: 'sinkin-sans400-regular', "Arial", sans-serif!important;padding:8px;padding-left:0px;padding-top:2px;position:absolute;z-index:99;-moz-box-sizing:border-box;box-sizing:border-box;display:none; border-radius:4px;-webkit-box-shadow:2px 2px 3px 0px rgba(50, 50, 50, 0.22);-moz-box-shadow:2px 2px 3px 0px rgba(50, 50, 50, 0.22);box-shadow:2px 2px 3px 0px rgba(50, 50, 50, 0.22); z-index:800}
.datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:none;}
/*For IE8 or lower*/
.datetimepicker button{border:none !important;}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.noselect::selection{background:transparent;}
.noselect::-moz-selection {
background:transparent;
}
.datetimepicker.inline{display:inline-block;position:static;box-shadow:none;}
.datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0px;margin:0px;}
.datetimepicker .datepicker,
.datetimepicker .timepicker{display:none;}
.datetimepicker .datepicker.active,
.datetimepicker .timepicker.active{display:block;}
.datetimepicker .datepicker{width:224px;float:left;margin-left:8px;}
.datetimepicker.showweeks .datepicker{width:256px;}
.datetimepicker .timepicker{width:80px;float:left;text-align:center;margin-left:8px;margin-top:0px;}
.datetimepicker .datepicker.active+.timepicker{margin-top:8px;margin-bottom:3px }
.datetimepicker .mounthpicker{position:relative;text-align:center;}
.datetimepicker .prev,
.datetimepicker .next,
.datetimepicker .today_button{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');}
.datetimepicker .prev{float:left;background-position:-20px 0px;}
.datetimepicker .today_button{float:left;background-position:-70px 0px;margin-left:5px;}
.datetimepicker .next{float:right;background-position:0px 0px;}
.datetimepicker .next:active,
.datetimepicker .prev:active{}
.datetimepicker .next,
.datetimepicker .prev,
.datetimepicker .today_button{background-color:transparent;background-repeat:no-repeat;border:0px none currentColor;cursor:pointer;display:block;height:30px;opacity:0.5;outline:medium none currentColor;overflow:hidden;padding:0px;position:relative;text-indent:100%;white-space:nowrap;width:20px;}
.datetimepicker .timepicker .prev,
.datetimepicker .timepicker .next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px;}
.datetimepicker .timepicker .prev{background-position:-40px 0px;margin-bottom:7px;margin-top:0px;}
.datetimepicker .timepicker .time_box{height:151px;overflow:hidden;border-bottom:1px solid #DDDDDD;}
.datetimepicker .timepicker .time_box >div >div{background:#F5F5F5;border-top:1px solid #DDDDDD;color:#666666;font-size:12px !important;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0px;height:25px;line-height:25px;}
.datetimepicker .timepicker .time_box >div > div:first-child{border-top-width:0px;}
.datetimepicker .today_button:hover,
.datetimepicker .next:hover,
.datetimepicker .prev:hover{opacity:1;}
.datetimepicker .label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px!important;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer; color:#000}
.datetimepicker .label:hover{text-decoration:underline;}
.datetimepicker .label > .select{border:1px solid #ccc;position:absolute;right:0px;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden;}
.datetimepicker .label > .select.monthselect{right:-7px;}
.datetimepicker .label > .select.yearselect{right:2px;}
.datetimepicker .label > .select > div > .option:hover{color:#fff;background:#666;}
.datetimepicker .label > .select > div > .option{padding:2px 10px 2px 5px;}
.datetimepicker .label > .select > div > .option.current{background:#333;box-shadow:#000 0px 1px 3px 0px inset;color:#fff;font-weight:700;}
.datetimepicker .date.current{background:#333;box-shadow:#000 0px 1px 3px 0px inset;color:#fff;font-weight:700;}


.datetimepicker .month{width:90px;text-align:right;}
.datetimepicker .calendar{clear:both;}
.datetimepicker .year{width:56px;}
.datetimepicker .calendar table{border-collapse:collapse;width:100%;}
.datetimepicker .calendar td > div{padding-right:5px;}
.datetimepicker .calendar th{height:25px;}
.datetimepicker .calendar td,
.datetimepicker .calendar th{width:14.2857142%;background:#F5F5F5;border:1px solid #DDDDDD;color:#666666;font-size:12px!important;text-align:right;padding:0px;border-collapse:collapse;cursor:pointer;height:25px;}
.datetimepicker.showweeks .calendar td,
.datetimepicker.showweeks .calendar th{width:12.5%;}
.datetimepicker .calendar th{background:#F1F1F1;}
.datetimepicker .calendar td.today{color:#33AAFF;}
.datetimepicker .calendar td.default,
.datetimepicker .calendar td.current,
.datetimepicker .timepicker .time_box >div >div.current{background:#333;box-shadow:#000 0px 1px 3px 0px inset;color:#fff !important;font-weight:700;}
.datetimepicker .calendar td.current > div{color:#fff !important;}
.datetimepicker .calendar td.other_month,
.datetimepicker .calendar td.disabled,
.datetimepicker .time_box >div >div.disabled{opacity:0.5;}
.datetimepicker .calendar td.other_month.disabled{opacity:0.2;}
.datetimepicker .calendar td:hover,
.datetimepicker .timepicker .time_box >div >div:hover{color:#fff !important;background:#666 !important;box-shadow:none !important;}
.datetimepicker .calendar td.disabled:hover,
.datetimepicker .timepicker .time_box >div >div.disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important;}
.datetimepicker .calendar td.disabled:hover div,
.datetimepicker .timepicker .time_box >div >div.disabled:hover div{color:#666!important;}
.disabled{cursor:not-allowed !important;}
.datetimepicker .calendar td:hover div,
.datetimepicker .timepicker .time_box >div >div:hover div{color:#fff !important;}
.datetimepicker .calendar th{font-weight:700;text-align:center;color:#999;cursor:default;}
.datetimepicker .copyright{color:#ccc !important;font-size:10px!important;clear:both;float:none;margin-left:8px;}
.datetimepicker .copyright a{color:#eee !important;}
.datetimepicker .copyright a:hover{color:#aaa !important;}
.time_box{position:relative;border:1px solid #ccc;}
.scrollbar >.scroller{background:#ccc !important;height:20px;border-radius:3px;}
.scrollbar{position:absolute;width:7px;right:0px;top:0px;bottom:0px;cursor:pointer;}
.scroller_box{position:relative;}