@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
    --common-font: 'Lato', sans-serif;
    --common-font-bd: 'Lato', sans-serif;
    --blue: #4cb6c2;
    --red: #9e091d;
    --green: #139413;
    --mainHeaderColor: #083449;
    --webSiteColor: #083449;
    --tableHeader: #0c526e;
    --buttonColor: #0eb7e9;
    --site-green: #e0f4fe;
    --black: #03141b;
}

*:not(i) {
    font-family: var(--common-font);
    font-weight: 400;
}

.list {
    padding: 0px 20px;
    background: white;
    -webkit-box-shadow: -1px 0px 10px 2px rgb(152 150 150 / 75%);
    -moz-box-shadow: -1px 0px 10px 2px rgb(152 150 150 / 75%);
    box-shadow: -1px 0px 10px 2px rgb(152 150 150 / 75%);
    border-radius: 5px;
}

input {
    outline: 0 !important;
}

.main-header .navbar {
    height: 51px;
}

span.hidden-xs {
    color: #fff;
}

.notification_bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 20px;
    list-style: none;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    padding: 0px;
}

.notifications-menu .dropdown-toggle {
    color: #fff;
    padding-right: 10px;
}

.notifications-menu .label.label-warning {
    position: absolute;
    top: -6px;
    left: 10px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}

.notifications-menu .dropdown-menu {
    left: -111px;
}

.notifications-menu li.header {
    padding: 0px 15px;
}

.dropdown-menu {
    left: -99px;
}

.nav li.dropdown.user.user-menu {
    position: absolute;
    top: 0;
    right: 19px;
    display: block;
    transform: translateY(0px);
}

.bell_dropdowon.dropdown.notifications-menu {
    position: absolute;
    right: 0%;
    top: 13px;
}

.nav li.dropdown.user.user-menu .dropdown-toggle {
    display: flex;
}

.sign-btn {
    margin: 6px auto !important;
    width: 100%;
    text-align: center;
    display: block;
}

li.user-footer .pull-left {
    margin: 0 auto;
}

button.btn.btn-primary.edit-plan-btn {
    float: right;
    margin-bottom: 10px;
}

input.add_field_button2 {
    margin: 10px 0px;
    background: var(--buttonColor);
    color: #fff;
    border: transparent;
    padding: 7px 10px;
}

form#orderForm label {
    padding-left: 0px;
    margin: 5px 0px;
}

form#productForm label {
    margin: 5px 4px;
}

input#id_quantity {
    margin: 5px 0px;
}

input#id_height {
    margin-bottom: 15px;
}

form#bundleForm label {
    margin: 5px 5px;
}

input.add_field_button {
    background: var(--buttonColor);
    color: #fff;
    border: transparent;
    padding: 5px 8px;
    margin: 10px 0px;
}

form#bogoForm label {
    margin: 5px 5px;
}

aside.main-sidebar {
    position: fixed;
    top: 0;

}

header.main-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0px;
}

.container.create-order-cls {
    padding: 0px 28px 40px;
    box-shadow: 0px 0px 10px 1px #ddd;
    background: #fff;
}

.card {
    margin: 10px;
}

.column.child {
    margin-left: 45px;
}

.commission-page div:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.commission-page div:first-child input {
    margin: 0 14px 0 5px;
    text-align: left;
    padding: 0 15px;
}

.commission-page div:first-child .dates-div {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin: 15px 0;
}

.commission-page div:first-child .dates-div input {
    margin: 0;
}

.commission-page div:first-child .dates-div label {
    margin: 0 5px 0 0;
}

form input,
form textarea,
form select {
    margin: 0 0 20px;
}

form input[type="checkbox"],
form input[type="radio"] {
    margin: 0;
}

.btn {
    font-size: 14px;
}

.border-dark {
    margin: 0 0 15px;
}

.column.child {
    margin-left: 20px;
}

#headingOne .column {
    margin-left: 20px;
}

.card {
    width: 100%;
    display: inherit;
    width: auto;
}

.sidebar-menu>li>a {
    font-size: 16px;
    font-weight: 300;
}

.autoship-div\> {
    margin: 15px 0;
}

#commissions-history-table {
    border: 1px solid #ddd;
}

#commissions-history-table tbody tr td {
    background: #fff;
}

#commissions-history-table tbody tr.tr-main td {
    background-color: #f9f9f9;
}

tr.tr-main td {
    background-color: #f9f9f9;
}

table#DataTables_Table_0 th,
table#DataTables_Table_0 td {
    padding-left: 0;
}

.order-detail-child-div h2 {
    background: var(--tableHeader);
    color: #fff !important;
    padding: 11px;
    font-size: 19px;
}

select {
    border-radius: 20px;
    height: 35px;
    border: 1px solid #d2d6de;
}

input#id_height {
    width: 100%;
    display: inline-block;
    min-width: 7px;
    padding: 10px;
    border: 1px solid #d2d6de;
    border-radius: 20px;
}

.table-inner-section h1 {
    background: var(--tableHeader);
    color: #fff !important;
    padding: 10px;
    font-size: 16px;
    font-family: 'lato', Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    padding: 15px 20px;
}

.list .card {
    margin: 17px;
}

.list .row.border.border-dark {
    width: 300px;
}

div#\35 {
    margin-left: 48px;
    position: absolute;
    right: 0;
    left: 0;
    transform: translate(42%, 10px);
}

div#\38 {
    margin-left: 65px;
    position: absolute;
    left: 0;
    right: 0;
    transform: translate(63%, 10px);
}

div#\31 1 {
    position: absolute;
    right: 0;
}

.column.lev2 h5.card-title {
    width: 100%;
    float: left;
    font-size: 16px;
    padding-top: 10px;
    font-weight: 600;
}

.column.lev2 {
    display: block;
}

.column.lev2 h7.card-title {
    font-size: 15px;
}

.column.lev3 {
    display: flex;
    padding: 10px 0;
}

.col.fa.fa-phone {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.list .card-body .column img {
    float: left;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 190px !important;
    height: 150px !important;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.card-body div#\33 {
    position: absolute;
    left: 0;
    right: 0;
    transform: translate(23%, 10px);
}

div#\35 {
    margin-left: 48px;
    position: absolute;
    right: 0;
    left: 0;
    transform: translate(42%, 10px);
}

div#\38 {
    margin-left: 65px;
    position: absolute;
    left: 0;
    right: 0;
    transform: translate(63%, 10px);
}

div#\31 1 {
    position: absolute;
    right: 0;
}

.list .card-body .column img {
    float: left;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 222px;
    height: 150px !important;
    text-align: center;
    align-items: center;
    justify-content: center;
}

a#dataTable_next {
    color: #fff !important;
}

.list.cstm-coupn table.dataTable.no-footer {
    border-bottom: none;
}

.list.cstm-coupn table.dataTable tbody th,
.list.cstm-coupn table.dataTable tbody td {
    padding: 20px;
}

.main-order-list .col-md-9 {
    padding: 0;
}

.container.create-order-cls .action-btns button.submit_order.btn.btn-success {
    margin-top: 0;
}

.coupon {
    margin: 30px auto;
    float: left;
    width: 100%;
}

form#orderForm .product-table label {
    margin-top: 20px;
}

.plan-list-div .commission-page.list.clawback-cstm {
    padding-left: 20px;
    padding-right: 20px;
}

.commission-page.list.clawback-cstm input.btn.btn-success.clawback-custom-date-go {
    background: var(--blue);
}

.container.create-order-cls form#productForm button.btn.btn-success {
    margin-top: 0;
}

.order-detail-child-div .order-data-div {
    max-width: calc(100% - 30px);
    margin: 0 auto;
}

.user-cls .inner-table-shop {
    border-radius: 5px;
    border: 1px solid #eee;
    overflow: hidden;
}

@media(max-width:1800px) {
    .card-body div#\33 {
        transform: translate(31%, 10px);
    }

    div#\35 {
        margin-left: 48px;
        position: absolute;
        right: 0;
        left: 0;
        transform: translate(55%, 10px);
    }
}

@media(max-width:1440px) {
    .card-body div#\33 {
        transform: translate(44%, 10px);
    }

    div#\35 {
        margin-left: 48px;
        position: absolute;
        right: 0;
        left: 0;
        transform: translate(75%, 10px);
    }

    div#DataTables_Table_0_wrapper table#DataTables_Table_0 {
        /* width: 1500px; */
    }

    div#DataTables_Table_0_wrapper {
        /* overflow-x: scroll; */
        padding: 0 10px 10px;
    }

    section.content .list {
        padding: 0 15px 15px;
        /* overflow-x: auto; */
    }

    .create-btn-div {
        margin-right: 10px;
    }

    div#commissions-history-table_wrapper {
        padding-bottom: 10px;
    }
}

span.dates-now {
    width: 140px;
}

.dashboard-block3 {
    display: flex;
}

canvas#resellers_rankChart {
    width: 400px !important;
    height: 239px !important;
}

canvas#reportsChart {
    width: 400px !important;
    height: 212px !important;
}

.dashboard-main-div h1 {
    font-size: 21px;
    margin-bottom: 20px;
    font-weight: 600;
}

.commission-page div:first-child input {
    margin: 0 3px 0 9px;
    text-align: left;
    padding: 0 15px;
}

.dashboard-block1 table {
    height: 240px;
}

.dashboard-main-div h2 {
    font-size: 21px;
    font-weight: 600;
}

.activity-table {
    /* max-height: 400px; */
    /* overflow-y: auto; */
    padding: 5px;
    box-shadow: 0 0 10px #a79f9f;
    border-radius: 25px;
}

.dashboard-block4 {
    margin: 25px 0 0;
    border: 1px solid #000;
    padding: 0 13px;
}

.dashboard-block4 h1 {
    margin: 10px 0 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.dashboard-block4 table {
    border: none !important;
}

.dashboard-block2 {
    border: 1px solid #000;
    padding: 0 10px;
}

.dashboard-block2 table {
    border: none !important;
}

.dashboard-block2 h2 {
    border-bottom: 1px solid #000 !important;
    padding-bottom: 9px;
    margin-top: 8px;
}

.dashboard-block1 {
    border: 1px solid #000;
    padding: 0 13px;
}

.dashboard-block1 h2 {
    margin: 9px 0 11px;
    border-bottom: 1px solid #000;
    padding-bottom: 7px;
}

.dashboard-block1 table {
    border: none !important;
}

.dashboard-block1 {
    margin-bottom: 22px;
}

.dashboard-block4 {
    margin: 62px 0 0;
    border: 1px solid #000;
}

.dashboard-main-div h1 {
    margin: 0 0 10px;
}

canvas#resellers_rankChart {
    width: 400px !important;
    height: 210px !important;
}

canvas#reportsChart {
    width: 400px !important;
    height: 210px !important;
}

.dashboard-main-div h1 {
    margin: 0 0 59px;
}

.display-none-cls {
    display: none;
}

.card-body {
    background-color: lightgrey;
    width: 220px;
    border: 1px solid #2f2f2f;
    padding: 50px;
    margin: 20px;
}

.container.create-order-cls {
    width: 1600px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    margin-top: -7px;
}

.tree.new-downline li a {
    border: none;
}

.tree li::before,
.tree li::after {
    width: 56%;
}

.tree li a:hover,
.tree li a:hover+ul li a {
    background: transparent;
    color: #000;
    border: transparent;
}

.tree.new-downline a {
    font-size: 14px;
    font-weight: 500;
}

.tree.new-downline img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-bottom: 8px;
}

span.downline-cnt-span {
    background: var(--blue);
    border-radius: 50%;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tree li a:hover,
.tree li a:hover+ul li a {
    background: transparent !important;
    color: #000;
    border: none !important;
}

.details-list-section {
    border: 1px solid #ddd;
    width: 224px;
    margin: 0 auto;
    height: 86px;
    padding: 10px;
    text-align: left;
}

.data {
    display: flex;
}

.data strong {
    font-weight: 400;
}

.tree.new-downline a:hover .details-list-section {
    display: block;
}

.details-list-section {
    display: none;
}

.tree.new-downline img {
    min-width: 85px;
    width: 100%;
    height: 85px;
    object-fit: cover;
    margin-bottom: 8px;
}

.details-list-section {
    border: 1px solid #ddd;
    width: 224px;
    margin: 0 auto;
    height: 118px;
    padding: 10px;
    text-align: left;
}

.details-list-section::after {
    position: absolute;
    background: url(https://commandconcept-qa.csdevhub.com/media/products/2021/08/03/downline.jpg);
    width: 30px;
    height: 30px;
    content: "";
    bottom: -28px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.details-list-section {
    border: 1px solid #ddd;
    width: 224px;
    margin: 0 auto;
    height: 118px;
    padding: 10px;
    text-align: left;
    position: relative;
    top: -284px;
    background: #fff;
}

.data.rank-cls strong {
    font-size: 16px;
    font-weight: 600;
}

.data.rank-cls strong {
    font-size: 16px;
    font-weight: 600;
    max-width: 88%;
    flex: 0 0 88%;
}

.data.rank-cls .lev3 {
    padding: 0;
}

.data.rank-cls i {
    padding-left: 8px;
    font-size: 11px;
}

.data.rank-cls strong {
    font-size: 16px;
    font-weight: 600;
    max-width: 83%;
    flex: 0 0 83%;
    margin-top: -6px;
}

.data i {
    font-size: 11px;
    padding-top: 6px;
    padding-right: 5px;
}

.data.rank-cls i {
    padding-top: 0;
    padding-right: 0;
}

.groups.tabs .treeDiv {
    width: 1950px;
}

.user_downline_div .container {
    width: 1600px;
}

.card-body {
    background-color: transparent;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 18px 0;
}

.Level h2 {
    text-align: center;
}

.main-product-level {
    border: 1px solid #ddd;
}

.level-number {
    background: var(--blue);
    padding: 22px 0;
    margin: 0;
    position: relative;
}

.level-number h4 {
    margin: 0 auto;
    text-align: center;
    padding: 0;
    color: #fff;
    border: 4px solid #fff;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: var(--tableHeader);
    line-height: normal;
    font-size: 40px;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.main-product-level {
    border: 1px solid #ddd;
    margin: 40px 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.user_downline_div .col-md-3 {
    width: 24%;
}

.heading-level {
    position: absolute;
    left: 0;
    right: 0;
    top: -36px;
    text-align: center
}

.level-number {
    background: var(--blue);
    padding: 22px 0;
    margin: 0;
    position: relative;
    height: 49px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.level-number.dark-cls {
    background: var(--tableHeader);
}

.level-number.dark-cls h4 {
    background: var(--blue);
}

.Level h2 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.user_downline_div {
    margin-top: 22px;
}

.main-product-level {
    border: 1px solid #ddd;
    margin: 50px 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.level-div.level1.downline-body {
    padding: 0 20px;
}

.profile-detail {
    display: flex;
}

.profile-detail img {
    width: 40px !important;
    height: 40px !important;
}

.heding-customers {
    display: flex;
}

.date-joining-detail {
    box-shadow: 0 0 10px #a79f9f;
    padding: 12px;
    border-radius: 3px;
}

.now-heading h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.now-heading {
    max-width: 84%;
    flex: 0 0 84%;
}

.icon-main-now-show i {
    vertical-align: top;
    margin-top: -9px;
    padding-left: 10px;
}

.data-join {
    margin: 5px 0;
}

.profile-detail h5 {
    margin: 0 10px;
}

.data-join i {
    padding-right: 8px;
}

.data-profile-icon {
    display: flex;
    text-align: right;
    margin: 0 0;
    align-items: center;
}

.column.lev2 {
    width: 206px;
}

.profile-more {
    display: flex;
}

.data-profile-icon i {
    padding-right: 10px;
}

.date-joining-detail {
    display: none;
}

.card-body {
    background-color: transparent;
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 6px;
    margin: 18px 0;
    border-radius: 6px;
}

.profile-more {
    background: #ddd;
    /* margin-top: -10px; */
    padding: 10px;
    margin-right: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    line-height: 15px;
}

.profile-detail img {
    width: 33px !important;
    height: 33px !important;
    margin: 0;
    padding: 2px 0;
    object-fit: contain;
}

.level-div {
    padding: 0 20px;
}

.list {
    background: transparent;
    box-shadow: none;
}

table#DataTables_Table_0 th,
.list.cstm-coupn table th {
    background: var(--tableHeader);
    padding: 15px 10px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}

table#DataTables_Table_0 thead,
.list.cstm-coupn table thead {
    background: var(--tableHeader);
}

table#DataTables_Table_0 {
    border-bottom: none !important;
}

div#DataTables_Table_0_info {
    margin: 30px 0 0;
}

div#DataTables_Table_0_paginate {
    margin: 30px 0 0;
    background: var(--buttonColor);
    opacity: 1;
    color: #fff;
}

div#DataTables_Table_0_paginate {
    margin: 30px 0 0;
    background: var(--buttonColor);
    opacity: 1;
    color: #fff;
    padding: 5px;
    border-radius: 25px !important;
}

div#DataTables_Table_0_info {
    font-weight: 800;
    font-size: 15px;
}

div#DataTables_Table_0_paginate a.paginate_button.current {
    border-radius: 50% !important;
    background: #fff !important;
    color: #000 !important;
}

div#DataTables_Table_0_paginate a {
    color: #fff !important;
}

div#DataTables_Table_0_length {
    margin: 0 0 20px !important;
}

tr.odd td {
    border-bottom: 1px solid #ddd;
}

tr.even td {
    border-bottom: 1px solid #ddd;
}

table#DataTables_Table_0 tbody {
    background: #fff;
    border-radius: 25px;
    box-shadow: 0 0 17px #a79f9f;
}

div#DataTables_Table_0_length select {
    margin: 0 10px !important;
}

div#DataTables_Table_0_length label {
    text-transform: capitalize;
    font-weight: 600;
}

table.table.inner-table-shop {
    background: #fff;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-top: 0;
}

.profile-image {
    text-align: center;
}

.profile-image {
    text-align: center;
    background: #fff;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
}

.profile-image img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.order-detail-child-div h2 {
    background: var(--tableHeader);
    color: #fff !important;
    padding: 15px 20px;
    font-size: 16px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-transform: capitalize;
}

table.table.inner-table-shop th {
    padding: 15px 22px;
}

/*
 .col-md-6.shipping-add h2 {
     background: var(--tableHeader);
}
*/
table.table.inner-table-shop th {
    text-transform: capitalize;
}

table.table.inner-table-shop td {
    line-height: 34px;
}

.order-status-div .btn {
    background: var(--buttonColor);
    border: none;
    text-align: center;
    padding: 4px 15px;
    vertical-align: top;
    margin-left: 10px;
}

.order-status-div label {
    padding-right: 10px;
}

select#id_order_status {
    height: 35px;
    background: transparent;
    border-radius: 10px;
    border-color: #ddd;
}

.col-md-8.user-cls h2 {
    background: none;
    color: #000 !important;
    font-weight: 600;
    margin: 0 0 20px;
    padding-left: 0;
}

.col-md-8.user-cls .table {
    background: transparent;
}

table.table.inner-table-shop th {
    border-top: 1px solid #ddd;
}

table.table.inner-table-shop td {
    border-top: 1px solid #ddd;
}

table.table.inner-table-shop tr:first-child th {
    border-top: none;
}

table.table.inner-table-shop tr:first-child td {
    border-top: none;
}

.user-cls table.table.inner-table-shop {
    width: 70%;
}

.col-md-12.detail-cls h2 {
    background: none;
    color: #000 !important;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    font-size: 24px;
}

.col-md-12.detail-cls .table td {
    padding-left: 25px;
    text-align: center;
}

.user-cls .table.table.inner-table-shop {
    box-shadow: none;
    border-radius: 0;
}

.detail-cls table.table.inner-table-shop th {
    background: var(--tableHeader);
    color: #fff;
}

.col-md-12.detail-cls table th:first-child {
    border-top-left-radius: 6px;
}

.col-md-12.detail-cls table th:last-child {
    border-top-right-radius: 6px;
}

.col-md-12.detail-cls table {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.col-md-8.user-cls table th i {
    width: 20px;
}

.order-data-div h2 {
    background: none;
    font-size: 24px;
    text-transform: capitalize;
    color: #000 !important;
    font-weight: 600;
    padding-left: 0;
}

.order-detail-child-div {
    margin-bottom: 35px;
}

.col-md-12.detail-cls h2 {
    background: none;
    color: #000 !important;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0px;
}

.order-data-div.col-md-6 th i {
    width: 20px;
}

.order-data-div.col-md-6 .table {
    background: none;
    box-shadow: none;
    padding-left: 0;
    margin-top: 0px
}

.order-data-div.col-md-6 table th {
    padding-left: 5px;
}

.date-joining-detail {
    margin-top: 10px;
}

.order-data-div h2 {
    background: none;
    font-size: 24px;
    text-transform: capitalize;
    color: #000 !important;
    font-weight: 600;
    padding-left: 0;
    margin-top: 0;
}

.order-notes-div li {
    background: none;
    border: none;
}

.order-notes-div ul li {
    font-size: 16px;
    font-weight: 600;
    word-break: break-word;
    /*text-transform: uppercase;
     */
}

.order-notes-div ul {
    border: 1px solid #ddd;
    text-align: center;
    padding: 40px 0;
    border-radius: 20px;
    background: #f7f7f7;
}

.order-notes-div.col-md-6 h2 {
    background: none;
    font-size: 24px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
    margin: 0;
    padding: 0 0 20px;
}

.order-data-div.col-md-6 h2 {
    padding: 0 0 20px;
}

button.btn_order_notes.btn-primary {
    padding: 10px 20px;
    border: 2px solid var(--blue);
    text-transform: capitalize;
    background: var(--blue);
    border-radius: 30px;
    transition: 0.3s ease all;
}

.page-heading-div h2 {
    color: #000;
    font-size: 35px;
}

.page-heading-div i {
    color: #fff;
    margin-top: 20px;
    font-size: 26px;
}

.col-md-12.refund-cls .table td {
    padding-left: 25px;
    text-align: left;
}

li.nav-item {
    background-color: var(--green);
    color: #fff;
    border-radius: 5px;
}

ul.nav.nav-pills.nav-fill {
    margin: 20px 0;
}

li.nav-item {
    background-color: var(--green);
    color: #fff;
}

ul.nav.nav-pills.nav-fill li a {
    color: #fff;
    line-height: normal;
    font-size: 16px;
    height: 36px;
    padding: 8px 20px;
    border-radius: 10px;
    background: var(--buttonColor);
    color: #fff;
}

.details-list-section {
    border: 1px solid #ddd;
    width: 224px;
    margin: 0 auto;
    height: 118px;
    padding: 10px;
    text-align: left;
    position: absolute;
    top: -90px;
    background: #fff;
    z-index: 9999;
    left: 0;
    margin: 0 auto;
}

.treeDiv {
    margin: 0 auto !important;
    text-align: center !important;
}

table.orders-list-tb.table {
    box-shadow: 0 0 10px #a79f9f;
}

table.orders-list-tb.table {
    box-shadow: 0 0 10px #a79f9f;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

table.orders-list-tb.table th {
    background: #000;
    color: #fff;
    padding: 10px;
}

table.orders-list-tb.table th:first-child {
    border-top-left-radius: 6px;
}

table.orders-list-tb.table th:last-child {
    border-top-right-radius: 6px;
}

table.orders-list-tb.table {
    box-shadow: 0 0 10px #a79f9f;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

table.orders-list-tb.table th {
    background: #000;
    color: #fff;
    padding: 10px 20px;
}

table.orders-list-tb.table td {
    padding: 10px 20px;
}

.date-section-div {
    background: var(--blue);
    padding: 15px 20px;
    color: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin: 0 10px;
}

.date-range-div {
    text-transform: capitalize;
}

table.orders-list-tb.table th {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
}

span.sp-text {
    padding: 0;
    vertical-align: top;
    line-height: 19px;
}

.input-div {
    padding-top: 5px;
}

table.orders-list-tb.table th {
    text-transform: uppercase;
}

.address-section {
    display: flex;
}

.billing_add_div {
    max-width: 48%;
    flex: 0 0 48%;
    margin-right: 12px;
}

.shipping_add_div {
    flex: 0 0 48%;
    max-width: 48%;
    margin-left: 35px;
}

.main-order-list select {
    height: 38px;
    padding: 0 2px;
}

.main-order-list label {
    padding-bottom: 4px;
    padding-top: 10px;
}

span.select2-selection.select2-selection--single {
    height: 38px;
    padding: 11px 6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}

.main-order-list strong {
    margin: 10px 0;
    display: block;
}

.product-table table {
    box-shadow: 0 0 10px #a79f9f;
    border-radius: 6px;
}

.product-table th {
    background: var(--tableHeader);
    color: #fff;
    /* padding: 10px 20px !important; */
    padding: 10px 7px !important;
    text-transfer: uppercase;
}

.product-table th:first-child {
    border-top-left-radius: 6px;
}

.product-table th:last-child {
    border-top-right-radius: 6px;
}

.product-table label {
    font-size: 26px;
    text-align: center;
    width: 100%;
    text-transform: capitalize;
    margin: 30px 0 20px;
}

.autoship-price-table label {
    font-size: 22px;
    text-align: center;
    width: 100%;
    font-weight: 600;
    text-transform: capitalize;
    margin: 30px 0 23px !important;
}

.autoship-price-table table {
    box-shadow: 0 0 10px #a79f9f;
    border-radius: 6px;
}

.autoship-price-table table th {
    background: var(--tableHeader);
    color: #fff;
    padding: 10px 20px !important;
}

.autoship-price-table table th:first-child {
    border-top-left-radius: 6px;
}

.autoship-price-table table th:last-child {
    border-bottom-right-radius: 6px;
}

.pricing-total-div {
    float: right;
    width: 26%;
}

.product_cost {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.tax_div {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 1px 0 10px;
}

.pricing-total-div label {
    text-transform: capitalize;
}

span.tax_amount {
    font-weight: 500;
}

span.shipping_amount {
    font-weight: 500;
}

ul.user-ul li {
    display: flex;
}

.product_bonus {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 1px 0 10px;
}

span.thin-text.usrid-span-val {
    padding: 10px;
}

span.thin-text.fnam-span-val {
    padding: 10px;
}

span.thin-text.lnam-span-val {
    padding: 10px;
}

ul.user-detail-ul li {
    display: flex;
}

span.thin-text.email-span-val {
    padding: 10px;
    word-break: break-word;
    display: block;
    width: calc(100% - 78px);
}

span.thin-text.phno-span-val {
    padding: 10px;
}

span.phno-span.bold-text {
    width: 78px;
}

span.email-span.bold-text {
    width: 78px;
    display: block;
}

.bold-text {
    width: 78px;
}

ul.user-detail-ul {
    margin-top: -11px;
    padding-top: 0;
}

.user_detail.inner-table-shop {
    /* margin-top: 16px;
     height: 125px; */
}

.autoship-price-table {
    float: right;
    width: 100%;
    text-align: right;
}

.product_dropdown {
    width: 75%;
}

.variants_dropdown {
    width: 75%;
}

.action-btns {
    width: 100%;
    float: left;
    text-align: right;
}

.action-btns .btn {
    background: var(--blue);
    border: none;
    font-size: 16px;
}

.bundle_form_section h2 {
    font-size: 22px;
    font-weight: 600;
}

select.product_drop.form-control.mdb-select.md-form {
    height: 45px;
    margin-bottom: 5px;
}

.autoship-billing {
    display: flex;
    flex-wrap: wrap;
}

.autoship-main {
    width: 100%;
    float: left;
    text-align: left;
    max-width: 430px;
    margin-bottom: 10px;
}

.action-btns {
    margin: 20px 0;
}

span.label-text {
    width: inherit;
    display: inline-block;
}

span.autoship-label-text strong {
    display: inline-block;
}

span.autoship-label-text {
    text-transform: capitalize;
}

ul.user-detail-ul {
    margin-top: -4px;
    padding-top: 0;
}

span.thin-text.lnam-span-val {
    padding: 10px;
}

.product-table td {
    /* padding: 10px 20px !important; */
    padding: 10px 7px !important;
}

tr.next-autoship-13- {
    text-align: left;
}

tr.next-autoship-13- td {
    padding: 10px 20px !important;
}

.action-btns .btn-primary {
    background: var(--blue);
    border: 2px solid var(--blue);
    color: var(--blue);
    margin-left: 10px;
}

tr.next-autoship-12- td {
    text-align: left;
    padding: 10px 20px !important;
}

.dashboard-block1 {
    border: none;
}

.dashboard-block1 h2 {
    border-bottom: none;
    text-align: center;
    font-size: 24px;
    margin-bottom: 22px;
}

.dashboard-block1 table {
    background: #fff;
}

.dashboard-block1 th {
    background: var(--tableHeader);
    color: #fff;
    padding: 10px 20px !important;
}

.dashboard-block1 table {
    background: #fff;
    box-shadow: 0 0 10px #a79f9f;
    border-radius: 6px;
}

.dashboard-block1 th:first-child {
    border-top-left-radius: 6px;
}

.dashboard-block1 th:last-child {
    border-top-right-radius: 6px;
}

.dashboard-block1 table td {
    padding: 10px 20px !important;
}

.dashboard-block2 {
    border: none;
}

.dashboard-block4 {
    border: none;
}

.dashboard-block2 table {
    background: #fff;
}

.pie-heading h1 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 52px;
}

.dashboard-block2 h2 {
    border-bottom: none !important;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 34px;
}

.dashboard-block2 table {
    background: #fff;
    border-radius: 6px;
}

.dashboard-block2 th {
    background: var(--tableHeader);
    color: #fff;
    padding: 15px 20px !important;
}

.dashboard-block2 th:first-child {
    border-top-left-radius: 6px;
}

.dashboard-block2 th:last-child {
    border-top-right-radius: 6px;
}

.dashboard-block2 table {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px #a79f9f;
}

.dashboard-block2 table td {
    padding: 10px 20px !important;
}

.dashboard-block4 h1 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: none;
    padding: 0px;
}

.activity-table table {
    background: #fff;
}

.activity-table td {
    padding: 10px 20px !important;
}

.dashboard-block2 .dashboard-page.list {
    background: var(--tableHeader);
    color: #fff;
    border-radius: 0;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin-bottom: 43px;
    padding: 15px 20px;
    float: left;
    width: 100%;
}

.dashboard-page.list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-page.list>div {
    max-width: 50%;
    flex: 50%;
}

.dashboard-block2 span.sp-text {
    padding: 0 10px;
}

.dashboard-block1 th,
.dashboard-block2 th {
    text-transform: capitalize;
}

/* header css */
.main-header .navbar {
    height: 68px;
}

.bell_dropdowon.dropdown.notifications-menu {
    position: absolute;
    right: 1%;
    top: 23px;
}

.skin-blue .main-header .navbar {
    background-color: #fff;
    padding: 24px 23px;
    box-shadow: 0 0 10px #a79f9f;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #000 !important;
}

.notifications-menu .dropdown-toggle {
    color: #000;
    padding-right: 10px;
}

span.hidden-xs {
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
}

.main-header .logo {
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: block;
    float: left;
    height: 68px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 230px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 11px 15px;
    font-weight: 300;
    overflow: hidden;
}

.sidebar {
    padding-bottom: 10px;
    padding-top: 0;
}

.page-heading-div i {
    color: #000;
}

span.hidden-xs {
    color: var(--blue);
    text-transform: capitalize;
    font-weight: 600;
}

.notification_bar::before {
    position: absolute;
    right: 35px;
    border-left: 1px solid #ddd;
    content: "";
    width: 200px;
    height: 69px;
    top: 0px;
}

/* ///header */

ul.sidebar-menu li span {
    font-size: 15px;
    text-transform: capitalize;
}

.dashboard-block2 span.sp-text {
    padding: 0 55px 0 10px;
}

.dashboard-block4 table {
    border: none !important;
}

.dashboard-block2 table {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px #a79f9f;
}

.product_dropdown {
    width: 100%;
}

.variants_dropdown {
    width: 100%;
}

.col-md-3.prod-image-div {
    text-align: center;
}

.bundle_form_section .col-md-9 {
    background: #fff;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.col-md-3.prod-image-div img {
    width: 381px;
    height: 300px;
    text-align: center;
    margin: 0 auto;
    margin-left: 0;
    border-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    object-fit: contain;
}

button.btn.btn-success.add-product-btn {
    background: var(--blue);
    border: none;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 10px;
    border: 2px solid var(--blue)
}

input.product-qty {
    width: 50px;
}

.autoship-price-table td {
    float: left !important;
    text-align: left !important;
    padding: 10px 20px !important;
}

i.fa.fa-trash.delete-row {
    color: red !important;
}

li.treeview.active a span {
    color: var(--blue);
}

ul.sidebar-menu .treeview-menu a {
    color: #b8c7ce;
}

ul.sidebar-menu .treeview-menu a span {
    color: #b8c7ce;
}

img.prod-img {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

ul.treeview-menu .active a span {
    color: var(--blue);
}

div#datatable_filter {
    margin-bottom: 30px;
}

.plans-list-div.cstm-store div#datatable_wrapper {
    padding-bottom: 20px;
}

table#datatable {
    background: #fff;
    border-radius: 25px;
    box-shadow: 0 0 10px #a79f9f;
}

table#datatable th {
    background: var(--tableHeader);
    color: #fff;
    /* padding: 15px 20px; */
    padding: 15px 10px;
    text-transform: capitalize;
    width: auto !important;
}

table#datatable td {
    /* padding: 10px 20px; */
    padding: 10px 10px;
    font-size: 14px;
}

table#datatable td i {
    padding-right: 10px;
    color: #000;
}

table#datatable {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 0 10px #a79f9f;
    border-bottom: none;
}

.dataTables_info {
    font-weight: 800;
    font-size: 15px;
    margin-top: 30px;
}

.dataTables_paginate.paging_simple_numbers {
    margin: 30px 0 0;
    background: var(--buttonColor);
    opacity: 1;
    color: #fff;
    padding: 5px;
    border-radius: 25px;
}

a.paginate_button.current {
    border-radius: 50% !important;
    background: #fff !important;
    color: #000 !important;
}

div#datatable_paginate a {
    color: #fff !important;
    border: 0px;
}

div#datatable_paginate a.current {
    color: #000 !important;
}

table#commissions-history-table td {
    padding: 10px 20px;
}

table#commissions-history-table {
    margin: 20px 0 0;
    background: #fff;
    box-shadow: 0 0 10px #a79f9f;
    padding: 0px;
    border-radius: 25px;
    border: none;
}

table#commissions-history-table th {
    /* padding: 10px 20px; */
    padding: 10px;
    background: var(--tableHeader);
    color: #fff;
    text-transform: capitalize;
}

table#clawback-report th {
    background: var(--tableHeader);
    padding: 10px 20px;
    color: #fff;
}

table#clawback-report th:first-child {
    border-top-left-radius: 6px;
}

table#clawback-report th:last-child {
    border-top-right-radius: 6px;
}

table#clawback-report td {
    padding: 10px 20px;
}

table#clawback-report {
    margin: 20px 0 0;
    background: #fff;
    box-shadow: 0 0 10px #a79f9f;
    padding: 10px 20px;
    border-radius: 25px;
    border: none;
}

table#clawback-report th {
    padding: 10px 20px;
    background: var(--tableHeader);
    color: #fff;
    text-transform: uppercase;
}

table#clawback-report td {
    padding: 10px 20px;
}

.dates-div {
    margin: 20px 0 0;
    float: left;
    border-radius: 6px;
    border: none;
    box-shadow: 0 0 10px #a79f9f
}

.dates-div th {
    background: #000;
    padding: 10px 20px;
    color: #fff;
}

.dates-div th:first-child {
    border-top-left-radius: 6px;
}

.dates-div th:last-child {
    border-top-right-radius: 6px;
}

.dates-div td {
    padding: 10px 20px;
}

.dates-div {
    margin: 20px 0 0;
    background: #fff;
    box-shadow: 0 0 10px #a79f9f;
    padding: 10px 20px;
    border-radius: 6px;
    border: none;
}

.dates-div th {
    padding: 10px 20px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
}

.dates-div td {
    padding: 10px 20px;
}

a.btn.btn-danger {
    border: 2px solid var(--blue);
    background: var(--blue);
    color: #fff;
}

.main-div form {
    background: #fff;
    padding: 25px 20px;
    margin: 50px 0 0;
    box-shadow: 0 0 10px #a79f9f;
}

.main-div input {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
}

a.btn.btn-primary {
    color: #FFF;
}

a.btn.btn-success {
    background: transparent;
    color: var(--green);
}

.commission-page.list table th {
    background: var(--tableHeader);
    color: #fff;
    text-transform: capitalize;
    /* padding: 10px 20px; */
    padding: 10px 7px;
    width: auto !important;
}

.commission-page.list td {
    /* padding: 10px 20px; */
    padding: 10px;
}

button.btn.btn-primary.search-sku {
    padding: 9px 11px;
}

table#clawback-report th {
    padding: 10px 20px;
    background: var(--tableHeader);
    color: #fff;
    text-transform: capitalize;
    border-bottom: none;
}

table#clawback-report td {
    border-bottom: none !important;
}

button.btn.btn-primary.search-clawback {
    padding: 2px 12px;
    background: var(--blue);
}

button.export-btn.btn.btn-success {
    background: var(--blue);
    border: 2px solid var(--blue);
    padding: 9px 17px;
    color: #fff;
}

tbody.commission-history-tb-body td {
    border-bottom: none;
}

input.btn.btn-success.clawback-custom-date-go {
    background: transparent;
    padding: color;
    padding: 6px 20px;
    margin-top: -5px !important;
    border: 1px solid var(--blue);
    color: var(--blue);
}

.dashboard-block2 span.sp-text {
    padding: 0 10px 0 10px;
}

.dashboard-block2 .dates-div {
    position: unset;
    width: 100%;
    left: 35px;
    top: 77px;
}

.dashboard-block2 input.btn.btn-success.custom-date-go {
    background: #4182a8;
    margin-top: -2px;
}

.dates-div label {
    color: #000;
}

.list.fline-smart {
    background: #fff;
    padding: 23px;
}

.list.fline-smart span.select2-selection.select2-selection--single {
    margin: 10px 0;
    width: 98.5%;
}

.list.fline-smart .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 15px;
    right: 30px;
}

.list.fline-smart table th {
    background: var(--tableHeader);
    color: #fff;
    text-transform: capitalize;
    padding: 10px 20px;
}

.list.fline-smart table {
    border-radius: 25px;
    box-shadow: 0 0 10px #a79f9f;
    margin: 30px 0 0;
}

.fline-smart table.table td {
    padding: 10px 20px;
}

button.table-view.deactivate-product {
    border: none !important;
    background: transparent !important;
}

button.table-view.deactivate-bogo {
    border: none !important;
    background: transparent !important;
}

table#DataTables_Table_0 {
    border-radius: 25px;
    border-bottom: none;
    width: 100%;
}

