#nacs-delivery-fields {
    margin-top: 1em;
    padding: 1em;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fafafa;
}

.nacs-cart-schedule-wrap {
    margin-bottom: 18px;
}

#nacs-delivery-fields h3 {
    margin-bottom: 0.75em;
}

#nacs_schedule_instructions_field.nacs-hidden-field {
    display: none;
}

#nacs_delivery_date_display,
#nacs_delivery_slot {
    min-height: 42px;
}

#nacs_delivery_date_display {
    padding-right: 36px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Crect x='3' y='4' width='14' height='13' rx='2' stroke='%23646970' stroke-width='1.5'/%3E%3Cpath d='M6 2.8V5.2M14 2.8V5.2M3 7.5H17' stroke='%23646970' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 16px !important;
}

#ui-datepicker-div {
    display: none;
    z-index: 99999 !important;
    width: 280px;
    padding: 10px;
    border: 1px solid #dcdcde;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

#ui-datepicker-div .ui-datepicker-header {
    border: 0;
    background: transparent;
    padding: 2px 0 10px;
    position: relative;
}

#ui-datepicker-div .ui-datepicker-title {
    font-weight: 600;
    color: #1d2327;
    margin: 0 42px;
    text-align: center;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    top: 2px;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border: 1px solid #dcdcde;
    border-radius: 999px;
    position: absolute;
    display: block;
    position: absolute;
    overflow: visible;
    font-size: 14px;
    line-height: 28px;
    color: transparent;
    background: #fff;
}

#ui-datepicker-div .ui-datepicker-prev {
    left: 0;
}

#ui-datepicker-div .ui-datepicker-next {
    right: 0;
}

#ui-datepicker-div .ui-datepicker-prev .ui-icon,
#ui-datepicker-div .ui-datepicker-next .ui-icon {
    display: none;
}

#ui-datepicker-div .ui-datepicker-prev::before,
#ui-datepicker-div .ui-datepicker-next::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    line-height: 1;
    color: #1d2327 !important;
    pointer-events: none;
}

#ui-datepicker-div .ui-datepicker-prev::before {
    content: "‹" !important;
}

#ui-datepicker-div .ui-datepicker-next::before {
    content: "›" !important;
}

#ui-datepicker-div table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

#ui-datepicker-div th {
    padding: 6px 0;
    color: #646970;
    font-weight: 600;
}

#ui-datepicker-div td {
    text-align: center;
    padding: 2px;
}

#ui-datepicker-div td a,
#ui-datepicker-div td span {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
    text-decoration: none;
}

#ui-datepicker-div td a {
    color: #1d2327;
}

#ui-datepicker-div td a:hover {
    background: #f0f6fc;
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-state-active:hover {
    background: #2271b1;
    color: #fff !important;
}

#ui-datepicker-div .ui-state-disabled span {
    color: #9ea3a8;
}

.ui-datepicker .nacs-holiday-date span,
.ui-datepicker .nacs-holiday-date a {
    color: #b42318 !important;
    text-decoration: line-through;
    opacity: 0.8;
}

.ui-datepicker .nacs-cutoff-date span,
.ui-datepicker .nacs-cutoff-date a {
    color: #8c8f94 !important;
}
