﻿@media (max-width: 1024px) {
    .checkout-before-top .akasha-checkout-login, .checkout-before-top .akasha-checkout-coupon, .checkout-before-top .akasha-checkout-signup {
        padding: 0px !important;
    }
}

.checkout-before-top {
    overflow: hidden;
}

.akasha-checkout-login {
    margin-left: 0 !important;
}

.checkout-before-top .akasha-checkout-coupon {
    float: left;
    padding-right: 0 !important;
}

.checkout-before-top .akasha-checkout-login {
    padding-left: 0 !important;
}

.checkout-before-top .akasha-checkout-login,
.checkout-before-top .akasha-checkout-coupon, .checkout-before-top .akasha-checkout-signup {
    width: 33.33%;
    float: left;
    padding: 5px;
}

.checkout-before-top .akasha-checkout-coupon {
    float: left;
}

form.akasha-checkout {
    position: relative;
}

    form.akasha-checkout::before,
    form.akasha-checkout::after {
        content: '';
        display: table;
    }

    form.akasha-checkout::after {
        clear: both;
    }

.checkout-before-top .akasha-checkout-login,
.checkout-before-top .akasha-checkout-coupon, .checkout-before-top .akasha-checkout-signup, .akasha-checkout-signup .akasha-info {
    width: 100%;
    float: none;
}

.akasha-checkout-login .akasha-info, .akasha-checkout-coupon .akasha-info, .akasha-checkout-signup .akasha-info {
    padding: 13px 18px 24px 12px;
    background-color: #f4f4f4;
    border: none;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    border-radius: 0;
}

.activetab {
    border: 1px solid #ecdccd !important;
    background-color: #d0ac96 !important;
    color: #fff !important;
}
    .activetab a {
        color: #fff !important;
    }
.akasha {
    padding : 20px;
}
.akasha-info {
    border-color: #2196F3;
}
.checkout-before-top .akasha-checkout-login, .checkout-before-top .akasha-checkout-coupon, .checkout-before-top .akasha-checkout-signup {
    width: 33.33%;
    float: left;
    padding: 5px;
}
#customer_details {
    float: left;
    width: 66.5%; /*calc(100% - 480px);*/
}
#product_details {
    float: right;
    width: 33%;
}
#customer_details .col-1 {
    position: relative;
    background-color: #f4f4f4;
    border-radius: 0;
    width: 100%;
}
.akasha-checkout-login {
    margin-left: 0 !important;
}
    .akasha-checkout-login .akasha-form-login {
        padding: 35px 25px 10px 25px;
        background-color: #f4f4f4;
        margin-bottom: 30px;
    }
.form-row {
    margin-bottom: 5px;
    display: block;
    margin-left: 0;
    margin-right: 0;
}
    .form-row > label {
        display: block;
        margin-bottom: 5px;
        text-align: left;
    }
    .sizeguide .akasha-input-wrapper > select, .akasha-input-wrapper > input, .form-row > input {
        height: 30px;
        line-height: 30px;
    }
button#btnLogin {
    background: #000;
    color: #fff;
    width: 200px;
}
.form-row > input {
    height: 30px;
    line-height: 30px;
}

.akasha-input-wrapper > select, .akasha-input-wrapper > input, .form-row > input {
    width: 100%;
    height: 52px;
    line-height: 50px;
    background-color: #fff;
    border-color: #fff;
}

input[type="number"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="url"], textarea, select {
    border: 1px solid #dadada;
    padding: 0 20px;
    max-width: 100%;
    background-color: #fff;
    font-size: 14px;
    color: #868686;
    height: 40px;
    line-height: 40px;
    border-radius: 30px;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="url"], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
button, input[type="submit"], input[type="button"], .fami-btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #000000;
    padding: 0 15px;
    background: #ecdccd;
    border: none;
    border-radius: 30px;
    -webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
    -moz-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
    -o-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
    transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
}
a, body .az_custom_heading a {
    color: #000;
    text-decoration: none;
    -webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
    -moz-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
    -o-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
    transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s;
}
.product-image{
    width:100px !important;
}
/*.akasha-checkout-login .akasha-info::before, .akasha-checkout-coupon .akasha-info::before, .akasha-checkout-signup .akasha-info::before {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    background-color: #fff;
    content: "\f102";
    font-family: 'FlaticonNew', sans-serif;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    display: inline-block;
    position: absolute;*/
    /*top: 5px;*/
    /*left: 55px;
    letter-spacing: 0;
}*/
 #order_review {
   /* float: right;
    width: 480px;
    padding-left: 30px;*/
}
    #order_review .shop_table {
        background-color: #ffffff;
        border: solid 1px #000;
        /*border: 0;*/
        margin-bottom: 30px;
    }
.p-3 {
    padding: 1rem !important;
}
#payment {
    background-color: #ffffff;
    border: solid 1px #000;
    border-radius: 0;
}
    #payment ul {
        padding: 30px 30px 20px 30px;
        list-style: none;
    }
.wc_payment_method:not(:last-child) {
    padding-bottom: 20px;
}
#payment .input-radio {
    display: none;
}
    #payment .input-radio ~ label {
        position: relative;
        padding-left: 25px;
        line-height: 22px;
        color: #000;
        margin-bottom: 0;
        cursor: pointer;
    }
.payment_box {
    background-color: #e9e9e9;
    position: relative;
    padding: 15px;
    margin-top: 18px;
}
    .payment_box p:last-child {
        margin-bottom: 0;
    }
.form-row:last-child {
    margin-bottom: 0;
}
.place-order {
    text-align: center;
}
#payment .input-radio:checked + label::before {
    background-color: #000;
}

#payment .input-radio ~ label::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 2px;
}
button#btnPlaceOrder {
    background: #000;
    color: #fff;
}
#order_review_heading {
   /* float: right;
    width: 450px;*/
}
#order_review_heading {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: #000;
    padding: 25px;
    margin: 0;
}
.form-row-first {
    float: left;
    width: calc(50% - 15px);
}
.form-row-last {
    float: right;
    width: calc(50% - 15px);
}
.akasha-billing-fields > h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 25px;
    border-bottom: 1px solid #ebebeb;
    margin: 0;
}
.akasha-billing-fields__field-wrapper {
    padding: 30px 25px 35px 25px;
}
.checkout h4 {
    font-size: 16px;
}
/*.akasha-input-wrapper > select, .akasha-input-wrapper > input, .form-row > input {
    width: 100%;
    height: 52px;
    line-height: 50px;
    background-color: #fff !important;
    border-color: #fff;
}*/
.akasha-input-wrapper > select {
    width: 100%;
    height: 52px;
    line-height: 50px;
    background-color: #fff !important;
    border-color: #fff;
}
.akasha-input-wrapper > select {
    padding: 0 33px 0 15px;
    background: url(/Content/assets/img/select-arrow.png) center right no-repeat;
}

/*#cus_registration .input-radio:checked + label::before {
    background-color: #000;
}

#cus_registration .input-radio ~ label::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 2px;
}*/
/*.akasha-form__label-for-checkbox > span::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
akasha-form__label-for-checkbox .akasha-form__input-checkbox:checked + span::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    left: 6px;
    top: 6px;
}*/
.akasha-form__label-for-checkbox .akasha-form__input-checkbox {
    /*display: none;*/
}
textarea {
    display: block;
    line-height: 24px;
    padding: 15px 20px;
    height: auto;
    width: 100%;
    border-radius: 0;
    background-color: #fff;
    border-color: #fff;
}