/** Bigpost Widget Css **/

.hide {
    display:none !important;
}

#bigpost-widget {
    text-align:left;
    position:relative;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
}

div#bigpost-widget p {
    color: white !important;
}

#suburb_list {
    background-color:black !important;
    overflow-y:auto;
    height:150px;
}

#suburb_list li {
    padding: 3px;
}

#suburb_list li input{
    display:inline-block;
}

#suburb_list li label{
    display:inline-block;
    width:80% !important;
}

#suburb_list li:hover {
    background:royalblue;
    color:white;
}

.suburb-radios {
    display:none !important;
}

#bigpost-widget .options_inner {
    margin: 5px 0px;
}

#bigpost-widget .radioitem {
    position:relative;
    display:inline-block;
    padding-right:10px;
    margin-top:5px;
}

#bigpost-widget .radioitem label {
    display:inline-block;
}

#bigpost-widget .lbl_inner, #bigpost-widget .quotation-details strong {
    display:inline-block;
    vertical-align:top;
    padding-top:6px;
}

#bigpost-widget #loader {
    position: absolute !important;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    z-index: 9999;
    background: url(../images/page_load.gif) center no-repeat rgba(255,255,255, 0.8);
}

#bigpost-modal .modal-content {
    margin-top: 2%;
    margin-bottom:2%;
}

#bigpost-modal #bigpost-widget table tbody tr:nth-child(3) td > div.suburb-filled {
    position:relative;
}

#bigpost-modal #bigpost-widget table tbody tr:nth-child(3) td > div.suburb-filled:before {
    position: absolute;
    content: "";
    top: 70px;
    right: 0px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: url(../images/arrow_dd.png) no-repeat;
}

#bigpost-modal #bigpost-widget #suburb:before {
    position: absolute;
    content: "";
    top:0px;
    height:20px;
    background:red;
}


@media (max-width: 600px) {
    #bigpost-modal .modal-content {
        width:100%;
        height:100%;
        margin-top:0px;
    }
    
    #bigpost-modal .options_inner .radioitem {
        width:100%;
    }
    
    #bigpost-modal .options_inner .lbl_inner {
        width: 80%;
    }
    
    .checkout_shipping #bigpost-widget #authorization .radioitem {
        width: 100%;
    }
    
    .checkout_shipping #bigpost-widget .quotation-details strong {
        margin-bottom:10px;
    }
    
    .checkout_shipping #bigpost-widget #authorization .lbl_inner, .checkout_shipping #bigpost-widget .quotation-details strong {
        width: 65%;
        padding-top: 0px;
    }
}

/*Checkout page*/
.checkout_contacts #suburb {
    margin-top:0px;
    padding:0px;
}

.checkout_shipping #bigpost-widget {
    float:left;
    width: 100%;
}

.checkout_shipping #bigpost-widget #loader {
    border-radius:2px;
}

.checkout_contacts select.valid {
    border:unset !important;
}
.checkout_contacts #street {
    float: left;
    width: 100%;
    margin-left: 0%;
}

.checkout_contacts #stateselect {
    padding-top: 35px;
    padding-bottom: 0;
    text-transform: capitalize;
}

.checkout_shipping .selectlabel {
    line-height:30px;
}

.checkout_shipping .selectlabel input {
    float:left;
}

#bigpost-widget input.widget-input[type=text] {
    padding:10px;
    background: #3e3e3e;
    color:white;
}

#bigpost-widget input[type="checkbox"]::before, #bigpost-widget input[type="radio"]::before {
    padding-bottom:50% !important;
}

.checkout_shipping  #bonnetriskmesage label > input[type=checkbox], .checkout_shipping .labeloptions label > input[type=checkbox] {
    float:left;
    appearance:none;
    -webkit-appearance:none;
    outline:none;
}

.checkout_shipping  #bonnetriskmesage label, .checkout_shipping .labeloptions label{
    line-height:30px;
}