/*
Custom Style Version : 1.0
Created At : 22-10-2019
Created By : Marmik Patel
*/

/**Whole web site font*/
body,.font-regular,html{
    font-size: 14px;
    color:#a3a5a8;
    font-family: 'Poppins', sans-serif;
}
.login_copy {
    text-align: left !important;
    padding-left: 0px !important;
}
span.copy_text {
    position: absolute;
    bottom: auto;
}
span.copy_text {
    position: absolute;
    bottom: 2px;
    background: #fe0000;
    padding: 5px;
    font-size: 0.8em;
    left: 50%;
    color: #fff;
    border-radius: 5px;
    display: none;
    transform: translate(-50%,-50%);
}

.footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 130px;
    max-height: 130px;
}
.cattext{
    padding: 20px 0 0 0;
}
.table{
    text-align: center;
}
.imgbox {
    /* top: 60%; */
    position: absolute;
    top: 45%;
    font-size: 26px;
}
.lastrange{
    line-height: 17px;
}
.pdgleft{
    padding: 0 0 0 10px;
}
.nopadding{
    padding: 0 !important;
}
.cpybtn {
    padding: 13px !important;
    font-size: 12px !important;
    font-weight: bold;
    max-height: 45px;
}
.user-icon{
    max-width: 25px;
}
.icon-text{
    position: absolute;
    top: 17%;
    font-size: 10px;
}
.mr-btn{
    margin-left: 10px;
    margin-top: 25px;
}
.centButton{
    justify-content: center;
    display: flex;
}
.login_desc {
    font-size: 10px;
}
.login_desc p {
    font-size: 10px;
}
.invested  {
    position: absolute;
    top: 6%;
    text-align: right;
    right: 3%;
    font-size: 25px;
}
.pace .pace-progress{
    background: #fe0000;
}
a.count-info.iq-waves-effect.text-white {
    font-size:15px
}
text.highcharts-credits {
    visibility: hidden;
}
.catp{
    font-size: 14px;
    color: #a3a5a8;
    font-family: 'Poppins', sans-serif;
}
.label-danger, .badge-danger {
    color:#fff
}
.m-t-25 {
    margin-top: 25px;
}
.label-warning, .badge-warning {
    color:#fff !important
}
.chat-discussion .chat-message {
    max-width: 50%;
    padding: 20px 25px;
    border-radius: 5px;
    min-width:33%

}
.table-border-cus .form-group {
    visibility: hidden;
}
.tab-cus-nav .nav-tabs .nav-item {
    margin-bottom: -2px;
    width: 100%;
}.cusfornt-end td::before {
    color:#fff;
}
.cusfornt-end td.cus-light-aqua::before{
    color:#00DDF9 ;
}
.chat-message a.message-author {
    text-decoration: underline;
    color: #fff;
    text-align: left;
}
.chat-discussion .chat-message.left {
    float: left;
    background-color: #1dafbb;
}
.iq-sub-dropdown .iq-card .iq-card-body a.iq-sub-card, .iq-sub-dropdown .iq-card .iq-card-body a.iq-sub-card .link-block {
    text-align: left !important;
    color: #fff;
}

.dropify-wrapper .error{
    position: absolute;
    bottom: 0px;
    left: 15%;
}
.dropify-wrapper input{
    height:100% !important;
}
.highlighted .dwn-username {
    color: red !important;
}
@media only screen and (max-width: 767px){
    .chat-message {
        padding: 10px 15px;
        max-width: 100% !important;
        margin: 0px;
    }
    .profileb .nav-tabs .nav-item {
        margin-bottom: 0px;
        width: 100%;
    }
    form#form-wizards-register .steps ul > li > a,form#form-wizards .steps ul > li > a{
        margin-bottom: 5px !important;
    }
    .headingdiv{
        position: absolute;
        bottom: -102px;
        left: 50%;
        transform: translatex(-50%);
        text-align: center;
    }
    .headingdiv h1{
        margin: 0 auto;
    }
    h1 {
        font-size: 30px;
    }
}
.buyp a.mtext-cred {
    display: block;
    text-align: center;
    background-color: #03a1b5;
    color: #fff;
    margin-top: 10px;
    padding: 10px;
}
.buyp .modal-header, .buyp .modal-header h5, .buyp .modal-header h5 span {
    color: #fff !important;
    text-align: center;
    width: 100%;
    font-size: 25px;
}
.buyp .modal-content.bg-warning.text-white {
    background: linear-gradient(69deg, #ec1111 7%, #f25a5a) !important;
}
body.cutomer-backend {
    background-color: #142a22;
    /* background-image: url(../../images/image-asset/side-menu-pattern.png); */
    /* background-image: url(../../images/image-asset/side-nav-bg.jpg); */
    background-size: contain;
    background: #eff4f8;
}
.cus-blue-bg.black-bg {
    /* background-image: url(../../images/image-asset/top-background.png) !important; */
    background-size: contain;
    background-position-y: -300px;
}
/* .cus-blue-bg.gray-bg:after {
    background-image: url(../../images/image-asset/top-background.png) !important;
    background-size: contain;
    background-position-y: 300px;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    } */
    /**Footer**/
    .wrapper-content{
        padding: 20px 0px 70px;
    }
    .footer {
        background: transparent;
        border-top: 2px solid #231f20;
        bottom: 0;
        left: 0;
        padding: 20px 0px;
        position: absolute;
        right: 0;
        margin: 0px 25px;
    }
    .footer div{
        /* color: #231f20; */
        font-weight: 700;
    }
/**
ul {
    padding-left: 20px;
}
/**For row and column padding decrease **/
.row {
    margin-right: -10px;
    margin-left: -10px;
}
/* .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-right: 10px;
    padding-left: 10px;
} */
.mb-0{
    margin-bottom: 0 !important;
}
.ibox .table-mt10{
    margin-top: 10px;
}
/****/
/***Background Country image **/

/* Text Color */

h1, h2, h3, h4, h5, h6,.text-dgrey {
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
}
.btn,.nav-tabs .nav-item a{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}
label,.text-grey{
    color: #F4F4F7;
}
.cus-text-white {
    color: #fff !important;
}
.cus-text-green{
    color:#97c726;
}
.cus-text-red i,.cus-text-red{
    color:#ae9969 !important;
}
.cus-text-red.m-demo-icon__class{
    color:#fff !important;

}
.cus-light-aqua{
    color:#00DDF9 !important;
}
.cus-light-yellow{
    color:#FDCD4A !important;
}
.cus-light-green{
    color:#00CE7D !important;
}
.cus-bg-green,.btn.cus-bg-green{
    background-color :#00CE7D !important;
}
body .btn.cus-bg-green:hover{
    background: transparent !important;
    border-color: #00CE7D !important;
    color: #00CE7D !important;
}
.cus-light-red{
    color:#E55541 !important;
}
.cus-text-shadow{
    text-shadow: 0px 2px 4px #00000080;
}
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link,.label#iagree-error, a,a:hover {
    color: #fe0000 ;
}
.cur-bordr-ra-2{
    border-radius: 2px;
}
/* End Text Color */
.l-space-2{
    letter-spacing: 2px;
}
.select-lang-de span.caret {
    display: none;
}
.select-lang-de button {
    font-size: 12px;
    background: #fff !important;
    /* border: 1px solid rgba(0, 0, 0, 0.26) !important; */
    padding: 5px;
    border-radius: 0px;
    color: #212529;
}
.select-lang-de .btn-group.bootstrap-select.fit-width.open.show {
    display: inline-block !important;
}
.cutomer-backend .select-lang-de button {
    font-size: 14px;
    background: transparent !important;
    border: 0px solid !important;
    padding: 5px;
    border-radius: 0px;
    color: #ffffff !important;
    font-weight: 600;
}
.cutomer-backend .btn-group.bootstrap-select.fit-width{
    margin-bottom:0px;
    margin-right: 10px;
}

