mt-50 {
    margin-top: 50px;
}


mt-40 {
    margin-top: 40px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-16 {
    margin-bottom: 16px;
}


.mb-20 {
    margin-bottom: 20px;
}



.mb-30 {
    margin-bottom: 30px;
}



.mb-50 {
    margin-bottom: 50px;
}


.mt-t5 {
    margin-top: 9px !important;
}

.mb-768 {
    margin-bottom: 22px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
.w-12 {
    width: 12% !important
}

.w-80 {
    width: 80% !important
}

.f-size-14 {
    font-size:14px!important;
}

.f-size-16 {
    font-size: 16px !important;
}

input::placeholder,
textarea::placeholder {
    font-size: 16px;
}


/*.row > *

{
    padding-left: calc(var(--bs-gutter-x) * .0);
    padding-right: calc(var(--bs-gutter-x) * .0);
}
*/


/* Sepet Markaj s*/


.basket-column-title {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-top: 12px;
    display: block;
}


    .basket-column-title ul {
        position: relative;
        list-style-type: none;
        padding: 0px;
    }

        .basket-column-title ul li:first-child {
            width: 40%;
            float: left;
            text-align: left;
            padding-left: 25px;
            background-color: #ccc;
            height: 34px;
            line-height: 40px;
            font-weight: 400;
        }



        .basket-column-title ul li:nth-child(2),
        .basket-column-title ul li:nth-child(3),
        .basket-column-title ul li:nth-child(4) {
            width: 20%;
            float: left;
            text-align: center;
            background-color: #ccc;
            height: 34px;
            line-height: 40px;
            border-left: solid 1px #ebebeb;
            font-weight: 400;
        }



.basket-content {
    position: relative;
    width: 100%;
    padding: 20px 20px 16px 20px;
    display: block;
    margin-top: -1px;
}


    /*    .basket-content:hover {
        background-color: #f1f1f1;
    }
*/

    .basket-content ul {
        position: relative;
        list-style-type: none;
        padding: 0px;
        display: flex;
    }

        .basket-content ul li:first-child {
            width: 70%;
            text-align: left;
            height: 34px;
            line-height: 40px;
            font-weight: 400;
        }

            .basket-content ul li:first-child a {
                font-size: 18px;
                color: #000;
                font-weight: 400;
            }

                .basket-content ul li:first-child a:hover {
                    color: #ff0000;
                }


                .basket-content ul li:first-child a img {
                    float: left;
                    margin-right: 20px;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                }


        .basket-content ul li:nth-child(2) {
            width: 20%;
            text-align: center;
            /* height: 60px; */
            line-height: 100px;
            font-weight: 400;
            font-size: 14px;
        }

        .basket-content ul li:nth-child(3),
        .basket-content ul li:nth-child(4) {
            width: 5%;
            text-align: center;
            height: 80px;
            /*            line-height: 80px;*/
            font-weight: 400;
        }

.basket-header-contract {
    margin-bottom: 30px;
    border-top: solid 1px #ddd;
}


.basket-header-contract:last-child {
    border-bottom: solid 1px #ddd;
}
.basket-seller-info-contract {

    height: 38px;
    padding: 10px 20px;
    margin-bottom: 1px;
    font-size: 13px;
    border-bottom: none;

}
.basket-column-contract:last-child {
    border-bottom: solid 0px #f1f1f1;
}


.basket-column-contract:last-child {
    border-bottom: solid 0px #f1f1f1;
}

.order-title-contract {
    color: #000;
    font-size: 14px;
    margin-bottom: 20px;
    background-color: #e7e7e7;
    padding: 4px 12px;
    /* height: 30px; */
    /* line-height: 33px; */
    max-width: 300px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: inline-table;
}

.basket-content-contract {
    position: relative;
    width: 100%;
    padding: 20px 20px 34px 20px;
    /* display: block; */
    /* margin-top: -1px; */
    display: flex;
}

    .basket-content-contract ul {
        position: relative;
        list-style-type: none;
        padding: 0px;
        display: flex;
        width: 100%;
    }

        .basket-content-contract ul li:first-child {
            width: 70%;
            text-align: left;
            height: 34px;
            line-height: 40px;
            font-weight: 400;
            display: flex;
        }

.basket-image-contract {
    height: 46px;
}

.basket-content-contract ul li:first-child .product-name-contract {
text-align: left;
    font-weight: 400;
    font-size: 13px !important;
    color: #444;

    padding-left: 12px
}


.basket-content-contract ul li:nth-child(2) {
    width: 20%;
    text-align: center;
    /* height: 60px; */
    /* line-height: 100px; */
    font-weight: 400;
    height: 32px;
    line-height: 36px;
}

.basket-price-contract {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.basket-content-contract ul li:nth-child(3) {
    width: 5%;
    text-align: center;
    /* height: 80px; */
    /* line-height: 80px; */
    font-weight: 400;
}

.basket-quantity-input-m-contract {
    color: #333333;
    font-size: 14px;
    height: 32px;
    margin-right: 0;
    text-align: center;
    width: 36px;
    border: none;
    background: no-repeat;
}

/*{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}*/




.basket-column {
    border-bottom: solid 1px #f1f1f1;
}

    .basket-column:last-child {
        border-bottom: solid 0px #f1f1f1;
        width: calc(100% - 12px);
    }

.basket-header {
    margin-bottom: 30px;
    box-shadow: 0 1px 4px 0 rgb(168 222 186 / 5%);
    border: solid 1px #ddd;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: table;
    width: 100%;
}

.basket-seller-info {
    background-color: #f1f1f1;
    height: 38px;
    padding: 10px 20px;
    display: flex;
    margin-bottom: 1px;
    font-size: 13px;
    /* border: solid 1px #ddd; */
    border-bottom: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.basket-cargo-info {
    height: 34px;
    padding: 6px 20px;
    display: flex;
    /* border-left: solid 1px #ddd; */
    /* border-right: solid 1px #ddd; */
    border-bottom: solid 1px #ddd;
}

    .basket-cargo-info i {
        font-size: 16px;
        color: #ee8c00;
        margin-right: 8px;
    }

.basket-item {
    border: solid 1px #e2e2e2;
    margin-top: -1px;
    margin-bottom: 30px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}



.b-cargo,
.b-cargo .c-title {
    margin: 0px;
    display: block;
    font-size: 14px;
    color: #00782b;
    font-weight: 500;
    display: flex;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



    .b-cargo .c-cargo {
        font-size: 15px;
        color: #000;
    }

.basket-seller-info .s-title {
    font-size: 14px;
    font-weight: 500;
    color: #ee8c00;
}


    .basket-seller-info .s-title a {
        font-size: 13px;
        font-weight: 400;
        color: #000;
        text-decoration: none;
    }

        .basket-seller-info .s-title a:hover {
            color: #ff0000;
        }


.b-cargo .c-cargo {
    font-size: 14px;
    color: #00782b;
    font-weight: 500;
}


.empty-basket {
    width: 100%;
    border: solid 1px #ddd;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
    border-radius: 6px;
    color: #000;
    text-align: center;
    width: 100%;
}

.empty-basket img {
    height: 100px;
}

/*.card-body-basket {
    padding: 25px;
    border:0px;
    border-radius:0px;
}

.card-footer-basket {
    background-color: #ebebeb;
}*/

.basket-content ul li:first-child .product-name {
    padding: 20px 25px 0px 0px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #444;
    /* height: 80px; */
}

/*.basket-content ul li:first-child  .product-code {
    padding: 0px 25px 10px 40px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #7d7d7d;
    display:block;
}
*/

.piece-column {
    /* text-align: center; */
    padding: 0px 10px 10px 10px;
    /* display: inline-block; */
}

.delete-column {
    height: 94px;
    line-height: 96px;
    text-align: left;
    width: 50px;
}

.btn-delete {
    text-align: center;
    cursor: pointer;
    color: #7d7d7d;
    background: none;
    border: none;
    font-size: 17px;
}

    .btn-delete:hover {
        color: #ff0000;
    }

.basket-quantity-input-m {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    margin-right: 0;
    text-align: center;
    width: 36px;
    border: none;
    line-height: 30px;
}

.price-detail-basket {
    font-weight: 400;
    color: red;
    text-decoration: line-through;
}

/*.cart-plus-minus-basket .qty-basket {
    border: 1px solid #e0e0e0;
    color: #333333;
    float: left;
    font-size: 18px;
    font-weight: 900;
    height: 30px;
    margin-right: 0;
    padding: 6px 1px 5px 1px;
    text-align: center;
    width: 50px;
}*/


/*.basket-quantity-minus-m {
 
    color: #333333;
    font-size: 16px;
    line-height: 38px;

    height: 32px;
    float: left;
    cursor: pointer;
    width: 36px;
    text-align: center;
    font-weight: 500;
    border-radius: 4px;
    border: solid 1px #ddd;
}*/

.dec.qtybutton-basket-m:hover,
.inc.qtybutton-basket-m:hover {
    background-color: #00782b;
    color: #fff
}

.basket-quantity-minus-m, .basket-quantity-plus-m {
    border-left: none;
    font-size: 19px;
    line-height: 32px;
    height: 32px;
    cursor: pointer;
    width: 36px;
    text-align: center;
    font-weight: 400;
    border-radius: 4px;
    border: solid 1px #ddd;
    color: #048c34
}


    .basket-quantity-minus-m:hover,
    .basket-quantity-plus-m:hover {
        background-color: #f1f1f1;
    }

.cart-plus-minus-basket label {
    display: inline-block;
    float: left;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin-right: 10px
}

.cart-plus-minus-basket {
    display: inline-block;
    float: left;
    margin-right: 18px
}

.price-detail-basket {
    font-weight: 400;
    color: red;
    text-decoration: line-through;
}

.basket-image {
    height: 80px
}

.order-summery-basket {
    border: solid 1px #ddd;
    border-radius: 6px;
/*    padding: 20px 20px;*/
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
}

.Odeme-RightLine .Left {
    line-height: 16px;
    font-size: 14px;
    color: #000;
    float: left;
    font-weight: 700;
    height: 28px;
    display: flex;
}

    .Odeme-RightLine .Left i {
        margin-right: 6px;
        color: #7d7d7d;
    }

    .Odeme-RightLine .Left span {
        font-size: 14px;
        font-weight: 400;
        width: 100px;
        /* white-space: nowrap; */
        overflow: hidden;
        /* text-overflow: ellipsis; */
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }


.Odeme-RightLine.hediyeCekiBtnContent {
    border-top: 0;
}

.Odeme-RightLine {
    text-align: left;
    padding: 0px 10px 0px 10px;
}


.campain-alert {
    color: #a72a97;
    font-size: 17px;
    text-align: left;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 10px 25px;
}



    .campain-alert .shake {
        -webkit-animation: shake 1.5s linear infinite;
        animation: shake 1.5s linear infinite;
        position: absolute;
    }

.campain-text {
    color: #b90000;
    font-size: 14px;
    margin-left: 20px;
}


.genelToplam {
    /*
    background-color: #ddd;*/
    font-size: 14px;
    font-weight: 700;
}

.stock-alert {
    height: 24px;
    line-height: 24px;
    float: left;
    padding: 0px 12px;
    margin-top: 10px;
    background-color: #ff0000;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.blink {
    animation: blink 2s step-start infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Add Basket Modal s */

.modal-box {
    font-family: 'Varela Round', sans-serif;
}

    .modal-box .show-modal {
        color: #222;
        background-color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        padding: 10px 15px;
        margin: 80px auto 0;
        border: none;
        outline: none;
        box-shadow: 0 0 10px #555;
        display: block;
    }

        .modal-box .show-modal:hover,
        .modal-box .show-modal:focus {
            color: #222;
            background-color: #fff;
            border: none;
            outline: none;
            text-decoration: none;
        }



.modal-box .modal-dialog {
    max-width: 450px;
    margin: 30px auto 10px;
}

.modal-backdrop {
    opacity: 0.20 !important;
}

/*.modal-box .modal{ top: 70px !important; }*/
.modal-box .modal-dialog {
    max-width: 500px;
    margin: 30px auto 10px;
}

    .modal-box .modal-dialog .modal-content {
        border-radius: 10px;
        box-shadow: 0 0 25px -8px #555;
        border: solid 1px #fff;
    }

        .modal-box .modal-dialog .modal-content .close {
            color: #000000;
            background-color: #fff;
            line-height: 33px;
            height: 40px;
            width: 40px;
            opacity: 1;
            border-radius: 50%;
            position: absolute;
            left: auto;
            right: -15px;
            top: -10px;
            z-index: 1;
            transition: all 0.3s;
            /* font-size: 14px; */
        }

            .modal-box .modal-dialog .modal-content .close span {
                margin: -1px 0 0 0;
                display: block;
            }

            .modal-box .modal-dialog .modal-content .close:hover {
                color: #fff;
                background-color: #e74c3c;
            }


        .modal-box .modal-dialog .modal-content .modal-body {
            padding: 36px 30px 26px 30px !important;
        }

            .modal-box .modal-dialog .modal-content .modal-body .icon {
                color: #26de81;
                font-size: 36px;
                text-align: center;
                text-shadow: 4px 0 0 #fff, 0 -3px 0 #fff;
                line-height: 40px;
                height: 50px;
                width: 50px;
                margin: 0 auto 30px;
                position: relative;
                z-index: 1;
            }

            .modal-box .modal-dialog .modal-content .modal-body .title {
                margin: 0 0 20px 0;
                font-size: 20px;
                color: #222;
                text-transform: capitalize;
                font-weight: 600;
                text-align: center;
            }

            .modal-box .modal-dialog .modal-content .modal-body .description {
                color: #999;
                text-align: center;
                margin: 0 0 15px;
            }

            .modal-box .modal-dialog .modal-content .modal-body a.continue-checkout {
                color: #37a506;
                background-color: #f2f2f2;
                font-size: 16px;
                padding: 0px 20px;
                border-radius: 6px;
                z-index: 1;
                transition: all 0.3s;
                height: 40px;
                line-height: 42px;
                width: 130px;
                margin-bottom: 0px;
                float: right;
                border: solid 1px #37a506;
                text-align: center;
                font-weight: 600;
            }

                .modal-box .modal-dialog .modal-content .modal-body a.continue-checkout:hover {
                    background-color: #37a506;
                    color: #fff;
                }

            .modal-box .modal-dialog .modal-content .modal-body a.continue-shopping {
                color: #000;
                background-color: #ddd;
                font-size: 16px;
                padding: 0px 14px;
                border-radius: 6px;
                z-index: 1;
                transition: all 0.3s;
                float: left;
                height: 40px;
                line-height: 42px;
                margin-bottom: 0px;
                text-align: center;
                font-weight: 600;
            }

                .modal-box .modal-dialog .modal-content .modal-body a.continue-shopping:hover {
                    background-color: #ffd800;
                    color: #000;
                }

.checkout-title {
    font-size: 18px;
    margin-bottom: 30px;
    display: block;
    border-bottom: solid 1px #f1f1f1;
    padding-bottom: 10px;
    color: #7d7d7d;
}

    .checkout-title img {
        width: 32px;
        margin-right: 10px;
        margin-top: -4px;
    }

.checkout-inner {
    width: 100%;
    display: flex;
}

    .checkout-inner figure {
        position: relative;
        margin-right: 15px;
    }

        .checkout-inner figure img {
            width: 80px;
            border-radius: 6px;
            border: solid 1px #ccc;
        }

.checkoutu-info {
    width: 100%;
}


    .checkoutu-info .adding-product-name {
        font-size: 15px;
        font-weight: 500;
    }




.checkout-seller {
    margin-top: 6px;
}

    .checkout-seller .seller-tag {
        font-size: 12px;
        font-weight: 400;
    }

.checkout-seller-title img {
    width: 34px;
}

.checkout-seller-title span {
    font-size: 14px;
    color: #37a506;
    letter-spacing: 0.5px;
    margin-left: 4px;
}

.checkout-buttons {
    margin-top: 45px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}



/* Add Basket Modal e */








.Odeme-RightLine-mobile {
    text-align: left;
    padding: 3px 10px 1px 10px;
    /*background-color: #f1f1f1;*/
    margin-bottom: 2px;
    display: none;
}

.genelToplam-mobile {
    background-color: #ddd;
    font-size: 14px;
    font-weight: 700;
    display: none;
}

/*.Odeme-RightLine:after {
    clear: both;
    display: block;
    content: "";
}


.Odeme-RightLine div.Right {
    line-height: 28px;
    font-size: 14px;
    color: #000;
    float: right;
    font-weight: 400;
}

.Odeme-RightLine.siparisOzet {
    height: auto !important;
    border-top: 0;
    border-bottom: 0;
    cursor: pointer;
}

#divToplamOdeme {
    color: #ff0000;
    font-size: 16px;
    font-weight: 500;
}*/

.button-block-basket {
    width: 100%;
}

    .button-block-basket ul {
        position: relative;
        padding: 0px;
        list-style-type: none
    }

        .button-block-basket li,
        .button-block-basket ul li {
            width: 49%;
            display: inline-block;
            padding-top: 10px;
            list-style-type: none;
        }

            .button-block-basket ul li:last-child {
                text-align: right
            }

.button-basket {
    background: #ef9c00;
    padding: 8px 20px 10px 20px;
    font-size: 16px;
    text-align: center;
    color: #000;
    font-weight: normal;
    margin: 12px 12px;
    cursor: pointer;
    border: 0px;
    font-weight: 700;
    height: 36px;
}

    .button-basket:hover {
        background: #00782b;
        color: #fff
    }

.button-shop {
    background: #00782b;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    margin: 10px 0px 0px 0px;
    cursor: pointer;
    border: 0px;
    font-weight: 700;
    height: 46px;
    border-radius: 6px;
    line-height: 48px;
    display:block;
}

.button-shop-basket {
    background: #009936;
    padding: 0px 0px 0px 0px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    margin: 16px 0px 0px 0px;
    cursor: pointer;
    border: 0px;
    font-weight: 700;
    height: 42px;
    width: 100%;
    border-radius: 8px;
    line-height: 42px;
    min-width: 120px;
}

    .button-shop-basket:hover,
    .button-shop:hover {
        background: #ef9c00;
        color: #000
    }



/* Sepet Markaj e*/


/* Teslimat Markaj s*/


/* Steps Progress s */

.steps-shopping {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px;
}

.steps {
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.steps-shopping .step-button {
    display: flex;
    color: #7d7d7d;
    align-items: center;
    justify-content: center;
    border-radius: 34px;
    border-bottom: solid 1px #e3dede;
    font-size: 13px;
    padding: 0px 6px;
    width: 100px;
}

.steps-shopping .steps .step-item .actives {
    color: #000000;
    border-bottom: solid 3px #ffbe07;
}

.steps-shopping .steps .step-item .done {
    color: #009936;
    border-bottom: solid 3px #009936;
    /* background-color: #e7f7ec; */
}

.steps-shopping .step-item {
    z-index: 10;
    text-align: center;
    margin-right: 12px;
}

.progress-line {
    -webkit-appearance: none;
    position: absolute;
    width: 100%;
    z-index: 5;
    height: 26px;
    padding: 6px;
    border-radius: 12px;
}


/* Steps Progress e */


/*
.step-cargo-title {
    width: 100%;
    padding: 16px 16px 0px 16px;
}


.step-shopping {
    width: 100%;
    margin: 70px 0px 70px 0px;
}

.section-space-10 {
    width: 100%;
    margin-bottom: 10px;
}

.step-shopping {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}


    .step-shopping .progresses {
        display: flex;
        align-items: center
    }


    .step-shopping .line {
        width: 120px;
        height: 3px;
        background: #e1e1e1;
    }


    .step-shopping .steps {
        display: flex;
        background-color: #ffffff;
        color: #7d7d7d;
        font-size: 14px;
        width: 90px;
        height: 36px;
        align-items: center;
        justify-content: center;
        border-radius: 34px;
        border: solid 1px #d3d3d3;
    }

.step-shopping .steps.active {
    color: #c56f04;
    border: solid 1px #ee9b00;
}

.step-shopping .steps.active:after {
    content: '';
}
        .step-shopping .steps.done {
            color: #009936;
            border: solid 1px #009936;
            background-color: #e7f7ec;
        }
*/

/******************************************/
/*#steps ul, #steps li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #steps ul {
        display: table;
        width: 100%;
    }

    #steps li {
        display: table-cell;
        position: relative;
    }

        #steps li:first-child {
            width: 30px;
        }

            #steps li:first-child .step:before {
                content: none;
            }

    #steps .step {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        line-height: 40px;
        font-size: 20px;
        text-align: center;
        color: #bbb;
        background-color: #eee;
        float: right;
    }


        #steps .step:nth-child(n+2) {
            margin: 0 0 0 100px;
            transform: translate(0, -4px);
        }

        #steps .step:before {
            height: 4px;
            display: block;
            background-color: #eee;
            position: absolute;
            content: '';
            border-radius: 5px;
            right: 45px;
            left: 5px;
            top: 50%;
        }

        #steps .step:after {
            display: block;
            transform: translate(-42px, 4px);
            color: #ccc;
            content: attr(data-desc);
            font-weight: 400;
            font-size: 13px;
            line-height: 18px;
            min-width: 120px;
        }

        #steps .step.active {
            border-color: #ff0000;
            color: #fff;
            background: #ff0000;
            background-image: linear-gradient(to bottom,#e12828 0,#ff0000 100%);
        }

            #steps .step.active:before {
                background: linear-gradient(to right, #58bb58 0%, #418AC9 100%);
            }

            #steps .step.active:after {
                color: #ff0000;
                font-weight: 500;
            }

        #steps .step.done {
            background-color: #58bb58;
            border-color: #469F46;
            color: white;
            background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
        }

            #steps .step.done:after {
                color: #469F46;
            }

            #steps .step.done:before {
                background-color: #58bb58;
            }

        #steps .step .icon-valid {
            width: 16px;
            height: 16px;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAu0lEQVQ4T6WTURHCMBBEdxWABCRUAkjAAShBCpWCBOoACXGwzGWazpEmIYV833vZ3F2IPw9/4SUNJJ/GbhZIugC4AxhJXjcJHJyCj92CAmySqUtQgwEco2AuuAE4p+akjE2YDMwKAoBTknyD4xQkGbRz44wSAMPcbT/pKcYmrSYeE1jhoyDZZzuygpc9qEiaNy8JXLNKSeKo8tje/DHGQpImXFxlJ3m1bl49wceSdAAQfLdrn65rE1s/9g2UFVqH6GtSAwAAAABJRU5ErkJggg==');
            display: block;
            margin: 12px auto;
        }

    #steps .pulse::before {
        content: '';
        position: absolute;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9I…F0Q291bnQ9ImluZGVmaW5pdGUiIC8+ICAgICAgICA8L2NpcmNsZT4gICAgPC9nPjwvc3ZnPg==) no-repeat 50% 50%;
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;*/
/* margin: 0px 0px 0 0; */
/*opacity: 0.5;
    }*/



/* Hide the browser's default radio button */

/*.container .adress-select {
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    color: #7d7d7d;
    cursor: pointer;
}
*/

/* Delivery Adress Update Panel */



.registered {
    position: relative
}


.data-layer.hidden {
    display: none;
    width: 100%;
    float: left;
    background-color: #fff;
    border: solid 1px #ccc;
}

.button-data-block {
    width: 90%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px;
}

.button-data {
    background: #ef9c00;
    padding: 7px 20px 4px 20px;
    font-size: 14px;
    text-align: center;
    color: #000;
    font-weight: normal;
    -moz-transition: all 0.3s linear;
    margin-top: 30px;
    cursor: pointer;
    border: 0px;
    font-weight: 700;
    margin-left: 30px
}

    .button-data:hover {
        background: #00782b;
        transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        color: #fff
    }

a.button-data-cancel {
    background: #ccc;
    padding: 9px 20px 6px 20px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    font-weight: 700;
    margin-left: 30px
}

a.button-cancel:hover {
    background: #ff0000;
    color: #fff
}




/* Delivery Adress Create a custom radio button */
.registered .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
}


.registered:hover input ~ .checkmark {
    background-color: #ccc;
}


.registered input:checked ~ .checkmark {
    background-color: #00782b;
}


.registered .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.registered input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.registered .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}



/* Billign Adress Create a custom radio button */
.checkmark-billing {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
}


.container:hover input ~ .checkmark-billing {
    background-color: #ccc;
}


.container input:checked ~ .checkmark-billing {
    background-color: #00782b;
}


.checkmark-billing:after {
    content: "";
    position: absolute;
    display: none;
}


.container input:checked ~ .checkmark-billing:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark-billing:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}




.cntadress {
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: solid 1px #ddd;
    background-color: #f1f1f1;
}

.invoice-data {
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: solid 1px #ddd;
    background-color: #f1f1f1;
}

.delivery-form-control {
    display: block;
    width: 100%;
    /* height: calc(2.25rem + 2px); */
    padding: 7px;
    font-size: 12px;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    /* background-clip: padding-box; */
    border: 1px solid #7d7d7d;
    border-radius: .25rem;
    /* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
    margin-bottom: 10px;
}

.order-label {
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 12px;
}

.checkbox-title {
    line-height: 24px;
    padding-bottom: 12px;
    height: 24px;
    vertical-align: top;
    padding-left: 6px;
}


input[type="file"], input[type="file"],
input[type="checkbox"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    /* border-radius: 100%; */
}



/* Teslimat Markaj e*/


/*Sonradan eklenenler*/

.OrderError {
    border: solid 1px red !important
}
/*Sonradan eklenenler*/
/* ------------------------------------Sepetim--------------------------------------------*/
/*.fa-angle-right {
    color: #ffbd00 !important;
}*/
a {
    line-height: normal;
}
/*
select {
    border-radius: 0;
    box-shadow: none;
    border-color: #efefef;
    margin: 0;
    padding: 0;
}*/

hide-arrow-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.confirm-contract-select {
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    display: flex;
    margin-left: 18px;
    color: #000;
}

.summary-pre-order {
    background-color: #f2f2f2;
    padding: 12px 12px 0px 16px;
    border-radius: 6px;
    min-height: 116px;
}

.check-confirm-order {
    padding: 12px;
    margin-left: 0px !important;
    background-color: #fff8e2;
    border-radius: 8px;
    margin-top: 24px;
    border: 1px #ffc107 solid;

}

    .check-confirm-order input {
        margin-right: 10px;
        float: left;
    }


    .check-confirm-order a {
        color: #000;
        font-weight: 600;
        line-height: 14px;
        font-size: 12px;
        text-decoration: none;
    }

        .check-confirm-order a:hover {
            color: #ff0000;
        }




/*#spn3DContainer {
    margin-top: 10px;
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
*/
/*#cbMesafeliSatisSozlesme {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    min-height: 0;
}*/

/*#cb3DSecureOdeme {
    float: left;
    margin-right: 5px;
    min-height: 13px;
}*/

.orderSummary::after {
    clear: both;
    display: table;
    content: "";
}

.orderSummary .sepetTitle .st_1:before {
    content: "\f041";
}

#AdresContent .row {
    width: 100%;
    margin: 0 !important;
}

    #AdresContent .row .span {
        position: relative;
    }

        #AdresContent .row .span:after {
            clear: both;
            display: table;
            content: "";
        }

        #AdresContent .row .span label {
            width: 100%;
            float: left;
            color: #000000;
            position: static;
            font-size: 14px;
            padding: 10px 0;
        }

        #AdresContent .row .span .textbox {
            width: 100%;
            float: left;
            height: 40px;
            line-height: 40px;
            border: 1px solid #ddd;
            border-radius: 0;
            box-shadow: none;
        }

        #AdresContent .row .span .textarea {
            width: 100%;
            float: left;
            border: 1px solid #ddd;
            border-radius: 0;
            box-shadow: none;
        }

        #AdresContent .row .span .selectboxx {
            width: 100%;
            float: left;
            height: 40px;
            line-height: 40px;
            border: 1px solid #ddd;
        }

