@charset "utf-8";

.productImage {
    max-width: 100%;
}

.product-modal .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}

.product-modal .swiper-container-horizontal > .swiper-pagination {
    bottom: -5px;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img {
    max-width: 100%;
    object-fit: contain;
}

.simpleCart_totals {
    font-size: 14px !important;
    text-align: right;
    margin: 20px 7px !important;
}

.simpleCart_totals hr {
    width: 50%;
    float: right;
}

.product-modal .bar button:first-child {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
}

.button .badge.cartCount {
    position: absolute;
    font-size: 10px;
    top: 0px;
    right: -1px;
    width: 15px;
    height: 15px;
    padding: 0;
}

.headerRow {
    display: none;
}

.product-modal .padding.content.transparent {
    padding-bottom: 44px;
}

.Ecart .item-thumb {
    float: right;
    width: 80px;
    height: 80px;
    margin: 15px 15px 15px 25px;
}

.Ecart .item-thumb img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
}

.Ecart .list .item.item-input input {
    padding-right: 16px;
}

.Ecart textarea,
.Ecart input[type="text"],
.Ecart input[type="password"],
.Ecart input[type="datetime"],
.Ecart input[type="datetime-local"],
.Ecart input[type="date"],
.Ecart input[type="month"],
.Ecart input[type="time"],
.Ecart input[type="week"],
.Ecart input[type="number"],
.Ecart input[type="email"],
.Ecart input[type="url"],
.Ecart input[type="search"],
.Ecart input[type="tel"],
.Ecart input[type="color"] {
    color: #222;
    background: rgba(235, 235, 235, 0.6);
}

.e-commerce textarea:focus,
.e-commerce input:focus {
    box-shadow: 0 1px 3px rgba(125, 125, 125, 0.4);
    background: rgba(235, 235, 235, 0.8) !important;
}

.Ecart .input-label {
    width: 100%;
    white-space: normal;
    max-width: 100%;
}

.Ecart .input-label.half {
    width: 30%;
}

.Ecart .item-checkbox {
    white-space: normal;
    padding-left: 10px;
}

.Ecart .item-input {
    padding: 5px;
}

.Ecart .uploadbtn {
    position: relative;
    width: 80px;
    height: 80px;
    text-align: center;
    border-style: dashed;
    border-width: 2px;
}

.Ecart .uploadbtn.fill {
    background-size: cover;
    border-style: solid;
}

.Ecart .uploadbtn.fill.button.icon:before {
    visibility: hidden;
}

.Ecart .uploadbtn.button.icon:before {
    margin-top: 18px;
    font-size: 35px;
}

.Ecart .item-input input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    width: 200px;
    -webkit-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 99999;
}

.Ecart .uploadbtn.audio {
    background-image: url("/widgets/forms/assets/img/audio.png") !important;
}

.Ecart .uploadbtn.video {
    background-image: url("/widgets/forms/assets/img/video.png") !important;
}

.Ecart .uploadbtn.pdf {
    background-image: url("/widgets/forms/assets/img/pdf.png") !important;
}

.Ecart .uploadbtn.other {
    background-image: url("/widgets/forms/assets/img/other.png") !important;
}

.Ecart input[type="text"].filename {
    background: transparent !important;
    border: none !important;
    padding: 0;
    flex: 0;
    width: 110px;
    color: #aaa !important;
    text-overflow: inherit;
}

.Ecart .loading.uploadbtn.button.icon:before {
    visibility: hidden;
}

.Ecart .grandTotal {
    position: absolute;
    left: 16px;
    top: 7px;
    width: 50%;
    text-align: left;
}

.Ecart .cart-has-header {
    padding-top: 44px;
}

.Ecart .itemRow {
    background-color: #fefefe;
    margin: 10px;
    box-shadow: 0px 0px 2px 3px rgba(201, 211, 220, 0.32);
}

.Ecart .item-remove {
    text-align: left;
    padding: 5px 31px;
}

.Ecart .item-remove a {
    text-decoration: none;
    color: red;
}

.Ecart .item-increment,
.Ecart .item-decrement {
    float: right;
    margin: 0 2px;
}

.Ecart span.button.button-small {
    background: #efefef;
    border: 1px solid #dadada;
    color: #555;
    border-radius: 10px;
}

.Ecart .item-quantity input[type="number"] {
    float: right;
    background-color: #fefefe !important;
    color: #333 !important;
    width: 40px;
    padding-bottom: 9px;
}

.Ecart .item-quantity:before {
    float: right;
    color: #333;
    margin: 2px 0 0 20px;
}

.Ecart .item-price,
.Ecart .item-total {
    clear: both;
    padding: 6px 20px;
    background-color: #f9f9f9;
    border-top: 1px solid #eaeaea;
    color: #333;
    text-align: left;
}

.Ecart .item-variations {
    clear: both;
    padding: 6px 20px;
    background-color: #f9f9f9;
    border-top: 1px solid #eaeaea;
    color: #333;
}

.Ecart .item-price:before,
.Ecart .item-total:before {
    float: right;
    width: 40%;
    text-align: right;
}

.Ecart .item-total {
    border-bottom: 1px solid #eaeaea;
    color: #67c380;
}

.Ecart .item-name {
    padding-top: 22px;
    padding-bottom: 8px;
    color: #333;
}

.Ecart-footer {
    background-color: #66bb66;
    color: #fefefe;
}
.footer--modal {
    position: unset !important;
    box-shadow: none !important;
}
.Ecart .star {
    color: red;
}

.Ecart #alert {
    padding: 10px 20px;
    margin: 0 5px;
    border: 2px solid #ebccd1;
    border-radius: 10px;
    color: #a94442;
    background-color: #f2dede;
}

.Ecart input.alert,
.Ecart textarea.alert {
    background-color: rgba(255, 210, 210, 0.6) !important;
}

@media (min-width: 680px) {
    .active .modal-backdrop-bg {
        opacity: inherit;
        background: inherit;
    }
}

.productImageContiner {
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap;
}

.productImageContiner img {
    max-width: 100%;
    vertical-align: middle;
}

.product-modal .imageContiner img {
    width: 100%;
    height: auto;
    margin-bottom: -12px;
}
.product-modal .padding {
    margin-top: 5px;
    padding: 25px 20px;
}

.slider-pager {
    bottom: 10px;
}

.slider-pager i.icon {
    font-size: 9px;
}

.slider-pager .slider-pager-page {
    margin: 0px 2px;
    width: 9px;
}

.unFull {
    width: 30px;
    height: 30px;
    position: fixed;
    top: 5px;
    right: 5px;
    text-align: center;
    line-height: 37px;
    z-index: 9999;
}

/* ------no-image------*/
.eCommerce .item.no-image {
    margin-top: 9px;
    width: 100%;
}

.eCommerce .item.no-image h2 {
    font-size: 15px;
    padding-right: 8px;
}

.eCommerce .item.no-image p {
    font-size: 14px;
}

/* ------End Of no-image------*/

/* ------Default------*/
.eCommerce .item-thumbnail-right {
    margin-top: 11px;
}

.eCommerce .item-thumbnail-right h2 {
    margin-top: 15px;
    font-size: 14px;
}

.eCommerce .item-thumbnail-right p {
    font-size: 13px;
    padding-top: 5px;
    text-align: left;
}

/* ------End of Default------*/

/* ------Grid-1------*/
.eCommerce .item.grid-1 {
    display: inline-block;
    width: 46%;
    margin: 2%;
    height: auto;
    padding: 0;
    padding-bottom: 8px;
    border-radius: 5px;
    border: none;
}

@media screen and (min-width: 760px) {
    .eCommerce .item.grid-1 {
        width: 23%;
        margin: 1%;
    }
}

.eCommerce .grid-1 img:first-child {
    width: 100%;
    height: auto;
    display: block;
}

.eCommerce .grid-1 .title {
    white-space: normal;
    text-align: center;
    height: 47px;
    overflow: hidden;
    font-size: 14px;
    padding: 14px 6px 0 6px;
}

.eCommerce .item.grid-1 p {
    font-size: 13px;
}

/* ------End Of Grid-1------*/

/* ------Grid-2------*/
.eCommerce .item.grid-2 {
    float: right;
    width: 46%;
    margin: 2%;
    height: auto;
    padding: 0;
    padding-bottom: 8px;
    border-radius: 5px;
    border: none;
}

.eCommerce .grid-2 img:first-child {
    width: 100%;
    height: auto;
    display: block;
}

.eCommerce .grid-2 .title {
    white-space: normal;
    text-align: center;
    height: 47px;
    overflow: hidden;
    font-size: 14px;
    padding: 14px 6px 0 6px;
}

.eCommerce .grid-2 p {
    text-align: center;
    padding: 5px;
    font-size: 13px;
}

.eCommerce .item.item0.grid-2 {
    width: 96%;
    margin: 2%;
}

@media screen and (min-width: 760px) {
    .eCommerce .item.grid-2 {
        width: 23%;
    }

    .eCommerce .item.item0.grid-2 {
        width: 23%;
    }
}

/* ------Grid-2------*/

/* ------row-1------*/
.eCommerce .row-1 img:first-child {
    width: 100%;
    display: block;
}

.eCommerce .item.row-1 {
    margin: 0 3% 5% 3%;
    padding: 0;
    padding-bottom: 8px;
    border-radius: 5px;
    border: none;
}

.eCommerce .row-1 .title {
    white-space: normal;
    text-align: center;
    line-height: 25px;
    padding-top: 14px;
}

.eCommerce .row-1 p {
    text-align: center;
    padding: 2px 10px;
    font-size: 15px;
}

/* ------End Of row-1------*/

/* ------row-2------*/
.eCommerce .row-2.item-thumbnail-right {
    padding-top: 27px;
    border: none;
    box-shadow: 0px 0px 2px 3px rgba(201, 211, 220, 0.32);
}

.eCommerce .row-2.item0 {
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}

.eCommerce .row-2.item0 .title {
    padding: 5px 7px 0 7px;
    height: 24px;
    overflow: hidden;
    text-align: center;
}

.eCommerce .row-2 h2 {
    margin-top: 0 !important;
}

.eCommerce .row-2.item0 p {
    text-align: center;
}

.eCommerce .row-2.item0 img:first-child {
    position: initial;
    width: 100%;
    max-width: 100%;
    max-height: 63%;
}

.eCommerce a.item.item0.row-2.item-thumbnail-right {
    padding: 0px;
}

@media screen and (min-width: 900px) {
    .eCommerce .item.item0.row-2 {
        margin: 1%;
        float: right;
        height: 600px;
        width: 55%;
    }
}

/* ------End of row-2------*/
/*------row-3------*/
.eCommerce .row-3.item-thumbnail-right {
    padding-top: 25px;
}

.eCommerce .item.item0.row-3 {
    display: block;
    height: 151px;
    padding-top: 5px;
}

.eCommerce .row-3.item0 h2 {
    font-size: 16px;
}

.eCommerce .row-3 h2 {
    margin-top: 0 !important;
}

.eCommerce ion-item.item.item0.row-3.item-thumbnail-right {
    padding-right: 25px;
}

.eCommerce .row-3.item0 p {
    padding: 0% 50% 0% 2%;
}

.eCommerce .row-3.item0 .title {
    padding: 2% 50% 0% 0%;
    height: 66px;
    overflow: hidden;
    padding-top: 32px;
}

.eCommerce .row-3.item0 img:first-child {
    width: 42%;
    max-width: 300px;
    max-height: 86%;
}

.eCommerce a.item.item0.row-3.item-thumbnail-right {
    padding-right: 0px;
}

/* ------End Of row-3------*/

/* ------Grid-3------*/
.eCommerce .item.grid-3 p {
    display: none;
}
.eCommerce .item.item0.grid-3 {
    display: block;
    float: right;
    width: 62.5%;
    margin: 2%;
    height: 224px;
}

.eCommerce .item.grid-3 {
    display: block;
    float: right;
    width: 29.3%;
    margin: 2%;
    height: 106px;
    border: none;
}

.eCommerce .grid-3 p:first-child {
    display: none;
}

