#agenwebsite_shipping_check_ongkir_tab_container.row{margin-left:-0.75rem;margin-right:-0.75rem;}
#agenwebsite_shipping_check_ongkir_tab_container.row:after{content:"";display:block;clear:both;}
#agenwebsite_shipping_check_ongkir_tab_container.row .co-lom{float:left;-webkit-box-sizing: border-box;-mox-box-sizing: border-box; box-sizing:border-box;padding:0 0.75rem;}
#agenwebsite_shipping_check_ongkir_tab_container.row .co-lom select{width:100%;}
#agenwebsite_shipping_check_ongkir_tab_container .co-lom.co-12 {padding: 0.75rem; width: 100%;}
#agenwebsite_shipping_check_ongkir_tab_container .co-lom input[type='text']{width:100%;}

.agenwebsite_shipping_check_ongkir_tab.agenwebsite_shipping_check_ongkir_tab_loader,
.agenwebsite_shipping_check_ongkir_widget.agenwebsite_shipping_check_ongkir_widget_loader,
.agenwebsite_shipping_check_ongkir_shortcode.agenwebsite_shipping_check_ongkir_shortcode_loader{
    position:relative;
}

.agenwebsite_shipping_check_ongkir_tab.agenwebsite_shipping_check_ongkir_tab_loader #agenwebsite_shipping_check_ongkir_tab_loader,
.agenwebsite_shipping_check_ongkir_widget.agenwebsite_shipping_check_ongkir_widget_loader #agenwebsite_shipping_check_ongkir_widget_loader,
.agenwebsite_shipping_check_ongkir_shortcode.agenwebsite_shipping_check_ongkir_shortcode_loader #agenwebsite_shipping_check_ongkir_shortcode_loader{
    height:1em;
    width:1em;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-.5em;
    margin-top:-.5em;
    display:block;
    -webkit-animation:spin 1s ease-in-out infinite;
    -moz-animation:spin 1s ease-in-out infinite;
    animation:spin 1s ease-in-out infinite;
    content:"";
    background:center center/cover;
    line-height:1;
    text-align:center;
    font-size:2em;
    color:rgba(0,0,0,.75)
}

.agenwebsite_shipping_check_ongkir_tab.agenwebsite_shipping_check_ongkir_tab_loader:before,
.agenwebsite_shipping_check_ongkir_widget.agenwebsite_shipping_check_ongkir_widget_loader:before,
.agenwebsite_shipping_check_ongkir_shortcode.agenwebsite_shipping_check_ongkir_shortcode_loader:before{
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(255, 255, 255, 0.5);
    z-index: 9;
}

.agenwebsite_shipping_check_ongkir_tab .select2-container .select2-choice,
.agenwebsite_shipping_check_ongkir_widget .select2-container .select2-choice,
.agenwebsite_shipping_check_ongkir_shortcode .select2-container .select2-choice{
    padding:5px;
}

#agenwebsite_shipping_check_ongkir_widget_container p,
#agenwebsite_shipping_check_ongkir_shortcode_container p{
    margin-bottom:10px;
}

#agenwebsite_shipping_check_ongkir_widget_container select,
#agenwebsite_shipping_check_ongkir_shortcode_container select,
#agenwebsite_shipping_check_ongkir_tab_container .select2-container{
    width: 90% !important;
}

#agenwebsite_shipping_check_ongkir_widget_berat,
#agenwebsite_shipping_check_ongkir_shortcode_berat{
    display:block;
    width:90%;
    padding:5px;
    border-radius:3px;
    background-color:#fff;
    border:1px solid #ccc;
}

#agenwebsite_shipping_check_ongkir_tab_result {
    margin-top: 20px;
}

#agenwebsite_shipping_check_ongkir_widget_result .layanan,
#agenwebsite_shipping_check_ongkir_shortcode_result .layanan,
#agenwebsite_shipping_check_ongkir_tab_result .layanan{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
    background-repeat: no-repeat;
    background-position: right center;
}

#agenwebsite_shipping_check_ongkir_widget_result .nama_paket,
#agenwebsite_shipping_check_ongkir_shortcode_result .nama_paket,
#agenwebsite_shipping_check_ongkir_tab_result .nama_paket{
    font-weight:700;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/* Desktop */
@media only screen and (min-width : 993px) {
    .row .co-lom.co-3{
        width:33.33333%;
        margin-left:0;
    }
}

/* Tablet and Mobile */
@media only screen and (max-width : 992px) {
    .row .co-lom.co-3{
        width:100%;
        margin-left:0;
        margin-bottom:10px;
    }
}