.review-need-login {
    position: absolute;
    background: #ffffffba;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    padding-top: 40%;
}

.search-results {
    /* border: solid 1px #dadada; */
    padding: 15px;
    border-radius: 3px;
}

.compare-searched-wrapper {
    cursor: pointer;
}

.compare-searched-img-wrapper {
    content: "";
    display: block;
    padding-top: 100%;
}

    .compare-searched-img-wrapper img {
        position: absolute;
        top: 0;
        border-radius: 3px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.compare-searched-wrapper label {
    text-align: center;
    width: 100%;
    font-size: 12px;
    font-weight: 900;
}

.compare-item-wrapper {
    border-left: solid 1px #dadada;
}

    .compare-item-wrapper:last-of-type {
        border-left: unset;
    }

.compare-items-header {
    position: sticky;
    top: 100px;
    z-index: 1;
    background-color: white;
    box-shadow: 0 5px 5px #20c9973b;
    border: solid 1px #dadada;
    border-bottom: solid 2px var(--teal);
}

.compare-item-btn-add {
    text-align: center;
    display: table;
    width: 100%;
    height: 160px;
    margin: 15px 0;
    background: white;
}

    .compare-item-btn-add i {
        width: 148px;
        font-size: 90px;
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        border: dotted 2px;
        margin: 15px 0;
        border-radius: 7px;
    }

.compare-item-add {
    cursor: pointer;
    color: gray;
    transition: .3s;
}

    .compare-item-add:hover {
        cursor: pointer;
        color: #5f5f5f;
    }

.compare-item-btn-add div {
    font-size: 14px;
    font-weight: 300;
    margin-top: 15px;
}

.compare-item-btn {
    padding: 5px 20px;
    background: var(--teal);
    border-radius: 0 0 7px 7px;
    width: 100%;
    display: block;
    font-size: 17px;
    font-weight: 100;
    margin-top: -15px;
}

.compare-item:after {
    width: 0;
    height: 0;
    border-color: transparent transparent var(--teal);
    border-style: solid;
    border-width: 0 10px 10px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(180deg);
    content: "";
}

.compare-item {
    margin: 15px 0;
    text-align: center;
}

    .compare-item:hover .remove-item {
        opacity: 1;
    }

    .compare-item .remove-item {
        position: absolute;
        left: 4px;
        top: 4px;
        z-index: 2;
        font-size: 40px;
        line-height: 33px;
        width: 30px;
        height: 30px;
        background: #00000094;
        border-radius: 6px;
        cursor: pointer;
        color: white;
        transition: .3s;
        opacity: 0;
    }

        .compare-item .remove-item:hover {
            background: #ff000085;
        }

.compare-items-details {
}

.compare-items-title {
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 0;
    background: #eaeaea;
}

.compare-items-values {
    padding: 10px 0;
    text-align: center;
    border-left: solid 1px #dadada;
    margin: 5px 0;
}

    .compare-items-values:nth-of-type(4) {
        border-left: none;
    }

    .compare-items-values a {
        padding: 5px 0;
    }

.compare-owl {
    width: 100%;
    margin-bottom: 15px;
}

.compare-owl {
    border-radius: 7px 7px 0 0;
    overflow: hidden;
}

    .compare-owl .owl-nav {
        position: absolute;
        top: calc(50% - 15px);
        width: 100%;
        font-size: 28px;
    }

        .compare-owl .owl-nav button {
            position: absolute;
            width: 30px;
            transition: .3s;
            background-color: unset;
        }

        .compare-owl .owl-nav .owl-next {
            left: 0;
        }

        .compare-owl .owl-nav .owl-prev {
            right: 0;
        }

            .compare-owl .owl-nav .owl-next:hover,
            .compare-owl .owl-nav .owl-prev:hover {
                background-color: unset !important;
            }

    .compare-owl .item {
        width: 100%;
        height: 125px;
    }

        .compare-owl .item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.dcicon {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 15px;
    color: #006b18;
}

.coupon.big.selected {
    transform: scale(1.1)rotate(6deg) !important;
    color: #002a6b;
}

    .coupon.big.selected:before {
        content: '\f00c';
        font-family: "Font Awesome 6 Pro";
        position: absolute;
        font-size: 80px;
        left: calc(50% - 35px);
        top: calc(50% - 50px);
        color: #006b18;
        z-index: 1;
        opacity: 1;
        transition: .3s;
        transform: rotate(0)scale(1);
    }

.coupon.big:before {
    content: '\f00c';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    font-size: 80px;
    left: calc(50% - 35px);
    top: calc(50% - 50px);
    color: #006b18;
    z-index: 1;
    transition: .3s;
    opacity: 0;
    transform: rotate(360deg)scale(0);
}

.coupon.big {
    width: 200px;
    height: 177px;
    cursor: pointer;
    user-select: none;
}

    .coupon.big .bg {
        font-size: 177px;
    }

    .coupon.big .code {
        top: 25px;
        width: 130px;
    }

    .coupon.big .title {
        font-size: 15px;
        top: 60px;
        width: 120px;
        line-height: 24px;
    }

        .coupon.big .title i {
            font-size: 22px;
        }

    .coupon.big:hover {
        transform: scale(1.43);
    }

.coupon {
    transition: .3s;
    width: 101.25px;
    height: 90px;
    margin-left: 1px;
    float: right;
    color: #2a6d2b;
}

    .coupon > span {
        position: absolute;
    }

    .coupon .bg {
        font-size: 90px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .coupon .code {
        left: 2px;
        font-size: 13px;
        font-weight: bolder;
        top: 13px;
        text-align: center;
        width: 66px;
        color: black;
    }

    .coupon .title {
        left: 10px;
        font-size: 12px;
        font-weight: bolder;
        top: 39px;
        text-align: center;
        width: 58px;
        line-height: 14px;
        /* color: #2a6d2b; */
    }

    .coupon .close {
        left: -6px;
        font-size: 15px;
        font-weight: bolder;
        top: 38px;
        text-align: center;
        color: red;
        opacity: 1;
        cursor: pointer;
    }

    .coupon .desc {
        display: none
    }

.ticket-row {
    box-shadow: 0 0 5px #d8d8d8;
    border-radius: 5px;
    border: solid 1px #d8d8d8;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .ticket-row .subject {
        color: gray;
        font-size: 18px;
        font-weight: 100;
    }

    .ticket-row .ticket-no {
        color: #bdbdbd;
        font-size: 11px;
        font-weight: 600;
    }

    .ticket-row .date {
        position: absolute;
        top: 9px;
        left: 140px;
        font-size: 11px;
        color: #ababab;
    }

    .ticket-row .status {
    }

        .ticket-row .status[data-status="Closed"] span {
            background-color: #29a745;
            color: white;
        }

        .ticket-row .status[data-status="Opened"] span {
            background-color: #647dab;
            color: white;
        }

        .ticket-row .status[data-status="Sent"] span {
            background-color: beige;
        }

        .ticket-row .status span {
            position: absolute;
            top: 0;
            left: 0;
            padding: 5px;
            border-radius: 15px;
            padding-right: 15px;
            padding-left: 15px;
            width: 110px;
            text-align: center;
        }

.filenamearea {
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
    height: 130px;
}

    .filenamearea:before {
        content: '\f15b';
        font-family: "Font Awesome 6 Pro";
        font-size: 89px;
        position: absolute;
        top: -2px;
        left: 0;
        width: 100%;
        font-weight: 100;
        color: #bae3ea;
    }

    .filenamearea ext {
        position: absolute;
        top: 55px;
        font-size: 22px;
        left: 0;
        width: 100%;
        color: gray;
    }

    .filenamearea filename {
        position: absolute;
        top: 113px;
        font-size: 10px;
        left: 0;
        width: 100%;
    }

.msgbox {
    position: fixed;
    width: 30%;
    background-color: #1c8cb9c2;
    color: black;
    left: 35%;
    top: 5%;
    text-align: center;
    font-size: 20px;
    font-family: IRANSans,gothic;
    padding: 20px;
    border: solid 1px rgba(255, 255, 255, 0.64);
    z-index: 1000001;
}

.msg-box-red {
    background: #dc3545 !important;
}

.msg-box {
    background: #009e51;
    color: white;
    text-align: right;
    font-size: 17px;
    font-family: IRANSans,gothic;
    padding: 5px;
    direction: rtl;
    margin-bottom: 10px;
    padding-right: 50px;
    position: relative;
    min-height: 46px;
    font-weight: 100;
}

    .msg-box i {
        position: absolute;
        top: 7px;
        right: 10px;
        font-size: 35px;
        color: white;
    }

    .msg-box span {
        font-size: 11px;
        font-style: italic;
        display: block;
    }

.msg-box-wrapper {
    position: fixed;
    min-width: 20%;
    right: 10px;
    top: 10px;
    text-align: center;
    font-size: 20px;
    font-family: IRANSans,gothic;
    direction: rtl;
    z-index: 1000001;
    pointer-events: none;
}

.pointer {
    cursor: pointer;
}

.uploadedFile {
    width: 190px;
    padding: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin: 5px;
    /* height: 80px; */
    float: right;
    border: 1px solid rgb(220, 220, 220);
    border-radius: 4px;
}

    .uploadedFile percent {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        z-index: 9;
        font-size: 65px;
        line-height: 180px;
        color: #18583b;
        text-shadow: 0 0 5px white;
        font-weight: bold;
    }

    .uploadedFile img {
        width: 100%;
        /* padding:10px; */
        /* box-shadow: 0 0 10px grey; */
        /* margin: 10px; */
        height: 180px;
        border-radius: 4px;
    }

    .uploadedFile input {
        width: 100%;
        border: none;
        height: 30px;
        border: solid 1px #cccccc;
        border-bottom: solid 1px #cccccc;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
        border-radius: 4px;
        direction: rtl;
    }

    .uploadedFile select {
        width: 100%;
        border: none;
        height: 30px;
        border: solid 1px #cccccc;
        border-bottom: solid 1px #cccccc;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
        border-radius: 4px;
        direction: rtl;
    }

    .uploadedFile button {
        width: 100%;
        border: none;
        background-color: darkred;
        color: white;
        padding: 5px;
        border-radius: 4px;
    }

.progressItem {
    min-width: 100px;
    min-height: 100px;
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

    .progressItem pic {
        position: absolute;
        top: 0;
        left: 0;
        color: #000000 !important;
        z-index: 3;
    }

    .progressItem name {
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px;
        z-index: 3;
    }

.progress {
    display: block;
    height: 100%;
    border-radius: 0px;
    background-color: rgb(43,194,83);
    background-image: linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
    box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
    position: absolute;
    overflow: hidden;
    animation: move 2s linear infinite;
    z-index: 1;
    width: 0;
    opacity: 0.8;
    top: 0;
    margin-bottom: 0;
    left: 0;
}

    .progress:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
        z-index: 2;
        border-radius: 0px;
        background-size: 50px 50px;
        animation: move 2s linear infinite;
        overflow: hidden;
    }

@keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

.file-upload-icon {
    font-size: 94px;
    color: #16a2b8;
    border-width: 2px;
    border-style: dotted;
    border-color: unset;
    border-image: initial;
    padding: 10px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease 0s;
    opacity: 0.3;
}

    .file-upload-icon:hover {
        opacity: 1 !important;
    }

.checkout-items {
}

    .checkout-items item {
        float: right;
        margin-left: 25px;
        border: solid 1px #dddddd;
        background: whitesmoke;
        padding: 10px;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.5s;
        margin-bottom: 25px;
        width: 300px;
        min-height: 236px;
    }

.checkout-items-selected {
    border-color: #5cb85c !important;
    box-shadow: 0 0 5px #5cb85c85;
}

.checkout-items i {
    font-size: 75px;
    display: block;
    text-align: center;
    color: #5cb85c !important;
}

.big-center i {
    font-size: 95px;
    color: #979797 !important;
}

.big-center {
    border: dashed 2px #d8d8d8 !important;
    padding-top: 55px !important;
}

    .big-center span {
        font-size: 20px;
        color: #979797;
        display: block;
        text-align: center;
    }

.checkout-items label {
    position: absolute;
}

.checkout-items name {
    color: black;
    font-size: 25px;
    display: block;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 13px;
    border-bottom: solid 1px #dddddd;
    padding-top: 15px;
}

.checkout-items desc {
    text-align: justify;
}

.noresize {
    resize: none;
    min-height: 100px;
}

.reg_wrapper {
    min-height: 390px;
}

.panel-heading h3 {
    margin: 0;
}

#register_form {
    display: none;
}

.forgot-a-wrapper {
    line-height: 30px;
    text-align: left;
}

#forgot-wrapper {
    float: none !important;
    margin: auto;
}

