/**
 * Webkul Software.
 *
 * @category  Webkul
 * @package   Webkul_Marketplace
 * @author    Webkul
 * @copyright Copyright (c) Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
@font-face {
    font-family: 'Admin Icons';
    src: url('../fonts/admin-icons/admin-icons.eot');
    src: url('../fonts/admin-icons/admin-icons.eot?#iefix') format('embedded-opentype'),
        url('../fonts/admin-icons/admin-icons.woff2') format('woff2'),
        url('../fonts/admin-icons/admin-icons.woff') format('woff'),
        url('../fonts/admin-icons/admin-icons.ttf') format('truetype'),
        url('../fonts/admin-icons/admin-icons.svg#Admin Icons') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'icons-blank-theme';
    src: url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot');
    src: url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'),
        url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff'),
        url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.ttf') format('truetype'),
        url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.svg#icons-blank-theme') format('svg');
    font-weight: normal;
    font-style: normal
}



.page-layout-seller-2columns-left a {
    box-sizing: content-box;
}

.page-layout-seller-2columns-left .field {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

button,
input,
optgroup,
select,
textarea {
    box-sizing: border-box !important;

}

.page-layout-seller-2columns-left .ui-datepicker table>thead>tr>th,
.page-layout-seller-2columns-left .ui-datepicker table>tbody>tr>th,
.page-layout-seller-2columns-left .ui-datepicker table>tfoot>tr>th,
.page-layout-seller-2columns-left .ui-datepicker table>thead>tr>td,
.page-layout-seller-2columns-left .ui-datepicker table>tbody>tr>td,
.page-layout-seller-2columns-left .ui-datepicker table>tfoot>tr>td {
    padding: inherit !important;
}

.page-layout-seller-2columns-left .nav-toggle,
.page-layout-seller-login .nav-toggle {
    display: none !important;
}

.page-layout-seller-login .logo {
    margin: -8px auto 25px 0 !important;
}

.wk-mp-menu-wrapper {
    display: inline-block;
    width: 8rem;
    position: relative;
    text-align: center;
    z-index: 800;
}

.wk-mp-menu-wrapper:before {
    background-color: #3e3934;
    position: fixed;
    width: 8rem;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    z-index: 799;
}

.wk-mp-menu-overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 697;
}

.wk-mp-logo {
    height: 7.3rem;
    display: block;
    position: relative;
    z-index: 800;
    padding: 1.35rem 0;
    text-align: center;
    box-sizing: border-box;
}

.wk-mp-logo-img-wrapper {
    display: inline-block;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 4.6rem;
    background: #FFFFFF;
    overflow: hidden;
}

.wk-mp-logo-img-wrapper .wk-mp-logo-img {
    vertical-align: middle;
    width: 4.6rem;
    height: 4.6rem;
}

.wk-mp-page-wrapper {
    display: inline-block;
    width: calc(100% - 8rem);
    vertical-align: top;
}

.wk-mp-menu ul {
    margin: 0 !important;
    padding: 0 !important;
}

#wk-mp-nav>li {
    margin: 0 !important;
    padding: 0 !important;
}

#wk-mp-nav .level-0>a {
    color: #efefef;
    font-size: 1.2rem;
    text-transform: uppercase;
    display: block;
    padding: 1rem .3rem;
    position: relative;
    z-index: 800;
    word-break: break-word;
}

.wk-mp-menu .level-0>a:before {
    content: '\e63a';
    font-family: "Admin Icons";
    display: block;
    font-size: 2.2rem;
    font-weight: normal;
    height: 2.2rem;
    margin-bottom: .7rem;
}

.wk-mp-menu .wk-mp-item-dashboard>a:before {
    content: '\e604';
}

.wk-mp-menu .wk-mp-item-settings>a:before {
    content: '\e610';
}

.wk-mp-menu .wk-mp-item-confattr>a:before {
    content: '\e608';
}

.wk-mp-menu .wk-mp-item-product>a:before {
    content: '\e608';
}

.wk-mp-menu .wk-mp-item-customer>a:before {
    content: '\e603';
}

.wk-mp-menu .wk-mp-item-order-shipping>a:before {
    content: '\e609';
}

.wk-mp-menu .wk-mp-item-transaction>a:before {
    content: '\e60b';
}

.wk-mp-menu .wk-mp-item-order>a:before {
    content: '\e60b';
}

.wk-mp-menu .wk-mp-item-review>a {
    position: relative !important;
    padding: 3.9rem .3rem 1rem .3rem !important;
}

.wk-mp-menu .wk-mp-item-review>a:before {}

.wk-mp-menu .level-0.active>a {
    background-color: #5f5a56;
}

.wk-mp-menu .level-0>a:hover {
    background-color: #4e4843;
}

.wk-mp-menu .level-0>a,
.wk-mp-menu .level-0>a:hover,
a.wk-mp-logo,
a.wk-mp-logo:hover,
.wk-mp-menu .wk-mp-submenu a:hover,
.wk-mp-menu .wk-mp-submenu a:active {
    text-decoration: none;
}

.wk-mp-menu .level-1 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    text-align: left;
}

.wk-mp-menu .level-0>.wk-mp-submenu {
    background-color: #4a4542;
    left: 100%;
    min-height: calc(7.5rem + 2rem + 100%);
    padding: 2rem 0 0;
    position: absolute;
    top: 0;
    z-index: 797;
    transform: translateX(-100%);
    transition-duration: .3s;
    transition-property: transform, visibility;
    transition-timing-function: ease-in-out;
    visibility: hidden;
}

.wk-mp-menu .level-0.show>.wk-mp-submenu {
    transform: translateX(0);
    visibility: visible;
    z-index: 798;
}

.wk-mp-menu .wk-mp-submenu-title {
    color: #ffffff;
    display: block;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 4.2rem;
    margin-left: 3rem;
    margin-right: 5.8rem;
}

.wk-mp-menu .wk-mp-submenu li {
    min-width: 23.8rem;
}

.wk-mp-menu [class*='level-']:not(.level-0) a {
    display: block;
    padding: 7px 1.5rem;
}

.wk-mp-menu [class*='level-']:not(.level-0) a:hover {
    background-color: #403934;
}

.wk-mp-menu [class*='level-']:not(.level-0) a:active {
    background-color: #322c29;
    padding: 7px 1.5rem;
}

.wk-mp-menu .wk-mp-submenu a {
    color: #fcfcfc;
    transition: background-color 0.1s linear;
}

.wk-mp-menu .wk-mp-submenu .parent>a,
.wk-mp-menu .wk-mp-submenu .parent .wk-mp-submenu-group-title {
    color: #a79d95;
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: .7rem;
    padding: 1.25rem 1.5rem;
    pointer-events: none;
}

.wk-mp-menu .action-close {
    padding: 2.4rem 2.8rem;
    position: absolute;
    right: 0;
    top: 0;
}

.wk-mp-page-header-hgroup .page-title-wrapper {
    display: block !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wk-mp-page-header-hgroup>.page-title-wrapper>h1 {
    padding: 2.15rem 2.15rem 2.15rem 0;
    font-size: 1.8rem !important;
    margin: 0 !important;
    font-weight: 600;
}

.wk-mp-page-header {
    display: inline-block;
    background: #f5f5f5;
    border-bottom: 1px solid #eae9e9;
}

.wk-mp__action-dropdown-wrap {
    float: right;
    position: relative;
}

.wk-mp__action-dropdown {
    display: block;
    position: relative;
    border: 1px solid transparent;
    border-bottom: none;
}

ul.wk-mp__action-dropdown-menu {
    display: none;
    position: absolute;
    right: 0;
    list-style: none;
    margin: 0 !important;
    padding: 0.5rem 1rem !important;
    min-width: 22rem;
    border: 1px solid #007bdb;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
    background: #ffffff;
    top: 100%;
    z-index: 402;
}

.wk-mp__action-dropdown.active {
    border-color: #007bdb;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    background: #FFFFFF;
    z-index: 403;
}

.wk-mp__action-dropdown-wrap.active .wk-mp-user-account-text:after,
.wk-mp-notification .wk-mp__action-dropdown.active:after {
    content: "";
    background-color: #FFFFFF;
    position: absolute;
    height: .7rem;
    width: 99.9%;
    top: 99%;
    left: 0;
    right: 0;
}

/* .active .wk-mp__action-dropdown-menu {
    display: block;
} */
.wk-mp__action-dropdown-menu>li {
    margin: 0;
    padding: 1rem;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
    position: relative;
}

.wk-mp__action-dropdown-menu>li:hover {
    background-color: #f1f2f3;
}

.wk-mp__action-dropdown-menu>li>a {
    color: #333333;
    font-weight: 500;
    padding-left: 3rem;
    position: relative;
    display: inline-block;
    font-size: 15px;
}

.wk-mp-notification-row a {
    color: #333333;
    font-weight: 500;
    padding-left: 2rem;
    position: relative;
    display: inline-block;
}

