/* Style guide for the datepicker.js objects */

.datepicker-wrapper {
  display: inline-block;
  position: relative;
}

.datepicker-calendar {
  background-color: #eee;
  border: 1px solid #ddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #333;
  display: none;
  font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  left: 0;
  padding: 2px;
  position: absolute;
  top: 100%;
  z-index: 100;
}

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

.datepicker-calendar .datepicker-months {
  background-color: #4d90fe;  /* Kennedy blue. */
  border: 1px solid #2f5bb7;  /* Dark blue. */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 120%;
  padding: 2px;
  text-align: center;
}

.datepicker-calendar .datepicker-prev-month,
.datepicker-calendar .datepicker-next-month {
  color: #fff;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 .4em;
  text-decoration: none;
}

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

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

.datepicker-calendar .datepicker-current-month {
  padding: 0 .5em;
}

.datepicker-calendar .datepicker-prev-month:hover,
.datepicker-calendar .datepicker-next-month:hover {
  background-color: #fdf5ce;
  color: #c77405;
}

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

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

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

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

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

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

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

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

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

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