@media screen and (min-width: 900px) {
    .eCommerce .item.grid-3 {
        display: block;
        float: right;
        width: 23%;
        margin: 1%;
        height: 330px;
    }

    .eCommerce .grid-3 p:first-child {
        display: none;
    }

    .eCommerce .item.item0.grid-3 {
        display: block;
        float: right;
        width: 48%;
        margin: 1%;
        height: 329px;
    }

    .eCommerce .item.item7.grid-3 {
        width: 48% !important;
    }

    .eCommerce .grid-3 .title {
        width: 80%;
        padding-right: 16%;
        margin-top: 284px;
        white-space: nowrap;
        font-size: 10px;
        z-index: 100000;
        position: absolute;
        color: white;
    }
}

.eCommerce .grid-3 img:first-child {
    width: 100%;
    height: auto;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}

.eCommerce .grid-3 .title {
    width: 80%;
    padding-right: 7%;
    bottom: 9px;
    white-space: nowrap;
    font-size: 10px;
    z-index: 100000;
    position: absolute;
    color: white;
}

.eCommerce .grid-3.item0 .title {
    width: 80%;
    padding-right: 7%;
    margin-top: 216px !important;
    white-space: nowrap;
    font-size: 10px;
    z-index: 100000;
    position: absolute;
    color: white;
}

.eCommerce .item.grid-3:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(0, 0, 0, 0) 68%,
        rgba(0, 0, 0, 0) 69%,
        rgba(0, 0, 0, 1) 100%
    );
}

.eCommerce a.item.item7.grid-3 {
    width: 64%;
}

.eCommerce .item.grid-3 {
    padding: 0px;
    box-shadow: 0px 0px 3px 3px rgba(114, 114, 114, 0.32);
}

/* ------End Of Grid-3------*/
.displaynone {
    display: none;
}

.options-continer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    z-index: 99;
}

.select-options {
    background-color: #fafafa;
    color: #3e3e3e;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99;
    width: 100%;
}

.select-options .header {
    background-color: #ffffff;
    height: 100px;
    padding: 10px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px;
}

.select-options .header img {
    width: 80px;
    height: auto;
    float: right;
}

.select-options .header h5 {
    padding: 10px 20px;
    float: right;
    color: #3e3e3e;
    margin-bottom: 10px;
}

.select-options .button.button-full {
    margin-bottom: 0px;
    background: #33cd5f !important;
    border-color: #66bb66;
    color: #fafafa;
    font-family: IRANsans;
}

.select-options .priceTable {
    padding: 10px 25px;
    color: #66bb66;
    margin-top: 15px;
}

.select-options .price {
    float: left;
    width: 50%;
    text-align: left;
}

.select-options .select-label {
    font-size: 13px;
    padding: 5px 15px;
    color: #999;
    margin-top: 10px;
}

.select-options select {
    width: 100%;
    padding: 3px 15px;
    border: 1px solid #fafafa;
    border-bottom: 1px solid #949494;
    background-color: transparent;
    margin-bottom: 15px;
}

.options-continer .scroll,
.options-continer .scroll-view {
    height: 100%;
}

.label-continer {
    padding: 0 20px;
}

.product-modal.modal,
.Ecart.modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* when showing the picture */
.options-continer.ng-hide-remove {
    animation: 0.3s lightSpeedin ease;
}

/* light speed out */
@keyframes lightSpeedin {
    0% {
        opacity: 0.5;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
    }
}

.popup-container .popup .popup-body p {
    color: black;
}

.item .realprice {
    color: #e74c3c;
    text-decoration: line-through;
    font-size: 13px;
}

.item p.price {
    color: #2ecc71;
}

.item p.notavailable {
    color: #e74c3c;
}

.eCommerce .item p {
    line-height: 1.5;
    font-size: 13px;
    padding: 0 10px;
    height: 17px;
}

.eCommerce .categories {
    padding: 10px;
    padding-left: 0;
}

.eCommerce .categories ion-scroll {
    white-space: nowrap;
}

.eCommerce .categories .button {
    border: none;
    border-radius: 20px;
    padding: 6px 16px;
    margin-left: 10px;
    min-height: 30px;
    min-width: 30px;
    font-size: 14px;
    vertical-align: middle;
    line-height: inherit;
    box-shadow: 0px 1px 5px -1px #585858;
}

.e-commerce ion-slides {
    position: absolute;
    top: 0;
    left: 0;
}

.span-ion-slides {
    display: block;
    padding-top: 57%;
}

.eCommerce .landing-slider a.box {
    display: block;
    padding-top: 57%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.eCommerce .landing-slider {
    background-image: url("data:image/gif;base64,R0lGODlhKwALAPEAAP///wAAAIKCggAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA=");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.eCommerce .swiper-pagination-bullet {
    background: #fff;
}

/* .eCommerce .swiper-container-horizontal>.swiper-pagination {
	bottom: 0px;
} */
.eCommerce
    .swiper-container-horizontal
    > .swiper-pagination
    .swiper-pagination-bullet {
    margin: 0 3px;
}

.eCommerce .category-block a {
    text-decoration: none;
}

.eCommerce .item-complex .item-content {
    background: inherit;
    padding: 0 0 10px 0;
}

.eCommerce .category-block ion-item.item.item-complex {
    width: 150px;
    height: 245px;
    display: inline-block;
    margin: 0 3px;
    border-radius: 10px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.14);
}

.eCommerce .category-block ion-item img {
    width: 150px;
    height: 150px;
}

.eCommerce .category-block ion-item .title {
    text-align: center;
    padding: 2px 7px;
    white-space: inherit;
    height: 32px;
}

.eCommerce .category-block ion-item p {
    font-size: 11px;
    margin-left: 10px;
    height: 16px;
}

.eCommerce .category-block ion-scroll {
    white-space: nowrap;
}

.eCommerce .category-title {
    padding: 5px 10px;
}

::-webkit-scrollbar,
*::-webkit-scrollbar {
    display: none;
}

.eCommerce .categories .scroll-view,
.eCommerce .categories div {
    direction: ltr !important;
    text-align: right;
}

.eCommerce .categories div.rtl {
    direction: rtl !important;
    display: inline-block;
    height: 43px;
}

.new-product .products-row .scroll-view,
.eCommerce .products-row .scroll-view,
.new-product .products-row div,
.eCommerce .products-row div {
    direction: ltr !important;
    text-align: right;
}

.eCommerce .special-row .scroll-view,
.eCommerce .special-row div {
    direction: ltr !important;
    text-align: right;
}

.eCommerce .products-row div.rtl {
    direction: rtl !important;
    display: inline-block;
}

/*single page style*/
.has-footer.product-modal button.bar-footer,
.has-footer.product-modal .select-options {
    bottom: 44px;
}

.has-footer.product-modal ion-content {
    bottom: 88px;
}

.Ecart .item-radio {
    text-align: center;
    border-radius: 5px;
margin-right: 4px
;
}

.Ecart .item-radio img {
    width: 100%;
    height: auto;
    max-width: 150px;
}

.Ecart .item-radio .item-content {
    padding: 6px;
    font-size: 13px;
    white-space: normal;
}

.Ecart .item-radio .radio-icon {
    text-shadow: 0px 0px 1px #fff;
}

p.item.error-block {
    height: 38px;
    padding: 0px 15px;
    font-size: 12px;
    color: red;
    border: none;
}

.has-error input,
.has-error textarea {
    border: 1px solid red !important;
}

.Ecart .ng-invalid-required.ng-touched {
    border-color: red !important;
}

.product-modal .transparent {
    width: 96%;
    margin: 0 2%;
}

.tabs-continer .tabs {
    position: initial;
    margin: 0 2%;
    width: 96%;
    background-color: white !important;
    color: black;
}

.tabs-continer .tabs .tab-item {
    line-height: 50px;
    font-size: 12px;
}

.tabs-continer .ng-hide-remove {
    animation: 0.5s fadeIn ease;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

.eCommerce ion-scroll.overflow-scroll {
    position: relative;
}

i.icon.ion-chevron-left:before {
    font-size: 12px;
    margin-top: 1px;
    margin-right: 6px;
}

.button-cart:hover {
    color: #fff;
}

.item-radio-cart input:checked ~ .item-content {
    border-bottom: solid 3px #777;
    border-right: none;
}

.item-radio-cart input:checked ~ .ion-checkmark:before {
    display: none;
}

.icon-close:before {
    font-size: 17px !important;
}

.header-page-ec {
    text-align: center;
    margin-top: 20px !important;
}

.header-page {
    text-align: center;
    color: #fff;
}

.list-padding {
    padding: 0 10px;
}

.payment-box {
    margin-top: 55px;
    bottom: 44px;
    padding-bottom: 15px !important;
}

.Ecart .provider-info {
    margin-top: 10px;
    padding: 15px;
    padding-bottom: 45px;
}

.Ecart form:last-child {
    margin-bottom: 45px;
}

.item-checkbox {
    white-space: normal;
    padding-left: 10px;
    height: auto;
}

.item-checkbox {
    padding-right: 60px;
}

.new-product .fake-icon {
    display: inline-block;
    background-color: rgb(235, 235, 235);
    color: rgb(150, 150, 150);
    padding: 0 10px;
    font-size: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-weight: 700;
}
.product-single-image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.close-select-options {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.invoices.modal .item-input-wrapper {
    background: none;
}

.invoices.modal input#searchedText {
    padding: 3px 15px;
    border-radius: 10px;
    margin: 0;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
}

img[src="undefined"] {
    box-sizing: border-box;
    padding-left: 80px;
    background: url(../img/blank.png) no-repeat;
    background-size: cover;
}

.Ecart.has-footer .fixed-footer-button {
    bottom: 44px;
}
.eCommerce .layout1.item {
    position: relative;
    overflow: visible;
    margin: 0 1% 16% 8%;
    height: 28vw;
    max-height: 150px;
    padding: 4% 44% 0 0;
    border-radius: 5px;
    width: 98%;
    border-radius: 10px;
}
.eCommerce .layout1.item .eCommerce-image {
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    width: 45%;
    right: 0;
    height: 0;
    padding-top: 45%;
    border-radius: 20px;
    background-position: center;
    background-size: cover;
}
.eCommerce .layout1.item .eCommerce-title {
    padding-top: 4%;
    font-size: 14px;
}
.eCommerce .item .eCommerce-price {
	height: 34px;
}
.eCommerce .layout1.item .eCommerce-price,
.eCommerce .layout1.item .eCommerce-not-available {
    position: absolute;
    top: 45%;
    font-size: 12px;
}
.eCommerce .layout1.item p,
.eCommerce .layout2.item p,
.eCommerce .layout3.item p,
.eCommerce .layout4.item p {
    height: unset;
}
.eCommerce .layout2.item,
.eCommerce .layout3.item {
    position: relative;
    margin-bottom: 4%;
    max-height: 150px;
    width: 100%;
    border-radius: 10px;
    border-width: 0;
}
.eCommerce .layout2.item {
    padding: 60% 0 0 0;
}
.eCommerce .layout3.item {
    padding-top: 35%;
}
.eCommerce .layout2.item .eCommerce-image,
.eCommerce .layout3.item .eCommerce-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.eCommerce .layout2.item .eCommerce-image {
    width: 100%;
}
.eCommerce .layout3.item .eCommerce-image {
    width: 35%;
    filter: brightness(0.9);
}
.eCommerce .layout2.item .eCommerce-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #00000052;
    padding: 6% 2%;
    overflow: hidden;
}
.eCommerce .layout2.item .title {
    color: white;
    font-weight: bold;
    width: 75%;
    font-size: 12px;
}
.eCommerce .layout2.item .eCommerce-price,
.eCommerce .layout2.item .eCommerce-not-available {
    position: absolute;
    bottom: 15%;
    font-size: 12px;
    padding-right: 6%;
    left: 2%;
    transform: translateY(+50%);
    font-weight: bold;
    white-space: normal;
}
.eCommerce .layout3.item .eCommerce-price,
.eCommerce .layout3.item .eCommerce-not-available {
    position: absolute;
    top: 50%;
    right: 40%;
    font-size: 12px;
    font-weight: bold;
    white-space: normal;
}
.eCommerce .layout3.item .eCommerce-title {
    position: absolute;
    top: 25%;
    height: 30%;
    right: 40%;
    font-weight: bold;
    overflow: hidden;
    padding-left: 1%;
}
.eCommerce .layout3.item .eCommerce-title .title {
    color: black;
    font-weight: bold;
    font-size: 12px;
    white-space: normal;
}
.eCommerce .layout3.item .triangle {
    position: absolute;
    top: 50%;
    left: 67%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid rgb(255, 255, 255);
    border-bottom: 20px solid transparent;
}
.item.activated .triangle {
    border-left: 20px solid #d9d9d9 !important;
}
.eCommerce .layout4.item {
    position: relative;
    overflow: visible;
    margin: 0 16% 4% 8%;
    height: 37vw;
    max-height: 150px;
    padding: 7% 20% 0 0;
    border-radius: 5px;
    width: 84%;
    border-radius: 10px;
}
.eCommerce .layout4.item .eCommerce-image {
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
    right: -20%;
    height: 0;
    padding-top: 40%;
    border-radius: 20px;
    background-position: center;
    background-size: cover;
}
.eCommerce .layout4.item .eCommerce-title {
    padding: 4% 0 6%;
    font-weight: bold;
    font-size: 12px;
}
.eCommerce .layout4.item .eCommerce-price,
.eCommerce .layout4.item .eCommerce-not-available {
    font-size: 10px;
}
.eCommerce .layout5.item {
    position: relative;
    margin-bottom: 4%;
    max-height: 150px;
    width: 100%;
    border-radius: 10px;
    border-width: 0;
    padding: 60% 0 0 0;
}
.eCommerce .layout5.item .eCommerce-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-position: center;
    background-size: cover;
    width: 100%;
}
.eCommerce .layout5.item .eCommerce-title {
    position: absolute;
    bottom: 39%;
    padding: 0% 4%;
    width: 60%;
    height: 25%;
    float: left;
    overflow: hidden;
    line-height: 1.75;
    z-index: 4;
}
.eCommerce .layout5.item .title {
    color: white;
    font-size: 10px;
    padding: 0;
    display: inline;
    z-index: 4;
    white-space: normal;
}
.eCommerce .layout5.item .layout5-shape-outside {
    float: left;
    width: 103%;
    height: 99px;
    shape-outside: polygon(53% 0, 20px 194%, 0 0px);
}
.eCommerce .layout5.item .eCommerce-price,
.eCommerce .layout5.item .eCommerce-not-available {
    position: absolute;
    bottom: 25%;
    font-size: 12px;
    right: 0;
    transform: translateY(+50%);
    font-weight: bold;
    white-space: normal;
    z-index: 4;
}
.eCommerce .layout5.item .triangle {
    position: absolute;
    top: 13%;
    right: -46%;
    background-color: #00000096;
    width: 100%;
    height: 100%;
    transform: rotate(118deg);
}
.invoices-orders .item-input-wrapper {
    background: none;
}

