/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .pisol-dpp-form-container{
    width:40%;
    background:#fff;
    margin:auto;
    position:relative;
}

.pisol-dpp-content{
    padding:20px;
}

.pisol-dpp-title{
    background:#000;
    padding:10px;
    font-size:20px;
    color:#fff;
}

.mfp-close{
    background:transparent !important;
    width:40px;
    height:40px;
}

.pi-dpp-delivery-type-container, .pi-dpp-date-time-container{
    display:flex;
    margin-bottom:10px;
}

.pi-dpp-delivery-type-container input{
    display:none;
}

.pi-dpp-delivery-type-container label{
    flex:1;
    text-align:center;
    padding:10px;
    background:#ccc;
    cursor:pointer;
}

.pi-dpp-date-time-container .pi-dpp-date-time{
    flex:1;
}

.pi-dpp-date-time-container .pi-dpp-date-container{
    padding-right:5px;
}

.pi-dpp-date-time-container .pi-dpp-time-container{
    padding-left:5px;
}

.pi-dpp-delivery-type-container input:checked+label{
    background:#F29;
    color:#fff;
}

.dpp-location-container{
    margin-bottom:10px;
}


#dpp-pi-delivery-date, #dpp-pi-delivery-time, #dpp-pickup-location{
    padding:10px;
    height:100%;
    display:block;
    width:100%;
}

.dpp-submit-container{
    text-align:center;
}

.dpp-msg{
    background:#ccc;
    font-size:16px;
    padding:5px;
    border-radius:2px;
    margin-bottom:10px;
    color:#000;
    text-align:center;
}

.dpp-error.dpp-msg{
    background:#F00;
    color:#fff;
}

#pisol-preference-badge{
    display:flex;
    align-items:center;
    padding:10px;
    background:#000000;
    color:#fff;
    text-decoration: none;
}

#pisol-preference-badge-container.pisol-badge-bottom-right{
    position:fixed;
    bottom:0;
    right:20px;
    z-index:100000000000000000000;
}

#pisol-preference-badge-container.pisol-badge-bottom-left{
    position:fixed;
    bottom:0;
    left:20px;
    z-index:100000000000000000000;
}

#pisol-preference-badge-container.pisol-badge-top-right{
    position:fixed;
    top:0;
    right:20px;
    z-index:100000000000000000000;
}

#pisol-preference-badge-container.pisol-badge-top-left{
    position:fixed;
    top:0;
    left:20px;
    z-index:100000000000000000000;
}

#pisol-preference-badge-container.pisol-badge-right-center{
    position:fixed;
    top:50%;
    right:0px;
    z-index:100000000000000000000;
}

#pisol-preference-badge-container.pisol-badge-left-center{
    position:fixed;
    top:50%;
    left:0px;
    z-index:100000000000000000000;
}

#pisol-preference-badge-container{
    z-index:100000000000000000000 !important;
}

#pisol-preference-badge-container.pisol-badge-right-center a{
    transform: rotate(-90deg);
}

#pisol-preference-badge-container.pisol-badge-left-center a{
    transform: rotate(90deg);
}

#ui-datepicker-div{
    z-index:1000000000 !important;
}

.pisol-badge-icon{
    max-height:20px;
    width:auto;
    display:inline-block;
    margin-right:15px;
}

@media (max-width:968px){
    .pisol-dpp-form-container{
        width:100%;
    }
}