/* = Date picker
----------------------------------------------------------------------------------------------------------------- */
.ui-datepicker  { background-color: #666; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); color: #fff; width: auto; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position: absolute; height: 33px; width: 33px; top: 0; padding: 2px; cursor: pointer;  }
.ui-datepicker .ui-datepicker-prev { background: url(../_img/icons/arrow_left.svg); left: 0; }
.ui-datepicker .ui-datepicker-next { background: url(../_img/icons/arrow_right.svg); right: 0; }
.ui-datepicker .ui-datepicker-prev:hover { background: url(../_img/icons/arrow_left.svg) rgba(255, 255, 255, 0.2); }
.ui-datepicker .ui-datepicker-next:hover { background: url(../_img/icons/arrow_right.svg) rgba(255, 255, 255, 0.2); }
.ui-datepicker .ui-datepicker-prev:active { background: url(../_img/icons/arrow_left.svg) rgba(255, 255, 255, 0.4); }
.ui-datepicker .ui-datepicker-next:active { background: url(../_img/icons/arrow_right.svg) rgba(255, 255, 255, 0.4); }

.ui-datepicker-title { display: table; margin: 0 auto; }
.ui-datepicker-title select { border: none; padding-left: 4px; padding-right: 4px; background-color: transparent; color: #fff; cursor: pointer; }
.ui-datepicker-title select option { background-color: #fff; color: #252525; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 64px; }

.ui-datepicker-calendar { margin: 0; }
.ui-datepicker-calendar thead { text-align: center; }
.ui-datepicker-calendar tbody { background-color: rgba(255, 255, 255, 0.2); }
.ui-datepicker-calendar tr { border: none; }
.ui-datepicker-calendar th { background-color: transparent; padding: 0; border: none; line-height: 30px; }
.ui-datepicker-calendar td { background-color: transparent; padding: 0; }
td.ui-datepicker-week-col,
.ui-datepicker-calendar a.ui-state-default { padding: 4px; display: inline-block; width: 32px; line-height: 30px; border: none; text-align: center; background-image: none; background-color: rgba(255, 255, 255, 0.2); color: inherit; }
.ui-datepicker-calendar a.ui-state-default:hover { background-color: rgba(255, 255, 255, 0.4); }
.ui-datepicker-calendar a.ui-state-default:active { background-color: rgba(0, 0, 0, 0.1); }
.ui-datepicker td { text-align: center; border: none; }
td.ui-datepicker-week-col { background: transparent; }

.ui-datepicker-unselectable { background-color: transparent; }
.ui-datepicker-today a.ui-state-default { background-color: rgba(255, 255, 255, 0.1); padding-bottom: 2px; border-bottom: solid 2px #fff; }
.ui-datepicker-current-day a.ui-state-default { background-color: rgba(255, 255, 255, 0.4); }