jquery.datetimepicker.css 18 KB

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