@import "vars";
@import "mixins";

.dokan-dashboard .post-container {
    width: 100%;

    .post-inner {
        box-shadow: none;
        background-color: transparent;
        padding: 0;
        border-radius: 0;

        .post-header .post-title {
            display: none;
        }

        .dokan-dashboard-wrap {
            .dokan-dash-sidebar {
                background: transparent !important;

                ul.dokan-dashboard-menu {
                    @include account-box();
                    padding: 0;
                    margin-bottom: 0;

                    li {
                        border: none !important;

                        &.active, &:hover, &.dokan-common-links a:hover {
                            background-color: lighten($primary, 55%) !important;
                            color: $primary !important;

                            &:after {
                                display: none;
                            }

                            a {
                                color: $primary !important;

                                i {
                                    color: $primary;
                                }
                            }
                        }

                        a {
                            color: $font-color !important;
                            border: none !important;
                        }
                    }

                    .dokan-common-links {
                        i {
                            padding: 0;
                        }

                        .fa-external-link:before {
                            content: "\f290";
                        }

                        .fa-user:before {
                            content: "\f2be";
                        }
                    }
                }
            }

            .dokan-dashboard-content {
                width: 81%;
                margin-left: 2%;
                @include account-box();
            }
        }

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

                .dokan-dashboard-wrap {
                    .dokan-dash-sidebar ul.dokan-dashboard-menu li {
                        display: block;
                    }

                    .dokan-dashboard-content {
                        margin-left: 0;
                        margin-top: 20px;
                    }
                }
            }
        }
    }
}

.white-popup {
    border-radius: $border-radius;
    overflow: hidden;
}

body {
    input[type="submit"].dokan-btn,
    a.dokan-btn,
    .dokan-btn,
    input[type="submit"].dokan-btn-default,
    a.dokan-btn-default,
    .dokan-btn-default {
        background-color: $danger !important;
        border-color: $danger !important;
        color: #ffffff !important;
        font-size: $font-size !important;
        line-height: 32px !important;
    }

    input[type="submit"].dokan-btn-default:hover,
    a.dokan-btn-default:hover,
    .dokan-btn-default:hover {
        background-color: lighten($danger, 4) !important;
        border-color: lighten($danger, 4) !important;
    }

    input[type="submit"].dokan-btn-success,
    a.dokan-btn-success, .dokan-btn-success {
        background-color: $success !important;
        border-color: $success !important;
    }

    input[type="submit"].dokan-btn-theme,
    a.dokan-btn-theme,
    .dokan-btn-theme {
        background-color: $primary !important;
        border-color: $primary !important;
        font-size: $font-size !important;
        line-height: 32px !important;
    }

    input[type="submit"].dokan-btn-theme,
    a.dokan-btn-theme,
    .dokan-btn-theme,
    input[type="submit"].dokan-btn-theme,
    a.dokan-btn-theme,
    .dokan-btn-theme,
    input[type="submit"].dokan-btn-theme,
    a.dokan-btn-theme,
    .dokan-btn-theme,
    input[type="submit"].dokan-btn-theme.active,
    a.dokan-btn-theme.active,
    .dokan-btn-theme.active,
    .open .dropdown-toggleinput[type="submit"].dokan-btn-theme,
    .open .dropdown-togglea.dokan-btn-theme,
    .open .dropdown-toggle.dokan-btn-theme {
        background-color: lighten($primary, 4) !important;
        border-color: lighten($primary, 4) !important;

        &:hover, &:focus, &:active {
            background-color: lighten($primary, 4) !important;
            border-color: lighten($primary, 4) !important;
        }
    }
}

