﻿.step-checkout{width: 85%;max-width: 1150px;}
.step-checkout .box-ubah{overflow-y: auto;overflow-x: hidden;}
.step-checkout .modal-content{border-top: 12px solid #ffc000;}
.step-checkout .register-step:before{height: 3px;z-index: 0;width: 70%;}
.step-checkout .step{position: relative;width: 33%;}
.step-checkout.registration .step{position: relative;width: 25%;}
.step-checkout .register-step{margin-top: 0;margin-bottom: 40px;}
.step-checkout .step.active .step-number{background:#ffb300}
.step-checkout .step-name {padding-top: 12px;font-size: 15px;color: #646464;font-weight: bold;text-transform: none;opacity: 1;}
.step-checkout .barang-yang-anda-pesan.table-ringkasan .nama-barang{font-size:18px}
.step-checkout .barang-yang-anda-pesan.table-ringkasan .jumlah-barang {font-size: 12px;font-weight:normal}
.step-checkout .barang-yang-anda-pesan.table-ringkasan .harga-barang{font-weight:normal}
.step-checkout .radio-pengiriman select{width: 160px;margin-right: 15px;padding: 5px 12px;}
.harga-pilih-tambahan{font-weight: 300;font-size: 15px;float: right}
.pilihan-tambahan select{margin-right: 15px;padding: 5px 12px;border-radius: 9px;outline: none;font-size: 14px;font-weight: 300;}
.pilihan-tambahan{margin-top:-15px;margin-bottom: 25px;}
.step-checkout .btn-orange{color: #fff!important;}
.step-checkout .div-pengiriman{border-top: 15px solid #ffb300;border-radius: 5px;border-right:0;border-left:0;border-bottom:0;overflow: hidden;margin-top: 25px;}
.div-select-tambahan{float:left}
.pilihan-tambahan .one-option{float:left;margin:5px;}
.pilihan-tambahan .one-option select{min-width: 150px !important;background: #fff; }
.pilihan-tambahan .one-option select option {height: 500px;}

.dropship-label{color: #646464;font-weight: bold!important;}
.form-dropship label{font-weight:300;}
.login-tamu [type="radio"]:checked,
.login-tamu [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.login-tamu [type="radio"]:checked + label,
.login-tamu [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: block;
    color: #000;
    font-weight: 300;
    font-size: 15px;
}
.login-tamu [type="radio"]:checked + label:before,
.login-tamu [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.login-tamu [type="radio"]:checked + label:after,
.login-tamu [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.login-tamu [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.login-tamu [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.login-tamu .radio-pengiriman {margin-bottom: 15px;}
.image-bottom .text{font-weight:300;margin-right:40px}
.image-bottom {margin-top:100px}
.image-bottom img{margin-top:-20px}
.getImportant {z-index: 20000!important}
@media (max-width:1199px){
	.step-checkout .radio-pengiriman select {width: auto;}
}
@media (max-width:767px) {
	.form-dropship label{margin-bottom: 5px;}
	.pilihan-tambahan .one-option{float:none;}
	.pilihan-tambahan .one-option:first-child{float:none;}
	.div-select-tambahan{margin-left: 25px;}
	.step-checkout .content-pengiriman {padding: 10px 5px;}
	.step-checkout .register-step {margin-top: 0;}
	.step-checkout{width:auto}
	.step-checkout .modal-content{padding:8px 10px!important}
	.step-checkout .modal-body{padding:0}
	.step-checkout .radio-pengiriman select {margin: 5px 0;width: 100%!important;}
}