.cart-wrapper {
    margin-bottom: 15px
}

.cart-item img {
    height: 100px;
    width: 100%;
    object-fit: cover;
}

.cart-item {
    margin-bottom: 0px;
    border: solid 1px #dadada;
    padding: 5px;
    height: 112px;
    border-bottom: none;
}

del {
    color: #d20000;
    font-size: 13px;
    height: 12px;
}

.cart-item div:first-of-type {
    padding: 0;
    text-align: right;
    font-size: 0;
}

.cart-item div:first-of-type,
.cart-item div:last-of-type {
    border: none;
}

.cart-item div {
    height: 100%;
    text-align: center;
    border-left: solid 1px rgba(218, 218, 218, 0.42);
    padding: 0;
    display: grid;
}

.cart-item select {
    width: 50%;
    text-align: center;
    position: absolute;
    top: calc(50% - 15px);
    height: 30px;
    left: 25%;
}

.cart-item input[type='number']::-webkit-inner-spin-button,
.cart-item input[type='number']::-webkit-outer-spin-button {
    display: none;
}


.cart-item div:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}

.cart-item-title {
    height: 40px;
    font-weight: bold;
    margin-bottom: 5px;
    border: solid 1px #dadada;
}

.cart-item-footer {
    height: auto;
    font-weight: bold;
    margin-bottom: 0px;
}

    .cart-item-footer div:nth-of-type(2) {
        padding: 0 0 0 5px;
        text-align: left !important;
    }

    .cart-item-footer:last-of-type {
        border: solid 1px #dadada;
    }