.dokan-dashboard {
    .dokan-profile-completeness {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 30px;

        .dokan-panel-body {
            padding: 0;

            .dokan-progress {
                margin-bottom: 10px;
            }
        }
    }

    .chart-container .legend > div {
        width: auto !important;
    }

    header.dokan-dashboard-header h1 {
        padding: 0;
        font-size: 18px;

        .dokan-btn {
            padding-top: 0;
            padding-bottom: 0;
            color: $primary !important;
            border-color: $primary !important;
            background-color: transparent !important;

            &:hover, &:focus, &:active {
                background-color: transparent !important;
            }
        }
    }

    input[type="submit"].dokan-btn,
    a.dokan-btn,
    .dokan-btn,
    input[type="submit"].dokan-btn-default,
    a.dokan-btn-default,
    .dokan-btn-default {
        padding: 5px 12px;
    }

    input[type="submit"].dokan-btn-theme,
    a.dokan-btn-theme,
    .dokan-btn-theme {
        padding: 5px 12px;
    }

    .dokan-input-group-addon {
        background: transparent;
        border-color: #C8C8C8;
    }

    hr {
        border: none;
        border-top: 1px solid #C8C8C8;
        margin: 20px 0;
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {

    }

    .select2-container--default .select2-selection--multiple,
    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: #C8C8C8;
        border-radius: $border-radius;
    }

    .tooltip.top .tooltip-arrow {
        border-top-color: rgba(0, 0, 0, 0.85);
    }

    .tooltip-inner {
        background-color: rgba(0, 0, 0, 0.85);
        border-radius: 2px;
    }

    input[type="checkbox"]:checked:before {
        top: -1px;
    }

    select.form-control,
    select.dokan-form-control {
        height: 44px;
        padding-right: 25px;
    }

    input[type="submit"].dokan-btn-lg,
    a.dokan-btn-lg,
    .dokan-btn-lg {
        font-size: $font-size;
        border-radius: $border-radius;
    }

    .dokan-form-control {
        font-size: $font-size;
        padding: 0 10px;
    }

    .dokan-input-group {
        .dokan-input-group-addon + * {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
    }

    .dokan-message button.dokan-close {
        font-size: 20px;
    }

    .dokan-listing-filter,
    .order-statuses-filter,
    .subsubsub {
        font-size: $font-size;
        margin: 0;

        li {
            padding-right: 5px !important;

            a {
                padding: 0 6px;
            }
        }

        li.active a {
            color: #000 !important;
            font-weight: bold;
        }

        li:not(:last-child) {
            border-right-color: #EDEDED;
        }

        li:first-child a {
            padding-left: 0;
        }
    }

    .table,
    .wc-order-totals,
    .dokan-table {
        border: 1px solid #EDEDED;

        td.diviader {
            display: none;
        }

        thead th {
            background-color: #85B3BE;
            color: #ffffff;
            padding: 15px 10px;
        }

        tbody {
            th, td {
                padding: 15px 10px;
            }

            tr:not(:last-child) {
                th, td {
                    border-bottom: 1px solid #EDEDED;
                }
            }
        }
    }

    @media (max-width: 768px) {
        .table,
        .wc-order-totals,
        .dokan-table {
            thead {
                display: none;
            }

            th, td {
                display: block;
                width: 100% !important;
            }
        }
    }

    @media (max-width: 768px) {
        .dokan-table {
            border: none;
        }
    }

    .dokan-form-label,
    .form-label,
    .dokan-control-label,
    .control-label,
    .dokan-label {
        font-weight: bold !important;
        font-size: $font-size;
    }

    .dokan-message:before,
    .dokan-info:before,
    .dokan-error:before {
        font-size: 16px;
        font-weight: normal;
    }

    span.required {
        color: $danger;
    }

    .dokan-form-group {
        *[class^=dokan-w] {
            float: none !important;
            width: 100% !important;
            display: block !important;
            margin: 0 !important;
            text-align: left !important;
        }
    }

    .ui-datepicker-title select {
        height: 30px;
        border-radius: 3px;
    }

    .dokan-dashboard-content .dokan-page-help {
        font-style: normal;
        background-color: #F5F7FA;
        border-radius: $border-radius;
        padding: 10px;
        margin-bottom: 10px;
    }

    .dokan-feat-image-upload {
        text-align: center;

        img {
            max-width: 500px;
        }
    }
}

.dokan-dashboard {
    .dokan-dashboard-content {
        article.dashboard-content-area {
            .dokan-dash-right,
            .dokan-dash-left {
                float: none;
                width: 100%;
                padding: 0 !important;
            }

            .dashboard-widget {
                margin-bottom: 30px;
                border-radius: $border-radius;
                border-top: 4px solid $primary;

                .widget-title {
                    position: relative;
                    padding-left: 28px !important;

                    &:before {
                        content: '';
                        display: inline-block;
                        width: 10px;
                        height: 10px;
                        position: absolute;
                        left: 6px;
                        top: 15px;
                        background: $primary;
                        border-radius: 50%;
                    }

                    &:after {
                        content: '';
                        display: inline-block;
                        width: 22px;
                        height: 22px;
                        position: absolute;
                        left: 0;
                        top: 9px;
                        background: rgba($primary, 0.15);
                        border-radius: 50%;
                    }

                    .fa {
                        display: none;
                    }

                    a {
                        font-weight: normal;
                        color: #aaa;
                    }
                }
            }

            .dashboard-widget.big-counter {
                background: #fff;
                border: none;
                padding: 0;
                -webkit-box-shadow: none;
                box-shadow: none;

                ul {
                    display: flex;
                    justify-content: space-between;

                    li {
                        padding: 30px 15px;
                        flex: 1 1 auto;
                        border-radius: $border-radius;
                        color: #388e3c;
                        background-color: #e8f5e9;
                        position: relative;
                        overflow: hidden;

                        &:before {
                            font-family: FontAwesome;
                            position: absolute;
                            left: 0;
                            bottom: 0;
                            font-size: 68px;
                            opacity: 0.1;
                            transform: rotate(45deg);
                        }

                        .title {
                            padding: 0;
                        }

                        .count {
                            border-bottom: none;
                            padding: 0;
                        }
                    }

                    li:not(:last-child) {
                        margin-right: 15px;
                    }

                    li:nth-child(1) {
                        &:before {
                            content: '\f155';
                        }
                    }

                    li:nth-child(2) {
                        color: #d99a00;
                        background-color: #fff3e0;

                        &:before {
                            content: '\f1ed';
                        }
                    }

                    li:nth-child(3) {
                        color: #c62828;
                        background: #ffebee;

                        &:before {
                            content: '\f0f6';
                        }
                    }

                    li:nth-child(4) {
                        color: #3498db;
                        background: #ebf3ff;

                        &:before {
                            content: '\f233';
                        }
                    }
                }
            }

            .dashboard-widget {
                &.orders,
                &.reviews,
                &.products {
                    .list-count {
                        li a {
                            display: block;
                            width: 100%;
                            padding: 5px 0;

                            .count {
                                font-weight: bold;
                            }
                        }

                        li:not(:last-child) {
                            border-bottom: 1px solid #EBEBEB;
                        }
                    }
                }
            }

            .dashboard-widget.orders {
                border-top-color: #16a085;

                .widget-title {
                    &:before {
                        background: #16a085;
                    }

                    &:after {
                        background: rgba(#16a085, 0.15);
                    }
                }

                > div:nth-child(2) {
                    border-right: 1px solid #EBEBEB;
                    padding-right: 10px;
                }

                #order-stats {
                    margin-left: auto;
                    margin-right: auto;
                }
            }

            .dashboard-widget.reviews {
                border-top-color: #e74c3c;

                .widget-title {
                    &:before {
                        background: #e74c3c;
                    }

                    &:after {
                        background: rgba(#e74c3c, 0.15);
                    }
                }
            }

            .dashboard-widget.products {
                border-top-color: #f39c12;

                .widget-title {
                    &:before {
                        background: #f39c12;
                    }

                    &:after {
                        background: rgba(#f39c12, 0.15);
                    }
                }
            }

            .dashboard-widget.sells-graph {
                border-top-color: #8e44ad;

                .widget-title {
                    &:before {
                        background: #8e44ad;
                    }

                    &:after {
                        background: rgba(#8e44ad, 0.15);
                    }
                }
            }

            .dashboard-widget.dokan-announcement-widget {
                border-top-color: #3498db;

                .widget-title {
                    &:before {
                        background: #3498db;
                    }

                    &:after {
                        background: rgba(#3498db, 0.15);
                    }
                }

                .dokan-dashboard-announce-content {
                    float: none !important;
                    width: 100%;

                    a {
                        display: block;

                        h3 {
                            margin: 0;
                            font-size: 16px;
                            font-weight: bold;
                        }
                    }
                }

                .dokan-dashboard-announce-date {
                    float: none !important;
                    display: inline-block;
                    height: auto;
                    width: auto;
                    padding: 2px 7px;
                    border-radius: 3px;

                    > div {
                        display: inline-block;
                        margin-top: 0;
                        padding-top: 0;
                        font-weight: normal;
                        font-size: 12px;
                    }
                }

                .dokan-dashboard-announce-read {
                    background: #F5F7FA;
                }

                .dokan-dashboard-announce-unread {
                    background: $danger;
                }
            }
        }
    }
}

.dokan-dashboard {
    .dokan-announcement-wrapper {
        .dokan-announcement-wrapper-item {
            padding: 15px;
            background: #F5F7FA;
            border-color: #e8eaec;
            border-radius: $border-radius;

            .dokan-annnouncement-date {
                border-radius: $border-radius;
                background: #e8eaec;
                color: $font-color;

                > div {
                    margin: 0;
                }
            }

            .dokan-announcement-content-wrap {
                .dokan-announcement-heading {
                    margin-bottom: 0;

                    h3 {
                        margin: 0;
                        padding: 0;
                        font-size: 16px;
                        color: $font-color;
                        line-height: 34px;
                    }
                }

                .dokan-announcement-content {
                    a {
                        color: $primary;
                        font-weight: bold;
                    }
                }
            }

            .announcement-action {
                background: transparent;
                right: 5px;
                top: 5px;

                .fa {
                    font-family: IRANKala !important;
                    color: $danger;

                    &:before {
                        content: "\E08D\00FE0E"
                    }
                }
            }
        }
    }

    .dokan-notice-single-notice-area {
        .dokan-single-announcement-date {
            background: #F5F7FA;
            padding: 2px 15px;
            border-radius: $border-radius;
            color: #7e7e7e;
        }

        .entry-content {
            background: #F5F7FA;
            padding: 15px;
            border-radius: $border-radius;
        }

        .dokan-announcement-link {
            margin-top: 10px;
        }
    }
}

.dokan-dashboard {
    .dokan-product-edit {
        header.dokan-dashboard-header {
            h1.entry-title {
                span.dokan-product-status-label {
                    position: relative;
                    bottom: 2px;
                    font-weight: normal;
                }
            }
        }
    }

    .product-edit-container {
        .dokan-product-meta {
            float: none;
            width: 100% !important;
            padding: 0;
        }

        .featured-image {
            float: none;
            width: 100%;
            padding: 0;

            .dokan-feat-image-upload {
                height: auto;
                width: 100%;

                .instruction-inside {
                    padding: 30px;
                }
            }
        }

        .dokan-feat-image-upload {
            border-width: 1px;
            border-radius: $border-radius;
        }

        .dokan-feat-image-upload a.dokan-feat-image-btn {
            text-shadow: none;
            padding: 0;
            background: transparent;
            height: auto;
            border-radius: 0;
            border: none;

            &:hover {
                box-shadow: none;
                color: #8F8F8F;
            }
        }

        #dokan-product-images {
            ul.product_images {
                li.image.add-image,
                li.dokan-sortable-placeholder.add-image,
                li.add-image.add-image {
                    border-width: 1px;
                    border-radius: $border-radius;

                    a.add-product-images {
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        .fa {
                            font-family: IRANKala !important;

                            &:before {
                                content: "\E0FC\00FE0E";
                            }
                        }
                    }
                }

                li.image,
                li.dokan-sortable-placeholder,
                li.add-image {
                    border-radius: $border-radius;
                }
            }
        }

        .dokan-edit-row {
            border-radius: $border-radius;

            .dokan-section-heading {
                padding-top: 22px;
                background: rgba(#EBEBEB, 0.3);

                .fa {
                    font-size: 17px;
                    margin-right: 5px;
                }

                p {
                    margin-top: -3px;
                    font-style: normal;
                }
            }
        }
    }

    .product-edit-new-container .dokan-attribute-variation-options .dokan-product-attribute-wrapper {
        .dokan-attribute-type {
            margin: 10px 0;
        }

        ul li.product-attribute-list:first-child {
            border: 1px solid #e3e3e3;
        }

        ul li.product-attribute-list .dokan-product-attribute-item {
            padding: 10px;
        }
    }
}

.dokan-add-new-product-popup {
    h2 {
        font-size: 20px;
        padding: 10px;
    }

    .dokan-feat-image-content {
        width: 100%;
        margin: 0;
        float: left;
    }

    .dokan-product-field-content {
        width: 100%;
        margin: 0;
        float: left;
    }

    .product-form-container .dokan-feat-image-upload {
        border-width: 1px;
        height: auto;
        width: 100%;
        margin: 0;
        padding: 0;
        border-radius: $border-radius;

        .instruction-inside {
            padding: 20px;
        }

        a.dokan-feat-image-btn {
            text-shadow: none;
            padding: 0;
            background: transparent;
            border: none;
            height: auto;
            border-radius: 0;

            &:hover {
                box-shadow: none;
                color: #8F8F8F;
                background: transparent;
                text-shadow: none;
            }
        }
    }

    #dokan-product-images ul.product_images {
        li.image.add-image,
        li.dokan-sortable-placeholder.add-image,
        li.add-image.add-image {
            border-width: 1px;
            border-radius: $border-radius;

            a.add-product-images {
                display: flex;
                align-items: center;
                justify-content: center;

                .fa {
                    font-family: IRANKala !important;

                    &:before {
                        content: "\E0FC\00FE0E";
                    }
                }
            }
        }
    }
}

.dokan-dashboard {
    .dokan-product-listing-area {
        .product-listing-top {
            .dokan-add-product-link .dokan-btn {
                padding-top: 0;
                padding-bottom: 0;
                color: $primary !important;
                background-color: transparent !important;

                &:hover, &:focus, &:active {
                    background-color: transparent !important;
                }
            }

            & + .dokan-w12 {
                border-bottom: 1px solid #EDEDED;
                margin-bottom: 15px;
            }
        }

        .product-listing-table {
            tr {
                th:nth-child(3),
                td:nth-child(3) {
                    width: 20%;
                }
            }

            .discount-percent {
                display: none;
            }

            .amount {
                display: block;
            }

            .price {
                height: auto;
                color: $font-color;
                text-align: left;
                font-size: $font-size;
                font-weight: normal;
            }

            .dokan-product-list-inline-edit-form {
                .dokan-inline-edit-column {
                    width: 100%;
                    float: none;
                    padding: 0;

                    .dokan-w9,
                    .dokan-w3 {
                        float: none;
                        width: 100%;
                    }
                }

                label {
                    font-size: $font-size;
                }

                .dokan-btn {
                    margin-top: 10px;
                }
            }
        }
    }
}

.dokan-dashboard {
    .dokan-orders-area {
        .order-statuses-filter {
            border-bottom: 1px solid #EDEDED;
            padding-bottom: 10px;
        }

        .dokan-order-filter-serach {
            border-bottom: 1px solid #EDEDED;
            margin-bottom: 15px;
            padding: 15px 0;

            .dokan-left {
                .dokan-form-group {
                    margin-bottom: 0;

                    .datepicker {
                        float: left;
                        margin-right: 10px;
                    }
                }
            }

            .dokan-right .dokan-form-group {
                margin-bottom: 0;
            }
        }

        .dokan-table {
            .dokan-order-action {
                .dokan-btn {
                    padding: 0 12px;
                    line-height: 26px;
                }
            }
        }

        > .dokan-clearfix {
            margin-top: 20px;
        }

        .dokan-order-left-content {
            width: 63.333333%;
        }

        .dokan-order-right-content {

        }

        .woocommerce_order_items {
            input[type=text],
            input[type=number] {
                height: auto;
                padding: 6px;
            }
        }

        #dokan-order-status-form {
            #order_status {
                margin-bottom: 10px;
            }
        }

        ul.order_notes {
            .note_content {
                background: #dad7e5;

                &:after {
                    border-color: #dad7e5 transparent;
                }
            }

            .delete_note {
                color: $danger;
            }
        }

        .add_note {
            h4 {
                font-size: $font-size;
            }

            #order_note_type {
                padding-left: 20px;
                padding-right: 20px;
            }
        }

        #add-order-note p {
            margin-bottom: 10px;
        }
    }
}

