.CEDITOR {
	pointer-events: auto;
}
.CEDITOR .cNC * {
	pointer-events: none;
}
#ceditorWindow .caption.haveTitle {
	background: rgb(230, 241, 253) !important;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: rgb(126, 141, 157) !important;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	margin: auto auto 32px auto !important;
}
#ceditorWindow .haveTitle h1 {
	padding-right: 220px;
}
#ceditorWindow .field_content_lang {
	width: auto;
	padding: 0px;
	border: transparent;
	height: auto;
	position: absolute;
	left: auto;
	right: 50px;
	top: 0px;
	margin: 10px auto;
	z-index: 1000;
	pointer-events: auto;
	border-radius: 5px;
	background: rgb(255, 254, 254);
}
#ceditorWindow .field_content_lang b {
	display: none;
}
#ceditorWindow .field_content_lang select {
	margin: auto !important;
	position: relative !important;
}
#ceditorWindow .window_content > .pages {
	margin: auto auto 20px auto;
}
#ceditorWindow .qMiddleFields {
	max-width: 1000px;
	margin: auto auto 15px auto;
}
#ceditorWindow .qMiddleFields:first-child label {
	border-color: rgb(217, 217, 217) !important;
}
.CEDITOR_FORM .qSlider {
	min-width: 72vw;
	min-height: 50vh;
}
.CEDITOR_FORM .qFlex {
	/*max-width: 85%;*/
	margin: 5px auto;
	text-align: left;
}
.CEDITOR_FORM .qFlex .right {
	flex: 1;
}
.CEDITOR_FORM .field_image, .CEDITOR_FORM .field_video {
	margin: auto 12px auto auto;
	padding: 2px;
}
/*.CEDITOR_FORM .qMiddleFields label {
	min-width: 250px;
	flex-direction: column;
}*/
/*.CEDITOR_FORM .qMiddleFields label:last-child {
	margin-right: auto;
}*/
/*.CEDITOR_FORM label.field_text b {
	top: 0px !important;
	bottom: 0px;
	height: 100%;
	border: transparent;
	background: #FFFFFF;
	right: 0px;
	border-radius: 0px 3px 3px 0px;
	padding: 12px 12px;
	box-sizing: border-box;
}*/
.CEDITOR_FORM code[lang="css"] {
	display: block;
	width: 85%;
	min-height: 120px;
	background: rgb(251, 250, 250);
	box-sizing: border-box;
	margin: auto;
	border-radius: 5px;
	border: solid 1px rgb(200, 200, 200);
	text-align: left;
	padding: 10px 12px;
}
div.cElement.cVideo {
	display: inline-block;
	position: relative;
}
.cElement.cVideo.edit::after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;
}
.button_ceditor_add {
	display: block;
	margin: 22px auto;
	width: 45px;
	height: 45px;
	color: transparent;
	box-sizing: border-box;
	padding: 0;
	background: RGB(255, 255, 255) url('/Q2/images/plus.svg') center center no-repeat;
	background-size: 70%;
	position: relative;
	z-index: 1;
	top: 0;
	transition: .35s all;
	font-size: 0;
	border-radius: 100%;
	outline: 2px solid rgba(0, 183, 255, 0.15);
}
.button_ceditor_add:hover {
	transition: 0.35s all;
	cursor: pointer;
	transform: scale(1.1);
}
/*.cElement .button_ceditor_add {
	display: block;
	font-size: 15px;
	color: transparent;
}*/
.cElement .cParent .button_ceditor_add {
	margin: auto;
	padding: 5px !important;
	border-radius: 50px !important;
}
.cElement.empty .button_ceditor_add {
	margin: 32px auto !important;
}
.cElement .cColumn {
	position: relative;
}
.cElement .cColumn .button_ceditor_add {
	position: relative;
	left: auto;
	right: auto;
	bottom: 0px;
	top: auto;
	display: block;
	margin: -15px auto 0px auto;
	overflow: hidden;
	width: 30px;
	height: 30px;
	background: rgb(35, 97, 128) url('/Q2/images/white/plus.svg') center center no-repeat;
	border-radius: 50px !important;
	background-size: 22px;
	min-width: unset;
	min-height: unset;
	padding: 0px !important;
	box-sizing: border-box;
	border: transparent;
	/* outline: none; */
}

.CEDITOR_select_type {
	margin: auto;
	display: block;
	padding: 5px;
	text-align: center;
	max-width: 1366px;
}

