:root.darkmode {
    --bg_base: #11100f;
	--bg_basedark: #343434;
	--bg_white: #0C0C0C;
	--bg_black: white;
	--bg_blackcalm: #7b7b7b;
	--bg_blackdark: #1e2b37;
	--bg_silverdark: #606060;
	--bg_silver: #252525;
	--bg_silvercalm: #373737;
	--bg_silversoft: #353535;
	--bg_blue: #0943fe;
	--bg_bluecalm: #2c648a;
	--bg_bluesoft: #2a3a6f;
	--bg_red: #982319;
	--bg_redcalm: #633d3a;
	--bg_green: #126535;
	--bg_greencalm: #446c55;
	--bg_orange: #6b3b10;
	--bg_orangecalm: #6d5f51;
	--bg_yellow: #837200;
	--bg_yellowcalm: #766b45;
	--bg_aplus: #4e5761;
	--bg_line: #51565b;
	--bg_forshadow: #353535;
	
	--bg_checking: #878461;
	--bg_decline: #a47c7c;
	--bg_draft: #7a749a;
	--bg_coming: #8e8e8e;
	--bg_available: #6686ac;
	
	--text_black: #dddddd;
	--text_white: #0d0d0d;
	--text_silver: #888888;
	--text_hl: #7A7384;
	--text_blue: #6a8dff;
	--text_red: #fb4131;
	--text_orange: #e67e22;
	--text_green: #2ecc71;
	--text_link: #0943fe;
	
	--shadow: 0px 0px 12px -1px rgba(13, 35, 140, 0.13);
	--shadow_btn: #232323;
}

/********ICON******/
.darkmode .icon_navbar_new{background-image: url('../../../images/icon/all/dark/navbar_new.png');}
.darkmode .icon_navbar_notif{background-image: url('../../../images/icon/all/dark/navbar_notif.png');}
.darkmode .icon_navbar_hamburger{background-image: url('../../../images/icon/all/dark/navbar_hamburger.png');}

.darkmode .icon_mode_writer{background-image: url('../../../images/icon/all/dark/mode_writer.png?t=1');}
.darkmode .icon_mode_seller{background-image: url('../../../images/icon/all/dark/mode_seller.png?t=1');}

.darkmode .icon_menu_front{background-image: url('../../../images/icon/all/dark/menu_front.png?t=1');}
.darkmode .icon_menu_dashboard{background-image: url('../../../images/icon/all/dark/menu_dashboard.png?t=1');}
.darkmode .icon_menu_premium{background-image: url('../../../images/icon/all/dark/menu_premium.png?t=1');}
.darkmode .icon_menu_comments{background-image: url('../../../images/icon/all/dark/menu_comments.png?t=1');}
.darkmode .icon_menu_chat_curator{background-image: url('../../../images/icon/all/dark/menu_chat_curator.png?t=1');}
.darkmode .icon_menu_editor{background-image: url('../../../images/icon/all/dark/menu_editor.png?t=1');}
.darkmode .icon_menu_voucher{background-image: url('../../../images/icon/all/dark/menu_voucher.png?t=1');}
.darkmode .icon_menu_acquisition{background-image: url('../../../images/icon/all/dark/menu_acquisition.png?t=1');}
.darkmode .icon_menu_order{background-image: url('../../../images/icon/all/dark/menu_order.png?t=1');}
.darkmode .icon_menu_monetization{background-image: url('../../../images/icon/all/dark/menu_monetization.png?t=1');}
.darkmode .icon_menu_analytic{background-image: url('../../../images/icon/all/dark/menu_analytic.png?t=1');}
.darkmode .icon_menu_courier{background-image: url('../../../images/icon/all/dark/menu_courier.png?t=1');}
.darkmode .icon_menu_printout{background-image: url('../../../images/icon/all/dark/menu_printout.png?t=1');}
.darkmode .icon_menu_chat{background-image: url('../../../images/icon/all/dark/menu_chat.png?t=1');}
.darkmode .icon_menu_help{background-image: url('../../../images/icon/all/dark/menu_help.png?t=1');}
.darkmode .icon_menu_write{background-image: url('../../../images/icon/all/dark/menu_write.png?t=1');}
.darkmode .icon_menu_account{background-image: url('../../../images/icon/all/dark/menu_account.png?t=1');}

.darkmode .icon_info_publish{background-image: url('../../../images/icon/all/dark/info_publish.png');}

.darkmode .icon_monet_1{background-image: url('../../../images/icon/all/dark/monet_1.png');}
.darkmode .icon_monet_2{background-image: url('../../../images/icon/all/dark/monet_2.png');}
.darkmode .icon_monet_3{background-image: url('../../../images/icon/all/dark/monet_3.png');}