.cart-item .remove, .list-item .remove {
    left: 15px;
}

.cart-item:hover .remove, .list-item:hover .remove, .list-item:hover .confirm, .list-item:hover .reject {
    opacity: 0.5;
}

.list-item .remove, .list-item .confirm, .list-item .reject {
    position: absolute;
    top: calc(50% - 15px);
    font-size: 25px;
    color: red;
    opacity: 0;
    transition: all 0.5s;
    cursor: pointer;
}


.cart-item .remove, .list-item .confirm {
    color: #5cb85c;
    left: 40px;
}

.cart-item .remove, .list-item .reject {
    left: 68px;
    color: #ffa700;
}

.cart-item .remove {
    position: absolute;
    top: calc(50% - 15px);
    left: 5px;
    font-size: 25px;
    color: red;
    opacity: 0;
    transition: all 0.5s;
    cursor: pointer;
}

.cart-items-mobile {
    display: none;
}

@media (max-width:600px) {
    .cart-items {
        display: none;
    }

    .cart-items-mobile {
        display: block;
    }

        .cart-items-mobile .item {
            margin-top: 3px;
        }

            .cart-items-mobile .item span {
                display: block
            }

        .cart-items-mobile .image {
            padding: 0;
            padding-right: 15px
        }

            .cart-items-mobile .image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                box-shadow: 0 0 5px #c9c9c9;
                border: solid 1px #c9c9c9;
                border-radius: 8px;
            }

        .cart-items-mobile .box {
            margin-bottom: 8px;
            border: solid 1px #e7e7e7;
            background: #fdfdfd;
            box-shadow: 0 0 5px #dddddd;
            border-radius: 8px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
}


