body {
    font-size: 100%;
    font-weight: 300;
    color: #fff;
}
.loading-parent{position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 99;display: none;}
.loading-page-parent{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
a{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;}
.bgdiv{
    position: fixed;
    top:0;
    width: 100%;
    height: 100%;
    left:0;
}
.bodywrapper{position: relative;}
#codeigniter_profiler{position: relative;}

/*title*/
.title-primary{font-size: 2em;color:#006629;margin:0;font-weight: 700}
.title-primary-leaf{width: 70px;margin:-15px 0 -15px 10px;}
.title-secondary{font-size: 1em;color:#959595;margin:10px 0 0;font-family: "GothamRounded-Book"}
.title-secondary-2{font-size: 1.125em;color:#383838;margin:5px 0 0;}
.section-title{font-size: 1.125em;margin:0 0 20px;}

/*text*/

/*element*/
.moneyval-item{display: inline-block;}
.moneyval-item>*{vertical-align: top;}
.moneyval-item-currency{margin-top:-0.2em;display: inline-block;font-size: 0.875em;}
.moneyval-item-pv-val{font-size: 0.813em; vertical-align:middle;display: flex;align-items: center;justify-content: center;color:#ffbf00;font-weight: 600;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;min-height: 20px;min-width: 65px;display: inline-block;margin-top:4px;border:1px solid #ffbf00;text-align: center;padding:2px 5px;line-height: 1;}
.moneyval-item--packagetotalprice .moneyval-item-pv-val{margin: 0 0 0}

/*out of stock*/
.outofstock-item{display: inline-block; color:#ff4545;}

hr{margin:30px 0;border-color: #eaeaea;}
.hr-separateform{margin-top:15px;}

/*form*/
.form-group{margin-bottom: 16px; }
.form-group-inner{display: flex;align-items: center;}
.form-label {
    position: absolute;
    left:0;
    top:0;
    padding:0 10px 0 35px;
    font-size: 1em;
    line-height: 58px;
    margin:0;
}
.field-parent{flex-grow: 1}
.help-block,label.error,.error_message{color:#ff4545;font-size: 1em;margin:10px 0 0 20px;display: block;font-weight: 300}
.help-block{color:#999999;}
.form-input-parent {
    position: relative;
    padding-left:200px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.form-input-parent-phone {
    position: relative; 
    padding-left:10px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.form-control{
    box-shadow: none;
    border:none;
    font-size: 1em;
    padding:19px 35px 19px 10px;
    height:auto;
    line-height: 20px;
    text-align: right;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.form-control[readonly] {
  background: transparent;
}
.form-control-phone{box-shadow: none;border:none;color:#999999;font-size: 1em;padding:19px 35px 19px 10px;height:auto;line-height: 20px;text-align: right;background: transparent;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.form-control:-webkit-autofill {background-color: #fff !important;color:#000 !important;-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;-webkit-text-fill-color: #000;}
.form-control::-moz-placeholder {
  color: #bfbfbf;
  font-size: 1em;
  font-weight: bold;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 1em;
  font-weight: bold;
}
.form-control::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 1em;
  font-weight: bold;
}
.captcha-parent{flex-grow: 1;position: relative;}
.form-group-btn{margin-top:40px;text-align: center;}
.form-group-btn--nearer{margin-top:20px;}
.form-input-uppercase{text-transform:uppercase;}


.form-control[readonly]{background: transparent !important;border:0px !important;}

.editinput-btn{font-size: 1.5em;right:30px;top:50%;margin-top:-12px;color:#2d68f4;position: absolute;}
.form-info{font-size: 0.875em;}

.alert{margin-bottom: 15px;}

.form-input-parent--withoutlabel{padding:0 !important;}
.form-input-parent--withoutlabel .form-control{text-align: left;padding-left:30px;padding-right:30px;}
.form-group-row{display: flex;}
.form-group-col{flex-grow:1;}
.form-group-row>div{margin-left:15px;}
.form-group-row>div:first-child{margin-left:0 !important;}
.form-group-row-label{font-size: 1em;margin:0 20px 10px;}

.form-control.bootstrap-select{background: transparent !important;font-size: 16px !important;border: 0px !important;padding:0 !important;}
.bootstrap-select>.dropdown-toggle{padding-right:40px;}
.bootstrap-select.btn-group .dropdown-toggle .caret{right:25px;}
.form-input-parent:not(.form-input-parent--withoutlabel) .bootstrap-select.btn-group .dropdown-toggle .filter-option{text-align: right;}


/*btn*/
/* .btn-primary{font-size: 1.25em;line-height: 20px;padding:19px 15px;min-width: 250px;background-image: linear-gradient(to bottom, #00d2de, #005f70);border:none; border-radius: 10px; color:#fff;} */
.btn-primary{
    font-size: 1.25em;
    line-height: 20px;
    padding:19px 15px;
    min-width: 250px; 
    background: linear-gradient(to top left, #7928ca, #ff0080); 
    border:none; 
    border-radius: 6px; 
    color:#fff;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .15), inset 0 1px 0 hsla(0, 0%, 100%, .1);
}
.btn-primary--green{background: #08c133}
.btn-primary--grey{background: #f7f7f7;border:1px solid #e6e6e6;color:#383838;}
.btn-primary--orange{background: #fe7b21;}
.btn-primary--circle{padding:0 !important;width: 120px;height: 120px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;min-width: 0px !important}
.btn-primary--full{width: 100%;}
.back-textlink{color:#383838;margin-bottom: 30px;display: inline-block;}

/* .btn-action{font-size: 0.875em;color:#fff;background-image: linear-gradient(to bottom, #00d2de, #005f70);line-height: 18px;padding:11px 11px;min-width: 100px;max-width: 100%;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:0px;} */
.btn-action{
    font-size: 0.875em;
    color:#fff; 
    background: linear-gradient(to top left, #7928ca, #ff0080); 
    line-height: 18px;
    padding:11px 11px;
    min-width: 100px;
    max-width: 100%;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border:0px;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .15), inset 0 1px 0 hsla(0, 0%, 100%, .1);
}
.btn-action-danger{
    font-size: 0.875em;
    color:#fff;
    background:#ff4545;
    line-height: 18px;
    padding:11px 11px;
    min-width: 100px;
    max-width: 100%;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border:0px;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .15), inset 0 1px 0 hsla(0, 0%, 100%, .1);
}
.btn-action-warning{ background:#ffbf00;}
.btn-ininput{width: 100%;font-size: 1em;padding:19px 35px 19px 10px;line-height: 20px;display: block;text-align: right;color:#fff;}

.btn-search{
    background: linear-gradient(to top left, #7928ca, #ff0080); 
    width: 58px;
    height: 58px;
    line-height: 58px;
    padding:0;
    text-align: center;
    color:#fff;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    font-size: 1.375em;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .15), inset 0 1px 0 hsla(0, 0%, 100%, .1);
}

/*skeleton*/
header{position: fixed;top:0;left:0;width: 100%;z-index: 10;}
footer{position:relative;bottom:0;left:0;width: 100%;z-index: 10;text-align: center;padding:15px 0;}
.bodycontent{padding:20px 0;margin:0 auto;}
.fullwidth-inner{max-width: 1700px;margin:0 auto;}
.header-left{float:left;}
.header-right{float:right;}
.textlink-title-leaf{width: 70px;margin-left:10px;}
.header-textlink{color:#fff;}
.header-textlink-icon{color:#039fff;margin-right:10px;}
.social-nav{color:#0b4075;font-size: 1.5em;margin:0 15px;display: inline-block;}
.social-nav i{display: block;}
.social-nav:hover{color:#327bad;}
.social-parent{display: inline-block;}
/* .header-dropdown{background: transparent;border:0px;color:#fff;border-bottom: 1px solid #fff;display: flex;align-items: center;} */
/* .dropdown-backdrop{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 20;} */
.header-dropdown {
    border:0px;
    display: flex;
    align-items: center;
}
.dropdown-icon{font-size: 0.7em;padding-left:5px;}
.dropdown-item {
    display: flex;
    align-items:center;
    padding:10px;
    white-space: nowrap;
}
.dropdown-item:not(:last-child){
  border-bottom: 1px solid rgba(241, 241, 241,0.2);
}
.dropdown-item:hover{background: transparent;}
.header-dropdown-menu{min-width: 100%;font-size: 1em;color:#383838;}
.dropdown-menu{
  border-radius: 8px;
  position:absolute;
  top: 45px;
  right: 0px;
}
.lang-menu.dropdown-menu{
    display: block;
    top: 3rem;

}
/*prelogin*/
.header-prelogin{padding:0 0 10px;}
.header-prelogin-top{height: 18px;/*background-image: linear-gradient(to right, #00d2de 0%, #005f70 100%);*/ background:#00d2de; margin-bottom: 10px;}
.footer-prelogin{font-size: 0.813em;color:#919191;font-weight: 300;}
.prelogin-content{width: 50%;padding:0 15px;}
.prelogin-content-left{float:left;}
.prelogin-content-right {
    float:right;
    border-left:1px solid #f0f0f0;
}

.prelogin-content-inner{max-width: 570px;margin:0 auto;}
.prelogin-nav-parent{margin-bottom: 60px;}
.prelogin-nav{display: inline-block;margin:0 25px;font-size: 1.5em;padding:10px 0;color:#959595;position: relative;}
.prelogin-nav.active{color:#fff;}
.prelogin-nav.active:before{content:"";position: absolute;width: 44px;left:50%;margin-left:-22px;bottom:0;background: #fff;height:3px;}
.prelogin-nav-item{display: inline-block;}
.bodycontent-prelogin{max-width: 650px;padding:20px 0 0;}
/*postlogin*/

.header-postlogin-top{text-align: center;padding:12px 0;/*background: #ffffff;*/
  -webkit-box-shadow: inset 0px -10px 30px 0 rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0px -10px 30px 0 rgba(0,0,0,0.05);
  box-shadow: inset 0px -10px 30px 0 rgba(0,0,0,0.05);
}
.header-postlogin-top-inner{position: relative;}
.header-postlogin-topright{position: absolute;right:0;top:5px;}
.postlogin-logo{
    position: absolute;
    left:0;top:50%;
    margin-top:-25px;
    width: 120px;
    height: 110%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
}
.header-postlogin-btm{padding:35px 0;}
.postlogin-nav-parent{display: inline-block;margin:0 5px;}
.postlogin-nav{font-size: 1.125em;padding:7px 5px;color:#41537d;display: inline-block;border-bottom: 2px solid transparent;margin:0 20px;}
.postlogin-nav>*{line-height: 1;}
.postlogin-nav-icon{font-size: 1.25em;margin-right:0px;}
.postlogin-nav-icon--active{display: none !important;}
.active .postlogin-nav-icon--ini{display: none;}
.active .postlogin-nav-icon--active{display: inline-block !important;}

.header-nav-separator{height: 28px;width: 1px;background: #aaa;display: inline-block;}
.header-info{border-bottom-right-radius: 40px;border-top-left-radius: 40px;padding:15px 70px 15px 25px;position: relative;background: #fff;border:1px solid #e5e5e5;display: inline-block;margin-left:20px;}
.header-info:first-child{background: #f7f7f7;margin-left:0 !important;}
.header-info-title{color:#383838;font-size: 0.813em;margin:0 0 8px;}
.header-info-val{color:#383838;font-size: 1.125em;font-weight: 700}
.header-info-icon{font-size: 40px;right:15px;margin-top:-20px;top:50%;position: absolute;color:#039fff;}
.header-info-icon-flag{color:#8fafff;font-size: 28px;margin-top:-14px;}
.footer-postlogin {
    position: fixed;
    bottom:0;
    width: 100%;
    left:0;
}
.footertext{font-family: "GothamRounded-Book",sans-serif;}
.footer-nav{color:inherit;}
.footer-nav-separator{display: inline-block;margin:0 20px;height: 20px;width: 1px;background: #9af9b0;}

.submenu-parent {
    display: flex;
    justify-content: center;
    overflow: auto;
    margin:0 -15px;
}
.submenu {
    font-size: 1.125em;
    margin:0 15px;
    white-space: nowrap;
    display: flex;
    align-self: center;
    padding:12px 12px 10px;
    border-bottom: 2px solid transparent;
    justify-content: center;
    align-items: center;
}
.submenu-icon{padding-right: 5px;}
.submenu.active {
    font-weight: 700;
}

.bodycontent-postlogin{max-width: 960px;padding:24px 0;position: relative;}
.header-iconnav {
    font-size: 1.750em;
    line-height: 1;
}
.header-topright-item{display: inline-block;margin-left:30px;}
.header-topright-item:first-child{margin-left:0 !important;}



/*modal*/
.modal-content{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;overflow: hidden; background:#eee}
.modal-header{padding:30px;position: relative;border-bottom: 0px;}
.modal-header--headeronly{border-bottom: 0px;}
.close-modal-btn{position: absolute;right:30px;top:30px;font-size: 1.25em;color:inherit;}
.modal-title{font-size: 1.25em;}
.modal-title-secondary{font-size: 1em;color:#383838;}
.modal-title-secondary--black{color:#fff; }
.modal-title-tertiary{font-size: 0.875em;}
.modal-header-profile{position: relative;display: inline-block;}
.btn-primary--modalheader{font-size: 0.875em;line-height: 18px;padding:15px;min-width: 140px; border-bottom-right-radius: 20px;border-top-left-radius: 20px;}
.btn-primary--modalheader-parent{position: absolute;left:100%;bottom:0;margin-left:15px;}
.modal-body{padding:20px 30px;overflow: auto;}
.modal-body-form{max-width: 850px;margin:0 auto;}
.modal-footer{padding:0;border-top:0px;text-align: center;}
.btn-modalfooter{/*background-image: linear-gradient(to bottom, #00d2de, #005f70);*/ background:#337ab7;line-height: 20px;padding:25px 15px;font-size: 1em;color:#fff;display: block;width: 100%;border:0px;}
.btn-modalfooter--close{background: #ff4545}
.modal-body--datepicker{padding:0 15px 40px;}
.modalfooter-btn-parent{display: flex;}

/*datepicker*/
.datepicker table{width: 100%;}
.modal-datepicker .datepicker{margin:0 auto;display: block;max-width: 380px;width: 100%;}
.modal-datepicker .datepicker .datepicker-switch{font-size: 1.5em;color:#000;}
.datepicker table tr td, .datepicker table tr th{height: 45px;padding:0;}
.datepicker table tr th{color:#000;}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active{background: transparent;border-color:transparent;}
.datepicker table tr td .days-span, .datepicker table tr th .days-span{width: 45px;height: 45px;margin:0 auto;display: block;line-height: 45px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;float:none;position: relative;}
.datepicker table tr td.active.active .days-span, .datepicker table tr td.active.highlighted.active .days-span, .datepicker table tr td.active.highlighted:active .days-span, .datepicker table tr td.active:active .days-span{background: #ffbf00 !important}
.datepicker .prev .icon-next{transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);display: block;}
.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover{background:transparent;}
.datepicker table tr td.day:hover, .datepicker table tr td.focused{background: transparent;}
.datepicker table tr td.day:hover .days-span, .datepicker table tr td.focused .days-span{background: #eee;}
.datepicker table tr td.today{background: transparent;border: none;color:inherit;}
.datepicker table tr td.today .days-span:before{position: absolute;width: 4px;height: 4px;content: "";border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;left:50%;margin-left:-2px;bottom:8px;background: #7e7e7e}
.datepicker table tr td.today.active .days-span:before{background: #fff}

/*login*/
.login-content{margin-top:70px;}
.prelogin-instruct{font-size: 1.25em;line-height: 28px;margin:0 auto 40px;text-align: center;}

/*home*/
.marquee {
    padding:5px 0;
}
.bodycontent-homepage{max-width: 100%;}
.wrapper-pb{padding-bottom: 30px;}
.bodycontent-inner{max-width: 960px;margin:0 auto;}
.home-top{padding:30px 0;}
.home-top-inner{position: relative;display: flex;align-items: flex-end;}
.home-top-right{width: 295px;}
.home-top-left{flex-grow: 1;padding-right:10px;}
.home-top-welcome{font-size: 1.5em;}
.home-top-user{font-size: 1.5em;color:inherit;white-space: nowrap;}
.home-top-user-icon{font-size: 0.5em;margin-left:15px;}
   .home-top-user-icon:before{display: block;transform: rotate(-90deg)}
.home-top-ranking{font-size: 1.25em;}
.home-top-ranking-val{color:#ffbf00;display: inline-block;}
.homecard-parent {
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.homecard-header{border-bottom: 1px solid rgba(241, 241, 241,0.2);padding:12px 20px;position: relative;}
.homecard-header-inner{position: relative;}
.homecard-header-inner--withdesc{padding-right:200px;}
.homecard-content{padding:12px 20px;text-align: right;}
.moneyval-item--homecard{font-size: 1.5em;}
.homecard-title{font-size: 1.125em;}
.homecard-title-desc{font-size: 0.875em;position: absolute;right:0;top:50%;margin-top:-7px;}
.homecard-val-icon-item{width: 36px;height: 36px;display: inline-block;background: #ffbf00;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-align: center;line-height: 40px;margin-left:15px;font-size: 1.125em;}
.homecard-parent--2{text-align: center;}
.homecard-parent--2 .homecard-header{padding:30px 15px 20px;}
.homecard-parent--2 .homecard-header-inner{padding:0;}
.homecard-parent--2 .homecard-content{text-align: center;}
.homecard-parent--2 .moneyval-item--homecard{font-size: 2.125em;}
.homecard-parent--2 .homecard-title-icon{display: block;margin:0 auto 20px;font-size: 3em;}
.homecard-parent--2 .homecard-title-desc{position: relative;top:0;margin-top:0;}
.homecard-val-icon-item--blue{background:#228bfb;}
.homecard-val-inner{font-size: 1.25em;}
.homecard-title-icon{margin-right:2px;}


/*buy package*/
.homecard-content--buypackage,.homecard-header--buypackage{padding:18px 40px;}
.homecard-content--buypackage{text-align: left;}
.homecard-header--buypackage2{display: flex;align-items: center;}
.buypackage--image{width: 8rem;height: 8rem;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #eee;flex-grow: initial !important;min-width: 70px;min-height:70px;margin:0 auto;}
.buypackage-header-top{padding-left:15px;}
.buypackage-action-row{display: flex;align-items:center;}
.moneyval-item--packagetotalprice{flex-grow: 1}
.buypackage-action-item{display: flex;align-items: center;}
.buypackage-action-btn-icon{display: block;}
.buypackage-action-btn--hover{display: none;}
.buypackage-action-btn:not(.disabled):hover .buypackage-action-btn--pre{display: none;}
.buypackage-action-btn:not(.disabled):hover .buypackage-action-btn--hover{display: block;}
.moneyval-item--packageqty{width: 100px;text-align: center;font-size: 1.25em;color:#ffbf00;}
.moneyval-item--packageqty--nowidth{width: auto !important}
.buypackage-action-btn{font-size: 30px;color:#ffbf00;}
/* .moneyval-item--packagetotalprice{font-size: 1.25em;color:#ffbf00;} */
.moneyval-item--packagetotalprice{font-size: 1.25em;}
.moneyval-item--packageprice {
    font-size: 1.25em;
}
.homecard-title--buypackage{font-size: 1em;margin-bottom: 5px;}
.homecard-title--buypackagesub{font-size: 0.85em;margin-bottom: 5px; margin-left: 10px;}
.buypackage-footer{position: fixed;width: 100%;left:0;z-index: 11;color:#fff;}
.buypackage-total-parent{border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;overflow: hidden;display: flex;align-items: stretch; background: linear-gradient(to top left, #7928ca, #ff0080);}
.buypackage-total-item{display: flex;flex-grow: 1;align-items: center;padding:15px 30px; }
.buypackage-total-btn{
    border: none;
    background: #228B22;
    font-size: 1.25em;
    color:#fff;
    line-height: 24px;
    width: 190px;
    text-align: center;
    height: 100%;
}
.buypackage-userinfo{margin:0 20px 5px;}
.buypackage-total-item-title{flex-grow: 1;font-size: 0.875em;}
.moneyval-item--buypackagetotal{font-size: 1.25em;color:#fff;}

/*order*/
.homecard-status{position: absolute;left:0;top:0;color:#fff;width: 120px;text-align: center;line-height: 30px;border-bottom-right-radius:20px;}
.homecard-print{margin-left:auto;left:0;bottom:0;color:#fff;width: 150px;text-align: center;line-height: 30px;border-top-left-radius:20px;}
.homecard-status--blue{background: #ffbf00;}
.homecard-status--yellow{background: #efaf00;}
.homecard-status--green{background: #2fd53b}
.homecard-status--red{background: #ff4545}
.date-separator{width: 1px;height: 20px;background: #7e7e7e;display: inline-block;margin:0 10px;vertical-align: middle;}
.orderrst-item{margin-top:15px;padding-right:45px;position: relative;max-width: 460px;}
.orderrst-quantity {
    position: absolute;
    right:0;
    top:0;
}
.moneyval-item--packageprice--order{margin-left:5px;}
.homecard-remarks{font-size: 1.125em;}
.homecard-center{border-bottom: 1px solid #eaeaea;}
.rstinfo-item{margin-top:15px;}
.rstinfo-title {
    font-size: 0.938em;
}
.rstinfo-val{font-size: 0.875em;}
.rstinfo-item-row{display: flex;align-items: center;}
.rstinfo-item-row>*{flex-grow: 1;}
.rstinfo-row-val{text-align: right;}
.rstinfo-row-title--1{font-size: 1.125em;}
.rstinfo-row-val--1{font-size: 1.25em;}
.rstinfo-row-title--2{font-size: 1.125em;}
.rstinfo-row-val--2{font-size: 1.125em;}
.rstinfo-row-val--3{color:#ffbf00;font-size: 1.5em;}
.rstinfo-block-parent{display: flex;align-items: stretch;}
.rstinfo-block{padding:30px 10px 20px;display: flex;justify-content: center;flex-grow: 1;text-align: center;border-left:1px solid #eaeaea;}
.moneyval-item--debitcredit{font-size: 1.5em;color:#ffbf00;}
.creditdebit-parent{display: inline-block;position: relative;}
.creditdebit-title{position: absolute;left:-50px;top:-10px;}
.rstinfo-row-val--smaller{margin-right:15px;font-size: 0.813em;color:#7e7e7e;}
.rstinfo--mt{margin-top:35px;}

/*whitebox*/
.whitebox{border:2px solid #e9e9e9;border-top-left-radius: 30px;border-top-right-radius: 30px;background: #fff;border-bottom: 0px;padding-bottom: 30px}
.whitebox-filter-parent{padding:30px 45px;position: relative;padding-right:170px;border-bottom: 1px solid #f1f1f1;}
.whitebox-filter-formgroup{display: inline-block;width: auto;}
.form-control--self{padding:13px 25px;}
.whitebox-filter-formgroup{padding-left:10px !important;}
.whitebox-filter-formgroup:first-child{padding-left:0 !important;}
.whitebox-filter-group{display: inline-block;}
.whitebox-filter-separator{display: inline-block;width: 2px;height: 44px;background: #e9e9e9;margin:0 24px;}
.bootstrap-select.form-control--self:not([class*=col-]){width: auto !important}
.whitebox-filter-btn{position: absolute;bottom:30px;right:45px;}
.pagination-parent{padding:0 15px;text-align: center;}
.pagination{margin-bottom: 0px;}
.whitebox-pbody{padding:30px 30px 0;}
.whitebox-section{margin-top: 3rem;display: block;position: relative;}

/*rst*/
.pagination-parent{text-align: center;}
.pagination{margin:0;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background: #ffbf00;border-color:#ffbf00;}
.pagination > li > a, .pagination > li > span{color:#ffbf00;}

/*sponsor*/
.package>*{vertical-align: middle;font-size: 1em;}
.package{
    display: inline-block;
    min-height: 40px;
    padding:10px 25px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    align-items: center;
}
.package-self{margin-bottom: 25px;}
.package-name {
    flex-grow: 1;
    padding-right:15px;
}

.sponsor-icon{font-size: 15px;margin-right:5px;color:#f37021;}
.package-icon{color:#039fff;font-size: 1.5em;margin-right:5px;}
.package-icon--self{font-size: 1.556em}
.sponsor_tree{width: 100%;overflow: auto;}
.group_sales-ranking{width: 20px;margin-right: 5px;}
.package-icon-expand{margin-left:25px;color:#ffbf00;display: inline-block;font-size: 6px;}
/* .sponsor-smallinfo{margin-left:5px;} */
.jstree-default .jstree-open>.jstree-anchor .package-icon-expand{transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.jstree-default .jstree-anchor{height: auto  !important;padding:8px 0;min-width: 100%}
.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/dash-line.png") center/cover no-repeat !important;}
.jstree-default .jstree-closed>.jstree-ocl,.jstree-default .jstree-loading>.jstree-ocl{background: url("../img/dash-line.png") center/cover no-repeat !important;}
.jstree-default .jstree-open>.jstree-ocl{background: url("../img/dash-line.png") center/cover no-repeat !important;}
.jstree-default .jstree-icon:empty{width: 25px !important;height: 25px !important;position: absolute;left:0;margin-top:0px !important;top: 12px !important;}
.jstree-default .jstree-node{margin-left:25px !important;background: url("../img/dash-verticalline.png") left -5.5px top 1px/25px auto repeat-y !important;position: relative;padding:0px 0px 0px 35px !important;}
.jstree .jstree-open>.jstree-children{width: 100%;}



/*tree*/
.treeinfo-rst{text-decoration: underline;}
.transaction-img{width: 50px;height: 50px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.treeprofile-item{border-bottom-right-radius: 34px;border-top-left-radius: 34px;border:1px solid #ededed;display: block;overflow: hidden;margin-bottom: 25px;}
.treeprofile-img{width: 100%;height: 300px;display: block;}
.treeprofile-info-parent{padding:20px 50px 20px 20px;position: relative;display: block;}
.treeprofile-dots-parent{position: absolute;right:20px;top:50%;margin-top:-13px;}
.treeprofile-dots{display: inline-block;width: 4px;height: 4px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: #959595;margin-left:4px;}
.treeprofile-dots:first-child{margin-left:0 !important;}
.treeprofile-info-title{font-size: 0.875em;display: block;color:#383838;}
.treeprofile-info-val{font-size: 0.75em;color:#959595;display: block;}
.totalcount-title{font-size: 0.875em;color:#383838;margin-bottom: 25px;}
.modal-treeinfo-headerpart{margin-top:10px;}
.modal-treeinfo-headerpart--withdate{position: relative;padding-right:160px;}
.modal-treeinfo-date{position: absolute;right:0;top:0;}
.pillinfo-parent{display: flex;max-width: 760px;margin:0 auto 20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #ebebeb;}
.pillinfo-item{padding:10px;text-align: center;flex-grow: 1;border-left:1px solid #ebebeb;}
.pillinfo-item:first-child{border-left:0px;}
.pillinfo-title{font-size: 0.875em;color:#959595;}
.pillinfo-val{font-size: 1em;font-weight: 700}
.treedetails-img{border-top-left-radius: 50px;border-bottom-right-radius: 50px;width: 248px;height: 248px;display: inline-block;}
.treedetails-content{display: inline-block;}
.treedetails-item{width: 50%;position: relative;margin-top:170px;}
.treedetails-item:first-child{margin-top:0px !important;}
.treedetails-item:before{position: absolute;content:'';height: 2px;width: 55px;right:5px;top:124px;border-bottom:2px dashed #1dfca1;}
.treedetails-item--right:before{right:0;left:5px;}
.treedetails-item--left{float:left;text-align: right;padding-right:60px;}
.treedetails-item--right{float:right;text-align: left;padding-left:60px;}
.treedetails-content--left{margin-right:20px;}
.treedetails-content--right{margin-left:20px;}
.treedetails-date{font-size: 1em}
.treedetails-months{font-size: 0.875em;color:#959595;}
.treedetails-parent{position: relative;}
.treedetails-parent:before{position: absolute;left:50%;margin-left:-5px;width: 10px;height: 100%;background: #1dfca1;content:"";border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

/*news*/
.announcement-img{margin-bottom: 10px;}

/*bonus summary*/
.bonuspool-top{margin:0 auto 20px;text-align: center;}
.circle-canvas{max-width: 100%;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;display: block;
   -webkit-transform: rotate(-90deg) scaleY(-1);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(-90deg) scaleY(-1);  /* IE 9 */
          transform: rotate(-90deg) scaleY(-1);  /* Firefox 16+, IE 10+, Opera */
}
.home-canvas-parent{position: relative;display: inline-block;max-width: 150px;}
.home-canvas-info{text-align: center;position: absolute;width: 100%;top:50%;margin-top:-20px;left:0;color:#b2b2b2;font-size: 1.25em;}
.home-canvas-info-stroke{padding-top:5px;width: 2px;height: 36px;background: #b2b2b2;
  -webkit-transform: rotate(45deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(45deg);  /* IE 9 */
          transform: rotate(45deg);  /* Firefox 16+, IE 10+, Opera */
}
.home-canvas-info-total{padding-top:12px;}
.home-canvas-details{font-weight: 700}
.home-canvas-title{font-size: 0.875em;margin-bottom: 2px;}
.home-canvas-desc{font-size: 0.875em;color:#b2b2b2;}
.home-canvas--currentlevel{color:#fff;}
.home-canvas-currentbox{display: inline-block;border:1px solid #d3e1e1;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 15px;color:#3c7c7c;font-size: 0.75em;margin-top:12px;}
.bonus-parent{padding:10px 15px;border:2px solid rgb(232, 190, 129);text-align: center;margin:0 auto 15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(232, 190, 129,0.8);
  -moz-box-shadow: 0px 0px 5px 0px rgba(232, 190, 129,0.8);
  box-shadow: 0px 0px 5px 0px rgba(232, 190, 129,0.8);
}
.bonus-title{font-weight: 700;font-size: 1.125em;margin-bottom: 5px;line-height: 1em;color:rgb(232, 190, 129);}
.bonus-val{font-size: 1.125em;line-height: 1;font-weight: 700}

  .table-striped > tbody > tr:nth-of-type(odd){background: #263968}

/*queenie*/
.u-flexdiv{display: flex;}
.u-flexdiv-between{display: flex;justify-content: space-between;}
.u-flexgrow{flex-grow: 1;}
.js-package-parent .form-group{display: none;}
.opened .form-group{display: block;}
.package-circle{display: flex;width: 50px;height: 50px;margin-right: 10px;align-items: center;justify-content: center;background: linear-gradient(to left, rgba(86, 106, 147, 0), #2b395a);color:#fff;border-bottom:1px solid #fff;opacity: 0.4}
.package-circle.selected{opacity: 1;}
.packageitem-parent {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/*.packageitem-parent label{margin-right: 10px;}*/
.homecard-content--packageitemselection{padding:0;}
.overlay-add-tocart-select{padding:0 !important;}
.packageitem-item{padding:20px 20px 30px;border-bottom: 1px solid rgba(241, 241, 241,0.2)}
.packageitem-title{font-weight: 600;font-size: 1em;margin-bottom: 24px;}
.packageitem-label{display: flex;align-items: center;justify-content: space-between;margin-top:14px;font-weight: normal;font-size: 0.813em;margin-bottom: 0px;}
.radio-label-circle{width: 22px;height: 22px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background: #3c4f7b;border:1px solid transparent;}
.packageitem-label:first-child{margin-top:0 !important;}
.checked .radio-label-circle{padding:5px;border:1px solid #ffbf00;}
.checked .radio-label-circleinner{border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;width: 100%;height: 100%;display: block;background:#ffbf00;}
.btn-add-tocart{margin:15px auto;}

/*u*/
.u-vmid>*{vertical-align: middle;display: inline-block;}
.u-vbtm>*{vertical-align: bottom;display: inline-block;}
.u-vtop>*{vertical-align: top;display: inline-block;}
.u-inlineblock{display: inline-block;}
.u-nowrap{white-space: nowrap;}
.u-floatleft{float:left;}
.u-floatright{float:right;}
.text-blue{color:#228bfb;}
.text-darkgrey{color:#fff;}
.text-red{color:#ff4545;}
.text-green{color:#08c133;}
.text-darkgreen{color:#006629;}
.text-left{text-align: left;}
.u-flexgrow1{flex-grow: 1}
.mb0{margin-bottom: 0px !important;}
.mb10{margin-bottom: 10px;}
.u-block{display: block;}
.u-borderbtm{border-bottom: 1px solid #eaeaea}
.mt-10{margin-top:10px;}

.modal-extralg {
  width: auto;
  margin:0 10px;
}

.article-text-overlay{font-size: 0.75em; padding: 10px;}

.overlay-header{
  font-size: 1.5em;
  border-bottom: 1px solid #eaeaea;
  min-height: 45px;
  padding-right: 80px;
  padding-left: 10px;
  padding-bottom: 20px;
}
.overlay-header>span.overlay-title{
  display:block;
  max-width: 650px;
}
.overlay-header>span.overlay-date{
  display:block;
  font-size: 0.715em;
  margin-top: 5px;
}

/* home data column */
.home-data-column {position: relative;display: block; margin-bottom: 20px;}
.home-data-column-inner{background: #fff;padding:20px;padding-left:30px;padding-right:30px;position: relative;min-height: 60px;display: block;text-align: center; border-radius: 10px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.home-data-column-inner>*{position: relative;overflow: hidden;}
.home-data-text-center{text-align: center;}
.home-data-title{font-size: 0.9128em;margin:0;font-weight: 700; }
.home-data-value{font-size: 1.125em;font-weight: 600;}
.home-data-value--sub{font-size: 1.75em;font-weight: 700}

@media (min-width: 1400px) {
  .modal-extralg {
    width: 1360px;
    margin:0 auto;
  }
}

/*sm & above*/
@media only screen and (min-width: 768px){
  .mob-nav-overlay,.mob-nav-parent{display: none !important}

}

/*specific case*/
@media only screen and (max-width: 1380px) and (min-width: 768px){
  .bootstrap-select.form-control--self, .form-control--self{margin-left:3px !important;}
  .bootstrap-select.form-control--self:first-child,.form-control--self:first-child{margin-left:0 !important;}
  .whitebox-filter-separator{margin:0 8px;}
}

/*md*/
@media only screen and (max-width: 1199px) and (min-width: 768px){
  .postlogin-nav{margin:0 5px;font-size: 0.875em;}
  .header-postlogin-topright{font-size: 0.75em;}
  .header-topright-item{margin-left:5px;}
  .submenu{font-size: 0.875em;padding:10px;}


}
@media only screen and (max-width: 1199px){
  .whitebox-filter-parent--long{padding-right:25px;}
  .whitebox-filter-parent--long .whitebox-filter-btn{position: relative;bottom:0;right:0;display: block;}
  .whitebox-filter-parent--long .whitebox-filter-group{width: 100%;margin:0 -5px 10px;}
  .whitebox-filter-parent--long .whitebox-filter-formgroup{float:left;width: 50%;padding:0 5px;}
  .whitebox-filter-parent--long .bootstrap-select.form-control--self:not([class*=col-]){width: 100% !important}

  .treedetails-img{width: 200px;height: 200px;}
  .treedetails-item:before{top:100px;}
  .treedetails-item{margin-top:130px}


  .hidden-md{display: none !important}
}

/*sm*/
@media only screen and (max-width: 991px) and (min-width: 768px){
  .postlogin-nav{padding-left:5px;padding-right:5px;}
  .postlogin .header-dropdown{padding:0px 5px;}
  .dropdown-item{padding:5px;}
  .header-info{margin-left:2px;padding:15px 50px 15px 15px;}

  .modal-lg {
    width: auto;
    margin:0 10px;
  }

  .submenu{font-size: 0.75em;margin:0 5px;}

}
@media only screen and (max-width: 991px){
  .treedetails-item-inner{display: inline-block;}
  .treedetails-content{display: block;text-align: center;margin:0;margin-top:12px;}

  .hidden-sm{display: none !important}
  .visible-sm{display: block !important}
}

.overlay-close{position: absolute;right:30px;top:20px;width: 30px;}

/*xs*/
@media only screen and (max-width: 767px){
  /*title*/
  .title-primary{font-size: 1.25em;}
  .title-primary-leaf{width: 40px;margin-left:4px;}
  .title-secondary{font-size: 0.75em;margin-top:5px;}
  .title-secondary-2{font-size: 0.625em;}
  .postlogin .title-primary{font-size: 0.938em}
  .section-title{font-size: 0.875em;margin-bottom: 10px;}

  /*form*/
  .form-input-parent{padding-left:140px;}
  .form-group{text-align: left;}
  .form-group-inner{display: block;}
  .form-label{line-height: 44px;font-size: 0.813em;padding-left:18px;}
  .form-label--withinfo{padding:0;}
  .form-control,.btn-ininput{font-size: 0.813em;line-height: 16px;padding:14px 18px 14px 10px;}
  .form-group-btn-left{float:none;width: 100%;text-align: center;margin-bottom: 40px;}
  .form-group-btn-right{float:none;width: 100%;text-align: center;}
  .form-group-btn{margin-top:25px;}
  .form-group-btn--nearer{margin-top:5px;}
  .help-block,label.error, .error_message{padding-left:0;font-size: 0.625em;margin:5px 0 0 15px;font-weight: 300}
  .form-info{font-size: 0.75em;}


  .alert{font-size: 0.75em;padding:10px;margin-bottom: 10px;}

  /*text*/
  .article-text{font-size: 0.75em;}
  .article-text-overlay{font-size: 0.75em; padding: 10px;}

  /* header text */
  .overlay-header{
    font-size: 1em;
    border-bottom: 1px solid #eaeaea;
    min-height: 35px;
    padding-right: 80px;
    padding-left: 10px;
    padding-bottom: 10px;
    font-weight:bold;
  }
  .overlay-header>span.overlay-title{
    display:block;
    max-width: 300px;
  }
  .overlay-header>span.overlay-date{
    display:block;
    color: #fff;
    font-size: 0.5em;
    margin-top: 5px;
  }

  

  /*btn*/
  .textlink{font-size: 0.75em;}
  .btn-primary{min-width: 130px;font-size: 0.875em;line-height: 16px;padding:12px 15px;}
  .btn-primary--circle{width: 70px;height: 70px;}

  .back-textlink{font-size: 0.75em;margin-bottom: 20px;}
  .btn-action{width: 100%;font-size: 0.75em;}
  .btn-action--smaller-xs{padding:8px 8px;min-width: 80px;max-width: 100%;}


  /*skeleton*/
  .bodycontent{padding:20px 0;}
  .header-textlink{font-size: 0.688em;}
  .header-textlink-icon{margin-right:5px;}
  .textlink-title-leaf{margin-left: 5px;width: 38px;}
  .social-nav{margin:0 6px;font-size: 1em;}
  .header-dropdown{font-size: 0.875em !important;padding:0;}
  .dropdown-item{
    font-size: 0.75em;padding:10px;
  }
  .dropdown-menu{
    right: -15px;
  }
  

  /*prelogin*/
  .dropdown-icon{font-size: 0.7em;}
  .footer-prelogin{padding:15px 0;text-align: center;font-size: 0.688em}
  .prelogin-content{float:none;width: 100%;padding:0;}
  .prelogin-content-right{border:0px;text-align: center;}
  .prelogin-nav-parent{margin-bottom: 25px;}
  .prelogin-nav{font-size: 0.875em;padding:5px 0;}
  .prelogin-nav.active:before{height: 2px;width: 20px;margin-left:-10px;}
  .prelogin-language-parent{text-align: center;margin:20px auto;}
  .prelogin-instruct{margin-bottom: 20px;}
  .bodycontent-prelogin{padding:0;}
  /*postlogin*/
  .bodycontent-postlogin{padding:15px 0;}
  .header-postlogin-top{padding:10px 0;position: relative;}
  .header-mobile-icon{color:#3f4d56;font-size: 1.25em;position: absolute;right:15px;top:50%;margin-top:-10px;}
  .header-mobile-icon--left{right:auto;left:15px;}
  .mob-nav-parent{position: fixed;left:-300px;top:0;height:100%;background: #fff;width: 300px;z-index: 20;padding:180px 25px 150px;overflow: auto;
    transition:left .3s ease-in-out 0s;-webkit-transition:left .3s ease-in-out 0s;-moz-transition:left .3s ease-in-out 0s;-o-transition:left .3s ease-in-out 0s;
  }
  .mob-nav-top{position: absolute;width: 100%;left:0;top:0;padding:30px 25px 0;}
  .postlogin-nav-logo{max-width: 170px;margin:0 auto 15px;display: block;}
  .close-nav-btn{position: absolute;right:20px;top:20px;font-size: 1em;color:#383838;transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
  .mob-nav-btm{position: absolute;padding:15px 25px;left:0;bottom:0;width: 100%;text-align: center;}
  .mob-nav-btm .social-nav{opacity: 0.5;font-size: 1.125em;margin:0 25px;}
  .downloaddemo-btn-mob{margin:15px 0 25px;}
  .mob-nav-footer{font-size: 0.5em;color:#d3d3d3;}
    .footer-nav-icon {
        font-size: 2rem !important;
    }

    .footer-nav-icon:before {
        background: linear-gradient(to top left, #7928ca, #ff0080);
        color: #fff;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 2px;
    }


    .footer-nav {
        position: fixed;
        left:0;
        bottom:0px;
        width: 100%;
        z-index: 10;
        padding:5px 10px;
        display: flex;
    }
    
    .footer-nav > .active {
        border-radius: 0.5rem;
        box-shadow: 0 6px 10px 5px rgba(0, 0, 0, 0.2);
    }

    .footer-nav .slidemenu{
        position: absolute;
        bottom: 3.4rem;
        left: 0rem;
        right: 0;
        text-align: center;
        background: #fff;
        padding: 0 2rem;
        color:#000;
        box-shadow: 0px -5px 10px rgba(128, 128, 128, 0.5);
        border-radius: 1rem 1rem 0 0;
    }

    .footer-nav .slidemenu .side-menu__item.hover, .side-menu__item.active,
    .footer-nav .slidemenu .side-menu__item.hover, .side-menu__item:hover {
        color:#000 !important;
        font-weight: 700;
    }

  .postlogin-nav-parent{display: block;margin:0;flex:1;}
    .postlogin-nav {
        display: block;
        border-bottom: 1px solid #f0f0f0;
        font-size: 0.625em;
        line-height: 18px;
        position: relative;
        margin:0;
        text-align: center;
        border-bottom: 0px !important;
        padding:10px 0;
    }
  .postlogin-nav>span{display: block;}
  .postlogin-nav-icon{margin-bottom: 5px;font-size: 20px;}
    .postlogin-nav-parent.active .postlogin-nav {
        border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
    }
  .mob-nav-inner{overflow: auto;height: 100%}
  .mob-nav-overlay{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 19;opacity: 0;visibility: hidden;
    transition:opacity .3s ease-in-out 0s;-webkit-transition:opacity .3s ease-in-out 0s;-moz-transition:opacity .3s ease-in-out 0s;-o-transition:opacity .3s ease-in-out 0s;
  }
  .navopened .mob-nav-overlay{opacity: 1;visibility: visible;}
  .navopened .mob-nav-parent{left: 0;}
  .header-postlogin-top{border-bottom: 0px;}
  .header-postlogin-btm{padding:0 0 15px;}
  .title-primary-home{color:#0099b8;margin-right:3px;}
  .pagetitle-mob{padding-bottom: 25px;margin:0;}
  .header-info{padding:10px 50px 10px 15px;margin:0;float:left;width: 50%;border-bottom-right-radius: 24px;border-top-left-radius: 24px;}
  .header-info--treeamount{float:right;border-top-left-radius:0px;}
  .header-info--walletbalance{padding-right:15px;border-bottom-right-radius:0px;border-right:0;}
  .header-info:first-child{background: #fff;}
  .header-info-title{font-size: 0.5em;margin:0 0 2px;}
  .header-info-val{font-size: 0.75em;}
  .header-info-icon{font-size: 28px;margin-top:-14px;right:10px;}
  .header-info-parent{float:none;width: 100%;}
  .footer-postlogin{position: initial;font-size: 0.5em;padding:15px 0;}
  .footer-mob{display: block;margin-top:5px;}
  .footer-nav-separator{height:10px;margin:0 15px;background: #2aae60}

    .postlogin-logo, .prelogin-logo{
        position: relative;
        padding:0;
        background: transparent;
        margin:0 auto;
        display: block;
        top:0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
  .header-postlogin-home-mob{padding:20px 0;position: relative;}
  .header-postlogin-topright{right:15px;top:20px;position: absolute;}
  .header-postlogin-topleft{left:15px;top:20px;position: absolute;}
  .header-iconnav{font-size: 1.25em;}

    .header-notification--parent {
        border-radius: 16px; 
        padding: 8px 15px 8px 15px;
        min-height:38px;
    }
  .header-notification--count{font-size:0.875em; padding-left:10px;}
  .header-notification-inner{display:flex; align-items: center; justify-content: center;}

  /* header title added by chorng */
  .postlogin-header-title{position: relative;padding:0;background: transparent;width: 90px;margin:0 auto;display: block;top:0;box-shadow:  none;-moz-box-shadow:  none;-webkit-box-shadow:  none;}
  .postlogin-header-title-text{font-size: 1.35em; vertical-align: middle; text-align: center; font-weight: 600; min-height: 30px;}


  /*login*/
  .login_captcha{height: 30px;margin-left:5px;}
  .prelogin-instruct{font-size: 0.875em;line-height: 18px;}

  /*home*/
  .bgdiv-home{background: url("../img/bg.jpg") right bottom/180% auto no-repeat}

  /*modal*/
  .modal-content{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}
  .modal-header{padding:20px;}
  .modal-body{padding:20px;}
  .close-modal-btn{font-size: 0.875em;right:20px;top:20px;}
  .editinput-btn{font-size: 1.125em;right:20px;margin-top:-9px;}
  .modal-title{font-size: 0.875em;}
  .modal-title-secondary{font-size: 0.688em;}
  .modal-title-tertiary{font-size: 0.625em;}
  .modal-title-tertiary-xs--smaller{font-size: 0.563em;}
  .btn-primary--modalheader-parent{position: relative;margin:0 auto;left:0;text-align: center;margin-top:15px;}
  .btn-primary--modalheader{max-width: 140px;border-bottom-right-radius: 14px;border-top-left-radius: 14px;padding-top:7px;padding-bottom:7px;}
  .modal-header-profile{display: block;}
  .btn-modalfooter{font-size: 0.75em;line-height: 16px;padding:16px 15px;}

  /*datepicker*/
  .modal-datepicker .datepicker{max-width: 300px;}
  .modal-body--datepicker{padding:0 10px 15px;}
  .datepicker table tr td .days-span, .datepicker table tr th .days-span{width: 35px;height: 35px;line-height: 35px;}
  .modal-datepicker .datepicker .datepicker-switch{font-size: 0.875em;}
  .datepicker table tr td, .datepicker table tr th{height: 35px;font-size: 0.75em;}
  .datepicker table tr td.today .days-span:before{bottom:5px;}
  .dow{font-size: 0.625em;}

  /*home*/
   .home-top{padding:18px 0 ;}
   .home-top-welcome{font-size: 0.813em;}
   .home-top-user{font-size: 1em;}
   .home-top-inner{padding-right:0;}
   .home-top-ranking{font-size: 0.75em;}
   .home-top-right{position: relative;width: auto;background-size:190px auto;}
   .home-top-user-icon{margin-left:5px;font-size: 6px;}
   .homecard-title{font-size: 0.875em; max-width: 200px;}
   .homecard-title-icon{font-size: 1.25em;vertical-align: middle;}
   /* .homecard-content,.homecard-header{padding:10px !important;} */
   .homecard-title-desc{font-size: 0.625em;}
   /*.homecard-header-inner{padding-right:135px !important;}*/
   .homecard-parent{margin-bottom: 16px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
   .homecard-val-icon-item{width: 26px;height: 26px;font-size: 0.875em;line-height: 30px;margin-left:5px;}
   .moneyval-item--homecard{font-size: 1.125em;}
   .homecard-val-inner{font-size: 1.125em;}
   .homecard-parent--2{background: transparent;box-shadow: none;}
   .homecard-parent--2 .homecard-header{border-bottom: 0px;}
   .homecard-parent--2 .moneyval-item--homecard{font-size: 1.5em;}
   .homecard-parent--2 .homecard-title-icon{margin-bottom: 10px;max-width: 200px}

   .homecard-parent--2a .homecard-title-icon{display: inline-block;font-size: 1.25em;margin-bottom: 0;}
  .homecard-parent--2a .homecard-header{padding:12px 0;text-align: left;}
   .homecard-parent--2a .homecard-title-desc{position: absolute;top:50%;margin-top:-7px;}
   .homecard-parent--2a .homecard-content{padding:15px 0;}

   /*whitebox*/
   .whitebox:not(.whitebox--news){margin:0 -15px;border:0px !important;}
   .whitebox{padding-bottom: 20px;border-width: 1px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
   .whitebox--news{border-bottom: 1px solid #e9e9e9;}
   .submenu-parent{padding-bottom: 0px;justify-content: left;}
   .whitebox-filter-parent--long{padding-right:25px;}
   .whitebox-filter-btn{position: relative;bottom:0;right:0;display: block;}
   .whitebox-filter-group{width: 100%;margin-left:0 !important;margin-right:0 !important;margin-bottom: 10px;}
   .whitebox-filter-formgroup{float:left;width: 50%;padding:0 5px;}
   .bootstrap-select.form-control--self:not([class*=col-]){width: 100% !important}
   .whitebox-filter-parent{padding:20px;margin:0 -3px !important;}
   .whitebox-filter-formgroup{padding:0 3px !important;}
   .pagination > li > a, .pagination > li > span{padding:3px 6px;font-size: 0.688em;}
   .submenu{font-size: 0.875em;flex: 1;text-align: center;margin:0;padding:15px 15px 13px;}
   .whitebox-pbody{padding:20px 20px 0;}
   .whitebox-tab-parent{padding:0 8px;}
   .whitebox-tab-item-empty,.whitebox-tab-item{border-bottom-width: 1px}
   .whitebox-tab-item{font-size: 0.875em;}
   .whitebox-tab-item.selected{font-size: 1em;}
   .whitebox-tab-inner{    border-top-left-radius: 10px;border-top-right-radius: 10px;height: 35px;}
   .whitebox-wrapper-withtabs{padding-top:34px;}

   /*buy package*/
   .homecard-content--buypackage, .homecard-header--buypackage{padding:10px 15px;}
   .homecard-header--buypackage{padding:35px 20px 18px !important;}
   .buypackage--image{width: 60px;height: 60px;}
   .buypackage-header-top{padding-left:10px;}
   .homecard-title--buypackage,.moneyval-item--packageprice{font-size: 0.85em;margin:0;margin-bottom: 6px;}
   .homecard-title--buypackagesub{font-size: 0.715em;margin-left:5px;}
   .buypackage-action-btn{font-size: 1.75em;}
   .moneyval-item--packageqty{font-size: 0.813em;width: 60px;}
   .moneyval-item--packagetotalprice{font-size: 0.875em;}
   .buypackage-userinfo{font-size: 0.688em;margin:0 5px 5px;}
   .buypackage-total-item{padding:10px 14px;}
   .buypackage-total-item-title{font-size: 0.625em;}
   .buypackage-total-btn{width: 90px;font-size: 0.715em;padding:0 10px;}
   .moneyval-item--buypackagetotal{font-size: 0.875em;}

   /*order*/
   .form-input-parent--withoutlabel .form-control{padding-left:15px;padding-right:15px;}
   .form-group-row>div{margin-left:10px;}
   .btn-search{width: 44px;height: 44px;line-height: 44px;font-size: 1.125em;}
   .form-group-row-label{font-size: 0.813em;margin:0 10px 5px;}
   hr{margin:20px 0;}
   .hr-separateform{margin-top:10px;}
   .homecard-status{width: 85px;line-height: 20px;font-size: 0.75em;}
   .homecard-print{width: 120px;line-height: 20px;font-size: 0.75em;}
   .homecard-date{font-size: 0.625em;}
   .date-separator{margin:0 10px;height: 12px;}
   .orderrst-quantity{font-size: 0.75em;}
   .orderrst-item{padding-right:35px;}
   .homecard-remarks{font-size: 0.75em;}
   .rstinfo-title{font-size: 0.75em;}
   .rstinfo-val{font-size: 0.625em;}
   .rstinfo-item2{margin-top:5px;}
   .rstinfo-row-title--1{font-size: 0.813em;}
   .rstinfo-row-val--1{font-size: 0.938em;}
   .rstinfo-row-val--smaller{font-size: 0.75em;margin-right:0px;}
   .rstinfo-row-val--2{font-size: 0.75em;}
   .rstinfo-row-val--3{font-size: 0.875em;}
   .rstinfo-row-title--2{font-size: 0.813em;}
   .moneyval-item--debitcredit{font-size: 0.875em;}
   .rstinfo-block{padding:15px 10px;}
   .creditdebit-title{font-size: 0.75em;left:-30px;top:-5px;}
   .rstinfo--mt{margin-top:20px;}


   /*sponsor*/
   .package{/*line-height: 40px;*/font-size: 0.813em;padding:10px 15px;}
   .package-self{margin-bottom: 15px;}
   .package-icon-expand{margin-left:5px;}
   .package-icon{margin-right:2px;}
   .jstree-default .jstree-anchor{padding:6px 0;}
   .jstree-default .jstree-node{margin-left:5px !important;}
   .jstree-default .jstree-icon:empty{top:6px !important;}
   /*.jstree-default .jstree-node{margin-left:32px !important;}*/
   /*.jstree-default>.jstree-container-ul>.jstree-node{margin-left:2px !important;}*/

   /*trees*/
   .treeinfo-rst{text-decoration: none}
   .transaction-img{width: 30px;height: 30px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
   .totalcount-title{font-size: 0.688em;text-align: center;margin-bottom: 15px;}
   .treeprofile-img{height: 170px;}
   .treeprofile-item{border-bottom-right-radius: 15px;border-top-left-radius: 15px;margin-bottom: 15px;}
   .treeprofile-info-parent{padding:10px 30px 10px 10px;}
   .treeprofile-info-title{font-size: 0.625em;}
   .treeprofile-info-val{font-size: 0.5em;}
   .treeprofile-dots{width: 2px;height: 2px;margin-left:-1px;}
   .treeprofile-dots-parent{right:10px;}
   .modal-treeinfo-headerpart--withdate{padding-right:110px;}
   .treedetails-img{width: 100%;    border-top-left-radius: 25px;border-bottom-right-radius: 25px;}
   .treedetails-item{margin-top:60px;}
   .treedetails-item--left{padding-right:30px;}
   .treedetails-item--right{padding-left:30px;}
   .treedetails-parent:before{width: 4px;margin-left:-2px;}
   .treedetails-item:before{width: 28px;right:2px;top:50%;margin-top:-22px;border-width: 1px}
   .treedetails-item--right:before{right:0;left:2px;}
  .treedetails-item-inner{display: block;}
  .treedetails-date{font-size: 0.688em;}
  .treedetails-months{font-size: 0.625em;}
  .pillinfo-title{display: block;font-size: 0.5em;}
  .pillinfo-val{font-size: 0.625em;display: block;}
  .pillinfo-item{padding:7px 10px;}


  /*.overlay-content{width: auto !important}*/

  /*news*/

  /*bonus summary*/
  .home-canvas-desc,.home-canvas-title{font-size: 0.75em;max-width: 130px;}
  .home-canvas-parent{margin-bottom: 0px;}
  .home-canvas-details{position: relative;}
  .home-canvas-currentbox{position: absolute;right:0;top:0;margin-top:0px;font-size: 0.625em;padding:1px 5px;}
  .bonus-parent{padding:8px 15px;}
  .bonus-title{font-size: 1em;line-height: 18px;}


  /*u*/
  .text-center-xs{text-align: center;}
  .row-xs--lesserpad{margin:0 -6px;}
  .row-xs--lesserpad div[class*="col-"] {
    padding:0 6px;
  }
  .hidden-xs{display: none !important}

  .home-data-title{font-size: 0.8125em;margin:0;font-weight: 700; }
  .home-data-value{font-size: 0.9125em;font-weight: 600;}

  .overlay-close{position: absolute;right:20px;top:18px;width: 25px;}
}

.jstree-default .jstree-last{background-repeat:no-repeat !important;}

.product_description{
  font-size: 0.813em;
  border-top: 1px solid rgba(241, 241, 241,0.2);
  padding: 5px;
  border-bottom: 1px solid rgba(241, 241, 241,0.2);
  margin-bottom: 10px;
}

.product_description_collapse{
  display:none;
}
/*overlay*/
.overlay-parent{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 20;display: none;}
.overlay-content {
    padding:20px 5px; 
    position: fixed;
    left:0;
    top:0;
    z-index: 100;
    max-width: 96%;
    max-height: 90%;
    display: none; 
    overflow:auto;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    overflow: auto; 
    min-width:60%; 
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}


.overlay-inner{padding:0 15px;overflow: auto;min-width: 150px;}
.overlay-contentwrap{margin-top:20px;}
/* .overlay-btn-parent{position: absolute;left:0;bottom:0;width: 100%;} */
.overlay-btn-parent{left:0;bottom:0;width: 100%;}
.title-overlay{margin:0 auto 20px;text-align: center;font-size: 1.25em;font-weight: 700;color:#222;}
.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:#fff;background: #ffbf00;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;}

.js-trigoverlay{
  cursor: pointer;
}
.group_sales{
  color:#ffbf00;
  padding-right:10px;
}
.group_sales i{
  padding-right: 2px;
}
.group_sales span{
  line-height: 1;display: inline-block;
}

.profile-hr{
  width:50%;text-align:center;margin-left:25%
}


/*plugins*/
.slick-dots{bottom:16px;}
.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-dots li{width: auto;height: auto;margin:0 4px;}
.slick-dots li button{width: auto;height: auto;padding:0;width: 5px;height: 5px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;opacity: 0.5;background:#fff;}
.slick-active button{opacity: 1 !important;}
.slick-dots li button:before{display: none;}
.homecard-overflow{
  overflow:auto;
}
.bonus_header th{
  text-align:center;
}

/* help desk button */
.btn-stick-parent{position: fixed;bottom:80px;padding-left:25px;padding-top:40px;z-index: 1;left:0;width: 10%;text-align: left;}


.form-control option{
  color: black;
}
.powered_by{
  display: block;
}
.bonus_print_button{
  position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    font-size: 25px;
    background: rgba(255,255,255,1);
    color: #00d2de;
    width: 50px;
    height: 50px;
    border-radius: 59%;
    margin-top: -20px;
    border: 1px solid #00d2de;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
    box-shadow: 0 0 5px grey;
}

/* notify-overlay */
.notify-overlay{position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 50;text-align: center;display:none;}
.notify-parent{width: 100%;}
.notify-span{font-size: 0.813em;font-weight: 700;color:#fff;line-height: 16px;padding:22px 20px;min-width: 170px;text-align: center;background: rgba(0,0,0,0.8);display: inline-block;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);}
.notify-span-danger{font-size: 0.813em;font-weight: 700;color:#fff;line-height: 16px;padding:22px 20px;min-width: 170px;text-align: center;background: rgba(202, 11, 0, 0.8);display: inline-block;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);}

.js-abscenter{position: absolute;}

.js-bindcartindex{margin-left:10px;}

.progress_bar_achieve,
.progress_bar {
	display:inline-block;
  height: 20px;
  width: 100%;
	margin:0;
	background:none;
	border: 0;
	border-radius: 15px;
	text-align: left;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.progress_bar_achieve::-webkit-progress-bar,
.progress_bar::-webkit-progress-bar {
	height:11px;
  width: 100%;
	margin:0 auto;
	background-color: #CCC;
	border-radius: 15px;
	box-shadow:0px 0px 6px #777 inset;
}
.progress_bar_achieve::-webkit-progress-value,
.progress_bar::-webkit-progress-value {
	display:inline-block;
	height:11px;
	margin:0px -10px 0 0;
	background: palevioletred;
	border-radius: 15px;
	box-shadow:0px 0px 6px #777 inset;
}
.progress_remark_achieve,
.progress_remark{
  color:palevioletred;
  float: right;
}
.progress_bar_achieve::-webkit-progress-value{
  background:greenyellow;
}
.progress_remark_achieve{
  color:greenyellow;
}
.progress_title{
  text-align: left;
  margin: -15px 5px 0 0px;
}

/* cart count */
/*.header-cart-count{margin-left: 5px; width: 17px;height: 17px;display: flex;align-items: center;justify-content: center;color:#fff;background: #ff4545;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;font-weight: 700;font-size: 0.75em;}*/
.cart-header{align-items: center;}

/*out of stock*/
.outofstock-item{display: inline-block; color:#ff4545;}

.rst-separator{width: 1px;background: #eaeaea;margin:0 25px;}
.rst-infoitem--flex-right{display:flex;width: 30%;text-align: right; justify-content: flex-end;align-items: center;}
.pd-10{padding:10px}
.address-default-badge{margin-left:5px; padding:5px 10px;border-radius: 16px;-moz-border-radius: 16px;-webkit-border-radius: 16px;background: #ffbf00;border:0px;font-size: 0.75em;color:#fff;}

/* address card */


.packageitem--product-title{
  max-width: 250px;
}

.header-lang-img{padding-right:10px; height: 12px; width: auto;}
.header-lang-span{width: 100px;}
.header-lang-checkbox{background-color: #fff; color:#fff; padding:10px; border-radius: 6px; width:20px; height: 20px; display:flex; align-items: center; justify-content: center; font-size: 0.512em;}
.header-lang-checkbox--checked{background-color: #3d4f7d; color:#fff; padding:10px; border-radius: 6px; width:20px; height: 20px; display:flex; align-items: center; justify-content: center; font-size: 0.512em;}

.diamond-club-progress-remark-parent{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.diamond-club-progress-remark{
  font-weight: 600;
  color: #fff;
}
.diamond-club-progress-remark--target{
  font-weight: 600;
  color: #5bc0de;
}

.diamond-club-progress-remark--level{
  font-weight: 700;
  margin-bottom: 5px;
}

.bar-alt--color{
  background-color: #111827;
}

.home-wallet-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.member_wallet_btn {
    min-width: 30px;
    display: inline-block;
    border: 1px solid #aaa;
    padding: 2px 10px;
    border-radius: 10px;
}


.member_wallet_btn .icon_desc {
    padding-left: 1rem;
}


.tac-btn, .short_flex_content {
    width: 8em;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 5px 10px 0;
}

.postlogin-logo-img {
    height: 45px;
}

.sponsor-logo {
    height: 80px;
    text-align: center;
    margin-bottom: 50px;
}

.sponsor-logo img {
    max-height: 100%;
    padding: 0 20px;
}

@media (max-width: 600px) {
    .sponsor-logo {
        margin-bottom: 10px;
    }

    .sponsor-logo img {
        padding: 0 5px;
    }

    .google-visualization-orgchart-table * {
        padding: 0px !important;
    }
}

.home-slick-item {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.sub-section-nav-btn {
    border-radius: 10px;
    padding: 5px;
    display: inline-block;
    margin-bottom: 2rem;
    width: 49%;
    text-align: center;
    font-weight: 700;
}

select[readonly] {
    pointer-events: none;
}

.google-visualization-orgchart-node-medium {
    min-width: 10rem;
}

.rstinfo-product-row {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 2fr;
}

.text-right {
    text-align : right;
}

.page-header {
    margin: 1rem 0;
    padding: 0;
}

.nav-logo {
    max-height: 100%;
}

.main-sidebar-header {
    height: 8rem;
}

.main-sidebar-header .header-logo {
    text-align: center;
    text-align: -webkit-center;
}

.home-profile-bg {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    height: 10rem;
    margin-top: 1rem;
}

.home-profile-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3); /* 白色，透明度 0.5 */
    pointer-events: none; /* 避免遮挡内容的鼠标操作 */
}

.home-profile-bg .home-profile-content {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width: 80%;
    background-color: rgb(255 255 255 / 0.8);
    position: relative;
    top: 65%;
    margin: auto;
    padding: 1rem;box-shadow: 4px 4px 8px rgba(128, 128, 128, 0.5);
}

.home-wallet-icon {
    background:linear-gradient(to top left, #7928ca, #ff0080); 
    width: 3rem; 
    height: 3rem;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: white;
    font-size: 2rem;
}

aside.app-sidebar {
    background-color: #fff !important;
    box-shadow: 0 0 10px rgba(128, 128, 128, 0.5);
    margin: 0.5rem;
    border-radius: 1rem;
    height: calc(100% - 1rem);
}

[data-menu-styles=dark] .app-sidebar .main-sidebar .side-menu__item {
    color: #aaa !important;
}

.app-sidebar>.main-sidebar>.main-menu-container>.main-menu>.slide>.main_section {
    padding: 0.5rem;
}
.app-sidebar>.main-sidebar>.main-menu-container>.main-menu>.slide>.main_section.active,
.app-sidebar>.main-sidebar>.main-menu-container>.main-menu>.slide>.main_section:hover {
    box-shadow: 5px 5px 5px rgba(128, 128, 128, 0.3);
    border-radius: 1rem;
}

.app-sidebar .main-sidebar .side-menu__item .side-menu__label {
    color: #aaa !important;
}

[data-menu-styles=dark] .app-sidebar .main-sidebar .slide-menu.child1 .side-menu__item:before {
    background-color: #aaa !important;
}

[data-menu-styles=dark] .app-sidebar .main-sidebar .slide-menu.child1 .side-menu__item.active:before {
    background-color: #000 !important;
}

[data-menu-styles=dark] .app-sidebar .main-sidebar .side-menu__item.active .side-menu__label,
[data-menu-styles=dark] .app-sidebar .main-sidebar .side-menu__item:hover .side-menu__label {
    color: #000 !important;
    font-weight: 700;
}

[data-menu-styles=dark] .app-sidebar .main-sidebar .slide-menu.child1 .side-menu__item.active,
[data-menu-styles=dark] .app-sidebar .main-sidebar .slide-menu.child1 .side-menu__item:hover {
    color: #000 !important;
    font-weight: 700;
}

[data-menu-styles=dark] .app-sidebar .main-sidebar-header {
    background-color: transparent !important;
}

[data-menu-styles=dark] .app-sidebar .side-menu__item .side-menu__icon {
    background: linear-gradient(to top left, #7928ca, #ff0080);
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 5px;
}

#globe {
    position: absolute;
    right: 0;
    top: 23rem;
    overflow: hidden;
}

@media only screen and (max-width: 992px) {
    aside.app-sidebar {
        margin: 0;
        border-radius: 0 1rem 1rem 0;
        height: 100%;
    }

    #globe {
        width: 70%;
    }
}

.footer-nav .side-menu__item {
    text-align: center;
    display: inline-block;
}

.home-slick-item{height: 9.8rem;}

.member_table, .no_border_table {
    width: 100%;
}

.member_table tr th {
    text-align: center;
}

.member_table tr th, .member_table tr td,
.no_border_table tr th, .no_border_table tr td {
    padding: 10px;
}

.countdown {
    color:#ff4545;
    font-weight: 700;
}

.uploadAttachmentImg {
    width: 100%;
    height: 20rem;
    flex: 1;
    display: flex;
    padding: 1rem;
    border: 1px solid white;
    border-radius: 2rem;
}

.uploadAttachmentImg > img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 3rem;
}

.uploadAttachmentDiv {
    display: flex;
    gap: 1rem;
    margin-bottom: 2.5rem;
}

.member_kyc {
    text-align: center;
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.shortcut-button-div {
    display:flex; 
    gap: 0.5rem;
}

.shortcut-button-div .sub-btn {
    border: 1px solid #ddd;
    border-radius: 1rem;
    text-align: center;
    width: 50%;
    display: block;
    padding: 0.5rem;
    color: #000;
}

.bootstrap-select:has(.form-control[readonly]) {
    pointer-events: none;
}

.homecard-btn {
    display: inline-block;
}

.homecard-print-second-btn {
    border-radius: 20px 20px 0 0;
}