/* START root declaration */
.-onlyweb {display:block ;}
.-onlymob {display:none ;}


:root {
    --default-background: #fff;
    --theme-color: #d2af6d;
    --subtheme-color: #fff;
    --description-color: #626262;
    --form-1-placeholder-color: #b9b9b9;
    --form-1-text-color: #000;
    --form-1-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    --form-1-box-shadow-active: 0 2px 4px 0 #d2af6d;
    --form-1-text-color: #b9b9b9;
    --form-1-text-size: 0.813rem;
    --form-1-border-radius: 10px;
    --form-1-padding: 0.625rem 1.25rem;
    --form-1-button-background: #273155;
    --form-1-button-color:#fff;
    --form-1-button-border-radius:10px;
    --form-1-font-size:0.875rem;
    --form-1-action-button-color: #d2af6d;
    --default-icon-color: #d2af6d;
    --copyright-color: #b9b9b9;
    --error-color: #ff795f;
    --success-color: #19bf41;
    --error-light-color: #f00;
    --error-size: 0.813rem;
    --logout-font-color: #f00;
    --web-version-navbar-background:linear-gradient(to top, #212d4f, #18203a);
    --web-version-navbar-box-margin:0 20px;
    --web-version-navoptions-padding: 1.125rem 0;
    --web-version-header-background:#fff;
    --web-version-header-box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.1);
    --web-version-header-padding: 1.25rem 5%;
    --web-version-header-button-text: #000;
    --web-version-content-padding: 110px 18%;
    --bottom-nav-background: linear-gradient(to bottom, #212d4f, #18203a);
    --bottom-nav-box-shadow: 0 2px 10px 0 rgba(71, 176, 146, 0.2);
    --navbar-default-color: #5e6c9c;
    --navbar-default-color-active: #d2af6d;
    --section-title-color:#273155;
    --section-title-size:1.125rem;
    --reminder-text-size:0.75rem;
    --radio-button-default-back: #eeeeee;
    --radio-button-checkpoint: #fff;
    --radio-button-active-back: #d2af6d;
    --radio-button-default-label-weight: 500;
    --radio-button-active-label-weight: 700;
    --radio-button-default-label-color: #fff;
    --radio-button-active-label-color: #fff;
    --radio-button-dot: #eee;
    --radio-button-label-size: 0.813rem;
    --switch-bar-border: solid 1px #d2af6d;
    --switch-bar-color: #d2af6d;
    --switch-bar-active-background: #d2af6d;
    --switch-bar-active-color: #fff;
    --switch-bar-hover-background: #d2af6d33;
    --switch-bar-hover-color: #fff;
    --modal-color: #273155;
    --modal-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.2);
    --modal-border-radius: 0px;
}
/* END of root declaration */

/*html {font-size:16px;}
a{color:unset}
body {
    font-weight: 300;
    color: var(--subtheme-color);
    overflow-x: hidden;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight:400;
    font-size:16px;
    background: var(--default-background);
}*/
.copyright {padding-top:15px;text-align:center;font-size: 11px;padding-bottom:25px;color: var(--copyright-color);font-weight:400;}



/* START Default Elements */