.downloads-page.list table {
    border-radius: 25px;
    box-shadow: 0 0 10px #a79f9f;
}

.downloads-page.list th {
    background: var(--tableHeader);
    color: #fff;
    text-transform: capitalize;
    /* padding: 10px 20px; */
    padding: 10px;
}

.downloads-page.list td {
    /* padding: 10px 20px; */
    padding: 10px;
}

.downloads-page.list i {
    color: #000;
}

.downloads-page.list th:first-child {
    border-top-left-radius: 6px;
}

.date-section-div {
    margin: 0;
}

span.total-bv {
    padding: 0 10px;
}

.bv-details span.total-bv {
    padding: 0 2px;
}

span.total-paid-bv {
    padding: 0 10px;
}

.commission-page.list .search-clawback {
    border: 1px solid #fff;
}

.fline-smart .dates-div {
    width: 100%;
    margin-bottom: 20px;
}

button.btn.btn-success.custom-date-go {
    background: transparent;
    border: 1px solid var(--blue);
    margin: -1px 0 0;
}

.commission-page.list .inner-table-shop th {
    background: transparent;
    color: #000;
}

tbody.order-list-tbody a {
    color: #000;
}

.editor-div table {
    margin: 20px 0 0;
    background: #fff;
    box-shadow: 0 0 10px #a79f9f;
    padding: 10px 20px;
    border-radius: 6px;
    border: none;
}

.editor-div th {
    padding: 10px 20px !important;
    background: var(--tableHeader);
    color: #fff;
    text-transform: uppercase;
}

.editor-div td {
    padding: 10px 20px !important;
}

.editor-div table th:first-child {
    border-top-left-radius: 6px;
}

.editor-div table th:last-child {
    border-top-right-radius: 6px;
}

.editor-div table td i {
    color: #000;
}

.news-list-div .btn-success {
    float: right;
    margin-bottom: 20px;
    background: transparent;
    border: 1px solid var(--blue);
    padding: 2px 17px;
    color: var(--blue);
}

.news-list-div form {
    padding: 0 17px;
}

.main-div form {
    background: #fff;
    padding: 26px 30px;
    margin: 50px 0 0;
    box-shadow: 0 0 10px #a79f9f;
}

table.table.mkt-det th {
    background: transparent;
    color: #000;
}

.editor-div .btn {
    background: none;
    border: 1px solid var(--blue);
    color: var(--blue);
}

/* .top-20-country {
     padding: 7px 10px 0;
} */
.sidebar-menu li.header {
    padding: 3px 25px 3px 10px;
    font-size: 12px;
}

.sidebar {
    overflow-y: auto;
    /* height: 100vh; */
    height: calc(100vh - 68px);
}

.sidebar-menu .treeview-menu>li>a {
    font-size: 16px;
    padding-left: 0;
    color: #fff;
    display: flex;
}

.django-ckeditor-widget {
    float: left;
    width: 100%;
    display: block !important;
    margin-bottom: 15px;
}

.downloads-page.list .btn-success {
    margin-top: 20px;
    color: #fff;
}

table.usersTable th {
    background: transparent !important;
    /* padding: 15px !important; */
    padding: 10px 8px !important;
    color: #fff !important;
    text-transform: capitalize !important;
}

table.usersTable thead {
    background: var(--tableHeader);
}

table.usersTable th:nth-child(1) {
    background: var(--tableHeader)
}

table.usersTable {
    border-radius: 25px !important;
    border-bottom: none !important;
    box-shadow: 0 0 10px #a79f9f;
}

table.usersTable td {
    padding: 10px !important;
}

div.usersTable_info {
    margin: 30px 0 0;
}

div.dataTables_paginate {
    margin: 30px 0 0;
    background: var(--green);
    opacity: 1;
    color: #fff;
}

div.dataTables_paginate {
    margin: 30px 0 0;
    background: var(--green);
    opacity: 1;
    color: #fff;
    padding: 5px;
    border-radius: 25px !important;
}

div.usersTable_info {
    font-weight: 800;
    font-size: 15px;
}

div.dataTables_paginate a.paginate_button.current {
    border-radius: 50% !important;
    background: #fff !important;
    color: #000 !important;
}

div.dataTables_paginate a {
    color: #fff !important;
}

div#DataTables_Table_0_paginate a.paginate_button.current {
    border-radius: 50% !important;
    background: #fff !important;
    color: #000 !important;
}

div#DataTables_Table_0_paginate a {
    color: #fff !important;
}

div.usersTable_length {
    margin: 0 0 20px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #fff !important;
}

div#dataTable_filter {
    margin-bottom: 30px;
}

table#dataTable {
    background: #fff;
    border-radius: 6px;
}

table#dataTable th:last-child {
    border-top-right-radius: 6px !important;
}

div#dataTable_paginate .previous {
    color: #fff !important;
}

table#dataTable i {
    color: #000;
}

.table-inner-section.user-det-page .btn-success,
.table-inner-section.user-det-page .btn-warning {
    background: var(--blue);
    color: #fff;
    border: 2px solid var(--blue);
}

.table-inner-section.user-det-page:where(.btn, button.btn):hover {
    border-color: #204d74;
}

button.btn.btn-warning.change-sponser-btn {
    margin-top: 30px;
}

.user_rank_div .btn {
    margin: 0 0 23px;
}

button.btn_user_notes.btn-primary {
    border: none;
    padding: 5px 10px;
}

.add-note-btn-div {
    margin: 0 0 7px;
}

input#notes_cancel_btn {
    background: var(--blue);
    border: 2px solid var(--blue);
    color: #fff;
}

.plan-list-div a {
    color: #fff !important;
}

.dashboard-block2 input.btn.btn-success.custom-date-go {
    background: #4182a8;
    margin-top: 0px;
    color: #fff;
}

.dashboard-main-div {
    margin: 40px 0;
}

.date-input-div {
    justify-content: flex-end;
    display: flex;
    text-align: right;
    width: 100%;
}

.date-range-div {
    white-space: nowrap;
}

span.sp-text.date-span {
    padding-right: 7px;
}

canvas#resellers_rankChart {
    width: 46% !important;
    height: auto !important;
    object-fit: cover;
}

i.fa.fa-eye {
    color: #000;
}

.plans-list-div {
    margin: 31px 0 0;
}

td.sorting_1 button {
    background: transparent;
    border: none;
}

td.sorting_1 button i {
    color: #000;
}

.container.create-order-cls {
    margin: 45px 0 0;
}

a.btn.btn-primary.store-btn {
    margin-left: 19px;
}

a.btn.btn-primary.store-btn {
    margin-left: 19px;
    margin-top: 20px;
}

a.btn.btn-primary.banner-btn {
    margin-top: 20px;
    margin-left: 19px;
}

table.table.mkt-tb {
    margin: 40px 0 0;
}

td.sorting_1 button {
    background: transparent;
    border: none;
}

td.sorting_1 button i {
    color: #000;
}

.plan-list-div.mkt-det-div {
    margin-top: 40px;
    padding: 0 24px;
}

.list.fline-smart {
    margin: 40px 21px 0;
}

.commission-page div:first-child {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.input-div.top-20-report {
    float: right;
    width: 100%;
    text-align: right;
    justify-content: flex-end;
    vertical-align: top;
}

table#DataTables_Table_0 td a {
    color: #000;
}

.dates-div {
    width: 100%;
    margin: 10px 0;
}

button.export-btn.btn.btn-success {
    margin-top: 0px;
}

input.btn.btn-success.clawback-custom-date-go {
    background: transparent;
    padding: color;
    padding: 6px 20px;
    margin-top: 19px !important;
    border: 1px solid var(--blue);
    color: var(--blue);
}

.date-section-div {
    display: flex;
}

.home-pg-btns .btn-success {
    color: #fff !important;
}

.list .btn-success {
    margin-bottom: 20px;
    background: transparent;
    border: 1px solid var(--blue);
    color: #fff !important;
}

input.btn.btn-success.custom-date-go {
    background: var(--blue);
    border: none;
    margin-top: -4px;
    padding: 8px;
}

.input-div.top-20-report.comm-his input {
    padding: 0 10px !important;
    margin: 0 18px;
}

.input-div.top-20-report.comm-his input {
    vertical-align: top;
    padding: 10px 0 0;
    margin-top: 4px;
}

input.radio-btn.filter-check {
    margin-top: 4px !important;
}

a.btn.btn-primary.prod-var-btn {
    margin: 0 0 29px;
}

a.btn.btn-primary.prod-det-bck-btn {
    margin: 32px 0 0;
}

input#id_images {
    margin: 20px 0;
}

tbody.reseller-tbody {
    background: #fff;
}

.resellers-list select {
    height: 37px;
}

.resellers-list input {
    height: 37px;
}

.resellers-list button {
    vertical-align: top;
    height: 37px;
}

.plans-list-div label {
    padding: 0 10px;
}

.pagination a {
    color: #fff;
}

.pagination {
    margin: 0px 0 0;
    background: var(--green);
    opacity: 1;
    color: #fff;
    padding: 5px;
    border-radius: 25px !important;
    float: right;
    text-align: center;
    width: auto !important;
    max-width: 100%;
}

span.step-links a {
    /* border-right: 1px solid #fff; */
    padding: 0 10px;
}

span.step-links span {
    /* border-right: 0px solid #fff; */
    padding: 0 10px;
}

.pagination a:last-child {
    border-right: none;
}

.resellers-list select {
    height: 37px;
    width: 100%;
    border-radius: 22px;
    max-width: 190px;
    border: 1px solid #b8b7b7;
    background: #fff;
    padding: 0 15px;
    margin-right: 10px;
}

.resellers-list button {
    vertical-align: top;
    height: 37px;
    width: 100%;
    max-width: 120px;
    margin-left: 0px;
}

.add-card-content.col-md-12 div {
    float: left;
    width: 48%;
    margin: 20px 0 0;
    text-align: left;
}

.add-card-content.col-md-12 label {
    width: 100%;
}

.add-card-content.col-md-12 input {
    width: 96%;
    height: 37px;
}

.select-card input {
    vertical-align: top;
    margin-right: 10px;
}

.select-card {
    width: 100%;
    float: left;
}

.shipping {
    float: left;
}

.ship-btn-div {
    margin: 0 13px 20px;
}

.ship-btn-div input {
    float: left;
    width: 40px;
}

.shipping-input-div {
    width: 100%;
    float: left;
}

.shipping-input-div label {
    width: 100%;
    float: left;
}

form#orderForm label {
    padding-left: 0;
    margin: 5px 0px 0;
    justify-content: space-between;
    display: flex;
    width: 100%;
}

.payment-cards {
    width: 100%;
    float: left;
    height: 250px;
    overflow-y: auto;
}

.add-card-section-btn {
    margin-top: 15px;
    float: right;
    margin-right: 10px;
}

.shipping-save-btn {
    margin-top: 20px
}

.row.ship-payment-div {
    display: flex;
    margin: 52px 0 0;
    width: 100%;
}

.shipping-input-div.col-md-6 {
    max-width: 48%;
}

.ship-label-div label {
    background: var(--tableHeader);
    color: #fff;
    padding: 10px 17px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.select-card {
    border: 1px solid #ddd;
    border-radius: 25px;
}

.ship-main {
    border: 1px solid #ddd;
    border-radius: 25px;
    height: 100%;
}

.card-label-div label {
    background: var(--tableHeader);
    color: #fff;
    padding: 10px 17px;
    width: 100%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.autoship-price-table.next-autoship td {
    float: none !important;
    text-align: center !important;
    padding: 10px 20px !important;
}

div#addCardModal {
    z-index: 9999999999;
}

div#editPlanModal {
    z-index: 9999999999;
    /* padding-right: 200px; */
}

#addCardModal.modal-dialog {
    width: 600px;
    margin: 84px auto;
}

#addCardModal button.close {
    position: absolute;
    color: #000 !important;
    top: 6px;
    opacity: 1;
    right: 5px;
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
}

.add-card-section-btn {
    text-align: center;
    margin-bottom: 10px;
}

.user-detail-order-div table th {
    padding-left: 8px !important;
}

.page-heading-div {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}

.alert.alert-success.alert-dismissible {
    width: 238px !important;
    float: right !important;
    position: absolute;
    right: 0;
}

.alert.alert-danger.alert-dismissible {
    width: 238px !important;
    float: right !important;
    position: absolute;
    right: 0;
}

.shipping_add_div.shipping_modal {
    margin-top: 40px;
}

.autoship-div .autoship-prod-btn {
    display: flex;
    justify-content: left;
    align-items: baseline;
}

input.autoship-prod-btn {
    width: 49px !important;
    height: auto;
}

div#addCardModal .modal-body {
    height: 560px;
}

#addCardModal .modal-content {
    width: 900px;
    padding: 0 0 30px;
    height: auto;
}

#addCardModal .modal-header {
    background: #153242;
    color: #fff;
    padding: 14px 15px 0;
}

#addCardModal button.close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #153242;
    border-radius: 50%;
    width: 30px;
    line-height: 26px;
    height: 30px;
}

#addCardModal .modal-content {
    width: 485px;
    height: auto;
    margin: 0 auto;
    border-radius: 25px;
}

#addCardModal button.close span {
    color: #fff !important;
    opacity: 1;
    line-height: normal;
    position: relative;
    top: -2px;
}

#addCardModal .modal-header {
    background: #153242;
    color: #fff;
    padding: 14px 15px 10px;
    border-radius: 20px 20px 0 0;
}

#addCardModal .modal-dialog.modal-dialog-centered {
    margin: 4% auto 0;
    width: 790px;
}

div#editPlanModal .modal-body {
    overflow-y: scroll;
    height: 520px;
}

#editPlanModal .modal-content {
    width: 100%;
    padding: 0 0 30px;
    height: auto;
}

#editPlanModal .modal-header {
    background: #153242;
    color: #fff;
    padding: 14px 15px 10px;
    border-radius: 20px 20px 0 0;
}

#editPlanModal button.close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #153242;
    border-radius: 50%;
    width: 30px;
    line-height: 26px;
    height: 30px;
    border: 2px solid;
}

.autoship-div select,
.paid-div input,
.paid-div select,
.qualified-div input,
.qualified-div select,
.membership-div input,
.membership-div select,
.user-status-div input,
.user-status-div select {
    width: 40%;
    height: 34px;
    vertical-align: top;
}

a.nav-link.active.list-view-tab:hover {
    color: var(--blue);
}

a.nav-link.tree-view-tab:hover {
    color: var(--green);
}

.table-inner-section .btn {
    margin: 30px 0;
}

input.btn.btn-success.clawback-custom-date-go {
    color: #fff !important;
}

.autoship-div select {
    width: 78%;
    height: 34px;
}

.autoship-div label {
    width: 100%;
}

.paid-div label {
    width: 100%;
}

.qualified-div label {
    width: 100%;
}

.membership-div label {
    display: block;
}

.user-status-div label {
    width: 100%;
}

.autoship-div select {
    width: 100%;
}

.autoship-div input {
    width: 100%;
    height: 45px;
}

.membership-div select {
    width: 100%;
}

.membership-div input {
    width: 86%;
}

.paid-div select {
    width: 100%;
}

.paid-div input {
    width: 86%;
}

.qualified-div select {
    width: 100%;
}

.qualified-div input {
    width: 86%;
}

.table-inner-section h1 {
    margin-top: 20px;
}

/* Rounded sliders */
.status_switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 26px;
}

.status_switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.status_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

div#dataTable_wrapper .row:first-child,
div.dataTables_wrapper .row:first-child label {
    font-size: 17px;
}

.status_slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.status_slider {
    background-color: #337ab7;
}

input:focus+.status_slider {
    box-shadow: 0 0 1px #337ab7;
}

input:checked+.status_slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.status_slider.round {
    border-radius: 34px;
}

.status_slider.round:before {
    border-radius: 50%;
}

span.confirm_status_circal {
    background: var(--green);
    border-radius: 100%;
    padding: 0px 13px 5px 10px;
    border: 2px solid #101010;
}

button.btn.btn-success.custom-date-go {
    color: var(--blue) !important;
}

/* 26-10-2021 */
.sponser-div {
    background: #fff;
    padding: 25px 0px;
}

.sponser-main {
    display: flex;
    align-items: center;
}

.sponser-text {
    margin-left: 40px;
}

.grand-parent-spons-div {
    padding: 0px 15px;
}

.sponser-div label {
    font-size: 20px;
}

.parent-spons-div {
    align-items: center;
    display: flex;
}

.sponser-div {
    background: #fff;
    padding: 25px;
}

.sponser-div label {
    font-size: 20px;
}

.bundle_form .product_dropdown+.variants_dropdown+.autoship-div {
    display: block;
}

.bundle_form .product_dropdown+.variants_dropdown+.autoship-div+.autoship-div label {
    margin-bottom: 0px !important;
}

.bundle_form .product_dropdown+.variants_dropdown+.autoship-div input#product_qty_inSelect {
    border: 1px solid #d2d6de;
    height: 45px;
    padding: 0px 10px;
}

form#orderForm .row.ship-payment-div {
    float: left;
}

form#orderForm .pricing-total-div {
    float: right;
    width: 40%;
    margin: 30px 0 0;
    text-align: center;
    background: #EEE;
    clear: both;
    padding: 15px;
}

form#orderForm .pricing-total-div span.label-text {
    width: 190px;
    display: inline-block;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    font-family: 'Lato';
}

form#searchSponsor {
    max-width: 500px;
}

.sponser-div label {
    font-size: 20px;
    max-width: 167px;
    width: 100%;
}

button#searchBtn {
    margin: 0;
}

.plans-list-div table#datatable button.table-view.delete-banner.btn.btn-primary,
table#DataTables_Table_0 a.table-view.btn.btn-primary {
    margin: 0px 5px;
}

tbody.commission-history-tb-body tr.tr-main.user_content td {
    border: transparent !important;
}

.comm-tb-div {
    padding: 0px 20px;
}

button.btn.btn-primary.viewdetail,
button.btn.btn-primary.admin-save-commission-btn {
    margin: 0px 5px;
}

.commission-page.list button.export-btn.btn.btn-success {
    margin-bottom: 5px !important;
}

.alert.alert-danger.alert-dismissible {
    top: 90px
}

button.table-view.delete-dashboardimage.btn.btn-primary {
    margin: 0px 5px;
}

form#dashboardImageForm img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 20px;
}

form#dashboardImageForm label {
    display: block;
}

form#dashboardImageForm input#id_is_active {
    width: auto !important;
    height: auto !important;
}

form#dashboardImageForm label[for="id_is_active"] {
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 5px;
}

.commission-page.list.admin-move button.export-btn.btn.btn-success {
    margin-top: 10px;
}

.commission-page.list.admin-move {
    padding-left: 0;
    padding-right: 0;
}

button.btn.btn-warning.btn-admin-login+a.btn.btn-primary,
.parent-spons-div button.btn.btn-warning.change-sponser-btn {
    margin-left: 10px;
}

/*07-03-2022*/
.cstm-history .dates-div {
    max-width: calc(100% - 40px);
    margin: 0 auto;
    float: none;
}

table#commissions-history-table {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.cstm-history .dates-div input,
.dates-div input {
    height: 37px;
}

.commission-page.list input.btn.btn-primary.logs-custom-date-go {
    margin: 0;
}

.membership-div select,
.membership-div input,
.container.create-order-cls input:not([type="checkbox"], [type="radio"]),
.container.create-order-cls select {
    height: 40px;
    border: 1px solid #ddd;
    padding: 5px;
}

.user-status-div button#change_status_btn {
    margin-top: 10px;
}

.content .page-heading-div+a.btn.btn-primary.prod-det-bck-btn {
    margin-top: 30px;
    margin-left: 30px;
}

.container.create-order-cls>div {
    margin-bottom: 15px;
}

.parentStock+button.btn.btn-success {
    margin-top: 0;
}

.plan-list-div>.commission-page.list.clawback-cstm button.export-btn.btn.btn-success {
    margin-bottom: 0 !important;
}

.containerSponser .sponser-div .col-md-6 {
    max-width: calc(100% - 33%);
    flex: calc(100% - 33%);
    padding: 20px;
}

.new-sponser-div form#searchSponsor {
    max-width: 100%;
    flex: 100%;
}

.new-sponser-div {
    padding: 10px;
    background: #f5f5f5;
    margin: 10px 0;
    float: left;
    width: 100%;
}

.sponser-div input+label {
    max-width: 90px;
    flex: 80px;
    width: 100%;
    font-size: 15px;
    text-align: left;
}

.sponser-div .new-sponser-div {
    background: #fff;
}

.container.create-order-cls input:not([type="checkbox"]) {
    border-radius: 30px;
}

.pie-heading+.dashboard-block3.dashboard-block1 .dashboard-block2 {
    width: 100%;
    padding-left: 0;
}

.pie-heading+.dashboard-block3.dashboard-block1 .commission-page.list {
    margin-top: 0;
    float: left;
    width: 100%;
    padding: 0;
}

.container.create-order-cls form#orderForm .product-table label {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.dashboard-page.list+.dashboard-block-container {
    padding: 0 10px;
}

.main-pageContent.UserDetail-content .new-sponser-div {
    padding: 0;
    margin: 25px 0 0;
}

.main-pageContent.UserDetail-content .new-sponser-div input {
    max-width: 150px;
}

/* MEDIA */
@media(max-width:1800px) {
    .user_downline_div .col-md-3 {
        width: 23%;
    }

    .container {
        width: 1548px;
    }

    div#cke_id_description {
        margin: 0 auto;
    }

    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
}

@media(max-width:1720px) {
    .user_downline_div .container {
        width: 1504px;
        margin: 0;
    }

    .details-list-section {
        border: 1px solid #ddd !important;
        width: 186px !important;
    }

    .commission-page.list table#commissions-history-table {
        width: 1800px;
        min-width: 1800px;
    }

    .commission-page.list .comm-tb-div {
        overflow-x: auto;
    }
}

@media(max-width:1600px) {
    canvas#reportsChart {
        width: 312px !important;
        height: 160px !important;
    }

    .tree li {
        padding: 20px 3px 0 !important;
    }

    .tree.new-downline img {
        width: 70px;
        height: 70px;
    }

    .user_downline_div .container {
        width: 1409px;
        margin: 0;
    }

    .user_downline_div .col-md-3 {
        width: 21.5%;
    }

    .dashboard-block2 span.sp-text {
        padding: 0 9px 0 10px;
    }

    .sidebar-menu>li>a {
        padding: 6px 5px 6px 15px;
        display: block;
    }

    form#productForm {
        width: 100%;
    }

    form#bundleForm {
        width: 100%;
    }

    form#bogoForm {
        width: 100%;
    }

    form#categoryForm {
        width: 100%;
    }

    form#storeForm {
        width: 100%;
    }

    form#orderForm {
        width: 100%;
    }

    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .col-md-3.prod-image-div img {
        /* width: 284px; */
        width: 100%;
        height: auto;
    }

    .dashboard-block2 .dates-div {
        position: unset;
        width: 96%;
        left: 26px;
        top: 77px;
    }

    .resellers-list input {
        max-width: 187px;
    }

    .resellers-list select {
        max-width: 187px;
    }

    .order-item-table {
        /* overflow-x: scroll; */
    }

    .bell_dropdowon.dropdown.notifications-menu {
        position: absolute;
        right: 0%;
        top: 23px;
    }

    form#shipping-options-form {
        overflow-x: scroll;
    }

    .commission-page.list input.btn.btn-success.custom-date-go {
        margin-top: 0px;
    }

    .container.create-order-cls .payment-cards input.card_btns,
    .container.create-order-cls .ship-btn-div input.ship_btns,
    form#searchForm input {
        width: auto;
    }
}

@media(max-width:1500px) {
    .tree.new-downline img {
        width: 48px !important;
        height: 48px !important;
    }

    .tree li {
        padding: 20px 1px 0 !important;
    }

    .user_downline_div .container {
        width: 1300px;
        margin: 0;
    }

    .user_downline_div .col-md-3 {
        width: 22.8%;
    }

    .round-tb.table.usersTable.dataTable.no-footer .btn {
        padding: 8px 10px !important;
    }

    .list.resellers-list .search-div input {
        max-width: 187px;
    }
}

@media(max-width:1440px) {
    .order_list_content table#DataTables_Table_0 {
        /* min-width: 1500px; */
    }

    div#DataTables_Table_0_wrapper table#DataTables_Table_0 {
        /* min-width: 1500px; */
    }

    .user_downline_div .container {
        width: 1230px;
        margin: 0;
    }

    .column.lev2 h5.card-title {
        font-size: 12px;
        padding-top: 12px;
        white-space: nowrap;
    }

    .data-profile-icon i {
        padding-top: 2px;
    }

    .profile-more {
        line-height: 17px;
    }

    .content-wrapper .content {
        padding: 0;
    }

    .user_downline_div .col-md-3 {
        width: 23.5%;
    }

    table#dataTables th {
        /* white-space: nowrap; */
    }

    .table-inner-section.user-det-page {
        margin: 0px 10px 0;
    }

    .plans-list-div {
        margin: 31px 15px 0;
    }

    .edit-kaire-div input {
        font-size: 12px;
        height: 34px;
        margin-top: 2px;
    }

    .pricing-total-div {
        float: left;
        width: 100%;
    }

    .product-table,
    .autoship-price-table.next-autoship {
        width: 100%;
        /* overflow-x: scroll; */
    }

    .plans-list-div {
        margin: 31px 0px 0;
    }

    div#cke_id_welcome_block {
        width: 100% !important;
    }

    table#commissions-history-table th {
        /* white-space: nowrap; */
    }

    input.btn.btn-success.custom-date-go {
        margin-top: 17px;
    }

    table.table th {
        /* white-space: nowrap; */
    }

    table.round-tb.table.usersTable {
        /* width: 1500px; */
    }

    .shipping-options-show {
        width: 100%;
        /* overflow-x: scroll; */
    }

    .list.fline-smart input.btn.btn-success.custom-date-go {
        margin-top: 0;
    }

    .sponser-div .parent-spons-div .col-md-5 {
        width: 60.666667%;
    }

    .groups.tabs .treeDiv {
        width: 1700px;
    }

    .plan-list-div {
        margin: 0 15px;
    }

    .table-inner-section.user-det-page.cstm-user .order-detail-child-div {
        margin-bottom: 0;
    }
}

@media(max-width:1400px) {
    .tree.new-downline img {
        width: 40px !important;
        height: 40px !important;
        object-fit: cover !important;
        margin-bottom: 8px !important;
    }

    .tree li {
        padding: 20px 0px 0 !important;
    }

    .tree.new-downline a {
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    span.downline-cnt-span {
        margin: 7px auto 0;
    }

    .user_downline_div .col-md-3 {
        width: 23.5%;
    }
}

@media(max-width:1366px) {
    .user_downline_div .container {
        width: 1300px;
        margin: 0;
        padding: 0;
    }

    .user_downline_div .col-md-3 {
        width: 23.3%;
    }

    div#cke_id_section1_content,
    div#cke_id_section2_content,
    div#cke_id_section3_content {
        width: 100% !important;
    }

    .user_downline_div.listDiv {
        /* overflow-x: scroll; */
    }


}

@media(max-width:1280px) {
    .product-table {
        width: 100%;
        /* overflow-x: scroll; */
    }

    canvas#reportsChart {
        width: 240px !important;
        height: 135px !important;
    }

    .container.create-order-cls {
        width: 1366px;
    }

    .user_downline_div .row {
        display: flex;
        flex-wrap: wrap;
    }

    .user_downline_div .col-md-3 {
        width: 42%;
        max-width: 42%;
        flex: 0 0 42%;
    }

    .column.lev2 {
        width: 100%;
    }

    .user_downline_div .col-md-3 {
        width: 21.3%;
    }

    .container.create-order-cls {
        width: 100%;
    }

    a.btn.btn-primary.add-cat-btn {
        margin-top: 50px;
    }
}

@media(max-width:1250px) {
    .tree.new-downline a {
        font-size: 11px !important;
        font-weight: 500 !important;
    }
}

.bundle_form_section .col-md-9 {
    box-shadow: none;
    padding: 0 !important;
}

/* 3-nov-2021 */
table.usersTable th {
    text-align: center;
}

.alert-success {
    border-color: var(--tableHeader);
    background: var(--tableHeader) !important;
}

.modal {
    top: 72px !important;
}

.pie-heading h1 {
    margin-bottom: 10px;
}

.content-wrapper,
.right-side {
    background-color: #fff;
}

table#DataTables_Table_0 td {
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

table#DataTables_Table_0 th {
    text-align: center;
    z-index: 99;
    position: relative;
}

.container.create-order-cls h1,
.plans-list-div h2,
table#datatable td,
table#datatable th,
table.table td,
table.table th,
.editor-div td {
    text-align: center;
}

.editor-div td {
    padding: 10px 20px;
}

/* 5-11-2021*/
table.table th {
    padding: 15px 20px;
}

.autoship-div label[for="autoship"] {
    margin-bottom: 0;
}

.autoship-div {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

input.autoship-prod-btn {
    width: 25px !important;
    height: 19px;
}

.btn {
    padding: 8px 20px;
    border-radius: 10px;
    background: var(--blue);
    color: #fff;
}

table .btn {
    padding: 4px 8px;
}

.container.create-order-cls {
    box-shadow: none;
}

.user-det-page table.table.inner-table-shop tr:first-child th {
    border-top: none;
    width: 330px;
}

.user-det-page .table-inner-section h1 {
    display: block;
    margin-bottom: 25px !important;
}

.table-inner-section.user-det-page table.table.inner-table-shop {
    border-radius: 0px 0px 25px 25px;
}

table#dataTables tbody td {
    font-size: 15px;
    vertical-align: middle
}

body table#DataTables_Table_0,
body table#dataTable,
.list.cstm-coupn table {
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 0 10px #a79f9f;
}

/* 8-11-2021*/
table.round-tb {
    border-radius: 25px;
    overflow: hidden;
}

.page-heading-div i {
    display: none;
}

table.round-tb th {
    font-size: 14px;
}

table.round-tb tr td {
    vertical-align: middle;
    word-break: break-word;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
    width: 385px;
    height: 45px;
}

.order-detail-child-div h2 {
    border-radius: 25px 25px 0px 0px;
    margin-bottom: 0;
}

.order-detail-child-div .col-md-12.detail-cls.ord-detail-block table.round-tb.table.inner-table-shop {
    border-radius: 25px !important;
}

.order-detail-child-div .col-md-12.detail-cls.ord-detail-block table.round-tb.table.inner-table-shop th {
    text-align: center;
}

div.order-inner-table h2 {
    background: var(--tableHeader) !important;
    display: block;
    text-align: center;
    padding: 15px 10px !important;
    color: #fff !important;
    font-size: 16px !important;
}

.order-inner-table {
    box-shadow: 0 0 10px #a29c9c;
    border-radius: 25px;
}

.order-detail-child-div .order-inner-table table.round-tb.table.inner-table-shop th {
    text-align: left;
    padding-left: 25px;
}

.pull-left a.btn.btn-default.btn-flat {
    width: 100%;
    margin-bottom: 10px;
}

.pull-left {
    width: 100%;
}

form#subadmin_form {
    padding: 20px;
}

.table-inner-section.plan-form {
    display: block;
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 25px;
    margin: 0;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
    color: #000;
}

div#editPlanModal table#commissions-history-table {
    margin: -1px 0 0;
    background: #fff;
    box-shadow: none;
}

div#editPlanModal table#commissions-history-table th:first-child {
    border-top-left-radius: 0px;
}

div#editPlanModal table#commissions-history-table th:last-child {
    border-top-right-radius: 0px;
}

.commission-page div:first-child {
    display: block;
    flex-wrap: nowrap;
}

.date-range-div.report-date-fil-div {
    float: left;
}

.commission-page.list .input-div.top-20-report {
    float: unset;
    padding: 0;
}

.table-inner-section table.round-tb {
    border-radius: 0px 0px 25px 25px;
    overflow: hidden;
}

.table-inner-section .btn {
    margin: 30px 0px 30px 5px;
}

li.nav-item {
    background-color: transparent;
    padding: 2px;
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
    background: rgb(2, 148, 199);
    background: linear-gradient(0deg, rgba(2, 148, 199, 1) 80%, rgba(3, 118, 161, 1) 99%);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left-color: var(--buttonColor);
}

.skin-blue .sidebar a {
    color: #fff;
}

.skin-blue .main-header .logo {
    background-color: var(--mainHeaderColor) !important;
}

.main-sidebar,
.left-side {
    width: 300px;
    float: left;
}

.content-wrapper,
.right-side,
.main-footer {
    margin-left: 300px;
}

.main-header .navbar {
    margin-left: 300px;
}

.main-header .logo {
    width: 300px;
}

.user-panel {
    display: flex;
    align-items: center;
}

li.treeview.active a span {
    color: #baebfd;
}

ul.sidebar-menu li.treeview ul.treeview-menu {
    padding-left: 25px;
    background-color: var(--webSiteColor);
}

.sidebar-menu li>a>.pull-right-container {
    transform: rotate(271deg);
}

.sidebar-menu li>a>.pull-right-container .fa-angle-left {
    margin: 0;
    width: auto !important;
}

li.treeview.active span.pull-right-container {
    transform: rotate(180deg);
}

div#addCardModal label {
    margin: 5px -1px 5px;
}

div#addCardModal input.input.form-control {
    margin: 0 0 0px !important;
}

div#addCardModal .form-group {
    margin-bottom: 0px;
}

div#myCarousel .carousel-inner {
    min-height: inherit;
    margin-top: 30px;
}

.main-order-list-user {
    float: left;
    width: 100%;
    padding: 0;
}

div#addCardModal .address-section {
    display: block
}

div#addCardModal .shipping_add_div.shipping_modal {
    margin-top: 25px;
    margin-left: 0;
    margin-bottom: 20px;
}

.search-div strong {
    margin-right: 10px;
    margin-left: 10px;
}

.date-range-div {
    width: 50%;
    float: left;
}

.grand-parent-spons-div {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grand-parent-spons-div .col-md-5 {
    padding-left: 42px;
}

.user_rank_div {
    float: left;
    width: 100%;
    /* box-shadow: 0 0 10px #a29c9c;
     border-radius: 25px;
     */
    margin-bottom: 35px;
}

.user-notes-div.table.inner-table-shop.user-detail-order-table {
    float: left;
    width: 100%;
}

.table-inner-section h1 {
    float: left;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 25px 25px 0px 0px;
}

.user-panel>.info>p {
    font-size: 20px;
    font-family: var(--common-font-bd);
    font-weight: 600;
}

.user-panel>.info>p:last-child {
    margin-bottom: 0;
}

.user-panel>.info {
    position: unset;
    padding: 0;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: transparent;
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
    background-color: var(--buttonColor) !important;
    border-radius: 50%;
}

tbody.reseller-tbody td img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.col-md-8.user-cls {
    margin-top: 20px;
}

input.btn.btn-success.custom-date-go {
    margin-bottom: 0;
}

body .dropzone {
    border: 1px solid rgba(0, 0, 0, 0.3);
}

span.hidden-xs {
    color: var(--buttonColor);
    font-size: 20px;
}

.skin-blue .sidebar-menu>li>a {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-right: 23px;
}

.sidebar-menu>li i.fa,
.sidebar-menu>li i.fa.fa-list {
    margin-right: 10px;
    width: 20px !important;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

button.btn_user_notes.btn-primary {
    padding: 8px 20px !important;
    border-radius: 25px !important;
    background: var(--blue) !important;
    color: #fff !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid var(--blue);
    box-shadow: none;
    /* line-height: 1;
     */
}

button.btn_user_notes.btn-primary:hover {
    background: none !important;
    border-color: #204d74;
    color: var(--blue) !important;
}

.add-note-btn-div textarea {
    width: 100%;
}

.container.create-order-cls .row {
    width: 100%;
    margin: 0;
    max-width: 100%;
}

.container.create-order-cls .autoship-div {
    width: 100%;
}

.container.create-order-cls .autoship-div {
    display: block;
}

form#categoryForm,
form#storeForm {
    max-width: 850px;
    margin: 0 auto;
    box-shadow: 0 0 10px #a79f9f;
    padding: 25px;
    border-radius: 25px;
}

.input-div.top-20-report {
    float: unset;
    font-size: 16px;
}

.commission-page.list .order-item-table table.round-tb th {
    font-size: 14px !important;
    background: var(--tableHeader);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-radius: 50%;
}

div#DataTables_Table_0_paginate a.paginate_button.current {
    border: none;
}

a#DataTables_Table_0_next {
    border: none;
    background: none;
}

.main-header .sidebar-toggle:before {
    display: none;
}

.user_rank_div table.round-tb.table.inner-table-shop {
    box-shadow: none;
}

.user_rank_div h1 {
    margin-top: 0;
}

.user_rank_div .table-inner-section .btn {
    margin: 30px 0px 30px 20px !important;
}

.containerDetail {
    box-shadow: 0 0 10px #a29c9c;
    border-radius: 25px;
    margin-bottom: 25px;
}

.containerDetail .user-cls .table.inner-table-shop {
    width: 100%;
    margin-top: 15px;
}

.containerDetail .round-tb.table.inner-table-shop th {
    text-align: left !important;
}

.show-add-btn-div .btn {
    margin: 30px 0px 30px 20px;
}

.containerDetail .profile-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    max-height: 100%;
}

.containerSponser {
    float: left;
    box-shadow: 0 0 10px #a29c9c;
    border-radius: 25px;
    margin-bottom: 35px;
    width: 100%;
    overflow: hidden;
}

.containerSponser h1 {
    margin-top: 0;
}

.containerOverride button#change_rank_btn {
    margin: 0px 0px 30px 20px;
}

.containerSmartship {
    margin-bottom: 40px;
}

.user-notes-div.table.inner-table-shop.user-detail-order-table {
    box-shadow: 0 0 10px #a29c9c;
    border-radius: 25px;
    margin-bottom: 35px;
}

.user-notes-div.table.inner-table-shop.user-detail-order-table h1 {
    margin-top: 0;
}

.add-note-btn-div button.btn_user_notes.btn-primary {
    margin-left: 20px;
}

.user-notes-div.table.inner-table-shop.user-detail-order-table .list-group {
    box-shadow: none;
    border: transparent !important;
    padding: 0px 20px;
}

a.sidebar-toggle img {
    width: 100%;
}

.search-div input {
    height: 37px;
    width: 100%;
    border-radius: 22px;
    max-width: 150px;
    padding: 5px;
    border: 1px solid #b8b7b7;
}

.search-div label {
    margin-right: 8px;
    margin-left: 0px;
}

form#couponForm {
    box-shadow: 0 0 10px #a79f9f;
    padding: 25px;
    border-radius: 25px;
}

form#couponForm .form-control {
    box-shadow: none;
    border-color: #d2d6de;
    height: 40px;
    border-radius: 25px;
    margin-bottom: 0px;
}

.dashboard-block1 h2 {
    margin-top: 30px !important;
}

