the-datepicker.css

.the-datepicker__container .the-datepicker__main {
  border-top-left-radius: 0;
}
.the-datepicker__container.the-datepicker__container--over .the-datepicker__main {
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0;
}
.the-datepicker__container.the-datepicker__container--left .the-datepicker__main {
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0;
}
.the-datepicker__container.the-datepicker__container--over.the-datepicker__container--left .the-datepicker__main {
  border-bottom-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0;
}
.the-datepicker__main {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.3em;
  padding: 0.4em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em;
  box-sizing: border-box;
  overflow: hidden;
}
.the-datepicker__main .the-datepicker__body {
  margin-top: 1em;
}
.the-datepicker__main th.the-datepicker__week-day {
  width: 2.1em;
  min-width: 2.1em;
  max-width: 2.1em;
  padding: 0.5em 0;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  color: #666;
  font-size: 0.85em;
}
.the-datepicker__main a.the-datepicker__button {
  display: block;
  width: 2.1em;
  min-width: 2.1em;
  max-width: 2.1em;
  padding: 0.6em 0;
  text-decoration: none;
  text-align: center;
  color: #007eff;
  border-radius: 0.3em;
}
.the-datepicker__main a.the-datepicker__button:hover {
  background-color: #d1e8ff;
  text-decoration: none;
}
.the-datepicker__main .the-datepicker__title {
  display: inline-block;
  width: 70%;
}
.the-datepicker__main .the-datepicker__title-content {
  display: inline-block;
  padding: 0.5em;
}
.the-datepicker__main .the-datepicker__control {
  display: inline-block;
  width: 30%;
  text-align: right;
}
.the-datepicker__main .the-datepicker__reset,
.the-datepicker__main .the-datepicker__close {
  display: inline-block;
  font-weight: bold;
}
.the-datepicker__main .the-datepicker__navigation {
  margin-top: 0.3em;
}
.the-datepicker__main .the-datepicker__go {
  display: inline-block;
  width: 15%;
}
.the-datepicker__main .the-datepicker__go a.the-datepicker__button {
  display: inline-block;
  font-weight: bold;
}
.the-datepicker__main .the-datepicker__go-next {
  text-align: right;
}
.the-datepicker__main .the-datepicker__state {
  display: inline-block;
  width: 70%;
}
.the-datepicker__main .the-datepicker__month {
  display: inline-block;
  width: 62%;
  text-align: center;
}
.the-datepicker__main .the-datepicker__year {
  display: inline-block;
  width: 38%;
  text-align: center;
}
.the-datepicker__main .the-datepicker__month-year {
  text-align: center;
}
.the-datepicker__main select.the-datepicker__select {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}
.the-datepicker__main table.the-datepicker__calendar {
  display: table;
  border-collapse: collapse;
}
.the-datepicker__main table.the-datepicker__calendar thead {
  display: table-header-group;
}
.the-datepicker__main table.the-datepicker__calendar tbody {
  display: table-row-group;
}
.the-datepicker__main table.the-datepicker__calendar tr {
  display: table-row;
}
.the-datepicker__main table.the-datepicker__calendar tr td,
.the-datepicker__main table.the-datepicker__calendar tr th {
  display: table-cell;
}
.the-datepicker__main td.the-datepicker__cell {
  padding: 0;
}
.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button {
  padding: 0.1em;
}
.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button .the-datepicker__day-content {
  display: block;
  padding: 0.6em 0;
}
.the-datepicker__main td.the-datepicker__day a.the-datepicker__button .the-datepicker__day-content {
  text-align: center;
  border-radius: 0.3em;
}
.the-datepicker__main td.the-datepicker__day a.the-datepicker__button:hover {
  background-color: transparent;
}
.the-datepicker__main td.the-datepicker__day a.the-datepicker__button:hover .the-datepicker__day-content {
  background-color: #d1e8ff;
}
.the-datepicker__main td.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
  background-color: #d1e8ff;
}
.the-datepicker__main td.the-datepicker__day--outside a.the-datepicker__button {
  color: #8ac4ff;
}
.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button {
  color: #aaa;
}
.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button:hover .the-datepicker__day-content {
  background-color: transparent;
}
.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button {
  color: #fff;
}
.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button .the-datepicker__day-content,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
  background-color: #007eff;
}
.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button:hover .the-datepicker__day-content,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button:hover .the-datepicker__day-content {
  background-color: #007eff;
}
.the-datepicker__main .the-datepicker__day--weekend,
.the-datepicker__main .the-datepicker__week-day--weekend,
.the-datepicker__main td.the-datepicker__day--today {
  font-weight: bold;
}
.the-datepicker__main .the-datepicker__animated {
  animation-duration: 0.1s;
  animation-fill-mode: both;
}
.the-datepicker__deselect-button {
  text-decoration: none;
  color: #007eff;
  font-weight: bold;
}
.the-datepicker__deselect-button:hover {
  text-decoration: none;
}
.the-datepicker__fade-out-left {
  animation-name: the-datepicker-fade-out-left;
}
.the-datepicker__fade-out-right {
  animation-name: the-datepicker-fade-out-right;
}
.the-datepicker__fade-in-left {
  animation-name: the-datepicker-fade-in-left;
}
.the-datepicker__fade-in-right {
  animation-name: the-datepicker-fade-in-right;
}
@-moz-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}