@charset "utf-8";

html, body {
    overscroll-behavior-x: none !important;
}

    body, body * {
        direction: rtl;
        box-sizing: border-box;
    }

body {
    padding: 0px;
    height: 0;
}

::selection {
    background-color: #508eff;
    color: white;
}

body *:not(i) {
    font-family: 'IS';
}

a, a:hover, a:active, a:visited, a:focus {
    color: initial;
    text-decoration: none;
    outline: none;
}

*, *:focus {
    outline: none;
}

::placeholder {
    font-family: 'IS';
    opacity: 1;
}

:-ms-input-placeholder {
    font-family: 'IS';
}

::-ms-input-placeholder {
    font-family: 'IS';
}

.IS {
    font-family: 'IS';
}

.ISBold {
    font-family: 'ISBold';
}

.ISEN {
    font-family: 'ISEN';
}

#SmallSizeAlert {
    display: none;
    z-index: 9999;
    position: fixed;
    width: 100vw;
    height: 100vh;
}

    #SmallSizeAlert img {
        margin: auto;
        width: auto;
        margin-top: calc((100vh - 300px) / 2);
        height: auto;
        max-width: 98%;
        min-width: 100px;
    }

    #SmallSizeAlert span {
        text-align: center;
        line-height: 1.7em;
        font-size: 17px;
        padding-right: 5px;
        padding-left: 5px;
        margin-top: 9px;
    }


.NavBack {
    display: block;
    margin: auto;
    width: 100%;
    z-index: 500;
    top: 0px;
    position: fixed;
    float: right;
    height: 82px;
}

.MainNav {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 100vw;
    height: 50px;
    float: right;
    position: fixed;
    top: 0;
    z-index: 5;
}

.MainWrapper {
    width: 100%;
    direction: ltr;
}



    .MainWrapper * {
        direction: rtl;
    }

    .MainWrapper .CKE * {
        direction: unset;
        text-align: unset;
        font-size: unset;
        color: unset;
    }

        .MainWrapper .CKE *[dir=ltr] {
            direction: ltr;
            text-align: left;
        }

        .MainWrapper .CKE *[dir=rtl] {
            direction: rtl;
            text-align: right;
        }


.FixedMainNav {
    position: fixed !important;
}

.FixedSNav {
    position: fixed !important;
}


.NavP1 {
    display: flex;
    align-items: center;
    float: right;
    height: 50px;
}



.NavP3 {
    display: block;
    float: right;
    height: 50px;
}

.NavP1 a {
    display: flex;
    align-items: center;
}

.NavLogo {
    float: right;
    width: auto;
    max-height: 40px;
    margin-right: 10px;
    max-width: calc(100% - 20px);
}



.NavP3 div {
    display: block;
    float: left;
}

.NavP3 > div {
    width: 90%;
    margin-top: 14px;
}

    .NavP3 > div a:nth-child(1) {
        position: relative;
    }

    .NavP3 > div a {
        display: inline-block;
        float: left;
    }

        .NavP3 > div a:nth-child(1), .NavP3 > div a:nth-child(2) {
            width: 50px;
        }

        .NavP3 > div a:nth-child(3) {
            width: 200px;
        }




.SmallSearch {
    display: none;
}


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

.Panel100 {
    width: 100% !important;
}

.Panel96 {
    width: 96% !important;
    margin-right: auto !important;
}

.Row100 {
    width: 100% !important;
}

.Row96 {
    width: 96% !important;
    margin-right: auto !important;
}

.row-b, .row-m, .row-s {
    display: block;
    width: 100%;
    margin: auto;
    min-height: 1px;
    direction: rtl;
    overflow: auto;
    font-size: 0px;
    vertical-align: top;
    white-space: nowrap;
}

    .row-b div, .row-m div, .row-s div {
        white-space: initial;
    }

.row-b {
    max-width: 1600px;
}

.row-m {
    max-width: 1024px;
}

.row-s {
    max-width: 650px;
}

.row-holder {
    display: inline-block;
    width: 100%;
    max-width: 1600px;
    min-height: 1px;
    font-size: initial;
    white-space: normal;
}

.col-b-1, .col-b-2, .col-b-3, .col-b-4, .col-b-5, .col-b-6, .col-b-7, .col-b-8, .col-b-9, .col-b-10, .col-b-11, .col-b-12, .col-b-13, .col-b-14, .col-b-15, .col-b-16, .col-b-17, .col-b-18, .col-b-19, .col-b-20, .col-b-21, .col-b-22, .col-b-23, .col-b-24,
.col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-11, .col-m-12,
.col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6 {
    min-height: 1px;
    direction: rtl;
    overflow: hidden;
    float: right;
    min-height: 1px;
    display: block;
}

.col-b-1 {
    width: calc(100% / 24);
}

.col-b-2 {
    width: calc((100% / 24) * 2);
}

.col-b-3 {
    width: calc((100% / 24) * 3);
}

.col-b-4 {
    width: calc((100% / 24) * 4);
}

.col-b-5 {
    width: calc((100% / 24) * 5);
}

.col-b-6 {
    width: calc((100% / 24) * 6);
}

.col-b-7 {
    width: calc((100% / 24) * 7);
}

.col-b-8 {
    width: calc((100% / 24) * 8);
}

.col-b-9 {
    width: calc((100% / 24) * 9);
}

.col-b-10 {
    width: calc((100% / 24) * 10);
}

.col-b-11 {
    width: calc((100% / 24) * 11);
}

.col-b-12 {
    width: calc((100% / 24) * 12);
}

.col-b-13 {
    width: calc((100% / 24) * 13);
}

.col-b-14 {
    width: calc((100% / 24) * 14);
}

.col-b-15 {
    width: calc((100% / 24) * 15);
}

.col-b-16 {
    width: calc((100% / 24) * 16);
}

.col-b-17 {
    width: calc((100% / 24) * 17);
}

.col-b-18 {
    width: calc((100% / 24) * 18);
}

.col-b-19 {
    width: calc((100% / 24) * 19);
}

.col-b-20 {
    width: calc((100% / 24) * 20);
}

.col-b-21 {
    width: calc((100% / 24) * 21);
}

.col-b-22 {
    width: calc((100% / 24) * 22);
}

.col-b-23 {
    width: calc((100% / 24) * 23);
}

.col-b-24 {
    width: 100%;
}


.col-m-1 {
    width: calc(100% / 12);
}

.col-m-2 {
    width: calc((100% / 12) * 2);
}

.col-m-3 {
    width: calc((100% / 12) * 3);
}

.col-m-4 {
    width: calc((100% / 12) * 4);
}

.col-m-5 {
    width: calc((100% / 12) * 5);
}

.col-m-6 {
    width: calc((100% / 12) * 6);
}

.col-m-7 {
    width: calc((100% / 12) * 7);
}

.col-m-8 {
    width: calc((100% / 12) * 8);
}

.col-m-9 {
    width: calc((100% / 12) * 9);
}

.col-m-10 {
    width: calc((100% / 12) * 10);
}

.col-m-11 {
    width: calc((100% / 12) * 11);
}

.col-m-12 {
    width: 100%;
}


.col-s-1 {
    width: calc(100% / 6);
}

.col-s-2 {
    width: calc((100% / 6) * 2);
}

.col-s-3 {
    width: calc((100% / 6) * 3);
}

.col-s-4 {
    width: calc((100% / 6) * 4);
}

.col-s-5 {
    width: calc((100% / 6) * 5);
}

.col-s-6 {
    width: 100%;
}

.pnl {
    display: block;
    margin: 5px;
    border-radius: 5px;
    padding: 7px;
    width: calc(100% - 10px);
    float: right;
}


    .pnl img {
        display: block;
        max-width: 100%;
    }

    .pnl h1 {
        text-align: center;
        font-size: 17px;
    }

    .pnl p {
        text-align: justify;
        font-size: 14px;
    }



.SNav {
    display: block;
    margin: auto;
    width: 100%;
    height: 31px;
    float: right;
    position: fixed;
    top: 50px;
    z-index: 4;
    border-bottom: 1px solid;
}




.HNav {
    display: block;
    margin: auto;
    width: 100%;
    /* margin-right: 10px;
    margin-left: 10px;
    background: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: fixed;
    top: 80px;
    border: 1px solid #f3f3f3;
    box-shadow: 0px 5px 10px 0px #020202;
    overflow-y: auto;
    z-index: 55;*/
}

.SCBack {
    overflow: visible;
    display: block;
    float: right;
    width: 100%;
}

/*.SCBackItem {
    display: block;
    float: right;
    border: 1px solid #fff;
    height: 44px;
    width: 24%;
    margin-left: 1%;
    margin-top: 5px;
    margin-bottom: 5px;
    transition: .3s;
    padding: 2px;
}

    .SCBackItem a {
        display: block;
        width: 100%;
        padding-top: 3px;
    }

    .SCBackItem img {
        width: 32px;
    }

    .SCBackItem:hover {
        background: rgba(243,243,243,0.35);
        border-color: #f3f3f3;
    }
*/


.HNavR {
    display: block;
    float: right;
    width: 250px;
    border-left: 1px solid #e5e5e5;
    margin-left: -1px;
    height: 420px;
    padding-top: 10px;
}

.HNavSub {
    float: right;
}

.HNavR div img {
    float: right;
    width: 20px;
    height: 20px;
}

.HNavItem {
    float: right;
    width: 100%;
    height: 39px;
    padding-top: 8px;
    padding-right: 5px;
    cursor: pointer;
    transition: 0.3s;
}

    .HNavItem a {
        float: right;
        margin-right: 10px;
        font-size: 13px;
    }

.HNavUl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 450px;
    /*width: calc(100% - 250px);*/
    padding-right: 0px;
    overflow-x: auto;
    flex-direction: column;
}

.HNavSubItem {
    display: inline-flex;
    width: 25%;
    float: right;
    min-height: 32px;
    padding-top: 4px;
    margin-bottom: 6px;
    padding-right: 5px;
    padding-left: 5px;
    overflow: hidden;
    line-height: 1.7em;
}

    .HNavSubItem .Border {
        border-right: 2px solid;
        height: 34px;
        width: 2px;
        float: right;
    }


.HNavSubItemS {
    display: block;
    width: 100%;
    height: 34px;
    float: right;
    padding-right: 8px;
    padding-top: 5px;
}







#Nav-B, #Nav-M, #Nav-S {
    float: right;
    width: 100%;
    overflow: hidden;
    height: 30px;
}


    #Nav-B .SNavItem {
        overflow: hidden;
        width: calc((100% / 8) - 48px);
        min-width: 120px;
        margin-left: 6px;
        border-bottom: 2px solid;
        transition: .4s;
        float: right;
        font-size: 12px;
        cursor: pointer;
        padding-top: 4px;
        height: 30px;
    }

        #Nav-B .SNavItem a {
            float: right;
            width: 100%;
            padding-right: 5px;
            padding-left: 0px;
            padding-bottom: 2px;
        }

        #Nav-B .SNavItem span {
            float: right;
            margin-top: 3px;
            margin-right: 4px;
            font-size: 13px;
            width: calc(100% - 26px);
            white-space: nowrap;
            text-overflow: ellipsis;
            height: 19px;
        }

        #Nav-B .SNavItem img {
            width: 21px;
            height: 21px;
            float: right;
        }





#Nav-M {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}

    #Nav-M::-webkit-scrollbar {
        display: none;
    }

#Nav-M {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    #Nav-M .SNavItem {
        padding-right: 5px;
        width: calc((100% / 6) - 40px);
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        min-width: 120px;
        margin-left: 5px;
        border-bottom: 2px solid;
        transition: .4s;
        font-size: 12px;
        cursor: pointer;
        padding-top: 4px;
        height: 30px;
    }

        #Nav-M .SNavItem a {
            float: right;
            width: 100%;
            padding-right: 5px;
            padding-left: 0px;
            padding-bottom: 2px;
        }

        #Nav-M .SNavItem span {
            float: right;
            margin-top: 3px;
            margin-right: 4px;
            font-size: 13px;
            width: calc(100% - 26px);
            white-space: nowrap;
            text-overflow: ellipsis;
            height: 19px;
        }

        #Nav-M .SNavItem img {
            width: 21px;
            height: 21px;
            float: right;
        }




#Nav-S {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}

    #Nav-S::-webkit-scrollbar {
        display: none;
    }

#Nav-S {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    #Nav-S .SNavItem {
        padding-right: 5px;
        width: calc((100% / 6) - 40px);
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        min-width: 120px;
        margin-left: 5px;
        border-bottom: 2px solid;
        transition: .4s;
        font-size: 12px;
        cursor: pointer;
        padding-top: 4px;
        height: 30px;
    }

        #Nav-S .SNavItem a {
            float: right;
            width: 100%;
            padding-right: 5px;
            padding-left: 0px;
            padding-bottom: 2px;
        }

        #Nav-S .SNavItem span {
            float: right;
            margin-top: 3px;
            margin-right: 4px;
            font-size: 13px;
            width: calc(100% - 26px);
            white-space: nowrap;
            text-overflow: ellipsis;
            height: 19px;
        }

        #Nav-S .SNavItem img {
            width: 21px;
            height: 21px;
            float: right;
        }







.SNavItemB {
    display: none;
}

#SMenu {
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 2px;
}


.pnl .CKE {
    display: block;
    float: right;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: initial;
}

.gm-style-iw {
    padding: 0px !important;
}

.gm-style-iw-d {
    padding: 15px;
    text-align: justify;
    min-height: 50px;
}


.SliderBack {
    display: block;
    margin: auto;
    width: 100vw;
}

.SliderBackIn {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 1600px;
    direction: ltr;
}

    .SliderBackIn * {
        direction: ltr !important;
    }

.responsive-slider .pages {
    border-radius: 4px !important;
}

    .responsive-slider .pages .page {
        border-radius: 50% !important;
    }


.RefreshBTN {
    position: fixed;
    top: 5px;
    z-index: 2147483647;
    left: 5px;
    width: 40px;
    height: 40px;
    padding: 4px;
    border-radius: 50%;
    border: none;
    background: #ddd;
}

    .RefreshBTN img {
        display: block;
        margin: auto;
        max-width: 26px;
    }

.FaqTypeRowBack {
    display: block;
    width: 100%;
    float: right;
}

.FaqTypeHolder {
    width: calc((100% / 6));
    float: right;
    margin-bottom: 10px;
}

.FaqTypeBack {
    display: block;
    padding: 5px;
    height: 144px;
    cursor: pointer;
    width: 93%;
    border: 1px solid;
    border-radius: 7px;
    margin: auto;
}

    .FaqTypeBack img {
        display: block;
        margin: auto;
        width: 80px;
        height: 80px;
        margin-top: 5px;
    }

    .FaqTypeBack p {
        display: block;
        text-align: center;
        margin-top: 5px;
        height: 39px;
        overflow: hidden;
        margin-bottom: 5px;
    }

.FaqTypeBackActive img {
    filter: brightness(0) invert(1);
}

.FaqSearch {
    width: 100%;
    height: 50px;
    border: 1px solid;
    border-radius: 10px;
    overflow: hidden;
}

    .FaqSearch input {
        float: right;
        width: calc(100% - 45px);
        height: 48px;
        border: none;
        border-radius: 0px;
        margin-right: -4px;
        font-size: 16px;
        padding-right: 18px;
        border-left: 1px solid;
    }

    .FaqSearch img {
        float: left;
        max-width: 34px;
        margin-left: 8px;
        margin-top: 7px;
        cursor: pointer;
    }

.FaqItem {
    float: right;
    display: block;
    width: 96%;
    margin-right: 2%;
    border: 1px solid;
    border-radius: 10px;
    margin-bottom: 10px;
}



.FaqHeader {
    float: right;
    display: block;
    width: 100%;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}

    .FaqHeader h4 {
        float: right;
        display: block;
        width: 90%;
        max-width: calc(100% - 50px);
        text-align: right;
        font-size: 14px;
        line-height: 1.7em;
    }

    .FaqHeader img {
        float: left;
        width: 16px;
        max-height: 19px;
        margin-top: 10px;
    }

    .FaqHeader .FaqOpen {
        display: none;
    }

.FaqClose {
    display: block;
}

.FaqContent {
    float: right;
    width: 100%;
    padding: 20px 15px 20px 15px;
    text-align: justify;
    display: none;
    border-top: 1px solid;
    font-size: 13px;
    line-height: 1.7em;
}









.RuleTypeRowBack {
    display: block;
    width: 100%;
    float: right;
}

.RuleTypeHolder {
    width: calc((100% / 6));
    float: right;
    margin-bottom: 10px;
}

.RuleTypeBack {
    display: block;
    padding: 5px;
    height: 144px;
    cursor: pointer;
    width: 93%;
    border: 1px solid;
    border-radius: 7px;
    margin: auto;
}

    .RuleTypeBack img {
        display: block;
        margin: auto;
        width: 80px;
        height: 80px;
        margin-top: 5px;
    }

    .RuleTypeBack p {
        display: block;
        text-align: center;
        margin-top: 5px;
        height: 39px;
        overflow: hidden;
        margin-bottom: 5px;
    }

.RuleTypeBackActive img {
    filter: brightness(0) invert(1);
}

.RuleSearch {
    width: 100%;
    height: 50px;
    border: 1px solid;
    border-radius: 10px;
    overflow: hidden;
}

    .RuleSearch input {
        float: right;
        width: calc(100% - 45px);
        height: 48px;
        border: none;
        border-radius: 0px;
        margin-right: -4px;
        font-size: 16px;
        padding-right: 18px;
        border-left: 1px solid;
    }

    .RuleSearch img {
        float: left;
        max-width: 34px;
        margin-left: 8px;
        margin-top: 7px;
        cursor: pointer;
    }

.RuleItem {
    float: right;
    display: block;
    width: 96%;
    margin-right: 2%;
    border: 1px solid;
    border-radius: 10px;
    margin-bottom: 10px;
}



.RuleHeader {
    float: right;
    display: block;
    width: 100%;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}

    .RuleHeader h4 {
        float: right;
        display: block;
        width: 90%;
        max-width: calc(100% - 50px);
        text-align: right;
        font-size: 14px;
        line-height: 1.7em;
    }

    .RuleHeader img {
        float: left;
        width: 16px;
        max-height: 19px;
        margin-top: 10px;
    }

    .RuleHeader .RuleOpen {
        display: none;
    }

.RuleClose {
    display: block;
}

.RuleContent {
    float: right;
    width: 100%;
    padding: 20px 15px 20px 15px;
    text-align: justify;
    display: none;
    border-top: 1px solid;
    font-size: 13px;
    line-height: 1.7em;
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

    .toast-message a, .toast-message label {
        color: #fff
    }

        .toast-message a:hover {
            color: #ccc;
            text-decoration: none
        }

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80)
}

    .toast-close-button:focus, .toast-close-button:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        -ms-filter: alpha(Opacity=40);
        filter: alpha(opacity=40)
    }

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #toast-container > div {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999;
        -webkit-box-shadow: 0 0 12px #999;
        box-shadow: 0 0 12px #999;
        color: #fff;
        opacity: .8;
        -ms-filter: alpha(Opacity=80);
        filter: alpha(opacity=80)
    }

    #toast-container > :hover {
        -moz-box-shadow: 0 0 12px #000;
        -webkit-box-shadow: 0 0 12px #000;
        box-shadow: 0 0 12px #000;
        opacity: 1;
        -ms-filter: alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer
    }

    #toast-container > .toast-info {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
    }

    #toast-container > .toast-error {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
    }

    #toast-container > .toast-success {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
    }

    #toast-container > .toast-warning {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
    }

    #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
        width: 300px;
        margin: auto
    }

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 96%;
        margin: auto
    }

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}


.TagBox {
    display: block !important;
    float: right !important;
    padding: 4px 8px 4px 8px !important;
    border: 1px solid !important;
    border-radius: 4px !important;
    margin-bottom: 5px !important;
    margin-left: 5px !important;
    max-width: 180px !important;
    min-height: 30px !important;
    overflow: hidden !important;
    min-width: 100px !important;
}

    .TagBox span {
        font-size: 11px !important;
        float: right !important;
        width: 100% !important;
        text-align: justify !important;
        overflow: hidden !important;
        display: inline-block !important;
        line-height: 1.8em !important;
        padding-top: 2px !important;
    }

        .TagBox span div {
            border: 1px solid !important;
            float: right !important;
            width: 16px !important;
            height: 16px !important;
            border-radius: 50% !important;
            margin-left: 5px !important;
            margin-top: 0px !important;
            margin-bottom: -4px !important;
            min-width: 16px !important;
            max-width: 16px !important;
            min-height: 16px !important;
            max-height: 16px !important;
            padding: 0px !important;
        }


.ATItem .TagBox {
    max-width: 200px !important;
    min-height: 30px !important;
    overflow: visible !important;
    min-width: calc(50% - 5px) !important;
    height: auto !important;
}

    .ATItem .TagBox:nth-child(1) span {
        font-family: 'ISBold';
    }

    .ATItem .TagBox:nth-child(2) {
        margin-left: 0px !important;
        min-width: 50% !important;
    }

.owl-prev img, .owl-next img {
    height: 26px;
}