.pie-heading h1 {
    margin-top: 30px;
}

.apply_override_btn {
    margin-top: 0px;
    margin-bottom: 5px;
}

.content {
    float: left;
    width: 100%;
}

tbody.dashboard-table.top10-earners a.table-view.btn.btn-primary {
    color: #fff !important;
}

tbody.dashboard-table.top10-earners a.table-view.btn.btn-primary:hover {
    color: var(--blue) !important;
}

.editor-div a.table-view.btn.btn-primary {
    color: #fff !important;
}

/*22-11-2021*/
div#cke_id_description {
    width: 100% !important;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

form#productForm {
    border: transparent !important;
    padding: 0 !important;
}

.containerDescription {
    width: 100%;
    max-width: 55%;
    flex: 55%;
    padding-left: 10px;
}

.imageUpload {
    width: 100%;
    max-width: 45%;
    flex: 45%;
}

.ParentDescription {
    display: flex;
}

.imageuploadify {
    color: #000;
    background: transparent !important;
    border: transparent !important;
    box-shadow: none !important;
}

form#productForm label {
    font-size: 14px;
    color: #151515;
    text-transform: capitalize;
    font-family: 'lato';
}

.continerParentIngredient {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex: 100%;
}

.containerIngredient {
    max-width: 32%;
    margin-right: 25px;
    width: 100%;
}

.containerSuggestedUse {
    max-width: 32%;
    margin-right: 25px;
    width: 100%;
}

.containerReturn {
    max-width: 33%;
    margin-right: 0px;
    width: 100%;
}

.continerParentIngredient textarea {
    resize: none;
}

.containerParentTaxes {
    display: flex;
    align-items: center;
    padding: 20px 0px;
}

.containerParentWeight {
    display: flex;
    width: 100%;
    flex: 100%;
    max-width: 100%;
}

.containerwidth label,
.containerHeight label {
    width: 100%;
}

.containerWeigth {
    width: 100%;
    max-width: 25%;
    margin-right: 15px;
}

.containerwidth {
    width: 100%;
    max-width: 25%;
    margin-right: 15px;
}

.containerHeight {
    width: 100%;
    max-width: 25%;
    margin-right: 15px;
}

.containerParentWeight {
    background: #eff3f5;
    padding: 10px 23px;
    border-bottom: 2px solid var(--buttonColor);
}

.containerParentWeight input {
    width: 100%;
    height: 45px;
    border: 1px solid #d2d6de;
    padding: 0px 10px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 0;
}

.containerInventoriable {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 25%;
    flex: 25%;
    flex-direction: row-reverse;
    justify-content: center;
}

.containerInventoriable label {
    width: auto;
}

input#id_isStockable {
    width: auto;
    height: auto;
}

.imageuploadify .imageuploadify-images-list span.imageuploadify-message {
    border-top: transparent;
    border-bottom: transparent;
    padding-left: 0;
    text-align: left;
    width: 100%;
}

.containerParentPrice>div {
    margin-right: 10px;
    width: calc(100%/4 - 10px);
}

.containerParentPrice {
    display: flex;
    flex-wrap: wrap;
    padding: 35px 0px 0;
}

.containerQuantity input#id_quantity {
    width: 100%;
    border: 1px solid #d2d6de;
    margin-top: 0;
    outline: none;
}

.containerQuantity label {
    width: 100%;
}

.containerParentPrice>div input {
    height: 45px;
}

.imageUpload .imageuploadify .imageuploadify-images-list button.btn-default {
    max-width: 180px !important;
    margin-left: unset;
    background: transparent !important;
    color: #878787 !important;
    border: 1px solid #878787;
}

.imageUpload .imageuploadify .imageuploadify-images-list {
    width: 100%;
}

.imageUpload .imageuploadify .imageuploadify-images-list .imageuploadify-container {
    max-width: 47%;
    width: 100%;
    height: 200px;
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger {
    border-radius: 50% !important;
    border: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #5286a5;
    border: 1px solid #5286a5;
    margin-top: 0px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 10px 5px;
}

.containerDescription span.select2.select2-container.select2-container--default span.select2-search.select2-search--inline {
    display: none;
}

input#id_user {
    width: 100%;
    height: 45px;
    border: 1px solid #d2d6de;
}

.bundle_form_section {
    box-shadow: 0px 0px 10px #ddd;
    padding: 25px;
    float: left;
    width: 100%;
    border-radius: 25px;
}

div#form1 {
    width: 100%;
    display: flex;
    align-items: end;
    margin-bottom: 10px;
}

div#form1>div {
    width: 33%;
    margin-right: 14px;
    margin-bottom: 0;
}

.main-order-list {
    margin-bottom: 30px;
}

.dashboard-block1 table.round-tb.table.table-striped {
    min-height: 350px;
}

.containerStock {
    order: 9;
    display: flex;
    align-items: center;
}

.main-footer {
    border-top: transparent !important;
}

div#commissions-history-table_length select {
    height: 37px;
    border-radius: 10px;
    max-width: 190px;
    border: 1px solid #b8b7b7;
    width: 190px;
    border-radius: 25px !important;
}

div#commissions-history-table_length {
    margin-left: 10px;
    margin-top: 15px;
}

a#commissions-history-table_previous:hover {
    background: transparent;
    border: 0;
}

a#commissions-history-table_previous {
    color: #fff !important;
    border: 0;
}

a#commissions-history-table_next:hover {
    background: transparent;
    border: transparent;
    color: #fff;
}

a#commissions-history-table_next {
    border: 0;
    color: #fff !important;
}

.profile-image {
    width: 100%;
    height: 250px;
    border-radius: 0;
    max-width: 270px;
}

.containerOrders .user-detail-order-div table.round-tb.table.inner-table-shop.user-detail-order-table th {
    background: #ddd;
}

textarea#user_notes_field {
    width: 100%;
    resize: none;
}

.pagination {
    padding: 10px 10px;
}

.pagination span.step-links a.select-page.active-page {
    padding: 6px 10px;
    background: #fff;
    border-radius: 15px;
    color: var(--tableHeader) !important;
}

.content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*8-dec-2021*/
.commission-page.list button.btn.btn-success.custom-date-go {
    color: #fff !important;
}

.dashboard-page.list .date-input-div {
    float: unset;
    display: block;
}

.skin-blue .sidebar-menu>li.header {
    color: #fff;
    background: #052e3a;
}

.table-inner-section {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

input#detail_banner_image-clear_id {
    width: auto;
}

#commissions-history-table tbody .tr-user-main {
    border: transparent;
    padding: 10px 20px;
}

button.btn.btn-primary.change_sponser_confirm {
    margin-top: 0;
    margin-left: 0;
}

.list.resellers-list .cstm-table-responsive {
    overflow: auto;
    /* height: 536px; */
    height: auto;
}

.user_rank_div a.table-view {
    display: block;
}

.containerOverride .user_rank_div a.table-view button#change_rank_btn {
    margin: 0;
}

.top_10_list+.dashboard-block-container>table.round-tb.table.table-striped {
    max-width: calc(100% - 20px);
    margin: 10px auto;
}

.dashboard-main-div .dashboard-block4 {
    margin: 30px 0 0;
    float: left;
    width: 100%;
}

/*10-08-2022*/
.containerDetail h1,
.containerOrders h1 {
    margin-top: 0;
}

/*05-09-2022*/
label#saved_card-error {
    position: absolute;
    border: none;
    background: none;
    top: calc(100% - 50px);
    height: auto;
    margin: 0;
    bottom: auto;
}

@media (max-width: 1680px) {
    .ship-tb-div table#dataTable .btn {
        padding: 8px 10px !important;
    }

    .ship-tb-div {
        /* overflow-x: auto; */
        float: left;
        width: 100%;
    }

    .ship-tb-div div#dataTable_wrapper {
        width: 1500px;
    }
}

@media (max-width: 1535px) {
    input.as_billing_add {
        width: auto !important;
    }

    input.as_shipping_add {
        width: auto !important;
    }
}

@media (max-width: 1366px) {
    .notifications-menu .dropdown-toggle {
        padding-right: 25px;
    }

    .notifications-menu .dropdown-menu {
        left: -147px;
    }

    .comm-tb-div {
        /* overflow-x: scroll; */
        margin-right: 13px;
        padding-right: 0;
    }

    table#commissions-history-table {
        width: 1400px;
        float: left;
    }

    .list.resellers-list {
        width: 100%;
    }

    .table-inner-section {
        margin-top: 20px;
    }

    .list.fline-smart input.btn.btn-success.custom-date-go {
        margin-top: 0;
    }
}

.alert.alert-success.alert-dismissible {
    top: 76px;
    z-index: 99;
}

/* FOR LOADER */
.loader span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #3498db;
    margin: 5px 5px;
}

.loader span:nth-child(1) {
    animation: bounce 1s ease-in-out infinite;
}

.loader span:nth-child(2) {
    animation: bounce 1s ease-in-out 0.33s infinite;
}

.loader span:nth-child(3) {
    animation: bounce 1s ease-in-out 0.66s infinite;
}

@keyframes bounce {

    0%,
    75%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

/*-- 02-12-2021 --*/
.menu-management-container {
    width: 100%;
    padding: 20px 28px 40px;
    display: inline-block;
}

.menu-management-row form p input {
    height: 37px;
    width: 100%;
    max-width: 100%;
    border: 1px solid #b8b7b7;
    margin: 0;
}

.menu-management-row form {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: end;
    align-items: end;
}

.menu-management-row form p {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.menu-management-row form p label {
    white-space: nowrap;
}

.menu-management-row form p input[type="checkbox"] {
    height: auto;
    width: auto;
}

.menu-management-row form input[type="submit"] {
    margin-left: 10px;
}

.menu-management-row table tr th {
    background: var(--tableHeader) !important;
    padding: 15px !important;
    color: #fff !important;
    text-transform: capitalize !important;
}

.menu-management-row table {
    border-radius: 25px !important;
    overflow: hidden;
    box-shadow: 0 0 10px #a79f9f;
}

.menu-management-row table tr td {
    border-bottom: 1px solid #dad8d8 !important;
}

.menu-management-row .list {
    padding: 20px 0;
}

.order-detail-child-div {
    padding: 0px 20px;
}

/*-- 02-12-2021 End --*/
.search_result {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0;
    /* max-height: 200px; */
    /* overflow: auto; */
}

.selected_result {
    font-weight: bold;
}

/* For Multiple Images */
.quote-imgs-thumbs {
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    margin: 1.5rem 0;
    padding: 0.75rem;
}

.quote-imgs-thumbs--hidden {
    display: none;
}

.img-preview-thumb {
    background: #fff;
    border: 1px solid #777;
    border-radius: 0.25rem;
    box-shadow: 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.12);
    margin-right: 1rem;
    max-width: 140px;
    padding: 0.25rem;
}

/*23-dec-2021----*/
.current-sponser-div {
    padding-top: 40px;
}

input.as_billing_add {
    margin-left: 5px;
}

input.as_shipping_add {
    margin-left: 5px;
}

/*10-01-2021*/
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #fff;
}

/*
 .edit-profile-from {
     padding: 30px;
     background: #f1f1f1;
     max-width: 500px;
     margin-top: 160px;
     border-radius: 5px;
}
*/
.edit-profile-from form .form-group label {
    width: 100%;
    padding: 0;
}

.edit-profile-from form input {
    margin-bottom: 0;
    width: 100%;
}

.edit-profile-from h2 {
    margin-top: 0;
}

.main-footer {
    text-align: center;
}

.plans-list-div.content .menu form select {
    margin: 0;
    height: 37px;
    border-radius: 10px;
    border: 1px solid #b8b7b7;
}

.form-group.check input {
    max-width: 20px;
}

/*11-01-2022*/
.container.create-order-cls .form-group label {
    padding-left: 0;
}

.form-group.check-field {
    display: flex;
}

form#dashboardImageForm .form-group.check-field input {
    width: 20px;
    height: 20px;
    margin-top: 0;
}

form#productForm.dropzone input.error {
    margin: 0;
}

form#add_address_form label.error,
.container.create-order-cls form label.error {
    color: #ff0000;
    font-size: 14px;
    width: 100%;
    position: relative;
    top: -10px;
}

label[for="id_published_from"] {
    width: 100%;
}

.alert.error {
    color: #f00;
    background: #f1f1f1;
    padding: 10px;
}

.alert .close {
    right: 0;
    opacity: 1;
}

/*12-01-2022*/
.skin-blue .wrapper,
.skin-blue .left-side {
    background: #fff
}

.sidebar {
    background: var(--webSiteColor);
}

::-webkit-scrollbar {
    width: 16px;
    height: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 7px grey;
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    background: var(--webSiteColor);
    border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--buttonColor);
}

.main-footer {
    clear: both
}

ul.nav.nav-pills.nav-fill li a {
    display: flex;
    align-items: center;
    height: auto;
}

.user_downline_div>.container {
    padding: 0;
}

form input {
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #d2d6de;
    margin-right: 10px;
}

.dashboard-main-div>.row {
    margin: 0;
}

.table-inner-section.plan-form {
    padding: 0
}

.table-inner-section .btn {
    margin: 0;
}

.table-inner-section h1 {
    margin-bottom: 0
}

.skin-blue .sidebar-menu>li.header {
    line-height: normal;
}

form .search-div label {
    padding-left: 0;
}

.plans-list-div {
    margin-top: 0
}

.container.create-order-cls {
    width: 100%;
}

.customer_reviews_content .list {
    height: 800px;
    overflow-y: unset;
    margin-right: 20px;
}

i.fa.fa-check {
    color: #449d44;
}

i.fa.fa-ban {
    color: #d70404;
}

a.btn.btn-primary.table-view.deactivate-product,
form#productForm a.btn.btn-primary {
    background: #999999;
    border: 2px solid #999999;
    transition: 0.3s ease all;
}

a.btn.btn-primary.table-view.deactivate-product:hover,
form#productForm a.btn.btn-primary:hover,
form#categoryForm a.btn.btn-primary:hover,
form#storeForm a.btn.btn-primary:hover {
    color: #999999 !important;
    background: #fff;
    border-color: #999999 !important;
}

.product_list_content .plans-list-div>a {
    /* margin-left: 20px; */
}

.product_list_content .plans-list-div div#datatable_length label {
    padding-left: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
}

a.btn.btn-primary.table-view.activate-product {
    background: var(--green);
    border-color: var(--green);
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
}

td:last-child a.btn.btn-primary.table-view {
    max-width: 120px;
    width: 100%;
    margin-left: 5px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 25px;
    padding: 10px 5px;
    border: 1px solid #d2d6de;
    height: 45px;
    line-height: normal;
}

button.select2-selection__choice__remove span {
    color: #fff;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    background: none;
}

form#bogoForm .form-group {
    clear: both;
}

form#bogoForm label {
    margin-left: 0;
}

.form-control {
    padding: 10px;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background: #5286a5;
}

li.treeview.active a span {
    font-weight: 500;
}

ul.sidebar-menu li span {
    font-size: 13px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    padding: 0;
}

.continerParentIngredient {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex: 100%;
    background: #f1f1f1;
    padding: 10px 30px;
}

form#menu_form a#reset {
    margin-left: 10px;
}

.cstm-store .list div#datatable_wrapper div#datatable_length label {
    padding-left: 0;
}

td:last-child a.table-view.btn.btn-primary.btn-del {
    margin-left: 5px;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}

table#DataTables_Table_0 td a.table-view.btn.btn-primary {
    color: #fff;
}

.list.resellers-list .usertable a.btn.btn-primary:nth-child(1) {
    margin-right: 0;
}

.btn,
form input,
.plans-list-div.content .menu form select,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input,
td:last-child a.btn.btn-primary.table-view,
.form-control,
button.export-btn.btn.btn-success,
td:last-child a.btn.btn-primary.table-view,
select.country_user_dd {
    border-radius: 30px;
}

a.btn.btn-primary.shipping_delete,
.delete-product,
button.table-view.delete-dashboardimage.btn.btn-primary {
    background: var(--red);
    border: 2px solid var(--red) !important;
    max-width: 120px;
    width: 100%;
}

.order-detail-child-div {
    padding: 0px;
    margin-top: 20px;
}

.btn-sect.d-flex,
.left-btn-sect {
    display: flex;
    justify-content: space-between;
}

.right-btn-sect a.btn.btn-primary:first-child {
    margin-left: 10px;
}

.right-btn-sect a.btn.btn-success {
    margin: 0 10px;
}

.containerDetail .row {
    margin: 0;
}

.kaire-div .edit-kaire {
    font-size: 16px;
    color: var(--buttonColor);
}

.table-inner-section.user-det-page.cstm-user {
    float: left;
    width: 100%;
}

.sponser-div button.btn.btn-warning.change-sponser-btn {
    margin-top: 0;
}

.cst-cate-main .table-inner-section .cate-details {
    margin-top: 30px;
}

table.table.inner-table-shop tr th {
    width: 250px;
    background: #f1f1f1;
    vertical-align: middle;
}

.cate-details table.table.inner-table-shop td {
    padding: 10px 30px;
    text-align: center;
}

i.fa.fa-trash {
    color: #f00;
}

form#categoryForm .form-control {
    line-height: normal;
    height: 45px;
}

.container.create-order-cls .btn-success {
    background: var(--green);
    border-color: var(--green);
}

form#categoryForm a.btn.btn-primary,
form#storeForm a.btn.btn-primary {
    background: #999;
    border-color: #999;
}

form#categoryForm label {
    font-size: 16px;
    color: #000;
}

form#categoryForm textarea.form-control {
    height: 100px;
    resize: none;
    overflow-y: auto;
    border-radius: 10px;
}

table tr td {
    color: #000;
}

.downloads-page.list a.btn.btn-success {
    background: var(--blue);
    border: 2px solid var(--blue);
}

.downloads-page.list a.btn.btn-success:hover {
    background: #fff;
}

.user_rank_div table.table.inner-table-shop th {
    text-align: left;
}

.table-inner-section.user-det-page.cstm-user table#kaire-cash-logs-table {
    border-radius: 0 0 25px 25px;
}

.current-sponser-div {
    padding: 20px 0;
}

.parent-spons-div .sponser-div {
    background: #fff;
    padding: 25px;
}

.left-btn-sect a.btn.btn-success {
    margin: 0 10px;
}

.plans-list-div.cstm-store table#datatable {
    border-radius: 25px;
}

li.wishlist_section.from_navBar_section .icon-box svg {
    fill: red;
}

.downloads-page.list form select,
.downloads-page.list form input:not(input[type="checkbox"]) {
    line-height: normal;
    height: 45px;
}

.cke_chrome {
    width: 100% !important;
    max-width: 100%;
}

.home-pg-btns button.btn.btn-success.save-btn {
    margin: 0;
}

table#datatable img {
    object-fit: contain;
}

.cstm-plans table#datatable {
    border-radius: 25px;
}

.plans-list-div.cstm-plans table#datatable td:last-child {
    min-width: 270px;
}

.container.create-order-cls .control-label {
    width: auto;
}

.product_list_content table#datatable {
    border-radius: 25px;
}

form#productForm.dropzone label.error {
    color: #ff0000;
    font-size: 14px;
    margin: 0;
    top: 0;
    font-weight: 500;
}

.form-control {
    height: 45px;
}

label+input[#id_defaultype="checkbox"] {
    margin-left: 5px;
}

ul.errorlist {
    clear: both;
    padding: 0;
    list-style: none;
}

ul.errorlist li {
    color: red;
}

.menu-management-row form p {
    flex-wrap: wrap;
    position: relative;
}

label.error {
    position: absolute;
    bottom: -30px;
    color: red;
    font-weight: 500;
}

.sidebar-menu>li>a>i.fa {
    position: absolute;
    left: 1px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
}

.sidebar-menu>li>a {
    position: relative;
    padding-left: 22px;
}

.menu-management-row form p label {
    padding: 0;
}

.menu-management-row form p:empty {
    display: none;
}

.menu-management-row form p:nth-last-child(2)>* {
    max-width: 100px;
    flex: 100px;
    border: none;
}

.menu-management-row form p:nth-last-child(2) {
    max-width: 220px;
    width: 100%;
}

.menu-management-row form p:not(:nth-last-child(2)) {
    margin-right: 10px;
}

.menu-management-row .list table.table td:last-child * {
    max-width: 120px;
    width: 100%;
}

.menu-management-row form p label {
    padding: 0;
    margin: 0;
    text-transform: capitalize;
}

label[for="id_parent"],
.plans-list-div.content .menu form select {
    max-width: 100%;
    flex: 100%;
}

.menu-management-row form p:nth-last-child(4) {
    margin-bottom: 10px;
}

.menu-management-row form p:nth-last-child(2) input#btnsave {
    margin-left: 0;
    border: 2px solid var(--blue);
    max-width: 108px;
    padding: 0;
    height: 40px;
}

.export-cstm {
    padding: 0 20px;
}

.export-cstm strong {
    margin-left: 0;
}

.export-cstm .btn {
    padding: 10px;
    border: none;
}

.export-cstm .btn i {
    margin-right: 5px;
}

.export-cstm input.btn.btn-primary.search-commission {
    max-width: 150px;
    border-radius: 30px;
    height: auto;
    border: 2px solid var(--blue);
}

form.form-update {
    padding: 20px;
    background: #f1f1f1;
    border-radius: 0 0 25px 25px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #fff;
    border-radius: 10px;
    background: var(--green);
    border-color: var(--green);
    font-weight: 300;
    letter-spacing: .2px;
}

div#address-div table.table tr th {
    background: #f1f1f1;
    padding: 10px 20px;
    text-align: left;
}

input.input-kaire-cash {
    border-radius: 10px;
    border: 1px solid #ddd;
    max-width: 200px;
    width: 100%;
    padding: 2px 10px;
    overflow: hidden;
    appearance: none;
}

button.cancel-kaire.btn.btn-danger {
    background: var(--blue);
}

div#address-div table.table {
    margin: 0;
}

div#address-div {
    max-width: 680px;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 20px;
}

div#address-div .table td {
    background: #fff;
}

div#address-div h2 {
    color: #fff;
    padding: 10px 20px;
    margin: 0;
    background: var(--tableHeader);
    font-size: 19px;
    font-weight: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div#commissions-history-table_length {
    margin-left: 0;
}

.date-section-div {
    display: flex;
    align-items: center;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

button.btn.btn-primary.expand_user {
    max-width: 120px;
    display: block;
    width: 100%;
}

.commission-page.list .comm-tb-div {
    padding: 0;
}

table#commissions-history-table button.btn.btn-primary.expand_user {
    margin: auto;
}

.table-inner-section.form-group .main-flex button,
.order-status-div button#change_status_btn {
    border: 2px solid var(--tableHeader);
    padding: 6px 20px;
}

.shipping_add_div.shipping_modal {
    margin-left: 0;
}

.autoship-div input#product_qty_inSelect {
    margin-bottom: 0;
}

.container.create-order-cls .bundle_form_section h2 {
    margin-top: 0;
}

.container.create-order-cls .row.ship-payment-div .col-md-6 {
    padding: 0;
}

.container.create-order-cls .row.ship-payment-div {
    justify-content: space-between;
    float: left;
    width: 100%;
}

.shipping-input-div.col-md-6,
.payment-sel-div.col-md-6 {
    width: 100%;
    max-width: 50%;
}

.ship-main .shipping .ship-btn-div {
    margin: 0;
    display: flex;
    align-items: center;
}

.row.ship-payment-div .ship-btn-div input {
    width: auto;
}

.create-order-cls .ship-payment-div .col-md-6 .shipping {
    padding: 15px;
}

span.card-det-span {
    padding-left: 10px;
}

.card-btns-div {
    padding: 0 15px;
    margin: 0;
    display: flex;
    align-items: center;
}

.autoship-main span.autoship-label-text {
    background: #f1f1f1;
    max-width: 250px;
    width: 100%;
    flex: 250px;
}

.autoship-main span {
    display: inline-block;
    padding: 10px;
    width: 100%;
    max-width: calc(100% - 250px);
    flex: calc(100% - 250px);
}

.autoship-billing:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.main-div.setting-cstm input {
    margin-left: 0;
}

.main-div.setting-cstm form.form {
    box-shadow: none;
}

.main-div.setting-cstm input[type="checkbox"]+label {
    width: 100%;
}

.main-div.setting-cstm input[type="checkbox"],
a.delete_subadmin {
    margin-left: 5px;
}

.resellers-list .search-div label {
    margin-right: 0;
}

.dashboard-block2 input.btn.btn-success.custom-date-go {
    display: inline-flex;
    max-width: 150px;
    width: 100%;
    justify-content: center;
    border: 2px solid var(--green);
    background: var(--green);
    line-height: 1;
}

.dashboard-block2 input.btn.btn-success.custom-date-go:hover {
    background: #fff;
    color: var(--blue) !important;
    border-color: #204d74;
}

.dataTables_wrapper table#datatable {
    width: 100% !important;
}

.django-ckeditor-widget+label {
    width: 100%;
}

.modal .billing_add_div {
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: 0;
}

.address-section .shipping_add_div {
    margin-left: 0;
}

.order-detail-child-div button#cancel_order {
    margin-left: 5px;
    background: var(--red);
    border-color: var(--red);
}

div#form1 {
    width: 100%;
    align-items: end;
}

div#myCarousel img {
    width: 100%;
    object-position: left top;
}

.dashboard-block1 table tr td:last-child strong {
    color: #357ca5;
    margin-right: 2px;
}

/*21-01-2022*/
.list.resellers-list .search-div button.btn.btn-primary {
    margin-top: 0;
}

.content .plans-list-div a.btn.btn-primary.review_delete {
    margin: 0;
}

.content .product_list_content .plans-list-div table .btn.btn-primary {
    margin: 0;
}

.commission-page.list table {
    margin: 35px 0 0;
    background: #fff;
    border-radius: 25px;
    box-shadow: 0 0 10px #a79f9f;
    border: 0 none;
    width: 100%;
}

.list .create-btn-div .btn.btn-success {
    background-color: var(--blue);
    border: 2px solid var(--blue);
    padding: 8px 20px;
    display: inline-flex;
    width: 100%;
    min-width: 100px;
    justify-content: center;
}

.list .create-btn-div .btn.btn-success:hover {
    background: #fff;
}

table#DataTables_Table_0 td:last-child {
    /* min-width: 270px; */
}

.downloads-page.list a.btn.btn-success {
    margin-top: 0;
}

a.sidebar-toggle img {
    z-index: 9999999999;
}

.page-heading-div {
    opacity: 0;
    visibility: hidden
}

.list.resellers-list .pagination {
    margin-top: 10px;
}

/*25-01-2022*/
.dashboard-block2 .dashboard-page.list {
    display: flex;
    flex-wrap: wrap;
}

.dashboard-main-div>.dashboard-block2+div {
    padding: 0 20px !important;
}

.dashboard-main-div .dashboard-block2 .commission-page.list {
    padding: 0 10px;
}

.dashboard-main-div .dashboard-block4 {
    margin: 30px 0 0;
}

form#productForm label {
    margin-left: 0;
}

.dashboard-main-div>.dashboard-block2+div h1 {
    margin: 0
}

div#datatable_wrapper .set_datatable_scroll,
div#datatable_wrapper,
.set_datatable_scroll {
    /* overflow-x: auto; */
    width: 100%;
    clear: both;
    padding: 25px 0;
}

.menu-management-container .menu-management-row .list table.table td:last-child * {
    margin: 0;
}

a.btn.btn-primary.add-cat-btn {
    float: right;
    margin-bottom: 20px;
}

.menu-management-row form p label[for="id_check"] {
    margin-right: 5px;
}

/*27-01-2022*/
.content .menu-management-row .plans-list-div .btn.btn-primary {
    margin: 0;
}

input[type=file] {
    padding: 10px;
}

.container.create-order-cls .downloads-page.list {
    padding: 0;
    margin: 0;
}

.container.create-order-cls .plan-list-div .downloads-page.list form label+a {
    color: #858585 !important;
}

.container.create-order-cls .downloads-page.list {
    overflow: visible;
}

.table-inner-section.coupan-form-std {
    margin-top: 0;
}

table th {
    border: none
}

.commission-page.list .input-div strong {
    font-weight: 400;
}

/*28-01-2022*/
.plan-list-div.bv-report button.export-btn.btn.btn-success {
    margin-top: 10px;
}

.commission-page.list .comm-tb-div {
    margin-right: 0;
    padding-bottom: 20px;
}

.plan-list-div.bv-report .commission-page.list,
.commission-page.list.clawback-cstm {
    padding: 0;
}

.bv-details,
table#bv-table {
    margin-top: 10px;
}

.bv-details+div {
    height: 500px;
    overflow-y: auto;
    max-height: 500px;
    margin-top: 10px;
}

button.btn.btn-primary.search-clawback {
    height: 38px;
}

.dashboard-page.list .dates-div {
    max-width: 100%;
    flex: 100%;
    width: 100%;
}

input#id_title,
input#id_sub_title {
    margin-bottom: 0;
}

.plan-list-div.cstm-order_item .order-item-table table {
    margin-top: 0;
}

.container.create-order-cls,
.plan-list-div.revenue_report button.export-btn.btn.btn-success {
    margin-top: 0;
}

section.content .news-list-div .btn-success {
    background: var(--green);
    color: #fff;
    height: 38px;
    align-items: center;
    display: flex;
}

.plan-list-div.revenue_report .commission-page.list .inner-table-shop th {
    background: var(--tableHeader);
    color: #fff;
    vertical-align: middle;
}

.plan-list-div.revenue_report table#totalTable {
    min-width: auto;
}

.plan-list-div.revenue_report section.content .list {
    padding: 0 0px 15px;
    overflow-x: unset;
}

tbody.dashboard-table.top10-earners tr td {
    border-color: #ddd
}

.news-list-div .text-right a.btn.btn-success {
    float: none;
    max-width: 120px;
    margin-right: 0;
    margin-left: auto;
    border: 2px solid var(--buttonColor);
    background: var(--buttonColor);
}

.news-list-div .text-right a.btn.btn-success:hover {
    background: none;
}

.plan-list-div.cstm-news,
.news-list-div.management_cstm,
.cstm-heading-div {
    margin-top: 20px;
    padding: 0 15px;
}

.news-list-div.management_cstm .text-right a.btn.btn-success {
    max-width: 220px;
}

.management_cstm table td:last-child {
    min-width: 250px;
}

.plan-list-div.cstm-news div#datatable_wrapper,
.plans-list-div.cstm-plans div#datatable_wrapper {
    padding-bottom: 10px;
}

.plans-list-div.cstm-plans a.table-view.btn.btn-primary {
    margin-top: 0;
}

.list.resellers-list tbody.reseller-tbody a.btn.btn-primary,
.cstm-banner_list td a.btn.btn-primary.table-view {
    margin: 0;
}

.containerDigital {
    margin-left: 10px;
}

.cstm-cate div#datatable_wrapper,
.cstm-banner_list div#datatable_wrapper,
.plans-list-div.cstm-prod div#datatable_wrapper {
    padding-bottom: 20px;
}

.container.create-order-cls .plan-list-div {
    margin: 0;
}

.order-notes-div textarea#order_notes_field {
    width: 100%;
    height: 90px;
    border: 1px solid #ddd;
    border-radius: 5px;
    resize: none;
    overflow-y: auto;
    padding: 10px;
    outline: none;
}

a.btn.btn-primary.prod-det-bck-btn {
    margin: 0 0;
}

table img {
    object-fit: contain;
}

.content .plans-list-div.cstm-prod .btn.btn-primary {
    margin-top: 0;
}

select.variants_drop.form-control.mdb-select.md-form {
    margin-bottom: 5px;
}

.table-inner-section.cstm-store a {
    margin-bottom: 20px;
}

tbody.product-tbody input.product-qty {
    margin-bottom: 0;
}

div#addCardModal .address-section {
    background: none;
    padding: 0;
    border-radius: 0;
}

button.btn.btn-primary.append-card {
    margin-top: -100px;
    margin-left: 200px;
}

div#myCarousel+.dashboard-main-div .row .dashboard-block1 {
    /* overflow-x: auto; */
    flex-wrap: wrap;
}

div#myCarousel+.dashboard-main-div .row .dashboard-block1>div {
    width: 100%;
}

div#myCarousel+.dashboard-main-div .row .dashboard-block1>div h1:empty {
    display: none;
}

.dashboard-block3.dashboard-block1 .dashboard-block2 {
    margin-top: 0;
}

.dashboard-block2 .dashboard-page.list {
    flex-wrap: wrap;
    margin-top: 0;
    width: 100%;
}

.dashboard-block3.dashboard-block1 .commission-page.list {
    margin-top: 0;
}

.commission-page.list .dashboard-page.list .date-input-div {
    width: 100%;
    max-width: 100%;
    flex: 100%;
    text-align: left;
}

.dashboard-block2 span.sp-text {
    clear: both;
}

div#myCarousel+.dashboard-main-div .row .dashboard-block1 .dashboard-page.list {
    margin: 0;
    width: 100%;
}

div#myCarousel+.dashboard-main-div .dashboard-block2 .commission-page.list,
div#myCarousel+.dashboard-main-div .dashboard-block3.dashboard-block1 .dashboard-block2 {
    padding: 0;
}

div#myCarousel+.dashboard-main-div .dashboard-block2 {
    margin-bottom: 0px;
}

span.dates-now.sp-text strong {
    font-weight: 400;
}

div#myCarousel+.dashboard-main-div .commission-page div:first-child input {
    margin: 0
}

div#myCarousel+.dashboard-main-div .row .dashboard-block1>div {
    padding: 0 !important
}

div#myCarousel+.dashboard-main-div .row .dashboard-block1>div table {
    border-radius: 0 0 25px 25px;
    min-height: 278px;
}

h1.text+a.btn.btn-primary.prod-var-btn {
    margin-top: 15px;
}

body form#MultiFileUpload {
    border: 1px dashed #ddd;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: none
}

.store-cstm .table-inner-section a.btn.btn-primary {
    margin-bottom: 10px;
}

div#myCarousel+.dashboard-main-div .row .col-md-4:last-child .dashboard-block1 table tr td:nth-child(1) {
    background: #f7f7f7;
}

div#myCarousel+.dashboard-main-div .row .col-md-4 .dashboard-block1 table tr td:nth-child(1),
div#myCarousel+.dashboard-main-div .row .col-md-4 .dashboard-block1 table tr th:nth-child(1) {
    text-align: left;
}

div#myCarousel+.dashboard-main-div .dashboard-block3.dashboard-block1 .dashboard-block2 .dashboard-page.list {
    background: var(--tableHeader);
}

div#myCarousel+.dashboard-main-div .dashboard-block3.dashboard-block1 .dashboard-block2 .dashboard-page.list span.sp-text {
    padding-right: 13px;
}

/* 08-02-2022*/
.store-cstm .table-inner-section {
    margin-top: 30px;
}

.plans-list-div.cstm-store td:last-child a.table-view.btn.btn-primary {
    margin-top: 0;
}

.list.cstm-coupn+.list.cstm-coupn table {
    margin-top: 10px;
    float: left;
    width: 100%;
}

div#myCarousel+.dashboard-main-div .row .dashboard-block1 table tr th {
    font-size: 14px;
    padding: 15px 20px !important;
}

.create-kaire_cash {
    margin-top: 50px;
}

.create-kaire_cash .table-inner-section {
    padding: 0;
}

.create-kaire_cash .contain {
    padding: 50px;
    background: #f9f9f9;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.create-kaire_cash .contain:after {
    content: "\f1db";
    font-size: 130px;
    font-family: 'FontAwesome';
    position: absolute;
    right: -40px;
    bottom: -80px;
    opacity: 0.3;
    color: var(--buttonColor);
}

.create-kaire_cash .contain h3 {
    margin-top: 0;
}

/*11-03-2022*/
.plan-list-div a.btn-secondary {
    color: #000 !important;
    padding-left: 10px;
}

/*24-03-2022*/
.user_downline_div {
    /* overflow-x: auto; */
}

.user_downline_div .col-md-3 {
    width: 100%;
    max-width: calc(100%/4);
    flex: calc(100%/4);
    min-width: calc(100%/4);
}

.user_downline_div .container .row {
    flex-wrap: nowrap;
    display: flex;
}

.user_downline_div ul.nav.nav-pills.nav-fill a.nav-link.active.list-view-tab:hover {
    color: #fff;
}

/*1-04-2022*/
.dashboard-page.list .dates-div2.sales-dates-div {
    display: flex;
    max-width: 100%;
    flex: 100%;
    align-items: center;
}

.dashboard-page.list .dates-div2.sales-dates-div label+label+.dashboard-page.list .dates-div2.sales-dates-div>label:nth-child(1) {
    margin-right: 5px;
}

/*04-04-2022*/
.search_result thead tr th {
    background: var(--tableHeader);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
}

.main-order-list-user .main-order-list {
    margin-top: 20px;
}

div#editPlanModal form input[type="checkbox"] {
    margin-left: 5px;
}

.container.create-order-cls .ship-main label.error,
.container.create-order-cls .payment-cards label.error {
    position: absolute !important;
    left: 0px;
    top: calc(100% - 50px) !important;
    bottom: auto !important;
    margin: 0;
    padding-left: 10px !important;
}

/*09-05-2022*/
.alert .close {
    color: #fff;
    text-shadow: none;
}

div .btn {
    border: 2px solid var(--blue);
    transition: 0.3s ease all;
}

.btn:hover {
    background: #fff;
    color: var(--blue) !important;
    border-color: var(--blue) !important;
}

.btn-del:hover,
button.table-view.delete-dashboardimage.btn.btn-primary:hover,
.plans-list-div table#datatable button.table-view.delete-banner.btn.btn-primary:hover {
    color: var(--red) !important;
    background: #fff;
    border-color: var(--red) !important;
}

.delete_subadmin.btn.btn-del {
    background: var(--red);
    border-color: var(--red);
}

.delete_subadmin.btn.btn-del:hover {
    background: none;
}

h1,
h2,
h3,
h4,
th {
    font-family: var(--common-font-bd) !important;
    font-weight: 600;
}

input[type="submit"]:hover {
    color: var(--blue) !important;
}

li.treeview.active>a {
    font-family: var(--common-font-bd);
    font-weight: 600;
}

/*10-05-2022*/
button.btn.btn-success.add-product-btn:hover,
.container.create-order-cls .btn-success:hover {
    color: var(--green) !important;
    background: #fff;
}

ul.nav.nav-pills.nav-fill li a:hover,
button.btn_order_notes.btn-primary:hover {
    background: #fff;
    color: var(--blue);
}

ul.nav.nav-pills.nav-fill li a {
    border-radius: 30px;
    border: 2px solid var(--blue);
    background: var(--blue);
    transition: 0.3s ease all;
}

.review_delete:hover,
a.btn.btn-primary.shipping_delete:hover,
.delete-product:hover,
button.table-view.delete-dashboardimage.btn.btn-primary:hover,
.order-detail-child-div button#cancel_order:hover {
    color: var(--red) !important;
    background: none;
}