.table-content .list-item {
    width: max-content;
    border-left: solid 2px #dadada;
    display: block;
    margin: auto;
}

    .table-content .list-item div {
        width: 130px;
        float: right;
        word-break: break-word;
    }

.table-content-same-width .list-item div {
    width: 130px !important;
}

.table-content-same-width .list-item {
    width: max-content !important;
}

@media (min-width: 990px) {
    .table-content .list-item div {
        width: 14.28571428571429%;
    }

    .table-content .list-item {
        width: 100%;
    }
}

.list-item a {
    display: contents;
}

.list-item {
    margin-bottom: 0px;
    border: solid 1px #dadada;
    padding: 5px;
    height: 80px;
    border-bottom: none;
}

    .list-item:hover delete {
        opacity: 1
    }

    .list-item delete {
        display: inline-block;
        position: absolute;
        right: 5px;
        top: 50%;
        font-size: 16px;
        color: red;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 1;
        opacity: 0.2;
        transition: .3s;
    }

    .list-item:hover {
        background-color: rgb(252 246 248) !important;
    }

    .list-item:nth-child(odd) {
        background-color: #fbfbfb;
    }

    .list-item:hover .navigator {
        padding-right: 25px;
        color: #b47388;
    }

    .list-item div:last-of-type {
        border: none;
    }

