library/datetimepicker/jquery.datetimepicker.css

   1 .xdsoft_datetimepicker{
   2         box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
   3         background: #FFFFFF;
   4         border-bottom: 1px solid #BBBBBB;
   5         border-left: 1px solid #CCCCCC;
   6         border-right: 1px solid #CCCCCC;
   7         border-top: 1px solid #CCCCCC;
   8         color: #333333;
   9         font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  10         padding: 8px;
  11         padding-left: 0px;
  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 /*For IE8 or lower*/
  30 .xdsoft_datetimepicker button {
  31     border:none !important;
  32 }
  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:0px;
  54         margin:0px;
  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_showweeks .xdsoft_datepicker{
  68         width: 256px;
  69 }
  70 .xdsoft_datetimepicker  .xdsoft_timepicker{
  71         width: 58px;
  72         float:left;
  73         text-align:center;
  74         margin-left:8px;
  75         margin-top:0px;
  76 }
  77 .xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
  78         margin-top:8px;
  79         margin-bottom:3px
  80 }
  81 .xdsoft_datetimepicker  .xdsoft_mounthpicker{
  82         position: relative;
  83         text-align: center;
  84 }
  85
  86 .xdsoft_datetimepicker .xdsoft_label i,
  87 .xdsoft_datetimepicker  .xdsoft_prev,
  88 .xdsoft_datetimepicker  .xdsoft_next,
  89 .xdsoft_datetimepicker  .xdsoft_today_button{
  90         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);
  91 }
  92
  93 .xdsoft_datetimepicker .xdsoft_label i{
  94         opacity:0.5;
  95         background-position:-92px -19px;
  96         display: inline-block;
  97         width: 9px;
  98         height: 20px;
  99         vertical-align: middle;
 100 }
 101
 102 .xdsoft_datetimepicker  .xdsoft_prev{
 103     float: left;
 104         background-position:-20px 0px;
 105 }
 106 .xdsoft_datetimepicker  .xdsoft_today_button{
 107     float: left;
 108         background-position:-70px 0px;
 109         margin-left:5px;
 110 }
 111
 112 .xdsoft_datetimepicker  .xdsoft_next{
 113     float: right;
 114         background-position:0px 0px;
 115 }
 116
 117 .xdsoft_datetimepicker  .xdsoft_next,
 118 .xdsoft_datetimepicker  .xdsoft_prev ,
 119 .xdsoft_datetimepicker  .xdsoft_today_button{
 120         background-color: transparent;
 121         background-repeat: no-repeat;
 122         border: 0px none currentColor;
 123         cursor: pointer;
 124         display: block;
 125         height: 30px;
 126         opacity: 0.5;
 127         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 128         outline: medium none currentColor;
 129         overflow: hidden;
 130         padding: 0px;
 131         position: relative;
 132         text-indent: 100%;
 133         white-space: nowrap;
 134         width: 20px;
 135 }
 136 .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
 137 .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
 138         float:none;
 139         background-position:-40px -15px;
 140         height: 15px;
 141         width: 30px;
 142         display: block;
 143         margin-left:14px;
 144         margin-top:7px;
 145 }
 146 .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
 147         background-position:-40px 0px;
 148         margin-bottom:7px;
 149         margin-top:0px;
 150 }
 151 .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
 152         height:151px;
 153         overflow:hidden;
 154         border-bottom:1px solid #DDDDDD;
 155 }
 156 .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
 157         background: #F5F5F5;
 158         border-top:1px solid #DDDDDD;
 159         color: #666666;
 160         font-size: 12px;
 161         text-align: center;
 162         border-collapse:collapse;
 163         cursor:pointer;
 164         border-bottom-width:0px;
 165         height:25px;
 166         line-height:25px;
 167 }
 168
 169 .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 170  border-top-width:0px;
 171 }
 172 .xdsoft_datetimepicker  .xdsoft_today_button:hover,
 173 .xdsoft_datetimepicker  .xdsoft_next:hover,
 174 .xdsoft_datetimepicker  .xdsoft_prev:hover {
 175     opacity: 1;
 176     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 177 }
 178 .xdsoft_datetimepicker  .xdsoft_label{
 179         display: inline;
 180     position: relative;
 181     z-index: 9999;
 182     margin: 0;
 183     padding: 5px 3px;
 184     font-size: 14px;
 185     line-height: 20px;
 186     font-weight: bold;
 187     background-color: #fff;
 188         float:left;
 189         width:182px;
 190         text-align:center;
 191         cursor:pointer;
 192 }
 193 .xdsoft_datetimepicker  .xdsoft_label:hover>span{
 194         text-decoration:underline;
 195 }
 196 .xdsoft_datetimepicker  .xdsoft_label:hover i{
 197         opacity:1.0;
 198 }
 199 .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
 200         border:1px solid #ccc;
 201         position:absolute;
 202         right:0px;
 203         top:30px;
 204         z-index:101;
 205         display:none;
 206         background:#fff;
 207         max-height:160px;
 208         overflow-y:hidden;
 209 }
 210 .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
 211 .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
 212 .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
 213         color: #fff;
 214     background: #ff8000;
 215 }
 216 .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
 217         padding:2px 10px 2px 5px;
 218         text-decoration:none !important;
 219 }
 220 .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
 221         background: #33AAFF;
 222         box-shadow: #178FE5 0px 1px 3px 0px inset;
 223         color:#fff;
 224         font-weight: 700;
 225 }
 226 .xdsoft_datetimepicker  .xdsoft_month{
 227         width:100px;
 228         text-align:right;
 229 }
 230 .xdsoft_datetimepicker  .xdsoft_calendar{
 231         clear:both;
 232 }
 233 .xdsoft_datetimepicker  .xdsoft_year{
 234         width: 48px;
 235         margin-left: 5px;
 236 }
 237 .xdsoft_datetimepicker  .xdsoft_calendar table{
 238         border-collapse:collapse;
 239         width:100%;
 240
 241 }
 242 .xdsoft_datetimepicker  .xdsoft_calendar td > div{
 243         padding-right:5px;
 244 }
 245 .xdsoft_datetimepicker  .xdsoft_calendar th{
 246         height: 25px;
 247 }
 248 .xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
 249         width:14.2857142%;
 250         background: #F5F5F5;
 251         border:1px solid #DDDDDD;
 252         color: #666666;
 253         font-size: 12px;
 254         text-align: right;
 255         vertical-align: middle;
 256         padding:0px;
 257         border-collapse:collapse;
 258         cursor:pointer;
 259         height: 25px;
 260 }
 261 .xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar th{
 262         width:12.5%;
 263 }
 264 .xdsoft_datetimepicker  .xdsoft_calendar th{
 265         background: #F1F1F1;
 266 }
 267 .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
 268         color:#33AAFF;
 269 }
 270 .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
 271 .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
 272 .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
 273         background: #33AAFF;
 274         box-shadow: #178FE5 0px 1px 3px 0px inset;
 275         color:#fff;
 276         font-weight: 700;
 277 }
 278 .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
 279 .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
 280 .xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
 281         opacity:0.5;
 282         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 283 }
 284 .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
 285         opacity:0.2;
 286         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
 287 }
 288 .xdsoft_datetimepicker  .xdsoft_calendar td:hover,
 289 .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
 290         color: #fff !important;
 291     background: #ff8000 !important;
 292     box-shadow: none !important;
 293 }
 294 .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
 295 .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
 296         color: inherit  !important;
 297     background: inherit !important;
 298     box-shadow: inherit !important;
 299 }
 300 .xdsoft_datetimepicker  .xdsoft_calendar th{
 301         font-weight: 700;
 302         text-align: center;
 303         color: #999;
 304         cursor:default;
 305 }
 306 .xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
 307 .xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
 308 .xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}
 309
 310
 311 .xdsoft_time_box{
 312         position:relative;
 313         border:1px solid #ccc;
 314 }
 315 .xdsoft_scrollbar >.xdsoft_scroller{
 316         background:#ccc !important;
 317         height:20px;
 318         border-radius:3px;
 319 }
 320 .xdsoft_scrollbar{
 321         position:absolute;
 322         width:7px;
 323         right:0px;
 324         top:0px;
 325         bottom:0px;
 326         cursor:pointer;
 327 }
 328 .xdsoft_scroller_box{
 329 position:relative;
 330 }
 331
 332
 333 .xdsoft_datetimepicker.xdsoft_dark{
 334         box-shadow: 0px 5px 15px -5px rgba(255, 255, 255, 0.506);
 335         background: #000000;
 336         border-bottom: 1px solid #444444;
 337         border-left: 1px solid #333333;
 338         border-right: 1px solid #333333;
 339         border-top: 1px solid #333333;
 340         color: #cccccc;
 341 }
 342
 343 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box{
 344         border-bottom:1px solid #222222;
 345 }
 346 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div{
 347         background: #0a0a0a;
 348         border-top:1px solid #222222;
 349         color: #999999;
 350 }
 351
 352 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label{
 353     background-color: #000;
 354 }
 355 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select{
 356         border:1px solid #333;
 357         background:#000;
 358 }
 359
 360 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
 361         color: #000;
 362     background: #007fff;
 363 }
 364
 365 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
 366         background: #cc5500;
 367         box-shadow: #b03e00 0px 1px 3px 0px inset;
 368         color:#000;
 369 }
 370
 371 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label i,
 372 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_prev,
 373 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_next,
 374 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_today_button{
 375         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==);
 376 }
 377
 378 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td,
 379 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
 380         background: #0a0a0a;
 381         border:1px solid #222222;
 382         color: #999999;
 383 }
 384
 385 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
 386         background: #0e0e0e;
 387 }
 388 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_today{
 389         color:#cc5500;
 390 }
 391 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_default,
 392 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_current,
 393 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
 394         background: #cc5500;
 395         box-shadow: #b03e00 0px 1px 3px 0px inset;
 396         color:#000;
 397 }
 398
 399 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td:hover,
 400 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
 401         color: #000 !important;
 402     background: #007fff !important;
 403 }
 404
 405 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
 406         color: #666;
 407 }
 408 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright{ color:#333 !important;}
 409 .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright a{ color:#111 !important;}
 410 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{ color:#555 !important;}
 411
 412
 413 .xdsoft_dark .xdsoft_time_box{
 414         border:1px solid #333;
 415 }
 416 .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller{
 417         background:#333 !important;
 418 }