/* 

blue    = #399cc2
green   = #99cc55

*/
#e_deliverydate_field,
#orddd_time_slot_field {
    margin: 0;
    padding: 0;
    width: 100%;
}
.woocommerce form .form-row #e_deliverydate, 
.woocommerce-page form .form-row #e_deliverydate,
#e_deliverydate_field > label,
#orddd_time_slot_field > .woocommerce-input-wrapper,
#orddd_time_slot_field > label,
#orddd_lite_time_slot_field > label{
    width:50%;
}
#orddd_time_slot_field #orddd_time_slot + span{
    width:50% !important;
}

#orddd_lite_time_slot_field .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 2em;
}

#orddd_lite_time_slot_field > label + span{
    display: block;
}
#orddd_lite_time_slot_field .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff;
    border-color: #ccc;
}
#orddd_lite_time_slot_field .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #ccc;
}
.orddd_lite_field_note,
.orddd_lite_time_slot_field_note{
    font-size: 85% !important;
    font-style: italic;
    padding-bottom: 16px;
    position: relative;
    padding-top: 4px;
    display: inline-block;
}
.orddd_lite_time_slot_field_note{
    margin-top:6px;
}
#e_deliverydate_field {
    margin-top: 32px;
}
#orddd_time_slot_field{
    margin-bottom: 32px;
}


.ui-widget-header{
    background: #399cc2 !important;
}

.ui-datepicker td {
    padding: 1px !important;
    border: 1px solid transparent !important;
    font-size: 16px;
    line-height: 1.2;
}
.ui-state-disabled, 
.ui-widget-content .ui-state-disabled, 
.ui-widget-header .ui-state-disabled {
    opacity: .5 !important;
}
.ui-datepicker td.ui-state-disabled .ui-state-default {
    opacity: .5 !important;
    color: #333 !important;
}
.ui-widget-content td:not(.ui-state-disabled) > .ui-state-default{
    color: #333 !important;
    background: #99cc55 !important;
    box-shadow: 0 0 0px 1px rgba(0,0,0,0.25) inset;
}
.ui-widget-content td:not(.ui-state-disabled):hover > .ui-state-default{
    background: #399cc2 !important;
}


.ui-datepicker td:focus ,
.ui-datepicker td > .ui-state-default:focus {
    outline: none;
}


.ui-datepicker td.ui-datepicker-today{
    opacity: 1 !important;
    background: transparent !important;
}
.ui-datepicker td.ui-datepicker-today .ui-state-default{
    background: #fff !important;
    opacity: 1 !important;
    color: #333 !important;
    box-shadow: 0 0 0px 1px #99cc55 inset;
}



.ui-datepicker td.ui-datepicker-current-day{
    opacity: 1 !important;
    background: transparent !important;
    color: #fff !important;
}
.ui-datepicker td.ui-datepicker-current-day .ui-state-default{
    background: #399cc2 !important;
    color: #fff !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    border-radius: 6px;
}