.dokan-dashboard {
    .dokan-reports-area {
        .dokan-reports-sidebar {
            ul.chart-legend li strong {
                font-size: 20px;
            }
        }

        .dokan-reports-main {
            h3 {
                font-size: 20px;
            }
        }

        .report-filter {
            border-top: 1px solid #EDEDED;
            border-bottom: 1px solid #EDEDED;

            .dokan-form-group {
                label {
                    width: 100%;
                    display: block;
                }

                input {
                    display: inline-block;
                    width: auto;
                }

                & + .dokan-btn {
                    margin-top: 32px;
                }
            }
        }

        .table {
            .progress {
                background: #EDEDED;
                height: 8px;
                border-radius: 4px;

                .progress-bar {
                    background: $success;
                    height: 8px;
                    border-radius: 4px;
                }
            }
        }
    }
}

.dokan-dashboard {
    .dokan-reviews-area {
        #dokan-comments_menu {
            margin-bottom: 10px;
        }

        #dokan-comments-table {
            th.col-content,
            td.col-content {
                @media (min-width: 768px) {
                    width: 50% !important;
                }
            }

            .dokan-author-img {
                .avatar {
                    border-radius: 50%;
                }
            }

            div.dokan-comments-content {
                line-height: 30px;
                text-align: justify;
            }

            .dokan-cmt-row-actions {
                margin-top: 10px;
            }
        }

        #dokan_comments-form {
            select {
                width: auto;
            }
        }
    }
}