.list-item-last {
    border-bottom: solid 1px #dadada;
    ;
}

.list-item div {
    height: 100%;
    text-align: center;
    border-left: solid 1px rgba(218, 218, 218, 0.42);
    padding: 0;
    display: grid;
}



    .list-item div:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

.list-item-title {
    height: 40px;
    font-weight: bold;
    margin-bottom: 5px;
    border: solid 1px #dadada;
    background-color: #e5a7bb !important;
    color: white;
}

    .list-item-title:hover {
        background-color: #e5a7bb !important;
    }

    .list-item-title div {
        border-left: solid 1px rgba(218, 218, 218, 0.75);
    }

.list-item .navigator {
    font-size: 28px;
    color: darkgrey;
    transition: all 0.3s;
}

.list-item .statusicon {
    font-size: 30px;
    color: darkgrey;
    transition: all 0.3s;
}

.order-title {
    font-size: 13px;
    line-height: 1.692;
    color: #bababa;
    display: block;
    margin-bottom: 10px;
}

    .order-title:after {
        content: " :";
    }

.order-value {
    font-size: 18px;
    line-height: 1.375;
    letter-spacing: -.3px;
    color: #505050;
    margin-bottom: 4px;
}

.order-info {
    padding: 10px;
    border: solid 1px #ececec;
    border-bottom: none;
}

.order-info-last {
    border: solid 1px #ececec;
}

.table-content {
    width: 100%;
    overflow-x: auto;
    /* background: #e2e2e2; */
    padding: 5px;
}

.order-info div:first-of-type { /* border-left:solid 1px #ececec; */
}

.order-ingo-group-title {
    text-align: right;
    font-size: 20px;
    color: #5cb85c;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 25px;
    background: #fcfcfc;
}

.order-status {
    display: block;
    padding: 15px;
    text-align: right;
    margin-bottom: 5px;
    font-size: 20px;
    padding-right: 70px;
    height: 58px;
}

    .order-status i {
        position: absolute;
        top: 0;
        right: 0;
        width: 58px;
        height: 58px;
        line-height: 58px;
        background-color: #00000073;
        font-size: 28px;
        color: white;
        text-align: center;
    }

.pay-type-in-list {
    font-weight: 100; /* position: absolute; */ /* display:block; */
    width: 100%;
    color: #5cb85c;
}