.wk-mp__action-dropdown-menu>li>a:hover,
a.wk-mp__action-dropdown:hover,
.wk-mp-notification-row a:hover {
    color: #333333;
    text-decoration: none;
}

.wk-mp-notification-row {
    padding: 10px;
}

span.wk-mp-user-account-text {
    text-transform: capitalize;
    color: #333333;
    font-weight: 600;
    font-size: 1.55rem;
}

.wk-mp__action-dropdown-menu>li:before,
.wk-mp-notification-row:before {
    position: absolute;
}

.wk-mp-dropdown-menu-settings:before {
    font-family: "Admin Icons";
    content: '\e610';
    font-size: 1.6rem;
}

.wk-mp-dropdown-menu-buyer:before {
    font-family: "icons-blank-theme";
    content: '\e627';
    font-size: 2.2rem;
    top: .5rem;
    left: .7rem;
}

.wk-mp-dropdown-menu-logout:before {
    font-family: Admin Icons;
    content: '\e635';
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    font-size: 1.6rem;
}

.wk-mp-user .wk-mp__action-dropdown.active:after {
    /* content: "\e62b"; */
    transform: rotate(180deg);
}

/* xxx add custom stye xxx */
.box-dashed {
    border: 2px solid #F9B71D;
    border-radius: 0.5em;
    border-style: dashed;
    height: 49px;
    width: 29.5%;
}

.box-dashed-r {
    border: 2px solid #ff0000;
    border-radius: 0.5em;
    border-style: dashed;
    height: 49px;
    width: 29.5%;
}

.box-dashed-g {
    border: 2px solid #007853;
    border-radius: 0.5em;
    border-style: dashed;
    height: 49px;
    width: 29.5%;
}


.box-dashed-content {
    padding: 10px 0;
    text-align: center;
}