.owl-prev {
    position: absolute;
    z-index: 999;
    top: calc(50% - 30px);
    right: 1px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid;
    padding: 5px;
    cursor: pointer;
    transition: 0.3s;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.owl-next {
    position: absolute;
    z-index: 999;
    top: calc(50% - 30px);
    left: -6px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid;
    padding: 5px;
    cursor: pointer;
    transition: 0.3s;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}




.ProductBox {
    position: relative;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    width: calc(100% - 4px);
    display: block;
    margin: auto;
    margin-bottom: 6px;
    overflow: auto;
    overflow-x: hidden;
}



.ProductImage {
    padding-top: 5px;
    display: block;
    width: 100%;
    width: auto;
    margin: auto;
    max-width: 400px;
    height: 210px;
    float: right;
    width: 100%;
    padding-right: 7px;
    padding-left: 7px;
}

    .ProductImage img {
        margin: auto;
        width: 100%;
        height: auto;
        display: block;
        width: auto;
        height: auto;
        max-height: 200px;
    }

.ProductBox .PBTitle {
    display: block;
    margin: auto;
    width: 100%;
    float: right;
    font-size: 13px;
    text-align: justify;
    line-height: 1.4em;
    height: 56px;
    overflow: hidden;
    font-family: 'ISEN';
    margin-bottom: 5px;
    padding-right: 7px;
    padding-left: 7px;
}

.PPBack {
    display: block;
    float: right;
    width: 100%;
    height: 44px;
    overflow: hidden;
    border-top: 1px solid;
    position: relative;
    padding-right: 7px;
    padding-left: 7px;
}

.PBOutStock img {
    display: block;
    float: right;
    width: 26px !important;
    height: 26px;
    margin-top: 8px;
    margin-right: 8px;
}

.NoStock {
    font-size: 18px;
    text-align: center;
    font-family: 'ISBold';
    float: left;
    margin-top: 8px;
    margin-left: 8px;
}

.PPBack .Price {
    font-size: 12px;
    text-decoration: line-through;
    float: right;
    position: absolute;
    top: 2px;
    right: 7px;
}

.PPBack .Discount {
    font-size: 12px;
    float: right;
    width: 100%;
    text-align: center;
    font-size: 18px;
    height: 41px;
    padding-top: 11px;
}

    .PPBack .Discount span {
        float: left;
    }

    .PPBack .Discount font {
        font-size: 13px;
        float: right;
        width: 35px;
        padding: 0px;
        text-align: right;
        overflow: hidden;
        margin-top: 3px;
    }

.PPBack .JustDiscount {
    font-size: 12px;
    float: right;
    width: 100%;
    text-align: center;
    font-size: 18px;
    height: 41px;
    padding-top: 11px;
}

    .PPBack .JustDiscount span {
        float: left;
    }

    .PPBack .JustDiscount font {
        font-size: 13px;
        float: right;
        margin-top: 3px;
        width: 35px;
        padding: 0px;
        text-align: right;
        overflow: hidden;
    }


.CategoryFilter {
    display: block;
    width: 100%;
    padding: 5px;
    float: right;
    height: 250px;
}

    .CategoryFilter li {
        display: block;
        width: 100%;
        float: right;
    }

        .CategoryFilter li span {
            float: right !important;
            margin-top: 0px !important;
            margin-right: 0px !important;
            font-size: 13px !important;
        }

.CategoryFilterNext, .CategoryFilterNextEmpty {
    display: block;
    width: 35px;
    height: 35px;
    float: left;
}

.CategoryFilterTitle {
    display: block;
    width: calc(100% - 35px);
    float: right;
    height: 35px;
    padding-top: 9px;
    padding-right: 8px;
    cursor: pointer;
    transition: 0.7s;
    border-radius: 6px;
}

.CategoryFilterNext {
    background: #f8f8f8;
    border-radius: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

    .CategoryFilterNext img {
        display: block;
        height: 23px;
        margin: auto;
        margin-top: 3px;
    }

.CategoryFilterReturnUp {
    padding: 3px;
    cursor: pointer;
}

    .CategoryFilterReturnUp img {
        display: block;
        height: 20px;
        margin: auto;
        width: 23px;
    }

.CategoryFilterTitleActive {
    text-align: center;
    padding-right: 0px;
}

.HideFilter {
    display: none !important;
}

#CategoryFilterReturn {
    cursor: pointer;
}

.CategoryFilterReturnTitle {
    float: right;
    width: calc(100% - 32px);
    padding-top: 5px;
    padding-right: 7px;
}

.STitleBox {
    display: block;
    margin: auto;
    border-radius: 5px;
    border: 1px solid;
    border-right: 5px solid;
    min-height: 70px;
    overflow: auto;
    min-height: 36px;
}

    .STitleBox h1 {
        font-size: 18px;
        text-align: center;
        font-family: 'ISBold';
        min-height: 40px;
        line-height: 1.7em;
        float: right;
        width: 100%;
    }


.STitleBoxSmall {
    display: block;
    margin: auto;
    border-radius: 5px;
    background: #fff;
    height: 70px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    border-right: 5px solid;
    margin-bottom: 5px;
}


.BigSF img {
    float: right;
    margin-top: 6px;
    width: 18px;
    margin-right: 5px;
}

.BigSF span {
    float: right;
    font-size: 12px;
    margin-top: 8px;
    margin-right: 12px;
    cursor: pointer;
}

.BigSF .AC {
    color: #ff1b73;
    font-family: 'ISBold';
}

.BigSF .SortTitle {
    font-family: 'ISBold';
    margin-right: 3px;
}


.SmallSF img {
    float: right;
    margin-top: 5px;
    cursor: pointer;
    margin-right: 8px;
}

.SmallSF span {
    float: right;
    font-size: 12px;
    margin-top: 8px;
    padding-right: 12px;
    cursor: pointer;
    font-family: 'ISBold';
}

    .SmallSF span:nth-child(2) {
        margin-left: 12px;
    }

.SortItemSmall {
    display: none;
    position: fixed;
    z-index: 99999;
    height: calc(100vh - 79px);
    top: 79px;
    width: 100vw;
    right: 0px;
    left: 0px;
    padding-top: 36px;
    overflow: auto;
}

.SortItemSmallHolder {
    display: block;
    float: right;
    width: 90%;
    margin-right: 5%;
    height: 190px;
    border-radius: 10px;
    clear: both;
}

.SmallSF {
    display: none;
}


.SortItemSmall span {
    float: right;
    font-size: 12px;
    padding-right: 12px;
    cursor: pointer;
    font-family: 'ISBold';
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.FilterClose {
    display: none;
    width: 25px;
}

.FromPrice, .ToPrice {
    display: block;
    float: left;
    width: 50%;
    margin-top: 13px;
    font-size: 14px;
}

.FromPrice {
    text-align: left;
    padding-left: 15px;
}

.ToPrice {
    text-align: right;
    padding-right: 15px;
}

.FBoxTop span {
    float: right;
}

.FBoxTop img {
    float: left;
    height: 22px;
}


.FilterBox {
    display: block;
    width: calc(100% - 4px);
    float: right;
    border: 1px solid;
    padding: 5px;
    border-radius: 5px;
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 5px;
}

.FBoxTagTop {
    display: block;
    width: 100%;
    float: right;
    height: 36px;
    padding-top: 10px;
    margin-bottom: 4px;
    font-size: 13px;
}

    .FBoxTagTop span {
        float: right;
    }

    .FBoxTagTop img {
        float: left;
    }

.FBoxTagBody {
    float: right;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.FBoxTop {
    display: block;
    width: 100%;
    float: right;
    height: 36px;
    padding-top: 10px;
    cursor: pointer;
    margin-bottom: 4px;
    font-size: 13px;
}

.ClearFilter {
    cursor: pointer;
    float: left;
    margin-right: 15px;
    font-size: 11px;
    font-family: 'ISBold';
    margin-top: -4px;
    border-radius: 7px;
    padding: 5px;
    padding-right: 5px;
    padding-left: 5px;
    width: fit-content;
}

.FBoxSearch img {
    float: right;
    margin-top: 6px;
    cursor: pointer;
    margin-left: 5px;
    width: 20px;
}

#PLoading {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 50000;
}

    #PLoading div {
        display: block;
        margin: auto;
        width: fit-content;
        padding: 34px;
        margin-top: 31vh;
        border: 1px solid;
        border-radius: 7px;
    }

        #PLoading div img:nth-child(1) {
            display: block;
            margin: auto;
        }

        #PLoading div img:nth-child(2) {
            width: 120px;
            display: block;
            margin: auto;
            margin-top: 15px;
        }



.FBoxTagBody span {
    font-size: 11px;
    border-radius: 7px;
    border: 1px solid #e5e5e5;
    padding: 3px;
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
}

    .FBoxTagBody span font {
        float: right;
        margin-top: 3px;
        margin-left: 7px;
    }

    .FBoxTagBody span img {
        float: left;
        cursor: pointer;
        width: 19px;
    }


.NotFoundSearch span {
    text-align: center;
    font-family: 'ISBold';
    font-size: 17px;
    float: right;
    width: 100%;
    margin-top: 10px;
    margin-top: 32px;
    margin-bottom: 32px;
    line-height: 1.7em;
}

.NotFoundSearch img {
    display: block;
    margin: auto;
    display: block;
    margin: auto;
    margin-top: 30px;
    width: 80px;
}

.NotFoundSearch {
    border: none !important;
    margin-bottom: 350px !important;
}

.ShowProductListBack {
    margin-top: 6px;
    float: right;
    width: 100%;
}

    .ShowProductListBack .ProductBox .ProductImage img {
        max-height: 200px;
        max-width: 200px;
        width: 100%;
    }

.PPaging {
    display: block;
    max-width: 100%;
    margin: auto;
    list-style-type: none;
    overflow: auto;
    text-align: center;
    width: fit-content;
    padding: 8px;
}

    .PPaging li {
        display: inline-block;
        float: right;
        width: 27px;
        margin-left: 5px;
        text-align: center;
        overflow: hidden;
        border-radius: 50%;
        margin-bottom: 12px;
        height: 27px;
        cursor: pointer;
    }

        .PPaging li span {
            width: 100%;
            display: block;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-right: 2px;
            padding-left: 2px;
            font-size: 12px;
        }

.PageNext, .PagePrev {
    width: 54px !important;
}

    .PageNext span {
        text-align: left;
    }

        .PageNext span img {
            float: left;
            width: 22px;
            height: 19px;
            margin-right: -4px;
            margin-top: -1px;
        }

    .PagePrev span {
        text-align: right;
    }

        .PagePrev span img {
            float: right;
            width: 22px;
            height: 19px;
            margin-left: -4px;
            margin-top: -1px;
        }

.FilterHolder {
    display: block;
    padding-right: 5px;
    max-width: 500px;
    margin: auto;
    width: auto;
}

.CPLPage {
    float: right;
}

.FormItem {
    display: block;
    margin: auto;
    width: 100%;
    float: right;
    padding-right: 10px;
    padding-left: 10px;
}

    .FormItem .control-label {
        float: right;
        width: 100%;
        font-family: 'ISBOld';
        font-size: 15px;
        margin-top: 8px;
    }

    .FormItem .form-control {
        float: right;
        width: 100%;
        font-family: 'IS';
        font-size: 16px;
        height: 44px;
        direction: ltr;
        text-align: left;
        box-shadow: none;
        outline: none;
        border-radius: 12px;
        padding-top: 8px;
    }

    .FormItem .control-validation {
        font-size: 10px;
        float: right;
        margin-top: 9px;
        margin-bottom: 1px;
        border-radius: 5px;
        padding: 3px 8px 2px 8px;
        visibility: hidden;
    }

.CustomBTN {
    display: block;
    float: right;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;
    height: 44px;
    border: none;
    outline: none;
    border-radius: 12px;
}

.IsHorizontal .pnl {
    white-space: nowrap;
    overflow: hidden;
}

.HorizontalHolder {
    display: inline-block;
}


.ProductSliderBack {
    display: block;
    margin: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 327px;
}



.ProductSlider {
    display: block;
    margin: auto;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 317px;
    scroll-behavior: smooth;
}


    .ProductSlider * {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }


@media (pointer:coarse) {
    .ProductSlider {
        overflow: scroll;
        scroll-behavior: auto;
    }

        .ProductSlider::-webkit-scrollbar {
            display: none;
        }

    .ProductSlider {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

.ProductSliderButton {
    width: 100%;
    display: block;
    float: right;
    height: 20px;
    position: absolute;
    z-index: 100;
    position: absolute;
}

.ProductSlider .ProductBox {
    display: inline-block;
    width: 214px;
    margin-left: 0px;
    margin-right: 3px;
    margin-bottom: 0px;
}

    .ProductSlider .ProductBox * {
        white-space: initial;
    }

.ProductSliderRight {
    position: absolute;
    right: 1PX;
    z-index: 100;
    width: 25px;
    top: 120px;
    border: 1px solid;
    border-radius: 3px;
    transition: 0.3s;
    cursor: pointer;
}

.ProductSliderLeft {
    position: absolute;
    left: 1PX;
    z-index: 100;
    width: 25px;
    top: 120px;
    border: 1px solid;
    border-radius: 3px;
    transition: 0.3s;
    cursor: pointer;
}

#RegisterStep-Back {
    float: right;
    width: 100%;
    display: none;
}

#RegisterStep-Header {
    float: right;
    width: 100%;
}

    #RegisterStep-Header img {
        display: block;
        float: right;
        width: 30px;
        cursor: pointer;
    }

#RegisterStep-Loading {
    float: right;
    width: 100%;
}

    #RegisterStep-Loading img {
        display: block;
        width: 30px;
        margin: auto;
        margin-top: 30px;
    }

#RegisterStep-Body {
    display: block;
    float: right;
    width: 100%;
    margin-top: 6px;
    padding: 10px;
}

.ErrorInLogin {
    text-align: justify;
    line-height: 1.7em;
}

#DisposableResendBack {
    display: none;
}

.DisposableCodeResend {
    text-align: center;
}

    .DisposableCodeResend span {
        min-width: 35px;
        display: inline-block;
        text-align: center;
    }

.DisposableCode {
    text-align: center !important;
    letter-spacing: 2em;
}

.DirectPasswordCodeToggleVisible {
    width: auto;
    height: 22px;
    margin-top: -33px;
    float: right;
    margin-right: 8px;
    cursor: pointer;
}

.DirectPasswordLocked {
    text-align: center !important;
    line-height: 1.7em;
}


#RegisterActivationResendBack {
    display: none;
}

.RegisterActivationCodeResend {
    text-align: center;
}

    .RegisterActivationCodeResend span {
        min-width: 35px;
        display: inline-block;
        text-align: center;
    }

.RegisterActivationCode {
    text-align: center !important;
    letter-spacing: 2em;
}

#RegisterFormModal {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    top: 0;
    right: 0px;
}

#RegisterModal-Holder {
    display: block;
    float: right;
    width: 80%;
    margin-top: 20px;
    border-radius: 5px;
    margin-right: 10%;
}

#RegisterModal-Header {
    display: block;
    float: right;
    width: 100%;
    margin-top: 10px;
    position: relative;
}

    #RegisterModal-Header img {
        float: right !important;
        width: 30px !important;
        margin-right: 15px;
        margin-top: 3px;
        cursor: pointer;
        position: absolute;
    }

#RegisterFormModal p, #RegisterFormModal span {
    font-size: 14px;
}

#RegisterModal-Body {
    float: right;
    width: 100%;
    padding-right: 17px;
    padding-left: 17px;
    padding-top: 19px;
    padding-bottom: 19px;
    max-height: calc(100vh - 79px);
    overflow: auto;
}

.Half {
    float: right;
    width: 50%;
}

#RegisterModal-Body .Half input[type='radio'] {
    width: 22px;
    height: 22px;
    float: right;
    margin-top: 11px;
}

#RegisterModal-Body .Half span {
    float: right;
    margin-top: 12px;
    margin-right: 11px;
    font-family: 'IS';
    font-weight: normal;
    font-size: 16px;
}

.CheckBoxLabel input[type='checkbox'] {
    width: 22px;
    height: 22px;
    float: right;
}

.CheckBoxLabel span {
    float: right;
    margin-top: 6px;
    margin-right: 11px;
    font-family: 'IS';
    font-weight: normal;
    font-size: 14px;
}

.RegisterAgreementLinkBack * {
    font-size: 14px;
}

.RegisterTitle {
    text-align: center;
    float: right;
    width: 100%;
    font-size: 16px !important;
    font-family: 'ISBold';
    margin-top: 10px;
}

.AgreementCheckBox {
    width: 22px;
    height: 22px;
    float: right;
    margin-top: 11px;
}

.VideoPlayer {
    display: block;
    width: 100%;
    height: auto;
    float: right;
}

.SingleProductBox {
    width: 214px;
}

.PrdTitle {
    font-size: 17px !important;
    font-family: 'ISEN';
    text-align: right !important;
    direction: rtl;
    font-weight: bold;
}

.PrdENTitle {
    font-size: 13px;
    font-family: 'ISEN';
    text-align: left;
    direction: ltr;
}

.PrdFavoriteBack {
    margin-top: 20px;
}

.PrdFavoriteBack, .PrdShareBack, .PrdChartBack, .PrdCompareBack {
    display: block;
    float: right;
    width: 24px;
    clear: both;
}

    .PrdFavoriteBack img, .PrdShareBack img, .PrdChartBack img, .PrdCompareBack a {
        display: block;
        float: right;
        width: 24px;
        clear: both;
        margin-bottom: 10px;
        cursor: pointer;
    }

.PrdImageBack {
    float: right;
    width: calc(100% - 26px);
    margin-top: -135px;
    display: block;
}

.PrdSliderBack {
    display: block;
    margin: auto;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden;
    border: 1px solid;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 3px;
    padding-left: 3px;
    margin-top: 10px;
    float: right;
    transition: 0.3s;
    height: 90px;
}

.PrdSliderItem {
    display: inline-block !important;
    cursor: pointer;
    width: 70px;
    height: 70px;
}

.PrdSliderRight {
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: right;
    margin-top: -77px;
    margin-right: -11px;
}

    .PrdSliderRight img {
        display: block;
        margin-top: 6px;
        margin-right: 9px;
        height: 19px;
    }

.PrdSliderLeft {
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-top: -77px;
    margin-left: -11px;
}

    .PrdSliderLeft img {
        display: block;
        margin-top: 6px;
        margin-right: 9px;
        height: 19px;
    }


.PrdRateShow {
    display: block;
    width: 100%;
    margin-top: 36px;
    margin: 36px auto;
}

.PrdRateNumber {
    font-size: 16px;
    font-family: 'ISBold';
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
}

.PrdRateView {
    width: 120px;
    overflow: hidden;
    clear: both;
    margin: auto;
    float: right;
}

.PrdRateCount {
    float: left;
    width: 71%;
    height: 24px;
    background: #f4d71c;
    margin-bottom: -24px;
}

.PrdRateView img {
    display: block;
    margin: auto;
    float: right;
}

.PrdRateShow h5 {
    float: right;
    width: 100%;
    margin-top: 17px;
    font-size: 12px;
    text-align: center;
}

.PrdCommentCount {
    float: right;
    font-size: 13px;
    margin-right: 15px;
    margin-top: 5px;
}

.PrdShortAttrBack {
    display: block;
    float: right;
    width: 100%;
    margin-top: 15px;
}

    .PrdShortAttrBack ul {
        display: block;
        float: right;
        width: 100%;
    }

        .PrdShortAttrBack ul li {
            display: inline-block;
            float: right;
            width: 50%;
            font-size: 12px;
            min-height: 30px;
        }

.ShortAttrTitle {
    float: right;
    margin-top: 5px;
}

.ShortAttrFalse {
    display: inline-block;
    width: 13px;
    height: auto;
    float: right;
    margin-right: 6px;
    margin-top: 2px;
}

.ShortAttrTrue {
    display: inline-block;
    width: 13px;
    height: auto;
    float: right;
    margin-right: 6px;
    margin-top: 2px;
}