a.btn.btn-primary.table-view.activate-product:hover {
    color: var(--green) !important;
    background: #fff;
}

form#productForm .containerInventoriable>label {
    margin-right: 0;
    margin-left: 10px;
}

select#id_store+button.btn.btn-success {
    margin-top: 0;
}

/*16-05-2022*/
.btn-success {
    border: 2px solid var(--green);
}

select.country_user_dd {
    width: 200px;
}

.news-list-div>:where(.text-right, .cstm-responsive) {
    padding: 0 20px;
}

#editPlanModal .modal-content {
    border-radius: 20px;
}

.ranks-div-cls {
    display: flex;
    gap: 10px;
}

.ranks-div-cls>div {
    max-width: calc(100%/5);
    flex: 1;
}

.dashboard-page.list .dates-div2.sales-dates-div {
    align-items: flex-end;
    gap: 10px;
}

.dashboard-page.list .dates-div2.sales-dates-div input.btn.btn-success.custom-date-stats {
    height: 100%;
    display: flex;
    padding: 10px 20px;
}

div#myCarousel+.dashboard-main-div .commission-page .dates-div2.sales-dates-div input.btn.btn-success.custom-date-stats {
    margin-bottom: 5px;
}

.bootbox-body {
    font-size: 22px;
}

.dashboard-block2,
.dashboard-block4 {
    background: #fff;
}

.table-inner-section.form-group .order-detail-child-div .order-data-div h2 {
    color: #fff !important;
}

.note-main {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    background: #fbfbfb;
}

.note-main textarea#order_notes_field {
    margin: 10px 0;
}

.bottom-cstm {
    float: left;
    width: 100%;
}

.order-detail-child-div button#cancel_order:hover {
    background: #fff;
}

tbody.next-autoship-tbody input[type="number"] {
    max-width: 100px;
}

input#notes_submit_btn {
    background: var(--blue);
    border: 2px solid var(--blue);
    transition: 0.3s ease all;
    margin-right: 10px;
}

input#notes_submit_btn:hover {
    background: #fff;
    color: var(--blue) !important;
}

.autoship_order_form>.main-order-list-user {
    margin-bottom: 20px;
}

.container.create-order-cls .action-btns button.submit_order.btn.btn-success {
    border: 2px solid var(--blue);
}

input#notes_cancel_btn:hover {
    background: #fff !important;
    color: var(--blue) !important;
}

textarea.form-control {
    border-radius: 10px;
}

.container.create-order-cls .static-html+button {
    margin: 0;
}

form#shipping-detail-form input.btn.btn-success.submit-btn.form-submit-button.shipping-update-btn {
    max-width: 150px;
    height: 45px;
    border-radius: 30px;
}

form#menu_form a#reset {
    border: 2px solid var(--blue);
    padding: 5px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.plan-list-div.bv-report>.commission-page.list {
    padding: 0 10px;
}

.bv-details {
    background: #f7f7f7;
    padding: 10px;
    border-radius: 5px;
    margin: 0;
}

.bv-details>* {
    margin: 0;
    color: var(--tableHeader);
    font-weight: 700;
}

button.export-btn.btn.btn-success:hover {
    background: #fff;
}

form#storeForm button.btn.btn-success {
    margin-top: 0;
}

.container.create-order-cls input.btn.btn-success.submit-btn.form-submit-button.shipping-option-save-btn {
    border-radius: 30px;
    padding-top: 6px;
}

.date-period span b {
    color: black;
}

.date-period span {
    font-size: 18px;
    font-weight: 600;
    color: var(--green);
}

#editPlanModal .modal-content td {
    border: none;
}

/*17-05-2022*/
.main-notes {
    padding: 10px;
}

.order-notes-div .order-inner-table {
    overflow: hidden;
}

div.coupon {
    display: flex;
    align-items: center;
    max-width: 750px;
    width: 100%;
    gap: 0px;
    background: #FFF;
    padding: 20px;
    border-radius: 15px;
    margin: 30px auto;
    box-shadow: 0px 0px 10px #ddd;
}

/* 17-05-2022 */
.main-notes table.table.inner-table-shop tr td {
    text-align: left;
    padding: 10px 30px;
    line-height: 24px;
}

/*18-05-2022*/
form#orderForm .card-label-div label {
    margin: 0;
    padding: 10px;
    font-weight: 600;
}

.payment-cards {
    margin-top: 10px;
}

.coupon button#add_coupon {
    width: 100px;
    height: 40px;
}

.coupon input#coupon {
    height: 40px;
    margin: 0;
    width: calc(100% - 120px);
    margin-right: 20px;
}

.main-flex {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    background: var(--tableHeader);
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #f7f7f7;
    box-shadow: none;
    border: 0;
    color: #FFF;
}

select#id_order_status {
    background: #fff;
}

span.duplicate_address {
    width: 100%;
    text-align: left;
    display: block;
    color: #153242;
    background: #fff7cf;
    padding: 10px;
    border-radius: 5px;
    font-weight: 600;
}

div#editPlanModal .modal-footer {
    padding: 15px 0 0;
    margin-top: 5px;
}

.form-group .form-control:not(input[type="button"]) {
    border-radius: 25px;
}

.order-notes-div ul {
    border: 1px solid #ddd;
    text-align: center;
    padding: 0;
    border-radius: 10px;
    background: transparent;
    margin-bottom: 0;
}

.order-notes-div ul.list-group li.list-group-item:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.pricing-total-div>div {
    display: flex;
    justify-content: flex-start;
    padding-left: 0px;
}

/*18-05-2022*/
.pay-status-div label,
.order-status-div label {
    margin: 0 10px 0 0;
}

.orderDetail-content tr.main_row td {
    font-weight: 400;
    font-size: 14px;
    background: #FFF;
}

.detail-cls.ord-detail-block table {
    box-shadow: 0 0 10px #a29c9c;
    border: 0;
}

.table-inner-section table.round-tb {
    border-radius: 0px 0px 25px 25px;
    overflow: hidden;
    box-shadow: 0 0 10px #a29c9c;
}

tr.main_row {
    background: #dff2ff;
}

/* Css Updation */
.main-sidebar,
.left-side {
    padding-top: 68px;
}

.sidebar {
    padding-top: 0;
    /*     max-height: calc(100vh - 65px);*/
}

.content-header {
    height: 68px;
}

div#myCarousel .carousel-inner {
    margin-top: 0;
}

.content {
    padding-top: 0;
}

.dashboard-block2 h2 {
    margin-top: 0;
    padding-bottom: 0px;
}

.dashboard-block2 .dashboard-page.list {
    margin-bottom: 35px;
    border-radius: 5px;
}

#ui-datepicker-div .ui-widget-header {
    border: 0;
    background: var(--webSiteColor);
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 13px;
    height: 25px;
    margin: 5px;
    width: 60px;
    border-radius: 3px;
    border: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 3px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid var(--webSiteColor);
    background: var(--webSiteColor);
    color: #FFF;
    text-shadow: none;
}

div#myCarousel+.dashboard-main-div .dashboard-block3.dashboard-block1 .dashboard-block2 .dashboard-page.list {
    background: var(--tableHeader);
    border-radius: 0;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding: 15px 20px;
    z-index: 99;
    position: relative;
}

div#myCarousel+.dashboard-main-div .commission-page div:first-child input[type="text"],
div#myCarousel+.dashboard-main-div .commission-page div:first-child input.btn {
    height: 37px;
    line-height: 1;
}

div#myCarousel+.dashboard-main-div .commission-page div:first-child input.btn {
    color: #fff;
    background-color: var(--blue);
    border: 2px solid var(--blue);
}

div#myCarousel+.dashboard-main-div .commission-page div:first-child input.btn:hover {
    background-color: transparent;
    border: 2px solid #204d74;
}

.commission-page.list .dates-div2.sales-dates-div {
    background: #FFF;
    padding: 5px 10px;
    border-radius: 10px;
    margin-top: 15px;
}

.dashboard-block1 th {
    /* white-space: nowrap; */
}

.table>tbody>tr:first-child>td {
    border-top: 0px none;
}

.page-heading-div {
    opacity: 1;
    visibility: visible;
}

.page-heading-div h2 {
    color: #000;
    font-size: 24px;
    margin: 0;
    line-height: 68px;
}

.list.resellers-list .search-div button.btn.btn-primary {
    line-height: 1;
}

.table-inner-section.user-det-page table.table.inner-table-shop {
    border: 0;
    box-shadow: 0 0 10px #a79f9f;
}

.chkbx-div {
    background: #eee;
    margin: 0;
    padding: 12px 10px 10px;
    border-radius: 10px;
    width: auto;
    display: inline-block;
    line-height: 1;
}

form .chkbx-div input[type="checkbox"] {
    margin-right: 5px;
}

.order-notes-div .note-main {
    background: none;
}

.order-notes-div .note-main button.btn_order_notes {
    box-shadow: none;
}

.container.create-order-cls .btn-success {
    border: 2px solid var(--blue) !important;
    background: var(--blue);
}

.container.create-order-cls .btn-success:hover {
    border-color: var(--blue) !important;
    color: var(--blue) !important;
}

.spinner {
    background-size: contain;
    animation: pluse 1s infinite alternate;
    transform-origin: center;
    right: 0;
    left: 300px;
    margin: auto;
    top: 40%;
    position: absolute;
    background: url(../staticImages/logo.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: center center;
    width: 300px;
    height: 200px;
    transform: translate(-50%, -50%);
}

.omc-mv-ref-overlay-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 30000000;
}

.btn+.btn {
    margin-left: 5px;
}

.commission-page.list .dates-div2.sales-dates-div label {
    color: #000;
}

.order_list_content #myCarousel {
    margin-bottom: 20px;
}

.content .plans-list-div.cstm-prod .btn+.list {
    margin-top: 15px;
}

.main-pageContent.ProductDetail-content .table-inner-section h1 {
    margin-top: 20px;
    font-size: 16px;
    text-transform: capitalize;
}

/* Style Toggle */
.navbar-custom-menu.nav_submenu .nav.navbar-nav .dropdown.user.user-menu {
    right: 0;
    top: 0;
}

.navbar-custom-menu.nav_submenu .nav.navbar-nav .dropdown.user.user-menu .dropdown-toggle span {
    font-size: 15px;
    text-shadow: none;
    color: #FFF;
    line-height: 1;
}

.navbar-custom-menu.nav_submenu .nav.navbar-nav .dropdown.user.user-menu .dropdown-toggle {
    text-shadow: none;
    background: var(--buttonColor);
    color: #FFF;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    line-height: 1;
}

.main-sidebar .user-panel .pull-left p {
    margin: 0;
    font-size: 16px;
    line-height: 23px;
    word-break: break-word;
    white-space: normal;
}

.table-inner-section.plan-form h1 {
    margin-bottom: 20px;
    font-size: 16px;
    text-transform: capitalize;
}

.btn-danger,
.btn-default,
.btn-info,
.btn-primary,
.btn-success,
.btn-warning {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.navbar-custom-menu.nav_submenu .navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: auto;
    background: var(--tableHeader);
}

.navbar-custom-menu.nav_submenu .navbar-nav>.user-menu>.dropdown-menu>li.user-header .navmenu-name {
    font-weight: bold;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-size: 18px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.navbar-custom-menu.nav_submenu .navbar-nav>.user-menu>.dropdown-menu>li.user-header .navmenu-email {
    color: #FFF;
    font-size: 16px;
}

.navbar-custom-menu.nav_submenu .navbar-nav>.user-menu>.dropdown-menu>li.user-header .navmenu-date {
    font-size: 14px;
    color: #FFF;
}

.navbar-custom-menu.nav_submenu .navbar-nav>.user-menu>.dropdown-menu>li .btn {
    border-radius: 35px;
    border: 2px solid var(--buttonColor) !important;
    background: var(--buttonColor);
    font-size: 14px;
    font-weight: 400;
}

.navbar-custom-menu.nav_submenu .navbar-nav>.user-menu>.dropdown-menu>li .btn:hover {
    background: none;
    border: 2px solid var(--buttonColor) !important;
    color: var(--buttonColor) !important;
}

.navbar-custom-menu.nav_submenu .navbar-nav>.user-menu>.dropdown-menu>li .sign-btn .btn {
    border-radius: 0px;
    width: 100%;
}

.navbar-custom-menu.nav_submenu .nav.navbar-nav .dropdown.user.user-menu .dropdown-menu {
    border: 0;
    background: #FFF;
}

.navbar-custom-menu.nav_submenu .navbar-nav>.user-menu>.dropdown-menu>li .sign-btn {
    margin: 0 !important;
    padding: 0;
}

.order-detail-child-div .containerDetail .round-tb.table.inner-table-shop {
    box-shadow: none;
    border: 1px solid #eee;
    border-radius: 0px;
    table-layout: fixed;
}

.order-detail-child-div .containerDetail .round-tb.table.inner-table-shop tr:first-child th {
    width: auto;
}

div#address-div {
    max-width: 100%;
    border-radius: 1px solid #eee;
    box-shadow: 0 0 10px #a29c9c;
}

.main-flex select,
.main-flex input {
    color: #000;
    background: #FFF;
    border: 0;
    border-radius: 25px !important;
    padding: 0 10px;
}

.main-flex .btn {
    border-color: #FFF !important;
    margin-left: 10px;
}

.table-inner-section table.round-tb {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border: 1px solid #eee;
}

.btn-del.btn {
    background: var(--red);
    border-color: var(--red);
}

.btn-del.btn:hover {
    background: none;
}

.main-pageContent.ImageDB-content .plans-list-div.cstm-plans .btn {
    margin-top: 0;
    margin-bottom: 25px;
}

.btn+.list {
    margin-top: 25px;
}

.plans-list-div.cstm-banner_list .btn:first-child {
    margin-top: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 0;
}

.main-pageContent.resellerR-content table th {
    background: var(--tableHeader);
    color: #FFF;
    padding: 15px 0;
}

.main-pageContent.adminMove-content .commission-page.list.admin-move {
    /* padding: 0 15px; */
}

.main-pageContent.adminMove-content .commission-page.list.admin-move {
    /* padding: 0 15px; */
}

.main-pageContent.adminMove-content .commission-page.list.admin-move .dates-div,
.main-pageContent.BVreport-content .commission-page.list .dates-div,
.main-pageContent.OrderItemR-content .commission-page.list .dates-div,
.plan-list-div.revenue_report .commission-page.list .dates-div,
.main-pageContent.commHinstory-content .cstm-history .dates-div,
.main-pageContent.Clawback-content .commission-page.list.clawback-cstm .dates-div {
    margin-top: 0;
    border-radius: 0 0 25px 25px;
}

.main-pageContent.adminMove-content .commission-page.list.admin-move .dates-div .btn.btn-success.custom-date-go,
.main-pageContent.BVreport-content .commission-page.list .dates-div .btn,
.main-pageContent.OrderItemR-content .commission-page.list .dates-div .btn,
.plan-list-div.revenue_report .commission-page.list .dates-div .btn,
.main-pageContent.commHinstory-content .cstm-history .dates-div .btn,
.main-pageContent.Clawback-content .commission-page.list.clawback-cstm .dates-div .btn {
    padding: 0 25px;
    background: var(--blue);
    border: 2px solid var(--blue);
    height: 37px;
}

.main-pageContent.adminMove-content .commission-page.list.admin-move .dates-div .btn.btn-success.custom-date-go:hover,
.main-pageContent.BVreport-content .commission-page.list .dates-div .btn:hover,
.main-pageContent.OrderItemR-content .commission-page.list .dates-div .btn:hover,
.plan-list-div.revenue_report .commission-page.list .dates-div .btn:hover,
.main-pageContent.commHinstory-content .cstm-history .dates-div .btn:hover,
.main-pageContent.Clawback-content .commission-page.list.clawback-cstm .dates-div .btn:hover {
    padding: 0 25px;
    background: none;
    border: 2px solid #204d74;
    color: var(--blue) !important;
}

.list.fline-smart {
    margin: 0;
    padding-top: 0;
    padding: 0 20px;
}

.plan-list-div.revenue_report .export-btn {
    /* margin-top: 20px !important; */
}

.main-pageContent.orderDetail-content .order-detail-child-div table {
    border-radius: 0 0 25px 25px;
    border: 0;
    box-shadow: 0 0 10px #a29c9c;
}

.main-pageContent.orderDetail-content .user-cls .table.inner-table-shop {
    border: 1px solid #eee;
}

.main-pageContent.createSubadmin-content {
    padding: 0 20px;
}

.main-pageContent.UsersList-content .usertable.cstm-table-responsive,
.main-pageContent.UsersList-content form {
    padding: 0 20px;
}

.main-pageContent.UsersList-content .list {
    padding: 0px;
}

.main-pageContent.UsersList-content .list.resellers-list .pagination {
    margin-right: 20px;
}

.table-inner-section .btn+table {
    margin-top: 25px;
}

.main-pageContent.couponform-content .table-inner-section.coupan-form-std {
    padding: 20px;
}

.main-pageContent.couponform-content .table-inner-section.coupan-form-std .btn {
    width: auto;
}

.create-kaire_cash {
    margin-top: 0;
}

.create-kaire_cash br {
    display: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid var(--webSiteColor);
    background: var(--webSiteColor);
    font-weight: bold;
    color: #FFF;
}

.ui-widget-header .ui-icon {
    background-image: url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/images/ui-icons_ffffff_256x240.png") !important;
}

.commission-page.list.clawback-cstm .search-div .btn {
    border: 2px solid var(--blue);
    background: var(--blue);
    height: 37px;
    padding: 0 20px;
}

.commission-page.list.clawback-cstm .search-div .btn:hover {
    background: none;
}

#top20earners {
    border: 0;
}

.treeview-menu li {
    position: relative;
}

.sidebar-menu .treeview-menu>li.active::before {
    width: 100%;
    left: 0px;
    content: "";
    height: 26px;
    position: absolute;
    border: 1px solid #FFF;
    top: 4px;
    left: -8px;
    background: rgb(125,221,252);
    background: -moz-linear-gradient(90deg, rgba(125,221,252,1) 0%, rgba(7,99,133,1) 50%, rgba(8,52,73,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(125,221,252,1) 0%, rgba(7,99,133,1) 50%, rgba(8,52,73,1) 100%);
    background: linear-gradient(90deg, rgba(125,221,252,1) 0%, rgba(7,99,133,1) 50%, rgba(8,52,73,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7dddfc",endColorstr="#083449",GradientType=1);
}

.main-pageContent.Commissionlogs-content .plans-list-div>.btn {
    margin-left: 20px;
}

.main-pageContent.OrderList-content #DataTables_Table_0 {
    /* min-width: 1000px; */
    width: 100% !important;
}

.kaire_kash {
    background: #FFF;
    float: left;
    margin-top: 30px;
    margin-left: 25px;
    width: 100%;
    max-width: calc(100% - 775px);
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 0px 10px #ddd;
}

.kaire_kash .redeem_label label {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.kaire_kash br {
    display: none;
}

.kaire_kash .btn {
    margin-top: 20px;
}

.kaire_kash .wallet-btn-div,
.kaire_kash .kaire-btn-div {
    padding: 10px 0;
}

.kaire_kash .wallet-btn-div input,
.kaire_kash .kaire-btn-div input {
    margin-right: 10px;
}

.main-pageContent.createorder-content .product-table {
    float: left;
    width: 100%;
}

form#orderForm .ship-payment-div .ship-main .ship-label label {
    margin: 0;
    padding: 10px 15px;
    font-weight: 600;
}

.main-pageContent.subadminlist-content .list table.table.round-tb {
    /* min-width: 1000px; */
}

.main-pageContent.autoshipdetail-content .order-detail-child-div .col-md-6 .round-tb.table.inner-table-shop,
.main-pageContent.autoshipdetail-content .order-detail-child-div .tracking-info-div .round-tb.table.inner-table-shop,
.main-pageContent.autoshipdetail-content .order-detail-child-div .detail-cls.ord-detail-block .round-tb.table.inner-table-shop {
    border-radius: 0 0 25px 25px;
    border: 0;
    box-shadow: 0 0 10px #a29c9c;
}

.tracking-info-div {
    padding: 0 10px;
}

.autoship-main {
    border: 1px solid #eee;
    border-radius: 25px;
    overflow: hidden;
    float: right;
    max-width: 600px;
}

.autoship-main strong {
    font-weight: 700;
}

.autoship-price-table.next-autoship th {
    border: 0 !important;
}

.main-pageContent.sitesetting-content .main-div.setting-cstm {
    padding: 0 20px;
}

body .dropzone,
#bannerForm,
.main-pageContent.adddocs-content .downloads-page.list,
.main-pageContent.addLegend-content .downloads-page.list,
.main-pageContent.addMPcontent-content .create-order-cls.cstm_content .downloads-page.list,
.main-pageContent.AddPBContent-content .downloads-page.list,
.main-pageContent.add_PBenifit-content .downloads-page.list,
.main-pageContent.ReportHeading-content .downloads-page.list,
.main-pageContent.Createnews-content form,
.main-pageContent.ShippingDetail-content .list,
.main-pageContent.saveDBImages-content .container.create-order-cls #dashboardImageForm,
.main-pageContent.sitesetting-content .main-div.setting-cstm .form,
.main-pageContent.UserOverride-content .container.create-order-cls {
    border: 0;
    box-shadow: 0 0 10px #a29c9c;
    border-radius: 25px;
}

.main-pageContent.UserOverride-content .container.create-order-cls {
    max-width: calc(100% - 50px);
    margin: 25px;
    padding: 25px;
}

.main-pageContent.UserOverride-content .container.create-order-cls .user-status-div button#change_status_btn {
    margin-top: 0;
}

.main-pageContent.UserOverride-content .container.create-order-cls #autoship_till_date {
    max-width: calc(100% - 102px);
}

#bannerForm,
.main-pageContent.adddocs-content .downloads-page.list,
.main-pageContent.addLegend-content .downloads-page.list,
.main-pageContent.addMPcontent-content .create-order-cls.cstm_content .downloads-page.list,
.main-pageContent.AddPBContent-content .downloads-page.list,
.main-pageContent.add_PBenifit-content .downloads-page.list,
.main-pageContent.ReportHeading-content .downloads-page.list,
.main-pageContent.Createnews-content form,
.main-pageContent.ShippingDetail-content .list,
.main-pageContent.saveDBImages-content .container.create-order-cls #dashboardImageForm,
.main-pageContent.sitesetting-content .main-div.setting-cstm .form {
    padding: 25px;
}

.main-pageContent.Createnews-content .news-list-div {
    padding: 0 20px;
}

.main-pageContent.sitesetting-content .form {
    margin: 0;
    padding-top: ;
}

#bannerForm .btn {
    margin-top: 15px;
}

.main-pageContent.categorylist-content .list>.btn:first-child {
    margin-right: 20px;
}

.main-pageContent.storeLIst-content .list,
.main-pageContent.bannerList-content .list,
.main-pageContent.categorylist-content .list {
    padding: 0;
}

.main-pageContent.storeLIst-content .list #datatable_wrapper,
.main-pageContent.categorylist-content .list #datatable_wrapper,
.main-pageContent.bannerList-content .list #datatable_wrapper {
    padding: 0 20px;
}

#commissions-history-table,
#commissions-history-table tr {
    border: 0 !important;
}

table#commissions-history-table tr:last-child td:first-child {
    border: 0px;
}

table#commissions-history-table tr:last-child td:last-child {
    border: 0px;
}

.commission-page.list.clawback-cstm #clawback-report tr {
    border: 0;
}

.main-pageContent.Newslist-content .plan-list-div.cstm-news {
    padding: 0;
    margin: 0;
}

.main-pageContent.Newslist-content .plan-list-div.cstm-news .cstm-responsive {
    padding: 0;
}

.main-pageContent.Newslist-content .plan-list-div.cstm-news .cstm-responsive #datatable_wrapper {
    padding: 0 20px;
}

.main-pageContent.ShippingDetail-content .container.create-order-cls {
    margin-top: 25px;
}

.main-pageContent.ImageDB-content .list {
    padding: 0;
}

.main-pageContent.ImageDB-content .list #datatable_wrapper {
    padding: 0 20px;
}

.main-pageContent.Kairelogs-content .plans-list-div>.btn:first-child {
    margin: 20px 0 0 20px;
}

.main-pageContent.createorder-content .bundle_form_section .autoship-div:last-child {
    display: flex;
    align-items: center;
    /* transform: translateY(-12px); */
}

.main-pageContent.createorder-content .bundle_form_section .autoship-div label {
    margin-top: -2px !important;
}

#editPlanModal button.close span {
    margin-top: -3px !important;
    display: block;
}

.wallet-btn-div .available_wallet {
    padding-left: 2px;
}

.input-calender-div {
    width: auto;
    display: inline-block;
    padding-left: 5px;
}

#top20earners_length select {
    height: 45px;
    min-width: 70px;
    margin-bottom: 15px;
}

.downlineindex-content #searchForm input {
    margin-bottom: 0;
}

.main-pageContent.createorder-content h3,
.autoship-price-table.next-autoship label {
    font-size: 20px;
}

div#detail_popup button.close span {
    font-size: 30px;
    margin: 2px 10px 0 0;
    display: block;
}



html body .date-section-div.searchdate {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
}

html body .date-section-div.searchdate .input-div.top-20-report .dataSearch {
    display: inline-flex;
    align-items: center;
    margin-left: 15px;
}

html body .date-section-div.searchdate .input-div.top-20-report .dataSearch input[type="radio"] {
    margin: 0 !important;
    margin-right: 10px !important;
    margin-top: 0px !important;
}

html body .date-section-div.searchdate .input-div.top-20-report .dataSearch span {
    font-size: 13px;
}

.main-pageContent.categorylist-content .cstm-cate .set_datatable_scroll {
    /* padding: 8px !important; */
    padding: 0px !important;
}

.dashboard-block3.dashboard-block1 a.table-view.btn.btn-primary {
    max-width: 130px;
    display: flex;
    justify-content: center;
}

@media (max-width: 1600px) {

    a.btn.btn-primary.shipping_delete,
    .delete-product,
    button.table-view.delete-dashboardimage.btn.btn-primary,
    td:last-child a.btn.btn-primary.table-view {
        max-width: 100px;
        padding: 7px;
    }

    .menu-management-row table thead tr th:last-child {
        min-width: 170px;
    }

    .dataTables_wrapper table#datatable {
        width: 100% !important;
        /* min-width: 1400px; */
    }

    .plans-list-div .list {
        overflow-x: auto;
    }

    .dashboard-main-div .dashboard-block2 {
        margin-top: 0;
    }
}

@media (max-width: 1440px) {
    div#myCarousel {
        margin-bottom: 30px;
    }

    div#myCarousel .carousel-inner {
        width: 100%;
        /* min-height: 280px; */
    }

    .list table.table.round-tb {
        /* min-width: 1500px; */
    }

    .menu-management-row form {
        flex-wrap: wrap;
    }

    .content-header {
        position: relative;
        padding: 15px;
        min-height: 68px;
    }

    .menu-management-row form p {
        margin-bottom: 12px;
    }

    .menu-management-row form p label.error {
        bottom: -25px;
    }

    .plans-list-div {
        padding: 0 15px;
    }

    .table-inner-section.user-det-page.cstm-user {
        margin: 20px auto 0;
    }

    table.round-tb.table.inner-table-shop.user-detail-order-table a.table-view.btn.btn-primary {
        max-width: 120px;
    }

    table#DataTables_Table_0 a.table-view.btn.btn-primary {
        max-width: 120px;
    }

    .plans-list-div.content table.round-tb tr td:last-child {
        min-width: 300px;
    }

    .ship-tb-div table#dataTable {
        /* min-width: 1400px; */
    }

    .management_cstm .create-btn-div {
        margin-right: 0;
    }

    div#myCarousel+.dashboard-main-div .row .col-md-4:last-child .dashboard-block1 table tr td:nth-child(1) {
        width: 160px;
    }

    div#myCarousel+.dashboard-main-div .dashboard-block2 .commission-page.list,
    div#myCarousel+.dashboard-main-div .row .dashboard-block1>div table {
        min-width: 460px;
    }

    div.coupon {
        max-width: 60%;
    }

    .kaire_kash {

        max-width: calc(40% - 30px);
    }
}

@media (max-width: 1365px) {
    .dashboard-block2 h2 {
        margin-bottom: 0;
        margin-top: 0;
    }
}

@media (max-width: 1280px) {
    .menu-management-row form {
        flex-wrap: wrap;
    }

    .dashboard-block1 table.round-tb.table.table-striped {
        min-height: 350px;
        width: 100%;
    }

    div#myCarousel img {
        width: 100%;
        height: 100%;
        /* min-height: 260px;
         object-fit: cover; */
    }

    .dashboard-page.list>.date-range-div {
        max-width: 300px;
        flex: 300px;
    }

    .dashboard-page.list .date-input-div {
        float: unset;
        display: block;
        max-width: calc(100% - 300px);
        flex: calc(100% - 300px);
    }

    div#DataTables_Table_0_wrapper table#DataTables_Table_0 {
        /* min-width: 1500px; */
    }
}

@media (max-width: 1199.98px) {
    .dashboard-main-div>.row>.col-md-6 {
        max-width: 100%;
        flex: 100%;
        width: 100%;
    }

    .pie-heading h1 {
        margin-top: 0;
    }

    .dashboard-block1 {
        margin-bottom: 0;
    }

    .pie-heading h1 {
        margin-top: 10px;
    }

    .plan-list-div {
        padding: 0 15px;
    }

    .list table.table.round-tb {
        min-width: 850px;
        margin-bottom: 15px;
    }

    .list.resellers-list table#datatable {
        width: 100%;
        /* min-width: 1500px; */
    }

    body.body-content.skin-blue.sidebar-mini.sidebar-collapse .page-heading-div {
        max-width: calc(100% - 50px);
    }

    .list.resellers-list {
        width: auto;
    }

    .containerOrders h1 {
        width: 100%;
        min-width: auto;
    }

    .containerOrders {
        overflow-x: visible;
        margin-bottom: 20px;
        width: 100%;
    }

    table#kaire-cash-logs-table {
        overflow-x: auto;
    }

    .order-detail-child-div .col-md-6 {
        width: 100%;
    }

    .ParentDescription {
        justify-content: space-between;
    }

    .containerParentWeight {
        flex-wrap: wrap;
    }

    .containerWeigth,
    .containerwidth,
    .containerHeight,
    .containerInventoriable {
        width: 100%;
        max-width: calc(100%/2 - 15px);
        margin-right: 15px;
        flex: calc(100%/2 - 15px);
    }

    .containerInventoriable {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
    }

    .containerParentPrice>div {
        width: calc(100%/3 - 10px);
    }

    .containerParentTaxes .containerTaxes {
        margin-right: 10px;
    }

    .search-div .export-cstm .btn,
    .export-cstm button.export-btn.btn.btn-success {
        margin-top: 15px;
        display: inline-flex;
    }

    .comm-tb-div {
        padding-left: 0;
        margin-right: 0;
    }

    .plan-list-div .commission-page.list,
    .export-cstm {
        padding: 0;
    }

    .list.resellers-list .search-div input {
        max-width: 100%;
    }

    .commission-page.list.admin-move table {
        min-width: 1000px;
    }

    .commission-page.list.admin-move .date-section-div .date-range-div,
    .plan-list-div.bv-report .date-range-div {
        width: 190px;
    }

    .dashboard-block1 {
        /* overflow-x: auto; */
    }

    .dashboard-page.list>.date-range-div {
        max-width: 150px;
        flex: 0 0 150px;
    }

    .dashboard-page.list .date-input-div {
        max-width: calc(100% - 150px);
        flex: calc(100% - 150px);
    }

    .dashboard-main-div,
    .main-order-list {
        margin-top: 20px;
    }

    .main-order-list [class*="col-md"] {
        max-width: 100%;
        width: 100%;
    }

    .main-order-list,
    ul.user-ul,
    .user_table.inner-table-shop ul.user-detail-ul {
        padding: 0;
    }

    .bundle_form_section .col-md-9 {
        width: 100%;
    }

    .product-table {
        margin-top: 30px;
        margin-bottom: 20px;
        float: left;
    }

    form#orderForm .pricing-total-div {
        margin: 0;
    }

    div#myCarousel+.dashboard-main-div .col-md-4 {
        width: 100%;
        max-width: 100%;
    }

    form#productForm .containerInventoriable label {
        margin: 5px;
        vertical-align: middle;
        order: 2;
    }

    form#productForm .containerInventoriable #id_isStockable {
        margin-top: 8px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .dashboard-page.list .date-input-div {
        max-width: calc(100% - 150px);
        flex: calc(100% - 150px);
    }

    .dashboard-page.list>.date-range-div {
        max-width: 150px;
        flex: 150px;
    }

    .sidebar-mini .main-header .logo {
        /* width: 50px; */
    }

    .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 18px;
    }

    .main-header .navbar {
        /* margin-left: 50px; */
    }

    .sidebar-mini .main-header .logo>.logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 18px;
    }

    .sidebar-menu>li>a>i.fa {
        /* margin-right: 0;
         left: 9px; */
    }

    .main-sidebar {
        /* width: 50px; */
    }

    .sidebar-mini .main-sidebar .user-panel>.info,
    .sidebar-mini .sidebar-form,
    .sidebar-mini .sidebar-menu>li>a>span,
    .sidebar-mini .sidebar-menu>li>.treeview-menu,
    .sidebar-mini .sidebar-menu>li>a>.pull-right,
    .sidebar-mini .sidebar-menu li.header {
        /* display: none !important;
         -webkit-transform: translateZ(0); */
    }

    .content-wrapper,
    .right-side,
    .main-footer {
        /* margin-left: 50px; */
    }

    body.skin-blue.sidebar-mini .sidebar-menu>li>a {
        /* padding: 12px 5px 12px 8px; */
    }

    .sidebar-mini.sidebar-collapse .main-header .navbar {
        /* margin-left: 300px; */
    }

    .sidebar-mini.sidebar-collapse .main-header .logo {
        /* width: 300px; */
    }

    .sidebar-mini.sidebar-collapse .main-header .logo .logo-lg {
        /* display: block; */
    }

    .sidebar-mini.sidebar-collapse .main-header .logo .logo-mini {
        /* display: none; */
    }

    .sidebar-mini.sidebar-collapse .content-wrapper {
        margin-left: 300px;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar,
    .left-side {
        width: 300px;
        float: left;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
        /* display: block !important; */
    }

    body.skin-blue.sidebar-mini .sidebar-menu>li>a {
        /* padding: 12px 5px 12px 32px;
         line-height: normal; */
    }

    form#searchForm input {
        width: 100%;
        max-width: 250px;
    }
}

@media (max-width: 991px) {
    .groups.tabs .treeDiv {
        width: 1300px;
    }

    form#orderForm .gross_total_div label {
        padding: 0;
        margin: 0;
    }

    form#orderForm label {
        padding-left: 0;
        text-align: left;
        display: flex;
        justify-content: space-between;
    }

    .autoship-price-table label {
        font-size: 20px;
    }

    form#orderForm .pricing-total-div span.label-text {
        font-size: 14px;
    }

    form#orderForm .action-btns {
        margin-bottom: 0;
    }

    .user_detail.inner-table-shop {
        height: auto;
    }

    .main-order-list .col-md-9 {
        padding: 0;
    }

    select.product_drop.form-control.mdb-select.md-form,
    div#form1>div {
        margin-bottom: 0;
    }

    .product-table label {
        font-size: 22px;
    }

    .main-order-list {
        margin-bottom: 10px;
    }

    button.btn.btn-success.add-product-btn,
    .product_bonus label {
        margin-bottom: 0;
    }

    section.content .list {
        margin-right: 0;
    }

    table.round-tb tr td {
        min-width: 170px;
    }

    .content .plans-list-div .btn.btn-primary {
        margin-top: 0;
    }

    .container.create-order-cls .plan-list-div {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    .container.create-order-cls .btn-success,
    .container.create-order-cls {
        margin: 0;
    }

    .plan-list-div.revenue_report table#totalTable {
        min-width: auto;
        margin-top: 0;
    }

    .table-inner-section.user-det-page a.btn.btn-primary {
        float: left !important;
        margin-left: 0 !important;
        padding: 10px;
    }

    .table-inner-section.user-det-page a.btn.btn-primary {
        margin-right: 10px;
    }

    .ParentDescription p input#upload_imgs {
        width: 100%;
    }

    .set_scoll {
        /* overflow-x: auto; */
        padding: 0 15px;
        margin-bottom: 20px;
        clear: both;
    }

    section.content .list {
        overflow-x: visible;
        padding: 0;
    }

    .main-pageContent.Clawback-content .commission-page.list.clawback-cstm {
        padding: 0;
    }

    .main-pageContent.fronlineSS-content .list.fline-smart,
    .frontline_smartship_page section.content .list {
        overflow-x: visible;
        padding: 0 10px;
    }

    .commission-page.list .input-div.top-20-report {
        column-gap: 10px;
    }
}