.cutomer-backend .select-lang-de span.caret {
    display: inline-block;
}
/** Background navigation header **/
.overflow-hidden {
    overflow: hidden;
}
.navbar-static-top{
    margin-bottom:0px;
    background: #000000;
}
.cus-btn-white{
    background: #fff;
}
.navbar-header .logo-header {
    width: auto;
    padding-left: 30px;
}
.banner-comman {
    background: #fe0000;
    position: relative;
    overflow: hidden;
    text-align: center;
    color: #fff;
    margin: 20px 0 0 0;
    padding: 30px;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-comman h2 {
    margin: 0;
}
.wallet-bg {
    background-color: #fe0000;
    background-size: cover;
    border-radius: 4px;
    padding: 15px;
    color: #fff;
}
.border-rad-5{
    border-radius: 5px !important;
}
.brdr-t-none {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.dashbanner-img {
    background-image: url(../../images/image-asset/dashboard-banner.png);
}
.fundbanner-img{
    background-image: url(../../images/image-asset/wallet_comman.png);
}
.wallet-bg{
    background-image: url(../../new-customer/images/profile-bg-1.jpg);
}
.suppbanner-img{
    background-image: url(../../images/image-asset/Top-banner-04.png);
}
.sfundbanner-img{
    background-image: url(../../images/image-asset/sfund-wallet.png);
}
.swallet-bg{
    background-image: url(../../images/image-asset/sfund_balance.png);
}
.selfsuppbanner-img{
    background-image: url(../../images/image-asset/sfund-wallet.png);
}
.shelpbanner-img{
    background-image: url(../../images/image-asset/shelp_support.png);
}
.selfnetworkbanner-img{
    background-image: url(../../images/image-asset/network.png);
}
.networkbanner-img{
    background-image: url(../../images/image-asset/otmnetwork.png);
}
.direct-down-bg{
    background-image: url(../../images/image-asset/direct-downline.png) !important;
}
.totaldirect-bg{
    background-image: url(../../images/image-asset/total-direct-sales.png) !important;
}
.groupsale-bg{
    background-image: url(../../images/image-asset/total-group-sales.png) !important;
}
.monthlygroup-bg{
    background-image: url(../../images/image-asset/monthly-group-sales.png) !important;
}
.dashwallet-bg{
    background-image: url(../../images/image-asset/wallet.png) !important;
    background-size: cover !important;
}
.cus-bg-summery{
    background-image: url(../../new-customer/images/simple-fair-VERIFIED.png) !important;
    background-position: left center;
    margin-left: -10px;
}
.cusprofile-bg{
    background-image: url(../../new-customer/images/profile-bg.jpg) !important;
    background-position:  center;
    background-size:cover !important;
}
.cusprofile-bg1{
    background-image: url(../../new-customer/images/profile-bg-1.jpg) !important;
    background-position:  center;
}
.iq-card.iq-report-wallet{
    background-image: url(../../new-customer/images/report-bg.jpg) !important;
    background-position:  center;
}
.footer-bg{
    background-image: url(../../new-customer/images/Copyright.jpg) !important;
    background-position:  center;
}

.week-totla-income-bg{
    background-image: url(../../new-customer/images/sales-network.png) !important;
    background-size: cover !important;
    background-position: right !important;
}
.network-banner-bg{
    background-image: url(../../new-customer/images/network-bg.jpg) !important;
    background-position:  center center;
}
.daswallet-bg{
    background-size:left cover !important;
}
.bg-size-cover{
    background-size:cover !important;
}
/** Sidebar design **/
.navbar-default{
}
.cutomer-backend .nav-header{
    /* background: #2f2f76; */
    background: transparent;
}
ul.nav-second-level {
    /* background: #2f2f76; */
    background: transparent;
}
.nav > li.active,.cutomer-backend .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus{
    /* background: rgba(0, 0, 55, .50); */
    background: transparent;
}
.navbar-static-side .nav > li > a {
    color: #ffffff;
}
.pd-box{
    padding: 5px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.referral-pd{
    /* padding-top: 15px; */
    padding-left:  25px;
}
.cutomer-backend .nav > li.active,.cutomer-backend .nav > li:focus {
    border-color: transparent;
    border: 0px solid;
    background: transparent !important;
}
.metismenu ul.nav-second-level li.active,.metismenu ul.nav-second-level li:hover{
    background:transparent;
}
.metismenu ul.nav-second-level li.active a ,.metismenu ul.nav-second-level li:hover a {
    background: transparent !important;
}
body.mini-navbar .metismenu ul.nav-second-level li a .cus-sub-menu{
    display: inline-block;
    border-bottom: 1px solid transparent;
}
.metismenu ul.nav-second-level li.active a .cus-sub-menu,.metismenu ul.nav-second-level li:hover a .cus-sub-menu{
    background: transparent !important;
    /* border-bottom: 1px solid #fff !important; */
}
.metismenu ul.nav-second-level li a .cus-sub-menu{
    padding-bottom: 5px;
    text-transform: capitalize;
}
.metismenu ul.nav-second-level li a{
    background: transparent !important;
}
.cutomer-backend .nav-second-level li a{
    /* padding: 12px 10px 12px 10px;
    padding-left:  30px; */
    margin: 12px 10px 12px 10px;
    margin-left: 30px;
    padding: 0;
    display: block;
    border-bottom: 1px solid transparent;
    background: transparent;
}
.cutomer-backend .page-heading {
    padding: 0 10px 10px 10px;
}
.cus-nav-svg svg{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.cutomer-backend .side-qr-image svg {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.success-verify,.form-group .error-verify,.form-group .otp-success-mail,.cus-success-sponsor,.cus-error-sponsor , .wizard > .content > .body .cus-error-sponsor{
    display: none;
}
.cutomer-backend .disable-class{
    pointer-events: none;
    opacity: 0.8;
}
.cutomer-backend .cus-field-read{
    background: #f9f9f9;
}
.cutomer-backend  span.copy_text {
    position: absolute;
    bottom: 2px;
    background: #fe0000;
    padding: 5px;
    font-size: 0.8em;
    left: 50%;
    color: #fff;
    border-radius: 5px;
    display: none;
    transform: translate(-50%,-50%);
}
.mini-navbar a#copy_code {
    padding: 10px 10px;
    width: 100%;
    white-space: inherit;
    font-size: 0.8em;
}
.mini-navbar a.dropdown-toggle.count-info {
    background: transparent;
}
body.mini-navbar .navbar-default .nav > li:hover .nav-second-level a {
    width: 100%;
    background: transparent;
    /* border-bottom: 1px solid; */
}

.mini-navbar .nav .nav-second-level {
    background: #e7e7ee;
}
body.mini-navbar .navbar-default .nav > li:hover .nav-second-level a {
    width: 100%;
    background: transparent;
    padding: 5px;
    margin: 5px;
    height: auto;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 10px;
}

.mini-navbar .nav .nav-second-level {
    background: #171757;
}
body.mini-navbar .navbar-default .nav .nav-second-level > li a {
    margin-right: 5px;
    padding: 5px;
    height: auto;
    line-height: initial;
    text-align: left;

    border-radius: 0 !important;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level {
    border-radius: 0 2px 2px 0;
    min-width: 160px;
}
.bg-purple{
    background: #6666d0;
}
.nav .label{
    font-size: 10px;
    margin-top: 2px;
}
input#copy-class-text {
    /* width: 5px !important;
    height: 5px !important;
    opacity: 0;
    padding: 0;
    margin: 0;
    position: absolute; */
}
.navbar-static-side .nav > li.active > a, .navbar-static-side .nav > li:hover > a{
    color: #fe0000;
}
.profilet .iq-iconbox {
    margin-left:-10px
}
/**End Side bar **/
/**Header ***/
.count-info .label {
    line-height: 13px;
    padding: 1px 4px;
    position: absolute;
    right: 5px;
    top: 19px;
    border-radius: 50%;
    background: #ffffff;
    color: #000;
    min-width: 15px;
    min-height: 15px;
    font-size: 0.6em;
    text-align: center;
    font-weight: 700;
}
.side-icon-sizea {
    width: 20px !important;
    height: auto !important;
}
.profilet h2.fw-700 {
    font-size: 23px;
    text-transform: uppercase;
    margin-top: 15px;
}
.profilet strong.text-dgrey {
    display: inline-block;
    /* width: 120px; */
}
.m-l-none{
    margin-left: 0 !important;
}
.bootstrap-select.btn-group .dropdown-menu li {
    margin-left: 0 !important;
}
.lang-swtich select, .lang-swtich select:focus {
    width: 80px;
    background: transparent;
    color: #fff;
    border-color: transparent;
}
.lang-swtich select option {
    color: #121212;
}
.navbar-static-top .nav .open > a,.navbar-static-top .nav .open > a:hover,.navbar-static-top .nav .open > a:focus {
    background: transparent;
}
.navbar-top-links .dropdown-alerts {
    width: 180px;
    padding: 5px;
    border-radius: 10px;
    color: #121212;
}
.navbar-top-links .dropdown-menu.dropdown-messages {
    padding: 5px;
    border-radius: 10px;
}
.nav.navbar-top-links .link-block {
    padding: 7px;
}
.nav.navbar-top-links .dropdown-messages .link-block {
    padding: 10px;
}
.nav.navbar-top-links .link-block a:hover{
    padding: 7px;
    border-bottom: 1px solid;
}
.iq-card .iq-card-body .align-items-center .col-lg-6 h2.banner-border {
    margin-bottom: 15px;
    margin-top: 10px;
}
.sign-in-from select.form-control {
    padding: 10px 5px;
}
.cus-minibar{
    margin-top: 15px;
    padding: 0;
    font-size: 22px;
}
.w100{
    width: 100%;
}
.cus-minibar:hover, .cus-minibar:focus{
    color: #6666d0;
}
.sign-in-from > .d-flex div:nth-of-type(1) {
    width: 100%;
}
.sign-in-from .navigation-cus, .sign-in-from .navigation-cus .cus-dropdown {
    width: 100% !important;
}
/*.sign-in-from #form-wizards-register .actions:after {
    content: '';
    position: absolute;
    width: 75%;
    border-bottom: 1px dotted #a09e9e;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    }*/
    .sign-in-from .cust-wizards > .wizard > .steps ul li:after {
        left:95%
    }
    .sign-in-from .cust-wizards > .wizard > .steps ul li.disabled a {
        background: #dcdcdc !important;
        border: 2px solid #fff !important;
    }
    .sign-in-from .wizard > .content > .body{
        position: relative;
    }
    .sign-in-from .wizard > .content {
        background: transparent;
    }
    .sign-in-from .wizard > .content > .body {
        position: relative;
        padding: 0;
    }
    .sign-in-from .wizard > .content > .body input {
        display: block;
        border: 0px solid #ccc;
    }
    .sign-in-from .wizard > .content > .body{
        width: 100%;
    }
    .sign-in-from .cus-border{
        border-bottom: 1px dotted #a09e9e;
    }
    .sign-in-from #form-wizards-register .actions > ul > li a {
        background-color: #867cff;
        border-color: transparent;
        background: #fe0000 !important;
        border-radius: 5px !important;
        padding: 15px;
        border-radius: 3px !important;
        width: 160px !important;
        text-align: center;
        border-radius: 5px !important;
    }
    .sweet-alert > h2 {
        color: #000;
    }
    .sign-in-from #form-wizards-register .actions > ul > li.disabled a,.sign-in-from #form-wizards-register .actions > ul > li:first-child a {
        /* opacity: 0.7; */
        background: #1badb8 !important;
        color: #fff !important;
    }
    .sign-in-from form#form-wizards-register .steps ul > li > a, form#form-wizards .steps ul > li > a{
        background: #000;
    }
    .side-icon-size {
        margin-right: 10px;
        margin-top: -3px;
        max-height: 18px !important;
        /* width: 20px; */
    }
    .cicon-hvr {
        display: inline-block;
    }
    /* .navbar-static-side .iq-menu > li.active > a .cicon-hvr, .navbar-static-side .iq-menu > li:hover > a .cicon-hvr{
        display: inline-block;
    }
    .navbar-static-side .iq-menu > li.active > a .cicon-white, .navbar-static-side .iq-menu > li:hover > a .cicon-white{
        display: none;
    } */
    .cicon-white{
        display: none;
    }
    .mini-navbar .side-icon-size {
        margin-right: 0px;
    }
    .mini-navbar .full-mini {
        width: 100%;
        padding: 4px 5px;
        word-break: break-all;
        font-size: 10px;
    }
    .mini-navbar .side-mini-col {
        width: 100%;
        padding-left: 7px;
        padding-right: 7px;
    }
    .mini-navbar .side-mini-col p:last-child {
        margin-top: 5px;
    }
    .mini-navbar .reffreaal-link{
        font-size: 10px;
        padding: 4px 5px;
    }
    .mini-navbar .p-xs {
        /* padding: 0; */
    }
    body.mini-navbar .navbar-default .nav > li.active > a, body.mini-navbar .navbar-default .nav > li:hover > a {
        background: rgba(0, 0, 55, .50);
        padding: 5px;
        margin: 0px 10px 0px 8px;
        border-radius: 50%;
        text-align: center;
        height: 50px;
        line-height: 40px;
        width: 50px;
        text-align: center;
        left: 1px;
    }
    .mini-navbar .nav > li.active, .mini-navbar .navbar-default .nav > li > a:hover,.mini-navbar  .navbar-default .nav > li > a:focus{
        background:transparent;
    }
    body.mini-navbar .logo-element {
        display: block;
        font-size: 16px;
        padding-left: 5px;
        word-break: break-all;
        padding-right: 5px;
    }
    .navbar-top-links li {
        margin-left: 15px;
        display: inline-block;
    }
    /**End Header **/
    /**Text Color**/
    .cus-black-color{
        color:#121212;
    }
    .gray-primary-color{
        color:#a3a5a8;
    }

    /**End Text color**/
    /**Start Text font weight**/
    .fw-100 {
        font-weight: 100;
    }
    .fw-200 {
        font-weight: 200;
    }
    .fw-300 {
        font-weight: 300;
    }
    .fw-400 {
        font-weight: 400;
    }
    .fw-500 {
        font-weight: 500;
    }
    .fw-600 {
        font-weight: 600;
    }
    .fw-700 {
        font-weight: 700;
    }
    .fw-900 {
        font-weight: 900;
    }


    label.error,label.sucess,.cus-error-sponsor{
        font-weight: 700;
    }
    label.error{
        color: red;
    }
    .cus-height-100 {
        height: 100%;
    }
    .min-he-100{
        min-height: 100vh;
    }
    .cus-width-100 {
        width: 100%;
    }
    .m-auto{
        margin: 0 auto;
    }
    /**End Font weight**/
    /***Font Size **/
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 12px;
    }
    .fs-16{
      font-size: 16px;
  }
  .cus-pdt-0{
      padding-top: 0 !important;
  }
  .word-break {
    word-break: break-all;
}
.cus-m-t-none{
    margin-top:0 !important;
}
/**Start backgorund Blue content-box comman css**/
.ibox-he-auto{
    min-height: auto;
    padding-bottom: 1px;
}
.min-h-295{
    min-height: 48vh;
}
.ibox-title h3{
    font-weight: 600;
    text-transform: uppercase;
}
.cusfornt-end .ibox h4,.cusfornt-end .ibox h2{
    text-transform: uppercase;
}
.cusfornt-end .ibox-title {
    background-color: #ffffff;
    border: 0px;
    border-color: #ffffff;
    color: #231f20;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
}
/* .cusfornt-end .ibox-content {
    background-color: #ffffff;
    border-color: #ffffff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: #a3a5a8;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
}
.cusfornt-end .ibox-title + .ibox-content {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.cusfornt-end .ibox-content label {
    color: #a3a5a8;
    } */
    .cus-form-pd .form-group {
        margin-left: 10px;
    }

    .cusfornt-end .pagination {
        float: right;
        margin-bottom: 0;
    }
    .cusfornt-end .table.table-pisprebate {
        margin-bottom: 0;
    }
    /**Table background and pagination **/
    .cusfornt-end .table-striped>tbody>tr:nth-of-type(odd){
        /* background: #f1f1f4; */

        border-bottom:1px dotted rgb(255 255 255 / 0.6) !important;
    }
    .cusfornt-end .table-striped>tbody>tr:nth-of-type(even) {
        background: transparent;
        border-bottom:1px dotted rgb(255 255 255 , 0.6) !important;
    }
    .table-border-cus .table  .label{
        border-radius: 0;
    }
    .cusfornt-end .table > thead > tr > th {
        /* color: #fff; */
        background: #fff;
        padding: 12px 15px ;
        border-color: transparent;
        text-align: center;
        color: #fff;
        background: #1D2024;
        padding: 12px 15px;
        font-weight: 400;
        border-color: transparent;
        border-radius: 0 !important;

    }
    .cusfornt-end .table > tbody > tr > td {
        border-top: 0px solid #0000;
        padding: 12px 15px;
        color: #fff;
    }
    .cusfornt-end .table > thead > tr > th:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .cusfornt-end .table > thead > tr > th:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .cusfornt-end .pagination>.disabled>a,.cusfornt-end  .pagination>.disabled>a:focus, .cusfornt-end .pagination>.disabled>a:hover,.cusfornt-end .pagination>.disabled>span,.cusfornt-end .pagination>.disabled>span:focus,.cusfornt-end .pagination>.disabled>span:hover{
        background-color: transparent;
        border-color: transparent;
    }
    .cusfornt-end .pagination > li > a, .cusfornt-end .pagination > li > span {
        background-color: #fff;
        border-color: transparent;
        padding: 0;
        color: #231f20;
        width: 40px;
        height: 35px;
        /* border-radius: 50% !important; */
        text-align: center;
        line-height: 35px;
        display: inline-block;
        font-weight: 600;
        margin-left:10px;
    }
    .cusfornt-end .page-item.active .page-link {
        background-color: #fe0000;
        border-color: #fe0000;
        color: #fff;
    }
    .cusfornt-end .pagination > li > a:hover, .cusfornt-end .pagination > li > span:hover {
        /*background: #fe0000;*/
        color: #fff;
    }
    .cusfornt-end .sk-spinner-three-bounce div {
        background-color: #ffffff;
    }
    .cusfornt-end .ibox .tab-content h4, .cusfornt-end .ibox .tab-content h2 {
        text-transform: uppercase;
        color: #231f20;
        font-size: 16px;
    }
    .cusfornt-end .pagination > li > a, .cusfornt-end .pagination > li.disabled > span {
        background: #1d2024;
        color: #fff;
    }
    .cusfornt-end .pagination > li > span{
        background: #eff4f8;
        color: #a3a5a8;
    }
    /** End Table background and pagination **/
    /** End backgorund Blue content-box**/
    /**Tab comman css**/
    .tabs-container .nav-tabs > li{
        margin-right:10px ;
        margin-bottom: 20px;
    }
    .tabs-container .nav-tabs > li:not(:last-child):after {
        content: '/';
        position: absolute;
        right: -5px;
        top: 0;
        color: #a3a5a8;
    }
    .tabs-container .tab-pane .panel-body {
        border-top: 2px solid #e7eaec;
        border: 2px solid #e7eaec;
        padding:15px;
    }
    .tabs-container .nav-tabs > li> a, .tabs-container .nav-tabs > li.active > a {
        padding: 0;
        border: none !important;
    }
    .tabs-container .nav-tabs {
        border: none !important;
    }
    .nav-tabs > li > a{
        color: #a3a5a8;
    }
    .tabs-container .tab-pane .panel-body ul.dis  ,.ibox-content ul.dis {
        margin-left: 15px;
        list-style: none;
        position: relative;
        padding-left: 10px;
    }

    .tabs-container .tab-pane .panel-body ul.dis > li:before,.ibox-content ul.dis > li:before {
        content: '-';
        position: absolute;
        left: 0;
    }
    .tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus{
        color:#fe0000;
    }