.ShortAttrDate {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.ShortAttrColor {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}


.ShortAttrColorItem {
    float: right;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-left: 5px;
    border: 1px solid #000;
}

.ShortAttrMultiList {
    float: right;
    margin-right: 5px;
}

    .ShortAttrMultiList .TagBox {
        padding: 1px !important;
        padding-right: 4px !important;
        min-height: 22px !important;
    }

        .ShortAttrMultiList .TagBox span {
            padding-top: 2px !important;
        }

.ShortAttrNumber {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.ShortAttrList {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.ShortAttrMultiColorList {
    float: right;
    margin-right: 5px;
    margin-top: 0px;
}

    .ShortAttrMultiColorList .TagBox {
        padding: 1px !important;
        padding-right: 4px !important;
        min-height: 22px !important;
    }

        .ShortAttrMultiColorList .TagBox span {
            padding-top: 2px !important;
            padding-left: 5px;
        }

    .ShortAttrMultiColorList .ShortAttrColor {
        float: right;
        margin-top: 5px;
        margin-right: 5px;
    }

.PrdSpecialField {
    float: right;
    width: 100%;
    text-align: justify;
    border: 1px solid;
    border-radius: 5px;
    padding: 15px;
    display: block;
}

    .PrdSpecialField * {
        line-height: 1.7em;
    }

.PrdOtherSeller {
    float: right;
    width: 100%;
    padding: 15px;
}

.PrdOtherSellerItem {
    float: right;
    width: 100%;
    height: 90px;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.PrdOtherSellerPart {
    float: right;
    width: 25%;
    overflow: hidden;
}

.PrdOtherSellerLogo {
    float: right;
    width: 80px;
    height: 80px;
    margin-right: 8px;
    margin-top: 5px;
}

    .PrdOtherSellerLogo img {
        float: right;
        width: 70px;
        margin-right: 5px;
        border-radius: 50%;
        margin-top: 5px;
    }

.PrdOtherSellerTitle {
    display: block;
    float: right;
    width: calc(100% - 90px);
    font-size: 19px;
    font-family: 'ISBold';
    margin-top: 35px;
    height: 30px;
    padding-right: 15px;
}

.PrdOtherSellerLocation {
    float: right;
    width: 45px;
    height: 80px;
    margin-right: 8px;
    margin-top: 5px;
}

    .PrdOtherSellerLocation img {
        float: right;
        width: 30px;
        margin-right: 5px;
        margin-top: 24px;
    }

.PrdOtherSellerCity {
    display: block;
    float: right;
    width: calc(100% - 60px);
    font-size: 14px;
    margin-top: 37px;
    height: 30px;
    padding-right: 15px;
}

.PrdOtherSellerPrice {
    display: block;
    float: right;
    width: 200px;
    margin-top: 22px;
    height: 48px;
    padding-right: 15px;
}

    .PrdOtherSellerPrice span:first-child {
        display: block;
        float: right;
        width: 130px;
        font-size: 18px;
        height: 30px;
        padding-right: 15px;
        direction: ltr;
        text-align: left;
        font-family: 'ISBold';
        margin-top: 12px;
    }

    .PrdOtherSellerPrice span:nth-child(2) {
        display: block;
        float: right;
        width: 43px;
        font-size: 12px;
        margin-top: 16px;
        height: 21px;
        padding-right: 7px;
        direction: ltr;
        text-align: right;
    }

.PrdOtherSellerSelect {
    display: block;
    float: left;
    width: 100%;
    height: 63px;
    margin-top: 14px;
    padding-left: calc((100% - 200px) / 4);
    padding-right: calc((100% - 200px) / 4);
}

.PrdRelatedProductNotFound {
    text-align: center !important;
    line-height: 1.7em;
    font-size: 18px;
}

.PrdAttributeNotFound {
    text-align: center !important;
    line-height: 1.7em;
    font-size: 18px;
}

.PrdAttrBack {
    display: block;
    float: right;
    width: 100%;
}

.PrdAttributeHeader {
    margin-top: 25px;
    margin-right: 22px;
    float: right;
    width: 95%;
    height: 25px;
    overflow: hidden;
}

    .PrdAttributeHeader span {
        font-size: 15px;
        font-family: 'ISBold';
        float: right;
        margin-top: 4px;
        margin-right: 9px;
    }

    .PrdAttributeHeader img {
        float: right;
        width: 15px;
        height: auto;
    }

.PrdAttributeHeaderList {
    float: right;
    width: 100%;
    padding-right: 16px;
}

    .PrdAttributeHeaderList li {
        display: block;
        float: right;
        width: 100%;
        min-height: 40px;
        margin-bottom: 10px;
    }

.PrdAttrTitle {
    display: block;
    float: right;
    width: 30%;
    min-height: 40px;
    background: #f5f5f5;
    font-size: 15px;
    padding: 9px;
}

.PrdAttrValue {
    display: block;
    float: right;
    margin-right: 10px;
    width: calc(70% - 10px);
    min-height: 40px;
    background: #fafafa;
    padding: 9px;
    font-size: 13px;
    padding-top: 10px;
}


.PrdDescirption {
    display: block;
    float: right;
    width: 100%;
}

.PrdDescirptionText {
    display: block;
    float: right;
    width: 100%;
    text-align: justify;
    line-height: 1.7em;
    font-size: 15px;
}

.PrdDescirptionNotFound {
    text-align: center !important;
    line-height: 1.7em;
    font-size: 18px;
}

.PrdDetail {
    display: block;
    float: right;
    width: 100%;
}

    .PrdDetail * {
        text-align: justify;
        font-size: 14px;
        line-height: 1.7em;
    }


.PrdDetailUsage, .PrdDetailText {
    display: block;
    float: right;
    width: 100%;
}

    .PrdDetailText * {
        text-align: justify;
        font-size: 14px;
        line-height: 1.7em;
    }

.PrdPriceAttrNotFound {
    text-align: center !important;
    line-height: 1.7em;
    font-size: 18px;
}

.PrdPriceAttrBack {
    display: block;
    float: right;
    width: 100%;
    border-radius: 10px;
    border: 1px solid;
    overflow: hidden;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px;
    position: relative;
}

.PrdPriceAttrHolder {
    float: right;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden;
    height: auto;
    display: flex;
}

.PrdPriceAttrItem {
    display: inline-block;
    float: right;
    min-width: 300px;
    border-radius: 5px;
    border: 1px solid;
    display: flex;
    flex-direction: column;
    flex: auto;
    margin-left: 10px;
    max-width: 500px;
    cursor: pointer;
    position: relative;
}

.PrdPriceItemBack {
    display: inline-block;
    float: right;
    min-width: 290px;
    margin: 5px;
    border-radius: 40px;
    border: 1px solid;
    min-height: 40px;
    padding: 5px;
    width: auto;
    flex: auto;
    display: flex;
    transition: 0.3s;
}

.PrdPriceItemTitle {
    display: block;
    float: right;
    width: auto;
    font-size: 12px;
    min-height: 25px;
    padding: 6px;
    padding-top: 8px;
    flex: auto;
    font-family: 'ISBold';
}

.PrdPriceItemValue {
    display: block;
    float: right;
    width: auto;
    font-size: 12px;
    min-height: 25px;
    padding: 6px;
    flex: auto;
}

.PrdNotPriceAttr {
    text-align: center !important;
    padding-top: 10px;
    font-size: 12px;
}

.PrdPriceAttrRight {
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: 1px;
    top: calc(50% - 15px);
}

.PrdPriceAttrLeft {
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: calc(50% - 15px);
}

.PrdPriceAttrRight img {
    display: block;
    margin-top: 6px;
    margin-right: 9px;
    height: 19px;
}

.PrdPriceAttrLeft img {
    display: block;
    margin-top: 6px;
    margin-right: 9px;
    height: 19px;
}

.PrdSelectedPriceItem {
    display: none;
    float: right;
    position: absolute;
    padding: 5px;
    border-radius: 50%;
    top: 4px;
    width: 30px;
    right: 4px;
}

.SelectedPriceItem {
    display: block;
}

.SelectedPriceParentItem .PrdPriceItemBack:nth-child(2) {
    margin-top: 19px;
}

.OutOfStockTitle {
    display: block;
    float: right;
    width: 100%;
    height: 50px;
}

    .OutOfStockTitle hr {
        display: block;
        float: right;
        width: 100%;
        border-top-width: 5px;
    }

    .OutOfStockTitle span {
        display: block;
        float: right;
        width: 86px;
        height: 32px;
        font-family: 'ISBold';
        font-size: 22px;
        margin-top: -38px;
        text-align: center;
        margin-right: calc(50% - 43px);
    }

.OutOfStockText {
    float: right;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 1.7em;
    display: block;
}

.OutOfStockBack {
    float: right;
    width: 100%;
    display: block;
}

.InStockBack {
    float: right;
    width: 100%;
    display: block;
    border: 1px solid;
    border-radius: 10px;
}

.InStockLogo {
    display: block;
    float: right;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .InStockLogo img {
        display: block;
        width: 70px;
        border-radius: 50%;
        margin: auto;
        float: right;
        margin-right: calc(50% - 35px);
    }

.InStockTitle {
    float: right;
    width: calc(100% - 16px);
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-right: 8px;
    margin-left: 8px;
}

    .InStockTitle img {
        float: right;
        width: 25px;
        margin-right: 20px;
        margin-left: 10px;
    }

    .InStockTitle span {
        float: right;
        width: calc(100% - 105px);
        text-align: right;
        font-size: 16px;
    }

.InStockCity {
    float: right;
    width: calc(100% - 16px);
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-right: 8px;
    margin-left: 8px;
}

    .InStockCity img {
        float: right;
        width: 25px;
        margin-right: 20px;
        margin-left: 10px;
    }

    .InStockCity span {
        float: right;
        width: calc(100% - 105px);
        text-align: right;
        font-size: 13px;
        padding-top: 4px;
    }


.InStockPage {
    float: right;
    width: calc(100% - 16px);
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-right: 8px;
    margin-left: 8px;
}

    .InStockPage img {
        float: right;
        width: 25px;
        margin-right: 20px;
        margin-left: 10px;
    }

    .InStockPage span {
        float: right;
        width: calc(100% - 105px);
        text-align: right;
        font-size: 13px;
        padding-top: 4px;
    }


.InStockPhoneNumber {
    float: right;
    width: calc(100% - 16px);
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-right: 8px;
    margin-left: 8px;
}

    .InStockPhoneNumber img {
        float: right;
        width: 25px;
        margin-right: 20px;
        margin-left: 10px;
    }

    .InStockPhoneNumber a > span {
        float: right;
        width: calc(100% - 105px);
        text-align: right;
        font-size: 13px;
        padding-top: 4px;
    }

    .InStockPhoneNumber a span span {
        direction: ltr;
    }

.InStockMinMax {
    float: right;
    width: calc(100% - 16px);
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-right: 8px;
    margin-left: 8px;
}

    .InStockMinMax img {
        float: right;
        width: 16px;
        margin-right: 25px;
        margin-left: 13px;
    }

    .InStockMinMax span {
        float: right;
        width: calc(100% - 105px);
        text-align: right;
        font-size: 13px;
        padding-top: 4px;
    }


.InStockTotalStock {
    float: right;
    width: calc(100% - 16px);
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-right: 8px;
    margin-left: 8px;
}

    .InStockTotalStock img {
        float: right;
        width: 25px;
        margin-right: 20px;
        margin-left: 10px;
    }

    .InStockTotalStock span {
        float: right;
        width: calc(100% - 105px);
        text-align: right;
        font-size: 13px;
        padding-top: 1px;
    }

.InStockPrice {
    float: right;
    width: calc(100% - 16px);
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    margin-right: 8px;
    margin-left: 8px;
}

.InStockNoDiscount {
    float: right;
    width: calc(100% - 16px);
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    margin-right: 8px;
    margin-left: 8px;
}

    .InStockNoDiscount span {
        float: right;
        display: block;
        width: 100%;
        font-size: 24px;
        direction: rtl;
        text-align: center;
        font-family: 'ISBold';
    }

        .InStockNoDiscount span font {
            font-size: 12px;
            margin-right: 5px;
        }

.InStockPriceDiscount {
    float: left;
    font-size: 14px;
    border-radius: 12px;
    height: 20px;
    padding: 2px 7px 2px 7px;
    font-family: 'ISBOld';
    text-align: center;
}

.InStockDiscountPercent {
    float: right;
    width: 100%;
    height: 20px;
    font-size: 15px;
    padding-right: 15px;
    text-decoration: line-through;
}


.InStockDiscount {
    float: right;
    width: calc(100% - 16px);
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    margin-right: 8px;
    margin-left: 8px;
}

    .InStockDiscount span {
        float: right;
        display: block;
        width: 100%;
        font-size: 24px;
        direction: rtl;
        text-align: center;
        font-family: 'ISBold';
    }

        .InStockDiscount span font {
            font-size: 12px;
            margin-right: 5px;
        }

.InStockAddToCart {
    float: right;
    width: calc(100% - 16px);
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    /*padding-bottom: 10px;*/
    margin-right: 8px;
    margin-left: 8px;
}

.InStockAddToCartBtn {
    float: right;
    width: 100%;
    display: block;
    margin-top: 5px;
}

.InStockAddToCartSelectBack {
    float: right;
    width: 100%;
    display: none;
    margin-top: 5px;
}

.InStockOutOfStock {
    float: right;
    width: 100%;
    display: none;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 16px;
}

.InStockAddToCartWaitingBack {
    float: right;
    width: 100%;
    display: none;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 16px;
    display: none;
}

    .InStockAddToCartWaitingBack img {
        width: 20px;
        display: inline-block;
    }

    .InStockAddToCartWaitingBack span {
        float: right;
        display: block;
        width: 100%;
        font-size: 13px;
        direction: rtl;
        text-align: center;
        font-family: 'ISBold';
        margin-top: 5px;
        margin-bottom: 10px;
    }

.InStockAddToCartSelectBackHolder {
    display: flex;
    width: 150px;
    margin: auto;
}

    .InStockAddToCartSelectBackHolder div {
        flex: auto;
        width: 33%;
    }

        .InStockAddToCartSelectBackHolder div button {
            font-size: 12px;
            text-align: center;
            width: 30px;
            border: none;
            border-radius: 5px;
            display: block;
            margin: auto;
            padding: 5px;
            height: 30px;
        }

            .InStockAddToCartSelectBackHolder div button img {
                display: block;
                margin: auto;
                max-width: 26px;
                max-height: 26px;
                width: auto;
                height: auto;
            }

    .InStockAddToCartSelectBackHolder span {
        font-size: 16px;
        text-align: center;
        width: 100%;
        display: block;
        padding-top: 3px;
    }

#SmallCartHolder {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 1000;
}

#SmallCartBack {
    display: block;
    float: left;
    height: calc(100vh - 150px);
    width: 400px;
    margin-top: 34px;
    margin-left: 19px;
    border-radius: 10px;
    padding: 7px;
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}

.SmallCartLoading {
    display: block;
    width: 100%;
    height: 50px;
    overflow: hidden;
    margin-top: 150px;
    text-align: center;
}

    .SmallCartLoading img {
        display: inline-block;
        width: 20px;
        height: 20px;
    }

    .SmallCartLoading p {
        display: inline-block;
        margin-right: 7px;
        margin-bottom: 0px;
    }

.EmptySmallCart {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    margin-top: 60px;
}

    .EmptySmallCart img {
        display: block;
        max-width: 80%;
        margin: 20px auto 10px auto;
    }

    .EmptySmallCart p {
        display: block;
        width: 100%;
        margin: auto;
        text-align: center;
        font-size: 16px;
        font-family: 'ISBold';
        margin-top: 20px;
    }

.SmallCartHeader {
    display: block;
    margin: auto;
    float: right;
    width: 100%;
    height: 35px;
    overflow: hidden;
    border-bottom: 1px solid;
}

.SmallCartClose {
    display: block;
    float: right;
}

    .SmallCartClose img {
        float: right;
        width: 24px;
        height: 24px;
        margin-top: 3px;
        margin-right: 3px;
        cursor: pointer;
    }

.SmallCartCount {
    float: right;
    width: calc(100% - 40px);
    margin-right: 7px;
    font-size: 12px;
    height: 27px;
    padding-top: 7px;
    overflow: hidden;
}

.SmallCartCountNumber {
    min-width: 50px;
    float: right;
    text-align: center;
    font-size: 17px;
    margin-top: -4px;
    margin-left: 10px;
}


.SmallCartEnd {
    display: block;
    margin: auto;
    float: right;
    width: 100%;
    margin-top: 8px;
    height: 38px;
    overflow: hidden;
}

.SmallCartBody {
    display: block;
    margin: auto;
    float: right;
    width: 100%;
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.SmallCartItem {
    display: block;
    margin: auto;
    float: right;
    width: 98%;
    border-bottom: 1px solid;
    margin-right: 1%;
}

.SmallCartItemTitle {
    display: block;
    margin: auto;
    float: right;
    width: 100%;
}

.SmallCartItemTitleImageHolder {
    display: block;
    margin: auto;
    float: right;
    width: 35%;
    height: 100px;
}

.SmallCartItemTitleImage {
    display: block;
    margin: auto;
    width: auto;
    height: 100px;
    max-width: 100px;
}

.SmallCartItemTitleName {
    display: block;
    margin: auto;
    float: right;
    width: 65%;
    padding: 0px 5px 0px 5px;
    text-align: justify;
    font-size: 12px;
    line-height: 1.7em;
    height: 64px;
    overflow: hidden;
    margin: 5px auto;
}

.SmallCartItemTitleStoreImage {
    display: block;
    margin: auto;
    float: right;
    width: 20px;
    height: 20px;
    margin-left: 6px;
}

.SmallCartItemTitleStore {
    display: block;
    margin: auto;
    float: right;
    width: 158px;
    height: 20px;
    overflow: hidden;
    font-size: 11px;
    padding-top: 4px;
    font-family: 'ISBold';
}

.SmallCartItemAttr {
    display: block;
    margin: auto;
    float: right;
    width: 100%;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-top: 7px;
}

.SmallCartItemAttrItem {
    display: inline-block;
    min-width: 150px;
    height: 30px;
    border: 1px solid;
    border-radius: 5px;
    padding: 4px !important;
    margin-left: 5px;
}

.SmallCartAttrTitle {
    font-size: 10px;
    font-family: 'ISBold';
    display: inline-block;
    float: right;
    padding-top: 3px;
}

.SmallCartAttrValue {
    font-size: 10px;
    display: inline-block;
    margin-right: 4px;
    float: right;
}

    .SmallCartAttrValue .ShortAttrColor {
        margin-top: 4px !important;
        margin-right: 0px;
    }

    .SmallCartAttrValue .ShortAttrDate {
        float: right;
        margin-top: 3px;
        margin-right: 0px;
    }

    .SmallCartAttrValue .ShortAttrMultiColorList {
        float: right;
        margin-right: 0px;
        margin-top: -3px;
    }

    .SmallCartAttrValue .ShortAttrList {
        float: right;
        margin-right: 0px;
        margin-top: 2px;
    }

    .SmallCartAttrValue .ShortAttrTrue, .SmallCartAttrValue .ShortAttrFalse {
        margin-right: 0px;
    }


    .SmallCartAttrValue .ShortAttrText {
        margin-top: 2px;
    }


    .SmallCartAttrValue .ShortAttrMultiList {
        margin-top: -3px;
        margin-right: 0px;
    }

    .SmallCartAttrValue .ShortAttrNumber {
        margin-right: 0px;
        margin-top: 3px;
    }


.SmallCartItemPrice {
    display: block;
    margin: auto;
    float: right;
    width: 100%;
    height: 57px;
    overflow: hidden;
}

    .SmallCartItemPrice table tr td font {
        display: block;
        float: right;
        font-size: 11px;
        clear: both;
        text-align: right;
        width: 100%;
        text-align: center;
    }

    .SmallCartItemPrice table tr td span {
        display: block;
        float: right;
        font-size: 13px;
        font-family: 'ISBold';
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }

    .SmallCartItemPrice table tr td:nth-child(1) {
        width: 36%;
        direction: ltr;
        padding-right: 0px;
        padding-left: 0;
    }

    .SmallCartItemPrice table tr td:nth-child(2) {
        width: 28%;
        direction: ltr;
        padding-right: 0px;
        padding-left: 0;
    }

    .SmallCartItemPrice table tr td:nth-child(3) {
        width: 36%;
        direction: ltr;
        padding-right: 0px;
        padding-left: 0;
    }

.SmallCartItemTitle a {
    display: block;
    margin: auto;
    cursor: pointer;
}

.SmallCartBody::-webkit-scrollbar {
    width: 8px;
}

.SmallCartBody::-webkit-scrollbar-thumb {
    border-radius: 8px;
}

.SmallCartBody::-webkit-scrollbar-track {
    border: 1px solid;
}

.SmallCartPrice {
    display: block;
    float: right;
    width: 50%;
    height: 40px;
    direction: ltr;
}

.SmallCartContinue {
    display: block;
    float: left;
    width: 50%;
    height: 40px;
    direction: ltr;
}

.SmallCartPrice > font {
    display: block;
    float: right;
    font-size: 10px;
    clear: both;
    text-align: right;
}

.SmallCartPrice > span {
    display: block;
    float: right;
    font-size: 14px;
    font-family: 'ISBold';
    text-align: center;
    width: 100%;
}

.SmallCartPrice span font {
    font-family: 'IS' !important;
    font-size: 10px !important;
}

.btn-ContinueToCart {
    display: block;
    width: 98%;
    margin: 3px auto;
    border-radius: 5px !important;
    font-size: 13px;
}

#CkeckoutBack {
    display: block;
    float: right;
    width: 100%;
    min-height: 250px;
}

.BS-CartEmpty {
    display: block;
    float: right;
    width: 100%;
    min-height: 250px;
}

    .BS-CartEmpty img {
        display: block;
        margin: 10px auto;
        width: 120px;
    }

    .BS-CartEmpty p {
        display: block;
        width: 100%;
        padding: 5px;
        font-family: 'ISBold';
        font-size: 15px;
        text-align: center;
        line-height: 1.7em;
    }

.BS-AllStoreTitle {
    display: block;
    width: 100%;
    padding: 5px;
    font-family: 'ISBold';
    font-size: 14px;
    text-align: center;
    line-height: 1.7em;
    min-height: 50px;
    padding: 10px;
    border: 1px solid;
    border-radius: 5px;
}

    .BS-AllStoreTitle p {
        display: inline-block;
        margin-bottom: 0px;
    }

    .BS-AllStoreTitle img {
        display: inline-block;
        width: 22px;
        margin-right: 5px;
    }

.BS-StoreListBack {
    display: block;
    width: 100%;
    padding: 5px;
    min-height: 250px;
    padding: 10px;
    border: 1px solid;
    border-radius: 5px;
    margin-top: 15px;
    float: right;
}

.BS-StoreItem {
    display: block;
    width: calc(25% - 10px);
    padding: 5px;
    min-height: 250px;
    padding: 10px;
    border: 1px solid;
    border-radius: 5px;
    margin: 5px;
    float: right;
}

.BS-StoreItem-Header {
    display: block;
    width: 90%;
    padding: 5px;
    height: 138px;
    padding: 10px;
    border-bottom: 1px solid;
    margin-right: 5%;
    float: right;
}

    .BS-StoreItem-Header img {
        display: block;
        width: 80px;
        max-height: 80px;
        border-radius: 50%;
        float: right;
        margin-right: calc(50% - 40px);
    }

    .BS-StoreItem-Header span {
        display: block;
        width: 100%;
        float: right;
        height: 40px;
        overflow: hidden;
        font-size: 17px;
        font-family: 'ISBold';
        text-align: center;
        margin-top: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


.BS-StoreItem-Body {
    display: block;
    width: 90%;
    padding: 5px;
    height: 230px;
    padding: 10px;
    margin-right: 5%;
    float: right;
}

    .BS-StoreItem-Body span {
        display: block;
        height: 40px;
        overflow: hidden;
        font-size: 14px;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: flex;
        margin: 10px auto;
        width: fit-content;
    }

        .BS-StoreItem-Body span img {
            display: inline-block;
            width: 26px;
            height: 26px;
            margin-left: 7px;
        }

        .BS-StoreItem-Body span font {
            padding-top: 5px;
            display: inline-block;
        }

            .BS-StoreItem-Body span font:nth-child(2) {
                margin-right: 5px;
            }

.btn-ContinueCart {
    height: 32px;
    border-radius: 5px;
    width: 150px;
    padding-top: 5px;
}

.Step1-StoreItem {
    display: block;
    width: 98%;
    padding: 5px;
    height: 200px;
    padding: 10px;
    margin-right: 1%;
    float: right;
    border: 1px solid;
    border-radius: 5px;
    position: relative;
}

.Step1-Back {
    float: right;
    width: 25px;
    cursor: pointer;
    position: absolute;
}

.Step1-StoreItem-Header {
    float: right;
    width: 200px;
    display: block;
    height: 178px;
    border-left: 1px solid;
    padding-left: 10px;
}

    .Step1-StoreItem-Header img {
        float: right;
        width: 100px;
        max-height: 100px;
        border-radius: 50%;
        display: block;
        margin-right: 45px;
        margin-top: 10px;
    }

    .Step1-StoreItem-Header span {
        display: block;
        width: 100%;
        float: right;
        height: 50px;
        overflow: hidden;
        font-size: 17px;
        font-family: 'ISBold';
        text-align: center;
        margin-top: 10px;
        padding-top: 15px;
    }

.Step1-StoreItem-Body {
    float: right;
    width: calc(100% - 200px);
    display: block;
    height: 178px;
    padding-right: 50px;
}

    .Step1-StoreItem-Body span {
        display: block;
        min-height: 40px;
        overflow: hidden;
        font-size: 14px;
        text-align: right;
        overflow: hidden;
        width: 50%;
        float: right;
        padding-right: 20px;
        margin-top: 40px;
    }

        .Step1-StoreItem-Body span img {
            display: block;
            float: right;
            width: 25px;
        }

        .Step1-StoreItem-Body span font {
            display: block;
            float: right;
            margin-top: 5px;
            margin-right: 12px;
        }


.Step1-ProductItem {
    display: block;
    width: 98%;
    float: right;
    height: auto;
    border: 1px solid;
    border-radius: 5px;
    margin-right: 1%;
    padding: 5px;
    margin-top: 15px;
}

.Step1-ProductImage {
    display: block;
    float: right;
    width: 120px;
    height: 120px;
}

.Step1-ProductTitle {
    display: block;
    float: right;
    width: calc(100% - 320px);
    height: auto;
}

    .Step1-ProductTitle a {
        display: block;
        float: right;
        width: 100%;
    }

.Step1-ProductTitle1 {
    display: block;
    float: right;
    width: 100%;
    font-size: 15px;
    margin-top: 11px;
    font-family: 'ISBold';
    text-align: right;
    height: 41px;
    overflow: hidden;
}

.Step1-ProductTitle2 {
    display: block;
    float: right;
    width: 100%;
    font-size: 15px;
    margin-top: 3px;
    text-align: right;
    direction: ltr;
    font-family: 'ISEN';
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Step1-AttrBackNoAttr {
    display: block;
    float: right;
    width: 100%;
    font-size: 11px;
    margin-top: 22px;
    text-align: right;
}



.Step1-AttrBack {
    display: block;
    margin: auto;
    float: right;
    max-width: 98%;
    height: 36px;
    white-space: nowrap !important;
    overflow: hidden;
    cursor: pointer;
    margin-top: 10px;
    border: 1px solid;
    padding-top: 3px;
    border-radius: 5px;
}

    .Step1-AttrBack .SmallCartItemAttrItem {
        display: inline-block;
        min-width: 150px;
        height: 30px;
        border: 1px solid;
        border-radius: 5px;
        padding: 4px !important;
        margin-left: 5px;
    }

    .Step1-AttrBack .SmallCartAttrTitle {
        font-size: 10px;
        font-family: 'ISBold';
        display: inline-block;
        float: right;
        padding-top: 3px;
    }

    .Step1-AttrBack .SmallCartAttrValue {
        font-size: 10px;
        display: inline-block;
        margin-right: 4px;
        float: right;
    }

        .Step1-AttrBack .SmallCartAttrValue .ShortAttrColor {
            margin-top: 4px !important;
            margin-right: 0px;
        }

        .Step1-AttrBack .SmallCartAttrValue .ShortAttrDate {
            float: right;
            margin-top: 3px;
            margin-right: 0px;
        }

        .Step1-AttrBack .SmallCartAttrValue .ShortAttrMultiColorList {
            float: right;
            margin-right: 0px;
            margin-top: -3px;
        }

        .Step1-AttrBack .SmallCartAttrValue .ShortAttrList {
            float: right;
            margin-right: 0px;
            margin-top: 2px;
        }

        .Step1-AttrBack .SmallCartAttrValue .ShortAttrTrue, .SmallCartAttrValue .ShortAttrFalse {
            margin-right: 0px;
        }


        .Step1-AttrBack .SmallCartAttrValue .ShortAttrText {
            margin-top: 2px;
        }


        .Step1-AttrBack .SmallCartAttrValue .ShortAttrMultiList {
            margin-top: -3px;
            margin-right: 0px;
        }

        .Step1-AttrBack .SmallCartAttrValue .ShortAttrNumber {
            margin-right: 0px;
            margin-top: 3px;
        }

.Step1-ProductPrice {
    display: block;
    float: right;
    width: 200px;
    height: 120px;
}

.Step1-ProductPrice1 {
    display: block;
    float: right;
    width: 100%;
    height: 30px;
    margin-top: 8px;
}

    .Step1-ProductPrice1 span {
        font-size: 13px;
        width: 50px;
        float: right;
        margin-top: 5px;
    }

    .Step1-ProductPrice1 font {
        font-size: 15px;
        direction: ltr;
        text-align: left;
        font-family: 'ISBold';
        float: right;
        width: calc(100% - 51px);
        margin-top: 5px;
        padding-left: 14px;
    }

.Step1-ProductPrice2 {
    display: block;
    float: right;
    width: 100%;
    height: 30px;
    margin-top: 8px;
}

    .Step1-ProductPrice2 span {
        font-size: 13px;
        width: 50px;
        float: right;
        margin-top: 5px;
    }

    .Step1-ProductPrice2 font {
        font-size: 15px;
        direction: ltr;
        text-align: left;
        font-family: 'ISBold';
        float: right;
        width: calc(100% - 51px);
        margin-top: 5px;
        padding-left: 14px;
    }

.Step1-ProductPrice3 {
    display: block;
    float: right;
    width: 100%;
    height: 30px;
    margin-top: 8px;
}

    .Step1-ProductPrice3 span {
        font-size: 13px;
        width: 50px;
        float: right;
        margin-top: 5px;
    }

    .Step1-ProductPrice3 font {
        font-size: 15px;
        direction: ltr;
        text-align: left;
        font-family: 'ISBold';
        float: right;
        width: calc(100% - 51px);
        margin-top: 5px;
        padding-left: 14px;
    }

.Step1-ProductItemNotAvailable .Step1-ProductTitle a {
    width: 100%;
}

.Step1-ProductItemNotAvailable .Step1-ProductTitle1 {
    width: 100%;
    margin-top: 28px;
}

.Step1-ProductItemNotAvailable .Step1-ProductImage img {
    width: 100px;
    margin: 14px auto;
}

.Step1-ProductPriceNotAvailable {
    display: block;
    float: right;
    width: 100%;
}

    .Step1-ProductPriceNotAvailable span {
        display: block;
        float: right;
        width: 100%;
        font-size: 14px;
        text-align: justify;
        line-height: 1.7em;
        padding: 5px;
        margin-top: 8px;
    }

.btn-DeleteFromCartStep1 {
    display: block;
    margin-top: 10px;
    float: right;
    width: 136px;
    margin-right: calc(50% - 68px);
}

.Step1-ProductPriceStockError {
    display: block;
    float: right;
    width: 100%;
}

    .Step1-ProductPriceStockError span {
        display: block;
        float: right;
        width: 100%;
        font-size: 14px;
        margin-top: 11px;
    }

    .Step1-ProductPriceStockError .btn {
        display: block;
        float: right;
        margin-right: 50px;
        margin-top: 15px;
        width: 180px;
    }


.Step1-ProductItemStockError .Step1-ProductPrice {
    margin-top: 10px;
}

.Step1-TotalPrice {
    display: block;
    margin-top: 10px;
    float: right;
    width: 98%;
    border: 1px solid;
    border-radius: 5px;
    margin-right: 1%;
}

.Step1-TotalCount {
    display: block;
    margin-top: 14px;
    float: right;
    width: calc(50% - 100px);
    text-align: center;
}

.Step1-TotalProductPrice {
    display: block;
    margin-top: 14px;
    float: right;
    width: calc(50% - 100px);
    text-align: center;
}

.Step1-FinalContinue {
    display: block;
    margin-top: 10px;
    float: right;
    width: 200px;
    margin-bottom: 10px;
}

.Step1-TotalCount font {
    font-size: 15px;
    margin-top: 10px;
    margin-right: 10px;
}

.Step1-TotalCount span {
    font-size: 17px;
    margin-top: 10px;
    margin-right: 10px;
}

.Step1-TotalProductPrice font {
    font-size: 15px;
    margin-top: 10px;
    margin-right: 10px;
}

.Step1-TotalProductPrice span {
    font-size: 15px;
    margin-top: 10px;
    margin-right: 10px;
}

.btn-FinalContinue {
    display: block;
    width: 180px;
    margin-right: 10px;
}

    .btn-FinalContinue span {
        display: block;
        float: right;
        text-align: center;
        width: calc(180px - 53px);
    }

    .btn-FinalContinue img {
        display: block;
        float: right;
        height: 15px;
        display: block;
        float: right;
        height: 18px;
        margin-right: 5px;
    }

.Step2-SelectAddressBack {
    display: block;
    margin: auto;
    width: 98%;
    margin-right: 1%;
    float: right;
}

.Step2-SelectAddressTitle {
    display: block;
    margin: auto;
    width: 100%;
    float: right;
    text-align: center;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 13px;
    border-bottom: 1px solid;
    position: relative;
}

.Step2-NewAddress {
    display: block;
    margin: auto;
    width: 250px;
    float: right;
    margin-right: calc(50% - 125px);
    border: 1px solid;
    border-radius: 5px;
    margin-top: 40px;
    padding: 20px;
    margin-bottom: 40px;
}

    .Step2-NewAddress p {
        display: block;
        margin: auto;
        width: 100%;
        float: right;
        font-size: 14px;
        text-align: center;
        line-height: 1.7em;
        margin-top: 10px;
    }

.btn-Step2NewAddress {
    display: block;
    width: 180px;
    margin-right: calc(50% - 90px);
    margin-top: 26px;
    float: right;
}

.Step2-NewAddress img {
    display: block;
    float: right;
    width: 36px;
    margin-right: calc(50% - 18px);
    margin-bottom: 5px;
}

.Step2-Back {
    float: right;
    width: 25px;
    cursor: pointer;
    position: absolute;
}

.Step2-LastAddressItem {
    display: block;
    float: right;
    width: calc(100% / 3);
    margin-top: 10px;
    margin-bottom: 10px;
}

.Step2-ChangeAddressBtnBack {
    width: 100% !important;
}

.Step2-LastAddressItem img {
    display: block;
    float: right;
    width: 24px;
    margin-left: 10px;
}

.Step2-LastAddressItem p {
    display: block;
    float: right;
    width: calc(100% - 35px);
    font-size: 14px;
    margin-top: 5px;
    padding-right: 10px;
}

    .Step2-LastAddressItem p span:nth-child(1) {
        margin-right: 15px;
    }

.btn-Step2ChangeAddress {
    display: block;
    float: right;
    width: 200px;
    margin-top: 16px;
    margin-right: calc(50% - 100px);
}

#SelectAddressModal {
    display: none;
    float: right;
    width: 100vw;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100vh;
    z-index: 10018;
}

#SelectAddressModalBack {
    display: block;
    float: right;
    width: 98%;
    position: relative;
    border-radius: 10px;
    height: calc(100vh - 20px);
    z-index: 10018;
    border: 1px solid;
    margin-top: 10px;
    margin-right: 1%;
    overflow: auto;
}


.ModalSelectOldAddressBack {
    display: block;
    float: right;
    width: 98%;
    margin-right: 1%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 24px;
}

.ModalSelectAddressItem {
    display: inline-block;
    width: 270px;
    margin: 10px;
    overflow: hidden;
    height: 325px;
    border: 1px solid;
    padding: 7px;
    border-radius: 5px;
}

.ModalSelectAddressItemPart {
    display: block;
    width: 100%;
    float: right;
    margin-top: 5px;
}

    .ModalSelectAddressItemPart img {
        display: block;
        width: 19px;
        float: right;
        margin-left: 10px;
        margin-top: 5px;
    }

    .ModalSelectAddressItemPart p {
        display: block;
        width: calc(100% - 44px);
        float: right;
        white-space: break-spaces;
        font-size: 12px;
        text-align: justify;
        margin-top: 6px;
    }

.SelectAddressModalClose {
    float: right;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}

.btn-SelectAddressItem {
    display: block;
    margin: auto;
    margin-top: 12px;
    float: right;
    width: 120px;
    margin-right: calc(50% - 60px);
}

.LocationFoundText {
    margin-right: 35px;
}

.SelectAddressAddAddressBack {
    display: block;
    float: right;
    width: 100%;
    padding-right: 1%;
    border-top: 1px solid;
    padding-top: 11px;
    height: 100vh;
    overflow: auto;
    padding-left: 1%;
    direction: ltr;
    min-height: 300px;
}

.SelectAddressAddAddressHasAddress {
    height: calc(100vh - 400px) !important;
}

.SelectAddressAddAddressBack::-webkit-scrollbar {
    width: 8px;
}

.SelectAddressAddAddressBack::-webkit-scrollbar-thumb {
    border-radius: 8px;
}

.SelectAddressAddAddressBack::-webkit-scrollbar-track {
    border: 1px solid;
}

.AddAddress-Right {
    display: block;
    float: right;
    width: 60%;
}

.AddAddress-Left {
    display: block;
    float: right;
    width: 40%;
}

.AddAddress-Title {
    text-align: center;
    font-family: 'ISBold';
    float: revert;
    width: 100%;
    line-height: 1.7em;
}

.AddAddress-Col {
    display: block;
    float: right;
    width: 50%;
}

.AddAddress-Col {
    display: block;
    float: right;
    width: 50%;
}

    .AddAddress-Col * {
        direction: rtl !important;
        text-align: right !important;
    }

#AddAddress-PostalCode {
    direction: ltr !important;
    text-align: left !important;
}

.AddAddress-Col-100 {
    display: block;
    float: right;
    width: 100%;
}

    .AddAddress-Col-100 * {
        direction: rtl !important;
        text-align: right !important;
    }

#AddAddress-Address {
    min-height: 90px;
}

#AddAddress-PersonPhoneNumber1, #AddAddress-PersonPhoneNumber2 {
    direction: ltr !important;
    text-align: left !important;
}