@media (max-width: 767px) {
    .dashboard-block2 .dashboard-page.list>div {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        text-align: left;
    }

    .dashboard-block2 .dashboard-page.list {
        flex-wrap: wrap;
    }

    .carousel {
        margin-top: 0px;
    }

    body.body-content.skin-blue.sidebar-mini.sidebar-open .main-header .navbar {
        margin-left: 300px;
    }

    .main-header .navbar {
        margin-left: 0px;
    }

    header.main-header {
        width: 100%;
    }

    .main-header .logo {
        width: 70px;
    }

    body.body-content.skin-blue.sidebar-mini.sidebar-open .main-header .logo {
        width: 300px;
    }

    body.body-content.skin-blue .main-header .navbar {
        margin-left: 70px;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) .logo .logo-lg img {
        width: 50px;
        object-fit: contain;
        margin-left: -5px;
        opacity: 0;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) .pull-left.info,
    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) li.treeview a span {
        display: none;
    }

    .sidebar {
        padding-top: 0;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) ul.sidebar-menu {
        max-width: 70px;
        width: 100%;
        margin-right: 0;
        margin-left: auto;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) li.header {
        display: none;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) .sidebar-menu>li>a>i.fa {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    div#myCarousel .carousel-inner {
        width: 100%;
        min-height: auto;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) .main-header .navbar,
    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) .content-wrapper,
    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) .right-side,
    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) .main-footer {
        margin-left: 70px;
        width: calc(100% - 70px);
    }

    body.body-content.skin-blue.sidebar-mini.sidebar-open .content-wrapper,
    body.body-content.skin-blue.sidebar-mini.sidebar-open .right-side,
    body.body-content.skin-blue.sidebar-mini.sidebar-open .main-footer {
        transform: translateX(300px);
    }

    .dashboard-main-div .dashboard-block2 {
        padding: 0;
    }

    .dashboard-block2 {
        overflow-x: auto;
    }

    .dashboard-block4 {
        padding: 0;
    }

    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .pie-heading h1 {
        margin-top: 20px;
    }

    div#myCarousel img {
        /* min-height: 150px; */
        object-position: left;
    }

    .content-wrapper,
    .right-side,
    .main-footer {
        margin-left: 0;
    }

    .skin-blue .sidebar-menu>li>a {
        display: block;
        margin: 5px 0;
        min-height: 36px;
        /* padding-top: 13px;
         padding-bottom: 13px; */
    }

    .table-inner-section.user-det-page {
        /* overflow-x: auto; */
    }

    .table-inner-section.user-det-page h1 {
        float: left;
        width: 100%;
        margin-bottom: 0;
        min-width: auto;
    }

    .list.resellers-list .search-div input,
    .resellers-list select {
        max-width: 100%;
    }

    input[type="search"] {
        width: 100%;
        max-width: 100%;
    }

    .order-detail-child-div .col-md-8.user-cls,
    .order-detail-child-div .col-md-6 {
        overflow-x: auto;
    }

    .order-detail-child-div table.round-tb.table.inner-table-shop {
        min-width: 100%;
        width: 100%;
    }

    .order-detail-child-div h2 {
        width: 100%;
        min-width: 100%;
        margin-top: 15px;
    }

    .order-detail-child-div .order-notes-div.col-md-6 {
        overflow-x: hidden;
        margin-top: 20px;
    }

    .order-detail-child-div .col-md-12.detail-cls.ord-detail-block {
        overflow-x: auto;
    }

    a.btn.btn-primary.prod-det-bck-btn {
        margin-top: 10px;
    }

    .order-status-div label {
        padding-right: 60px;
    }

    .table-inner-section.form-group select#id_order_status {
        margin: 0 0 10px 0;
    }

    .table-inner-section {
        margin-top: 0px;
    }

    .address-section {
        display: flex;
        flex-wrap: wrap;
    }

    .billing_add_div {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
    }

    .address-section .shipping_add_div.shipping_extra {
        min-width: 100%;
    }

    div#form1 {
        width: 100%;
        align-items: end;
        flex-wrap: wrap;
    }

    div#form1>div {
        width: 100%;
        margin-right: 14px;
        min-width: 100%;
    }

    form#orderForm .pricing-total-div {
        width: 100%;
    }

    .autoship-main span,
    .autoship-main span.autoship-label-text {
        max-width: calc(100%/2);
        flex: calc(100%/2);
    }

    dashboard-main-div .dashboard-block2 h2 {
        margin-top: 30px;
    }

    .dashboard-main-div .dashboard-block2 .commission-page.list {
        margin-top: 0;
        padding: 0 15px;
    }

    .dashboard-block2 .dashboard-page.list {
        margin-top: 10px;
    }

    .dashboard-block2 span.sp-text strong {
        padding: 0;
        font-weight: 400;
    }

    .commission-page div:first-child input {
        margin-left: 0;
    }

    .dashboard-block2 .dashboard-page.list>div {
        margin-top: 0;
        font-size: 13px;
        margin-bottom: 5px;
    }

    .dashboard-block2 span.sp-text {
        padding: 0 6px 0 5px;
        font-size: 12px;
    }

    table.table.inner-table-shop tr th {
        width: 150px;
    }

    table.table.inner-table-shop th {
        padding: 10px;
        vertical-align: middle;
        font-size: 14px;
    }

    table.round-tb th,
    table#DataTables_Table_0 td {
        font-size: 14px;
    }

    .container.create-order-cls {
        margin: 0 0 0;
        padding: 10px 20px;
    }

    form#searchForm input {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .homepage-banner {
        text-align: center;
    }

    .containerDescription {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }

    form#productForm label {
        font-size: 14px;
    }

    .ParentDescription,
    .continerParentIngredient {
        flex-wrap: wrap;
    }

    .continerParentIngredient>div {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
    }

    .continerParentIngredient,
    .containerParentWeight {
        padding: 10px 15px;
    }

    .containerWeigth,
    .containerwidth,
    .containerInventoriable {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        flex: 100%;
    }

    .containerInventoriable {
        justify-content: flex-end;
    }

    form#productForm .containerInventoriable label {
        margin-left: 5px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .containerParentPrice>div {
        width: 100%;
        margin: 0;
    }

    .containerParentPrice>div input {
        margin-bottom: 10px;
    }

    .ParentDescription input[type=file] {
        width: 100%;
        margin-bottom: 0;
    }

    .main-order-list select,
    form#orderForm .address-section .shipping_add_div.shipping_extra label {
        margin-bottom: 0;
    }

    .bundle_form_section div#form1 {
        max-width: 100%;
    }

    .bundle_form_section {
        padding: 20px;
    }

    form#orderForm .main-order-list .address-section label {
        margin-bottom: 0;
    }

    form#orderForm .main-order-list .address-section .billing_add_div.billing_extra label {
        padding-top: 0;
    }

    .address-section {
        padding-bottom: 20px;
    }

    .product-table label {
        font-size: 18px;
    }

    form#orderForm .product-table label {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    button.btn.btn-success.add-product-btn,
    .action-btns .btn,
    .btn {
        font-size: 14px;
    }

    form#orderForm.order_form label {
        margin: 0;
    }

    input[type=file],
    form.dropzone.clsbox .form-group input:not(input[type="checkbox"]) {
        display: block;
        width: 100%;
    }

    body .select2-container--default .select2-search--inline .select2-search__field {
        margin: 0;
    }

    form#bogoForm .form-group select {
        margin-bottom: 0;
    }

    div#form1.bogo_form>div {
        margin-right: 0;
    }

    .customer_reviews_content .list {
        height: unset;
    }

    .menu-management-row form p:not(:nth-last-child(2)) {
        margin-right: 0;
        width: 100%;
    }

    .menu-management-container {
        padding: 20px;
    }

    .container.create-order-cls .plan-list-div .downloads-page.list,
    .plan-list-div.csmt-le {
        padding: 0;
    }

    .container.create-order-cls .plan-list-div .downloads-page.list form label+a {
        display: block;
        margin-bottom: 5px;
    }

    .container.create-order-cls .django-ckeditor-widget {
        margin-bottom: 0;
    }

    label[for="id_section2_btn_text"] {
        margin-top: 10px;
    }

    .table-inner-section.coupan-form-std,
    .plan-list-div.cstp-rvsee,
    .plan-list-div.cstmPrime_content,
    .plan-list-div.cstm-benefit,
    .plan-list-div.cstm-history,
    .plan-list-div.cstm-manage-coo {
        padding: 0;
    }

    form#couponForm {
        padding: 15px;
    }

    .search-div input {
        max-width: 100%;
    }

    .date-section-div {
        flex-wrap: wrap;
    }

    .date-range-div,
    .commission-page.list.admin-move .date-section-div .date-range-div {
        width: 100%;
    }

    .commission-page.list .input-div {
        font-size: 14px;
        text-align: left;
    }

    .commission-page.list .input-div input.radio-btn.filter-check {
        margin-right: 5px;
        margin-left: 0;
    }

    .commission-page.list .input-div input.custom-dates.filter-check {
        margin-left: 0;
        margin-right: 0px;
    }

    .search-div label {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .comm-tb-div {
        margin-right: 0;
    }

    .export-cstm input.search_commission_by_order_id {
        margin-bottom: 10px;
    }

    .commission-page.list .date-period span {
        margin-bottom: 10px;
        display: inline-block;
    }

    .plan-list-div.cstm-admin,
    .plan-list-div.bv-report {
        padding: 0;
    }

    .commission-page.list.admin-move table {
        margin-top: 10px;
    }

    span.total-paid-bv {
        float: left;
    }

    .plan-list-div.revenue_report {
        padding: 0;
    }

    .plan-list-div.revenue_report .commission-page.list input.custom-dates.filter-check {
        margin-right: 5px;
    }

    .cstm-earners table#top20earners {
        margin-top: 0;
    }

    .news-list-div.management_cstm,
    .plan-list-div.cstm-news {
        padding: 0;
    }

    .plans-list-div.cstm-plans {
        margin-top: 20px;
    }

    .plans-list-div.cstm-plans a.btn.btn-primary.banner-btn {
        margin-left: 0;
    }

    form#dashboardImageForm label.control-label {
        float: unset;
    }

    .order-notes-div h2 {
        text-align: center;
    }

    .order-notes-div.col-md-6 ul {
        padding: 0;
        font-size: 12px;
    }

    .order-status-div label {
        padding-right: 0;
        float: left;
        padding-top: 15px;
        width: 100%;
        text-align: left;
    }

    div#myCarousel+.dashboard-main-div .dashboard-block2 {
        margin-top: 0px;
    }

    tbody.activity-table-tbody tr td:last-child {
        /* min-width: 430px; */
    }

    div#myCarousel+.dashboard-main-div>.dashboard-block2+div {
        overflow-x: auto;
        margin: 0 15px;
        padding: 0 !important;
    }

    .dashboard-block4 h1 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    div#myCarousel+.dashboard-main-div .dashboard-block2 .dashboard-page.list {
        min-width: 520px;
    }

    form#orderForm .row.ship-payment-div {
        width: 100%;
        flex-wrap: wrap;
    }

    .shipping-input-div {
        margin-bottom: 15px;
    }

    .bundle_form_section .autoship-div {
        margin: 10px 0 0 0;
    }

    .containerHeight {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    div#myCarousel+.dashboard-main-div .row .dashboard-block1>div table,
    div#myCarousel+.dashboard-main-div .dashboard-block2 {
        min-width: 460px;
    }

    .plan-list-div.cstm-order_item .commission-page.list form button.btn {
        font-size: 10px;
        padding: 8px 10px;
    }
}

.table-inner-section.user-det-page:where(.btn, button.btn):hover {
    background: #fff !important;
}

.table-inner-section.user-det-page a.btn.btn-success:nth-child(2) {
    margin: 0 5px;
}

/*10-06-2022*/
.groups.tabs,
.cstm-table-responsive {
    overflow: auto;
    height: 400px;
}

div#salesReport_wrapper,
div#salesReport_wrapper table#salesReport {
    margin-top: 30px;
    float: left;
    width: 100%;
}

div#detail_popup .modal-header {
    background: var(--buttonColor);
    color: #fff;
    text-transform: uppercase;
}

div#detail_popup .modal-header h3.modal-title {
    font-size: 18px;
}

div#detail_popup .modal-content {
    border-radius: 10px;
    overflow: hidden;
}

div#detail_popup button.close {
    position: absolute;
    opacity: 1;
    padding: 10px;
    margin: 0;
    right: 0;
    top: 0;
}

div#detail_popup .table-section {
    height: 200px;
    /* overflow-y: auto; */
}

button.close span {
    opacity: 1;
    z-index: 99;
    color: #fff;
}

div#detail_popup .modal-header h3.modal-title {
    font-size: 18px;
}

.address-section {
    display: flex;
    background: #f3f3f3;
    padding: 20px 20px;
    border-radius: 20px;
    margin-bottom: 30px;
    justify-content: center;
}

.address-section [class*="col-md"]:not(:first-child) {
    border-left: 1px solid #c5c5c5;
    padding-left: 10px;
}

.address-section h4 {
    font-size: 16px;
    margin-top: 0;
    color: #000;
    text-transform: capitalize;
}

.product_detail_table thead {
    background: var(--tableHeader);
}

.address-section tbody.product_detail-body tr:nth-child(2n) {
    background: #f1f1f1;
}

.sidebar-mini.sidebar-collapse .main-header .logo img {
    opacity: 1;
}

.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
    background: url(../staticImages/logo.png) no-repeat;
    background-size: 40px;
    background-position: center;
}

.omc-mv-ref-overlay-spinner .spinner {
    background-size: contain;
    animation: pluse 1s infinite alternate;
    transform-origin: center;
}

.chkbx-div label {
    margin-bottom: 0;
}

.details-list-section .date_data a {
    font-size: 11px;
    padding: 0px;
    color: #000;
}

form[name="mo-chk-frm"] {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.sidebar-menu {
    padding-right: 2px;
    white-space: normal;
}

@keyframes pluse {
    from {
        transform: scale(1) translate(-50%);
    }

    to {
        transform: scale(0.9) translate(-50%);
    }
}

@media (max-width: 992px) {
    body.body-content.skin-blue.sidebar-mini:not(.sidebar-collapse) .logo .logo-lg {}

    .sidebar-mini .main-header .logo>.logo-mini {
        display: none;
    }

    .sidebar-mini .main-header .logo {
        /* padding: 0; */
    }

    body.body-content.skin-blue.sidebar-mini.sidebar-collapse .logo .logo-lg img {
        opacity: 1;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-collapse) .logo .logo-lg img {
        /* opacity: 0; */
    }

    .body-content.skin-blue.sidebar-mini.sidebar-collapse .main-footer {
        width: calc(100% - 50px);
    }

    .user-det-page table.table.inner-table-shop tr:first-child th {
        width: 50%;
    }
}

/*13-06-2022*/
sup.indigaters.error {
    color: #f00;
    font-weight: 700;
}

form#subadmin_form .form-group {
    max-width: calc(100%/3 - 15px);
    width: 100%;
}

form#subadmin_form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 22px;
}

form#subadmin_form .form-group input {
    margin-bottom: 0;
}

div#datatable_length {
    max-width: 300px;
    /* width: 100%; */
}

.plans-list-div label {
    padding: 0 5px;
    font-family: var(--common-font);
    font-weight: 600;
}

.dataTables_wrapper .dataTables_filter input {
    padding: 10px 15px;
}

div#datatable_length label select,
.dataTables_wrapper .dataTables_length select {
    max-width: unset;
    width: unset;
    height: 45px;
}

.dataTables_wrapper .dataTables_length select {
    margin: 0 5px;
}

table#datatable tr[role="row"] td:last-child>* {
    margin-bottom: 0;
}

div#datatable_length label {
    width: 100%;
}

.commission-page.list table#admin-move-table {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.main-pageContent.Clawback-content table#clawback-report {
    margin: 0px 0 0;
}

.search_result:empty {
    display: none;
}

body.body-content,
.content-wrapper {
    /* padding-bottom: 60px;
     */
    /* min-height: 100vh !important; */
    min-height: calc(100vh - 50px) !important;
}

.main-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 300px);
    transition: 0.3s ease all;
}

.dashboard-main-div .pie-heading h1 {
    margin-top: 0;
}

.modal-body table.round-tb.table.product_detail_table th {
    color: #fff;
}

div#detail_popup .table-section table.round-tb.table.product_detail_table {
    border-radius: 25px;
    box-shadow: 0 0 10px #a79f9f;
}

tbody.product_detail-body tr:nth-child(2n) {
    background: #f1f1f1;
}

/* Data Filter Design */
#menu_form {
    /* background: var(--blue); */
    background: var(--tableHeader);
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 25px;
}

form .search-div {
    border: 1px solid var(--buttonColor) !important;
    background: var(--buttonColor) !important;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 15px;
    border-radius: 20px;
}

.dataAreaForm {
    display: inline-flex;
    flex-direction: column;
    padding-right: 20px;
    width: calc(100% / 6);
}

.dataAreaForm select,
.dataAreaForm input {
    margin: 0;
    width: 100%;
    max-width: inherit;
    padding: 0 15px;
    white-space: normal;
}

.list.resellers-list form .search-div label,
form#searchForm label,
#menu_form label,
form.searchForm label {
    color: #FFF;
    padding-right: 5px;
}

.list.resellers-list form .search-div input,
.list.resellers-list form .search-div select,
form#searchForm input,
form#searchForm select,
#menu_form select,
#menu_form input {
    border: 0 none;
}

.list.resellers-list form .search-div .btn.btn-primary,
.list.resellers-list form .search-div .btn.btn-primary:hover,
form#searchForm .btn.btn-primary,
form#searchForm .btn.btn-primary:hover,
#menu_form .btn.btn-primary,
#menu_form .btn.btn-primary:hover {
    border-color: #FFF !important;
    height: 40px;
    padding: 0 25px;
}

.date-section-div .input-div.top-20-report {
    display: inline-flex;
    align-items: center;
    width: 50%;
}

.date-section-div .input-div.top-20-report .dates-now.sp-text {
    width: auto;
}

.date-section-div .input-div.top-20-report input {
    margin: 5px 8px 0 !important;
}

.date-section-div .input-div.top-20-report .sp-text {
    line-height: 1;
}

#menu_form select {
    background: #FFF;
}

#bv-table tr {
    border: 0;
}

.current-sponser-div>label {
    background: #f1f1f1;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    color: #000;
}

.dashboard-block-container {
    float: left;
    width: 100%;
    overflow-x: auto;
}

div#myCarousel+.dashboard-main-div .dashboard-block2 {
    min-width: auto;
    overflow-x: hidden;
}

div#DataTables_Table_0_paginate:empty {
    display: none;
}

.container.create-order-cls form#productForm {
    padding: 20px !important;
}

.ParentDescription p {
    max-width: calc(100% - 55%);
    flex: calc(100% - 55%);
}

/*14-06-2022*/
ul.user-downline {
    display: flex;
}

.user_downline_div.listDiv+.groups.tabs .treeDiv {
    width: 100%;
    text-align: center;
}

.tree.new-downline {
    display: flex;
    justify-content: center;
    width: 100%;
}

.user_downline_div.listDiv+.groups.tabs {
    height: unset !important;
}

.details-list-section .data.rank-cls strong {
    font-size: 16px;
    font-weight: 600;
    max-width: 55%;
    flex: 0 0 55%;
    margin-top: 0;
}

.details-list-section .data.rank-cls {
    flex-wrap: wrap;
    justify-content: space-between;
}

.details-list-section .column.lev3 a {
    padding: 0;
    font-size: inherit;
}

.details-list-section .date_data a {
    font-size: 11px;
    color: #000;
}

.details-list-section .data span+span {
    padding-left: 2px;
}

.details-list-section a.to_phone,
.details-list-section a.to_email,
.details-list-section a.to_phone:hover,
.details-list-section a.to_email:hover {
    background: var(--buttonColor) !important;
    width: 20px;
    height: 20px;
    padding: 0 !important;
    text-align: center;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.details-list-section a.to_phone {
    margin-right: 5px;
}

.details-list-section a.to_phone i,
.details-list-section a.to_email i {
    padding: 0;
    font-size: 10px;
    color: #FFF;
}

.details-list-section .data:not(:first-child) {
    margin-top: 3px;
}

.details-list-section .data i {
    color: var(--buttonColor) !important;
}

.details-list-section .data span,
form#searchForm label,
form.searchForm label {
    font-weight: 600;
}

.heding-customers .now-heading h5 {
    font-size: 16px;
}

.plans-list-div.cstm-prod div#datatable_wrapper table#datatable {
    /* max-width: calc(100% - 15px); */
    max-width: unset;
    /* margin: 0 10px; */
    margin: auto;
}

.ui-widget.ui-widget-content::-webkit-scrollbar {
    width: 0;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*15-06-2022*/
.dashboard-main-div .dashboard-block4 {
    padding: 10px 30px;
}

.dashboard-block4 th {
    background: var(--tableHeader);
    color: #fff;
    padding: 15px 20px !important;
}

.dashboard-block4 .activity-table {
    padding: 0;
}

.main-notes {
    height: 430px;
    overflow-y: auto;
}

.order-detail-child-div .order-inner-table .main-notes {
    height: 400px;
    overflow-y: auto;
}

/* issues QA Sheet */
div#commissions-history-table_length select {
    /* margin-left: 34px; */
    /* width: 149px; */
    width: unset;
    max-width: unset;
}

.main-pageContent.rcbComm2-content #commissions-history-table .admin-notes label {
    display: block;
}

.main-pageContent.ShippingDetail-content .shipping-options-show td:last-child .table-view {
    margin: 0 5px;
    display: inline-flex;
    border: 1px solid var(--blue);
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 1;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.main-pageContent.ShippingDetail-content .shipping-options-show td:last-child .table-view:hover {
    background: var(--blue);
    color: #FFF;
}

.menu-management-row form p:nth-last-child(2) input#btnsave:hover {
    color: var(--blue) !important;
}

div#address-div table.table tr th {
    width: 40%;
}

.main-pageContent.UserDetail-content .containerOverride td {
    text-align: left;
    padding-left: 20px;
}

.main-pageContent.UserDetail-content .sponser-div input+label {
    width: auto;
}

.main-pageContent.UserDetail-content .user-notes-div.table.inner-table-shop.user-detail-order-table .add-note-submit-div {
    padding: 20px;
}

.main-pageContent.UserDetail-content .user-notes-div.table.inner-table-shop.user-detail-order-table #user_notes_field {
    max-width: calc(100% - 40px);
    margin: 0 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}

.main-pageContent.UserDetail-content .user-notes-div.table.inner-table-shop.user-detail-order-table .add-note-submit-div input#notes_submit_btn {
    background: var(--blue);
    border-color: var(--blue);
}

.main-pageContent.UserDetail-content .user-notes-div.table.inner-table-shop.user-detail-order-table .add-note-submit-div input#notes_submit_btn:hover {
    color: var(--blue);
}

.main-pageContent.createSubadmin-content form#subadmin_form .form-group {
    position: relative;
    margin-bottom: 25px;
}

.main-pageContent.createSubadmin-content form#subadmin_form .form-group label.error {
    bottom: -16px;
    margin: 0;
}

.menu-management-container .menu #menu_form .error {
    bottom: -19px;
}

#subadmin_form:hover .btn.form-submit-button:hover {
    color: var(--blue) !important;
}

.main-pageContent.addSKirecash-content .table-inner-section .btn.submit-btn.form-submit-button:hover {
    color: var(--blue) !important;
}

/*20-06-2022*/
.tree.new-downline>ul {
    max-width: 100%;
    width: 100%;
}

.usertable.cstm-table-responsive table.round-tb thead {
    border-radius: 25px 0 !important;
}

.usertable.cstm-table-responsive table thead {
    position: sticky;
    left: 0;
    z-index: 1;
    top: 0;
}

.usertable.cstm-table-responsive table thead th:first-child {
    border-radius: 25px 0 0 0;
}

.usertable.cstm-table-responsive table thead th:last-child {
    border-radius: 0 25px 0 0;
}

ul.user-downline li ul {
    /* position: absolute;
     */
    min-width: max-content;
}

.bv-details+div .pagination {
    margin-top: 15px;
}

ul.user-downline {
    position: unset;
}

/*21-06-2022*/
.usertable.cstm-table-responsive table.round-tb {
    overflow: hidden;
}

table#commissions-history-table th:last-child {
    width: 325px;
}

.order-detail-child-div:last-child .row:nth-child(2) .order-data-div {
    margin-top: 15px;
}

.admin-notes textarea.admin-note-value,
input.admin-commission-value {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/*22-06-2022*/
/*
 table#commissions-history-table td button.btn.btn-primary {
     padding: 5px 8px;
}
*/
.wrapper {
    position: unset;
}

.container.create-order-cls div#editPlanModal,
.plan-list-div.revenue_report.cstm-earners div#editPlanModal {
    padding-right: 0;
}

form#add_address_form {
    display: flex;
    flex-wrap: wrap;
}

body.body-content {
    padding-bottom: 60px;
    position: relative;
}

form#add_address_form *:nth-child(2n) {
    max-width: 370px;
}

form#add_address_form label {
    max-width: calc(100% - 400px);
    flex: 100%;
}

.containerOrders .user-detail-order-div {
    max-height: 600px;
    overflow-y: auto;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.container.create-order-cls [class*="col-md"] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.main-pageContent.UserOverride-content .container.create-order-cls label {
    max-width: 100%;
    width: 100%;
    font-weight: 600;
}

.user-status-div {
    max-width: 50%;
}

.main-pageContent.UserOverride-content .user-status-div select,
.main-pageContent.UserOverride-content .qualified-div input {
    width: calc(100% - 90px);
}

.container.create-order-cls .btn-success {
    margin-left: 10px;
}

.user-status-div .col-md-12 {
    display: flex;
}

.table-inner-section.plan-form input.btn.form-submit-button {
    margin-left: 0;
}

.order-notes-div.col-md-6 {
    overflow: hidden;
    box-shadow: 0 0 10px #a29c9c;
    border-radius: 25px;
}

.order-detail-child-div .order-inner-table .main-notes {
    height: 275px;
    overflow-y: auto;
}

.order-notes-div.col-md-6>div {
    overflow: auto;
    border-radius: unset;
    box-shadow: none;
}

form#add_address_form label[for="autoship"]+input {
    margin-right: 10px;
    margin-top: 5px;
}

.main-pageContent.orderDetail-content .order-detail-child-div .order-notes-div.col-md-6 .main-notes {
    /* height: 375px; */
}

.main-pageContent.orderDetail-content .order-detail-child-div .order-notes-div.col-md-6 {
    padding: 0;
}

.details-list-section .data span {
    font-size: 11px;
}

.column.lev2 h5.card-title {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 120px;
    width: calc(100% - 20px);
    padding: 0;
}

.ship-main {
    width: 100%;
    max-width: 100%;
}

.main-pageContent.editAutoship-content .container.create-order-cls .row.ship-payment-div {
    justify-content: space-between;
    float: left;
    width: 100%;
    gap: 10px;
}

.autoship-price-table.next-autoship {
    /* padding: 0 10px; */
}

.table-inner-section.form-group .order-detail-child-div,
.table-inner-section.form-group .order-detail-child-div+.order-detail-child-div {
    margin-bottom: 0;
}

.table-inner-section.form-group .order-detail-child-div+.order-detail-child-div .order-notes-div.col-md-6 {
    padding: 0;
    margin-right: 15px;
    max-width: calc(50% - 15px);
}

.orderDetail-content .table-inner-section.form-group .order-detail-child-div+.order-detail-child-div .order-notes-div.col-md-6 {
    padding: 0;
    margin-right: 15px;
    max-width: calc(50% - 15px);
}

table#commissions-history-table tr.tr-user-main td:last-child {
    border: 1px solid #ddd !important;
}

.comm-tb-div table#commissions-history-table {
    margin-left: 0px;
}

#commissions-history-table tbody tr.tr-main td {
    border-bottom: 1px solid #ddd !important;
}

._tb_stickyhead thead th {
    position: sticky;
    top: 0;
    left: 0;
}

table._tb_stickyhead {
    overflow: visible;
}

/*23-06-2022*/
.export-cstm input.btn.btn-primary.search-commission {
    padding: 7px;
    margin-left: 10px;
}

.export-cstm button.export-btn.btn.btn-success {
    padding: 7px 15px;
}

input.text-right.search_commission_by_order_id {
    margin-right: 5px;
}

.plan-list-div.cstm-history>.commission-page.list {
    padding: 0 18px;
}

.main-pageContent.commHinstory-content .plan-list-div.cstm-history .dates-div>input.btn.btn-success.custom-date-go.comm-ser-btn {
    margin-top: 0;
}

.main-pageContent.commHinstory-content .plan-list-div.cstm-history .dates-div>label {
    margin-right: 10px;
}

.export-cstm input[type="text"] {
    text-align: left;
}

tbody.commission-history-tb-body tr.tr-main.odd td {
    background: #fff;
}

.frontline_smartship_page .list.fline-smart input.btn.btn-success.custom-date-go:hover {
    background: #fff;
    color: var(--blue);
}

input.btn.btn-success.submit-btn.form-submit-button {
    padding: 5px 20px;
}

.main-pageContent.couponform-content .table-inner-section.coupan-form-std form#couponForm .form-group {
    max-width: calc(100%/2 - 10px);
    width: 100%;
}

.main-pageContent.couponform-content .table-inner-section.coupan-form-std form#couponForm .form-group:nth-last-child(-n+8) {
    max-width: 100%;
}

.main-pageContent.couponform-content .table-inner-section.coupan-form-std form#couponForm .form-group:nth-last-child(-n+5) {
    max-width: calc(100%/2 - 10px);
}

.main-pageContent.couponform-content .table-inner-section.coupan-form-std form#couponForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 20px;
    align-items: center;
}

.main-pageContent.couponform-content .table-inner-section.coupan-form-std .btn+input.btn.btn-success.submit-btn.form-submit-button {
    margin-left: 0;
}

.table-inner-section.plan-form {
    width: 100%;
    max-width: 900px;
    overflow: hidden;
    margin: 0 auto;
}

.table-inner-section.plan-form table.round-tb.table {
    table-layout: fixed;
    min-width: auto;
}

.main-pageContent.addSKirecash-content .container.create-kaire_cash {
    width: auto;
}

form#couponForm .form-group {
    max-width: calc(100%/2 - 10px);
    flex: calc(100%/2 - 10px);
    width: 100%;
}

form#couponForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 20px;
}

form#couponForm a.btn.btn-primary+.btn {
    margin: 0;
}

input.admin-commission-value {
    height: 35px;
}

.fline-smart .dates-div input.btn.btn-success.custom-date-go {
    border: 2px solid var(--blue);
    height: auto;
    padding: 7px 20px;
}

.fline-smart .dates-div label:nth-child(1),
.fline-smart .dates-div select {
    margin-right: 10px;
}

#editPlanModal .modal-content table#commissions-history-table {
    width: 100%;
    max-width: 100%;
    min-width: auto;
}

.ship-tb-div {
    /* padding: 10px; */
}

.main-pageContent.subadminlist-content .list.resellers-list thead th:last-child {
    min-width: 260px;
}

.containerOrders>div {
    overflow: visible;
}

.containerOrders>user-detail-order-div {
    margin: 30px;
}

.containerOrders {
    float: left;
    box-shadow: 0 0 6px rgb(0 0 0 / 50%);
    border-radius: 25px;
    margin-bottom: 40px;
}

.containerOrders .user-detail-order-div {
    margin-bottom: 0;
}

.containerOrders .user-detail-order-div table.round-tb.table.inner-table-shop.user-detail-order-table {
    box-shadow: none;
    margin-bottom: 0;
}

.main-pageContent.CreatePvariant-content .container.create-order-cls form,
.cstm-heading-div .container.create-order-cls>.list {
    border-radius: 25px;
    box-shadow: 0 0 10px #a79f9f;
    padding: 20px;
}

.main-pageContent.ShippingCreate-content .cstm-heading-div .container.create-order-cls {
    margin-top: 30px;
}

.main-pageContent.adddocs-content .downloads-page.list form button.btn.btn-success.save-btn,
.main-pageContent.ShippingCreate-content input.btn.btn-success.submit-btn.form-submit-button.shipping-save-btn {
    margin: 0;
}

.dashboard-block1 table.round-tb.table.table-striped {
    margin-top: 10px;
}

.dashboard-main-div .row:nth-child(2) [class*="col-md"]:last-child .dashboard-block3.dashboard-block1 {
    box-shadow: 0 0 10px #a79f9f;
    padding: 0;
    border-radius: 30px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.dashboard-main-div .row:nth-child(2) [class*="col-md"]:last-child .dashboard-block3.dashboard-block1 table {
    box-shadow: none;
}

.usertable.cstm-table-responsive>table {
    margin-top: 10px;
}

/*24-06-2022*/
.table-inner-section.form-group .order-detail-child-div+.order-detail-child-div .detail-cls.ord-detail-block .table td {
    padding: 10px;
}

.user_detail.inner-table-shop:empty {
    display: none;
}

.main-pageContent.PbogiDetail-content .table-inner-section h1 {
    margin-top: 10px;
}

h5#exampleModalLabel {
    font-size: 22px;
}

.commission-page.list td {
    /* width: 130px; */
}

/*27-06-2022*/
.distributer_popup {
    max-height: 460px;
    overflow-y: auto;
}

.distributer_popup th,
.distributer_popup thead {
    position: sticky;
    top: 0;
}

.distributer_popup table#commissions-history-table {
    margin: 0;
    table-layout: fixed;
}

.distributer_popup table#commissions-history-table th:last-child {
    width: 220px;
}

#editPlanModal .modal-header {
    border-bottom: 0;
}

/*28-06-2022*/
body table#DataTables_Table_0 {
    width: 100% !important;
}

.menu-management-container .menu-management-row form p:first-child {
    max-width: 191px;
}

/*29-06-2022*/
.tree span.downline-cnt-span {
    margin: 0 auto;
}

/*30-06-2022*/
.table-inner-section.user-det-page .btn-warning:hover,
.containerOverride .user_rank_div a.table-view button#change_rank_btn:hover,
.main-pageContent.UserDetail-content .table-inner-section.user-det-page a:hover {
    background: #fff !important;
}

.main-pageContent.categorylist-content div#datatable_paginate,
.main-pageContent.bannerList-content div#datatable_paginate,
.main-pageContent.storeLIst-content div#datatable_paginate {
    margin-bottom: 10px;
}

.main-pageContent.homelist-content table.round-tb.table tbody td .btn {
    max-width: 90px;
    width: 100%;
}

.main-pageContent.Smartshipkiarecash-content .container.create-kaire_cash-cls {
    width: auto;
}

.user-hov-div {
    min-height: 85px;
}

.search_result+ul.nav.nav-pills.nav-fill a.nav-link:not(.active) {
    background: #fff;
    color: var(--blue);
}

.product-table {
    padding-left: 7px;
}

.input_fields_wrap button.btn.add-product-btn:focus {
    color: #fff;
}

.main-pageContent.UserDetail-content .edit-kaire-div button.btn:hover {
    color: var(--blue);
    background: #fff;
}

/*22-07-2022*/
.main-pageContent.UserDetail-content input.input-kaire-cash {
    margin-right: 10px;
}

.table-inner-section.user-det-page .order-detail-child-div {
    margin-bottom: 15px;
}

.main-pageContent.Newslist-content .plan-list-div.cstm-news .cstm-responsive div#datatable_wrapper,
.main-pageContent.ImageDB-content .plans-list-div.cstm-plans div#datatable_wrapper {
    padding-bottom: 15px;
}

.shipping-options-show {
    margin-bottom: 20px;
}

.main-pageContent.couponform-content .table-inner-section.coupan-form-std form#couponForm .form-group:nth-last-child(-n+3) {
    max-width: 337px;
}

.main-button-group {
    width: 100%;
    text-align: center;
}

.table-inner-section.coupan-form-std form#couponForm input.btn {
    margin-left: 10px;
}

.main-pageContent.couponform-content .table-inner-section.coupan-form-std form#couponForm .form-group:nth-last-child(-n+3) {
    max-width: 23.4%;
}

.table-inner-section {
    margin: 20px 0 0;
}

/*29-07-2022*/
.edit-profile-from form {
    display: flex;
    flex-wrap: wrap;
}

.edit-profile-from .form-group {
    width: 100%;
}

.edit-profile-from {
    padding: 30px;
    background: #fbfbfb;
    max-width: 560px;
    margin-top: 160px;
    border-radius: 10px;
    box-shadow: 0 0 24px 9px rgb(0 0 0 / 3%);
    border: 1px solid #f1f1f1;
}

.bootbox button.btn.btn-success {
    border-color: var(--blue);
}

.edit-profile-from form .form-group label {
    font-weight: 600;
}

.edit-profile-from h2 {
    font-size: 20px;
    text-transform: capitalize;
    background: var(--tableHeader);
    padding: 10px;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    font-weight: 600;
    letter-spacing: 0.1rem;
}

button.btn.btn-primary.btn-block.btn-flat {
    border-radius: 30px;
    margin-top: 5px;
}

.login-logo a,
.login-logo b {
    font-weight: 700;
    color: #000;
}

a.btn.btn-primary.table-view.activate-product {
    border-color: var(--green) !important;
}

/*05-09-2022*/
.user_downline_div.listDiv .Level {
    width: 100%;
}

/* Styles */
.createorder-content .create-order-cls #searchForm input {
    margin-bottom: 0;
}

.show_billing_address,
.show_shipping_address {
    background: #eee;
    display: block;
    padding: 15px;
    border-radius: 10px;
}

.createorder-content #orderForm .address-section {
    padding: 20px 0;
    width: 100%;
    margin: 0px;
}

.createorder-content #orderForm .billing_add_div.billing_extra {
    max-width: calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
}

.createorder-content #orderForm .shipping_add_div.shipping_extra {
    flex: 0 0 50%;
}

.createorder-content .shipping_add_div.shipping_modal {
    margin-top: 20px;
}

.createorder-content .product-table .table td {
    background: #FFF;
    font-size: 14px;
    font-weight: normal;
}

.createorder-content .payment-cards,
.editAutoship-content .select-card .payment-cards {
    height: 70px;
}

.createorder-content form#orderForm .pricing-total-div.autoship-main span.label-text,
.createorder-content .pricing-total-div.autoship-main span {
    padding: 0px;
    font-size: 14px;
}

.createorder-content form#orderForm .pricing-total-div.autoship-main .tax_div,
.createorder-content form#orderForm .product_cost,
.createorder-content form#orderForm .product_bonus,
.createorder-content form#orderForm .pricing-total-div.autoship-main .gross_total_div {
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
}

.createorder-content form#orderForm .pricing-total-div.autoship-main .gross_total_div+.gross_total_div {
    border: 0px;
}

button.btn.btn-primary.append-card {
    margin-top: -125px;
}

.editAutoship-content button.btn.btn-primary.append-card {
    margin-top: -120px;
}

.dataDesignt {
    background: #fbfbfb;
    border-radius: 15px;
    width: 100%;
}

.dataDesignt ul {
    padding: 0 15px;
    width: 100%;
}

.dataDesignt ul .bold-text strong {
    font-weight: bold;
}

.createorder-content .search_result {
    margin-top: 20px;
}

.main-pageContent.createorder-content .autoship-price-table.next-autoship .table input,
.main-pageContent.createorder-content .product-table input {
    margin: 0;
}

.dataBottom {
    max-width: 100% !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.dataBottom .DataCheck {
    display: flex;
    align-items: center;
}

.dataBottom .DataCheck label {
    max-width: 100% !important;
    margin: 0;
}

.subadmindetail-content .table-inner-section.user-det-page {
    margin: 0;
}

.main-pageContent.UserDetail-content .order-detail-child-div .user-cls th i {
    margin-right: 5px;
}

.spaceArea {
    padding: 20px 15px;
}

.user-cls table th {
    text-align: left;
}

.editAutoship-content .shipping_add_div.shipping_modal {
    margin-top: 0;
}

.ShippingDetail-content .shipping-options-show .shipping-options-tbody td:last-child {
    white-space: nowrap;
}

.modal-header h3 {
    font-size: 18px;
    margin-bottom: 3px;
}

.swal-button {
    background-color: var(--blue) !important;
    border-radius: 30px;
}

form#orderForm .kaire_kash .redeem_label label {
    font-size: 20px;
    padding: 0;
}

.createorder-content #orderForm .moda-body .address-section {
    margin: 0px;
}

.main-pageContent.UserDetail-content+.table-view.deactivate-user {
    margin-left: 20px;
}

.main-pageContent.UserDetail-content .user-notes-div.table.inner-table-shop.user-detail-order-table .add-note-submit-div input#notes_submit_btn:hover {
    background: none;
    color: var(--blue) !important;
}

