body.woocommerce-account:not(.logged-in) {
    &.page-template-my-account {
        .my-account-template {
            .post-container {
                margin: auto;

                .u-column2 {
                    display: none;
                }

                &.login {
                    .u-column1 {
                        display: block;
                    }
                }

                &.register {
                    .u-column1 {
                        display: none;
                    }

                    .u-column2 {
                        display: block;
                    }
                }

                .digor {
                    display: none;
                }
            }
        }

    }

    .logo-wrapper {
        text-align: center;
        padding: 25px;
    }

    .post-container {
        margin: auto;

        .post-inner {
            padding: 0;

            .footer {
                @media (min-width: 992px) {
                    background: rgba(93, 214, 0, .06);
                    border-top: 1px solid rgba(0, 190, 214, .13);
                }
                padding: 20px;
                text-align: center;
                font-size: 16px;

                a {
                    border-bottom: 1px dashed $primary;
                    color: $primary;
                }
            }
        }

        .woocommerce-notices-wrapper {
            .woocommerce-error {
                margin: 20px;
            }
        }

        .u-column1, .u-column2 {
            float: none;
            width: 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding-right: 0;
            padding-left: 0;

            h2 {
                font-size: 18px;
                font-weight: bold;
                border-bottom: 1px solid #ECECEC;
                color: #656565;
                padding: 20px;
            }
        }

        form.login,
        form.register,
        form.lost_reset_password {
            border: none;
            margin: 0;

            label[for="username"],
            label[for="password"],
            label[for="reg_username"],
            label[for="reg_email"],
            label[for="reg_password"],
            label[for="user_login"],
            label[for="first-name"],
            label[for="last-name"],
            label[for="company-name"],
            label[for="seller-url"],
            label[for="shop-phone"] {
                position: relative;

                &:before {
                    font-family: IRANKala;
                    position: absolute;
                    top: 27px;
                    font-size: 24px;
                    left: 10px;
                    color: #929292;
                    z-index: 2;
                }
            }

            label[for="username"],
            label[for="reg_username"],
            label[for="user_login"] {
                &:before {
                    content: '\E1E0\00FE0E';
                }
            }

            label[for="password"],
            label[for="reg_password"] {
                &:before {
                    content: '\E16A\00FE0E';
                }
            }

            label[for="reg_email"] {
                &:before {
                    content: "\E184\00FE0E";
                }
            }

            label[for="first-name"] {
                &:before {
                    content: '\E1E0\00FE0E';
                }
            }

            label[for="last-name"] {
                &:before {
                    content: '\E1E0\00FE0E';
                }
            }

            label[for="company-name"] {
                &:before {
                    content: "\E1B1\00FE0E";
                }
            }

            label[for="seller-url"] {
                &:before {
                    content: "\E147\00FE0E";
                }
            }

            label[for="shop-phone"] {
                &:before {
                    content: "\E075\00FE0E";
                }
            }

            #username,
            #password,
            #reg_username,
            #reg_email,
            #reg_password,
            #user_login,
            #first-name,
            #last-name,
            #company-name,
            #seller-url,
            #shop-phone {
                padding-left: 40px;
            }
        }

        .woocommerce-privacy-policy-text {
            @include alert-warning();
        }

        .woocommerce-password-strength {
            margin-top: 8px;
            border-radius: $border-radius;
            line-height: 20px;
        }

        .button {
            display: block;
            width: 100%;
            background: $primary;
            border-color: darken($primary, 10%);
            margin-top: 10px;
            margin-right: 0;
        }

        .social-button {
            margin-top: 10px;

            .btn {
                border-bottom: none;
                color: #FFF;
                width: 100%;
            }
        }

        .lost_reset_password {
            padding: 20px;

            p:nth-child(1) {
                @include alert-warning();
            }

            .form-row-first {
                width: 100%;
                float: none;
            }
        }
    }

    .account-footer {
        text-align: center;
        padding: 20px 0;
        border-top: 1px solid #E7E7E7;
        margin-top: 30px;

        ul.menu {
            .page-item,
            .menu-item {
                display: inline-block;
                margin: 0 15px;
            }
        }

        .footer-copyright {
            color: #B0B0B0;
            margin-top: 20px;
        }
    }
}

body.woocommerce-lost-password:not(.logged-in) {
    .woocommerce-message {
        margin: 20px;

        & + p {
            margin: 20px;
        }
    }
}