table#rblFaturaTipi tbody tr td {
    border: 0;
    line-height: normal;
}

#AdresContent #rblFaturaTipi tr input {
    margin-top: 8px;
}

.intl-tel-input {
    width: 100%;
}

#txtbxPostaKodu {
    width: 100% !important;
}

.tckZorunlu {
    margin-left: 10px;
    color: #ff0000;
}

.sepetTitle3 {
    height: 30px;
    line-height: 30px;
    padding-left: 18%;
    font-size: 18px;
    border: none;
    margin-bottom: 10px;
    margin-top: 20px;
}

#AdresContent .button {
    padding: 11px 21px;
    margin-left: 15px;
    background: #000;
    color: #fff;
    line-height: normal;
    border: 0;
}

    #AdresContent .button:hover {
        background: #fc5f5e;
    }

#AdresContent .span .validate {
    right: 0;
    left: 0;
    line-height: 25px;
    top: 3px;
    display: block;
}

#AdresContent .validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {
    right: auto;
    left: 10px;
}

#btnPayPalOde {
    background-color: #000;
    cursor: pointer;
    border: none;
    color: #FFF;
}

#sozlesme_cc {
    max-width: 1000px;
    background-color: #fff;
    padding: 10px;
}

/* ------------------------------------Sepetim--------------------------------------------*/