/* .cusfornt-end .ibox-content .tabs-container .panel-body {
    color: #a3a5a8;
    background: #19193f;
    border: 1px solid #6666d0;
    padding: 15px;

}
.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li:hover> a {
    border: 1px solid #6666d0 !important;
    background: #6666d0 !important;
    color: #fff;
}
.tabs-container .nav-tabs {
    border-bottom: 0px solid #6767d0 !important;
}
.tabs-container .nav-tabs>li>a {
    border-radius: 0;
}
.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li:hover> a {
    border: 1px solid #6666d0 !important;
    background: #1a1a40 !important;
    color: #fff;
    border-top: 1px solid #6666d0 !important;
    color: #6767d0;
}

.tabs-container .nav-tabs > li > a, .tabs-container .nav-tabs > li > a {
    border-top: 1px solid transparent;
    background: #6666d0;
    margin: 0;
    color: #fff;
    border-bottom: 0;
}
.tabs-container .nav-tabs > li:not(:last-child) > a {
    border-right: 0px solid #6767d0 !important;
    } */
    /**End Tab comman css**/
    /** label badge color**/
    .label {
        padding: 4px 12px;
        border-radius: 10px;
        font-weight: 400;
    }
    .label-success, .badge-success {
        background-color: #71c016;
        color:#fff
    }
    .label-warning, .badge-warning{
        background-color: #f1690f;
    }
    .label-danger, .badge-danger {
        background-color: #fe0000;
    }
    /**Model warning**/
    .modal-content.bg-warning {
        background-color: #a41410;
    }
    .modal-content.bg-warning .btn{
        background: #fe0000;
        text-transform: uppercase;
        border-color: #fe0000;
        border-radius: 5px;
        color:#fff;
        padding: 5px 10px;
    }
    .modal-content.bg-warning a {
        color: #2b2b4f;
    }
    .modal-content .btn-primary.cus-model-search {
        padding: 10px 15px;
    }
    .modal-dialog .modal-content .modal-title, .modal-dialog .modal-content .close {
        /* color: #231f20; */
        color: #ffffff;
        opacity: 1;
        display: inline-block;
    }
    .bootbox-confirm .modal-content h3 {
        color: #231f20;
        display: inline-block;
    }

    /**  ENd label badge color**/
    .dash-income .row {
        padding: 10px;
        margin: 10px;
        background: #f3f3f4;
    }
    #downline_list .highlighted {
        /*background: #2f2f76;*/
        padding: 5px;
    }
    .dwn-username {
        cursor: pointer;
    }
    .v-align-center{
        align-items: center;
    }
    .cus-alert-primary{
        background-color: #04959f;
        color: #fff;
    }
    .cus-alert{
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 5px;
    }
    .cus-dtable tr td {
        border-bottom: 0px solid;
        border-top: 0px solid !important;
    }
    .cutomer-backend .side-qr-image {
        position: relative;
    }
    .cutomer-backend li.nav-header {
        padding-bottom: 15px;
    }
    /***For color changes***/
    .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .open .dropdown-toggle.btn.btn-primary, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus {
        background-color: transparent ;
        background: transparent !important;
        border-color: #ae9969 !important;
        color: #ae9969 !important;
        /* background: line ar-gradient(0deg, rgba(194,16,6,1) 0%, #2a0000 200%) !important; */
    }
    .btn.grey-btn{
        background: #9fa0a3 !important;
        border-color: #9fa0a3 !important;
    }

    .btn.grey-btn:hover,.btn.grey-btn:focus,.btn.grey-btn:active{
        background: transparent !important;
        border-color: #9fa0a3 !important;
        color: #9fa0a3 !important;
    }
    .btn-primary{
        background-color: #867cff;
        border-color: transparent;
        background: #ae9969 !important;
        border-radius: 5px !important;
        padding: 15px;
        border-radius: 3px !important;
    }

    .modal-body .cus-model-empty {
        position: relative;
        overflow: auto;
    }
    .model-reg-btn {
        padding: 10px 30px !important;
    }
    .btn-xs {
        padding: 2px 10px;
    }
    .form-control:focus, .single-line:focus {
        border-color: #fe0000 ;
    }


    .checkbox label#agreed_tnc-error {
        position: absolute;
        bottom: -16px;
        left: 0;
        padding: 0;
        margin: 0;
    }
    .cus-btn {
    /* background: #2E2C2D!important;
    border-color: #2E2C2D!important; */
}
.cus-btn:hover {
    background-color: #867cff !important;
    border-color: #867cff !important;
}
.cus-btnbg-red{
    background: #fe0000 !important;
    border:1px solid transparent !important;
    transition: 0.4s;;
}
.cus-btnbg-red:hover{
    background:  transparent !important;
    border-color: rgba(194,16,6,1) !important;
    color: rgba(194,16,6,1) !important;
}
.cus-btn.purple-btn {
    background: #320045 !important;
    margin-left: 15px;
}
.cus-btn.purple-btn:hover {
    background: transparent;
    color: #320045 !important;
    border-color: #320045 !important;
}
.pur-color{
    color: #a3a5a8;
}
/***** End color changes *****/

/***Form changes ***/
.cus-form-border{
    border:1px solid rgba(0, 0, 0, 0.26);

}
.bootstrap-select.form-control:not([class*=span]):not([class*=col-]) {
    width: 100%;
    padding: 0 5px;
}
.cus-form-border .form-control, .cus-form-border .custom-file-control {
    background: no-repeat center bottom, center calc(100% + 0px);
}
.cus-form-border .form-control:focus {
    border: none;
    box-shadow: none;
}
.bmd-form-group.cus-form-border label{
    left:30px;
}
.cus-form-border .from-inner-space {
    margin: 0 30px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    /*background-color: #1E344D;*/
    opacity: 1;
    border-radius: 5px;
    border-color: #1E344D;
}

.cus-form-border input[type="file"] {
    padding-bottom: 5px;
}
.bmd-form-group input::placeholder {
    /* font-size: 1.5rem;  */
    color: rgba(125, 125, 125, 0.6)
}
.bmd-form-group .bmd-label-static{
    font-size: 0.85rem;
    color:#2E2C2D;;
}
.cus-btn {
    /* padding: 12px; */
    padding: 18px 12px;
    color: #ffffff !important;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4 !important;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    white-space: initial;
}
.btn-pdt-14{
    padding: 13px 12px;
}
.cus-width-auto {
    width: auto;
    padding: 10px 30px;
}
.cus-width-full {
    width: 100%;
}
.eq-column-btn{
    padding: 11px;
}
.form-group.row {
    margin-bottom: 0;
}
.form-group .error,.form-group .cus-error-sponsor{
    color: #c71d25 !important;
}
.user-agrrement-errro .error[for="terms_condition[]"] {
    position: absolute;
    bottom: -20px;
    width: 300px;
}
.cus-success-sponsor.sucess {
    color: green;
}
.header-select select {
    border: 1px solid #a3a5a8!important;
    border-radius: 5px !important;
    height: calc(2.4rem + 4px) !important;
    background: transparent !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    background-color: #fe0000;
    border-color: #fe0000;
    border-radius: 50%;
}
/***End form changes***/
/**Login page**/
.bg-half-tra {
    background: #00000054;
    border-radius: 0;
}
.cus-login-bg-old{
    background-color:#fff;
    padding:70px
}
.cus-login-bg{
    background-color:#231f2095;
    padding:70px;
    color:#fff;
}
.cus-login-bg .bmd-form-group.cus-form-border label{
    color:  #fe0000;/*#fff;*/
}
.cus-login-bg .cus-form-border{
    border: 1px solid #fe0000;
}
.cus-login-bg .form-control,.cus-login-bg .custom-file-control{
    color: #fff;
}
.cus-login-bg .form-control::placeholder,.cus-login-bg .custom-file-control::placeholder{
    color: #fff;
}
input.form-control.bg-white::placeholder{
    color: #333333 !important;
}
input.form-control.bg-white, select.form-control.bg-white {
    color: #333333 !important;
    background: #FFF !important;
    border-color: #FFF !important;
}
input.form-control.bg-white:read-only {
  background-color: #ccc !important;
}
.cus-bg-tra-b,.select-lang-de .cus-bg-tra-b,.cus-bg-tra-b:focus{
    border: 1px solid #1e344d !important;
    color: #FFFFFF !important;
    width: 140px !important;
    background: transparent !important;
}
.cus-bg-tra-b:focus{
    color: #1e344d !important;
}
.mt-p-8 {
    margin-top: 8%;
}
.mtb-p-8{
    margin-top: 8%;
    margin-bottom: 8%;
}
.captacha-img {
    display: inline-block;
}
.pd-lr-60{
    padding-left: 60px;
    padding-right: 60px;
}
.cus-list-dash li:not(:last-child):after {
    content: '|';
    margin-left: 5px;
    position: absolute;
}
.navigation-cus .show {
    display: inline-block !important;
}
.justify-content-space-between{
    justify-content: space-between;
}
.bg-dark{
    background:#18183d;
    color: #abb2c7 !important;
}
.network-tab{
    /* height: 450px;
    max-height: 450px; */
    overflow-y:auto;
}
table.no-border > tr > th, table.no-border > tr > td{
    border-top: none !important;
}
.table.no-border td, .table.no-border th{
    border-top: none !important;

}
.bg-darkgreay {
    background: #121d18;
}
.bg-yellow,.iq-progress-bar .bg-yellow{
    background: #ffbc34;
}
.pd20{
    padding:30px 20px;
}
.border-rad-10{
    border-radius: 10px;
}
.cus-bg-body .sign-in-from {
    padding: 60px;
}
.sign-in-logo img {
    height: 100px;
    width: auto;
}

/*for captach */
.g-recaptcha div {
    margin: 0 auto;
}
/*end for captach */
/**End Login page**/
.cus-bg-body{
    background-repeat: no-repeat !important;
    background-position: center ;
}
.sign-in-page {height: 100%;}
.cus-size-cover {
    background-size: initial !important;
    background-position: inherit !important;
}
.cus-over-hidden{
    overflow-x: hidden;
}

.cus-height-rtit{
    height: calc(100% - 48px);
}
.text-underline{
    text-decoration: underline;
}

/***Register****/
.cus-register {
    background: rgb(255, 255, 255);
    padding: 60px;
    max-width: 80%;
    margin: 100px auto;
    box-shadow: 1px 1px 36px 1px #9a9a9a;
}

label#iagree-error {
    color: #c71d25 !important;
    position: absolute;
    bottom: -30px;
}
/***End Register****/


/**login back-end design **/
/***Nav bar design change **/
.cutomer-backend .navbar-static-top .nav,.cutomer-backend .navbar-static-top {
    display: block;
    padding: 0;
}
/**sidebar**/
.cutomer-backend .sidebar-collapse .metismenu{
    display: block;
}
.met-drop-icon .dropdown-toggle:after {
    display: none;
}
select.form-control:not([size]):not([multiple]), select.custom-file-control:not([size]):not([multiple]) {
    height: calc(2.9rem + 4px);
    /* border-radius: 0; */
}
.navigation-cus select.form-control {
    border: 1px solid  #a3a5a8;
    color: #000000;
    /* font-weight: 700; */
}
input.form-control, select.form-control{
    height: 45px;
    line-height: 1.5;
    border: 1px solid #1e344d;
    color: #1e344d;
    padding-left: 30px;
    padding-right: 30px;
    /* background: #1e344d */
}
/* .form-control:focus{

    color: #ffffff;
    background-color: #1e344d;
    border-color: #1e344d;
} */
.form-control::placeholder,.cus-login-bg .custom-file-control::placeholder{
    color: #1e344d;
}
select.form-control{
    background-color: transparent;
}
.cutomer-backend .bmd-form-group option{
    padding: 5px;
}
.input-group .input-group-text {
    background: transparent;
    /* border: 1px solid #1e344d; */
    border-radius: 2px;
    color: #fe0000;
    border-right: 0px solid;
    padding-left: 15px;
    padding-right: 15px;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-left: #a3a5a8;
}
.form-control:focus, .single-line:focus{
    border: 1px solid #a3a5a8;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #fe0000;
    background-color: #fe0000;
}
.text-light-grey{
    color: #8D9092;
}
/***End Form color design ***/

