.loadingContent .titleLoading[data-v-20b70b6b] {
    height: 27px;
    width: 100px;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: placeholderAnimate-data-v-20b70b6b;
    animation-name: placeholderAnimate-data-v-20b70b6b
}

.loadingContent .itemLoading[data-v-20b70b6b], .loadingContent .titleLoading[data-v-20b70b6b] {
    background: linear-gradient(90deg,var(--blockBG) 2%,rgba(var(--blockBGRGB),.6) 18%,var(--blockBG) 33%)
}

.loadingContent .itemLoading[data-v-20b70b6b] {
    min-height: 90px;
    border-radius: var(--blockBorderRadius);
    border: 1px solid var(--blockBorderColor);
    box-shadow: var(--blockBoxShadow);
    width: 100%;
    -webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: placeholderAnimate-data-v-20b70b6b;
    animation-name: placeholderAnimate-data-v-20b70b6b
}

@keyframes placeholderAnimate-data-v-20b70b6b {
    0% {
        background-position: -650px 0
    }

    to {
        background-position: 650px 0
    }
}

@-webkit-keyframes placeholderAnimate-data-v-20b70b6b {
    0% {
        background-position: -650px 0
    }

    to {
        background-position: 650px 0
    }
}

.myOrdersPage .titlePage[data-v-20b70b6b] {
    font-size: 18px;
    color: var(--bodyTextColor)
}

.myOrdersPage article[data-v-20b70b6b] {
    transition: .3s
}

.myOrdersPage article a.orderItem[data-v-20b70b6b] {
    min-height: 89px;
    font-size: 14px
}

[dir=ltr] .myOrdersPage article a.orderItem .item .name .icon[data-v-20b70b6b] {
    margin-right: 5px
}

[dir=rtl] .myOrdersPage article a.orderItem .item .name .icon[data-v-20b70b6b] {
    margin-left: 5px
}

.myOrdersPage article a.orderItem .item .name .icon[data-v-20b70b6b] {
    width: 25px;
    height: 25px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.myOrdersPage article a.orderItem .item .name .icon.delivery[data-v-20b70b6b] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37.815' height='20.474'%3E%3Cpath data-name='Path 1' d='M37.356 11.723l-3.2-5.738a1.5 1.5 0 00-1.308-.767h-4.36V1.073a1.075 1.075 0 00-1.074-1.078H7.64a1.075 1.075 0 00-1.074 1.073v1.957H4.014a.591.591 0 000 1.182h7.214a.591.591 0 000-1.182h-3.48V1.182h19.56v15.46h-8.661a3.23 3.23 0 00-6.356 0H7.748v-3.363h1.745a.591.591 0 100-1.182h-7.5a.591.591 0 000 1.182h4.57v3.954a.591.591 0 00.591.591h5.134a3.23 3.23 0 006.356 0H29.36a3.23 3.23 0 006.356 0H36.8a1.016 1.016 0 001.014-1.015v-3.3a3.673 3.673 0 00-.459-1.785zm-21.887 7.564a2.058 2.058 0 112.055-2.058 2.058 2.058 0 01-2.055 2.058zm17.073 0a2.058 2.058 0 112.056-2.058 2.058 2.058 0 01-2.056 2.058zm4.1-2.649h-.919a3.23 3.23 0 00-6.356 0h-.875V6.395h4.36a.315.315 0 01.275.162l3.2 5.735a2.49 2.49 0 01.315 1.21z'/%3E%3Cpath data-name='Path 2' d='M7.157 5.441a.591.591 0 00-.591.591v3.377H5.003a.591.591 0 000 1.182h10.466a.591.591 0 100-1.182H7.748V6.03a.591.591 0 00-.591-.589zM5.272 6.88a.591.591 0 00-.591-.591H.591a.591.591 0 000 1.182h4.087a.591.591 0 00.594-.591z'/%3E%3C/svg%3E")
}

