* { box-sizing: border-box; }
body{ font-family: Arial,Sans-serif; }

.cart-main-conatiner{
    display: flex;
    flex-direction: row;
}
.cart-left-conatiner{
    width: 75%;
    padding: 0px;
}
.cart-right-conatiner{
    width: 25%;
    padding: 0px;
}
.checkoutcontainer
{
    border: solid 1px #d5d5d5;
    background-color: white;
    padding: 10px;
    margin: 10px;
    border-radius: 4px;
}
.cart_main_container{
    display: flex;
    flex-direction: row;
    /*border-bottom : solid 1px #ccc;*/
    padding-top: 2px;
    padding-bottom: 2px;
}
.cart_sub_left{ width: 110px; padding-right: 10px; }
.cart_sub_center{ width: 70%; padding: 10px; background-color: #f9f9f9; }
.cart_sub_right{ width: 30%; padding: 10px; background-color: #f9f9f9; text-align: right; }

 h1.proname{ font-size: 16px; font-weight: 400; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 6px;}
.qty_listbox{ padding: 4px; cursor: pointer;}
.qty_text{ color: #4e4e4e; font-size: 14px; }
.price_txt{ font-size: 14px; color: #0f1111; font-weight: 540; }
.price_container{ padding-top: 5px; padding-bottom: 5px; }
.currency_symbol{ position: relative; top: -0.7em; font-size: 10px; }
.btn_delete{ background-color: #eeeeee; color: black; font-size: 12px; padding: 7px; border-radius: 4px; border: none; cursor: pointer; }

.address-main-conatiner{
    display: flex;
    flex-direction: row;
}
.address-left-conatiner{
    width: 33.3%;
    padding: 10px;
}
.address-center-conatiner{
    width: 33.3%;
    padding: 10px;
}
.address-right-conatiner{
    width: 33.3%;
    padding: 10px;
}

.payment-main-conatiner{
    display: flex;
    flex-direction: row;
}
.payment-left-conatiner{
    width: 50%;
    padding: 20px;
}
.payment-right-conatiner{
    width: 50%;
    padding: 20px;
}

.delivery-main-conatiner{
    display: flex;
    flex-direction: row;
}
.delivery-left-conatiner{
    width: 50%;
    padding: 10px;
}
.delivery-right-conatiner{
    width: 50%;
    padding: 20px;
}

.address-container{
    padding: 4px;
    background-color: white;
    position: relative;
}

.lbl{
    margin-bottom: 2px;
    font-weight: 700;
    display: block;
    font-size: 13px;
}
.txt_box{
    border: solid 1px #d1d1d1;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 8px;
}
.select_box{
    border: solid 1px #d1d1d1;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 10px;
}
.payment_method_info{
    background-color: #eaf4fb;
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 20px;
}
.pay_method_list-container{ border-radius: 4px; padding: 6px;  border-top: solid 1px #eee; border-bottom: solid 1px #eee; }
.pay_list-box{ padding: 14px; border: solid 1px white; border-radius: 4px; font-size: 14px; }
.pay_list-box:hover{ background-color: #fdf5ef; border: solid 1px #f6daa1; cursor: pointer; }
.delivery_info-container{ border-radius: 4px; padding: 10px; margin-top: 10px; }
.confirm_btn{ padding: 12px; background-color: #ff9800; color: white; border-radius: 4px; border: none; font-weight: bold; width: 400px; }
.confirm_btn:hover{ cursor: pointer; }
.disablebtn{ padding: 12px; background-color: #eee; color: white; border-radius: 4px; border: none; font-weight: bold; width: 400px; }
.payment-selbox
{
    border: solid 1px #d1d1d1;
    padding: 10px;
    border-radius: 4px;
    background-color: #eee;
    width: 100%;
    margin-bottom: 8px;
    cursor: pointer;
}


.selected_addr_container
{
    line-height: 1.3; font-size: 13px; border-radius: 4px; height: 132px;
}
#outer-container
{
    display: none; margin: auto; position: fixed; z-index: 1; left: 0px; right: 0px; top: 0px; bottom: 0px;  background-color: #00000070;
}
#outer-newaddr-container
{
    display: none; margin: auto; position: fixed; z-index: 1; left: 0px; right: 0px; top: 0px; bottom: 0px;  background-color: #00000070;
}
#addr_lists
{
    margin: auto; position: fixed; z-index: 2; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 300px; height: 70vh; background-color: white; border: solid 1px #eee;
}
.add-change-close-container
{
    height: 32px; padding: 6px; margin-bottom: 6px; background-color: #eee; position: relative;
}
.addr-change-closebtn
{
    cursor: pointer; background-color: red; padding: 6px 10px 6px 10px; border: none; border-radius: 4px; position: absolute; right: 0px; top: 0px; color: white;
}
.order-place-btn
{
    padding: 12px; border: none; background-color: #febd69; border-radius: 4px; cursor: pointer; color: black; border: solid 1px #bbbbbb; font-size: 14px; width: 260px;
}
#newaddress-container
{
    margin: auto; position: fixed; z-index: 2; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 400px; height: 90vh; background-color: white; border: solid 1px #eee; border-radius: 4px;
}
.addr-davebtn
{
     width: 100%; padding: 10px; border: none; background-color: #febd69; border-radius: 4px; cursor: pointer; color: black; border: solid 1px #bbbbbb; font-size: 13px;
}
.cart-add-btn
{
	width: 30px; height: 26px; padding-top: 3px; border: none; background-color: white; border-radius: 0px 14px 14px 0px;
	cursor: pointer;
}
.cart-minus-btn
{
	width: 30px; height: 26px; border: none; background-color: white; border-radius: 14px 0px 0px 14px;
	cursor: pointer; padding-top: 4px; padding-left: 9px;
}
.cart-qty-txt
{
	width: 44px; padding: 5.5px 0px 5.5px 0px; text-align: center; box-sizing: border-box; border: none; font-weight: bold; font-size: 14px; outline: none;
}
.cart-change-container
{
	display: flex; align-items: center; border: solid 2px #ffb850; width: 105px; border-radius: 50px;
}

@media screen and (max-width: 768px) {
     /*body{ margin-left: 10px; margin-right: 10px; margin-top: 80px; position: fixed: }*/
    .cart-main-conatiner, .address-main-conatiner, .payment-main-conatiner, .delivery-main-conatiner
    {
        flex-direction: column;
    }
    .cart-left-conatiner, .cart-right-conatiner, .address-left-conatiner, .address-center-conatiner, .address-right-conatiner, .payment-left-conatiner, .payment-right-conatiner, .delivery-left-conatiner, .delivery-right-conatiner
    {
        width: 100%;
        padding: 4px;
    }
    .disablebtn, .confirm_btn
    {
        width: 100%; 
    }
}