.icon-bg-status {
    background-image: url("../images/icon_time_wait.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.icon-bg-status-cancel {
    background-image: url("../images/icon_cancel.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.icon-bg-status-complete {
    background-image: url("../images/icon_complete.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.icon-bg-csv {
    background-image: url(../images/csv-icon.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    width: 64px;
    height: 72px;
    float: left;
    margin-right: 11px;
}

.icon-download i {
    background-image: url(../images/download-icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    display: block;
    width: 18px;
    height: 18px;
    margin: 9px 11px 9px 23px;
    float: left;
}

.icon-download2 {
    background-image: url("../images/download-icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: 35% 50% !important;
}

.icon-pdf {
    background-image: url("../images/pdf-icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: 3.5% 50% !important;
}

.custom-box-line-bottom .icon-pdf {
    float: left;
}

.icon-category {
    background-image: url("../images/category-icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: 3.5% 50% !important;
}

.icon-plus {
    background-image: url("../images/plus-icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: 50% 35% !important;
}

.icon-profile-logo {
    background-image: url("../images/profile-icon.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.appointment-time-logo {
    background-image: url("../images/appointment-time.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.clock-icon-logo {
    background-image: url("../images/clock-icon.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.box-logo {
    display: inline-block;
    float: left;
    width: 35px;
    height: 35px;
    margin-top: -3px;
}

.content-status {
    padding: 0px 25px;
}

.btn-order {
    width: 155px;
    height: 20px;
    padding-top: 2px;
    padding-bottom: 6px;
    display: inline-block;
    border: 1.8px solid #D41367;
    text-align: center;
    color: #D41367 !important;
    font-weight: normal;
    border-radius: 5px;
    font-family: 'Conv_SukhumvitTadmai_Bol';
    box-shadow: 1px 1px #ccc;
    cursor: pointer;
}

.btn-order-mobile {
    display: inline-block;
    text-align: center;
    color: #D41367 !important;
    font-weight: normal;
    font-family: 'SukhumvitTadmai_Bol';
}

.btn-order-active {
    width: 146px;
    height: 26px;
    border-radius: 5px;
    padding: 1px 30px !important;
    height: auto !important;
    outline: 0;
    background: none;
    color: #fff !important;
    background: #d41367 !important;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 1px 1px #ccc;
}

.btn-order-active-mobile {
    color: #fff !important;
    background: #d41367 !important;
    font-weight: bold;
    font-size: 16px;
}

.btn-order-active-chkbill {
    width: 105px;
    height: 26px;
    border-radius: 5px;
    padding: 1px 30px !important;
    height: auto !important;
    outline: 0;
    background: none;
    color: #fff !important;
    background: #d41367 !important;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 1px 1px #ccc;
}

.btn-order-active-chkbill-mobile {
    color: #fff !important;
    background: #d41367 !important;
    font-weight: bold;
    font-size: 16px;
}

.btn-order-gray {
    width: 155px;
    height: 20px;
    padding-top: 2px;
    padding-bottom: 6px;
    display: inline-block;
    border: 1.8px solid #ccc;
    text-align: center;
    color: #ccc !important;
    font-weight: normal;
    border-radius: 5px;
    font-family: 'Conv_SukhumvitTadmai_Bol';
    box-shadow: 1px 1px #ccc;
}

.btn-gray {
    width: 155px;
    /* height: 20px; */
    /* padding-top: 2px !important; */
    padding-bottom: 6px !important;
    display: inline-block;
    border: 1.8px solid #ccc !important;
    text-align: center;
    color: #ccc !important;
    font-weight: normal;
    border-radius: 5px;
    font-family: 'SukhumvitTadmai_Bol';
    box-shadow: 1px 1px #ccc;
    background: #fff !important;

}


.btn-order-confirm {
    width: 180px;
    height: 40px;
    display: inline-block;
    border: 1.8px solid #ccc;
    text-align: center;
    color: #fff !important;
    font-weight: normal;
    border-radius: 5px;
    font-family: 'SukhumvitTadmai_Bol';
    background-color: #ccc;
    box-shadow: 1px 1px #ccc;
}

.btn-order-cancel {
    width: 180px;
    height: 40px;
    display: inline-block;
    border: 1.8px solid #D41367;
    text-align: center;
    color: #D41367 !important;
    font-weight: normal;
    border-radius: 5px;
    font-family: 'SukhumvitTadmai_Bol';
    box-shadow: 1px 1px #ccc;
}

.btn-order-print-mobile {
    width: 100%;
    height: 41px;
    display: inline-block;
    border: 1.8px solid #ccc;
    text-align: center;
    color: #ccc !important;
    font-weight: normal;
    font-family: 'SukhumvitTadmai_Bol';
    margin-top: 15px;
}

.btn-order-print-mobile-ct {
    margin-top: 7px;
}

.btn-content-ct {
    margin-top: 5px;
}

/* button hover */

a.btn-order:hover {
    background: none;
    color: #fff !important;
    background: #d41367 !important;
    box-shadow: 1px 1px #ccc;
}

a.btn-order-gray:hover {

    background: none;
    color: #fff !important;
    background-color: #ccc !important;

}


.table-half-l:hover {
    background: #d41367 !important;

}

.table-half-l:hover>.box-bottom-control>a.btn-order-mobile {
    color: #fff !important;
}



.set-div-req {
    position: relative;
    overflow: unset !important;
}

.set-span-req {
    color: #eb0505;
    position: absolute;
    bottom: 100%;
    right: 0;
    font-size: 14px;
}

.set-input-req {
    border-color: #f80606 !important;
    border-style: dotted !important;
}

.wk-mp-dashboard-total:last-child .wk-mp-dashboard-border {
    margin-right: 0;
}

.wk-mp-dashboard-total .wk-mp-dashboard-border {
    margin-right: 20px;
}

.wk-mp-dashboard-border {
    min-height: 162px;
}

a.icon-download,
a.icon-download:visited {
    width: 140px;
    height: 35px;
    border: 1px solid rgba(91, 102, 112, .15);
    box-shadow: 0 0 0 !important;
    padding: 0;
    line-height: 36px;
    text-indent: 0 !important;
    text-align: left;
    color: #5B6670;
    border-radius: 6px;
    font-family: 'Conv_SukhumvitTadmai_Bol';
    display: block;
    box-sizing: border-box;
}

.block_sample_download a.icon-download {
    float: left;
}

select#sample_download {
    height: 35px;
    border: 1px solid rgba(91, 102, 112, .15);
    width: 328px;
    border-radius: 3px;
    float: left;
    margin-right: 15px;
}

.block_ample_download a.action.icon-download {
    float: left;
}

.custom-box-name {
    float: left;
    margin-left: 35px;
}

.custom-box-line-bottom div[class*="icon-"] {
    width: 26px;
    height: 30px;
    float: left;
}

.block-select-file-template .custom-font-gray {
    font-family: 'Conv_SukhumvitTadmai_Tex';
    font-size: 14px;
    line-height: 22px;
}

.table-status .box-dashed-content {
    padding: 15px 0;
    text-align: center;
}

.data-grid td.manage {
    width: 90px;
}

.data-grid td.sale-status {
    width: 80px;
}

.data-grid td.special-price {
    width: 115px;
}

.data-grid td.last-update {
    width: 120px;
}

.data-grid td.create-date {
    width: 120px;
}

button.action-secondary.action-dismiss,
button.action-secondary.action-dismiss:hover {
    background: none !important;
    text-shadow: initial;
    border: 0 !important;
    color: #444 !important;
    box-shadow: initial;
}

.admin__data-grid-pager button {
    margin: 0 5px;
    padding: 0 !important;
    width: 33px;
    height: 32px;
}

/* ############################## */



.box-check input:checked+span.checkmark:after {
    left: 7px;
    top: 3px;
}

input[type="text"] {
    border-radius: 0.25em;
}

.table-title {
    font-size: 18px;
    padding: 10.2px 20px;
    background-color: #dee2e6;

}

.box-content {
    padding: 10px 0;
}

.box-content-p5 {
    padding: 5px 0 3px;
}

.box-text-p10r10 {
    float: left;
    padding: 0 10px;
    margin-right: 10px;
}

.table-half {
    width: 50%;
    clear: none;
    float: left;
    display: block;
}

.table-third {
    width: 33.33%;
    clear: none;
    float: left;
    display: block;
}

.table-20per {
    width: 20%;
    clear: none;
    float: left;
    display: block;
}

.table-40per {
    width: 40%;
    clear: none;
    float: left;
    display: block;
}


.table-half-l {
    text-align: center;
    width: 33%;
    height: 100%;
    clear: none;
    float: left;
    display: block;
    border-top: 1px solid #D41366;
}

.table-half-r {
    text-align: center;
    width: 33%;
    height: 100%;
    clear: none;
    float: left;
    display: block;
    background: #d41367 !important;
}

.table-half-f {
    text-align: center;
    width: 33%;
    height: 100%;
    clear: none;
    float: left;
    display: block;
    background: #d41367 !important;
}

.table-border-right {
    border-right: 1px solid #D41366;
}

.table-border-left {
    border-left: 1px solid #ccc;
}

.table-border-left-res {
    border-left: 1px solid #ccc;
}


.box-bottom-line {
    border-bottom: 1px solid #ccc;
}





.box-bottom-control {
    padding: 15px 7px;
}


table.data.table th {
    background-color: #dee2e6;
    font-size: 14px !important;

}

table.data.table>tbody>tr>td {
    font-size: 13px;
}

.table-order-details .order-items {
    border-radius: 0.5em;
    border: 1px solid #ccc;
}

.table-order-radius {
    border-radius: 0.5em;
    border: 1px solid #ccc;
    overflow: hidden !important;
}

.table:not(.cart):not(.totals)>thead>tr>th,
.table:not(.cart):not(.totals)>thead>tr>td {
    border-right: 2px solid #d1d1d1 !important;
}

.table th,
.table td {
    border-right: 1px solid #dee2e6 !important;
}

.net-price {
    font-size: 26px;
}

.mr-box {
    padding: 1% 0 !important;
}

.mr-box-bottom {
    padding: 2% 0 !important;
    margin-bottom: 2%;
    width: 100%;
    float: left;
}


.step-bar-menu {
    border-bottom: 1.5px solid #D41366;
    width: 105%;
    top: 24%;
    position: absolute;
}




.steps-wizard .nav-bar>li.active~li a:after,
.steps-wizard .nav-bar>li.ui-state-active~li a:after {
    color: #ffffff;
}

.data-grid th {
    color: initial;
}


.wk-mp-design table th {
    padding: 1rem !important;
}

.custom-table {
    margin-bottom: 0 !important;
}

.custom-title {
    font-size: 18px;
}

.custom-box-title {
    font-size: 18px;
    padding: 15px 0px;
}

.custom-box-pad10 {
    padding: 10px 0px;
}

.custom-box-pad20 {
    padding: 20px 0px;
}

.mr-top-e10 {
    margin-top: -10px;
}

.mr-top-e20 {
    margin-top: -20px;
}

.mr-top-e25 {
    margin-top: -25px;
}

.mr-top-p25 {
    margin-top: 25px !important;
}

.mr-top-p15 {
    margin-top: 15px !important;
}

.mr-bottom-p0 {
    margin-bottom: 0px !important;
}


.text-right {
    text-align: right;
}


.box-content-wd10 {
    float: left;
    width: 10%;
}

.box-content-wd12 {
    float: left;
    width: 155px;
}


.box-content-wd25 {
    float: left;
    width: 25%;
}

.box-content-wd30 {
    float: left;
    width: 30%;
}


.box-content-wd95 {
    float: left;
    width: 95% !important;
}

.box-content-wd70 {
    float: left;
    width: 70% !important;
}

.box-detail-set {
    padding: 5px 0px;
    font-size: 16px;
    font-weight: inherit;
    display: flex;
}

.underline-title-tab1 {
    background-color: #d41367;
    height: 2px;
    width: 78px;
    margin: 0 20px;
}

.underline-title-tab2 {
    background-color: #d41367;
    height: 2px;
    width: 78px;
    margin: 0 150px;
}

.underline-title-tab3h5 {
    background-color: #d41367;
    height: 2px;
    width: 78px;
    margin: 0 250px;
}

.underline-title-tab3 {
    background-color: #d41367;
    height: 2px;
    width: 78px;
    margin: 0 285px;
}

.underline-title-tab4 {
    background-color: #d41367;
    height: 2px;
    width: 78px;
    margin: 0 395px;
}

.underline-menu-active {
    background-color: #d41367;
    height: 2px;
    margin-top: 8px;
}


.bg-underline {
    background-color: #dee2e6;
}

.btn-custom {
    margin: 5px 0px 5px 15px;
}

.set-box-hide {
    display: block;

}

.tb-picture {
    width: 7% !important;
}

.tb-name {
    width: 50% !important;
}

.tb-sku {
    width: 8% !important;
}

.tb-price {
    width: 8% !important;
}

.tb-qty {
    width: 8% !important;
}


.buttons-set {
    padding: 20px 0px;
    font-size: 18px;

}

.box-hide {
    display: none !important;
}

.set-box-hide {
    display: block;
    visibility: unset;
    clear: both;
}

.box-btn-bottom {
    display: none;
    visibility: hidden;
    clear: both;
}

.line-top {
    border-top: 1px solid #D41366;
    height: 54px;
}

.content-hide {
    display: none;
    visibility: hidden;
    clear: both;
}

.warpping-shipping {
    width: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.65);
    left: 0;
    top: 0;
    transition: initial;
    -webkit-transition: initial;
    -moz-transition: initial;
    -o-transition: initial;
}

.warpping-shipping .block-code {
    max-width: 485px;
    min-height: 485px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    border-top: 5px solid #D41367;
    border-radius: 4px 4px 0 0;
    padding: 20px 40px 40px;
}

.warpping-shipping .block-code h1 {
    text-align: center;
    font-size: 27px;
    margin: 20px 0 20px;
}

.content-center {
    text-align: center;
}


.input-custom {
    height: 30px !important;
    width: 70% !important;
    border-radius: 5px !important;
}

.font-bold-18 {
    font-weight: bold;
    font-size: 18px;
}

.border {
    border: 1px solid #dee2e6 !important;
    border: none !important;
}

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

.set-if-btn2 {
    width: 49% !important;
}


.set-if-btn1 {
    width: 100% !important;
}

.contener-box {
    padding: 35px 0px;
}

.content-box-in {
    padding: 0 20px;
}

.contener-content {
    width: 95%
}

.content-center {
    text-align: center;
}

.font-fix-content1 {
    font-size: 16px;
    /* font-family: Sukhumvit Tadmai; */
}

/* .admin__action-multiselect-text {
    padding: 1px 10px !important;
} */

h3.title::after {
    background: none !important;
}

#media_gallery_content {
    border: none !important;
}

/* #media_gallery_content .image {
    height: 30px!important;
    width: 155px!important;
    border-radius: 5px;
   
} */

/* .image.image-placeholder {
    height: 28px;
    width: 155px;
    border-radius: 5px;

} */

.image-box-browse {
    height: 127px !important;
    width: 127px !important;
    border-radius: 5px;
    border: dashed 2px #ccc;
}

/* .image .image-placeholder-text {
    bottom: transparent!important;
    color: #ccc!important;
    line-height: unset!important;
    font-size: 16px!important;
    margin-bottom: 0%!important;
    background-image: url("../images/image_upload.png");
    background-repeat: no-repeat;
    background-position: 15% 50%;
    margin-right: -20px;
    
} */

.bg-icon-video {
    width: 155px;
    height: 26px;
    display: inline-block;
    border: 1px solid #ccc;
    text-align: center;
    color: #ccc !important;
    font-weight: normal;
    border-radius: 5px;

    background-image: url("../images/video_upload.png");
    background-repeat: no-repeat;
    background-position: 15% 50%;
    margin-right: -20px;
}

.modals-overlay {
    z-index: 100 !important;
}

.gallery {
    background: none !important;
}

.custom-box-height78 {
    height: 78px;
}

.custom-box-height53 {
    height: 53px;
}

.custom-box-height26 {
    height: 26px;
}

.box-pad10 {
    padding: 10px 10px;
}

input[type=text]:disabled {
    background: rgba(91, 102, 112, 0.1);
}

.box-checkbox input:checked+.checkmark::after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}

input[type="radio"] {
    margin: -5px 10px 0 0;
}

.box-checkbox .checkmark {
    width: 20px;
    height: 20px;
    /* top: 5px; */
    margin: 0;
}

.box-check input:checked+span.checkmark {
    background-color: #d41366;
    border-color: #d41366;
}

.custom-box-height33 {
    height: 33px;
}

.custom-box-height30 {
    height: 30px;
}

.set-box99 {
    width: 99%;
    height: 99%;
}

.custom-btn-full {
    font-size: 16px;
    width: 100%;
    padding: 10px 0;

}

.custom-pad-box {
    padding: 20px;
    font-size: 16px;
}

.icon-ex-upload {
    width: 20%;
    height: 40px;
    clear: none;
    float: left;
    display: block;
    background-image: url(../images/csv-icon.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

/* css file #### */

/*
 * File
 */

.file {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 2.5rem;
    width: 100%;
}

.file input {
    min-width: 14rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

.file-custom {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding: 10px 10px;
    line-height: 1.5;
    color: rgba(91, 102, 112, .4);
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(91, 102, 112, .1);
    font-size: 16px;
    line-height: 30px;
    padding-left: 15px;
}

.file-custom:after {
    /* content: "ไม่มีไฟล์ถูกอัพโหลด";
    color: #ccc; */
}

.file-custom span.txt {
    position: relative;
    z-index: 6;
    font-family: 'Conv_SukhumvitTadmai_Bol';
    content: "";
    background-color: #fff;
    width: 140px;
    height: 30px;
    display: inline-block;
    border: 1px solid #ccc;
    color: #5B6670;
    font-weight: normal;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .16);
    font-size: 16px;
    float: right;
    line-height: 30px;
}

.file-custom span.txt .icon {
    width: 16px;
    height: 14px;
    float: left;
    display: block;
    background-image: url(../images/upload-icon.png);
    background-repeat: no-repeat;
    background-position: 25% 50%;
    margin: 8px 20px 8px 25px;
    background-size: 100%;
}


.custom-font-file {
    color: #4e4843 !important;
}

.custom-font-gray {
    color: #5B6670 !important;
}

.costom-box-w13 {
    width: 13%;
    height: 40px;
    clear: none;
    float: left;
    display: block;
}

.wk-mu-options-item {
    float: left;
    padding-right: 2%;
    font-size: 14px;
}


.pad-text-center {
    padding: 65px 25px 0 23px;
    text-align: center;
    color: #ccc;
}

.area-input-click {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.select {
    border-radius: 0.25em;
}

.admin__control-checkbox:checked+label:before {}

.admin__action-multiselect-tree .action-menu-item._expended .admin__action-multiselect-dropdown:before {
    content: url("../images/delete-icon-menu.png");
    position: relative;


}

.admin__action-multiselect-dropdown:before {
    content: url("../images/plus-icon-menu.png");
    position: absolute;
    top: -6px;

}


.admin__action-multiselect-crumb .action-close:hover {
    background-color: transparent !important;
}

.selectmenu-toggle:before {
    background-color: transparent !important;
}

.selectmenu-toggle:after {
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 0.5rem 0.4rem 0;
    content: "";
    height: 0;
    margin-top: -0.2rem;
    position: absolute;
    right: 1.1rem;
    top: 50%;
    transition: all .2s linear 0s;
    width: 0;
}

._active .selectmenu-toggle:after,
.active .selectmenu-toggle:after {
    transform: scaleY(-1);
    margin-top: 8px;
}

.selectmenu-toggle._active:after,
.selectmenu-toggle.active:after {
    transform: scaleY(-1);
    top: 50%;
    margin-top: 0;
}


.admin__action-multiselect-wrap .admin__action-multiselect {
    border-radius: 0.25em;
}

.action-select-wrap .action-select:before {
    background-color: transparent;
    border: transparent;
}

.action-select-wrap .action-select:after {
    right: 0;
    height: 35%;
    margin-right: 3%;
    position: absolute;
    border-color: transparent;
    border-style: none;
    margin-right: 30px;
    top: 35%;
}

.action-select-wrap._active .action-select:after {
    padding-right: 0;
    bottom: 0;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    margin-top: 3px;
}

.action-select-wrap .action-select._active:after,
.action-select-wrap .action-select.active:after {
    padding-right: 0;
    bottom: 0;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    margin-top: 3px;
}

.admin__action-multiselect-search-label {
    right: 3%;
    top: 0;
    height: 100%;
    margin-top: 10px;
}

.action-menu,
.action-menu .action-submenu {
    border: 1px solid #adadad;
    border-radius: 3px;
}

.admin__action-multiselect-search-wrap+.admin__action-multiselect-menu-inner {
    border-bottom: unset;
    border-top: unset;
}

.admin__action-multiselect-search-wrap {
    margin-bottom: unset;
    padding: 5px 5px;
}

.admin__action-multiselect-actions-wrap {
    display: none;
}

.wk-mp-design input[type=email],
.wk-mp-design input[type=search],
.wk-mp-design input[type=number],
.wk-mp-design input[type=password],
.wk-mp-design input[type=tel],
.wk-mp-design input[type=text] {
    width: 100%;
}

.admin__collapsible-block-wrapper .admin__collapsible-title {
    margin-left: 15px;
}

.steps-wizard .admin__data-grid-wrap .note {
    margin: 2rem 15px;
}

.custom-box-right13 {
    padding-left: 13%;
    font-weight: bold;
    color: #5B6670 !important;
    float: right;
}

.custom-box-left60 {
    padding-left: 14%;
    width: 60%;
    float: left;
}

div#bt-first-content {
    padding-top: 32px;
}

.custom-box-line-bottom {
    border-bottom: 1px solid #ccc;
    margin-left: 0;
    padding-bottom: 10px;
    width: 100%;
    padding: 25px;
}

.admin__action-multiselect-label {
    padding: 0px 0px 10px 30px !important;
}

.admin__action-multiselect-label:before {
    top: 0 !important;
}

.admin__action-multiselect-tree .action-menu .action-menu-item {
    padding: 10px 0px 8.4px 10px;
}

.skuavailable {
    padding: 0;
}

.custom-layout-login:before {
    padding: 0 !important;
    width: 0% !important;
}

.custom-col-xs-2 {
    width: 16.6667%;
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    text-transform: inherit;
}

/* body .price-box .old-price .price {
    text-decoration: line-through; 
    text-decoration-color: #ccc; 
} */

.wk-title-custom {
    margin-bottom: 20px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}

.txt-overflow85 {
    white-space: nowrap;
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
}

small.wk-mp-products-bottom ul li span.wk-mp-float-left {
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ask-que,
#askque {
    border-radius: 10px;
}

.switcher-options div#switcher-language-trigger {
    position: relative;
    float: right;
    font-weight: normal;
    margin: 0px 0 0px 15px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: #707070 solid 1px;
    border-radius: 6px;
    font-family: 'SukhumvitTadmai_Tex';
    padding: 4px 8px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    margin-left: 30px;
}

.required-label {
    content: '*';
    color: #d41367;
    font-size: 1.7rem;
    margin: 0 0 0 5px;
}

body .wk-mprma-conversation {
    border-radius: 0.25em;

}

body .wk-mprma-conversation-head-left {
    color: #707070;
}

body .wk-mprma-seller-section {
    background: inherit !important;
}

body .wk-mprma-customer-section {
    background: inherit !important;
}

body .wk-mprma-admin-section {
    background: inherit !important;
}


body .wk-mprma-seller-box {
    border: 1.8px solid #007853 !important;

}

body .wk-mprma-customer-box {
    border: inherit !important;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(112, 112, 112, 1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(112, 112, 112, 1);
    box-shadow: 1px 1px 5px 0px rgba(112, 112, 112, 1);
}

body .wk-mprma-admin-box {
    border: 1.8px solid #D41367 !important;

}

body .wk-mprma-seller-text {
    color: #007853;
}


body .wk-mprma-admin-text {
    color: #D41367;
}

body .wk-mprma-conversation-body {
    padding: 0px 0px 15px 20px;
}

body .wk-mprma-conversation-head {
    padding: 15px 15px 0 15px;
}

.pad-bottom50 {
    padding-bottom: 50px;
}

.text-bold {
    font-weight: bold;
}

.text-size18 {
    font-size: 18px;
}

.text-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 0;
    color: #333;
    font-size: 20px;
}

.underline-title {
    background-color: #d41367;
    height: 2px;
    width: 110px;
}

.td-checkbox {
    text-align: center !important;
    width: 5%;
}

.tr-custom {
    background-color: #eeeeee;
}

.table-custom-set {
    border-collapse: collapse;
    border-radius: 1em;
    overflow: hidden;
}

.data-grid-actions-cell {
    position: relative;
}

.field label.label span {
    font-family: 'Conv_SukhumvitTadmai_Bol';
    font-size: 16px;
    line-height: 30px;
}

body.mpmassupload-product-view .fieldset>.field:not(.choice)>.label {
    margin-bottom: 5px;
}

.field.required label.label:after {
    text-shadow: 0 0 0 !important;
    font-family: 'Conv_SukhumvitTadmai_Bol';
    color: #D41367 !important;
}

.right-upload-product .title {
    font-size: 16px;
    color: #5B6670;
    font-family: 'Conv_SukhumvitTadmai_Bol';
    line-height: 30px;
    opacity: 0.6;
}

body .wk-mp-menu [class*='level-']:not(.level-0) a,
body .wk-mp-menu [class*='level-']:not(.level-0) a:active,
body .wk-mp-menu [class*='level-']:not(.level-0) a:hover {
    font-size: 14px;
}

a#run-profile {
    background: rgba(91, 102, 112, .6);
    border: 0;
    height: 45px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .16);
    color: #fff !important;
    font-size: 18px;
}

#wk-mp-nav>li {}

#wk-mp-nav>li>.wk-mp-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    padding-bottom: 15px;
}

select#attribute_set {
    height: 35px;
    background-position-x: calc(100% - 10px);
    background-position-y: 54%;
}

.mpmassupload-product-view .fieldset>.field {
    margin-bottom: 30px !important;
}

.field.massupload_csv .control {
    height: 50px;
}

.page-title-wrapper .page-title:before {
    display: none;
}

.active .wk-mp__action-dropdown-menu {
    display: block;
}

body .dropdown .mage-dropdown-dialog {
    border: 0 !important;
}

body button#askque {
    font-size: 16px !important;
    border-radius: 0;
}

.wk-mp-page-title.page-title:before {
    display: none;
}

.selectmenu-items li button {
    font-size: 15px !important;
    padding: 0 !important;
    text-align: center;
}

.selectmenu-items .selectmenu-item button.selectmenu-item-action {
    padding: 14px 5px !important;
}

body button:focus {
    outline: initial !important;
}

.wk-mp-page-header-hgroup .page-title-wrapper .breadcrumbs {
    display: none;
}

div#meta-contrainer {
    clear: both;
    padding-top: 50px;
}

.order-details-items .table-wrapper {
    overflow: hidden;
}

.tabs-horiz .ui-state-default {
    margin-bottom: 0;
}

.title-box-step:after {
    content: '';
    display: block;
    clear: both;
}

.title-box-step {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    margin: 0 0 2rem;
    padding: 1.5rem;
}

.modal-inner-wrap .modal-content {
    width: auto;
}

/*############################### start responsive*/
@media only screen and (max-width: 991px) {

    .wk-mp-menu-wrapper {
        width: 32% !important;
    }


    body .wk-mp-page-wrapper {
        width: 68% !important;
        min-height: unset !important;
        position: relative;
    }

    .table-half {
        width: 100%;
        clear: both;
    }

    .table-third {
        width: 100%;
        clear: both;
    }

    .table-20per {
        width: 100%;
        clear: none;
    }

    .table-40per {
        width: 100%;
        clear: none;
    }

    .set-box-hide {
        display: none;
        visibility: hidden;
        clear: both;
    }

    .box-btn-bottom {
        display: block;
        visibility: unset;
        clear: both;
    }

    .box-dashed {
        width: 99%;
        margin-bottom: 20px;
    }

    .box-dashed-r {
        width: 99%;
        margin-bottom: 20px;
    }

    .box-dashed-g {
        width: 99%;
        margin-bottom: 20px;
    }

    .custom-box-height78 {
        height: 0px;
    }

    .custom-box-height53 {
        height: 0px;
    }

    .custom-box-height26 {
        height: 0px;
    }

    .mg-l10 {
        margin-left: 10px;
    }


}



@media only screen and (max-width: 768px) {

    .custom-col-xs-2 {
        width: 25%;
    }

    .wk-mp-menu-wrapper {
        width: 25% !important;
    }


    body .wk-mp-page-wrapper {
        width: 75% !important;
        min-height: unset !important;
        position: relative;
    }

    .table-half {
        width: 100%;
        clear: both;
    }

    .table-third {
        width: 100%;
        clear: both;
    }

    .table-20per {
        width: 100%;
        clear: none;
    }

    .table-40per {
        width: 100%;
        clear: none;
    }

    .set-box-hide {
        display: none;
        visibility: hidden;
        clear: both;
    }

    .box-btn-bottom {
        display: block;
        visibility: unset;
        clear: both;
    }

    .box-dashed {
        width: 99%;
        margin-bottom: 20px;
    }

    .box-dashed-r {
        width: 99%;
        margin-bottom: 20px;
    }

    .box-dashed-g {
        width: 99%;
        margin-bottom: 20px;
    }

    .back-link {
        text-align: center;
    }

    .custom-box-height78 {
        height: 0px;
    }

    .custom-box-height53 {
        height: 0px;
    }

    .custom-box-height26 {
        height: 0px;
    }

    .mg-l10 {
        margin-left: 10px;
    }

    .box-content-wd95 {
        width: 100% !important;
    }

    .table-border-left-res {
        border-left: none;
    }

    .box-bottom-line-res {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .width57 {
        width: 57% !important;
    }
}

@media only screen and (max-width: 767px) {


    .wk-mp-menu-wrapper {
        width: 32% !important;
    }

    body .wk-mp-page-wrapper {
        width: 68% !important;
        min-height: unset !important;
        position: relative;
    }

    .table-half {
        width: 100%;
        clear: both;
    }

    .table-third {
        width: 100%;
        clear: both;
    }

    .table-20per {
        width: 100%;
        clear: none;
    }

    .table-40per {
        width: 100%;
        clear: none;
    }

    .set-box-hide {
        display: none;
        visibility: hidden;
        clear: both;
    }

    .box-btn-bottom {
        display: block;
        visibility: unset;
        clear: both;
    }

    .box-dashed {
        width: 99%;
        margin-bottom: 20px;
    }

    .box-dashed-r {
        width: 99%;
        margin-bottom: 20px;
    }

    .box-dashed-g {
        width: 99%;
        margin-bottom: 20px;
    }

    .back-link {
        text-align: center;
    }

    .custom-box-height78 {
        height: 0px;
    }

    .custom-box-height53 {
        height: 0px;
    }

    .custom-box-height26 {
        height: 0px;
    }

    .mg-l10 {
        margin-left: 10px;
    }

    .box-content-wd95 {
        width: 100% !important;
    }

    .table-border-left-res {
        border-left: none;
    }

    .box-bottom-line-res {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .width57 {
        width: 57% !important;
    }
}

@media only screen and (max-width: 660px) {


    .wk-mp-menu-wrapper {
        width: 32% !important;
    }


    body .wk-mp-page-wrapper {
        width: 68% !important;
        min-height: unset !important;
        position: relative;
    }

    .table-half {
        width: 100%;
        clear: both;
    }

    .table-third {
        width: 100%;
        clear: both;
    }

    .table-20per {
        width: 100%;
        clear: none;
    }

    .table-40per {
        width: 100%;
        clear: none;
    }

    .set-box-hide {
        display: none;
        visibility: hidden;
        clear: both;
    }

    .box-btn-bottom {
        display: block;
        visibility: unset;
        clear: both;
    }

    .box-dashed {
        width: 99%;
        margin-bottom: 20px;
    }

    .box-dashed-r {
        width: 99%;
        margin-bottom: 20px;
    }

    .box-dashed-g {
        width: 99%;
        margin-bottom: 20px;
    }

    .back-link {
        text-align: center;
    }

    .custom-box-height78 {
        height: 0px;
    }

    .custom-box-height53 {
        height: 0px;
    }

    .custom-box-height26 {
        height: 0px;
    }

    .mg-l10 {
        margin-left: 10px;
    }

    .box-content-wd95 {
        width: 100% !important;
    }

    .table-border-left-res {
        border-left: none;
    }

    .box-bottom-line-res {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .width57 {
        width: 57% !important;
    }


}

@media only screen and (max-width: 479px) {


    .custom-col-xs-2 {
        width: inherit;
    }

    .row {
        display: block;
    }

    .btn-order {
        width: 145px;
    }

    .btn-order-gray {
        width: 145px;
    }

    .btn-custom {
        margin: 5px 10px 5px 10px;
    }

    .wk-mp-menu-wrapper {
        width: 32% !important;
    }

    body .wk-mp-page-wrapper {
        width: 68%;
        min-height: unset !important;
        position: relative;
    }

    .table-half {
        width: 100%;
        clear: both;
    }

    .table-third {
        width: 100%;
        clear: both;
    }

    .table-20per {
        width: 100%;
        clear: none;
    }

    .table-40per {
        width: 100%;
        clear: none;
    }

    .set-box-hide {
        display: none;
        visibility: hidden;
        clear: both;
    }

    .box-btn-bottom {
        display: block;
        visibility: unset;
        clear: both;
    }

    .box-dashed {
        width: 99%;
        margin-bottom: 20px;
    }

    .box-dashed-r {
        width: 99%;
        margin-bottom: 20px;
    }

    .box-dashed-g {
        width: 99%;
        margin-bottom: 20px;
    }

    .back-link {
        text-align: center;
    }

    .custom-box-height78 {
        height: 0px;
    }

    .custom-box-height53 {
        height: 0px;
    }

    .custom-box-height26 {
        height: 0px;
    }

    .mg-l10 {
        margin-left: 10px;
    }

    .box-content-wd95 {
        width: 100% !important;
    }

    .table-border-left-res {
        border-left: none;
    }

    .box-bottom-line-res {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .width57 {
        width: 57% !important;
    }
}

@media only screen and (max-width: 375px) {


    .custom-col-xs-2 {
        width: inherit;
    }

    .btn-order {
        width: 115px;
    }

    .btn-order-gray {
        width: 115px;
    }

    .btn-custom {
        margin: 5px 10px 5px 10px;
    }
}


/*###############################*/
/* page header before language switcher css start */
.wk-mp-page-header-before .header.panel:before,
.wk-mp-page-header-before .header.panel:after {
    content: '';
    display: table;
}

.wk-mp-page-header-before .header.panel:after {
    clear: both;
}

.wk-mp-page-header-before .header.panel {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}

.wk-mp-page-header-before {
    border: 0;
    margin-bottom: 0;
}

.wk-mp-page-header-before .panel.wrapper {
    border-bottom: 1px solid #e8e8e8;
    background-color: #6e716e;
    color: #ffffff;
}

.wk-mp-page-header-before .panel.header {
    padding: 10px 20px;
}

.wk-mp-page-header-before .header.panel {
    padding-bottom: 10px;
    padding-top: 10px;
}

.wk-mp-page-header-before .switcher {
    float: right;
    margin-left: 15px;
    margin-right: -6px;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    display: block !important;
}

.wk-mp-page-header-before .switcher .options ul.dropdown {
    right: 0;
}

.wk-mp-page-header-before .switcher .options ul.dropdown:before {
    right: 25px;
    top: -12px;
    left: inherit;
}

.wk-mp-page-header-before .switcher .options ul.dropdown:after {
    right: 25px;
    top: -14px;
    left: inherit;
}

/* page header before language switcher css stop */
.wk-mp-seller-header-logo-wrapper {
    width: 5.5rem;
    height: 5.5rem;
    position: absolute;
    border-radius: 5.5rem;
    background: #FFFFFF;
    border: 1px solid #ccc;
    display: inline-block;
    left: .3rem;
    top: .3rem;
    overflow: hidden
}

.wk-mp-seller-header-logo {
    width: 5.5rem;
    height: 5.5rem;
    vertical-align: middle;
}

.wk-mp-page-main {
    padding: 2rem;
}

.wk-mp-page-wrapper .copyright {
    background-color: transparent !important;
    color: inherit !important;
    display: block;
    padding: 10px;
    text-align: center;
    margin: 0 2rem;
    border-top: 1px solid #ccc;
    ##
}

.wk-mp-notification .wk-mp-notification-icon:after {
    font-family: "Admin Icons";
    color: #333333;
    font-size: 2.4rem;
    content: "\e607";
}

.wk-mp-notification-count {
    position: absolute;
    left: 53%;
    top: 16%;
    background-color: #ff6a01;
    border-radius: .3rem;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 0 .3rem;
}

.action-select-wrap .action-select {
    border-radius: 0.3rem;
}

.wk-mp-notification-time {
    width: 100%;
    display: inline-block;
    padding-left: 2rem;
    color: #575757;
}

.wk-mp-notification li,
.wk-mp-notification-row {
    position: relative;
}

.wk-mp-notification-entry-description-start {
    padding-left: 2rem !important;
}

.wk-mp-dropdown-notification-orders:before,
.wk-mp-dropdown-notification-transaction:before {
    font-family: "icons-blank-theme";
    content: '\e624';
    top: 28%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #03b300;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.wk-mp-order-notification-new:before,
.wk-mp-order-notification-pending_payment:before,
.wk-mp-order-notification-pending_payment-holded:before {
    color: #ffbc00;
}

.wk-mp-order-notification-processing:before {
    color: #007EFF;
}

.wk-mp-order-notification-1:before,
.wk-mp-order-notification-complete:before {
    color: #19A709;
}

.wk-mp-order-notification-2:before,
.wk-mp-order-notification-canceled:before,
.wk-mp-order-notification-closed:before,
.wk-mp-order-notification-fraud:before,
.wk-mp-order-notification-payment_review:before {
    color: #ff3b00;
}

.wk-mp-dropdown-notification-products:before {
    font-family: "icons-blank-theme";
    content: '\e624';
    top: 28%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #F9661D;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.wk-mp-dropdown-notification-review:before {
    font-family: "icons-blank-theme";
    content: '\e605';
    top: 10%;
    left: 2%;
    font-size: 2.4rem;
    font-weight: bold;
    color: #F9B71D;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.wk-mp-notification-review-bad:before {
    color: #ff0000;
}

.wk-mp-notification-review-good:before {
    color: #F9B71D;
}

.wk-mp-notification-review-exellent:before {
    color: #03b300;
}

.wk-mp-home>a {
    padding: 1.3rem 0;
}

.wk-mp-home>a:after {
    font-family: "Admin Icons";
    color: #333333;
    content: "\e611";
    font-size: 2.4rem;
}

.wk-mp-dashboard-border {
    border: 1px solid #eae9e9;
    overflow: hidden;
    border-radius: 10px;
}

.wk-dashboard-sales-value {
    color: #eb5202;
}

.wk-mp-dashboard-total-left {
    float: left;
    width: calc(45% - 2px);
    height: 16rem;
    border-right: 1px solid #eae9e9;
    background-color: #f5f5f5;
    position: relative;
}

.wk-mp-dashboard-total-right {
    float: left;
    width: 55%;
    height: 13rem;
}

.wk-dashboard-sales-font {
    #width: calc(100% - 4rem);
    display: inline-block;
    width: 100%;
    #padding: 1rem 2rem;
    text-align: center;
    overflow: auto;
}

.wk-dashboard-sales-font .price {
    font-size: 4.5rem;
    font-weight: 600;
}

.wk-dashboard-total-left-bottom {
    width: calc(100% - 0rem);
    display: inline-block;
    padding: .9rem 1.5rem;
    text-align: center;
    background-color: #3e3934;
    color: #fff;
    font-size: 2rem;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 64%;
}

.wk-mp-dashboard-total-progress-bar {
    padding: 1.1rem 1rem;
}

.wk-mp-dashboard-total-progress-bar small {
    display: inline-block;
    width: 100%;
    vertical-align: baseline;
    position: relative;
}

.wk-mp-dashboard-total-progress-bar small:after {
    content: "";
    border: 2px solid #eae9e9;
    width: calc(100% - 4px);
    display: inline-block;
    border-radius: 2px;
    top: 100%;
    left: 0;
    position: absolute;
}

.wk-mp-progress-color-bar {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    border-radius: 2px;
}

.wk-mp-approve-color-bar {
    border: 2px solid #E67018;
    background: #E67018;
}

.wk-mp-process-color-bar {
    border: 2px solid #FFC233;
    background: #FFC233;
}

.wk-mp-complete-color-bar {
    border: 2px solid #51C21F;
    background: #51C21F;
}

.wk-dashboard-products-top {
    text-align: left;
    padding: 6px 10px;
    border-bottom: 1px solid #eae9e9;
    height: calc(3.8rem);
}

small.wk-mp-products-bottom {
    height: 9.7rem;
    width: 100%;
    display: inline-block;
}

.wk-mp-products-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    display: inline-block;
    width: 100%;
}

.wk-mp-products-bottom ul li {
    margin: 0;
    padding: 8px;
    display: inline-block;
    width: calc(100%);
}

.wk-mp-products-bottom ul li:nth-child(even) {
    background: #f5f5f5;
}

.wk-mp-dashboard-customers-top {
    padding: 10px;
    width: calc(100%);
    height: calc(7.5rem);
    border-bottom: 1px solid #eae9e9;
}

.wk-mp-dashboard-customers-bottom {
    padding: 10px;
    width: calc(100% - 20px);
    height: calc(6.5rem - 20px);
}

.wk-mp-dashboard-row {
    width: 100%;
    overflow: hidden;
}

.overflow-hidden {
    overflow: hidden !important;
}

.wk-mp-dashboard-notifications-menu {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.wk-mp-dashboard-total,
.wk-mp-dashboard-pie-charts,
.wk-mp-dashboard-chart-container,
.wk-mp-dashboard-activity-container {
    padding-bottom: 2rem;
}

.wk-mp-order-grid-title-row {
    display: inline-block;
    width: 100%;
}

.wk-mp-order-grid-title-row-sp1 {
    font-size: 1.7rem;
    font-weight: 600;
}

.wk-mp-order-grid-title-row-sp2 {
    font-size: 1.3rem;
}

.wk-mp-dashboard-chart-top-row {
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    overflow: hidden;
    position: relative;
}

.wk-mp-dashboard-lifetimesale-container {
    padding: 0 1rem;
    font-size: 2rem;
    word-break: break-all;
    color: #fff;
    background-color: #3e3934;
    font-weight: 600;
    box-sizing: border-box !important;
}

.wk-mp-dashboard-lifetimesale-title {
    float: left;
    padding: 1.6rem .5rem;
}

.wk-mp-dashboard-lifetimesale-value {
    float: left;
    font-size: 2.5rem;
    padding: 1.3rem 0rem;
}

.wk-mp-dashboard-totalpayout-container {
    padding: 1.6rem .4rem;
    word-break: break-all;
    background-color: #eee;
    font-size: 1.9rem;
    font-weight: 600;
    z-index: 5;
    box-sizing: border-box !important;
}

.wk-mp-dashboard-totalpayout-value {
    padding-left: .5rem;
}

.wk-mp-dashboard-chart-dropdown {
    padding: 1.4rem .2rem 1.4rem 0rem;
    font-size: 2rem;
    font-weight: 600;
    z-index: 4;
    box-sizing: border-box;
}

.wk-mp-dashboard-chart-container>.wk-mp-dashboard-border {
    /* height: calc(46rem - 4px); */
}

.wk-mp-dashboard-chart-dropdown select {
    color: #5d5d5d;
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 14px;
}

.wk-mp-dashboard-activity-wrapper {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    background-color: #eee;
    overflow: hidden;
    height: 6rem;
    position: relative;
}

.wk-mp-dashboard-activity-title {
    float: left;
    padding: 1.6rem 1.4rem;
    background-color: #eee;
    font-size: 2rem;
    font-weight: 600;
    z-index: 5;
    position: relative;
}

.wk-mp-dashboard-review-container {
    padding: 7px 7px 0px 7px;
}

.wk-mp-dashboard-activity-main ul.wk-mp__action-dropdown-menu {
    z-index: 0 !important;
}

/* Mobile View */
@media all and (min-width: 768px),
print {
    .wk-mp-notification ul.wk-mp__action-dropdown-menu {
        min-width: 27rem;
    }

    .wk-mp-nav-toggle {
        display: none;
    }

    .wk-mp-page-header {
        padding: 0.35rem 2rem;
        width: 100%;
        box-sizing: border-box;
    }

    .wk-mp-page-header-hgroup {
        float: left;
        width: 50%;
    }

    .wk-mp-page-header-actions {
        float: left;
        width: 50%;
    }

    .wk-mp__action-dropdown {
        padding: 18px 2.5rem 2.1rem 6.5rem;
    }

    .wk-mp__action-dropdown-text {
        display: inline-block;
    }

    .wk-mp-user .wk-mp__action-dropdown:after {
        font-family: "Admin Icons";
        content: "\e628";
        color: #333333;
        font-size: 1rem;
        font-weight: 600;
        position: absolute;
        right: 4%;
        top: 40%;
        transition: all .2s linear;
    }

    .wk-mp-dashboard-total-container {
        width: 80%;
        float: left;
        overflow: hidden;
        padding: 0 10px;
    }

    .wk-mp-dashboard-top-row {
        /* height: 13rem; */
    }

    .wk-mp-dashboard-row {
        padding-bottom: 2rem;
    }

    .wk-mp-dashboard-pie-charts-container {
        width: 20%;
        float: left;
        overflow: hidden;
        padding: 0 10px;
    }

    .wk-mp-dashboard-pie-charts {
        width: calc(100% - 2px);
        overflow: hidden;
        padding-bottom: 2rem;
    }

    .wk-mp-dashboard-pie-charts-main {
        padding: 5px;
        height: calc(13.5rem - 10px);
        display: inline-block;
        width: calc(100% - 12px);
    }

    .wk-mp-no-paading-bottom {
        padding-bottom: 0;
    }

    .wk-mp-last-row {
        height: calc(14rem - 10px);
    }

    .wk-mp-dashboard-total {
        width: 33.33%;
        padding: 0;
        padding-top: 0;
        padding-bottom: 0;
        float: left;
    }

    .wk-mp-dashboard-total-order {
        width: calc(33.3%);
    }

    .wk-mp-dashboard-total-product {}

    .wk-mp-dashboard-total-customer {}

    .wk-mp-dashboard-second-row {
        height: 46rem;
    }

    .wk-mp-dashboard-chart-container {
        width: 55%;
        float: left;
        padding: 0 10px;
        height: 46rem;
    }

    .wk-mp-dashboard-activity-container {
        width: 25%;
        padding: 0 10px;
        float: left;
        height: 46rem;
    }

    .wk-mp-dashboard-chart-main {
        padding: 5px;
        height: calc(39rem - 10px);
    }

    .wk-mp-dashboard-activity-main {
        padding: 5px;
        height: calc(39rem - 10px);
    }

    .wk-mp-dashboard-chart-top-row {
        display: flex;
        width: 100%;
    }

    .wk-mp-dashboard-lifetimesale-container {
        float: left;
        width: 50%;
    }

    .wk-mp-dashboard-totalpayout-container {
        float: left;
        width: 35%;
        position: relative;
    }

    .wk-mp-dashboard-chart-dropdown {
        float: right;
        position: absolute;
        right: 0;
        width: 15%;
    }
}

@media all and (max-width: 767px),
print {
    .wk-mp-notification ul.wk-mp__action-dropdown-menu {
        min-width: 18rem;
    }

    .wk-mp-page-header {
        padding: .35rem 1rem;
        width: calc(100% - 2rem);
    }

    .wk-mp-page-header-hgroup {
        float: left;
        width: 45%;
    }

    .wk-mp-page-header-actions {
        float: left;
        width: 55%;
    }

    .wk-mp-user-account-text-wrapper {
        display: none;
    }

    .wk-mp__action-dropdown {
        padding: 3.2rem;
    }

    .wk-mp-dashboard-chart-top-row,
    .wk-mp-dashboard-lifetimesale-container,
    .wk-mp-dashboard-totalpayout-container,
    .wk-mp-dashboard-chart-dropdown {
        display: inline-block;
        width: 100%;
        position: relative;
    }
}

/* common CSS */
.wk-mp-float-left {
    float: left;
}

.wk-mp-float-right {
    float: right;
}

.wk-mp-grid-status:before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: #ffbc00;
    border: 1px solid #ffbc00;
    border-radius: 5px;
    margin-right: 3px;
}

.wk-mp-grid-status-new:before,
.wk-mp-grid-status-pending_payment:before,
.wk-mp-grid-status-pending_payment-holded:before {
    background-color: #ffbc00;
    border: 1px solid #ffbc00;
}

.wk-mp-grid-status-processing:before {
    background-color: #007EFF;
    border: 1px solid #007EFF;
}

.wk-mp-grid-status-1:before,
.wk-mp-grid-status-complete:before {
    background-color: #19A709;
    border: 1px solid #19A709;
}

.wk-mp-grid-status-2:before,
.wk-mp-grid-status-canceled:before,
.wk-mp-grid-status-closed:before,
.wk-mp-grid-status-fraud:before,
.wk-mp-grid-status-payment_review:before {
    background-color: #ff3b00;
    border: 1px solid #ff3b00;
}

.wk-row-action-icons {
    text-align: center;
    color: #138eef;
    font-size: 1.5rem;
    font-family: "Admin Icons";
}

.wk-row-action-icons .wk-action-wrapper {
    padding: 2px;
}

.wk-row-action-icons .mp-edit,
.wk-row-action-icons .mp-delete {
    cursor: pointer;
}

/* .mp-edit:after {
    content: "\e631";
}
.mp-delete:after {
    content: "\e630";
} */
/* Transaction list css */
@media all and (max-width: 765px),
print {
    .wk-mp-tr-amount-wrapper {
        width: 100%;
        display: inline-block;
    }

    .wk-mp-tr-amount-total {
        width: 100%;
        display: inline-block;
        border: 1px solid #eae9e9;
        margin-bottom: 10px;
    }

    .wk-mp-tr-payout-total {
        width: 100%;
        display: inline-block;
        border: 1px solid #eae9e9;
        margin-bottom: 10px;
        padding: 10px;
    }

    .wk-mp-tr-remain-total {
        width: 100%;
        display: inline-block;
        border: 1px solid #eae9e9;
    }

    .wk-mp-tr-amount-total-title .wk-mp-tr-amount-style,
    .wk-mp-tr-remain-total .wk-mp-tr-amount-style,
    .wk-mp-tr-payout-style {
        font-size: 2.5rem;
        font-weight: 700;
    }
}

/* Transaction list css */
@media all and (min-width: 766px) and (max-width: 878px),
print {

    .wk-mp-tr-amount-total-title .wk-mp-tr-amount-style,
    .wk-mp-tr-remain-total .wk-mp-tr-amount-style,
    .wk-mp-tr-payout-style {
        font-size: 2.5rem;
        font-weight: 700;
    }
}

/* Transaction list css */
@media all and (min-width: 879px) and (max-width: 969px),
print {

    .wk-mp-tr-amount-total-title .wk-mp-tr-amount-style,
    .wk-mp-tr-remain-total .wk-mp-tr-amount-style,
    .wk-mp-tr-payout-style {
        font-size: 3rem;
        font-weight: 700;
    }

    /* .wk-mp-tr-payout-total {
        min-width: 20%;
    } */
    .wk-mp-tr-remain-btn {
        float: right;
        padding: 56px 20px;
        box-sizing: border-box;
    }

    .wk-mp-tr-remain-btn button {
        font-size: 1.6rem;
        padding: 1rem 2rem;
    }
}

/* Transaction list css */
@media all and (min-width: 970px),
print {

    .wk-mp-tr-amount-total-title .wk-mp-tr-amount-style,
    .wk-mp-tr-remain-total .wk-mp-tr-amount-style,
    .wk-mp-tr-payout-style {
        font-size: 3.5rem;
        font-weight: 700;
    }

    /* .wk-mp-tr-payout-total {
        min-width: 20%;
    } */
    .wk-mp-tr-remain-btn {
        float: right;
        padding: 56px 20px;
        box-sizing: border-box;
    }

    .wk-mp-tr-remain-btn button {
        font-size: 1.6rem;
        padding: 1rem 2rem;
    }
}

.marketplace-transaction-history .wk-mp-design {
    display: flex;
}

/* Transaction list css */
@media all and (min-width: 766px),
print {
    .wk-mp-tr-amount-wrapper {
        display: flex;
        width: 100%;
        min-height: 150px;
        border: 1px solid #eae9e9;
        background-color: #f5f5f5;
    }

    .wk-mp-tr-amount-total {
        width: 30%;
        float: left;
        border-right: 1px solid #eae9e9;
    }

    .wk-mp-tr-payout-total {
        width: 20%;
        float: left;
        padding: 28px 10px;
        border-right: 1px solid #eae9e9;
    }

    .wk-mp-tr-remain-total {
        width: 50%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
    }
}

.wk-mp-tr-amount-wrapper {
    box-sizing: border-box;
    margin-bottom: 10px;
}

.wk-mp-tr-amount-total {
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
}

.wk-mp-tr-payout-total {
    box-sizing: border-box;
    text-align: center;
}

.wk-mp-tr-remain-total {
    padding: 10px;
    box-sizing: border-box;
}

.wk-mp-tr-amount-total-title,
.wk-mp-tr-remain-title {
    float: left;
    padding: 5px;
    box-sizing: border-box;
}

.wk-mp-tr-amount-total-title .wk-mp-tr-amount-style,
.wk-mp-tr-remain-total .wk-mp-tr-amount-style {
    color: #65b565;
    text-align: right;
}

.wk-mp-tr-amount-total-desc .wk-mp-tr-amount-style {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: right;
}

.wk-mp-tr-last-style {
    font-size: 1.1rem;
    text-align: right;
}

.wk-mp-tr-amount-total-desc {
    float: right;
    box-sizing: border-box;
    padding: 5px;
    text-align: right;
}

.wk-mp-tr-payout-style {
    color: #7b7068;
}

.wk-mp-tr-txt-style {
    font-size: 2rem;
    font-weight: 600;
}

.wk-mp-tr-payout-total center {
    display: inline-block;
}

/* order view page css */
.wk-mp-main .block:not(.widget) .block-title {
    font-size: 2.2rem;
    font-weight: 300;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 25px;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.wk-mp-main .block-content {
    display: inline-block;
    width: 100%;
}

.wk-mp-main .block:not(.widget) .block-title strong {
    font-weight: 300 !important;
}

@media (min-width: 768px) {
    .wk-mp-main .block.block-order-details-view .block-content:not(.widget) .box .table-half {
        clear: none;
        float: left;
        width: 25%;
    }
}

.wk-mp-main .order-date .label {
    display: none;
}

.wk-mp-main .order-date {
    font-size: 16px;
}

/* fixed button css */
.wk-mp-fixed {
    width: 100%;
    position: fixed;
    top: 0;
    background: #f5f5f5;
    right: 0;
    padding: 10px 0;
    z-index: 501;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
}

.wk-mp-column .wk-mp-fixed {
    width: calc(100% - 8rem) !important;
    padding: 1rem 2rem !important;
}

.column .wk-mp-fixed {
    padding: 1rem 2rem !important;
}

.page-layout-seller-2columns-left>.page-title-wrapper {
    display: none !important;
}

.page-layout-seller-2columns-left .page-header .switcher {
    font-size: 13px;
}

.page-layout-seller-2columns-left .page-header .switcher .label {
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    position: absolute;
    width: 1px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
}

.page-layout-seller-2columns-left .page-header .switcher strong {
    font-weight: 400;
    background-repeat: no-repeat;
    background-position: left center;
}

.page-layout-seller-2columns-left .page-header .switcher .options ul.dropdown a {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}

.page-layout-seller-2columns-left .page-header .switcher .options {
    display: inline-block;
    position: relative;
}

.page-layout-seller-2columns-left .page-header .switcher .options::before,
.page-layout-seller-2columns-left .page-header .switcher .options::after {
    content: "";
    display: table;
}

.page-layout-seller-2columns-left .page-header .switcher .options .action.toggle {
    cursor: pointer;
    display: inline-block;
    padding: 0px;
    text-decoration: none;
}

.page-layout-seller-2columns-left .page-header .switcher .options .action.toggle::after {
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    line-height: 22px;
    color: inherit;
    font-family: "Admin Icons";
    content: "\e628";
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    speak: none;
    text-align: center;
    margin: 0px;
    overflow: hidden;
}

.page-layout-seller-2columns-left .page-header .switcher .options .action.toggle.active:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    line-height: 22px;
    color: inherit;
    content: '\e62b';
    font-family: "Admin Icons";
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.page-layout-seller-2columns-left .page-header .switcher .options.active ul.dropdown {
    display: block;
}

.page-layout-seller-2columns-left .page-header .switcher .options ul.dropdown {
    margin: 0;
    padding: 5px 10px;
    list-style: none none;
    background: #ffffff;
    border: 1px solid #bbbbbb;
    margin-top: 4px;
    min-width: 160px;
    z-index: 100;
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

.page-layout-seller-2columns-left .page-header .switcher .options ul.dropdown li {
    margin: 0;
    padding: 0;
    text-align: left;
}

.page-layout-seller-2columns-left .page-header .switcher .options ul.dropdown:after {
    right: 9px;
    top: -14px;
}

.page-layout-seller-2columns-left .page-header .switcher .options ul.dropdown:before {
    border: 6px solid;
    border-color: transparent transparent #ffffff transparent;
    z-index: 99;
}

.page-layout-seller-2columns-left .page-header .switcher .options ul.dropdown a:visited {
    color: #333333;
    text-decoration: none;
}

.page-layout-seller-2columns-left .page-header .switcher .options ul.dropdown:after {
    border: 7px solid;
    border-color: transparent transparent #bbbbbb transparent;
    z-index: 98;
}

.page-layout-seller-2columns-left .page-header .switcher .options ul.dropdown:before,
.page-layout-seller-2columns-left .page-header .switcher .options ul.dropdown:after {
    border-bottom-style: solid;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    right: 9px;
}

/* dashboard css update */
.wk-mp-design .mp-widgets {
    width: 70%;
    float: left;
}

.mp-widgets .cotainer {
    padding-right: 15px;
    padding-bottom: 15px;
}

.wk-mp-design .mp-sales-widgets {
    width: 30%;
    float: left;
}

.mp-sales-widgets .sales {
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    .page-layout-seller-2columns-left .page-header .switcher {
        float: right;
        margin-left: 15px;
        margin-right: -6px;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
}

@media all and (max-width: 500px),
print {

    .wk-mp-design .mp-sales-widgets,
    .wk-mp-design .mp-widgets {
        width: 100%;
        clear: both;
    }

    .mp-widgets .cotainer {
        padding-right: 0px;
    }
}

@media all and (max-width: 409px),
print {
    .wk-mp-notification .wk-mp__action-dropdown {
        padding: 1.3rem 1.5rem;
    }
}

@media all and (min-width: 410px),
print {
    .wk-mp-notification .wk-mp__action-dropdown {
        padding: 1.3rem 2.5rem;
    }
}

@media all and (max-width: 336px),
print {
    .wk-dashboard-sales-font {
        padding: 0.2rem 1rem;
    }

    .wk-dashboard-sales-font .price {
        font-size: 2rem;
    }
}

@media all and (max-width: 210px),
print {
    body {
        min-width: 120px;
    }
}