.myOrdersPage article a.orderItem .item .name .icon.pickup[data-v-20b70b6b] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.788' height='28'%3E%3Cpath d='M16.083 2.277a.4.4 0 00-.131-.306L14.244.263C14.112.131 14.025 0 13.806 0H6.363a.652.652 0 00-.394.175l-1.8 1.8a.4.4 0 00-.131.306v2.89H1.372a.414.414 0 00-.439.429v14.93a1.507 1.507 0 00-.919 1.62 1.6 1.6 0 001.139 1.361l10.2 2.933a3.125 3.125 0 002.189-.131c1.62-.7 3.328-.7 5.736-1.051a1.016 1.016 0 00.613.832l3.809 1.8a1.067 1.067 0 001.445-.525l2.539-5.429a1.1 1.1 0 00-.525-1.445l-3.809-1.8a1.069 1.069 0 00-1.27.263 13.214 13.214 0 00-2.8-1.095V5.6a.414.414 0 00-.438-.438h-2.716c-.043.004-.043-2.885-.043-2.885zM6.801 5.166V.876h6.567v4.29zM4.962 2.452l.963-.963v3.634h-.963zm8.231 23.03a2.539 2.539 0 01-1.62.088l-10.2-2.933a.7.7 0 01-.525-.613.715.715 0 01.785-.789l4.553.482a1.394 1.394 0 001.357 1.051h.09l7.312-.306a.438.438 0 000-.876l-7.312.305a.552.552 0 01-.569-.569.812.812 0 01.088-.306c.131-.131 1.4-1.182 4.641-.832a1.219 1.219 0 001.007-.306c2.233-1.8 5.517-1.839 8.888-.088l-2.145 4.553c-2.629.394-4.51.351-6.35 1.139zm9.764-5.954l3.809 1.839a.211.211 0 01.088.263l-2.539 5.429a.211.211 0 01-.263.088l-3.809-1.839a.211.211 0 01-.088-.263l2.539-5.429a.211.211 0 01.263-.089zm-4.6-1.751a7.566 7.566 0 00-6.173 1.445.423.423 0 01-.35.088c-3.94-.438-5.342 1.051-5.429 1.138a1.775 1.775 0 00-.219.394l-4.42-.442V6.042h16.55v11.734zM14.244 5.166V1.489c.438.438.744.7.963.963v2.671l-.963.044z'/%3E%3C/svg%3E")
}

.myOrdersPage article a.orderItem .item .price[data-v-20b70b6b] {
    color: var(--priceColor)
}

.myOrdersPage article a.orderItem .item time[data-v-20b70b6b] {
    color: var(--bodySecondaryTextColor)
}

.myOrdersPage article a.orderItem .item .status[data-v-20b70b6b] {
    min-width: 70px;
    height: 25px;
    font-size: 12px;
    line-height: 1
}

.myOrdersPage article a.orderItem .item .status.success[data-v-20b70b6b] {
    background-color: #e9f9ee;
    color: #2ac770
}

.myOrdersPage article a.orderItem .item .status.danger[data-v-20b70b6b] {
    background-color: #f9e6e8;
    color: #eb5455
}

.myOrdersPage article a.orderItem .item .status.warning[data-v-20b70b6b] {
    background-color: #f9f0e6;
    color: #f87828
}

.myOrdersPage article ul[data-v-20b70b6b] {
    list-style: none
}

.myOrdersPage article ul li[data-v-20b70b6b] {
    font-size: 18px;
    color: #aaa
}

.myOrdersPage article ul li.selected[data-v-20b70b6b] {
    color: #ff912c
}

.myOrdersPage article .rateOrder a[data-v-20b70b6b] {
    height: 27px;
    min-width: 80px;
    font-size: 12px;
    border: 1px solid #82868b;
    color: #82868b;
    transition: all .2s ease-in-out
}

[dir=ltr] .myOrdersPage article .rateOrder a[data-v-20b70b6b]:before {
    margin-right: 5px
}

[dir=rtl] .myOrdersPage article .rateOrder a[data-v-20b70b6b]:before {
    margin-left: 5px
}

.myOrdersPage article .rateOrder a[data-v-20b70b6b]:before {
    content: "";
    font-family: "icomoon";
    font-size: 14px
}

