:root.color18{
    /*Home*/
    --primary-color:#5fc141;
    --secondary-color:#004211;
    --body-bgColor: linear-gradient(180deg, #f9faf8 0%, #eff5ec 100%);
    --body-bgColorTop: #f8faf7;
    --primary-font-color: #004211;
    --home-catBtn-bg: linear-gradient(143deg, #fff 0%, #c2c2c2 100%);
    --home-catBtn-bgActive: linear-gradient(177deg, #5fc141 0%, #004211 85%);
    --home-catBtn-bordercolor: linear-gradient(180deg, #0b340f 28%, #5fc141 100%);
    --home-loginWrp-bg: linear-gradient(0deg, #c0ffa4 0%, #e7ffdb 100%);
    --home-loginWrp-text: #004211;
    --home-welcomeTxt: #004211;
    --home-login-btn: linear-gradient(180deg, #5fc141 0%, #004211 100%);
    --home-loginBtn-txt: #fff;
    --home-loginBtn-border: #5fc141;
    --home-signup-btn: linear-gradient(180deg, #fff 0%, #b3b3b3 100%);
    --home-signUpBtn-txt: #004211;
    --home-signUpBtn-border: #aef391;
    --home-popular-selected: #004211;
    --home-profileBtn-bg: var(--home-catBtn-bg);
    --home-profileBtn-text: #565656;
    --home-announcement-bg: rgb(227 255 214);
    --home-announcement-text: var(--icon-announce);
    --iconmoon-color: #428022;
    --iconmoon-active-color: #0b340f;
    --icon-announce: #004211;
    --category-icon: #1d561a;
    --category-font: var(--category-icon);
    --category-icon-active: #fff;
    --recent-img-filter: none;
    --loadmore-text: #004211;
    --showmore-text: var(--loadmore-text);
    --collapse-text: #199644;
    /*Header*/
    --header-icon-color: #0b340f;
    --header-gradient1: #e7ffdb;
    --header-gradient2: #c0ffa4;
    --header-topmenu-bg: linear-gradient(180deg, var(--header-gradient1) 0%, var(--header-gradient2) 100%);
    --header-topmenu-title: #004211;
    /*Footer*/
    --footer-bgColor: linear-gradient(180deg, #dfffcf 0%, #f7f7f7 100%);
    /*Login*/
    --login-btn-color:#004211;
    --login-link-text: var(--login-btn-color);
    --login-formWrp-lf: rgb(95 193 65 / 40%);
    --login-formWrp-rf: rgb(232 255 220 / 70%);
    --login-bgColor: linear-gradient(128deg, #fff 18%, #baff9c 55%, #fff 95%);
    --login-rememberme-text: #004211;
    --login-forgotPwd: var(--login-rememberme-text);
    --login-contactCS: #004211;
    --login-input-text: #004211;
    --login-formBtn: linear-gradient(180deg, #5fc141 28%, #004211 100%);
    --login-formBtn-border: linear-gradient(180deg, #fff 28%, #5fc141 100%);
    /*Fav*/
    --fav-font-color: #004211;
    /*Promo*/
    --promo-list-bg:#e6ffda;
    --promo-list-title: #004211;
    --promo-catTxt: #004211;
    --promo-catBg-active: var(--home-catBtn-bgActive);
    --promo-catTxt-active: #fff;
    /*SweetAlert*/
    --sweetalert-bg: var(--home-catBtn-bg);
    --sweetalert-button1: var(--home-login-btn);
    --sweetalert-button-text: var(--home-loginBtn-txt);
    --sweetalert-header-text: #565656;
    --swiper-pagBullet: #0f0f0f;
    /*Lang Switch*/
    --langswitch-bodyBg: var(--home-catBtn-bg);
    --langswitch-border: var(--login-contactCS);
    --langswitch-selection-bg: #dbfdcb;
    --langswitch-selection-text: #196d48;
    --langswitch-selection-active-bg: var(--home-login-btn);
    --langswitch-selection-active-text: var(--home-loginBtn-txt);
    --langswitch-tick-filter: none;
    --langswitch-confirm-btn: var(--langswitch-selection-bg);
    --langswitch-confirm-text: var(--langswitch-selection-text);
    /*Member*/
    --member-df-name: #004211;
    --member-wallet-amt: var(--member-df-name);
    --member-icon-arrow: var(--member-df-name);
    --member-df-bal: var(--member-df-name);
    --member-df-mid-bg: linear-gradient(180deg, #e7ffdb 0%, #c0ffa4 100%);
    --member-df-mid-text: #004211;
    --member-df-mid-iconGrad:linear, left top, left bottom, from(#5fc141), to(#004211);
    --member-df-btm-text: #004211;
    --member-df-btm-border: #a0f07d;
    --member-guardcode-box: var(--promo-list-bg);
    --member-guardcode-border: var(--secondary-color);
    --member-promo-list: var(--promo-list-bg);
    --member-promo-border: var(--secondary-color);
    --member-promo-text: var(--common-font-color);
    --member-promo-text-active: var(--primary-font-color);
    --member-report-text-active: var(--secondary-color);
    --member-report-border-active: var(--member-report-text-active);
    --member-report-box-border: var(--secondary-color);
    --member-report-box-bg: #ecf9e7;
    --member-report-selected: #fff;
    --member-calendar-filter: none;
    --member-report-submit-btn: var(--login-formBtn);
    --member-report-submit-text: #fff;
    --member-report-submit-border: #8d8d8d;
    --member-profile-editTxt:#5fc141;
    --member-profile-editBg: #5fc141;
    --member-profile-text: #004211;
    --member-msg-text: #004211;
    /*Deposit*/
    --deposit-list-bg: #e5ffd8;
    --deposit-list-text: #004211;
    --deposit-list-title: #004211;
    --deposit-list-shadow2: rgb(200 224 188 / 90%);
    --deposit-icon-filter: invert(1);
    --deposit-remark-text: #143d1f;
    --deposit-box-title: #004211;
    --deposit-input-text: #0f0f0f;
    --deposit-copyBtn: #0f421c;
    --deposit-copyBtn-text: #fff;
    --deposit-box-linktxt: var(--deposit-copyBtn);
    /*Transfer*/
    --transfer-autoTran-text: #004211;
    --transfer-slider-lf: #787878;
    --transfer-slider-rf: #bdbdbd;
    --transfer-reload-text: #000;
    --transfer-refresh-filter: none;
    --transfer-walletIcon-filter: invert(40%) sepia(8%) saturate(2665%) hue-rotate(-221deg) brightness(47%) contrast(115%);
    --transfer-main-wallet-title: var(--transfer-autoTran-text);
    --transfer-main-wallet-total: var(--transfer-autoTran-text);
    --transfer-main-wallet-bg: linear-gradient(180deg, #e7ffdb 0%, #c0ffa4 100%);
    --transfer-allPlat-box: linear-gradient(131deg, #e4e4e4 5%, #c6c6c6 100%);
    --transfer-allPlat-title: #004211;
    --transfer-allPlat-total: #000;
    --transfer-allPlat-active-title: var(--transfer-main-wallet-title);
    --transfer-allPlatAmt-text: #004211;
    --transfer-more-platfrom: linear-gradient(180deg, #5fc141 0%, #004211 100%);
    --transfer-more-platfrom-text: #fff;
    --transfer-in-out-text: #000;
    --transfer-in-out-box: #e3ffd5;
    --transfer-in-out-wallet: #004211;
    --transfer-in-out-border: #004211;
    --transfer-switchImg-bg: linear-gradient(61deg, #5fc141 0%, #004211 100%);
    --transfer-tranAmt-box: var(--transfer-main-wallet-bg);
    --transfer-tranAmt-input-bg: #fff;
    --transfer-tranAmt-input-text: #004211;
    --transfer-tranAmt-text: var(--transfer-main-wallet-title);
    --transfer-tranAmt-inputBg: #fff;
    --transfer-remark-label:#000;
    --transfer-lastInfo-text: #004211;
    /*Freeplay*/
    --freeplay-platform-bg: #004211;
    /*Withdrawal*/
    --withdrawal-box-title: #2f0402;
    --withdrawal-borderline: #72d079;
    --withdrawal-remark: #143d1f;
    --withdrawal-code-figure: #5fc141;
    --withdrawal-onelick-bg: transparent;
    --withdrawal-allAmt-bg: #b4eeb4;
    --withdrawal-allAmt-text: #2f0402;
    --withdrawal-input-amt: #2f0402;
    /*Agent Register/ Member Register*/
    --agreg-icon-color: invert(228%) sepia(40%) saturate(858%) hue-rotate(168deg) brightness(29%) contrast(82%);
    --agreg-label-text: #004211;
    --reg-input-field-bg: #ecf9e6;
    --reg-input-text: #000;
    --reg-agree-text: var(--agreg-label-text);
    --reg-agree-text2: #237123;
    --reg-agree-tnclink: #000;
    --reg-submitBtn-text: #fff;
    /*BindCard*/
    --bindcard-title:var(--withdrawal-box-title);
    --bindcard-input-text: #02242a;
    /*Chgpwd*/
    --chgpwd-title: #004211;
    --chgpwd-remark: #15672b;
    --chgpwd-option-text: #004211;
    /*Logout*/
    --logout-btn-bg: #3d912f;
    --logout-text: #fff;
    /*Mission*/
    --mission-circle-active: #ace696;
    /* Task */
    --task-step-list-bg: #dfffcf;
    --task-progressbar-bgline: #dfffcf;
    --task-listbox-list-bg: #51ae3a;
    /*Others*/
    --common-font-color: #004211;
    --input-field-bg: #fff;
    --selectOpt-bg: #ecf9e6;
    --selectOpt-text:#0f0f0f;
    --placeholder-text: #96bb9f;
    --submit-button-text: var(--reg-submitBtn-text);
    --selection-box: #ecf9e6;
    --noData-icon-filter: brightness(0.8);
    
/*PC Variable*/
    --footer-title-color: #000;
    --footer-dd-color:#71ab58;
    --sidebar-iconGrad: linear, left top, left bottom, from(#baffbc), to(#6ad915);
    --member-info-subtxt-color: #000;
    --index-playNow-border: #000;
    --index-playNow-text: #000;
    --index-circle-outerBorder: #5d834a;
    --sidebar-navmenu-text: #76de5b;
    --mc-platform-cate-activebg: #3a902e;
    --mc-link-txt-block-hover-color: #7bd354;
    /*temp_4 variable*/
    --member-csCenter-bg: var(--login-formWrp-lf);
    --member-csCenter-text: var(--member-df-bal,var(--common-font-color));
    --member-content-btn-bg: var(--login-formWrp-lf);
    --member-content-icon: var(--member-df-btm-text);
    --member-content-text: var(--promo-catTxt);
    --member-top-bg-filter: sepia(100%) hue-rotate(70deg) saturate(150%) brightness(300%) contrast(85%);
    --footer-back:var(--member-promo-list);
    --footer-icon-active:var(--common-font-color);
    --footer-icon:var(--iconmoon-color, #fff);
    --footer-text: var(--iconmoon-color, #fff);
    --footer-border: var(--iconmoon-active-color);
    --header-bg:var(--footer-back);
    --header-text: var(--header-topmenu-title);
    --header-icon: brightness(0) saturate(100%) invert(11%) sepia(20%) saturate(2205%) hue-rotate(134deg) brightness(93%) contrast(103%);
    --slider-bg:var(--sweetalert-header-bg);
    --slider-text:var(--promo-catTxt-active);
    --slider-close-btn: brightness(0) saturate(100%) invert(11%) sepia(20%) saturate(2205%) hue-rotate(134deg) brightness(93%) contrast(103%);
}
.color18.web_template1 #referral select,
.color18.web_template1 #referral .date-search, 
.color18.web_template1 #referral .id-search{
    border-color: var(--referral-special-remark);
}
.color18.web_template1 #referral thead tr th {
    border-bottom:1px solid var(--referral-special-remark) !important;
    border-top:1px solid var(--referral-special-remark) !important;
}
.color18.web_template1 #referral th:first-child {
    border-left:1px solid var(--referral-special-remark) !important;
}
.color18.web_template1 #referral th:last-child {
    border-right:1px solid var(--referral-special-remark) !important;
}
.color18.web_template1 .proportion .cat-list ul {
    border-bottom:1px solid var(--referral-special-remark) !important;
}