input.form-control, select.form-control,textarea.form-control{
    border-radius: 5px;
}
select.form-control {
    border-radius: 5px;
}
/* .customer-register select.form-control {
    color: #fff;
} */
.text-darkGrey{
    color: #2E2C2D;
}

/**background color***/

.nav-header{
    background-image : none;
}

.sidebar-collapse ul li.nav-header{
    text-transform: inherit;
}

/**Start comman Page heading**/
.cutomer-backend .page-heading.border-bottom {
    padding: 0 10px 0px 10px;
    border-bottom: 0px solid !important;
    color: #fe0000;
    background: transparent;
}
.cus-red{
    color: #fe0000;
}

/**End comman Page heading**/
.flag-icon {
    border-radius: 50%;
}
/**Dashboard**/
.cimg-round {
    padding: 12px;
    border-radius: 50%;
    border: 1px solid;
}
.latest_network_box {
    background: #23224e;
    padding: 18px 15px;
}
.pd-t-l-0 {
    padding-left: 0 !important;
    padding-top: 0 !important;
    min-height: auto;
}
.p-l-none {
    padding-left: 0 !important;
}
.flot-chart {
    display: block;
    height: 305px;
    font-weight: 500;
}
.cutomer-backend .widget.style1 h2 {
    font-size: 26px;
}
/***Fund Wallet design **/
.i-search-fa .fa {
    font-size: 22px;
}
.i-search-fa {
    padding: 6px 11px;
    margin-bottom: 0 !important;
}
.cus-inline-radio label.radio {
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 0;
}
.cus-hide{
    display: none;
}
.wallet-rad-block {
    background: #18183e;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}
.wallet-rad-block .widget.style1.cus-dred-bg {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0 15px 0;
}
.cusfornt-end .wallet-rad-block .package-content p:last-child {
    margin-bottom: 0;
}

.cus-dred-bg{
    background: #fe0000;
    border-radius: 15px;
    color:#fff;
}
.cus-ired-bg{
    background: #fe0000 !important;
}
.news-img .img-responsive {
    border-radius: 15px;
}
.dash_news:last-child {
    margin-bottom: 0;
}
.total-box .badge {
    background: #fe0000;
    color: #fff;
    padding: 5px 8px;
    font-size: 1em;
}

.valign-middle{
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
span.white-space {
    white-space: pre;
}
.cutomer-backend  .cus-box-shoadow-light {
    box-shadow: 1px 1px 3px 1px hsla(0, 0%, 60%, 0.21176470588235294);
}
.cutomer-backend  .cusdarkblue-bg{
    background-color: #18183e;
    color: #ffffff;
}

.cutomer-backend .cus-btn-search {
    background-color: #c71d25 !important;
    color: #fff !important;
    margin-top: 14px;
    padding: 6px 16px !important;
    font-size: 1rem !important;
}

.cutomer-backend .cus-btn-reset {
    /* background: #c71d25 !important; */
    margin-top: 14px;
    padding: 11px 16px !important;
    color: #c71d25 !important;
    border-top-right-radius: 9px !important;
    height: 33px !important;
    border-bottom-right-radius: 6px !important;
    border: 1px solid #c71d25 !important;
    line-height: 1;
}
.cus-border-box {
    border: 1px solid #fe0000;
    padding: 30px;
    /* background: #242448; */
}
.text-cred {
    color: #fe0000;
    font-size: 1.2em;
    font-weight: 600;
}
.total-badge {
    padding: 7px 15px;
    border: 3px solid #fe0000;
}
.dropify-wrapper{
    height: 150px;
}
.cus-border-hr {
    border: 1px solid #a3a5a8;
    margin: 30px 0;
}
.mtb-20{
    margin: 20px 0;
}
.drak-color{
    color: #231f20;
}
.ibox-dark{
    background-color: #252525 !important;
}
.ibox-dark p{
    color: #C9CACC;
}
.ibox-dark .text-white{
    color: #fff;
}
.border-dark {
    border-color: #252525 !important;
}
h4.drak-color {
    color: #231f20;
    font-size: 20px;
    margin-bottom: 15px;
}
.cus-border-box p{
    /* color: #9ac724; */
}
/***pagination css ***/
.table-responsive {
    position: relative;
}
.cus-spinner-full {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(4, 4, 4, 0.07);
}

.cus-spinner-full .sk-spinner {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

/**My network */
.m--font-Traders {
    color: #fedb46 !important;
}
.m--font-IB {
    color: #ed2290 !important;
}
.m--font-MIB {
    color: #e41e25 !important;
}
.m--font-PIB {
    color: #aad037 !important;
}
.m--font-DIB {
    color: #e57c25 !important;
}
.m--font-SIB {
    color: #04aee2 !important;
}
.m--font-MDIB {
    color: #527435 !important;
}
.m--font-TDIB {
    color: #ae7bb6 !important;
}
.m--font-SPECIAL {
    color: #ff2552 !important;
    display:none;
}
.cus-row-eq-width .m-demo-icon {
    padding: 8px 6px;
    font-weight: 600;
}
.network-spiner,.network-spiner1{
  display: none;
}
.network-spiner,.network-spiner1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*position: fixed;*/
    z-index: 1040;
    width: 100vw;
    /*height: 100vh;*/
    background-color: #00000075;
}

.network-spiner .loading, .network-spiner .loading {
    width: 250px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: capitalize;
    color: #5d78ff;
    letter-spacing: 0.1em;
    font-size: 22px;
}
.network-spiner .loading {
    width: 20%;
    height: .66em;
    border: .05em currentcolor solid;
    border-radius: .1em;
    background: linear-gradient(-60deg, transparent 0%, transparent 50%, currentcolor 50%, currentcolor 75%, transparent 75%, transparent);
    background-size: 1em 2em;
    background-position: 0 0;
    animation: s_loading 0.8s infinite linear;
}
i.fa.fa-user-o {
    font-size: 1.3em;
}
.accordian-li .m-demo-icon__class i {
    margin-right: 5px;
}
.accordian-li .m-demo-icon__class{
    /* font-weight: 600; */
    color: #ffffff;
}
.m-demo-icon__class{
    margin-left: 5px;
}

@keyframes s_loading {
    from { background-position: 0 0; }
    to { background-position: -2em 0; }
}
.network-ul-first {
    padding-left: 5px;
    list-style-type: none;
}
ul#downline_list {
    list-style-type: none;
    padding-left: 10px;
}
.ul-toogle-style .fa-plus-circle ,.ul-toogle-style .fa-minus-circle,
.downline-level .fa-plus-circle,.downline-level .fa-minus-circle{
    margin-left: 8px;
}
.ul-toogle-style {
    margin-bottom: 10px;
}
.downlie-toggleadd > ul {
    padding-left: 10px;
    list-style-type: none;
    margin-bottom: 10px;
}
.downlie-toggleadd li {
    padding: 5px 15px;
    padding-bottom: 3px;
}
.info-block .span {
    margin-right: 10px;
}
.info-block{
    margin-left: 1em;
}
/**Network reDesign**/
li.accordian-li {
    /* border-bottom: 1px solid #a3a5a8; */
    margin-top: 10px;
    position: relative;
}
.accordian-li .info-block {
    /* display: none; */
}
.accordian-li  .m-demo-icon__class {
    margin-left: 0px;
}
.accordian-li .network-rank {
    /* float: right; */
}
.network-rank i {
    margin-left: 10px;
    color:#a3a5a8;
}
.info-block span.text-gray, .info-block {
    color: #000;
    display: block;
}
/**help and guide*/
.cus-faq .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 0.5rem 0.5rem;
    position: relative;
}
.cus-faq h4 {
    color: #231f20;
}
.card-body+.card-body {
    border-top: 1px solid rgb(243, 243, 244);
}
/*
.cus-help-nav .nav > li.active a {
    color: #fe0000;
    border: none;
}
.cus-help-nav .nav > li.active a, .cus-help-nav .nav > li:hover a{
    color: #fe0000 !important;
}
.cus-help-nav .nav > li:hover a{
    color: #fe0000 !important;
}
.cus-help-nav .nav.nav-tabs li {
    width: 150px;
    border-bottom: 2px solid #a3a5a8;
    background: transparent ;
    margin-bottom: 5px;
}
.cus-help-nav .nav-tabs > li > a {
    color: #2b2b2b;
    font-weight: 700;
    padding: 8px 15px 8px 0px;
}
.cus-help-nav .nav-tabs > li > a {
    background: none !important;
    border: none !important;
}
.cus-help-nav .nav-tabs > li > a:hover {
    color: #fff;
}
.cus-help-nav ul {
    border-bottom: navajowhite;
}
.cus-help-nav .nav.nav-tabs li{
    width: 100%;
}
.cus-help-nav .nav-tabs > li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    } */
    .dropify-wrapper{
        overflow: inherit;
    }
    label#upload_bank_proof-error {
        position: absolute;
        text-align: left;
        bottom: -15px;
        z-index: 111;
        width: 100%;
        left: 10;
        margin-left: 0;
    }
    .cus-reset-table {
        display: none;
    }
    .i-con-2{
        font-size: 1.4em;
        margin-top: 10px;
    }
    ul.dropdown-menu.dropdown-messages {
        max-height: 400px;
        /* display: block; */
        overflow: auto;
    }
    /**dashboard**/
    .custome-wallet-list {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .custome-wallet-list:last-child {
        margin-bottom: 0;
    }
    .icon-list{
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
        -ms-flex-item-align: center!important;
        align-self: center!important;
    }
    .wallet-name {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70% ;
        -ms-flex-item-align: center!important;
        align-self: center!important;
    }
    .wallet-amount{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%  ;
        -ms-flex-item-align: center!important;
        align-self: center!important;
    }

    .icon-list i {
        background: #97c726;
        padding: 8px;
        color: #fff;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 26px;
        text-align: center;
    }
    .package-content .cus-content .new-desc {
        height: 130px;
        /* overflow-y: auto;*/
        overflow-y: hidden;
        margin-bottom: 15px;
    }
    .dash_news h3{
        margin-top: 15px;
    }
    .ibox-title h3.m-t-none {
        margin-top: 0;
    }
    /* for scroll var customize */
    .new-desc::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .new-desc::-webkit-scrollbar
    {
        width: 5px;
        background-color: #F5F5F5;
    }
    .new-full-lnik{
        position: absolute;
        top:0;
        left: 0;
        bottom:0;
        right: 0;

    }
    .new-desc::-webkit-scrollbar-thumb
    {
        border-radius: 2    0px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #19193f;
    }
    .cus-gray-bg {
        background-color: #D0D0D0 !important;
        color: #17173b !important;
        border-color: #D0D0D0 !important;
    }
    .dash_news .cus-bg-cover{
        min-height: 300px;
        background-size: cover !important;
        background-repeat: no-repeat;
        border-radius: 0;
        background-position: center;
    }
    /**above table **/
    /**chat**/

    .chat-discussion {
        /* background: #fe0000; */
        border-radius: 4px;
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px;
        margin-bottom: 20px;
    }
    .chat-discussion .message {
        /* color: #121212; */
    }
    span.message-content {
        display: block;
    }
    .chat-discussion .chat-message.right .message {
        text-align: left;
    }
    .chat-discussion .chat-message.left .message {
        text-align: left;
    }
    .chat-discussion .chat-message.right .message-date {
        float: right;
    }
    .chat-discussion .chat-message.left .message-date {
        float: right;
    }

    /**Mobile menu header**/
    .mob-header-flex {
        text-align: center;
        display: inline-block !important;
        position: absolute;
        top: 50px;
        background: #fe0000;
        width: 100%;
        padding: 0px 10px;
        left: 0;
        transition: 0.4s;
        visibility: hidden;
        opacity: 0;
    }
    .navbar-mobile,.mob-nav-show{
        display: none;
    }
    .mob-header-flex.show{
        visibility: visible;
        opacity: 1;
    }
    .cus-pd-network{
        padding: 5px;
    }
    .cus-pd-network:nth-child(3n+1) {
        padding-left: 0;
    }

    .fullscreen-bg video, source {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0;
        -ms-transform: scale(.7) translateX(-50%) translateY(-50%);
        -moz-transform: scale(.7) translateX(-50%) translateY(-50%);
        -webkit-transform: scale(.7) translateX(-50%) translateY(-50%);
        transform: scale(.7) translateX(-50%) translateY(-50%);
    }

    /** wizards setup**/
    .cust-wizards > .wizard > .content {
        /* background: #ffffff; */
        background: transparent;
    }
    /* .wizard > .content > .body input {
        border: 1px solid #1e344d;
    } */
    .cust-wizards > .wizard > .content > .body label.error {
        margin-left: 0;
    }
    .cust-wizards > .wizard > .steps .done a, .cust-wizards > .wizard > .steps .done a:hover, .cust-wizards > .wizard > .steps .done a:active,.cust-wizards > .wizard > .steps .current a, .cust-wizards > .wizard > .steps .current a:hover, .cust-wizards > .wizard > .steps .current a:active {
        background: #fe0000;
    }
    .cust-wizards > .wizard > .steps .error a, .cust-wizards > .wizard > .steps .error a:hover, .cust-wizards > .wizard > .steps .error a:active,.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{
        background: #fe0000;
    }
    .cust-wizards > .wizard > .steps .disabled a, .cust-wizards > .wizard > .steps .disabled a:hover, .cust-wizards > .wizard > .steps .disabled a:active{
    /* background: rgba(233, 182, 62, 0.7);
    color: #fff; */
    background: #fff;
    color: #fff;
    border: 2px solid #ff0000 !important;

}
.cust-wizards .steps ul[role="tablist"]{
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
}
.cust-wizards > .wizard > .content > .body{
    width: 100%;
    padding: 0;
    position: relative;
}
.cust-wizards ul {
    margin-left: 30px;
}
.cust-wizards .steps ul[role="tablist"] {
    margin-left: 0;
}
/* .cust-wizards > .wizard > .content > .body label.error {
    left:0;
    position: absolute;
    bottom: -30px;
    } */
    .wizard > .content > .body .form-group {
        position: relative;
    }
    .wizard > .content > .body input.error {
        margin-bottom: 30px;
    }

    .cust-wizards > .wizard > .steps ul li a {
        width: 50px !important;
        height: 50px !important;
        border-radius: 50% !important;
        margin: 0 auto !important;
        text-align: center;
        position: relative;
        z-index: 11;
    }
/* .cust-wizards > .wizard > .steps ul li:after {
    position: absolute;
    content: "";
    background: #e5e5e5;
    width: 100%;
    height: 2px;
    top: 50%;
    left: 92%;
    transform: translate(-50%,-50%);
    z-index: 1;
    } */
    .cust-wizards > .wizard > .steps span.number {
        display: none;
    }
    .cust-wizards > .wizard > .steps ul li.done:after {
        background: #fe0000;
    }
    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        position: relative;
        width: 100%;
    }
    .cust-wizards > .wizard > .steps ul li:last-child:after {
        opacity: 0;
    }
    #loading { background: rgba(255,255,255,0.8) url(../../images/Bitmap-3.png) no-repeat scroll center center;    background-size: auto;}
    /* New Class */
    .footer-bg {
        background: #132923;
        font-size: 11px;
    }
    .login-footer-bg p{
        line-height: 1.5;
        font-size: 11px;
        margin-bottom: 0;
    }
    .user-aggrement{
        font-size: 18px;
        letter-spacing: 0;
        color: #000;
    }
    .user-aggrement-desc {
        font-size: 15px;
        color: #fff;
    }
    .user-aggrement-desc label.m-checkbox a, .from-inner-space .custom-control.custom-checkbox.d-inline-block label {
        color:#fff !important
    }
    .chk_agreements {
        margin-right: 0;
        display: inline-block !important;
    }
    .login-footer-bg {
        /* position: absolute; */
        /* bottom: 0px; */
        width: 100%;
        /* background: rgba(0, 0, 0, 0.7); */
        padding: 15px;
        margin: 0 auto;
    }

    /* Jerome CSS*/
    .iq-banner-wallet .col-12.col-lg-12 {
        /* text-align: right; */
    }
    .iq-banner-wallet .col-12.col-lg-12 h2 {
        letter-spacing: 0px;
        font-size:22px
    }
    ul.dis li {
        line-height: 1.5;
        font-size: 14px;
    }
    .col-lg-6 h2.banner-border span.fw-500 {
        color: #fff;
        /* padding-left: 10px; */
    }
    .iq-card h2.banner-border {
        letter-spacing: 1px;
        font-size: 22px;
        width:100%
    }
    .iq-card-body .row.align-items-center {
        align-items: start !important;
    }
    .row.wrapper.border-bottom.page-heading.white-bg {
        padding-top: 25px;
    }
    .custom-model .modal-content.bg-warning.text-white {
        background: linear-gradient(97deg, rgba(36,69,148,1) 0%, rgba(1,168,183,1) 100%);
    }

    .custom-model .modal-dialog .modal-content .modal-title { width: 100%;
        color: #fff;
        text-transform: uppercase;
        font-size: 30px;
    }

    .custom-model .modal-content.bg-warning a {
        color: #ff5a5a;
        /*text-decoration: underline;*/
    }
    /* Jerome CSS*/


    .loader-main-block {
        background: rgba(255, 255, 255, 0.80);
        position: absolute;
        height: 100%;
        margin: 0 auto;
        width: 100%;
        z-index: 99;
        display: none;
    }
    .j-loader {
        width: 250px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-transform: capitalize;
        color: #fc0101;
        letter-spacing: 0.1em;
        font-size: 22px;
    }
    .j-loader {
        width: 20%;
        height: .66em;
        border: .05em currentcolor solid;
        border-radius: .1em;
        background: linear-gradient(-60deg, transparent 0%, transparent 50%, currentcolor 50%, currentcolor 75%, transparent 75%, transparent);
        background-size: 1em 2em;
        background-position: 0 0;
        animation: j-loader 0.8s infinite linear;
    }
    @keyframes j-loader {
        from { background-position: 0 0; }
        to { background-position: -2em 0; }
    }

    @media screen and ( min-width: 1440px ) and ( min-height: 920px ){
        .login-footer-bg {
            /*position: fixed;*/
            bottom: 0px;
            background: #000000b8;
            padding: 15px;
            width: 100%;
        }
    }
    .ibox.float-e-margins.cus-box-shadow.cus-blue-bg {
        margin-top: 40px;
    }
    .banner-comman h2, .cusfornt-end .ibox h4, .cusfornt-end .ibox h2 {
        color:#fff
    }
    .m-demo-icon span {
        display: block;
        width: 100%;
    }

    @media screen and (min-width: 768px) {
        .cutomer-backend .wallet-rad-block.dash_news {
            min-height: 148px;
        }
        .package-content .new-desc:last-child {
            margin-bottom: 0;
        }
        .wallet-rad-block .cus-dred-bg {
            background: #fe0000;
            border-radius: 15px;
        }
    /* .wallet-rad-block .widget.style1.cus-dred-bg {
        margin-top: auto;
        margin-bottom: auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        } */
        .mob-hide-show{
            display: none;
        }
        .wizard > .steps > ul > li{
            width: auto;
        }
    }

    @media only screen and (max-width: 991px){
        /**Authenication Page **/
        .mob-reveser-column{
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
            height: auto;
        }
        .mob-pb-20{
            padding-bottom: 20px !important;
        }
        .wizard > .steps > ul > li{
            width: auto;
        }
    }
    @media only screen and (max-width: 768px){
        .cutomer-backend .navbar-static-top .nav, .cutomer-backend .navbar-static-top{
            margin-left: 0;
        }
        .cusfornt-end .pagination {
            float: none;
        }
    }
    @media only screen and (max-width: 767px){
       .profileb .nav-tabs .nav-item {
        margin-bottom: 0px;
        width: 100%;
    }
    .body-small .navbar-static-side {
        z-index: 999;
    }
    .tabs-container .nav-tabs > li:not(:last-child) > a {
        border-right: 1px solid #6767d0 !important;
    }
    /**Mobile header navbar**/
    .navbar-top-links li a {
        padding: 12px 10px;
        min-height: auto;
    }
    .navbar-top-links .dropdown-menu.dropdown-messages{
        margin-left: -138px;
    }
    .cus-minibar {
        margin-top: 12px;
    }
    .navbar-header.nav-logo-mob {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .navbar-header.nav-logo-mob .logo-header {
        height: 35px;
        max-width: 100%;
        padding-left: 0;
    }
    .mob-header-flex .nav.navbar-top-links li.dropdown {
        display: inline-block !important;
    }
    .mobile-nav-hide{
        display: none !important;
    }
    .mob-nav-show{
        display: block;
    }
    .cus-minibar-mob {
        margin-top: 11px;
        padding: 0;
        font-size: 22px;
        margin-right: 15px;
    }
    /* .cusfornt-end .ibox-content{
        padding: 15px;
        } */
        /**Margin **/
        .mob-mt-xs{
            margin-top: 10px;
        }
        .mob-mt-sm{
            margin-top:15px;
        }
        .mob-mt-md{
            margin-top:20px;
        }
        .mob-mt-lg{
            margin-top:30px;
        }
    /* body .navbar-static-side {
        display: block;
        z-index: 2001;
        width: 0;
        } */
        #page-wrapper {
            position: inherit;
            margin: 0 0 0 0;
            min-height: 100vh;
        }
        .cus-register {
            padding: 30px;
            max-width: 90%;
        }
        .loginColumns img.m-auto {
            max-width: 100px;
        }
        .cus-form-border .from-inner-space {
            margin: 0 15px;
        }
        .bmd-form-group.cus-form-border label {
            left: 15px;
        }
        .mob-mb-0{
            margin-bottom:0 !important;
        }
        .cus-login-bg {
            padding: 30px;
        }
        .mob-pd-lr-30{
            padding-left: 30px;
            padding-right: 30px;
        }
        h3, .h3 {
            font-size: 1.4rem;
        }
        /**dashboard**/
        .icon-list {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
        .wallet-name {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .wallet-amount {
            -ms-flex: 0 0 30%;
            flex: 0 0 30%;
            max-width: 30%;
        }
        /**Chat messgae **/
        .chat-discussion .chat-message.left .message{
            margin-left: 10px;
        }
        .chat-discussion .chat-message.right .message{
            margin-right: 10px;
        }
        .chat-message {
            padding: 10px 5px;
        }
        /***Mobile buttton**/
        .mob-left{
            text-align: left;
        }
        .mob-btn-sm:last-child {
            margin-right: 0;
        }
        .mob-btn-sm {
            padding: 7px 15px;
            margin-right: 6px;
        }
        /**Network Mobile Design **/
        .accordian-li .network-rank i {
            position: absolute;
            top: 5px;
            right: -8px;
        }
        .accordian-li .network-rank {
            float: none;
        }
    }
    /** Table Resplonsibve in mobile **/
    @media only screen and (max-width: 991px){

        .cpybtn{
            margin: 10px 0 10px 0;
        }
        .center{
            padding: 10px 0;
        }
        .nopadding {
            padding: 0 0 0 10px !important;
        }
    }
    @media only screen and (min-width: 991px){
        .nopadding1 {
            padding: 0 !important;
        }
        .cpybtn{
            width: 100%;
        }
    }
    @media
    only screen and (max-width: 768px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {
        .cusfornt-end table,.cusfornt-end thead,.cusfornt-end tbody,.cusfornt-end th,.cusfornt-end td,.cusfornt-end tr {
            /* display: block;  */
        }
        .cusfornt-end thead tr {
            /* position: absolute;
            top: -9999px;
            left: -9999px; */
        }
        /* .cusfornt-end tr { border: 1px solid #ccc; } */

        .cusfornt-end .table > tbody > tr > td{
            /* Behave  like a "row" */
            /* border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 55%;
            white-space: unset;
            min-height: 50px;
            width: 100% !important; */
        }
        .cusfornt-end .table > tbody > tr > td.no-records {
            padding: 12px 15px;
        }
        .cusfornt-end td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 12px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }
        .cusfornt-end .table-responsive {
            margin-top: 20px;
        }

        .cusfornt-end td::before { content: attr(data-name); }
        .cusfornt-end .table-striped>tbody>tr:nth-of-type(odd) {
            background: #1e344d;
        }
    /* .cusfornt-end td::before{
        white-space:initial;
    }
    .opacity_0{
        opacity: 0;
        } */
        .table-full-responsive table.table-full {
            display: table;
            border-collapse: separate !important;
            border-spacing: 2px !important;
            border-color: grey !important;
        }

        .table-full-responsive table.table-full tbody {
            display: table-row-group !important;
            vertical-align: middle !important;
            border-color: inherit !important;
        }

        .table-full-responsive table.table-full tr {
            display: table-row !important;
            vertical-align: inherit !important;
            border-color: inherit !important;
        }

        .table-full-responsive table.table-full td {
            display: table-cell !important;
            vertical-align: inherit !important;
        }
        .table-responisve.table-full-responsive {
            width: 125%;
            margin-bottom: 15px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd;
            margin-left: -15px;
            margin-right: -15px;
        }
    }
    /***End Table Data ***/
    /***Slef Trading background css***/
    .pad-left25 {
        padding-left: 25px ;
    }
    /* Vue Custom css */
    /* navigation header csss */
    .navbar-list li .iq-sub-dropdown .iq-sub-card:last-child {
        border-bottom: none;
    }
    .iq-sub-dropdown .iq-card-body a:hover {
        background: transparent linear-gradient(90deg, #2F338A 0%, #1BADB8 100%) 0% 0% no-repeat padding-box;
        color: #fff;
    }
    .navbar-list li .iq-sub-dropdown .iq-sub-card{
        border-bottom:1px dotted rgb(255 255 255 / 0.6) !important;
    }
    .iq-sub-dropdown .iq-card-body a:hover .cus-black-color{
        color: #fff;
    }
    .iq-top-navbar{
        background: #ae9969;
    }
    body.sidebar-main .iq-top-navbar {
        margin: 0;
        right: 0;
        width: calc(100% - 80px) !important;
        border-radius: 0;
        transition: all 0.45s ease 0s;
    }
    .sidebar-main .side-hide {
        opacity: 0;
        width: 0;
        height: 0;
        margin: 0px;
        padding: 0 !important;
    }

    .side-hide {
        transition: 0.4s;
    }
    .iq-top-navbar .iq-navbar-custom .iq-menu-bt{
        opacity: 1;
        display: block;
        background: transparent;
    }
    .iq-navbar-custom .wrapper-menu {
        font-size: 20px;
        color: #fff;
    }
    .cus-header-logo{
        height: 45px;
    }
    .iq-navbar-custom .select-lang-de select.form-control {
        border: 0;
        font-weight: 600;
        color: #fff;
        background: transparent !important;
        width: 140px!important;
        padding: 0;
    }
    .iq-navbar-custom .select-lang-de select.form-control option {
        color: #2b2b2b;
    }
    .iq-navbar-custom .iq-waves-effect .img-fluid {
        width: 30px;
        height: 30px;
    }
    /*END Navigation header css */

    /* Sidebar navigaiton  */

    .iq-sidebar {

        background-color: #1a1a4c;
        /* background-image: url(../../images/image-asset/menu-bg.png); */
        background-size: cover;
    }
    .iq-sidebar-menu .iq-menu li.active>a,.iq-sidebar-menu .iq-menu li.active .iq-submenu li.active>a,.iq-sidebar-menu .iq-menu li ul a:hover,.iq-sidebar-menu .iq-menu li a:hover,.iq-sidebar-menu .iq-menu li .iq-submenu li a:hover,.iq-sidebar-menu .iq-menu li .iq-submenu li>a:hover {
        /* background: transparent linear-gradient(90deg, #2F338A 0%, #1BADB8 100%) 0% 0% no-repeat padding-box; */
        background-color: #ae9969;
        color: #fff;
        border-radius: 0px 50px 50px 0px;
    }
    .iq-sidebar-menu .iq-menu li>a {
        background: transparent;
        color: #ffffff;
        /* font-weight: 600; */
    }
    .iq-sidebar-menu .iq-menu .iq-submenu {
        padding-left: 0;
    }
    .iq-sidebar-menu .iq-menu li ul li a{
        color:#fff;
        padding: 15px 45px;
    }
    .iq-sidebar-menu .iq-menu li.active .iq-submenu li:last-child>a{
        border-radius:0;
    }
    .iq-sidebar-menu .iq-menu > li.menu-open{
        margin-bottom: 0px;
    }
    .iq-sidebar-menu .iq-menu li a{
        padding: 18px 30px;
        border-radius: 0;
    }
    .iq-sidebar-menu .cus-img-shadow{
        border: 2px solid #707070;
        padding: 2px;
        box-shadow: 0px 0px 6px #1BADB8CC;
    }
    .iq-sidebar-menu .trader-side-sha,.trader-side-sha{
        font-size: 12px;
        color: #D8D8D8;
        text-shadow: 0px 0px 1px #00DDF9;
    }
    .iq-sidebar-menu .iq-menu .iq-menu-li {
        border-bottom: 1px dotted #374948;
    }
    .cusfornt-end .iq-top-navbar {
        /* width: calc(100%); */
        margin: 0;
        width: calc(100% - 260px);
        border-radius: 0;
        right: 0;
        z-index: 1000;
    }
    .iq-sidebar-menu .iq-menu .iq-menu-title{
        padding: 0;
    }
    #sidebar-scrollbar {
        /* height: calc(100vh - 105px); */
        height: 100%;
    }
    .iq-sidebar input#copy-class-text {
        color: #9ca2a5;
        background: transparent;
        border-color: #9ca2a5;
        opacity: 1;
    }
    .btn-blue{
        background: #04959f !important;
        border-color: #04959f !important;
    }
    .btn.btn-blue:hover,.btn.btn-blue:focus,.btn.btn-blue:active{
        background: transparent !important;
        border-color: #04959f !important;
        color: #04959f !important;
    }
/* .btdr-btm-w{
    border-bottom: 2px solid #fff;
    } */
    .img-w70{
        width:70px;
    }
    .iq-sidebar-menu .iq-menu .iq-menu-title i{
        display:block;
    }
    .content-page {
        /* background: #151618 0% 0% no-repeat padding-box; */
        /* background-color: white; */
        padding: 90px 0px 0;
    }
    .brd-rad-0{
        border-radius: 0;
    }
    .iq-sidebar-menu .iq-menu li.menu-open>a,.iq-sidebar-menu .iq-menu .iq-submenu.menu-open {
        background: transparent;
    }
    /* Banner Style */
/* h2.banner-border:before {
    position: absolute;
    content: '';
    width: 7%;
    height: 3px;
    left: 0px;
    background: #fec2a5;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
}

h2.banner-border {
    letter-spacing: 0px;
    padding-left: 8%;
    position: relative;
    line-height: 1.2;
    } */
    .letter-3{
        letter-spacing: 3px;
    }
    .iq-banner-wallet{
        background-image: url(../../new-customer/images/fund-report.jpg) !important;
        padding: 30px 60px;
        background-size: cover !important;
    }

    .iq-banner-stock{
        background-image: url(../../new-customer/images/stock-banner.jpg) !important;
        background-size: cover !important;
    }
    .iq-banner-wallet h1 {
        font-size: 40px;
    }
    /* End banner Style */

    /* Border radius */
    .iq-card{
        border-radius: 5px;
    }
    /* END Border radius*/
    /** Background color**/
    .iq-card{
        background: #000;
    }
    .iq-blue-bg{
        background: #0D1928;
    }
    .iq-ligh-blue-bg{
        background: #1E344D;
    }
    .dgreen-bg{
        background: #142a22;
    }
    .bg-blue{
        background-color: #04959f !important;
    }
    .modal-dialog .modal-content.bg-blue .modal-title{
        color: #fff !important;
        text-align: center;
        width: 100%;
        font-size: 25px;
    }

    a.view-popup.btn.btn-primary.w100 {
        background-color: #04959f !important;
        padding: 10px !important;
    }
    /* Nav tab */
    .tab-cus-nav {
        border: 2px solid transparent;
        margin-bottom: 0;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(120, 146, 141, 0.06);
        box-shadow: 0px 0px 12px 0px rgba(120, 146, 141, 0.06);
        display: flex;
        border: none;
        /* width: max-content; */
        margin: 0 auto;
        overflow: hidden;
    }
    .tab-cus-nav li.nav-item{
        margin-bottom: 0;
        margin-right: 10px;
    }
    .tab-cus-nav li.nav-item .nav-link {
        color: #ffffff;
        width: 100%;
        /* font-size: 1rem; */
        font-weight: 400;
        line-height: 1.4;
        transition: 0.4s;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -ms-transition: 0.4s;
        -o-transition: 0.4s;
        white-space: initial;
        background: transparent;
        padding: 15px 25px;
        border-bottom: 0;
        border-radius: 5px !important;
        font-size: 15px;
        border: 3px solid #1BADB8;
        margin-bottom: 5px;
    }
    .tab-cus-nav li.nav-item .nav-link:hover {
        /* background: #ff0000; */
        background: transparent;
        color: #fff;
    }
    .tab-cus-nav li.nav-item .nav-link.active {
        /* background: #ff0000; */
        background: #1BADB8;
        color: #ffffff;
    }
    .bdr-left {
        border-left: 1px solid #a3a5a8;
    }
    #news{
        margin-bottom: 20px;
    }
    #news a {
        padding: 6px;
        width: 100%;
    }
    /* Dashboard */
    .round-full {
        display: inline-block;
        height: 10px;
        width:10px;
        border-radius: 50%;
    }
    .blue-bg{
        background: #50c3f7;

    }
    .buyp .font-16 {
        text-align: center;
    }
    .buyp .modal-content.bg-warning a {
        color: #fff;
    }
    #invetmentproof p {
        color: #fff;
        line-height: 1.8;
    }
    .custom-form-desgin p.mb-0 {
        font-size: 15px;
        color: #000;
    }
    .span-label{
        display: block;
    }
    .span-label {
        color: #fff;
        text-align: center;
        border-radius: 15px;
        padding: 2px 14px;
    }
    .cus-iq-box img.img-fluid {
        max-height: 50px;
    }
    .cus-bg-bitmap {
        background-image: url(../../new-customer/images/Bitmap.png);
        background-position: center;
    }
    /* withdraw wallet */
    .bg-lblue {
        background: #0091FF;
        padding: 15px;
    }
    .border-rad-5{
        border-radius: 5px;
    }
    .border-right{
        border-right: 1px solid #fff;
    }
    /* Investment  */
    .invest-full .card-img-top {
        height: auto;
        width: 100%;
        object-fit: cover;
    }
    .cus-divider {
        border-width: 2px;
    }
    .invest-full h2 {
        letter-spacing: 3px;
        font-weight: 600;
    }
    .card-short {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .card-short p {
        margin-bottom: 5px;
    }
    h2.card-title{
        font-size: 1.6em;
    }
    .iq-card.invest-full{

        border: 2px solid #fff;
    }
    .iq-card.invest-full.active {
        border: 2px solid #ff0000 !important;
        padding-top: 0px !important;
    }
    .invest-full.active h2.card-title.mt-3, .invest-full.active p {
        color: #fff;
    }
    .invest-full.active .card-short span, .invest-full.active .card-short {
        color: #fff;
    }
    .invest-full.active a.view-popup.btn.btn-primary.w100 {
        background-color: #2c2f8c !important;
    }
    a.view-popup.btn.btn-primary.w100:hover {
        border-color: #2c2f8c !important;
        color:#fff !important
    }
    .invest-full.active .iq-card-body {
        background-color: #04959f;
    }
    .iq-card.float-e-margins.invest-full.active {
        border-color: #fff !important;
    }
    .invest-full.active .card-short strong {
        color: #fff;
    }
    /* Modal Changes */
    .modal-content {
        padding: 20px;
        background: #0D1928;
    }
    .noppadingex{
        padding: 0 !important;
    }
    .modal-header{
        padding-top:5px;
    }
    .modal-header button.close.btn {
        position: absolute;
        top: -2px;
        right: -2px;
        background: #ff0000;
        border-radius: 3px;
        font-size: 24px;
        color: #fff;
        line-height: 30px;
        height: 30px;
        text-shadow: 0 0px 0 #fff;
        width: 30px;
        text-align: center;
        padding: 0;
        font-weight: 100;
    }
    .modal-header {
        border-bottom: 0;
    }
    /* Table Responsive  */
    .table-border-cus {
        /* border: 1px solid #a3a5a8; */
        /* border-radius: 4px; */
    }

    .table-filer {
        background: #000000;
    }

    .table-filer .header-select select {
        background: #ffffff !important;
    }

    .cus-pag-de .pagexist{
        display: flex;
        justify-content: flex-end;
        padding: 10px;
        background: #000000;
    }


    /* Responisve */
    /* .iq-sidebar{
        top: 75px;
    } */
    @media only screen and (max-width: 1299px) and (min-width: 992px)  {

        .cusfornt-end .iq-top-navbar {
            margin: 0;
            width: 100%;
            border-radius: 0;
            right: 0;
            z-index: 1000;
        }
        body.sidebar-main .iq-top-navbar {
            margin: 0;
            right: 0;
            width: calc(100% - 260px) !important;
            border-radius: 0;
            transition: all 0.45s ease 0s;
        }
        .iq-top-navbar, body.sidebar-main .iq-top-navbar{
            left:auto !important;
        }
        .content-page, body.sidebar-main .content-page {
            padding: 90px 0 0;
        }
        .iq-top-navbar .iq-navbar-custom .iq-menu-bt {
            right: 220px;
        }
        h1 {
            font-size: 30px;
        }
    }

    @media only screen and (max-width: 992px) and (min-width: 768px)  {
        /* .iq-sidebar {
            top: 75px;
            position: absolute;
            float: left;
        } */
        .sidebar-main .iq-sidebar .iq-submenu li a{
            font-size: 14px;
        }
        .iq-top-navbar, body.sidebar-main .iq-top-navbar{
            left:0 !important;
        }
        .content-page, body.sidebar-main .content-page {
            padding: 90px 0 0;
        }
        .iq-top-navbar .iq-navbar-custom .iq-menu-bt {
            right: 220px;
        }
        body.sidebar-main .iq-sidebar{
            top: 70px;
        }

    }
    @media (max-width: 992px){
        .iq-top-navbar, body.sidebar-main .iq-top-navbar{
            left:0;
            width: 260px !important;
        }
        .iq-top-navbar .navbar-collapse{
            background: #000;
        }
        .iq-navbar-custom .cus-dropdown.select-lang-de {
            top: 0;
            position: relative;
            left: 62px !important;
        }
        .iq-top-navbar .iq-navbar-custom .iq-menu-bt {
            right: 110px;
        }

        .profilet h2.fw-700 {
            font-size: 23px;

        }
        .profilet .bdr-left .col-md-7 {
            width: 89%;
        }
        .profileb .nav-tabs .nav-item {
            margin-bottom: -2px;
            width: 50%;
        }
        .profileb .cus-blue-bg .iq-card {
            /* border-top: 1px solid #dcdcdc; */
            padding-top: 25px;
        }
        .profilet .col-md-6.bdr-left {
            border-left: 0px;
            margin-top: 25px;
            border-top: 1px solid #a3a5a8;
            padding-top: 13px;
        }
        .cus-blue-bg.black-bg {
            background-position-y: 0px !important;
        }
        .iq-top-navbar {
            left: 0 !important;
            width: 100% !important;
            right: 0 !important;
        }
        .iq-top-navbar .navbar-toggler{
            font-size: 20px;
            color: #ffffff;
            background: #000000;
        }
        .iq-top-navbar .iq-navbar-custom .iq-menu-bt{
            padding: 7px 10px;
        }
        .iq-navbar-custom .cus-dropdown.select-lang-de {
            top: 12px;
            position: relative;
        }
        .content-page, body.sidebar-main .content-page {
            padding: 90px 0 0;
        }
    }
    @media (max-width: 767px){
        .iq-top-navbar .iq-navbar-custom .iq-menu-bt i {
            font-size: 20px;
        }
        .iq-top-navbar .iq-navbar-custom .iq-menu-bt {
            top: 20px;
        }
        .iq-top-navbar .navbar-toggler{
            top: 20px;
        }
        body.sidebar-main .iq-sidebar{
            top: 70px;
        }
        .iq-navbar-custom .cus-header-logo {
            margin-left: 15px !important;
        }
        .wrapper-menu.open .hover-circle {
            right: auto;
        }
        .sidebar-main .iq-sidebar .iq-submenu li a{
            font-size: 14px;
        }
        .iq-banner-wallet{
            padding:15px;
        }
        .iq-banner-wallet .col-12.col-lg-12{
            text-align:left;
        }
        .profileb .nav-tabs .nav-item {
            margin-bottom: 0px;
            width: 100%;
        }
    }
    @media (max-width: 480px){
        .iq-navbar-custom .cus-dropdown.select-lang-de {
            top: 0;
            width:120px
        }

        .iq-navbar-custom .navbar-collapse {
            top: 90px;
        }
        .iq-top-navbar .navbar-toggler{
            right: 15px;
        }
        .iq-top-navbar .iq-navbar-custom .iq-menu-bt {
            left: 0px;
        }
    }

    .calign-items-center{
        -ms-flex-align: center!important;
        align-items: center!important;
    }
    .img-w25{
        max-width: 25px;
    }
    .network-tree th,.network-tree td{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .cus-network-tree tr > th {
        background: transparent !important;
        padding: 12px 0;
        color: #FFFFFF;
    }
    .cusfornt-end table .network-tree th, .cusfornt-end table .network-tree td {
        border-bottom: 1px dotted rgb(255 255 255 / 0.6) !important;
    }
    @media (min-width:975px) {
        .border-left-dotted{
            border-left:1px dotted rgb(255 255 255 / 0.6) !important;
        }
    }
    .cusfornt-end .table-striped>tbody>tr.second-ajax-pag{
        border:0px solid !important;
    }
    .cus-plr-15{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .footer-bg:after {content: '';background: #00000085;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}

    .footer-bg{
        position: relative;
        background-position: center;
        background-size: cover;
        overflow: hidden;
    }
    footer.iq-footer.footer-bg .container-fluid {
        z-index: 1;
        position: relative;
        color: #fff;
    }
    .nav-foot-fixed {
    /* position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1; */
    padding: 15px;
    margin-left: 260px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
    -moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
    box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background: #081D25 0% 0% no-repeat padding-box;
}
.table-border-cus .table .label {
    border-radius: 0;
    min-width: 120px;
    text-align: center;
    display: inline-block;
}
.brdr-lr-top{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}
.brdr-lr-btm{
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.cusfornt-end .table-striped>tbody>tr.trading-ajax-pag {
    border: 0px solid !important;
}
.cusfornt-end .cuschart-table tr th,.cusfornt-end .cuschart-table tr td {
    padding: 5px !important;
    background: transparent !important;
    border: 1px dotted #dee2e6 !important;
    text-align: center;
}
.cus-btngroup label.btn {
    color: #ffffff;
    width: 100%;
    font-weight: 400;
    line-height: 1.4;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    white-space: initial;
    background: transparent;
    padding: 15px 25px;
    border-bottom: 0;
    border-radius: 5px !important;
    font-size: 15px;
    border: 3px solid #1BADB8;
    margin-right: 10px;
    max-width: 214px !important;
    margin-bottom: 10px;
}

.btn-group.btn-group-toggle.cus-btngroup {
    position: relative;
    align-items: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.cus-btngroup .btn-secondary:not(:disabled):not(.disabled).active, .cus-btngroup .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background: #1BADB8;
    border-color: #1BADB8;
}
.cus-img-faq{
    margin-left: 10px;
    max-width: 15px !important;
}
.cus-img-video{
    margin-left: 10px;
    max-width: 25px !important;
}
.cus-underline{
    text-decoration: underline;
}
.cus-a-di a {
    display: inline-block;
    margin-bottom: 15px;
    color: #fff;
}
.cus-help-one .card {
    background: transparent;
}
.cus-help-one .card .collapse, .cus-help-one .card .collapsing {
    background: transparent linear-gradient(90deg, #2F338A 0%, #1BADB8 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000080;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-top: 0;
    color: #fff;
}
.cus-help-one .card .card-header {
    padding: 0;
    border: 0;
}
.cus-help-one .card a.card-link {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    display: block;
    color: #fff;
}
.cus-help-one .card a.card-link[aria-expanded="true"] {
    background: aliceblue;
    border: 0px solid;
    background: transparent linear-gradient(90deg, #2F338A 0%, #1BADB8 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000080;
    border-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #fff;
}
.cus-help-one .card a.card-link {
    border: 0px solid !important;
}
.cus-btngroup label.btn.cus-mx-220 {
    max-width: 240px !important;
}
@media (max-width: 1299px){
    .nav-foot-fixed{
        padding: 15px 10px;
        margin-left: 0;
    }
}
#high-line-chart text,#high-area-chart text {
    fill: #a3a5a8 !important;
}
.announcement-img{
    background-size: cover !important;
    min-height: 230px;
    /*padding: 60px 100px;*/
}
.announcement-sliderpopup .ann-content {
    min-height: 600px;
}
.ann-content {
    padding: 2rem;
}
p.text-center.mt-3.text-white {
    /* font-size: 14px; */
    font-weight: 500;
}

label.col-auto.btn.btn-secondary.fund-usdt-bank.fw-700.text-dgrey.olpayment {
    max-width: 247px !important;
}
.cus-nav-slick {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    background: transparent;
    font-size: 50px;
    color: #fff !important;
    padding: 20px;
}
.announcement-slider {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
}
@media (max-width: 1299px){
    .announcement-img{
        /*padding: 60px 40px;*/
    }
    .cus-nav-slick {
        padding: 5px;
    }
}
@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 700px !important;
    }
    .wizard > .steps > ul > li {
        width: 23%;
    }
}

form#form-wizards-register .steps ul > li > a,form#form-wizards .steps ul > li > a {
    color: white !important;
    /* font-size: 1rem; */
    font-weight: 400;
    line-height: 1.4;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    white-space: initial;
    background: #cccccc;
    padding: 15px 25px;
    border-bottom: 0;
    border-radius: 5px 5px 0px 0px !important;
    font-size: 15px;
    /* border: 3px solid #1BADB8; */
    text-align: center;
    font-weight: 500;
    margin-left: 2px;
    margin-right: 2px;
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    margin-bottom: 0px;
}
.wizard > .content{
    margin-top: 0px;
    background-color: transparent;
}

form#form-wizards-register .steps ul > li > a:hover, form#form-wizards-register .steps ul > li.current > a, form#form-wizards .steps ul > li > a:hover, form#form-wizards .steps ul > li.current > a {
    background: #bc8361;
}
form#form-wizards-register .steps ul > li > a:hover, form#form-wizards-register .steps ul > li.done > a, form#form-wizards .steps ul > li > a:hover, form#form-wizards .steps ul > li.done > a {
    background: #bc8361;
    color: #bc8361;
}
#form-wizards .actions > ul > li > a,form#form-wizards-register .actions > ul > li > a {
    border-color: transparent;
    background: #fe0000 !important;
    border-radius: 5px !important;
    padding: 15px;
    border-radius: 3px !important;
    width: 140px !important;
    text-align: center;
    border-radius: 5px !important;
}

