.delivery-picker {
    background-color: #FFFFFF;
//    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
    overflow: hidden;
}

.delivery-days-wrapper {
    background-color: #FFFFFF;
    width: 100%;
}

.delivery-days-wrapper .ListRecords {
    display: flex;
}

.delivery-days-wrapper .ListRecords > span {
    width: 100%;
}

.delivery-days-wrapper > div {
    overflow-x: auto !important;
    white-space: nowrap;
}

.delivery-day-item {
    color: rgba(30, 30, 30, 0.5);
    background-color: #F8F8F8;
    text-transform: uppercase;
    width: 100%;
    height: 71px;
}

.delivery-day-item.selected {
    color: #000;
    background-color: #FFF;
}

.delivery-day-item .day-item {
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
}

.delivery-day-item .date-item {
    font-size: 21px;
    line-height: 28px;
}

.delivery-day-item .month-item {
    font-size: 9px;
    letter-spacing: 0.3px;
    line-height: 13px;
}

.delivery-day-item.selected .date-item {
    font-weight: 600; 
}


.slots-wrapper {
    padding-top: 10px;
}

.slot-item.selected .schedule-item {
    font-weight: bold;
}

.slot-item .cost-item {
    color: #999999; 
}

.slot-item .circle {
    height: 28px;
    width: 28px;
    border-radius: 14px;
    background-color: #E4F5F6;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

.slot-item.selected .circle {
    background-color: #E24384;
}

.slot-item .circle .circle2 {
    display: none;
    height: 15px;
    width: 15px;
    border-radius: 7.5px;
    background: #FFFFFF;
}

.slot-item.selected .circle .circle2 {
    display: block;
}