.invoices-orders .item-input-inset {
    height: 70px;
}
.invoices-orders input#searchedText {
    margin-bottom: 0;
    padding-bottom: 0;
}

input#searchedText {
    box-shadow: 0 0px 15px 0px rgb(0 0 0 / 39%);
    -webkit-box-shadow: 0 0px 15px 0px rgb(0 0 0 / 39%);
    -moz-box-shadow: 0 0px 15px 0px rgb(0 0 0 / 39%);
}
@media only screen and (min-width: 600px) {
    .eCommerce .layout4.item {
        margin: 0px 6% 4% 0;
        padding: 5% 11% 0 0;
        width: 40%;
        display: inline-block;
    }
    .eCommerce .layout4.item:nth-child(odd) {
        margin-left: 4%;
        margin-right: 8%;
    }
    .eCommerce .layout4.item .eCommerce-image {
        width: 45%;
        padding-top: 45%;
    }
    .eCommerce .layout4.item .eCommerce-price {
        font-size: 12px;
    }
    .eCommerce .layout4.item p {
        height: 17px;
    }
    .eCommerce .layout4.item .eCommerce-title {
        font-size: 14px;
    }
    .eCommerce .layout1.item:nth-child(odd) {
        margin-left: 3%;
    }
    .eCommerce .layout1.item {
        margin: 0 1% 5% 0;
        height: 16vw;
        display: inline-block;
        padding: 5% 22% 0 0;
        width: 47%;
    }
    .eCommerce .layout3.item .triangle {
        border-top: 45px solid transparent;
        border-left: 45px solid rgb(255, 255, 255);
        border-bottom: 45px solid transparent;
    }
    .item.activated .triangle {
        border-left: 45px solid #d9d9d9 !important;
    }
    .eCommerce .layout2.item .title {
        font-size: 18px;
    }
    .eCommerce .layout3.item .eCommerce-title .title {
        font-size: 14px;
    }
    .eCommerce .layout2.item .eCommerce-price p,
    .eCommerce .layout2.item .eCommerce-not-available p {
        font-size: 20px;
    }
    .eCommerce .layout5.item .title {
        font-size: 18px;
    }
    .eCommerce .layout5.item p {
        font-size: 20px;
        height: unset;
    }
    .eCommerce .layout5.item .eCommerce-price,
    .eCommerce .layout5.item .eCommerce-not-available {
        right: 2%;
    }
}