.AddAddress-MapTitle {
    text-align: center !important;
}

.AddAddress-MapInfo {
    text-align: justify !important;
    float: right;
    width: 100%;
    line-height: 1.7em;
}

#AddAddress-MapShow {
    float: right;
    width: 100%;
    height: 378px;
    border-radius: 5px;
    overflow: hidden;
}

.btn-Step2AddAddress {
    display: block;
    float: right;
    width: 200px;
    margin-top: 16px;
    margin-right: calc(50% - 100px);
    text-align: center !important;
    margin-bottom: 50px;
}

.AddressP {
    height: 48px !important;
    overflow: hidden !important;
    margin-bottom: 0px !important;
}

.ModalSelectAddressItemPart p span {
    margin-left: 10px;
}

.Step2-SelectDeliveryType {
    display: block;
    float: right;
    width: 100%;
}

.Step2-SelectDeliveryTypeWaiting {
    display: block;
    margin: auto;
    width: 30px;
    float: right;
    margin-right: calc(50% - 15px);
    margin-top: 40px;
    margin-bottom: 40px;
}

.Step2-SelectDeliveryType-NotFound {
    float: right;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.Step2-SelectDeliveryType-NotFoundText {
    width: 60%;
    max-width: 450px;
    min-width: 200px;
    margin: auto;
    text-align: center !important;
    font-family: 'ISBold';
    font-size: 19px !important;
    line-height: 1.7em;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.Step2-SelectDeliveryTypeSelectTitle {
    float: right;
    width: 98%;
    margin-top: 50px !important;
    margin-bottom: 10px;
    font-family: 'ISBold';
    font-size: 19px !important;
    line-height: 1.7em;
    text-align: center !important;
    margin-right: 1%;
    border-top: 1px solid;
    padding: 18px;
}

.Step2-OtherDeliveryBack {
    display: block;
    float: right;
    width: calc(33% - 12px);
    margin-right: 6px;
    border: 1px solid;
    border-radius: 5px;
    margin-left: 6px;
    margin-bottom: 12px;
}

.Label-PT-FastDelivery {
    display: block !important;
    float: right !important;
    width: 100% !important;
    padding-bottom: 10px;
    border: 2px solid;
    border-radius: 50px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.Label-PT-NoFastDelivery {
    display: block !important;
    float: right !important;
    width: 100% !important;
    padding-bottom: 10px;
    border: 2px solid;
    border-radius: 50px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.Label-PT-DeliveryNote {
    display: block !important;
    float: right !important;
    width: 100% !important;
    padding-bottom: 10px;
    border: 2px solid;
    border-radius: 50px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-right: 11px;
    padding-left: 11px;
}


.Step2-OtherDeliveryTitle {
    float: right;
    width: 100%;
    padding: 5px 10px 5px 10px;
}

    .Step2-OtherDeliveryTitle img {
        float: right;
        width: 80px;
        margin-right: 12px;
        margin-top: 12px;
    }

    .Step2-OtherDeliveryTitle p {
        float: right;
        font-size: 17px;
        margin-top: 17px;
        margin-right: 10px;
        width: calc(100% - 100px);
        text-align: center;
        font-family: 'ISBold';
        max-width: 281px;
    }

    .Step2-OtherDeliveryTitle span {
        float: right;
        font-size: 14px;
        margin-top: 8px;
        margin-right: 10px;
        width: calc(100% - 100px);
        text-align: center;
        max-width: 281px;
    }

.Step2-SelectDeliveryTypeHolder {
    display: block;
    width: 100%;
    float: right;
}

.Step2-OtherDeliveryPayment {
    display: inline-block;
    width: 100%;
    padding: 5px 10px 5px 10px;
    /*height: 155px;*/
    height: 210px;
}

    .Step2-OtherDeliveryPayment label {
        float: right;
        width: 50%;
        min-width: 120px;
    }

    .Step2-OtherDeliveryPayment img {
        float: right;
        width: 43px;
    }

    .Step2-OtherDeliveryPayment input {
        float: right;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        margin-top: 11px;
    }

    .Step2-OtherDeliveryPayment span {
        float: right;
        font-size: 13px;
        font-family: 'IS';
        font-weight: normal;
        margin-top: 11px;
        margin-right: 5px;
    }

.Step2-SelectDeliveryTypeHolder break:nth-child(6n+2), .Step2-SelectDeliveryTypeHolder break:nth-child(6n+4) {
    display: none;
}

.btn-OtherDeliverySelection {
    display: block;
    margin: auto;
    margin-top: 12px;
    margin-bottom: 12px;
    float: right;
    width: 120px;
    margin-right: calc(50% - 60px);
}


.Step3-Title {
    display: block;
    margin: auto;
    width: 100%;
    float: right;
    text-align: center;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 13px;
    border-bottom: 1px solid;
    position: relative;
}

.Step3-NoteRow {
    display: block;
    float: right;
    width: 100%;
    padding: 15px;
}

.Step3-NoteBack {
    float: right;
    display: block;
    width: 60%;
}

    .Step3-NoteBack label {
        float: right;
        width: 100%;
        font-size: 14px;
        font-family: 'ISBold';
    }

        .Step3-NoteBack label img {
            float: right;
            width: 20px;
            margin-left: 10px;
        }

        .Step3-NoteBack label span {
            float: right;
            margin-top: 1px;
            line-height: 1.7em;
            width: calc(100% - 30px);
        }

#Step3-Note {
    min-height: 100px !important;
    direction: rtl !important;
    text-align: right !important;
}

.Step3-DiscountBack {
    float: right;
    display: block;
    width: 40%;
}

    .Step3-DiscountBack label {
        float: right;
        width: 100%;
        font-size: 14px;
        font-family: 'ISBold';
    }

        .Step3-DiscountBack label img {
            float: right;
            width: 20px;
            margin-left: 10px;
        }

        .Step3-DiscountBack label span {
            float: right;
            margin-top: 1px;
            line-height: 1.7em;
            width: calc(100% - 30px);
        }

#Step3-DiscountCode {
}

.Step3-PriceItem {
    float: right;
    width: calc(25% - 10px);
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid;
    border-radius: 12px;
    height: 68px;
    margin-bottom: 10px;
}

.Step3-PriceItemTitle {
    float: right;
    width: 100%;
    height: 40px;
    text-align: center;
}

.Step3-PriceItemTitleHolder {
    width: 134px;
    float: right;
    text-align: center;
    margin-right: calc(50% - 67px);
    margin-top: 10px;
}

.Step3-PriceItemTitle img {
    width: 20px;
    float: right;
}

.Step3-PriceItemTitle span {
    font-size: 14px;
}

.Step3-PriceItemValue {
    float: right;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 16px;
    font-family: 'ISBold';
}

.Step3-PriceItemPaymentButton {
    float: right;
    width: calc(25% - 10px);
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    height: 68px;
    margin-bottom: 10px;
}

.Step3-SelectPaymentWaitingBack {
    display: block;
    float: right;
    width: 200px;
    height: 150px;
    margin-right: calc(50% - 100px);
    padding-top: 106px;
}

.Step3-SelectPaymentWaiting {
    width: 25px;
    float: right;
}

.Step3-SelectPaymentWaitingBack span {
    float: right;
    font-size: 14px;
    margin-right: 5px;
    margin-top: 2px;
}

.btn-ReturnToMainPage {
    float: right;
    width: 200px;
    clear: both;
    margin-right: calc(50% - 100px);
    margin-bottom: 50px;
    margin-top: 20px;
}



.Step3-SelectPaymentWaitingBackDescription {
    display: block;
    float: right;
    width: 200px;
    height: 250px;
    margin-right: calc(50% - 100px);
    padding-top: 87px;
}


    .Step3-SelectPaymentWaitingBackDescription img {
        width: 25px;
        float: right;
    }

    .Step3-SelectPaymentWaitingBackDescription span {
        float: right;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 2px;
    }

    .Step3-SelectPaymentWaitingBackDescription p {
        float: right;
        text-align: justify;
        margin-top: 6px;
        line-height: 1.7em;
    }

    .Step3-SelectPaymentWaitingBackDescription .btn-ReturnToMainPage {
        float: right;
        width: 200px;
        clear: both;
        margin-right: calc(50% - 100px);
        margin-bottom: 50px;
        margin-top: 20px;
    }

.Step3-OnlinePaymentPortalErrorBack {
    display: block;
    float: right;
    width: 250px;
    height: 250px;
    margin-right: calc(50% - 100px);
    padding-top: 87px;
}

    .Step3-OnlinePaymentPortalErrorBack img {
        width: 25px;
        float: right;
    }

    .Step3-OnlinePaymentPortalErrorBack span {
        float: right;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 2px;
    }

.btnOnlinePaymentPortalError {
    float: right;
    width: 200px;
    clear: both;
    margin-right: calc(50% - 100px);
    margin-bottom: 50px;
    margin-top: 20px;
}



.Step3-HomePaymentPortalErrorBack {
    display: block;
    float: right;
    width: 250px;
    height: 250px;
    margin-right: calc(50% - 100px);
    padding-top: 87px;
}

    .Step3-HomePaymentPortalErrorBack img {
        width: 25px;
        float: right;
    }

    .Step3-HomePaymentPortalErrorBack span {
        float: right;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 2px;
    }

.btnHomePaymentError {
    float: right;
    width: 200px;
    clear: both;
    margin-right: calc(50% - 100px);
    margin-bottom: 50px;
    margin-top: 20px;
}


.Step3-HomePaymentSuccessBack {
    display: block;
    float: right;
    width: 250px;
    height: 250px;
    margin-right: calc(50% - 100px);
    padding-top: 87px;
}

    .Step3-HomePaymentSuccessBack img {
        width: 25px;
        float: right;
    }

    .Step3-HomePaymentSuccessBack span {
        float: right;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 2px;
    }

.btnHomePaymentSuccess {
    float: right;
    width: 200px;
    clear: both;
    margin-right: calc(50% - 100px);
    margin-bottom: 50px;
    margin-top: 20px;
}


.Step3-OnlinePaymentPortalSuccessBack {
    display: block;
    float: right;
    width: 250px;
    height: 250px;
    margin-right: calc(50% - 100px);
    padding-top: 87px;
}

    .Step3-OnlinePaymentPortalSuccessBack img {
        width: 25px;
        float: right;
    }

    .Step3-OnlinePaymentPortalSuccessBack span {
        float: right;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 2px;
    }


.Step3-OnlinePaymentFinalSuccessBack {
    display: block;
    float: right;
    width: 250px;
    height: 250px;
    margin-right: calc(50% - 100px);
    padding-top: 87px;
}

    .Step3-OnlinePaymentFinalSuccessBack img {
        width: 25px;
        float: right;
    }

    .Step3-OnlinePaymentFinalSuccessBack span {
        float: right;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 2px;
    }



#SelectDiscountModal {
    display: none;
    float: right;
    width: 100vw;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100vh;
    z-index: 10018;
}

#SelectDiscountModalBack {
    display: block;
    float: right;
    width: 450px;
    position: relative;
    border-radius: 10px;
    height: 450px;
    z-index: 10018;
    border: 1px solid;
    margin-top: calc(50vh - 225px);
    margin-right: calc(50% - 225px);
    overflow: auto;
}