.CEDITOR_select_type item {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 5px 3px;
	vertical-align: middle;
	background: rgb(35, 143, 238);
	border-radius: 5px;
	padding: 45px 12px 15px 15px;
	position: relative;
	border: transparent;
	font-size: 18px;
	color: #FFFFFF;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.26);
	font-weight: normal;
}
.CEDITOR_select_type item:hover {
	transition: none;
	cursor: pointer;
	outline: solid 3px rgb(50, 101, 198);
}
.CEDITOR_select_type item::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	margin: auto;
	width: 82px;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	right: auto;
	bottom: auto;
	background-size: 35px;
	background-color: transparent;
	border-radius: 5px 5px;
}
.CEDITOR_select_type item img {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: auto;
	max-height: 32px;
	margin: auto;
}
.CEDITOR_select_type item b {
	font-weight: normal;
	margin: 25px auto auto auto;
	display: block;
	font-size: 15px;
}
.cElement.empty.cSection section {
	padding: 0px;
	overflow: auto;
}
.cElement.cContent.empty {
	display: inline-block;
	background: #FFFFFF;
	padding: 25px 55px;
	border-radius: 5px;
}
/*.CEDITOR_select_type .title {
	display: block;
	width: 92%;
	margin: -5px auto 5px auto;
	text-align: left;
	padding: 12px 12px;
	height: auto;
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
}
.CEDITOR_select_type .editor {
	font-size: 17px;
	color: #FFFFFF;
	width: 92%;
	height: 95px;
	text-align: left;
}*/
.CEDITOR_select_type .section::after {
	background-image: url('/Q2/images/ceditor_section.svg');
}
.CEDITOR_select_type .button::after, .cElement.empty.qutton {
	background-image: url('/Q2/images/ceditor_button.svg');
}
.CEDITOR_select_type .content::after, .cElement.empty.cContent {
	background-image: url('/Q2/images/ceditor_content.svg');
}
.CEDITOR_select_type .menu::after, .cElement.empty.cMenu {
	background-image: url('/Q2/images/ceditor_menu.svg');
}
.CEDITOR_select_type .column::after {
	background-image: url('/Q2/images/ceditor_columns.svg');
}
.CEDITOR_select_type .card::after {
	background-image: url('/Q2/images/ceditor_card.svg');
}
.CEDITOR_select_type .title::after, .cElement.empty.cTitle {
	background-image: url('/Q2/images/ceditor_caption.svg');
}
.CEDITOR_select_type .text::after, .cElement.empty.cText {
	background-image: url('/Q2/images/ceditor_text.svg');
}
.CEDITOR_select_type .editor::after, .cElement.empty.cEditor {
	background-image: url('/Q2/images/ceditor_editor.svg');
}
.CEDITOR_select_type .list::after, .cElement.empty.cList {
	background-image: url('/Q2/images/ceditor_list.svg');
}
.CEDITOR_select_type .image::after, .cElement.empty.cImage {
	background-image: url('/Q2/images/ceditor_image.png');
}
.CEDITOR_select_type .video::after, .cElement.empty.cVideo {
	background-image: url('/Q2/images/ceditor_video.png');
}
.CEDITOR_select_type .tag::after, .cElement.empty.cTag {
	background-image: url('/Q2/images/ceditor_tag.png');
}
.CEDITOR_select_type .html::after, .cElement.empty.cHTML {
	background-image: url('/Q2/images/ceditor_html.png');
}
.CEDITOR_select_type .icon_text::after, .cElement.empty.cIconText {
	background: #F2F2F2  center center no-repeat url('/Q2/images/ceditor_icon_text.png');
	min-width: 55px;
	min-height: 55px;
	background-size: 32px;
	border: solid 1px #E2E2E2;
	border-radius: 5px;
}
.cList > a {
	display: block;
	margin: auto;
	padding: 7px 2px;
	text-align: left;
	border-bottom: solid 1px #F2F2F2;
}
.cList > a:hover {
	text-decoration: underline;
}
.CEDITOR_select_type .cIconWindow:after, .cIconWindow {
	background-image: url('/Q2/images/ceditor_window.svg');
}
.CEDITOR_select_type .cIconForm:after, .cIconForm {
	background-image: url('/Q2/images/ceditor_form.svg');
}
.CEDITOR > .cElement {
	cursor: pointer;
}
.CEDITOR .cElement:hover, .CEDITOR .cElement.hover {
	/* box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 0px 0px 2px rgba(255, 255, 255, 0.5) !important; */
	outline: 1px solid rgb(103, 177, 255) !important;
}
.CEDITOR .cElement.dragnow {
	opacity: 0.5 !important;
	pointer-events: none;
	filter: sepia(1);
}
.CEDITOR .cElement.dragclone { /* Clone object */
	pointer-events: none;
}
.CEDITOR .cVideo:empty {
	min-height: 55px;
	min-width: 125px;
	background: rgb(66, 112, 249) url('/Q2/images/ceditor_video.png') center center no-repeat;
	background-size: 55px;
	border-radius: 5px;
	margin: 5px auto;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1);
}
.CEDITOR .cIconText:empty {
	background: rgb(66, 112, 249) url('/Q2/images/cIconText.png') center center no-repeat;
	background-size: 24px;
	min-height: 55px;
	border: solid 1px rgba(21, 21, 21, 0.12);
}
.CEDITOR.loading {
	filter: sepia(1);
}
.CEDITOR_FORM .csLDF {
	overflow: visible;
	max-height: 0px;
	transition: 0.35s all cubic-bezier(1,0,0,1);
}
.CEDITOR_FORM .csLDF.show {
	max-height: 500px;
}
.CEDITOR_FORM .qTextarea {
	min-height: 200px;
}
.CEDITOR_FORM .qTextarea textarea {
	outline: none !important;
	margin: auto;
}
.cElement.cContent.edit_mode_place {
	background: rgba(255, 255, 255, 0.75);
	padding: 12px 15px;
	text-align: center;
	line-height: normal;
	color: #000000;
	border-radius: 5px;
}
.ce_caption {
	text-align: left;
	margin: 22px auto auto auto;
	padding: 0px;
	color: rgb(69, 115, 3);
	font-size: 17px;
}
.CEDITOR .cElement.cTextEditor {
	text-align: left;
	padding: 20px;
}
.cElement.cVideo {
	border-radius: 10px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
/*.cElement.cImage {
	display: inline;
}*/
.cElementTypeTitle {
	margin: 0px auto 22px auto;
	display: block;
	text-align: center;
	font-size: 15px;
	color: rgb(205, 205, 205);
	font-weight: normal;
}
#ceditorWindow {
	z-index: 999999;
}
#ceditorWindow form {
	max-width: 92%;
	margin: 10px 22px;
}
#ceditorWindow form label {
	width: 100%;
}
#ceditor_fly_panel {
	position: fixed;
	background: rgb(0, 171, 255);
	border-radius: 3px 3px 3px 3px;
	z-index: 1000;
	left: 0px;
	bottom: auto;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.25);
	opacity: 0;
	pointer-events: none;
	white-space: nowrap;
	padding: 0px 7px 2px 7px;
	width: auto;
	height: auto;
	color: #FFFFFF;
}
#ceditor_fly_panel.above {
	border-radius: 0px 0px 5px 5px;
}
#ceditor_fly_panel.under {
	border-radius: 5px 5px 0px 0px;
}
/*#ceditor_fly_panel {
	position: fixed;
	background: rgb(6, 60, 162) linear-gradient(rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.0));
	border-radius: 0px 25px 25px 0px;
	z-index: 1000;
	left: 0px;
	bottom: 42px;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.25);
	opacity: 0;
	pointer-events: none;
	margin-top: 10px;
	white-space: nowrap;
	padding: 5px 10px 5px 0px;
	width: auto;
	height: auto;
	color: #FFFFFF;
}*/
/* #ceditor_fly_panel::after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url('/Q2/images/style_icon.svg') center center no-repeat;
	background-size: 100%;
	position: relative;
	vertical-align: middle;
	margin: auto 10px auto 10px;
} */
#ceditor_fly_panel.show {
	/*pointer-events: auto;
	margin: 0px;*/
	opacity: 1;
	transition: 0.15s opcity;
	
}
#ceditor_fly_panel .title {
	display: inline-block;
	vertical-align: middle;
	border-radius: inherit;
	padding: 5px 0px 5px 0px;
	color: inherit;
	font-size: 14px;
	cursor: pointer;
}
#ceditor_fly_panel .title i {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 17px 0px 3px;
	margin: auto;
	line-height: normal;
	font-style: normal;
	background: url('/Q2/images/white/right.svg') right center no-repeat;
	background-size: 11px;
	color: #FFFFFF;
	opacity: 0.5;
}
#ceditor_fly_panel .title i:last-child {
	background: transparent;
	padding-right: 5px;
	opacity: 1;
}
#ceditor_fly_panel buttons {
	display: inline-block;
	vertical-align: middle;
}
#ceditor_fly_panel buttons button {
	background-color: transparent;
	box-shadow: none;
	width: 24px;
	height: 24px;
	padding: 0px;
	background-size: 22px;
	margin: 1px 1px 1px 0px;
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}
#ceditor_fly_panel buttons button.disabled {
	display: none;
}
#ceditor_fly_panel buttons .styles {
	background-size: 20px;
	margin-right: 5px;
}
#ceditor_fly_panel .ceButtonMenu {
	background: url('/Q2/images/menu_g.svg') center center no-repeat;
	background-size: 100%;
}
.ceditor_styles {
	position: fixed;
	top: 0px;
	background: #FFF;
	z-index: 1000000;
	border-radius: 7px;
	overflow: hidden;
	width: 320px;
	border: transparent;
	box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.24);
	opacity: 0;
	pointer-events: none;
	right: 0px;
	transition: 0.35s all;
	display: flex;
	flex-direction: column;
	max-height: 90vh;
	margin: auto;
	bottom: 0px;
	height: 90%;
}
.ceditor_styles.show {
	opacity: 1;
	pointer-events: auto;
	right: 25px;
	bottom: 25px !important;
	height: auto;
}
.ceditor_styles .caption {
	margin: auto;
	padding: 15px 15px;
	color: rgb(23, 23, 23);
	text-align: left;
	top: 0px;
	z-index: 10;
	font-size: 15px;
	background: linear-gradient(115deg, rgb(243, 249, 254) 0%, rgb(225, 239, 253) 79%, rgb(183, 230, 252) 85%);
	font-weight: bold;
	flex: auto;
	width: 100%;
	max-height: 50px;
	box-sizing: border-box;
}
.ceditor_styles .footer {
	position: sticky;
	bottom: 0px;
	width: 100%;
	background: rgb(241, 241, 241);
	max-height: 50px;
	text-align: right;
	overflow: hidden;
	z-index: 10;
	/* border-top: solid 1px rgb(230, 230, 230); */
	flex: auto;
	min-height: 55px;
}
.ceditor_styles label {
	position: relative;
	display: block;
	margin: 5px;
	padding: 5px;
	width: auto;
	max-width: unset;
	height: auto;
	border: solid 1px #EEEEEE;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	background: transparent;
	border-radius: 5px;
	box-sizing: border-box;
}
.ceditor_styles label b {
	display: inline-block;
	position: relative;
	z-index: 1;
	font-size: 14px;
	font-weight: normal;
	padding: 5px 10px 5px 5px;
	background: transparent;
	text-align: left;
	margin: auto !important;
	height: 100%;
	box-sizing: border-box;
	margin: auto;
	top: auto;
	bottom: auto;
}
.ceditor_styles label.field_classes {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 7px;
	padding: 0px;
	width: 155px;
	margin: auto;
}
.ceditor_styles label.field_classes select {
	padding: 7px;
	margin: auto;
}
#ceditor_styles .btnClose {
	background: transparent url('/Q2/images/close_white_middle.png') center center no-repeat;
	background-size: 16px;
	height: 25px;
	box-sizing: border-box;
	top: 7px;
	width: 25px;
	bottom: auto !important;
}
#ceditor_styles .qSave {
	display: inline-block;
	font-size: 15px;
	padding: 9px 32px;
	margin: 7px;
	background: rgb(11, 140, 0);
	color: #FFFFFF !important;
}
#ceditor_styles .qCancel {
	display: inline-block;
	font-size: 15px;
	padding: 9px 32px;
	margin: 7px;
	background: rgb(221, 221, 221);
	color: rgb(42, 42, 42) !important;
	float: left;
}
#ceditor_styles label input {
	display: inline-block;
	margin: auto;
	border: transparent;
	vertical-align: middle;
	padding: 7px 42px 7px 55px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	box-sizing: border-box;
	border-radius: 0px;
	height: 100%;
	text-align: right;
	background: transparent;
}
#ceditor_styles label.textimage input {
	padding-right: 35px !important;
}
#ceditor_styles label.textselect > div {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	box-sizing: border-box;
}
.styles_list {
	position: relative;
	overflow: hidden auto;
	/* max-height: 100%; */
	box-sizing: border-box;
	background: #FFFFFF;
	flex: auto;
	height: auto;
}
#ceditor_styles div > b {
	display: block;
	margin: auto;
	padding: 15px 15px 15px 42px;
	text-align: left;
	font-size: 15px;
	position: sticky;
	top: 0px;
	z-index: 10;
	color: rgb(74, 74, 74);
	cursor: pointer;
	font-weight: normal;
	background: #FFF 15px center no-repeat;
	background-size: 20px;
}
#ceditor_styles div > b:hover {
	background-color: rgb(212, 237, 252);
}
#ceditor_styles div > b::after {
	background: url('/Q2/images/right.svg') center center no-repeat;
	content: "";
	width: 32px;
	display: inline-block;
	background-size: 10px;
	z-index: 1;
	position: absolute;
	right: 3px;
	top: 0px;
	height: 100%;
	transition: 0.35s all;
}
#ceditor_styles div.open > b::after {
	transform: rotate(-90deg);
}
#ceditor_styles button.qBtnColorSelect {
	margin: auto;
	padding: 5px;
	border: transparent;
	width: 26px;
	height: 26px;
	border-radius: 50px;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.16) inset;
}