.noVissable {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.eCommerce .inline-addtocart {
    border: 1px solid #dadada;
    color: #fff;
    border-radius: 6px;
padding: 0px 4px
 1px;
    min-width: 27px;
    min-height: 27px;
    background-color: #c3c3c3;
    font-size: 12px;
    vertical-align: middle;
}
.eCommerce .inline-add {
    position: absolute;
    bottom: 9px;
}
.item-thumbnail-right .inline-add {
    left: 10px;
}
.eCommerce .row-1 .inline-add,
.eCommerce .layout5 .inline-add,
.eCommerce .layout4 .inline-add,
.eCommerce .layout3 .inline-add,
.eCommerce .layout1 .inline-add,
.eCommerce .row-2.item-thumbnail-right.item:first-child .inline-add,
.eCommerce .item-complex .inline-add,
.eCommerce .item-thumbnail-right .inline-add,
.eCommerce .no-image .inline-add {
    left: 9px;
}
.eCommerce .layout2 .inline-add {
    bottom: 30%;
    right: 2%;
}
.eCommerce .row-3.item-thumbnail-right.item:first-child .inline-add {
    right: 47%;
}
.eCommerce .grid-3 .inline-add {
    display: none;
}
.eCommerce .grid-1 .inline-add,
.eCommerce .grid-2 .inline-add {
    position: static;
margin: 5px 7px -4px
;
    text-align: right;
}
.eCommerce .item-complex .inline-add {
    direction: rtl !important;
}

.eCommerce .cart-count {
    font-size: 13px;
}

.eCommerce .cart-count-input {
    width: 45px;
    display: inline;
    font-size: 13px;
}
.single-e-commerce-comment a {
    text-decoration: none;
}
.single-e-commerce-comment {
    padding: 0px 20px;
    background-color: #f6f6f6;
    display: flex;
    justify-content: space-between;
    direction: ltr;
    align-items: self-end;
    height: 43px;
}
.single-e-commerce-comment i {
    margin-right: 1px;
    font-size: 19px;
    vertical-align: top;
}
.single-e-commerce-comment .product-description {
    margin-right: 10px;
    font-size: 17px;
}
.product-modal .header-product {
    padding: 14px 25px 14px 18px;
}
.eCommerce .list-e-commerce-like {
    position: absolute;
    color: #bdc1c4;
}

.ecommerce-list-veiw .list-e-commerce-like {
    position: absolute;
    color: #bdc1c4;
    top: 1%;
    left: 3%;
    font-size: 14px;
}
.ecommerce-list-veiw .item-thumbnail-right {
    padding: 0;
    min-height: unset;
    margin: 4%;
    border-radius: 10px;
    box-shadow: 0 0;
    border: none;
}
.ecommerce-list-veiw .item-thumbnail-right .item-content {
    padding-top: 21px;
    padding-right: 99px;
    padding-bottom: 7px;
    min-height: 100px;
    margin: 0;
    border-radius: 10px;
    box-shadow: 0 0;
    border: none;
}
.ecommerce-list-veiw .item-thumbnail-right .item-content .item p {
    color: #666;
    font-size: 12px;
    margin-bottom: 2px;
}
.ecommerce-list-veiw {
    background-color: #f2f3f5;
}

.eCommerce .layout1 .list-e-commerce-like,
.eCommerce .layout3 .list-e-commerce-like,
.eCommerce .layout4 .list-e-commerce-like,
.eCommerce .row-2.item-thumbnail-right .list-e-commerce-like,
.eCommerce .row-3.item-thumbnail-right .list-e-commerce-like,
.eCommerce .default.item-thumbnail-right .list-e-commerce-like,
.eCommerce .no-image .list-e-commerce-like {
    top: 8%;
    left: 4%;
}
.eCommerce .grid-1 .list-e-commerce-like,
.eCommerce .grid-2 .list-e-commerce-like {
    left: 8%;
    bottom: 0%;
}
.eCommerce .row-2.item-thumbnail-right.item0 .list-e-commerce-like,
.eCommerce .row-1 .list-e-commerce-like {
    bottom: 11%;
    right: 4%;
}
.eCommerce .row-2.item-thumbnail-right.item0 .list-e-commerce-like {
    left: unset;
    top: unset;
}
.eCommerce .grid-3 .list-e-commerce-like {
    top: 2%;
    left: 7%;
}
.eCommerce .layout2 .list-e-commerce-like {
    left: 4%;
    bottom: 27%;
}
.eCommerce .layout5 .list-e-commerce-like {
    top: 4%;
    left: 4%;
}
.button-light {
    background: unset !important;
    border-color: #ddd !important;
    background-color: #fff !important;
    color: #444 !important;
}
.eCommerce .inline-add.no-stock {
    visibility: hidden;
}
.product-modal .landing-slider img.box {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    border-radius: 0;
}
.product-modal .landing-slider {
    background-image: url("data:image/gif;base64,R0lGODlhKwALAPEAAP///wAAAIKCggAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA=");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.product-modal .single-reserve ion-slides,
.product-modal .single-reserve .swiper-wrapper {
    position: static !important;
}
.product-modal .imageContiner,
.product-modal .landing-slider,
.product-modal .swiper-wrapper {
    position: relative;
}
.product-modal .swiper-container-horizontal > .swiper-pagination {
    bottom: 0;
}
.product-modal .swiper-container-horizontal > .swiper-pagination {
    bottom: 10px !important;
    left: 0;
    width: 100%;
}
.product-modal .barcode {
    font-size: 11px;
    color: #464544 !important;
    position: absolute;
    bottom: 3px;
    left: 6%;
    z-index: 2;
}
.eCommerce .barcode {
    color: #747474;
    font-size: 11px;
}
.eCommerce .layout5 .barcode {
    font-size: 10px;
}
.eCommerce .layout5 .barcode,
.eCommerce .item0.row-3 .barcode,
.eCommerce .grid-2 .barcode,
.eCommerce .grid-1 .barcode {
    display: block;
}
.eCommerce .layout5 .barcode .barcode-hyphen,
.eCommerce .item0.row-3 .barcode .barcode-hyphen,
.eCommerce .grid-2 .barcode .barcode-hyphen,
.eCommerce .grid-1 .barcode .barcode-hyphen {
    display: none;
}
.eCommerce .layout5 .barcode,
.eCommerce .layout2 .barcode,
.eCommerce .grid-3 .barcode {
    color: white;
}
.eCommerce .discount-percentage {
    font-size: 11px;
    background-color: #2ecc71;
    color: white;
    border-radius: 8px;
    padding: 1px 6px 0px;
    height: 100%;
    margin-right: 1px;
}
.eCommerce .discount-box {
    overflow: visible;
}
.product-modal .comment-box-title {
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    font-weight: bold;
}
.product-modal .comment-box.item {
    width: 75%;
    margin: 8px;
    border-radius: 10px;
    border: none;
    padding: 8px 13px;
    background-color: #f7f6f6;
    margin-left: auto;
    display: inline-block;
    height: 160px;
}
.product-modal .comment-box-title a {
    text-decoration: none;
    font-weight: normal;
    background-color: #f6f6f6;
    padding: 2px 10px;
    border-radius: 16px;
    font-size: 12px;
}
.product-modal .comment-box-title a i {
    margin-left: 3px;
}
.product-modal .suggest-item.not-sure {
    color: #989898;
}
.product-modal .suggest-item.not-suggested {
    color: #e66454;
}
.product-modal .suggest-item.suggested {
    color: #2ecc71;
}
.product-modal .suggest-item {
    font-size: 11px;
    display: flex;
    align-items: center;
}
.product-modal .suggest-item i {
    line-height: 10px;
    font-size: 17px;
}
.product-modal .suggest-item span {
    margin-right: 5px;
}
.product-modal .comment-box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-modal .comment-author,
.product-modal .comment-box-header p {
    font-size: 11px;
    color: #989898;
}
.product-modal .icon.ion-ios-star-outline.ionic_rating_icon_off {
    font-size: 15px;
    color: #e8c504 !important;
    margin-left: 2px;
}
.product-modal .icon.ion-ios-star.ionic_rating_icon_on {
    font-size: 15px;
    color: #e8c504 !important;
    margin-left: 2px;
}
.product-modal .comment-message {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}
.eCommerce .show-all-comments,
.product-modal .show-all-comments {
    width: 42%;
    height: 160px;
    margin: 8px;
    border: none;
    padding-left: 12px;
    background-color: #f7f6f6;
    margin-left: auto;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
}
.eCommerce .special-offers .see-more {
    font-size: 12px;
    text-decoration: none;
}
.eCommerce .show-all-comments {
    height: 236px;
    margin: unset;
margin-right: 4px
;
    border-radius: 19px;
    padding-top: 69px;
    padding-right: 9px;
    background-color: #f7f6f6;
}
.eCommerce .show-all-comments i,
.product-modal .show-all-comments i {
    display: inline-block;
    font-size: 38px;
    border: 1px solid #989898;
    width: 50px;
    height: 50px;
    line-height: 60px;
    border-radius: 50%;
    color: #989898;
    margin-bottom: 16px;
    margin-top: 23px;
}
.eCommerce .show-all-comments span,
.product-modal .show-all-comments span {
    display: block;
    color: #989898;
    font-size: 12px;
}
.eCommerce .special-offer-title,
.new-product .related-box-title,
.new-product .comment-box-title {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    margin-top: 8px;
    padding: 13px 13px 0;
}
.new-product .comment-box-title {
    padding: 13px 13px 13px;
}
.new-product .special-offer-box span {
    font-size: 13px;
}
.new-product .special-offer-box {
    display: flex;
    background-color: #f2f2f2;
    padding: 5px 12px;
    justify-content: space-between;
    align-items: center;
    color: #e66454;
}
.eCommerce .special-offer-time,
.new-product .special-offer-time {
    display: flex;
    font-size: 13px;
column-gap: 4px
;
    flex-direction: row-reverse;
    padding-left: 5px;
    color: #ef473a;
}
.eCommerce .special-offer-time {
    padding-top: 6px;
    flex-direction: row;
    justify-content: center;
}
.special-offer-banner img {
    width: 100%;
    aspect-ratio: 8/10;
    height: auto;
}
.special-offer-banner {
    width: 50%;
    display: inline-block;
    padding: 6px;
    border: none;
    background-color: transparent;
}
.eCommerce .time-box,
.new-product .time-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 3px;
}
.eCommerce .time-box .label,
.new-product .time-box .label {
    font-size: 10px !important;
    margin-top: -10px;
}
.eCommerce .time-box .time,
.new-product .time-box .time {
    font-size: 12px !important;
}
.new-product .actions-box {
    display: flex;
    margin-left: 14px;
    margin-right: auto;
}
.new-product .breadcrumb a {
    font-size: 11px;
    text-decoration: none;
    color: #747474;
}
.new-product .information-box {
    padding: 18px 13px;
    background-color: #fbfbfb;
}
.new-product .information-box .title {
    font-weight: bold;
margin-top: -4px
;
}
.new-product .detailes {
    display: flex;
    font-size: 11px;
    align-items: flex-end;
    justify-content: start;
}
.new-product .actions-box {
    display: flex;
}
.new-product .action-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 12px;
}
.new-product .action-item i {
    font-size: 24px;
    height: 32px;
}
.new-product .detail-item {
    display: flex;
column-gap: 4px
;
}
.new-product .detail-item i {
    font-size: 16px;
    line-height: 10px;
}
.new-product .detail-item i.view_count {
    font-size: 21px;
    color: #cd3349;
}
.new-product .detail-item i.comment {
    color: #c2cd33;
}
.new-product .detail-item i.suggestion {
    color: #3365cd;
}
.new-product .divider {
    height: 1px;
    background-color: #ececec;
    border: none;
    margin-top: 11px;
    margin-bottom: 13px;
}
.new-product .detail-item .detail-info {
    color: #747474;
}
.new-product .description .description-content {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.new-product .description .description-content.no-warp {
	display: block;
    overflow: auto;
}
.new-product .description .description-content.more {
    display: block;
}
.new-product .description-content P {
    margin: 0;
}
.new-product .information-box .description {
    padding-bottom: 23px;
}
.new-product .show-more {
    border: none;
    background: no-repeat;
    margin-top: 5px;
    font-size: 12px;
    display: block;
    padding: 0;
    font-weight: 400;
    color: #2ecc71;
}
.new-product .acardion-header {
    display: flex;
    border-top: 1px solid #ececec;
    padding: 8px 0;
    font-size: 12px;
    align-items: flex-end;
}
.new-product .acardion-header.header-barcode {
    border-top: none;
}
.new-product .acardion-header i {
    font-size: 20px;
    line-height: 17px;
}
.new-product .acardion-header i.pointer {
    margin-right: auto;
    color: #dedede;
    transition: all 0.4s ease-out;
    font-size: 14px;
}
.new-product .acardion-item .acardion-body {
    display: none;
    transition: all 0.2s ease;
}
.new-product .acardion-item.open .acardion-body {
    display: block;
    padding: 0 30px 8px 5px;
}
.new-product .acardion-item.open .pointer {
    transform: rotate(180deg);
    position: relative;
    top: -1px;
}
.new-product .action-item span {
    color: #747474;
    font-size: 11px;
}
.new-product .detail-item a {
    text-decoration: none;
}
.new-product .item .item-content.activated {
    background-color: #fbfbfb;
}
.new-product .item-complex .item-content {
    padding: 16px 34px 16px 16px;
    background-color: #f7f6f6;
}
.new-product .barcode-item {
    color: #757575;
    font-size: 11px;
}
.button-cart-buy {
    display: flex;
    flex-direction: row-reverse;
    background-color: white;
    box-shadow: 1px 1px 7px #00000030;
    height: 56px;
    justify-content: space-between;
    align-items: center;
    padding-left: 17px;
}
.button-cart-buy .buy-button {
    background-color: #2ecc71;
    padding: 5px 15px;
    border-radius: 25px;
    color: white;
    font-size: 11px;
}
.button-cart-buy .buy-button.closed {
    background-color: rgb(228, 228, 228);
    color: rgb(182, 182, 182);
    font-weight: 700;
}
.button-cart-buy .closed-detail {
    color: rgb(201, 201, 201);
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.button-cart-buy .closed-detail * {
    line-height: normal;
    margin: 0;
    padding: 0;
}

.button-cart-buy .buy-button.no-stock {
    background-color: #b3b3b3;
}
.button-cart-buy .buy-button.no-stock {
    background-color: transparent;
    display: flex;
    align-items: center;
    column-gap: 16px;
    color: #898989;
}
.button-cart-buy .recharge-time {
    display: flex;
    font-size: 9px;
    column-gap: 5px;
    flex-direction: row-reverse;
    color: #2ecc71;
}
.button-cart-buy .time-box {
    display: flex;
    flex-direction: column;
}

.button-cart-buy .price-box {
    display: flex;
    column-gap: 9px;
    align-items: center;
}
.button-cart-buy .discount-item {
    background-color: #2ecc71;
    border-radius: 20px;
    font-size: 11px;
    padding: 3px 6px;
    color: white;
    height: 28px;
    line-height: 24px;
}
.button-cart-buy .price-item {
    display: flex;
    flex-direction: column-reverse;
    font-size: 13px;
    align-items: flex-start;
    justify-content: center;
}
.button-cart-buy .buy-detail {
    font-size: 9px;
    margin: 0;
    color: #8c8c8c;
}
.eCommerce .price-item .price,
.new-product .price-item .price,
.button-cart-buy .price-item .price {
    color: #2ecc71;
    font-size: 12px;
    padding: unset !important;
    background-color: unset;
    border: none;
    direction: rtl;
}
.eCommerce .price-item .main-price,
.new-product .price-item .main-price,
.button-cart-buy .price-item .main-price {
    color: #747474;
    margin-bottom: -10px;
    text-decoration: line-through;
    font-size: 12px;
}
.eCommerce .price-item .price.not-available,
.new-product .price-item .price.not-available,
.button-cart-buy .price-item .price.not-available {
    color: #e66454;
}
.eCommerce .price-item,
.new-product .price-item {
    display: flex;
    flex-direction: column-reverse;
    margin-right: 36px;
    margin-bottom: -10px;
    justify-content: center;
    height: 46px;
}
.eCommerce .price-item {
    height: 47px;
}
.eCommerce .price-item.no-margin,
.new-product .price-item.no-margin {
margin-right: 4px
;
}
.eCommerce .special-offers,
.new-product .horizontal-related-box,
.new-product .horizontal-comment-box {
    margin-top: 17px;
    background-color: #fbfbfb;
}
ion-content.new-product {
    background-color: #dedede;
    bottom: 58px;
}
.eCommerce .special-offers .scroll {
    padding: 5px 13px;
}
.eCommerce .special-offer-box {
    display: flex;
    margin: 7px 10px;
    justify-content: space-between;
    align-items: center;
padding: 12px 4px
 0px;
}
.new-product .landing-slider pzz-favorite,
.new-product .imageContiner pzz-favorite {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9999;
    background-color: white;
    border-radius: 41px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    padding-top: 2px;
box-shadow: 1px 1px 4px
 #0000002e;
}
.eCommerce .special-offer.item,
.new-product .related-box.item {
    width: 48%;
    border-radius: 12px;
    background-color: #f7f6f6;
    border: none;
    padding: 9px 9px 12px;
    margin-left: auto;
    display: inline-block;
margin-right: 4px
;
}
.eCommerce .special-offer.item,
.new-product .related-box.item {
    padding: 9px 9px 6px;
}
.eCommerce .procuct-labels,
.new-product .procuct-labels {
    position: absolute;
left: 4px
;
top: 4px
;
    display: flex;
    row-gap: 5px;
    flex-direction: column;
    align-items: center;
}
.special-offer .special-offer-image,
.new-product .related-box-image {
    position: relative;
}
.special-offer .special-offer-image img,
.new-product .related-box-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 10px;
}
.eCommerce .special-offer-image pzz-favorite,
.new-product .related-box-image pzz-favorite {
    position: absolute;
    right: 0px;
    top: -5px;
}
.eCommerce .special-offer-image .special-offer-label,
.new-product .related-box-image .special-offer-label,
.eCommerce .special-offer-image .discount,
.new-product .related-box-image .discount {
    background-color: #2ecc71;
    border-radius: 20px;
    font-size: 9px;
padding: 3px 4px
;
    color: white;
    height: 24px;
    line-height: 20px;
    width: 24px;
    text-align: center;
}
.eCommerce .special-offer-image .special-offer-label,
.new-product .related-box-image .special-offer-label {
    font-size: 17px;
}
.new-product .flex-list,
.eCommerce .flex-list {
    white-space: nowrap;
    overflow-x: hidden;
    direction: rtl;
}
.new-product .flex-grow-1,
.eCommercet .flex-grow-1 {
    flex-grow: 1;
    width: 100%;
}
.eCommerce .special-offer-image pzz-favorite svg,
.new-product .related-box-image pzz-favorite svg {
    fill: #949494;
}
.special-offer-description,
.related-box-description {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.special-offer-description button,
.related-box-description button {
    border: none;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #2ecc71;
    color: white;
    width: 35px;
    height: 35px;
}
.new-product .actions-box i.isLiked.ion-ios-heart {
    color: #e66454;
}
.new-product .show-stock-toggle {
    margin-top: 5px;
}
.new-product .special-toggle-box {
    margin-left: 20px;
}
.new-product .information-box .description .description-content img {
    max-width: 100%;
    height: auto;
}
.special-offer p,
.related-box p {
    border-radius: 19px;
    background-color: #f7f6f6;
    border: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    padding: 9px;
    text-align: center;
    margin-top: -15px;
    font-size: 12px;
}
.special-offer p {
    padding: 9px !important;
    font-size: 12px !important;
    height: unset !important;
}
.review-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 1px;
    height: 10px;
    font-size: 9px;
    margin-top: 8px;
    margin-bottom: 1px;
}
.review-display span,
.review-display i {
    line-height: 14px;
    font-size: 10px;
    color: #989898;
}
.button-cart-buy .buy-detail-stock {
    font-size: 10px;
    width: 14%;
    margin: 0;
    color: #8c8c8c;
}
.eCommerce .layout6 .special-offer-description {
    flex-direction: row;
}
.related-box p,
.eCommerce .special-offers p,
.eCommerce .layout6 p {
    line-height: 21px;
    height: 55px !important;
    margin-bottom: 11px;
    overflow: hidden;
}
.eCommerce .layout6.special-offer.item {
    margin-bottom: 7px;
}
.new-product .item-complex .item-content,
.new-product .item-radio .item-content,
.eCommerce .special-offer.item-complex .item-content,
.eCommerce .special-offer.item-radio .item-content {
    padding: 0;
    position: unset;
}
.eCommerce .special-offers .special-offer p {
    padding: 9px !important;
    padding-bottom: 14px !important;
    font-size: 12px !important;
    margin-bottom: 10px;
}
.eCommerce .filter-box {
    direction: rtl;
    margin: 9px 0;
    display: flex;
    justify-content: right;
    margin-bottom: -10px;
}
.eCommerce .filter-button {
    padding: 7px 12px 7px 7px;
    border-radius: 7px;
    border: none;
    background-color: transparent;
    color: #000000;
    font-size: 12px;
}
.eCommerce .product-list-container {
    margin-top: 30px;
}
.eCommerce .filter-button i {
    margin-left: 3px;
    vertical-align: middle;
}
.detail-continer,
.filter-continer,
.sort-continer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    z-index: 999999;
}
.detail-continer {
    z-index: 99;
}
.detail-continer .scroll,
.detail-continer .scroll-view,
.sort-continer .scroll,
.sort-continer .scroll-view,
.filter-continer .scroll,
.filter-continer .scroll-view {
    height: 100%;
}
.cart-backdrop,
.select-sort,
.select-filter {
    color: #464646;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    padding: 4%;
    text-align: center;
    font-size: 15px;
    background-color: white;
    border-top-right-radius: 13px;
    border-top-left-radius: 13px;
    max-height: 89vh;
}
.addAddress-backdrop .time-modal-footer {
    position: absolute;
}
.addAddress-backdrop .time-modal-footer button.disable {
    opacity: 0.5;
}
.address-backdrop .cart-backdrop,
.addAddress-backdrop .cart-backdrop,
.discount-backdrop .cart-backdrop {
    bottom: 0;
}
.addAddress-backdrop {
    padding-bottom: 16px !important;
    z-index: 99999;
}
.addAddress-backdrop .cart-backdrop {
    height: 75vh;
}
.addAddress-backdrop .cart-backdrop input {
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
}
.addAddress-backdrop .cart-backdrop .map-continer {
    position: relative;
}
.addAddress-backdrop .cart-backdrop .map-continer .curect-position-btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.select-filter ion-scroll {
    text-align: right;
}
.select-filter label {
    text-align: center;
}
.cart-backdrop i.ion-ios-close-empty,
.select-sort i.ion-ios-close-empty,
.select-filter i.ion-ios-close-empty {
    font-size: 32px;
    position: absolute;
    right: 0%;
    top: 1%;
    width: 50px;
    line-height: 50px;
}
.cart-backdrop .continue-btn,
.select-sort .continue-btn,
.select-filter .continue-btn {
    width: 100%;
    border-radius: 8px;
    color: white;
    background-color: #00c148;
    padding: 4%;
    border: navajowhite;
    font-size: 15px;
    line-height: 100%;
    margin-top: 14px;
    font-weight: bold;
}
.cart-backdrop .header-description,
.select-sort .header-description,
.select-filter .header-description {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-backdrop .header-description {
    padding-top: 4%;
}
.eCart-backdrop {
    margin-bottom: 50px !important;
}
.detail-continer.ng-hide-remove,
.sort-continer.ng-hide-remove,
.filter-continer.ng-hide-remove {
    animation: 0.3s lightSpeedin ease;
}
@keyframes lightSpeedin {
    0% {
        opacity: 0.5;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
    }
}
.options-box label,
.sort-box label {
    width: 100%;
    display: inline-block;
    padding: 8px;
    position: relative;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
}
.sort-box label {
    margin: 3px 0;
}
.options-box label {
    width: 48%;
    margin: 1%;
    font-size: 13px;
}
.options-box input,
.sort-box input {
    position: absolute;
    width: 0;
    height: 0;
}
.options-box input:checked ~ .selected-border,
.sort-box input:checked ~ .selected-border {
    width: 100%;
    height: 100%;
    border: 2px solid #00c148;
    border-radius: 8px;
    position: absolute;
    top: 0;
    right: 0;
}

.show-stock-toggle {
    justify-content: space-between;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 36px;
    border: none;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    width: 91%;
}
.show-stock-toggle.item-toggle .toggle {
    position: relative;
    padding-right: 0px;
    top: unset;
    right: 9px;
    margin-left: -14px;
}
.condition-container,
.price-range-box,
.options-box {
    background-color: #f7f6f6;
    padding: 1px 10px 24px;
    border-radius: 10px;
    margin-bottom: 12px;
}
.sub-header {
    font-weight: bold;
    text-align: right;
    margin-bottom: 2px;
    margin-top: 9px;
}
.sub-header.inner-title {
    font-weight: normal;
    font-size: 13px;
}
.show-stock-toggle .sub-header {
    margin: 0;
}
.rules-box {
    max-height: 63vh;
    overflow-y: scroll;
}
.range-slider-container {
    padding: 5px;
}
.range-slider-container input:focus {
    box-shadow: unset;
    background: unset !important;
}
.range-slider {
    position: relative;
    width: 83%;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 4.5vmin;
    margin: auto;
    margin-bottom: 14px;
}
.range-slider input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1em;
    z-index: 1;
    pointer-events: none;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    outline: none;
    border-radius: 1em;
    background: none;
    border: 0;
}
.range-slider input::-moz-focus-outer {
    border: 0;
}
.range-slider input::-webkit-slider-runnable-track {
    margin: 0 -0.5em;
}
.range-slider input::-moz-range-track {
    pointer-events: none;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    outline: none;
    border-radius: 1em;
    background: none;
    border: 0;
}
.range-slider input::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    position: relative;
    z-index: 9;
    outline: 0;
    width: 1em;
    height: 1em;
    z-index: 10;
    background: #fff;
    box-shadow: 0 0.15em 0.5em 0 rgba(33, 36, 41, 0.35);
    border-radius: 2em;
    cursor: col-resize;
    border: 0;
}
.range-slider input::-moz-range-thumb {
    -moz-appearance: none;
    pointer-events: all;
    position: relative;
    z-index: 9;
    outline: 0;
    width: 1em;
    height: 1em;
    z-index: 10;
    background: #fff;
    box-shadow: 0 0.15em 0.5em 0 rgba(33, 36, 41, 0.35);
    border-radius: 2em;
    cursor: col-resize;
    border: 0;
}
.range-slider .label {
    padding: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
.range-slider-set {
    position: relative;
    flex: 1;
    height: 13px;
    border-radius: 1em;
    pointer-events: none;
}
.range-slider-set [class*="span-"] {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
}
.range-slider-set [class*="span-"].span-min {
    border-radius: 1em 0 0 1em;
}
.range-slider-set [class*="span-"].span-gap[style*="left:0%"] {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
}
.range-slider-set [class*="span-"].span-gap[style*="right:0%"] {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
}
.range-slider-set [class*="span-"].span-max {
    border-radius: 0 1em 1em 0;
}
.range-slider-set .span-min,
.range-slider-set .span-max {
    background-color: #78de9e;
}
.range-slider-set .span-gap {
    background: #00c148;
}
.range-slider-set .handle {
    position: absolute;
    top: unset;
    bottom: -43px;
    left: 50%;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    width: auto;
    cursor: pointer;
    z-index: 3;
}
.range-slider-set .handle.from-value {
    transform: translate(-50%, -100%);
}
.range-slider-set .handle.to-value {
    transform: translate(-50%, -100%);
}
input {
    border: 2px solid;
    padding: 0.5em;
    border-radius: 0.4em;
    font-size: inherit;
    font-family: inherit;
    width: 3em;
    text-align: right;
}
.range-slider *,
.range-slider {
    direction: ltr !important;
}
.range-slider-amounts {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
    font-size: 12px;
}
.new-product .horizontal-related-box .scroll {
    padding: 5px 13px;
}

.eCommerce .seller {
    background-color: white;
    padding: 10px 5px;
    margin: 15px 0;
    background-color: #f4f4f4;
    border-radius: 12px;
}
.eCommerce .seller .call-to-seller {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1fbf4;
    border-radius: 50%;
}
.eCommerce .call-box {
    min-width: 15px;
    display: flex;
    align-items: center;
    padding: 0 5px;
}
.eCommerce .seller .call-to-seller i {
    font-size: 17px;
    color: rgb(4, 190, 4);
}

.eCommerce .seller-content {
    display: flex;
}
.eCommerce .seller-content img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 10px;
    align-self: center;
}
.eCommerce .seller-content--center {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding-right: 10px;
    gap: 5px;
}
.eCommerce .seller-content .seller-inf {
    width: 100%;
}
.eCommerce .seller-content .seller-inf span {
    font-weight: 500;
}

