/* general */
.xdsoft_datetimepicker .xdsoft_label {
  z-index: 9900;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div,
.xdsoft_datetimepicker .xdsoft_calendar td, 
.xdsoft_datetimepicker .legende >div {
	background: url('timepicker_160727.png');
  background-position: 0px 0px;
  color: #fff;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  margin-top: 20px;
}

/* legend */
.xdsoft_datetimepicker .legende {
  margin: 0 8px;
  padding-top: 8px;
  clear: both;
}
.xdsoft_datetimepicker .legende >div {
  display: inline;
  width: auto;
  margin: 0 4px 0 0;
  padding: 4px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover, 
.xdsoft_datetimepicker .legende >div:hover {
}

/* timepicker */
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.hostopen, 
.xdsoft_datetimepicker .legende >div.hostopen {
  background-position: 0px 0px;
  color: #666; 
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.hostclose, 
.xdsoft_datetimepicker .legende >div.hostclose {
  background-position: 0px -250px;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.hostopen.bikeavailable, 
.xdsoft_datetimepicker .legende >div.bikeavailable {
  background-position: 0px -50px;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.hostopen.biketaken, 
.xdsoft_datetimepicker .legende >div.biketaken {
  background-position: 0px -100px;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.hostopen.bikeowntaken, 
.xdsoft_datetimepicker .legende >div.bikeowntaken {
  background-position: 0px -150px;
  color: #fff;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.hostclose.bikeavailable {
  background-position: 0px -300px;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.hostclose.biketaken {
  background-position: 0px -350px;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.hostclose.bikeowntaken {
  background-position: 0px -400px;
  color: #fff;
}

/* datepicker */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_date {
  color: #666;
}
.xdsoft_datetimepicker .xdsoft_calendar td.dayopen {
  background-position: 0px 0px;
  color: #666; 
}
.xdsoft_datetimepicker .xdsoft_calendar td.dayclosed {
  background-position: 0px -250px;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.dayopen.dayfree {
  background-position: 0px -50px;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.dayopen.dayhasbookings {
  background-position: 0px -200px;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.dayopen.daybooked {
  background-position: 0px -100px;
  color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.dayclosed.dayfree {
  background-position: 0px -300px;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.dayclosed.dayhasbookings {
  background-position: 0px -450px;
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.dayclosed.daybooked {
  background-position: 0px -350px;
  color: #fff;
}

.xdsoft_datetimepicker .xdsoft_other_month {
  color: #fff;
} 

/* active dates */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #000;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #000 !important;
    box-shadow: none !important;
}