1.xdsoft_datetimepicker { 2 box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); 3 background: #fff; 4 border-bottom: 1px solid #bbb; 5 border-left: 1px solid #ccc; 6 border-right: 1px solid #ccc; 7 border-top: 1px solid #ccc; 8 color: #333; 9 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 10 padding: 8px; 11 padding-left: 0; 12 padding-top: 2px; 13 position: absolute; 14 z-index: 9999; 15 -moz-box-sizing: border-box; 16 box-sizing: border-box; 17 display: none; 18} 19 20.xdsoft_datetimepicker iframe { 21 position: absolute; 22 left: 0; 23 top: 0; 24 width: 75px; 25 height: 210px; 26 background: transparent; 27 border: none; 28} 29 30/*For IE8 or lower*/ 31.xdsoft_datetimepicker button { 32 border: none !important; 33} 34 35.xdsoft_noselect { 36 -webkit-touch-callout: none; 37 -webkit-user-select: none; 38 -khtml-user-select: none; 39 -moz-user-select: none; 40 -ms-user-select: none; 41 -o-user-select: none; 42 user-select: none; 43} 44 45.xdsoft_noselect::selection { background: transparent } 46.xdsoft_noselect::-moz-selection { background: transparent } 47 48.xdsoft_datetimepicker.xdsoft_inline { 49 display: inline-block; 50 position: static; 51 box-shadow: none; 52} 53 54.xdsoft_datetimepicker * { 55 -moz-box-sizing: border-box; 56 box-sizing: border-box; 57 padding: 0; 58 margin: 0; 59} 60 61.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { 62 display: none; 63} 64 65.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { 66 display: block; 67} 68 69.xdsoft_datetimepicker .xdsoft_datepicker { 70 width: 224px; 71 float: left; 72 margin-left: 8px; 73} 74 75.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { 76 width: 256px; 77} 78 79.xdsoft_datetimepicker .xdsoft_timepicker { 80 width: 58px; 81 float: left; 82 text-align: center; 83 margin-left: 8px; 84 margin-top: 0; 85} 86 87.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { 88 margin-top: 8px; 89 margin-bottom: 3px 90} 91 92.xdsoft_datetimepicker .xdsoft_mounthpicker { 93 position: relative; 94 text-align: center; 95} 96 97.xdsoft_datetimepicker .xdsoft_label i, 98.xdsoft_datetimepicker .xdsoft_prev, 99.xdsoft_datetimepicker .xdsoft_next, 100.xdsoft_datetimepicker .xdsoft_today_button { 101 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); 102} 103 104.xdsoft_datetimepicker .xdsoft_label i { 105 opacity: 0.5; 106 background-position: -92px -19px; 107 display: inline-block; 108 width: 9px; 109 height: 20px; 110 vertical-align: middle; 111} 112 113.xdsoft_datetimepicker .xdsoft_prev { 114 float: left; 115 background-position: -20px 0; 116} 117.xdsoft_datetimepicker .xdsoft_today_button { 118 float: left; 119 background-position: -70px 0; 120 margin-left: 5px; 121} 122 123.xdsoft_datetimepicker .xdsoft_next { 124 float: right; 125 background-position: 0 0; 126} 127 128.xdsoft_datetimepicker .xdsoft_next, 129.xdsoft_datetimepicker .xdsoft_prev , 130.xdsoft_datetimepicker .xdsoft_today_button { 131 background-color: transparent; 132 background-repeat: no-repeat; 133 border: 0 none; 134 cursor: pointer; 135 display: block; 136 height: 30px; 137 opacity: 0.5; 138 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 139 outline: medium none; 140 overflow: hidden; 141 padding: 0; 142 position: relative; 143 text-indent: 100%; 144 white-space: nowrap; 145 width: 20px; 146 min-width: 0; 147} 148 149.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, 150.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { 151 float: none; 152 background-position: -40px -15px; 153 height: 15px; 154 width: 30px; 155 display: block; 156 margin-left: 14px; 157 margin-top: 7px; 158} 159 160.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { 161 background-position: -40px 0; 162 margin-bottom: 7px; 163 margin-top: 0; 164} 165 166.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { 167 height: 151px; 168 overflow: hidden; 169 border-bottom: 1px solid #ddd; 170} 171 172.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div { 173 background: #f5f5f5; 174 border-top: 1px solid #ddd; 175 color: #666; 176 font-size: 12px; 177 text-align: center; 178 border-collapse: collapse; 179 cursor: pointer; 180 border-bottom-width: 0; 181 height: 25px; 182 line-height: 25px; 183} 184 185.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child { 186 border-top-width: 0; 187} 188 189.xdsoft_datetimepicker .xdsoft_today_button:hover, 190.xdsoft_datetimepicker .xdsoft_next:hover, 191.xdsoft_datetimepicker .xdsoft_prev:hover { 192 opacity: 1; 193 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 194} 195 196.xdsoft_datetimepicker .xdsoft_label { 197 display: inline; 198 position: relative; 199 z-index: 9999; 200 margin: 0; 201 padding: 5px 3px; 202 font-size: 14px; 203 line-height: 20px; 204 font-weight: bold; 205 background-color: #fff; 206 float: left; 207 width: 182px; 208 text-align: center; 209 cursor: pointer; 210} 211 212.xdsoft_datetimepicker .xdsoft_label:hover>span { 213 text-decoration: underline; 214} 215 216.xdsoft_datetimepicker .xdsoft_label:hover i { 217 opacity: 1.0; 218} 219 220.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { 221 border: 1px solid #ccc; 222 position: absolute; 223 right: 0; 224 top: 30px; 225 z-index: 101; 226 display: none; 227 background: #fff; 228 max-height: 160px; 229 overflow-y: hidden; 230} 231 232.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px } 233.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px } 234.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { 235 color: #fff; 236 background: #ff8000; 237} 238 239.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { 240 padding: 2px 10px 2px 5px; 241 text-decoration: none !important; 242} 243 244.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { 245 background: #33aaff; 246 box-shadow: #178fe5 0 1px 3px 0 inset; 247 color: #fff; 248 font-weight: 700; 249} 250 251.xdsoft_datetimepicker .xdsoft_month { 252 width: 100px; 253 text-align: right; 254} 255 256.xdsoft_datetimepicker .xdsoft_calendar { 257 clear: both; 258} 259 260.xdsoft_datetimepicker .xdsoft_year{ 261 width: 48px; 262 margin-left: 5px; 263} 264 265.xdsoft_datetimepicker .xdsoft_calendar table { 266 border-collapse: collapse; 267 width: 100%; 268 269} 270 271.xdsoft_datetimepicker .xdsoft_calendar td > div { 272 padding-right: 5px; 273} 274 275.xdsoft_datetimepicker .xdsoft_calendar th { 276 height: 25px; 277} 278 279.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th { 280 width: 14.2857142%; 281 background: #f5f5f5; 282 border: 1px solid #ddd; 283 color: #666; 284 font-size: 12px; 285 text-align: right; 286 vertical-align: middle; 287 padding: 0; 288 border-collapse: collapse; 289 cursor: pointer; 290 height: 25px; 291} 292.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { 293 width: 12.5%; 294} 295 296.xdsoft_datetimepicker .xdsoft_calendar th { 297 background: #f1f1f1; 298} 299 300.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { 301 color: #33aaff; 302} 303 304.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { 305 background: #ffe9d2; 306 box-shadow: #ffb871 0 1px 4px 0 inset; 307 color: #000; 308} 309.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { 310 background: #c1ffc9; 311 box-shadow: #00dd1c 0 1px 4px 0 inset; 312 color: #000; 313} 314 315.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 316.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 317.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { 318 background: #33aaff; 319 box-shadow: #178fe5 0 1px 3px 0 inset; 320 color: #fff; 321 font-weight: 700; 322} 323 324.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, 325.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, 326.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled { 327 opacity: 0.5; 328 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 329 cursor: default; 330} 331 332.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { 333 opacity: 0.2; 334 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 335} 336 337.xdsoft_datetimepicker .xdsoft_calendar td:hover, 338.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { 339 color: #fff !important; 340 background: #ff8000 !important; 341 box-shadow: none !important; 342} 343 344.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, 345.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover { 346 background: #33aaff !important; 347 box-shadow: #178fe5 0 1px 3px 0 inset !important; 348 color: #fff !important; 349} 350 351.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, 352.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover { 353 color: inherit !important; 354 background: inherit !important; 355 box-shadow: inherit !important; 356} 357 358.xdsoft_datetimepicker .xdsoft_calendar th { 359 font-weight: 700; 360 text-align: center; 361 color: #999; 362 cursor: default; 363} 364 365.xdsoft_datetimepicker .xdsoft_copyright { 366 color: #ccc !important; 367 font-size: 10px; 368 clear: both; 369 float: none; 370 margin-left: 8px; 371} 372 373.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important } 374.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important } 375 376.xdsoft_time_box { 377 position: relative; 378 border: 1px solid #ccc; 379} 380.xdsoft_scrollbar >.xdsoft_scroller { 381 background: #ccc !important; 382 height: 20px; 383 border-radius: 3px; 384} 385.xdsoft_scrollbar { 386 position: absolute; 387 width: 7px; 388 right: 0; 389 top: 0; 390 bottom: 0; 391 cursor: pointer; 392} 393.xdsoft_scroller_box { 394 position: relative; 395} 396 397.xdsoft_datetimepicker.xdsoft_dark { 398 box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); 399 background: #000; 400 border-bottom: 1px solid #444; 401 border-left: 1px solid #333; 402 border-right: 1px solid #333; 403 border-top: 1px solid #333; 404 color: #ccc; 405} 406 407.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { 408 border-bottom: 1px solid #222; 409} 410.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div { 411 background: #0a0a0a; 412 border-top: 1px solid #222; 413 color: #999; 414} 415 416.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { 417 background-color: #000; 418} 419.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { 420 border: 1px solid #333; 421 background: #000; 422} 423 424.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { 425 color: #000; 426 background: #007fff; 427} 428 429.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { 430 background: #cc5500; 431 box-shadow: #b03e00 0 1px 3px 0 inset; 432 color: #000; 433} 434 435.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, 436.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, 437.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, 438.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { 439 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); 440} 441 442.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, 443.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { 444 background: #0a0a0a; 445 border: 1px solid #222; 446 color: #999; 447} 448 449.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { 450 background: #0e0e0e; 451} 452 453.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { 454 color: #cc5500; 455} 456 457.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { 458 background: #ffe9d2; 459 box-shadow: #ffb871 0 1px 4px 0 inset; 460 color:#000; 461} 462.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { 463 background: #c1ffc9; 464 box-shadow: #00dd1c 0 1px 4px 0 inset; 465 color:#000; 466} 467 468.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, 469.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, 470.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { 471 background: #cc5500; 472 box-shadow: #b03e00 0 1px 3px 0 inset; 473 color: #000; 474} 475 476.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, 477.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover { 478 color: #000 !important; 479 background: #007fff !important; 480} 481 482.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { 483 color: #666; 484} 485 486.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important } 487.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important } 488.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important } 489 490.xdsoft_dark .xdsoft_time_box { 491 border: 1px solid #333; 492} 493 494.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller { 495 background: #333 !important; 496} 497.xdsoft_datetimepicker .xdsoft_save_selected { 498 display: block; 499 border: 1px solid #dddddd !important; 500 margin-top: 5px; 501 width: 100%; 502 color: #454551; 503 font-size: 13px; 504} 505.xdsoft_datetimepicker .blue-gradient-button { 506 font-family: "museo-sans", "Book Antiqua", sans-serif; 507 font-size: 12px; 508 font-weight: 300; 509 color: #82878c; 510 height: 28px; 511 position: relative; 512 padding: 4px 17px 4px 33px; 513 border: 1px solid #d7d8da; 514 background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); 515 /* FF3.6+ */ 516 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); 517 /* Chrome,Safari4+ */ 518 background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); 519 /* Chrome10+,Safari5.1+ */ 520 background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); 521 /* Opera 11.10+ */ 522 background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); 523 /* IE10+ */ 524 background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); 525 /* W3C */ 526 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 ); 527/* IE6-9 */ 528} 529.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { 530 color: #454551; 531 background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%); 532 /* FF3.6+ */ 533 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF)); 534 /* Chrome,Safari4+ */ 535 background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%); 536 /* Chrome10+,Safari5.1+ */ 537 background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%); 538 /* Opera 11.10+ */ 539 background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%); 540 /* IE10+ */ 541 background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%); 542 /* W3C */ 543 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 ); 544 /* IE6-9 */ 545} 546