/* COMMON */

:root {
    --blue: #0d6efd;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d63384;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #198754;
    --teal: #20c997;
    --cyan: #0dcaf0;
    --black: #000;
    --white: #fff;
    --gray: #6c757d;
    --border: #88b510;
    --btn-primary: #f10044;
    --btn-primary-hvr: #286090;
    --btn-secondary: #ffffff;
    --main-color: #88b510;
    --menu-bg: #000000;
    --menu-color: #fff;
    --menu-hvr-bg: #58a411;
    --menu-hover-color: #ffffff;
    --menu-dropdown: transparent;
    --header-top: #346826;
    --header-color: #ffffff;
    --dropdown-color: #ffffff;
    --heading-color: #88b510;
    --table-bg: #f9c52b;
    --text-color: #000000;
    --lable-color: #333333;
    --field-text: #5e5e5e;
    --pagination-bg: #f10044;
    --footer: #000000;
    --footer-a: #cccccc;
    --box-bg: #fffbf3;
    --box-bg-hover: #fbf1ef;
    --box-icon-color: #f1cac269;
    --box-header: #444444;
    --btn-box-tool: #97a0b3;
    --btn-warning: linear-gradient(to bottom, #ae0808, #ba1717, #c62224, #d22d31, #de373e);


    --primary:#376819;
    --primary-dark:#739d04;
    --StatisticsTitle:#000;
    --statisticsBoxBorder:#fff;
    --commonCardShadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;
    --box-bg:rgba(247, 248, 250,0.5);
    --box-border:2px solid #fff;
    --boxHeaderTitle:#000;
    --boxBodyBorder:#f1f1f1;
    --boxBodyBg:rgba(255, 255, 255, 0.6);
    --secondaryColorGradient:linear-gradient(180deg, #cc9c52 0%, #b98b44 100%);
    --box-header-gradient: linear-gradient(180deg, #ddf1b8 0%, #fbfff0 100%);
    --box-header-text:#000;
    --expand-color:#000;
    --updatedBG:rgba(51, 71, 0, 70%);
    --box-title-iconbg: #cc9c52;
    --box-header-bg: #eef5da;
    --statistics-box-bg:linear-gradient(360deg, #ddeea8 0%, #fbfff0 100%);
     --card-value:#53870c;
     --primary-gradient:linear-gradient(360deg, #2f5209  0%, #739c1d 100%);
     --box-header-title-first:#fff;

     --card-value:#53870c;
    --main-tab-bg:#567e00;
    --main-tab-text:#fff;
    --card-bg-color:#fff;
    --card-button-color:#000;
    --card-colums-bg:#fff;
    --card-colums-color:#000;
    --sub-accordian-border:#88b510;
    --btn-xs-text-color:#fff;
    --update-welcome-text:#ffffff;
    --profile-img-border:#ffffff;
    --update-box-bg:rgba(0,0,0,0.5);
}

.content {
    padding-top: 0px !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}



.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}


.text-center {
    text-align: center !important;
}

.card {
    /*box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3);*/
    box-shadow: 3px -3px 3px 5px rgba(152, 152, 152, 0.3);
    margin-bottom: 30px;
    transition: box-shadow 0.2s ease-in-out;
    height: 290px;
}

    .card .card-block, .card .card-body {
        /*padding: 20px 20px;*/
        padding: 10px 10px;
    }


.m-b-10 {
    margin-bottom: 10px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.user-card2 .risk-rate {
    display: inline-block;
    margin: 0 auto;
}

    /*.user-card2 .risk-rate span {
        width: 180px;
        height: 180px;
        border-radius: 50%;
        border: 6px dashed #d6d6d6;
        border-top-color: #f1df8f;
        border-bottom-color: transparent;
        padding: 68px 30px;
        display: block;
        position: relative;
        font-size: 20px;
    }

        .user-card2 .risk-rate span:after {
            content: "";
            width: 130px;
            height: 130px;
            background-color: #f1df8f;
            border-radius: 50%;
            position: absolute;
            top: 20px;
            left: 20px;
            z-index: 1;
        }*/

        .user-card2 .risk-rate span b {
            font-size: 20px;
            /*color: #fff;*/
            z-index: 2;
            position: relative;
        }


.user-card2 .risk-rateMultiD {
    display: inline-block;
    margin: 0 auto;
}

    /*.user-card2 .risk-rateMultiD span {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        border: 6px dashed #d6d6d6;
        border-top-color: var(--main-color);
        border-bottom-color: transparent;
        padding: 55px 30px;
        display: block;
        position: relative;
    }

        .user-card2 .risk-rateMultiD span:after {
            content: "";
            width: 130px;
            height: 130px;
            background-color: #f13066;
            border-radius: 50%;
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 1;
        }*/

        .user-card2 .risk-rateMultiD span b {
            font-size: 20px;
            /*color: #fff;*/
            z-index: 2;
            position: relative;
        }


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

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.pb-0, .py-0 {
    padding-bottom: 0 !important;
}

.card .card-footer {
    border-top: 1px solid #e2e5e8;
    padding: 12px 20px;
}

.card .card-block, .card .card-body {
    padding: 20px 20px;
}

.text-c-blue {
    color: #4680ff;
    display: block;
}



.resize-triggers, .resize-triggers > div, .contract-trigger:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.resize-triggers {
    animation: 1ms resizeanim;
    visibility: hidden;
    opacity: 0;
}

    .resize-triggers > div {
        background: #eee;
        overflow: auto;
    }

.text-center {
    text-align: center !important;
}

.rowHL {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.bg-primary {
    color: #fff;
    background-color: var(--menu-bg);
}

.user-card2.SingD .btn-success {
    background-color: var(--menu-hvr-bg);
    border-color: var(--menu-hvr-bg);
}

.secBtn.active, .btn-xs.active {
    background-color: #000 !important;
    font-weight: bold;
}

.gridHead {
    display: inline-block;
}

.box.box-info {
    margin-top: 0px;
}

.box {
    margin-bottom: 10px;
    border-radius: 15px;
    background: var(--text-color);
    color: var(--menu-color);
    box-shadow: rgb(0 0 0 / 10%) 0 0 0 0px, rgb(0 0 0 / 10%) 0 4px 16px;
    position: relative;

     border:var(--box-border) !important;
    background:var(--box-bg);
    box-shadow:var(--commonCardShadow);
    color:var(--StatisticsTitle);
}

.box2 {
    margin-bottom: 5px;
    border: 2px solid var(--border) !important;
    border-radius: 15px;
    background: #4c4c4c;
    color: var(--menu-color);
    box-shadow: rgb(0 0 0 / 10%) 0 0 0 0px, rgb(0 0 0 / 10%) 0 4px 16px;
    position: relative;
}

.box3 {
    margin-bottom: 5px;
    border: 2px solid var(--border) !important;
    border-radius: 15px;
    background: #828282;
    color: var(--menu-color);
    box-shadow: rgb(0 0 0 / 10%) 0 0 0 0px, rgb(0 0 0 / 10%) 0 4px 16px;
    position: relative;
    z-index: 1;
}

.box4 {
    margin-bottom: 5px;
    border: 2px solid var(--border) !important;
    border-radius: 15px;
    background: #b7b7b7;
    color: var(--menu-color);
    box-shadow: rgb(0 0 0 / 10%) 0 0 0 0px, rgb(0 0 0 / 10%) 0 4px 16px;
    position: relative;
    z-index: 1;
}

.box-header .box-title {
    color: var(--menu-color);
}

.box-body .panel {
    background-color: none;
    border: none;
    height: 300px;
    /*overflow: auto;*/
    display: inline;
}

.rowpad2 {
    padding: 0 2px;
}

.box .btn-group-xs > .btn, .btn-xs {
    padding: 1px 2px;
}

.box .btn.btn-flat {
    margin: 2px;
}

.box .Grid-chart {
    height: 300px;
    /*overflow: auto;*/
}

.box .chart {
    position: relative;
    overflow: auto;
    width: 100%;
    height: 300px;
}

.box .chartepin {
    height: 400px;
    width: 100%;
    max-width: 500px;
    display: inline-block;
    padding: 5% 0
}

.box .Griddata2 {
    margin-top: 10px;
}



@media(max-width:660px) {
    .box .Grid-chart {
        overflow: auto;
    }

    .box .chart {
        overflow: auto;
    }

    .box-body .panel {
        overflow: auto;
    }
}

.p1 {
    padding-bottom: 20px;
}

.p2 {
    text-align: right;
    padding: 0 20px;
}
.graphchart{
    overflow:hidden !important;
}
.text-c-blue a, .gridHead .box-title a{
    cursor: pointer;
}

@media(max-width:360px) {
    .btn-group-xs>.btn, .btn-xs{
        font-size:11px !important;
        padding:1px 0 !important;
    }
}

.box .box-header .box-title-withicon i {
    background: var(--box-title-iconbg);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px !important;
    margin-right: 5px;
}


.box-statistics {
    background:transparent !important;
    border:0px !important;
    box-shadow:none !important;
}

.box-statistics .box-header.with-border {
    border-bottom:0px !important;
}

.box-statistics .box-header .box-title {
    color:var(--StatisticsTitle);
    font-weight:500;
}

.card {
    box-shadow:var(--commonCardShadow);
    border-radius:25px;
    overflow:hidden;
}
.box-statistics .card {
    height:180px;
    border: 3px solid var(--statisticsBoxBorder);
    transition: all 0.5s ease-in-out 0s;
    background:var(--card-bg-color);

    
}
.box-statistics .card:hover {
     transform: translateY(-10px);
     /*border:2px solid var(--primary);*/
   box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.box-statistics .card .card-body {
    /*background:url("../Content/images/box-bg.jpg");*/
    background-size:cover;
    border-radius: 0px 0px 25px 25px;
    padding: 10px;
    background:var(--statistics-box-bg);
}
.box-statistics .card .card-body span {
    color:var(--card-value);
    font-size: 1.8rem;
}

/*.panel-box-wrapper {
    background:#fff;
    border:2px solid #fff;
    border-radius:30px;
    overflow:hidden;
    transition: all 0.5s ease-in-out 0s;
    margin-top:25px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}*/


.box-statistics .user-card2.SingD .btn-success {
    background: transparent;
    border: 0px;
    margin-top: 0px;
    color: var(--card-button-color);
    font-weight: 600;
    padding: 15px 10px;
}

.box-statistics .user-card2 .risk-rate {
    margin:5px auto;
}
.box-statistics .user-card2 .risk-rate .icon-box {
    height:60px;
    width:60px;
    margin: 0px auto 10px;
    background-size:60px;
    background-repeat:no-repeat;
}

.dashboardsettings-newmembermystatus {
    background:url("../Content/images/status.png");
}
.dashboardsettings-newmemberkycdocumentstatus {
    background:url("../Content/images/docs.png");
}
.dashboardsettings-newmemberincomereceived {
    background:url("../Content/images/revenue.png");
}
.dashboardsettings-newmembermyawardstatus {
    background:url("../Content/images/revenue.png");
}
.dashboardsettings-newmemberepin {
     background:url("../Content/images/receive.png");
}
.dashboardsettings-newmemberewallet {
background:url("../Content/images/wallet.png");
}
.dashboardsettings-newmemberpendingaddmoneyrequest {
    background:url("../Content/images/pending-add-money-icon.png");
}
.dashboardsettings-newmemberpendingwithdrawrequest {
    background:url("../Content/images/pending-ewallet-request-icon.png");
}
.dashboardsettings-newmemberpendingorder {
    background:url("../Content/images/pending-order.png");
}
.dashboardsettings-newmemberlastsignindate {
 background:url("../Content/images/sign-in.png");
}
.dashboardsettings-newmemberlastsigninip {
    background:url("../Content/images/ip-icon.png");
}
.dashboardsettings-newadminpendingupgraderequest {
     background:url("../Content/images/upgrade.png");
}
.dashboardsettings-newadminewalletbalance {
    background:url("../Content/images/wallet.png");
}
.dashboardsettings-newadminpendingepinrequestapproval {
    background:url("../Content/images/pending-epin.png");
}
.dashboardsettings-newadminpendingreturnrequests {
    background:url("../Content/images/return-request.png");
}
.dashboardsettings-newadminhighlight1 {
    background:url("../Content/images/online-member.png");
}
.dashboardsettings-newadminunreadmessages {
    background:url("../Content/images/unread-message.png");
}
.dashboardsettings-newadminpendingticketcount {
    background:url("../Content/images/pending-ticket.png");
}
.dashboardsettings-newadmintotalbv {
    background:url("../Content/images/total-bv.png");
}
.dashboardsettings-newadmintotalpv {
    background:url("../Content/images/total-bv.png");
}
.dashboardsettings-newadmintotalsale {
    background:url("../Content/images/total-sale.png");
}
.dashboardsettings-newadminsellerproductapproval {
    background:url("../Content/images/seller-product-approval.png");
}
.dashboardsettings-newadminpendingporreturnapproval {
    background:url("../Content/images/pending-return-approval.png");
}
.dashboardsettings-newadminporpendingapprovalrequest {
    background:url("../Content/images/pending-approve-request.png");
}

.box-statistics .bg-primary {
    color: var(--card-colums-color);
    background-color: var(--card-colums-bg);
    border-top:0px;
}

.box .box-header .box-title {
    color:var(--boxHeaderTitle);
    font-weight:500;
}
.box .box-header-no-border{
    border-bottom:0px !important;
}

.box2 {
    background: transparent;
    color: var(--menu-color);
    box-shadow: none;
    border: 1px solid var(--sub-accordian-border) !important;
    /*border-bottom:4px solid var(--primary-dark) !important;*/
    margin-bottom:15px !important;
    box-shadow:var(--commonCardShadow);
}

.box2 .box-header .box-title {
    color: var(--boxHeaderTitle);
    font-weight: 500;
    line-height: 25px;
}

.box2 .sub-heading {
border-bottom:0px !important;
}
.box2 .sub-heading .box-title i {
    color:var(--primary);
    font-size: 15px !important;
    margin-right: 5px;
}

.box2 .sub-heading .box-tools {
    color:var(--black)
}

.box3 {
    background: transparent;
    box-shadow: none;
    border: 0px !important;
}
.box3 .box-header {
    background:var(--box-header-gradient);
    border-radius:15px;
    border-bottom:0px !important;
}
.box3 .box-header .box-title, .box3 .box-header .box-title a {
    color:var(--box-header-text);
    font-weight:600;
}

.box3 .box-header .box-title i {
    display:none !important;
}

.box3 .panel-body {
    padding-left:0px;
    padding-right:0px;
}

.box4 {
    background: transparent;
    box-shadow: none;
    border: 0px !important;
}
.box4 .box-header {
    background:var(--box-header-gradient);
    border-radius:15px;
    border-bottom:0px !important;
}
.box4 .box-header .box-title, .box4 .box-header .box-title a {
    color:var(--box-header-text);
    font-weight:600;
}

.box4 .box-header .box-title i {
    display:none !important;
}


.box3 .box-header > .box-tools, .box4 .box-header > .box-tools {
    top: 0px;
}

.box-body-new {
    background: var(--boxBodyBg);
    border-radius: 15px;
    margin-top: 5px;
    border: 2px solid var(--boxBodyBorder);
}

.btn-flat {
    background-color: var(--main-tab-bg) !important;
    color: var(--main-tab-text) !important;
    border-bottom: 0px solid var(--primary) !important;
    margin: 0px 2px 10px 0px !important;
    border: 0px;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    box-shadow: inset 0px 2px 5px 2px rgba(0,0,0,0.2);
}

.btn-flat:hover {
    background:var(--secondaryColorGradient) !important;
}
.secBtn.active {
    background: var(--secondaryColorGradient) !important;
    font-weight:500;
}

div.k-grid-header {
    padding-right:0px !important;
}

.btn-xs {
    background-color: transparent !important;
    color: var(--black) !important;
    border: 0px !important;
    border-bottom: 2px solid var(--primary) !important;
    padding: 3px 10px !important;
    border-radius:0px !important;
        margin-bottom: 0px !important;
}

.btn-xs:hover {
background-color: var(--primary) !important;
}

.btn-xs.active {
    background-color: var(--primary) !important;
    font-weight: 500;
}

.left-tab {
    text-align:left !important;
    padding-left:0px !important;
    padding-right:0px !important;
}

.bizdata .row {
    margin-left:0px;
    margin-right:0px;  
}

.container {
    padding-right: 5px;
    padding-left: 5px;
}

.box-statistics .MultiD .text-c-blue a {
    color:var(--card-value);
    font-size: 15px;
    font-weight: 600;
}
.defActive.active {
    background: var(--secondaryColorGradient) !important;
    font-weight:500;
}

.rightside-box-wrapper {
    background: url(../Content/images/income-bg.png) center;
    border: 3px solid #fff;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0s;
    margin-top:60px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 15px;
    height: 656px;
    position: relative;
}
.rightside-box-wrapper:before {
    position: absolute;
    content: '';
    background: rgba(255, 193, 9, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.rightside-box-wrapper .right-box-content {
    border-radius: 30px;
    padding: 20px;
    background: var(--primary);
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.Dashwebpad {
    padding: 0;
}
.graphWebpadd-0 {
    padding-left:5px;
    padding-right:0px;
}
.box .box-header-head {
    background: var(--primary-gradient);
    border-radius: 15px 15px;
    border-bottom: 0px;
}
.box .box-header-head .box-title {
    color:var(--box-header-title-first)
}
.box .box-header-head .box-tools .btn-box-tool {
    color:var(--expand-color);
}
.box-header.with-border {
    border-bottom: 0px solid var(--border);
}
@media(max-width:1023px) {
    .Dashpad-0 {
        padding: 0 !important;
    }
}

@media (max-width:660px) {
    .update-box {
    margin:25px 0px;
}
.update-wrapper {
    padding: 0 5px;
}
}

.btn-back-top {
    z-index: 99;
}