.cssicon_margin {
	background-image: url('/Q2/images/sb_icons/margin.svg') !important;
}
.cssicon_padding {
	background-image: url('/Q2/images/sb_icons/padding.svg') !important;
}
.cssicon_background {
	background-image: url('/Q2/images/sb_icons/bg.svg') !important;
}
.cssicon_border {
	background-image: url('/Q2/images/sb_icons/border.svg') !important;
}
.cssicon_shadow {
	background-image: url('/Q2/images/sb_icons/shadow.svg') !important;
}
.cssicon_display {
	background-image: url('/Q2/images/sb_icons/display.svg') !important;
}
.cssicon_sizes {
	background-image: url('/Q2/images/sb_icons/size.svg') !important;
}
.cssicon_position {
	background-image: url('/Q2/images/sb_icons/move.svg') !important;
}
.cssicon_text {
	background-image: url('/Q2/images/sb_icons/text.svg') !important;
}

/*#ceditor_styles div > b {
	background: rgb(221, 255, 234);
	display: block;
	margin: auto;
	padding: 7px 12px;
	text-align: left;
	font-size: 15px;
	border-bottom: solid 1px rgb(225, 225, 225);
	position: sticky;
	top: 0px;
	z-index: 10;
}*/
label .qBtnFileSelect {
	position: absolute;
	right: 0px;
	background: transparent url('/Q2/images/more.png') center center no-repeat !important;
	top: 0px;
	height: 100%;
	box-sizing: border-box;
	margin: auto;
	box-shadow: none;
	background-size: 24px !important;
	border: transparent;
}
.qOpenList {
	max-height: 47px;
	box-sizing: border-box;
	overflow: hidden;
	/* transition: 0.15s all; */
	border-bottom: solid 1px rgba(0, 0, 0, 0.05);
	z-index: 0;
	transition: none;
}
.qOpenList.open {
	/*max-height: 1000px;*/
}
.qOpenList.open > b {
	/*background-color: rgb(233, 243, 253);
	border-bottom: inherit;*/
}
.qOpenList .sub {
	position: absolute;
	z-index: 100;
	left: 100%;
	top: 0px;
	right: auto;
	bottom: auto;
	background: #FFFFFF;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transition: 0.1s all;
	display: none;
}
.qOpenList.open .sub {
	left: 0%;
	display: block;
}
#ceditor_styles div .sub > b::after {
	background-image: url('/Q2/images/close.svg');
	background-size: 16px;
	width: 50px;
}
/*
#ceditor_styles .field_width.textselect, #ceditor_styles .field_height.textselect,
#ceditor_styles .field_top.textselect, #ceditor_styles .field_bottom.textselect,
#ceditor_styles .field_left.textselect, #ceditor_styles .field_right.textselect,
#ceditor_styles .field_background-QQ, #ceditor_styles .field_background-size {
	width: 50%;
	display: inline-block;
}
*/
#qColorPicker {
	position: fixed;
	z-index: 999999;
	left: 50px;
	top: 50px;
	right: auto;
	bottom: auto;
	margin: auto;
	background: rgba(255, 255, 255, 0.85);
	padding: 22px;
	border-radius: 15px;
	box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.29);
	backdrop-filter: blur(5px);
	opacity: 0;
	pointer-events: none;
	transition: ;
}
#qColorPicker.show {
	opacity: 1;
	pointer-events: auto;
}
#qColorResult {
	background: transparent;
	display: inline-block;
	width: 72px;
	height: 35px;
	float: right;
	border-radius: 5px;
	border: solid 1px #AAAAAA;
}
#qColorPicker label {
	display: block;
	width: 100%;
	max-width: 92%;
	margin: 15px auto auto auto;
	font-size: 15px;
	font-weight: normal;
	color: #353535;
	overflow: hidden;
}
#qColorPicker label b {
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	margin: 0px;
}
#qColorPicker button {
	display: inline-block;
	margin: 22px 5px auto auto !important;
	font-size: 15px;
	padding: 12px 25px;
	color: RGB(255, 255, 255) !important;
	background: rgb(46, 60, 79);
}
#qColorPicker .qColorClose {
	background: rgb(91, 15, 15);
}
#cEditorElementsList {
	position: fixed;
	right: 55px;
	bottom: 55px;
	background: #FFFFFF;
	z-index: 1000;
	border-radius: 7px;
	box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.3);
	width: 320px;
	overflow: hidden;
	text-align: left;
	opacity: 0;
	pointer-events: none;
	right: -500px;
	transition: 0.35s all;
}
#cEditorElementsList.show {
	right: 55px;
	z-index: 1000;
	opacity: 1;
	pointer-events: auto;
}
#cEditorElementsList .btnClose {
	display: block;
	position: absolute;
	right: 0px;
	width: 24px;
	height: 24px;
	background: url('/Q2/images/white/x.svg') center center no-repeat;
	top: 0px;
	left: auto;
	bottom: auto;
	margin: 10px;
	background-size: 100%;
	cursor: pointer;
}
#cEditorElementsList .title {
	display: block;
	padding: 12px;
	text-align: left;
	background: rgb(64, 117, 242);
	color: #FFFFFF;
}
#cEditorElementsList .title.can_back {
	padding-left: 35px;
	background-image: url('/Q2/images/white/left.svg');
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 14px;
	cursor: pointer;
	pointer-events: all;
}
#cEditorElementsList .qList {
	display: block;
	overflow: hidden auto;
	max-height: 520px;
	min-height: 120px;
	height: 50vh;
}
#cEditorElementsList .qList item {
	display: block;
	padding: 10px 12px;
	background-color: rgb(255, 255, 255) !important;
	color: rgb(8, 8, 8);
	cursor: pointer;
	margin: 0px;
	position: relative;
	overflow: hidden;
}
#cEditorElementsList .qList item:hover {
	background-color: rgba(64, 117, 242, 0.17) !important;
}
#cEditorElementsList .qList .sub {
	margin: 0px 0px 0px 12px;
}
#cEditorElementsList .qList .sub item, #cEditorElementsList .qList .sub .sub item {
	padding-left: 25px;
}
#cEditorElementsList .qList .sub item::before {
	background: transparent url('/Q2/images/arrow_right_black.svg') 5px center no-repeat;
	background-size: auto;
	background-size: 10px;
	padding-left: 17px;
	content: "";
	position: absolute;
	left: 5px;
	top: 0px;
	z-index: 1;
	width: 15px;
	height: 100%;
}
#cEditorElementsList .right_buttons {
	float: right;
}
#cEditorElementsList .right_buttons b {
	margin: auto;
	background: transparent center center no-repeat;
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
}
#cEditorElementsList .right_buttons b:hover {
	background-color: rgb(255, 255, 255);
	border-radius: 5px;
}
#cEditorElementsList .right_buttons b.edit {
	background-image: url('/Q2/images/edit.svg');
	background-size: 16px;
}
#cEditorElementsList .right_buttons b.styles {
	background-size: 15px;
	background-image: url('/Q2/images/style_icon.svg');
}
#cEditorElementsList .right_buttons b.view {
	background-image: url('/Q2/images/view.svg');
	background-size: 22px;
}
#cEditorElementsList .right_buttons b.open {
	/* background-image: url('/Q2/images/right.svg'); */
	/* background-size: 14px; */
	/* border-radius: 3px; */
	/* border: solid 1px rgb(225, 225, 225); */
	margin-left: 12px;
	padding: 0px 7px 1px 7px;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	width: auto;
	background: rgb(80, 150, 240);
	border-radius: 25px;
	color: #FFFFFF;
	border: transparent;
	line-height: normal;
	height: auto;
}
#cEditorElementsList .right_buttons b.open:hover {
	background-color: rgb(90, 124, 168);
}
#cEditorElementsList item:not([parent]) .right_buttons b.open {
	/* opacity: 0; */
	/* pointer-events: none; */
	visibility: hidden;
}
#cEditorElementsList .qList item::after {
	content: "";
	border-top: solid 1px rgba(218, 232, 240, 0.5);
	width: 200%;
	left: -100%;
	position: absolute;
	bottom: 0px;
}
#cEditorElementsList item > b {
	display: block;
	color: rgb(9, 166, 242);
	/* font-weight: normal; */
	font-size: 15px;
	margin: auto auto -7px auto;
	padding: 0px;
}
#cEditorElementsList item > i {
	display: inline-block;
	margin: -3px auto;
	font-size: 14px;
	font-style: normal;
	color: rgb(100, 100, 100);
}
.qDragNow .cElement.cParent {
	outline: 2px solid rgb(0, 159, 255);
	border: solid 1px red;
	accent-color: ;
}
/*.qStyles.qInactive #html:not(.qActive) {
	pointer-events: none;
}
.CEDITOR.qActive {
	opacity: 1 !important;
	pointer-events: auto;
	visibility: visible;
	filter: opacity(1);
}*/
#ceditorWindow h2 {
	margin: 20px auto 12px auto;
	display: block;
	line-height: normal;
	font-weight: normal;
	font-size: 20px;
	color: rgb(61, 184, 213);
	text-align: left;
}

