.datepicker {
  position: relative;
  z-index: 200;
  border: 1px solid rgb(166, 166, 175);
  font-size: 11px;
  color: grey;
  cursor: default;
  background: #FFFFFF;
  font-family: verdana;
  padding: 5px;
}

.datepicker .button {
  text-align: center;
  padding: 5px;
}

.datepicker thead .title {
  font-weight: bold;
  text-align: center;
  background: #D8D8D8;
  color: #000000;
  padding: 5px;
}

.datepicker thead .headrow {
  background: #FFFFFF;
  color: grey;
}

.datepicker thead .daynames {
  background: #FFFFFF;
  color: grey;
}

.daynames td {
  padding: 5px;
}

.datepicker thead .name {
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.datepicker thead .weekend {
  color: #a66;
}

.datepicker thead .highlighted {
  background-color: #aaf;
  color: #000;
}

.datepicker thead .active {
  background-color: #77c;
}

.datepicker tbody .day {
  width: 2em;
  color: #456456;
  background-color: #EAEAEA;
  text-align: right;
  padding: 2px 4px 2px 2px;
  border: 2px solid #FFFFFF;
}
.datepicker tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.datepicker tbody .day.othermonth.oweekend {
  color: #fbb;
}

.datepicker tbody .rowhighlighted td {
  background: #def;
}

.datepicker tbody td.highlighted {
  background: #B1B1F1;
}

.datepicker tbody td.active {
  background: #cde;
}

.datepicker tbody td.selected {
  background: #fff;
  color: #000;
}

.datepicker tbody td.weekend {
  color: #a66;
}

.datepicker tbody td.today {
  font-weight: bold;
  color: #00f;
}

.datepicker tbody .disabled { color: #999; }

.datepicker tbody .emptycell {
  visibility: hidden;
}

.datepicker tbody .emptyrow {
  display: none;
}

.datepicker td.time {
  padding: 5px;
  border-top: 1px solid rgb(166, 166, 175);
  text-align: center;
  background-color: #fff;
}

.datepicker td.time .hour,
.datepicker td.time .minute,
.datepicker td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.datepicker td.time .ampm {
  text-align: center;
}

.datepicker td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.datepicker td.time span.highlighted {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.datepicker td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}