.datepicker table {
  width: 100%;
}

.datepicker table tr td {
  vertical-align: middle;
  position: relative;
  z-index: 1;
}

.datepicker table tr td:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 7px;
  width: 80%;
  height: 80%;
}

.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
  padding: 5px;
  font-size: 13px;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.datepicker table tr td.active.active.focus:after,
.datepicker table tr td.active.active:after,
.datepicker table tr td.active.active:focus:after,
.datepicker table tr td.active.active:hover:after,
.datepicker table tr td.active.highlighted.active.focus:after,
.datepicker table tr td.active.highlighted.active:after,
.datepicker table tr td.active.highlighted.active:focus:after,
.datepicker table tr td.active.highlighted.active:hover:after,
.datepicker table tr td.active.highlighted:active.focus:after,
.datepicker table tr td.active.highlighted:active:after,
.datepicker table tr td.active.highlighted:active:focus:after,
.datepicker table tr td.active.highlighted:active:hover:after,
.datepicker table tr td.active.highlighted:hover:after,
.datepicker table tr td.active:active.focus:after,
.datepicker table tr td.active:active:after,
.datepicker table tr td.active:active:focus:after,
.datepicker table tr td.active:active:hover:after,
.datepicker table tr td.active:hover:after {
  content: "";
  background: #d06776;
}

.datepicker table tr td.day,
.datepicker.datepicker-inline td {
  color: #fff;
}

.datepicker table tr td.day:after {
  content: "";
  background: #4797d2;
  opacity: 1;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover,
.datepicker table tr td.focused {
  cursor: pointer;
  background: 0 0;
  color: #fff;
}

.datepicker table tr td.day:hover:after,
.datepicker table tr td.disabled:after,
.datepicker table tr td.disabled:hover:after,
.datepicker table tr td.focused:after {
  content: "";
  background: #d4d4d4;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  cursor: pointer;
  color: #286090;
}

.datepicker table tr td.day:hover:after,
.datepicker table tr td.focused:after {
  content: "";
  background: #eee;
  opacity: 0.8;
}

.datepicker table tr td.disabled-date:hover,
.datepicker table tr td.disabled:hover,
.datepicker table tr td.focused {
  cursor: default;
  color: #fff;
}

.datepicker table tr td.disabled-date:hover:after,
.datepicker table tr td.disabled:hover:after,
.datepicker table tr td.focused:after {
  content: "";
  background: #bcbcbc;
  opacity: 1;
}

.datepicker-inline {
  width: 100%;
  background: #ebebeb;
  padding: 6px;
}

.datepicker-inline .next,
.datepicker-inline .prev {
  font-size: 18px;
}

.datepicker-inline .next:hover,
.datepicker-inline .prev:hover {
  color: #fff;
  background: #d06776;
}

.datepicker-inline tbody {
  background: #fff;
}

.datepicker-inline thead .dow {
  background: #ddd;
  padding: 5px;
  border-radius: 0;
}

.datepicker-inline .datepicker-switch:hover {
  background: #d06776;
  color: #fff;
}

.datepicker-inline .datepicker-months .month,
.datepicker-inline .datepicker-years .year,
.datepicker-inline .datepicker-decades .decade,
.datepicker-inline .datepicker-centuries .century {
  background: #4797d2;
}

.datepicker-inline .datepicker-months .month.focused,
.datepicker-inline .datepicker-months .month:hover,
.datepicker-inline .datepicker-years .year.focused,
.datepicker-inline .datepicker-years .year:hover,
.datepicker-inline .datepicker-decades .decade.focused,
.datepicker-inline .datepicker-decades .decade:hover,
.datepicker-inline .datepicker-centuries .century.focused,
.datepicker-inline .datepicker-centuries .century:hover {
  background: #d06776;
}

.datepicker-inline .datepicker-years .old,
.datepicker-inline .datepicker-years .new,
.datepicker-inline .datepicker-decades .old,
.datepicker-inline .datepicker-decades .new,
.datepicker-inline .datepicker-centuries .old,
.datepicker-inline .datepicker-centuries .new {
  background: #ddd;
  color: #666;
}

.datepicker-inline .datepicker-years .old:hover,
.datepicker-inline .datepicker-years .new:hover,
.datepicker-inline .datepicker-decades .old:hover,
.datepicker-inline .datepicker-decades .new:hover,
.datepicker-inline .datepicker-centuries .old:hover,
.datepicker-inline .datepicker-centuries .new:hover {
  background: #d06776;
  color: #fff;
}