.Step3-DiscountWaitingBack {
    display: block;
    float: right;
    width: 200px;
    height: 150px;
    margin-right: calc(50% - 100px);
    padding-top: 106px;
}

    .Step3-DiscountWaitingBack img {
        width: 25px;
        float: right;
    }

    .Step3-DiscountWaitingBack span {
        float: right;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 2px;
    }



.SelectDicountModalClose {
    float: right;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}


.Step3-DiscountCodeError {
    display: block;
    float: right;
    width: 94%;
    height: 250px;
    margin-right: 3%;
    padding-top: 50px;
}

    .Step3-DiscountCodeError img {
        width: 150px;
        float: right;
        margin-right: calc(50% - 75px);
    }

    .Step3-DiscountCodeError span {
        float: right;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 2px;
        width: 100%;
        text-align: center;
        font-size: 17px;
        margin-top: 13px;
        margin-bottom: 13px;
        height: 150px;
        padding-top: 46px;
    }

.Step3-DiscountCodeSuccess {
    display: block;
    float: right;
    width: 94%;
    height: 250px;
    margin-right: 3%;
    padding-top: 15px;
}

    .Step3-DiscountCodeSuccess img {
        width: 150px;
        float: right;
        margin-right: calc(50% - 75px);
    }

    .Step3-DiscountCodeSuccess span {
        float: right;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 2px;
        width: 100%;
        text-align: center;
        font-size: 17px;
        margin-top: 13px;
        margin-bottom: 13px;
        height: 26px;
        padding-top: 2px;
        font-family: 'ISBold';
    }

.Step3-DiscountCodeSuccess-info {
    text-align: justify !important;
    font-family: 'IS' !important;
    font-size: 13px !important;
    height: auto !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}




.PanelNavSliderBack {
    display: block;
    margin: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 97px;
}

.PanelNavSlider {
    display: block;
    margin: auto;
    width: calc(100% - 50px);
    white-space: nowrap !important;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 92px;
    padding-top: 4px;
    margin-right: 25px;
}

.NavSliderButton {
    width: 100%;
    display: block;
    float: right;
    height: 0px;
    z-index: 100;
    position: absolute;
    top: 23px;
}

.PanelNavSlider .NavBox {
    display: inline-block;
    width: 120px;
    margin-left: 0px;
    margin-right: 3px;
    margin-bottom: 0px;
    border: 2px solid;
    border-radius: 5px;
}

    .PanelNavSlider .NavBox * {
        white-space: initial;
    }

.NavSliderRight {
    position: absolute;
    right: 1PX;
    z-index: 100;
    width: 25px;
    top: 7px;
    border: 1px solid;
    border-radius: 3px;
    transition: 0.3s;
    cursor: pointer;
}

.NavSliderLeft {
    position: absolute;
    left: 1PX;
    z-index: 100;
    width: 25px;
    top: 7px;
    border: 1px solid;
    border-radius: 3px;
    transition: 0.3s;
    cursor: pointer;
}

.PanelNavSlider .NavBox a {
    float: right;
    width: 100%;
    padding: 5px;
}

.PanelNavSlider .NavBox img {
    width: 34px;
    height: 34px;
    margin-right: calc(50% - 16px);
    pointer-events: none;
}

.PanelNavSlider .NavBox span {
    float: right;
    width: 100%;
    text-align: center;
    height: 20px;
    overflow: hidden;
    font-size: 11px;
    margin-top: 9px;
}

.DashboardNumber {
    font-size: 14px;
}

.NoInvoiceYetImage {
    display: block;
    float: right;
    width: 120px;
    margin-right: calc(50% - 60px);
}

.NoInvoiceYet {
    font-family: 'ISBold';
    text-align: center;
    font-size: 16px;
    float: right;
    width: 100%;
    margin-top: 10px;
}

.PanelInvoiceHistoryItem {
    display: block;
    float: right;
    width: calc((100% / 4) - 10px);
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid;
    border-radius: 5px;
    margin-bottom: 10px;
    min-width: 210px;
}

.PanelInvoiceHistoryItemHeader {
    display: block;
    float: right;
    width: 100%;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

    .PanelInvoiceHistoryItemHeader img {
        display: block;
        float: right;
        width: 60px;
        border-radius: 50%;
        height: 60px;
        margin: 10px;
    }

    .PanelInvoiceHistoryItemHeader span {
        display: block;
        float: right;
        width: calc(100% - 100px);
        font-size: 13px;
        height: 18px;
        font-family: 'ISBold';
        overflow: hidden;
        margin-top: 19px;
    }

        .PanelInvoiceHistoryItemHeader span:nth-child(3) {
            margin-top: 8px;
        }

.PanelInvoiceHistoryItemPart {
    display: block;
    float: right;
    width: 50%;
    padding: 5px;
    height: 40px;
}
.ItemPartFull {   
    width: 100% !important;
}

    .PanelInvoiceHistoryItemPart font {
        display: block;
        float: right;
        width: 100%;
        font-size: 10px;
        text-align: center;
        font-family: 'ISBold' !important;
        height: 14px;
        overflow: hidden;
    }

    .PanelInvoiceHistoryItemPart span {
        display: block;
        float: right;
        width: 100%;
        font-size: 14px;
        text-align: center;
        height: 21px;
        margin-top: 5px;
    }

.OddHr {
    float: right;
    width: 98%;
    margin-top: 9px;
    margin-bottom: 5px;
    margin-right: 1%;
}

.PanelInvoiceHistoryItemButton {
    float: right;
    width: 100%;
}

.btnPanelGetInvoiceInfo {
    display: block;
    width: 170px;
    margin-top: 18px;
    margin-bottom: 9px;
    float: right;
    margin-right: calc(50% - 86px);
    font-size: 12px;
}

.btnPanelHistoryLoadMore {
    display: block;
    width: 170px;
    margin-top: 18px;
    margin-bottom: 9px;
    float: right;
    margin-right: calc(50% - 86px);
    font-size: 12px;
}

#PanelHistoryBack, #PanelHistoryItemBack, #PanelHistoryLoadBack {
    display: block;
    float: right;
    width: 100%;
}

    #PanelHistoryLoadBack span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 16px;
        margin-top: 14px;
        margin-bottom: 14px;
        font-family: 'ISBold';
    }

.PanelHistoryTitle {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 14px;
    margin-bottom: 14px;
    font-family: 'ISBold';
}

.PanelCompanyHistoryItem {
    display: block;
    float: right;
    width: calc(100% - 10px);
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid;
    border-radius: 5px;
    margin-bottom: 10px;
    padding-bottom: 14px;
}

.PanelCompanyHistoryItemHeader {
    display: block;
    float: right;
    width: 100%;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

    .PanelCompanyHistoryItemHeader img {
        display: block;
        float: right;
        width: 60px;
        border-radius: 50%;
        height: 60px;
        margin: 10px;
    }

    .PanelCompanyHistoryItemHeader span {
        display: block;
        float: right;
        width: calc(100% - 100px);
        font-size: 13px;
        height: 18px;
        font-family: 'ISBold';
        overflow: hidden;
        margin-top: 19px;
    }

        .PanelCompanyHistoryItemHeader span:nth-child(3) {
            margin-top: 8px;
        }

.PanelCompanyHistoryItemPart {
    display: block;
    float: right;
    width: 50%;
    padding: 5px;
    height: 40px;
}

    .PanelCompanyHistoryItemPart font {
        display: block;
        float: right;
        width: 100%;
        font-size: 10px;
        text-align: center;
        font-family: 'ISBold' !important;
        height: 14px;
        overflow: hidden;
    }

    .PanelCompanyHistoryItemPart span {
        display: block;
        float: right;
        width: 100%;
        font-size: 14px;
        text-align: center;
        height: 21px;
        margin-top: 5px;
    }

#PanelHistoryCompanyBack, #PanelHistoryCompanyItemBack {
    display: block;
    float: right;
    width: 100%;
}

.PanelHistoryCompanyTitle {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 14px;
    margin-bottom: 14px;
    font-family: 'ISBold';
}

#HistoryDetailModal {
    display: none;
    float: right;
    width: 100vw;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100vh;
    z-index: 10018;
}

#HistoryDetailModalBack {
    display: block;
    float: right;
    width: 98%;
    position: relative;
    border-radius: 10px;
    height: calc(100vh - 110px);
    z-index: 10018;
    border: 1px solid;
    margin-top: 90px;
    margin-right: 1%;
    overflow: auto;
}

.HistoryDetailModalClose {
    float: right;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    clear: both;
}

.HistoryDetailModalHolder {
    display: block;
    float: right;
    width: 100%;
    margin-top: 37px;
    padding: 0px 12px 12px 12px;
    height: calc(100vh - 150px);
    overflow: auto;
}

.HistoryModalPart1 {
    display: block;
    float: right;
    width: 25%;
    border: 1px solid;
    border-radius: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.HistoryModalPart2 {
    display: block;
    float: right;
    width: 75%;
}

.HistoryDetailModalPartTitle {
    text-align: center;
    float: right;
    width: 100%;
    font-size: 15px;
    font-family: 'ISBold';
}

.PanelInvoiceHistoryItemBigPart {
    display: block;
    float: right;
    width: 100%;
    padding: 5px;
    height: 40px;
}

    .PanelInvoiceHistoryItemBigPart font {
        display: block;
        float: right;
        width: 100%;
        font-size: 10px;
        text-align: center;
        font-family: 'ISBold' !important;
        height: 14px;
        overflow: hidden;
    }

    .PanelInvoiceHistoryItemBigPart span {
        display: block;
        float: right;
        width: 100%;
        font-size: 13px;
        text-align: justify;
        height: 21px;
        margin-top: 5px;
        padding: 0px 5px 0px 5px;
    }

.HD-ProductItem {
    display: block;
    width: 98%;
    float: right;
    height: auto;
    border: 1px solid;
    border-radius: 5px;
    margin-right: 1%;
    padding: 5px;
    margin-top: 15px;
}

.HD-ProductImage {
    display: block;
    float: right;
    width: 120px;
    height: 120px;
}

    .HD-ProductImage a, .HD-ProductImage img {
        display: block;
        float: right;
        width: 100%;
    }

.HD-ProductTitle {
    display: block;
    float: right;
    width: calc(100% - 320px);
    height: auto;
}

    .HD-ProductTitle a {
        display: block;
        float: right;
        width: 100%;
    }

.HD-ProductTitle1 {
    display: block;
    float: right;
    width: 100%;
    font-size: 13px;
    margin-top: 11px;
    font-family: 'ISBold';
    text-align: right;
    height: 41px;
    overflow: hidden;
}

.HD-ProductTitle2 {
    display: block;
    float: right;
    width: 100%;
    font-size: 12px;
    margin-top: 3px;
    text-align: right;
    direction: ltr;
    font-family: 'ISEN';
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.HD-AttrBackNoAttr {
    display: block;
    float: right;
    width: 100%;
    font-size: 11px;
    margin-top: 22px;
    text-align: right;
}



.HD-AttrBack {
    display: block;
    margin: auto;
    float: right;
    max-width: 98%;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    margin-top: 10px;
    padding-top: 3px;
    border-radius: 5px;
}

    .HD-AttrBack .SmallCartItemAttrItem {
        display: inline-block;
        min-width: 150px;
        height: auto;
        min-height: 30px;
        border: 1px solid;
        border-radius: 5px;
        padding: 4px !important;
        margin-left: 5px;
    }

    .HD-AttrBack .SmallCartAttrTitle {
        font-size: 10px;
        font-family: 'ISBold';
        display: inline-block;
        float: right;
        padding-top: 3px;
    }

    .HD-AttrBack .SmallCartAttrValue {
        font-size: 10px;
        display: inline-block;
        margin-right: 4px;
        float: right;
    }

        .HD-AttrBack .SmallCartAttrValue .ShortAttrColor {
            margin-top: 4px !important;
            margin-right: 0px;
        }

        .HD-AttrBack .SmallCartAttrValue .ShortAttrDate {
            float: right;
            margin-top: 3px;
            margin-right: 0px;
        }

        .HD-AttrBack .SmallCartAttrValue .ShortAttrMultiColorList {
            float: right;
            margin-right: 0px;
            margin-top: -3px;
        }

        .HD-AttrBack .SmallCartAttrValue .ShortAttrList {
            float: right;
            margin-right: 0px;
            margin-top: 2px;
        }

        .HD-AttrBack .SmallCartAttrValue .ShortAttrTrue, .SmallCartAttrValue .ShortAttrFalse {
            margin-right: 0px;
        }


        .HD-AttrBack .SmallCartAttrValue .ShortAttrText {
            margin-top: 2px;
        }


        .HD-AttrBack .SmallCartAttrValue .ShortAttrMultiList {
            margin-top: -3px;
            margin-right: 0px;
        }

        .HD-AttrBack .SmallCartAttrValue .ShortAttrNumber {
            margin-right: 0px;
            margin-top: 3px;
        }

.HD-ProductPrice {
    display: block;
    float: right;
    width: 200px;
    height: 120px;
    padding-right: 5px;
}

.HD-ProductPrice1 {
    display: block;
    float: right;
    width: 100%;
    height: 30px;
    margin-top: 8px;
}

    .HD-ProductPrice1 span {
        font-size: 13px;
        width: 50px;
        float: right;
        margin-top: 5px;
    }

    .HD-ProductPrice1 font {
        font-size: 15px;
        direction: ltr;
        text-align: left;
        font-family: 'ISBold';
        float: right;
        width: calc(100% - 51px);
        margin-top: 5px;
        padding-left: 14px;
    }

.HD-ProductPrice2 {
    display: block;
    float: right;
    width: 100%;
    height: 30px;
    margin-top: 8px;
}

    .HD-ProductPrice2 span {
        font-size: 13px;
        width: 50px;
        float: right;
        margin-top: 5px;
    }

    .HD-ProductPrice2 font {
        font-size: 15px;
        direction: ltr;
        text-align: left;
        font-family: 'ISBold';
        float: right;
        width: calc(100% - 51px);
        margin-top: 5px;
        padding-left: 14px;
    }

.HD-ProductPrice3 {
    display: block;
    float: right;
    width: 100%;
    height: 30px;
    margin-top: 8px;
}

    .HD-ProductPrice3 span {
        font-size: 13px;
        width: 50px;
        float: right;
        margin-top: 5px;
    }

    .HD-ProductPrice3 font {
        font-size: 15px;
        direction: ltr;
        text-align: left;
        font-family: 'ISBold';
        float: right;
        width: calc(100% - 51px);
        margin-top: 5px;
        padding-left: 14px;
    }

.HD-AttrBack .SmallCartAttrValue .TagBox {
    margin-bottom: 0px !important;
}

#PanelMainProfileBack {
    display: block;
    float: right;
    width: 100%;
}

.PanelMainProfileTitle {
    display: block;
    float: right;
    width: 100%;
    text-align: center;
    font-family: 'ISBold';
    font-size: 16px;
}

#PanelMainProfileFormBack {
    display: block;
    float: right;
    width: 100%;
}

.btnPanelMainProfileSave {
    float: right;
    display: block;
    width: 180px;
    margin-right: calc(50% - 90px);
}

.RemoveSelectedCategory {
    display: none !important;
    float: right;
    width: 22px;
    margin-left: 5px;
    margin-top: -2px;
    margin-right: 8px;
}


.CategoryFilterTitleActive .RemoveSelectedCategory {
    display: block !important;
}

.FBoxSearchColorItemShow {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 4px;
    border-radius: 50%;
    margin-left: -6px;
    border: 1px solid;
}


