.dokan-multi-step-form .steps {
    margin: 0 0 30px 0;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
    padding-bottom: 21px;
}

.dokan-multi-step-form .steps li {
    list-style-type: none;
    color: #242424;
    text-transform: uppercase;
    font-size: 14px;
    width: 33.33%;
    float: right;
    position: relative;
}

.dokan-multi-step-form .steps li span {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 4px 15px;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
    z-index: 100;
}

.dokan-multi-step-form .steps li:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #f0f0f0;
    position: absolute;
    left: 50%;
    top: 15px;
    z-index: 50;
    transition: ease 0.8s;
}

.dokan-multi-step-form .steps li.active:nth-child(1):after {
    content: none;
}

.dokan-multi-step-form .steps li.active {
    font-weight: bold;
}

.dokan-multi-step-form .steps li.active span {
    background: #242424;
    color: white;
}

.dokan-multi-step-form .steps li.active:after {
    -webkit-box-shadow: inset -250px 0 0 #242424;
    -moz-box-shadow: inset -250px 0 0 #242424;
    box-shadow: inset -250px 0 0 #242424;
    transition: ease 0.8s;
}


form.dokan-form-container.dokan-new-product-form {
    display: none;
}

.dokan-form-group.new-product-fields input[type=text], .dokan-form-group.new-product-fields textarea, .dokan-form-group.new-product-fields input[type=text], .dokan-form-group.new-product-fields select {
    width: 100%;
}

.dokan-form-group.new-product-fields textarea {
    min-height: 200px;
}

.dokan-new-product-area .featured-image {
    width: auto !important;
}

.thumb-image-uploader .instruction-inside {
    padding: 0 !important;
}

.thumb-image-uploader .instruction-inside i {
    font-size: 26px !important;
}

.thumb-image-uploader .instruction-inside a {
    font-size: 10px !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
}

.dokan-feat-image-upload .image-wrap {
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.product-edit-container .dokan-feat-image-upload img {
    max-width: 100%;
    height: 100%;
    margin: 0 auto 0 auto;
    display: block;
    padding: 0;
}

.product-edit-container .dokan-feat-image-upload a.close {
    width: 100% !important;
    height: 100% !important;
}

.product-edit-container #dokan-product-images ul.product_images {
    text-align: center;
}

.product-edit-container #dokan-product-images ul.product_images li.image, .product-edit-container #dokan-product-images ul.product_images li.add-image {
    display: inline-block !important;
    float: none !important;
}

.dokan-dashboard .c-btn.disabled {
    filter: grayscale(1);
    opacity: 0.3;
    pointer-events: none;
    user-select: none;
}

.dokan-form-group .des {
    font-style: italic;
    color: #b3b3b3;
    margin: 7px 0;
}

.dokan-form-group .des a {
    color: #FF5722;
}

.new-product-checkbox-field.checkbox-group-field input {
    float: right;
    margin: 4px 0 0 6px;
}

.dokan-form-group.new-product-type {
    display: inline-block;
}

.dokan-new-product-select-type {
    text-align: center;
}

.dokan-form-group.new-product-type input {
    display: none;
}

.dokan-form-group.new-product-type label {
    display: inline-block;
    width: 160px;
    position: relative;
    background-color: #f0f0f0;
    border: 2px solid #cacaca;
    text-align: center;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    font-size: 17px;
    cursor: pointer;
}

.dokan-form-group.new-product-type label i {
    font-size: 22px;
    margin: 1px 0 0;
    float: right;
}

.dokan-form-group.new-product-type input:checked ~ label {
    background: #fff;
    border-color: #72cbff;
}

.new-product-fields .select2-container {
    width: 100% !important;
}

.iziToast-texts {
    font-family: IRANsans !important;
}