#form-wizards .actions > ul > li.disabled a, #form-wizards .actions > ul > li:first-child a,form#form-wizards-register .actions > ul > li.disabled a,#form-wizards .actions > ul > li:first-child a{
    /* background: #1badb8 !important;
    color: #fff !important; */
}
form#form-wizards .steps ul > li > a {
    padding: 10px !important    ;
}
form#form-wizards-register .steps ul > li > a:hover,form#form-wizards-register .steps ul > li.current > a,form#form-wizards .steps ul > li > a:hover,form#form-wizards .steps ul > li.current > a {
    /* background: #1badb8;
    color: #ffffff; */
}

/* form#form-wizards-register .steps ul > li > a .number,form#form-wizards .steps ul > li > a .number {
    display: none;
} */
#form-wizards-register .steps > ul,#form-wizards .steps > ul {
    display: flex;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#form-wizards-register  > .content > .body label.error,#form-wizards  > .content > .body label.error{
    display: block;
    margin-left: 0;
    width: 100%;
}
#form-wizards-register > .content > .body input.error ,#form-wizards > .content > .body input.error {
    margin-bottom: 0px;
    background: transparent;
    border: 1px solid #1e344d;
}
/* form#form-wizards-register .steps ul > li.done > a,
form#form-wizards .steps ul > li.done > a {
    background: #1badb8;
    } */
    .ul-listtype-none {
        list-style: none;
        color: #fff;
        margin-top: 15px;
        margin-bottom: 20px;
        max-width: 80%;
    }
    .dropify-wrapper {
        color: #fff;
        border-radius: 5px;
        border: 2px solid #00DDF9;
        background: transparent;
    }
    .dropify-wrapper .dropify-message span.file-icon {
        font-size: 50px;
        color: #00DDF9;
    }
    .dropify-wrapper .dropify-preview{
        background-color: transparent;
    }
    .dropify-wrapper:hover{
        background-image: -webkit-linear-gradient(135deg,rgb(246 246 246 / 0.4) 25%,transparent 25%,transparent 50%,rgb(246 246 246 / 0.4) 50%,rgb(246 246 246 / 0.4) 75%,transparent 75%,transparent);
        background-image: linear-gradient(-45deg,rgb(246 246 246 / 0.4) 25%,transparent 25%,transparent 50%,rgb(246 246 246 / 0.4) 50%,rgb(246 246 246 / 0.4) 75%,transparent 75%,transparent);
    }
    .sign-in-page form#form-wizards-register .steps > ul > li {
        width: auto;
    }
    .sign-in-page form#form-wizards-register .steps > ul > li .number{
        display: inline-block;
    }
    .sign-in-page form#form-wizards-register .steps ul > li > a {padding-left: 30px;padding-right: 30px;border-width: 1px;margin-right: 20px;cursor: pointer;}

    .sign-in-page form#form-wizards-register .steps ul > li:after {content: '';border-bottom: 1px dotted #a09e9e;position: absolute;right: 0;width: 100%;top: 50%;z-index: -1;}


    .sign-in-page form#form-wizards-register .steps ul > li:first-child:after {
        width: 50%;
    }

    .sign-in-page form#form-wizards-register .steps ul > li:last-child:after {
        width: 50%;
        left: 0;
    }
    /****Stock market ***/
    .stock-desc .img-pos-ab {
        position: absolute;
        max-width: 100px;
        top: -60%;
    }
    .stock-desc {
        background: #1D2024;
    }
    .cus-content-pur-bg{
        background: #252D47 0% 0% no-repeat padding-box;
    }
    .cus-hr-dot {
        border-top: 1px dotted #dee2e6 !important;
        margin-left: -20px;
        margin-right: -20px;
    }
    .cus-nav-login .btn.btn-regis {
        padding: 7px 12px;
        font-size: 14px;
        margin-left: 20px;
    }
    @media (max-width: 767px){
        .iq-sidebar-menu .iq-menu li ul li a{
            padding: 15px 45px;
        }
        .cus-bg-summery{
            margin-left:0px;
        }
        .brdr-left-none{
            border-left:0px !important;
        }
        .mob-img-profile{
            max-width:150px;
        }
        .mob-p-0{
            padding:0 !important;
        }
        .mob-pt-0 {
            padding-top: 0 !important;
        }
        .mob-pb-0 {
            padding-bottom: 0 !important;
        }
        .mob-mt-0{
            margin-top:0 !important ;
        }
        .mob-mt-5{
            margin-top:5px !important ;
        }
        .mob-cus-pd-lr-15{
            padding-left:15px !important;
            padding-right:15px !important;
        }
        .network-banner-bg .m-demo-icon img {
            width: 30px !important;
            margin-bottom:15px;
        }
        .chat-discussion .chat-message {
            margin-bottom:15px;
        }
        #form-wizards-register .steps > ul > li {
            width: 100%;
        }
        .ul-listtype-none {
            max-width: 100%;
        }
        .network-tree th, .network-tree td{
            padding-left: 40% !important;
            width: 100% !important;
        }
        .mob-d-none,.d-flex.justify-content-end.table-filer.align-item-center {
            display: none !important;
        }
        .mob-pl-15{
            padding-left:15px !important;
        }
        .cus-bg-body .sign-in-from{
            padding:15px !important;
        }
        .cus-flex-direc{
            flex-direction: initial;
        }
        .cus-flex-direc li.nav-item{
            margin-right: 5px;
        }
        .cus-flex-direc .nav-link {
            padding-right: 5px;
            padding-left: 5px;
        }
        .sign-in-from #form-wizards-register .actions > ul > li a {
            width: 120px !important;
        }
        .sign-in-page form#form-wizards-register .steps ul > li:after{
            border: 0px solid;
        }
        .mob-pl-15{
            padding-left: 15px;
        }
        .mob-pr-15{
            padding-right: 15px;
        }
        .sign-in-page form#form-wizards-register .steps > ul > li{
            width: 100%;
        }
        .sign-in-page form#form-wizards-register .steps > ul > li > a{
            margin: 5px auto;
        }
        .sign-in-from #form-wizards-register .actions:after{
            width: 30%;
        }
    }

    @media (max-width: 375px){
        .cus-nav-login .navbar-brand img{
            max-width:120px;
        }
        .cus-nav-login .btn.btn-regis{
            margin-left: 5px;
        }
        label#upload_bank_proof-error {

            bottom: -25px;
            line-height: 1.4;
        }
    }

    /*video popup*/
    #fade {
      display: none;
      position: fixed;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      background-color: black;
      z-index: 1001;
      -moz-opacity: 0.8;
      opacity: .80;
      filter: alpha(opacity=80);
  }

  #light {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 600px;
      max-height: 360px;
      margin-left: -300px;
      margin-top: -180px;
      border: 2px solid #FFF;
      background: #FFF;
      z-index: 1002;
      overflow: visible;
  }

  #boxclose {
      float: right;
      cursor: pointer;
      color: #fff;
      border: 1px solid #AEAEAE;
      border-radius: 3px;
      background: #222222;
      font-size: 31px;
      font-weight: bold;
      display: inline-block;
      line-height: 0px;
      padding: 11px 3px;
      position: absolute;
      right: 2px;
      top: 2px;
      z-index: 1002;
      opacity: 0.9;
  }

  .boxclose:before {
      content: "×";
  }

  #fade:hover ~ #boxclose {
      display:none;
  }

  .test:hover ~ .test2 {
      display: none;
  }

  .symbol {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.42rem;
}
.symbol.symbol-40 > img {
    width: 100%;
    max-width: 40px;
    height: 40px;
}
.text-dark-75.font-weight-bolder.font-size-lg.mb-0 {
    line-height: 12px;
}
a.text-muted.font-weight-bold.text-hover-primary {
    font-size: 11px;
}

