/* Datepicker Overrides
--------------------------------------------*/
.datepickerHolder { position: relative; width: 100%; margin: 0; }

.datepickerHolder input[type="text"] { background: #FFFFFF url("../files/images/icons/icon-calendar.svg") no-repeat; background-position: right 20px center; background-size: 18px 18px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; margin-bottom: 0; }

.calendarDate { display: none; }

.ui-datepicker { position: absolute; z-index: 10; width: calc(100% - 10px); max-width: 350px; min-width: 272px; margin: 12px 0 0; padding: 0 12px 20px; box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.15); border-radius: 2px; /* Only affects medium screens and larger */ }

@media screen and (max-width: 413px) { .ui-datepicker { left: 50%; margin-left: -155px; width: 310px; } }

.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight { color: #454545; }

.ui-datepicker .ui-datepicker-header { height: 47px; padding: 15px 0 0; margin: 0 -12px; background: #00338d; border: 0; color: #FFFFFF; }

.ui-datepicker .ui-datepicker-title { margin: 0; padding: 0; font-weight: 700; font-size: 1.0625rem; line-height: 1; font-family: "FSJoeyWeb-Regular"; }

.ui-datepicker table { margin: 15px 0 0; padding: 0; }

.ui-datepicker td { padding: 0; font-size: 1.0625rem; line-height: 1; text-align: center; }

.ui-datepicker td a { display: inline-block; width: 32px; height: 32px; padding-top: 8px; font-family: "FSJoeyWeb-Regular"; font-weight: 500; text-align: center; color: #FFFFFF; border-radius: 50%; }

.ui-datepicker td span { display: inline-block; width: 32px; height: 32px; padding-top: 8px; font-family: "FSJoeyWeb-Regular"; font-weight: 500; color: #191919; text-align: center; }

.ui-datepicker th { font-size: 1.0625rem; line-height: 1; text-align: center; padding: 8px 0; font-family: "FSJoeyWeb-Regular"; font-weight: 500; color: #191919; }

@media screen and (min-width: 48em) { .ui-datepicker th { /* Only affects medium screens and larger */ padding: 8px; } }

.ui-datepicker .ui-datepicker-prev { width: 2.8em; margin-top: 7px; cursor: pointer; left: 0; top: 0; }

.ui-datepicker .ui-datepicker-prev span { width: 12px; height: 19px; margin-left: -4px; }

.ui-datepicker .ui-datepicker-next { width: 2.8em; margin-top: 7px; cursor: pointer; right: 0; top: 0; }

.ui-datepicker .ui-datepicker-next span { width: 12px; height: 19px; margin-left: -4px; margin-top: -7px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 0; top: 0; }

.ui-datepicker .ui-datepicker-next-hover { right: 0; top: 0; }

.ui-datepicker a.ui-state-default.ui-state-active { background: #15c6cb; color: #fff; }

.ui-datepicker a.ui-state-default.ui-state-active.ui-state-hover { background: #15c6cb; }

.ui-datepicker a.ui-state-default.ui-state-hover { background: #15c6cb; color: #FFFFFF; transition: all .15s ease-in; }

.ui-datepicker a.ui-state-default.ui-state-highlight.ui-state-active { background: #15c6cb; }

.ui-state-default { background: transparent none; border: 0; text-align: center; }

.ui-icon, .ui-widget-header .ui-icon.ui-icon-circle-triangle-e, .ui-widget-content .ui-icon.ui-icon-circle-triangle-e { background: url("../files/images/buttons/btn-calendar-next.png") no-repeat; background-size: 12px 19px; }

.ui-icon, .ui-widget-header .ui-icon.ui-icon-circle-triangle-w, .ui-widget-content .ui-icon.ui-icon-circle-triangle-w { background: url("../files/images/buttons/btn-calendar-prev.png") no-repeat; background-size: 12px 19px; }

.ui-widget-content .ui-state-default { background: transparent none; border: 0; text-align: center; }

.ui-widget-header .ui-state-default { background: transparent none; border: 0; text-align: center; }

.ui-datepicker-header .ui-state-hover { background: transparent none; border: 0; }

td.ui-state-disabled { opacity: 1.0; }