.FBoxBody {
    float: right;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

.FBoxSearch {
    float: right;
    display: block;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    padding-top: 8px;
    padding-bottom: 9px;
    margin-bottom: 10px;
}

.FBoxSearchText {
    float: right;
    margin-right: 5px;
    height: 33px;
    width: calc(100% - 60px);
    border: none;
    font-size: 13px;
    font-weight: normal;
}

.FBoxSearchLBL {
    display: block;
    width: 100%;
}


.FBoxBody ul {
    max-height: 250px;
    overflow: auto;
    padding-right: 8px;
    width: 100%;
    float: right;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .FBoxBody ul::-webkit-scrollbar {
        width: 8px;
    }

    .FBoxBody ul::-webkit-scrollbar-thumb {
        border-radius: 8px;
    }

    .FBoxBody ul li {
        display: block;
        width: 100%;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 5px;
        margin-top: 5px;
    }

        .FBoxBody ul li input[type=checkbox], .FBoxBody ul li input[type=radio] {
            width: 20px;
            height: 20px;
            float: right;
            cursor: pointer;
        }

        .FBoxBody ul li span {
            float: right;
            margin-top: 6px;
            margin-right: 10px;
            font-weight: normal;
            font-size: 13px;
        }

.FBoxBodyNotFound {
    text-align: center;
    font-size: 10px;
    display: none;
}

.NoFilter {
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    height: 30px;
    padding-top: 7px;
    width: fit-content;
    margin: auto;
    box-shadow: 0 2px 17px 0 rgb(0 0 0 / 9%);
    padding-right: 5px;
    padding-left: 5px;
}

.FBoxBodyFixed .RadioBack {
    width: calc(100% / 3);
    display: inline-block;
    margin-bottom: -2px;
}

.FBTitle .FBoxSearch {
    float: right;
    display: block;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    padding-top: 8px;
    padding-bottom: 9px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.SPL_Loading {
    display: block;
    width: 100%;
    height: 190px;
    float: right;
    margin-top: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}

    .SPL_Loading div {
        display: block;
        margin: auto;
        width: fit-content;
        padding: 34px;
        border: 1px solid;
        border-radius: 7px;
    }

        .SPL_Loading div img:nth-child(1) {
            display: block;
            margin: auto;
        }

        .SPL_Loading div img:nth-child(2) {
            width: 120px;
            display: block;
            margin: auto;
            margin-top: 15px;
        }

.ProductLodingItem .ProductImage font {
    display: block;
    float: right;
    width: 150px;
    height: 150px;
    margin-right: calc(50% - 75px);
    border-radius: 7px;
    margin-top: calc(50% - 98px);
}

.ProductLodingItem .PBTitle font {
    display: block;
    float: right;
    width: 96%;
    height: 40px;
    margin-right: 2%;
    border-radius: 7px;
    margin-top: 7px;
}

.ProductLodingItem .PPBack font {
    display: block;
    float: right;
    width: 96%;
    height: 30px;
    margin-top: 7px;
    margin-right: 2%;
    border-radius: 7px;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

.NoneDisplay {
    display: none;
}

.PrdCategoryNavigation {
    font-size: 12px;
}



.StoresSearchBack {
    display: block;
    float: right;
    width: 100%;
    min-height: 50px;
}

.StoresSearchState {
    display: block;
    float: right;
    width: 25%;
}

    .StoresSearchState select {
        direction: rtl !important;
        text-align: right !important;
    }

.StoresSearchTitle {
    display: block;
    float: right;
    width: 25%;
}

    .StoresSearchTitle input[type=text] {
        direction: rtl !important;
        text-align: right !important;
    }

.StoresSearchOrder {
    display: block;
    float: right;
    width: 25%;
}

    .StoresSearchOrder select {
        direction: rtl !important;
        text-align: right !important;
    }

.StoresSearchButton {
    display: block;
    float: right;
    width: 25%;
    padding-right: 10px;
    padding-left: 10px;
}

.btnSearchStore {
    margin-top: 0px;
}

    .btnSearchStore div {
        display: block;
        width: 166px;
        float: right;
        margin-right: calc(50% - 83px);
        overflow: hidden;
    }

    .btnSearchStore span {
        float: right;
        margin-left: 9px;
    }

    .btnSearchStore img {
        width: 25px;
        float: right;
    }

.StoreSearchResult {
    display: block;
    float: right;
    width: 100%;
}

.StoreSerchNotFound {
}

    .StoreSerchNotFound span {
    }

.StoreItemBox {
    display: block;
    float: right;
    width: calc((100% / 5) - 10px);
    border-radius: 5px;
    border: 1px solid;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
}

    .StoreItemBox a {
    }

        .StoreItemBox a .StoreImage {
            display: block;
            width: 100%;
            max-height: 150px;
            float: right;
        }

            .StoreItemBox a .StoreImage img {
                display: block;
                float: right;
                width: 120px;
                border-radius: 50%;
                height: 120px;
                margin-right: calc(50% - 60px);
                margin-top: 20px;
                margin-bottom: 20px;
            }


    .StoreItemBox .StoreName {
        float: right;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height: 30px;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .StoreItemBox .CityStateName {
        float: right;
        width: 100%;
        font-size: 18px;
        text-align: center;
        height: 30px;
        overflow: hidden;
        margin-bottom: 20px;
        margin-top: 10px;
    }


.DSStoreProfile {
    display: block;
    float: right;
    width: 100%;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid;
}

.DSImageBack {
    display: block;
    float: right;
    width: 200px;
}

.DSImage {
    display: block;
    float: right;
    width: 120px;
    border-radius: 50%;
    margin-right: calc(50% - 60px);
}

.DSI {
    display: block;
    float: right;
    width: calc(100% - 600px);
    border-right: 3px solid;
    padding-right: 15px;
}

    .DSI h1 {
        font-size: 18px;
        font-family: 'ISBold';
        text-align: right;
        width: 100%;
        margin-top: 9px;
    }

    .DSI h2 {
        font-size: 14px;
        text-align: right;
        width: 100%;
        margin-top: 11px;
        height: 17px;
        overflow: hidden;
    }

    .DSI h3 {
        font-size: 14px;
        text-align: right;
        width: 100%;
        margin-top: 11px;
        height: 17px;
        overflow: hidden;
    }

.DSR {
    display: block;
    width: 400px;
    float: left;
}

    .DSR .RateBack {
        display: block;
        float: left;
        width: 100%;
    }

    .DSR .RateBack {
        float: right;
        width: 100%;
    }

        .DSR .RateBack img {
            display: block;
            margin-bottom: -24px;
        }

        .DSR .RateBack .RateAmount {
            display: block;
            width: 40%;
            height: 24px;
        }

.DSState {
    display: block;
    margin: auto;
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 10px;
}

    .DSState img {
        width: 20px;
        float: right;
        margin-left: 7px;
    }

    .DSState span {
        font-size: 12px;
        font-family: 'ISBold';
        float: right;
        margin-top: 6px;
    }

.DSFromDate {
    display: block;
    margin: auto;
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 10px;
}

    .DSFromDate img {
        width: 20px;
        float: right;
        margin-left: 7px;
    }

    .DSFromDate span {
        font-size: 12px;
        float: right;
        margin-left: 4px;
        margin-top: 5px;
    }

.DSWorkingHours {
    display: block;
    margin: auto;
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 10px;
}

    .DSWorkingHours img {
        width: 20px;
        float: right;
        margin-left: 7px;
    }

    .DSWorkingHours span {
        font-size: 12px;
        float: right;
        margin-left: 4px;
        margin-top: 5px;
    }

.DSMoreInfo {
}

.DSBanner3 {
    display: block;
    float: right;
    width: 100%;
}

.DSBanner1 {
    display: block;
    float: right;
    width: calc(50% - 5px);
}

.DSBanner2 {
    display: block;
    float: left;
    width: calc(50% - 5px);
}



.SetCompare {
    position: absolute;
    left: 12px;
    bottom: calc(50% - 30px);
    font-size: 12px;
    font-family: 'IS';
    font-weight: normal;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
}

    .SetCompare input[type='checkbox'] {
        width: 16px;
        height: 16px;
        float: right;
    }

    .SetCompare span {
        float: right;
        margin-right: 5px;
        margin-top: 5px;
    }

.ProductBox:hover .SetCompare {
    visibility: visible;
    opacity: 1;
}


#SmallCompare {
    position: fixed;
    bottom: 45px;
    left: 8px;
    width: 0px;
    height: 50px;
    overflow: hidden;
    z-index: 999;
}

.SmallCompareShow {
    width: 300px !important;
}

#SmallCompareSpan {
    cursor: pointer;
    border-radius: 5px;
    padding: 5px;
    display: none;
    margin: auto;
    text-align: center;
    margin-top: -38px;
    max-width: 239px;
    height: 36px;
    padding-top: 8px;
    bottom: 5px;
    position: absolute;
    left: 5px;
}


.SmallCompareBack {
    display: none;
    margin: auto;
    width: 100%;
    min-height: 50px;
    background: #fff;
    height: 340px;
    border: 1px solid;
    border-radius: 5px;
}

#SmallCompare:hover .SmallCompareBack {
    display: block;
}

#SmallCompare:hover {
    height: 300px;
}

.SmallCompareBack ul {
    padding-right: 0px;
    list-style: none;
}

.SmallCompareBack li {
    display: block;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid;
}

    .SmallCompareBack li img:nth-child(1) {
        float: right;
        height: 60px;
        margin-top: 5px;
    }

    .SmallCompareBack li img:nth-child(3) {
        float: left;
        cursor: pointer;
        margin-top: 23px;
        margin-left: 5px;
    }

    .SmallCompareBack li span {
        float: right;
        width: calc(100% - 90px);
        font-size: 11px;
        color: #000;
        line-height: 1.7em;
        height: 60px;
        overflow: hidden;
        display: block;
        padding-top: 9px;
        font-family: 'ISEN';
    }

.DiscountPercent {
    position: absolute;
    font-family: 'ISBold';
    font-size: 14px;
    right: 0px;
    border-bottom-left-radius: 17px;
    width: 49px;
    text-align: center;
    height: 21px;
    overflow: hidden;
    padding-left: 10px;
    cursor: default;
}


.SSOfferSmall {
    font-family: 'ISBold';
    float: left;
    position: absolute;
    left: -29px;
    width: 93px;
    text-align: center;
    height: 61px;
    overflow: hidden;
    transform: rotate(315deg);
    top: -12px;
    font-size: 11px;
    padding-top: 24px;
    border-radius: 22px 22px 40px 40px / 10px 10px 10px 10px;
    padding-right: 14px;
    padding-left: 14px;
}

.DSAboutNoEntry {
    text-align: center;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;
    width: 100%;
}

.DSFaqNoEntry {
    text-align: center;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;
    width: 100%;
}

.DSRuleNoEntry {
    text-align: center;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;
    width: 100%;
}

.DSAbout {
    display: block;
    float: right;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .DSAbout p {
        display: block;
        float: right;
        width: calc(100% - 20px);
        text-align: justify;
        margin-right: 10px;
        line-height: 1.7em;
    }

.DSFaqQuestion {
    display: block;
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.DSFaqAnswerBack {
    display: block;
    float: right;
    width: 100%;
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 10px;
}

.DSFaqAnswer {
    display: block;
    float: right;
    width: calc(100% - 20px);
    text-align: justify;
    margin-right: 10px;
    line-height: 1.7em;
}

.DSFaqQuestion img {
    display: block;
    float: right;
    width: 25px;
    margin-left: 7px;
}




.DSRuleQuestion {
    display: block;
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.DSRuleAnswerBack {
    display: block;
    float: right;
    width: 100%;
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 10px;
}

.DSRuleAnswer {
    display: block;
    float: right;
    width: calc(100% - 20px);
    text-align: justify;
    margin-right: 10px;
    line-height: 1.7em;
}

.DSRuleQuestion img {
    display: block;
    float: right;
    width: 25px;
    margin-left: 7px;
}



.checkbox label .toggle, .checkbox-inline .toggle {
    margin-left: -20px;
    margin-right: 5px
}

.toggle {
    position: relative;
    overflow: hidden;
    width: 26px;
    height: 14px;
    float: left;
    border-radius: 35px;
    margin-top: -2px;
    border: none;
}

    .toggle input[type=checkbox] {
        display: none
    }

.toggle-group {
    position: absolute;
    width: 200%;
    top: 0;
    bottom: 0;
    left: 0;
    transition: left .35s;
    -webkit-transition: left .35s;
    -moz-user-select: none;
    -webkit-user-select: none
}

.toggle.off .toggle-group {
    left: -100%
}

.toggle-group .active img {
    float: left;
    width: 15px;
    margin-left: -4px;
    margin-top: -1px;
}

.toggle-on img {
    float: right;
    width: 15px;
    margin-right: -4px;
    margin-top: -1px;
}

.toggle-on {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    margin: 0;
    border: 0;
    border-radius: 0
}

.toggle-off {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
}

.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 0;
    border-width: 0 1px
}


.toggle.btn {
    min-width: 59px;
    min-height: 25px;
    max-height: 25px;
}

.toggle-on.btn {
    padding-left: 24px
}

.toggle-off.btn {
    padding-right: 24px
}

.toggle.btn-lg {
    min-width: 79px;
    min-height: 45px
}

.toggle-on.btn-lg {
    padding-right: 31px
}

.toggle-off.btn-lg {
    padding-left: 31px
}

.toggle-handle.btn-lg {
    width: 40px
}

.toggle.btn-sm {
    min-width: 50px;
    min-height: 30px
}

.toggle-on.btn-sm {
    padding-right: 20px
}

.toggle-off.btn-sm {
    padding-left: 20px
}

.toggle.btn-xs {
    min-width: 35px;
    min-height: 22px
}

.toggle-on.btn-xs {
    padding-right: 12px
}

.toggle-off.btn-xs {
    padding-left: 12px
}

.SortBack {
    min-height: 36px;
}




[slider] {
    position: relative;
    height: 14px;
    border-radius: 10px;
    text-align: left;
    margin: 38px 0 10px 0;
    display: block;
    width: 95%;
    right: 3%;
    left: 1%;
}

    [slider] > div {
        position: absolute;
        left: 13px;
        right: 15px;
        height: 14px;
    }

        [slider] > div > [inverse-left] {
            position: absolute;
            left: 0;
            height: 14px;
            border-radius: 10px;
            margin: 0 7px;
        }

        [slider] > div > [inverse-right] {
            position: absolute;
            right: 0;
            height: 14px;
            border-radius: 10px;
            margin: 0 7px;
        }

        [slider] > div > [range] {
            position: absolute;
            left: 0;
            height: 14px;
            border-radius: 14px;
        }

        [slider] > div > [thumb] {
            position: absolute;
            top: -7px;
            z-index: 2;
            height: 28px;
            width: 28px;
            text-align: left;
            margin-left: -11px;
            cursor: pointer;
            border-radius: 50%;
            outline: none;
        }


    [slider] > input[type=range] {
        position: absolute;
        pointer-events: none;
        -webkit-appearance: none;
        z-index: 3;
        height: 14px;
        top: -2px;
        width: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        direction: ltr;
    }

div[slider] > input[type=range]::-ms-track {
    -webkit-appearance: none;
    background: transparent;
    color: transparent;
}

div[slider] > input[type=range]::-moz-range-track {
    -moz-appearance: none;
    background: transparent;
    color: transparent;
}

div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
}

div[slider] > input[type=range]:focus {
    outline: none;
}

div[slider] > input[type=range]::-ms-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
}

div[slider] > input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
}

div[slider] > input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
    -webkit-appearance: none;
}

div[slider] > input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
}

div[slider] > input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
}

div[slider] > input[type=range]::-ms-tooltip {
    display: none;
}


.FilterSetBtn {
    display: block;
    margin: auto;
    margin-top: 25px;
    border: 1px solid;
    border-radius: 5px;
    height: 40px;
}

    .FilterSetBtn img {
        margin-top: 0px !important;
    }

    .FilterSetBtn span {
        font-family: 'IS';
        font-size: 12px;
        text-align: center;
        font-weight: normal;
        float: right;
        margin-right: 5px;
        margin-top: 2px;
        margin-left: 5px;
    }

.pd2 {
    padding-right: 2px;
    padding-left: 2px;
}

.BtnDeleteFromCart {
    height: 35px;
    font-size: 15px;
    border-radius: 5px;
}

    .BtnDeleteFromCart img {
        float: right;
        width: 18px;
        margin-right: 4px;
        width: 22px;
        height: 22px;
        margin-top: -1px;
    }

    .BtnDeleteFromCart span {
        float: right;
        width: calc(100% - 27px);
        text-align: center;
    }


.WB {
    border-radius: 5px;
    min-height: 200px;
}

.CompareBox {
    overflow: visible;
    float: right;
    padding-top: 20px;
}

.CompareTitle {
    border-radius: 5px;
    display: block;
    width: 98%;
    margin: 6px auto;
    padding: 5px;
    position: relative;
}

.CloseCompare {
    left: 2px;
    top: 2px;
    position: absolute;
    cursor: pointer;
}

.CompareTitle .PcLink {
    float: right;
}

.CompareTitle .Pc {
    display: block;
    margin: auto;
    max-width: 130px;
}

.CompareTitle h3 {
    font-family: 'ISEn';
    font-size: 13px;
    line-height: 1.7em;
    text-align: justify;
    min-height: 90px;
}

.CompareTitle h5 {
    text-align: center;
    clear: both;
    margin-top: 26px;
    border-top: 1px solid;
    padding-top: 12px;
}

.PcPrice font {
    font-size: 16px;
    font-family: 'ISBold';
    margin-right: 5px;
    margin-left: 5px;
}

.PcPrice span {
    font-size: 14px;
}

.CompareSelect img {
    margin: 10px auto;
    display: block;
    cursor: pointer;
}

.CompareSelect input[type='button'] {
    text-align: center;
    display: block;
    margin: 9px auto;
    border: 1px solid;
    height: 40px;
    border-radius: 5px;
    min-width: 124px;
    font-size: 15px;
}

.MainCompareBack {
    float: right;
    display: block;
    width: 100%;
}

.CompareProductTitle {
    float: right;
    width: 100%;
    border-bottom: 2px solid;
    position: fixed;
    top: 50px;
    right: 0px;
    z-index: 100;
    display: none;
}

    .CompareProductTitle h4 {
        float: right;
        width: 25%;
        font-size: 14px;
        font-family: 'ISBold';
        line-height: 1.7em;
        text-align: center;
        padding-right: 15px;
        padding-left: 15px;
    }

.CompareCategory {
    font-size: 17px;
    font-family: 'ISBold';
    height: 40px;
    padding-top: 10px;
    padding-right: 10px;
    float: right;
    width: 100%;
}

.CompareAttribute {
    font-size: 14px;
    height: 38px;
    padding-top: 10px;
    padding-right: 27px;
    float: right;
    width: 100%;
}

.AttributeHeaderIcon {
    margin-left: 8px;
    font-size: 19px;
    float: right;
    margin-top: -1px;
    width: 22px;
    height: 22px;
}

.CIBack {
    display: flex;
    flex-wrap: wrap;
    float: right;
    width: 100%;
}

.CompareItem {
    width: 25%;
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: justify;
    display: block;
    float: right;
    border-left: 1px solid;
    line-height: 1.7em;
    font-size: 13px;
}

    .CompareItem img {
        width: 22px;
        height: 22px;
    }

#CompareSelectBoxBack {
    display: none;
    width: 100vw;
    height: calc(100vh - 80px);
    position: fixed;
    z-index: 9999;
    top: 60px;
}


.CompareSelectBox {
    display: block;
    max-width: 1000px;
    max-height: 100vh;
    width: calc(100vw - 40px);
    height: calc(100vh - 96px);
    border-radius: 16px;
    margin: auto;
    margin-top: 25px;
    border: 1px solid;
    min-width: 50vw;
    overflow: hidden;
}

.CSBBody {
    display: block;
    width: 100%;
    float: right;
    padding: 5px;
    overflow: auto;
    height: calc(100vh - 201px);
}


/*********************/



.CSBHeader {
    display: block;
    width: 100%;
    float: right;
    border-bottom: 1px solid;
}

    .CSBHeader h4 {
        font-size: 15px;
        font-family: 'ISBOld';
        margin-right: 18px;
        margin-top: 17px;
        margin-bottom: 16px;
        float: right;
    }

    .CSBHeader img {
        float: left;
        margin-top: 14px;
        margin-left: 14px;
        cursor: pointer;
        width: 22px;
        height: 22px;
    }

.CompareSelectItem {
    float: right;
    width: calc(100% / 3);
    height: 144px;
    overflow: hidden;
    border-bottom: 1px solid;
    margin-bottom: 6px;
    padding-left: 10px;
    transition: 0.3s;
    cursor: pointer;
}

    .CompareSelectItem img {
        float: right;
        max-height: 130px;
        max-width: 29%;
        margin-top: 5px;
    }

    .CompareSelectItem h4 {
        font-size: 13px;
        line-height: 1.7em;
        text-align: right;
        float: right;
        width: calc(70%);
        height: 80px;
        text-align: justify;
        padding-right: 5px;
    }

    .CompareSelectItem h5 {
        font-size: 14px;
        line-height: 1.7em;
        text-align: right;
        float: right;
        text-align: center;
        width: 100%;
    }

        .CompareSelectItem h5 font {
            margin-left: 4px;
            font-size: 14px;
        }

@media all and (max-width: 812px) {
    .CompareSelectItem {
        width: 100%;
    }
}

.LoadMoreCompare {
    text-align: center;
    display: block;
    margin: 9px auto;
    border: 1px solid;
    height: 40px;
    border-radius: 5px;
    min-width: 124px;
    clear: both;
}

.NoMoreItems {
    display: block;
    width: 100%;
    float: right;
    text-align: center;
    font-size: 16px;
    font-family: 'ISBold';
    padding-bottom: 30px;
}

.CSBSearch {
    float: right;
    width: 100%;
    height: 52px;
    border-bottom: 1px solid;
}

.CSBSearchText {
    float: right;
    margin-right: 5px;
    height: 39px;
    width: calc(100% - 90px);
    font-weight: normal;
    margin-top: 6px;
    border: 1px solid;
    border-radius: 5px;
    padding-right: 13px;
    font-size: 15px;
}

.CSBSearchIC, .CSBClearIC {
    float: right;
    margin-right: 10px;
    margin-top: 15px;
    cursor: pointer;
    width: 22px;
    height: 22px;
}


.SellerNotRequest {
    display: block;
    float: right;
    width: 90%;
    margin-right: 5%;
    border-radius: 5px;
    min-height: 200px;
    clear: both;
}

    .SellerNotRequest span {
        display: block;
        font-size: 18px;
        float: right;
        width: 100%;
        text-align: justify;
        margin-top: 25px;
        margin-bottom: 25px;
        padding-right: 20px;
        padding-left: 20px;
        line-height: 2em;
    }

        .SellerNotRequest span:nth-child(2) {
            margin-top: 0px;
        }

.SellerNewRequest {
    float: right;
    width: 400px;
    margin-right: calc(50% - 200px);
    border: 1px solid;
    margin-top: 32px;
    border-radius: 5px;
    height: 130px;
    cursor: pointer;
}

    .SellerNewRequest span {
        font-size: 18px;
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .SellerNewRequest img {
        display: block;
        float: right;
        width: 34px;
        height: 34px;
        margin-right: calc(50% - 17px);
        margin-top: 20px;
    }





#SellerRegisterFormModal {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    top: 0;
    right: 0px;
}

#SellerRegisterModal-Holder {
    display: block;
    float: right;
    width: 80%;
    margin-top: 20px;
    border-radius: 5px;
    margin-right: 10%;
}

#SellerRegisterModal-Header {
    display: block;
    float: right;
    width: 100%;
    margin-top: 10px;
    position: relative;
}

    #SellerRegisterModal-Header img {
        float: right !important;
        width: 30px !important;
        margin-right: 15px;
        margin-top: 3px;
        cursor: pointer;
        position: absolute;
    }

#SellerRegisterFormModal p, #SellerRegisterFormModal span {
    font-size: 14px;
}

#SellerRegisterModal-Body {
    float: right;
    width: 100%;
    padding-right: 17px;
    padding-left: 17px;
    padding-top: 19px;
    padding-bottom: 19px;
    overflow: auto;
}


    #SellerRegisterModal-Body .Half input[type='radio'] {
        width: 22px;
        height: 22px;
        float: right;
        margin-top: 11px;
    }

    #SellerRegisterModal-Body .Half span {
        float: right;
        margin-top: 12px;
        margin-right: 11px;
        font-family: 'IS';
        font-weight: normal;
        font-size: 16px;
    }

.SellerCompleteBox {
    display: block;
    float: right;
    width: 400px;
    margin-right: calc(50% - 200px);
    border: 1px solid;
    border-radius: 5px;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    .SellerCompleteBox span {
        font-size: 14px;
        line-height: 1.7em;
    }

.SellerCompleteBoxHeader, .SellerCompleteBoxDescription, .SellerCompleteBoxStatus, .SellerCompleteBoxBotton {
    display: block;
    float: right;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 18px;
}

    .SellerCompleteBoxHeader img {
        float: right;
        width: 22px;
        height: 22px;
        margin-left: 10px;
    }

#SellerCompanyTypeBack * {
    line-height: 2em;
}