@media (min-width:742px) {
    .regt-signup-text{
        position: absolute;
        bottom: 65px;
        left: 442px;
    }
    .wizard > .actions{
        /*text-align: left!important;*/
    }
    .cus-mx-50{
        max-width: 50px;
    }
    .cusfornt-end .table.stock-ticket-table > thead > tr > th{
        background: #0091ff;
    }
    .cus-box-shadow{
        box-shadow:none;
    }
}
@media screen and (max-width: 542px) {
    .readMore {
        max-height: 245px !important;
        overflow: hidden;
    }
    .contentBox {
        max-height: 222px !important;
    }
}


/****************************************************************************************/


.slider-text{
    position: absolute;
    top: 35%;
    left: 10%;
}
a.cus-nav-slick.cus-nav-right.fa.fa-right.ri-arrow-right-s-line.right.slick-arrow {
    right: 50px;
}
a.cus-nav-slick.cus-nav-left.fa.fa-left.ri-arrow-left-s-line.left.slick-arrow {
    left: 50px;
}


.text-black{
    color: black;
}
.text-dark-blue{
    color: #021f3d;
}
.text-dark-grey{
    color: #3f444c;
}
.text-gray{
    color: #7a7a7b;
}
.text-light-yellow{
    color:#d2be97;
}
.text-dark-yellow{
    color: #ae9969;
}
.bg-dark-grey{
    background-color: #3f444c;
}
.bg-dark-yellow{
    background-color: #ae9969;
}
.bg-light-grey{
    background-color: #f4f4f7;
}
.bg-orange{
    background-color: #ff6500;
}
.font-10{
    font-size: 10px;
}
.font-12{
    font-size: 12px;
}