/* Navigation Bar */
.web-navbar {display:flex;min-height:100vh;}
.web-navbar .left-sidebar {
    width:17%;
   /*  background-image: var(--web-version-navbar-background); */
   background-image: linear-gradient(to top, #212d4f, #18203a);
    position:fixed;
    height:100vh;
    z-index:30;
    overflow-y: auto;
    padding-bottom: 10rem;
}

/* width */
.left-sidebar::-webkit-scrollbar {
    width: 3px;
    height: 60px;
  }
  
  /* Track */
  .left-sidebar::-webkit-scrollbar-track {
    background:#ffff;
  }
  
  /* Handle */
.left-sidebar::-webkit-scrollbar-thumb {
    background: #d2af6d;
  }
  

  

.web-navbar .left-sidebar .logobox {padding:55px 40px;}
.web-navbar .left-sidebar .side-navoption {
  /*   margin:var(--web-version-navbar-box-margin); */
 /*  padding: 15px 20px; */
    border-top:1px solid #232f54;
}

/* .nav-option:hover {color:var(--navbar-default-color-active);}
.nav-option:hover i.sidelogo {font-size:15px;color:var(--navbar-default-color-active);}
.nav-option:hover span {font-size: 12px;margin-left:15px;}
.nav-option:hover .mr-auto{margin-left:auto;}
.nav-option:hover .back-i {font-size:11px;color:var(--navbar-default-color-active);} */
.header-side {width:100%;padding-left:17%;}
.header-box {background-color: var(--web-version-header-background);box-shadow:var(--web-version-header-box-shadow);padding:var(--web-version-header-padding);display:flex;justify-content:right;align-items:center;position:fixed;width:83%;z-index:30;}
.header-box .big-title {margin-right:auto;color: var(--subtheme-color);font-size: 1.25rem;font-family: 'Fira Sans', sans-serif !important;font-weight:500}
.header-box .right-sideopt {display:flex;color:var(--web-version-header-button-text);gap:25px;align-items:center;}
.header-box .right-sideopt {font-size: 11.5px;}
.header-box .btn-sideright .side-i{background: -webkit-linear-gradient(326deg, rgba(253,197,9,1) 0%, rgba(252,113,16,1) 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-right:8px}
.header-box .btn-sideright .back-i {font-size:6px;margin-left:7px;}
.header-box .logout-i {color: var(--logout-font-color);font-size: 13px;text-decoration: underline;}
.nav-content {padding:var(--web-version-content-padding);}

/* Form Input #1 */
.form-box-01 {padding-top:1.5rem;}
.form-box-01 .label-form-01 {color: #273155;font-size: 0.813rem;padding-bottom:3px;}
.form-box-01 .form-input-01 {position:relative;}
.form-box-01 .form-input-01 input {background-color: #fff;box-shadow: var(--form-1-box-shadow);border-radius: var(--form-1-border-radius);padding:var(--form-1-padding);width:100%;font-size: var(--form-1-text-size);border:none;outline:none;font-family: 'Fira Sans', sans-serif !important;font-weight:500;}
.form-box-01 .form-input-01 input::placeholder { color: var(--form-1-placeholder-color);font-family: 'Fira Sans', sans-serif !important;font-weight:400;font-size:13px;}
.form-box-01 .form-input-01 input:focus {box-shadow: var(--form-1-box-shadow-active);}
.form-box-01 .form-input-01 .action-form-01 {position:absolute;right:18px;top:8px}
.form-box-01 .form-input-01 .action-form-01 .open {font-size:13px;}
.form-box-01 .form-input-01 .action-form-01 .closes {font-size:14px;}
.form-box-01 .form-input-01 .label-form-01 {position:absolute;top:8px;left:18px;color: #273155;font-size: 13px;font-family: 'Fira Sans', sans-serif !important;font-weight:bold;}
.username-space {padding-left:50px !important;}
.show_security.icon-icon-11 {font-size:12px;  /*open*/} 
.show_security.icon-icon-12 {font-size:14px; /*close*/}

/* Form Selection #1 */
.form-select-box {box-shadow: var(--form-1-box-shadow);background-color: #fff;font-size: var(--form-1-text-size);font-weight: bold;border-radius: var(--form-1-border-radius);padding-left:8px;}
.form-select-box select {padding:unset !important;}


/* Form Button #1 */
.padding-submitbtn {padding-top:28px;}
.btn-submits {background-color: var(--form-1-button-background);border-radius: var(--form-1-button-border-radius);padding:11px;color:var(--form-1-button-color);width:100%;max-width:200px;border:none;font-size: var(--form-1-font-size);font-family: 'Fira Sans', sans-serif !important;font-weight:500;}
.btn-submits:hover {background-color: #27315588;}

/* END of Default Elements */



/* START Login Template */
.before-login-bg {min-height:100vh;background-image: url('../img/Elements_new/Web-BG.png');background-size:100%;background-repeat:no-repeat;background-attachment: fixed;}
.before-login-flex {display:flex;justify-content:space-between;padding:37px 57px;}
.before-login-flex .left-side {width:60%}
.before-login-flex .right-side {width:40%}
.before-login-flex .right-content {padding-top:80px;padding-left:8%;padding-right:8%;}

.btn-language {color: var(--subtheme-color);font-size: 0.813rem;font-family: 'Fira Sans', sans-serif !important;font-weight:bold;background:transparent;border:none;outline:none;padding:5px 20px;}
.btn-language i {font-size:7px;margin-left:6px;}
.btn-language:hover {color:var(--theme-color);}

.mobile-topnav-01 {display:flex;align-items:center;padding:25px 18px;background:var(--web-version-header-background);z-index:40;}
.mobile-topnav-01 img {width:140px;}
.mobile-leftside {margin-left:auto;text-align:right;}
.mobile-pfixed {position:fixed;width:100%;}

.mobile-bottom-nav {background-image: var(--bottom-nav-background);box-shadow:var(--bottom-nav-box-shadow);padding:12px 0px 30px;position:fixed;bottom:0;width:100%;}
.mobile-bottom-box {display:flex;justify-content:space-around;}
.nav-option-bottom i{color: var(--navbar-default-color);font-size:14px;}
.nav-option-bottom .label-nav-bottom {font-size: 11px;color: var(--navbar-default-color);padding-top:2px;}
.nav-option-bottom.activeds i{color: var(--navbar-default-color-active);font-size:1.188rem;}
.nav-option-bottom.activeds .label-nav-bottom {font-size: 0.625rem;color: var(--navbar-default-color-active);padding-top:2px;}

.href-forget {padding-top:30px;padding-bottom:10px;}
.href-box {text-align:center;font-size:13px;text-decoration:underline;}

/* END of Login Template */

/* START Navigation Switch Bar #1 */
.switch-bar{border: var(--switch-bar-border);border-radius: var(--form-1-button-border-radius);display:flex;color: var(--switch-bar-color);font-size: 0.813rem;margin-top:35px;}
.switch-option {width:50%;text-align:center;padding:0.438rem;font-size: 0.813rem;}
.switch-option.left.actived { background-color: var(--switch-bar-active-background);border-top-left-radius:10px;border-bottom-left-radius:10px;color: var(--switch-bar-active-color);font-size: 0.813rem;font-weight:600;}
.switch-option.right.actived { background-color: var(--switch-bar-active-background);border-top-right-radius:10px;border-bottom-right-radius:10px;color: var(--switch-bar-active-color);font-size: 0.813rem;font-weight:600;}
.switch-option.left:hover {background-color: var(--switch-bar-hover-background);border-top-left-radius:10px;border-bottom-left-radius:10px;color: var(--switch-bar-hover-color);font-size: 0.813rem;}
.switch-option.right:hover { background-color: var(--switch-bar-hover-background);border-top-right-radius:10px;border-bottom-right-radius:10px;color: var(--switch-bar-hover-color);font-size: 0.813rem;}
.switch-option.left:hover.actived { background-color: var(--switch-bar-active-background);border-top-left-radius:10px;border-bottom-left-radius:10px;color: var(--switch-bar-active-color);font-size: 0.813rem;}
.switch-option.right:hover.actived { background-color: var(--switch-bar-active-background);border-top-right-radius:10px;border-bottom-right-radius:10px;color: var(--switch-bar-active-color);font-size: 0.813rem;}
.reminder {padding-top:14px;color: var(--description-color);font-size: 0.75rem;text-align:center;font-family: 'Fira Sans', sans-serif !important;font-weight:400;}
/* END of Navigation Switch Bar #1 */




/******************************** LOGIN ********************************/
.welcome-to {color: var(--theme-color); font-size:1.125rem;font-weight: 400;font-family: 'Fira Sans', sans-serif !important;}
.login-now {padding-top:20px;color: var(--subtheme-color);line-height: 1.07;font-size: 1.875rem;font-family: 'Fira Sans', sans-serif !important;font-weight:500;}
.caption-welcome {color: var(--description-color);padding-top:3px; font-size: 0.813rem;font-family: 'Fira Sans', sans-serif !important;font-weight:400;}  

/******************************** LOGIN ********************************/

/******************************** REGISTER ********************************/


/******************************** REGISTER ********************************/



/******************************** MODAL ********************************/

.margin-top-banner {z-index:-1;position:relative;margin-left:-2.188rem;margin-right:-2.188rem;}
.margin-top-banner img {width:100%;height:20rem;}
.margin-top-banner .logo-on-img {position:absolute;top:30%;color:#fff;left:3.45rem;}
.margin-top-banner .logo-on-img .logo-1 {width:11.95rem;height:auto;}
.box-float-home {/* margin-top:-100px; */z-index:1;}
.package-info-box {background-color: #fff;box-shadow: 0 2px 10px 0 rgba(210, 175, 109, 0.3);border-radius: 10px;padding:1.125rem 1.875rem;position:relative;}
.package-info-box .positive-box {position:absolute;top:0;right:0;background-color: var(--success-color);border-top-right-radius:10px;border-bottom-left-radius:10px;color:#fff;font-size: 0.75rem;padding: 0.213rem 1rem;}
.package-info-box .negative-box {position:absolute;top:0;right:0;background-color: var(--error-light-color);border-top-right-radius:10px;border-bottom-left-radius:10px;color:#fff;font-size: 0.75rem;padding: 0.213rem 1rem;}
.package-info-box .raze {width:4.188rem;}
.package-info-box .raze-info { color: #696969;font-size: 0.75rem;}
.package-info-box .package-infos {padding-top:1.125rem}
.package-info-box .package-infos img {width:4.876rem;}
.package-info-box .package-infos .package-name {color: #273155;font-size: 0.875rem;font-weight: bold;padding:0.75rem}
.package-info-box .contract-box {display:flex;justify-content:space-between;align-items:center;font-size: 0.813rem;font-weight:500;}
.package-info-box .contract-right {display:flex;align-items:center}
.package-info-box .contract-right i {margin-left:10px;}

.action-bar {background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(210, 175, 109, 0.3);
    border-radius: 10px;padding:1.125rem 10%;position:relative;margin-top:1.125rem;
    display:flex;justify-content:space-between;
    align-items: center;
}
.action-bar .icon-action {width:1.5rem;}
.action-bar .label-action {margin-top:0.62rem;font-size: 0.688rem;}

.platform {padding:1rem 0;}
.platform-header {display:flex;align-items:center;padding:1rem 0;}
.platform-header .title-platform {font-size: 1.125rem;font-weight: 600;color: #273155;}
.platform-header .direct-platform {margin-left:auto;display:flex;align-items:center;font-size: 0.75rem;font-weight:400;}
b {font-weight:600;}
.platform-header .direct-platform i {padding-left:0.25rem}
.platform-content {border-top: solid 1px #ebebeb;}
.listbox-1 {display:flex;padding:1rem 0;align-items:center;justify-content:space-between;border-bottom: solid 1px #ebebeb;}
.listbox-1 .first{color: #526fa0;font-weight: bold;font-size: 0.813rem;}
.listbox-1 .second {color: #526fa0;font-size: 0.688rem;padding-top:0.15rem}
.amt-value {color: #273155;font-weight: bold;font-size: 1rem;}
.ranking-site {display:flex;align-items:center;}
.ranking-site img {width:2.188rem;margin-right:1rem;}




.claim-package {padding:1rem 0 0;align-items:center;display:flex;}
.claim-package img{width:3.75rem;margin-right:0.75rem;}
.claim-package .package-namec {color: #273155;font-size: 1rem;font-weight: bold;}
.claim-package .package-valuec {color: #47b092;font-size: 0.813rem;padding-top:0.5rem;}
.claim-package .pls_activate {  
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #626262;}

.package-info-box .btn_activate_package {  
    min-width: 200px;
    margin: 16px auto 0;
    padding: 11px 25px 10px ;
    border-radius: 10px;
    background-color: #273155;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;

    display: block;
}



/*************************************** New Contract *****************************/
/* .contract_section{
    background: #a5a5a5;
 
} */
.contract_container{
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding:20px 20px 10px;
}

.contract_container .main_borderBox{
   
    padding: 15px 16px;
    border-radius: 5px;
    border: solid 1px #ebebeb;
}

.contract_header{
    position: relative;
    text-align: center;
    padding-top:15px;
}
.contract_header .contract_header_img{
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top:-60px;
    left :0 ;
    right:0;
    margin:auto;
}
.contract_header .contract_header_img img{
    width: 43px;
}
.contract_header .contract_title{
    font-size: 22px;
    font-weight: 600;
    color: #002a73;
}
.contract_header .contract_line{
    height: 1px;
    margin: 6px 0;
    background: #d2af6d;

}
.contract_header .contract_desc{
    font-size: 14px;
    font-weight: 400;
    color: #d2af6d;
}

.contract_container .sub_header_label{
    font-size: 14px;
    font-weight: 600;
    color: #002a73;
    padding:25px 0 10px;
}

.contract_container .contract_username{
    font-size: 15px;
    font-weight: 600;
    color: #2a2a2a;
    padding-bottom: 10px;
}
 .contract_profile {
    display: flex;
    align-items: center;
}
.contract_profile img{
    width: 45px;
    margin-right: 15px;
}
.contract_profile span{
    font-size: 14px;
    font-weight: 400;
    color: #2a2a2a;
}


.contract_profile div{
    font-size: 11px;
    font-weight: 400;
    color: #797979;
}

.contract_personal .details_wrap{
    display: flex;
    align-items: center;
}

.contract_personal .lines{
    height: 1px;
    margin: 14px -15px;
    background: #ebebeb;
}

 .details_wrap i{
    width: 15px;
    font-size: 12px;
    color: #d2af6d;

}

.details_wrap span{
    font-size: 12px;
  font-weight: 400;
  color: #797979;
  padding-left:15px;
  width:95px;
}

.details_wrap div{
    font-size: 12px;
    font-weight: 600;
    color: #2a2a2a;
  
}

/*** Contract Deatils**/
.contract_details{
    padding: 18px  16px!important;
    position: relative;
}
.contract_details_wrap{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.contract_details_wrap img{
  width: 70px;
  margin-right: 20px;
}

.contract_details_wrap span{
    font-size: 16px;
    font-weight: 600;
    color: #2a2a2a;
}
.contract_details_wrap div{
    font-size: 12px;
    font-weight: 400;
    color: #797979;
    padding:2px 0;
  }

  .contract_details_wrap .activate_notes{
    font-size: 12px;
    font-weight: 400;
    color: #a4a4a4;
  }

  .contract_details_wrap .btn_activate{
    border-radius: 5px;
    background-color: #0068d1;
    max-width: 171px;
    margin-top:10px;
    padding:8px 0 7px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #fff;


  }
  
  
.contract_details_wrap .contract_status{
    display: flex;
    align-items: center;
  }

.contract_details_wrap .contract_status span{
    font-size: 12px;
    font-weight: 400;
    color: #32db6d;
    padding-left:5px;
}
.contract_details_wrap .contract_status i{
    line-height: unset;
    font-size: 12px;
    width: 12px;
    color: #32db6d;
    
}
.contract_status .unprotect i,.contract_status .unprotect span {
    color: #f00;
}
.contract_details .protected_note img{
    width: 39px;
}
.contract_details .protected_note span{
    font-size: 12px;
    font-weight: 400;
    color: #696969;
    padding-left:15px;
}

.contract_details_dates{
    font-size: 12px;
    font-weight: 400;
    color: #797979;
/*     line-height: 1.75; */
    padding-top: 20px;
   
}
.date_wrap {
    display: flex;
    align-items: center;
    padding-bottom: 3px;
}
.date_wrap div{
    width:110px;
}
.contract_details_dates span{
    font-size: 12px;
    font-weight: 600;
    color: #2a2a2a;
}

.total_claim{
    padding: 0px 0px 0;
    border-radius: 5px;
    border: solid 1px #ebebeb;
    margin-top:15px;

}
.total_claim .lines{
    height: 1px;
    margin: 14px 0px 0px;
    border-bottom: solid 1px #ebebeb;
}
.claim_amt{
    padding: 14px 16px 0;
}
.claim_amt span{
    font-size: 12px;
    font-weight: 400;
    color: #797979;
}
.claim_amt div{
    font-size: 14px;
    font-weight: 600;
    color: #2a2a2a;
    padding:3px 0 0px;
}

.claim_count{
    width:70%;
}
.claim_count .lines{
    height: 1px;
    margin:0;
    background:  #ebebeb;
}
.claim_dates{
    width:30%;
    border-right: solid 1px #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.claim_dates span{
    font-size: 26px;
    font-weight: 600;
    color: #0bf;
}
.count_wrap{
   padding: 10px 16px;
}
.count_wrap span{
    font-size: 12px;
    font-weight: 400;
    color: #797979;
 }
 .count_wrap div{
    font-size: 12px;
    font-weight: 600;
    color: #2a2a2a;
 }

 /** Bonus**/
 .total_bonus{
    padding: 14px  16px;
    border-radius: 5px;
    border: solid 1px #ebebeb;
 }
 .total_bonus span{
    font-size: 12px;
    font-weight: 400;
    color: #797979;
 }
 .total_bonus div{
    font-size: 14px;
    font-weight: 600;
    color: #2a2a2a;
    padding-top:3px;
 }

 .bar_container{
     padding-top:20px;
    
 }
.bonus_box_con{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
    width: 100%;
    flex-wrap: wrap;
    padding-top:20px;

}

.bonus_box{
    text-align: center;
    padding: 10px ;
    width:30%;
    border-radius: 5px;
    border: solid 1px #ebebeb;
    margin-bottom: 10px;
  
}
.bonus_box span{
    font-size: 10px;
  font-weight: 400;
  text-align: center;
  color: #696969;
}
.bonus_box div{
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #2a2a2a;
    /* padding-top:2px; */
  
}

.row_custom {
    margin-right: -20px;
    margin-left: -20px;
}

.divide_header {
    padding: 65px 0 16px;
    
}
@media only screen and (min-width: 767px){
    .contract_container{
        padding:20px  30px;
    }
    .contract_details_dates{
        position: absolute;
        top:15px;
        right:20px;

    }
    .divide_header {
        padding: 45px 0 16px;
       
    }
    .contract_details{
        padding: 20px !important;
    }
    .bonus_box_con{
      
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        height: 100%; 
        padding-top:25px;

    }
    .bonus_box{
     
        width: 100%;
        display:flex;
        align-items: stretch;
        justify-content: space-between;
        margin-bottom: auto;
        padding: 11px 20px;
    }
    .row_custom {
        margin-right: -30px;
        margin-left: -30px;
        margin-bottom: 20px;
    }

    .withdrawal_section{
        padding-bottom: 40px;
    }
    .contract_profile {
        flex-flow: column;
       align-items: flex-start;
    }

    .contract_profile img{
       width: 80px;
       margin-bottom:8.5px;
    }

    .add_number_container {
      justify-content: flex-start;
    
    }
    .add_number_container .number_wrap{
        width: 70px;
        margin-right:10px;
    }
    .img_wrap {
        width: 50%;
        top:10%;
        margin: 0 auto;
    }
  }
  


/*************************************** End New Contract  *****************************/

.claim-package-1 {border-top: solid 1px #ebebeb;margin-top:1.5rem;padding:1.5rem 0;}
.claim-flex {display:flex;}
.claim-attachment {color: #273155;font-weight: bold;font-size: 1rem;}
.today-claim {color: #273155;font-size: 0.75rem;padding-top:0.37rem;}
.add-attach {margin-left:auto;color: #d2af6d;font-size: 0.75rem;font-weight: bold;}
.attach-upload {margin-top:1.25rem;background-color: #fafafa;border-radius: 10px;position:relative;padding:1.875rem 0;text-align:center;}
.attach-input {position:absolute;width:100%;height:100%;opacity:0;}
.attach-add-1 {font-size:1.875rem;color: #e1e1e1 !important;}
.attach-add-label {color: #a5a5a5;line-height: 1.23;font-size: 0.813rem;padding-top:0.628rem;}
.attach-delete {font-size:1.125rem;color: #f00 !important;position:absolute;right:20px;top:20px;}
.small-desc {color: #797979;font-size: 0.75rem;padding:0.3rem 0;}
.small-desc b{margin-left:20px;color: #2a2a2a;}
.claim-amount-box {padding:0.875rem 1rem;border-bottom: solid 1px #ebebeb;}
.claim-amount-box .label-c {color: #797979;font-size: 0.75rem;}
.claim-amount-box .value-c {color: #2a2a2a;font-weight: bold;font-size: 0.875rem;}
.second-l {display:flex;align-items:center;}
.big-second {padding:0 1.5rem;color: #d2af6d;font-weight: 700;font-size: 1.625rem;}
.sec-box {border-left:1px solid #ebebeb;width:100%;}
.acc-nonew {color: #2a2a2a;font-size: 0.938rem;font-weight: 600;padding-bottom:0.75rem;}


.profile-ranking {display:flex;align-items:center;justify-content:center;padding:1.75rem;}
.profile-r {width:1.875rem;margin-right:1rem;}
.profile-user {color: #273155;font-size: 1rem;font-weight: bold;}
.profile-d {color: #273155;font-size: 0.688rem;padding-top:0.375rem;}

/******************* NAVIGATION USED ***********************************/
  /*using in destop view*/
  .container2, .container3{
    max-width:500px;
    position:absolute;
    top: 50%; 
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .header-small-title
  {
    color: #033e3b;font-size: 18px;line-height:1;font-weight: bold
  }

  .sub-header-small-title
  {
    color: #033e3b;font-size: 13px;
  }

  .sub_little_btn
  {
    color: #a5a5a5;/*font-family: 'GothamBold';*/font-size: 14px;font-weight: 700;
  }
  .sub_little_btn_active
  {
    color: #033e3b;/*font-family: 'GothamBold';*/font-size: 14px;font-weight: 700;ont-weight: 700;padding-bottom:10px;border-bottom:  solid 2px #08b2aa;
  }


  @media only screen and (max-width: 767px){
    .container3{
      position:unset;
      padding:10px 15px;
      transform: unset;
    }
    .container2{
      width: 100%;
    }
    .nav-back-label
    {
        display:none;
    }

    .header-small-title
    {
        color: #033e3b;font-size: 16px;line-height:1;
    }

    .sub-header-small-title
    {
        color: #033e3b;font-size: 11px;
    }

    .sub_little_btn
  {
    color: #a5a5a5;/*font-family: 'GothamBold';*/font-size: 12px;font-weight: 700;
  }
  .sub_little_btn_active
  {
    color: #033e3b;/*font-family: 'GothamBold';*/font-size: 12px;font-weight: 700;
  }


    .pt30-space
    {
        padding-top:30px !important;
    }

    
  }

  header .top{
    padding-top:20px;text-align:center
  }
  
  header .top span{
    color: #08336e;font-size: 18px;font-weight: 600;
  }
/* 
  .display_flex{
    display:flex; 
    justify-content: space-between;
    align-items: center
  }

  .display_flex_center{
    display:flex;
    justify-content: center;
    align-items: center
  }

  .display_flex_left{
    display:flex; 
    align-items: center
  }

  .display_change{
    display:flex; 
    justify-content: space-between;
  }

 */


/***************** Form for Public Used *********************/
  .form-group {
    position: relative;
    margin-top:40px;
    margin-bottom:0px;
  }

  .inputMaterial {
    color:#033e3b;
    font-size: 16px;
    padding: 10px 10px 5px 5px;
    display: block;
    border: none;
    width:100%;
    background:transparent;
    border-bottom: 2px solid #d8d8d8;
    border-radius:0px;
    /*font-family: GothamBold;*/
    font-weight: 700;
  }

  .inputMaterial:focus {
    outline: none;
  }

  .show_passwordd {
    position: absolute;
    right: 1px;
    top: 5px;
    z-index: 100;
    background: transparent;
    padding:5px 10px;
    font-size:18px;
    border:none;
    color:#08b2aa;
    cursor:pointer;
  }

 /*  .icon-icon-01{
    padding-top: 8px;
    font-size: 13.2px;
  } */

  label {
    
  /*   color: #999;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all; */
  }

  /* active state */
  .inputMaterial:focus ~ label, .inputMaterial:valid ~ label,.inputMaterial:disabled ~ label {
    top: -12px;
    font-size: 14px;
    color: #08b2aa;
  }

  .input_bar {
    position: relative;
    display: block;
    width: 100%;
  }

  .input_bar:before, .input_bar:after {
    content: '';
    height: 3px;
    width: 0;
    top:-2px;
    position: absolute;
    background: #08b2aa;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
  }

  .inputMaterial:disabled ~ label,.inputMaterial:disabled  {
    color: #a5a5a5;
  }

  /* active state */
  .inputMaterial:focus ~ .input_bar:before, .inputMaterial:focus ~ .input_bar:after {
    width: 50%;
  }

  .input_bar:before {
    left: 50%;
  }

  .input_bar:after {
    right: 50%;
  }

  .box_title{
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #08b2aa;
    margin-top:32px;
    margin-bottom: 10px
  }


  .box_container{
    justify-content: space-between;
    padding: 18px 20.1px 17px 20px;
    border-radius: 8px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
  }

  /*section{
    max-width:500px;
    margin:auto;
  }*/

  hr{border-top: 1px solid #e0e0e0;}
  /*****************END  Form for Public Used *********************/

  /***************** NEW Desktop left Navigation *********************/
    .left_navi_container{
        background-color: #ffffff;
        padding: 50px 20px 15px;
        text-align: center;
        box-shadow: 10px 0 10px -10px rgba(97, 141, 255, 0.3);
        position: relative;
        z-index: 20;
        
    }

    .left_navi_container .left_navi_items{
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: solid 1px #ebebeb;
        padding:15px 8px;
    }
    .left_navi_items .arrow_left{
        font-size: 9px;
        color: #0bf;
    
    }
    .left_navi_items.active_navbox .nav_icon_wrap .nav_icon i{
        color: #0068d1;
    }
    .left_navi_items.active_navbox .nav_icon_wrap  span
    {
        font-weight: 600;
        color: #002a73;
    }
    .nav_icon_wrap{
        display: flex;
        align-items: center;
        width: 80%;
        
    }
    .nav_icon_wrap .nav_icon{
        display: flex;
        align-items: center;
        width:30%;
        text-align: left;
    }
    .nav_icon_wrap .nav_icon i{
        font-size: 18px;
        color: #d6d6d6;
    }

    .nav_icon_wrap span{
        font-size: 13px;
        font-weight: 400;
        color: #9e9e9e;
        
    }
     /**Top nav **/
    .top_navbox{
        position: fixed;
        top: 0px;
        background: unset;
        width: 100%;
        z-index: 2;
        overflow: hidden;
       
    }
    .top_navbox .top_nav{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 24px 16px 20px;
        background-color: #ffffff;
        min-height: 70px;
    }

    .web_top_wrap{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top:40px;
        padding-bottom:40px;
    }
    .web_top_wrap .top_title{
        font-size: 30px;
        font-weight: 600;
        color: #002a73;
    }
    .web_top_wrap .top_action{
        display: flex;
        align-items: center;
    }
    .web_top_wrap .top_action i{
        font-size: 16px;
        color: #0068d1;
        margin-right: 10px;
    }
 

    .web_top_wrap .top_action span{
        font-size: 13px;
        font-weight: 600;
        color: #0068d1;
    }


    .top_nav .top_nav_left img{
        width: 154.5px;
    }

    .top_nav .top_nav_left .relink_wrap i{
        font-size: 20px;
        color: #0068d1;
     } 
     .top_nav .top_nav_left .customer_nav {
        font-size: 16px;
        font-weight: 600;
        padding-top:9px ;
        padding-left:15px;
        color: #002a73;
     } 

    .top_nav .top_nav_right div{
        display: flex;
        align-items: center;
    }

    .top_nav_right  i{
        font-size: 16px;
         color: #ff795f;
        
    }
    .top_nav_right span{
        font-size: 13px;
        font-weight: 600;
     
        color: #ff795f;
        padding-left:10px;
        
    }



    /**Bottoom nav **/
    .bottom_navbox{
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 20;
        overflow: hidden;
        box-shadow: 0 2px 10px 0 rgba(71, 176, 146, 0.2);
        background-color: #fff;
    }

    .bottom_navbox .bot_container{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .bot_container a{
        width:20%;
      }
    .bot_container .nav_box{
        text-align: center;
        padding: 13px 0 30px 0;
    }

    .bot_container .nav_box i{
        font-size: 20px;
        color: #d6d6d6;
    }
    .bot_container .nav_box .label-i{
        font-size: 10px;
        font-weight: 400;
        text-align: center;
        color: #9e9e9e;
    }
    .nav_box.active i{
        color: #0068d1;
    }
    .nav_box.active .label-i{
        color: #002a73;
    }
        



    .small-navweb {
        position: absolute;
        bottom: 50px;
        width: 95%;
        left: 0;
        text-align: center;
    }

    .small-navweb small {
        font-size: 11px;
        font-weight: 400;

        color: #b9b9b9;
    }

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




  /*****************NEW Public Used *********************/
  .form_group{
      position: relative;
    margin-bottom:20px;
}

.form_group .form_group_input{
    border: none;
    width: 100%;
    background: transparent;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    font-weight: 600;
    color: #002a73;
    padding: 10px 0;
    padding-left:100px;
}

.form_group .form_group_select{
    border: none;
    width: 100%;
    background: transparent;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    font-weight: 600;
    color: #002a73;
    padding: 2px 0;
    text-align: left;
}

.form_group .select_drop_i i{
  
    font-size: 6px;
    color: #0bf;
    position: absolute;
    right: 10px;
    margin: unset;
    top: 20px;
    display: inline-block;
    cursor: pointer;

}
.form_group .form_group_label{
    font-size: 13px;
    font-weight: 400;
    color: #0068d1;
    position:absolute;
    margin:unset;
    top:10px;
    left:5px;
}

.form_group .bootstrap-select.btn-group .dropdown-toggle .filter-option {

    float: left!important;
    text-align: left!important;
    padding-left: 75px!important;
    font-size: 13px;
    font-weight: 600;
    color: #002a73;
  
}


.form_group i{
    font-size: 12px;
    color: #0bf;
    position:absolute;
    right: 10px;
    margin:unset;
    top:15px;
    display: inline-block;

}
.form_group .pre_username{
    font-size: 13px;
    font-weight: 600;
    color: #002a73;
    position:absolute;
    top:10px;
    left:80px;
}
.btn_wrap{
    max-width: 327px;
    margin-left: auto ;
    margin-right:auto;
}

.btn_main{
    padding:15px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #d2af6d;
    background-color: #1c2542;
    margin:40px auto 20px;
    cursor: pointer;
    width: 12.5rem;   
}
.display_space {
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.display_flex{
    display:flex;
    align-items: center;
}

/* active */
.form_group .form_group_input:focus{
    outline: none;
  border-bottom: solid 2px #0068d1;
 
}

.form_group .form_group_input::placeholder{
    font-size: 13px;
    font-weight: 400;
    color: #b9b9b9;
 
}

.reminder_box{
    padding-bottom:20px;
    font-size: 12px;
    font-weight: 400;
    color: #626262;
}

.--onlyweb {
    display: block;
}
.--onlymobile {
    display: none;
}
.p_unset{
    padding:unset;
}
.p_unset_mobile{
    padding-right: 30px;
    padding-left: 30px;
}

.p_unset_mobile.right_{
    padding-left:5px;
}
.p_unset_mobile.left_{
    padding-right:15px;
}


.package_details_con{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;

}
.package_details_con::after{
   content:"";
   width: 31%;


}

.package_details_con .package_item{
    text-align: center;
    width: 31%;
    background-color: #fff;
    padding:16px;

    border-radius: 10px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    margin-bottom: 16px;;
}

.package_details_con .package_item img{
    width: 60px;
    height: 60px;
    margin: 0 auto 16px;
}

.package_details_con .package_item .package_name{
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.85px;
    text-align: center;
    color: #273155;
    display: block;
    margin-bottom: 4px;;
}
.package_details_con .package_item .package_value{
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.05px;
    text-align: center;
    color: #273155;
    margin-bottom: 16px;;
}

.package_details_con .package_item .package_details{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;;

}
.package_details_con .package_item .package_details span{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #797979;
  }
  .package_details_con .package_item .package_details div{
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
  }
   
  .package_details_con .package_item .activate_package{
    padding: 11px;
    border-radius: 10px;
    background-color: #273155;
    width: 100px;
    display: block;
    cursor: pointer;
    text-align: center;

    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 16px auto 0;
  }
  .package_details_con .package_item.active .activate_package{
    background-color: #c7c7c7;
    pointer-events: none;
  }
  .package_details_con .package_item.active {
    border-radius: 10px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    border: solid 2px #d2af6d;
    background-color: #fff;
    position: relative;
  }
  .package_details_con .package_item .current_tag {
    display: none;
    padding: 5px 7px;
    border-radius: 0 10px 0 10px;
    background-color: #d2af6d;
    text-align: center;
    min-width: 60px;

    font-size: 11px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    position: absolute;
    top:0;
    right:0;
  }
  .package_details_con .package_item.active .current_tag {
    display: block;
  }

  .activate_package_con{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .activate_package_con .apc_item{
    width: 48%;
    padding: 16px 20px;
    border-radius: 10px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }
  .activate_package_con .apc_item .package_details{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 20px 0;

  }

  .activate_package_con .apc_item .package_details img{
    width: 50px;
    height: 50px;
    margin: 0 20px 0 0;
  }
  .activate_package_con .apc_item .package_details .pd_left span{
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.85px;
    color: #273155;
    display: block;
    margin-bottom: 4px;;
  }

  .activate_package_con .apc_item .package_details .pd_left div{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.05px;
    color: #273155;
  }
  .activate_package_con .apc_item .package_prices{
    margin:20px -20px 0;
    padding:6px 20px 0;
    border-top: solid 1px #ebebeb;
  }

  .activate_package_con .apc_item .package_prices .pp_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
  }
  .activate_package_con .apc_item .package_prices .pp_item span{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #797979;
  }
  .activate_package_con .apc_item .package_prices .pp_item div{
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;

  }
  .withdrawal_warning{
    display: flex;
    align-items: center;
    margin:16px 0;
  }
  .withdrawal_warning i{
    font-size: 16px;
 
    margin: 0 11px 0 0;
    color: #f00;
    line-height: normal;

  }
  .withdrawal_warning span{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #f00;
  
  }

  .activate_package_con .prices_details{
    width: 48%;

    padding: 18px 20px 18px 20px;
    border-radius: 10px;
    background-color: #fafafa;
  }

  .activate_package_con .prices_details{
    width: 48%;

    padding: 18px 20px 8px 20px;
    border-radius: 10px;
    background-color: #fafafa;
  }
  .activate_package_con .prices_details span{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #033e3b;
    display: block;
    margin-bottom: 10px;;
  }
.pac_history_item{
    padding: 20px 0;
    border-bottom: solid 1px #ebebeb;
}
.pac_history_item .package_details{
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 6px;;
}
.pac_history_item .package_details span{
    font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #273155;
 }

 .pac_history_item .package_details div{
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #0e4e3c;
 }

 .pac_history_item .pht_dates{
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #a5a5a5;
 }
  /*
  */

@media only screen and (max-width: 767px){
    .--onlyweb {
        display: none;
    }
    .--onlymobile {
        display: block;
    }
    .p_unset_mobile{
        padding:unset;
    }
    .p_unset_mobile.right_{
        padding:unset;
    }
    .p_unset_mobile.left_{
        padding:unset;
    }
    #cont-value {
        height: auto !important;;
    }
    


    .package_details_con::after{
       content:"";
       width: 48%;
    }
    .package_details_con .package_item {
        width: 48%;
     }
    .activate_package_con{
        flex-wrap: wrap;
    }
     .activate_package_con .apc_item{
        width: 100%;
        margin-bottom: 24px;
    }
    .activate_package_con .prices_details{
        width: 100%;
    
     
    }

}



  /*****************END NEW Public Used *********************/

  /*****************NEW  login page only *********************/
  /**Login top nav **/
  .login_top_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:70px 0 20px ;
    max-width:510px;
    background-color: #FFF;
    margin: 0 auto;
  
  }
  .lang_btn_wrap{
      display: flex;
      align-items:center;
      z-index:32;
      cursor: pointer;
  }
  .lang_btn_wrap span{
    font-size: 13px;
    font-weight: 600;
    color: #002a73;
    padding-right:7px;
}
.lang_btn_wrap i{
    font-size: 6px;
   color: #0bf;

  
}
.login_content{
    padding-top:90px !important;

   }
.register_wrap {
   text-align: center;
   margin-bottom:  50px;
}
.register_wrap a{
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #002a73;
  
}

  @media only screen and (max-width: 767px){
    .login_top_header{
      padding: 20px 20px;
      background-color: #FFF;
    }
    .login_content{
      padding-top:40px !important;
   
     }

  }
 

.login_con .login_header{
    font-size: 30px;
    font-weight: 600;
    color: #002a73;
    padding-bottom:10px;
    line-height: 1.07;
}
.login_con .reminder_box u{
    cursor: pointer;
}
.login_con .sub_header {
    font-size: 16px;
    font-weight: 400;
    color: #002a73;
    padding-bottom:40px;
}

.tab_con{
    display: flex;
    align-items: center;
    margin-bottom:16px ;
    cursor: pointer;
}
.tab_con div{
    font-size: 13px;
    font-weight: 600;
    color: #0068d1;
    border-radius: 5px;
    background-color: #f2f2f2;
    padding:6px 0;
    width:50%;
    text-align: center;
   
}

.tab_con .tab_elem_left{
    border-radius: 5px 0px 0px  5px;
}
.tab_con .tab_elem_right{
    border-radius: 0px 5px 5px 0px;
}


.tab_elem_left.active ,.tab_elem_right.active{
    background-color: #0068d1;
    color: #fff;

}


  /*****************END NEW login page only *********************/
 /***************** NEW Home page  *********************/
 .wallet_bg{
    background-image: linear-gradient(to bottom, #feffff 20%, #a5ecff);
    min-height: 180px;
    padding-top:50px;
    
 }
.wallet_container {
    display: flex;
    align-items: center;
    justify-content: space-around;

}
.wallet_container .wallet_box{
   text-align: center;
}
.wallet_box span{
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #526fa0;
 }
 .wallet_box p{
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #526fa0;
    margin:0;
    margin-top:-3px;
 }
 .wallet_box div{
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: #002a73;
    padding-top:10px;
  
 }
 .seperator_bg{
    /*  position: relative;
     bottom: -1px; */
        padding-top:70px ;

}
 .seperator_bg img{ 
    width: 100%;
   }
.wallet_redirect_box{
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(97, 141, 255, 0.3);
    background-color: #fff;  
    position:absolute;
    left:0;
    right: 0;
    margin:-100px auto 0 auto;
    display:flex;
    align-items: center;
    justify-content:center;
    padding:25px 10px;

}
.wallet_redirect_box >div{
  width :25%;
  text-align: center;

}
.wallet_redirect_box >div i{
    font-size: 20px;
    color: #0068d1;
  
  }
  .wallet_redirect_box .redirect_label {
    padding-top: 6px;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    color: #002a73;
  
  }

  .sub_nav_wrap {
    padding:24px 0;
    border-bottom:solid 1px #ebebeb;
  }
.sub_nav_wrap .sub_nav i{
      width: 20px;
        font-size: 14px;
        color: #0bf;
}

.sub_nav_wrap .sub_nav span{
    font-size: 16px;
    font-weight: 600;
    color: #002a73;
    padding-left: 10px;
}

.sub_nav_left i{
      font-size: 10px;
      color: #0bf;
}

.sub_nav_left span{
    font-size: 13px;
    font-weight: 400;
    color: #0068d1;
    padding-right: 10px;
}

.package_con{
  
  border-radius: 5px;
  box-shadow: 0 2px 10px 0 rgba(97, 141, 255, 0.3);
  background-color: #fff;
  width:100%;
  margin-bottom: 24px;
  padding:20px;

}


.package_con .package_img{
    width: 60px;
    height: 60px;
    margin-right: 16px;
  /*   align-self: baseline; */

}
.package_con .package_details_wrap span{
    font-size: 13px;
    font-weight: 400;
    color: #002a73;
}

.package_con .package_details_wrap div{
    font-size: 22px;
  font-weight: 600;
  color: #002a73;
}
.package_con .package_status i{
    font-size: 12px;
    color: #32db6d;
    margin-right: 8px;
    line-height: unset;
    
}

.package_con .package_status span{
    font-size: 12px;
    color: #32db6d;
}
  
.package_con .package_status.unprotect span ,
.package_con .package_status.unprotect i
{
    color: #f00;
}
.package_con .protected_note{
    display:flex;
    padding-top: 15px;
   /*  justify-content: space-between; */
}
.package_con .protected_note img{
    width: 39px;

}
  
.package_con .protected_note span{
    font-size: 12px;
    font-weight: 400;
    color: #a5a5a5;
    padding-left:24px;
    /* padding-top:5px; */
    align-self: flex-end;
  
}

.unprotect_txt{
    font-size: 13px;
    font-weight: 400;
    color: #ff795f;
    padding:24px 0 10px;
    
}
.unprotect_btn{
    border-radius: 0 0 5px 5px;
    background-color: #ff795f;
    text-align: center;
    width:100%;
    padding:15px;
    margin:-30px 0 24px;

    font-size: 14px;
    font-weight: 600;
    color: #fff;
   
}

.atag b{
   cursor: pointer;
}


 
.home_lines{
    height: 1px;  margin:6px 0 0px;background:#ebebeb;
}

.ann_short_desc{
    font-size: 13px;
    font-weight: 400;
    color: #526fa0;
    width:80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom:18px;
}

.ranking_con{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 30px;
}

.ranking_con .ranking_wrap{
  text-align: center;
/*   width:33.33% */
}
.ranking_con .ranking_wrap .circle_type1{
    width: 60px;
    height: 60px;
    box-shadow: 0 2px 10px 0 rgba(97, 141, 255, 0.3);
    background-color: #fff;
    border-radius: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:10px;
    margin-bottom:26px;

}

.ranking_con .ranking_wrap .circle_type2{
    width: 80px;
    height: 80px;
    box-shadow: 0 2px 10px 0 rgba(97, 141, 255, 0.3);
    background-color: #fff;
    border-radius: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:16px;

}
.circle_type2 img{
    width: 55px;
}
.circle_type1  img{
    width: 40px;
}
.ranking_wrap .ranking_label {
    font-size: 12px;
    font-weight: 400;
    color: #526fa0;
}
.ranking_wrap .ranking_level {
    font-size: 13px;
    font-weight: 600;
    color: #526fa0;
}
.ranking_wrap .ranking_score {
    font-size: 16px;
    font-weight: 600;
    color: #002a73;
    padding-top:8px;
}
.ranking_date{
    font-size: 12px;
  font-weight: 400;
  color: #526fa0; 
}


@media only screen and (min-width: 767px){
    .seperator_bg img{
        width: 103%;
        margin :0 -2px -2px;
    }

    .wallet_redirect_box{
        width: 80%;
        margin: -150px auto 0 auto;
    }
    .home_con .package_con{
        width: 80%;
        margin: 0 auto 24px; 
        margin-bottom: 24px;
    }
    .ranking_con{
        width: 80%;
        margin: 0 auto 24px; 
    }
    .home_con .unprotect_btn{
        width: 80%;
        margin: -30px auto 24px; 
    }
    .web_margin{
            margin-top:-30px;
    }
    .sub_nav_wrap{
        background-color: white;
        padding-bottom: 30px !important;
    } 


  }

  /* Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
  .wallet_redirect_box{
      width: 80%;
      margin: -120px auto 0 auto;
  }
  .web_margin{
          margin-top:-10px;
  }

}

  /* (1440x900) WXGA+ Display */
@media screen and (min-width: 1440px) {
    .wallet_redirect_box{
        margin: -170px auto 0 auto;
   }
}


  @media screen and (min-width: 1690px) {
    .wallet_redirect_box{
       
        margin: -190px auto 0 auto;
   }

    .web_margin{
        margin-top:-50px;
    }
}
@media screen and (min-width: 1980px) {
    .wallet_redirect_box{
       
        margin: -240px auto 0 auto;
   }

    .web_margin{
        margin-top:-100px;
    }
}





 /*****************END NEW Home page  *********************/

  /************** login page only ****************/
  .btnSubmit{
    margin-top:35px;text-align:center;margin-bottom:20px;
  }

  .forgotPassword{
    text-align: right;
    margin-top:12px;
  }

.forgotPassword a{
    color:#033e3b;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 600;
  }

.text-center .title-primary{
   font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #033e3b;
  }

  .text-center .sub_title{
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
  }

/*************************************** New Assets *****************************/
.main_box {
  border-radius: 5px;
  box-shadow: 0 2px 10px 0 rgba(210, 175, 109, 0.3);
  background-color: #fff;
  padding:15px 20px;
  margin-bottom: 15px;
 
}
.main_box.assets_bal{
    text-align: center;
}

.main_box.assets_bal span{
    font-size: 14px;
    font-weight: 400;
    color: #526fa0;
}
.main_box.assets_bal div{
    font-size: 22px;
    font-weight: 600;
    color: #002a73;
}

.insur_wrap .insur_labels span{
    font-size: 12px;
    font-weight: 400;
    color: #002a73;
}

.insur_wrap .insur_labels b{
    font-size: 14px;
    font-weight: 600;
    color: #002a73;
}

.insur_wrap .insur_labels div{
    font-size: 20px;
    font-weight: 600;
    color: #002a73;
    padding-top:10px;
}

.insur_wrap .balance_arrow {
    align-self: flex-start;
}
.insur_wrap i {
    font-size: 10px;
    color: #0bf;
}

.insur_wrap .lines {

  height: 1px;
  margin: 15px  0;
  background:  #ebebeb;
}

.assets_nav >div i{
    font-size: 16px;
  width: 20px;
  color: #0068d1;
}

.assets_nav >div span{
    font-size: 13px;
    font-weight: 400;
    color: #002a73;
    padding-left:12px;
}
.header_label2{
    font-size: 22px;
    font-weight: 600;
    color: #002a73;
    padding:40px 0 16px;
 
}
.header_label {
    font-size: 22px;
    font-weight: 600;
    color: #002a73;
    padding: 15px 0 16px;
}


/*************************************** End New Assets *****************************/

/***************************************  New Top up  *****************************/
/* radiobutton*/
.radio-opt {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 0 0;
  }
  
  .radio-opt input[type='radio'] {
    display: none;
  }
  
  .radio-opt label {
    font-size: 13px;
    font-weight: 400;
    color: #002a73;
  }
  /* radiobutton background*/
  .radio-opt label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: none;
    background-color: #ebebeb;
 
  }
/* radiobutton dot checked*/
  .radio-opt input[type=radio]:checked + label:after {
    border-radius: 100%;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 11px;
    content: " ";
    display: block;
    background: #ffffff;
    
  }
/* radiobutton bg checked*/
.radio-opt input[type=radio]:checked + label:before {
    background-color: #0068d1;
}
/* radiobutton text checked*/
.radio-opt input[type=radio]:checked ~ label {
    font-size: 13px;
    font-weight: 600;
    color: #002a73;

}
.balance_box{
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(97, 141, 255, 0.3);
    background-color: #fff;
    padding:15px 20px;
    margin-bottom: 20px;
}
.balance_box span{
    font-size: 20px;
    font-weight: 600;
    color: #002a73;
}
.balance_box .balance_labels span{
    font-size: 12px;
    font-weight: 400;
    color: #002a73;
}

.balance_box .balance_labels b{
    font-size: 14px;
    font-weight: 600;
    color: #002a73;
}

.topup_section .reminder_box{
    font-size: 12px;
    font-weight: 400;
    color: #626262;
    padding-right:20%;
    padding-bottom: 0;
}
.topup_section .lines{
    height: 1px;
    margin: 24px 0px 16px;
    background:  #ebebeb;
}
.sub_header_label{
    font-size: 16px;
    font-weight: 600;
    color: #002a73;
    padding-bottom:5px;
}

.ammount_box{
    border-radius: 5px;
    background-color: #fafafa;  
    padding:20px;
}
.ammount_box .select_group{
    display: flex;
    align-items: center;
}
.select_group .bootstrap-select{
    width: 60px !important;
}
.select_group .bootstrap-select > button{
    
    padding: unset;
    display: flex;
    align-items: center;
}
.select_group .filter-option{
    text-align: left !important;
     font-size: 14px;
     font-weight: 400;
     color: #0068d1;
  }


.select_group option{
    font-size: 14px;
    font-weight: 400;
    color: #0068d1;
    background-color:#fff;
    border: none;
    outline: none;

}

.select_group .drop_icon {
    margin-left:-10px;
    margin-right:15px;
    
}
.select_group .drop_icon i{
    font-size: 5.5px;
    font-weight: 400;
    color: #0068d1;
    position: relative;
    bottom:2.5px;

 
}
.select_group .form_group_input{
    border:none;
    outline: none;
    font-size: 16px;
    font-weight: 600;
    color: #002a73;
    background: unset;
}
.select_group .form_group_input:focus{
    border:none;
    outline: none;
    font-size: 16px;
    font-weight: 600;
    color: #002a73;
    background: unset;
}

.upload_attc{
    display: none;
}
.tab_payment{
    border-radius: 5px;
    background-color: #fafafa;
    padding:18px 20px;
    margin-top: 20px;;
}
.tab_payment .tab_head_wrap{
    display:flex;
    align-items:center;
}
.tab_payment .tab_head_wrap div{
    font-size: 13px;
    font-weight: 400;
    color: #002a73;
    margin-right:30px;
    padding-bottom: 3px;
    cursor: pointer;
}

.tab_payment .tab_head_wrap .active{
    font-weight: 600;
    border-bottom: solid 2px #0bf;
}

.offline_details span{
    font-size: 13px;
    font-weight: 600;
    color: #033e3b;
}



.usdt_details .qr_usdt_wrap{
    padding:5px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    width: 75px;
}

.usdt_details .qr_usdt_wrap img{
    width: 65px;
}
.usdt_addr_wrap{
    padding-left:15px;
    width:92%;

}
.usdt_addr_wrap span {
    font-size: 13px;
    font-weight: 400;
    color: #033e3b;
}

.usdt_addr_wrap b {
    font-weight: 600;
}
.usdt_addr_wrap i {
  font-size: 16px;
  color: #0068d1;
  cursor: pointer;
}
.usdt_addr_wrap .usdt_addr {
 
    font-size: 12px;
    font-weight: 400;
    color: #a5a5a5;
    padding-top:10px;
    word-break:break-all;
    /* width:80%; */
}
.upload_con{
    border-radius: 5px;
    background-color: #fafafa;
    padding:30px;
    text-align: center;
    position: relative;
    margin-top:16px;
}

.upload_wrap i{
    font-size: 30px;
    color: #e1e1e1;
}

.upload_wrap .label_upload{
    font-size: 13px;
    font-weight: 400;
    color: #a5a5a5;
    padding-top:8px;
}

.upload_wrap i{
    font-size: 30px;
    color: #e1e1e1;
}

.upload_wrap input{
    display: none;

}
.uploaded_img .delete_icon{
    font-size: 18px;
    color: #f00;
    position: absolute;
    top:20px;
    right:20px;
}
.uploaded_img .img_wrapper{
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
    width:90%;
    max-width: 500px;
    margin: auto;
}

.add_number_container {
    padding:10px 0 0px;
}
.add_number_container .number_wrap{
    width:20%;
    border-radius: 6px;
    border: solid 1px #eaeaea;
    background-color: #fff;
    padding:10px;

    font-size: 13px;
    font-weight: 600;
    color: #0068d1;
    text-align: center;
    cursor: pointer;
    
}

/*************************************** End Top up  *****************************/

/***************************************  New Withdrawal  *****************************/

.withdrawal_section .lines {
    height: 1px;
    margin: 24px 0 15px;
    background: #ebebeb;
}
.select_group .currency_label{
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    color: #0068d1;
    padding-left:5px;
    padding-top: 1px;
}
.ammount_box .amt_details div{
    font-size: 12px;
    font-weight: 400;
    color: #033e3b;
    padding-bottom:5px ;
  
}
.ammount_box .amt_details div b{
    padding-left:3px ;
}
.ifun_receiver{
    border-radius: 5px;
    background-color: #fafafa;
    padding: 20px;
    text-align: left;
    margin-top: 10px;
}

.ifun_receiver img{
    width: 51.3px;
}

.ifun_receiver .ifun_withdraw{
    font-size: 12px;
    font-weight: 400;
    color: #626262;
    padding: 14px 0 12px;
    max-width: 290px;
}

.ifun_receiver .ifun_id_wrap{

    display:flex;
    align-items: center;

}

.ifun_receiver .ifun_id_wrap span{
    font-size: 14px;
    font-weight: 400;
    color: #0068d1;
 
    
}
.ifun_receiver .ifun_id_wrap div{
    font-size: 16px;
    font-weight: 600;
    color: #002a73;
    padding-left: 7px;
    
}

/*************************************** End Withdrawal  *****************************/
/***************************************  New Convert  *****************************/
.convert_section .lines {
    height: 1px;
    margin: 24px 0 15px;
    background: #ebebeb;
}
.convert_icon_wrap{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.convert_icon_wrap i{
  font-size: 20px;
  color: #0bf;
}

 .ammount_box .amt_details .convert_details{
    font-size: 12px;
    font-weight: 400;
    color: #0068d1;
}

/*************************************** End Convert  *****************************/
/***************************************  New My team  *****************************/
.team_con{
    padding:20px 0 16px;
   border-bottom: solid 1px #ebebeb; 
 
    display: flex;
    align-items: center;
     justify-content: space-between;
     font-family: Roboto;
}
.team_con .main_wrap {
  
}

.team_con  i{
    font-size: 6px;
    color: #47b092;
    align-self: flex-start;
  
}

.main_wrap .team_detail_wrap{
    display: flex;
    align-items: center;
  
}
.team_detail_wrap .ranking_img{
    margin-right:14px;
}
.team_detail_wrap .username_wrap{
    display: flex;
    align-items: center;
}

.team_detail_wrap .username_wrap div{
    font-size: 13px;
    font-weight: 600;
    color: #0e4e3c;
}

.team_detail_wrap .username_wrap img{
    margin-left:10px;
}

.team_detail_wrap .earning{
    font-size: 11px;
    font-weight: 400;
    color: #258066;
    padding-top:2px;
}

.team_con .generation_wrap{
    display: flex;
    align-items: center;
    padding-top: 12px;
}
.generation_wrap .gen{
    font-size: 11px;
    font-weight: bold;
    color: #19bf41;
    padding-right: 10px;
}
.generation_wrap .member_no{
    font-size: 11px;
    font-weight: 400;
    color: #258066;
}


/*************************************** End My team  *****************************/
/***************************************  New Profile  *****************************/
/* .profile_section .lines {
    height: 1px;
    margin: 24px 0 15px;
    background: #ebebeb;
} */

.profile_wrap{
    display:flex;
    align-items: center;
}
.profile_wrap img{
    width: 60px;
    margin-right: 15px;
}
.profile_wrap span{
    font-size: 18px;
    font-weight: 600;
    color: #002a73;
}
.profile_wrap >div div{
    font-size: 13px;
    font-weight: 400;
    color: #002a73;
   
}
.profile_redirect {
 padding-bottom: 0;
}
.profile_redirect .redirect_header {
    font-size: 16px;
    font-weight: 600;
    color: #002a73;
    padding-bottom: 10px;
    border-bottom: solid 1px #ebebeb;
}
.redirect_item{
    padding: 18px 0;
    border-bottom: solid 1px #ebebeb;
}
.redirect_item i{
    font-size: 12px;
    color: #0bf;
}

.redirect_item >div i{
    font-size: 16px;
    width: 20px;
    color: #0068d1;
}

.redirect_item >div span {
    font-size: 13px;
    font-weight: 400;
    color: #002a73;
    padding-left: 13px;
}
.voucher_notice {
    padding: 0px 0px 18px ;
}
.voucher_notice .lines{
    height: 1px;
    margin: 0px 0px 15px ;
    border-bottom: solid 1px #ebebeb;

}
.voucher_notice div{
   display: flex;
   align-items: center;
   padding-bottom:1px;

   font-size: 13px;
   font-weight: 600;
   color: #0e4e3c;
}
.voucher_notice div i{
    font-size: 12px;
    margin-left:10px;
    color: #32db6d;

 }

 .voucher_notice span{
    font-size: 11px;
    font-weight: 400;
    color: #a5a5a5;
 }


/*************************************** End New Profile  *****************************/

/*************************************** New Topup history  *****************************/
.filter_dates_wrap{
    padding:10px 0 20px;
    border-bottom: solid 1px #ebebeb;
}
.filter_redeem_wrap{
    padding:10px 0 20px;
    border-bottom: solid 1px #ebebeb;
    display:flex; align-items:center;
}
.filter_redeem_wrap>a:first-of-type{
    margin-right:28px;
}

.filter_dates {
    display: flex;
    align-items:center ;
}
.filter_dates i{
    font-size: 5.5px;
    color: #0bf;
}
.filter_dates i:first-of-type{
    font-size: 15px;
    color: #0bf;
}

.filter_dates span{
    font-size: 13px;
    font-weight: 400;
    color: #002a73;
    margin:0 6px;
}

.history_records{
    padding:20px 0 18px;
    border-bottom: solid 1px #ebebeb;
}
.history_records .history_title{
    font-size: 13px;
    font-weight: 600;
    color: #002a73;
}

.history_records .history_desc{
    font-size: 11px;
  font-weight: 400;
  padding:3px 0 0;
  color: #526fa0;
}

.history_records .history_dates{
    font-size: 11px;
    font-weight: 400;
    color: #a5a5a5;
    padding:3px 0 0;
}
.history_records .history_redeem_dates{
    font-size: 11px;
    font-weight: 400;
    color: #a5a5a5;
    display: flex;
    align-items: center;
    height: 20px;
}
.history_records .history_redeem_dates div{

    font-size: 13px;
    font-weight: 600;
    margin-bottom:5px;
    margin-left:24px;
    color: #b9b9b9;

    
}

.history_records .history_status{
    align-self: flex-start;

}

.history_records .history_status span{
    font-size: 13px;
  font-weight: 600;
  color: #0e4e3c;
  padding-right:10px;

}
.history_records .history_status i{
    font-size: 16px;
}
.history_records .history_status .pending{
    color: #b9b9b9;
}
.history_records .history_status .approved{
    color: #32db6d;
}

.history_records .history_status .rejected{
    color: #f00;
}
.history_records .history_status .deducted{
    color: #f00;
}

.history_records .history_status .active{
    color: #32db6d;
}
.history_records .history_status .ended{
    color: #a5a5a5;
}

.history_records .history_status span.active{
    font-size: 13px;
    font-weight: 600;
    color: #033e3b;
}
.history_records .history_status span.ended{
    font-size: 13px;
    font-weight: 600;
    color: #a4a4a4;
  
}

.view_img_attc{
    margin-top:18px;
    border-radius: 5px;
    border: solid 1px #eaeaea;
    background-color: #fff;
    text-align: center;

    font-size: 12px;
    font-weight: 600;
    color: #0068d1;
    padding:10px;
}

.img-modal{
    display: none; 
      position: fixed; 
      z-index: 999; 
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; 
      overflow: auto; 
      background-color: rgba(0,0,0,0.8); 
    }
    
.img_wrap{
    width: 100%;
    position:relative;
    left: 0;
    right: 0;
    top: 18%;
    margin: 0 0;
    padding:0;
}
.img_wrap .attachment_action{
    text-align: center;
    padding-top:30px;
}

.img_wrap .attachment_action span{
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding:0 25px;
}
.img_wrap .attachment_action i{
    font-size: 10px;
    color: #fff;
}

.img_wrap img{
    width: 100%;
}

.close_modal_icon {
    font-size: 16px;
    position: fixed;
    right: 5%;
    top: 8%;
    color: #fff;
}
/*** New Image modal **/

.img_modal_content .img_header{
    padding:10px 0 ;

  
}
.img_modal_content .img_header i{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    
  
}
.img_modal_content .img_header i{
    font-size: 16px;
    color: #fff;
    justify-self: flex-end;
    cursor: pointer;
}

.img_modal_content .total_slide{ 
   text-align: center;
}
.img_modal_content .total_slide img{ 
    width: 90%;
 }
 

.img_modal_content .attachment_action{
    text-align: center;
    padding-top:30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_modal_content .attachment_action span{
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding:0 25px;
}
.img_modal_content .attachment_action i{
    font-size: 10px;
    color: #fff;
    cursor: pointer;
}


.ss_wrap {
    position:relative;
    left: 0;
    right: 0;
    top: 5%;
    padding:0;
    width: 50%;
  
    margin:0 auto 0;
    overflow-y: scroll;

}
.ss_wrap img{
    width: 100%;
    

}

.download_btn{
   
    padding: 17px 17px 15px ;
    border-radius: 5px;
    background-color: #0068d1;
    text-align: center;
    left:0;
    right:0;
    margin:50px auto 0;

    font-size: 14px;
    font-weight: 600;
max-width: 300px;
    color: #fff;
}


/*************************************** End New Topup history  *****************************/

/***************************************  New Withdraw history  *****************************/
.drop_down {
  padding:12px 0 0; 
  display: flex;
  align-items: center;
  cursor: pointer;
}

.drop_down span{
    font-size: 13px;
    font-weight: 600;
    color: #0068d1;
    
}
.drop_down i{
    font-size: 6px;
    color: #0bf;
    margin-left:5px;
}
.view_details {
   display: none;
}
.view_details .details_title{
    font-size: 13px;
    font-weight: 600;
    color: #696969;
    padding:12px 0 5px; 
}

.view_details span{
    font-size: 12px;
    font-weight: 400;
    color: #696969;
    line-height: 1.5;
}
/*************************************** End New Withdraw history  *****************************/


/***************************************  New Claim  *****************************/
.claim_section .lines{
    height: 1px;
    margin: 28px 0px 10px;
    background:   #ebebeb;
}
.attachment_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:24px 0 10px;
    border-top: solid 1px #ebebeb;
}
.attachment_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title_date_wrap span{
    font-size: 16px;
    font-weight: 600;
    color: #002a73;
  
}
.title_date_wrap div{
    font-size: 12px;
    font-weight: 400;
    color: #002a73; 
    padding-top:3px;

}
.title_date_wrap div b{
    font-weight: 600;
}
.attachment_header .add_attc{
    align-self: flex-start;
    font-size: 12px;
    font-weight: 600;
    color: #0068d1;
   
    text-decoration: underline;
    cursor: pointer;
}
.upload_img_btn{
    cursor: pointer;
}

/*************************************** End New Claim  *****************************/


/***************************************  New Wallet/Assets History  *****************************/
.wallet_balance_box{
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(97, 141, 255, 0.3);
    background-color: #fff;
    padding:18px 20px;
    margin-bottom: 20px;
  
}

.wallet_balance_box span{
    font-size: 14px;
    font-weight: 600;
    color: #002a73;
  
}

.wallet_balance_box div{
    font-size: 20px;
    font-weight: 600;
    color: #002a73;
}



/*************************************** End New Wallet/Assets History *****************************/


/****************** Other ****************/
  #codeigniter_profiler{
    display:none;
  }

.p_notice{
  text-align: center;
  color:#717171;
  font-size: 13px;
  
}

@media only screen and (max-width: 767px){
  .form-group{margin:25px 0px;}
  .p_notice{text-align: left;  font-size: 12px;  }
  /*.btn_bottom{position:absolute;bottom:2px;width:100%;text-align: center}*/
}



/*************************************** Personal ****************************8*/
.personal .alert{
  width: 80%;
  align-items: center;
  margin: 0px auto 40px auto;
  padding: 24px 30px;
  border-radius: 8px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e0e0e0;
  background-color: #ffffff;
  color:#ff1010;
  display:flex;
}

.personal .alert .contents{
  width:80%;
  text-align: left;
  font-size: 0.875em;
  line-height: 1.4;

}

.personal .alert .topup{
  width:20%;
  text-align:right;
}

.personal .alert2{
  display:none;
  width:100%;
  max-width: 450px;
  padding: 16px;
  margin:24px auto;
  font-size: 12px;
}

.personal .alert2 div{
  width:100%;
  text-align: right;
}

.personal .statusbox{
    display:none;
    width:100%;
    max-width: 450px;
    padding: 16px;
    margin:24px auto;
    font-size: 12px;
}

.personal .alert button{
  cursor:pointer;
  width: 130px;
  /*height: 35px;*/
  color:white;
  border-radius: 8px;
  border:none;
  background-color: #ff5151;
  padding: 10px 0;
  font-weight: 400;
  font-size: 0.9em;
}

.personal .level_logo{
  width:200px;
  height:200px
}


.personal .level span,.silver span{
  border-radius: 8px;
  width: 89px;
  padding-right:30px;
  padding: 5px ;color: #00535e;font-weight: bold;font-size: 12px;
  background-image: linear-gradient(to left, #ffffff, #ededed 50%);
}

.personal .level img, .silver img{
  width:35px;height:35px;margin-left:-20px
}

.silver span{
  text-align: center;
  padding:5px 35px 5px 5px !important;
}

.silver img{
 margin-left:-35px 
}

.personal .bottom_centent{
  display:flex;
  align-items: center;
  justify-content: center;
}


.personal .left_content{
  text-align:center;
  justify-content: center;
  width:25%;
}
.personal .right-content{
  text-align:center;
  justify-content: center;
  width:65%;
}

.personal img{
  width: 100px;
  height: 100px;
}

.personal .p_username{
  margin:10px;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #033e3b;
}

.personal .mobile_only .p_username{
  text-align:left;margin-bottom:5px
}

.personal .p_package_mb{
    margin:10px;
    font-size: 13px;
    color: #033e3b;
}

.abs_rating
{
  padding:5px 10px;
  color: #00535e;
  font-weight: bold;
  border-radius: 5px;
  border: solid 1px #2ec9c2;
  background-color: #ffffff;
}

.web_only .abs_rating{
  width:auto;
  margin-top:10px;
  display:inline-block
}

.relative-box
{
    position:relative;
    border-bottom:solid 1px #d9d9d9;
}

.absolute-box
{
    position:absolute;top:0;right:0;
}

.personal .p_package{
  font-size: 14px;
  margin:12px 12px 5px 12px;
  color: #033e3b;
  
}

.personal .p_protect{
  height: 14px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  position:relative;
  letter-spacing: normal;
  color: #19bf41;
}

.personal .p_unprotect{
  color: #ff1010;
}

.personal .p_protect i{
  margin-left: 10px;  
}

.personal .right-content a{
  height: 45px;
  max-width: 500px;
  min-width: 30%;
  display: flex;
  margin: auto;
  margin-top: 1%;
  padding: 23px 5px 23px 15px;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #d9d9d9;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  color: #08336e;
  cursor:pointer;
}

.personal .right-content span{
  display: flex;
  align-items: center;
}

.personal .right-content a i{
  font-size: 18px;
  /*margin: 20px 12px 20px 10px;*/
  color: #08b2aa;
}

.rowlink-rightval i{
  color: #033e3b;
}

.web_only
{
    display:block;
}
.mobile_only
{
    display:none;
}


/**desktop: only **/
@media only screen and (min-width: 767px) {
    .usdt_addr_wrap .usdt_addr{
        padding-right:20%;
    }

    
  
  
}
@media only screen and (max-width: 767px) {
  .personal .bottom_centent{display:block;}
  .personal .left_content{width:100%;}
  .personal .right-content{width:100%;}
  .personal .alert{display:none;}
  .personal .alert2{display:block;}
  .personal .statusbox{display:block;}
  .web_only{display:none;}
  .mobile_only{display:block;}

  .ss_wrap {
    position:relative;
    left: 0;
    right: 0;
    top: 10%;
    padding:0;
    width: 50%;
  
    margin:0 auto 0;
    overflow-y: scroll;

}
.ss_wrap img{
    width: 100%;
    

}

    #download-modal .close_modal_icon {
        font-size: 16px;
        position: fixed;
        right: 7%;
        top: 8%;
        color: #fff;
    }

    #download-modal .download_btn {
        max-width: unset;
        width: 100%;
        padding: 17px 0px 15px;
    }
    .usdt_addr_wrap {
      width:80%;
    }
}


/************************************** LANGUAGE SETTING *************************/
.language_setting .language_title{
   width: 100%;
    max-width: 500px;
    margin: auto;
    color: #08b2aa;
    margin: 12px auto;
}

.language_setting .box {
    height: 50px;
    width:100%;
    max-width: 500px;
    display: flex;
    margin: auto;
    margin: 12px auto;
    padding: 15px 30px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
    cursor: pointer;
    color: #a5a5a5;
}

.language_setting .box:hover{
  color: #033e3b;
}


.language_setting .box i{
  color: #19bf41;
}


.language_setting .box_select{
  color: #033e3b;
  border: solid 2px #08b2aa;
}




  /********** top up, convert **************************/
  .topup .intro{
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #717171;
    padding-top: 20px;
  }

  .add_btn
  {
    text-align:center;
    cursor:pointer;
    color: #033e3b;
    font-weight: 700;
    /*font-family: GothamBold;*/
    text-decoration:underline;
    font-size:0.97em;
  }

  .topup .method_flex{
    display:flex;
    justify-content: space-between;
  }

  .topup .bonus{
    font-size: 14px;
    font-weight: 500;
    margin-bottom:0px;
    color:#033e3b; 

  }
  .topup .bonus2{
    font-size: 18px;
    font-weight: bold;
    color:#033e3b; 
  }

  .topup .copyqr{
    width:100%;
    text-align: right;
    cursor:pointer;
    color: #08b2aa;
    font-size: 13px;
    font-weight: bold;
  }


  .topup .usdt img{
    width: 72px;margin-right:20px;margin-bottom: 0px; padding: 3px;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
  }

  .convert_icon{
    text-align: center;
    margin-top: 16px;
    font-size: 15px;
    color:#19bf41;
  }

  .topup .method_box{
    cursor:pointer;
    width: 240.1px;
    display:flex;
    /*height: 55px;*/
    justify-content: space-between;
    padding: 18px 10px 10px 18px;
    border-radius: 8px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e0e0e0;
    color:#a5a5a5;
    background-color: #ffffff;
    font-size: 14px;
    position: relative;
  }

  .topup .method_box.active{
    color:#033e3b;
    border: solid 1px #08b2aa;
  }

  .topup .method_box i{
    color:#d8d8d8;
    font-size: 20px;
    float: right;
    margin-top: -5px;
  }

  .topup .method_box.active i{
    color:#19bf41;
    font-size: 20px;
    float: right;
    margin-top: -5px;
  }

  .topup .cash-content-display-flex{
    color:#d8d8d8;
    text-align: center;
  }

  .topup  .transfer-amt-box{
    /*font-family: GothamBold;*/
    color: #227373;
    font-size: 16px;
    text-decoration: underline;
  }

  .flex-pow-4  .withdraw-amt-sublbl{
    font-size: 13px;
    color: #717171;
  }

  .flex-pow-4 .withdraw-amt-subval
  {
    /*font-family: GothamBold;*/
    color: #033e3b;
    font-size: 13px;
  }

  .topup .total{
    margin: 0 31px 22px 0;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #033e3b; 
  }

  .topup .total span{
    margin-right:10px;
  }

  .box_container .total{
    display: flex;align-items: center
  }

  .topup .total input{
    border:none;background: unset;border: unset;
  }


  .topup a{
    color:#227373;
    margin: 18px;  
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
  }

  .topup .grey_content{
    color: #717171;
    font-size: 13px;
    font-weight:bold;
    margin-bottom:5px;
  }

  .topup .black_content{
     color: #000000;
     font-weight: bold;
    font-size: 12px;
    word-wrap: break-word;
    width:calc(100% - 90px);
  }


  .topup .attachment_box{
    margin: 10px 0 32px;
    text-align: center;
    padding:35px;
    border-radius: 8px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e0e0e0;
    background-color: #ffffff;color: #08b2aa
  }

  .topup .upload-text{
    font-size: 14px;
    font-weight: 500;
  }
  .topup .upload-text div{
    margin-bottom: 10px;
  }

  .topup .upload-text i{
    color:#d8d8d8; 
    font-size:20px;
    margin-top: 10px;
  }

  .topup img{
    width: 119px;
    object-fit: cover;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 31px;
  }

/*  .topup .img_action{
    display:flex;
    justify-content: space-between;
  }*/

  .topup u{
    text-align: center;
    cursor:pointer; 
    font-weight: bold;
    font-size: 14px;
  }


.topup .box_container .filter-option{
    text-align: left !important;
     font-size: 14px;
     color: #033e3b;
     font-weight: bold;
     margin-left: -30px;
  }

 .topup  option{
    color:white;
    background-color:#08b2aa;
    border-radius: 20px
  }

  .flex-box-topup
  {
    display:flex;flex-direction:row;padding-top:10px
  }
  .left_flex_space
  {
    width:5%;
  }
  .right_flex_space
  {
    width:5%;
  }
  .flex_pow4
  {
    width:22.5%;text-align:center;border-right:1px solid #a5a5a5;
  }
  .flex_pow4n
  {
    width:22.5%;text-align:center;
  }
  .flex_pow
  {
    width:90%;text-align:left;
  }
  .flex-pow-4
  {
    width:46%;text-align: left;
  }
  .flex-pow-5
  {
    width:50%;text-align: left;
  }


  u.preview{color:#033e3b;}
  u.delete{color:#ff1010}

  @media only screen and (max-width: 767px) {
    .topup  .transfer-amt-box{
        /*font-family: GothamBold;*/
        color: #227373;
        font-size: 16px;
        text-decoration: underline;
    }

    .flex-pow-4  .withdraw-amt-sublbl{
        font-size: 11px;
        color: #717171;
    }
    
    .flex-pow-4 .withdraw-amt-subval
    {
        /*font-family: GothamBold;*/
        color: #033e3b;
        font-size: 11px;
    }
  }


/**************** invite friends ****************************/

.flex-container-invites {
    display: flex;
}
  
.flex-container-invites > div.spacing {
    margin: 10px;
    padding: 20px;
    width: 25%;
}

.flex-container-invites > div.centerbox {
    margin: 10px;
    padding: 20px;
    width: 50%;
}

.flex-container-invites > div.centerbox div.main1 
{
    padding-top:0px;text-align:center
}

.flex-container-invites > div.centerbox > div.main1 > div.main-inner
{
    padding-top:20px;padding-bottom:10px
}

.flex-container-invites > div.centerbox > div.main1 > div.main-inner span
{
    font-size: 16px;color: #08b2aa
}

.bigger-invites-txt
{
    font-size: 30px;color: #033e3b;
}

.flex-containerinner-invites {
    display: flex;
}

.flex-containerinner-invites > div.left {
    margin: 10px;
    padding: 20px;
    width: 40%;
}

.flex-containerinner-invites > div.left div.i2 
{
    background:#fff;padding:10px;border-radius:5px;box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1)
}
.flex-containerinner-invites > div.right-big {
    margin: 10px;
    padding: 20px;
    width: 60%;
}

.flex-containerinner-invites > div.right-big div.i2
{
    padding-top:15px;text-align:left
}

.flex-containerinner-invites > div.right-big > div.i2 span
{
    font-size: 13px;color: #033e3b;
}

.smallll-txt
{
    border: solid 1px #2ec9c2;border-radius: 5px;background-color: #ffffff;padding: 3px;margin-top:20px;width:80%;color: #00535e;font-size:13px;font-weight:bold
}

.mb-bx-invite
{
    padding-top:20px;padding-bottom:10px;text-align:center
}

.mb-bx-invite span 
{
    font-size: 16px;color: #08b2aa;
}

.mb-2-invite-txt
{
    font-size: 30px;color: #033e3b;
}

.mb-invites-qr-box
{
    background:#fff;padding:10px;border-radius:5px;box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);;margin-left:20%;margin-right:20%;
}

.mb-invites-small-bnox
{
    padding-top:20px;padding-bottom:10px;text-align:center
}

.mb-invites-small-bnox span{
    font-size: 12px;color: #033e3b;
}

.last-mb-invite-small
{
    text-align:center;border: solid 1px #2ec9c2;border-radius: 5px;background-color: #ffffff;padding: 3px;color: #00535e;font-size:12px;font-weight:bold;margin-left:18%;margin-right:18%;
}


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

}



/**************** transactions ,Top Up History ****************************/

.history .total{
  text-align: center;
  color:#a5a5a5;
  padding-top: 20px;
  font-size: 13px;
}

.wallet-group{
  display:flex; 
  justify-content: space-between;  
  margin: 5px 0px;
}

.wallet-title{
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  color: #033e3b;
  /*font-family: GothamBold;*/
}

.wallet-ammount{
  font-size: 17px;
  font-weight: bold;
  text-align: right;
  color: #033e3b;
  /*font-family: GothamBold;*/

}

.wallet-content{
  color: #181818;
  margin:10px 0px;
  font-size: 13px;
}

.rowlink-date{
  text-transform:uppercase; 
  font-size: 12px;
  color: #033e3b;
  margin:10px 0px 0 0;

}

.rowlink-status{    
  border-radius: 5px;
  border: solid 1px #19bf41;
  background-color: #ffffff;  
  width: 89px;
  font-size: 13px;  
  color: #19bf41; 
  font-weight: bold;  
  text-align: center;
  padding:3px;
}
.rowlink-via{
  font-size: 13px;
  font-weight: 600;
  color: #033e3b;
  margin:10px 0px
}

.rowlink-view{
  border-radius: 8px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e0e0e0;
  background-color: #ffffff;
  color:#033e3b;
  text-align: left; 
  padding: 10px 15px;
  cursor:pointer;
  position: relative;
}

.rowlink-view .right-icon
{
    position:absolute;
    right:20px;
    top:15px;
    font-size:12px;
}

.rowlink-view .left-label
{
    color: #033e3b;
    font-weight:500;
    font-size: 14px;
}

.negative{color:#ff5151}

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

    .wallet-ammount{
        font-size: 14px;
        font-weight: bold;
        text-align: right;
        color: #033e3b;
        /*font-family: GothamBold;*/
    }

    .history .total{
        text-align: center;
        color:#a5a5a5;
        padding-top: 20px;
        font-size: 12px;
    }

    .rowlink-view .right-icon
    {
        position:absolute;
        right:20px;
        top:13px;
        font-size:10px;
    }
    .rowlink-view .left-label
    {
        color: #033e3b;
        font-weight:500;
        font-size: 12px;
    }
}


/************* dashboard desktop view ***********************8*/

/*top part*/
.dashboard .bonus_rank .user{
  color:#033e3b; 
  font-size:14px;
  font-weight: bold
}

.dashboard .personal img{
  width:50px;
  height:50px;
}

/* top boxes */
.dashboard .fullbox{
  margin:20px;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e0e0e0;
  background-color: #ffffff;
}

.dashboard .fullbox hr{
  margin:10px 0px
}
.dashboard .website{
  font-size: 16px;
  color: #033e3b;
  font-weight: bold
}

.dashboard .text1{
  color: #033e3b; 
  font-weight:500;
  font-size: 13px;
}

.dashboard .box{
  width: 50%;
  margin:20px;
  padding: 32px 27px 20px 30px;
  border-radius: 8px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e0e0e0;
  background-color: #ffffff;
}

.dashboard .link{
  float:right; 
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #033e3b;
  cursor:pointer;
  font-size: 0.875em;
}

.dashboard .box .link_convert
{
    float:right; 
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #033e3b;
  cursor:pointer;
  font-size: 0.875em;
  /*margin-top: 10px;*/
  display:block;
}

.dashboard .icons_group .group .link_convert_mb
{
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #033e3b;
  cursor:pointer;
  font-size: 0.875em;
  margin-top: 10px;
  display:none;
  font-size: 12px;
}

.dashboard .icons_group .convert_mb
{
    display: none;
}

.dashboard .container_title{
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  /*line-height: normal;*/
  letter-spacing: normal;
  color: #08b2aa;
}

.dashboard .price{
    font-size: 1.75em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    /*line-height: normal;*/
    letter-spacing: normal;
    color: #033e3b;
    margin:3px 0px;
    /*font-family: GothamBold;*/
}

.dashboard .rank{
    font-size: 18px !important;
    font-weight: bold;
    color: #033e3b !important;
    margin:3px 0px;
}

.dashboard .poll img{
  margin-right:10px;
}

.dashboard .poll .container_title{
  margin-bottom:10px;
}

.dashboard .p_protect_label{
    font-size: 0.875em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /*line-height: normal;*/
    letter-spacing: normal;
    color: #033e3b;
    /*margin:3px 0px;*/

}

.dashboard .defaultset
{
    font-size: 0.875em;

}

.dashboard .icons_group{
  display:flex;
  justify-content: center;
  font-size: 50px;
  color:#d8d8d8;
  align-items: center; 
}

.dashboard .icons_group hr{
 border-left: 2px solid #e0e0e0;
 border-top: 40px solid #e0e0e0;
}


.dashboard .group{
  text-align: center; 
  cursor:pointer;
  width:50%;
  margin:0px 15px;
}

.dashboard .group i{
  font-size:25px;
}

.dashboard .group_sub {
  font-size: 14px;
  /*margin-left: 5px;*/
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #08b2aa;

}

.dashboard .group_price{
  font-size: 14px;
  color:#033e3b;
  font-weight:bold;
}

.dashboard .icons_group.sales i{
  display:none;
}



/*botom boxes*/
.dashboard .bonus_rank{
  display:flex; 
  justify-content: space-between;
  margin: 15px 0px;
  align-items: center; 
}

.dashboard .bonus_rank img{
  margin-right: 10px
}

.dashboard .bonus{
  color:#033e3b;
  font-size:18px;
  font-weight: bold;
}

.dashboard hr{
  margin: 0px;
}

.dashboard .rank{
  color:#19bf41;
  font-size:13px
}

.dashboard .personal .we-space
{
    margin:0px 20px;
}



@media only screen and (max-width: 767px) {
  .dashboard .box{width: auto;margin:20px 0;padding:25px 15px 20px 15px;}
  .dashboard .display_change{display: block;}
  .dashboard .fullbox{
    margin:0px;
  }
  .dashboard .icons_group.sales{
    display:block;
    text-align: left
  }

  .dashboard .icons_group.sales .group{
    display:flex;
    align-items: center;
    width:100%;
    margin:auto;
    padding:15px 5px;
    justify-content: space-between;
  }

  .dashboard .icons_group.sales .group div{
    text-align: left;
  }

  .dashboard .icons_group.sales i{
    display:block;
  }

  .dashboard .icons_group.sales hr{
   border-left: auto;
   border-top: 1px solid #e0e0e0;
  }
  .dashboard .package{
    display:none;
  }

/*  .dashboard .package2{
    display:flex;align-items: center
  }*/

  .dashboard .personal .we-space
    {
        margin:0px 5px;
    }

    .dashboard .personal img{
        width:50px;
        height:50px;
        margin-left:0px;
    }

    .dashboard .p_protect_label{
        font-size: 1em;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        /*line-height: normal;*/
        letter-spacing: normal;
        color: #033e3b;
        /*margin:3px 0px;*/
    
    }

    .dashboard .container_title{
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        /*line-height: normal;*/
        letter-spacing: normal;
        color: #08b2aa;
    }

    .dashboard .group_price{
        font-size: 12px;
        color:#033e3b;
        font-weight:bold;
    }

    .dashboard .box .link_convert
    {
        
        display:none;
    }

    .dashboard .icons_group .group .link_convert_mb
    {
        
        display:block;
    }

    .dashboard .icons_group .convert_mb
    {
        display: block;
    }

}


/************************** Success (Convert, forgetPassword) **********************/
.success_page img{
  width: 111.3px;
  height: 60px;
}

.success_page .title{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #033e3b;
  margin: 20px 0px;
  margin-top:40px;
}

.success_page .sub_title{
  font-size: 14px;
  font-weight: bold;
  line-height: 1.29;
  margin: 20px 0px;
  text-align: center;
  color: #033e3b;
}

.success_page i{
  color: #19bf41;
  font-size: 25px;
}

.success_page .btnConvert{
  font-weight: bold;
  color: #033e3b; 
  margin:18px;
  font-size:14px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e0e0e0;
  background-color: #ffffff;
  width: 180px;
  cursor:pointer;
}


/************* customer services view ************************/
.customer-service-img{
  width: 31px;
  height: 31px;
  border-radius: 50%
}

.customer_service .chatbox{
  display:inline-block;
  margin: 6px 0;
  font-size:13px;
  font-weight: bold;
  padding: 12px 20px 13px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e0e0e0;
  border-radius: 5px;
  color: #00535e;
  background-color: #ffffff
}

.customer_service .sender,.customer_service .load{
  text-align: right
}

.customer_service .sender .chatbox{
  color: #ffffff;
  background-color: #08b2aa;  
}

.customer_service .reply_box{
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
  padding:20px 0px;
  width:100%;
  background-color: #ffffff;
  position:absolute;
  position:fixed;
  bottom: 0%; 
  left: 0%;
  text-align: center
}

.customer_service .reply_box i{
  font-size:20px;
  margin: 0px 5px;
  color: #08b2aa;
  cursor:pointer;
}

.customer_service .reply_box input{
  max-width: 500px;
  font-size:14px;
  width:calc(100% - 100px);
  height: 40px;
  padding: 12px ;
  outline: none;
  border-radius: 5px;
  border: solid 2px #f1f1f1;
  background-color: #ffffff;
}

.customer_service .line {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 15px;
  background-color: #bdbdbd;
  margin-bottom: 5px;
}

.load .line:nth-last-child(1) {
  animation: loading 0.9s 0.1s linear infinite;
}
.load .line:nth-last-child(2) {
  animation: loading 0.9s 0.2s linear infinite;
}
.load .line:nth-last-child(3) {
  animation: loading 0.9s 0.3s linear infinite;
}

@keyframes loading {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}



/************************ team member, sponnsor *****************/
.team .title{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  font-size: 13px;
  letter-spacing: normal;
  color: #08b2aa;
}

.team .r_box{
  padding:10px 0px !important;
}

.team .title_count{
  font-size: 20px ;
  font-weight: bold;
  color: #033e3b;
  margin-top:10px;
}

.team .team_row{
  font-size: 16px;
  margin-left:15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #033e3b;
}

.team .team_row span{
  font-size: 16px;
  font-weight: 500;
  color: #08b2aa;
  margin-right: 10px
}

.team .team_status{
  font-size: 14px;
  font-weight:bold;
  color: #033e3b;
}

.team .team_status2{
  font-size: 14px;
  font-weight:bold;
  color: #19bf41;
}

.team .team_status.unactive{
  color: #a5a5a5;
  margin:0px 20px 0px 10px
}

.team .team_status i{
  margin:5px 20px 0px 10px;
  font-size: 9px;
}

.level-mem
{
    color: #05bf12;
    font-size: 13px;
}


/********************* END customer services **********************************/

a,
button,
input[type=submit] {
    transition: color .2s ease-in-out 0s, background .2s ease-in-out 0s;
    -webkit-transition: color .2s ease-in-out 0s, background .2s ease-in-out 0s;
    -moz-transition: color .2s ease-in-out 0s, background .2s ease-in-out 0s;
    -o-transition: color .2s ease-in-out 0s, background .2s ease-in-out 0s;
}

.login_subtext {
    font-size: 16px;
    text-align: center;
    color: #000000;
}

.js-vmid.js-vmid-mob {
    padding-top: 0 !important;
}



.icon-content,
.active .nav-head .menu-icon {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe43a), to(#ffc51b));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.newloginbg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('../img/desktop_bg.jpg?v=1.1') #0a0905;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

.footer-nav .nav-parent {
    height: 50px;
}

.footer-nav .nav-parent.opened.active {
    height: 50px;
    background-image: linear-gradient(to bottom, #ffe43a -150%, rgba(0, 0, 0, 0));
    border-radius: 10px;
}


/*button link*/

.textlink {
    color: #969594;
    text-decoration: none;
    font-size: 1.125em;
    color: #fff;
}

.textlink2 {
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.875em;
}

.textlink2--larger {
    font-size: 1em;
}

a.textlink2:hover {
    color: rgba(0, 0, 0, 0.7);
}

.mini-notification-alert {
    background-color: #ec1c24;
    display: inline-block;
    width: 17px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    margin-right: 20px;
}

input[type="date"].form-control {
    line-height: unset;
    color: #000;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    margin-left: 6px;
    padding-right: 6px;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    cursor: pointer;
}


.overlay-header .js-clone-resp .js-clone {
    display: none;
}

.overlay-close {
    right: 0;
    top: 10px;
}

div.hidden-xs {
    padding: 15px 0;
}

.container.header-nav {
    padding: 0;
    padding-top: 10px;
}

span.hidden-xs {
    vertical-align: text-bottom;
    padding-left: 10px;
    display: none;
}

.btn {
    padding: 0px 0px;
    font-size: 1em;
    font-weight: 400;

}

.btn:focus {
    outline: 0
}

.btn-secondary {
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(18, 18, 18, 0.59));*/
    border-radius: var(--form-1-button-border-radius);
    background-color: #08b2aa;
    /*border: solid 2px #4581ff;*/
    max-width: 500px;
    color: #fff;
}

.btn-view-primary{float: right;margin-top: -10px;padding: 5px 15px !important;}
/*
.form-btn-parent-right.u-floatnone-xs {
    margin-top: 30px;
}*/

.whiteborder {
    margin: auto;
    width: 100%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.91) 1%, rgba(47, 213, 59, 0) 100%);
    height: 2px;
    margin-top: -15px;
    min-width: 500px;
}

.container-fluid {
   /*  max-width: 1140px; */
    padding: 0;
}

.btn-primary {
    font-size: 1em;
    color: #000;
    text-align: center;
    padding: 10px 15px;
    max-width: 500px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
     background-color:#0068d1;
     color:white;
    max-width: 200px;
    font-weight:bold;
    /*font-family: GothamBook;*/
}

.btn-danger {
    font-size: 0.95em;
    color: #fff;
    text-align: center;
    padding: 13px 15px;
    min-width: 145px;
    border-radius: var(--form-1-button-border-radius);
    -moz-border-radius: var(--form-1-button-border-radius);
    -webkit-border-radius: var(--form-1-button-border-radius);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #ff3333);
    background-color: #d9534f00!important;
    border-bottom: hidden;
    border-color: #d43f3a00!important;
}

.btn-primary--2 {
    font-size: 0.9em;
    color: #fff;
    text-align: center;
    line-height: 22px;
    padding: 11px 15px;
    min-width: 145px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #ff3333);
    background-color: #d9534f00!important;
    border-bottom: hidden;
    border-color: #d43f3a00!important;
}

.cta-underbox {
    display: block;
    font-size: 1.25em;
    line-height: 30px;
    color: #151515;
    position: relative;
}

.cta-underbox-arrow {
    position: absolute;
    right: 42px;
    line-height: 30px;
    top: 50%;
    margin-top: -15px;
}

.btn-action {
    background: #d2a64d;
    background: linear-gradient(to bottom, #c38d2c 0%, #ecc870 100%);
    border: 0px;
    font-size: 1.25em;
    line-height: 24px;
    padding: 18px 15px;
    min-width: 140px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    color: #000;
}

.btn-action--circle {
    width: 60px;
    height: 60px;
    padding: 0 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    min-width: 0 !important;
}

.btn-upload {
    background: #30302e;
    color: #fff;
    border: 1px solid #0302e0;
    padding: 16px 30px;
    line-height: 24px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
}

.btn-upload>* {
    vertical-align: middle;
}

.btn-upload-icon {
    width: 26px;
    margin-right: 10px;
}

.btn-action--inrst {
    font-size: 0.75em !important;
    line-height: 16px !important;
    padding: 10px 15px;
    min-width: 0 !important
}

.btn-logout {
    height: 45px;
    border-radius: 22.5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.01);
    background-image: linear-gradient(to bottom, #ff7b7b, #ff4545);
    width: 327px;
    line-height: 1.38;
    font-weight: bold;
    letter-spacing: 1.08px;
    font-size: 13px;
    padding-top: 12px;
}

.btn-submit {
    white-space: nowrap;
    line-height: 16px;
    padding: 12px 15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display: block;
    font-size: 0.813em;
    border: none;
    background-color: #efb07b;
    font-weight: 700;
    color: #000;
    display: inline-block;
    min-width: 300px;
    width: 100%;
}

.header-prelogin--flex .header-prelogin-nav-icon {
    position: relative;
    vertical-align: middle;
    margin-top: 0;
}

.container {
    /*max-width: 1140px;*/
    margin: auto;
}


/*element*/

.alert {
    padding: 15px;
    line-height: 24px;
}

.pill-element {
    background: rgba(248, 196, 99, 0.1);
    color: #ababab;
    font-size: 1em;
    padding: 19px 30px;
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
}

.pill-element--inline {
    margin-left: 10px;
    display: inline-block;
}

.pill-element--inline:first-child {
    margin-left: 0;
}

.icon-equal {
    width: 12px;
}

.pill-element>* {
    vertical-align: middle;
}

.pill-element-title {
    color: #facf71;
}

.bigpill-element {
    padding: 28px 30px;
    border-radius: 38px;
    -moz-border-radius: 38px;
    -webkit-border-radius: 38px;
}

.bigpill-title {
    float: left;
    line-height: 20px;
    font-size: 1.125em;
}

.bigpill-value {
    float: right;
    font-size: 1.25em;
    line-height: 20px;
}

.bigpill-element-block {
    margin-bottom: 15px;
}

.lineinfo-element {
    position: relative;
    min-height: 90px;
    padding: 10px 0;
    font-size: 1.25em;
    border-bottom: 1px solid rgba(248, 196, 99, 0.2)
}

.lineinfo-element:first-child {
    border-top: 1px solid rgba(248, 196, 99, 0.2);
}

.lineinfo-title {
    float: left;
    width: 40%;
    padding: 0 10px 0 20px;
}

.lineinfo-value {
    float: left;
    width: 60%;
    color: #fff;
}

.lineinfo-statement-element {
    padding: 25px 10px;
    border-bottom: 1px solid rgba(248, 196, 99, 0.2);
    border-top: 1px solid rgba(248, 196, 99, 0.2);
    text-align: center;
    margin-top: 40px;
}

.lineinfo-statement-title {
    font-size: 1.25em;
}

.lineinfo-statement-value {
    font-size: 1.875em;
    color: #facf71;
}

.lineinfo-inner {
    margin-top: 20px;
}

.lineinfo-inner:first-child {
    margin-top: 0 !important;
}
.ready_phase{color:#f2b80d;font-size: 30px;font-weight: bold; line-height: 0.5;margin-top:0;}
    .not_ready_phase{color: #d9d9d9;font-size: 30px;font-weight: bold; line-height: 0.5;margin-top:0;}

/*home*/

.dashboard_info_container {
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border-radius: var(--form-1-button-border-radius);
    box-shadow: 0 2px 10px 0 #f1f1f1;
    padding: 25px 0;
    border: solid 2px #f1f1f1;
    width: 48%;
}

.dashboard_icon {
    display: inline-block;
    vertical-align: super;
    margin-right: 20px;
}

.dashboard_info_container .sponsor_level {
    display: inline-block;
}



span.minutes {
    display: block;
    margin-top: 10px;
}

#navbar {
    display: none;
}

.load-more-icon img {
    width: 45px;
}

.mobile-view {
    display: none;
}

.desktop-view {
    display: block;
}


/*Article*/

.section-article {
    float: left;
    margin-left: -2%;
    margin-bottom: 5%;
    width: 102%;
    max-width: 770px
}

.articleBox {
    margin-left: 5%;
    margin-bottom: 5%;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    border: solid 2px #f1f1f1;
    background-color: #ffffff;
}

.articleImage {}

.articleTitle {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.04px;
    color: #000000;
    margin: 10px;
}

.articleDate {
    font-size: 11px;
    line-height: 1.64;
    color: #919191;
    margin: 0 10px 10px;
    text-align: justify;
}

.article_content {
    padding-top: 20px;
    line-height: 1.92;
    letter-spacing: 1px;
    color: #696969;
}

.section-articles {
    margin-bottom: 100px;
}

.articleBox.item:hover {
    transform: translateY(-0.5rem) scale(1.0125);
    box-shadow: 0 0.5em 3rem -1rem rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.my-masonry-grid-item {
    margin: 0 6px 12px;
    padding: 0 10px;
}


/*wallet*/

.wallet_banner {
    background: url('../img/elements/titile-banner1-min.jpg') no-repeat center;
    height: 133px;
    background-size: cover;
    color: #fff;
    padding: 40px;
}

.top-tabs .tab-menu {
    list-style: none;
    display: inline-block;
    background-color: #162a49;
    font-weight: 500;
    width: 100%;
    font-size: 12px;
    text-align: center;
    padding-left: 0;
}

.top-tabs li {
    display: inline-block;
    position: relative;
    width: 13.3%;
    transition: .55s;
}

.top-tabs li a {
    position: relative;
    display: block;
    padding: 10px 0px;
    color: #919191;
    opacity: .5;
    text-align: center;
    font-weight: bold;
}

.top-tabs li a:hover,
.top-tabs li a:focus {
    text-decoration: none;
    color: #999;
    opacity: 1;
}

.top-tabs li.active {
    background-color: transparent;
    border-bottom: 1px solid #40bbff;
}

.top-tabs li.active a,
.top-tabs li.active a:hover,
.top-tabs li.active:focus {
    opacity: 1;
    color: #fff;
    font-weight: bold;
}

.profile_tab {
    margin-bottom: 15px;
    margin-left: 15px;
    border-radius: 10px;
    text-align: left;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    border: solid 2px #f1f1f1;
}

.profile_tab:hover {
    transform: translateY(-0.5rem) scale(1.0125);
    box-shadow: 0 0.5em 3rem -1rem rgba(0, 0, 0, 0.5);
}

.tab_label {
    display: block;
    font-size: 12px;
    color: #000;
}

.result-button {
    text-align: center;
    padding-right: 0;
}

.sponsor_current_level {
    display: block;
    font-size: 13px;
    color: #919191;
}

.sponsor_next_level {
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: 900;
}

/*.tab-content {
    margin-bottom: 200px;
    margin-left: -20px;
}

.tab-content>.active {
    margin-top: 10px !important;
}*/


/*Project*/

.roadmap.roadmap--orientation-vertical {
    width: 100%;
    margin-top: 20px;
}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events:after {
    height: 100%;
    width: 2px;
}

.roadmap.roadmap--orientation-vertical .roadmap__events {
    width: 100%;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) .event {
    top: 50px;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:after {
    display: none;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(1):before {
    display: block;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:before {
    background-color: #ffc51b;
    display: none;
}

.roadmap.roadmap--orientation-vertical .roadmap__events:after {
    background-color: #ffc51b;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event .event {
    width: 47%;
    top: unset;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event .event .event__date {
    font-weight: bold;
    color: #000;
    font-size: 13px;
    margin-bottom: 15px
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event .event {
    color: #919191;
    line-height: 1.33;
    font-size: 12px;
}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event .event {
    text-align: left;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    border: solid 2px #ffc51b;
    background-color: #ffffff;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event {
    bottom: 0;
}

.roadmap-icon {
    font-size: 20px;
    margin-bottom: 10px;
    color: #d9d9d9;
}

.event__content {
    width: 80%;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event__group {
    border-left: 5px solid #ffc51b;
    margin-left: -20px;
    padding-left: 20px
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) .event__group {
    border-right: 5px solid #ffc51b;
    margin-right: -20px;
}

.project_header {
    position: absolute;
    background: #fff;
    margin-top: 80px;
    width: 100%;
    top: 0;
    left: 0
}

.project_details {
    max-width: 1140px;
    margin: auto;
    position: relative;
    padding-top: 30px;
}

.project_details_phase2 {
    border-radius: 10px;
    background-color: #2fc0b9;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    padding: 5px 15px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px
}

.project_status {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    margin-top: 400px;
    position: relative;
}

.phase_4,
.phase_3,
.phase_2,
.phase_1 {
    position: absolute;
    top: 50px;
    right: 50px;
    color: #fff;
    border-radius: 10px;
    padding: 2px 15px;
    font-size: 11px;
    font-weight: bold;
}

.phase_3 {
    background: #d4a34c;
}

.phase_2 {
    background: #2fc0b9;
}

.phase_1 {
    background: #2575b6;
}

.project_pic {
    width: 120px;
    border: solid 1px #f1f1f1;
    border-radius: 5px;
}

.project_status_label {
    font-size: 10px;
    color: #919191;
    float: right;
    margin-right: 50px;
    margin-top: 10px;
}

.project_name {
    font-size: 16px;
    font-weight: 900;
    color: #000;
    margin-bottom: 15px
}

.project_details_status {
    display: inline-block;
    margin-left: 100px;
    position: relative
}

.project_tab_details .personal_informative_label {
    width: 100%;
}


/*deposit*/

.project_tab {
    width: auto;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    border: solid 2px #f1f1f1;
    background-color: #ffffff;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
}

.project_tab:hover {
    box-shadow: 0 2px 10px 0 #ccc;
    cursor: pointer;
}

.project_tab_details {
    text-align: left;
    padding: 20px 0;
    max-width: 450px;
}

.project_tab_name {
    font-size: 16px;
    font-weight: 900;
    color: #000;
    margin-bottom: 10px
}

.project_tab_date {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px
}

.deposit_banner {
    background: url('../img/elements/titile-banner2-min.jpg') no-repeat center;
    height: 133px;
    background-size: cover;
    color: #fff;
    padding: 40px;
}

.top-tabs .tab-menu.deposit li {
    width: 23.3%;
}

.top-tabs .tab-menu.deposit li.active {
    background-color: transparent;
    border-bottom: 1px solid #40bbff;
}

.deposit_number {
    color: #fff;
}

.deposit_status {
    display: inline-block;
    color: #2fd53b;
    float: right;
    font-size: 11px;
}

.status_color {
    background: #2fd53b;
    border-radius: 50%;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
}

.deposit_left {
    display: inline-block;
    color: #fff;
    width: 100%;
    margin-top: 10px;
}

.deposit_amount {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.05px;
    float: right;
}

.deposit_container {
    background-color: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 0;
    position: relative;
    margin: 15px 0 20px;
}

.panel-thumbnail {
    background: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    height: 240px;
    color: #fff;
    padding: 20px 15px;
    text-align: center;
}

.deposit_package_name {
    letter-spacing: -0.05px;
    color: #40bbff;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    display: block;
}

.deposit_percentage {
    display: block;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.09px;
    text-align: center;
    margin: 10px 0 5px;
}

.deposit_open_account {
    font-size: 13px;
}

.deposit_open_account_amount {
    font-size: 13px;
    font-weight: bold;
}

.deposit_trade {
    font-size: 13px;
}

.deposit_trade_number {
    font-size: 13px;
    font-weight: bold;
}

button.thumb {
    width: 90%;
    padding: 10px 10px;
    font-size: 13px;
}


.package-main-div {
    max-width: 650px;
    margin: auto;
}

.panel-package {
    color: #fff;
    background: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    padding: 30px 25px 0;
    margin-bottom: 60px;
}

.package_wrap {
    border: 2px solid #40bbff;
    border-radius: 8px;
    margin: auto;
    width: 80px;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
}

.package_package_name {
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
}

.package_package_number {
    text-align: center;
    display: block;
    font-size: 30px;
    font-weight: bold;
}

.package_title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin: 30px;
}

.package_filter_price {
    display: inline-block;
    color: #40bbff;
    font-weight: bold;
    font-size: 14px;
    float: right;
}

.pacakge_trade,
.package_MT,
.package_open_account {
    float: left;
    font-size: 12px;
}

.pacakage_percentage {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #40bbff;
}

.package_benefits {
    width: 49%;
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
}

.filter_panel {
    background: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    height: 266px;
    color: #fff;
    padding: 20px;
    width: 30%;
    display: inline-block;
}

.filter_range {
    margin-top: 20px;
}

.filter_range label {
    font-size: 13px;
}

label.form-label-checkbox.green-text.checked {
    font-weight: bold !important;
}

.checkbox-box {
    width: 18px;
    height: 18px;
    left: 3px;
    top: 0;
    position: absolute;
    border-radius: 5px;
}

.checkbox-box.white {
    background: #183b4e;
    top: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.checkbox-box .icon-check {
    position: absolute;
    display: none;
}

.form-label-checkbox.checked .icon-check {
    display: inline-block;
    background: #40bbff;
    color: #fff;
    font-size: 10px;
    padding: 5px 4px;
    border-radius: 4px;
}

.filter_result {
    display: inline-block;
    width: 66%;
    float: right;
    color: #fff;
}

.filter_list {
    background: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    padding: 15px 25px;
    margin-bottom: 15px;
}

.filter_left {
    display: inline-block;
    text-align: left;
    width: 68%;
    vertical-align: middle;
}

.filter_package {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

.filter_desc {
    display: block;
    font-size: 11px;
    padding-bottom: 2px;
}

.filter_datetime {
    display: block;
    font-size: 11px;
    color: #919191;
}

.filter_right {
    display: inline-block;
    text-align: right;
    width: 30%;
    vertical-align: middle;
}

.filter_price {
    display: block;
    color: #40bbff;
    font-weight: bold;
    font-size: 15px;
}

.filter_status_pending {
    font-size: 11px;
    color: #919191;
    padding-top: 20px;
    display: block;
}


/*.filter_status_pending:before{content:'等待中';}*/

.filter_status_rejected {
    font-size: 11px;
    color: #ff4545;
    padding-top: 20px;
    display: block;
}


/*.filter_status_rejected:before{content:'已拒绝';}*/

.filter_status_approved {
    font-size: 11px;
    color: #2fd53b;
    padding-top: 20px;
    display: block;
}


/*.filter_status_approved:before{content:'已批准';}*/

div#buy_package_dropdown {
    background-color: rgba(69, 129, 255, 0.1);
    border-radius: 22.5px;
    margin: 30px auto;
}

div#buy_package_dropdown button {
    border-radius: 15px;
    height: 70px;
}

div#buy_package_dropdown label {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2.5px;
    margin: 10px 15px;
    z-index: 1;
    color: #fff;
}

div#buy_package_dropdown .filter-option.pull-left {
    margin-top: -10px;
    font-size: 12px;
}

.buy_package_amount {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 15px 15px;
    color: #40bbff;
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
}

.no_bold {
    font-weight: normal !important;
}

.shortnote {
    font-size: 11px;
    letter-spacing: 0.85px;
    color: #ffffff;
    opacity: 0.5;
    text-align: center;
    display: block;
}

.bottom_thumb {
    bottom: 0;
    position: absolute;
    margin-bottom: 100px;
}

.form-content.tnc-form {
    color: #fff;
    font-size: 11px;
    line-height: 1.77;
    letter-spacing: 1px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 500px;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px;
}


/*Profile*/

.profile-container {
    max-width: 770px;
    margin: auto;
}

.profile_section_title {
    border-radius: 10px 10px 0 0;
    /*background-image: linear-gradient(to bottom, #292929, #121212);*/
    background-color: #ffffff;
    text-align: left;
    padding: 20px;
}

.section_number {
    color: #bdbdbd;
    font-size: 13px;
}

.section_name {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
}

.personal_label {
    font-weight: bold;
    font-size: 15px;
    color: #000000;
}

.personal_informative_label {
    color: #919191;
    font-size: 11px;
    width: 30%;
    display: inline-block;
    margin-right: 10px;
}

.red-dot {
    border-radius: 50px;
    width: 20px;
    background-color: #ec1c24;
    color: #fff;
    margin: 5px;
    float: right;
    margin-top: -15px;
    margin-right: -15px;
}

.profile_tab_icon {
    display: inline-block;
    font-size: 35px;
    margin: 10px 10px 20px 0;
    cursor: pointer;
    vertical-align: middle;
    font-size: 20px;
}



.profile_details {
    border-radius: 15px;
    padding: 12px 20px;
    background-color: rgba(38, 148, 235, 0.05);
    margin: 15px 0;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}

.profile_label {
    line-height: 1.5;
    letter-spacing: 1px;
    font-size: 12px;
    float: left;
}

.profile_result {
    font-size: 13px;
    font-weight: bold;
    float: right;
}

form#theform label,
form#theform2 label,
form#member_profile_form label {
    font-weight: normal;
}

.team_result {
    display: inline-block;
    width: 100%;
    color: #fff;
}

.wallet_record.invite_friend_container {
    margin-top: 130px;
}

.special_postloginbg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../img/elements/Desktop-BG3-min.jpg?v=1.1') center no-repeat;
    background-size: cover;
}

.reward_options {
    border-top: 1px solid #92929226;
    color: #fff;
    padding: 20px 0;
}

.reward_options .form-control {
    box-shadow: none !important;
    width: 90%;
    display: inline-block;
    padding-left: 100px !important;
    text-align: left;
}

.reward_options .form-label {
    position: relative;
    font-size: 15px;
}

.modal-header .close {
    margin-top: -12px;
}

.big_chart {
    width: 30%;
    margin: auto;
    display: inline-block;
    vertical-align: bottom;
}

.chart {
    position: relative;
    display: block;
    margin: auto;
    width: 140px;
    height: 140px;
    text-align: center;
    color: #fff;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent {
    display: inline-block;
    padding-top: 50px;
    font-size: 2em;
    font-weight: bold;
    z-index: 2;
    padding-left: 10px;
}

.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}

.schart,
.team_chart,
.line_chart,
.direct_line_chart {
    position: relative;
    display: block;
    float: right;
    width: 80px;
    height: 80px;
    text-align: center;
}

.schart canvas,
.team_chart canvas,
.direct_line_chart canvas,
.line_chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.spercent {
    display: inline-block;
    padding-top: 30px;
    font-size: 1em;
    font-weight: bold;
    z-index: 2;
}

.spercent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: 1em;
}

.level_name {
    display: inline-block;
    font-size: 20px;
}

.level_member {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #40bbff;
    margin-bottom: 20px;
}

.level_reach {
    display: block;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
}

.level_reach_label {
    color: #40bbff;
    font-weight: bold;
}

;
.level_pending {
    display: block;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
    visibility: hidden;
}

.level_target {
    display: block;
    color: #fff;
    font-size: 11px;
    line-height: 1.64;
}

.level_current {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.team_amount,
.commission_amount,
.benefits_amount {
    color: #40bbff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.38;
    margin: 10px 0 0;
    display: block;
}

i.profile_tab_icon {
    color: #ffc51b;
}

.personal_status {
    font-size: 14px;
    color: #36a03e;
    float: right;
    margin-top: 15px;
}

.personal_details_status {
    position: fixed;
    height: 40px;
    margin-top: 80px;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 10px;
    text-align: center;
    color: #36a03e;
}

.personal_informative {
    padding: 20px;
    text-align: left;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.personal_name {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    width: 64%;
    display: inline-block;
}

.upload-btn-del {
    color: #000;
}

.upload-img-01 img,
.upload-img-02 img,
.upload-img-03 img {
    margin: auto;
}

.input-div{position:relative;}

.upload-img-01 a,
.upload-img-02 a,
.upload-img-03 a {
    position: absolute;
    color: #fff;
    font-size: 18px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 50px;
    background: rgba(0, 0, 0, 0.7);
    padding: 15px;
    border-radius: 50%;
    height: 50px;
}

div#zoom-modal img {
    max-width: 100%;
}

div#zoom-modal .modal-dialog {
    max-width: 600px;
}

div#zoom-modal .modal-content,
div#pdf-modal .modal-content {
    background: none;
    box-shadow: none;
    border: none;
}

.modal-close {
    color: #fff;
    padding: 10px;
    float: right;
}

.modal-close:hover {
    cursor: pointer
}

.pdf_page {
    color: #919191;
    font-size: 11px;
    display: block
}

.hide_column {
    display: none;
}

.color_pending {
    color: red;
}

.color_approved {
    color: #36a03e;
}

.icon_pending {
    display: none;
}

.icon_approved {
    display: inline;
}


/*Commission*/

.com_total_amount {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #ffffff;
    display: block;
    margin-bottom: 15px;
}

.com_amount {
    font-size: 25px;
    font-weight: bold;
    line-height: 0.72;
    color: #40bbff;
}

.com_button_icon {
    font-size: 15px;
    vertical-align: middle;
    margin-right: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#7bb8ff), to(#4581ff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.icon_withdrawal_status {
    font-size: 1.5em;
    margin-left: 10px;
    vertical-align: middle;
}

.team_com_total {
    line-height: 1.38;
    letter-spacing: 1.08px;
    font-size: 13px;
    color: #ffffff;
}

#withdrawal_total_amount {
    background: transparent;
    border: none;
    color: #40bbff;
    font-size: 25px;
    font-weight: bold;
    line-height: 0.72;
}

#withdrawal_total_amount::placeholder {
    color: #40bbff;
    font-size: 25px;
    font-weight: bold;
    line-height: 0.72;
}

#withdrawal_total_amount:focus {
    outline: none;
}

.add_button {
    display: inline-block;
    width: 20%;
    margin: 30px 10px;
    padding: 10px 20px;
    cursor: pointer;
    color: #fff;
    background-color: rgba(38, 148, 235, 0.1);
    border-radius: 20px;
    border: none;
}

.add_button:hover {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(18, 18, 18, 0.59));
}

button:focus {
    outline: 0;
}

#success-modal .withdraw_amount {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 30px 0 20px;
}

#success-modal .withdraw_amount_remaining {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1.08px;
    text-align: center;
    color: #fff;
    display: block;
    margin-bottom: 30px;
}


/*sponsor*/


/*MT5*/

.home.main-div .top-tabs {
    min-width: 500px;
}

.home.main-div .top-tabs .tab-menu {
    border-radius: 15px 15px 0 0;
    padding: 0;
    margin-bottom: 0;
}

.home.main-div .top-tabs li {
    width: 49.5%;
}

.home.main-div .tab-content {
    margin-bottom: 0;
}

.buy_currency {
    font-size: 11px;
    color: #40bbff;
    font-weight: bold;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}

.sell_currency {
    font-size: 11px;
    color: #ff4545;
    font-weight: bold;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}

.filter_left.sponsor_steps {
    color: #fff;
    font-size: 13px;
}

.incomplete_step {
    color: #979797 !important;
    font-size: 13px;
}

.form-sponsor {
    width: 100%;
    margin: auto;
}

.filter_result .home-level-box-item {
    width: 100%;
}

#filter_dropdown {
    font-size: 13px;
    float: right;
    color: #40bbff;
}

#filter_dropdown2 {
    font-size: 13px;
    float: right;
    color: #40bbff;
}

#filter_what {
    cursor: pointer;
}

#filter_what2 {
    cursor: pointer;
}

.profile_picture {
    vertical-align: middle;
    text-align: left;
    display: inline-block;
    max-width: 50px;
}

.tab-menu.sponsor_download {
    padding-left: 0;
}

.tab-menu.sponsor_download li {
    width: auto;
}

.tab-menu.sponsor_download li a {
    padding: 10px 2.2rem;
}

.sponsor_level {
    padding: 20px 0;
    text-align: center
}

.sponsor_container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    padding: 25px;
    border: solid 2px #f1f1f1;
    cursor: pointer;
}

.sponsor_container:hover {
    background-color: #fbfbfb;
    cursor: pointer;
}

.sponsor_result:hover {
    background-color: rgba(38, 148, 235, 0.2);
    cursor: pointer;
}

.sponsor_result {
    border-radius: 15px;
    padding: 15px 0;
    background-color: rgba(38, 148, 235, 0.05);
    margin: 15px 0;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}

.sponsor-icon {
    width: 34px;
}

.content {
    display: none;
}

.package>* {
    vertical-align: middle;
    /*display: inline-block;*/
    line-height: 1;
}
/*
.package {
    display: flex;
    padding: 5px 20px;
    min-height: 50px;
    align-items: center;
    background: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    padding: 15px 25px;
    margin-bottom: 15px;*/
    /*border-radius: 8px;*/
    /*box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);*/
    /* border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2)*/
/*}*/

.sponsor-title {
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.65px;
    color: #ffffff;
    margin-bottom: 20px;
}

.package_left {
    flex-grow: 1;
}

.sponsor_tree {
    width: 100%;
    overflow: auto;
    padding: 0 0 30px 0px;
}

.sponsor-username:first-child {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #08b2aa;
    
}

.sponsor-username {
    font-weight: 700;
    font-size: 0.75em;
    color: #08b2aa;
}

.sponsor-price
{
  /*  font-size: 14px;
    font-family: GothamBold;
    color: #033e3b;
    padding: 17px 0 0 0;*/
  padding:5px 0px;
  color: #033e3b;
  font-size: 14px;
  font-weight: bold;
}

.sponsor-details {
    margin-left: 8px;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
    color: #919191;
}

.sponsor-capital {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.sponsor-datetime {
    margin-left: 70px;
    font-size: 0.875em;
}

.sponsor-count {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #19bf41;
    margin-left: -100%;
}

.sponsor-count-span {
    margin-left: 10px;
    font-size: 1.1em;
    font-weight: 700
}

.sponsor-count-profileicon {
    font-size: 15px;
}

.sponsor-count-arrowicon {
    font-size: 6px;
    margin-left: 4px;
    transform: rotate(-90deg);
}

.sponsor-img {
    width: 5%;
    margin-left: 2%;
}

.bold_content {
    font-weight: bold;
    color: #40bbff;
    letter-spacing: -0.04px;
    font-size: 13px;
    text-align: left
}

.thin_content {
    font-weight: normal;
    color: #919191;
    letter-spacing: 1.45;
    font-size: 11px;
    text-align: left
}

.expand-all {
    float: right;
    margin-right: 5px;
}

.expand-icon {
    transform: rotate(-90deg);
    margin-left: 10px;
    display: inline-block
}

.contract-icon {
    transform: rotate(-270deg);
    margin-left: 10px;
    display: inline-block
}


/*Account details*/

.account_details {
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #041c30;
    height: 117px;
    width: 100%;
    margin-top: -30px;
    position: fixed;
    left: 0;
    z-index: 100;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.account_details.shrink {
    height: 65px;
}

.dots_tracking {
    max-width: 500px;
    margin: 30px auto 0;
}

.words_tracking {
    max-width: 500px;
    margin: auto;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.words_tracking.shrink {
    opacity: 0;
}

.dots_tracker {
    width: 15px;
    height: 15px;
    background-color: #3a3838;
    display: inline-block;
    border-radius: 50%;
    margin: 0 10px;
}

.lines_tracker {
    background-color: #3a3838;
    height: 1px;
    display: inline-block;
    width: 70px;
    vertical-align: super;
}

.dots_tracker.tracking_active {
    background-color: #40bbff;
}

.lines_tracker.tracking_active {
    background-color: #40bbff;
}

.middle_words_tracking.tracking_active {
    font-weight: bold;
    color: #fff;
}

.middle_words_tracking {
    width: 45px;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    margin: 15px 31px;
    color: #696969;
}

.fade_away {
    transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.fade_away.fadein.fadeout {
    opacity: 0;
    display: none;
}

.fade_away.fadein {
    opacity: 1;
    height: auto;
}

.showMe {
    display: block !important;
}

.label-upload>input {
    display: none;
}

.label-upload label {
    margin-bottom: 0;
}

.label-upload label:hover {
    cursor: pointer;
}

div.form-control.upload-btn-box-02 {
    border: none !important;
    background-color: #fff !important;
}

.label-input-upload img {
    margin: 15px auto;
}


/*first*/

.sponsor-topinfo {
    padding: 0 10px 0 20px;
    font-size: 0.813em;
    color: #919191;
    margin-bottom: 5px;
}

.package--first {
    width: 100%;
}

.package--first .sponsor-username:first-child {
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    /*  letter-spacing: 2px;*/
    color: #08b2aa;
}
/*
.form-group {
    margin: auto;
    max-width: 500px;
}*/

.sponsor-tree-parent {
    position: relative;
}

.form-group-sponsor {
    position: absolute;
    right: 0;
    top: 0;
    width: 225px;
}

.form-group-sponsor .form-control {
    padding-left: 35px;
}

.search-btn-ininput {
    position: absolute;
    line-height: 18px;
    top: 50%;
    margin-top: -9px;
    width: 35px;
    text-align: center;
    left: 0;
    background: transparent;
    border: 0;
    font-size: 0.875em;
    color: #c89501;
    padding: 0 0 0 3px;
}


.jstree-anchor{padding: 0 !important;margin-left:-8px !important;}
.jstree-default .jstree-anchor{line-height: normal!important ; height: auto  !important;/*min-width: 370px;*/padding-right:15px !important; width: 100%;}


/* .jstree-default .jstree-icon:empty {
 
    opacity: 0.5;
}
 */

.jstree-default .jstree-icon{margin-top:25px;}
.jstree-default .jstree-clicked,.jstree-default .jstree-hovered{background: transparent !important;border-color:transparent !important;box-shadow: none !important}
 /*.jstree-default .jstree-leaf>.jstree-ocl{background: url("../img/sponsorline.png") left top/40px auto no-repeat !important;}*/
.jstree-default .jstree-closed>.jstree-ocl,.jstree-default .jstree-loading>.jstree-ocl{background: unset !important;}
/*.jstree-default .jstree-closed>.jstree-ocl,.jstree-default .jstree-loading>.jstree-ocl{background: url("../img/sponsorline.png") left top/40px auto no-repeat !important;}*/
/*.jstree-default .jstree-open>.jstree-ocl{background: url("../img/sponsorline.png") left top/40px auto no-repeat !important;}*/
/*.jstree-default .jstree-icon:empty{margin-top:0px !important;width: 40px !important;height: 60px !important;}*/
/*.jstree-default .jstree-node{background: url("../img/sponsorline.png") left top/40px auto repeat-y !important;}*/
.jstree-default>.jstree-container-ul>.jstree-node{margin-left:0px !important;padding-right:20px;}
.packagefirst-a{padding-right:1px;display: block;padding-top: 15px;padding-bottom: 15px; margin-bottom:10px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
 




.profile_pic_header {
    display: none;
}


/*binary*/

.binary-self-text {
    font-size: 0.813em;
    margin-bottom: 10px;
    color: #fff;
}

.binary-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 7px;
    position: absolute;
    left: 50%;
    margin-left: -18px;
}

.binary-circle:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
}

.binary-circle--left {}

.binary-circle--left:before {
    background: #bdbdbd
}

.binary-circle--right {
    border-color: rgba(189, 189, 189, 0.2)
}

.binary-circle--right:before {
    background: #bdbdbd
}

.binary-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.binary-circle--self {
    bottom: -18px;
}

.binary-circle--btm {
    top: -18px;
}

.binary-top-line {
    height: 30px;
    width: 50%;
    margin: 34px auto 23px;
    transform: rotate(180deg);
    opacity: 0.9;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), #fff);
    border-image-slice: 1;
}

.binary-topmember-parent {
    width: 50%;
    float: left;
}

.binary-topmember-box {
    max-width: 123px;
    margin: 0 auto;
    min-height: 100px;
    padding: 23px 10px;
}

.binary-member-name {
    font-size: 0.688em;
    color: #fff;
    display: block;
    white-space: normal;
    word-break: break-all;
}

.binary-member-amount {
    font-size: 0.813em;
    color: #efb07b;
    font-weight: 600;
    margin-top: 4px;
    display: block;
}

.binary-member-date {
    font-size: 0.688em;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
    display: block;
}

.binary-childmember-line {
    border-top: 1px solid #fff;
    width: 50%;
    margin: 0 auto;
    position: relative;
}

.binary-childmember-parent {
    margin-top: 17px;
    margin: 17px -10px 0;
}

.binary-childmember-box-item {
    width: 50%;
    float: left;
}

.binary-childmember-box-line {
    width: 1px;
    margin: 0 auto;
    height: 30px;
    background: #fff
}

.binary-childmember-box-line--right {
    height: 145px;
    position: relative;
    background: linear-gradient(to bottom, #fff, transparent);
}

.binary-childmember-box {
    margin-top: 25px;
    min-height: 100px;
    padding: 23px 0px;
}

.binary-overlay-top {
    display: flex;
    align-items: center;
}

.binary-circle-overlay {
    position: relative;
    margin: 0 17px 0 0;
    left: 0;
}

.overlay-content-top {
    padding: 20px 18px;
    border-bottom: 1px solid rgba(64, 187, 255, 0.4)
}

.overlay-content-btm {
    padding: 20px 18px;
}

.binary-overlay-name {
    font-weight: 600;
    color: #fff;
    font-size: 0.813em;
}

.binary-overlay-amount {
    font-weight: 600;
    color: #efb07b;
    font-size: 0.938em;
}

.binary-addressinfo {
    font-size: 0.813em;
    margin-bottom: 30px;
}

.blackgrad-border-box {
    position: relative;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.14), #000000b8 74%);
    background-clip: padding-box !important;
}

.blackgrad-border-box-main {
    position: relative;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5), #ffffff17);
    background-clip: padding-box !important;
}

.blackgrad-border-box::after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    /*background-image: linear-gradient(to top, rgba(0, 0, 0, 0.14), #00000063 74%);*/
    content: '';
    z-index: -1;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.blackgrad-border-box {
    padding: 23px 20px;
}

.blackgrad-border-box-main {
    padding: 23px 20px;
}


/*box*/

.infobox {
    display: block;
    line-height: 45px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 0 12px;
    font-size: 0.938em;
}

.infobox-icon {
    display: inline-block;
    width: 22px;
    margin-right: 10px;
    text-align: center;
    font-size: 1.25em;
}

.infobox-title {
    display: inline-block;
}

.infobox-val {
    float: right;
    margin-top: 2px;
}

.whitebox {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
}

.title-whitebox {
    margin: 0 auto 15px;
    font-size: 1.25em;
    font-weight: 700
}

.whitebox-imptext {
    color: #4829B2;
    font-weight: 700;
    font-size: 1.125em;
}

.js-clone-resp.u-inlineblock {
    margin-top: 30px;
}

.prelogin header {
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
    height: 60px;
}


.prelogin header.noneheader {
    background-color: transparent;
    box-shadow: none;
    height: 80px;
}

.prelogin header.noneheader.scrolled {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
  height: 60px;
}

.spaces-nav2
{
        height:80px !important;
}

.spaces-nav3
{
    height:120px !important;
}
.spaces-nav4
{
    height:110px !important;
}




/*.prelogin header.scrolled {
    position: relative;
}
*/
.prelogin .js-clone-resp.u-inlineblock {
    margin-top: 0;
}


/*form*/


/*.form-label{display: block;padding:0 10px; font-size: 15px; font-weight: 600; font-stretch: normal;font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff;}*/

/*.form-control {
    padding: 17px 30px 17px;
    border: 0px;
    color: #000;
    height: auto;
    box-shadow: none;
    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    padding: 12px;
    text-align: left;
    color: #000;
    max-width: 500px;
    padding-left: 20px;
}
*/
/*.form-input-parent {
    position: relative;
    min-height: 45px;
    float: none;
    margin: 20px auto;
    width: 100%;
    border-bottom: solid 2px #f1f1f1;
    background-color: #ffffff;
}*/

/*.form-input-parent:focus {
    border-color: #ffc51b;
    outline: none;
}*/

span.filter-option.pull-left {
    padding-left: 10px;
}
/*
.bootstrap-select.form-control {
    font-size: 1em !important;
    max-width: 500px;
}

.form-control:-webkit-autofill {
    color: #000000 !important;
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fffffff inset !important;
    background-color: #ffffff;
}

.form-control::-moz-placeholder {
    color: #7d7d7d;
    font-size: 10px;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #7d7d7d;
    font-size: 10px;
}

.form-control::-webkit-input-placeholder {
    color: #7d7d7d;
    font-size: 10px;
}

.captcha-parent {
    position: relative;
    padding-right: 100px;
}

.captcha-parent .form-control {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px
}
*/
.login_captcha {
    position: absolute;
    right: 0;
    top: 0;
}

.login_captcha img {
    border-radius: 0 30px 30px 0;
}

label.error,
.error_message {
    font-size: 0.75em;
    display: block;
    margin: 2px 0 0;
    color: red;
    font-weight: 400;
    margin-top: 0%;
    margin-left: 3%;
}

.help-block {
    margin: 4px 0 5px;
    font-size: 0.75em;
    color: #ccc;
}

.help-block-2 {
    text-align: right;
    margin: 10px 0 0;
    font-size: 1em;
    padding: 0 15px;
    color: #facf71;
}

.help-block-2>* {
    vertical-align: middle;
}

.help-block-icon {
    width: 15px;
}

.help-block-grey {
    color: #ababab;
}

.input-group-addon {
    border-right: 0;
    position: absolute;
    background: #eee;
    width: 56px;
    padding: 13px 22px;
    line-height: 24px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    color: #151515;
    height: auto;
    box-shadow: none;
    font-size: 1em;
    margin: 2px;
}

.bar-login {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin: auto;
    width: 90%;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.js-radioparent {
    width: 60%;
}

.form-label-left {
    width: 100%;
    padding: 0 15px;
    float: left;
    min-height: 60px
}

.form-label-left .form-label {
    margin-bottom: 0px;
    padding: 0;
}



.postlogin .form-control:-webkit-autofill {
    color: #000 !important;
    -webkit-text-fill-color: #000;
}

.postlogin .form-control[readonly],
.postlogin .form-control[disabled],
.postlogin div.form-control {
    border-radius: 10px;
    background-color: #fff;
    color: #000;
}


/*.form-btn-parent{margin-top:60px;text-align: center;}*/

.form-btn-parent {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.form-btn-parent-left {
    flex-grow: 1;
    text-align: left;
}

.form-btn-parent-right {
    text-align: right;
    margin: auto;
}

.form-section {
    border-top: 1px solid rgba(248, 196, 99, 0.2);
    padding-top: 30px;
}

.form-section:first-child {
    padding-top: 0;
    border-top: 0px;
}

.form-section-nav-parent {
    position: fixed;
}

.form-section-nav {
    font-size: 1.125em;
    color: #ababab;
    padding-left: 25px;
    position: relative;
    display: block;
    margin-bottom: 25px;
}

.form-section-nav-icon {
    position: absolute;
    width: 10px;
    left: 0;
    top: 50%;
    margin-top: -5px;
    display: none;
}

.form-section-nav.selected {
    color: #fff;
}

.form-section-nav.selected .form-section-nav-icon {
    display: block;
}

.form-section-title {
    color: #fff;
    font-size: 1em;
    margin: 0 0 20px;
}

.form-section-title>span {
    padding: 0 18px;
    position: relative;
}

.form-section-title>span:before {
    content: "";
    width: 8px;
    height: 8px;
    background: url("../img/title-icon-left.png") center/100% 100% no-repeat;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.form-section-title>span:after {
    content: "";
    width: 8px;
    height: 8px;
    background: url("../img/title-icon-right.png") center/100% 100% no-repeat;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
}

.form-input-parent--withbtn {
    position: relative;
}

.form-input-parent--withbtn .form-control {
    padding-right: 0px;
}

.form-control-link {
    position: absolute;
    right: 20px;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
    font-size: 0.813em;
    color: #2694eb;
    font-weight: 700;
    padding: 0;
    border: 0px;
    background: transparent;
}

.form-control-link--larger {
    font-size: 0.938em;
}

.btn-ininput {
    position: absolute;
    width: 30px;
    padding: 0;
    background: transparent;
    left: 30px;
    top: 14px;
}

textarea {
    resize: none;
}


/*.form-input-parent{margin-bottom: 3%;margin-top: 3%;};*/

.form-input-parent--withvalue {
    position: relative;
}

.form-control--withvalue {
    padding-right: 180px;
}

.value-ininput {
    position: absolute;
    line-height: 60px;
    right: 30px;
    top: 0;
    font-size: 1.125em;
}

.caret {
    border-top-width: 10px;
    border-right-width: 9px;
    border-left-width: 9px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    margin-top: -5px;
}

.dropdown-toggle {
    margin-bottom: 0px;
}

.form-row-withbtn {
    padding-right: 76px;
    position: relative;
}

.form-group-btninrow {
    position: absolute;
    right: 0;
    top: 0;
}

.form-group-btninrow .form-label {
    padding: 0;
    text-align: center;
    width: 60px;
}

.datepicker-orient-top {
    margin-top: 10px;
}

.datepicker-orient-bottom {
    margin-top: -10px;
}

.js-tabcontent-parent .js-tabcontent {
    width: 50%;
    display: inline;
}


/*overlay*/

.overlay-parent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20;
    display: none;
}

.overlay-content {
    padding: 40px 0 50px;
    background: #1a1a1a;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 21;
    width: 30%;
    max-height: 90%;
    display: none;
    border: 2px solid #2694eb;
    overflow: hidden;
}

.overlay-inner {
    padding: 0 0;
    overflow: auto;
    min-width: 150px;
}

.overlay-contentwrap {
    margin-top: 20px;
}

.overlay-close {
    position: absolute;
    width: 30px;
}

.overlay-btn-parent {
    position: absolute;
    left: 0;
    width: 100%;
}

.overlay-btn-parent-self {
    text-align: center;
    flex-grow: 1;
    padding-top: 20px
}

.title-overlay {
    margin: -18px auto 0px 0px;
    text-align: left;
    font-size: 1.25em;
    font-weight: 700;
    color: #fff;
    border-bottom: 2px solid gray;
    padding-bottom: 5%;
}

.alert-icon-title {
    display: block;
    margin-bottom: 10px;
    font-size: 1.125em;
}

.overlay-btn {
    width: 100%;
    display: block;
    font-size: 1.25em;
    line-height: 24px;
    padding: 20px 10px;
    color: #facf71;
    background: #262626;
    font-weight: 700;
    float: left;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.overlay-btn--50 {
    width: 50%;
}

.overlay-btn--cancel {
    background: #3c3c3c;
    color: #fff;
}

.label-radio {
    min-height: 70px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
    border: solid 2px #cff4f8;
    background-color: #ffffff;
    padding: 0 25px;
    display: flex;
    align-items: center;
    margin: 15px 0 0;
}

.label-radio:first-child {
    margin-top: 0px !important;
}

.label-radio:hover {
    cursor: pointer;
}

.label-radio-left {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.label-radio-lefttext {
    font-size: 0.938em;
}

.label-radio-right {
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.label-radio-righttext {
    font-size: 0.938em;
    color: #919191;
    margin-right: 10px;
    display: none;
}

.label-radio-righttext--post {
    color: #1a1a1a;
}

.label-radio:not(.checked) .label-radio-righttext--pre {
    display: inline-block;
}

.label-radio.checked .label-radio-righttext--post {
    display: inline-block;
}

.label-radio-circle {
    width: 20px;
    height: 20px;
    background: #eaeaea;
    padding: 4px;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.label-radio.checked .label-radio-circle:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.label-radio-icon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    display: block;
    background-size: cover;
    background-position: center;
}

.label-radio--2 {
    padding: 20px 15px !important;
}

.label-radio-left--2 {
    flex-grow: initial;
    padding-right: 12px;
}

.label-radio-right--2 {
    display: block;
    flex-grow: 1;
}

.label-radio-righttop {
    display: flex;
    align-items: center;
}

.label-righttop-title {
    font-size: 0.75em;
    color: #2761a0;
    font-weight: 300;
    flex-grow: 1;
    line-height: 1;
}

.label-righttop-desc {
    font-size: 0.813em;
    color: #2761a0;
}

.label-radio--2-hr {
    margin: 14px 0;
}

.label-radio-rightbtm {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.language-btn {
    position: relative;
}

.language-btn-text {
    width: 30px;
    line-height: 30px;
    text-align: center;
    left: 50%;
    margin-left: -15px;
    color: #ffffff;
    font-size: 0.938em;
    font-weight: 700;
    top: 0;
    text-decoration: none;
}

.language-btn-bg {
    color: #ffffff;
    font-size: 7px;
}

.header-action-btn {
    margin-left: 14px;
    display: inline-block;
    width: 50px;
    text-align: center;
}

.header-logo {
    width: 100px;
    margin-top: 20px;
}

.country-logo {
    width: 26px;
}


/*header*/

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 32;
    /*transition:background 0.5s ease-in-out 0s;-webkit-transition:background 0.5s ease-in-out 0s;-moz-transition:background 0.5s ease-in-out 0s;-o-transition:background 0.5s ease-in-out 0s;*/
}

.header-preregister.scrolled {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 20.5%;
    background: url("../img/new-bg-header.png") no-repeat center;
    background-size: cover;
}

/*.postheader.scrolled {
    background-image: linear-gradient(to bottom, #292929, #121212);
}*/

.header-dropdown {
    display: inline-block;
    margin-left: 25px;
}

.header-dropdown-btn {
    background: rgba(248, 196, 99, 0.1);
    border: none;
    color: #f8c463;
    padding: 14px 50px 14px 20px;
    position: relative;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.header-dropdown-menu {
    background: #1A1A1A;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 2px solid #97711d;
    margin-top: 14px;
    z-index: 70;
    padding: 0;
}

.dropdown-item {
    display: block;
    font-size: 1em;
    color: rgba(255, 255, 255, 0.8);
    padding: 12px 25px;
    position: relative;
    border-bottom: 2px solid gray;
}

.dropdown-item.selected {
    color: #fff;
    font-weight: 700
}

.dropdown-item-success {
    position: absolute;
    width: 20px;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    display: none;
}

.selected .dropdown-item-success {
    display: block;
}

.dropdown-btn-icon {
    max-width: 20px;
    margin-right: 10px;
}

.dropdown-btn-arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    max-width: 18px;
    margin-top: -9px;
}

.dropdown-indi-arrow {
    position: absolute;
    top: 100%;
    max-width: 24px;
    z-index: 71;
    margin-top: 4px;
    display: none;
    left: 50%;
    margin-left: -12px;
}

.open .dropdown-indi-arrow {
    display: block;
}

.dropdown-menu-content {
    padding: 30px;
}

.app-download-qr {
    color: #fff;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 20px;
    max-width: 230px;
    width: 100%
}

.app-download-item {
    color: #696969;
    font-size: 0.95em;
    display: inline-block;
}

.app-download-icon {
    max-width: 20px;
    margin-right: 12px;
}

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

.dropdown-backdrop {
    z-index: 69;
}

.dropdown-title-parent {
    padding-left: 100px;
    position: relative;
    margin-bottom: 40px;
}

.dropdown-title-logo {
    position: absolute;
    width: 75px;
    left: 0;
    top: 50%;
    margin-top: -38px;
}

.dropdown-title {
    margin: 0 auto 5px;
    font-size: 1.5em;
    color: #eab98f;
    white-space: nowrap;
    text-align: center;
}

.dropdown-titledesc {
    font-size: 1.0em;
    color: #eab98f;
    white-space: nowrap;
}

.js-copyhideshow--post {
    display: none;
}

nav {
    /*float: right;
    width: auto;
    z-index: 99;
    text-align: center;
    background: transparent;*/
    /* nav{position: fixed;width: 100%;top:66px;left:0;background: #fff;margin:0;border-top:1px solid #cacaca;display: none;
    -webkit-box-shadow: 0px 5px 17px -5px rgba(21,21,21,0.69);
    -moz-box-shadow: 0px 5px 17px -5px rgba(21,21,21,0.69);
    box-shadow: 0px 5px 17px -5px rgba(21,21,21,0.69);
  }*/
    /*position: fixed;left:0px;width: 320px;font-weight: 400;top:0;background: #1a1a1a;padding:200px 0 70px;z-index: 12;height: 100%;
  background: #231f20;  background: linear-gradient(to bottom, #231f20 0%, #352f1f 100%);*/
}

.epin-box {
    margin: 5%;
}

.nav-top-parent {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.nav-content-parent {
    height: 60px;
    display: flex;
    width: 600px;
    margin: 10px auto;
}

.nav-btm-parent {
    padding-top: 30px;
    color: #6d6d6d;
    text-align: center;
}

.nav-head {
    display: block;
    padding: 0px;
    position: relative;
    color: #919191;
    font-size: 1.5em;
}

.nav-head span {
    margin-left: 10px;
    vertical-align: text-bottom;
}

.active .nav-head {
    color: #ffc51b;
}

.active .nav-head .menu-icon {
    color: #fff;
    opacity: 1;
}

.active .nav-head div.hidden-xs {
    border-radius: 10px;
    background-image: linear-gradient(to bottom, #ffe43a -150%, rgba(0, 0, 0, 0));
}

.active .nav-head span.hidden-xs {
    display: inline;
}

.menu-icon {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 20px;
    height: 22px;
    opacity: 0.3;
    font-size: 1.5em;
}

.nav-parent {
    float: left;
    width: 20.6%;
    height: 100%;
    margin: auto;
    font-size: 0.9rem;
}

.nav-parent:not(.active) .menu-icon--pre {
    display: inline-block;
}

.nav-parent.active .menu-icon--post {
    display: inline-block;
}

.nav-parent .sub-menu,
.nav-parent .ranking-desc {
    display: none;
}

.subnav-mob {
    background: transparent;
    overflow: auto;
    text-align: center;
    border-bottom: 1px solid rgba(248, 196, 99, 0.2)
}

.sub-menu {
    display: flex;
    overflow: auto;
}

.sub-menu--right {
    max-width: 1100px;
    margin: 0 auto;
}

.nav-child {
    display: inline-block;
    color: #838383;
    line-height: 28px;
    padding: 28px 0;
    white-space: nowrap;
    font-size: 1.25em;
    margin-left: 40px;
}

.nav-child:first-child {
    margin-left: 0px;
}

.nav-child.active {
    font-weight: 700;
    color: #facf71;
    background: url("../img/icon-submenu-indi.png") center bottom -2px/40px auto no-repeat;
    font-size: 1.5em;
}

.nav-hr {
    margin: 30px 0;
}

.postheader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 12;
     background-color: #ffffff;
    height: 60px;
}

.special_postlogin .postheader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 12;
    background-image: linear-gradient(to top, rgba(4, 13, 18, 0.3), rgba(9, 35, 52, 0.3));
    height: 80px;
}

.bodywrapper--postlogin {
    /*padding-left:150px;padding-right:100px;*/
}

.menu-selected-icon {
    width: 14px;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -7px;
    display: none;
}

.nav-parent.active .menu-selected-icon {
    display: block;
}

.nav-content-below {
    padding: 0 35px;
}

.nav-content-below-border {
    border-top: 1px solid #464241;
    border-bottom: 1px solid #464241;
    padding: 15px 0;
}

.nav-content-below-inner {
    margin: 0 -35px;
}

.postheader-action {
    display: inline-block;
    float: right;
}

.header-title-parent {
    font-weight: 700
}

.header-title {
    font-size: 1.5em;
    color: #fff;
}

.welcome-member-icon {
    width: 100%;
    max-width: 45px;
    margin-right: 15px;
    display: inline-block;
}

.welcome-member-item {
    color: #fff;
    margin-left: 10px;
    display: inline-block;
}

.radio-label {
    margin: 0px;
    font-size: 1.125em;
}


/*footer*/
.prefooter,.prefooter2 {
    color: #696969;
    font-size: 12px;
    text-align: center;
    bottom:2px;
    position:absolute;
    width:100%; 
    text-align:center;
}

.prefooter2{
  position:relative;
  padding-bottom:20px;
}

/*footernav*/
.desktop-footer-nav {
    background: none;
}

.desktop-footer-nav,
.footer-nav .icon-expandnav {
    display: none;
}

.desktop-footer-nav,
.footer-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    font-size: 11px;
    text-align: center;
    box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #000;
}

.header-postlogin {
    padding: 17px 0 20px;
    height: 75px;
    background-image: linear-gradient(to bottom, #202020, #121212 54%);
}


/************* register ********************/
.form-control{
    background: transparent;
    box-shadow:unset;
  }

.drop-icon{
    font-size: 10px;
    color: #0bf;
    position: absolute;
    right: 0;
    margin: unset;
    top: 15px;
    display: inline-block;

/*   display: inline-block;
  color: #08b2aa;
  position:absolute;
  right: 0;
  margin-right: 15px;
  margin-top: 15px;
  font-size: 10px; */
  cursor:pointer;
}

.drop-icon i{
    font-size: 8px;
    color: #0bf;
    position: absolute;
   
    margin: unset;
    top: 15px;
    display: inline-block;
  cursor:pointer;
}
.register option{
  background-color: #08b2aa;
  margin:10px;
}

.request_tac{
    position: absolute;
    right: 10px;
    margin: unset;
    top: 10px;
    cursor:pointer;
   
    font-size: 13px;
    font-weight: 600;
    color: #002a73;
}
.request_tac2{
    position: absolute;
    right: 10px;
    margin: unset;
    top: 10px;
    cursor:pointer;
   
    font-size: 13px;
    font-weight: 600;
    color: #ff1010;
}

/*prelogin*/

.header-preregister {
    padding: 17px 0 20px;
    height: 75px;
}

.header-prelogin--flex {
    display: flex;
}

.header-prelogin--flex>* {
    flex: 1;
}

.prelogin.prehomebg{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  /*   background: url(../img/elements/web-BG-03.png) center/cover no-repeat; */
}

.js-tabcontent-parent {
    padding-top: 25px;
    /*cursor:pointer;*/
}
/*
.prelogin.prehomebg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to top, #ffffff, #f9efe9);
}

.preloginbg--register {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to top, #ffffff, #f9efe9);
}*/

.prelogin-content--register {
    max-width: 700px;
}

.bodywrapper {
    position: relative;
    z-index: 1
}

.prelogin-content {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 0 15px;
}

.prelogin-bglogo {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    display: block;
}

.prelogin-title-parent {
    padding-left: 150px;
    position: relative;
}

.prelogin-logo {
    width: 25%;
}

.prelogin-nav-logo {
    width: 100px;
    margin-top: 25px;
}

.prelogin-text-top {
    padding-bottom: 2%;
    margin-top: 0%;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 5px;
    color: #919191;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    border-top: hidden;
}

.prelogin-text {
    margin-bottom: 45px;
    margin-top: 45px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #919191;
    text-align: center;
}

.preregister-logo {
    left: 0;
    width: 40%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.prelogin-title {
    font-size: 1.625em;
    color: #919191;
    margin: 0 auto 10px;
}

.prelogin-titledesc {
    font-size: 1.125em;
    color: #6d6d6d;
}

.title-prelogin {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    padding-left: 40px;
}

.prelogin-right {
    max-width: 100%;
    margin: 0 auto;
    margin-top: -30px;
}


/*postlogin*/
.postloginbg{
   /*  position: fixed; */
 /*    background: url(../img/elements/web-BG-02.png) center/cover no-repeat; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.preloginbg{
    position: fixed;
  /*   background: url(../img/elements/web-BG-03.png) center/cover no-repeat; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:-1;
}

.preinvitebg{
    position: fixed;
    background: url(../img/elements/web-BG-01.png) center/cover no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.postlogin, .prelogin {  
  /*   background: url(../img/elements/web-BG-03.png) center/cover no-repeat; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-light {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.postlogin-content {
    margin: 0 auto;
    /*padding: 30px 0;*/
}

.postlogin-content--home {
    padding-bottom: 0px !important;
}

.postlogin-normalwidth {
    max-width: 800px;
    margin: 0 auto;
}

.postlogin-biggerwidth {
    max-width: 1000px;
    margin: 0 auto;
}

.logo {
    display: block;
    max-width: 120px;
    margin: 40px auto 0;
}

.header-prelogin {
    padding: 40px 0 20px;
}

.u-relative {
    position: relative;
}

.u-withbordertop:not(.u-notrelative),
.u-withborderbtm:not(.u-notrelative),
.u-withborderleft:not(.u-notrelative),
.u-withborderright:not(.u-notrelative) {
    position: relative;
}


/*home*/

.datetime-container {
    opacity: 0;
    padding-right: 180px;
    position: relative;
    margin-bottom: 40px;
}

.time-item {
    font-size: 3.125em;
    color: #fff;
    line-height: 1
}

.time-session {
    font-size: 0.54em;
    color: #ababab;
    margin-left: 10px;
}

.date-item {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 1.125em;
}

.ico-rate-parent {
    display: inline-block;
}

.ico-rate-refresh {
    display: inline-block;
    margin-left: 20px;
    max-width: 45px;
}

.home-top {
    padding: 30px 0 60px;
}

.home-btm {
    border-top: 2px solid #59471f;
    padding: 80px 0 20px;
    background: rgba(0, 0, 0, 0.5)
}

.bigpill-element--hometotal {
    background: transparent;
    font-weight: 700;
    color: #fff;
}

.bigpill-element--hometotal .bigpill-value {
    font-size: 1.688em
}

.carousel_description {
    border-radius: 0 0 15px 15px;
    background: rgba(151, 165, 255, 0.15);
    width: 500px;
    font-size: 12px;
    letter-spacing: 0.92px;
    color: #40bbff;
    padding: 12px 5px;
}

.page_header {
    margin-bottom: 20px
}

.welcome_to {
    color: #000000;
    font-size: 20px;
    vertical-align: super;
}

.page_name {
    color: #000000;
    font-size: 40px;
    margin-right: 30px;
    font-weight: bold;
}


/*register*/

.register-mainwrapper {
    padding: 0 200px;
}


/*.cta-link{float:left;width: 50%;padding:10px;color:#4829B2;font-size: 0.875em;}
.cta-wrapper{border:1px solid #ccc;background: #fff;text-align: center;}
.cta-parent:first-child{border-bottom: 1px solid #ccc;}
.cta-link:first-child{border-right: 1px solid #ccc;}
.cta-img{margin: 10px auto 15px;display: block;max-width: 40%;}
.annoncement-item{text-align: left;padding-bottom: 20px;border-top: 1px solid #ccc;padding-top:20px;box-shadow: 0 0 10px grey; padding: 5px 10px; overflow: auto; margin-bottom: 20px;}
.annoncement-item:first-child{border-top:0px;padding-top:0px;}
.announcement-date{font-size: 0.875em;}
.announcement-title{margin:0 auto 15px;}
.announcement-img{margin-bottom: 10px;}
.action-wrapper{margin-top:-52px;}*/


/*container/box*/

.blockinfo-link {
    display: block;
}

.blockinfo-link-arrow {
    position: absolute;
    font-size: 12px;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    color: #696969;
}

.whitebox-section {
    margin-top: 10px;
    display: block;
    position: relative;
}

.whitebox-section:first-child {
    margin-top: 0px;
    margin: auto;
    width: 70%;
}

.whitebox-section--boxshadow {
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 1;
}

.whitebox-header {
    display: flex;
    align-items: center;
    padding-top: 20px;
}

.whitebox-header--2 {
    padding: 0 0 10px;
}

.whitebox-header--borderbtm {
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.whitebox-title {
    font-size: 0.813em;
    color: #000;
    font-weight: 700;
    flex-grow: 1;
    margin: 0;
}

.whitebox-title-grey {
    color: #919191;
}

.whitebox-content {
    padding: 20px 0;
    display: block;
    position: relative;
}

.whitebox-content--pt {
    padding-bottom: 0;
}

.whitebox-part {
    margin-top: 20px;
}

.whitebox-link {
    padding: 15px 0;
    display: block;
}

.whitebox-link-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #696969;
}

.whitebox-link-inner-left {
    display: flex;
    align-items: center;
}

.whitebox-link-imptext {
    font-size: 0.813em;
    color: #2694eb;
    font-weight: 700
}

.whitebox-link-desc {
    font-size: 0.688em;
}

.whitebox-link-icon {
    font-size: 11px;
}

.whitebox-content-flex {
    display: flex;
    min-height: 56px;
    padding: 10px 0;
    align-items: center;
    justify-content: space-between;
}

.whitebox-content-flex-action {
    padding-left: 5px;
}

.header-postlogin-nav-parent {
    position: absolute;
}

.game-header {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
    margin-left: 41%;
}

.game-head-box {
    width: 50%!important;
    margin-top: 3%;
    padding: 3px;
    text-align: left;
}

.rowlink-item {
    display: flex;
    padding: 10px 20px;
    min-height: 49px;
    justify-content: space-between;
    font-size: 0.813em;
    align-items: center;
    border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    margin: auto;
    width: 80%;
    margin-top: 2%;
}

.rowlink-left {
    display: flex;
    align-items: center;
}

.rowlink-lefticon {
    margin-right: 12px;
    font-size: 16px;
    color: #2694eb;
}

.rowlink-lefticon.icon-addnew .path2:before,
.rowlink-lefticon.icon-addnew .path3:before,
.rowlink-lefticon.icon-addnew .path4:before {
    color: #2694eb;
}

.rowlink-leftval {
    font-weight: 500;
    color: #ffffff;
}

.rowlink-right {
    color: #ffffff;
    display: flex;
    align-items: center;
}

.rowlink-rightval {
    margin-right: 10px;
}

.rowlink-rightval--grey {
    color: #ffffff;
}

.rowlink-rightval-redlink {
    color: #ec1c24;
    text-decoration: underline;
}

.rowlink-right .icon-back {
    font-size: 12px;
    margin-top: -1px;
}

.rowlink-item--wider {
    min-height: 56px;
}

.backicon-next.icon-back:before {
    transform: rotate(180deg);
    display: inline-block;
}


/*table*/

.table {
    margin-bottom: 0px;
    background: #fff;
    color: #151515;
    border: 0px;
}

.table-scrollparent {
    width: 100%;
    overflow: auto;
    border: 1px solid #ccc;
    margin-bottom: 2px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {}

.table>thead>tr>th {
    border-bottom: 0px;
    background: #4829B2;
    color: #fff;
}


/*scroll*/

.scrollindi-parent {
    padding: 10px;
    background: #4829B2;
    color: #fff;
    font-size: 0.875em;
    border: 1px solid #ccc;
    border-bottom: 0px
}

.scroll-content {
    width: 3000px;
}

.table-scrollparent--noborder:not(.scrollable) {
    border: none;
}

.table-scrollparent--noborder.scrollable {
    padding: 10px;
}
/*
.form-label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 10px 0 20px;
    font-size: 12px;
    line-height: 45px;
    font-weight: normal;
    color: #000;
    margin: 0;
    z-index: 2;
}*/


/*statement*/

.btn-full {
    width: 100%;
}

.statement-list {
    padding-bottom: 25px;
    padding-left: 43px;
    padding-right: 43px;
}

.statement-form {
    border-bottom: 1px solid rgba(248, 196, 99, 0.2);
    padding-bottom: 25px;
    padding-left: 43px;
}

.rst-parent {
    margin-top: 25px;
}

.rst-total-item {
    text-align: center;
    font-size: 1.125em;
    margin-bottom: 25px;
}

.rst-item {
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    padding: 18px 25px;
    background: rgba(248, 196, 99, 0.1);
    margin-bottom: 18px;
    margin: auto;
}

.rst-item-top {
    position: relative;
    padding-left: 78px;
}

.rst-item-top--firstline {
    padding-right: 240px;
}

.rst-item-top--nopadding {
    padding: 0 !important;
}

.rst-item-no {
    width: 52px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 52px;
    font-size: 1.25em;
    color: #fff;
    background: rgba(248, 196, 99, 0.1);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.rst-item-top-right {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

.rst-val1 {
    color: #000000;
    text-align: center;
    font-size: 0.8em;
}

.rst-val2 {
    font-size: 1.125em;
}

.rst-val3 {
    font-size: 1.5em;
}

.rst-val-separator {
    margin: 0 10px;
    background: #726f68;
    width: 1px;
    display: inline-block;
    height: 25px;
}

.rst-val2>* {
    vertical-align: middle;
}

.rst-item-btm {
    text-align: right;
    margin-top: 10px;
}

.rst-item-btm--left {
    text-align: left;
}

.rst-val-imp {
    color: #facf71;
    font-size: 1.333em;
    font-weight: 700;
    margin-left: 8px;
}

.pagination-parent {
    text-align: left;
}

.pagination {
    margin: 0;
}

.pagination>li>a,
.pagination>li>span {
    color: #2694eb;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #2694eb;
    border-color: #2694eb;
}

.rst-item-btm--withleftval {
    padding-left: 240px;
    position: relative;
}

.rst-item-btm-leftval {
    position: absolute;
    left: 0;
    bottom: 0;
}

.rst-item-top-content--oneline {
    min-height: 52px;
}

.rst-val-icon {
    margin-left: 5px;
    width: 24px;
}

.rst-img-btn {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.rst-item-btm--topup {
    margin-top: -20px;
}

.rst-item .btn-action {
    margin-top: 4px;
}

.header-prelogin-nav {
    font-size: 1.125em;
    color: #3a3838;
    font-weight: 700;
    line-height: 24px;
}


/*.header-prelogin-nav>*{vertical-align: middle;}*/

.header-prelogin-nav-icon {
    margin-right: 5px;
    font-size: 1.25em;
    color: #fff;
    position: fixed;
    width: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 10px;
    padding-left: 14px;
    margin-top: -6px;
}


/*coming soon*/

.comingsoon-content {
    text-align: left;
    float: none !important;
}

.comingsoon-content .dropdown-title-logo {
    width: 134px;
    margin-top: -67px;
}

.comingsoon-content .dropdown-title {
    font-size: 1.875em;
    white-space: normal;
}

.comingsoon-content .dropdown-titledesc {
    font-size: 1.5em;
    white-space: normal;
}

.comingsoon-parent {
    min-height: 100%;
}

.comingsoon-content {
    margin-bottom: 0
}


/*service*/

.witdraw-qr {
    max-width: 295px;
    width: 100%;
    margin: 0 auto 20px;
    display: block;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    padding: 25px;
}

.text-valuetitle {
    font-size: 1.25em;
}

.text-value {
    color: #facf71;
    font-size: 1.625em
}

.service-value-item {
    margin: 0 auto 45px;
    text-align: center;
}

.item-btn {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.25em;
    padding: 30px 0;
    border-bottom: 2px solid rgba(248, 196, 99, 0.2);
    max-width: 120px;
    margin: 0 auto;
}

.item-btn--noborder {
    border-bottom: 0px;
}

.item-btn-img {
    max-height: 70px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.service-item-parent {
    max-width: 570px;
    margin: 0 auto;
}

.comingsoon-overlay {
    height: 280px;
    min-width: 700px;
    text-align: center;
}


/*coin statement*/

.coinstatement-top {
    border-bottom: 1px solid rgba(248, 196, 99, 0.2);
    padding-bottom: 25px;
    margin-bottom: 40px;
}

.coinstatement-left {
    float: left;
}

.coinstatement-right {
    float: right;
}


/*announcement*/

/*.annoncement-item {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    background: rgba(165, 165, 165, 0.1);
    margin-bottom: 20px;
}

.announcement-top {
    padding: 30px 40px;
    border-bottom: 2px solid rgba(248, 196, 99, 0.2)
}

.announcement-title {
    font-size: 1.25em;
    color: #fff;
    line-height: 24px;
    margin: 0 0 10px;
}

.announcement-btm {
    padding: 30px 40px;
}

.wallet_record {
    max-width: 700px;
    margin: auto;
}*/


/*u*/

.u-floatleft {
    float: left;
    width: auto;
}

.header-prelogin--flex .u-floatright {
    margin-top: 20px
}

.u-floatright {
    float: right;
    width: auto;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.ml-5 {
    margin-left: 5px;
}

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

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

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.pr-5 {
    padding-right: 5px;
}

.pl-5 {
    padding-left: 5px;
}

.pr-8 {
    padding-right: 8px;
}

.pl-8 {
    padding-left: 8px;
}

#codeigniter_profiler {
    position: relative;
    z-index: 1
}

.bg-white {
    background: #fff;
}

.u-vmid>*,
.infobox>* {
    vertical-align: middle;
}

.u-block {
    display: block;
}

.text-warning {
    color: #f4c342;
}

.text-purple {
    color: #4829B2;
}

.text-yellow {
    color: #facf71;
}

.text-green {
    color: #23deab;
}

.text-success {
    color: #17a27d;
}

.u-wordwrap {
    white-space: normal;
    word-break: break-word;
}

.u-weightnormal {
    font-weight: 300;
}

.u-inlineblock {
    display: inline-block;
    float: right;
    border-radius: 15px;
    border: solid 1px #4581ff;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(18, 18, 18, 0.59));
}

.center {
    text-align: center;
}

option {
    background-color: #040d12;
    color: #fff;
    outline-color: none;
}

/*.form-group .bootstrap-select.btn-group {
    font-size: 16px !important;
    border: 0px !important;
    padding: 0 !important;
    float: none;
    display: inline-block;
    margin-left: 0;
    margin-bottom: 12px;
    background: transparent;
}
*/

/*grid*/

.row--lesspadding {
    margin: 0 -8px;
}

.row--lesspadding div[class*="col-"] {
    padding: 0 8px;
}


/*422fab*/


/*md & below/ above xs*/

@media only screen and (max-width: 1199px) and (min-width: 1025px) {
    .header-dropdown {
        margin-left: 5px;
    }
    .welcome-member-item {
        margin-left: 10px;
    }
    .welcome-member-icon {
        margin-right: 5px;
    }
    .active .nav-head {
        padding: 11%;
    }
    .nav-head {
        padding-left: 40px;
        padding-right: 20px;
        font-size: 1.4em;
    }
    .menu-icon {
        height: 18px;
        margin-top: -9px;
        font-size: 1.5em;
        padding-bottom: 10px;
    }
    .menu-selected-icon {
        width: 8px;
        margin-top: -4px;
        right: 10px;
    }
    .postheader,
    .bodywrapper--postlogin {
        /*padding-left:180px;*/
    }
    .nav-child,
    .header-title {
        font-size: 1em;
    }
    .nav-child {
        padding: 20px 0;
    }
    .header-nav {
        margin-left: auto !important;
    }
    .postheader .header-dropdown-btn {
        padding-left: 10px;
        padding-right: 30px;
        font-size: 0.813em;
    }
    .postheader .dropdown-btn-icon {
        max-width: 14px;
        margin-right: 2px;
    }
    .postheader .dropdown-btn-arrow {
        max-width: 10px;
        margin-top: -5px;
        right: 10px;
    }
    .postheader .welcome-member-icon {
        max-width: 40px;
    }
    .welcome-member-item {
        font-size: 0.813em;
    }
    .nav-child {
        margin-left: 25px;
    }
    .ranking-box {
        margin-left: 38% !important;
    }
    .game-head-box {
        margin-top: 0%;
    }
    .game-header {
        margin-left: 50% !important;
        position: absolute !important;
        padding-top: 70px !important;
    }
    .u-floatleft img.hidden-xs {
        width: 32% !important;
        margin-top: 5% !important;
    }
    /*element*/
    .lineinfo-element {
        font-size: 1em;
    }
    .lineinfo-title {
        padding: 0 10px 0 5px;
    }
    /*register*/
    .register-mainwrapper .form-label-left {
        width: 30%
    }
    .register-mainwrapper .form-input-parent {
        width: 70%
    }
    .form-section-nav {
        font-size: 0.875em;
    }
    .register-mainwrapper {
        padding: 0 0 0 160px;
    }
    /*home*/
    .pill-element {
        padding: 14px 15px;
        font-size: 0.813em;
    }
}


/*sm & above*/

@media only screen and (min-width: 768px) {
    nav {
        display: inline-block !important;
    }
    .row--flexcenter-sm {
        align-items: center;
    }
    .title-section--center-sm {
        justify-content: center;
    }
    .nav-content-parent {
        width: 500px;
    }
}


/*xs*/

@media only screen and (max-width: 767px) {
    .prefooter,.prefooter2 {
        font-size: 8px;
    }

    .hidden-xs.desktop-welcome {
        display: block;
    }
    .prelogin-right {
        max-width: 325px;
        margin: 0 auto;
    }
    .prelogin-logo {
        width: 25%;
    }
    .header-prelogin--flex {
        width: 90% !important;
        margin-top: 5%;
    }
    header.scrolled .header-mainwrapper {
        height: 75px;
    }
    .backMargin {
        margin-top: 10%;
    }
    .logo_mobile {
        margin-top: 0%
    }
    .text-right-xs {
        text-align: right;
    }
    .text-left-xs {
        text-align: left;
    }
    /*grid*/
    .container-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
    .container--nopad-xs {
        padding: 0;
    }
    .row--xs {
        margin: 0 -15px;
    }
    .preregister-logo {
        padding-top: 50px;
    }
    .u-withbordertop-xs:not(.u-notrelative),
    .u-withborderbtm-xs:not(.u-notrelative),
    .u-withborderleft-xs:not(.u-notrelative),
    .u-withborderright-xs:not(.u-notrelative) {
        position: relative;
    }
    .label-radio {
        padding: 0 20px;
        margin-top: 10px;
    }
    .label-radio-lefttext {
        font-size: 0.813em;
    }
    .label-radio-righttext {
        font-size: 0.813em;
    }
    .visible-xs {
        display: block !important;
    }
    .logo {
        max-width: 50px;
    }
    .header-link {
        margin-top: 7px;
    }
    .prelogin-logo {
        /*margin-bottom: 40px;*/
    }
    .prelogin-text-top {
        margin-top: 0%;
        padding-bottom: 2%;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 5px;
        color: #919191;
        text-align: center;
        border-style: solid;
        border-width: 2px;
        border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
        border-image-slice: 1;
        border-top: hidden;
    }
    .prelogin-nav-logo {
        width: 15%;
        float: right;
        margin-top: -3%;
    }
    .title-prelogin {
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #919191!important;
    }
    .header-prelogin-nav-icon {
        margin-right: 5px;
        color: #fff;
        position: fixed;
        width: 40px;
        height: 40px;
        font-size: 0.9em;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        padding: 10px;
        padding-top: 12px;
        padding-left: 16px;
    }
    .header-prelogin {
        padding: 15px 0 10px;
    }
    .header-preregister {
        height: 75px;
    }
    #theform {
        width: auto;
        padding: 0 25px;
    }
    /*.header-preregister{padding:15px 0 10px;}*/
    /*btn*/
    .btn-primary {
        font-size: 1em;
        line-height: 20px;
        padding: 10px 15px;
    }
    .btn-primary--2 {
        font-size: 1em;
        line-height: 20px;
        padding: 14px 32px;
    }
    .btn-action {
        font-size: 1em;
        line-height: 20px;
        padding: 10px 15px;
        min-width: 120px;
    }
    .btn-action--circle {
        width: 40px;
        height: 40px;
        padding: 0 10px;
    }
    .btn-action--smaller-xs {
        min-width: 80px;
    }
    .textlink {
        font-size: 0.875em;
    }
    .btn-upload {
        padding: 9px 18px;
        font-size: 0.875em;
        line-height: 19px;
    }
    .btn-upload-icon {
        width: 18px;
    }
    .btn-action--inrst {
        padding: 5px 10px;
    }
    /*element*/
    /*box*/
    .infobox-parent {
        margin: 0 -15px;
    }
    .infobox-icon {
        margin-right: 5px;
    }
    .alert {
        font-size: 0.875em;
        padding: 10px 18px;
        line-height: 18px;
    }
    .pill-element {
        font-size: 0.75em;
        line-height: 18px;
        padding: 11px 12px;
    }
    .bigpill-element {
        padding: 15px 25px;
        font-size: 1em;
    }
    .bigpill-title {
        font-size: 0.875em;
    }
    .bigpill-value {
        font-size: 1em;
    }
    .bigpill-element-block {
        margin-bottom: 12px;
    }
    .lineinfo-element {
        font-size: 1em
    }
    .lineinfo-title {
        font-size: 0.875em
    }
    .lineinfo-statement-element {
        margin-top: 15px;
        padding: 15px 10px;
    }
    .lineinfo-inner {
        margin-top: 10px
    }
    .lineinfo-statement-title {
        font-size: 0.75em
    }
    .lineinfo-statement-value {
        font-size: 1.125em
    }
    .header-prelogin-nav {
        /*font-size: 0.938em;*/
    }
    /*overlay*/
    .overlay-inner {
        padding: 0 0px;
    }
    .overlay-content {
        width: 60%!important;
    }
    .overlay-close {
        width: 20px;
        top: 15px;
        right: 15px;
    }
    .title-overlay {
        font-size: 1em;
        margin: -21px auto 0px 0px!important;
        padding-bottom: 5%!important;
    }
    .overlay-btn {
        font-size: 0.875em;
        line-height: 18px;
        padding: 16px 10px;
    }
    .label-review {
        font-size: 0.875em;
    }
    .u-inlineblock {
        padding: 0 10px;
    }
    .language-btn-bg {
        font-size: 7px;
    }
    .language-btn-text {
        line-height: 27px;
    }
    /*form*/
    .form-label-left {
        float: none;
        width: 100%;
        text-align: left;
        min-height: 0px;
        padding: 0;
    }
    /*.form-label{padding:0 18px !important;margin-bottom: 5px !important;  font-size: 15px;font-weight: 600; font-stretch: normal; font-style: normal;line-height: normal; letter-spacing: normal; color: #ffffff;display: block;}*/
    .form-section {
        padding: 20px 0 10px;
    }
    .form-control--withbtn {
        padding-left: 44px;
    }
    .btn-ininput {
        width: 18px;
        left: 18px;
        top: 10px;
    }
    .form-control--withvalue {
        padding-right: 130px;
    }
    .value-ininput {
        line-height: 40px;
        font-size: 0.875em;
        right: 18px;
    }
    label.error,
    .error_message,
    .help-block {
        font-size: 0.688em;
    }
    .help-block-2 {
        font-size: 0.75em;
        padding: 0 5px;
        margin-top: 5px;
    }
    .help-block-icon {
        width: 10px;
    }
    .caret {
        border-top-width: 6px;
        border-right-width: 6px;
        border-left-width: 6px;
    }
    .bootstrap-select.btn-group .dropdown-toggle .caret {
        margin-top: -3px;
        right: 18px;
    }
    .form-row-withbtn {
        padding-right: 50px;
    }
    .form-group-btninrow .form-label {
        width: auto;
    }
    /*header*/
    .header-dropdown-btn {
        font-size: 0.875em;
        padding: 12px 30px 12px 10px;
    }
    .dropdown-btn-icon {
        max-width: 14px;
        margin-right: 5px;
    }
    .dropdown-btn-arrow {
        max-width: 12px;
        margin-top: -6px;
        right: 10px;
    }
    .header-dropdown {
        margin: 0 5px;
    }
    .header-dropdown-menu {
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .header-dropdown-menu--fixed {
        position: fixed;
        overflow: auto;
        width: 90%;
        left: 5%;
    }
    .app-download-icon {
        max-width: 16px;
        margin-right: 5px;
    }
    .dropdown-menu-content {
        padding: 15px;
    }
    .app-download-item {
        font-size: 1em;
    }
    .app-download-qr {
        margin-bottom: 10px;
    }
    .preheader {
        text-align: center;
    }
    .dropdown-title-parent {
        padding-left: 40px;
        margin-bottom: 20px;
    }
    .dropdown-title {
        font-size: 1.125em;
    }
    .dropdown-titledesc {
        font-size: 1em;
    }
    .dropdown-titledesc,
    .dropdown-title {
        white-space: normal;
    }
    .dropdown-title-logo {
        width: 30px;
        margin-top: -15px;
    }
    /*post header*/
    nav {
        /*position: fixed;
        width: 100%;
        top: 66px;
        left: 0;
        background: #fff;
        margin: 0;
        border-top: 1px solid #cacaca;
        display: none;
        -webkit-box-shadow: 0px 5px 17px -5px rgba(21, 21, 21, 0.69);
        -moz-box-shadow: 0px 5px 17px -5px rgba(21, 21, 21, 0.69);
        box-shadow: 0px 5px 17px -5px rgba(21, 21, 21, 0.69);*/
    }
    .header-link-menu {
        font-size: 1em
    }
    .icon-expandnav {
        position: absolute;
        line-height: 30px;
        margin-top: -15px;
        top: 50%;
        right: 8px;
    }
    .nav-parent {
        display: block;
    }
    .active .nav-head div.visible-xs {
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.3);
    }
    div.visible-xs {
        /*padding: 15px;*/
    }
    .sub-menu {
        position: relative;
        left: 0;
        top: 0;
    }
    .header-title-parent {
        float: none;
        width: 90%;
        text-align: center;
        min-height: 60px;
        margin: auto;
        position: relative;
    }
    /*.haveheaderaction .header-title-parent{padding-bottom: 15px;}*/
    .header-title {
        font-size: 1em;
        padding-top: 7%;
    }
    .header-icon-link {
        position: absolute;
        top: 15px;
        font-size: 1.20em
    }
    .header-icon-link--right {
        left: auto;
        right: 0;
        color: #eab98f;
        margin-right: 4%;
    }
    .welcome-member-item {
        margin: 0;
    }
    .welcome-member-icon {
        margin: 0;
    }
    .subnav-mob {
        margin: 0 -15px;
        padding: 0 20px;
        margin-top: -15px;
    }
    .haveheaderaction .subnav-mob {
        margin-top: 0px;
    }
    .sub-menu {
        height: 58px;
        align-items: center;
    }
    .nav-child {
        padding: 15px 0;
        margin-left: 25px;
        font-size: 0.875em;
    }
    .nav-child.active {
        font-size: 1.125em;
        background-size: 20px auto;
        background-position: center bottom;
    }
    .postheader .header-dropdown {
        float: left;
        width: 50%;
        margin: 0;
        border-left: 1px solid rgba(248, 196, 99, 0.2);
    }
    .postheader .header-dropdown:first-child {
        border-left: 0px;
    }
    .postheader .header-dropdown-btn {
        font-size: 0.75em;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        background: transparent;
        color: #fff;
        display: block;
        width: 100%;
        text-align: center;
    }
    .postheader-action {
        display: block;
    }
    .postheader .dropdown-indi-arrow {
        margin-top: 4px;
    }
    .postheader .header-dropdown-menu:not(.header-dropdown-menu--fixed) {
        margin-right: 5px;
    }
    .logo {
        margin: 0 8px
    }
    .header-logo-welcome {
        color: #facf71;
        font-size: 0.875em;
        font-weight: normal;
    }
    /*.prefooter{font-size: 0.75em;padding-bottom: 20px;}*/
    /*background: linear-gradient(to top, transparent 0%, rgba(124,105,115) 100%), url("../img/bg-header.png") no-repeat center; */
    /*footernav*/
    .nav-parent i {
        display: block;
        font-size: 2em;
    }
    /*.nav-parent a{padding:0;color:#060606;height: 100%;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}*/
    .menu-selected-icon {
        display: none !important;
    }
    .menu-icon {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
        width: 20px;
        height: 22px;
        color: #fff;
    }
    .nav-head {
        font-size: 1.125em;
        padding: 0 10px;
    }
    .nav-head>span {
        margin-top: 0px;
        display: block;
        font-weight: 600;
    }
    /*prelogin*/
    .preloginbg {
        /*background-size:auto 100%;*/
        background-position: center top;
    }
    .preinvitebg {
        /*background-size:auto 100%;*/
        background-position: center top;
    }
    .cta-underbox-arrow {
        right: 15px;
    }
    .prelogin-title-parent {
        padding: 0;
        text-align: center;
    }
    .prelogin-title {
        margin-bottom: 5px;
    }
    .prelogin-titledesc {
        font-size: 0.875em;
    }
    .prelogin-bglogo {
        max-width: 140px;
        margin: 30px auto;
    }
    .login_captcha img {
        height: 40px;
    }
    .captcha-parent {
        padding-right: 80px;
    }
    /*postlogin*/
    .postheader,
    .bodywrapper--postlogin {
        padding: 0;
    }
    .postlogin-content {
        padding: 20px 0;
        /*margin: 0 auto 150px;*/
    }
    /*home*/
    .ico-rate-parent {
        width: 100%;
        display: flex;
        overflow: auto;
    }
    .pill-element--inline {
        white-space: nowrap;
    }
    .home-top {
        padding: 0 0 20px;
    }
    .datetime-container {
        padding: 0;
        margin-bottom: 25px;
    }
    .time-item {
        font-size: 1.750em
    }
    .date-item {
        position: relative;
        font-size: 0.875em;
        margin-top: 5px;
    }
    .home-top {
        position: relative;
    }
    .ico-rate-refresh {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        max-width: 34px;
    }
    .home-btm {
        padding-top: 0px;
        border-top-width: 1px
    }
    .lineinfo-element:first-child {
        border-top: 0;
    }
    .home-btm-left {
        margin: 0 -15px 25px;
        padding-top: 10px;
    }
    .lineinfo-home {
        float: left;
        width: 100%;
        min-height: 0px;
        padding: 12px 15px;
    }
    .lineinfo-home:not(.lineinfo-home--half) .lineinfo-title {
        padding: 0;
        float: none;
        display: inline-block;
        width: auto;
        margin-right: 10px;
    }
    .lineinfo-home:not(.lineinfo-home--half) .lineinfo-value {
        display: inline-block;
        float: none;
        width: auto;
    }
    .lineinfo-home--half {
        width: 50%;
        padding: 5px 15px;
    }
    .lineinfo-home--half .lineinfo-title {
        float: none;
        width: 100%;
        padding: 0;
    }
    .lineinfo-home--half .lineinfo-value {
        float: none;
        width: 100%;
        text-align: right;
    }
    .lineinfo-element--borderleft {
        border-left: 1px solid rgba(248, 196, 99, 0.2);
    }
    .bigpill-element--hometotal {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .bigpill-element--hometotal .bigpill-title {
        float: none;
        display: inline-block;
        margin: 0 5px;
        line-height: 1;
        vertical-align: bottom;
    }
    .bigpill-element--hometotal .bigpill-value {
        float: none;
        display: inline-block;
        margin: 0 5px;
        vertical-align: bottom;
    }
    /*statement*/
    .rst-item-no {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 0.875em;
    }
    .rst-item {
        padding: 10px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-bottom: 12px;
    }
    .rst-item-top {
        padding-left: 36px;
        padding-right: 0;
    }
    .rst-item-top--firstline {
        padding-right: 165px;
    }
    .rst-item-top--firstline--2 {
        padding-right: 80px;
    }
    .rst-val1 {
        font-size: 0.813em;
    }
    .rst-val2 {
        font-size: 0.75em;
    }
    .rst-val3 {
        font-size: 0.875em;
    }
    .rst-val-separator {
        height: 14px;
        margin: 0 3px;
    }
    .pagination>li>a,
    .pagination>li>span {
        font-size: 0.875em;
        padding: 2px 6px;
    }
    .rst-total-item {
        margin-bottom: 14px;
        font-size: 0.875em;
    }
    .rst-parent {
        margin-top: 20px;
    }
    .statement-form {
        padding-bottom: 15px;
    }
    .rst-item-top-content--oneline {
        min-height: 30px;
    }
    .rst-item-btm--withleftval {
        padding-left: 155px;
    }
    .rst-item-btm-leftval {
        line-height: 22px;
    }
    .rst-val-icon {
        width: 16px;
    }
    .rst-img-btn {
        width: 45px;
        height: 45px;
    }
    .rst-item-top-right .rst-val2:first-child {
        margin-top: 1px;
    }
    .rst-item-top-right .rst-val2--imp:first-child {
        margin-top: -2px;
    }
    .rst-item .btn-action {
        margin-top: 2px;
    }
    /*coming soon*/
    .comingsoon-content {
        text-align: center;
        padding: 0;
        margin: 0;
        float: none;
    }
    .comingsoon-content .dropdown-title {
        font-size: 1.25em;
    }
    .comingsoon-content .dropdown-titledesc {
        font-size: 0.875em;
    }
    /*
  .cta-img{margin-bottom: 10px;}
  .action-wrapper{float:none;margin-top:0;}*/
    /*service*/
    .service-value-item {
        text-align: left;
    }
    .witdraw-qr {
        border: 0px;
        max-width: 230px;
        padding: 15px 10px;
        margin: 0 auto;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
        border: solid 1px rgba(38, 148, 235, 0.3);
        background-color: rgba(0, 0, 0, 0.2)
    }
    .text-valuetitle {
        font-size: 0.75em;
    }
    .text-value {
        font-size: 1em;
    }
    .service-value-item {
        margin-bottom: 0;
    }
    .service-top-btm {
        padding: 15px;
    }
    .item-btn {
        font-size: 0.75em;
        padding: 20px 0;
    }
    .item-btn-img {
        max-height: 35px;
        margin-bottom: 5px;
    }
    .service-item-parent {
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid rgba(248, 196, 99, 0.2);
        background: #000;
        margin-top: 12px;
        padding: 0 15px;
        max-width: none;
    }
    .comingsoon-overlay {
        min-width: 240px;
        height: auto;
    }
    .comingsoon-overlay .dropdown-title-logo {
        position: relative;
        max-width: 110px;
        top: 0;
        margin: 0 auto 24px;
    }
    /*coin statement*/
    .coinstatement-top {
        padding-bottom: 0px;
        margin-bottom: 18px;
        margin: 0 -15px 18px;
    }
    .coinstatement-left {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .coinstatement-right {
        width: 100%;
        border-top: 1px solid rgba(248, 196, 99, 0.2);
    }
    .coinstatement-topval {
        float: left;
        width: 50%;
        padding: 5px 15px;
    }
    .coinstatement-topval:first-child {
        border-right: 1px solid rgba(248, 196, 99, 0.2);
    }
    .coinstatement-topval-title {
        display: block;
    }
    .coinstatement-topval-val {
        display: block;
        text-align: right;
    }
    .annoncement-item {
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .announcement-top {
        padding: 20px;
        text-align: center;
    }
    .announcement-title {
        font-size: 0.875em;
        line-height: 20px;
        margin-bottom: 4px;
    }
    .announcement-btm {
        font-size: 0.875em;
        padding: 20px;
    }
    /*u*/
    .mt-xs--1 {
        margin-top: -1px;
    }
    .mb-xs-20 {
        margin-bottom: 20px;
    }
    .pr-xs-5 {
        padding-right: 5px;
    }
    .pl-xs-5 {
        padding-left: 5px;
    }
    .u-floatnone-xs {
        float: none;
    }
    .visible-xs {
        display: block !important
    }
    .text-right-xs {
        text-align: right;
    }
    /*grid*/
    .row--lesspadding {
        margin: 0 -5px;
    }
    .row--lesspadding div[class*="col-"] {
        padding: 0 5px;
    }
    div#topup-qr .modal-dialog {
        position: absolute;
        left: 0;
        width: 100%!important;
        z-index: 99999;
        margin: 0;
    }

    .login{
      padding-top: 50px
    }
}

.desktop-welcome {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    display: block;
    color: #ffffff;
}

.desktop-username {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.17px;
    display: block;
    width: 60%;
    margin-top: -20px;
    color: #ffffff;
}

img.level_rank_img {
    max-width: 50px;
}

.package-icon {
    width: 10%;
    text-align: center;
    margin-left: 40%;
}

.copyqr {
    color: #eab98f;
    font-size: 1em;
}

.copyqr a {
    color: #fff;
}

.jstree-default .jstree-last {
    background: transparent !important;
}


/*footer*/

.prelogin-footer {
    padding: 0 0 20px;
}

.radio-parent {
    /*border:1px solid #ddd;*/
    text-align: right;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    /*padding:0 15px;*/
    /*display: inline-block;*/
    /*background: #333;*/
}

.radio-item {
    margin-left: 10px;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.radio-item:first-child {
    margin-left: 0px;
}

.radio-label {
    margin: 0px;
    font-size: 0.85em;
    color: #ffff;
}

.radio-input {
    position: absolute;
    left: 0;
    top: 5px;
}


/*footer*/

footer {
    text-align: center;
    font-size: 0.75em;
    letter-spacing: 1px;
}

.prelogin-footer {
    color: #696969;
    padding: 0 0 35px;
    font-size: 11px;
}

.postlogin-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #696969;
    padding: 15px 0 30px;
}


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

.mobile-header-user-name {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0f176c;
    margin-top: 15%;
    text-align: left;
}

.mobile-header-icon-left {
    height: 45px;
    width: 45px;
    opacity: 0.8;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    border: solid 2px #ff4545;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #ff3333);
    border-radius: 50%;
    margin-top: 38%;
    padding: 18px;
    margin-left: -20%;
}

.mobile-header-icon-logout {
    height: 45px;
    width: 45px;
    opacity: 0.8;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    border: solid 2px #ffffff;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
    border-radius: 50%;
    margin-top: 38%;
    padding: 18px;
    margin-left: -20%;
}

.mobile-header-icon-app {
    height: 45px;
    width: 45px;
    opacity: 0.8;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    border: solid 2px #2694eb;
    background-image: linear-gradient(to top, rgba(5, 5, 5, 0), #293bf0);
    border-radius: 50%;
    margin-top: 38%;
    padding: 18px 20px;
    margin-left: -20%;
}

.mobile-header-icon-right {
    height: 45px;
    width: 45px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 2px #2694eb;
    background-image: linear-gradient(to bottom, #6a7ae4, #3845c4);
    border-radius: 50%;
    margin-top: 38%;
    padding: 20px;
}

.home-level-box {
    border-radius: 10px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000000);
    padding: 10px;
    margin: 2%;
}

.home-level-box-item {
    border-radius: 8px;
    background-color: #fff;
    padding: 15px 20px 10px;
    margin: 12px 0;
    width: 320px;
}

.wallet-level-box-item {
    border-radius: 8px;
    background-color: #fff;
    padding: 20px;
    margin: 12px 0;
    min-height: 90px;
    cursor: pointer;
}

.carousel_description {
    text-align: center;
}

.home-exchange {
    border-radius: 15px;
    background-color: rgba(38, 148, 235, 0.05);
    padding: 20px;
}

.home-level-box-item .label {
    font-size: 13px;
    letter-spacing: -0.04px;
    color: #000;
    padding: 0;
    display: inline-block;
    width: 220px;
    overflow: hidden;
    text-align: left;
    white-space: normal;
}

.filter_list .label,
.wallet-level-box-item .label {
    font-size: 13px;
    letter-spacing: -0.04px;
    color: #000;
    padding: 0;
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-align: left;
    white-space: normal;
}

.home-level-box-item .bar {
    margin-top: 5px !important;
    margin-bottom: 3% !important;
    margin: auto;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.home-level-box-item .point {
    font-size: 11px;
    letter-spacing: -0.03px;
    text-align: left;
    color: #919191;
    margin-top: 15px;
}

.filter_list .point,
.wallet-level-box-item .point {
    font-size: 11px;
    letter-spacing: -0.03px;
    text-align: left;
    color: #919191;
    margin-top: 15px;
}

.home-level-box-item .point .newstype {
    font-weight: bold;
    color: #40bbff;
    margin-right: 10px;
}

.wallet-level-box-item .point .newstype {
    font-weight: bold;
    color: #40bbff;
    margin-right: 10px;
}

.home-level-box-item .point-small {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ffffff;
}

.wallet-level-box-item .roundimg,
.home-level-box-item .roundimg {
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}

.home-level-box-item .roundimg img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.wallet-level-box-item .roundimg img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.home-level-text {
    margin-top: 2%;
    text-align: left;
}

.img-home-level {
    float: left;
    width: 10%;
    text-align: center;
}

.home-level-label {
    margin-left: 3%;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.home-level-name {
    margin-left: 3%;
    font-size: 1.125em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: right;
    color: #ffffff;
}

.home-level-2-box {
    display: flex;
    margin: auto;
    width: 100%;
}

.home-level-2-box .home-level-box-item {
    width: 50%;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.2);
}

.home-level-2-box .home-level-box-items {
    width: 60px;
    height: 60px;
    text-align: center;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-image: linear-gradient(to bottom, rgba(51, 161, 255, 0.2), rgba(0, 0, 0, 0.2));
    -moz-border-radius: 50px / 50px;
    -webkit-border-radius: 50px / 50px;
    border-radius: 50px / 50px;
    padding: 16px;
    margin: auto;
    font-size: 24px;
}

.home-casino-banner {
    margin: auto;
    width: 90%;
    padding: 30px;
    background: url("../img/game_04.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.home-casino-banner-2 {
    margin: auto;
    width: 90%;
    padding: 30px;
    background: url("../img/game_03.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.home-casino-banner-3 {
    margin: auto;
    width: 90%;
    padding: 30px;
    background: url("../img/game_02.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.home-casino-banner-4 {
    margin: auto;
    width: 90%;
    padding: 30px;
    background: url("../img/game_01.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.logo-casino-banner {
    width: 20%;
}

.home-casino-text {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.23px;
    text-align: center;
    color: #ffffff;
}

.home-casino-website-img {
    margin-top: 5% !important;
    margin-bottom: 10% !important;
    text-align: right;
    margin: auto;
    width: 90%;
    padding: 30px;
    background: url("../img/web.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.game-content-display-flex {
    display: flex;
    margin: auto;
    width: 100%;
    margin-top: 3%;
}

.home-casino-website-img .label {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    text-align: right;
    color: #80d2ff;
}

.home-casino-website-img .bar {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin-left: 60%;
    width: 50%;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.home-casino-website-img .point {
    margin-right: 6%;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: right;
    color: #ffffff;
}

.home-content-display-flex {
    display: inline-block;
    padding-left: 12px;
}

.home-content-display-flex-wallet {
    margin: auto;
    width: 60%;
}

.home-content-display-flex-sponsor {
    display: flex;
    margin: auto;
    width: 100%;
}

.home-point-box {
    margin: auto;
}

.game-casino-box {
    width: 100%;
    margin: auto;
    margin-top: 0.5%;
}

.home-casino-box {
    width: 70%;
    margin: auto;
    margin-top: 0.5%;
}

.menu-tab {
    display: flex;
    margin: 5%;
    margin-top: 5%;
}

.menu-tab-item {
    width: 50%;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.63px;
    text-align: center;
    color: #ffffff;
}

.menu-tab-item .active {
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-top: hidden;
    padding: 5px;
    border-image-slice: 1;
}



.wallet-icon {
    height: 75px;
    padding: 12px;
    color: #2694eb;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-top: hidden;
    border-image-slice: 1;
}

.wallet-icon-label {
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.63px;
    text-align: center;
    color: #ffffff;
}

.wallet-item-icon {
    margin-top: 1%;
    border-radius: 10px;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000000);
    padding: 4%;
}

.wallet-item-icon-2 {
    margin-top: 3%;
    border-radius: 10px;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000000);
    padding: 4%;
}

.wallet-item-label {
    padding: 5px;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.wallet-icon-info {
    color: #ff4545;
}

.wallet-item-point {
    padding: 2px;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.18px;
    text-align: right;
    color: #ffffff;
}

.search-wallet-input-box {
    margin: auto;
    width: 50%;
}

.search-wallet-input {
    background-color: #1b1b1b2e !important;
}

.wallet-statement-details {
    margin: 50px 0;
    font-size: 13px;
    line-height: 1.54;
    color: #fff;
}

.wallet-statement-details-date {
    margin: 3%;
    text-align: right;
}

.wallet-statement-details-date-img {
    margin: 0% 3% 3% 3%;
    text-align: right;
    width: 50%;
}

.wallet-statement-details-img {
    margin: 0% 3% 3% 3%;
    text-align: left;
    width: 50%;
}

.statement-img {
    width: 40px;
    height: 40px;
}

.statement-img-btn {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border-top: solid 1px rgba(38, 148, 235, 0.3);
    padding: 5px;
    color: #2694eb;
    text-decoration: underline;
}

.statement-img-status {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.wallet-statement-box {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: 75%;
    margin: auto;
    margin-bottom: 1%;
}

.wallet-statement-box-2 {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: 100%;
    margin: auto;
    margin-bottom: 1%;
}

.wallet-statement-float-right {
    float: right;
}

.wallet-statement-details-text {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.wallet-statement-title-text {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.18px;
    color: #ffffff;
}

.wallet-statement-date-text {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
    color: #919191;
}

.wallet-statement-point-text {
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.18px;
    color: #ffffff;
}

.wallet-statement-details-icon {
    width: 18px;
    height: 14px;
    color: #2694eb;
}

.wallet-statement-status-green {
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
    color: #2fd53b;
}

.wallet-statement-status-grey {
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
    color: #696969;
}

.wallet-statement-description {
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.placement-point-box {
    width: 100%;
}

.placement-point-label {
    float: left;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
    padding: 10px;
}

.placement-point-item {
    float: right;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #ffffff;
    padding: 10px;
}

.epin-wallet-icon-box {
    font-size: 3.65em;
    text-align: center;
    margin-top: 10%;
    color: #2694eb;
}

.epin-wallet-icon-text {
    font-size: 1em;
    text-align: center;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2.25px;
    text-align: center;
    color: #ffffff;
}

.epin-wallet-item {
    margin-top: 15%;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #ffffff8c);
    padding: 10px;
}

.epin-wallet-item-2 {
    margin-bottom: 3%;
    margin-top: 3%;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #ffffff8c);
    padding: 10px;
}

.epin-item-label {
    padding: 5px;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #ccc;
}

.epin-wallet-input {
    margin-top: 3%;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #ffffff8c);
    padding: 10px;
    background-color: #0000!important;
}

.form-control-2 {
    font-size: 13px;
    font-weight: bold;
    padding: 12px;
    text-align: right;
    border-radius: 10px;
    background-color: rgba(69, 129, 255, 0.1);
    color: #000;
    max-width: 500px;
}

.form-control-left {
    text-align: left;
}

.btn-customize {
    width: 100%;
}

.epin-wallet-select {
    margin-top: -2%;
}

.main-div {
    margin: auto;
}

.game-div {
    width: 100%;
    margin: auto;
}

.wallet-button {
    width: 100%!important;
}

.personal-tab {
    padding-top: 0%!important;
}

.selection {
    margin-top: 20%;
}


/*Phone View*/

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

    .desktop-header-nav {
        display: none;
    }

    .nav-head {
        padding: 13px 0px;
    }
    .icon-Notification:before {
        padding-left: 5px;
    }
    .header-nav {
        margin-left: auto;
    }
    .main-div {
        width: 100%!important;
        margin: auto;
    }
    .js-tabcontent-parent {
        padding-top: 25px;
    }
    .form-btn-parent-right {
        text-align: right;
        width: 100%!important;
        margin: auto;
    }
    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: 80%!important;
    }
    .package-icon {
        width: 20%;
        text-align: center;
        margin-left: 0%!important;
    }
    .game-div {
        width: 100%!important;
        margin: auto;
    }
    .game-header {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 2px;
        color: #ffffff;
        margin-left: 0% !important;
    }
    .home-content-display-flex {
        display: block;
        width: 100%!important;
    }
    .home-content-display-flex-wallet {
        margin: auto;
        width: 100%!important;
    }
    .home-content-display-flex-sponsor {
        display: block;
        width: 100%!important
    }
    .game-content-display-flex {
        display: block;
        width: 100%!important
    }
    .home-point-box {
        width: 100%;
    }
    .home-casino-box {
        width: 100%;
    }
    .rowlink-item {
        display: flex;
        padding: 10px 20px;
        min-height: 49px;
        justify-content: space-between;
        font-size: 0.813em;
        align-items: center;
        border-radius: 8px;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 2px;
        color: #ffffff;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
        border: solid 1px rgba(38, 148, 235, 0.3);
        background-color: rgba(0, 0, 0, 0.2);
        margin: auto;
        width: 100%!important;
        margin-top: 5%;
    }
    .img-home-level {
        float: left;
        width: 20%;
    }
    .search-wallet-input-box {
        margin: 0%;
        width: 100%;
    }
    .wallet-statement-box {
        border-radius: 10px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
        border: solid 1px rgba(38, 148, 235, 0.3);
        background-color: rgba(0, 0, 0, 0.2);
        padding: 10px;
        margin-bottom: 5%;
        width: 100%;
    }
    .wallet-statement-box-2 {
        border-radius: 10px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
        border: solid 1px rgba(38, 148, 235, 0.3);
        background-color: rgba(0, 0, 0, 0.2);
        padding: 10px;
        margin-bottom: 5%;
        width: 100%;
    }
    .scrollmenu {
        overflow: auto;
        white-space: nowrap;
        width: 100% !important;
        margin-left: 0%!important;
    }
    .level-text-right {
        display: inline-block;
        float: right;
        margin-right: 40%!important;
        width: 40%!important;
        margin-top: 3%!important;
    }
    .nav-logo {
        width: 15%!important;
        float: right;
        margin-top: -11%!important;
    }
    .nav-record {
        float: right;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #ffffff;
    }
    .menu-tab {
        display: flex;
        margin: 5%;
        margin-top: 0%!important;
    }
    .mobile-header-icon-left {
        font-size: 4vw;
        height: 45px;
        width: 45px;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        border: solid 2px #ff4545;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #ff3333);
        border-radius: 50%;
        margin-top: 38%;
        padding: 12px;
        margin-left: -20%;
    }
    .mobile-header-icon-app {
        font-size: 4vw;
        height: 45px;
        width: 45px;
        opacity: 0.8;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        border: solid 2px #2694eb;
        background-image: linear-gradient(to top, rgba(5, 5, 5, 0), #293bf0);
        border-radius: 50%;
        margin-top: 38%;
        padding: 12px 13px !important;
        margin-left: -20%;
        margin-right: 10px;
    }
    .mobile-header-icon-right {
        height: 45px;
        width: 45px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
        border: solid 2px #2694eb;
        background-image: linear-gradient(to bottom, #6a7ae4, #3845c4);
        border-radius: 50%;
        margin-top: 38%;
        padding: 10px;
    }
    .serach-btn-record {
        margin: auto;
        width: 100%!important;
        margin-bottom: 5%!important;
    }
    .close-overlay {
        margin-right: 5%;
        margin-top: -3%!important;
        padding: 5px;
    }
    .home-title {
        width: 100%!important;
        margin-top: 5%!important;
        margin-bottom: 5%!important;
        line-height: 25px;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        padding: 10px;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1px;
        color: #ffffff;
    }
    .wallet-icon-label {
        font-size: 10px;
    }
    .ranking-box {
        margin-left: 8%!important;
        width: 100%!important;
        margin-top: 12%!important;
        text-align: left;
        line-height: 0px!important;
        padding-left: 32%!important;
    }
    .home-level-2-box {
        display: flex;
        margin: auto;
        width: 100%!important;
    }
    .swiper-container {
        width: 100%!important;
        height: 100%;
    }
    .wallet-filter-box {
        width: 100%!important;
        margin: auto;
    }
    .home-game-banner-1 {
        position: relative;
        margin: auto;
        width: 100%;
        height: 210px!important;
        background: url("../img/game_04.png");
        border-radius: 20px;
        object-fit: contain;
        background-size: cover;
        margin-top: 5% !important;
    }
    .home-game-banner-2 {
        position: relative;
        margin: auto;
        width: 100%;
        height: 210px!important;
        background: url("../img/game_03.png");
        border-radius: 20px;
        object-fit: contain;
        background-size: cover;
        margin-top: 5% !important;
    }
    .home-game-banner-3 {
        position: relative;
        margin: auto;
        width: 100%;
        height: 210px!important;
        background: url("../img/game_02.png");
        border-radius: 20px;
        object-fit: contain;
        background-size: cover;
        margin-top: 5% !important;
    }
    .home-game-banner-4 {
        position: relative;
        margin: auto;
        width: 100%;
        height: 210px!important;
        background: url("../img/game_01.png");
        border-radius: 20px;
        object-fit: contain;
        background-size: cover;
        margin-top: 5% !important;
    }
    .sponsor-img {
        width: 15%!important;
        margin-left: 2%;
    }
    .personal-rank-img {
        width: 50%!important;
    }
    .btn-logout {
        width: 70%;
    }
    .whitebox-section:first-child {
        margin-top: 0px;
        margin: auto;
        width: 70%;
    }
    .btn-language-personal {
        width: 100%!important;
        margin: auto;
    }
    .home-box-mobile {
        display: flex!important;
    }
    .home-box-desktop {
        display: none!important;
    }
    .bar-wallet {
        margin-top: 3% !important;
        margin-bottom: 3% !important;
        margin: auto;
        width: 100%!important;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.91) 1%, rgba(47, 213, 59, 0) 100%);
        height: 2px;
    }

    .home-title .username {
        display: contents!important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1px;
        color: #ffffff;
    }
    .myusdt-box {
        width: 100%!important;
        margin: auto;
        margin-top: 5%;
    }
    .announcement-detail-h1 {
        font-size: 28px;
        font-weight: bold;
        letter-spacing: 2.8px;
        color: #000;
        padding: 10px;
        width: 100%!important;
        margin: auto;
        margin-top: 5%;
        text-align: left;
    }
    .annoucement-detail-img {
        width: 100%!important;
        margin: auto;
        padding: 10px;
        text-align: center;
        margin-top: 3%;
    }
    .announcement-detail-p {
        font-size: 13px;
        line-height: 1.77;
        letter-spacing: 1px;
        color: #919191;
        width: 100%!important;
        margin: auto;
        margin-top: 3%;
        padding: 10px;
    }
    .wallet-statement-details-date-img {
        margin: 3%!important;
        text-align: right;
        width: 50%;
    }
    .wallet-statement-details-img {
        margin: 3%!important;
        text-align: left;
        width: 50%;
    }
    .desktop-footer-nav,
    .footer-nav {
        background: #000;
        display: block;
    }
}

.page_blank {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    z-index: 2;
    pointer-events: none;
}

.home-box-mobile {
    display: none;
}

.home-box-desktop {
    display: block;
}

.scrollmenu {
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 4%;
    margin: auto;
}

.scrollmenu .menu {
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(179deg, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0));
    border-image-slice: 1;
    border-left-style: none;
    border-top-style: none;
    border-bottom-style: none;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    padding: 15px;
}

.menu .iconbox {
    float: left;
    padding: 10px;
    font-size: 20px;
    color: #ff4545;
    text-align: left;
}

.menu .textbox {
    float: right;
    text-align: left;
}

.scrollmenu-text1 {
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.scrollmenu-text2 {
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #ffffff;
}

.modal-backdrop {
    position: inherit;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.record-staement-box {
    display: flex;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 40%;
    max-width: 500px;
}
.modal-header{padding:unset;padding-bottom:20px;}
.modal .img-logo{  width: 40%;padding-top:20px;}

.modal-success-icon{font-size: 30px;margin:20px;color:#bdbdbd;}
.modal-fail-icon{color: #3a3838;font-size: 80px;letter-spacing: 1px;display:block;}

.modal-footer{border: none;text-align: center;}
.close{color: #ffffff; opacity: 1;}
.close:hover, .close:focus{color: #ffffff; opacity: 0.51;}
.modal-success-text{display:block;margin-top:20px;font-size: 16px;font-weight: bold;color: #033e3b;}
.modal-success-package{display:block;font-size: 20px;font-weight: bold;color: #000;}
.modal-success-amount{display:block;font-size: 14px;letter-spacing: 1.08px;color: #000;margin-top:10px;}
.modal-fail-text{font-size: 25px;font-weight: bold;letter-spacing: 1px;color: #000;opacity: 0.5;}
.modal-success-msg{font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #919191;}
.bottom_details{margin-top:50px;}
.modal-success-amt{font-size: 18px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.2px;text-align: right;color: #000;}
.modal-body-details{text-align: center;}
.modal-body-footer{font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: center;
  color: #000;}
.bar{margin-top: 3% !important; margin-bottom: 3% !important; margin: auto;width: 100%; border-style: solid;border-width: 1px;border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);border-image-slice: 1;}
.bar-modal{margin-top: 3% !important; margin-bottom: 3% !important; margin: auto;width: 65%; border-style: solid;border-width: 1px;border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);border-image-slice: 1;}
.bar-wallet{margin-top: 3% !important; margin-bottom: 3% !important; margin: auto;width: 50%; background: radial-gradient(circle, rgba(255,255,255,0.91) 1%, rgba(47,213,59,0) 100%);height: 2px;}


.modal-header {
    border: none;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.modal-success-icon {
    font-size: 30px;
    margin: 20px;
    color: #bdbdbd;
}

.modal-fail-icon {
    color: #3a3838;
    font-size: 80px;
    letter-spacing: 1px;
    display: block;
}

.modal-content {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.2);
    padding: 15px 25px;
}

.modal-footer {
    border: none;
    text-align: center;
}

.close {
    color: #ffffff;
    opacity: 1;
}

.close:hover,
.close:focus {
    color: #ffffff;
    opacity: 0.51;
}

.modal-success-text {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #033e3b;
}

.modal-success-package {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.modal-success-amount {
    display: block;
    font-size: 14px;
    letter-spacing: 1.08px;
    color: #000;
    margin-top: 10px;
}

.modal-fail-text {
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #000;
    opacity: 0.5;
}

.modal-header-text{
  color: #002a73;
  font-size: 16px;
  font-weight: bold;
}

.modal-success-msg {
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #919191;
}

.bottom_details {
    margin-top: 50px;
}

.modal-success-amt {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: right;
    color: #000;
}

.modal-body-details {
    text-align: center;
}

.modal-body-footer {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: center;
    color: #000;
}

.bar {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin: auto;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.bar-modal {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin: auto;
    width: 65%;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.bar-wallet {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin: auto;
    width: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.91) 1%, rgba(47, 213, 59, 0) 100%);
    height: 2px;
}


/*IPAD*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .home-logo {
        width: 25% !important;
    }
    .selection {
        margin-top: 10%;
    }
    #reg_login_header {
        margin-top: -10% !important;
    }
    .prelogin-logo {
        width: 15%;
    }
    .register_img img {
        width: 10% !important;
    }
    .personal-rank-img-box img {
        width: 35% !important;
    }
    .header-prelogin--flex {
        margin-right: 5% !important;
        width: 90% !important;
        margin-left: 5% !important;
    }
    .scrollmenu {
        overflow: auto;
        white-space: nowrap;
        width: 100% !important;
        margin-left: 0%!important;
    }
    .game-header {
        margin-left: 32% !important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 2px;
        color: #ffffff;
        margin-left: 17%;
    }
    .game-head-box {
        width: 100%!important;
        margin-top: 4%;
        padding: 3px;
        text-align: left;
    }
    .ranking-box {
        width: 100%;
        margin-top: 9% !important;
        text-align: left;
        line-height: 20px;
    }
    .wallet-filter-box {
        width: 75%!important;
        margin: auto;
    }
    .home-box-mobile {
        display: none;
    }
    .whitebox-section:first-child {
        margin-top: 0px;
        margin: auto;
        width: 70%!important;
    }
    .title-prelogin {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        padding-left: 40px;
    }
    .js-tabcontent-parent {
        padding-top: 25px;
    }
    .nav-record {
        width: 40%;
        float: right;
        display: inline;
        text-align: right;
    }
    .personal-tab {
        padding-top: 0%!important;
        margin-left: 0%!important;
    }

    .wallet-statement-box {
        width: 100%;
    }
    .header-prelogin-nav {
        margin-left: 5%;
    }
}

.modal-open .modal {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
   
}

.carousel-indicators {
    bottom: 0px;
    z-index: 10;
}

.carousel-indicators li {
    background: rgba(255, 255, 255, 0.3);
    width: 7px;
    height: 7px;
    border: none;
    margin: 0 1px;
}

.carousel-indicators .active {
    background: rgba(255, 255, 255, 1);
    width: 7px;
    height: 7px;
}


#whiteglowing {
    background-image: radial-gradient(ellipse at 50% 0%, #9fcdff, rgba(0, 0, 0, 0) 26%);
    width: 100%;
    height: 50px;
}

.orangeglowing {
    background-image: radial-gradient(ellipse at 50% 100%, #ff8888, rgba(0, 0, 0, 0) 43%);
    height: 20px;
    margin-bottom: -7px;
}

.blueglowing {
    background-image: radial-gradient(ellipse at 50% 100%, #495bff, rgba(0, 0, 0, 0) 43%);
    height: 20px;
    margin-bottom: -7px;
}



.icon-transaction-success {
    color: #2fd53b;
}

.icon-transaction-fail {
    color: #ec1c24;
}

.icon-transaction-process {
    color: #919191;
}

.level-text-right {
    display: inline-block;
    float: right;
    margin-right: 36%;
    width: 13%;
    margin-top: 3%;
}

.nav-logo {
    width: 10%;
    float: right;
    margin-top: -7%;
}

.nav-record {
    width: 40%;
    float: right;
    display: inline;
    text-align: right;
}



/************************** ANNOUCENMENET *********************/
.announcement {
    max-width: 500px;
    margin: auto;
}

.annoucement-statement-box {
  margin-bottom: 5%;
  width: 100%;
  border-radius: 5px;
  padding: 24px 30px;
  border-radius: 5px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e0e0e0;
  background-color: #ffffff;
}

.annoucement-statement-box img{
  width:100%;
  height:100%;
  height:232px;
  object-fit: cover;
}

.annoucement-title {
  /*font-family: Gotham;*/
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 12px 0;
  color: #181818;
}
.announcement .datetime{
  color: #033e3b;
  width: 152px;
  height: 11px;
  margin:  0px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #033e3b;
}

.announcement-details{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #181818;
  margin:0;
  color:black;
  line-height: 1.43; 
  margin: 12px 0 0;
}
.annoucement-sub-title {
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #919191;
  font-size: 11px;
}

.annoucement-bar {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin: auto;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}



.annoucement-description {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.annoucement-btn {
    padding: 5px;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.63px;
    text-align: center;
    color: #ffffff;
}

.serach-btn-record {
    margin: auto;
    width: 50%;
    margin-bottom: 1%;
}

.close-overlay {
    margin-right: 5%;
    margin-top: -1%;
    padding: 5px;
}


.swiper-container {
    width: 840px;
    height: 320px;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 85%!important;
}

.home-game-banner-1 {
    position: relative;
    margin: auto;
    width: 100%;
    height: 230px;
    background: url("../img/game_04.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
    margin-right: 10px;
}

.home-game-banner-2 {
    opacity: 0.5;
    position: relative;
    margin: auto;
    width: 100%;
    height: 230px;
    background: url("../img/game_03.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.home-game-banner-3 {
    opacity: 0.5;
    position: relative;
    margin: auto;
    width: 100%;
    height: 230px;
    background: url("../img/game_02.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
    margin-right: 10px;
}

.home-game-banner-4 {
    opacity: 0.5;
    position: relative;
    margin: auto;
    width: 100%;
    height: 230px;
    background: url("../img/game_01.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.child {
    position: absolute;
    bottom: 10%;
    width: 100%;
}

.child-2 {
    position: absolute;
    padding: 10px;
    bottom: 0%;
    width: 100%;
}

.child-3 {
    position: absolute;
    padding: 10px;
    bottom: 45%;
    left: 30%;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
}

.home-title {
    width: 50%;
    margin: auto;
    margin-top: 2%;
    line-height: 25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    padding: 10px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.home-title .username {
    display: none;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.ranking-box {
    width: 100%;
    margin-top: 4%;
    margin-left: 20%;
    line-height: 20px;
}

.ranking-label {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.ranking-name {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.15px;
    color: #ffffff;
}

.form-input-parent input::-webkit-input-placeholder {
    color: #7d7d7d;
    font-size: 10px;
}

.wallet-label {
    text-align: center;
    margin-top: 5%;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: 1px;
    color: #ffffff;
}

.alignleft {
    float: left;
    width: 50%;
    text-align: left;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding: 10px;
}

.alignright {
    float: left;
    width: 50%;
    text-align: right;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding: 15px;
}

​ .game-label {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
}

.game-icon {
    transform: rotate(-90deg);
    color: #ffffff;
}

.game-accum-amt {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #40bbff;
}

.personal-rank-box {
    display: flex;
}

.personal-rank {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.personal-rank-name {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
}

.personal-username-box {
    
    text-align: center;
    width: 100%;
    padding: 10px;
}

.personal-username {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.personal-rank-img-box {
    width: 70%;
    text-align: end;
}

.personal-rank-img {
    width: 30%;
}

.personal-rank-info {
    width: 50%;
    padding: 20px;
    padding-left: 5px;
    margin: auto;
}

.btn-language-personal {
    width: 70%;
    margin: auto;
}

.dropdown-menu {
    right: 0;
    left: auto!important;
}

.file-container {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.file-container [type=file] {
    cursor: inherit;
    display: block;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.file-container [type=file] {
    cursor: pointer;
}


.upload-icon {
    color: #ffffff;
}

.wallet-filter-box {
    width: 45%;
    margin: auto;
}

.qr-box {
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    margin: auto;
    width: 250px;
    height: 250px;
    padding: inherit;
}

.qr-text {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #919191;
}

#reg_login_header {
    margin-top: -5%;
}

.topup-qr {
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 10px;
}


.topup-qr-icon {
    color: #2694eb;
    font-size: 18px;
}

.topup-qr-text {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    text-align: right;
    color: #ffffff;
}

.topup-modal {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2694eb;
}

.attachment-img {
    width: 40%;
    margin: auto;
}

.btn-modal {
    width: 30%;
    font-size: 13px;
    min-width: 180px;
}

.topup-radio-box {
    text-align: center;
    margin: 10px;
}

.radio-inline,
.checkbox-inline {
    color: #2694eb;
}

.myusdt-box {
    width: 70%;
    margin: auto;
    margin-top: 5%;
}

.myinformation-box {
    width: 70%;
    margin: auto;
    margin-top: 1%;
}

.announcement-detail-h1 {
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 2.8px;
    color: #000;
    padding: 10px;
    margin: auto;
    margin-top: 5%;
    text-align: left;
}

.annoucement-detail-img {
    width: 70%;
    margin: auto;
    padding: 10px;
    text-align: center;
    margin-top: 3%;
}

.announcement-detail-p {
    font-size: 13px;
    line-height: 1.77;
    letter-spacing: 1px;
    color: #000;
    margin: auto;
    margin-top: 3%;
    padding: 10px;
}

.announcement-img {
    width: 100%;
}

.img-package-modal {
    width: 50%;
}

#req_qr {
    max-width: 100% !important;
}

#req_qr_logo {
    margin-top: -10%;
}

#reg_qr_img {
    width: 20% !important;
    margin-bottom: 15px;
}

#reg_qr_user {
    text-align: left;
    padding: 0;
    width: 50%;
    display: inline-block;
}

#req_qr_words {
    color: #fff;
}

#req_qr_words p {
    margin-bottom: 0;
}

#req_qr_center {
    margin-bottom: 60px;
}

#req_qr_qr {
    max-width: 100%;
    float: right;
    display: inline;
    width: 20%;
}

a.js-copy.btn.btn-primary {
    width: 50%;
}

.next-page {
    transform: rotate(-180deg);
    display: inline-block;
    color: #fff;
    font-size: 10px;
    position: absolute;
    margin-top: 20px;
    right: 0;
    margin-right: 30px;
}

.btn-delete {
    background-color: red;
    border: red;
    font-weight: bold
}

.package_right {
    text-align: right;
    right: 0;
    width: 40%;
}

.btn-draft-cancel {
    display: inline-block;
    margin-right: 20px;
    border: solid 1px #696969;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(18, 18, 18, 0.59));
    padding: 10px 40px;
    width: 45%;
}

.btn-draft-save {
    padding: 10px 40px;
    width: 45%;
    border: solid 1px #4581ff;
}

.copy_address {
    background: #000;
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    margin: auto;
    margin-top: 30px;
    border: 1px solid #4581ff;
    max-width: 300px
}

.copy_address:hover {
    cursor: pointer
}

#copy_address_2 {
    width: 100%;
    border: none;
    background: transparent;
    color: #919191;
    font-size: 12px;
}

#copy_address_2:focus,
.copy_address_2:active {
    outline: none;
}


.language_group{
  cursor:pointer;
  float:right;
  display:flex;
  align-items: center;
  margin:20px;
  margin-right:200px;
}

.language_group a{
  color:#033e3b;
}

.language_group i{
  color: #08b2aa;
  margin-right:10px;
}
@media only screen and (min-width: 1440px) {
    .sponsor_tree {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 1440px) {
    .u-floatleft {
        width: auto;
    }
    .ranking-box {
        margin-left: 30%;
    }
    .hidden-xs.desktop-username img.hidden-xs {
        width: 20% !important;
    }
    /*.game-header{margin-left:37%;}*/
    .header-prelogin--flex {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .dropdown-titledesc {
        white-space: normal;
    }

    .carousel_description {
        width: 100%;
    }
    .home-content-display-flex {
        padding-left: 0 !important;
        width: 100%;
        margin-bottom: 30px;
    }
    .home-level-box-item {
        width: 100% !important;
    }
    .home-level-box-item .label {
        width: 80%;
    }
    .home-content-display-flex.sponsor-home-content {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .container.header-nav {
        /*max-width: 90%;*/
    }
    .top-tabs li {
        width: 33%;
    }
}

@media only screen and (max-width: 767px) {
    .package_filter_price {
        font-size: 12px
    }
    .preloginbg {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
       /*    background: url(../img/elements/BG-07.png) center/cover no-repeat; */
      
    }
    .preinvitebg {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
          background: url(../img/elements/BG-14.png) center/cover no-repeat;
        /*background-image: linear-gradient(to top, #ffffff, #f9efe9);*/
    }
    .prelogin.prehomebg {
        /*position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: linear-gradient(to top, #ffffff, #f9efe9);*/
    }
    .postloginbg {
       /*  position: fixed; */
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
     /*    background: url(../img/elements/BG-02.png) center/cover no-repeat; */
        background-color: #ffffff;
        /*background-image: linear-gradient(to top, #ffffff, #f9efe9);*/
    }
    .newloginbg {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: linear-gradient(to top, #ffffff, #f9efe9);
    }
    .filter_list .label,
    .wallet-level-box-item .label {
        width: 230px;
    }
    .js-tabcontent-parent.personal-tab {
        width: 100% !important;
    }
    .nav-content-parent {
        padding: 0px;
        padding-left: 0%;
        padding-right: 0%;
        width: 100%;
    }
    .home.main-div .top-tabs {
        min-width: 0;
    }
    .top-tabs li {
        width: 32%;
    }
    #next_step {
        display: inline-block !important;
    }
}

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

    .annoucement-statement-box img{
      height:160px;
    }

    .login{
      margin-top:80px;
    }
    .prefooter  {
        display:none;
        /*margin-top: 20px !important;*/
    }
    .prelogin-right {
        max-width: 90%;
        margin-top: -30px;
    }
    .prelogin-logo {
        width: 30%;
    }
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
    }
    .login_text {
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 1px;
        text-align: center;
        color: #000;
        margin-bottom: 30px;
    }
    .home-level-box-item .point-small {
        font-size: 12px;
    }
    .btn-view-primary{margin-top: 10px;padding: 5px 15px;}
    /*body {
        font-size: 12px;
    }*/
    .bodywrapper.bodywrapper--postlogin {
        /*padding: 0 !important;*/
    }
    .profile_pic_header {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 30px;
        margin-right: 10px;
    }
    .profile_pic_header img {
        max-width: 40px;
    }
    .profile_pic_header img:hover{cursor:pointer;}
    .postheader {
        /*display: none;*/
    }
    .postheader.no_nav {
        display: block;
    }
    .postheader .u-floatleft {
        width: 80%;
    }
    .postheader .u-floatright {
        width: 70%;
        text-align: right;
        position: absolute;
        right: 20px;
    }
    .postheader-action {
        float: right;
    }
    .postlogin-content {
        /*margin: 0 auto 150px;*/
    }
    .header-prelogin--flex .header-prelogin-nav-icon {
        position: relative;
        vertical-align: middle;
        margin-top: 0;
    }
    .personal-rank-img-box {
        width: 100% !important;
    }
    .personal-rank-info {
        padding: 0;
    }
    #language_whiteborder {
        margin-top: -37px !important;
    }
    #form_language_setting {
        width: 100% !important;
    }
    div#topup-qr .modal-dialog .modal-header {
        display: block;
    }
    .header-prelogin--flex {
        margin-left: 0;
        width: 100% !important;
    }
    a.language-btn.header-action-btn.js-trigoverlay {
        width: 30px;
    }
    .mobile-header-icon-left {
        padding: 11px;
    }
    .icon-Notification:before {
        padding-left: 0px;
    }
    .copyqr {
        margin-top: 25px;
    }
    .game-header {
        margin-left: 0;
    }
    .vmc-container {
        width: auto !important;
    }
    .vmc-arrow-left {
        left: -20px !important;
    }
    .vmcarousel-centered-infitine.vmc-centered.vmcarousel::before {
        margin-left: 0 !important;
    }
    .vmc-viewport {
        width: 280px;
        margin: auto;
    }
    .bar-wallet {
        margin-top: 6% !important;
        margin-bottom: 6% !important;
    }
    .js-copy.btn.btn-primary {
        min-width: 100%;
    }
    .home-game-banner-1,
    .home-game-banner-2,
    .home-game-banner-3,
    .home-game-banner-4 {
        margin-bottom: 20px;
    }


    #req_qr_logo {
        width: 50% !important;
        margin-top: 0 !important;
    }
    #req_qr_container {
        margin-top: -40px;
    }
    #req_qr {
        max-width: 100%;
    }
    #req_qr_qr {
        max-width: 100%;
        float: right;
        display: inline;
        width: 30%;
    }
    #req_qr_center:nth-child(1) {
        font-size: 11px;
    }
    #theform {
        width: 100% !important;
        margin: auto;
        margin-top: 5%;
        max-width: 90%;
    }
    .whitebox-section:first-child {
        width: 90%;
    }
    button.btn-language-personal.btn.btn-primary {
        width: 90% !important;
    }
    .btn-logout {
        width: 100%;
    }
    .top-tabs .tab-menu.deposit li {
        width: 32.5%;
    }
    .filter_panel {
        width: 100%;
    }
    .filter_result {
        width: 100%;
        margin-top: 30px;
    }
    .percent {
        display: block;
        padding-top: 50px;
    }
    img.level_rank_img {
        max-width: 50px;
    }
    .big_chart {
        width: 100%;
    }
    .dots_tracking:first-child {
        margin-left: 12%;
    }
    .dots_tracker {
        margin: 0 5px;
    }
    .lines_tracker {
        vertical-align: unset;
        margin-bottom: 8px;
        width: 40px;
    }
    .words_tracking {
        margin-left: 30px;
    }
    .middle_words_tracking {
        margin: 15px 12px !important;
    }
    .fade_away img {
        width: 100% !important;
    }
    .btn-draft-save {
        width: 120px;
        padding: 10px;
    }
    .btn-draft-cancel {
        width: 120px;
        padding: 10px;
        margin-right: 5px;
    }
    #save-modal .modal-footer {
        padding: 0;
    }
    #withdrawal_total_amount {
        max-width: 150px;
    }
    .add_button {
        margin: 30px 5px;
    }
    .team_result .filter_right {
        vertical-align: top;
    }
    .filter_list {
        padding: 15px;
    }
    .review_overall {
        padding: 30px !important;
        margin-left: -30px;
        margin-right: -30px;
    }
    .top-tabs li a {
        padding: 10px 0px;
    }
    .top-tabs .tab-menu.sponsor_download {
        overflow-x: auto;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        white-space: nowrap;
        margin-top: 80px;
    }
    .sponsor_download.deposit_container {
        margin-top: 40px;
    }
    .sponsor_next_level {
        font-size: 18px;
    }
    .home.main-div .top-tabs li {
        width: 49%;
    }
    .hide_in_mobile {
        display: none;
    }
    td.currency-buy,
    td.currency-sell {
        padding: 15px 5px;
    }
    .deposit_banner,
    .wallet_banner,
    .wallet.top-tabs {
        margin-left: -30px;
        margin-right: -30px;
    }
    .package_filter_price {
        font-size: 11px;
    }
    button.thumb {
        font-size: 11px;
        width: 30% !important;
    }
 /*   .prelogin header.scrolled {
        position: relative;
    }*/
    .prelogin header {
        margin-top: 0;
        height: 70px;

    }
    .spaces-nav2
    {
        height:75px !important;
    }
    .spaces-nav3
    {
        height:108px !important;
    }
    .spaces-nav4
    {
        height:104px !important;
    }
    .spaces-nav
    {
        height:90px;
    }
    .level_name {
        font-size: 14px;
    }

    .next-page {
        margin-top: 15px;
    }
    .title-overlay {
        padding-bottom: 20px;
    }
    .sponsor_result .icon-wallet {
        margin-left: 0 !important;
    }
    .sponsor_current_level {
        text-align: center;
    }
    .overlay-content {
        width: 50%;
    }
    .sponsor_container img {
        vertical-align: bottom !important;
    }

    .form-content.tnc-form {
        height: 300px;
    }
    input[type="date"].form-control {
        min-width: 100%;
        -webkit-appearance: none;
    }
    .page_name {
        font-size: 30px;
    }
    .welcome_to {
        font-size: 15px;
        display: block;
    }
    .dashboard_icon {
        display: block;
        margin-right: 0;
    }
    .dashboard_info_container .sponsor_level {
        display: block;
    }
    .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event .event {
        top: unset;
    }
    .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) .event {
        margin-left: -10px;
    }
    .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event {
        margin-right: -10px;
    }
    
    .project_details_phase2 {
        margin-right: 10px;
        float: right;
        margin-top: 5px;
    }
    .project_status {
        margin-top: 400px;
    }
 /*   #navbar {
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
        background-color: #ffffff;
        position: fixed;
        top: -60px;
        width: 100%;
        transition: top 0.3s;
        display: block;
        z-index: 9999;
    }
    #navbar a {
        float: left;
        display: block;
        color: white;
        text-align: center;
        padding: 15px;
        text-decoration: none;
    }
    #navbar a:hover {
        background-color: #ddd;
        color: black;
    }*/
    .sticky_header_title {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 20px;
        margin-right: 20px;
        font-size: 16px;
        color: #bdbdbd;
        font-weight: bold;
    }
    .mobile-view {
        display: block;
    }
    .desktop-view {
        display: none;
    }
    .section-article {
        margin-bottom: 150px;
    }
    .profile_tab {
        padding: 10px;
    }
    .personal_label {
        font-size: 12px;
    }
    .personal_status {
        font-size: 12px;
    }
    .project_details {
        padding: 20px;
    }
    .project_details_status {
        float: right;
        margin-left: 0
    }
    .project_tab_details .personal_informative_label,
    .project_tab_date {
        width: 80%;
    }
    .container.header-nav {
        padding-top: 10px;
        padding-left: 0;
    }
    .wallet-level-box-item {
        padding: 20px 10px;
    }
}

@media only screen and (max-width: 375px) {
    .prefooter  {
        display:none;
        /*margin-top: 20px !important;*/
    }
    .prelogin-content.js-vmid-parent .container {
        margin-top: 0px;
    }
    .home-level-box-item .label {
        width: 70%;
    }
    .jstree-anchor .package {
        width: 90%;
    }
    .dots_tracking:first-child {
        margin-left: 37px;
    }
    .words_tracking {
        margin-left: 15px;
    }
    #change_password_menu li {
        width: 49% !important;
    }
    #change_password_menu li a {
        padding: 10px 30px;
    }
    img.level_rank_img {
        max-width: 40px;
    }
    .filter_list .label,
    .wallet-level-box-item .label {
        width: 200px;
    }
    .thumb.btn-secondary.meta_trader {
        font-size: 11px;
        width: 45% !important;
    }
    .dashboard_info_container {
        width: 47%;
    }
    .btn-view-primary{margin-top: 10px;}
}

@media only screen and (max-width: 325px) {
    .prelogin-content.js-vmid-parent .container {
        margin-top: 0;
    }
    .prelogin-text {
        margin-top: 10px;
    }

    .jstree-anchor .package {
        width: 90%;
    }
    .nav-head {
        padding-left: 0;
        padding-right: 0;
    }
    #req_qr_words {
        font-size: 11px;
    }
    #reg_qr_img {
        width: 30% !important;
    }
    #reg_qr_user {
        width: 60%;
    }
    #req_qr_center {
        margin-bottom: 20px;
    }
    .vmc-arrow-right {
        right: -25px;
    }
    .btn-logout {
        min-width: auto !important;
    }
    .thumb.btn-secondary.meta_trader {
        font-size: 11px;
        width: 45% !important;
    }
    .btn-draft-save {
        width: 100px;
        padding: 10px;
    }
    .btn-draft-cancel {
        width: 100px;
        padding: 10px;
        margin-right: 5px;
    }
    .btn-view-primary{margin-top: -10px;}
    .dots_tracking:first-child {
        margin-left: 15px;
    }
    .lines_tracker {
        width: 33px;
    }
    .words_tracking {
        margin-left: 0px;
    }
    .middle_words_tracking {
        margin: 15px 8px !important;
    }
    .add_button {
        margin: 30px 2px;
        padding: 5px 10px;
    }
    .thumb.btn-secondary {
        margin-right: 5px !important;
        padding: 10px 15px !important;
    }
    #change_password_menu li a {
        padding: 10px 20px;
    }
    img.level_rank_img {
        max-width: 30px;
    }
    .filter_list .label,
    .wallet-level-box-item .label {
        width: 180px;
    }
    .filter_datetime {
        font-size: 10px
    }
    .filter_price {
        font-size: 12px;
    }
}

.modal-fail-msg {
    color: #ec1c24;
    font-size: 13px;
    margin: 30px;
    display: block;
}

.text-red {
    color: red;
}

.ff 
{
    /*font-family: GothamBold;*/
}

.unbg
{
    background: unset;
    border: unset;
}

.spaces-nav2
{
    height:80px;
}

.spaces-nav3
{
    height:120px;
}
.spaces-nav4
    {
        height:110px !important;
    }

@media only screen and (max-width: 767px){
    .language_group{
  margin-right:20px;
}
    .spaces-nav2
    {
        height:75px !important;
    }
    .spaces-nav3
    {
        height:108px !important;
    }
    .spaces-nav4
    {
        height:104px !important;
    }
}
.chat-footer {
    padding: 20px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    bottom: 0;
  /*   left: 0; */
    z-index: 10;
    right: 0;

}
/***** flex box *****/
.chat-footer>div {
 
    width: 58.33333333%; 
    margin-left: 24.999999%; 
}


.chat-send-box {
    outline: none;
    padding: 10px 20px;
    border-radius: 22.5px;
    border: solid 2px #f1f1f1;
    background-color: #ffffff;
    width: 100%;

    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #002a73;
}

.chat-send-box::placeholder{

    font-size: 13px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b9b9b9;
}

.chat-box-ul {
    list-style: none;
    padding: 0;
    padding-bottom: 100px;
}

.chat-receiver {
    display: inline-block;
    margin: 10px 0;
    padding: 11px 20px 11px 19px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
    width: fit-content;

    border-radius: 5px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 400;
    color: #002a73;
}

.chat-receiver-time {
    text-align-last: left;
    font-size: 12px;
    padding-left: 5px;
}

.chat-sender {
    padding: 11px 20px 11px 19px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
    margin: 10px 0;
    max-width: 750%;
    margin-left: auto;
    text-align: left;
    color: #ffffff;
    width: fit-content;

    border-radius: 5px;
    background-color: #0068d1;

    font-size: 13px;
    font-weight: 400;
    color: #fff;
}

.chat-sender-time {
    text-align: right;
    font-size: 12px;
    padding-right: 5px;
}

@media only screen and (max-width: 767px){
    .chat-footer>div {
 
        width:100%; 
        margin-left: 0%; 
    }
    
}

.claim_pending{
  color:#a5a5a5 !important;border-color: #d8d8d8;
}
.claim_reject{
  color:#ff1010 !important;border-color: #ff1010;
}
.newsets
{
    text-align:left;padding:unset;padding-left:5px;padding-top:0x;padding-bottom: 0px;
}
.select_box_new
{
    display:none;position:absolute;top:40px;background:rgba(0,0,0,0.7);width:100%;z-index:200;overflow-y:scroll;max-height:300p
}
.select_new_opt
{
    padding:10px 15px;text-align:right;color:white;font-weight:bold
}

/**************** MOdal Part ************************/
.modal-title{
  color: #363635;
  font-size: 18px;
  font-weight:bold;
}

.icon-icon-04{
  color:#666666;
}

.icon-icon-04:hover{
  color:#666666;
  opacity: 0.8
}


/********************* ANNOUCEMENT MODAL ****************/
#announcement_modal img{
  max-width:100%;
  max-height: 173px;
  margin:auto;
  object-fit: cover;
  margin-bottom: 10px;
  border-radius: 10px
}

#announcement_modal .a_title{
  font-weight:bold;  
  color: #181818;
  font-size: 16px
}

#announcement_modal .a_date{
  margin:12px 0px;
  font-size:13px;  
  color: #033e3b;
}

#announcement_modal .a_content{
  font-size: 14px;
  margin-bottom: 50px; 
  line-height: 1.43;
}

/********************** REGIASTER SUCCESS ****************/
.r_box{
    width:48%;
    text-align: center;
    color: #033e3b;
    font-weight:bold;
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); 
    border-radius: 8px;
    padding: 32px 0 18px;
    cursor:pointer;
}

.success_register{
    color: #033e3b;
    font-weight:bold;
    margin:15px;
    font-size: 18px;
    margin-top:50px
}

.register_success .desc{
    color: #033e3b;
    width: 276px;
    font-size:14px;
    color:#033e3b;
    margin: auto;
    font-weight:500
}

.register_success .p_notice{
    margin:auto;
    text-align: center;
    margin-bottom: 20px;
    max-width: 383px;
}

.r_box img{
    height: 35px;
}

/********** REGISTER DATE PICKER **********/
.datepicker.dropdown-menu {
    margin:auto;
    right:45%;
    left:0px;
}

@media only screen and (max-width: 767px){
    .datepicker.dropdown-menu {
        margin:auto;
        right:20px;
        left:unset;
    }
}

/********** REGISTER AND LOGIN **********/
.code label{
  top: -15px !important;
  font-size: 14px;
  color: #08b2aa;
}

.code input{
 padding-left:65px
}


.register #country-code, .login .bia_con{
  position: absolute;
  color: #2ec9c2;
  font-size: 14px;
  left: 5px;
  bottom: 7px;
  font-weight: bold;
  padding: 0px 11px;
  border-radius: 6px;
  border: solid 1px #2ec9c2;
}


/***************** TNC ************/
.tnc span{
  margin-left:20px;
  padding-top:5px;
  display:block;
}

/***************** redeem ************/
  .redeem{
    margin-top: 40px
  }
  
  .redeem .tab-menu{
    list-style-type: none;
    margin-left:-40px;
    display:flex;
  }
  
  .redeem .tab-menu li a{
    margin-right:20px;
    color:#cccccc;
    font-size: 13px;
    font-weight: bold
  }

  .redeem .tab-menu li.active a{
    margin-right:20px;
    color:#033e3b;
    border-bottom: solid 2px #08b2aa; 
  }

  #redeem-modal .close{
    font-size: 12px;
    margin-top:unset;
  }