jquery.datetimepicker.css 17 KB

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