body.logged-in.woocommerce-account {
    .post-container .post-inner {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        border: none;
        padding: 0;

        .post-body {
            p {
                line-height: 32px;
            }

            h2, h3 {
                font-size: 18px;
            }

            > .woocommerce {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .woocommerce-MyAccount-navigation,
            .woocommerce-MyAccount-content {
                float: none;
                width: 100%;
            }

            .account-nav-container {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
                @media (min-width: 992px) {
                    -ms-flex: 0 0 20%;
                    flex: 0 0 20%;
                    max-width: 20%;
                    width: 20%;
                    padding-right: 20px;
                }
            }

            .woocommerce-MyAccount-content {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
                @media (min-width: 992px) {
                    -ms-flex: 0 0 80%;
                    flex: 0 0 80%;
                    max-width: 80%;
                    width: 80%;
                }
            }

            @media (max-width: 992px) {
                border-radius: 0;
                background-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
                padding: 0;
            }
        }

        .woocommerce-MyAccount-navigation {
            ul {
                @include account-box();
                padding: 0;
            }

            .woocommerce-MyAccount-navigation-link {
                padding: 10px 20px;
                @media (max-width: 992px) {
                    border-bottom: 1px solid #F1F1F1;
                    position: relative;
                    &:after {
                        font-family: IRANKala;
                        content: "\E0B7\00FE0E";
                        font-size: 18px;
                        position: absolute;
                        right: 5px;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                }
            }
        }

        .woocommerce-MyAccount-content {
            @include account-box();
            padding: 30px;
            @media (max-width: 992px) {
                margin-top: 20px;
            }

            table.shop_table th {
                background-color: $info;
                color: #FFF;
            }

            .woocommerce-column__title,
            .woocommerce-order-details__title {
                margin-bottom: 10px;
                font-size: 18px;
            }

            .woocommerce-pagination {
                margin-top: 20px;
                text-align: center;
            }

            .woocommerce-OrderUpdates {
                padding: 0;
            }

            .woocommerce-Address-title {
                margin: 15px 0 7px;

                a {
                    color: #C7C7C7;
                }
            }

            .profile-stats {
                margin-top: 30px;
                table-layout: fixed;

                td {
                    padding-top: 20px;
                    padding-bottom: 20px;
                    text-align: left;
                    vertical-align: top;

                    span {
                        color: #939393;
                        display: block;
                        margin-bottom: 10px;
                    }

                    p {
                        font-size: 16px;
                        font-weight: bold;
                    }
                }

                tr td:first-child {
                    border-right: 1px solid rgba(0, 0, 0, .1);;
                }

                & + .stats-action {
                    text-align: center;
                    margin-top: 10px;

                    a {
                        color: $info;
                        border-bottom: 1px dashed $info;

                        &:before {
                            font-family: IRANKala;
                            content: "\E172\00FE0E";
                            margin-right: 8px;
                            position: relative;
                            top: 2px;
                        }
                    }
                }
            }
        }
    }
}

.account-header {
    @include account-box();
    padding: 0;
    margin-bottom: 20px;

    .header-user-data {
        padding: 20px;
    }

    .user-avatar {
        position: relative;
        float: left;
        margin-right: 5px;

        .toggle-avatar {
            position: absolute;
            left: 0;
            bottom: 0;
            line-height: 0;
            width: 20px;
            height: 20px;
            display: inline-flex;
            border-radius: 50%;
            background: #a7a7a7;
            align-items: center;
            justify-content: center;
            color: #fff;

            span {
                position: relative;
                top: 1px;
            }
        }

        .avatar {
            border-radius: 50%;
        }
    }

    .user-info {
        height: 54px;

        .user-name {
            font-weight: bold;
            line-height: 32px;
        }

        .user-registered {
            color: #525252;
            font-size: 12px;
        }
    }

    .custom-items {
        padding: 0 20px 0 45px;

        li a {
            display: block;
            padding: 7px 15px;
            position: relative;

            &:before {
                content: '';
                height: 100%;
                width: 1px;
                position: absolute;
                left: 0;
                top: 0;
                background: #e0e0e2;
            }

            &:after {
                content: '';
                width: 8px;
                height: 8px;
                border-radius: 50%;
                position: absolute;
                left: -3px;
                top: 50%;
                transform: translateY(-50%);
                background: #e0e0e2;
            }
        }

        li:last-child a {
            &:before {
                height: 50%;
            }
        }
    }
}

.account-ads {
    @include account-box();
    padding: 0;
    margin-bottom: 20px;

    a {
        display: block;

        img {
            width: 100%;
        }
    }
}

.woocommerce-MyAccount-navigation,
.account-navigation {
    .woocommerce-MyAccount-navigation-link {
        &:before {
            font-family: IRANKala;
            content: "\E12E\00FE0E";
            font-size: 18px;
            //color: #C7C7C7;
            margin-right: 8px;
            float: left;
            font-weight: bold;
        }

        &.is-active, &:hover {
            //background-color: lighten($primary, 55%);

            a {
                color: $primary;
            }

            &:before {
                color: $primary;
            }
        }

        a {
            display: block;
            border-bottom: none;
            color: $font-color;
        }
    }

    .dokan-item {
        &:before {
            display: none;
        }

        &:hover .fa {
            color: $primary;
        }

        .fa {
            font-size: 16px;
            position: relative;
            right: 8px;
        }
    }

    .woocommerce-MyAccount-navigation-link--notifications .count {
        display: inline-flex;
        background: $danger;
        margin: 0 5px;
        border-radius: 50%;
        color: #ffffff;
        line-height: 22px;
        width: 20px;
        height: 20px;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 11px;
    }

    .woocommerce-MyAccount-navigation-link--dashboard:before {
        content: "\E1E0\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--orders:before {
        content: "\E1B2\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--downloads:before {
        content: "\E103\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--edit-address:before {
        content: "\E0A7\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--edit-account:before {
        content: "\E186\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--tickets:before {
        content: "\E184\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--bought-products:before {
        content: "\E165\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--announcements:before {
        content: "\E0A8\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--notifications:before {
        content: "\E0FA\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--viewed-products:before {
        content: "\E0DB\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--comments:before {
        content: "\E154\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--favorites:before {
        content: "\E1EB\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--tracking:before {
        content: "\E1A5\00FE0E";
    }

    .woocommerce-MyAccount-navigation-link--customer-logout:before {
        content: "\E146\00FE0E";
    }
}

.woocommerce table.my_account_orders {
    font-size: $font-size;
}

.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
    padding: 15px 10px;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
    margin-top: 6px;
}

.woocommerce-MyAccount-content {
    .products-list, .posts-list {
        .item {
            border: 1px solid #DDD;
            padding: 20px 20px 20px 35px;
            margin-bottom: 20px;
            position: relative;
            min-height: 168px;

            .remove-post {
                position: absolute;
                top: 50%;
                transform: translate(50%, -50%);
                left: -10px;
                background: #F5F5F5;
                border-radius: 50%;
                width: 28px;
                height: 28px;

                &:before {
                    font-family: IRANKala;
                    content: "\E0C9\00FE0E";
                    color: #999;
                    font-size: 10px;
                    right: 9px;
                    position: absolute;
                    top: -1px;
                }
            }

            img {
                float: left;
                max-width: 96px;
                height: auto;
                margin-right: 10px;
            }

            .title {
                line-height: 25px;
                height: 50px;
                overflow: hidden;
                font-size: 16px;
            }

            .price {
                color: #000;
                font-weight: bold;
                font-size: 15px;

                .discount-percent, del {
                    display: none;
                }

                ins {
                    text-decoration: none;
                }

                .woocommerce-Price-currencySymbol {
                    color: $font-color;
                    font-weight: normal;
                    font-size: $font-size;
                }
            }

            .product-link, .post-link {
                border: 1px solid $primary;
                color: $primary;
                border-radius: $border-radius;
                padding: 0 10px;
                margin-top: 7px;
            }
        }
    }

    .no-items {
        font-size: 50px;
        color: #DADADA;
        position: relative;
        text-align: center;
        margin-top: 146px;

        &:before {
            font-family: IRANKala;
            content: "\E13F\00FE0E";
            position: absolute;
            bottom: 84px;
            font-size: 120px;
            right: 50%;
            transform: translateX(50%);
        }
    }

    .viewed-products {
        .item {
            padding-left: 20px;

            .remove-product {
                display: none;
            }
        }
    }

    .notifications {
        .no-notifications {
            text-align: center;
            margin: 50px 0;
        }

        .notification {
            padding: 10px;
            display: block;
            width: 100%;

            img {
                float: right;
            }

            .notification-title {
                font-size: $font-size;
                font-weight: normal;
                line-height: 32px;
            }

            .notification-date {
                color: #bcbec1;
            }

            &:not(.is-viewed) {
                background: rgba(250, 250, 250, 0.6);

                .notification-title {
                    color: $danger;
                    font-weight: bold;
                }
            }
        }

        .notification:not(:last-child) {
            border-bottom: 1px dashed #eaeaea;
        }
    }

    .notification {
        .notification-date {
            color: #bcbec1;
        }
    }
}

.woocommerce-MyAccount-content {
    .user-comments {
        .comment-item {
            border: 1px solid #E9E9E9;
            margin-bottom: 20px;

            .row {
                margin: 0;
            }

            .image-wrapper {
                text-align: center;
                padding: 20px;

                .my-rating {
                    margin-top: 10px;

                    .star-rating {
                        margin: auto;
                        float: none;
                    }
                }
            }

            .comment {
                background-color: #FCFCFC;
                padding: 20px;

                .post-title {
                    display: inline-block;
                    font-size: 15px;
                    font-weight: bold;
                }

                .comment-status {
                    border-radius: $border-radius;
                    padding: 0 10px;
                    font-size: 11px;
                    float: right;
                    border: 1px solid transparent;
                    line-height: 24px;

                    &.approved {
                        color: $success;
                        border-color: $success;
                        background: lighten($success, 55%);
                    }

                    &.unapproved {
                        color: $danger;
                        border-color: $danger;
                        background: lighten($danger, 40%);
                    }
                }
            }
        }
    }
}

.woocommerce-MyAccount-content {
    .order-tracking {
        form#order-tracking {
            margin-top: 25px;
            position: relative;

            &:before {
                font-family: IRANKala;
                content: "\E131\00FE0E";
                left: 8px;
                top: 9px;
                position: absolute;
                z-index: 52;
                color: #A1A3A8;
                font-size: 24px;
                width: 36px;
                height: 36px;
            }

            input[type=text] {
                padding-left: 36px;
                border-radius: 0;
            }
        }

        .statuses-title {
            margin-top: 25px;
            font-size: $font-size;
            background: #FCFCFC;
            line-height: 32px;
            padding: 5px 15px;
            border: 1px solid #C8C8C8;
            border-bottom: none;
        }

        ul.statuses {
            margin-bottom: 25px;
            display: flex;
            justify-content: space-between;
            border: 1px solid #C8C8C8;
            padding: 15px;
            overflow-y: hidden;
            white-space: nowrap;
            max-width: 100%;

            li.status {
                text-align: center;

                img {
                    -webkit-filter: grayscale(100%);
                    filter: grayscale(100%);
                    opacity: 0.35;
                    max-width: 128px;
                }

                .title {
                    margin-top: 12px;
                    color: #8E8E8E;
                }

                &.active {
                    img {
                        -webkit-filter: unset;
                        filter: unset;
                        opacity: 1;
                    }

                    .title {
                        color: $font-color;
                        font-weight: bold;
                    }
                }
            }
        }

        .description {
            background: #FCFCFC;
            border: 1px solid #C8C8C8;
            padding: 15px;
        }

        .woocommerce-order-details {
            margin-top: 25px;
        }
    }
}

.woocommerce table.my_account_orders .button {
    margin: 2px;
}

#avatar-modal {
    text-align: center;

    .inner {
        padding: 20px;
    }

    label[for="avatar"] {
        border: 1px dashed #e7e7e7;
        background-color: #FCFCFC;
        padding: 20px;
        display: block;
        width: 100%;
        cursor: pointer;
        border-radius: $border-radius;

        span {
            display: block;
            width: 100%;
        }

        span:first-of-type {
            font-weight: bold;
            color: $primary;
        }

        #preview {
            max-width: 64px;
            height: auto;
        }

        #preview[src="#"] {
            display: none;
        }
    }

    input#avatar {
        display: none;
    }

    .upload,
    .remove-avatar {
        display: block;
        width: 100%;
        margin: 10px 0;

        img {
            margin: 0 7px;
            display: none;
        }
    }

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

#notifications-modal {
    text-align: center;

    p {
        margin: 10px 0;
    }
}