.darkmode .icon_share{background-image: url('../../../images/icon/all/dark/share.png');}
.darkmode .icon_boost{background-image: url('../../../images/icon/all/dark/boost.png');}
.darkmode .icon_close{background-image: url('../../../images/icon/all/close_white.png');}
.darkmode .icon_play{background-image: url('../../../images/icon/all/dark/play.png');}
.darkmode .icon_list_black{background-image: url('../../../images/icon/all/dark/list_black.png');}
.darkmode .icon_arrow_left_black{background-image: url('../../../images/icon/all/dark/arrow_left_black.png');}
.darkmode .icon_arrow_right_black{background-image: url('../../../images/icon/all/dark/arrow_right_black.png');}
.darkmode .icon_change_upload{background-image: url('../../../images/icon/all/dark/change_upload.png');}
.darkmode .icon_arrow_jump_bottom_blue{background-image: url('../../../images/icon/all/dark/arrow_jump_bottom_blue.png');}
.darkmode .icon_mode{background-image: url('../../../images/icon/all/dark/mode.png');}
.darkmode .icon_qrcode{background-image: url('../../../images/icon/all/dark/qrcode.png');}
.darkmode .icon_followers{background-image: url('../../../images/icon/all/dark/followers.png');}
.darkmode .icon_royalty{background-image: url('../../../images/icon/all/dark/royalty.png');}
.darkmode .icon_spelly{background-image: url('../../../images/icon/all/dark/spelly.png');}
.darkmode .icon_sc_phone{background-image: url('../../../images/icon/all/dark/sc_phone.png');}
.darkmode .icon_sc_ig{background-image: url('../../../images/icon/all/dark/sc_ig.png');}
.darkmode .icon_sc_tiktok{background-image: url('../../../images/icon/all/dark/sc_tiktok.png');}
.darkmode .icon_sc_x{background-image: url('../../../images/icon/all/dark/sc_x.png');}

.darkmode .icon_edt_back{background-image: url('../../../images/icon/editor/back_silver.png');}

/********ALL******/
.darkmode #mainMenu .mnMenu .mmCount, 
.darkmode #mainMenu .mnOptions > div:nth-child(2) > a > div > div:nth-child(2) > span, 
.darkmode .pageMenu .pmOption > a.active > div, 
.darkmode .content_status_publication .cspOpt div, 
.darkmode .card_list_part .waiting, 
.darkmode .card_list_part .draft, 
.darkmode #header .hGrid .hgOpt .hgoIcon > div > div, 
.darkmode .card_list_works .clwInfo .ciDetail .cdStatus, 
.darkmode .option_hzl > div > a.active > div, 
.darkmode .card_content_work .ccwBox.accept > span, 
.darkmode .enlc_content .enlcHead .ch_button, 
.darkmode #mainMenu .mnOptions > div:nth-child(2) > a > div > div:first-child > div > span, 
.darkmode #mainMenu .mnMenu .mmCountIcon, 
.darkmode #alert > div > div, 
.darkmode .content_chat .ccButton, 
.darkmode .card_comment > div > div:first-child > div:first-child > span, 
.darkmode .content_linked, 
.darkmode .spellyWS .swsHead .shTitle > div,
.darkmode .pageMenu .pmOption > a > div > span, 
.darkmode .content_monetize .cmBody .cmbContent, 
.darkmode .content_alert.blue, 
.darkmode .n_star > div > div:first-child > div:nth-child(2) > div, 
.darkmode .content_chat .ccBox .ccbHead, 
.darkmode .content_chat .ccBody > div.you > div, 
.darkmode .coverEditor_layout .clNavbar .cnTitle > div:nth-child(2) > div:first-child, 
.darkmode .popup_boost_work .pbwAlert > span.unavail, 
.darkmode .infobox .ibTitle, 
.darkmode .infobox .ibBody .ibContent, 
.darkmode .h_create > div:nth-child(2) > a .hcBody,
.darkmode .fs1 > div > div:last-child > div,
.darkmode .card_chat .ccItem > div:nth-child(2) > div:first-child > span {
    color: var(--text_black);
}

.darkmode #mainMenu .mnLogo{background-image: url('../../../images/logo_word_white.png?t=1');}

.darkmode .a_content_count > div > div, 
.darkmode .a_count > div{background: var(--bg_blackdark);}
.darkmode .content_linked .clContent > div > div:nth-child(3){background: var(--bg_bluesoft); border-left: 2px solid var(--bg_black);}

.darkmode .content_chat .ccBox{background: var(--bg_blackdark);}
.darkmode .content_chat .ccBody > div.me > div{background: var(--bg_blackcalm);}
.darkmode .content_chat .ccBody > div.you > div{background: var(--bg_bluesoft);}

/**EDITOR**/
.darkmode .ql-editor{background-color: #1e1e1e; color: #ffffff;}
.darkmode .ql-toolbar{background-color: var(--bg_blackcalm); border: 1px solid var(--bg_black);}
.darkmode .ql-toolbar .ql-picker{color: #ffffff;}
.darkmode .ql-toolbar .ql-picker-options{background-color: #333333; border: 1px solid #444444;}
.darkmode .ql-toolbar .ql-picker-item{color: #ffffff;}
.darkmode .ql-toolbar button{color: #ffffff;}
.darkmode .ql-toolbar button:hover{background-color: #555555;}

/**SPELLY**/
.darkmode .spellyEditorTooltip{background: var(--bg_bluecalm);}
.darkmode .spellyWS .swsHead .shMenu > div > div{background: var(--bg_yellowcalm);}

@media (max-width: 565px){
	.darkmode .popupCreate > div > a > div{color: var(--text_black);}
}