.dokan-dashboard {
    .dokan-withdraw-area {
        form.withdraw {
            margin-top: 20px;

            .dokan-form-group {
                .dokan-w3,
                .dokan-w5 {
                    float: none;
                    width: 100% !important;
                    margin: 0 !important;
                }
            }
        }

        @media (max-width: 768px) {
            .dokan-table tbody tr:first-child {
                display: none;
            }
        }
    }
}

.dokan-dashboard {
    .export_div,
    .import_div {
        .dokan-import-export-header h1 {
            font-size: 20px;
        }

        form p:last-child {
            margin-top: 10px;
        }
    }
}

.dokan-support-topic-wrapper {
    .subsubsub {
        margin-bottom: 15px;
    }

    .dokan-support-table {
        .dokan-support-customer-name {
            display: flex;
            align-items: center;

            .avatar {
                max-width: 32px;
                height: auto;
                border-radius: 50%;
            }
        }

        .dokan-support-status-change {
            padding: 0 8px;

            .fa {
                font-family: IRANKala !important;
                position: relative;
                top: 4px;

                &:before {
                    content: "\E08D\00FE0E"
                }
            }
        }
    }

    .dokan-support-single-title {
        h1 {
            font-size: 18px;
        }
    }

    .dokan-suppport-topic-body {
        margin: 10px 0;
        border: 1px solid #dddee0;
        border-radius: $border-radius;
        display: flex;
        overflow: hidden;

        .dokan-support-user-image {
            width: 100%;
            float: none;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
            background-color: #F5F7FA;

            .avatar {
                max-width: 64px;
                height: auto;
                border-radius: 50%;
            }

            .dokan-support-user-name h4 {
                font-size: 15px;
            }

            .dokan-support-date-time {
                font-style: normal;
            }
        }

        .dokan-support-reply {
            padding: 20px;
            width: 100%;
            float: none;
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }
    }

    .dokan-support-topic-select {
        margin-top: 10px;
    }

    .submit {
        background-color: $primary !important;
    }
}