.eCommerce .hours-of-work {
    width: 100%;
}

.eCommerce .hours-of-work * {
    padding: 0;
    margin: 0;
    line-height: normal;
}
.eCommerce .open-shop {
    font-size: 12px;
    color: #0fcc45;
}
.eCommerce .close-shop {
    font-size: 12px;
    color: gray;
}
.eCommerce .hours-of-work {
    font-size: 11px;
    color: rgb(195, 195, 195);
    gap: 5px;
}

.eCommerce .open-icon-box {
    display: inline-block;
}
.eCommerce div.online-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 0;
    background-color: #0fcc45;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
}
.eCommerce span.blink {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #0fcc45;
    opacity: 0.7;
    border-radius: 50%;
    animation: blink 1s linear infinite;
}

@keyframes blink {
    100% {
        transform: scale(2, 2);
        opacity: 0;
    }
}
.eCommerce .seller-close--circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: gray;
    border-radius: 50%;
    margin-bottom: -2px;
}
@media screen and (max-width: 355px) {
    .eCommerce .seller-content .seller-inf span {
        font-size: 12px;
    }
    .eCommerce .seller-content img {
        width: 50px;
        height: 50px;
    }
    .eCommerce .open-shop {
        font-size: 9px;
    }
    .eCommerce .seller .call-to-seller i {
        font-size: 15px;
    }

    .eCommerce .seller .call-to-seller {
        width: 35px;
        height: 35px;
        text-decoration: none !important;
    }
    .eCommerce div.online-indicator,
    .eCommerce span.blink {
        font-size: 8px;
    }
    .eCommerce .seller-close--circle {
        width: 5px;
        height: 5px;
        margin-bottom: 0;
    }
    .close-shop {
        font-size: 8px;
    }
}