.myOrdersPage article .rateOrder a[data-v-20b70b6b]:hover {
    background-color: rgba(130,134,139,.04)
}

.myOrdersPage article[data-v-20b70b6b] a:hover {
    /*transform: scale(1.01)*/
    background-color: rgba(130,134,139,.04)
}

.myOrdersPage .noOrdersYet[data-v-20b70b6b] {
    min-height: 350px
}

.myOrdersPage .noOrdersYet .icon[data-v-20b70b6b] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.385 58.385' fill='%23aaa'%3E%3Cpath d='M57.377 21.616c-.828-.975-2.035-1.512-3.397-1.512H38.166L33.58 4.412a1 1 0 00-1.92.562l4.423 15.13H22.304l4.423-15.13a1.001 1.001 0 00-1.92-.562L20.22 20.104H4.292c-1.369 0-2.565.539-3.367 1.518s-1.096 2.257-.827 3.601l4.96 24.744c.522 2.606 3.109 4.726 5.767 4.726h37.812c2.674 0 5.202-2.147 5.634-4.786l4.049-24.694c.22-1.345-.115-2.622-.943-3.597zm-1.031 3.274l-4.049 24.694c-.276 1.685-1.953 3.109-3.661 3.109H10.824c-1.724 0-3.467-1.428-3.806-3.119L2.058 24.83c-.149-.744-.002-1.433.413-1.94.415-.507 1.062-.786 1.82-.786h15.344l-1.162 3.975a1.001 1.001 0 001.919.562l1.326-4.536h14.948l1.326 4.536a1.002 1.002 0 001.24.679 1 1 0 00.679-1.241l-1.162-3.975H53.98c.766 0 1.431.287 1.873.807s.617 1.223.493 1.979zm-26.153 9.594v13.214a1 1 0 01-2 0V34.484a1 1 0 012 0zm-10.111 0v13.214a1 1 0 01-2 0V34.484a1 1 0 012 0zm20.222 0v13.214a1 1 0 01-2 0V34.484a1 1 0 012 0z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px
}

.myOrdersPage .noOrdersYet span[data-v-20b70b6b] {
    font-size: 17px;
    color: #aaa
}

.myOrdersPage .noOrdersYet a[data-v-20b70b6b] {
    min-width: 200px;
    font-size: 15px
}

.my_orders_wrap {
}

.ordr_item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    /*padding: .7rem 1rem;*/
    padding-right: 1rem;
    border-right: 3px solid;
    color: #333;
    transition: all .2s ease;
    background-color: #fff;
}

:root[dir=ltr] .ordr_item {
    border-right: none;
    border-left: 3px solid;
    padding-left: 1rem;
    padding-right: 0;
}

.ordr_item:hover {
    background-color: #f6f6f6;
}

    .ordr_item:not(:last-child) {
        border-bottom: 3px solid #eaeaea;
    }

    .ordr_item > div {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 1rem;
        flex-grow: 1;
        flex-basis: content;
    }

    .ordr_item p {
        margin: 0;
    }

.order_num {
    min-width: 150px
}

.order_date {
    min-width: 220px
}

.track_num {
    min-width: 150px
}

.order_amount {
    min-width: 150px
}

.order_status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    background-color: teal;
    padding: .2rem .5rem;
    border-radius: 50px;
    color: #fff;
}


.ordr_item.primary {
    border-right-color: #009ef7;
}
    .ordr_item.primary .order_status {
        background-color: #009ef7;
    }

.ordr_item.danger {
    border-right-color: #dc3545;
}

    .ordr_item.danger .order_status {
        background-color: #dc3545;
    }

.ordr_item.success {
    border-right-color: #198754;
}

    .ordr_item.success .order_status {
        background-color: #198754;
    }

.ordr_item.warning {
    border-right-color: #ffc107;
}

    .ordr_item.warning .order_status {
        background-color: #ffc107;
    }

.ordr_item.default {
    border-right-color: #6c757d;
}

    .ordr_item.default .order_status {
        background-color: #6c757d;
    }