/*Sepetim Hedef Sipariş Tutarı*/

.hedefSatisContent {
    padding: 0;
    margin-bottom: 0;
    color: #000000;
    font-size: 12px;
    line-height: 30px;
    float: left;
}

    .hedefSatisContent:before {
        content: "\f0a2";
        color: #fc5f5e;
        font: normal normal normal 12px/1 FontAwesome !important;
    }

.hedefTutar {
    text-decoration: underline;
}

/*Sepetim Hedef Sipariş Tutarı*/

/* Sepet */


.popupSepet .KasaOnuFirsatlar, .popupSepet .Basketstep, .popupSepet .sepetTitle {
    display: none;
}

.popupSepet .Basketstep, .popupSepet .BasketDetail, .popupSepet .BasketAccount {
    padding: 10px;
}

.BasketPage * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.BasketPage:after {
    display: table;
    clear: both;
    content: "";
}



.button-shop-complete {
    /*   padding: 0px 25px 25px 25px;*/
}




.BasketAccount {
    width: 100%;
    margin: 0;
    padding: 0;
}

.BasketAccountContainer {
    width: 28%;
    float: right;
    position: relative;
}


.BasketDetailContainer {
    /*    width: 70.5%;
    position: relative;
    float: left;*/
}

.ProductDetailContainer {
    width: 28.5%;
    position: relative;
    float: right;
    background-color: #fff;
}


.Basketstep.step1 {
    width: 76%;
}

.Basketstep ul li div span {
    display: block;
}

.BasketDetailBolme {
    text-align: center;
    margin-bottom: 20px;
    padding: 20px 0
}

    .BasketDetailBolme .satir1 {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

        .BasketDetailBolme .satir1 i {
            font-size: 20px;
            color: #ff0000
        }

        .BasketDetailBolme .satir1 b {
            font-size: 22px;
            color: #000;
            margin: 0 10px;
        }

    .BasketDetailBolme .satir2 span {
        display: block;
    }

        .BasketDetailBolme .satir2 span b {
            font-size: 13px;
        }

        .BasketDetailBolme .satir2 span a {
            font-size: 13px;
            color: #a4a4a4;
            font-size: 13px;
            border: 1px solid #e1e1e1;
            border-radius: 3px;
            display: inline-block;
            padding: 10px 30px;
            margin-top: 20px;
        }

            .BasketDetailBolme .satir2 span a:hover {
                background-color: #000;
                color: #fff;
                border-color: #000;
            }

.BasketDetailBolmeItems {
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
    padding-left: 45px;
    padding-right: 45px;
}

    .BasketDetailBolmeItems ul {
    }

        .BasketDetailBolmeItems ul li {
        }

            .BasketDetailBolmeItems ul li a {
                display: block;
                border: 1px solid #e1e1e1;
                border-radius: 3px;
                background-color: #fff;
                color: #000;
                font-size: 13px;
                text-align: center;
                font-weight: 600;
                padding: 11px 0px;
            }

                .BasketDetailBolmeItems ul li a:hover {
                    background-color: #f3f3f3;
                }

            .BasketDetailBolmeItems ul li.active a {
                background-color: #fc5f5e;
                color: #fff;
            }


    .BasketDetailBolmeItems .owl-nav {
        position: absolute;
        top: 0;
        right: -45px;
        left: -45px;
        z-index: 2;
    }

    .BasketDetailBolmeItems .SepetListprev {
        left: 0;
    }

    .BasketDetailBolmeItems .SepetListnext {
        right: 0;
    }

    .BasketDetailBolmeItems .SepetListprev, .BasketDetailBolmeItems .SepetListnext {
        font-size: 0;
        width: 38px;
        height: 38px;
        border: 1px solid #e1e1e1;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
    }

        .BasketDetailBolmeItems .SepetListprev:before {
            content: '\f104';
            font-family: 'FontAwesome';
            font-size: 16px;
            color: #000000;
            line-height: 38px;
        }

        .BasketDetailBolmeItems .SepetListnext:before {
            content: '\f105';
            font-family: 'FontAwesome';
            font-size: 16px;
            color: #000000;
            line-height: 38px;
        }

        .BasketDetailBolmeItems .SepetListprev:hover {
            background: #000;
            border-color: #000;
        }

        .BasketDetailBolmeItems .SepetListnext:hover {
            background: #000;
            border-color: #000;
        }

            .BasketDetailBolmeItems .SepetListnext:hover:before {
                color: #fff;
            }

        .BasketDetailBolmeItems .SepetListprev:hover:before {
            color: #fff;
        }

.sozlemeCheckContent {
}

.siparis-notu-container {
    background-color: #fff;
    border-right: 1px solid #e5e5e5;
    padding: 20px;
    width: 100%;
    margin: 0;
}

.siparis-notu {
    margin-bottom: 20px
}

    .siparis-notu textarea {
        background: #fff;
        border: solid 1px #ccc;
        color: #696763;
        padding: 12px;
        width: 100%;
        border-radius: 8px;
        min-height: 80px;
        font-size: 14px;
    }

.siparis-notu-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px
}




/*
.Basketstep.step1 {
    width: 76%;
}

.Basketstep ul {
    padding: 0px;
    padding-top: 15px
}

    .Basketstep ul li div span {
        display: block;
    }

.adresGeriBtn {
    display: none;
}

.Basketstep ul:after {
    clear: both;
    display: table;
    content: "";
}

.Basketstep ul li {
    width: 32.6%;
    margin: 0 10px 0 0;
    padding: 15px 25px 20px 25px;
    height: 100px;
    border: 1px solid #e5e5e5;
    background: #fff;
    float: left;
    position: relative;
}

    .Basketstep ul li:before {
        border: 1px solid #0a9a53;
        background-color: #fc5f5e;
        content: "";
        line-height: normal;
        position: absolute;
        left: 0;
        right: 0;
        top: -2px;
    }

    .Basketstep ul li.pasif:before {
        display: none;
    }

    .Basketstep ul li:last-child {
        margin-right: 0;
        float: right;
    }

    .Basketstep ul li:after {
        content: "";
        display: block;
        clear: both;
    }

.bAdresIco {
    position: absolute;
    right: 10px;
    top: 0;
}

    .bAdresIco i {
        font-size: 70px;
        color: #f6f6f6;
        line-height: 92px !important;
    }

.Basketstep ul li.aktif .bAdresIco i {
    color: #f6f6f6;
}

.Basketstep ul li.pasif .step_1 {
    font-size: 18px;
    color: #a5a5a5;
    line-height: 22px;
    margin-bottom: 5px;
}

.Basketstep ul li.pasif .step_2 {
    font-size: 12px;
    color: #a5a5a5;
    line-height: 18px;
    height: 50px;
    overflow: hidden;
}

.Basketstep ul li.aktif .step_1 {
    font-size: 18px;
    color: #000;
    line-height: 22px;
    margin-bottom: 3px;
    font-weight: 500;
}

.Basketstep ul li.aktif .step_2 {
    font-size: 12px;
    color: #000;
    line-height: 18px;
    height: 50px;
    overflow: hidden;
    width: 86%;
}

.Basketstep ul li .step_1 i {
    font-size: 16px;
    margin-right: 10px;
}

.Basketstep ul li.pasif i {
    color: #b5b5b5;
}

.Basketstep ul li.pasif .bAdresIco i {
    color: #f6f6f6;
}


.Basketstep ul li.aktif i {
    color: #000;
}


.Basketstep ul li.onestepsec span {
    color: #fc5f5e;
}

.Basketstep ul li.gecti span {
    color: #fc5f5e;
}

.Basketstep ul li.pasif span {
    color: #b5b5b5;
}

.sepetDuzenleBtn {
    display: none;
}

.sepetListTittle > div.sepetListTittleB {
    float: left;
    line-height: 24px;
    font-weight: 600;
}

.Basketstep {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}

.sepetListTittle > div.sepetListTittleB.sepetListTittleB0 {
    font-size: 18px;
    line-height: 22px;
}

.Basketstep .sepetListTittleB0 i {
    margin-right: 10px;
}

.sepetListTittle .sepetListTittleB {
    height: auto;
    padding: 0;
    margin: 0;
    color: #000000;
    text-transform: none;
}

.sepetListTittle .sepetListTittleB0, .sepetListTittle .sepetListTittleB1 {
    border-left: 0;
}

.sepetListTittleB0, .sepetItemB0 {
    width: 20%;
}

.sepetListTittleB1 {
    width: 22%;
}

.sepetItemB1 {
    width: 34%;
}

    .sepetItemB1 a {
        font-size: 13px;
        line-height: 20px;
        display: block;
        color: #000;
    }

    .sepetItemB1 span {
        display: block;
        line-height: 20px;
        font-size: 12px;
    }

        .sepetItemB1 span.UrunKisiselNot i {
            display: block;
        }

        .sepetItemB1 span strong {
            font-weight: 600;
        }

.sepetListTittleB2 {
    width: 15%;
    text-align: center;
}

.sepetItemB2 {
    width: 15%;
    text-align: center;
    padding: 26px 0;
}

.sepetListTittleB3 {
    width: 15%;
    text-align: center;
}

.sepetItemB3 {
    width: 15%;
    text-align: center;
    padding: 28px 0;
}

    .sepetItemB3 .sepetItemB3_1 {
        font-size: 13px;
        text-decoration: line-through;
        display: block;
        line-height: 20px;
    }

    .sepetItemB3 .sepetItemB3_2 {
        font-size: 18px;
        display: block;
        line-height: 24px;
    }

.sepetListTittleB4, .sepetItemB4 {
    width: 15%;
    text-align: center;
}

.sepetItemB4 {
    width: 17%;
    text-align: center;
    padding: 37px 0;
    color: #fd7175;
    font-size: 18px;
    line-height: 24px;
}

.sepetItemBIndirimsiz.sepetItemB4 {
    color: #000;
}

.sepetListTittleB5, .sepetItemB5 {
    width: 1%;
    text-align: center;
}

.sepetListTittle::after {
    clear: both;
    display: table;
    content: "";
}

.sepetItem {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .sepetItem:last-child {
        margin-bottom: 0;
    }

    .sepetItem:after {
        clear: both;
        display: table;
        content: "";
    }

    .sepetItem > div {
        float: left;
    }

.UrunContent .sepetItem > div {
    height: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.sepetTitle {
    margin-bottom: 17px;
    padding: 0;
    border: 0;
    height: auto;
    font-weight: normal;
}*/
/*
.billing-title {
    margin-bottom: 30px;
    font-weight: 700;
    color: #000;
    font-size: 18px;
}


.note-title {
    margin-bottom: 30px;
    font-weight: 700;
    color: #000;
    font-size: 18px;
}*/