button {
    font-family: IRANSans;
}
.alert-special-reminder {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.no-product .item.item-toggle.toggle-large,
.select-filter .item.item-toggle.toggle-large,
.alert-special-reminder .item.item-toggle.toggle-large {
    border: unset;
    margin: 5px;
    padding: 0;
    overflow: visible;
}
.no-product .item-toggle .toggle,
.select-filter .item-toggle .toggle,
.alert-special-reminder .item-toggle .toggle {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    background-color: transparent;
}
.alert-special-reminder span {
    font-size: 12px;
    color: #898989;
}
.invoices-orders .pointer {
    color: #e66454;
    position: absolute;
    left: 15px;
top: 4px
;
    font-size: 16px;
    height: 22px;
}
.invoices-orders .badge-for-submenus {
    background-color: #eeeeee;
    color: #484848;
    padding: 1px 12px 0 12px;
    border-radius: 8px;
    position: absolute;
    left: 42px;
    top: 12px;
    line-height: 18px;
    font-size: 10px;
    height: 18px;
}
.invoices-orders .invoice-order-links {
    border-radius: 5px;
    margin: 5px;
    box-shadow: 0px 0px 2px 3px rgb(201 211 220 / 32%);
    position: relative;
    box-shadow: none;
    text-align: right;
}
.address-title {
    display: inline-block;
    width: 61%;
    color: #5a5a5a;
    font-size: 14px;
}
.address-zipcode {
    display: inline-block;
    width: 37%;
    color: #5a5a5a;
    font-size: 12px;
    text-align: left;
}
.address-description {
    color: #5a5a5a;
    font-size: 14px;
}
.delete-address {
    margin-left: 5px;
}
.edit-address-btn {
    border: 1px solid #dadada;
    background-color: #2ecc71;
    border-radius: 6px;
    padding: 6px 10px 8px;
    margin-top: 25px;
    text-decoration: none;
    color: white;
    width: 97%;
    font-size: 14px;
    font-weight: bold;
}
.delete-address,
.edit-addresss {
    border: 1px solid #dadada;
    background-color: transparent;
    border-radius: 6px;
    padding: 3px 10px;
margin-top: 4px
;
    text-decoration: none;
    color: dimgrey;
    font-size: 13px;
    height: 27px;
}
.invoice-order-buttons {
    display: flex;
    justify-content: left;
}
.add-address-button {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    background: #2ecc71;
}
.invoice-edit-label {
    display: inline-block;
    margin-top: 6px;
}
.invoice-form {
    padding: 10px;
}
.invoice-form input {
    width: 97%;
}
.invoices-orders .total-cost {
    margin-bottom: 10px;
    background-color: #e4e4e4;
    border: none;
    box-shadow: 0 0;
}
.tabs-bottom .add-address-button {
    bottom: 47px;
}
.invoices-orders .search-code {
    display: flex;
    flex-direction: row-reverse;
    margin: 10px;
    width: 93%;
    height: 42px;
    border-radius: 22px;
}
.invoices-orders .search-code .bar input {
    box-shadow: 0px 0px 0 !important;
    background-color: transparent !important;
}
.invoices-orders .search-code .bar .button.button-icon .icon:before {
    font-size: 24px;
}
.invoices-orders .search-code .bar button {
    margin: 0;
    padding: 0;
    font-size: 3px;
    margin-right: 9px;
    margin-left: 6px;
}
.invoices-orders .search-code .bar {
    display: flex;
    flex-direction: row-reverse;
    margin: 10px;
    width: 93%;
    height: 42px;
    border: 1px solid #b3b3b3;
    border-radius: 22px;
}

.invoices-orders .invoice-item.item-contact {
    min-height: 70px;
    box-shadow: 0 0 0;
    border-radius: 8px;
    padding: 20px 14px 0px;
    margin: 10px;
    border: 0;
    background-color: #f6f6f6;
    position: relative;
}
.invoices-orders .invoice-item.item-contact p {
    font-size: 12px;
    color: #6f6d6d;
    position: absolute;
bottom: 4px
;
    right: 13px;
}
.invoices-orders .invoice-item.item-contact .pointer {
    position: absolute;
    left: 13px;
    bottom: 13px;
    top: unset;
    color: #e66454;
}
.invoices-orders .invoice-item.item-contact h2 {
    font-size: 13px;
    font-weight: bold;
}
.invoices-orders .total-cost.invoice-item {
    font-size: 13px;
    font-weight: bold;
    min-height: unset;
    padding: 11px 14px 10px;
}
.no-product .toggle .handle,
.filter-continer .toggle .handle,
.alert-special-reminder .toggle .handle {
    width: 17px;
    height: 17px;
}
.no-product .toggle .track,
.filter-continer .toggle .track,
.alert-special-reminder .toggle .track {
    width: 40px;
    height: 21px;
}
.loginToAccount .popup-buttons button {
    border-radius: 8px !important;
    margin: 0;
    padding: 0px;
    border: none;
    min-height: unset;
    height: 38px;
    font-size: 14px;
}
.loginToAccount .popup-buttons button.button-assertive {
    background: var(--main-color);
}
.eCartEmpty {
    background-color: white;
    z-index: 10;
    height: auto;
    position: absolute;
    top: 11px;
    right: 0;
    left: 0;
    bottom: 0;
}
.eCartEmpty p {
    bottom: 100px;
}
.button-cart-buy.no-product .price.not-available {
    margin-right: auto;
    color: #e66454;
}
.button-cart-buy.closed {
    justify-content: right;
    gap: 10px;
    align-items: center !important;
}
.button-cart-buy.closed .buy-button {
    margin-right: 10px;
    text-decoration: none;
}
.item-toggle,
.item-toggle.item-complex .item-content {
    background-color: transparent;
    border: none;
}
.item-toggle .toggle {
    background-color: transparent;
}
.proprtieis-table {
    margin-bottom: 22px;
}
.proprtieis-table table {
    width: 100%;
    margin-right: 5px;
}
.proprtieis-table table td:first-child {
    color: #7b7b7b;
}
.proprtieis-table table td:last-child {
    padding: 6px 0px;
}
.proprtieis-table tr {
    font-size: 12px;
}
.property-box-title {
    font-size: 14px;
    font-weight: bold;
}
.skeleton-loading button,
.skeleton-loading div {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
    margin: 8px;
    border-radius: 12px;
}
.skeleton-loading .skeleton-slider {
    height: 217px;
}
.skeleton-loading .skeleton-special {
    height: 50px;
    margin-top: 6px;
}
.skeleton-loading .skeleton-title {
    height: 20px;
    margin: 10px;
    border-radius: 6px;
}
.skeleton-loading button {
    border-radius: 0;
    margin: 0;
}
.tabs-bottom .e-commerce .rules-box {
    max-height: 58vh;
    overflow-y: scroll;
}
.tabs-bottom .e-commerce .select-sort,
.tabs-bottom .e-commerce .select-filter {
    bottom: 46px;
}
.text-decoration-none a {
    text-decoration: none;
}
.extra-cost-dropdown {
    height: 43px;
}

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

/* __________________________cart */
.Ecart * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: normal;
}
.Ecart .header {
    display: flex;
    justify-content: first baseline;
    align-items: center;
    gap: 30px;
}

.Ecart .back-icon,
.Ecart .header-title {
    display: flex;
    align-items: center;
}
.Ecart .back-icon i {
    font-size: 20px;
}
.Ecart .header_num {
    background-color: var(--blue-notif);
    width: 20px;
    height: 20px;
    padding: 0px 7px;
    border-radius: 50px;
    color: white;
    margin-right: 5px;
    line-height: normal;
    display: flex;
    align-items: center;
}
.Ecart .shop-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px var(--mrgin);
}
.Ecart .shop-info_rightHolder {
    display: flex;
    gap: 20px;
}
.Ecart .shop-info .img {
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.Ecart .shop-info .img img {
    width: 100%;
}
.Ecart .shop-info button {
    background: none;
    border: none;
    box-shadow: none;
}
.Ecart .cart-items .item:first-child {
    border: none;
}

.Ecart .cart-items .item {
    padding: 15px var(--mrgin);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 112px;
}
.Ecart .cart-items .right-holder {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 100%;
}
.Ecart .cart-items .right-holder .remove-item {
    height: 25px;
}
.Ecart .cart-items .img {
    display: flex;
    align-items: center;
    width: 40px;
    height: 100%;
    overflow: hidden;
}
.Ecart .cart-items .img img {
    width: 100%;
}
.Ecart .cart-items .item_holder {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}
.Ecart .cart-items .item_holder .item-name {
    white-space: normal;
}
.Ecart .cart-items .change-num-btn {
    padding: 0 6px;
    border: 1px solid #949292;
    border-radius: 20px;
    display: flex;
    gap: 8px;
    font-size: 11px;
    align-items: center;
    font-weight: 600;
    height: 30px;
}
.Ecart .cart-items .change-num-btn button.disabled {
    opacity: 0.2;
}

.Ecart .cart-items button {
    color: #949292;
    background: none;
    border: none;
    font-size: 17px;
}
.Ecart .cart-items .price {
    align-items: end;
}
.Ecart .cart-items .price .percentage {
    padding: 0 6px;
    background-color: red;
    color: white;
    border-radius: 5px;
}

.Ecart .cart-items .price {
    align-items: end;
}

.Ecart .footer {
    direction: rtl;
    display: block;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
}
.Ecart .footer .setTime-btn {
    background-color: var(--green-color);
    padding: 8px 15px;
    box-shadow: none;
    border: none;
    color: white;
    border-radius: 5px;
}
.Ecart .footer .left-holder {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    width: 60%;
}
.Ecart .footer .left-holder button {
    background-color: transparent;
    border: none;
}
.Ecart .footer .left-holder span,
.Confirm-address .footer .left-holder span {
    font-size: 12px;
}
.Confirm-address .address-box {
    margin-top: 15px;
    padding-bottom: 98px;

}
.Confirm-address .address-box label {
    width: 100%;
    display: block;
    text-align: right;
    margin-right: 18px;
    margin-bottom: 15px;
}
.Ecart .empty-shift-container p {
    color: #969696;
    font-size: 15px;
}
.Ecart .empty-shift-container img {
    width: 50%;
    margin-top: 30px;
    margin-bottom: 30px;
}
/* _______________________Factor */
.Factor * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: normal;
}

.Factor .homeButton {
    width: fit-content;
    border: 1px solid rgb(194, 194, 194);
    border-radius: 10px;
    padding: 3px 10px;
    margin: 10px var(--mrgin);
    color: gray;
}
.Factor .head-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.Factor .head-img > img {
    width: 60%;
}
.Factor .success-message {
    text-align: center;
    padding: 40px 25px 20px;
}
.Factor .success-message > h3 {
    color: #00c148;
}
.Factor .success-message > p {
    margin: 5px auto;
    color: gray;
    width: 80%;
}
.Factor .order-delivery-code {
    padding: 5px 5px;
    margin: 5px 5px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
}
.Factor .issue-tracking {
    margin: 20px 0;
}

.Ecart .factor-list .item {
    display: block;
    padding: 0;
    margin: 0;
    height: fit-content;
}
.Confirm-address .factor-list {
    padding: 20px 0 5px 0;
    border-radius: 15px 15px 0 0;
}
.factor-list,
.factor-list,
.factor-list {
    margin: 15px 0 25px 0;
}

.factor-list .item > div,
.factor-list .item > div,
.factor-list .item > div {
    display: flex;
    justify-content: space-between;
    padding: 7px var(--mrgin);
    background-color: rgb(251, 251, 251);
}
.issue-tracking .item > div {
    background-color: rgb(251, 251, 251);
}
.factor-list--modal .item > div {
    background-color: white !important;
}