.cElement .cMarkupRow > qcnt {
	display: inline-block;
	width: 0px !important;
	min-width: unset !important;
	height: 100%;
	margin: auto;
	position: relative;
}
.cElement .cMarkupRow > qcnt .button_ceditor_add {
	position: absolute;
	margin: auto !important;
	z-index: 1;
	left: auto;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 28px !important;
	background-position-x: 7px;
	border-radius: 50px 0px 0px 50px !important;
}

.qDragNow .button_ceditor_add {
	opacity: 0;
	pointer-events: none;
}
.cElement.qFlex qcnt {
	flex: 0;
	min-width: 100%;
	width: 100%;
}
.cElement > qcnt .button_ceditor_add {
	width: 32px;
	height: 32px;
	margin: 3px auto !important;
}
#ceditor_sp {
	position: fixed;
	left: auto;
	right: 25px;
	bottom: 25px;
	background: rgba(0, 0, 0, 0.7);
	padding: 12px;
	text-align: left;
	margin: auto;
	z-index: 10;
	border-radius: 10px;
	display: none;
}
#ceditor_sp.show {
	display: block;
}
#ceditor_sp h1 {
	display: block;
	margin: auto;
	line-height: normal;
	padding: 5px;
	text-align: left;
	font-size: 15px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.19);
	font-weight: normal;
}
#ceditor_sp button {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	padding: 8px 20px;
	margin: 5px 5px 5px 5px;
	background: rgb(31, 146, 234);
}
#ceditor_sp button.ce_cancel {
	background: #EEEEEE;
	color: #353535;
}
#ceditor_sp button.ce_settings {
	background: rgb(250, 250, 251) url('/Q2/images/settings.svg') center center no-repeat;
	background-size: 25px;
	font-size: 0px;
	padding: 0px;
	width: 34px;
	height: 34px;
	display: inline-block;
	vertical-align: middle;
}
.wrong_widget {
	display: inline-block;
	margin: 5px;
	padding: 5px 10px;
	background: #FFF;
	border: solid 1px rgb(242, 242, 242);
	border-radius: 5px;
}
.wrong_widget button {
	margin: auto auto auto 5px;
	padding: 2px 7px;
	font-size: 15px;
	background: #FFF !important;
	color: #353535;
	border-left: 1px solid rgb(236, 236, 236);
	border-radius: 0px;
}

@media (min-width: 1024px) { /* Screen and bigger */
	.CEDITOR_FORM {
		min-width: 550px;
	}
	#ceditorWindow .window {
		min-width: 600px;
		max-width: 92vw;
	}
}