.address-item {
    box-shadow: 0 0 5px #f4f4f4;
    padding: 25px;
    border: solid 1px #d8d8d8;
    /* border-radius:5px; */
    margin-bottom: 25px;
    background-color: #fcfcfc;
}

    .address-item name {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 5px;
        display: block;
    }

    .address-item address {
        font-size: 14px;
        color: #979797;
        margin-bottom: 35px;
        display: block;
    }

    .address-item postalcode {
        font-size: 17px;
        color: #979797;
        display: block;
        margin-bottom: 5px;
    }

    .address-item mobile {
        font-size: 17px;
        color: #979797;
        display: block;
        margin-bottom: 5px;
    }

    .address-item tel {
        font-size: 17px;
        color: #979797;
        display: block;
        margin-bottom: 25px;
    }

    .address-item editbox, .address-item-add editbox {
        display: block;
        border-top: solid 1px #d8d8d8;
        padding-top: 15px;
        text-align: left;
        width: 100%;
        padding-left: 15px;
    }

        .address-item editbox button,
        .address-item-add editbox button, .address-item-add editbox a {
            border: none;
            padding: 5px 25px;
            border-radius: 5px;
            transition: all 0.3s;
            cursor: pointer;
        }

            .address-item editbox button:hover, .address-item-add editbox button:hover, .address-item-add editbox a:hover {
                box-shadow: 0 0 15px #b5b5b5;
            }

        .address-item editbox .delete, .address-item-add editbox .delete {
            background-color: #f14736;
            color: white;
        }

        .address-item editbox .edit, .address-item-add editbox .edit {
            background-color: #008a8e;
            color: white;
        }

        .address-item-add editbox .add {
            background-color: #30a500;
            color: white;
        }

.address-item-add .col-xs-6 {
    padding-left: 0;
}

.address-item-add .row div:first-of-type { /* padding-right:0; */
}


.address-item-add {
    box-shadow: 0 0 5px #f4f4f4;
    padding: 25px;
    border-style: dashed;
    border: dashed 2px #d8d8d8;
    /* border-radius: 5px; */
    margin-bottom: 25px;
    background-color: #fcfcfc;
    text-align: right;
}

.address-add-title i {
    font-size: 100px;
    color: #979797;
    margin-bottom: 15px;
}

.address-item-add span {
    font-size: 20px;
    color: #979797;
    display: block;
}

.address-add-title {
    padding-top: 55px;
    text-align: center;
    padding-bottom: 90px;
    cursor: pointer;
}

.address-add-box {
    display: none;
}

.address-item i {
    margin-left: 5px;
    width: 25px;
    text-align: center;
}

.address-item button i {
    margin-left: 0px;
    width: unset;
}

.empty-cart span {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 50px;
    display: block;
    color: #636363;
}

.empty-cart i {
    font-size: 120px;
    font-weight: 100;
    margin-bottom: 20px;
    display: block;
    color: #cacaca;
}

#favorite-btn {
    cursor: pointer;
    font-size: 40px;
}

.favorite-item {
    padding: 10px;
    margin-bottom: 15px;
    border: solid 1px #dadada;
}

.favorite-img {
    width: 100%;
    object-fit: contain;
}

.favorite-name {
    font-size: 18px;
}

.favorite-price {
    font-size: 15px;
    color: #d9534f;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dash-title {
    border: solid 1px #dadada;
    padding: 10px;
    font-size: 25px;
    margin-bottom: 5px;
    background-color: #f7f7f7;
    text-align: right;
    font-weight: 100;
    padding-right: 65px;
    height: 57px;
}

    .dash-title i {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 55px;
        height: 55px;
        text-align: center;
        line-height: 55px;
        border-left: solid 1px #dadada;
        background-color: #ebac8b;
    }

.dash-more {
    border: solid 1px #dadada;
    padding: 10px;
    font-size: 15px;
    margin-top: 5px;
    background-color: #fbfbfb;
    margin-bottom: 30px;
    text-align: right;
    font-weight: bolder;
    cursor: pointer;
    color: #007eff;
    text-decoration: underline;
    transition: all 0.3s;
}

    .dash-more:hover {
        background-color: #f3f7ff;
    }

.dash-content {
    border: solid 1px #dadada;
    padding: 5px;
}


.dash-master-menu {
    padding: 0;
}

    .dash-master-menu li {
        display: block;
        background: #f7f7f7;
        color: #365071;
        margin-bottom: 5px;
        font-size: 15px;
        transition: all 0.3s;
        border: solid 1px #dadada;
    }

    .dash-master-menu .active {
        color: white;
        background: #365071;
        border-right: solid 5px #ebac8b;
    }

        .dash-master-menu .active i {
            color: white
        }

    .dash-master-menu li:hover {
        background: #ebac8b;
        border-right: solid 5px #365071;
    }

        .dash-master-menu li:hover i {
            color: black;
        }

    .dash-master-menu li a {
        display: block;
        padding: 15px;
        padding-right: 45px;
    }

    .dash-master-menu i {
        position: absolute;
        display: inline-block;
        margin-left: 10px;
        width: 25px;
        height: 25px;
        text-align: center;
        font-size: 20px;
        line-height: 25px;
        right: 10px;
        color: #ebac8b;
    }

