.blocker {
    z-index: 999999 !important;
}

.deliverytype-container { -ms-flex:1.7;flex:1.7;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative }

@media screen and (min-width: 1030px) {
    .deliverytype-container {
        padding: 10px;
    }
}
@media screen and (min-width: 1030px) and (max-width: 1200px) {
    .deliverytype-container .deliverytype {
        background-color: #ededed;
        border-radius: 50px;
        padding: 10px 12px;
        font-size: 13px;
        font-weight: 600;
    }
}

.deliverytype-container .deliverytype {
    background-color: #ededed;
    border-radius: 50px;
    padding: 10px 15px 10px 20px;
    font-size: 15px;
    font-weight: 600;
}

.deliverytype-container .deliverytype:hover {
    cursor: pointer;
}
.deliverytype-container .deliverytype-popup {
    background-color: #fff;
    z-index: 100;
    position: absolute;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
    top: 85%;
    left: 20%;
    width: 400px;
    height: 470px;
    text-transform: capitalize;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
}
.deliverytype-container .deliverytype-popup > p {
    margin: 25px 0px;
    padding: 0px 10px;
    font-weight: 600;
    color: #000;
    font-size: 20px;
    width: 100%;
}
.deliverytype-container .deliverytype-popup .deliverytype-popup-options {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #000;
}
.deliverytype-container .deliverytype-popup .deliverytype-popup-options > div {
    font-size: 16px;
}
.deliverytype-container .deliverytype-popup .deliverytype-popup-options > div > input {
    /* margin-right: 10px; */
    outline: none !important;
}
.deliverytype-container .deliverytype-popup .delivery-selected .delivery-selected-button-container,
.deliverytype-container .deliverytype-popup .delivery-selected .delivery-selected-search {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
}
.deliverytype-container .deliverytype-popup .delivery-selected .delivery-selected-search input {
    box-shadow: none;
}
.deliverytype-container .deliverytype-popup .delivery-selected > .delivery-selected-text {
    margin-top: 25px;
    padding: 0px 5%;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    width: 100%;
}
.deliverytype-container .deliverytype-popup .pickup-selected {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
}
.deliverytype-container .deliverytype-popup .pickup-selected > p {
    margin-top: 25px;
    padding: 0px 5%;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    width: 100%;
}
.deliverytype-container:hover > .deliverytype-popup,
.deliverytype-popup:hover {
    display: -ms-flexbox;
    display: flex;
}

i.fa.fa-search {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .deliverytype-container .deliverytype-popup { left: 50% !important; -webkit-transform: translateX(-50%); -mox-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
}
@media only screen and (max-width: 449px) {
    .deliverytype-container .deliverytype-popup { width: 300px; }
    .deliverytype-container .deliverytype-popup .deliverytype-popup-options > div { font-size: 13px; line-height: 20px; color: #000; }
    .deliverytype-container .deliverytype-popup .deliverytype-popup-options > div > input { margin: 3px 0px 0px; display: inline-block; vertical-align: top; }
    #pickupSelected { max-width: 92%; margin-left: 4%; }
}