.datepickr-wrapper {
  /*Changed to work with formField/materialize style inputs*/
  /*display: inline-block;*/
  position: relative;
}

.datepickr-calendar {
  font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #eee;
  color: #333;
  border: 1px solid #ddd;
  padding: 2px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  width: 100%;
  min-width: 250px;
}

.open .datepickr-calendar {
  display: block;
}

.datepickr-calendar .datepickr-months,
.datepickr-calendar table {
  max-width: 350px;
  margin: auto;
}

.datepickr-calendar .datepickr-months {
  padding: 2px;
  text-align: center;
  font-size: 120%;
}

.datepickr-calendar .datepickr-prev-month,
.datepickr-calendar .datepickr-next-month {
  color: #333;
  text-decoration: none;
  padding: 0 0.4em;
  cursor: pointer;
}

.datepickr-calendar .datepickr-prev-month {
  float: left;
}

.datepickr-calendar .datepickr-next-month {
  float: right;
}

.datepickr-calendar .datepickr-current-month {
  padding: 0 0.5em;
}

.datepickr-calendar .datepickr-prev-month:hover,
.datepickr-calendar .datepickr-next-month:hover {
  background-color: #555;
  color: #fff;
}

.datepickr-calendar table {
  border-collapse: collapse;
  padding: 0;
  width: 100%;
}

.datepickr-calendar thead {
  font-size: 90%;
}

.datepickr-calendar th,
.datepickr-calendar td {
  width: 14.3%;
}

.datepickr-calendar th {
  text-align: center;
  padding: 5px;
}

.datepickr-calendar td {
  text-align: right;
  padding: 1px;
}

.datepickr-calendar .datepickr-day {
  display: block;
  color: #1c94c4;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  padding: 5px;
  cursor: pointer;
}

.datepickr-calendar .datepickr-day:hover {
  color: #c77405;
  background-color: #fdf5ce;
  border: 1px solid #fbcb09;
}

.datepickr-calendar .today .datepickr-day {
  background-color: #fff0a5;
  border: 1px solid #fed22f;
  color: #363636;
}

.datepickr-calendar .selected .datepickr-day {
  background-color: #1c94c4;
  color: #f6f6f6;
}

.datepickr-calendar .disabled .datepickr-day,
.datepickr-calendar .disabled .datepickr-day:hover {
  background-color: #eee;
  border: 1px dotted #ccc;
  color: #bbb;
  cursor: default;
}