.factor-list .item:first-child,
.factor-list .item:last-child {
    border: none;
}
.Order-status .Order-list-factor-title {
    margin: 20px var(--mrgin) 10px var(--mrgin);
}
.Order-status .factor-list {
    padding-bottom: 70px;
}
.Factor .order-details {
    display: flex;
    justify-content: center;
}
.Factor .factor-list--tile {
    color: #000000;
}
.Factor .order-details button {
    width: 100%;
    padding: 7px 0;
    background-color: var(--green-color);
    color: white;
    border: none;
    border-radius: 10px;
}
.Factor .order-details a {
    width: 90%;
    display: block;
    text-align: center;
}
/* _________________________________ Order-status*/
.Order-status * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: normal;
}
.Order-status .main {
    margin-top: 50px;
}
.Order-status .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Order-status .header .right-holder {
    display: flex;
    align-items: center;
    gap: 20px;
}
.Order-status .header .right-holder a {
    display: flex;
    align-items: center;
}
.Order-status .header i {
    font-size: 20px;
}
.Order-status .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}
.Order-status .footer button {
    padding: 7px 0;
    width: 97%;
    color: white;
    border: none;
    border-radius: 10px;
}
.Order-status .footer button.cancel-order {
    background-color: var(--red-color);
}
.Order-status .footer button.download-order {
    background-color: #2ecc71;
}
.Order-status .order-status-steps {
    margin: 20px 0;
}
.Order-status .order-status-steps .canceled-order-massage {
    margin-right: 17px;
}
.order-status-steps .step-item-holder:last-of-type .step-line {
    display: none;
}
.Order-status .order-status-steps .step-item {
    padding: 5px var(--mrgin);
    display: flex;
    justify-content: first baseline;
    align-items: center;
    gap: 20px;
}
.Order-status .order-status-steps .icon-background {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Order-status .order-status-steps .icon-background i {
    font-size: 17px;
}
.Order-status .step-item-holder.doing .icon-background {
    background-color: #e0e0e0;
    color: rgb(64, 64, 64);
}
.Order-status .step-item-holder.doing .pending-des {
    display: none;
}
.Order-status .step-item-holder.doing .step-line {
    background-color: #e0e0e0;
}
.Order-status .step-item-holder.pending .icon-background {
    background-color: rgb(214, 0, 0);
    color: white;
}
.Order-status .step-item-holder.pending .pending-des {
    display: inline-block;
}
.Order-status .step-item-holder.pending .step-line {
    background-color: #e0e0e0;
}
.Order-status .step-item-holder.finished .icon-background {
    background-color: #008c33;
    color: white;
}
.Order-status .step-item-holder.finished .pending-des {
    display: none;
}
.Order-status .step-item-holder.finished[data-step="5"] .pending-des {
    display: inline-block;
}
.Order-status .step-item-holder.finished .step-line {
    background-color: #008c33;
}

.Order-status .order-status-steps .step-item .left-holder {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: start;
    justify-content: center;
}
.Order-status .order-status-steps .step-line {
    height: 25px;
    width: 2px;
    margin: 5px 37px 0 0;
}
.Order-status .order-code {
    padding: 0px var(--mrgin) 10px var(--mrgin);
    border-bottom: 1px solid rgb(232, 232, 232);
}
.Order-status .order-code .top-holder {
    padding: 20px 0 10px 0;
}
.Order-status .order-code .code-num {
    padding-right: 5px;
}
.Order-status .delivery-time {
    padding: 10px var(--mrgin) 14px var(--mrgin);
    border-bottom: 3px solid rgb(222, 222, 222);
}
.Order-status .delivery-time div span:first-child{
    width: 70px;
    display: inline-block;
}
.Order-status .delivery-time .des {
    padding-right: 5px;
}
.Order-status .order-status-steps-title {
    margin-top: 20px;
    padding: 0 var(--mrgin);
}
.Order-status .order-information {
    padding: 20px var(--mrgin);
    border-top: 3px solid rgb(223, 223, 223);
}
.Order-status .order-information .tow-horizontal-line-item i {
    font-size: 18px;
    background-color: #e0f2f4;
    padding: 10px;
    border-radius: 10px;
    color: #686767;
    width: 39px;
    text-align: center;
}
.Order-status .order-information .order-information-title {
    margin-bottom: 20px;
}
.Order-status .orders {
    padding: 20px var(--mrgin);
    border-top: 3px solid rgb(223, 223, 223);
    border-bottom: 3px solid rgb(223, 223, 223);
}
.Order-status .orders-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.Order-status .orders .tow-horizontal-line-item {
    gap: 20px !important;
    height: 70px !important;
}
.Order-status .orders .tow-horizontal-line-item .left-button-holder {
    display: flex;
    gap: 5px;
}
.Order-status
    .orders
    .tow-horizontal-line-item
    .left-button-holder
    .num-disable {
    text-decoration: line-through;
}
/* ___________________Address */
.Address * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: normal;
}
.Address .main {
    margin-top: 50px;
}
.Address .input-detail-holder {
    display: flex;
    justify-content: space-between;
}
.Address .input-detail {
    padding: 5px 10px;
    border: 1px solid rgb(211, 211, 211);
    margin: 0 var(--mrgin);
    border-radius: 10px;
    width: 45%;
    position: relative;
}
.Address .input-detail > label {
    position: absolute;
    top: -10px;
    right: 15px;
    padding: 1px 5px;
    background-color: white;
    color: rgb(160, 160, 160);
    font-size: 10px;
}

.Address .input-detail > input {
    border: none;
    background: none;
    width: 100%;
    height: 100%;
    border-radius: 0%;
    padding: 8px 0;
}
.Address .input-detail > input:focus {
    border: none;
    background: none;
    box-shadow: none;
}
.Address .input-overall-holder {
    width: 100%;
    padding: 30px var(--mrgin);
}
.Address .input-overall {
    padding-top: 10px;
    border: 1px solid rgb(211, 211, 211);
    border-radius: 10px;
    position: relative;
}
.Address .input-overall > label {
    position: absolute;
    top: -10px;
    right: 15px;
    padding: 1px 5px;
    background-color: white;
    color: rgb(160, 160, 160);
    font-size: 10px;
}
.Address .input-overall > textarea {
    width: 100%;
    padding: 10px;
    background: none !important;
    border: none !important;
    outline: none !important;
    border-radius: 0;
    resize: none;
}
.Address .input-overall > textarea:focus {
    border: none !important;
    resize: none !important;
    box-shadow: none !important;
}
.Address .input-overall > p {
    padding: 7px 10px;
    background: rgb(233, 233, 233);
    color: rgb(138, 138, 138);
    border-radius: 0 0 10px 10px;
    align-items: center;
    justify-content: right;
}
.Address .input-overall > p > span {
    font-size: 7px;
    padding-left: 5px;
}
.Address .receiver {
    display: flex;
    gap: 5px;
    margin: 30px 10px 50px var(--mrgin);
    color: rgb(104, 104, 104);
}
.Address .header {
    box-shadow: none;
    position: unset;
}
.Address .header-holder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

/* ____________________________my-orders */
.My-orders * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: normal;
}
.My-orders .main {
    margin-top: 55px;
    padding-bottom: 50px;
}