.dokan-dashboard {
    .dokan-settings-content {
        .dokan-settings-area {
            .dokan-banner {
                border-width: 1px;
                border-radius: $border-radius;
                height: auto;
                margin: 20px 0;
                width: 100%;
                max-width: unset;

                .button-area {
                    margin: 30px;
                }
            }

            #dokan-seller-vacation-list-table {
                th {
                    padding-top: 15px;
                }

                .dokan-seller-vacation-list-action {
                    opacity: 1;

                    .dokan-btn {
                        padding: 1px 12px;
                        width: 34px;
                        height: 34px;
                        margin: 2px;
                    }
                }
            }
        }
    }
}

.dokan-dashboard {
    .dokan-verification-content {
        h4 {
            font-size: 16px;
        }

        #dokan_v_address_submit {
            margin-left: 0;
        }
    }
}

.dokan-dashboard {
    #store-form {
        .dokan-form-group {
            width: 100% !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
    }
}

.dokan-dashboard {
    #profile-form {
        .dokan-input-group-addon {
            display: none;

            & + * {
                border-radius: $border-radius;
            }
        }
    }
}

.dokan-shipping-settings .dokan-shipping-wrapper .dokan-form-group {
    display: block;
}

@media (max-width: 992px) {
    .dokan-dashboard {
        .dokan-dashboard-content {
            article.dashboard-content-area {
                .dashboard-widget.big-counter {
                    ul {
                        display: block;

                        li {
                            margin-bottom: 15px;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 450px) {
    .dokan-dashboard .post-inner .dokan-dash-sidebar #dokan-navigation #mobile-menu-icon {
        display: none !important;
    }
}

@media (max-width: 450px) {
    .dokan-dashboard .post-inner .dokan-dash-sidebar #dokan-navigation {
        height: auto;
        background: #fff;
    }
}

@media (max-width: 450px) {
    .dokan-dashboard .post-inner .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu {
        display: unset;
        height: auto !important;
        padding-top: 0 !important;
    }
}

@media (max-width: 430px) {
    .dokan-dashboard .post-inner .dokan-dash-sidebar ul.dokan-dashboard-menu li {
        float: none;
        width: 100%;
    }
}

#dokan-become-seller {
    width: 100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    background-color: #FFF;
    padding: 20px;
    border-radius: $border-radius;
}

#dokan-content {
    margin-bottom: 20px;
}

body.dokan-store {
    .dokan-widget-area {
        .widget {
            .widget-title {
                font-weight: bold;
                font-size: 16px;
                line-height: 32px;
                border-bottom: 1px solid #dddd;
                padding-bottom: 10px;
                margin-bottom: 10px;
            }
        }
    }

    .sidebar {
        padding: 0;
        @media (min-width: 768px) {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            float: left;
            //margin-right: 30px;
        }
    }

    .dokan-category-menu h3.widget-title {
        background: transparent;
        border: none;
        padding: 0 0 10px 0;
    }

    .dokan-best-sellers,
    .dokan-feature-sellers {
        .fa {
            color: $warning;
        }
    }

    .dokan-w3 {
        @media (min-width: 768px) {
            margin-right: 30px !important;
        }
    }

    .dokan-single-store.dokan-w8 {
        width: calc(75% - 30px);
    }

    @media (max-width: 992px) {
        .dokan-store-sidebar,
        .dokan-single-store {
            margin-right: 0;
            width: 100% !important;
            margin-left: 0;
        }
    }

    .store-shipping-tabs {
        margin-bottom: 15px;
    }

    .store-holder {
        @include box();
        padding: 0;
        margin-bottom: 15px;

        .dokan-store-tabs {
            li.dokan-right {
                margin-top: 7px;
            }

            li.dokan-right:last-child {
                margin-top: 8px;
            }
        }
    }

    .dokan-single-store .dokan-store-tabs ul {
        border: none;
        margin-bottom: 0;
    }

    li.dokan-share-btn-wrap {
        display: none !important;
    }

    .dokan-store-tabs li.dokan-right * {
        font-size: 12px !important;
        line-height: 1.5 !important;
        border-radius: 3px !important;
    }

    .dokan-share-popup-wrapper {
        border-radius: $border-radius;

        .jssocials-shares {
            margin: 15px 0;

            .jssocials-share {
                padding: 0 6px;
                border-radius: 16px;
                margin: 5px;
            }

            .jssocials-share-facebook {
                background: rgba(#3b5998, 0.15);
            }

            .jssocials-share-twitter {
                background: rgba(#00aced, 0.15);
            }

            .jssocials-share-googleplus {
                background: rgba(#dd4b39, 0.15);
            }

            .jssocials-share-linkedin {
                background: rgba(#007bb6, 0.15);
            }

            .jssocials-share-pinterest {
                background: rgba(#cb2027, 0.15);
            }

            .jssocials-share-email {
                background: rgba(#3490F3, 0.15);
            }
        }
    }

    .seller-items {
        @include box();
        padding: 0;

        .products {
            margin-bottom: 0;
        }
    }

    .store-review-wrap {
        #reviews {
            width: 100%;
            @include box();

            .commentlist {
                padding: 0;
            }
        }
    }

    #vendor-biography {
        @include box();

        .text.col-9 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .icon.col-3 {
            display: none;
        }
    }

    #store-toc-wrapper {
        @include box();
    }

    .dokan-pagination-container {
        @include box();
        margin-top: 15px;

        .dokan-pagination li {
            a {
                padding: 0 10px;
                border-radius: $border-radius;
                border: none;

                &:hover {
                    background: #ebe9eb;
                    color: #8a7e88;
                }
            }

            &.active a {
                background: $primary;
                color: #ffffff;
            }
        }
    }

    .pagination-wrap {
        @include box();
        margin-top: 15px;

        ul.pagination {
            display: block;
            margin: 0;
            border-radius: 0;
            text-align: center;

            li {
                a, span {
                    float: none;
                    border-radius: $border-radius;
                    border: none;
                }

                a:hover {
                    background: #ebe9eb;
                    color: #8a7e88;
                }

                span.current {
                    background: $primary;
                    color: #ffffff;
                }
            }
        }
    }
}