.font-13{
    font-size: 13px;
}
.font-16{
    font-size: 16px;
}

.bg-pairing{
    background-image: url(../../images/12.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.login-bg-img{
    background-image: url(../../images/login-page-min.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

.report-bg-img{
    background-image: url(../../images/12.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

.graph-table .table > tbody > tr > td {
    color: #021f3d;
    display: table-cell;
    padding-left: 0;
}

.graph-table  .table > thead > tr > th{
    color: #d2be97;
    background: transparent;
}

.graph-table thead tr{
    position: static;
}

.iq-sidebar-menu .iq-menu li a span{
    padding-left: 20px;
}

.slick-dots li.slick-active button:before {
    color: #ae9969;
}
.slick-dots li button:before{
    color: #ae9969;
    width: 10px;
}

.input-border{
    border: 1px solid #e9e9ed !important;
}

.input-border:focus{
    border: 1px solid #9092ff !important;
}

.input-border::placeholder{
    color: #021f3d;
}

.signup-form::placeholder{
    color: #9e9e9e !important;
    font-weight: 400;
}

.width-100{
    width: 100px;
}
.width-70{
    width: 70px;
}
.width-25{
    width: 25px;
}
.height-25{
    height: 25px;
}
.height-0{
    height: 0px;
}
.min-h-530{
    min-height: 530px;
}
.min-h-300{
    min-height: 300px;
}

.object-fit-cover{
    object-fit: cover;
}

.border-dark-yellow{
    border: 1px solid #ae9969;
}
.border-light-grey{
    border: 1px solid #8D9092;
}
.border-violate{
    border:  1px solid #6e70ff;
}

.password-icon{
    position: absolute;
    top: 32%;
    right: 5%;
}

.password-icon2{
    position: absolute;
    top: 28%;
    right: 8%;
}

.password-icon-wallet{
    position: absolute;
    top: 30%;
    right: 3%;
}
.password-icon-login{
    position: absolute;
    top: 39%;
    right: 6%;
}


table.commission-table > thead > tr > th{
    background-color: #ae9969 !important;
}

table.commission-table > tbody > tr > td{
    background-color: #3f444c !important;
    border-top: 1px dashed  grey !important;
}

.nav.nav-tabs.account-tabs button.active{
    color: white !important;
}
.cus-radio span {
    color: white;
    background: #ae9969;
    padding: 14px 50px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: block;
    opacity: 0.8;
}

.cus-radio  [type=radio]:checked + span {
    background: #ae9969;
    opacity: 1;
}

.progress {
    width: 50px;
    height: 50px !important;
    float: left;
    line-height: 50px;
    background: none;
    margin: 20px;
    box-shadow: none;
    position: relative
}

.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #4f545b;
    position: absolute;
    top: 0;
    left: 0
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress .progress-left {
    left: 0
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 3px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.progress .progress-right {
    right: 0
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards
}

.progress .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    font-size: 18px;
    color: #ae9969;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%
}

.progress.blue .progress-bar {
    border-color: #ae9969;
}

.progress.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg)
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}

.wizard{
    background-color: #eeeeee;
}
.wizard > .content > .body {
    position: relative;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* #form-wizards-register .steps ul > li > a:after{
    content: "";
    display: inline-block;
    border: 2px solid #ae9969;
    width: 25%;
    height: 2px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    margin-left: 5px;
} */
#form-wizards-register .steps ul > li > a#form-wizards-register-t-2:after{
    display: none;
}

#form-wizards-register .steps ul > li.done > a > span.number{
    background-color: white;
    color: #bc8361;
    border-radius: 50%;
    padding: 4px 8px;
    font-size: 12px;
    margin-right: 5px;
}

#form-wizards-register .steps ul > li > a > span.number{
    border: 1px solid #bc8361;
    border: 1px solid white;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#form-wizards-register .steps ul > li.current > a > span.number{
    border: 1px solid #bc8361;
    background-color: white;
    color: #bc8361;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wizard > .actions > ul {
    display: flex;
    justify-content: space-between;
    margin: 0 11%;
}

#form-wizards-register .actions > ul > li:first-child{
    display: block !important;
}

