:root{
    --mainThemeColor: #95dbd5;
    --subHeaderMenuColor: #ffffff;
    --menuBarColor: #95dbd5;
    --dropdownSelectBorderColor: #a6e6e0;
    --linkColor: #00cbc3;
    --linkColor2: #0DAAA4;
    --linkHoverColor: #02A08E;
    --borderTagColor: #303030;
    --heartColor: #ED306B;
    --pinkHoverColor: #CB2257;
    --lightPinkColor: #e34574;
    --errorColor: #E01D1D;
    --redColor: #E01D1D;
    --redHoverColor: #c70000;
    --lineColor: #E6E6E6;
    --lineColor2: #dbdbdb;
    --dropDownHoverColor: #E6E6E6;
    --mainBgColor: #ffffff;
    --secondMainBgColor: #F4F4F4;
    --darkSectionColor: #f4f4f4;
    --cardBgColor: #FFFFFF;
    --cardBgColor2: #f7f7f7;
    --chapterContentBgColor: #FFFFFF;
    --fixedTopNavBgColor: #ffffff;
    --footerBgColor: #e6e6e6;
    --readAchatBgColor: #414141;
    --topicCat16Color: #912b69;
    --topicCat34Color: #d67a74;
    --topicCat10Color: #443e6d;
    --proofColor: #7b5bd6;
    --delayNotiLowColor: #00B21B;
    --delayNotiMediumColor: #FF9606;
    --delayNotiHighColor: #E01D1E;
    --delayNotiVeryHighColor: #E01D1E;
    --category1BgColor: #4B61EA;
    --category2BgColor: #FF574A;
    --category3BgColor: #00CBC3;
    --category4BgColor: #FF9C2C;
    --category5BgColor: #7962FA;
    --category6BgColor: #ED306B;
    --category7BgColor: #FF9FC7;
    --category8BgColor: #62CCFF;
    --category9BgColor: #88A2D2;
    --category10BgColor: #F0C4C6;
    --category11BgColor: #777777;
    --category12BgColor: #187C9A;
    --secondaryCategoryColor: #d99f00;
    --commentNameMinePostColor: #ffa07a;
    --commentAdminPostColor: #E24674;
    --commentAuthorPostColor: #30BAAD;
    --commentAdminVerifyColor: #2994FF;
    --commentReplyColor: #E6E7E8;
    --greyCodeCAllColor: #cccccc;
    --descriptionPinkColor: #ffedeb;
    --topicAlsoLikePinkColor: #ffedeb;
    --titleTabBgInDescriptionPinkColor: #ffd4d0;
    --titleTabTextInDescriptionPinkColor: #ed306b;
    --readModeContentTabActiveColor: #00cbc3;
    --articleStatusBgColor: #f4f4f4;
    --disabledBgColor: #f9f9f9;
    --textOnDisabledBgColor: #909090;
    --textOnCardDarkColor: #000000;
    --textOnCardLightColor: #909090;
    --textLightColor: #8d8d92;
    --textOnMenuBarReadingPageColor: #FFFFFF;
    --textOnDropdownColor: #303030;
    --textOnMainCoverColor: #FFFFFF;
    --textOnMainMenuColor: #ffffff;
    --textOnMainMenuSelectedColor: #303030;
    --textOnSubMenuColor: #303030;
    --textOnSubMenuSelectedColor: #d73c72;
    --textOnButtonTopicTypeColor: #FFFFFF;
    --textOnIndexSubHeaderColor: #635e65;
    --textOnReadAChatBoxColor: #FFFFFF;
    --textWinkAmount: #FF2097;
    --lineOnReadAChatBoxColor: #FFFFFF;
    --buttonGoToReadColor: #FFFFFF;
    --textAmountCommentOnMainCoverColor: #909090;
    --textOnBottomMenuBarReadingPageColor: #909090;
    --textFollowOnFooterArticleColor: #303030;
    --textContentArticleColor: #303030;
    --textContentArticleSpecificColor: grayscale(0);
    --textTopDonateColor: #FF8205;
    --textOnButtonBuyColor: #ffffff;
    --textOnBadgeNotify: #FFFFFF;
    --textFooterColor: #000000;
    --textInvertDefaultColor: #303030;
    --textWhiteColor: #ffffff;
    --textWhiteColor2: #ffffff;
    --textBlackColor: #000000;
    --textWhiteColorOnFixedTopMainCover: #ffffff;
    --textColorOnFixedTopMainCover: #000000;
    --textLinkHoverDefaultColor: #23527c;
    --textBlueColor: #0000ff;
    --textHeaderGoldColor: #bfa00c;
    --bgGoldColor: #f5df77;
    --bgGreenColor: #008000;
    --bgWhiteColor: #ffffff;
    --bgHeaderPreorderBoxColor: #95dbd5;
    --bgBlueButtonInfo: #5bc0de;
    --bgTableContentUnpublish: #f4f4f499;
    --bgFinishArticleInShelfColor: #0086E7;
    --bgDropDownTableContentActive: #1fb49f1a;
    --bgTopDonateItemColor: #E4EEF0;
    --bgLightBlueColor: #E4EEF0;
    --bgFictionColor: #e4eef0;
    --bgButtonBuyChapterColor: #FCB614;
    --bgButtonBuyChapterColorOpacity30: #FCB6144D;
    --bgGreenBlueColorOpacity10: #1fb49f1d;
    --bgGreenBlueColorOpacity30: #B2EFED;/*#00cbc34d;*/
    --bgGreenBlue2ColorOpacity50: #E5FAF9;
    --bgPinkColorOpacity10: #ED306B1d;
    --bgDropDownColor: #FFFFFF;
    --bgMebSellerLinkColor: #1fb469;
    --bgMenuThemeLabel: #ffffff;
    --bgTopicCategoryDisableColor: #d7d7d7;
    --bgPagePaginatorColor: #e6e6e6;
    --bgActivePagePaginatorColor: #FF8452;
    --bgPMBubbleRight: #95DBD5;
    --bgChatStoryBubbleRight: #a1e5a1;
    --bgChatStoryBubbleLeft: #efefef;
    --bgChatStoryBubbleMiddle: #20202099;
    --txtChatStoryBubbleMiddle: #ffffff;
    --bgPopupDonateColor: #fcbc87;
    --bgGreenPurchase: #c2ecc2;
    --bgSearchTagsColor: #CAD8F3;
    --bgNewNotification: #e4eef0;
    --bgProfileInfomation: #F4F4F4;
    --textOnBgSearchTagColor: #555555;
    --textOnUnpublishChapterLabel: #f4f4f4;
    --bgLabelUnpublishChapter: #909090;
    --bgBtnShowReplyCommentList: #E6E6E6;
    --giveDonateColor: #FF8452;
    --textDefaultColor: #303030;
    --textPagePaginatorColor: #909090;
    --textActivePagePaginatorColor: #ffffff;
    --textContentOnViewPageColor: initial;
    --textWhatIsCollabColor: #950000;
    --textMemberCollabColor: #DE6C3E;
    --bgArticleCollabColor: #FBC8B5;
    --bgTextAreaWrittingChatColor: #efefef;
    --bgNotAllowCommentColor: #f9f9f9;
    --bgHoverAddPinTag: rgba(0, 203, 195, 10%);
    --bgHoverAddPinFanTag: rgba(237, 48, 107, 10%);
    --bgTrChapterShowErrColor: #fbe7e7;
    --bgBtnNoNeedChat: #f4f4f4;
    --bgHoverPaymentQueueDetailColor: pink;
    --WINK-Ci-Wink-pink: #FF2097;
    --WINK-Ci-Wink-purple: #5465FF;
    --bgIconGroupWritingOnDarkBgInMyWriting: #ffffff33;
    --bgIconGroupWritingOnLightBgInMyWriting: #00000033;
    --greyScaleImg: 0%;
    --invertVoiceWaveBlack: 0%;
    --contrastImg: 100%;
    --brightNessCK: 100%;    
    --brightNessHeaderMenu: 100%;
    --brightnessEllipsisH: 0;
    --invertUnpublishIcon: 0;
    --invertTagsIcon: 0;
    --invertSoundOffIcon: 0;
    --invertHeaderIcon: 1;
    --invertFixedTopIconMainCover: 1;
    --invertFixedBottomIconMainCover: 0;
    --iconSearchTopMenu: url("../../images/ic-search@2x.png?t_101");
    --iconSearchHoverTopMenu: url("../../images/ic-search-white@2x.png?t_101");
    --iconNotiTopMenu: url("../../images/ic-notification@2x.png?t_101");
    --iconNotiHoverTopMenu: url("../../images/ic-notification-white@2x.png?t_101");
    --iconMenuTopMenu: url("../../images/menu_icon@2x.png?t_101");
    --iconMenuHoverTopMenu: url("../../images/menu_icon_white@2x.png?t_101");
    /*-- call this varliable in  file(.tpl) --*/
    --iconSearchTopMenuForTplFile: url("https://www.readawrite.com/web/newux/assets/images/ic-search@2x.png?t_101");
    --iconSearchHoverTopMenuForTplFile: url("https://www.readawrite.com/web/newux/assets/images/ic-search-white@2x.png?t_101");
    --iconNotiTopMenuForTplFile: url("https://www.readawrite.com/web/newux/assets/images/ic-notification@2x.png?t_101");
    --iconNotiHoverTopMenuForTplFile: url("https://www.readawrite.com/web/newux/assets/images/ic-notification-white@2x.png?t_101");
    --iconMenuTopMenuForTplFile: url("https://www.readawrite.com/web/newux/assets/images/menu_icon@2x.png?t_101");
    --iconMenuHoverTopMenuForTplFile: url("https://www.readawrite.com/web/newux/assets/images/menu_icon_white@2x.png?t_101");
    --iconMyWritingForTplFile: url("https://www.readawrite.com/web/newux/assets/images/design-2021/icon-write@2x.png?t_101");
    --iconMyWritingHoverForTplFile: url("https://www.readawrite.com/web/newux/assets/images/design-2021/icon-white-writing@2x.png?t_101");
    /*-- new icon 2021 --*/
    --iconMyWriting: url("../../images/design-2021/icon-write@2x.png?t_101"); /*-- call this varliable in file css --*/
    --iconMyWritingHover: url("../../images/design-2021/icon-white-writing@2x.png?t_101"); /*-- call this varliable in file css --*/
    --iconTabNoti: url("../../web/newux/assets/images/design-2021/icon-head-noti@2x.png?t_101");/*-- call this varliable in  file(.tpl) --*/
    --iconTabNotiActive: url("../../web/newux/assets/images/design-2021/icon-head-noti-active@2x.png?t_101");
    --iconTabPM: url("../../web/newux/assets/images/design-2021/icon-head-pm@2x.png?t_101");
    --iconTabPMActive: url("../../web/newux/assets/images/design-2021/icon-head-pm-active@2x.png?t_101");
    --iconTabComment: url("../../web/newux/assets/images/design-2021/icon-head-comment@2x.png?t_101");
    --iconTabCommentActive: url("../../web/newux/assets/images/design-2021/icon-head-comment-active@2x.png?t_101");
    --iconTabNews: url("../../web/newux/assets/images/design-2021/icon-head-news@2x.png?t_101");
    --iconTabNewsActive: url("../../web/newux/assets/images/design-2021/icon-head-news-active@2x.png?t_101");
    --iconMyReading: url("../../web/newux/assets/images/design-2021/icon-reading@2x.png?t_101");
    --iconMyPage: url("../../web/newux/assets/images/design-2021/icon-my-page@2x.png?t_101");
    --iconMyProfile: url("../../web/newux/assets/images/design-2021/icon-profile-setting@2x.png?t_101");
    --iconMyPurchase: url("../../web/newux/assets/images/design-2021/icon-my_purchase@2x.png?t_101");
    --iconMyHistoryOrder: url("../../web/newux/assets/images/design-2021/icon-my_history_orders@2x.png?t_101");
    /*-----------*/
    /*--- bg color of category group banner ---*/
    --bgBannerCatGroup83: #EE647E;
    --bgBannerCatGroup84: #B2D2FA;
    --bgBannerCatGroup85: #ECC4DE;
    --bgBannerCatGroupTranslate: #D1EBE9;
    --bgBannerCatGroup86: #052645;
    --bgBannerCatGroup87: #0A1017;
    --bgBannerCatGroup88: #353F61;
    --bgBannerCatGroupChat: #FFFFFF;
    --bgBannerCatGroup117: #03031C;
    --bgBannerCatGroup118: #03031C;
    --bgBannerCatGroup119: #03031C;
    --bgBannerCatGroup120: #03031C;
    --bgBannerCatGroup89: #FFFFFF;
    --bgBannerCatGroup90: #FFFFFF;
    --bgBannerCatGroup91: #FFF8EB;
    --bgBannerCatGroup127: #F3EDFF;
    /*-----------------------------------------*/
    --fadeBottomColor: rgba(255,255,255,1);
    --bgListCoverByImage: #000000;
    --iconFilter: url("../../web/newux/assets/images/filter@2x.png?t_107");
    --iconViewHorizontal: url("../../web/newux/assets/images/list_view@2x.png?t_107");
    --iconViewVertical: url("../../web/newux/assets/images/grid_view@2x.png?t_107");
    --iconOnlyMe: url("../../images/Only_me@2x.png?t_107");
    --iconPublic: url("../../images/Public@2x.png?t_107");
    --iconStickerVip: url("../../images/Wink/logo_wink@1x.png");
    --iconProfileWriting: url("../../images/profile_menu/icon-write@2x.png?t_107");
    --iconProfileReading: url("../../images/profile_menu/icon-reading@2x.png?t_107");
    --iconProfileMyPage: url("../../images/profile_menu/icon-my-page@2x.png?t_107");
    --iconProfileSetting: url("../../images/profile_menu/icon-profile-setting@2x.png?t_107");
    --iconProfileUp: url("../../images/profile_menu/icon-up@2x.png?t_107");
    --iconProfileDown: url("../../images/profile_menu/icon-down@2x.png?t_107");
    --colorBtnProfileLogout: #F52C46;
}
/* change root url to CDN Prod after deploy to prodution */