:root.color21{
    /*Home*/
    --primary-color:#027f5f;
    --secondary-color:#fffc34;
    --body-bgColor: #282828;
    --primary-font-color: #00ffb6;
    --home-catBtn-bg: linear-gradient(143deg, #2c8e75 28%, #074f42 100%);
    --home-catBtn-bgActive: linear-gradient(180deg, #ffec78 28%, #ffc028 100%);
    --home-catBtn-bordercolor: linear-gradient(180deg, #a6d99d 28%, #007470 100%);
    --home-loginWrp-bg: linear-gradient(180deg, #007470 0%, #003843 100%);
    --home-loginWrp-text: #fff;
    --home-welcomeTxt: #fff;
    --home-login-btn: #00ffb6;
    --home-loginBtn-txt: #000;
    --home-loginBtn-border: #fff;
    --home-signup-btn: light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
    --home-signUpBtn-txt: var(--secondary-color);
    --home-signUpBtn-border: #007470;
    --home-popular-text: #fff;
    --home-popular-selected: var(--iconmoon-active-color);
    --home-profileBtn-bg: var(--home-catBtn-bg);
    --home-profileBtn-text: #dbd9d9;
    --home-announcement-bg: #373737;
    --home-announcement-text: var(--icon-announce);
    --home-nav-icon: linear-gradient(180deg, #ffec78 28%, #ffc028 100%);
    --home-nav-iconTxt: #feea75;
    --home-appDl-text: #000;
    --iconmoon-color: #fff;
    --iconmoon-active-color: #fffc34;
    --icon-announce: #cacaca;
    --category-icon: #fff;
    --category-font: var(--category-icon);
    --category-icon-active: #000;
    --recent-img-filter: none;
    --loadmore-text: #00ffb6;
    --showmore-text: var(--loadmore-text);
    --collapse-text: #fff;
    --mt4-home-cateBox-bg: #1f4f43;
    --mt4-home-cateBox-activeTxt: #fff;
    --mt4-home-cateBox-shadow: rgb(16 16 16);
    --mt4-home-cateBox-menuBg: #282828;
    --mt4-home-gameBox-bg: #373737;
    --mt4-home-promoBanner-arrowBtm: rgba(167, 124, 6, 0.7);
    /*Header*/
    --header-icon-color: #00ffb6;
    --header-gradient1: #005641;
    --header-gradient2: #282828;
    --header-topmenu-bg: linear-gradient(180deg, var(--header-gradient1) 0%, var(--header-gradient2) 100%);
    --header-topmenu-title: #fff;
    /*Footer*/
    --footer-bgColor: linear-gradient(180deg, var(--header-gradient1) 0%, var(--header-gradient2) 100%);
    /*Login*/
    --login-btn-color:#000;
    --login-link-text: var(--secondary-color);
    --login-formWrp-lf: #084537;
    --login-formWrp-rf: var(--mt5-home-darkBox);
    --login-bgColor: linear-gradient(180deg, #005641 18%, #282828 55%, #282828 95%);
    --login-rememberme-text: #fff;
    --login-forgotPwd: var(--login-rememberme-text);
    --login-contactCS: #fff;
    --login-input-text: #005641;
    --login-formBtn: linear-gradient(180deg, #0e5f4c 28%, #05382b 100%);
    --login-formBtn-border: linear-gradient(180deg, #fff 28%, #007470 100%);
    /*Fav*/
    --fav-font-color: #fff;
    /*Promo*/
    --promo-list-bg: var(--mt5-home-darkBox);
    --promo-catTxt: #fff;
    --promo-catBg-active: var(--home-catBtn-bgActive);
    --promo-catTxt-active: #000;
    --promo-list-title: var(--secondary-color);
    /*SweetAlert*/
    --sweetalert-bg: #027f5f;
    --sweetalert-text: #fff;
    --sweetalert-button1: var(--home-catBtn-bgActive);
    --sweetalert-button-text: var(--category-icon-active);
    --sweetalert-header-bg: var(--home-catBtn-bgActive);
    --sweetalert-header-text: var(--category-icon-active);
    --swiper-pagBullet: var(--primary-color);
    /*Lang Switch*/
    --langswitch-bodyBg: var(--header-topmenu-bg);
    --langswitch-border: var(--login-contactCS);
    --langswitch-selection-bg: var(--mt5-home-lightBox);
    --langswitch-selection-active-bg: #027f5f;
    --langswitch-selection-text:#000;
    --langswitch-selection-active-text: var(--secondary-color);
    --langswitch-tick-filter: none;
    --langswitch-confirm-btn: var(--home-catBtn-bgActive);
    --langswitch-confirm-text: var(--category-icon-active);
    /*Member*/
    --member-df-name: #fff;
    --member-wallet-amt: var(--member-df-name);
    --member-icon-arrow: #459292;
    --member-df-bal: #459292;
    --member-icon-color: #fff;
    --member-icon-stroke: var(--secondary-color);
    --member-icon-text: var(--member-icon-color);
    --member-df-mid-bg: linear-gradient(to right, #027357, #014634);
    --member-df-mid-text: #fff;
    --member-df-mid-iconGrad:linear, left top, left bottom, from(#fffedc), to(#fffa6a);
    --member-df-btm-text: #fff;
    --member-df-btm-border: #20a180;
    --member-guardcode-box: #373737;
    --member-guardcode-text: #fff;
    --member-guardcode-border: var(--primary-color);
    --member-promo-list: #373737;
    --member-promo-list-text: var(--secondary-color);
    --member-promo-border: #158a5b;
    --member-promo-title: #fff;
    --member-promo-text: #fff;
    --member-promo-text-active: #fffc9a;
    --member-report-text-active: #fffc34;
    --member-report-border-active: var(--member-report-text-active);
    --member-report-box-border: #3dffcd;
    --member-report-box-bg: #373737;
    --member-report-text: #fff;
    --member-report-selected: #000;
    --member-calendar-filter: none;
    --member-report-submit-btn: var(--login-formBtn);
    --member-report-submit-border: #61b64f;
    --member-report-color : #89c9b8;
    --member-profile-box: #fff;
    --member-profile-editTxt:#006c6a;
    --member-profile-editBg:#01624a;
    --member-profile-text: #fff;
    --member-msg-text: #005641;
    --member-header-list: linear-gradient(180deg, #d5fff2 0%, #5ad3b3 100%);
    --member-tasklist-text: #262f29;
    --member-chgpwd-input: #000;
    /* Member Promo */
    --member-fdBox-bg: #fff;
    /*Deposit*/
    --deposit-list-bg: #373737;
    --deposit-list-text: #fff;
    --deposit-list-title: #fff;
    --deposit-list-shadow2: rgb(36 67 72 / 90%);
    --deposit-icon-filter: none;
    --deposit-remark-text: #b9b9b9;
    --deposit-box-title: #fff;
    --deposit-input-text: #000;
    --deposit-copyBtn: #ffe418;
    --deposit-copyBtn-text: #000;
    --deposit-box-linktxt: var(--deposit-copyBtn);
    --deposit-list-box: #85ffc875;
    /*Transfer*/
    --transfer-autoTran-text: #fff;
    --transfer-slider-lf: var(--secondary-color);
    --transfer-slider-rf: #fff;
    --transfer-slider-active: #c5f364;
    --transfer-reload-text: #fff;
    --transfer-walletIcon-filter: none;
    --transfer-main-wallet-title: #fff;
    --transfer-main-wallet-total: #fff;
    --transfer-more-platfrom-text: var(--transfer-main-wallet-title);
    --transfer-refresh-filter: invert(1);
    --transfer-main-wallet-bg: linear-gradient(180deg, #2fa77a 0%, #104531 100%);
    --transfer-allPlat-box: #373737; 
    --transfer-allPlat-title: var(--secondary-color);
    --transfer-allPlat-total: #fff;
    --transfer-allPlat-active-title: #fff;
    --transfer-allPlatAmt-text: #fff;
    --transfer-more-platfrom: var(--transfer-main-wallet-bg);
    --transfer-in-out-text: var(--secondary-color);
    --transfer-in-out-box: #373737;
    --transfer-container-bg: #8bd1ba;
    --transfer-in-out-wallet: #fff;
    --transfer-in-out-border: #005641;
    --transfer-switchImg-bg: linear-gradient(61deg, #40b086 0%, #3fad84 100%);
    --transfer-tranAmt-box: var(--transfer-main-wallet-bg);
    --transfer-tranAmt-input-bg: #fff;
    --transfer-tranAmt-input-text: #000;
    --transfer-tranAmt-text: var(--transfer-main-wallet-title);
    --transfer-tranAmt-inputBg: #fff;
    --transfer-lastInfo-text: #fffc34;
    --transfer-remark-label:#fff;
    --transfer-form-text: var(--mc-main-title-txt-color);
    /*Egame*/
    --egame-toggleBtn-text: #000;
    /*Freeplay*/
    --freeplay-platform-bg: #065a49;
    --freeplay-platform-name-active: #fff;
    --freeplay-platform-border: #a5a9a8;
    /*Withdrawal*/
    --withdrawal-box-title: #fff;
    --withdrawal-borderline: #2cbe8d;
    --withdrawal-remark: #fffc34;
    --withdrawal-code-figure: #fff;
    --withdrawal-onelick-bg: transparent;
    --withdrawal-allAmt-bg: #2cbe8d;
    --withdrawal-allAmt-text:#fff;
    --withdrawal-input-amt: #fff;
    --withdrawal-select-text: #fffc34;
    /*Agent*/
    --agent-title: #fff;
    --agent-content-bg: #0c8969;
    /*Agent Register/ Member Register*/
    --agreg-icon-color: invert(1);
    --agreg-label-text: #fff;
    --reg-input-field-bg: #fff;
    --reg-input-text: #000;
    --reg-agree-text: var(--agreg-label-text);
    --reg-agree-text2: #fff;
    --reg-agree-tnclink: var(--secondary-color);
    --reg-submitBtn-text: #fff;
    /*BindCard*/
    --bindcard-title:var(--withdrawal-box-title);
    --bindcard-input-text: #fff;
    /*Chgpwd*/
    --chgpwd-title: #fff;
    --chgpwd-remark: #cbc70a;
    --chgpwd-option-text: #005641;
    /*Logout*/
    --logout-btn-bg: #005d5f;
    --logout-text: #fff;
    /*Referral*/
    --referral-first-desc-title: #fff;
    --referral-special-remark: #eef159;
    --referral-box-bg: rgb(var(--BgInputColorRGB) / 10%);
    /*Mission*/
    --mission-button-text: #005641;
    --mission-circle-active: #7d9735;
    --mission-task-type: #a8ddce;
    /*Mobile_template3*/
    --fixedTopBg: rgb(1 113 85 / 88%);
    /* Task */
    --task-step-list-bg: #fffedb;
    --task-progressbar-bgline: #fffedb;
    --task-progressbar-steplist-bg: #0b6d6f;
    --task-progressbar-bgline-bar: #0b6d6f;
    --task-progressbar-steplist-border: rgb(18 126 126 / 49%);
    --task-listbox-list-bg: #3e8c72;
    /*Others*/
    --common-font-color: #fff;
    --input-field-bg: #fff;
    --selection-bg: #027055;
    --selectOpt-bg: #fff;
    --selectOpt-text:#000;
    --placeholder-text: #969696;
    --submit-button-text: #fff;
/*[Jane] temp fix for template5*/
/*[Jx] temp fix temp fix for template4*/
    --mt5-home-darkBox: #454545;
    --mt5-home-lightBox: #b9b9b9;
    --member-vip-signin-btn: var(--home-catBtn-bgActive);
    --mt5-member-home-tag-filter: invert(1) sepia(14%) contrast(100%) brightness(119%) hue-rotate(231deg);
    --member-vip-signin-text: #000;
    --member-refresh-icon: #000;
    --mt5-sideMenu-bg:#eaeaea;
    --selection-box:#373737;
    --report-detail-box:#3d3d3d;
    --report-detail-box-border: #616161;
/*PC variable*/
    --theme-gameBox-text: var(--primary-font-color);
    --index-loadMore-text: #000;
    --index-playNow-text: #005641;
    --index-playNow-border: #005641;
    --index-userExp-icon:linear-gradient(180deg, #27b7a7 0%, #003843 100%);
    --index-circle-bg: #80efc6;
    --sidebar-iconGrad: linear, left top, left bottom, from(#83ff8d), to(#489e84);
    --sidebar-navmenu-text: #12ff8b;
    --header-mtime-text: #fff;
    --header-avatar-icon: #fff;
    --header-selection-icon: var(--header-avatar-icon);
    --header-selection-bg: #373737;
    --header-nav-selected-text: #1ebf8c;
    --mc-link-txt-block-hover-color: #15565f;
    --egame-paginate-color: #1c1b1b;
    --footer-back: var(--header-topmenu-bg);
    --footer-icon-filter: invert(52%) sepia(8%) saturate(2375%) hue-rotate(134deg) brightness(84%) contrast(89%);
    --mc-deposit-list-active-icon: #196977;
    --anntishi-content-boxbg-color: var(--home-catBtn-bg);
    --cs-cardbox-bg: #373737;
    --egame-advance-filter-linear: #ffd100;
    --egame-pagination-btn-color: var(--egame-advance-filter-linear);
    --referral-main-bg-color: #2c8e75;
    --about-contentBox-bg: #373737;
    --header-switchLang-dft-txt: #000;
    --header-switchLang-active-bg: #2c8e75;
    --modal-title-color: #fff;
    --modal-close-btn: #fff;
    --forgot-header-list-active:var(--primary-font-color);
    --forgot-secondary:#139070;
    --forgot-primary:#06503e;
    --forgot-hoverbg-color: #027f5f;
    --forgot-hovertext-color: var(--secondary-color);
    /* --egame-advance-filter-span-color: #000; */
    --index-game-box-hoverBg :#474e4c96;
    --BtnPHBgColor:#027f5f !important;
    /*temp_4 variable*/
    --member-csCenter-bg: var(--promo-list-bg);
    --member-csCenter-text: var(--member-df-bal,var(--common-font-color));
    --member-content-btn-bg: #01624a;
    --member-content-icon: var(--member-df-btm-text);
    --member-content-text: #fff;
    --member-top-bg-filter: sepia(80%) hue-rotate(110deg) saturate(300%) brightness(150%);
    --footer-back:var(--header-topmenu-bg);
    --footer-icon-active: var(--promo-catTxt-active);
    --footer-border: var(--common-font-color);
    --header-bg:var(--footer-back);
    --header-text: var(--header-topmenu-title);
    --slider-bg:#01624a;
    --slider-text:var(--body-bgColor);
    --slider-close-btn: invert(1);

}
.color21 .cs-card_box .img-circle{
    color: #024c39;
    border-color: #024c39;
}
.color21 #eventlist .event_list .list_item .link span, #eventlist .event_list .list_item .plat_name span{
    color: var(--primary-color);
}


/*[DJ] temp fix temp fix for template4*/
.color21 .member-center .table-msg tr {
    background-color: #373737;
}