.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center !important;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
  padding: 2% 0 !important;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center !important;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7 !important;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
/*For Calendar Dates */
.bootstrap-datetimepicker-widget table td {
  height: 20px;
  line-height: 20px;
  width: 30px;
}
/*End Calender Dates*/
.bootstrap-datetimepicker-widget table td span {
  text-align: center !important;
  width: 100% !important;
  display: block !important;
  cursor: pointer;
  border-radius: 4px;
  padding: 4% 0 !important;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}