.SellerFormSuccessMessage {
    display: block;
    float: right;
    width: 300px;
    text-align: center;
    padding: 15px;
    border: 1px solid;
    border-radius: 5px;
    margin-top: 50px;
    margin-right: calc(50% - 150px);
    height: 156px;
}

    .SellerFormSuccessMessage span {
        font-size: 15px;
        margin-top: 20px;
        float: right;
        width: 100%;
    }

    .SellerFormSuccessMessage button {
        width: 200px;
        float: right;
        margin-right: calc(50% - 100px);
        margin-top: 37px;
    }

.SellerCompleteBoxBtn {
    margin-bottom: 0px;
}

.SellerCompleteBoxBtnEditStore {
    margin-bottom: 0px;
}


.SellerFileNote {
    display: block;
    float: right;
    width: 90%;
    margin-right: 5%;
    line-height: 1.7em;
}

.SellerFileBack img {
    display: block;
    float: right;
    width: 150px;
    height: 150px;
    margin-right: calc(50% - 75px);
    margin-bottom: 20px;
}

.SellerSelectFileBtn {
}

.SellerSaveFileBtn {
}

.SellerFile {
    width: 0px;
    height: 0px;
    visibility: hidden;
}

.SellerFileProgBack {
    display: block;
    float: right;
    width: 90%;
    margin-right: 5%;
    height: 32px;
}

.SellFileProgInfo {
    display: block;
    float: right;
    width: 100%;
    font-size: 14px;
    text-align: center !important;
}

.SellFileProg {
    display: block;
    float: right;
    clear: both;
    height: 10px;
    border-radius: 10px;
    transition: 0.3s;
}

.SellerFileDownload {
    cursor: pointer;
}

.SellerStatusApproved {
}

.SellerStatusProblem {
}

.SellerStatusProblemDescription {
    text-align: justify;
    display: block;
    line-height: 1.7em;
}

.SellerStatusErrorDescription {
    text-align: justify;
    display: block;
    line-height: 1.7em;
}

.SellerStatusChecking {
}

.SellerStatusCheckingDescription {
    text-align: justify;
    display: block;
    line-height: 1.7em;
}

.SellerCompleteBoxDescription {
    text-align: justify;
    line-height: 1.7em;
}

.SellerStatusApprovedDescription {
}

.SellerBoxStatusError {
}

.SellerFileNoteError {
    display: block;
    float: right;
    width: 90%;
    margin-right: 5%;
    line-height: 1.7em;
}

.SellerNewRequestLogout {
    margin-top: 0px;
}





.PanelSelectOldAddressBack {
    display: block;
    float: right;
    width: 98%;
    margin-right: 1%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 24px;
}

.PanelSelectAddressItem {
    display: inline-block;
    width: calc((100% - 100px) / 5);
    margin: 10px;
    overflow: hidden;
    height: 267px;
    border: 1px solid;
    padding: 7px;
    border-radius: 5px;
}

.PanelSelectAddressItemPart {
    display: block;
    width: 100%;
    float: right;
    margin-top: 5px;
}

    .PanelSelectAddressItemPart img {
        display: block;
        width: 19px;
        float: right;
        margin-left: 10px;
        margin-top: 5px;
    }

    .PanelSelectAddressItemPart p {
        display: block;
        width: calc(100% - 44px);
        float: right;
        white-space: break-spaces;
        font-size: 12px;
        text-align: justify;
        margin-top: 6px;
    }

.PanelNoAddressFound {
    display: block;
    float: right;
    width: 100%;
    text-align: center;
}

    .PanelNoAddressFound img {
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        margin-right: calc(50% - 20px);
    }

    .PanelNoAddressFound p {
        display: block;
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

.PanelCommentAddressBack {
    display: block;
    float: right;
    width: 100%;
}


.PanelCommentItem {
    display: block;
    float: right;
    width: calc((100% - 40px) / 2);
    border: 1px solid;
    border-radius: 10px;
    margin: 10px;
    padding-bottom: 10px;
}



.PanelCommentItemProductPart {
    display: block;
    float: right;
    width: 100%;
    border-bottom: 1px solid;
}


.CommentProductImage {
    display: block;
    float: right;
    width: 120px;
    height: 120px;
    margin: 7px;
}

.CommentProductTitle {
    display: block;
    float: right;
    width: calc(100% - 134px);
    font-size: 14px;
    padding-right: 6px;
    padding-left: 6px;
    margin-top: 13px;
    line-height: 1.7em;
    height: 50px;
    overflow: hidden;
}

.CommentProductENTitle {
    display: block;
    float: right;
    width: calc(100% - 134px);
    font-size: 14px;
    padding-right: 6px;
    padding-left: 10px;
    margin-top: 13px;
    line-height: 1.7em;
    height: 50px;
    overflow: hidden;
    text-align: left;
    direction: ltr;
    font-family: 'ISEN';
}

.PanelCommentItemCommentPart {
    display: block;
    float: right;
    width: 100%;
}

.PanelCommentItemCommentPartHeader {
    display: block;
    float: right;
    width: 94%;
    clear: both;
    margin-right: 3%;
    padding-top: 13px;
    padding-bottom: 13px;
}

.PanelCommentDate {
    display: block;
    float: right;
    width: 25%;
}

.PanelCommentTime {
    display: block;
    float: right;
    width: 25%;
}

.PanelCommentLike {
    display: block;
    float: right;
    width: 25%;
}

.PanelCommentDislike {
    display: block;
    float: right;
    width: 25%;
}

.PanelCommentItemCommentPartHeader img {
    width: 22px;
    height: 22px;
    margin-left: 4px;
    float: right;
    margin-right: 27px;
}

.PanelCommentItemCommentPartHeader span span {
    font-size: 12px;
    float: right;
    width: 70px;
    padding-right: 5px;
    margin-top: 3px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 3px;
}

.PanelCommentItemCommentPartBody {
    display: block;
    float: right;
    width: 100%;
}

.PanelCommentItemCommentPartBodyText {
    display: block;
    float: right;
    width: 94%;
    height: 120px;
    overflow: auto;
    margin-top: -1px;
    border: 1px solid;
    border-radius: 5px;
    margin-right: 3%;
}

    .PanelCommentItemCommentPartBodyText p {
        display: block;
        float: right;
        width: 100%;
        padding: 5px;
        text-align: justify;
        line-height: 1.7em;
        font-size: 12px;
    }

.PanelCommentItemAnswerPart {
    display: block;
    float: right;
    width: 100%;
}



.PanelCommentItemAnswerPartHeader {
    display: block;
    float: right;
    width: 94%;
    clear: both;
    margin-right: 3%;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 3px;
}

    .PanelCommentItemAnswerPartHeader img {
        width: 22px;
        height: 22px;
        margin-left: 4px;
        float: right;
        margin-right: 27px;
    }

    .PanelCommentItemAnswerPartHeader span span {
        font-size: 12px;
        float: right;
        width: 70px;
        padding-right: 5px;
        margin-top: 3px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 3px;
    }

.PanelCommentItemAnswerPartBody {
    display: block;
    float: right;
    width: 100%;
}

.PanelCommentItemAnswerPartBodyText {
    display: block;
    float: right;
    width: 94%;
    height: 120px;
    overflow: auto;
    margin-top: -1px;
    border: 1px solid;
    border-radius: 5px;
    margin-right: 3%;
}

    .PanelCommentItemAnswerPartBodyText p {
        display: block;
        float: right;
        width: 100%;
        padding: 5px;
        text-align: justify;
        line-height: 1.7em;
        font-size: 12px;
    }

.PanelCommentItemAnswerPartBodyTextNoAnswer {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 44px;
}

.PanelCommentAnswerPart {
    display: block;
    float: right;
    width: 25%;
}


.PanelNoCommentFound {
    display: block;
    float: right;
    width: 100%;
    text-align: center;
}

    .PanelNoCommentFound img {
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        margin-right: calc(50% - 20px);
    }

    .PanelNoCommentFound p {
        display: block;
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }





.PanelNoLikeFound {
    display: block;
    float: right;
    width: 100%;
    text-align: center;
}

    .PanelNoLikeFound img {
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        margin-right: calc(50% - 20px);
    }

    .PanelNoLikeFound p {
        display: block;
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

.PanelProductLikeBack {
    display: block;
    float: right;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}


.ProductLikeItem {
    display: block;
    float: right;
    width: calc(100% - 10px);
    border: 1px solid;
    border-radius: 10px;
    margin: 5px;
}

.ProductLikeItemProductPart {
    display: block;
    float: right;
    width: 100%;
}

.ProductLikeImage {
    display: block;
    float: right;
    width: 70px;
    height: 70px;
    margin: 4px;
}

.ProductLikeTitle {
    display: block;
    float: right;
    width: calc(100% - 78px);
    font-size: 11px;
    padding-right: 6px;
    padding-left: 6px;
    margin-top: 13px;
    line-height: 1.7em;
    height: 55px;
    overflow: hidden;
}

.ProductLikeENTitle {
    display: block;
    float: right;
    width: 100%;
    font-size: 12px;
    padding-right: 6px;
    padding-left: 10px;
    margin-top: 4px;
    line-height: 1.7em;
    height: 50px;
    overflow: hidden;
    text-align: left;
    direction: ltr;
    clear: both;
    font-family: 'ISEN';
}


/*********************************/




.PanelPostCommentAddressBack {
    display: block;
    float: right;
    width: 100%;
}


.PanelPostCommentItem {
    display: block;
    float: right;
    width: calc((100% - 40px) / 2);
    border: 1px solid;
    border-radius: 10px;
    margin: 10px;
    padding-bottom: 10px;
}



.PanelPostCommentItemPart {
    display: block;
    float: right;
    width: 100%;
    border-bottom: 1px solid;
}


.PostCommentImage {
    display: block;
    float: right;
    width: 120px;
    margin: 7px;
}

.PostCommentTitle {
    display: block;
    float: right;
    width: calc(100% - 134px);
    font-size: 14px;
    padding-right: 6px;
    padding-left: 6px;
    margin-top: 13px;
    line-height: 1.7em;
    height: 50px;
    overflow: hidden;
}

.PostCommentENTitle {
    display: block;
    float: right;
    width: calc(100% - 134px);
    font-size: 14px;
    padding-right: 6px;
    padding-left: 10px;
    margin-top: 13px;
    line-height: 1.7em;
    height: 50px;
    overflow: hidden;
    text-align: left;
    direction: ltr;
    font-family: 'ISEN';
}

.PanelPostCommentItemPostCommentPart {
    display: block;
    float: right;
    width: 100%;
}

.PanelPostCommentItemPostCommentPartHeader {
    display: block;
    float: right;
    width: 94%;
    clear: both;
    margin-right: 3%;
    padding-top: 13px;
    padding-bottom: 13px;
}

.PanelPostCommentDate {
    display: block;
    float: right;
    width: 25%;
}

.PanelPostCommentTime {
    display: block;
    float: right;
    width: 25%;
}

.PanelPostCommentPostLike {
    display: block;
    float: right;
    width: 25%;
}

.PanelPostCommentDisPostLike {
    display: block;
    float: right;
    width: 25%;
}

.PanelPostCommentItemPostCommentPartHeader img {
    width: 22px;
    height: 22px;
    margin-left: 4px;
    float: right;
    margin-right: 27px;
}

.PanelPostCommentItemPostCommentPartHeader span span {
    font-size: 12px;
    float: right;
    width: 70px;
    padding-right: 5px;
    margin-top: 3px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 3px;
}

.PanelPostCommentItemPostCommentPartBody {
    display: block;
    float: right;
    width: 100%;
}

.PanelPostCommentItemPostCommentPartBodyText {
    display: block;
    float: right;
    width: 94%;
    height: 120px;
    overflow: auto;
    margin-top: -1px;
    border: 1px solid;
    border-radius: 5px;
    margin-right: 3%;
}

    .PanelPostCommentItemPostCommentPartBodyText p {
        display: block;
        float: right;
        width: 100%;
        padding: 5px;
        text-align: justify;
        line-height: 1.7em;
        font-size: 12px;
    }

.PanelPostCommentItemAnswerPart {
    display: block;
    float: right;
    width: 100%;
}



.PanelPostCommentItemAnswerPartHeader {
    display: block;
    float: right;
    width: 94%;
    clear: both;
    margin-right: 3%;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 3px;
}

    .PanelPostCommentItemAnswerPartHeader img {
        width: 22px;
        height: 22px;
        margin-left: 4px;
        float: right;
        margin-right: 27px;
    }

    .PanelPostCommentItemAnswerPartHeader span span {
        font-size: 12px;
        float: right;
        width: 70px;
        padding-right: 5px;
        margin-top: 3px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 3px;
    }

.PanelPostCommentItemAnswerPartBody {
    display: block;
    float: right;
    width: 100%;
}

.PanelPostCommentItemAnswerPartBodyText {
    display: block;
    float: right;
    width: 94%;
    height: 120px;
    overflow: auto;
    margin-top: -1px;
    border: 1px solid;
    border-radius: 5px;
    margin-right: 3%;
}

    .PanelPostCommentItemAnswerPartBodyText p {
        display: block;
        float: right;
        width: 100%;
        padding: 5px;
        text-align: justify;
        line-height: 1.7em;
        font-size: 12px;
    }

.PanelPostCommentItemAnswerPartBodyTextNoAnswer {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 44px;
}

.PanelPostCommentAnswerPart {
    display: block;
    float: right;
    width: 25%;
}


.PanelNoPostCommentFound {
    display: block;
    float: right;
    width: 100%;
    text-align: center;
}

    .PanelNoPostCommentFound img {
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        margin-right: calc(50% - 20px);
    }

    .PanelNoPostCommentFound p {
        display: block;
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }



.PanelNoPostLikeFound {
    display: block;
    float: right;
    width: 100%;
    text-align: center;
}

    .PanelNoPostLikeFound img {
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        margin-right: calc(50% - 20px);
    }

    .PanelNoPostLikeFound p {
        display: block;
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

.PanelPostLikeBack {
    display: block;
    float: right;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}


.PostLikeItem {
    display: block;
    float: right;
    width: calc(100% - 10px);
    border: 1px solid;
    border-radius: 10px;
    margin: 5px;
}

.PostLikeItemPart {
    display: block;
    float: right;
    width: 100%;
}

.PostLikeImage {
    display: block;
    float: right;
    width: 70px;
    margin: 4px;
}

.PostLikeTitle {
    display: block;
    float: right;
    width: calc(100% - 78px);
    font-size: 11px;
    padding-right: 6px;
    padding-left: 6px;
    margin-top: 13px;
    line-height: 1.7em;
    height: 55px;
    overflow: hidden;
}

.PostLikeENTitle {
    display: block;
    float: right;
    width: 100%;
    font-size: 12px;
    padding-right: 6px;
    padding-left: 10px;
    margin-top: 4px;
    line-height: 1.7em;
    height: 50px;
    overflow: hidden;
    text-align: left;
    direction: ltr;
    clear: both;
    font-family: 'ISEN';
}


.PanelNoPostFavFound {
    display: block;
    float: right;
    width: 100%;
    text-align: center;
}

    .PanelNoPostFavFound img {
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        margin-right: calc(50% - 20px);
    }

    .PanelNoPostFavFound p {
        display: block;
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

.PanelPostFavBack {
    display: block;
    float: right;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}


.PostFavItem {
    display: block;
    float: right;
    width: calc(100% - 10px);
    border: 1px solid;
    border-radius: 10px;
    margin: 5px;
}

.PostFavItemPart {
    display: block;
    float: right;
    width: 100%;
}

.PostFavImage {
    display: block;
    float: right;
    width: 70px;
    margin: 4px;
}

.PostFavTitle {
    display: block;
    float: right;
    width: calc(100% - 78px);
    font-size: 11px;
    padding-right: 6px;
    padding-left: 6px;
    margin-top: 13px;
    line-height: 1.7em;
    height: 55px;
    overflow: hidden;
}

.PostFavENTitle {
    display: block;
    float: right;
    width: 100%;
    font-size: 12px;
    padding-right: 6px;
    padding-left: 10px;
    margin-top: 4px;
    line-height: 1.7em;
    height: 50px;
    overflow: hidden;
    text-align: left;
    direction: ltr;
    clear: both;
    font-family: 'ISEN';
}



#PTBack label input[type=checkbox] {
    width: 22px;
    height: 22px;
    float: right;
}

#PTBack label font {
    font-size: 16px;
    font-weight: normal;
    float: right;
    margin-right: 5px;
    margin-top: 4px;
}



#WFBack label input[type=checkbox] {
    width: 22px;
    height: 22px;
    float: right;
}

#WFBack label font {
    font-size: 16px;
    font-weight: normal;
    float: right;
    margin-right: 5px;
    margin-top: 4px;
}

#ShareBoxBackFade {
    display: none;
    width: 100vw;
    height: calc(100vh - 60px);
    position: fixed;
    z-index: 9999;
    top: 60px;
}


.ShareBoxBack {
    display: block;
    width: 300px;
    height: 270px;
    border-radius: 16px;
    margin: auto;
    margin-top: 55px;
    border: 1px solid;
    overflow: hidden;
}

.ShareBBody {
    display: block;
    width: 100%;
    float: right;
    padding: 5px;
    overflow: auto;
}

    .ShareBBody p {
        text-align: center;
        padding: 5px;
        line-height: 2em;
    }


.ShareBHeader {
    display: block;
    width: 100%;
    float: right;
    border-bottom: 1px solid;
}

.ForCopy {
    padding: 0px !important;
    border: none !important;
    font-size: 1px;
    width: 1px;
    height: 1px;
    float: right;
}

.ShareBHeader span {
    font-size: 15px;
    font-family: 'ISBOld';
    margin-right: 18px;
    margin-top: 17px;
    margin-bottom: 16px;
    float: right;
}

.ShareBHeader img {
    float: left;
    margin-top: 14px;
    margin-left: 14px;
    cursor: pointer;
    width: 22px;
    height: 22px;
}

.ShareCopyLink {
    float: right;
    margin-right: calc(50% - 85px);
    height: 42px;
    width: 170px;
    border: none;
    border-radius: 5px;
    margin-bottom: 10px;
}

.ShareSendWhatsApp {
    float: right;
    margin-left: 30px;
    margin-right: calc(50% - 85px);
    height: 42px;
    width: 170px;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
}

    .ShareCopyLink img, .ShareSendWhatsApp img {
        float: right;
        width: 25px;
        height: 25px;
    }

    .ShareCopyLink span, .ShareSendWhatsApp span {
        float: right;
        width: calc(100% - 30px);
        margin-top: 2px;
    }


#PriceChartChartX, #PriceChartChartX * {
    direction: ltr !important;
}

#ChartBoxBackFade {
    display: none;
    width: 100vw;
    height: calc(100vh - 60px);
    position: fixed;
    z-index: 9999;
    top: 60px;
}


.ChartBoxBack {
    display: block;
    width: 900px;
    height: 400px;
    border-radius: 16px;
    margin: auto;
    margin-top: 55px;
    border: 1px solid;
    overflow: hidden;
    max-width: 98%;
}

.ChartBBody {
    display: block;
    width: 100%;
    float: right;
    padding: 10px;
    overflow: auto;
}

.ChartBHeader {
    display: block;
    width: 100%;
    float: right;
    border-bottom: 1px solid;
}


    .ChartBHeader span {
        font-size: 15px;
        font-family: 'ISBOld';
        margin-right: 18px;
        margin-top: 17px;
        margin-bottom: 16px;
        float: right;
    }

    .ChartBHeader img {
        float: left;
        margin-top: 14px;
        margin-left: 14px;
        cursor: pointer;
        width: 22px;
        height: 22px;
    }

.spin {
    animation-name: spin;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.RateShow {
    display: block;
    width: 100%;
    margin-top: 36px;
    margin: 36px auto;
}

.RateNumber {
    font-size: 16px;
    font-family: 'ISBold';
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
}

.RateView {
    width: 120px;
    overflow: hidden;
    clear: both;
    margin: auto;
}

.RateCount {
    float: left;
    width: 71%;
    height: 24px;
    margin-bottom: -24px;
}

.RateView img {
    display: block;
    margin: auto;
    float: right;
}


.RateTitle {
    display: block;
    float: right;
    width: 100%;
    font-size: 13px;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 13px;
}

#MyVoteBack span {
    font-size: 13px;
    text-align: center;
    width: 100%;
    display: block;
    float: right;
    margin-bottom: 10px;
}

.SetVoteBtn {
    display: block;
    margin: auto;
    width: 175px;
    height: 42px;
    transition: .3s;
    border: none;
    border-radius: 5px;
}

    .SetVoteBtn font {
        font-size: 13px;
        float: right;
        margin-right: 5px;
        margin-top: 3px;
    }

    .SetVoteBtn img {
        float: right;
        margin-right: 5px;
        margin-top: -2px;
        width: 25px;
        height: 25px;
    }


#MyRateNumber {
    font-size: 12px;
    float: right;
    width: 100%;
    text-align: center;
}

    #MyRateNumber font {
        font-size: 18px;
        font-family: 'ISBold';
        margin-right: 29px;
        width: 30px;
        display: inline-block;
        text-align: left;
    }

#MyRate {
    direction: ltr;
    width: 200px;
    display: block;
    margin: 14px auto;
}

.RateShow h6 {
    float: right;
    width: 100%;
    text-align: center;
}

#MyVoteBack {
    display: block;
    margin-bottom: 28px;
    float: right;
    width: 100%;
}



/**********************/





.NoCommentYet {
    display: block;
    float: right;
    width: 100%;
    text-align: center;
    font-family: 'ISBold';
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #ff6a00;
}

#MyCommentBack {
    display: block;
    margin: auto;
    float: right;
    width: 100%;
    margin-bottom: 20px;
}

    #MyCommentBack span {
        display: block;
        margin: auto;
        float: right;
        width: 100%;
        text-align: right;
        font-size: 13px;
        margin-bottom: 5px;
    }