#addCardModal button.btn.btn-primary.append-card {
    margin-top: 0;
}

.createorder-content #orderForm #addCardModal .address-section {
    padding: 0;
}

.main-pageContent.subadminlist-content .list.resellers-list {
    padding: 0;
}

.main-pageContent.subadminlist-content .list.resellers-list #datatable {
    /* max-width: calc(100% - 40px); */
    max-width: unset;
}

.main-pageContent.subadminlist-content .list.resellers-list #datatable_length {
    padding-left: 20px;
}

.main-pageContent.subadminlist-content .list.resellers-list #datatable_filter,
.main-pageContent.subadminlist-content .list.resellers-list #datatable_info {
    padding-left: 20px;
}

.main-pageContent.subadminlist-content .list.resellers-list #datatable_paginate {
    margin-right: 20px;
}

.frontline_smartship_page #searchForm input {
    margin: 0;
}

.tree li a .title {
    min-height: 40px;
    margin-bottom: 10px;
}

.tree li a {
    position: relative;
}

#listDiv .card-body.list-card {
    padding-right: 0;
}

.rank_status {
    background: var(--blue);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    box-shadow: none;
    color: #FFF;
    font-weight: bold;
}

#listDiv .profile-detail {
    justify-content: space-between;
    align-items: center;
}

.main-pageContent.Clawback-content .date-section-div,
.plan-list-div.cstm-history .date-section-div,
.main-pageContent.adminMove-content .date-section-div,
.main-pageContent.RevenueR-content .date-section-div,
.main-pageContent.salesRs-content .date-section-div,
.main-pageContent.Top20Ernrs-content .date-section-div,
.main-pageContent.BVreport-content .date-section-div,
.main-pageContent.OrderItemR-content .date-section-div {
    border-radius: 10px;
    margin-bottom: 25px;
}

.main-pageContent.Clawback-content .date-section-div,
.plan-list-div.cstm-history .date-section-div span.dates-now {
    width: auto;
}

.commission-page.list.clawback-cstm .search-div,
.plan-list-div.cstm-history .search-div {
    margin-bottom: 20px;
}

.main-pageContent.UsersList-content form .search-div {
    margin-bottom: 20px;
    background: var(--tableHeader);
}

.menu-management-container #menu_form #btnsave:hover {
    padding: 0 10px;
}

.date-section-div .date-range-div {
    width: auto;
}

.date-section-div .input-div.top-20-report {
    width: calc(100% - 105px);
    display: inline-flex;
    align-items: center;
}

/*20-9-2022*/
.set_datatable_scroll {
    padding: 10px;
    /* overflow: auto; */
}

.main-pageContent.OrderList-content .list.set_scoll div#DataTables_Table_0_wrapper {
    padding: 0;
}

.plans-list-div.cstm-prod div#datatable_filter {
    margin-bottom: 0;
}

.plans-list-div.cstm-prod div#datatable_filter {
    margin: 0;
}

.main-pageContent.ProductDetail-content .table-inner-section table.round-tb {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.main-pageContent.CreatePvariant-content :where(input#id_quantity, label[for="id_weight_units"], label[for="id_quantity"], [for="id_is_stock_available"], [for="id_isStockable"]) {
    margin-right: 10px;
}

.main-pageContent.CreatePvariant-content .container.create-order-cls .btn-success {
    margin-left: 0;
}

form#add_address_form label.error,
.main-pageContent.createorder-content form#add_address_form *:nth-child(2n) {
    max-width: 100%;
}

form#add_address_form .dataBottom .DataCheck {
    flex-wrap: wrap;
    position: relative;
}

form#add_address_form .dataBottom .DataCheck input.as_billing_add.error {
    position: absolute;
    top: 0;
}

form#add_address_form .dataBottom .DataCheck label {
    padding-left: 20px;
}

form#add_address_form .dataBottom .DataCheck input[type="checkbox"] {
    position: absolute;
    top: -1px;
}

.modal-dialog.modal-dialog-centered form#add_address_form .dataBottom .DataCheck .error {
    position: absolute;
    top: 20px;
}

.modal-dialog.modal-dialog-centered form#add_address_form label {
    width: 100%;
    max-width: 100%;
}

.autoship-div input.autoship-prod-btn {
    width: 15px !important;
    height: 15px;
    margin-right: 10px;
}

form#categoryForm label.error {
    color: #ff0000;
    font-size: 14px;
}

.main-pageContent.storeLIst-content .plans-list-div.cstm-store .set_datatable_scroll table {
    max-width: calc(100% - 20px);
}

:where(.plans-list-div.cstm-store, .main-pageContent.bannerList-content) div#datatable_filter {
    margin-bottom: 0;
}

.main-pageContent.bannerList-content .set_datatable_scroll {
    padding: 25px 9px !important;
}

.comm-tb-div.set_scoll table#commissions-history-table th:last-child {
    text-align: center;
}

.date-period {
    justify-content: space-between;
    display: flex;
}

.ranks-div-cls [class*="rank"] label {
    margin-right: 5px;
}

/*20-09-2022*/

/*21-09-2022*/
.parent-spons-div {
    flex-wrap: wrap;
}

/*23-09-2022*/

.os-viewport {
    overflow-y: auto !important;
}

.shipping_add_div.shipping_modal .btn.btn-primary.append-card {
    margin-left: 10px;
}

.shipping_add_div.shipping_modal {
    display: flex;
    width: 100%;
}

.main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table .admin_override_tr td.commission_status {
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}


.child_content.admin_override_tr td.commission_status:after {
    display: none;
}






@media (min-width: 1199px) {
    .main-pageContent.productIndex-content .container.create-order-cls {
        padding-bottom: 130px;
    }

}

@media (max-width: 1800px) {
    .content .product_list_content .plans-list-div table td:last-child .btn.btn-primary {
        max-width: 100px;
    }
}

@media (max-width: 1500px) {
    .list.resellers-list form .search-div {
        max-width: 100%;
    }

    .details-list-section .data.rank-cls strong {
        font-size: 10px;
    }

    .main-div.setting-cstm .ranks-div-cls {
        flex-wrap: wrap;
    }

    .main-div.setting-cstm .ranks-div-cls label {
        width: 100%;
    }
}

@media (max-width: 1440px) {
    .list.resellers-list .search-div label {
        max-width: 120px;
        width: 100%;
    }

    /* .main-pageContent.Newslist-content .plan-list-div.cstm-news .cstm-responsive #datatable_wrapper {
         padding: 0 5px;
    }*/
    .main-pageContent.Newslist-content .plan-list-div.cstm-news .cstm-responsive {
        padding: 0 15px;
    }

    .news-list-div {
        margin-bottom: 10px;
    }

    .createorder-content .product-table .table td .product-qty_tbl {
        max-width: 50px;
    }

    .create-order-wrap input {
        width: auto;
        max-width: 150px;
    }

}

@media (max-width: 1366px) {
    .dashboard-main-div h2 {
        margin-bottom: 20px;
    }

    .now-heading {
        max-width: 80%;
        flex: 0 0 80%;
    }

    div#myCarousel+.dashboard-main-div .dashboard-block2 .commission-page.list,
    div#myCarousel+.dashboard-main-div .dashboard-block3.dashboard-block1 .dashboard-block2 {
        overflow: visible;
    }

    .shipping-options-show table.round-tb.table.usersTable,
    form.shipping-options-form .table.usersTable {
        /* margin: 0 15px 20px 15px; */
    }

    form.shipping-options-form {
        /* overflow-x: auto; */
    }

    .main-pageContent.couponform-content .table-inner-section.coupan-form-std form#couponForm .form-group:nth-last-child(-n+3) {
        max-width: 23%;
    }

    .main-div.setting-cstm form.form {
        margin-bottom: 20px;
    }

    .ranks-div-cls>div {
        max-width: calc(100%/4);
    }
}

@media (max-width: 1280px) {
    .dashboard-main-div {
        margin-top: 0;
    }

    .main-pageContent.UsersList-content form {
        padding-right: 0;
    }

    .order-detail-child-div:last-child .row:nth-child(2) .order-data-div {
        margin-top: 15px;
        width: 100%;
        max-width: calc(100% - 25px);
    }

    .order-detail-child-div .order-data-div {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }

    .main-order-list .address-section {
        margin-bottom: 0;
    }

    form#orderForm .pricing-total-div {
        width: 100%;
    }

    .main-order-list-user .main-order-list .col-md-9 {
        max-width: 60%;
        width: 100%;
    }

    .container.create-order-cls .main-order-list [class*="col-md-3"] {
        width: 40%;
    }

    .main-table {
        overflow-x: auto;
        flex-wrap: wrap;
        padding: 10px 10px 20px;
    }

    div#myCarousel+.dashboard-main-div .row .main-table .dashboard-block3.dashboard-block1 {
        margin-bottom: 0;
        overflow-x: hidden;
        width: 40vw;
        margin-top: 0;
    }
}

@media (max-width: 1200px) {
    .main-pageContent.orderDetail-content .user-cls .table.inner-table-shop {
        width: 100%;
    }

    .main-flex+.order-detail-child-div+.order-detail-child-div {
        margin-top: 0;
    }

    .detail-cls.ord-detail-block>h2 {
        padding: 0;
    }

    .main-pageContent.orderDetail-content .order-detail-child-div .order-notes-div.col-md-6 {
        margin: 0 auto;
        max-width: calc(100% - 25px);
        padding: 0;
        width: 100%;
    }

    .main-pageContent.orderDetail-content .order-detail-child-div .order-notes-div.col-md-6 .main-notes {
        height: auto;
    }

    .table-inner-section.form-group .order-detail-child-div+.order-detail-child-div .row {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }

    .list.resellers-list .search-div label {
        max-width: 90px;
    }
}

@media (max-width: 1199.98px) {
    .main-flex>div {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .table-inner-section.form-group .main-flex button {
        margin-top: 10px;
    }

    .main-pageContent.createorder-content .order_form .main-order-list-user .main-order-list {
        margin-top: 0;
    }

    .product-table {
        margin: 10px 0;
    }

    form#orderForm .pricing-total-div {
        width: 50%;
    }

    .main-pageContent.autoshipdetail-content .main-flex label {
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
        padding: 0;
        margin-right: 0;
    }

    .main-pageContent.autoshipdetail-content .main-flex>div {
        justify-content: flex-start;
        align-items: flex-end;
    }

    .main-pageContent.autoshipdetail-content .main-flex>div .btn {
        margin-top: 0;
    }

    .table-inner-section.form-group .order-detail-child-div+.order-detail-child-div .order-notes-div.col-md-6 {
        padding: 0;
        margin-right: 0;
        max-width: calc(100% - 30px);
        margin-bottom: 20px;
    }

    div.coupon {
        max-width: 50%;
    }

    .kaire_kash {
        max-width: calc(50% - 30px);
        margin-bottom: 25px;
    }

    .main-order-list-user .main-order-list .col-md-9 {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .main-order-list-user .container.create-order-cls [class*="col-md-3"] {
        width: 100%;
    }

    .dataDesignt {
        width: 100%;
    }

    .dataDesignt .user-detail-ul {
        padding: 0 15px !important;
    }

    .createorder-content form#orderForm .pricing-total-div.autoship-main span.label-text,
    .createorder-content .pricing-total-div.autoship-main span {
        font-size: 13px;
        white-space: nowrap;
    }

    .main-pageContent.RevenueR-content .date-section-div .date-range-div {
        width: auto;
    }

    .main-pageContent.RevenueR-content .date-section-div .input-div.top-20-report {
        width: calc(100% - 120px);
        margin-left: 45px;
    }

    .ranks-div-cls>div {
        max-width: calc(100%/3);
    }

    .main-flex .pay-status-div {
        align-items: center;
    }

    .parent-spons-div [class*="col-md"] {
        width: 100%;
    }

    .parent-spons-div [class*="col-md"].spaceArea {
        padding: 0;
    }
}

@media (max-width: 1199.98px) and (min-width: 768px) {
    .list.resellers-list .search-div:where(input, select) {
        max-width: 29% !important;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .main-pageContent.UsersList-content form {
        padding-right: 15px;
    }

    .user-cls table.round-tb.table.inner-table-shop {
        width: 100%;
    }

    .order-detail-child-div .order-data-div {
        max-width: 100%;
    }

    form#orderForm .pricing-total-div {
        width: 100%;
    }

    .order-detail-child-div+.order-detail-child-div {
        margin-bottom: 0;
        margin-top: 0;
    }

    .container.create-order-cls .row.ship-payment-div .col-md-6 {
        padding: 0;
        max-width: calc(100%/2);
        float: none;
        width: 100%;
    }

    .container.create-order-cls .row.ship-payment-div {
        gap: 13px;
        justify-content: center;
    }

    .container.create-order-cls .row.ship-payment-div:where(:before, :after) {
        display: none;
    }

    .autoship-price-table.next-autoship table.round-tb.table {
        margin: 0 10px 20px;
    }

    .container.create-order-cls tbody.next-autoship-tbody input:not([type="checkbox"], [type="radio"]) {
        margin: 0;
    }

    .table-inner-section.form-group .main-flex {
        flex-wrap: wrap;
    }

    .dashboard-block-container {
        padding: 0 10px;
    }

    .dashboard-main-div .pie-heading h1 {
        margin-bottom: 10px;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .row:nth-child(2) .col-md-6:nth-child(3) .pie-heading {
        margin-top: 15px;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .row:nth-child(2) .dashboard-block1 h2 {
        margin-top: 20px !important;
        margin-bottom: 10px;
    }

    .table-inner-section.form-group .main-flex button {
        margin-top: 0;
    }

    .profile-image {
        width: 100%;
        height: 200px;
    }

    .detail-cls.ord-detail-block {
        overflow-x: auto;
        margin-bottom: 30px;
    }

    .pay-status-div label,
    .order-status-div label {
        margin: 0 0 10px;
        width: 100%;
        text-align: center;
    }

    .main-pageContent.subadmindetail-content .table-inner-section.user-det-page a.btn.btn-primary {
        float: none !important;
        margin-left: 5px !important;
        padding: 8px 25px;
        margin-right: 0;
    }

    .main-pageContent.Newslist-content .plan-list-div.cstm-news .cstm-responsive div#datatable_wrapper div#datatable_paginate {
        margin-bottom: 10px;
    }

    .main-pageContent.autoshipdetail-content .main-flex {
        justify-content: flex-start;
        flex-wrap: nowrap;
    }

    .main-flex select,
    .main-flex input {

        width: 100%;
        margin-bottom: 10px;
    }

    .main-pageContent.autoshipdetail-content .main-flex>div .btn {
        margin: 0;
        width: 100%;
    }

    .main-pageContent.autoshipdetail-content .main-flex>div {
        padding: 0 5px;
    }

    .main-order-list-user .main-order-list .col-md-9 {
        max-width: 100%;
    }

    .container.create-order-cls .main-order-list [class*="col-md-3"] {
        width: 100%;
        margin: 25px 0;
        padding: 0;
    }

    /*     20-09-2022*/
    .orderDetail-content .table-inner-section.form-group .main-flex {
        flex-wrap: wrap;
        /* justify-content: center; */
    }

    .orderDetail-content .table-inner-section.form-group .main-flex select,
    .main-flex input {
        max-width: 270px;
    }

}

@media (max-width: 767px) {
    .table-inner-section.user-det-page table.table.inner-table-shop {
        min-width: 100vw;
    }

    form#subadmin_form .form-group {
        max-width: 100%;
    }

    .page-heading-div h2 {
        font-size: 20px;
        /* line-height: 45px; */
        line-height: 1.2;
        padding: 0 15px;
        margin: 10px 0;
    }

    .dashboard-main-div h2 {
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 20px;
    }

    .resellers-list:where(select, input) {
        max-width: 100% !important;
        width: 100%;
        margin: 0 0 15px;
    }

    .list.resellers-list form .search-div {
        padding: 15px;
    }

    div#myCarousel+.dashboard-main-div .dashboard-block2 {
        min-width: auto;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-collapse) .main-footer {
        width: calc(100% - 70px);
    }

    .dashboard-main-div .dashboard-block4 {
        padding: 0 15px;
    }

    .pie-heading+.dashboard-block3.dashboard-block1 {
        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
    }

    .dashboard-block3.dashboard-block1 .commission-page.list,
    .pie-heading+.dashboard-block3.dashboard-block1>.dashboard-block2 {
        padding: 0;
    }

    .dashboard-block2 .dashboard-page.list {
        margin-bottom: 10px;
    }

    div#myCarousel+.dashboard-main-div .dashboard-block2 .dashboard-page.list {
        min-width: initial;
    }

    .dashboard-block-container {
        padding: 10px;
    }

    .main-pageContent.dashboard-content .dashboard-block1 h2 {
        margin-top: 0 !important;
    }

    .main-pageContent.dashboard-content>.row {
        margin: 0;
    }

    .pie-heading+.dashboard-block3.dashboard-block1>div {
        overflow-x: visible;
    }

    .table-inner-section.user-det-page {
        margin-bottom: 30px;
    }

    .container.create-order-cls .row.ship-payment-div .col-md-6 {
        max-width: 100%;
    }

    .container.create-order-cls .row.ship-payment-div {
        flex-wrap: wrap;
    }

    .containerDescription {
        padding-left: 0;
    }

    .col-md-3.prod-image-div img {
        width: 100%;
    }

    .coupon input#coupon {
        height: 40px;
        margin: 0;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    div.coupon {
        flex-wrap: wrap;
    }

    label#billing_address_id-error {
        top: 0;
    }

    .autoship-price-table label,
    .container.create-order-cls form#orderForm .product-table label {
        font-size: 18px;
    }

    .main-pageContent.createorder-content .bundle_form_section .autoship-div:last-child {
        transform: translateY(0);
    }

    form#subadmin_form {
        margin-bottom: 10px;
    }

    .sponser-div button.btn.btn-warning.change-sponser-btn {
        margin-top: 10px;
    }

    .table-inner-section.user-det-page>* {
        width: 100%;
        margin: 6px 0 !important;
    }

    .table-inner-section.user-det-page h1 {
        font-size: 16px;
        margin-top: 0 !important;
    }

    .containerDetail,
    .order-detail-child-div {
        float: left;
        /*width: 100%;*/
    }

    .profile-image {
        width: 100%;
        height: auto;
    }

    .custom-kairediv {
        float: left;
        overflow-x: auto;
    }

    .table-inner-section.user-det-page h1 {
        min-width: 100vw;
    }

    .table-inner-section.form-group .order-detail-child-div+.order-detail-child-div .order-inner-table {
        box-shadow: none;
    }

    .pay-status-div {
        display: flex;
    }

    .col-md-12.detail-cls h2,
    .dashboard-main-div>.row>.col-md-6:nth-child(3) .pie-heading h1 {
        margin-bottom: 0;
    }

    .tracking-info-table {
        overflow-x: auto;
        margin-bottom: 15px;
    }

    .dashboard-main-div>.row>.col-md-6:nth-child(2) .pie-heading h1 {
        margin-top: 20px;
    }

    .list.resellers-list table#datatable {
        width: 100%;
        min-width: auto;
    }

    .table-inner-section.form-group a.btn.btn-primary.prod-det-bck-btn {
        margin: 0;
        padding: 7px 20px;
    }

    .order-status-div label {
        text-align: center;
    }

    .pay-status-div select {
        width: 100%;
        margin-bottom: 10px;
    }

    .table-inner-section.form-group .main-flex {
        gap: 0;
    }

    .order-status-div>select {
        width: 100%;
        max-width: 100%;
    }

    .main-pageContent.orderDetail-content .order-detail-child-div .order-notes-div.col-md-6 .main-notes {
        min-width: 100%;
        margin: 0 auto;
    }

    .table-inner-section.form-group .order-detail-child-div+.order-detail-child-div .order-notes-div.col-md-6 {
        margin-top: 20px;
    }

    .order-detail-child-div:last-child .row:nth-child(2) .order-data-div {
        overflow-x: auto;
        margin-bottom: 0;
    }

    .order-detail-child-div .col-md-12.detail-cls.ord-detail-block h2 {
        margin: 10px auto;
    }

    .main-pageContent.subadmindetail-content .table-inner-section.user-det-page:last-child .btn.btn-primary {
        margin: 0 0 9px 0 !important;
    }

    .main-pageContent.createSubadmin-content form#subadmin_form .form-group {
        margin-bottom: 15px;
    }

    .table-inner-section.plan-form {
        margin-bottom: 20px;
    }

    .table-inner-section.plan-form form#subadmin_form {
        margin-bottom: 0;
        row-gap: 0;
        column-gap: 10px;
    }

    .table-inner-section .btn {
        margin: 0;
        padding: 6px 15px;
    }

    .main-pageContent.createorder-content form#searchForm input {
        width: 100%;
        max-width: 100%;
    }

    .bundle_form_section,
    .main-order-list .address-section {
        margin-bottom: 15px;
    }

    .autoship-main {
        /* min-width: 420px; */
        min-width: unset;
        float: left;
        width: 100%;
    }

    div.coupon {
        margin-top: 0;
    }

    .level-number h4 {
        font-size: 30px;
    }

    .main-pageContent.PbogiDetail-content .table-inner-section {
        overflow-x: auto;
    }

    .main-pageContent.PbogiDetail-content .table-inner-section h1 {
        min-width: 370px;
    }

    .table-inner-section.user-det-page h1 {
        margin-bottom: 0 !important;
    }

    div.coupon {
        max-width: 100%;
    }

    .createorder-content #orderForm .address-section {
        padding: 10px;
    }

    .createorder-content #orderForm .billing_add_div.billing_extra {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .show_billing_address,
    .show_shipping_address {
        margin-top: 15px;
    }

    form#orderForm .pricing-total-div {
        width: 100%;
        min-width: 100%;
    }

    .createorder-content .pricing-total-div.autoship-main span {

        text-align: right;
    }

    .main-pageContent.RevenueR-content .date-section-div .input-div.top-20-report {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .main-pageContent.RevenueR-content .date-section-div .input-div.top-20-report input {
        margin: 5px 10px 0 !important;
    }

    .date-section-div .input-div.top-20-report {
        width: 100%;
    }

    .date-section-div .input-div.top-20-report .sp-text {
        line-height: 1;
        font-size: 12px;
    }

    .main-pageContent.orderDetail-content .order-detail-child-div {
        float: none;
    }
}


.main-pageContent.ImageDB-content div#datatable_wrapper .set_datatable_scroll {
    margin: 0 -15px !important;
    padding: 15px;
    min-width: calc(100% + 30px);
}

.main-pageContent.Newslist-content .set_datatable_scroll {
    padding: 25px !important;
    margin: 0 -20px !important;
    caption-side: ;
    min-width: calc(100% + 40px);
    max-width: inherit;
}

/* responsive Revision */
@media only screen and (max-width:1700px) {
    td:last-child a.btn.btn-primary.table-view {
        /* max-width: 130px; */
        max-width: unset;
        width: auto;
    }
}

@media only screen and (max-width:1365px) {
    div#myCarousel+.dashboard-main-div .dashboard-block3.dashboard-block1 .dashboard-block2 .dashboard-page.list span.sp-text {
        padding-right: 5px;
        padding-left: 5px;
    }

    div#myCarousel+.dashboard-main-div .row .dashboard-block1 table tr th,
    div#myCarousel+.dashboard-main-div .row .dashboard-block1 table tr td {
        font-size: 13px;
        padding: 15px 10px !important;
    }

    div#myCarousel+.dashboard-main-div .dashboard-block2 .commission-page.list,
    div#myCarousel+.dashboard-main-div .row .dashboard-block1>div table {
        /* min-width: 400px; */
        min-width: unset;
    }

}

@media only screen and (max-width:1199px) {
    .dataAreaForm {
        width: calc(100% /3);
    }

    form .search-div {
        max-width: 100%;
        gap: 12px;
    }

    .table-inner-section.user-det-page .btn {
        padding: 8px 15px;
        height: 40px;
        line-height: normal;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .containerSponser .parent-spons-div {
        padding: 0;
    }

    .main-pageContent.Newslist-content .set_datatable_scroll {
        padding: 10px !important;
    }

    html body .set_datatable_scroll table {
        box-shadow: 0 0 1px #a79f9f;
    }
}

@media only screen and (max-width:991px) {
    .main-footer {
        /* width: calc(100% - 50px); */
    }

    .body-content.skin-blue.sidebar-mini.sidebar-collapse .main-footer {
        width: calc(100% - 300px);
    }

    .main-pageContent.dashboard-content .col-md-12 {
        padding: 0;
    }

    .main-pageContent.dashboard-content .col-md-12 .dashboard-page.list {
        max-width: calc(100% - 20px);
        margin: 0 10px 20px;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block4 {
        padding: 10px 20px;
    }

    .main-pageContent.dashboard-content .col-md-6 {
        padding: 0;
    }

    .main-pageContent.dashboard-content div#myCarousel+.dashboard-main-div .row .dashboard-block1 {
        overflow-x: auto;
        flex-wrap: wrap;
        padding: 0 20px;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .row:last-child .col-md-6+.col-md-6 .dashboard-block3.dashboard-block1 {
        padding: 0 !important;
        margin: 0 20px;
        max-width: calc(100% - 40px);
    }

    .shipping-options-show {
        margin-top: 20px;
    }

    .sponser-main {
        flex-wrap: wrap;
    }

    .sponser-main .sponser-text {
        margin: 7px 0 0;
    }

    .sponser-div {
        padding: 20px;
    }

}

@media only screen and (max-width:767px) {
    .main-pageContent.ShippingDetail-content form#shipping-detail-form input.btn.btn-success.submit-btn.form-submit-button.shipping-update-btn {
        margin: 0;
    }

    .content .page-heading-div+a.btn.btn-primary.prod-det-bck-btn {
        margin-left: 22px;
    }

    div#myCarousel+.dashboard-main-div .dashboard-block2 .dashboard-page.list {
        padding: 10px;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped,
    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped .dashboard-table.top10-earners {
        display: block;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped .dashboard-table.top10-earners tr {
        display: block;
        border: 0;
        border-bottom: 2px solid var(--tableHeader);
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped .dashboard-table.top10-earners tr:last-child {
        border: 0 none;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped thead {
        display: none;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped td {
        display: block;
        width: 100%;
        border-top: 1px solid #f4f4f4;
        text-align: right;
        position: relative;
        padding-left: 50% !important;
        font-size: 11px;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped td::before {
        content: "red";
        position: relative;
        color: #FFF;
        float: left;
        width: 50%;
        text-align: left;
        background: var(--tableHeader);
        position: absolute;
        left: 0;
        top: -1px;
        height: 100%;
        padding: 10px 5px;
        font-weight: bold;
        font-size: 12px;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped td:first-child::before {
        content: "User ID";
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped td:nth-child(2)::before {
        content: "Name";
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped td:nth-child(3)::before {
        content: "Downline Sales";
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped td:last-child::before {
        content: "Commissions (Paid)";
    }

    .dashboard-main-div>.row>.col-md-6:nth-child(3) .pie-heading h1 {
        margin-bottom: 15px;
    }

    .dataAreaForm {
        width: 100%;
        padding: 0;
    }

    .list.resellers-list form .search-div .btn.btn-primary,
    .list.resellers-list form .search-div .btn.btn-primary:hover,
    form#searchForm .btn.btn-primary,
    form#searchForm .btn.btn-primary:hover,
    #menu_form .btn.btn-primary,
    #menu_form .btn.btn-primary:hover {
        margin-top: 10px;
    }

    html body .date-section-div.searchdate {
        flex-direction: column;
    }

    .date-section-div .input-div.top-20-report {
        flex-wrap: wrap;
        margin-top: 5px;
    }

    .date-section-div.searchdate .date-range-div {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        width: 100%;
        text-align: center;
        font-weight: bold;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .date-section-div.searchdate .date-range-div strong {
        font-weight: bold;
    }

    .chkbx-div {
        padding: 5px 8px 5px;
        border-radius: 5px;
        font-size: 10px;
    }

    .table-inner-section.user-det-page>* {
        margin: 15px 0 !important;
    }

    form .chkbx-div input[type="checkbox"] {
        margin-right: 3px;
    }

    form .chkbx-div input[type="checkbox"] {
        transform: scale(0.9);
    }

    .main-pageContent.subadmindetail-content .table.inner-table-shop,
    .main-pageContent.subadmindetail-content .table-inner-section.user-det-page h1 {
        min-width: calc(100vw - 100px) !important;
    }

    .ranks-div-cls>div {
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%;
    }

    .main-div.setting-cstm .ranks-div-cls input {
        width: 100%;
        margin: 0;
        height: 45px;
    }

    .main-div.setting-cstm .ranks-div-cls {
        margin-bottom: 15px;
    }

    .main-pageContent.ImageDB-content .list #datatable_wrapper {
        padding: 0;
    }

    .main-pageContent.ImageDB-content .list {
        overflow: hidden;
    }

    .main-pageContent.ImageDB-content div#datatable_wrapper .set_datatable_scroll {
        min-width: 100%;
    }

    form#dashboardImageForm img {
        height: auto;
    }

    .membership-div select,
    .membership-div input,
    .container.create-order-cls input:not([type="checkbox"], [type="radio"]),
    .container.create-order-cls select {

        width: 100%;
        margin: 0;
    }

    table#datatable img {
        object-fit: cover;
    }

    table.round-tb tr td {
        min-width: 100px;
        word-break: break-word;
    }

    #bannerForm,
    .main-pageContent.adddocs-content .downloads-page.list,
    .main-pageContent.addLegend-content .downloads-page.list,
    .main-pageContent.addMPcontent-content .create-order-cls.cstm_content .downloads-page.list,
    .main-pageContent.AddPBContent-content .downloads-page.list,
    .main-pageContent.add_PBenifit-content .downloads-page.list,
    .main-pageContent.ReportHeading-content .downloads-page.list,
    .main-pageContent.Createnews-content form,
    .main-pageContent.ShippingDetail-content .list,
    .main-pageContent.saveDBImages-content .container.create-order-cls #dashboardImageForm,
    .main-pageContent.sitesetting-content .main-div.setting-cstm .form {
        padding: 15px;
    }

    .main-pageContent.saveDBImages-content #dashboardImageForm .form-group input:not[type="checkbox"] {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

    form#shipping-detail-form input.btn.btn-success.submit-btn.form-submit-button.shipping-update-btn {
        margin-bottom: 25px;
    }

    .news-list-div.management_cstm .text-right a.btn.btn-success {
        margin: 0 0 15px;
    }

    .user-cls .main-flex :where(select, input) {
        max-width: 270px;
    }


    /*     20-09-2022*/
    .user-cls .main-pageContent.orderDetail-content .order-detail-child-div {
        float: none;
    }

    .main-pageContent.ProductDetail-content table.round-tb.table.inner-table-shop tbody tr,
    .main-pageContent.orderDetail-content .order-detail-child-div tbody tr,
    .user-cls table.round-tb.table.inner-table-shop tr {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main-pageContent.ProductDetail-content table.round-tb.table.inner-table-shop tbody th,
    .order-detail-child-div .order-inner-table table.round-tb.table.inner-table-shop th,
    .user-cls table.table.inner-table-shop tr th,
    .shipping-add table.table.inner-table-shop tr:first-child th,
    table.table.inner-table-shop tr th {
        width: 100%;
        text-align: center !important;
    }

    .main-pageContent.orderDetail-content .order-detail-child-div tbody td,
    table.table.inner-table-shop td {
        width: 100%;
        text-align: center !important;
    }

    .orderDetail-content .table-inner-section.form-group .order-detail-child-div+.order-detail-child-div .order-notes-div.col-md-6 {
        max-width: 100%;
    }

    .main-pageContent.orderDetail-content .order-detail-child-div .detail-cls.ord-detail-block {
        margin-bottom: 0;
    }

    .orderDetail-content .table-inner-section.form-group .order-detail-child-div+.order-detail-child-div .order-notes-div.col-md-6 {
        max-width: calc(100% - 25px);
        margin: 0 auto;
    }

    .main-pageContent.orderDetail-content .table-inner-section.form-group .order-detail-child-div:nth-child(6) .row+.row {
        margin: 0;
        overflow: visible;
    }

    .main-pageContent.orderDetail-content .table-inner-section.form-group .order-detail-child-div:nth-child(6) .row+.row .order-data-div {
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }

    .main-pageContent.autshipOrderlist-content div#DataTables_Table_0_wrapper {
        overflow-x: visible;
    }

    .main-pageContent.createorder-content .container.create-order-cls .main-order-list [class*="col-md-3"] {
        margin: 10px 0 0;
    }

    .main-pageContent.createorder-content .action-btns {
        display: flex;
    }

    .main-pageContent.createorder-content .coupon button#add_coupon,
    .main-pageContent.createorder-content .action-btns button.submit_order.btn.btn-success {
        margin-left: 0;
    }

    .container.create-order-cls .main-order-list h3[for="autoship-price-table"] {
        margin-top: 0;
    }

    .container.create-order-cls .main-order-list-user .main-order-list .search_result {
        display: none
    }

    [for="id_ingredients"] {
        margin-top: 10px;
    }

    .main-pageContent.ProductDetail-content .dz-default.dz-message {
        margin: 0;
    }

    .main-pageContent.ProductDetail-content .dz-default.dz-message form#MultiFileUpload {
        min-height: auto;
    }

    .main-pageContent.ProductDetail-content .table-inner-section table.round-tb {
        /* overflow: visible; */
        border: none;
        box-shadow: 0 0 0px 1px #ddd;
    }

    form#categoryForm,
    form#storeForm {
        padding: 15px;
    }

    .main-pageContent.storeLIst-content .list.set_scoll div#datatable_wrapper {
        padding: 0;
    }

    .main-pageContent.storeLIst-content .list.set_scoll table#datatable {
        margin: 0 8px;
    }

    .plans-list-div.cstm-store a.btn.btn-primary.store-btn {
        display: inline-flex;
        margin: 0 auto;
    }

    .plans-list-div.cstm-banner_list .list.set_scoll div#datatable_wrapper {
        padding: 0;
    }

    :where(.main-pageContent.Homeadd-content, .main-pageContent.addLegend-content) .downloads-page.list .django-ckeditor-widget {
        margin-bottom: 10px;
    }

    .main-pageContent.adddocs-content .plan-list-div .downloads-page.list {
        padding: 15px;
    }

    .main-pageContent.addLegend-content .container.create-order-cls form {
        padding: 20px;
    }

    form#couponForm .form-group,
    .main-pageContent.couponform-content .table-inner-section.coupan-form-std form#couponForm .form-group {
        max-width: 100%;
        width: 100%;
        flex: 100%;
    }

    .create-kaire_cash .contain {
        padding: 20px;
    }

    .create-kaire_cash .contain h3 {
        margin-top: 0;
        font-size: 18px;
    }

    .table-inner-section.coupan-form-std form#couponForm :where(a, input.btn) {
        margin-top: 0;
        max-width: max-content;
        padding: 5px 20px;
        line-height: normal;
        height: 35px;
    }

    .main-pageContent.prompterCouponform-content .page-heading-div h2 {
        max-width: 220px;
        line-height: normal;
        margin: 10px auto 0;
    }

    .main-pageContent.commHinstory-content .export-cstm input.btn.btn-primary.search-commission {
        margin-left: 0;
        text-align: center;
        justify-content: center;
    }

    .date-section-div .input-div.top-20-report {
        justify-content: center;
    }

    html body .date-section-div.searchdate .input-div.top-20-report .dataSearch {
        margin-left: 0;
        padding: 5px 0;
        text-align: center;
        justify-content: center;
        max-width: fit-content;
    }

    .date-section-div.searchdate .export-cstm button.export-btn.btn.btn-success {
        margin-left: 0
    }

    .plan-list-div.cstm-history>.commission-page.list {
        padding: 0;
    }

    .date-period span {
        font-size: 14px;
    }

    .date-period {
        text-align: center;
    }

    .commission-page.list .comm-tb-div {
        margin-right: 0;
        padding: 0 10px 15px;
    }

    .main-pageContent.resellerR-content .set_scoll table#dataTable {
        min-width: auto;
        width: 100%;
        white-space: nowrap;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }

    .plans-list-div h2 {
        font-size: 20px;
    }

    .main-pageContent.Clawback-content .plan-list-div button.btn,
    .order-item-table.set_scoll {
        margin-top: 20px;
    }

    .main-pageContent.ShippingDetail-content table.round-tb.table.usersTable input.btn.btn-success.submit-btn.form-submit-button {
        margin-left: 0;
    }

    .parent-spons-div [class*="col-md"].spaceArea .btn {
        width: 100%;
        margin: 0 !important;
    }

    .parent-spons-div [class*="col-md"].spaceArea .btn.btn-primary {
        margin: 20px auto !important;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page .btn {
        margin: 3px auto !important;
    }

    .user-det-page table.table.inner-table-shop tr:first-child th {
        width: 100%;
    }

    .main-pageContent.dashboard-content div#myCarousel+.dashboard-main-div .row .dashboard-block1 {
        overflow-x: auto;
        flex-wrap: wrap;
        padding: 0 20px;
        max-width: calc(100% - 30px);
        margin: 0 auto;
    }

    .date-section-div.searchdate .input-div.date-input-div .dataSearch {
        max-width: max-content;
    }

    .date-section-div.searchdate .input-div.date-input-div {
        flex-wrap: wrap;
        justify-content: center;
    }

    .main-pageContent.dashboard-content .dashboard-block2 .date-section-div.searchdate {
        max-width: calc(100% - 15px);
        margin: 0 auto;
        padding: 10px;
    }

        {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .main-pageContent.dashboard-content div#myCarousel+.dashboard-main-div .row .dashboard-block1 {
        /* margin: auto; */
        margin: 0 15px;
    }

    .pie-heading {
        width: 80%;
        margin: 0 auto;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .col-md-6 {
        float: left;
        width: 100%;
        margin: 0 auto;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped .dashboard-table.top10-earners tr:last-child :where(th, td):last-child {
        padding: 20px !important;
    }

    .containerSponser .grand-parent-spons-div {
        margin-bottom: 20px;
    }

    .table-inner-section.user-det-page .containerOrders {
        overflow-x: visible;
    }

    .main-pageContent.UserDetail-content :where(.table-inner-section.user-det-page h1, .table-inner-section.user-det-page table.table.inner-table-shop) {
        min-width: 100%;
    }

    .main-pageContent.UserDetail-content .order-detail-child-div {
        display: flex;
    }

    .main-pageContent.UserDetail-content .order-detail-child-div .containerDetail {
        width: 100%;
    }

    .main-pageContent.UserDetail-content .order-detail-child-div {
        flex-wrap: wrap;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page h1 {
        margin-bottom: 0 !important;
        min-width: auto;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page table.table.inner-table-shop,
    .custom-kairediv .round-tb.table.inner-table-shop,
    .main-pageContent.UserDetail-content .order-detail-child-div .containerDetail .round-tb.table.inner-table-shop {
        min-width: 100%;
    }

    .containerOverride .user_rank_div {
        overflow-x: auto;
    }

    .main-pageContent.UserDetail-content .containerDetail .round-tb.table.inner-table-shop th {
        text-align: center !important;
    }

    .custom-kairediv .round-tb.table.inner-table-shop tr {
        display: flex;
        flex-direction: column;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page {
        margin: auto;
    }

    .main-pageContent.UserDetail-content .containerOverride .user_rank_div h1 {
        min-width: 100vw;
        width: 103vw;
    }

    .table-inner-section.user-det-page .custom-kairediv {
        max-width: calc(100% - 10px);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        margin: 0 !important;
        border-radius: 20px;
    }

    .main-pageContent.UserDetail-content .containerOrders .user-detail-order-div {
        margin-bottom: 0;
        border-radius: 0 0 30px;
    }

    .main-pageContent.UserDetail-content .custom-kairediv .round-tb.table.inner-table-shop {
        margin-bottom: 0;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page .custom-kairediv h1,
    .main-pageContent.UserDetail-content .table-inner-section.user-det-page h1 {
        margin-bottom: 0 !important;
        min-width: 76vw;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page .custom-kairediv {
        margin-bottom: 20px !important;
    }

    .main-pageContent.UserDetail-content .containerOrders {
        overflow-x: auto !important;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page {
        overflow: visible;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page h1 {
        min-width: auto;
    }

    .containerOverride .user_rank_div {
        margin: 0;
        overflow-x: visible;
    }

    .main-pageContent.UserDetail-content .containerOverride {
        overflow-x: auto !important;
    }

    .main-pageContent.UserDetail-content .containerOverride .user_rank_div {
        overflow-x: auto;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.47);
        border-radius: 30px;
        padding-bottom: 10px;
    }

    .main-pageContent.UserDetail-content .containerOverride {
        float: left;
        width: 100%;
    }

    .main-pageContent.UserDetail-content .containerOverride {
        overflow-x: visible;
        border-radius: 30px !important;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page table.table.inner-table-shop {
        box-shadow: none;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page .containerOverride {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    .containerOverride .table-view {
        margin-left: 10px;
    }

    .main-pageContent.UserDetail-content .user-notes-div.table.inner-table-shop.user-detail-order-table .add-note-submit-div {
        padding: 20px 10px 0;
    }
}


@media only screen and (max-width:567px) {
    .main-pageContent.autoshipdetail-content .order-detail-child-div .order-data-div tr {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .main-pageContent.autoshipdetail-content .order-detail-child-div .order-data-div tbody {
        display: block;
    }

    .main-pageContent.autoshipdetail-content .order-detail-child-div .order-data-div tr th,
    .order-detail-child-div .order-data-div tr td {
        width: 100% !important;
        display: block;
        text-align: left !important;
        padding: 10px !important;
    }

    .autoshipdetail-content .user-cls .table,
    .autoshipdetail-content .user-cls .table tr,
    .autoshipdetail-content .user-cls .table td,
    .autoshipdetail-content .user-cls .table th,
    .autoshipdetail-content .user-cls .table tbody,
    .autoshipdetail-content .table,
    .autoshipdetail-content .table tbody,
    .autoshipdetail-content .table td,
    .autoshipdetail-content .table th,
    .autoshipdetail-content .table tr {
        display: block;
        width: 100% !important;
    }

    .order-detail-child-div .detail-cls.ord-detail-block {
        width: 100%;
    }

    .order-detail-child-div .detail-cls.ord-detail-block td {
        position: relative;
        padding-top: 45px !important;
    }

    .order-detail-child-div .detail-cls.ord-detail-block td::before {
        content: "Image";
        background: var(--blue);
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        font-size: 14px;
        color: #FFF;
        font-weight: bold;
    }

    .order-detail-child-div .detail-cls.ord-detail-block td:nth-child(2)::before {
        content: "Product Name";
    }

    .order-detail-child-div .detail-cls.ord-detail-block td:nth-child(3)::before {
        content: "SKU";
    }

    .order-detail-child-div .detail-cls.ord-detail-block td:last-child::before {
        content: "Total Price";
    }

    .order-detail-child-div .detail-cls.ord-detail-block thead {
        display: none;
    }

    input#notes_cancel_btn {
        margin-right: 10px;
    }

    .table-inner-section.form-group .main-flex {
        gap: 10px;
        flex-wrap: wrap;
    }

    .modal-dialog.modal-dialog-centered form#add_address_form .dataBottom .DataCheck .error {
        position: absolute;
        top: 0;
    }

    .ParentDescription p {
        max-width: 100%;
        flex: 100%;
    }
}




/* 23-09-2022 */

.main-pageContent.createorder-content #previewEmail .modal-dialog {
    width: 100%;
    /* max-width: 710px; */
    max-width: 715px;
}

.main-pageContent.createorder-content .os-viewport {
    overflow-y: auto !important;
}

.main-pageContent.createorder-content .select-userType-div span.card-det-span {
    color: #fff;
    padding: 0 40px 0 5px;
}

.main-pageContent.createorder-content h3 {
    margin-right: 0;
    font-weight: 600;
    /*	color: #FFF;*/
    padding-right: 5px;
    width: 100%;
    margin-top: 0;
}

.select-user_div {
    border: 1px solid var(--tableHeader) !important;
    background: var(--tableHeader) !important;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 15px;
    border-radius: 20px;
}

.main-pageContent.createorder-content {
    padding: 0 20px;
}

.main-pageContent.createorder-content .row {
    margin: 0;
}

.main-pageContent.createorder-content .dataDesignt.col-md-12 {
    margin-top: 20px;
    background: #fff;
    padding: 0;
}

.main-pageContent.createorder-content .dataDesignt.col-md-12 .user_detail.search_result.inner-table-shop {
    box-shadow: 0 0 10px #a79f9f;
    height: 100%;
    max-height: 370px;
    border-radius: 25px;
    overflow: auto;
}

.plan-list-div.cstm-manage-coo table.round-tb thead tr th,
.plan-list-div.cstm-history table.round-tb thead tr th {
    /* padding: 10px 20px; */
    padding: 10px;
    background: var(--tableHeader);
    color: #fff;
    text-transform: capitalize;
    border-bottom: 1px solid #111;
}

.plan-list-div.cstm-manage-coo table.round-tb table,
.plan-list-div.cstm-history table.round-tb table {
    border-collapse: separate;
}

.plan-list-div.cstm-manage-coo table.round-tb tbody tr:last-child td,
.plan-list-div.cstm-history table.round-tb tbody tr:last-child td {
    border-bottom: 0;
}

.plan-list-div.cstm-manage-coo table.round-tb tbody tr td,
.plan-list-div.cstm-history table.round-tb tbody tr td {
    border: 1px solid #ddd;
}

.dataDesignt.col-md-12 .user_detail.search_result.inner-table-shop .round-tb.table {
    margin-bottom: 0;
}

.plan-list-div.cstm-manage-coo .main-pageContent.createorder-content h3,
.plan-list-div.cstm-history .main-pageContent.createorder-content h3 {
    color: #000;
}

.row.select-user_div h3 {
    color: #fff;
}

.test_phone .form-control,
.test_email .form-control {
    width: 100%;
    max-width: 100%;
}

#commForm .row.test-mail-div {
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 10px;
    width: 100%;
    max-width: calc(100% - 30px);
    margin: 0 auto 20px;
    padding: 20px;
}

form#bogoForm .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
}

.plan-list-div.cstm-manage-coo #commissions-history-table tbody tr.tr-main td,
.plan-list-div.cstm-manage-coo #commissions-history-table .tr-main.user_content[class*="user"],
.plan-list-div.cstm-history #commissions-history-table tbody tr.tr-main td,
.plan-list-div.cstm-history #commissions-history-table .tr-main.user_content[class*="user"] {
    background-color: var(--green);
}

.plan-list-div.cstm-manage-coo #commissions-history-table .tr-main.user_content[class*="user"]:nth-child(2) td,
.plan-list-div.cstm-history #commissions-history-table .tr-main.user_content[class*="user"]:nth-child(2) td {
    font-weight: 700;
    text-transform: uppercase;
}

.plan-list-div.cstm-manage-coo #commissions-history-table td button.btn.btn-primary.viewdetail,
.plan-list-div.cstm-history #commissions-history-table td button.btn.btn-primary.viewdetail {
    padding: 10px 30px;
    background: var(--tableHeader);
    border-radius: 30px;
    text-transform: uppercase;
    border: transparent;
    margin: 0;
    border: 2px solid var(--tableHeader);
}

.plan-list-div.cstm-manage-coo #commissions-history-table td button.btn.btn-primary.viewdetail:hover {
    background: #fff;
    color: var(--tableHeader) !important;
}

.body-content.skin-blue.sidebar-mini button.btn.btn-primary.expand_user {
    background: transparent;
    color: #000;
    text-transform: uppercase;
    border: transparent;
    box-shadow: 0 0 5px #ccc;
    position: relative;
    margin-right: 0 !important;
}

.tr-main.user_content.user7 td:nth-child(6) {
    text-align: right;
}

.body-content.skin-blue.sidebar-mini .commission-history-tb-body {
    background: #eff5f8;
}

.body-content.skin-blue.sidebar-mini .commission-history-tb-body tr {
    background: transparent;
}

.plan-list-div.cstm-manage-coo #commissions-history-table .commission-history-tb-body .tr-user-main .btn.btn-primary,
.plan-list-div.cstm-history #commissions-history-table .commission-history-tb-body .tr-user-main .btn.btn-primary {
    background: #fff;
    color: #000;
    max-width: max-content;
    text-transform: uppercase;
    border: transparent;
    box-shadow: 0 0 5px #ccc;
    position: relative;
    padding: 8px 20px 8px 40px;
}

.plan-list-div.cstm-manage-coo #commissions-history-table .commission-history-tb-body .tr-user-main .btn.btn-primary:after,
.plan-list-div.cstm-history #commissions-history-table .commission-history-tb-body .tr-user-main .btn.btn-primary:after {
    content: "\f055";
    position: absolute;
    right: auto;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
    font-family: "FontAwesome";
    font-size: 30px;
}