.My-orders .order {
    width: 97%;
    border: 1px solid rgb(206, 206, 206);
    border-radius: 10px;
    margin: 20px auto 40px auto;
}
.My-orders .order .order--header {
    padding: 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(206, 206, 206);
}
.My-orders .order .order--time {
    padding: 5px 10px 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.My-orders .order .order--header img {
    width: 30px;
    height: 30px;
    border-radius: 4px
;
}
.My-orders .order .right-holder {
    display: flex;
    gap: 10px;
    align-items: center;
}
.My-orders .order .if-received {
    padding: 0px 5px;
    border-radius: 10px;
    background-color: rgb(243, 243, 243);
}
.My-orders .order .order--imgs {
    padding: 14px 12px 14px 22px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.My-orders .order .order--imgs img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
}
.My-orders .order .order-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.My-orders .order .order-buttons a {
    width: 91%;
    margin: auto;
    padding: 5px 0;
    border-radius: 10px;
    background: none;
    margin-bottom: 10px;
}
.My-orders .order .order-buttons button.retry {
    border: 1px solid var(--red-color);
    margin-left: 10px;
}
.My-orders .order .order-buttons a.details {
    background-color: var(--green-color);
    color: white;
    border: none;
    text-align: center;
    text-decoration: none;
}
.My-orders .order .delivery-time-bar {
    width: 100%;
    height: 5px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    background-color: rgb(217, 217, 217);
}
.My-orders .order .deliverd-massage {
    font-size: 13px;
    font-weight: bold;
    color: #00c148;
    display: flex;
    align-items: center;
    gap: 4px;
}
.My-orders .order .delivery-time-bar > * {
    height: 100%;
}
.delivery-time-bar div {
    background-color: #00c148;
}

.My-orders .order .delivery-time {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px 15px;
}
.My-orders .order .delivery-time .minutes {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.My-orders .order .delivery-time .minutes i,
.My-orders .order .delivery-time .minutes .num {
    color: #008c33;
}
.My-orders .order .delivery-time button {
    width: 100%;
    padding: 5px 0;
    color: white;
    background-color: var(--green-color);
    border-radius: 10px;
    border: none;
}
.My-orders .header {
    display: flex;
    justify-content: first baseline;
    align-items: center;
    gap: 30px;
}
/* ____________________________Successful-payment */
.Successful-payment * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: normal;
}
.Successful-payment .main {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}
.Successful-payment .main .logo-box {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    color: #008c33;
}
.Successful-payment .main .logo-box i {
    background-color: #e8f8ed;
    padding: 15px;
    border-radius: 50%;
    font-size: 40px;
}
.Successful-payment .main .page-bottom {
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.Successful-payment .main .page-bottom button {
    width: 90%;
    padding: 7px 0;
    background-color: var(--green-color);
    color: white;
    border: none;
    border-radius: 10px;
}
/* _______________________________Confirm-address */
.Confirm-address * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: normal;
}
.Confirm-address .main {
    margin-top: 20px;
    padding-bottom: 80px;
}
.Confirm-address .far .fa-dot-circle {
    color: rgb(0, 145, 255);
}
.Confirm-address .review-address .add-address-container {
    display: flex;
    justify-content: space-between;
}
.Confirm-address .review-address {
    padding: 10px;
    background-color: #e0f2f4;
    border-radius: 11px;
    margin: 10px;
    box-shadow: 0 0 0 0;
}
.Confirm-address .review-address .edit-holder {
    padding-top: 15px;
    display: flex;
    justify-content: end;
}
.Confirm-address .review-address .edit-holder a {
    text-decoration: none;
}
.Confirm-address .item-textarea textarea {
    padding: 9px 22px;
}
.Confirm-address .item-checkbox label {
    display: flex;
    padding: 10px 24px;
    gap: 10px;
}
.Confirm-address .dropdown-style label {
    border-radius: 6px;
    border: 1px solid #e7e4e4;
    margin-bottom: 6px;
}
.Confirm-address .dropdown-style select {
    background: none;
}
.Confirm-address label.item-date input {
    height: 44px;
    margin-bottom: 6px;
}
.Confirm-address .item-file .ion-upload {
    border: 1px dashed #e7e4e4;
    background: transparent;
    color: #e7e4e4;
    width: 70px;
    height: 68px;
    padding-top: 12px;
}
.Confirm-address .item-file input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
}
.Confirm-address .review-address button {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    padding: 2px 10px;
    border: 1px solid rgb(192, 192, 192);
    border-radius: 10px;
    background: none;
    font-size: 12px;
}
.Confirm-address .confirm-address_row {
    padding: 15px var(--mrgin);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid rgb(239, 239, 239);
}
.Confirm-address .confirm-address_row .right-holder {
    display: flex;
    align-items: center;
    gap: 10px;
}
.Confirm-address .extra-price-box {
    padding: 14px;
}
.Confirm-address .extra-price-box .item-content {
    font-size: 13px;
    padding-top: 14px;
}
.Confirm-address .confirm-address_row button {
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #00bd45;
    color: white;
    border: none;
    border-radius: 10px;
    box-shadow: none;
}
.Confirm-address .confirm-address_row button i {
    font-size: 20px;
}
.Confirm-address .choose-payment-title {
    margin: 15px var(--mrgin);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Confirm-address .choose-payment-item {
    margin: 5px var(--mrgin);
    padding: 15px var(--mrgin);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
.Confirm-address .choose-payment-item.active {
    background-color: #e0f2f4;
    border-radius: 12px;
}
.Confirm-address .choose-payment-item .sub-item {
    margin: 5px 0;
    padding: 15px 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    border: 1px solid rgb(0, 203, 230);
    border-radius: 10px;
}
.Confirm-address .choose-payment-item .sub-item .right-holder {
    color: gray;
}
.Confirm-address .choose-payment-item--head {
    padding: 4px 3px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Confirm-address .choose-payment-item .right-holder {
    display: flex;
    align-items: center;
    gap: 10px;
}
.Confirm-address .choose-payment-item i {
    font-size: 18px;
}
.Confirm-address .choose-payment-item .right-holder i {
    font-size: 20px;
}
.Confirm-address .choose-payment-item.chosen {
    background-color: rgb(222, 247, 255);
    color: rgb(0, 146, 195);
    border-radius: 10px;
}
.Confirm-address .header {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
}
.Confirm-address .header .right-holder {
    display: flex;
    align-items: center;
    gap: 20px;
}
.Confirm-address .header .right-holder a {
    display: flex;
    align-items: center;
}
.Confirm-address .header i {
    font-size: 20px;
}
.Confirm-address .footer {
    direction: rtl;
    display: block;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
}
.Confirm-address .footer .setTime-btn {
    background-color: var(--green-color);
    padding: 8px 15px;
    box-shadow: none;
    border: none;
    color: white;
    border-radius: 5px;
}
.Confirm-address .footer .left-holder {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    width: 55%;
}
.Confirm-address .footer .left-holder button {
    background: none;
    border: none;
}
.cart-info {
    padding: 20px 10px;
}
.cart-info .item-form input:focus,
.cart-info .item-form textarea:focus {
    background: rgba(255, 255, 255, 0) !important;
}
.cart-info textarea,
.cart-info input[type="text"],
.cart-info input[type="password"],
.cart-info input[type="datetime"],
.cart-info input[type="datetime-local"],
.cart-info input[type="date"],
.cart-info input[type="month"],
.cart-info input[type="time"],
.cart-info input[type="week"],
.cart-info input[type="number"],
.cart-info input[type="email"],
.cart-info input[type="url"],
.cart-info input[type="search"],
.cart-info input[type="tel"],
.cart-info input[type="color"] {
    background: rgb(255 255 255 / 8%) !important;
    border: 1px solid #e7e4e4;
    box-shadow: inset 0px 0px 0px 0px;
}
/* __________________cart-modal */
.time-modal {
    height: 60vh;
    width: 100%;
    position: relative;
}
.Confirm-address input:focus,
.My-addresses input:focus,
.time-modal input:focus {
    box-shadow: 0 0 0;
    background: transparent;
}
.time-modal-title {
    padding: 15px 0;
    text-align: center;
}
.time-modal .time-modal--head {
    padding: 20px 10px 10px;
    display: flex;
    justify-content: space-between;
}
.time-modal .time-modal--head_day {
    grid-column: 2 / 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: var(--blue-notif);
}
.time-modal .time-modal--head_next_holder {
    display: flex;
    align-items: center;
    width: 75px;
}
.time-modal .time-modal--head_next {
    vertical-align: middle;
    border: 1px solid rgb(218, 218, 218);
    border-radius: 15px;
    width: 100%;
    padding: 4px 10px;
    background: none;
    height: fit-content;
    display: flex;
    justify-content: center;
    font-size: 12px;
    align-items: center;
    gap: 6px;
}
.time-modal .time-modal_item {
    padding: 15px 10px;
    margin: 5px var(--mrgin);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 5px;
}
.time-modal .modal-item-disable {
    background: rgb(242, 242, 242);
    color: rgb(181, 181, 181);
    border-radius: 5px;
}
.time-modal .time-modal_item .right-holder {
    display: flex;
    align-items: center;
}
.address-modal-footer,
.time-modal-footer {
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: var(--blue-notif);
    z-index: 11;
    background: white;
}
.address-modal-footer {
    margin-bottom: 10px;
}
.time-modal-footer button {
    width: 95%;
    background-color: #2ecc71;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 10px;
    color: white;
    text-decoration: none;
    gap: 9px;
    align-items: center;
    border: none;
}
.time-modal-footer button.disabled {
    opacity: 0.7;
}
/* ______________________cancel modal */
.input-modal {
    padding: 0px var(--mrgin) 20px var(--mrgin);
}
.input-modal .modal-header {
    text-align: center;
}
.input-modal .acardion {
    width: 100%;
    padding: 12px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgb(220, 220, 220);
    margin: 20px 0;
    border-radius: 10px;
}
.input-modal .acardion:focus {
    background: none;
    box-shadow: none;
    color: rgb(104, 104, 104);
}
.input-modal .modal-buttons {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}
.input-modal .modal-buttons .submit-btn {
    flex-grow: 1;
    padding: 5px 0;
    background-color: var(--green-color);
    color: white;
    border: none;
    box-shadow: none;
    border-radius: 10px;
}
.submit-btn.disable {
    opacity: 0.2;
}
.input-modal .modal-buttons .cancel-btn {
    flex-grow: 1;
    padding: 5px 0;
    background-color: white;
    color: var(--red-color);
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid rgb(220, 220, 220);
}
/* _________________cancel description */
.cancel-des-modal {
    width: 90vw;
    margin: 30px auto;
    overflow: hidden;
    border: 1px solid rgb(217, 217, 217);
    background-color: rgb(255, 255, 255);
}
.cancel-des li {
    display: block !important;
    margin: 0;
    padding: 0 !important;
    height: fit-content !important;
}
.cancel-des > .item > div {
    padding: 15px var(--mrgin);
    display: flex;
    gap: 10px;
    align-items: center;
}
.cancel-des-modal--header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
}
/* ________________________My-discounts */
.My-discounts .header * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.My-discounts .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.My-discounts .header .right-holder {
    display: flex;
    align-items: center;
    gap: 20px;
}
.My-discounts .header .right-holder a {
    display: flex;
    align-items: center;
}
.My-discounts .header i {
    font-size: 20px;
}
.My-discounts .discout-card-holder {
    margin-top: 100px;
}
.My-discounts .discout-card {
    background-color: rgb(241, 241, 241);
    border-radius: 10px;
    overflow: hidden;
    width: 93%;
    margin: 20px auto;
}
.My-discounts .discout-card .top-holder {
    width: 100%;
    display: grid;
    grid-template-columns: 30px 1fr 1fr;
    border-bottom: 2px dotted white;
}
.My-discounts .discout-card .bottom-holder {
    width: 100%;
    display: grid;
    grid-template-columns: 30px 1fr 1fr;
}
.My-discounts .discout-card .red-title {
    background-color: red;
}
.My-discounts .discout-card .num,
.My-discounts .discout-card .market-name {
    padding: 12px 10px;
}
.My-discounts .discout-card .num p,
.My-discounts .discout-card .market-name p {
    color: rgb(227, 47, 47);
}
.My-discounts .discout-card .num span,
.My-discounts .discout-card .market-name span {
    font-size: 10px;
}
.My-discounts .discout-card .bottom-holder .code {
    text-align: center;
    padding: 12px;
}
.My-discounts .discout-card .bottom-holder .btn-holder {
    text-align: center;
    padding: 12px;
}
.My-discounts .discout-card .bottom-holder button {
    padding: 5px 27px;
    background: none;
    border: 1px solid rgb(0, 209, 209);
    color: rgb(0, 209, 209);
    border-radius: 5px;
}
/* ______________ */
.Access-location-error .modal-buttons {
    display: flex;
    justify-content: center;
}
.Access-location-error p.des {
    font-size: 12px;
    text-align: right;
}
.Access-location-error .cancel-button {
    margin-top: 15px;
    width: 95%;
    padding: 5px 0;
    background-color: var(--red-color);
    color: white;
    border: none;
    box-shadow: none;
    border-radius: 10px;
}

/**
 * Popups
 * --------------------------------------------------
 */
.popup-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.479);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    z-index: 12;
    visibility: hidden;
}
.popup-container.popup-showing {
    visibility: visible;
}
.popup-container.popup-hidden .popup {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.popup-container.active .popup {
    -webkit-animation-name: superScaleIn;
    animation-name: superScaleIn;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.popup-container .popup {
    width: 250px;
    max-width: 100%;
    max-height: 90%;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.popup-container input,
.popup-container textarea {
    width: 100%;
}

.popup-head {
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.popup-title {
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.popup-sub-title {
    margin: 5px 0 0 0;
    padding: 0;
    font-weight: normal;
    font-size: 11px;
}

.popup-body {
    padding: 10px;
    overflow: auto;
}

.popup-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px;
    min-height: 65px;
}
.popup-buttons .button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    min-height: 45px;
    border-radius: 2px;
    line-height: 20px;
    margin-right: 5px;
}
.popup-buttons .button:last-child {
    margin-right: 0px;
}

.popup-open {
    pointer-events: none;
}
.popup-open.modal-open .modal {
    pointer-events: none;
}
.popup-open .popup-backdrop,
.popup-open .popup {
    pointer-events: auto;
}

/* _______________________access location */
.Access-location p {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.Access-location .modal-buttons {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
}
.Access-location .modal-buttons .submit-btn {
    flex-grow: 1;
    height: 30px;
    background-color: var(--green-color);
    color: white;
    border: none;
    box-shadow: none;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.Access-location .modal-buttons .submit-btn p {
    color: white !important;
    font-size: 11px;
}
.Access-location .modal-buttons .cancel-btn {
    flex-grow: 1;
    height: 30px;
    background-color: white;
    color: var(--red-color);
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid rgb(220, 220, 220);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
}
.Access-location .popup-head {
    display: flex;
    justify-content: center;
    align-items: center;
}
.Access-location .popup-head img {
    height: 100px;
}
.Access-location .popup .pop-title {
    text-align: right;
    padding: 15px 0;
}
.Access-location .popup .des {
    text-align: right;
    font-size: 13px;
}
/* _____________________My-addresses */
.My-addresses * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.My-addresses .main {
    margin-top: 70px;
}
.My-addresses .choose-payment-item {
    margin: 5px var(--mrgin);
    padding: 15px var(--mrgin);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    border: 1px solid rgb(231, 231, 231);
    border-radius: 10px;
}
.My-addresses .choose-payment-item button {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.My-addresses .choose-payment-item .sub-item {
    margin: 5px 0;
    padding: 15px 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    border: 1px solid rgb(0, 203, 230);
    border-radius: 10px;
}
.My-addresses .choose-payment-item .sub-item .right-holder {
    color: gray;
}
.My-addresses .choose-payment-item--head {
padding: 4px
 3px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.My-addresses .choose-payment-item .right-holder {
    display: flex;
    align-items: center;
    gap: 10px;
}
.My-addresses .choose-payment-item .right-holder .fa-dot-circle {
    color: rgb(1, 211, 211);
}
.My-addresses .choose-payment-item .right-holder p {
    padding-left: 5px;
    font-size: 11px !important;
    line-height: 20px;
    font-weight: 500;
}
.My-addresses .choose-payment-item i {
    font-size: 18px;
}
.My-addresses .choose-payment-item .right-holder i {
    font-size: 20px;
}

.My-addresses .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.My-addresses .header .right-holder {
    display: flex;
    align-items: center;
    gap: 20px;
}
.My-addresses .header .right-holder a {
    display: flex;
    align-items: center;
}
.My-addresses .header i {
    font-size: 20px;
}

/* ____________________public */

.header {
    width: 100%;
    height: 50px;
    background-color: white;
    padding: 0 var(--mrgin);
    box-shadow: 0 3px 5px rgba(128, 128, 128, 0.197);
    position: fixed;
    top: 0;
}
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    width: 100%;
    padding: 10px var(--mrgin);
    background-color: white;
    box-shadow: 0 -5px 10px rgba(128, 128, 128, 0.197);
}
.title-line {
    padding-right: 10px;
    border-right: 5px solid var(--blue-notif);
}
.three-vertical-line-item {
    padding: 10px var(--mrgin);
    display: flex;
    justify-content: space-between;
}
.three-vertical-line-item .right-holder {
    display: flex;
    gap: 10px;
}
.tow-horizontal-line-item {
    display: flex;
    justify-content: first baseline;
    align-items: center;
    gap: 13px;
    padding: 10px 0;
    height: 60px;
}
.tow-horizontal-line-item > img {
    height: 100%;
}
.tow-horizontal-line-item > .left-holder {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.t-md {
    font-size: 8px;
    font-weight: 600;
}
.t-lg {
    font-size: 11px;
    font-weight: 600;
}
.t-xl {
    font-size: 15px;
    font-weight: 700;
}
.t-xl-light {
    font-size: 13px;
    font-weight: 600;
}
.t-gray {
    color: rgb(159, 159, 159);
}
.num-md-b {
    font-size: 10px;
    font-weight: 900;
}
.num-md {
    font-size: 10px;
    font-weight: 600;
}
.num-lg-b {
    font-size: 13px;
    font-weight: 900;
    color: black;
}
.num-md-disable {
    font-size: 10px;
    font-weight: 600;
    color: gray;
    text-decoration: line-through;
}
:root {
    --mrgin: 15px;
    --red-color: red; /* used in off and buttons */
    --green-color: #2ecc71; /* used in off and buttons */
    --blue-notif: rgb(0, 156, 143); /* used after header title */
}

.new-tabs-bottom .select-sort,
.new-tabs-bottom .select-filter {
    max-height: 94vh;
    padding-bottom: 73px;
}
.new-tabs-bottom .select-filter .rules-box {
    max-height: 54vh;
}

.breadcrumb-box {
	padding: 10px 20px;
}
.breadcrumb {
    text-decoration: none;
    color: #747474;
}
ion-modal-view.Confirm-address {
    z-index: 99 !important;
}