#MyComment {
    display: block;
    float: right;
    width: 100%;
    min-height: 150px !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    min-width: 220px;
    margin-bottom: 20px;
}

.CommentGuide {
    float: right;
    width: 100%;
    padding: 20px 7px;
}

    .CommentGuide p {
        font-size: 12px;
        text-align: justify;
        line-height: 1.7em;
    }


.MyCommentText {
    float: right;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px;
    background: #f8f8f8;
    font-size: 13px;
    text-align: justify;
    line-height: 1.7em;
}

.NotApproved {
    font-size: 12px;
    color: #ff1b73;
    text-align: center !important;
}

.MyCommentTitle {
    margin-top: 39px;
    font-size: 16px;
    font-family: 'ISBold';
    float: right;
    width: 100%;
}

.MyCommentAnswerTitle {
    margin-top: 10px;
    font-size: 13px;
    font-family: 'ISBold';
    float: right;
    width: 100%;
    color: #a5b1c2;
}

.MyCommentTextAnswer {
    float: right;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px;
    background: #f8f8f8;
    font-size: 12px;
    text-align: justify;
    line-height: 1.7em;
}

.CommentBack {
    float: right;
    width: 100%;
    border: 1px solid #e5e5e5;
    margin-bottom: 1%;
    border-radius: 5px;
    overflow: hidden;
}

.CommentTitle {
    display: block;
    float: right;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-right: 8px;
    padding-left: 8px;
    background: #f8f8f8;
    padding-top: 7px;
    padding-bottom: 7px;
}

.CommentName {
    float: right;
    font-size: 12px;
    margin-top: 3px;
}

.CommentDate {
    float: right;
    font-size: 12px;
    margin-top: 3px;
    margin-right: 25px;
}

.LikeBox {
    float: left;
    width: 120px;
    margin-bottom: -7px;
    margin-top: -5px;
}

.LikeHolder {
    display: block;
    float: right;
    width: 50%;
}

    .LikeHolder img {
        display: block;
        margin: auto;
        cursor: pointer;
        float: right;
        width: 22px;
        height: 22px;
        margin-top: 3px;
    }

.LikeCount, .DisLikeCount {
    float: right;
    width: 26px;
    display: block;
    font-size: 11px;
    text-align: center;
    margin-top: 7px;
    overflow: hidden;
    margin-right: 3px;
}

.DisLikeHolder {
    display: block;
    float: right;
    width: 50%;
}

    .DisLikeHolder img {
        display: block;
        margin: auto;
        cursor: pointer;
        float: right;
        width: 22px;
        height: 22px;
        margin-top: 3px;
    }

.CommentBody {
    float: right;
    width: 100%;
    height: 144px;
    overflow-y: auto;
}

.SelfComment {
    float: right;
    width: 100%;
    font-size: 14px;
    margin-top: 13px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    line-height: 1.7em;
}

.SelfCommentAnswerTitle {
    float: right;
    width: 96%;
    margin-top: -1px;
    clear: both;
    margin-right: 2%;
    border-top: 1px solid #e5e5e5;
    padding-top: 7px;
    padding-right: 7px;
    padding-left: 7px;
    font-family: 'ISBold';
    color: #a5b1c2;
}

.SelfCommentAnswerText {
    float: right;
    width: 96%;
    font-size: 13px;
    margin-top: 7px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    margin-right: 2%;
    line-height: 1.7em;
}



.SetCommentBtn {
    display: block;
    margin: auto;
    width: 200px;
    height: 42px;
    transition: .3s;
    border: none;
    border-radius: 5px;
}

    .SetCommentBtn font {
        font-size: 13px;
        float: right;
        margin-right: 9px;
        margin-top: 3px;
    }

    .SetCommentBtn img {
        float: right;
        margin-right: 5px;
        margin-top: -2px;
        width: 25px;
        height: 25px;
    }

.MKZoomerShow {
    display: none;
    position: fixed;
    top: 87px;
    right: 600px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 25px 9px #dfdfdf;
}

    .MKZoomerShow img {
        display: block;
        margin: auto;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.InStockAddToCart, .InStockAddToCartWaitingBack, .InStockOutOfStock, .InStockAddToCart *, .InStockAddToCartWaitingBack *, .InStockOutOfStock * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.NSCaptchaBack {
    display: block;
    width: 100%;
    float: right;
}

.NSCaptchaImageHolder {
    display: block;
    float: right;
    width: 100%;
}

.NSCaptchaImage {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    display: block;
    margin: auto;
    border-radius: 8px;
    float: left;
}

.NSCaptchaRefresh {
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    margin-left: 7px;
    cursor: pointer;
    margin-top: 14px;
}

.NSCaptchaText {
    display: block;
    width: 100%;
    float: right;
    margin-top: 15px;
    box-sizing: border-box;
    font-family: 'ISEN' !important;
    font-size: 20px !important;
    letter-spacing: 10px !important;
    text-align: center !important;
}


#RegisterFinalStep-Header {
    float: right;
    width: 100%;
}

    #RegisterFinalStep-Header img {
        display: block;
        float: right;
        width: 30px;
        cursor: pointer;
    }


.SmallCartItemStockBack {
    display: block;
    float: right;
    width: 100%;
}

    .SmallCartItemStockBack > div {
        display: block;
        float: right;
        width: calc(100% / 3);
    }

    .SmallCartItemStockBack div button {
        display: block;
        width: 26px;
        border: none;
        height: 26px;
        margin-right: calc(50% - 13px);
    }

        .SmallCartItemStockBack div button img {
        }







.Step1-CartItemStockBack {
    display: block;
    float: left;
    width: calc(100% - 62px);
}

    .Step1-CartItemStockBack > div {
        display: block;
        float: right;
        width: calc(100% / 3);
    }

    .Step1-CartItemStockBack div button {
        display: block;
        width: 26px;
        border: none;
        height: 26px;
        margin-right: calc(50% - 13px);
    }

        .Step1-CartItemStockBack div button img {
        }


.Step1-CartAddToCartSelectNumber {
    text-align: center !important;
    width: 100%;
}






.BTTree {
    padding-right: 10px;
    width: 100%;
    float: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.BTTreeHide {
    display: none !important;
}

.BTTree li {
    display: block;
    float: right;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    margin-top: 6px;
}

    .BTTree li > img {
        display: block;
        float: right;
        width: 20px;
        height: 20px;
        cursor: pointer;
        transition: 0.2s;
    }

    .BTTree li > a span {
        display: block;
        float: left;
        width: calc(100% - 30px);
        padding-right: 0px;
        padding-left: 0px;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer;
    }

.BTTree ul {
    display: block;
    float: right;
    width: calc(100% - 10px);
    margin-right: 10px;
}

.BTTreeDown {
    transform: rotate(-90deg);
}

.VMenuBack {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    float: right;
    transition: 0.4s;
    z-index: 9999;
    right: -110vw;
}

.VMenuPart {
    display: block;
    width: 250px;
    height: 100vh;
    float: right;
    overflow: auto;
    direction: ltr;
}

.VMenuLeft {
    display: block;
    width: calc(100% - 250px);
    height: 100vh;
    float: right;
}



.VMenuPart::-webkit-scrollbar {
    width: 8px;
}

.VMenuPart::-webkit-scrollbar-thumb {
    border-radius: 8px;
}


.VMenuPart::-webkit-scrollbar-track {
    border: 1px solid;
}


.HM {
    display: block;
    width: 100%;
    height: 30px;
    float: right;
}

    .HM ul {
        display: block;
        width: 100%;
        height: 30px;
        padding: 0px;
        float: right;
        list-style-type: none;
    }

        .HM ul li {
            display: inline-block;
            height: 30px;
            padding: 0px 5px;
            margin-left: 5px;
            cursor: pointer;
        }

            .HM ul li a {
                display: block;
                height: 30px;
                padding: 0px;
                width: 100%;
            }

                .HM ul li a span {
                    display: block;
                    height: 30px;
                    padding: 0px;
                    width: 100%;
                    font-size: 16px;
                }

                    .HM ul li a span img {
                        display: inline-block;
                        width: 18px;
                        height: 18px;
                        margin-left: 5px;
                    }

.SubHM {
    display: none;
    width: 220px;
    height: 230px;
    float: right;
    overflow: auto;
    position: fixed;
    z-index: 99999;
    border: 1px solid;
    border-radius: 5px;
    padding: 6px;
}

    .SubHM::-webkit-scrollbar {
        width: 8px;
    }

    .SubHM::-webkit-scrollbar-thumb {
        border-radius: 8px;
    }


    .SubHM::-webkit-scrollbar-track {
        border: 1px solid;
    }



    .SubHM > ul {
        display: block;
        width: 100%;
        padding: 0px;
        float: right;
        list-style-type: none;
    }

    .SubHM ul {
        margin-top: 5px;
        float: right;
        width: 100%;
        padding-right: 15px;
        list-style-type: none;
    }

        .SubHM ul li a {
            display: block;
            width: calc(100% - 3px);
            float: right;
            padding: 0px;
            font-size: 12px;
            padding-top: 17px;
            padding-right: 8px;
        }



.HMInnerUL {
    display: none;
}

.MenuFullWidth {
    width: calc(100vw - 40px);
    left: 20px;
    height: 480px;
    padding: 0px;
}




.SearchBoxHolder {
    display: block;
    float: right;
    margin-right: 7px;
    height: 36px;
    border-radius: 7px;
    width: 100%;
}

    .SearchBoxHolder input {
        float: right;
        margin-right: 5px;
        width: calc(100% - 42px);
        border: none;
        padding-bottom: 7px;
        height: 34px;
        background: transparent;
        padding-top: 6px;
        padding-left: 8px;
        margin-top: 0px;
        font-size: 14px;
    }

    .SearchBoxHolder button {
        background: none;
        float: right;
        border: none;
        width: 34px;
        text-align: center;
        margin-top: 4px;
        height: 27px;
        border-right: 2px solid;
        padding-top: 2px;
        padding-left: 0px;
    }

        .SearchBoxHolder button img {
            display: block;
            margin: auto;
            float: right;
            width: auto;
            max-width: 21px;
            margin-top: -2px
        }

#SmallCartBtn{
position:relative;
}
.CartIcon a img {
    float: right;
    width: 21px;
    margin-right: 6px;
    margin-left: 6px;
}

.CartIcon a span {
    width: 20px;
    border-radius: 50%;
    position: absolute;
    display: none;
    direction: ltr;
    text-align: center;
    font-size: 12px;
    right: -44px;
    top: -12px;
    padding: 1px;
    padding-top: 2px;
}


.ShowCart {
    display: block !important;
}

.LoginButton {
    display: block;
    width: 160px;
    float: left;
}

    .LoginButton a {
        width: 100%;
        float: right;
    }

        .LoginButton a img {
            width: 20px;
            height: 20px;
            float: right;
        }

        .LoginButton a font {
            font-size: 12px;
            float: right;
            margin-right: 5px;
            margin-top: 3px;
        }

        .LoginButton a span {
            font-size: 12px;
            float: right;
            margin-right: 5px;
            margin-top: 3px;
        }





.PostSliderBack {
    display: block;
    margin: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 327px;
}



.PostSlider {
    display: block;
    margin: auto;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 317px;
    scroll-behavior: smooth;
}


    .PostSlider * {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }


@media (pointer:coarse) {
    .PostSlider {
        overflow: scroll;
        scroll-behavior: auto;
    }

        .PostSlider::-webkit-scrollbar {
            display: none;
        }

    .PostSlider {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

.PostSliderButton {
    width: 100%;
    display: block;
    float: right;
    height: 20px;
    position: absolute;
    z-index: 100;
    position: absolute;
}

.PostSlider .PostBox {
    display: inline-block;
    width: 214px;
    margin-left: 0px;
    margin-right: 3px;
    margin-bottom: 0px;
}

    .PostSlider .PostBox * {
        white-space: initial;
    }

.PostSliderRight {
    position: absolute;
    right: 1PX;
    z-index: 100;
    width: 25px;
    top: 120px;
    border: 1px solid;
    border-radius: 3px;
    transition: 0.3s;
    cursor: pointer;
}

.PostSliderLeft {
    position: absolute;
    left: 1PX;
    z-index: 100;
    width: 25px;
    top: 120px;
    border: 1px solid;
    border-radius: 3px;
    transition: 0.3s;
    cursor: pointer;
}





.PostBox {
    position: relative;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    width: calc(100% - 4px);
    display: block;
    margin: auto;
    margin-bottom: 6px;
    height: 450px;
    overflow: hidden;
}



.PostImage {
    padding-top: 5px;
    display: block;
    width: 100%;
    width: auto;
    margin: auto;
    max-width: 400px;
    height: 210px;
    float: right;
    width: 100%;
    padding-right: 7px;
    padding-left: 7px;
}

    .PostImage img {
        margin: auto;
        width: 100%;
        height: auto;
        display: block;
        width: auto;
        height: auto;
        max-height: 200px;
    }

.PostBox .PostBTitle {
    display: block;
    margin: auto;
    width: 100%;
    float: right;
    font-size: 13px;
    text-align: justify;
    line-height: 1.4em;
    height: 56px;
    overflow: hidden;
    font-family: 'ISEN';
    margin-bottom: 5px;
    padding-right: 7px;
    padding-left: 7px;
}


.CPostLPage {
    float: right;
}



.ShowPostListBack {
    margin-top: 6px;
    float: right;
    width: 100%;
}

    .ShowPostListBack .PostBox .PostImage img {
        max-height: 200px;
        max-width: 200px;
        width: 100%;
    }


.Step3-OnlinePaymentPortalMultiPaymentSuccessBack {
    display: block;
    float: right;
    width: 100%;
}

    .Step3-OnlinePaymentPortalMultiPaymentSuccessBack img {
        display: block;
        float: right;
        width: 50px;
        height: 50px;
        margin-top: 20px;
        margin-right: calc(50% - 25px);
    }
.MultiPaymentPartFinalTitle {
    display: block;
    float: right;
    width: 100%;
    text-align: justify;
    font-size: 16px;
    padding: 5px;
    line-height: 1.7em;
    margin-top: 20px;
}
.MultiPaymentPartItem {
    display: block;
    float: right;
    width: 100%;
}
.MultiPaymentPartTitle {
    display: block;
    float: right;
    width: 30%;
    font-size: 14px;
}
.MultiPaymentPartPrice {
    display: block;
    float: right;
    width: 30%;
    font-size: 14px;
}
.MultiPaymentPartStatus {
    display: block;
    float: right;
    width: 30%;
    font-size: 14px;
}
.MultiPaymentPartFinalPrice {
    display: block;
    float: right;
    width: 100%;
    font-size: 14px;
    text-align: center;
}
.btnPartPayment{

}
.HistoryDetailModalPartPaymentBack {
    display: block;
    float: right;
    width: 100%;
}
.HistoryDetailModalPartProductBack {
    display: block;
    float: right;
    width: 100%;
}
.modal {
    background: rgb(255 255 255 / 81%);
}
.modal .row {
   margin-right:0px !important;
   margin-left:0px !important;
}

.btn:focus {
    box-shadow: none !important;
}


.modal-content {
    border-radius: 0px !important;
}

.modal-backdrop {
    background-color: #fff;
}

    .modal-backdrop.in {
        opacity: 0.86;
    }

.mkmodal-lg {
    width: 100%;
    height: 100vh;
    margin: 0px auto;
    float: right;
    display: block;
}

.mkmodal-md {
    width: 100%;
    height: 100vh;
    margin: 0px auto;
    float: right;
    display: block;
}

.mkmodal-sm {
    width: 100%;
    height: 100vh;
    margin: 0px auto;
    float: right;
    display: block;
}

.mkmodal-lg .mc {
    width: calc(100% - 20px);
    margin: 10px auto;
    background: #fff;
    display: block;
    overflow: visible;
    max-height: calc(100vh - 20px);
    height: auto;
    float: right;
    margin-right: 10px;
    border: 1px solid #222f3e;
    box-shadow: 0px 0px 20px -1px #222f3e;
    border-radius: 5px;
    overflow: auto;
}

.mkmodal-md .mc {
    width: calc(100% - 20px);
    margin: 10px auto;
    background: #fff;
    display: block;
    overflow: visible;
    max-height: calc(100vh - 20px);
    height: auto;
    margin-right: calc((100% - 750px) / 2);
    border: 1px solid #222f3e;
    box-shadow: 0px 0px 20px -1px #222f3e;
    max-width: 750px;
    float: right;
    border-radius: 5px;
    overflow: auto;
}

.mkmodal-sm .mc {
    width: calc(100% - 20px);
    margin: 10px auto;
    background: #fff;
    display: block;
    overflow: visible;
    max-height: calc(100vh - 20px);
    height: auto;
    margin-right: calc((100% - 400px) / 2);
    border: 1px solid #222f3e;
    box-shadow: 0px 0px 20px -1px #222f3e;
    max-width: 400px;
    float: right;
    border-radius: 5px;
    overflow: auto;
}


.mh {
    display: block;
    width: 100%;
    float: right;
    background: #222f3e;
    height: 38px;
}

    .mh > img {
        width:20px;
        height:20px;
        float: right;
        margin-top: 6px;
        margin-right: 6px;
        cursor: pointer;
    }
      

    .mh h4 {
        float: right;
        color: #f39c12;
        font-size: 15px;
        margin-top: 11px;
        margin-right: 19px;
    }

.mb {
    float: right;
    width: 100%;
    display: block;
    background: #fff;
    overflow: auto;
    padding-top: 10px;
    max-height: calc(100vh - 114px);
    direction: ltr !important;
}


    .mb::-webkit-scrollbar {
        width: 8px;
    }

    .mb::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 8px;
    }

        .mb::-webkit-scrollbar-thumb:hover {
            background-color: #1e90ff;
        }

    .mb::-webkit-scrollbar-track {
        border: 1px solid #999;
    }

        .mb::-webkit-scrollbar-track:hover {
            background-color: #fff;
        }

    .mb * {
        direction: rtl;
    }

.fhx .mb {
    height: calc(100vh - 80px);
}

.mbscroll {
    cursor: default;
    display: block;
    width: 10px;
    background: #636e72;
    height: 60px;
    border-radius: 4px;
    position: absolute;
    top: 69px;
    right: 24px;
    opacity: 0.3;
}

    .mbscroll:hover {
        opacity: 1;
    }

.mkmodal-md .mbscroll, .mkmodal-sm .mbscroll {
    right: unset !important;
    margin-right: 3px !important;
}

@media screen and (max-width: 425px) {
    .mc {
        width: 100% !important;
        margin: 0px !important;
        width: 100% !important;
        margin: 0px !important;
        max-height: calc(100vh) !important;
    }

    .mkmodal-lg .fhx .mc {
        height: calc(100vh) !important;
    }

    .mbscroll {
        top: 42px;
        right: 4px;
    }

    .fhx .mb {
        height: calc(100vh - 40px);
        max-height: calc(100vh - 40px);
    }
}

@media screen and (max-width: 780px) {
    .mkmodal-md .mc {
        margin-right: 20px;
    }
}

@media (pointer: coarse) {
    .mbscroll {
        display: none;
    }

    .mkmodal-lg .mb {
        overflow: auto;
    }

    .mkmodal-md .mb {
        overflow: auto;
    }

    .mkmodal-sm .mb {
        overflow: auto;
    }
}

.mb .control-label {
    /*float: right;*/
    /*width: 100%;*/
    text-align: right;
    margin-top: 5px;
}

.mb .DirectionChangeButton {
    margin-top: -4px;
}

.mb .dataTables_wrapper .col-sm-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.mb .col-md-1, .mb .col-md-2, .mb .col-md-3, .mb .col-md-4, .mb .col-md-5, .mb .col-md-6, .mb .col-md-7, .mb .col-md-8, .mb .col-md-9, .mb .col-md-10, .mb .col-md-11, .mb .col-md-12,
.mb .col-sm-1, .mb .col-sm-2, .mb .col-sm-3, .mb .col-sm-4, .mb .col-sm-5, .mb .col-sm-6, .mb .col-sm-7, .mb .col-sm-8, .mb .col-sm-9, .mb .col-sm-10, .mb .col-sm-11, .mb .col-sm-12 {
    overflow: auto;
    padding-bottom: 2px;
}

.mb .dataTables_info {
    float: right;
    width: 100%;
    min-height: 35px;
}

.mb .SearchGrid, .mb .ClearSearchGrid, .mb .DownloadExportGrid {
    margin-top: 29px;
}

.mbbutton {
    float: right;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid #e5e5e5;
    padding-top: 8px;
    padding-bottom: 8px;
}




.Step3-DeliveryDate {
    float: right;
    width: calc(25% - 10px);
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid;
    border-radius: 12px;
    height: 68px;
    margin-bottom: 10px;
}

.Step3-DeliveryDateTitle {
    float: right;
    width: 100%;
    height: 40px;
    text-align: center;
}

.Step3-DeliveryDateTitleHolder {
    width: 134px;
    float: right;
    text-align: center;
    margin-right: calc(50% - 67px);
    margin-top: 10px;
}

.Step3-DeliveryDateTitle img {
    width: 20px;
    float: right;
}

.Step3-DeliveryDateTitle span {
    font-size: 14px;
}

.Step3-DeliveryDateValue {
    float: right;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 16px;
    font-family: 'ISBold';
}





.Step3-DeliveryTime {
    float: right;
    width: calc(25% - 10px);
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid;
    border-radius: 12px;
    height: 68px;
    margin-bottom: 10px;
}

.Step3-DeliveryTimeTitle {
    float: right;
    width: 100%;
    height: 40px;
    text-align: center;
}

.Step3-DeliveryTimeTitleHolder {
    width: 134px;
    float: right;
    text-align: center;
    margin-right: calc(50% - 67px);
    margin-top: 10px;
}

.Step3-DeliveryTimeTitle img {
    width: 20px;
    float: right;
}

.Step3-DeliveryTimeTitle span {
    font-size: 14px;
}

.Step3-DeliveryTimeValue {
    float: right;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 16px;
    font-family: 'ISBold';
}