#form-wizards-register .actions > ul > li:first-child > a {
    /* position: absolute;
    bottom: 130px;
    left: 40px; */
    background-color: transparent !important;
    color: black;
    font-weight: bold;
}

#form-wizards-register .actions > ul > li:nth-child(2) > a {
    background-color: #bc8361 !important;
    color: white;
    font-weight: bold;
    width: 75% !important;
    margin-left: -35%;
}

#form-wizards-register .actions > ul > li:nth-child(3) > a {
    background-color: #bc8361 !important;
    color: white;
    font-weight: bold;
    width: 75% !important;
    margin-left: -35%;
}

#form-wizards-register .actions > ul > li > a:hover{
   box-shadow: none;
}

form#form-wizards-register .steps ul > li > a:hover{
   box-shadow: none;
}

@media screen and (min-width:1300px) {

    body.sidebar-main .iq-sidebar .iq-sidebar-menu li.iq-menu-li a span.cus-nav-label{
        display: none;
    }
    body.sidebar-main .iq-sidebar:hover .iq-sidebar-menu li.iq-menu-li a span.cus-nav-label{
        display: inline-block;
    }
}
@media screen and (min-width:1200px) {
    #form-wizards-register .actions > ul > li:first-child > a {
        position: absolute;
        bottom: 80px;
        left: 40px;
    }
}

@media screen and (max-width:768px){
    .wizard > .actions > ul {
        margin: 0%;
    }
}

@media screen and (max-width:576px) {
    /* #form-wizards-register .steps ul > li > a:after{
        display: none;
    } */
    #form-wizards-register .steps ul > li > a{
        text-align: left !important;
    }
}

.cus-error-placement, .cus-error-member{
    color: red;
}
.cus-success-placement.sucess, .cus-success-member.sucess {
    color: green;
}

.lbl-available{
    min-width: 100px;
    text-align: center;
    cursor: pointer;
    padding: 0.5rem!important;
}

.calc-39{
    height: calc(100% - 39px);
}
.min-h-97vh{
    min-height: 97vh;
}
.verify-sponser,.verify-placement{
    cursor: pointer;
}
.sweet-alert button.btn.btn-lg {
    padding: 0.9em 1.8em;
}
input[type=password].signup-form{
    padding-right: 15%;
}
.password-icon{
    cursor: pointer;
}
#form-wizards-register .actions li.disabled > a {
    display: none !important;
}
.icon-user{
    color: #ae9969;
    font-size: 20px;
}
.icon-virtual{
    color: #286090;
    font-size: 20px;
}
.icon-empty{
    color:#3f444c ;
    font-size: 20px;
}
.icon-product{
    color: #27b345; 
    font-size: 20px;  
}
.disply{
    display: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 1.5;
    /* border: 1px solid #1e344d; */
    color: #1e344d;
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;
    vertical-align: middle;
    padding-top: 1%;
    font-weight: bold;
}
.select2-container--default .select2-selection--single {
    height: calc(2.9rem + 4px);
}

.refreshbtn{
    top: 146%;
    position: absolute;
    left: 5%;
    z-index: 1000;
}
.refreshbtn1 {
    position: absolute;
    top: 3%;
    left: 4%;
    z-index: 9;
}

.text-slate-orange{
    color: #bc8361;
}
.bg-slate-orange{
    background-color: #bc8361;
}

@media screen and (max-width:991px) {
    .refreshbtn{
        margin-top: 170px !important;
        /*left: 4%;*/
    }
    .refreshbtn1 {
        position: absolute;
        top: 1%;
        left: 8%;
        z-index: 9;
    }
}

.Treant .node {
    height: 51px;
    width: 56px;
    max-width: 60px;
}


/*.sidebar-main .side-hide1 {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0px;
    padding: 0 !important;
}*/
.navbar-default .side-hide1 {
    padding-left: 30px !important;
    margin-right: 0px !important;
}
.side-hide1 {
    transition: 0.4s;
}