/**
 * @name		Page Builder CK
 * @package		com_pagebuilderck
 * @copyright	Copyright (C) 2015. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 * @author		Cedric Keiflin - https://www.template-creator.com - https://www.joomlack.fr
 */

/* Dark mode */
.ckboxmodal, body.contentpane {
	background: #171C24 !important;
}

.menuck {
	background: #171C24 !important;
}

.menuck .menuitemck, .workspaceck .menuitemck {
	background: #33383f !important;
	border-color: #4a515b !important;
}

.menuck .menuitemck:hover, .workspaceck .menuitemck:hover {
	border-color: #646d7a !important;
}

.menuck .menuitemck .menuitemck_title, .workspaceck .menuitemck .menuitemck_title {
	color: #fff !important;
}

.menuck .menuitemck img, .workspaceck .menuitemck img {
	opacity: 0.7;
	filter: invert(1);
}

.menuitemck_group,
.menupanetitle {
	color: #e0e0e0;
}

.ckleftpanelsearch input[type="text"].cksearchleftpanel {
	background: #0f151d;
	border-color: #4a515b;
}

.ckbutton {
	background: #495057 !important;
	border-color: #4a515b !important;
	color: #fff !important;
}

.ckbutton:hover {
	background: #2c3035 !important;
}

#popup_editionck .menulink, .menulink[tab]:not(.mainmenulink) {
	background: #0F151D !important;
}

#popup_editionck .menulink:not(:hover):not(.open), .menulink[tab]:not(.mainmenulink):not(:hover):not(.open) {
	background: #0F050D !important;
	border-bottom-color: #0F050D !important;
	border-left-color: #0F050D !important;
	color: #aaa !important;
}

.tab_fullscreen {
	background: #171C24 !important;
}

#items_edition_list .item_edition {
	background: #33383f !important;
	border-color: #4a515b !important;
}

.ckinterface textarea, .ckleftpanelframe select, .ckinterface select, .ckinterface input[type="text"], .ckinterface input[type="password"], .ckinterface input[type="datetime"], .ckinterface input[type="datetime-local"], .ckinterface input[type="date"], .ckinterface input[type="month"], .ckinterface input[type="time"], .ckinterface input[type="week"], .ckinterface input[type="number"], .ckinterface input[type="email"], .ckinterface input[type="url"], .ckinterface input[type="search"], .ckinterface input[type="tel"], .ckinterface input[type="color"], .ckinterface .uneditable-input {
	background: #0f151d !important;
	border-color: #4a515b !important;
}

.ckresponsivebutton svg {
	fill: #fff;
}

.item_edition .item_toggler {
	background: #0f151d !important;
	border-color: #4a515b !important;
	color: #fff;
}

#items_edition_list .item_move {
	filter: invert(1);
}

.menustyles .inputbox, .menustyles .inputboxfake, #elementscontainer .inputbox, #elementsmenu .inputbox, #infos_code .inputbox {
	background: #0f151d !important;
	border-top: 1px solid #4a515b !important;
	border-left: 1px solid #4a515b !important;
	border-right: 1px solid #4a515b !important;
	border-bottom: 1px solid #4a515b !important;
	color: #fff;
}

.ckpopup, .menuck, .layout-edit .workspaceck, .ckboxmodal {
	color: #aaa;
}

#popup_editionck legend {
	color: #fff;
}

.menustylesblocktitle {
	background: #33383f;
	color: #aaa;
}

.menustylesblocktitle.open, .menustylesblocktitle:hover {
	color: #fff;
}

label img,
.menustyles-row svg{
	filter: invert(1);
}

.menustyles-icon img {
	filter: invert(0.2);
}

.menuck .headerckicon {
	color: #fff !important;
}

.menuck .headerckicon:hover {
	color: #fff;
	opacity: 1;
}

#cktoolbarResponsive .ckbutton + input {
	border-color: #4a515b !important;
	color: #fff;
}

div.CodeMirrorCK {
	background: #222F3E;
	color: #fff;
}

.pbck-accessibility-result-row {
	background: #33383f;
	border: 1px solid #4a515b;
}

/* end of dark mode */