.empty-content {
    text-align: center;
    font-size: 15px;
    color: #a2a2a2;
    padding: 50px;
}

    .empty-content i {
        font-size: 80px;
        display: block;
        color: #a2a2a2;
        margin-bottom: 25px
    }

.ui-slider-horizontal {
    height: 20px;
}

.ui-slider .ui-slider-handle {
    height: 25px;
    width: 25px
}

.ui-slider .ui-state-active {
    background-color: #5a7871;
    border-color: #44615a
}

.ui-widget-header {
    border: 1px solid #289228;
    background: linear-gradient(90deg, rgb(246, 246, 246) 0%, rgb(85, 119, 113) 100%);
}


.loading-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffffc7;
    color: #fff;
    z-index: 3;
    display: none;
}

.center {
    position: sticky;
    height: 90px;
    top: calc(50% - 45px);
    margin-left: calc(50% - 45px);
}

.dot-1 {
    position: absolute;
    z-index: 3;
    width: 30px;
    height: 30px;
    top: 30px;
    left: 30px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
    animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}

.dot-2 {
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 60px;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
    animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}

.dot-3 {
    position: absolute;
    z-index: 1;
    width: 90px;
    height: 90px;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
    animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
}

@-webkit-keyframes jump-jump-1 {
    0%, 70% {
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jump-jump-1 {
    0%, 70% {
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes jump-jump-2 {
    0%, 40% {
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jump-jump-2 {
    0%, 40% {
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes jump-jump-3 {
    0%, 10% {
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jump-jump-3 {
    0%, 10% {
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.invite-bg {
    background: #ebac8b;
}

.invite-code-head {
    text-align: center
}

    .invite-code-head .texts {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

        .invite-code-head .texts .invite-code {
            background: #e6efe7;
            border-radius: 8px;
            padding: 5px 5px 0px 5px;
            margin: 0;
        }

    .invite-code-head .stars {
    }

.profile-invite-code {
    font-size: 237px;
    position: absolute;
    color: #cd1515;
    top: -100px;
    left: 34px;
    z-index: 1;
}

@media (max-width: 768px) {
    .profile-invite-code {
        font-size: 100px;
        position: relative;
        top: unset;
        left: unset;
        display: block;
        text-align: center;
        margin-top: 15px;
        margin: auto;
    }
}


.invite-levels {
}

    .invite-levels .level {
        text-align: center;
        margin-top: 15px;
    }

        .invite-levels .level .icon {
            width: 120px;
            height: 120px;
            display: inline-block;
            background: white;
            border: solid 12px #ebac8b;
            border-radius: 50%;
        }

            .invite-levels .level .icon i {
                font-size: 55px;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                color: #365071;
            }

        .invite-levels .level .title {
            margin: 5px 0 10px 0;
        }

            .invite-levels .level .title .sub-title {
                background: #365071;
                border-radius: 7px;
                padding: 0 5px;
                color: white;
                margin-left: 5px;
                font-size: 10px;
            }

            .invite-levels .level .title .text-title {
                color: #365071;
                font-weight: bold;
            }

        .invite-levels .level .text {
            font-weight: 500;
        }

.invite-infos {
    margin-top: 50px;
    text-align: center;
    border-radius: 30px;
    border: solid 10px #ebac8b;
}

    .invite-infos div:nth-child(1) div:nth-child(2) {
        font-size: 20px;
        font-weight: 500;
    }

    .invite-infos .info {
        padding: 0;
        place-self: center;
    }

        .invite-infos .info > div:first-child {
            font-weight: 500;
            font-size: 12px;
        }

        .invite-infos .info > div:nth-child(2) {
            font-weight: 500;
            font-size: 20px;
            margin-top: 10px;
        }