.invoice-select {
    width: 100%;
    position: relative;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*.BillingAdress {
    display: contents!important;
}
*/
.invoiceInput {
    width: 40px;
    float: left;
    margin-right: 12px;
    height: 40px;
    background-color: #ddd;
    padding: 10px 10px 10px 10px;
    cursor: pointer;
}


.billing-same-data {
    font-weight: 500;
    font-size: 14px;
    padding: 10px;
    height: 40px;
}

.margin-form {
    margin-top: 0px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 60px;
}

.select-cargo-firm {
    padding: 30px 30px;
    border: solid 1px #e5e5e5;
    width: 100%;
    border-radius: 8px;
}

.cargo-select-title {
    margin-bottom: 20px;
    font-weight: 600;
    color: #000;
    font-size: 18px;
}



/*.sepetTitle .st_1 {
    font-size: 16px;
    color: #000000;
    line-height: 22px;
}

    .sepetTitle .st_1:before {
        color: #000;
        content: "\f07a";
        display: inline-block;
        font: normal normal normal 16px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 5px;
    }

    .sepetTitle .st_1:after {
        clear: both;
        display: block;
        content: "";
    }

.sepetTitle .st_2 {
    font-size: 13px;
    color: #000000;
    margin-top: 2px;
    display: block;
}

.sepetItem div.sepetItemB0 {
    height: 100px;
    width: 70px;
    overflow: hidden;
    padding: 0;
    margin-right: 20px;
}

.sepetImg {
    max-height: 100px;
    max-width: 100%;
}

.textbox.txtSepetAdet {
    height: 30px;
    line-height: 30px;
    width: 60px;
    float: none;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    border-radius: 0;
}

.AdetGuncelle {
    margin: 4px 0 0 0;
    display: block;
    padding: 0;
    line-height: normal;
    font-weight: normal;
    color: #b5b5b5;
    font-size: 11px;
}

.BasketDetail table tbody tr td.sepetFiyatBold {
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: 500;
}

.sepet-sil {
    margin: 0 auto;
    width: auto;
    height: auto;
    text-indent: 0;
    font-size: 0;
    background: no-repeat;
    padding: 42px 0;
    display: block;
}

    .sepet-sil:before {
        content: "\f00d";
        display: inline-block;
        font: normal normal normal 18px/normal FontAwesome;
        text-rendering: auto;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 0;
        color: #b5b5b5;
    }

    .sepet-sil:hover:before {
        color: #fc5f5e;
    }

.alisverisedevamet {
    background: none #fff;
    color: #a0a0a0;
    margin: 0 0 0 0;
    padding: 5px 30px;
    width: auto;
    height: auto;
    margin-top: 15px;
    border-radius: 3px;
    line-height: 30px;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    float: left;
    font-weight: 500;
}

    .alisverisedevamet:hover {
        background: none #fc5f5e;
        color: #fff;
        border: 1px solid #fc5f5e;
    }

.sepetListAlt:after {
    clear: both;
    display: table;
    content: "";
}

.sepetiTemizle {
    float: right;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    color: #b9b9b9;
    font-size: 12px;
    text-decoration: underline;
    line-height: 30px;
    border-radius: 0;
}

    .sepetiTemizle:hover {
        color: #fc5f5e;
    }

.sepetTitle2 {
    padding: 10px 12px 4px 12px;*/
    /* border: 0; */
    /*height: 42px;
    font-weight: 700;
    text-align: left;
    line-height: 28px;
    color: #000;
    display: block;
    background-color: #ddd;
    margin: 14px;
    font-size: 17px;
}


    .sepetTitle2:hover {
        color: #00782b;
    }

.more-less {
    float: right
}


.BasketRigth.loadingList {
    background: url(/Scripts/images/Loading_icon.gif) no-repeat center center #fff;
    background-size: 150px auto;
}

    .BasketRigth.loadingList li {
        opacity: 0;
    }

.BasketRigth ul {
}

    .BasketRigth ul li {
        text-align: left;
        border: 0;
    }

        .BasketRigth ul li:after {
            clear: both;
            display: table;
            content: "";
        }

        .BasketRigth ul li.genelToplam {
            height: auto;
            font-weight: 800;
            font-size: 14px;
        }

        .BasketRigth ul li span {
            float: left;
            font-size: 12px;
            line-height: 20px;
        }

        .BasketRigth ul li .tut {
            float: right;
        }

        .BasketRigth ul li.genelToplam .tut {
            color: #fc5f5e;
            font-size: 13px;
            font-weight: 800;
        }

.basketCompleteContent div {
    white-space: normal;
}

.basketCompletebtn {
    background: none #0c9b4c;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    float: none;
    width: auto;
    height: auto;
    display: block;
    border-radius: 3px;
    line-height: 28px;
    font-size: 16px;
    border: 0;
    font-weight: normal;
    padding: 5px 0;
}

.sepetimBody .basketCompletebtn i {
    margin-left: 15px;
}

.button.basketCompletebtn:hover {
    background-color: #000;
    color: #fff;
    border: 0;
}

.KasaOnuFirsatlar {
    width: 100%;
}

.SepetKampanyaTittle {
    margin: 0 0 17px 0;
    padding: 0;
    border: 0;
    height: auto;
    font-weight: normal;
    text-align: left;
    line-height: 22px;
    color: #000000;
    font-size: 16px;
}

    .SepetKampanyaTittle:before {
        color: #000000;
        content: "\f005";
        display: inline-block;
        font: normal normal normal 16px/1 FontAwesome !important;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 5px;
    }

.KasaOnuFirsatlarContent {
    width: 100%;
}

    .KasaOnuFirsatlarContent:after {
        clear: both;
        display: block;
        content: "";
    }

    .KasaOnuFirsatlarContent ul {
        margin-left: -10px;
        margin-right: -10px;
    }

        .KasaOnuFirsatlarContent ul:after {
            clear: both;
            display: block;
            content: "";
        }

        .KasaOnuFirsatlarContent ul li {
            text-align: center;
            float: left;
            overflow: hidden;
            width: 25%;
            margin-bottom: 20px;
            position: relative;
            padding: 0 10px;
        }

            .KasaOnuFirsatlarContent ul li:nth-child(4n+1) {
                clear: left;
            }

            .KasaOnuFirsatlarContent ul li a {
                max-width: 100%;
                padding: 0 5px;
                display: block;
                border: 0;
                height: auto;
                margin-top: 0;
            }

            .KasaOnuFirsatlarContent ul li .indirimOrani {
                position: absolute;
                right: 0;
                top: 0;
                background: #000;
                color: #fff;
                padding: 4px;
                left: auto !important;
                width: auto;
            }

            .KasaOnuFirsatlarContent ul li a + span {
                height: 30px;
                overflow: hidden;
                display: block;
            }

                .KasaOnuFirsatlarContent ul li a + span + span {
                    display: block;
                }

            .KasaOnuFirsatlarContent ul li .uzereniCiz {
                text-decoration: line-through;
                margin-bottom: 5px;
            }

.favoriUrunlerSlider ul li {
    width: 100%;
    float: none;
}

    .favoriUrunlerSlider ul li .productImage span {
        width: auto;
        height: auto;
    }

    .favoriUrunlerSlider ul li .productImage {
        padding: 0;
    }

.productImage span {
    width: 100%;
    height: 250px;
    display: block;
}

.KasaOnuFirsatlarContent ul li a img {
    max-width: 100%;
    max-height: 100%;
}

.KasaOnuFirsatlarContent ul li .kasaOnuUrunAdiDiv {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    overflow: hidden;
    overflow: hidden;
    padding: 0 5px;
}

.KasaOnuFirsatlarContent ul li .kasaOnuPriceDiv {
    font-size: 12px;
    color: #000000;
    margin-bottom: 10px;
}

    .KasaOnuFirsatlarContent ul li .kasaOnuPriceDiv span {
        line-height: 13px;
        overflow: hidden;
        float: none;
        min-height: inherit;
        height: auto;
        max-height: inherit;
        text-align: center;
        display: inline-block;
        text-overflow: ellipsis;
        text-align: center;
        white-space: pre;
        width: 100%;
    }

.KasaOnuFirsatlarContent ul li a.button {
    width: auto;
    height: auto;
    background: #a0a0a0;
    color: #fff;
    border: 1px solid #a0a0a0;
    line-height: normal;
    padding: 5px 10px;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 2px;
}

    .KasaOnuFirsatlarContent ul li a.button:hover {
        background: #fc5f5e;
        color: #fff;
        border: 1px solid #fc5f5e;
    }

#divSecilemezKampanyalar {
    clear: both;
    display: block;
    content: "";
}

.campaignsItem {
    display: block;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 10px 0;
    padding-bottom: 15px;
}

    .campaignsItem:after {
        clear: both;
        display: table;
        content: "";
    }

.campaignsItemS1, .campaignsItemS2, .campaignsItemS3 {
    float: left;
    color: #000;
    font-weight: 500;
}

.campaignsItemS1 {
    text-align: left;
    line-height: normal;
    float: left;
    padding: 0;
    font-size: 13px;
    color: #000000;
    line-height: 30px;
}

    .campaignsItemS1 i {
        margin-right: 10px;
    }

.campaignsItemS2 {
    text-align: center;
}

    .campaignsItemS2 img {
        max-height: 40px;
        vertical-align: middle;
    }

.campaignsItemS3 {
    float: right;
}

    .campaignsItemS3 a {
        width: 150px;
        height: 25px;
        color: #a0a0a0;
        border-radius: 3px;
        background: #fff;
        font-weight: normal;
        border: 1px solid #e5e5e5;
        display: inline-block;
        margin-top: 0;
        text-align: center;
        line-height: 25px;
    }

        .campaignsItemS3 a:hover {
            background: none repeat scroll 0 0 #fff !important;
            color: #000;
            border: 1px solid #000;
        }

.HediyeContentContainer {
    margin-bottom: 0;
}

    .teslimatAdresContent:after, .kargoSecimContent:after, .TeslimatTarihContainer:after, .SiparisNotuContent:After, .HediyeContentContainer:after {
        clear: both;
        display: table;
        content: "";
    }

.teslimatAdresContent .sepetTitle .st_1:before {
    content: "\f041";
}

.teslimatAdresContent .sepetTitle:after {
    clear: both;
    display: table;
    content: "";
}

.teslimatAdresContent .sepetTitle .st_1 {
    float: left;
}

.faturaAdresBtn, .adresAyniBtn {
    float: right;
    font-size: 13px;
    color: #a5a5a5;
    line-height: 22px;
}

    .faturaAdresBtn i, .adresAyniBtn i {
        margin-right: 10px;
        font-size: 16px;
    }

    .faturaAdresBtn.active, .adresAyniBtn.active {
        color: #fc5f5e;
        position: absolute;
        right: 20px;
    }

    .faturaAdresBtn:hover, .adresAyniBtn:hover {
        color: #fc5f5e;
    }

.AdresLine:after {
    clear: both;
    display: block;
    content: "";
}

.buKoliContent img {
    float: left;
}

.buKoliContent strong {
    float: left;
    font-weight: 600;
    margin-top: 0px;
    margin-left: 10px;
}

*/


.new-adress {
    display: flex;
    /* text-align: center; */
    font-size: 15px;
    line-height: 44px;
    color: #7d7d7d;
    height: 44px;
    border: solid 1px #009936;
    border-radius: 8px;
    margin-bottom: 50px;
    width: 100%;
    align-items: center;
}

.new-adress:hover {
color:#fff;
    background-color: #009936;
}

    .new-adress:hover .add-tag {
        color: #fff;
    }


    .new-adress .add-tag span {
        background-color: #f1f1f1;
        width: 30px;
        height: 30px;
        display: block;
        /* text-align: center; */
        line-height: 30px;
        border-radius: 50%;
        margin-right: 10px;
    }

    .new-adress .add-tag {
        margin: 0 auto;
        display: flex;
        text-align: center;
        height: 30px;
        line-height: 30px;
        color: #048c34;
    }


a.new-adress .add-tag span i {
    font-size: 15px;
    color: #048c34;
}

a.new-adress:hover {
/*    background-color: #e7f7ec;*/
 /*   color: #000;*/
/*    border: solid 1px #048c34;*/
}

        a.new-adress:hover span i {
            color: #fff;
        }


    a.new-adress:hover .add-tag span {
        background-color: #048c34;
    }


.new-billing {
    display: flex;
    /* text-align: center; */
    font-size: 15px;
    line-height: 44px;
    color: #ef9c00;
    height: 44px;
     border: solid 1px #ffcb6a; 
    border-radius: 8px;
    margin-bottom: 50px;
    /* width: 100%; */
    align-items: center;
    /* background-color: #fffbee; */
    text-align: left;
}

.new-billing:hover {
    color: #000;
background-color: #ffcb6a;

}

    .new-billing:hover .add-tag {
        color: #ef9c00;
    }


    .new-billing .add-tag span {
        background-color:#ef9c00;
        ;
        width: 30px;
        height: 30px;
        display: block;
        /* text-align: center; */
        line-height: 30px;
        border-radius: 50%;
        margin-right: 10px;
    }

    .new-billing .add-tag {
        margin: 0 auto;
        display: flex;
        text-align: center;
        height: 30px;
        line-height: 30px;
        color: #000;
    }


a.new-billing .add-tag span i {
    font-size: 15px;
    color: #000;
}

a.new-billing:hover .add-tag {
    color: #000;
}

a.new-billing:hover span i {
    color: #000;
}


a.new-billing:hover .add-tag span {
    background-color: #ef9c00;
}



/*.TeslimatAdresTittle {
    width: 100%;
    font-size: 17px;
    color: #fc5f5e;
    margin-bottom: 20px;
}

#divKargoAdreslerim:after {
    clear: both;
    display: table;
    content: "";
}

.AdresItem {
    width: 100%;
    float: left;
}

#divKargoAdreslerim, #divFaturaAdreslerim {
    margin-left: -10px;
    margin-right: -10px;
}
*/
/*.adresItemFloat {
    height: 56px;
    border: solid 1px #ddd;
    border-radius: 8px;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
}*/

/*    .adresItemFloat:hover {
        background-color: #b3d6c0;
        color: #000;
    }*/


/*.OrderAdresList.active .OrderAdresListFatura {
    display: block !important;
    float: right;
    width: 50%;
    padding-left: 10px;
}

.OrderAdresList.active .OrderAdresListTeslimat {
    width: 50%;
    padding-right: 10px;
}

.OrderAdresList.active .AdresItem .adresItemFloat {
    width: 50%;
}

.OrderAdresList.active .OrderAdresListFatura .adresItemFloat {
    width: 50%;
}

.OrderAdresList.active .AdresItem .adresItemFloat:nth-child(2n) {
    margin-right: 0;
}

.OrderAdresList.active {
}

.adresItemFloat:nth-child(4n) {
    margin-bottom: 20px;
}*/


.delivery-popup-title {
    font-weight: 400;
    color: #000;
    font-size: 16px;
    background-color: #a8dbba;
    border-radius: 8px;
    padding: 6px;
    text-align: center;
    margin-bottom: 30px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.billing-popup-title {
    font-weight: 400;
    color: #000;
    font-size: 16px;
    background-color: #ffdc74;
    border-radius: 8px;
    padding: 6px;
    text-align: center;
    margin-bottom: 30px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    height: 32px;
}

.credit-card-title, .payment-title, .billing-title, .delivery-title, .note-title {
    margin-bottom: 30px;
}

    .delivery-title span {
        font-weight: 400;
        color: #fff;
        font-size: 15px;
        background-color: #009936 !important;
        width: 150px;
        padding: 6px 12px;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px
    }

    .billing-title span {
        font-weight: 400;
        color: #000;
        font-size: 15px;
        background-color: #ef9c00;
        width: 150px;
        padding: 6px 12px;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
    }

    .payment-title span {
        font-weight: 400;
        color: #000;
        font-size: 15px;
        width: 180px;
        padding: 6px 12px;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
        font-size: 15px;
        background-color: #ffffff;
        border: solid 1px #ddd;
    }

    .credit-card-title span {
        font-weight: 400;
        color: #000;
        font-size: 15px;
        width: 180px;
        padding: 6px 12px;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
        font-size: 15px;
        background-color: #ffffff;
        border: solid 1px #ddd;
    }

    .note-title span {
        font-weight: 400;
        color: #000;
        font-size: 15px;
        background-color: #fbfbfb;
        width: 150px;
        padding: 6px 12px;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
        border: solid 1px #ddd;
    }

.adress-block {
    padding: 20px 18px;
    border: solid 1px #e5e5e5;
    overflow: hidden;
    /* width: 100%; */
    color: #000;
    border-radius: 8px;
    height: 100%;
}


.adress-select {
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    /* width: calc(100% - 50px); */
    display: flex;
    margin-left: 18px;
    color: #7d7d7d;
}

.adress-select-billing {
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    color: #7d7d7d;
    cursor: pointer;
}


.adress-in {
    padding: 20px 0px 0px 0px;
}

    .adress-in .dInfo-block {
        width: 100%;
    }


        .adress-in .dInfo-block .dName,
        .adress-in .dInfo-block .dTel,
        .adress-in .dInfo-block .dCity,
        .adress-in .dInfo-block .dTown,
        .adress-in .dInfo-block .dAdress,
        .adress-in .dInfo-block .dTaxNo,
        .adress-in .dInfo-block .dTaxAdmin,
        .adress-in .dInfo-block .dTcNum {
            /*    display: flex;*/
            width: 100%;
            /*       height: 22px;
            line-height: 22px;
            margin-bottom: 2px;*/
        }

            .adress-in .dInfo-block .dName .label,
            .adress-in .dInfo-block .dTel .label,
            .adress-in .dInfo-block .dCity .label,
            .adress-in .dInfo-block .dTown .label,
            .adress-in .dInfo-block .dAdress .label,
            .adress-in .dInfo-block .dTaxNo .label,
            .adress-in .dInfo-block .dTaxAdmin .label,
            .adress-in .dInfo-block .dTcNum .label {
                font-size: 14px;
                font-weight: 600;
                width: 100px;
                border: solid 1px #f1f1f1;
                padding: 0px 10px;
                height: 22px;
                border-radius: 6px;
                line-height: 22px;
                color: #7d7d7d;
                margin-right: 8px;
            }

            .adress-in .dInfo-block .dName span,
            .adress-in .dInfo-block .dTel span,
            .adress-in .dInfo-block .dCity span,
            .adress-in .dInfo-block .dTown span,
            .adress-in .dInfo-block .dAdress span,
            .adress-in .dInfo-block .dTaxNo span,
            .adress-in .dInfo-block .dTaxAdmin span,
            .adress-in .dInfo-block .dTcNum span {
                font-size: 14px;
                font-weight: 400;
                width: calc(100% - 110px );
                height: auto;
                line-height: 22px;
            }


.adress-edit-buttons {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .adress-edit-buttons .edit-adress {
        font-size: 14px;
        color: #000;
        margin-right: 20px;
        font-weight: 500;
        background-color: #eaf7ee;
        padding: 8px 12px;
        border-radius: 10px;
        border: solid 1px #7d7d7d;
    }

        .adress-edit-buttons .edit-adress:hover {
            color: #fff;
            background-color: #00782b;
            border: solid 1px #00782b;
        }


    .adress-edit-buttons .edit-adress-billing {
        font-size: 14px;
        color: #000;
        margin-right: 20px;
        font-weight: 500;
        background-color: #fff8e5;
        padding: 8px 12px;
        border-radius: 10px;
        border: solid 1px #7d7d7d;
    }



    .adress-edit-buttons .delete-adress {
        font-size: 14px;
        color: #ff0000;
        margin-right: 20px;
        font-weight: 500;
        background-color: #ffffff;
        padding: 8px 12px;
        border-radius: 10px;
        border: solid 1px #7d7d7d;
    }

        .adress-edit-buttons .delete-adress:hover {
            color: #fff;
            background-color: #ff0000;
            border: solid 1px #ff0000;
        }


/* Dropdown Menu s */


.adress-block .dropdown-toggle-edit {
    position: relative;
    float: right;
    margin-top: -30px;
}


.adress-block .dropdown-toggle {
    z-index: 1;
    display: block;
    position: relative;
    font-size: 16px;
    color: #7d7d7d;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: solid 1px #ddd;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.adress-block .dropdown-toggle i {
    color: #afafaf;
}

.adress-block .dropdown-toggle-edit .dropdown-menu {
    padding: 0px 0px;
    width: 110px;
    min-width: 110px;
    border: solid 1px #ddd !important;
    background-color: #f9f9f9;
}


    .adress-block .dropdown-toggle-edit .dropdown-menu .edit-menu-item {
        font-size: 14px !important;
        line-height: 30px;
        height: 32px;
        text-align: right;
        padding: 3px 12px;
        cursor: pointer;
        display: flex;
    }

        .adress-block .dropdown-toggle-edit .dropdown-menu .edit-menu-item:hover {
            background-color: #ddd;
            color: #00782b;
        }

.adress-block .dropdown-toggle::after {
    display: none;
}

.adress-block .dropdown-toggle:hover {
    background-color: #ebebeb;
}



.adress-block .dropdown-toggle-edit .dropdown-menu .edit-menu-item a.green {
    color: #136d16 !important;
}


.adress-block .dropdown-toggle-edit .dropdown-menu .edit-menu-item a.red {
    color: #ff0000 !important;
}


.adress-block .menu-dropdown .dropdown-toggle:hover {
    background-color: #ebebeb;
}

.select-adress-btn {
    width: 100%;
    padding: 0px 12px 0px 12px;
    height: 36px;
    line-height: 36px;
}


    .select-adress-btn radio {
        width: 30px;
        height: 30px;
        padding: 0px 12px 0px 12px;
    }



/*.AdresItemLine2 {
    height: 180px;
}


.AdresItemLine:hover {
    background-color: #f2f2f2;
}

.AdresItemLine.active {
    background-color: #f2f2f2;
}

.AdresItemLine label {
    width: 100%;
    display: block;
}

    .AdresItemLine label input {
        float: left;
    }

    .AdresItemLine label span {
        float: left;
    }

.AdresItemLine .adresKargoSubDetay {
    line-height: 18px;
    color: #000000;
    font-size: 13px;
}

.AdresItemLine .adresFaturaSubDetay {
    float: left;
    line-height: 16px;
    color: #000000;
    font-size: 11px;
}

.AdresItemAlt {
    width: 100%;
    margin-bottom: 4px;
}

    .AdresItemAlt:after {
        clear: both;
        display: table;
        content: "";
    }

.AdresItemAltLeft {
    float: left;
    line-height: 0px;
    font-size: 13px;
    width: 80%;
}

    .AdresItemAltLeft label input {
        visibility: hidden;
        position: absolute;
    }

    .AdresItemAltLeft label span {
        font-size: 13px;
        line-height: 13px;
        text-align: left;
        overflow: hidden;
        min-height: inherit;
        height: auto;
        max-height: inherit;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: pre;
        width: 100%;
    }

        .AdresItemAltLeft label span.check:before {
            width: 12px;
            height: 12px;
            display: inline-block;
            content: "";
            background: url(/Scripts/images/pasifMenu.png);
            margin-right: 8px;
            float: left;
        }

.AdresItemAlt.AdresItemSelected {
    background: transparent;
}


    .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check {
        color: #fc5f5e;
        font-weight: 500;
    }

.AdresItemAltRight {
    float: right;
}*/

/*    .AdresItemAltRight .edit-adress {
        font-size: 14px;
        color: #7d7d7d;
        margin-right: 20px;
        font-weight: 500;
    }

    .AdresItemAltRight .edit-adress:hover {
        color: #00782b;
    }*/


/*
    .AdresItemAltRight .delete-adress {
        font-size: 14px;
        color: #7d7d7d;
        font-weight: 500;
        margin-right: 10px;
    }

        .AdresItemAltRight .delete-adress:hover {
            color: #ff0000;
        }

*/


/*.AdresItemAlt a {
    color: #b4b4b4;
    font-size: 12px;
}

    .AdresItemAlt a:hover {
        color: #fc5f5e;
    }

.BasketDetail .adresDuzenlemeTutucu .sagIcerikTutucu {
    padding: 0;
    margin: 0;
}

.BasketDetail .adresGir {
    padding: 0;
}

.BasketDetail .icerikIkiliBlok {
    padding: 0;
}

.BasketDetail .adresDuzenlemeTutucu input {
    border-radius: 0;
    box-shadow: none;
    border: 1px#e5e5e5 solid;
}

.BasketDetail .adresDuzenlemeTutucu select {
    border-radius: 0;
    box-shadow: none;
    border: 1px#e5e5e5 solid;
}

.BasketDetail .adresDuzenlemeTutucu textarea {
    border-radius: 0;
    box-shadow: none;
    border-color: #e5e5e5;
}

.BasketDetailMagazaBtnGrup:after {
    clear: both;
    display: table;
    content: "";
}

.BasketDetailMagaza .magazaTeslimBtn,
.BasketDetailMagaza .adresTeslimBtn {
    float: left;
    font-size: 16px;
    color: #1c1c1c;
    line-height: 28px;
    margin-right: 40px;
}

    .BasketDetailMagaza .magazaTeslimBtn i,
    .BasketDetailMagaza .adresTeslimBtn i {
        margin-right: 10px;
        font-size: 30px;
        float: left;
    }


    .BasketDetailMagaza .magazaTeslimBtn.active i:before,
    .BasketDetailMagaza .adresTeslimBtn.active i:before {
        content: "\f046";
    }


.SepetMagazalarListContent {
    display: none;
}

.SepetMagazalarList {
    display: block;
    min-width: 375px;
    max-width: 100%;
    clear: left;
    margin: 20px 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
}

    .SepetMagazalarList select {
        padding: 10px;
        border: 1px solid #e5e5e5;
        border-radius: 0;
        font-size: 13px;
        color: #1c1c1c;
        height: auto;
        margin-bottom: 10px;
        margin-right: 10px;
    }

.sepetimBody .BasketDetailContainer .SepetMagazaAdres {
    clear: left;
    display: block;
    margin-top: 10px;
    float: left;
}

    .sepetimBody .BasketDetailContainer .SepetMagazaAdres h5 {
        font-size: 14px;
        font-weight: normal;
    }

.kargoSecimContent .sepetTitle .st_1:before {
    content: "\f0d1";
}

.cargoInformation {
    cursor: pointer;
    width: 100%;
    padding: 10px;
    border: solid 1px #f2f2f2;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #f2f2f2;
}

    .cargoInformation:hover {
        border-color: #3e3e3e;
    }

    .cargoInformation.selected {
        border-color: #ee9b00;
        background-color: #f5f2ec;
    }

    .cargoInformation:last-child {
        margin-bottom: 0;
    }

    .cargoInformation.active {
        background-color: #ddd;
    }

    .cargoInformation div.cargoInput {
        width: 40px;
        float: left;
        margin-right: 12px;
        height: 40px;
        padding: 6px 10px 10px 10px;
    }


        .cargoInformation div.cargoInput input {
            margin-top: 5px;
            min-height: 0;
        }

    .cargoInformation .cargoName {
        width: 100%;
        font-size: 14px;
        color: #000;
        font-weight: 600;
        padding-right: 20px;
        height: 40px;
        line-height: 40px;
    }

    .cargoInformation .cargo-price {
        font-size: 16px;
        color: #000;
        font-weight: 700;
        padding-right: 20px;
    }

    .cargoInformation .cargotext {
        width: 67%;
        color: #7d7d7d;
        font-size: 13px;
        line-height: 18px;
    }

        .cargoInformation .cargotext .cargotextGuven {
            color: #000;
        }

    .cargoInformation div.cargotext span {
        color: #a5a5a5;
        margin-right: 5px;
        font-size: 13px;
        line-height: 18px;
    }

#ctl00_mainHolder_rdpTeslimatTarihi_dateInput {
    border: solid 1px #e5e5e5 !important;
    margin-bottom: 10px;
    border-radius: 0;
    box-shadow: none;
}

.RadPicker td {
    vertical-align: top !important;
}

#mainHolder_ddlTeslimaSaati {
    padding: 5px !important;
    border: solid 1px #e5e5e5 !important;
    height: 32px !important;
}

.TeslimatTarihContainer .sepetTitle .st_1:before {
    content: "\f073";
}

.SiparisNotuContainer:After {
    clear: both;
    display: table;
    content: "";
}

.siparisUrunUyari.active {
    width: 50%;
    float: left;
}

.SiparisNotuLine.active {
    width: 50%;
    float: left;
}

.siparisUrunUyariBaslik {
    margin-bottom: 15px;
}

    .siparisUrunUyariBaslik:after {
        clear: both;
        display: table;
        content: "";
    }

    .siparisUrunUyariBaslik .col-1 {
        width: 5%;
        float: left;
        margin-right: 15px;
    }

    .siparisUrunUyariBaslik .col-2 {
        width: 90%;
        float: left;
        line-height: 16px;
        font-size: 13px;
    }

    .siparisUrunUyariBaslik i {
        font-size: 40px;
    }

.SiparisNotuContent .sepetTitle .st_1:before {
    content: "\f040";
}

.SiparisNotuContent textarea {
    border: solid 1px #e5e5e5;
    color: #000;
    padding: 10px;
    margin: 0;
    width: 100%;
    min-height: 150px;
    border-radius: 0;
    box-shadow: none;
    font: 12px/normal 'Roboto', sans-serif;
}

.siparisUrunUyariSecenekler {
}

    .siparisUrunUyariSecenekler:After {
        clear: both;
        display: table;
        content: "";
    }

.siparisUrunUyariSecenek {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 8px;
}

    .siparisUrunUyariSecenek input[type="radio"] {
        width: 20px;
        float: left;
    }

    .siparisUrunUyariSecenek label {
        float: left;
        width: 90%;
    }

    .siparisUrunUyariSecenek .siparisUrunDurumBaslik {
        display: block;
        font-weight: 500;
        color: #fd7175;
        margin-bottom: 2px;
    }

    .siparisUrunUyariSecenek .siparisUrunDurumAciklama {
        display: block;
    }

.HediyeContentContainer .sepetTitle .st_1:before {
    content: "\f06b";
}*/

/*.order-block {
    padding: 20px;
    border: solid 1px #9cddb0;
    width: 100%;
    border-radius: 8px;
}*/



/* Modal Edit Adress s*/

.billing-modal {
    display: none;
    position: fixed;
    top: 34%;
    left: 50%;
    width: 100%;
    height: auto;
    margin-left: -200px;
    margin-top: -150px;
    padding: 0px 22px 20px 22px;
    border-radius: 5px;
    z-index: 1056;
    box-shadow: 0 0 0 9999px rgb(0 0 0 / 50%);
    max-width: 400px;
    height: 100%;
    background-color: #fff;
    max-height: 584px;
    height: 100%;
}



.delivery-modal {
    display: none;
    position: fixed;
    top: 34%;
    left: 50%;
    width: 100%;
    height: auto;
    margin-left: -200px;
    margin-top: -150px;
    padding: 0px 22px 20px 22px;
    border-radius: 5px;
    z-index: 1056;
    box-shadow: 0 0 0 9999px rgb(0 0 0 / 50%);
    max-width: 400px;
    height: 100%;
    background-color: #fff;
    max-height: 570px;
    height: 100%;
}


 /*   .delivery-modal.active {
        display: block;
    }
*/

.overlay-modal-shop {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1050;
    -moz-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
    -o-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
    -webkit-transition: opacity 0.25s ease, visibility 0.35s linear;
    -webkit-transition-delay: 0s, 0s;
    transition: opacity 0.25s ease 0s, visibility 0.35s linear;
}


/*.EditBilling {
    max-height: 660px;
}

*/







/*
.modal.fade .EditDelivery {
    transition: transform .3s ease-out;
    transform: translate(0,-50px);
}*/



  


/*    .EditBilling .close,
    .EditDelivery .close {
        cursor: pointer;
        display: block;
        position: absolute;
        right: 12px;
        top: 14px;
        z-index: 1;
        font-size: 22px;
    }

        .EditBilling .close:hover,
        .EditDelivery .close:hover {
            color: #ff0000;
        }
*/


.input-billing,
.input-delivery {
    height: 44px;
    border: solid 1px #ccc;
    width: 100%;
    padding: 0px 12px;
    border-radius: 8px !important;
    font-size: 14px;
}

    .input-billing:hover,
    .input-billing:focus,
    .input-delivery:hover,
    .input-delivery:focus {
        border: solid 1px #0d7533;
    }

.textarea-billing,
.textarea-delivery {
    min-height: 80px !important;
    border: solid 1px #ccc;
    width: 100%;
    height: 100%;
    padding: 12px 12px;
    border-radius: 8px !important;
    font-size: 14px;
    max-height: 81px;
}

    .textarea-billing:hover,
    .textarea-billing:focus,
    .textarea-delivery:hover,
    .textarea-delivery:focus {
        border: solid 1px #0d7533;
    }


.save-adress {
    height: 40px;
    background-color: #009936;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    letter-spacing: 0.5px;
    cursor: pointer;
    border: none;
    width: 100%;
    float: right;
    max-width: 120px;
}


    .save-adress:hover {
        background-color: #0d7533;
        color: #fff;
        /*opacity: 0.7;*/
    }


.save-adress-billing {
    height: 40px;
    background-color: #ffc107;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    letter-spacing: 0.5px;
    cursor: pointer;
    border: none;
    width: 100%;
    float: right;
    max-width: 120px;
}
    .save-adress-billing:hover {
        background-color: #ef9c00;
        color: #000;
        /*opacity: 0.7;*/
    }


.cancel-adress {
    height: 40px;
    color: #e75757;
    font-size: 15px;
    font-weight: 500;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    letter-spacing: 0.5px;
    cursor: pointer;
    border: none;
    width: 100px;
    float: left;
    max-width: 120px;
    border: solid 2px #7d7d7d;
}


    .cancel-adress:hover {
        background-color: #ddd;
        color: #fff;
        border: solid 0px #ff0000;
    }

.selected-billing-type {
    border-bottom: dotted 1px #ddd;
    margin-bottom: 12px;
    width: 100%;
    font-size: 13px;
    color: #7d7d7d;
}


/* New Modal Edit Adress e*/


/* mini basket accordion Start  */

.header-mini-basket {
    background-color: #cfcece;
    cursor: pointer;
    padding: 0px 12px 0px 20px;
    width: 100%;
    border: none;
    display: inline-block;
    margin-bottom: 12px;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    margin-top: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.mini_basket_panel {
    position: relative;
}

    .mini_basket_panel ul {
        padding: 0px;
        list-style-type: none;
    }

        .mini_basket_panel ul:last-child {
            margin-bottom: 10px;
        }

.mini-basket-title {
font-size: 15px;
 font-weight: 500;
}

    .panel .retail-price .tax {
        display: none;
    }

.summary-p-img {
    width: 44px;
    border-radius: 6px;
    border: solid 1px #ddd;
    margin-right: 6px;
    float: left;
}

.listing-p {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    padding: 3px;
}

.listing-p-piece {
    font-size: 14px;
    width: 100%;
    /* display: contents; */
    font-weight: 400;
    color: #999797;
    /* float: left; */
}
.listing-p-price {
    font-size: 14px;
    height:50px;
    line-height:50px;
}
.listing-p-price span {
    font-size: 13px;
}

.listing-p a.p-name, .listing-p .p-name {
    max-width: 200px;
    display: block;
    font-weight: 400;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    font-size: 14px;
    /* padding-top: 14px; */
    /* float: left; */
    color: #000;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 18px;
}

.listing-p:hover,
.listing-p:hover .p-name,
.listing-p:hover .listing-p-priece,
.listing-p:hover .listing-p-piece {
    background-color: #f1f1f1;
    color: #009936;
    border-radius: 5px
}


#OrderSummary {
    background-color: #f2f2f2;
    /* display: flex; */
    padding: 12px 12px 0px 16px;
    border-radius: 6px;
    min-height: 116px;
}

#OrderSummary-2 {
    background-color: #f2f2f2;
    padding: 12px 12px 10px 16px;
    border-radius: 6px;
    min-height: 116px;
}

/* mini basket accordion End */


/* Pos mini basket s */

.p-mini-basket-button {
    background-color: #eaf7ee;
    cursor: pointer;
    padding: 0px 12px 0px 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 5px;
    border: solid 1px #9cddb0;
    height: 38px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.p-mini-basket-title {
    padding: 5px 12px 0px 0px;
    font-size: 15px;
    margin-bottom: 5px;
    display: inline-block;
    color: #097e32;
}

.p-mini-basket {
    width: 100%;
    margin-top: 30px;
}

    .p-mini-basket .line {
        height: 38px;
        width: 100%;
        height: 42px;
        line-height: 42px;
    }

    .p-mini-basket .title {
        height: 42px;
        font-size: 15px;
        font-weight: 400;
        color: #7d7d7d;
        float: left;
        clear: left;
    }



    .p-mini-basket .b-item {
        height: 42px;
        font-size: 16px;
        color: #7d7d7d;
    }


.p-hr {
    border-bottom: solid 1px #f1f1f1;
}

/* Pos mini basket e */


.mini-basket-content .retail-price .tax {
    display: none;
}


.mini-basket-content .UrunItemAdet {
    font-size: 12px;
}


.credit-card-block {
    padding: 16px 30px;
    border: solid 1px #e5e5e5;
    overflow: hidden;
    width: 100%;
    color: #000;
    border-radius: 8px;
}



.UrunContent {
    margin-top: 17px;
    display: none;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .UrunContent:after {
        clear: both;
        display: table;
        content: "";
    }

    .UrunContent.active {
        display: block;
    }

.summary-item {
    display: table;
    padding: 0;
    margin: 0 0 12px 0;
    width: 100%;
    border-bottom: solid 1px #f1f1f1;
    padding-bottom: 12px;
}

.summary-image {
    overflow: hidden;
    float: left;
    margin-right: 15px;
}

    .summary-image img {
        max-width: 100%;
        max-height: 60px;
        border-radius: 6px;
        border: solid 1px #ddd;
    }

.summary-block-right {
    width: 71%;
    float: right;
}

.summary-product-piece {
    color: #000;
    font-size: 12px;
    text-align: left;
    font-weight: 600;
}



.summary-product-name {
    color: #000;
    font-size: 13px;
    text-align: left;
    font-weight: 500;
}

.summary-price {
    color: #000;
    padding: 0;
    font-size: 12px;
    display: block;
    width: auto;
    text-align: left;
    line-height: 16px;
    font-weight: 500;
}

    .summary-price .retail-price {
        font-size: 13px;
        font-weight: 700;
        font-family: Roboto,sans-serif;
        letter-spacing: 0px;
        color: #7d7d7d;
        line-height: 30px;
        text-align: left;
    }

/*.carpma {
    font-weight: bold;
    margin: 0 3px;
    display: inline-block;
    float: left;
    font-size: 11px;
    line-height: 18px;
}*/



/*Kargo Ürün Bilgileri*/

#tblKargolar .cargo {
    margin-bottom: 20px;
}

.cargoProduct {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

    .cargoProduct:after {
        clear: both;
        display: table;
        content: "";
    }

.cargoProductImg {
    height: 100px;
    width: 70px;
    overflow: hidden;
    padding: 0;
    margin-right: 20px;
    float: left;
}

    .cargoProductImg img {
        max-width: 100%;
        max-height: 100%;
    }


.cargoProductBrand {
}

.cargoProductName {
    width: 34%;
    float: left;
}

    .cargoProductName span {
        display: block;
    }

.cargoProductQty {
    width: 34%;
    float: left;
}

.cargoProductPrice {
    width: 15%;
    text-align: center;
    padding: 0px 0;
    float: right;
}

    .cargoProductPrice span {
        font-size: 18px;
        display: block;
        line-height: 24px;
    }

.cargoOptions {
    margin-bottom: 10px;
}

/*Kargo Ürün bilgileri*/

/*Teslimat Tablo*/

.ilceKargoGonderimSaatleri {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
}

    .ilceKargoGonderimSaatleri .sutun {
    }

    .ilceKargoGonderimSaatleri .baslik {
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        background-color: #b5b5b5;
        border: 0;
        width: 113px;
        padding: 10px 20px;
        text-align: center;
        line-height: 16px;
        border: 1px solid #ebebeb;
        margin-bottom: -1px;
    }

    .ilceKargoGonderimSaatleri .satir {
        font-size: 12px;
        margin-top: 10px;
        border: 1px solid #ebebeb;
        margin: 0;
        margin-right: -1px;
        margin-bottom: -1px;
        height: 50px;
        display: block;
        font-size: 12px;
        color: #000000;
        font-weight: 600;
        cursor: pointer;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }

        .ilceKargoGonderimSaatleri .satir.active {
            background-color: #fb3c3c;
            color: #fff;
        }

        .ilceKargoGonderimSaatleri .satir.passive {
            opacity: 0.5;
            color: #cccccc;
            cursor: default;
        }

.KargoIlaveBedel {
    display: block;
    line-height: normal;
    margin-top: 4px;
    margin-left: 15px;
}

.ilceKargoGonderimSaatleri .satir input {
    width: 12px;
    height: 12px;
    min-width: 12px;
    line-height: normal;
    margin-right: 5px;
}

.pasifSatir {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.teslimatSaatiContent {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.teslimatSaatiRow {
    flex-wrap: wrap;
    display: flex;
}

.teslimatSaatiHeader .teslimatSaatiCol {
    width: 14.285714%;
    cursor: pointer;
}

    .teslimatSaatiHeader .teslimatSaatiCol.selected span.baslik {
        background-color: #ff0000;
        color: #ffffff;
    }

    .teslimatSaatiHeader .teslimatSaatiCol.selected.active span.baslik {
        border: 1px solid #000000;
        color: #ffffff;
    }

    .teslimatSaatiHeader .teslimatSaatiCol.active span.baslik {
        border: 1px solid #ff0000;
        color: #ff0000;
    }

    .teslimatSaatiHeader .teslimatSaatiCol span.baslik {
        width: auto;
        color: #727272;
        font-weight: 500;
        font-size: 13px;
        background-color: #fff;
        padding: 10px 20px;
        text-align: center;
        line-height: 16px;
        border: 1px solid #e8e8e8;
        margin-bottom: -1px;
    }

    .teslimatSaatiHeader .teslimatSaatiCol span {
        display: block;
    }

.teslimatSaatiTabContent {
    margin-top: 15px;
}

.teslimatSaatiTabRow .satir {
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid #ebebeb;
    text-align: left;
    padding: 0;
}

    .teslimatSaatiTabRow .satir:after {
        clear: both;
        display: table;
        content: "";
    }

    .teslimatSaatiTabRow .satir span {
        width: 49%;
        display: inline-block;
        padding: 0 10px;
    }

    .teslimatSaatiTabRow .satir input {
        margin-left: 5px;
    }


    .teslimatSaatiTabRow .satir span:first-child {
        font-weight: 600;
    }

    .teslimatSaatiTabRow .satir span.pasif {
        color: #ccc;
    }

    .teslimatSaatiTabRow .satir span:last-child {
        float: right;
        text-align: right;
    }

/*@media(max-width:640px) {
    .teslimatSaatiHeader .teslimatSaatiCol span.baslik {
        padding: 10px 5px;
    }
}

@media(max-width:480px) {
    .teslimatSaatiHeader .teslimatSaatiCol span.baslik {
        padding: 10px 2px;
        font-size: 11px;
    }
}

@media(max-width:425px) {
    .teslimatSaatiHeader .teslimatSaatiCol span.baslik {
        padding: 5px 0;
        font-size: 9px;
    }
}*/

/*Teslimat Tablo*/


/* Ödeme.aspx */

/*.odemeYap .sepetTitle {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

    .odemeYap .sepetTitle .st_1:before {
        content: "\f09d";
    }

.odemeMenuContent {
    display: block;
}

.OdemeMenuTittle {
    margin-bottom: 25px;
}

    .OdemeMenuTittle p {
        font-size: 12px;
        line-height: 22px;
    }

        .OdemeMenuTittle p strong {
            font-size: 16px;
        }


.odemeMenuContent:after {
    clear: both;
    display: block;
    content: "";
}*/

.payment-menu {
    /* padding: 16px 30px; */
    /* border: solid 1px #e5e5e5; */
    overflow: hidden;
    width: 100%;
    color: #000;
    border-radius: 8px;
    margin-bottom: 20px;
}


    .payment-menu ul {
        /* margin-left: -10px; */
        /* margin-right: -10px; */
    }
        .payment-menu ul li {
            background-color: #f8f8f8;
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
            background-color: #f8f8f8;
            /* margin: 10px 0px 20px 0px; */
            width: 100%;
            display: flex;
            border-radius: 8px;
            padding: 12px 12px;
            /* cursor: pointer; */
        }

                .payment-menu ul li span {
                    color: #7d7d7d;
                    font-size: 16px;
                    font-weight: 400;
                    height: 56px;
                    line-height: 56px;
    
                }


            .payment-menu ul li img {
                -webkit-transition: .3s ease-in-out;
                transition: .3s ease-in-out;
                display: block;
                transition-duration: 0.2s, 0.2s;
                -webkit-transition-duration: 0.2s, 0.2s;
                height: 56px;
                margin-right: 20px;
            }

/*
                .payment-menu ul li a:focus img,
                .payment-menu ul li a:hover img {
                    -webkit-filter: none;
                    filter: none;
                }*/
/*
                .payment-menu ul li.activeMenu a span,
                .payment-menu ul li a:focus span,
                .payment-menu ul li a:hover span {
                    color: #000
                }*/

                /*.payment-menu ul li a:hover,
                .payment-menu ul li.activeMenu a img,
                .payment-menu ul li.activeMenu a {
                    transition-duration: 0.2s, 0.2s;
                    -webkit-transition-duration: 0.2s, 0.2s;*/ /* Safari */
                    /*background-color: #c7e9ce;
                    border: 0;
                    color: #000;
                    display: flex;
                    -webkit-filter: none;
                    filter: none;
                }*/



.list-confirm-title {
    margin-bottom: 20px;
    width: 100%;
    background-color: #f1f1f1;
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    padding: 6px 6px 8px 14px;
    border-radius: 5px;
    height: 35px;
    line-height: 26px;
}




.list-confirm-title a {
    float: right;
    color: #048c34;
    font-size: 14px;
    font-weight: 400;
    height: 24px;
    line-height: 26px;
    padding: 0px 10px;
    display: block;
    background-color: #f9f9f9;
    border-radius: 4px;
    line-height: 24px;
    border: solid 1px #9bbfa7;
}


    .list-confirm-title a:hover {
        color: #fff;
        background-color: #009936;
    }


.product-summary {
    display: flex;
    /* padding: 0; */
    margin: 0 0 12px 0;
    width: 100%;
    /* border-bottom: solid 1px #f1f1f1; */
    /* padding-bottom: 12px; */
}

    .product-summary img {
        /* overflow: hidden; */
        float: left;
        margin-right: 15px;
        max-height: 40px;
        border-radius: 6px;
        border: solid 1px #ddd;
    }

    .product-summary .product-info {
        width: calc(100% - 0px);
        display: flex;
        justify-content: space-between;
        max-height: 60px;
    }

        .product-summary .product-info .product-name {
            color: #000;
            font-size: 14px;
            text-align: left;
            /* font-weight: 600; */
            width: 80%;
        }


        .product-summary .product-info .product-piece {
            color: #000;
            font-size: 12px;
            text-align: left;
            font-weight: 600;
        }


product-summary .product-info .product-price {
    color: #000;
    padding: 0;
    font-size: 12px;
    display: block;
    width: auto;
    text-align: left;
    line-height: 16px;
    font-weight: 500;
}



.summary-section-title-2 {
    font-size: 18px;
    font-weight: 600;
    color: #0654ba;
    font-family: Roboto, sans-serif;
    float: left;
    display: inline-block;
    letter-spacing: 0.4px;
}



.order-summery-box {
    border: solid 1px #e5e5e5;
    overflow: hidden;
    width: 100%;
    color: #000;
    border-radius: 8px;
    margin-bottom: 20px;
}


.inner-box {
    padding: 0px 22px 22px 22px;
}
/* New Modal Edit Adress s*/



/*.sozlesme1,
.sozlesme2 {
    display: none;
    position: fixed;
    top: 34%;
    left: 50%;
    width: 100%;*/
/* height: auto; */
/*margin-left: -200px;
    margin-top: -150px;
    background-color: #ffffff;
    padding: 30px 30px;
    border-radius: 5px;
    z-index: 9999;
    box-shadow: 0 0 0 9999px rgb(0 0 0 / 50%);
    max-width: 480px;
    height: 100%;
}


.sozlesme1 {
    max-height: 600px;
}


.sozlesme2 {
    max-height: 600px;
}

.sozlesme1.active,
.sozlesme2.active {
    display: block;
}



.sozlesme1 .close,
.sozlesme2 .close {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 12px;
    top: 14px;
    z-index: 1;
    font-size: 22px;
}
    .sozlesme1 .close:hover,
    .sozlesme2 .close:hover {
        color: #ff0000;
    }

.closeS1,
.closeS2 {
    text-align: center;
    float: right;
    width: 34px;
    height: 34px;*/
/* background-color: #f1f1f1; */
/*font-size: 28px;
    margin-top: -20px;
    margin-right: -12px;
    cursor: pointer;
    color: #7d7d7d;
}


    .closeS1:hover,
    .closeS2:hover {
        color: #ff0000;
    }*/


/*Contract Scroll*/

.transfer-bank-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
}


.contract-2,
.contract-1 {
    padding: 20px 5px 20px 12px;
    height: 200px;
    color: #444;
    font-size: 13px;
    font-weight: 400;
/*    background-color: #f6f6f6;*/
/*    margin-bottom: 30px;*/
  /*  border: 1px solid #ddd;*/
    width: 100%;
    border-radius: 6px;
}

    .contract-1 .contract-inner,
    .contract-2 .contract-inner {
        height: 170px;
        overflow: auto;
    }

        .contract-1 .contract-inner::-webkit-scrollbar-track-piece,
        .contract-2 .contract-inner::-webkit-scrollbar-track-piece {
            height: 30px;
            width: 30px;
        }

        .contract-1 .contract-inner::-webkit-scrollbar,
        .contract-2 .contract-inner::-webkit-scrollbar {
            min-width: 12px;
            width: 12px;
            max-width: 12px;
            min-height: 12px;
            height: auto;
            max-height: 12px;
            background: #f0f0f0;
            cursor: pointer;
        }

        .contract-1 .contract-inner::-webkit-scrollbar-thumb,
        .contract-2 .contract-inner::-webkit-scrollbar-thumb {
            background: #959595;
            border: none;
            border-radius: 10px;
            border: solid 2px #fff;
            box-shadow: inset 0px 0px 3px #999;
            cursor: pointer;
        }

            .contract-1 .contract-inner::-webkit-scrollbar-thumb:hover,
            .contract-2 .contract-inner::-webkit-scrollbar-thumb:hover {
                background: #7d7d7d;
                border: solid 1px #fff;
                cursor: pointer;
            }



/*.contracts {
    height: 34px;
    background-color: #fff7f7;
    border-radius:8px;
    padding: 10px 12px;
    margin-top: 14px;
}

.contracts .cont-1 {
 margin-right:10px;
}
*/

/* Summary before Payment s */

.basket-header-p {
    margin-bottom: 12px;
    border-bottom: dashed 1px #dddd;
    /* padding-bottom: 16px; */
}

    .basket-header-p:last-child {
        border-bottom: dashed 0px #fff;
    }

.basket-seller-info-p {
    height: 20px;
    display: flex;
    font-size: 13px;
    border-bottom: none;
    margin-bottom: 2px;
}

    .basket-seller-info-p .s-title-p {
        font-size: 13px;
        font-weight: 400;
        color: #7d7d7d;
        height: 20px;
    }

        .basket-seller-info-p .s-title-p a {
            font-size: 13px;
            font-weight: 600;
            color: #000;
            text-decoration: none;
        }

            .basket-seller-info-p .s-title-p a:hover {
                color: #ff0000;
            }




.b-cargo-p, .b-cargo-p .c-title-p {
    margin: 0px;
    display: block;
    font-size: 13px;
    color: #00782b;
    font-weight: 500;
    display: flex;
}

.basket-cargo-info-p i {
    font-size: 16px;
    color: #000;
    margin-right: 8px;
}

.basket-column-p {
    /* border-bottom: solid 1px #f1f1f1;*/
}

.basket-content-p {
    position: relative;
    width: 100%;
    padding: 12px 4px 12px 0px;
    /* height: 60px;*/
}

    .basket-content-p:hover {
        background-color: #f1f1f1;
    }

    /* 
        .basket-content-p:hover .basket-quantity-input-m-p {
            background-color: #f1f1f1;
        }
*/
    .basket-content-p ul {
        position: relative;
        list-style-type: none;
        padding: 0px;
        display: flex;
        /*  height: 60px;*/
    }

        .basket-content-p ul li:first-child {
            width: 89%;
            text-align: left;
            height: 34px;
            line-height: 40px;
            font-weight: 400;
        }

        .basket-content-p ul li:nth-child(2) {
            /* width: 20%; */
            text-align: right;
            height: 60px;
            /* line-height: 100px; */
            /* font-weight: 400; */
        }

        .basket-content-p ul li:nth-child(3),
        .basket-content-p ul li:nth-child(4) {
            width: 5%;
            text-align: center;
            height: 80px;
            /* line-height: 80px; */
            font-weight: 400;
        }

        .basket-content-p ul li:first-child a {
            font-size: 18px;
            color: #000;
            font-weight: 400;
        }

            .basket-content-p ul li:first-child a img {
                float: left;
                margin-right: 20px;
                border: 1px solid #ddd;
                border-radius: 5px;
            }

        .basket-content-p ul li:first-child .product-name-p {
            /* padding: 20px 25px 0px 0px; */
            text-align: left;
            font-weight: 600;
            font-size: 13px;
            color: #7d7d7d;
            /* height: 80px; */
        }

.basket-price-p {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 13px;
}

    .basket-price-p .retail-price-discount {
        font-size: 13px
    }


    .basket-price-p .retail-price-p-p {
        font-size: 15px;
        font-weight: 500;
        margin-top: 10px;
        text-align: left;
        color: #7d7d7d;
    }

        .basket-price-p .retail-price-p-p span {
            font-size: 14px;
            font-weight: 400;
            margin-top: 10px;
            color: #7d7d7d;
        }

.delete-column-p {
    height: 94px;
    line-height: 96px;
    text-align: left;
    width: 50px;
}

button {
    width: 30%;
    height: 38px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    background: none;
    border: none;
    border-radius: 3px;
    margin-bottom: 15px;
}

.piece-column-p {
    /* text-align: center; */
    /* padding: 0px 10px 10px 10px; */
    display: flex;
}

.basket-quantity-minus-m-p,
.basket-quantity-plus-m-p {
    border-left: none;
    font-size: 11px;
    line-height: 26px;
    height: 26px;
    cursor: pointer;
    width: 30px;
    text-align: center;
    font-weight: 400;
    border-radius: 4px;
    border: solid 1px #ddd;
    color: #000;
    background-color: #fff;
}

.dec.qtybutton-basket-m-p:hover,
.inc.qtybutton-basket-m-p:hover {
    background-color: #00782b;
    color: #fff
}


.basket-quantity-minus-m-p:hover,
.basket-quantity-plus-m-p:hover {
    background-color: #ee9b00;
}

.basket-quantity-input-m-p {
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    margin-right: 0;
    text-align: center;
    width: 30px;
    border: none;
    line-height: 26px;
    border-radius: 5px;
    margin-top: 1px;
}


.cart-plus-minus-basket-p label {
    display: inline-block;
    float: left;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin-right: 10px
}

.cart-plus-minus-basket-p {
    display: inline-block;
    float: left;
    margin-right: 18px
}

.price-detail-basket-p {
    font-weight: 400;
    color: red;
    text-decoration: line-through;
}

.basket-image-p {
    height: 60px
}

.order-summery-basket-p {
    border: solid 1px #ddd;
    border-radius: 6px;
    padding: 20px 20px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
}


/*Total */

.product-total-summary {
    color: #7d7d7d;
}

    .product-total-summary .shipment-price,
    .product-total-summary .total-basket,
    .product-total-summary .total-order {
        display: flex;
        justify-content: space-between;
        margin-bottom: 4px;
        font-size: 13px;
    }


        .product-total-summary .total-basket .title,
        .product-total-summary .total-order .title {
            font-size: 13px;
            margin-bottom: 4px;
        }

        .product-total-summary .shipment-price .title {
            font-size: 13px;
            font-weight: 400;
        }

            .product-total-summary .shipment-price .title i {
                font-size: 14px;
                color: #7d7d7d;
                margin-right: 4px;
            }

        .product-total-summary .shipment-price.vaule,
        .product-total-summary .total-basket .value,
        .product-total-summary .total-order .value {
            font-size: 13px !important;
            font-weight: 400;
        }


            .product-total-summary .shipment-price .vaule span,
            .product-total-summary .total-basket .value span,
            .product-total-summary .total-order .value span {
                font-size: 13px;
                font-weight: 400;
            }




/* Summary before Payment e */


.alert-delivery {
    border: solid 0px #ddd;
    width: 100%;
    text-align: left;
    margin-top: -17px;
    margin-bottom: 16px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    background-color: #ff0000;
    padding: 4px 10px;
    border-radius: 4px;
}

/*Order Success Page */


.success-header-block {
    display: flex;
    margin-top: 50px;
    background-color: #ffffff;
    border-radius: 8px;
    background-image: url(../../images/order-success-bg.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 140px;
    border: solid 1px #ffffff;
}

    .success-header-block .success-header {
        text-align: center;
        display: flex;
        margin: 0 auto;
        align-items: center;
    }

    .success-header-block .order-success-image {
    }

        .success-header-block .order-success-image img {
            width: 100px;
        }

    .success-header-block .sucess-message {
        font-size: 18px;
        padding-left: 12px;
        color: #000;
        font-weight: 600;
    }



.order-sucess-title {
    background-color: #ecffe7;
    font-size: 15px;
    font-weight: 600;
    color: #048c34;
    margin-top: 40px;
    padding: 4px 14px;
    border-radius: 5px;
    width: 100%;
    max-width: 300px;
    border: solid 1px #c1e8cf;
}

.order-header-info {
    margin-top: 40px;
    width: 100%;
}

    .order-header-info ul {
        list-style-type: none;
    }

        .order-header-info ul li {
            font-size: 15px;
        }

            .order-header-info ul li:last-child {
                color: #444;
            }

            .order-header-info ul li strong {
                font-size: 16px !important;
                font-weight: 600 !important;
                color: #048c34
            }


.order-success-info-box {
    /*      border: solid 1px #e5e5e5;*/
    overflow: hidden;
    width: 100%;
    color: #000;
    padding: 0px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}


.order-success-sub-title {
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    background-color: #048c34;
    padding: 0px 20px;
    height: 30px;
    line-height: 33px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    font-weight: 600;
}

.b-inner {
    padding: 0px 20px 14px 20px;
}

.w-12 {
    width: 12% !important;
}

.fl {
    float: left !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.w-80 {
    width: 80% !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.bg-gry {
    background-color: #f1f1f1;
    padding: 20px;
    border: solid 2px #048c34;
}

    .bg-gry a {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        text-decoration: none;
    }

.max-w-240{
    max-width: 240px;
}
.order-success-contracts {
    width: 100%;
    margin-top: 10px;
}

    .order-success-contracts span a {
        font-size: 13px;
        font-weight: 400 !important;
        color: #000;
        text-decoration: none;
    }

        .bg-gry a:hover,
        .order-success-contracts span a:hover {
            color: #ff0000;
        }



    .order-success-contracts span {
        width: 100%;
        margin-top: 12px;
        height: 36px;
        line-height: 36px;
        cursor:pointer
    }

    .order-success-contracts i {
        width: 36px;
        text-align: center;
        background-color: #ddd;
        font-size: 20px;
        color: #7d7d7d;
        height: 36px;
        align-items: center;
        line-height: 36px;
        border-radius: 4px;
        margin-right: 6px;
    }