.xdsoft_datetimepicker{ box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); background: #FFFFFF; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; display: block; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; padding-left: 0px; padding-top: 2px; position: absolute; z-index: 9999; box-sizing: border-box; display:none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .xdsoft_datetimepicker.xdsoft_inline{ display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker *{ -moz-box-sizing: border-box; box-sizing: border-box; padding:0px; margin:0px; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker{ display:none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active{ display:block; } .xdsoft_datetimepicker .xdsoft_datepicker{ width: 224px; float:left; margin-left:8px; } .xdsoft_datetimepicker .xdsoft_timepicker{ width: 58px; float:left; text-align:center; margin-left:8px; margin-top:5px; } .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{ margin-top:15px; } .xdsoft_datetimepicker .xdsoft_mounthpicker{ position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAeCAYAAACR82geAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQzQ5MUVFRTJDRTkxMUUzODYyMUJDN0ExNzY5MEJFMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzQ5MUVFRDJDRTkxMUUzODYyMUJDN0ExNzY5MEJFMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZZiqAgAAAR5JREFUeNrs2W0OgjAMBmAnHJjoOZq8FzYTUAkfG9KuJFDaZD8MpoYHmG0JMcabxzLuTuAwDqMR9dlPIISQO0TtqtrVpA7+21troxe8Q3mMPjfsDJ3cmVcGJc4WuOdtDSaFksQphvn+WNHdthJQhFlDWeBowMQcTiEMPilUYLagTHC0YJI4BTD45VWA4aAMOJowCxwhDMY5D7t3MWEmOAIYzPNZghlwmDBI5bIG0+MwYJDLc1SYkl6pYnz3dbraWXjHQPAokfVHCQWbL1mFgcLfNVmDgWKBR4oFHgQFHmnBYIeWgBRbAg4OabUE2LGJJMUmEltRrjh2wBaUK8LkcOjqg6oUjmhkYnXm24wq7qdoyO5vIv29ksM4zI7xFmAAj1yMVcKZ+nYAAAAASUVORK5CYII='); } .xdsoft_datetimepicker .xdsoft_prev{ float: left; background-position:-20px 0px; } .xdsoft_datetimepicker .xdsoft_next{ float: right; background-position:0px 0px; } .xdsoft_datetimepicker .xdsoft_next:active,.xdsoft_datetimepicker .xdsoft_prev:active{ } .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev { 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; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{ float:none; background-position:-40px -15px; height: 15px; width: 30px; display: inline-block; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{ background-position:-40px 0px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{ height:150px; overflow:hidden; border-bottom:1px solid #DDDDDD; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{ background: #F5F5F5; border:1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: center; border-collapse:collapse; cursor:pointer; border-bottom-width:0px; height:25px; line-height:25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:last-child{ border-bottom-width:1px; } .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; } .xdsoft_datetimepicker .xdsoft_label{ display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float:left; width:182px; text-align:center; } .xdsoft_datetimepicker .xdsoft_month{ width:114px; text-align:right; } .xdsoft_datetimepicker .xdsoft_calendar{ clear:both; } .xdsoft_datetimepicker .xdsoft_year{ width:56px; } .xdsoft_datetimepicker .xdsoft_calendar table{ border-collapse:collapse; width:100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div{ padding-right:5px; } .xdsoft_datetimepicker .xdsoft_calendar th{ height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{ width:14.2857142%; text-align:center; background: #F5F5F5; border:1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; padding:0px; border-collapse:collapse; cursor:pointer; height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{ color:#33AAFF; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{ background: #33AAFF; box-shadow: #178FE5 0px 1px 3px 0px inset; color:#fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled{ opacity:0.5; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{ color: #fff !important; background: #ff8000 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{ color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th{ font-weight: 700; text-align: center; color: #999999; cursor:default; } .xdsoft_datetimepicker .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;} .xdsoft_datetimepicker .xdsoft_copyright a{ color:#eee !important;} .xdsoft_datetimepicker .xdsoft_copyright a:hover{ color:#aaa !important;}