.image-uploader-content {
    border: 2px dashed #DDDDDD;
    height: 200px;
    width: 200px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.image-uploader-content i.fa-cloud-upload {
    display: block;
    font-size: 80px;
    color: #DFDFDF;
}

.image-uploader-content .dokan-btn {
    background-color: #f0f0f0 !important;
    padding: 4px 11px !important;
    height: auto !important;
    border-radius: 3px !important;
}

.image-uploader-content .dokan-btn:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.image-uploader-content .image-wrap {
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.image-uploader-content .image-wrap img {
    max-width: 100%;
    max-height: 100%;
}

.image-uploader-content .image-wrap .close {
    background: #000000;
    color: #FF0000;
    font-size: 30px;
    width: 40px;
    height: 40px;
    opacity: 0.7;
    padding: 9px;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: none;
    top: 0;
    display: none;
}

.image-uploader-container > div[class*="thumb"] .image-wrap .close {
    top: 0;
    right: 0;
    border-radius: 0 !important;
    width: 30px;
    height: 30px;
    padding: 4px;
}

.image-uploader-content:hover .image-wrap .close {
    display: block;
}

.image-uploader-container > div[class*="thumb"] .instruction-inside {
    padding: 4px 0 !important;
}

.filename-tag {
    display: none;
    margin: 21px 0 0 0;
    padding: 5px;
    color: #212121;
}

.filename-tag i {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 3px 0 0;
    background-color: #44d03b;
    color: #fff;
    border-radius: 50px;
    margin: 0 6px;
}

.product-edit-container .instruction-inside {
    padding: 20px 0 !important;
}

.dokan-verification-content {
    display: none !important;
}

.dokan-verification-details {
    display: block;
    position: relative;
    width: 470px;
    margin: 15px auto 15px auto;
    background-color: rgba(64, 195, 125, .05);
    border: 1px solid #89c77e;
    font-size: 15px;
    text-align: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.dokan-fields {
    padding: 15px;
}

.dokan-verification-details .dokan-fields.ud {
    border-bottom: 1px solid #89c77e;
}

.dokan-verification-details .dokan-fields-group {
    text-align: right;
}

.dokan-verification-details > i {
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    top: -8px;
    right: -8px;
    background-color: #256b18;
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 5px 0 0;
    border-radius: 50px;
}

.dokan-verification-details .dokan-fields-group {
    margin: 7px 0;
}

.dokan-fields-group label {
    width: 100%;
    margin: 5px 0;
}

.dokan-fields-group input {
    min-width: 270px;
}

.dokan-fields-group {
    margin: 10px 0;
    text-align: center;
}

.dokan-notice {
    background-color: #f0f0f0;
    padding: 8px;
    font-size: 13px;
    border-radius: 5px;
    margin: 15px 0;
}

.dokan-notice p {
    font-weight: bold;
}

.dokan-notice ul {
    padding-right: 10px;
    margin: 5px 0;
}

.iran-supported {
    font-size: 13px;
    color: #FF5722;
    margin: 7px 0;
}

.c-btn-yellow {
    background-color: #ecc760 !important;
    border: none !important;
    color: #67521a !important;
    font-weight: bold;
}

.c-btn {
    display: inline-block;
    padding: 3px 15px;
    background-color: #242424;
    color: #fff;
    border-radius: 3px;
    font-size: 15px;
    cursor: pointer;
    margin: 0 0 0 10px;
}

.c-btn:hover {
    opacity: 0.6;
}

.agre-rules {
    margin: 12px 0;
}

.dokan-form-group.required label:after {
    content: "الزامی";
    display: inline-block;
    border-radius: 50px;
    background-color: #f58562;
    color: #fff;
    margin: 0 5px;
    font-size: 11px;
    padding: 0 12px;
}

.product-edit-container label {
    margin: 0 0 15px 0;
}

.download-file {
    background-color: #f0f0f0;
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
}

.download-file p {
    display: inline-block;
    font-size: 13px;
}

.download-file span {
    margin: 0 7px;
    color: #FF5722;
}

.download-file i {
    background-color: #fff;
    padding: 6px 11px;
    border-radius: 5px;
    margin-left: 7px;
}

.download-file a {
    float: left;
    background-color: #7b7b7b;
    padding: 0 8px;
    border-radius: 3px;
    color: #fff;
}

.price-pending {
    background-color: #ffffff;
    border-right: 3px solid #ecc760;
    padding: 2px 10px;
    font-weight: bold;
    color: #9a7f33;
    margin: 0 0 10px;
}

.dokan-dashboard header.dokan-dashboard-header h1 {
    padding: 10px 0 !important;
    font-size: 15px !important;
}

h1.entry-title .dokan-label {
    background-color: #f0f0f0;
    font-weight: normal;
    font-size: 13px !important;
    color: #000;
    padding: 5px 10px;
    margin: 0 5px;
}

h1.entry-title .dokan-label.publish {
    background-color: rgba(98, 212, 78, 0.5);
    color: #153c0f;
}

h1.entry-title .dokan-label.pending {
    background-color: hsla(44, 93%, 46%, 0.53);
    color: #4a3b12;
}

.iziToast-buttons button {
    font-family: IRANsans;
}

.dokan-product-license {
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0;
    position: relative;
}

.dokan-product-license .product-cover {
    display: inline-block;
    width: 80px;
    height: 80px;
    float: right;
    margin-left: 15px;
}

.dokan-product-license p {
    font-size: 15px;
    margin: 9px 0;
}

.dokan-product-license p a {
    font-size: 12px;
    background-color: #f0f0f0;
    padding: 6px 10px;
    border-radius: 3px;
}

.product-token {
    display: inline-block;
    background-color: #c4ffd3;
    border: 1px solid #9cd4aa;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 13px;
}

.product-token span {
    float: right;
    margin-left: 10px;
    border-left: 1px solid #97c7a4;
    padding-left: 10px;
}

.product-token span i {
    float: right;
    margin: 6px 0 0 9px;
}

.dokan-dashboard .dokan-dashboard-wrap .dokan-dash-sidebar {
    float: right;
}

#ums-panel-main-four .woocommerce-MyAccount-navigation-link a {
    margin: 3px 0px 0 !important;
    padding: 9px 25px !important;
}

#ums-panel-main-four .woocommerce-MyAccount-navigation a:before {
    display: none !important;
}

#ums-panel-main-four .woocommerce-MyAccount-content {
    padding: 15px !important;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dpp-customer-migration a {
    background: linear-gradient(90deg, #FC6C82 51%, #FEA16E 100%);
    text-align: center;
    font-weight: bold;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--vendor-panel-button a {
    background: linear-gradient(90deg, #1C3CFF 51%, #0C8DFF 100%);
    text-align: center;
    font-weight: bold;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dpp-customer-migration a:before {
    display: none;
}

.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #616161 !important;
    color: #fff !important;
}

.woo-wallet-my-wallet-container {
    border: none !important;
}

.woo-wallet-my-wallet-container .woo-wallet-sidebar {
    background-color: #fff !important;
}

.woo-wallet-sidebar ul li.card {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.woo-wallet-sidebar-heading a {
    color: #000 !important;
    display: inline-block !important;
    margin: 0 0 17px 0 !important;
}

.woo-wallet-sidebar ul li.card a {
    font-size: 14px !important;
    color: #454545 !important;
    text-align: right !important;
}

.woo-wallet-sidebar ul li.card a:hover {
    color: #00BCD4 !important;
}

.woo-wallet-sidebar ul li.card a span {
    float: left !important;
}

.woo-wallet-sidebar ul li.card a p {
    display: inline-block !important;
    margin: 0 4px !important;
}

.woo-wallet-content .woo-wallet-price {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #42ab46 !important;
}

.woo-wallet-transactions-items li {
    display: inline-block !important;
    width: 100% !important;
    background-color: #f0f0f0 !important;
    padding: 7px !important;
    margin: 2px 0 !important;
    font-size: 13px !important;
    border-radius: 5px !important;
}

.ums-wrap details {
    float: right;
    width: 100%;
}

.ums-wrap summary {
    float: right;
    width: 100%;
}

.ums-wrap summary img {
    float: right;
}

.page-title-ums {
    background-color: transparent !important;
}

.orders-license-list {
    margin-top: 15px;
}

.order-license {
    background-color: #f0f0f0;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    font-size: 15px;
    text-align: left;
}

.order-license > div {
    display: inline-block;
    margin-left: 15px;
}

.order-license .lic-title {
    float: right;
}

.lic-status.inactive {
    color: #da5050;
}

.lic-status.active {
    color: #40b33e;
}

.order-license .lic-code em {
    color: #000;
    font-style: normal;
    letter-spacing: 1px;
    font-weight: 300;
}

.notiflix-confirm-head input {
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    border-color: #c5c5c5;
}

.notiflix-confirm-head input:focus {
    border-color: #32c682;
}

.dokan-verification-container form label {
    display: block;
    margin: 10px 0;
    text-align: right;
}

.doav-form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.doav-small-group {
    width: 49%;
}

.doav-input-group {
    width: 100%;
    height: 44px;
    position: relative;
    margin: 10px 0;
}

.doav-input-group input {
    display: inline-block;
    width: 100%;
    max-height: none !important;
    height: 37px;
    border: 2px solid #f0f0f0;
    border-radius: 5px;
}

.doav-input-group input:focus {
    border-color: #03A9F4;
}

.doav-input-group label {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: #fff;
    pointer-events: none;
    user-select: none;
    padding: 0 6px;
}

.dokan-verification-container .des {
    margin: 5px 0;
    font-size: 13px;
    color: #a7a7a7;
    font-weight: 300;
}

.fields-group {
    position: relative;
}

.fields-group input {
    border: 2px solid #cdcdcd !important;
    border-radius: 8px !important;
}

.fields-group input:focus {
    border-color: #7794d3 !important
}

.uk-alert {
    border: 1px solid;
}

.uk-alert h3 {
    font-size: 1.2em;
}

.uploader-field .image-uploader-content {
    border-color: #d8eafc;
    border-width: 4px;
    border-radius: 20px;
}

.uploader-field .image-uploader-content a {
    padding: 10px 15px !important;
    border-radius: 12px !important;
    background-color: #6e9dcd !important;
    color: #fff;
}

.submit-btn {
    background-color: #4ebd52 !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
}

.mobile-verification {
    border: 1px solid #f05025;
    background-color: #ffcdc0;
    padding: 10px;
    margin: 1rem 0;
    border-radius: 10px;
    color: #000;
    display: flex;
    align-items: center;
}

.mobile-verification.active {
    border-color: #4ebd52;
    background-color: #c0ffc2;
}

.mobile-verification button {
    color: #ffffff;
    border: none;
    padding: 6px 12px;
    display: inline-block;
    background-color: #f00;
    border-radius: 7px;
}

.mobile-verification.active button {
    background-color: #5ca35e;
}

.mobile-verification span {
    width: 82%;
}

#mobile-verification-modal {
    text-align: center;
    z-index: 999999;
}

#mobile-verification-modal h2 {
    font-size: 24px;
    margin: 28px 0;
}

#mobile-verification-modal label {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
}

#mobile-verification-modal input {
    text-align: center;
}

#mobile-verification-modal .verify-icons img {
    width: 300px;
}

.has-loading {
    opacity: .5;
    pointer-events: none;
    filter: blur(2px) grayscale(1);
}

@media screen and (max-width: 768px){
    .mobile-verification {
        flex-wrap: wrap;
    }

    .mobile-verification span,
    .mobile-verification button {
        width: 100%;
        text-align: center;
    }

    .mobile-verification button {
        margin-top: 15px;
    }

    .dokan-nid-image-upload.image-uploader-content {
        width: 100% !important;
    }
}