2
0

jquery.datetimepicker.css 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545
  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_highlighted_default {
  263. background: #ffe9d2;
  264. box-shadow: #ffb871 0 1px 4px 0 inset;
  265. color: #000;
  266. }
  267. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  268. background: #c1ffc9;
  269. box-shadow: #00dd1c 0 1px 4px 0 inset;
  270. color: #000;
  271. }
  272. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
  273. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
  274. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
  275. background: #33aaff;
  276. box-shadow: #178fe5 0 1px 3px 0 inset;
  277. color: #fff;
  278. font-weight: 700;
  279. }
  280. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
  281. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
  282. .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
  283. opacity: 0.5;
  284. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  285. cursor: default;
  286. }
  287. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  288. opacity: 0.2;
  289. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  290. }
  291. .xdsoft_datetimepicker .xdsoft_calendar td:hover,
  292. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
  293. color: #fff !important;
  294. background: #ff8000 !important;
  295. box-shadow: none !important;
  296. }
  297. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
  298. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
  299. background: #33aaff !important;
  300. box-shadow: #178fe5 0 1px 3px 0 inset !important;
  301. color: #fff !important;
  302. }
  303. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
  304. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
  305. color: inherit !important;
  306. background: inherit !important;
  307. box-shadow: inherit !important;
  308. }
  309. .xdsoft_datetimepicker .xdsoft_calendar th {
  310. font-weight: 700;
  311. text-align: center;
  312. color: #999;
  313. cursor: default;
  314. }
  315. .xdsoft_datetimepicker .xdsoft_copyright {
  316. color: #ccc !important;
  317. font-size: 10px;
  318. clear: both;
  319. float: none;
  320. margin-left: 8px;
  321. }
  322. .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
  323. .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
  324. .xdsoft_time_box {
  325. position: relative;
  326. border: 1px solid #ccc;
  327. }
  328. .xdsoft_scrollbar >.xdsoft_scroller {
  329. background: #ccc !important;
  330. height: 20px;
  331. border-radius: 3px;
  332. }
  333. .xdsoft_scrollbar {
  334. position: absolute;
  335. width: 7px;
  336. right: 0;
  337. top: 0;
  338. bottom: 0;
  339. cursor: pointer;
  340. }
  341. .xdsoft_scroller_box {
  342. position: relative;
  343. }
  344. .xdsoft_datetimepicker.xdsoft_dark {
  345. box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  346. background: #000;
  347. border-bottom: 1px solid #444;
  348. border-left: 1px solid #333;
  349. border-right: 1px solid #333;
  350. border-top: 1px solid #333;
  351. color: #ccc;
  352. }
  353. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  354. border-bottom: 1px solid #222;
  355. }
  356. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
  357. background: #0a0a0a;
  358. border-top: 1px solid #222;
  359. color: #999;
  360. }
  361. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  362. background-color: #000;
  363. }
  364. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  365. border: 1px solid #333;
  366. background: #000;
  367. }
  368. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  369. color: #000;
  370. background: #007fff;
  371. }
  372. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  373. background: #cc5500;
  374. box-shadow: #b03e00 0 1px 3px 0 inset;
  375. color: #000;
  376. }
  377. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
  378. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
  379. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
  380. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  381. 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==);
  382. }
  383. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
  384. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  385. background: #0a0a0a;
  386. border: 1px solid #222;
  387. color: #999;
  388. }
  389. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  390. background: #0e0e0e;
  391. }
  392. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  393. color: #cc5500;
  394. }
  395. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  396. background: #ffe9d2;
  397. box-shadow: #ffb871 0 1px 4px 0 inset;
  398. color:#000;
  399. }
  400. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  401. background: #c1ffc9;
  402. box-shadow: #00dd1c 0 1px 4px 0 inset;
  403. color:#000;
  404. }
  405. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
  406. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
  407. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
  408. background: #cc5500;
  409. box-shadow: #b03e00 0 1px 3px 0 inset;
  410. color: #000;
  411. }
  412. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
  413. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
  414. color: #000 !important;
  415. background: #007fff !important;
  416. }
  417. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  418. color: #666;
  419. }
  420. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
  421. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
  422. .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
  423. .xdsoft_dark .xdsoft_time_box {
  424. border: 1px solid #333;
  425. }
  426. .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
  427. background: #333 !important;
  428. }
  429. .xdsoft_datetimepicker .xdsoft_save_selected {
  430. display: block;
  431. border: 1px solid #dddddd !important;
  432. margin-top: 5px;
  433. width: 100%;
  434. color: #454551;
  435. font-size: 13px;
  436. }
  437. .xdsoft_datetimepicker .blue-gradient-button {
  438. font-family: "museo-sans", "Book Antiqua", sans-serif;
  439. font-size: 12px;
  440. font-weight: 300;
  441. color: #82878c;
  442. height: 28px;
  443. position: relative;
  444. padding: 4px 17px 4px 33px;
  445. border: 1px solid #d7d8da;
  446. background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  447. /* FF3.6+ */
  448. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
  449. /* Chrome,Safari4+ */
  450. background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  451. /* Chrome10+,Safari5.1+ */
  452. background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  453. /* Opera 11.10+ */
  454. background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
  455. /* IE10+ */
  456. background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
  457. /* W3C */
  458. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
  459. /* IE6-9 */
  460. }
  461. .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 {
  462. color: #454551;
  463. background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  464. /* FF3.6+ */
  465. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  466. /* Chrome,Safari4+ */
  467. background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  468. /* Chrome10+,Safari5.1+ */
  469. background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  470. /* Opera 11.10+ */
  471. background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  472. /* IE10+ */
  473. background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  474. /* W3C */
  475. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  476. /* IE6-9 */
  477. }