.plan-list-div.cstm-manage-coo #commissions-history-table .commission-history-tb-body .tr-user-main .Expand .btn.btn-primary.expand_user::after,
.plan-list-div.cstm-history #commissions-history-table .commission-history-tb-body .tr-user-main .Expand .btn.btn-primary.expand_user::after {
    content: "\f056";
}

.plan-list-div.cstm-history .tr-user-main {
    background: #e9f2f9;
}

.main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table tr:last-child td,
.main-pageContent.ManageComm2-content .plan-list-div.cstm-history #commissions-history-table tr:last-child td {
    border: none !important;
}

.plan-list-div.cstm-history table#commissions-history-table tr.tr-user-main td:last-child,
#commissions-history-table tr td {
    border: none !important;
}

.main-pageContent.commHinstory-content button.btn.btn-primary.expand_user {
    background: #fff;
    color: #000;
    text-transform: uppercase;
    padding: 10px 30px 10px 40px !important;
    max-width: max-content !important;
    position: relative;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

#commForm>.col-md-12 .dataDesignt+.row {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    max-width: 100%;
    margin: 20px 0;
    width: 100%;
    display: flex;
    padding: 20px 10px;
    float: left;
}

.plan-list-div.cstm-manage-coo .main-pageContent.createorder-content h3,
.plan-list-div.cstm-history .main-pageContent.createorder-content h3 {
    margin: 0;
}

.plan-list-div.cstm-manage-coo #commForm .row.test-mail-div,
.plan-list-div.cstm-history #commForm .row.test-mail-div {
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 10px;
}

.body-content.skin-blue.sidebar-mini .plan-list-div.cstm-manage-coo .commission-history-tb-body .tr-main.user_content[class*="user"] td,
.body-content.skin-blue.sidebar-mini .plan-list-div.cstm-history .commission-history-tb-body .tr-main.user_content[class*="user"] td {
    color: #fff;
}

.createorder-content .select-user_div {
    border-radius: 10px;
}

.plan-list-div.cstm-manage-coo .tr-main.user_content.user9 td:last-child,
.plan-list-div.cstm-history .tr-main.user_content.user9 td:last-child {
    text-align: right;
}

.plan-list-div.cstm-manage-coo .tr-main.user_content.user9 td:last-child .btn.btn-primary.viewdetail,
.plan-list-div.cstm-history .tr-main.user_content.user9 td:last-child .btn.btn-primary.viewdetail {
    margin: 0;
}

.plan-list-div.cstm-manage-coo tr.tr-main.user_content[class*="user"],
.plan-list-div.cstm-history tr.tr-main.user_content[class*="user"] {
    background: var(--buttonColor);
    border-bottom: 1px solid #fff;
}

.plan-list-div.cstm-manage-coo tr.tr-main.user_content[class*="user"] td,
.plan-list-div.cstm-history tr.tr-main.user_content[class*="user"] td {
    color: #fff;
}

.plan-list-div.cstm-manage-coo .child_content td.commission_status,
.plan-list-div.cstm-history .child_content td.commission_status {
    color: green;
    text-transform: uppercase;
    font-weight: 700;
    text-align: right;
    position: relative;
}

.plan-list-div.cstm-manage-coo td,
.plan-list-div.cstm-history td {
    text-align: left;
}

.child_content td:last-child::after,
.main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table .admin_override_tr td.commission_status .commission_status::after,
.child_content td:last-child::after,
.main-pageContent.ManageComm2-content .plan-list-div.cstm-history #commissions-history-table .admin_override_tr td.commission_status .commission_status::after {
    position: absolute;
    content: "\f00c";
    right: auto;
    left: calc(100% - 100px);
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
    font-family: "FontAwesome";
    background: var(--green);
    width: 17px;
    height: 17px;
    line-height: 1;
    font-size: 10px !important;
    color: #FFF !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
}

.plan-list-div.cstm-manage-coo .btn.btn-primary.admin-delete-commission-btn,
.plan-list-div.cstm-history .btn.btn-primary.admin-delete-commission-btn {
    background: var(--red);
    border-color: var(--red);
}

.plan-list-div.cstm-manage-coo .btn.btn-primary.admin-delete-commission-btn:hover,
.plan-list-div.cstm-history .btn.btn-primary.admin-delete-commission-btn:hover {
    background: #fff;
    color: var(--red) !important;
    border-color: var(--red) !important;
}

.plan-list-div.cstm-manage-coo .child_content_heading td,
.plan-list-div.cstm-history .child_content_heading td {
    font-weight: 600;
    text-transform: uppercase;
}

.plan-list-div.cstm-history table#commissions-history-table tr.tr-user-main td:last-child,
#commissions-history-table tr td {
    border-bottom: 1px solid #ccc !important;
}

/*26-09-2022*/
.main-pageContent.createorder-content .row.select-user_div h3[for="template"] {
    margin-bottom: 10px;
}

.main-pageContent.createorder-content .row.select-user_div {
    margin: 0 15px;
    background: var(--buttonColor);
}

.main-pageContent.createorder-content .row.select-user_div .col-md-12 {
    padding: 0 10px;
}

.main-pageContent.createorder-content .row.test-mail-div h3[for="template"] {
    margin-bottom: 0;
}

.main-pageContent.createorder-content .row.test-mail-div h3[for="template"]+.test_email input {
    margin-top: 15px;
}

.main-pageContent.createorder-content .col-md-12 h3[for="template"] {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}

.main-pageContent.createorder-content label[for="testEmail"] {
    margin-bottom: 0;
    transform: translateY(-2px);
}

.template_select_div.billing_extra .template #preview_email {
    text-transform: capitalize;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.template_select_div.billing_extra .template #preview_email:hover {
    color: var(--buttonColor);
}

/*
.template_select_div.billing_extra .template {
  max-width: 300px;
}
*/

/*26-09-2022*/
.sponser-img {
    max-width: 110px;
    width: 100%;
    height: 110px;
}

.sponser-img img {
    width: 100%;
    max-width: 110px;
    object-fit: cover;
}

.user-notes-div.table.inner-table-shop .user-detail-order-div .round-tb.table.inner-table-shop.user-detail-order-table th {
    color: var(--tableHeader);
}

.sponser-main .sponser-text {
    max-width: calc(100% - 200px);
    flex: 1;
    width: 100%;
}

.plan-list-div.cstm-manage-coo table#commissions-history-table td .btn.btn-primary.admin-over-btn {
    background: #fff;
    padding: 8px 20px;
    color: var(--tableHeader);
    margin-right: 10px;
    border: 2px solid var(--tableHeader);
}

.plan-list-div.cstm-manage-coo table#commissions-history-table td .btn.btn-primary.admin-over-btn:hover {
    background: var(--tableHeader);
    color: #fff !important;
}

.plan-list-div.cstm-manage-coo .comm-tb-div table#commissions-history-table td {
    border-left: none !important;
    border-right: 0 !important;
}

.plan-list-div.cstm-manage-coo .comm-tb-div table#commissions-history-table th {
    width: 300px;
    text-align: left;
}

.main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table .commission-history-tb-body tr.tr-main[class*="user"]:nth-child(2n) td {
    font-weight: 600;
}

/*
.plan-list-div.cstm-manage-coo tr.tr-main.user_content.user9:nth-child(2n) td {
  font-weight: 400 !important;
}
*/
.main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table td {
    padding: 20px 20px;
}

.plan-list-div.cstm-manage-coo .comm-tb-div.set_scoll #commissions-history-table {
    min-width: auto;
    /* width: auto; */
    width: 100%;
}

.plan-list-div.cstm-manage-coo .commission-page .d-flex {
    display: flex;
    ;
    gap: 10px;
    justify-content: flex-end;
}

.plan-list-div.cstm-manage-coo .commission-page .d-flex button {
    padding: 10px 20px !important;
    font-size: 14px;
    text-transform: capitalize !important;
    margin: 0 !important;
}

.plan-list-div.cstm-manage-coo .date-period {
    align-items: center;
}

.containerOrders table.round-tb.table.inner-table-shop.user-detail-order-table th,
.table-inner-section.user-det-page .user_rank_div table.round-tb.table.inner-table-shop th {
    color: var(--tableHeader);
}

.main-pageContent.UserDetail-content .containerOrders .user-detail-order-div table td a {
    max-width: max-content;
}

.sidebar-menu>li a {
    padding: 6px 5px 6px 25px;
}

/*27-09-2022*/
.btn.btn-primary.table-view:first-child {
    margin-right: 5px !important;
}

.main-pageContent.Commissionlogs-content {
    padding-top: 20px;
}

.main-pageContent.Commissionlogs-content .input-div.top-20-report {
    float: unset;
    padding: 0;
    justify-content: flex-end;
}

.date-section-div .input-div.top-20-report span.dates-now {
    width: auto;
    text-align: left;
}

#kaire-cash-logs-table tr {
    border: none;
}

.plans-list-div .commission-page.list .date-section-div {
    display: flex;
    justify-content: space-between;
}

div#editPlanModal .modal-dialog.modal-dialog-centered form#add_address_form .form-control {
    width: 100%;
    max-width: 100%;
}

div#editPlanModal form#add_address_form .dataBottom .DataCheck label {
    padding-left: 24px;
}

.main-pageContent.createorder-content .product-table table.round-tb th,
form#orderForm .product-table table.round-tb.table th {
    border-top: 0;
}

.main-pageContent.createorder-content .container.create-order-cls .autoship-price-table.next-autoship label[for="autoship-price-table"] {
    margin-bottom: 15px !important;
}


div#addCardModal.modal-open .modal {
    padding-left: 20px;
}

.order-status-div {
    align-items: center;
    display: flex;
}

.order-status-div label {
    margin-bottom: 0;
}

/*
tr.main_row.member_pack td {
    background: #f1f1;
}
*/
tr.main_row.member_pack td {
    background: #e1e1e1;
    font-weight: 600;
}

tr.sub_row td {
    background: #f1f1f1;
}

.refund_action_div_cls button#change_action_btn {
    border-color: var(--blue);
}

.main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table .admin_override_tr td.commission_status .commission_status::after {
    left: 0
}

.main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table .admin_override_tr td.commission_status .commission_status {
    font-weight: 600;
}

.main-pageContent.createSubadmin-content .table-inner-section.plan-form {
    padding: 30px;
}

.main-pageContent.createSubadmin-content .table-inner-section.plan-form label.control-label {
    padding-left: 0;
    font-weight: 600;
}

.main-pageContent.subadmindetail-content .table-inner-section.user-det-page {
    margin-top: 20px;
}




.content .main-pageContent.subadmindetail-content .page-heading-div+.btn.btn-danger {
    margin-left: 30px !important;
}

/*28-09-2022*/

.row.test-mail-div .col-md-12>:where(.test_email, .test_phone) {
    max-width: calc(100%/2 - 40px);
    margin: 0 !important;
    width: 100%;
}

.row.test-mail-div .col-md-12 {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0px;
}

.main-pageContent.subadmindetail-content .page-heading-div+.d-flex {
    /* padding: 0 25px; */
    padding: 0 15px;
}

div#datetimepicker1 span.input-group-addon {
    border-radius: 0 20px 20px 0;
    padding: 10px 20px;
}

button.submit_email.btn.btn-primary {
    margin-left: 18px;
}

.select-userType-div {
    display: flex;
    flex-wrap: wrap;
}

.dataAreaDesign .col-md-6 {
    padding-left: 0;
}

.main-pageContent.commHinstory-content .plan-list-div.cstm-history .dates-div {
    margin-bottom: 25px;
    border-radius: 15px;
}

#commissions-history-table tbody tr td.approved_status {
    color: var(--green);
    text-transform: uppercase;
    font-weight: 600;
    text-align: right;
}

#commissions-history-table tbody tr td.approved_status i {
    background: var(--green);
    width: 15px;
    height: 15px;
    color: #FFF;
    font-size: 10px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

#commissions-history-table tbody tr td.approved_status::after {
    display: none;
}

.child_content td:last-child.pending_comm.commission_status,
.main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table .admin_override_tr td.commission_status .pending_comm.commission_status {
    color: red !important;
}

.child_content td:last-child.pending_comm.commission_status::after,
.main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table .admin_override_tr td.commission_status .pending_comm.commission_status::after {
    background-color: red !important;
}

@media (max-width: 1440px) {
    .main-pageContent.ManageComm2-content .commission-page.list .comm-tb-div {
        margin-right: 0;
        padding-bottom: 20px;
        padding: 0 5px 10px;
    }

    .main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table td {
        padding: 15px 10px;
    }

    .plan-list-div.cstm-manage-coo .comm-tb-div.set_scoll #commissions-history-table {
        min-width: auto;
        width: auto;
        margin: 0 auto;
    }

    .plan-list-div.cstm-manage-coo .comm-tb-div.set_scoll {
        /* box-shadow: 0 0 10px #a79f9f; */
        padding: 0 !important;
        border-radius: 22px;
    }

    .parent-spons-div .current-sponser-div {
        max-width: 360px;
        flex: 360px;
        width: 100%;
    }

    .parent-spons-div .spaceArea {
        max-width: calc(100% - 360px);
        flex: 1;
        width: 100%;
    }

    .parent-spons-div .spaceArea {
        padding: 0;
    }

    table.round-tb th,
    table#DataTables_Table_0 td,
    table .btn,
    table#datatable td,
    table#dataTables tbody td,
    .plan-list-div.cstm-manage-coo table.round-tb tbody tr td,
    .plan-list-div.cstm-history table.round-tb tbody tr td,
    .commission-page.list .order-item-table table.round-tb th,
    table.dataTable tbody th,
    table.dataTable tbody td {
        font-size: 12px !important;
        line-height: 1;
        min-height: 40px;
        box-sizing: border-box;
    }

    table .btn {
        min-height: unset;
    }
}

@media (max-width: 1280px) {
    /*.plan-list-div.cstm-manage-coo .commission-page.list{box-shadow: 0 0 10px #a79f9f;}*/

    .parent-spons-div .current-sponser-div {
        max-width: 100%;
        flex: 100%;
        width: 100%;
    }

    .parent-spons-div .spaceArea {
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .user-detail-order-div {
        clear: both;
        overflow-x: auto;
    }

    .table-inner-section.user-det-page .user-notes-div.table.inner-table-shop {
        clear: both;
        box-shadow: 0 0 10px #ddd;
        border-radius: 20px;
    }
}

@media only screen and (max-width:991px) {
    .dataAreaDesign .col-md-6 {
        padding: 0 0 25px 0;
    }

    .dataAreaDesign .col-md-6:last-child {
        border-bottom: 1px solid #eeee;
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    table.table.inner-table-shop tr td {
        line-height: normal;
        min-height: 41px;
    }

    #addCardModal .modal-dialog.modal-dialog-centered,
    #addCardModal .modal-content {
        max-width: 485px;
        width: 100% !important;
    }

    .row.test-mail-div .col-md-12> :where(.test_email, .test_phone) {
        max-width: 100%;
    }

    .main-pageContent.createorder-content .row.select-user_div .col-md-12 {
        padding: 0;
    }

}



/* Login Page Design */
.body-content.login-page {
    background: url(../staticImages/pylon-contact-3.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
}

.body-content.login-page .login-box {
    margin: 0;
    width: 400px;
    /* background: rgb(125, 221, 252); */
    background: -moz-linear-gradient(90deg, rgba(125, 221, 252, 1) 0%, rgba(7, 99, 133, 1) 50%, rgba(8, 52, 73, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgb(125 221 252 / 35%) 0%, rgb(7 99 133 / 35%) 50%, rgb(8 52 73 / 35%) 100%);
    background: linear-gradient(90deg, rgb(125 221 252 / 35%) 0%, rgb(7 99 133 / 35%) 50%, rgb(8 52 73 / 35%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7dddfc", endColorstr="#083449", GradientType=1);
    border-radius: 25px;
    overflow: hidden;
    position: absolute;
    right: 70px;
    top: 70px;
    padding: 25px;
}
.body-content.login-page .login-box .login-logo img {
    max-width: 110px;
    width: 100%;
    filter: invert(1);
}

.body-content.login-page .login-box .login-box-body {
    background: none;
    padding: 0;
}

.body-content.login-page .login-box .login-box-body .btn {
    background: #FFF;
    width: auto;
    color: #000;
    text-transform: uppercase;
    float: right;
    border: 2px solid #FFF;
    border-radius: 30px;
}

.body-content.login-page .login-box .login-box-body .btn:hover {
    color: var(--blue);
}

.body-content.login-page .login-box .form-group .form-control:not(input[type="button"]) {
    border-radius: 7px;
    border: 0;
}

.body-content.login-page .login-box .login-box-body label {
    color: #FFF;
    font-size: 16px;
}

.body-content.login-page .login-box .form-group .glyphicon {
    display: none;
}

.kaire_kash input#kaire_kash {
    width: 100%;
    max-width: 200px;
    margin-top: 19px;
}



/* 08-11-2022 */
span.logo-lg img {
    filter: invert(1);
}

.reset_pw_div a {
    color: #fff;
    margin-bottom: 5px;
    display: inline-flex;
}

.pagination {
    background: var(--buttonColor);
}

.skin-blue .main-sidebar,
aside.main-sidebar {
    background: var(--tableHeader);
}

span.logo-lg {
    filter: invert(0)
}

.input-div.comm-his {
    display: flex;
}

.commission-page.list {
    margin-bottom: 20px;
}

.date-section-div.searchdate {
    background: var(--tableHeader);
}

a#salesReport_previous {
    color: #fff !important;
}

.table-inner-section.plan-form form#subadmin_form {
    padding: 0;
}

a#preview_email:before {
    content: "\f06e";
    font-family: 'FontAwesome';
    color: #fff;
    margin-right: 10px;
}

a#preview_email {
    position: relative;
    text-decoration: none !important;
    color: #fff;
    background: var(--buttonColor);
    padding: 10px 20px;
    border-radius: 20px;
}

form.form .action-btns a.btn.btn-primary {
    background: var(--tableHeader);
    border-color: var(--tableHeader);
}

form.form .action-btns {
    float: none;
}

form.form .action-btns a.btn.btn-primary:hover {
    background: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #fff !important;
}

.main-pageContent.adminMove-content .commission-page.list.admin-move .dates-div,
.plan-list-div.revenue_report .commission-page.list .dates-div {
    border-radius: 20px;
    background: var(--buttonColor);
}

.main-pageContent.adminMove-content .commission-page.list.admin-move .dates-div label,
.plan-list-div.revenue_report .commission-page.list .dates-div label {
    color: #fff;
}

.pay-status-div input#partial_amount_id {
    min-height: 37px;
    margin-left: 10px;
}

.dashboard-block3.dashboard-block1 {
    max-width: 98%;
}

body.body-content.skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu>li a {
    padding: 12px 5px 12px 25px;
}


.form-wrap input#id_password {
    margin-bottom: 0;
}

.form-wrap i.fa.fa-eye {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: var(--tableHeader);
}

.form-wrap {
    position: relative;
}

/* 23-11-2022 */
@media (max-width: 767px) {
    .body-content.login-page .login-box {
        max-width: calc(100% - 30px);
        margin: 0 auto;
        width: auto;
        display: block;
        right: 0;
        left: 0;
    }
}


input#add_barcode {
    margin: 15px 0;
}

.barcode_container {
    border-radius: 25px;
    box-shadow: 0 0 10px #a29c9c;
    padding: 30px;
}

.barcode_container .detail-cls.ord-detail-block {
    background: var(--tableHeader);
    margin-bottom: 30px;
    border-radius: 8px;
}

.barcode_container .detail-cls.ord-detail-block h2 {
    margin-bottom: 0;
    padding: 10px;
    color: #fff !important;
}


.forget_pw_dv {
    display: flex;
    gap: 5px;
}

.forget_pw_dv label {
    margin-bottom: 0;
}



/* 1-FEB-2023 */


.main-pageContent.ManageComm2-content .plan-list-div.cstm-manage-coo #commissions-history-table tbody tr.tr-main td {
    background: var(--blue);
}

.main-pageContent.ManageComm2-content td.pending_comm.commission_status {
    position: relative;
    max-width: 30px;
    width: 40px;
    min-width: 50px;
}

.main-pageContent.ManageComm2-content td.pending_comm.commission_status a.btn.approve_pending_comm {
    max-width: 120px;
    width: 100%;
    padding-left: 30px;
}

.main-pageContent.ManageComm2-content .child_content td:last-child.pending_comm.commission_status::after {
    left: calc(100% - 130px);
}

/* 14-FEB-2023 */

.commission-page.list a#previous_week {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
    color: #fff !important;
}

.commission-page.list a#previous_week:hover {
    background: transparent !important;
    color: var(--blue) !important;
}

/* 15-MARCH-2023 */


.UsersList-content .user_list_content .plans-list-div form .search-div {
    flex-wrap: nowrap;
}


.set_screen_ratio table#datatable td {
    word-break: break-all;
}

.set_screen_ratio .set_datatable_scroll {
    overflow: inherit;
}

.list .set_screen_ratio table.table.round-tb {
    min-width: 100%;
}


/* 19 dec 2023 starts */
.commission-page.list table th p {
    display: inline-block;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
}

.commission-page.list table th .form-check-input {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.main-pageContent.ManageComm2-content .commission-page.list .comm-tb-div {
    box-shadow: none;
}

.plan-list-div a img {
    width: 100% !important;
}

div table.dataTable.no-footer {
    border-bottom: none;
}

/* 19 dec 2023 ends */

/* 27 dec 2023 starts */
.table-inner-section .main-flex {
    gap: 10px;
}

.table-inner-section .main-flex .pay-status-div,
.table-inner-section .main-flex .order-status-div {
    display: flex;
    align-items: center;
    width: calc(100%/3);
    justify-content: center;
}

.table-inner-section .main-flex .pay-status-div label,
.table-inner-section .main-flex .order-status-div label {
    text-align: left;
}

.table-inner-section .main-flex .pay-status-div select,
.table-inner-section .main-flex .order-status-div select {
    width: calc(100% - 220px);
}

.createorder-content .product-table .table td .product-qty_tbl {
    text-align: center;
}

.createorder-content .product-table .table .td-prod-price,
.createorder-content .product-table .table .td-prod-bv {
    white-space: nowrap;
}

.create-order-cls .searchForm {
    display: flex;
    align-items: center;
    gap: 10px;
}

.create-order-wrap {
    display: flex;
    align-items: center;
}

.create-order-wrap label {
    white-space: nowrap;
}

.bundle_form_section .bundle_form .quantity .form-control,
.bundle_form_section .bundle_form .product_dropdown select.form-control {
    margin: 0;
    height: 40px;
}

.coupon-form #id_product {
    list-style: none;
    padding: 0;
    margin: 0;
}

.order-item-table {
    margin-top: 10px;
}

.user_detail.inner-table-shop ul,
.user_table.inner-table-shop ul {
    padding: 0;
}

/* 27 dec 2023 ends */

/* 29 dec 2023 starts */
.orderDivs .row,
.main-pageContent .row {
    margin: 0;
}

.top_10_list+.dashboard-block-container>table.round-tb.table.table-striped {
    max-width: 100%;
    margin: 10px auto;
}

.dashboard-block2 .dashboard-block-container {
    overflow: unset;
}

.dashboard-main-div .dashboard-block4 {
    padding: 10px 25px;
}

.set_datatable_scroll {
    padding: 10px 0;
    /* overflow: auto; */
}

.commission-page.list .commission-page {
    padding: 0;
}

form .search-div {
    width: 100%;
}

.main-pageContent.createorder-content,
.main-pageContent.downlineindex-content {
    padding: 0 15px;
}

.container.create-order-cls {
    padding: 0;
}

/* 29 dec 2023 ends */

/* 01 jan 2024 starts */
.dataDesignt .inner-table-shop .user-ul,
.dataDesignt .inner-table-shop .user-detail-ul {
    padding: 0 15px;
}

.main-pageContent.createorder-content .product-table {
    padding: 0;
}

form#orderForm .row.ship-payment-div {
    margin: 0 -15px;
    width: auto;
    float: unset;
    max-width: unset;
    justify-content: unset;
    gap: 0;
}

.container.create-order-cls .row.ship-payment-div .col-md-6 {
    padding: 0 15px;
    max-width: 100%;
    width: calc(100%/2);
}

.user_downline_div .container {
    width: 100%;
}

.user_downline_div .container .row {
    flex-wrap: wrap;
    margin: 0 -15px;
    width: auto;
    max-width: unset;
}

.user_downline_div .col-md-3 {
    width: calc(100%/4);
    max-width: unset;
    flex: unset;
    min-width: unset;
}

.create-order-cls .searchForm {
    align-items: flex-end;
}

.searchForm .create-order-wrap {
    flex-wrap: wrap;
    width: calc(100%/4);
}

.searchForm .create-order-wrap label {
    display: block;
    width: 100%;
}

.downlineindex-content #searchForm input,
.downlineindex-content .searchForm input {
    width: 100%;
    max-width: unset;
    padding: 10px;
}

.comm-tb-div div#commissions-history-table_length select {
    height: 45px;
}

.comm-tb-div div#commissions-history-table_length label {
    margin: 0;
}

.comm-tb-div div#commissions-history-table_length {
    margin: 0;
}

.user-det-page .containerOrders {
    width: 100%;
}

div#salesReport_wrapper,
div#salesReport_wrapper table#salesReport {
    float: unset;
}

/* 01 jan 2024 ends */

/* 02 jan 2024 starts */
.table-inner-section .main-flex .pay-status-div select,
.table-inner-section .main-flex .order-status-div select {
    width: auto;
    max-width: 221px;
}

.table-inner-section .main-flex .pay-status-div,
.table-inner-section .main-flex .order-status-div {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.table-inner-section.form-group .main-flex #skeynet_orderid {
    margin: 0;
}

.table-inner-section .main-flex .pay-status-div label,
.table-inner-section .main-flex .order-status-div label {
    display: block;
    width: auto;
    padding: 0;
}

.table-inner-section .main-flex {
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}

.order-detail-child-div h2 {
    position: relative;
    z-index: 2;
}

.main-pageContent.orderDetail-content .order-detail-child-div table tr {
    margin: 0;
}

.modal-body .order_results {
    margin-top: 20px;
}

.main-pageContent .order-detail-child-div .row {
    margin: 0 -15px;
}

.table-inner-section {
    padding: 0 15px;
}

.main-pageContent.orderDetail-content .order-detail-child-div .order-notes-div.col-md-6 {
    margin: 0 15px;
    width: calc(100%/2 - 30px);
}

.order-detail-child-div .order-inner-table .main-notes {
    height: auto;
}

/* 02 jan 2024 ends */

/* 03 jan 2024 starts */
.main-pageContent.editAutoship-content {
    padding: 0 15px;
}

.editAutoship-content .main-order-list .inner-table-shop {
    width: 100%;
}

.editAutoship-content .main-order-list .inner-table-shop ul {
    margin: 0;
}

.container.create-order-cls .input_fields_wrap .btn-success {
    margin: 0;
}

.container.create-order-cls input:not([type="checkbox"]) {
    margin: 0;
    /* text-align: center; */
}

.main-pageContent .row.ship-payment-div {
    margin: 0 -15px;
    width: auto;
}

.ship-main .shipping {
    padding: 5px 15px 10px;
    width: 100%;
}

div#addCardModal .modal-body {
    overflow: auto;
}

div#addCardModal .shipping_add_div.shipping_modal {
    margin-bottom: 0;
}

.main-pageContent.OrderItemR-content .commission-page.list .dates-div label,
.main-pageContent.OrderItemR-content .commission-page.list .dates-div .comm-ser-btn,
.main-pageContent.OrderItemR-content .commission-page.list .dates-div label .form-control {
    margin: 0 !important;
}

.main-pageContent.OrderItemR-content .commission-page.list .dates-div label {
    margin-right: 5px !important;
}

.main-pageContent.OrderItemR-content .commission-page.list .dates-div label .form-control {
    margin-top: 5px !important;
}

.main-pageContent.OrderItemR-content .commission-page.list .dates-div {
    border-radius: 25px;
    margin-bottom: 30px;
}

table.table td span.no-flex {
    display: inline;
}

table.table td span.no-flex br {
    display: none;
}

.downloads-page.list .export-btn i {
    color: #fff;
    margin-right: 5px;
    transition: 0.3s ease all;
}

.downloads-page.list .export-btn:hover i {
    color: var(--blue);
}

.tdButtons {
    display: flex !important;
    justify-content: center;
    gap: 5px;
}

.cstm-order_item .dataTables_info {
    float: left;
}

.cstm-order_item .pagination {
    float: right;
    margin-top: 30px;
}

table.table td span .copy_to_clipboard {
    margin-left: 5px;
}

.table-inner-section .containerSponser h1 {
    float: unset;
}

.parent-spons-div {
    float: unset;
}

.containerSponser .sponser-div {
    padding-top: 5px;
}

.containerSponser .parent-spons-div {
    padding: 0;
}

/* 03 jan 2024 ends */

/* 04 jan 2024 starts */
table#datatable td .btn i {
    padding-right: 5px;
    color: #fff;
}

