html, body{
        width: 100%;
    height: auto;
}
body{
    background:url(../images/admin-dashboard-bg.jpg) !important;
    background-size:cover;
    background-attachment:fixed;
}
.app-content-body{background:#EBF9FF;    box-shadow: 0px 0px 10px #00000017;min-height:90vh;}
.app:before{background-color:transparent;}
.top-bar-new{
    background: #ebf9ff;
    border-radius: 49px 0px 0px 0px;
}
.navi ul.nav li.active a{
    width: 97%;
    float:right;
    height: auto;
    background-color: #ebf9ff;
    border-radius: 30px 0 0 30px;
    position:relative; 
}  
.navi ul.nav li a{
    width:97%;
    float:right;
}
.navi ul.nav li{
        width:100%;
    display:inline-block;
}
.navi ul.nav li.active a{
    padding-left: 13px;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #ebf9ff;
    color:#242424;
}

.navi ul.nav li.active a:before {
    content: "";
    width: 30px;
    height: 30px;
    margin-top: -30px;
    transform: rotate(90deg) scale(1.04);
    background-size: 100%;
    background-image: url(../images/shade.png);
    position: absolute;
    top: 1px;
    right: 13px;
    margin-right: -1.25rem;
}
.navi ul.nav li.active a:after{
        content: "";
    width: 30px;
    height: 30px;
    margin-top: 50px;
    transform: scale(1.04);
    background-size: 100%;
    background-image: url(../images/shade.png);
    position: absolute;
    bottom: -30px;
    right: 12px;
    margin-right: -1.25rem;
}
.navi ul.nav li.active .nav-sub{
       width:100%;
    display:inline-block;
    overflow:visible;
    background-color: #d8e0ee;
}
.navi ul.nav li.active .nav-sub a{
     width: 100%;
    float:right;
    height: auto;
    background-color:transparent;
        padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 50px;
}
.navi ul.nav li.active .nav-sub a:after{display:none;}
.navi ul.nav li.active .nav-sub a:before{display:none;}
.app-aside-fixed .aside-wrap .navi-wrap > *{
        padding-top: 20px;
}
.navbar-brand {
    max-height: 65px;
}
.navbar-brand img{
    max-height: 50px;
}

.admin-top-widget {
    grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) );
}
.top-widget{
    padding: 25px 12px !important;
    box-shadow: 5px 10px 17px rgba(0, 0, 0, 0.12) !important;
    border:0;
    border-radius: 6px !important;
}
.top-widget.income, .top-widget.Bonus, .top-widget.Paid{
    padding: 15px 12px;
    box-shadow: 5px 10px 17px rgba(0, 0, 0, 0.12) !important;
    border:0; 
}
.referal-link .link-replica input{border:0;    background-color: #e4f8ff;}
.app-footer .bg-light{    background-color: #e5f2f8;}

.teamperfomance_new td{
    padding:0 !important;
}

.app-content-body .wrapper_index{
    padding:0;
}
.app-content-body .setting_margin{
    margin:0;
    margin-top:10px;
    top:0;
    margin-bottom:20px;
}
.features-quick-access-home{top:0;}

.chart-container h4{
    color: #282828;
    font-size:18px;
    font-family: sans-serif;
}
.panel h4{
       color: #282828;
    font-size:16px;
    font-family: sans-serif;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.E-Wallet .top-widget-icon{
    background: #62CD20;
}
.income .top-widget-icon{
    background: #19D6B4;
}
.Bonus .top-widget-icon{
    background: #9E69E2;
}
.Pending .top-widget-icon{
    background: #FE6F4F;
}
.left_side_fold .active{display:none;}
.left_side_fold.active .default{display:none;}
.left_side_fold.active .active{display:block;}

#header1 .no-shadow.btn{display:none;}
.left_side_fold{
        right: -18px;
    position: absolute;
    top: 40%;
    width: 50px !important;
    z-index: 99;
}
.chart_js_paid_cnt{
      width: 130px;
    height: 50px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 50px;
    bottom: 0;
    right: 0;
    color: #242424;
    font-size: 18px;
    text-align: center;
    line-height: 22px;
}
.chart_js_paid_cnt strong{
    width:100%;
    display:inline-block;
      font-size:30px;
}
.dashbord-tab .tabsy > input:checked + label, .dashbord-tab .tabsy2 > input:checked + label{background-color:transparent;}
.tabsy > .tab{background-color:transparent;}
.tabsy2 > .tab2{background-color:transparent;}
.joinings{background-color:transparent;}
.new-members ul li, .new-members ul li.list-group-item{background-color:transparent !important;}
.setting_margin_top .bg-white{background-color:transparent !important;}
.tabsy2{
    position:relative;
    z-index:2;
}
.tabsy2:before{
  content: '';
    position: absolute;
    left: 0;
    top: 0px;
    background-color: #fff;
    width: 100%;
    height: 34px;
    z-index: -1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    
}
.tabsy{
      position:relative;
    z-index:2;
}
.tabsy:before{
  content: '';
    position: absolute;
    left: 0;
    top: 0px;
    background-color: #fff;
    width: 100%;
    height: 34px;
    z-index: -1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    
}

.new-members ul li, .new-members ul li.list-group-item{
    padding-top: 4px;
    padding-bottom: 4px;
}
.dropdown-menu .b-light{border:0;background-color:#fff;}


.panel{
     box-shadow: 5px 10px 17px rgba(0, 0, 0, 0.12) !important;
     background-color: rgba(255,255,255,0.7);
     /*padding: 10px 15px 10px;*/
     border-radius: 6px !important;
}


.rpl-social .fa-facebook{
    background-color:#1877F2;
    width:30px;
    height:30px;
    border-radius:30px;
    display:inline-block;
    line-height: 32px;
     text-align:center;
}
.rpl-social .fa-twitter{
    background-color:#1DA1F2;
    width:30px;
    height:30px;
    border-radius:30px;
    display:inline-block;
    line-height: 32px;
     text-align:center;
}
.rpl-social .fa-linkedin{
    background-color:#2867B2;
    width:30px;
    height:30px;
    border-radius:30px;
    display:inline-block;
    line-height: 32px;
    text-align:center;
}
.rpl-social i.fa, .rpl-social .fa-facebook, .rpl-social .fa-twitter, .rpl-social .fa-linkedin{ color:#fff !important;}

.settings > .btn{display:none;}
.dropdown-menu{border:0;border-radius:5px;box-shadow: 5px 10px 17px rgba(0, 0, 0, 0.12) !important;}
.top-widget-dropdown{
        top: 5px;
    width: 13px;
    cursor: pointer;
    text-align: center;
}
.btn-info{
    background-color: #3da4f5;
    border-color: #3da4f5;
    border-radius: 0px;
}
.Demo_head_bg{
  background-color: #3da4f5 !important;  
}
.tree_img_tree .binary_bg {
    background-color: #4aafff !important;
    }
body .tooltipster-sidetip.tooltipster-shadow .tooltipster-box { box-shadow: 10px 10px 30px #b9c9e3 !important;}

table.table thead{
      box-shadow: 0px 4px 23px rgb(0 0 0 / 12%);
    position: relative;  
}
.table-striped > tbody > tr:nth-of-type(even){
    background-color:#fff;
}
.table > thead > tr > th {
    padding: 12px 15px;
    
}

.table-responsive table thead{
      box-shadow: 0px 4px 23px rgb(0 0 0 / 12%);
    position: relative;   
}
.new-dashborad-summary table.dataTable.no-footer{
        border: solid 1px #efefef !important;
        margin:0;
}
table.dataTable { width: 99%  !important;}
.main-content-new-dashboard{
     background-color:transparent !important;
}
.new-dashborad-summary .tabs{
     background-color:#fff;
}
.BtnDefault{
    border: 1px solid #011e40;
    background: #1e4066;
}
.new-dashboard-btn button{
    
    background-color: #386dbf  !important;
}

.tile-new-dashboard-w-wallet{
     padding: 25px 12px !important;
    box-shadow: 5px 10px 17px rgba(0, 0, 0, 0.12) !important;
    border:0;
    border-radius: 6px !important;
}
.new-dashborad-summary .tabs{
     box-shadow: 5px 10px 17px rgba(0, 0, 0, 0.12) !important;
}
.wrapper-md .tabsy{ background-color:#fff !important;}
.wrapper-md .tabsy:before{box-shadow:none  !important;}

.theme-light .app .navbar-brand img{display:none;}
.theme-light .app .navbar-brand img.logo-shrink{display:none;}
.theme-light .app .navbar-brand img.logo-light{display:block;}

.theme-light .app.app-aside-folded .navbar-brand img.logo-shrink{display:block;}
.theme-light .app.app-aside-folded .navbar-brand img.logo-light{display:none;}
.theme-light .app.app-aside-folded .navbar-brand img{display:none;}

.navi ul.nav li a{border-radius:30px 0 0 30px;}

.btn-addon.btn-sm i{height: 33px;line-height: 33px;}


/*** Left theme style start***/
.left-side-style body{background:#011E40 !important;}
.left-side-style .navi ul.nav li.active .nav-sub{
    background-color: #d8e0ee0f;
}
.left-side-style .navi ul.nav li.active .nav-sub a{color:#fff}
.left-side-style  .navi ul.nav li a{color:#fff}
.left-side-style .navi ul.nav li.active a{color:#242424;}
.left-side-style .navi ul.nav li:hover a{color:#242424;}

.left-side-style .navbar-brand img{display:block;}
.left-side-style .app .navbar-brand img.logo-shrink{display:none;}
.left-side-style .navbar-brand img.logo-light{display:none;}

.left-side-style .app.app-aside-folded .navbar-brand img.logo-shrink{display:block;}
.left-side-style .app.app-aside-folded .navbar-brand img.logo-light{display:none;}
.left-side-style .app.app-aside-folded .navbar-brand img{display:none;}
/*** Left theme style end***/


/*** dark theme style start***/
.theme-dark{background:#011E40 !important;}
.theme-dark body{background:#011E40 !important;color: #ffffff;}
.theme-dark .navi ul.nav li.active .nav-sub{
     background-color: #02142B;
    width: 96.5%;
    float: right;
    padding-top: 20px;
    border-radius: 0px 0 0 30px;
    margin-top: -12px; 
}
.theme-dark .navi ul.nav li.active a {color: #ffffff;}
.theme-dark .navi ul.nav li.active .nav-sub a{color:#fff}
.theme-dark  .navi ul.nav li a{color:#fff}
.theme-dark .navi ul.nav li:hover a{color:#fff;}
.theme-dark .app-content-body{background:#02142B !important;}
.theme-dark .top-bar-new{background: #031934;}
.theme-dark .navi ul.nav li.active a{background:#02142B !important;}
.theme-dark .navi ul.nav li.active a:before{background-image: url(../images/shade_dark.png);}
.theme-dark .navi ul.nav li.active a:after{background-image: url(../images/shade_dark.png);}
.theme-dark .top-widget{background:#0F1F33}
.theme-dark .top-widget-icon{box-shadow: 3px 7px 20px #050e1a;}
.theme-dark .top-widget-inline h3{color: #62cd20;}
.theme-dark .top-widget.income h3{color: #19d6b4;}
.theme-dark .top-widget.Bonus h3{color: #9e69e2;}
.theme-dark .top-widget.Paid h3{color: #af4eac;}
.theme-dark .top-widget.Pending h3{color: #fe6f4f;}
.theme-dark .top-widget-text{color:#fff;}
.theme-dark #aside1 .nav > li > a:hover { background-color: #02142B; color: #fff !important;border-radius: 30px 0 0 30px;}
.theme-dark .nav > li > a:hover { background-color: #02142B; color: #fff !important;}
.theme-dark .nav > li > a:focus { background-color: #02142B; color: #fff !important;}
/*.theme-dark .navi ul.nav li.active{background-color: #02142B;}*/
.theme-dark .app-aside-fixed .aside-wrap .navi-wrap > * img{filter: invert(1);}
.theme-dark .panel{background-color: #0F1F33;border: 0;}
.theme-dark .panel h4{color:#fff;}
.theme-dark .wrapper-md .tabsy {background-color: #0f1f33 !important;}
.theme-dark .tabsy:before{background-color: #0f1f33 !important;}
.theme-dark .user-tale tr td{border-bottom: 1px solid #203146 !important;}
.theme-dark .tabsy2:before {background-color: #192c42;}
.theme-dark .member-full-name{color:#fff;}
.theme-dark .member-package{color:#fff;}
.theme-dark .tabsy2 > .tabButton2{color:#58666e;    border-bottom: 2px solid #3e454e;}
.theme-dark .app-footer .bg-light { background-color: #0f1f33;border: 0;}
.theme-dark .referal-link .link-replica input{ background-color: #e4f8ff0d;}
.theme-dark .chart_js_paid_cnt{color: #d9d9d9;}
.theme-dark .chartjs-render-monitor{mix-blend-mode: plus-lighter;}
.theme-dark .dashbord-tab .tabsy > input:checked + label {border-bottom: 2px solid #4cc3ff;color: #ffffff;}
.theme-dark .dashbord-tab .tabsy2 > input:checked + label{border-bottom: 2px solid #4cc3ff;color: #ffffff;}
.theme-dark .features-quick-access-home a span {color: #f3f3f3;}
.theme-dark .features-quick-access-home a .fa { color: #a1c8ef;}
.theme-dark .app-content-body > div > .bg-light.lter.b-b.wrapper-md{color:#fff;}
.theme-dark .form-control{color: #e1e1e1 !important; background-color: #ffffff17;  border: 1px solid #e8e8e805 !important;}
.theme-dark body .tooltipster-sidetip.tooltipster-shadow .tooltipster-box { box-shadow: 10px 10px 30px #b9c9e300 !important;background: #0b2340;}
.theme-dark table.table thead { background-color: #ffffff0d;    color: #b5babd;}
.theme-dark .table > tbody > tr > td, .table > tfoot > tr > td{border-top: 1px solid #eaeff014;border-color: #eaeff014;}
.theme-dark .table-striped > tbody > tr:nth-of-type(even) { background-color: #fff0;}
.theme-dark .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f914;}
.theme-dark .table > thead > tr > th{border-bottom: 1px solid #eaeff033 !important;    border-color: #88a2a73d;}
.theme-dark .table-striped > tbody > tr:nth-child(odd) > td {  background-color: #fff0;}
.theme-dark .table-striped > tbody > tr:nth-child(odd) > th {  background-color: #fff0;}
.theme-dark .panel-footer { background-color: #ffffff08;border-color: #edf1f221;}
.theme-dark .panel-footer a{color:#fff;}
.theme-dark .table-striped > tbody > tr:nth-of-type(even){border-bottom: 1px solid #eaeff01c;}
.theme-dark .themechange_setting_icon{box-shadow: 0px 7px 28px #060606;background-color: #204068;}
.theme-dark .themechange_view_setting{color:#fff;}
.theme-dark legend{color: #d9d2d2;  border-bottom: 1px solid #02142b;}
.theme-dark #tree_collapse .list-group-item { border-color: #0c223e00 !important;}
.theme-dark .figure{background: #0f1f33; box-shadow:5px 5px 8px #00000045, -5px -5px 8px #00000057;}
.theme-dark .text-muted { color: #a9a9a9 !important;}
.theme-dark .tooltip-info{ box-shadow:none;background: #f6f6f636;}
.theme-dark .user_level{color:#fff;}
.theme-dark .form_reg_box{background-color: #031934;box-shadow: 0px 0px 40px #020f20;}
.theme-dark #msform fieldset { background: transparent;}
.theme-dark #msform { border-left: 1px #1a2e46 solid;}
.theme-dark .fs-title{color: #d0d6dd;}
.theme-dark .rankPro{color: #dfdfdf;}
.theme-dark .full_name {color: #fff;}
.theme-dark .pv{border: 1px solid #eeeeee12;}
.theme-dark .sponsor-details { border-right: 1px solid #dbdbdb17;}
.theme-dark .bb { border-bottom: 1px solid #dbdbdb12;}
.theme-dark .pakage-renewal .black_text {  color: #9d9d9d !important;}
.theme-dark .sponsor-details .extra_data{    color: #e3e3e3 !important;}
.theme-dark .form-head h3{color:#fff;}
.theme-dark .pswRest {background: #f9f9f914;border: 1px solid #f4f4f41c;color: #4ee6f9;}
.theme-dark .input-group-addon{color: #a3a1a1; background-color: #eeeeee17; border: 1px solid #ccc0;}
.theme-dark .tile-new-dashboard-w-wallet { background-color: #0F1F33;}
.theme-dark .tile-new-dashboard-w-wallet .e-wallet-image-left{    box-shadow: 6px 12px 13px #1a1a1a;}
.theme-dark .tile-new-dashboard-w-wallet .e-wallet-content-right span {  color: #ffffff;}
.theme-dark .new-dashborad-summary .tabs { background-color: #0f1f33;}
.theme-dark .new-dashborad-summary .tabs__item-content{ background-color:transparent;}
.theme-dark .date-range-picker{    border: 1px solid #cccccc1a;    background: #ffffff14;}
.theme-dark .new-dashborad-summary .list-group-item.color-text {color: #fff;    background-color: transparent !important;border: 1px solid transparent !important;}
.theme-dark .summary-tile-grid .list-group-item{box-shadow: 10px 6px 20px #0a1a2e;color: #e1e1e1;border-color: #e7ecee00;box-shadow: 5px 10px 17px rgb(0 0 0 / 12%) !important;background: #152942;}
.theme-dark .new-dashborad-summary .debit-credit .bg-success{background-color: transparent !important;}
.theme-dark .tabs__item-input:checked+.tabs__item-label { border-color: #28a2c5;color: #fff;}
.theme-dark .tabs__item-input:checked+.tabs__item-label+.tabs__item-content{    border-top: 1px solid #ffffff0d;}
.theme-dark .select2-container--default .select2-selection--multiple { background-color: #223143;border: 1px solid #344151 !important;}
.theme-dark .new-dashborad-summary table.dataTable thead th, table.dataTable thead td{background-color: transparent !important;    color: #dddddd;border-bottom: 1px solid #ededed14 !important;}
.theme-dark .table-responsive table thead { background: #ffffff14;}
.theme-dark table.dataTable tbody tr { background-color: transparent !important;}
.theme-dark table.dataTable.display tbody tr.odd { background-color: transparent !important;}
.theme-dark .new-dashborad-summary table.dataTable.display tbody tr:hover { background-color: #223143 !important;box-shadow: 0px 0px 14px #c7c0c000;}
.theme-dark table.dataTable tbody th{border-bottom: 1px solid #ededed21 !important;color: #e9e9e9;background-color: transparent !important;}
.theme-dark table.dataTable tbody td{border-bottom: 1px solid #ededed21 !important;color: #e9e9e9;background-color: transparent !important;}
.theme-dark .table-wallet h5{    color: #f5f5f5;}
.theme-dark span.sub-text { color: #b3b3b3;}
.theme-dark .new-dashborad-summary table.dataTable.no-footer { border: solid 1px #efefef1f !important;}
.theme-dark table.dataTable.display tbody tr.even > .sorting_1{background-color: transparent !important;} 
.theme-dark table.dataTable.order-column.stripe tbody tr.even > .sorting_1{background-color: transparent !important;}
.theme-dark .new-dashborad-summary table.dataTable.display tbody tr.odd > .sorting_1{background-color: transparent !important;}
.theme-dark table.dataTable.order-column.stripe tbody tr.odd > .sorting_1{background-color: transparent !important;}
.theme-dark .dataTables_length select {  background: transparent !important;    color: #979797;}
.theme-dark .daterangepicker{background-color: #152942; border: 1px solid #213b5a;}
.theme-dark .daterangepicker .ranges li{border-bottom: 1px solid #f3f2f214;}
.theme-dark .daterangepicker .ranges li.active {background-color: #eeeeef1f;color: #fff;}
.theme-dark .daterangepicker .calendar-table{border: 1px solid #fff0;  background-color: transparent;}
.theme-dark .daterangepicker.show-ranges.ltr .drp-calendar.left {  border-left: 1px solid #dddddd1f;}
.theme-dark .daterangepicker td.off{background-color: #ffffff2e;border-color: transparent; color: #999;}
.theme-dark .daterangepicker td.in-range{background-color: #1d3450; border-color: transparent;  color: #a5a5a5;}
.theme-dark .daterangepicker .drp-buttons{border-top: 1px solid #dddddd29;}
.theme-dark .daterangepicker td.off.in-range{background-color: #ffffff2e;border-color: transparent; color: #999;}
.theme-dark .daterangepicker .calendar-table .prev span{border-color: #c7c7c7;}
.theme-dark .daterangepicker .calendar-table .next span{border-color: #c7c7c7;}
.theme-dark .breadcrumb-header-new-dashboard h4 {  color: #efefef;}
.theme-dark .select2-selection.select2-selection--single{background-color: #223143 !important; border: 1px solid #344151 !important}
.theme-dark .addon-description > div > div {color: #cbcbcb;}
.theme-dark .new-dashborad-summary .badge{  background-color: transparent !important;}
.theme-dark span.bg-amount {color: #78e1ff;}
.theme-dark span.bg-credit {color: #5cf7b4;}
.theme-dark span.bg-income {color: #78e1ff;}
.theme-dark span.bg-bonus {color: #5cf7b4;}
.theme-dark #balance_table span.bg-amount { color: #ffffff;}
.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: #838383;}
.theme-dark .select2-dropdown {border: 1px solid #ffffff21 !important; background-color: #223143;}
.theme-dark .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ffffff12;}
.theme-dark .new-dashborad-summary .dataTables_wrapper .dataTables_paginate .paginate_button.previous {color: #b5b5b5 !important; background-color: #ededf026 !important;}
.theme-dark .new-dashborad-summary .dataTables_wrapper .dataTables_paginate .paginate_button.next {color: #b5b5b5 !important; background-color: #ededf026 !important;}
.theme-dark .new-dashborad-summary .dataTables_wrapper .dataTables_paginate span .paginate_button{    border: solid 1px #ebebeb24 !important;}
.theme-dark .new-dashborad-summary .bg-vilot { color: #80c7ff;}
.theme-dark .dataTables_wrapper .dataTables_paginate { color: #ababab;}
.theme-dark .dataTable input{background-color: #223143; border: 1px solid #344151 !important;}
.theme-dark .new-dashborad-summary .modal.right .modal-content {background-color: #07101c;}
.theme-dark .new-dashborad-summary .modal-header {  border-bottom-color: #fff0;    background-color: #fff0;}
.theme-dark .popup-input .btn-primary{box-shadow: 3px 5px 20px #0e0e0e;}
.theme-dark .profile-section { border-right: 1px solid #dbdbdb26;}
.theme-dark .sponsor-details .extra_data_title {color: #d9d9d9;}
/*.theme-dark .i-checks input:checked+i:before{top: -1px !important;left: -1px !important;}*/
.theme-dark .main-content-new-dashboard .wrapper-md{background: #f6f6f629 !important;}
.theme-dark .modal-body .panel.panel-default{background-color: transparent !important;}
.theme-dark .bg_file_upload { background-color: #ffffff0a;}
.theme-dark .modal-body .btn-light-grey {  background: #8aafbf;}
.theme-dark .modal-ewallet-area h3{color: #fff;}
.theme-dark div#print_area {border: 1px solid #dee5e71a;}
.theme-dark .UD-title{color: #fff;}
.theme-dark .panel-default .panel-heading { background-color: #f6f8f80d;}
.theme-dark .app-content-body div.wrapper-md { background: transparent;}
.theme-dark .setting-description{background: #18293e;}
.theme-dark .panel-body  a.bg-light { color: #ffffff; background-color: #edf1f22e; }
.theme-dark .panel-body  span.bg-light { color: #ffffff; background-color: #edf1f22e; }
.theme-dark .zm-post-thumb img{border: 1px solid #202f42;}
.theme-dark .tabsy > input:checked + label {background: #ffffff26;color: #ffffff;}
.theme-dark .testimonials-item .testimonials-content {background: #1b2e46}
.theme-dark hr{border-top: 1px solid #dcdcdc1f;}
.theme-dark .bg-light.dk, .bg-light .dk { background-color: #e4eaec05;}
.theme-dark .bg-light.bg, .bg-light .bg {background-color: #edf1f217;border-bottom: 1px solid #dee5e717;}
.theme-dark .bg-light.lter, .bg-light .lter { background-color: #f6f8f80f;}
.theme-dark .list-group-item{background-color: #ffffff08 !important; border: 1px solid #dddddd14 !important;color:#fff;}
.theme-dark .b-r { border-right: 1px solid #d4d6d61c;}
.theme-dark .bg-light.lter, .bg-light .lter { background-color: #f6f8f80f;}
.theme-dark a:hover, a:focus { color: #a4d4ff;}
.theme-dark .popup-btn-area { background-color: #062952;}
.theme-dark .top-bar-new .list-group-item{background-color: #fff}
.theme-dark .dashbord-tab .tabsy > .tabButton:hover{background-color: #ffffff45;color:#fff}
.theme-dark .dashbord-tab .tabsy2 > .tabButton2:hover{background-color: #ffffff45;color:#fff;}
.theme-dark .dropdown-menu{box-shadow: 5px 10px 17px rgb(0 0 0 / 36%) !important; background: #052246;}
.theme-dark .dropdown-menu > li > a{color:#fff;}
.theme-dark .dropdown-menu > li > a:hover{background-color: #062952 !important;}
.theme-dark .dropdown-menu .divider{background-color: #e5e5e526;}
.theme-dark .dropdown-menu .b-light{ background-color: #062952;color:#fff;}
.theme-dark .body_text_tree ul .list-group-item{border:0 !important;}
.theme-dark .pagination > li > a{ background-color: #062952;border-color: #2b3e56;}
.theme-dark .form-control option{background-color: #062952;color:#fff;}
.theme-dark .modal-content{background-color: #0e1b40;}
.theme-dark .table-hover > tbody > tr:hover { background-color: #0a1534;}
.theme-dark .modal-header { background-color: #060d24; text-align: center; border-color: #060d24; color: #ffffff;}
.theme-dark .daterangepicker .ranges li:hover { background-color: #021329;}
.theme-dark .daterangepicker td.available:hover, .theme-dark .daterangepicker th.available:hover {background-color: #021329;}
.theme-dark .btn-default{color: #b9c0c5 !important; background-color: #ffffff59; border-color: #dee5e736;}
.theme-dark .select2-results__options li:hover{background-color: #021329;color:#fff;}
.theme-dark .new-dashboard-btn button { background-color: #1f9bd7 !important;}
.theme-dark .new-dashboard-btn .btn-addon i{ background-color: #1f9bd7 !important;}
.theme-dark .BtnDefault { border: 1px solid #0d3360;    background: #0e4c91;}
.theme-dark .button-no{color:#fff;}
.theme-dark .graph-profile-grid .btn-default{background-color: #18406c;}
.theme-dark .graph-profile-grid .dot-button span {background: #ffffff;}
.theme-dark .popup-input .input-group-addon{border: 1px solid #e8e8e805 ;}
.theme-dark .popup-input .form-control{border-radius: 0px !important;}
.theme-dark .popup-input .btn-primary{background-color: #2193bf !important; width: 180px;}
.theme-dark .wrapper-md .panel-default .panel-body{background-color: #0f1f33;}
.theme-dark .setting-description .des-close{background: #334f72;}
.theme-dark .compensation-cnt{background-color: #0f1f33;}
.theme-dark .nav.nav-sm > li > a{color:#fff;}
.theme-dark .b-b {  border-bottom: 1px solid #102237;}
.theme-dark .form-group iframe{background-color:  rgb(32 48 68) !important;border-color: rgb(221 221 221 / 15%) !important}
.theme-dark .textarea{background-color: rgb(32 48 68) !important;}
.theme-dark .cke_chrome{filter: invert(100%);}
.theme-dark .bg_file_upload .btn-light-grey {background: #d6ecf514;color: #fff !important;}
.theme-dark .testimonials-item .testimonials-content .user-name{color: #fff !important;}
.theme-dark .testimonials-item .testimonials-content .txt p { padding-left: 75px; padding-right: 75px;color: #a8b6c3;}
.theme-dark .user-edit-image-buttons p{color: #71abc7 !important;}
.theme-dark .alert-warning {color: #84f183;background-color: #fcf8e326;border-color: #fcf8e326;}
.theme-dark .alert .close{color:#fff;}
.theme-dark .setting-description .bg-light { color: #ffffff; background-color: #ffffff24; }
.theme-dark #timeline .demo-card .body{background-color:transparent;}
.theme-dark .tagator_element{background-color: #ffffff0a;border: 1px solid #abadb31f;}
.theme-dark .tagator_options {background-color: #031934;border: 1px solid #7f9db91f;}
.theme-dark .tagator_option{color:#fff;}
.theme-dark .msg_receive{background: #2d3951;}
.theme-dark .msg_receive:after{background: #2d3951;}
.theme-dark .messages > p{color:#fff;}
.theme-dark .msg_sent{background:#2d3951}
.theme-dark .msg_sent:after{background: #354354;}
.theme-dark .messages-comments{color: #ffffff;background: #0f1f33;}
.theme-dark .base_sent > .avatar:after{border-color: #ffffff2e;}
.theme-dark .base_receive > .avatar:after{border: #ffffff2e;}
.theme-dark .progress { background-color: #edf1f21f;}
.theme-dark .btn-bricky{background-color: #03a9f4;}
.theme-dark .panel-default > .panel-heading { color: #fff;}
.theme-dark .dataTables_length label:after{color: #8f8f8f;}
.theme-dark .dataTables_wrapper .dataTables_length select option{background: #2d3951;}
.theme-dark .app.app-aside-folded .navbar-brand img.logo-shrink{display:none;}
.theme-dark .dashbord-tab .tabButton, .tabsy2 > .tabButton2{border-bottom: 2px solid #ffffff4a;}
.theme-dark .dropdown a.dropdown-toggle{color:#fff;}
.theme-dark .tabsy .form-control-static-2{color: #fdfeff !important;background-color: #d9edf71f; border: 1px solid #bce8f129;}
.theme-dark .fileupload a.text-info.block.m-b-xs{color:#fff;}
.theme-dark .tabsy > .tabButton:hover { border-color: #dee5e72e; background-color: #e9edef40;color: #fff; }
.theme-dark .tabsy > .tabButton{color: #8d9599;}
.theme-dark .dataTable .btn.btn-light-grey:hover{color:#000;}
.theme-dark .alert-success { color: #cbffcc; background-color: #dff0d838; border-color: #d6e9c640; }
.theme-dark .alert-danger { color: #ffbfbe; background-color: #f2dede38; border-color: #ebccd12b; }
.theme-dark .has-error .control-label{color: #fb8b88;}
.theme-dark .jOrgChart .line{border-color: #ffffff2e  !important;}
.theme-dark .jOrgChart .down{background-color: #ffffff2e !important;}
.theme-dark #progressbar li:after{background: #dfdfdf2e;}
.theme-dark #progressbar li:before{background: #687b93;}
.theme-dark #progressbar li.active:before, .theme-dark  #progressbar li.active:after { background: #7366ba;}
.theme-dark .i-switch i:before{background-color: #ffffff61;}
.theme-dark .rank_col{color:#000;}
.theme-dark .Sponsor-Placement .black_text{color:#fff;}
.theme-dark .user-active, .theme-dark .user-blocked{color:#fff;}
.theme-dark .kyc div{color:#ccc;}
.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice{border-color: #e4e4e436;background-color: #e4e4e433;}

.theme-dark .app .navbar-brand img{display:block;}
.theme-dark .app .navbar-brand img.logo-shrink{display:none;}
.theme-dark .app .navbar-brand img.logo-light{display:none;}

.theme-dark .app.app-aside-folded .navbar-brand img.logo-shrink{display:block;}
.theme-dark .app.app-aside-folded .navbar-brand img.logo-light{display:none;}
.theme-dark .app.app-aside-folded .navbar-brand img{display:none;}

@media (max-width: 768px){
.theme-dark .pakage, .theme-dark .renewal{border: 1px solid #eeeeee24;background: #f9f9f90d;}
}
/*** dark theme style end***/


@media (min-width: 768px){
.smart .app-aside-fixed .aside-wrap .navi-wrap{ width: 247px;}
  
}



@media (max-width: 768px){
     .theme-dark .app-header-fixed .app-header{background: #001d42 !important;}
   .theme-dark .off-screen {background: #001d42;}
   .off-screen{background: #d5ebf5;}
   .app-header-fixed .app-header{background: #d5ebf5 !important;}
   .left_side_fold{display:none;}
  .left-side-style .app-aside{background: #011E40 !important;}
  .left-side-style .app-header-fixed .app-header{background: #011E40 !important;}
  .navbar-brand {  max-height: 50px;padding-top: 6px;}  
}