.xdsoft_datetimepicker{ box-shadow: 0px 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000000; border-bottom: 1px solid #444444; border-left: 1px solid #333333; border-right: 1px solid #333333; border-top: 1px solid #333333; color: #cccccc; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; padding-left: 0px; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display:none; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border:none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border:none !important; } .xdsoft_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; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .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_showweeks .xdsoft_datepicker{ width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker{ width: 58px; float:left; text-align:center; margin-left:8px; margin-top:0px; } .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{ margin-top:8px; margin-bottom:3px } .xdsoft_datetimepicker .xdsoft_mounthpicker{ position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gkRDgsOD4dcsgAAAhBJREFUaN7tmrFOHDEQhmcAnRQCTSQaXilAD/cEVyBIUqTiEYzMO/AAIHrKNDRICDokJGjpaBKFfGkMMsvu7a7t5TDySNbdeb2j8bfe32P7FJBiw9tcQVBAF9DF+ttC7h1Q1dp6wIjIvKruNlwvoGPNQf7+BLQJdpGORJCd7QC2gB4W8vuBDbQVE3HvVC0EbFcfbb4BQ7vZvrGnKl0a0QQ7BrSDTArQHSG/gB3yMGv6MAG+dRmIXUHXwg4N1INMgtHSB/Iz7FjQwFfP32ZK0K9ghwRagcxbv8Ix8uT1Yb3m4Y1Tgn4BO0BHbY2/rEADa1PelK2UoJ9h99RR2+ArG9AVuWiyzZSgcdrYNVg7xU8WoIGNHnPAuAo6Jo+e79H2MfP8fCIixzWXTkTkqKb+EPjZN3OITpFaUjDJoJwB58AvL+49j+G2V3/l2l7GSoeNmAxNpqDnXPxPoP8Co8qAfXDXboARoDHScRCzQaOqP0RkP8Mdwn/u64onhcse5JGI/HY/v6jqH1UlVDpswgWLSTiibcCCxQRmHfeej1Wvfqni/3No1mEHWIKbhEvwPrBN6BIcOAXugGtgxatfBC6AW/f5KQS0HXBTySTMcW1XyLPYVNLcT8H9ExY3KHYamu67OWImJywfaj/aTdQHbZDLxv8wsGcO+cOeGarqrpOGx/cAWUTy1+hcrPyvo4AuoIsF2H8FLf0jpJIACgAAAABJRU5ErkJggg=='); } .xdsoft_datetimepicker .xdsoft_prev{ float: left; background-position:-20px 0px; } .xdsoft_datetimepicker .xdsoft_today_button{ float: left; background-position:-70px 0px; margin-left:5px; } .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 ,.xdsoft_datetimepicker .xdsoft_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; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{ float:none; background-position:-40px -15px; height: 15px; width: 30px; display: block; margin-left:14px; margin-top:7px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{ background-position:-40px 0px; margin-bottom:7px; margin-top:0px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{ height:151px; overflow:hidden; border-bottom:1px solid #222222; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{ background: #0a0a0a; border-top:1px solid #222222; color: #999999; 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:first-child{ border-top-width:0px; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; } .xdsoft_datetimepicker .xdsoft_label{ display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #000; float:left; width:182px; text-align:center; cursor:pointer; } .xdsoft_datetimepicker .xdsoft_label:hover{ text-decoration:underline; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select{ border:1px solid #333; position:absolute; right:0px; top:30px; z-index:101; display:none; background:#000; max-height:160px; overflow-y:hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;} .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;} .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{ color: #000; background: #007fff; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option{ padding:2px 10px 2px 5px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{ background: #cc5500; box-shadow: #b03e00 0px 1px 3px 0px inset; color:#000; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month{ width:90px; 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%; background: #0a0a0a; border:1px solid #222222; color: #999999; font-size: 12px; text-align: right; vertical-align: middle; padding:0px; border-collapse:collapse; cursor:pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{ width:12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th{ background: #0e0e0e; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{ color:#cc5500; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{ background: #cc5500; box-shadow: #b03e00 0px 1px 3px 0px inset; color:#000; 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.xdsoft_other_month.xdsoft_disabled{ opacity:0.2; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{ color: #000 !important; background: #007fff !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: #666; cursor:default; } .xdsoft_datetimepicker .xdsoft_copyright{ color:#333 !important; font-size:10px;clear:both;float:none;margin-left:8px;} .xdsoft_datetimepicker .xdsoft_copyright a{ color:#111 !important;} .xdsoft_datetimepicker .xdsoft_copyright a:hover{ color:#555 !important;} .xdsoft_time_box{ position:relative; border:1px solid #333; } .xdsoft_scrollbar >.xdsoft_scroller{ background:#333 !important; height:20px; border-radius:3px; } .xdsoft_scrollbar{ position:absolute; width:7px; right:0px; top:0px; bottom:0px; cursor:pointer; } .xdsoft_scroller_box{ position:relative; }