.main-pageContent.addMPcontent-content {
    padding: 0 15px 10px;
}

.downloads-page form .home-pg-btns {
    margin-top: 10px;
}

.main-pageContent.createorder-content #commForm .row {
    margin: 0;
    max-width: unset;
}

.main-pageContent.createorder-content #commForm .row.test-mail-div {
    margin-bottom: 20px;
}

.main-pageContent.createorder-content #commForm .col-md-12 {
    padding: 0;
}

.main-pageContent.createorder-content #commForm .dataDesignt {
    margin: 20px 0;
}

.main-pageContent.createorder-content #commForm .dataDesignt .user_detail {
    margin: 0;
}

.main-pageContent.createorder-content #commForm>.submit_email {
    margin: 0;
}

.news-list-div .create-btn-div.text-right {
    padding: 0;
}

.shippingList-content .news-list-div.management_cstm.plan-list-div,
.main-pageContent.ShippingDetail-content {
    padding: 0 15px;
}

.content .main-pageContent.ShippingDetail-content>a.btn.prod-det-bck-btn {
    margin-left: 0;
}

.ShippingDetail-content .shipping-options-form .form-control {
    margin: 0;
}

.shipping-options-show {
    margin-top: 20px;
}

.subadminlist-content .plans-list-div,
.main-pageContent.CreateStore-content,
.main-pageContent.productList-content,
.main-pageContent.adminMove-content {
    padding: 0 15px;
}

.main-pageContent.ReportHeading-content,
.main-pageContent.saveDBImages-content,
.main-pageContent.adddocs-content,
.main-pageContent.Homeadd-content,
.main-pageContent.addLegend-content,
.main-pageContent.legentContendlist-content,
.main-pageContent.prompterCouponform-content,
.main-pageContent.productIndex-content,
.main-pageContent.ManagePdetail-content,
.main-pageContent.CreateBundle-content,
.main-pageContent.categoryindex-content,
.main-pageContent.BVreport-content,
.main-pageContent.Clawback-content,
.main-pageContent.storeLIst-content {
    padding: 0 15px 15px;
}

.subadminlist-content div#datatable_length label select {
    max-width: unset;
    width: auto;
}

.ReportHeading-content .container.create-order-cls .plan-list-div,
.addLegend-content .container.create-order-cls .plan-list-div,
.legentContendlist-content .plan-list-div,
.prompterCouponform-content .table-inner-section,
section.content .productList-content .list,
.productList-content .plans-list-div,
.main-pageContent.BVreport-content .commission-page.list,
.main-pageContent.Clawback-content .commission-page.list.clawback-cstm,
.main-pageContent.Clawback-content .plan-list-div,
div#detail_popup .table-section,
.main-pageContent.storeLIst-content .list #datatable_wrapper,
.main-pageContent.storeLIst-content .cstm-store {
    padding: 0;
}

.CreateStore-content .create-order-cls #storeForm .form-control {
    margin-bottom: 10px;
}

.CreateStore-content .container {
    max-width: 1170px;
    width: 100%;
    padding: 0;
}

.adddocs-content .float-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.adddocs-content .float-container .float-child {
    float: unset;
    width: calc(100%/2 - 5px);
}

.adddocs-content .downloads-page.list {
    height: auto;
}

.Homeadd-content .downloads-page form {
    border-radius: 25px !important;
    overflow: hidden;
    box-shadow: 0 0 10px #a79f9f;
    padding: 20px;
}

.Homeadd-content .downloads-page form .form-control {
    margin-bottom: 10px;
}

.Homeadd-content .downloads-page form label {
    width: 100%;
}

.Homeadd-content .downloads-page form input[type="checkbox"]+label {
    width: auto;
}

.list.cstm-coupn+.list.cstm-coupn table {
    float: unset;
}

.prompterCouponform-content form#couponForm {
    justify-content: flex-start;
}

form#couponForm .form-group.wid-100 {
    max-width: unset;
    flex: unset;
}

.ProductDetail-content .table-inner-section table.round-tb {
    box-shadow: 0 0 10px #a79f9f;
    border: none;
}

.ManagePdetail-content .container.create-order-cls form#productForm button.btn,
.ManagePdetail-content .container.create-order-cls form#productForm a.btn {
    margin-top: 10px;
}

.table-inner-section .main-flex .pay-status-div #amountWiserefund {
    margin-left: 10px;
    max-width: 70px;
}

/* 04 jan 2024 ends */

/* 05 jan 2024 starts */
.dashboard-content .table {
    margin: 0;
}

.sidebar-collapse .sidebar-menu>li>a>i.fa {
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 05 jan 2024 ends */

/* 09 jan 2024 starts */
div#myCarousel .carousel-control .glyphicon {
    transform: translate(-50%, -50%);
    margin: 0;
}

.activity-table ._tb_stickyhead {
    overflow: hidden;
}

.dataAreaForm select div {
    margin: 0 !important;
}

/* .model-content {
    top: 50%;
    transform: translateY(-50%);
} */

.model-content .modal-footer {
    padding: 5px 14px;
}

body.body-content.scroll-hidden {
    overflow: hidden;
}

table.dataTable tbody td span a {
    line-height: 14px;
    vertical-align: middle;
    display: inline-block;
}

table.dataTable tbody td span a i {
    line-height: 1;
    font-size: 14px;
    display: inline-block;
    width: auto;
    vertical-align: text-top;
}

.dates-div input,
.list .dates-div .btn-success,
.dates-div label {
    margin-bottom: 0;
}

.dates-div label {
    width: 100%;
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_info {
    padding: 0;
    display: flex;
    align-items: center;
    min-height: 46px;
}

.bundle_form .checkboxes,
div#form1 .checkboxes {
    display: flex;
    gap: 10px;
    width: 50%;
    align-items: center;
    margin-bottom: 15px;
}

.bundle_form .checkboxes .autoship-div {
    width: auto;
    margin: 0;
}

.salesRs-content .dataTables_info {
    margin: 0;
    min-height: 40px;
    display: flex;
    align-items: center;
}

.salesRs-content .sub_by_status .filter {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
}

.salesRs-content .sub_by_status .filter span {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}

.salesRs-content .sub_by_status .filter select#filteruser {
    margin: 0;
}

.salesRs-content .set_datatable_scroll {
    padding-top: 30px;
}

.salesRs-content .set_datatable_scroll .dataTable.no-footer {
    margin: 0;
}

.main-pageContent.Clawback-content .commission-page.list.clawback-cstm .search-div button.btn {
    margin: 0;
    margin-left: 10px;
}

.fline-smart .dates-div .country_user_dd {
    width: 100%;
    margin-bottom: 10px;
}

.fline-smart .dates-div label {
    margin: 0 0 5px;
    width: 100%;
}

.fline-smart .dates-div input {
    margin-bottom: 10px;
}

.fline-smart .dates-div input.btn.btn-success.custom-date-go {
    margin-top: 0;
}

.cstm-earners .commission-page.list table {
    margin: 0;
}

.main-pageContent.Top20Ernrs-content .set_scoll {
    overflow: unset;
}

.top-20-country {
    padding: 0;
    margin: 25px 0 30px;
}

.top-20-country label {
    margin-bottom: 5px;
    display: block;
}

.container.create-order-cls .containerParentWeight .form-control {
    margin-bottom: 15px;
}

.main-header .logo .logo-lg {
    height: 100%;
}

.main-header .logo .logo-lg img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
}

ul.sidebar-menu li.treeview ul.treeview-menu {
    margin-top: 5px;
}

.sidebar-menu .treeview-menu>li.active::before {
    /* height: 29px; */
    height: 100%;
    top: 0;
    left: 0;
}

.sidebar-menu .treeview-menu>li>a {
    align-items: center;
}

/* 09 jan 2024 ends */


/* 10 jan 2024 starts */

.storeLIst-content .plans-list-div.cstm-store table#datatable {
    max-width: 100%;
}

.cstm-store a.btn.btn-primary.store-btn {
    margin-left: 0;
}

.container.create-order-cls .ParentDescription .show-for-sr {
    margin-bottom: 10px;
}

.ui-autocomplete.ui-menu .ui-menu-item {
    padding: 5px 10px;
}

/* 10 jan 2024 ends */

/* 12 jan 2024 starts */
.autoshipdetail-content .main-notes {
    max-height: 425px;
}

/* 12 jan 2024 ends */


/* 19 jan 2024 starts */
.OrderItemR-content .plan-list-div.cstm-order_item .order-item-table table td[data-title="Title"] span,
.OrderItemR-content .plan-list-div.cstm-order_item .order-item-table table td[data-title="Email"] span,
.PBcontentlist-content .plan-list-div.cstm-benefit .set_datatable_scroll table td[data-title="Title"] span {
    display: block;
    max-width: 400px;
    margin: auto;
}

.OrderItemR-content .plan-list-div.cstm-order_item .order-item-table table td[data-title="Email"] span {
    max-width: 200px;
}

table tr td span {
    word-break: break-word;
}

/* 19 jan 2024 ends */


/* 05 feb 2024 starts */
body.body-content {
    overflow: hidden;
}

.content-wrapper {
    overflow: auto;
    height: calc(100vh - 50px);
}

/* 05 feb 2024 ends */


/* 11 march 2024 starts */
.OrderItemR-content .cstm-order_item table#datatable th:nth-child(5) {
    width: 300px !important;
}

/* 11 march 2024 ends */


/* 03 june 2024 starts */
.unscheduled-email {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0px 0px 20px;
    gap: 20px;
}

.unscheduled-email .form-control {
    width: auto;
    height: auto;
    min-width: 170px;
}

.campaign_name_cls {
    width: 100%;
}

.campaign_name_cls input {
    width: 100%;
}

/* 03 june 2024 ends */

/* 05 june 2024 starts */
.compaign_table thead tr th {
    background: var(--tableHeader);
    padding: 15px 10px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}

.compaign_table tbody tr td {
    padding: 10px;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    word-break: break-word;
}

table.compaign_table {
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 0 10px #a79f9f;
}

/* 05 june 2024 ends */

/* 10 june 2024 starts */

.counttotal {
    margin: 10px 0;
    float: left;
    width: 100%;
}

/* 10 june 2024 ends */

/* 03 july 2024 starts */
.usertable .table>thead tr>th:nth-child(5),
.usertable .table>tbody tr>td:nth-child(5),
.usertable .table>thead tr>th:nth-child(2),
.usertable .table>tbody tr>td:nth-child(2),
.usertable .table>thead tr>th:nth-child(4),
.usertable .table>tbody tr>td:nth-child(4) {
    max-width: 190px;
}

/* 03 july 2024 ends */


/* media starts */
@media only screen and (max-width: 1700px) {

    .table-inner-section.form-group .main-flex button,
    .order-status-div button#change_status_btn {
        padding: 6px 15px;
    }

    .table-inner-section .main-flex .pay-status-div select,
    .table-inner-section .main-flex .order-status-div select {
        max-width: 210px;
    }
}

@media only screen and (max-width: 1600px) {
    .plans-list-div .list {
        overflow-x: unset;
    }

    .table-inner-section .main-flex .pay-status-div select,
    .table-inner-section .main-flex .order-status-div select {
        max-width: 115px;
    }

    .table-inner-section.form-group .main-flex button,
    .order-status-div button#change_status_btn {
        padding: 6px 15px;
    }

    .table-inner-section .main-flex .pay-status-div #amountWiserefund {
        max-width: 60px;
    }

    .OrderItemR-content .plan-list-div.cstm-order_item .order-item-table table td[data-title="Title"] span,
    .PBcontentlist-content .plan-list-div.cstm-benefit .set_datatable_scroll table td[data-title="Title"] span {
        max-width: 300px;
    }

    .OrderItemR-content .plan-list-div.cstm-order_item .order-item-table table td[data-title="Email"] span {
        max-width: 180px;
    }

    .list.resellers-list tbody.reseller-tbody a.btn.btn-primary.table-view {
        padding: 4px 8px;
    }
}

@media only screen and (max-width: 1440px) {
    .plan-list-div {
        margin: 0;
    }

    div#DataTables_Table_0_wrapper {
        padding: 0px;
    }

    .plan-list-div.cstm-manage-coo .comm-tb-div.set_scoll {
        padding: 0 15px !important;
    }

    .table-inner-section .main-flex {
        gap: 5px;
    }

    .table-inner-section .main-flex .pay-status-div label,
    .table-inner-section .main-flex .order-status-div label {
        margin: 0 3px 0 0;
    }

    .table-inner-section .main-flex .pay-status-div #amountWiserefund {
        margin-left: 3px;
        max-width: 50px;
    }

    .table-inner-section.form-group .main-flex button,
    .order-status-div button#change_status_btn {
        margin-left: 3px;
        padding: 6px 10px;
    }

    .table-inner-section .main-flex .pay-status-div select,
    .table-inner-section .main-flex .order-status-div select {
        max-width: 100px;
    }

    .main-flex select,
    .main-flex input {
        padding: 0 5px;
    }

    .OrderItemR-content .plan-list-div.cstm-order_item .order-item-table table td[data-title="Title"] span,
    .PBcontentlist-content .plan-list-div.cstm-benefit .set_datatable_scroll table td[data-title="Title"] span {
        max-width: 250px;
    }

    .OrderItemR-content .plan-list-div.cstm-order_item .order-item-table table td[data-title="Email"] span {
        max-width: 150px;
    }
}

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

    /* 28 dec 2023 starts */
    table#datatable thead tr,
    table.table thead tr,
    table.datatable thead tr,
    table.table tbody tr th,
    table.dataTable thead tr {
        display: none;
    }

    table#datatable tbody tr:not(:last-child),
    table.table tbody tr:not(:last-child),
    table.datatable tbody tr:not(:last-child),
    table.dataTable tbody tr:not(:last-child) {
        display: block;
        margin-bottom: 30px;
    }

    table#datatable td:first-child,
    table#datatable td:nth-child(2),
    table.table td:first-child,
    table.datatable td:first-child {
        border-top: 1px solid #ddd;
    }

    table#datatable td::before,
    table.table td::before,
    table.datatable td::before,
    table.dataTable td::before {
        content: attr(data-title) ":";
        /* display: inline-block; */
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(100%/2);
        padding: 10px;
        background: var(--tableHeader);
        color: #fff;
        font-size: 13px;
        line-height: 1.2;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    table#datatable td,
    table.table td,
    table.datatable td,
    table.dataTable td,
    table#DataTables_Table_0 td {
        display: flex;
        align-items: center;
        text-align: center;
        position: relative;
        /* padding: 0 !important; */
        /* padding: 10px !important; */
        padding: 10px 0 !important;
        font-size: 13px !important;
        line-height: 1.4;
    }

    table#datatable td span,
    table#datatable td>div,
    table.table td span,
    table.table td>div,
    table.datatable td span,
    table.datatable td>div,
    table.dataTable td span,
    table.dataTable td>div {
        display: flex;
        justify-content: center;
        width: calc(100%/2);
        padding: 0 10px;
        margin-left: auto;
    }

    table#datatable td span,
    table.table td span,
    table.datatable td span,
    table.dataTable td span {
        align-items: flex-end;
        font-size: 13px;
        line-height: 1.4;
    }

    table#datatable td span a,
    table#datatable td span a i,
    table.table td span a,
    table.table td span a i,
    table.datatable td span a,
    table.datatable td span a i,
    table.dataTable td span a i {
        margin-top: 0 !important;
        line-height: 1;
        display: block;
    }

    table#datatable td span a i,
    table.table td span a i,
    table.datatable td span a i,
    table.dataTable td span a i {
        font-size: 15px;
    }

    /* 28 dec 2023 ends */

    div#myCarousel+.dashboard-main-div .row .dashboard-block1 {
        flex-wrap: wrap;
        max-width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    div#myCarousel+.dashboard-main-div .dashboard-block2 {
        padding: 0;
        overflow: unset;
    }

    .dashboard-main-div .dashboard-block4 {
        padding: 10px 15px;
    }

    div#myCarousel+.dashboard-main-div .row .dashboard-block1 table tr td {
        padding: 10px !important;
    }

    .table>tbody>tr:first-child>td,
    .table>tbody>tr>td {
        border-top: 1px solid #ddd !important;
    }

    .table>tbody>tr>td:last-child {
        border-bottom: 1px solid #ddd !important;
    }

    div#myCarousel+.dashboard-main-div .row .dashboard-block1>div table tr,
    .commission-page.list .inner-table-shop tr {
        margin: 0 !important;
    }

    div#myCarousel+.dashboard-main-div .row .dashboard-block1>div table tr td:first-child {
        display: none;
    }

    div#myCarousel+.dashboard-main-div .row .dashboard-block1>div table tr td:last-child {
        border-bottom: none !important;
    }

    .main-pageContent.UsersList-content form,
    .main-pageContent.UsersList-content .usertable.cstm-table-responsive,
    .main-pageContent.UsersList-content form {
        padding: 0;
        overflow: unset;
    }

    .order_form div.coupon {
        max-width: 100%;
    }

    form#orderForm .pricing-total-div {
        max-width: 100%;
        margin-top: 0;
    }

    .main-pageContent.orderDetail-content .user-cls .table.inner-table-shop tr {
        margin: 0;
    }

    .main-pageContent.orderDetail-content .user-cls .table.inner-table-shop tr:not(:first-child) td {
        border-top: none !important;
    }

    .main-pageContent.orderDetail-content .order-detail-child-div table,
    .user-cls .table.table.inner-table-shop {
        width: 100%;
    }

    table.table td .action-btn-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    table.table td .action-btn-wrap .btn+.btn,
    .order-detail-child-div .table.table.inner-table-shop tr {
        margin: 0;
    }

    .order-detail-child-div .order-data-div {
        margin-right: 0;
        margin-left: 0;
    }

    .order-detail-child-div:last-child .row:nth-child(2) .order-data-div {
        padding: 0;
    }

    .autoship_order_form .main-order-list .address-section {
        margin-bottom: 30px;
    }

    .autoship_order_form .couponSection .coupon {
        max-width: 100%;
    }

    .autoship-main {
        max-width: 100%;
    }

    .commission-page.list table.order-item-table tr {
        margin: 0;
    }

    .add-div-usr table.table tbody tr:not(:last-child) {
        margin: 0;
    }

    .user_rank_div table.table tbody tr:not(:last-child) {
        margin: 0;
    }

    section.content .plans-list-div .list {
        padding: 0;
    }

    .tdButtons {
        flex-wrap: wrap;
        gap: 10px;
    }

    .tdButtons .btn {
        margin: 0 !important;
    }

    .news-list-div>:where(.text-right, .cstm-responsive),
    .main-pageContent.sitesetting-content .main-div.setting-cstm {
        padding: 0 15px;
    }

    .user-det-page table.table tbody tr:not(:last-child),
    .StoreDetail-content table.table tbody tr:not(:last-child),
    .ProductDetail-content table.table tbody tr:not(:last-child) {
        margin: 0;
    }

    table.table td>.image-upload-form {
        flex-direction: column;
    }

    table.table td>.image-upload-form span {
        width: 100%;
        margin-bottom: 5px;
    }

    table.table td>.image-upload-form form#MultiFileUpload,
    .categorydetail-content table.table tbody tr:not(:last-child) {
        margin: 0;
    }

    table.table td span .status_slider {
        width: auto;
    }

    .table-inner-section .main-flex .pay-status-div label,
    .table-inner-section .main-flex .order-status-div label {
        width: 100%;
        margin: 0;
    }

    .table-inner-section .main-flex .pay-status-div select,
    .table-inner-section .main-flex .order-status-div select {
        max-width: calc(100% - 63px);
        width: 100%;
    }

    .table-inner-section .main-flex .pay-status-div #id_refund_status {
        max-width: calc(100% - 116px);
    }

    .table-inner-section .main-flex {
        align-items: flex-end;
    }

    .orderDetail-content .table-inner-section.form-group .main-flex {
        justify-content: flex-start;
    }

    .date-section-div .input-div.top-20-report {
        width: calc(100% - 85px);
    }

    .dataTables_wrapper .dataTables_filter input {
        width: auto;
    }

    div#form1 {
        flex-wrap: wrap;
        gap: 10px;
    }

    div#form1>div {
        width: calc(100%/2 - 5px);
        margin: 0;
    }

    .bundle_form .checkboxes,
    div#form1 .checkboxes {
        width: 100%;
        margin: 0;
    }

    .containerOrders .user-detail-order-div {
        margin-bottom: 0;
        text-align: right;
    }

    .containerOrders .user-detail-order-div .pagination {
        float: unset;
    }

    .main-pageContent.adminMove-content .plan-list-div {
        padding: 0;
    }

    .user_downline_div .col-md-3 {
        width: calc(100%/2);
    }

    .autoshipdetail-content .main-notes {
        max-height: 300px;
    }

    .OrderItemR-content .plan-list-div.cstm-order_item .order-item-table table td[data-title="Title"] span,
    .OrderItemR-content .plan-list-div.cstm-order_item .order-item-table table td[data-title="Email"] span,
    .PBcontentlist-content .plan-list-div.cstm-benefit .set_datatable_scroll table td[data-title="Title"] span {
        display: flex;
        max-width: unset;
        margin: unset;
        margin-left: auto;
    }

    .unscheduled-email {
        justify-content: space-between;
    }

    .usertable .table>thead tr>th:nth-child(5),
    .usertable .table>tbody tr>td:nth-child(5),
    .usertable .table>thead tr>th:nth-child(2),
    .usertable .table>tbody tr>td:nth-child(2),
    .usertable .table>thead tr>th:nth-child(4),
    .usertable .table>tbody tr>td:nth-child(4) {
        max-width: unset;
    }


}

@media only screen and (max-width: 1200px) {
    .main-pageContent.orderDetail-content .order-detail-child-div .order-notes-div.col-md-6 {
        max-width: calc(100% - 30px);
        margin: 0 15px 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .list table.table.round-tb {
        min-width: unset;
    }

    .UsersList-content .user_list_content .plans-list-div form .search-div,
    .create-order-cls .searchForm {
        flex-wrap: wrap;
        gap: 12px;
    }

    .dataAreaForm,
    .searchForm .create-order-wrap {
        width: calc(100% /3 - 8px);
        padding: 0;
    }

    form#orderForm .pricing-total-div {
        width: 100%;
    }

    .main-pageContent.createorder-content .order_form .main-order-list-user .main-order-list {
        margin-top: 30px;
    }

    .downlineindex-content #searchForm input {
        margin: 0;
    }

    .table-inner-section .main-flex {
        flex-wrap: wrap;
    }

    .table-inner-section .main-flex .pay-status-div,
    .table-inner-section .main-flex .order-status-div {
        width: calc(100%/2 - 5px);
        align-items: flex-end;
    }

    .main-pageContent.orderDetail-content .order-detail-child-div .order-notes-div.col-md-6 {
        width: calc(100% - 30px);
    }

    .containerDetail {
        overflow: hidden;
    }

    .order-detail-child-div .containerDetail .round-tb.table.inner-table-shop {
        margin-bottom: 0;
    }

    .table-inner-section.user-det-page .btn {
        padding: 8px 10px;
        font-size: 13px;
        float: unset !important;
    }

    .table-inner-section.user-det-page a.btn.btn-success:nth-child(2) {
        margin: 0 2px;
    }

    .table-inner-section.user-det-page .btn+.btn {
        margin-left: 2px;
    }

    .containerOrders .user-detail-order-div .pagination {
        margin: 0 auto 20px !important;
        float: unset;
        width: calc(100% - 30px) !important;
        display: block;
    }

    .addMPcontent-content .container.create-order-cls .plan-list-div {
        padding: 0;
    }

    .commission-page.list.clawback-cstm .search-div strong {
        margin: 0 0 5px;
        display: block;
    }

    .commission-page.list.clawback-cstm .search-div input {
        width: 100%;
        display: block;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .main-pageContent.Clawback-content .commission-page.list.clawback-cstm .search-div button.btn {
        margin: 0;
    }

    .main-pageContent.Clawback-content .commission-page.list.clawback-cstm .search-div button.btn.export-btn {
        margin-left: 5px;
    }


}

@media only screen and (max-width: 991px) {
    .main-pageContent.dashboard-content div#myCarousel+.dashboard-main-div .row .dashboard-block1 {
        padding: 0 15px !important;
        margin: 0;
        margin-bottom: 30px;
    }

    .main-pageContent.dashboard-content .col-md-12 {
        padding: 0 15px;
    }

    .dashboard-block-container {
        padding: 0px;
    }

    section.content .list {
        padding: 0 15px;
    }

    div#datatable_length {
        max-width: 250px;
    }

    .order-item-table {
        padding: 0px;
    }

    .table-inner-section .main-flex .pay-status-div select,
    .table-inner-section .main-flex .order-status-div select {
        margin: 0;
    }

    .orderDetail-content .table-inner-section.form-group .main-flex .pay-status-div select,
    .orderDetail-content .table-inner-section.form-group .main-flex .order-status-div select {
        max-width: calc(100% - 63px);
    }

    .table-inner-section .detail-cls.ord-detail-block,
    .refund-cls {
        width: 100%;
    }

    .autoship-price-table.next-autoship table.round-tb.table {
        margin: 0 0 20px;
    }

    .plan-list-div .commission-page.list .set_scoll {
        padding: 0;
    }

    section.content .downloads-page.list {
        padding: 0;
    }

    .sponser-main .sponser-text {
        max-width: calc(100% - 125px);
        margin-left: auto;
    }

    .plans-list-div .set_scoll {
        padding: 0;
    }

    .main-pageContent.createorder-content #commForm .dataDesignt .user_detail {
        float: unset;
    }

    .table-inner-section .main-flex .pay-status-div #amountWiserefund {
        margin-bottom: 0px;
    }

    .main-pageContent.adminMove-content .set_scoll {
        padding: 0;
    }

    html body .date-section-div.searchdate {
        gap: 10px;
        flex-wrap: wrap;
    }

    .commission-page.list .input-div.top-20-report {
        width: auto;
        justify-content: flex-start;
        gap: 10px
    }

    html body .date-section-div.searchdate .input-div.top-20-report .dataSearch {
        margin-left: 0;
    }

    .main-sidebar,
    .main-header .logo {
        width: 230px;
    }

    .main-header .navbar,
    .content-wrapper,
    .right-side,
    .main-footer {
        margin-left: 230px;
    }

    .level-div.level1.downline-body {
        padding: 0 10px;
    }

    #listDiv .card-body.list-card {
        margin: 10px 0;
    }
}

@media only screen and (max-width: 767px) {
    .main-pageContent.dashboard-content div#myCarousel+.dashboard-main-div .row .dashboard-block1 {
        max-width: 100%;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped td:first-child::before,
    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped td::before {
        content: attr(data-title) ":";
        position: static;
        float: unset;
        font-size: 13px;
        line-height: 1.4;
        text-align: center;
        padding: 15px;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped td {
        padding: 0 !important;
        display: flex;
        align-items: center;
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped .dashboard-table.top10-earners tr {
        border: none;
    }

    .main-pageContent.dashboard-content .dashboard-block2 .date-section-div.searchdate {
        max-width: calc(100%);
    }

    .main-pageContent.dashboard-content .dashboard-main-div .dashboard-block2 .top_10_list+.dashboard-block-container .table.table-striped .dashboard-table.top10-earners tr:last-child :where(th, td):last-child {
        padding: 0px !important;
    }

    .dashboard-block1 {
        padding: 0px;
    }

    .dashboard-main-div {
        margin-top: 20px;
    }

    form.filter_by_status {
        text-align: center;
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: unset;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter label {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .dataTables_wrapper .dataTables_length {
        margin: 0 auto 20px;
    }

    .plan-list-div.revenue_report {
        padding: 0 15px;
    }

    .filter {
        text-align: center;
    }

    .order_form div.coupon {
        margin-top: 30px;
    }

    .container.create-order-cls .row.ship-payment-div .col-md-6 {
        width: 100%;
    }

    .plan-list-div.cstm-manage-coo {
        padding: 0 15px;
    }

    .table-inner-section.form-group .main-flex button {
        margin-left: 3px;
    }

    .table-inner-section.form-group .main-flex {
        gap: 10px;
    }

    .table-inner-section .main-flex .pay-status-div label,
    .table-inner-section .main-flex .order-status-div label {
        padding-top: 0;
    }

    .table-inner-section.form-group .order-detail-child-div .order-data-div h2 {
        margin-top: 0;
    }

    .table-inner-section.form-group .order-detail-child-div,
    .table-inner-section.form-group .order-detail-child-div+.order-detail-child-div {
        float: unset;
    }

    .table-inner-section .btn {
        padding: 6px 13px;
        white-space: normal;
    }

    .bundle_form_section {
        padding: 15px;
    }

    .main-pageContent .row.ship-payment-div {
        flex-wrap: wrap;
    }

    .shipping-input-div.col-md-6,
    .payment-sel-div.col-md-6 {
        max-width: 100%;
    }

    .tdButtons {
        flex-wrap: wrap;
        gap: 5px;
    }

    .main-pageContent #addCardModal .modal-dialog {
        width: calc(100% - 15px) !important;
        max-width: unset;
    }

    .main-pageContent div#editPlanModal {
        padding: 0;
    }

    .edit-profile-from {
        max-width: 100%;
        width: calc(100% - 30px);
        padding: 15px;
    }

    .edit-profile-from h2 {
        font-size: 18px;
        margin-bottom: 15px;
        letter-spacing: 0;
    }

    .edit-profile-from .btn {
        padding: 8px 15px;
    }

    .dataBottom {
        flex-wrap: wrap;
    }

    .main-pageContent.OrderItemR-content .commission-page.list .dates-div {
        padding: 10px 15px;
    }

    .cstm-order_item .dataTables_info {
        float: unset;
        text-align: center;
        margin: 0;
    }

    .cstm-order_item .pagination {
        float: unset;
        margin-top: 30px;
        width: 100% !important;
    }

    .table-inner-section.form-group select#id_order_status {
        margin: 0;
    }

    .main-pageContent.UserDetail-content .table-inner-section.user-det-page h1 {
        width: 100%;
    }

    .main-pageContent.resellerR-content .set_scoll table#dataTable {
        white-space: normal;
    }

    .plan-list-div.cstm-benefit {
        padding: 0 15px;
    }

    .main-pageContent.subadminlist-content .list.resellers-list #datatable_filter,
    .main-pageContent.subadminlist-content .list.resellers-list #datatable_info {
        padding-left: 0px;
    }

    .subadmindetail-content>.d-flex {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .subadmindetail-content>.d-flex .btn {
        margin: 0;
        float: unset !important;
        width: 100%;
    }

    .reportList-content .plan-list-div.cstmPrime_content,
    .main-pageContent.categorylist-content .list #datatable_wrapper {
        padding: 0 15px;
    }

    .ReportHeading-content .container.create-order-cls .plan-list-div .downloads-page.list {
        padding: 15px;
    }

    .ReportHeading-content .container.create-order-cls .django-ckeditor-widget {
        margin-bottom: 15px;
    }

    .main-pageContent.storeLIst-content .list.set_scoll table#datatable {
        margin: 0;
        max-width: unset;
    }

    .adddocs-content .float-container .float-child {
        width: calc(100%);
    }

    .Homeadd-content .downloads-page form,
    .main-pageContent.addLegend-content .container.create-order-cls form,
    form#couponForm,
    .CreateBundle-content form#bundleForm,
    div#myCarousel+.dashboard-main-div .dashboard-block3.dashboard-block1 .dashboard-block2 .dashboard-page.list {
        padding: 15px;
    }

    .main-pageContent.prompterCouponform-content .page-heading-div h2 {
        margin-bottom: 10px;
    }

    .container.create-order-cls form#productForm {
        padding: 15px !important;
    }

    .categoryindex-content form#categoryForm .btn {
        margin-top: 10px;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-collapse) .logo .logo-lg {
        background: url(../staticImages/logo.png) no-repeat;
        background-size: 40px;
        background-position: center;
        height: 100%;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-collapse) .logo .logo-lg img {
        opacity: 0;
    }

    .list.resellers-list form .search-div label,
    form#searchForm label,
    #menu_form label {
        margin-bottom: 5px;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 100%;
        max-width: 300px;
    }

    .salesRs-content .dataTables_info {
        float: unset;
        justify-content: center;
        width: 100%;
    }

    .salesRs-content .pagination {
        width: 100% !important;
        float: unset;
    }

    .commission-page.list .commission-page label {
        width: 100%;
    }

    .commission-page.list .commission-page {
        padding: 0;
        width: 100%;
    }

    .commission-page #search_email_history_report {
        width: 100% !important;
        margin: 5px 0 0;
    }

    .salesRs-content .sub_by_status .filter {
        justify-content: center;
    }

    .salesRs-content .sub_by_status .filter span {
        text-align: center;
    }

    .salesRs-content .sub_by_status .filter select#filteruser {
        max-width: 300px;
        width: 300px !important;
    }

    .main-pageContent.Clawback-content .commission-page.list.clawback-cstm .search-div button.btn {
        padding: 0 12px;
    }

    .main-pageContent.Clawback-content .commission-page.list.clawback-cstm .search-div button.btn.export-btn {
        margin-left: 3px;
    }

    .address-section [class*="col-md"]:not(:first-child) {
        border-left: none;
        padding-left: 0px;
    }

    #detail_popup .address-section [class*="col-md"] {
        width: 100%;
        padding: 0;
    }

    #detail_popup .address-section [class*="col-md"]:not(:last-child) {
        margin-bottom: 15px;
    }

    .plan-list-div .commission-page.list .set_scoll {
        border: none;
    }

    .commission-page #top20earners_wrapper .dataTables_length label {
        margin: 0;
    }

    .commission-page #top20earners_wrapper .dataTables_length label select {
        margin: 0 10px;
    }

    #top20earners_wrapper.dataTables_wrapper .dataTables_filter {
        margin-bottom: 20px;
    }

    .top-20-country {
        text-align: center;
    }

    .top-20-country .country_user_dd {
        width: 100%;
        max-width: 300px;
        padding: 0 10px;
    }

    .containerInventoriable {
        justify-content: flex-start;
        margin: 5px 0;
    }

    form#productForm .containerInventoriable #id_isStockable {
        margin-top: 4px;
    }

    .chkbx-div label {
        font-size: 14px;
        display: inline;
    }

    form .chkbx-div input[type="checkbox"] {
        transform: unset;
    }

    .admin-form .float-container {
        border: none;
        padding: 0;
    }

    .admin-form .float-child {
        width: calc(100%);
        float: unset;
        padding: 0;
    }

    .main-pageContent.createSubadmin-content .table-inner-section.plan-form {
        padding: 15px;
    }

    .admin-form .float-container .form-group label {
        width: 100%;
    }

    .createSubadmin-content #corporate_form .form-group {
        padding: 0;
        width: 100%;
    }

    .main-sidebar,
    .main-header .logo {
        width: 70px;
    }

    .main-header .logo {
        padding: 10px 10px;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-open) .content-wrapper {
        margin-left: 0;
        width: 100%;
    }

    body.body-content.skin-blue.sidebar-mini.sidebar-open .content-wrapper,
    body.body-content.skin-blue.sidebar-mini.sidebar-open .right-side,
    body.body-content.skin-blue.sidebar-mini.sidebar-open .main-footer {
        transform: unset;
    }

    body.body-content.skin-blue.sidebar-mini.sidebar-open .main-header .logo {
        width: 230px;
    }

    body.body-content.skin-blue.sidebar-mini.sidebar-open .main-header .navbar {
        margin-left: 230px;
    }

    .main-sidebar,
    aside.main-sidebar {
        width: 230px;
    }

    body.body-content.skin-blue.sidebar-mini:not(.sidebar-collapse) .main-footer {
        width: 100%;
    }

    body.body-content.skin-blue.sidebar-open.sidebar-mini:not(.sidebar-collapse) .main-footer {
        width: 230px;
    }

    .unscheduled-email {
        gap: 10px;
        flex-direction: column;
        align-items: center;
    }
}

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

    .dataAreaForm,
    .searchForm .create-order-wrap {
        width: calc(100% /2 - 6px);
        padding: 0;
    }

    .table-inner-section .main-flex .pay-status-div,
    .table-inner-section .main-flex .order-status-div {
        width: calc(100%);
    }

    .orderDetail-content .table-inner-section.form-group .main-flex .pay-status-div select,
    .orderDetail-content .table-inner-section.form-group .main-flex .order-status-div select,
    .table-inner-section.form-group select#id_order_status {
        width: calc(100%);
        max-width: 100%;
        margin-bottom: 10px;
    }

    .table-inner-section .main-flex .pay-status-div #id_refund_status {
        max-width: calc(100%);
    }

    .table-inner-section .main-flex .pay-status-div #amountWiserefund {
        margin-bottom: 10px;
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }

    .table-inner-section.form-group .main-flex button,
    .order-status-div button#change_status_btn {
        margin-left: 0px;
        width: 100%;
    }

    .main-pageContent.OrderItemR-content .commission-page.list .dates-div label {
        margin-right: 0px !important;
        margin-bottom: 10px !important;
        width: 100%;
    }

    .containerDetail .profile-image {
        max-width: 200px;
    }

    table .btn {
        white-space: normal;
    }

    section.content .downloads-page.list>.btn {
        width: 100%;
        margin: 0;
    }

    section.content .downloads-page.list>.btn:not(:nth-child(1)) {
        margin-top: 10px;
    }

    .main-pageContent.UsersList-content .list.resellers-list .pagination {
        margin-right: 0;
        width: 100% !important;
    }

    span.step-links a {
        padding: 0 8px;
    }

    span.step-links>a,
    span.step-links span {
        padding: 0;
    }

    .down-cstm .filter_by_group {
        margin-top: 20px;
    }

    .user_downline_div .col-md-3 {
        width: 100%;
    }
}

@media only screen and (max-width: 567px) {
    .order-detail-child-div .detail-cls.ord-detail-block td::before {
        background: var(--tableHeader);
        width: calc(100%/2);
        content: attr(data-title) ":";
    }

    .order-detail-child-div .detail-cls.ord-detail-block td:nth-child(3)::before {
        content: attr(data-title) ":";
    }

    .table-inner-section.form-group .order-detail-child-div+.order-detail-child-div .detail-cls.ord-detail-block .table td {
        padding-top: 10px !important;
    }

    .autoshipdetail-content .user-cls .table th,
    .autoshipdetail-content .table th,
    .main-pageContent.autoshipdetail-content .order-detail-child-div .order-data-div tr th {
        display: none;
    }
}

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

    .dataAreaForm,
    .searchForm .create-order-wrap {
        width: calc(100%);
        padding: 0;
    }

    html body .date-section-div.searchdate .input-div.top-20-report .dataSearch {
        width: calc(100%/2 - 5px);
        max-width: unset;
        justify-content: flex-start;
    }
}



.container.create-order-cls {
    position: relative;

    .action-btns {
        position: absolute;
        top: 100%;
        float: unset;
    }

}