#window .icons_wrapper {
	padding-bottom: 40px;
	box-sizing: border-box;
}

#window.section_config {
	width: 460px
}

#window * {
	box-sizing: inherit;
}
#window input,
#window select {
	box-sizing: border-box;
}

#window {
	font-family: system-ui,-apple-system,"Segoe UI",Roboto;
	position: fixed;
	width: 339px;
	left: 50px;
	top: 0px;
	height: 100%;
	background-color: rgba(253, 253, 253, 0.96);
	z-index: 1990;
	box-shadow: 10px 0 15px rgba(0, 0, 0, 0.1);
}

#window.quiz_config select,
#window.quiz_config input[type="text"],
#window.form_config input[type="text"] {
	width: calc(100% - 40px)
}


#window.quiz_config select{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px
}
#window.form_config input[name="set_mask"] + label{
	float: left;
	width: 60px;
	margin-top: 15px
}
#window.form_config input[name="mask"]{
	float: right;
	width: calc(100% - 200px)
}
.svg-sprites-to-hide {
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
	user-select: none
}
#window_inner .ask_info.set_mask_info{
	line-height: 50px
}
#window.quiz_config input.choose_color_btn[type="text"],
#window.form_config input.choose_color_btn[type="text"]{
	width: 280px
}
#window input[type="text"],
#window input[type="date"],
#window input[type="password"],
#window input[type="email"],
#window input[type="number"],
#window textarea {
	background: #fff;
	padding: 7px 12px;
	margin: 10px 0;
	width: 100%;
	border: 1px solid #E8EAED;
	border-radius: 5px;
	box-shadow: 0 1px 3px -2px #9098A9;
	box-sizing: border-box;
	resize: none;
}

#window .conf_item select {
	padding: 7px 40px 7px 12px;
	margin: 10px 0;
	width: 100%;
	background: white;
	border: 1px solid #E8EAED;
	border-radius: 5px;
	box-shadow: 0 1px 3px -2px #9098A9;
	cursor: pointer;
	font-family: inherit;
	transition: all 150ms ease
}
#window input[type="text"]:focus,
#window input[type="number"]:focus,
#window .conf_item select:focus {
	outline: none;
	border-color: #0077FF;
	box-shadow: 0 0 0 2px rgb(0 119 255 / 20%)
}
#window .conf_item select:hover + svg {
	stroke: #0077FF
}
#window .conf_item select option {
	color: #223254
}
#window .conf_item svg.select-arrow {
	position: absolute;
	right: 12px;
	top: 50%;
	width: 10px;
	height: 6px;
	stroke-width: 2px;
	stroke: #9098A9;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none
}

#window input[type="text"][name="link"] {
	width: calc(100% - 80px);
	margin-top: 6px
}
#window .image_gallery{
	border: 1px solid #ccc;
	width: 100%;
	height: 240px;
	position: relative
}
#window .image_gallery img{
	width: 100%;
	position: absolute;
	left: 0;
	top:0
}
#window .image_gallery{
	background: url('/img/bg_sec/noimg.jpg') no-repeat center;
	background-size: 100%
}


#window input[type="file"]{
	border: solid 1px #e2e2e2;
	background: #f2f2f2;
	width: 250px
}

#window_title{
	font-size: 17px;
	line-height: 90px;
	margin-left: 20px;
	color: rgba(0, 0, 0, 0.8);
	position: relative
}
#window_close:hover {
	cursor: pointer;
	color: #676767;
}

#window.add_section{
	padding: 0
}
#window.add_widgets{
	padding: 0
}
#window.add_widgets_block{
	width: 400px;
	padding: 20px
}
#window.add_widgets_block a{
	color: inherit
}

#window.add_widgets #window_title{
	line-height: 60px;
	margin-left: 15px;
	margin-top: 20px
}

#window.add_section #window_title{
	line-height: 60px;
	margin-left: 15px;
	margin-top: 20px
}
#window.add_section #window_inner{
	padding-bottom: 40px;
	box-sizing: border-box
}
#window_inner{
	box-sizing: content-box;
	overflow-x: hidden;
	height: 100vh
}

#window_inner #sort_mneu,
#window.btn_config .conf-wrap,
#window.section_config .conf-wrap,
#window_inner.image_box_config #window_inner,
#window_inner.image_config #window_inner,
#window_inner.image_corp_editor #window_inner,
#window_inner.video_config #window_inner {
	padding: 0 20px 20px;
}


#window.btn_config .color{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 0px;
	margin-top: 0px;
	border: solid 1px #e2e2e2;
	cursor: pointer;
	position: relative
}
#window .color.selected:before,
#window .color.current_color:before,
#window.batch_color_change_config .linkcolor.current_linkcolor:before{
	content: '\f00c';
	position: absolute;
	font-family: FontAwesome;
	font-size: 18px;
	left: 6px;
	top: 0px;
	line-height: 35px;
	color: #fff
}

#window.batch_color_change_config .color,
#window.batch_color_change_config .linkcolor{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 0px;
	margin-top: 0px;
	border: solid 1px #e2e2e2;
	cursor: pointer;
	position: relative
}
#window.batch_color_change_config [data-surround].curren_conf_btn{
	border-color: #31d779
}
#window.batch_color_change_config .btn_type{
	display: flex;
	justify-content: space-between
}
#window.batch_color_change_config [data-surround]{
	cursor: pointer;
	display: flex;
	background: #fff;
	align-items: center;
	line-height: 20px;
	width: 38%;
	border: 1px solid transparent;
	padding: 5px 15px;
	font-size: 14px;
	text-align: center
}

#window.section_config .devider {
	display: block;
	margin: .5rem 0 1rem;
	width: 100%;
	border-top: 2px solid rgba(200, 200, 200, .3);
}

#window.section_config .conf_item.x_title_margin,
#window.section_config .conf_item.x_sm_title_margin,
#window.section_config .conf_item.x_sub_title_margin,
#window.section_config .conf_item.x_tile_title_margin,
#window.section_config .conf_item.x_tile_descr_margin,
#window.section_config .conf_item.x_sm_tile_descr_margin,
#window.section_config .conf_item.x_title_e_fweight,
#window.section_config .conf_item.x_sub_title_e_fweight,
#window.section_config .conf_item.x_descr_fweight,
#window.section_config .conf_item.x_title_fweight,
#window.section_config .conf_item.x_sm_title_fweight,
#window.section_config .conf_item.x_sub_title_fweight,
#window.section_config .conf_item.x_tile_title_fweight,
#window.section_config .conf_item.x_tile_descr_fweight,
#window.section_config .conf_item.x_tile_title_fsize,
#window.section_config .conf_item.x_tile_descr_fsize,
#window.section_config .conf_item.x_text1_margin,
#window.section_config .conf_item.x_text1_fweight,
#window.section_config .conf_item.x_minSize,
#window.section_config .conf_item.x_maxSize,
#window.section_config .conf_item.x_minSpeed,
#window.section_config .conf_item.x_maxSpeed,
#window.section_config .conf_item.x_padd_top,
#window.section_config .conf_item.x_padd_bottom,
#window.section_config .conf_item.x_back_dark,
#window.section_config .conf_item.x_phone_size,
#window.section_config .conf_item.x_phone_weight,
#window.section_config .conf_item.x_dark,
#window.section_config .conf_item.x_content_title_font_weight,
#window.section_config .conf_item.x_content_title_font_size,
#window.section_config .conf_item.x_content_text_font_weight,
#window.section_config .conf_item.x_content_text_font_size,
#window.section_config .conf_item.x_content_text1_font_weight,
#window.section_config .conf_item.x_content_text1_font_size,
#window.section_config .conf_item.x_content_text2_font_weight,
#window.section_config .conf_item.x_content_text2_font_size
{
	width: 45%
}


.calc_config label.main_total_label{
	padding-left: 25px
}
#window input[type="radio"] + label.main_total_label:before{
	width: 16px;
	height: 16px
}
#window input[type="radio"] + label.main_total_label:after{
	width: 14px;
	height: 14px
}
#window input[type="radio"]:checked + label:before {
	background-color: #e89999
}
.calc_config label{
	margin-top: 15px
}
#window.btn_config label{
	margin-bottom: 5px;
	margin-top: 5px
}
#window input[type="checkbox"] + label:before{
	content: '';
	position: absolute;
	left: 0;
	background-color: #b4b3b4;
	background-image:url(/img/editor_icons/cross.svg);
	background-size: 20%;
	background-position: 80% center;
	background-repeat: no-repeat;
	width: 50px;
	height: 22px;
	border-radius: 20px;
	top: 0
}

#window.btn_config input[type="radio"] + label:before{
	left:0px
}

#window input[type="radio"] + label:before{
	content: '';
	position: absolute;
	left: 0px;
	box-shadow: 0 0 1px 1px #bdbdbd;
	width: 22px;
	height: 22px;
	border-radius: 50%
}
#window input[type="checkbox"] +	label:after{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 1px;
	top: 1px;
	background: #fff;
	transition: .3s all;
	border-radius: 50%
}

#window.btn_config input[type="radio"] +	label:after{
	left: 1px
}

#window input[type="radio"] +	label:after{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 1px;
	top: 1px;
	background: #fff;
	transition: .3s all;
	border-radius: 50%
}

#window input[type="checkbox"]:checked + label:before{
	background-color: #00ca54;
	background-image:url(/img/editor_icons/check-symbol.svg);
	background-size: 20%;
	background-position: 20% center;
	background-repeat: no-repeat
}
#window input[type="radio"]:checked + label:before{
	background-color: #00ca54;
	box-shadow: unset
}
#window input[type="checkbox"]:checked + label:after{
	left: 29px;
}
#window .btn_config input[type="radio"]:checked + label:after{
	left: 2px;
}

#window input[type="radio"]:checked + label:after{
	background-color: #00ca54;
}


#window.image_gallery_conf .tabimages{
	padding-top: 30px
}
[data-editor="image_gallery"]:hover{
	cursor: pointer
}
#window.install-template-compile{
	background: #d44 none repeat scroll 0 0;
	border-right: none;
	color: #fff;
	height: 80px;
	left: 60px;
	padding: 30px;
	position: fixed;
	top: 100px;
	width: 400px;
	z-index: 1000
}
#window.alert_intro{
	background: #666 none repeat scroll 0 0;
	border-right: medium none;
	color: #fff;
	height: 50px;
	left: 60px;
	line-height: 50px;
	padding: 0;
	position: fixed;
	text-align: center;
	top: 200px;
	width: 400px;
	z-index: 1000
}

#window.section_config .x_pattern_new .pattern{
	background-color: #efefef;
	background-size: 550%;
	background-position: right bottom -5px;
	border-color: #e1e1e1
}
#window.section_config .pattern{
	float: left;
	width: 33px;
	height: 33px;
	margin-right: 2px;
	margin-top: 2px;
	border-radius: 1px;
	border: solid 1px #ccc;
	cursor: pointer
}
#window.section_config .pattern.current_shadow{
	box-shadow: inset 0 0 1px 1px #1870c7;
	border-color: #1870c7
}
#window.section_config .background{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	margin-top: 5px;
	border-radius: 3px;
	border: solid 1px #666;
	cursor: pointer;
	text-align: center;
	line-height: 30px
}
#window.section_config .padding-left15{
	padding-left: 0px
}
#window.section_config .padding-left15.x_how_much_line label{
	line-height: 25px
}
#window.section_config .padding-left15.x_calc_style{
	width: 48%;
	float: left
}
#window.section_config .padding-left15.x_how_much_line{
	width: 20%;
	float: left;
	margin-bottom: 10px
}

#window.section_config .padding-left15.x_menu_count{
	width: 12%;
	float: left
}

#window.section_config .separator{
	display: none
}
#window.section_config .conf-wrap.auto_height{
	height: auto !important
}
#window.section_config .conf-wrap{
	height: 50px;
	overflow: hidden;
	transition: .3s;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

#window.section_config .auto_height.conf-wrap:nth-of-type(2){
	height: 50px
}
#window.section_config .subtitle:hover{
	box-shadow: inset 0 0 10px 0px rgba(150,150,150, 0.3)
}
#window.section_config .subtitle{
	position: relative;
	width: calc(100% + 20px);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	background-size: 25%;
	background-color: rgba(38, 38, 38, 0.08);
	font-size: 13px;
	line-height: 50px;
	text-transform: uppercase;
	margin-bottom: 20px;
	cursor: pointer;
	box-sizing: content-box;
}
#window.section_config .conf-wrap .subtitle:before, #window.section_config .conf-wrap:nth-of-type(3) .subtitle:before{
	content: '';
	position: absolute;
	right: 20px;
	top: 12px;
	width: 25px;
	height: 25px;
	background: url('/img/editor_icons/downwards-pointer.svg') no-repeat center;
	background-size: 100%;
	transform: rotate(-90deg)
}
#window.section_config .conf-wrap.auto_height .subtitle:before{
	background: url('/img/editor_icons/downwards-pointer.svg') no-repeat center;
	background-size: 100%;
	transform: rotate(90deg)
}
#window.section_config .conf-wrap:nth-of-type(3) .subtitle:before{
	background: url('/img/editor_icons/downwards-pointer.svg') no-repeat center;
	background-size: 100%
}

#window.section_config .conf-wrap.auto_height:nth-of-type(3) .subtitle:before{
	content: '';
	position: absolute;
	right: 20px;
	top: 15px;
	width: 25px;
	height: 25px;
	background: url('/img/editor_icons/downwards-pointer.svg') no-repeat center;
	background-size: 100%;
	transform: rotate(90deg)
}
#window.section_config .conf-wrap:nth-of-type(3){
	height: auto
}


#window.icon_pick #window_inner{
	overflow-y: scroll;
	height: 90%;
	border: solid 1px #ccc
}
#window.cicon_pick #window_inner{
	overflow-y: scroll;
	height: 85%;
	border: solid 1px #ccc
}

#window.section_config #window_inner{
	overflow-y: scroll;
	padding-top: 0
}

#window.svg_icon_pick{
	background: #E3E3E3;
	width: 400px
}
#window.icon_pick{
	width: 600px;
	background: #E3E3E3
}
#window.svg_icon_pick .svg{
	font-size: 24px;
	cursor: pointer
}
#window.icon_pick .md{
	font-size: 24px;
	cursor: pointer
}
#window.icon_pick .md:hover{
	transform: scale(1.05);
	color: #333
}
#window.svg_icon_pick .svg{
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 25px;
	cursor: pointer;
	color: #666
}
#window.icon_pick i.fa{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	line-height: 25px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	color: #666
}
#window.cicon_pick div.cicon{
	display: block;
	float: left;
	margin: 5px 0	0 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-position: center center;
	background-size: 32px auto;
	background-repeat: no-repeat
}


#window.quiz_config .field_editor_title .fa,
#window.calc_config .field_editor_title .fa{
	color: #666
}
#window.quiz_config .field_editor_title span,
#window.calc_config .field_editor_title span{
	color: #e89999;
	text-transform: uppercase;
	font-size: 18px;
	position: absolute;
	top: 6px;
	right: 40px;
	font-weight: 500;
	margin-left: 10px
}

#window.quiz_config .field_editor_title:hover,
#window.calc_config .field_editor_title:hover{
	box-shadow: 0 0 2px 0px #e89999;
	border-color: #e89999
}
#window.calc_config .field_editor_title{
	border-radius: 5px;
	box-shadow: 0 0 3px 1px #ddd
}
#window.calc_config .field_editor_title,
#window.quiz_config .field_editor_title,
#window.form_config .field_editor_title,
#window.map_config .field_map_title,
#window.pag_config .field_pag_editor_title,
#window.menu_config .field_menu_editor_title{
	border: solid 1px #e2e2e2;
	padding: 7px;
	margin-bottom: 5px;
	cursor: pointer;
	background: #fff;
	transition: .3s all;
	position: relative;
	border-radius: 5px;
}

#window.calc_config .field_editor_title i.fa-trash,
#window.quiz_config .field_editor_title i.fa-trash,
#window.form_config .field_editor_title i.fa-trash,
#window.map_config .field_map_title i.fa-trash,
#window.pag_config .field_pag_editor_title i.fa-trash,
#window.menu_config .field_menu_editor_title i.fa-trash{
	color: #ccc;
	position: absolute;
	right: 8px;
	font-size: 18px
}
#window.quiz_config .field_editor_title i.fa-trash:hover,
#window.form_config .field_editor_title i.fa-trash:hover,
#window.map_config .field_map_title i.fa-trash:hover,
#window.pag_config .field_pag_editor_title	i.fa-trash:hover,
#window.menu_config .field_menu_editor_title	i.fa-trash:hover{
	color: #000
}

#window.quiz_config .field_editor_title i.fa-chevron-circle-left,
#window.form_config .field_editor_title i.fa-chevron-circle-left,
#window.map_config .field_map_title i.fa-chevron-circle-left,
#window.pag_config .field_menu_pag_title i.fa-chevron-circle-left,
#window.menu_config .field_menu_editor_title i.fa-chevron-circle-left{
	color: #ccc;
	position: absolute;
	top: 6px;
	right: 48px;
}
#window.quiz_config .field_editor_title i.fa-chevron-circle-left:hover,
#window.form_config .field_editor_title i.fa-chevron-circle-left:hover,
#window.map_config .field_map_title i.fa-chevron-circle-left:hover,
#window.pag_config .field_pag_editor_title	i.fa-chevron-circle-left:hover,
#window.menu_config .field_menu_editor_title	i.fa-chevron-circle-left:hover{
	color: #000
}
#window.quiz_config .field_editor_title i.fa-chevron-circle-right,
#window.form_config .field_editor_title i.fa-chevron-circle-right,
#window.map_config .field_map_title i.fa-chevron-circle-right,
#window.pag_config .field_pag_editor_title i.fa-chevron-circle-right,
#window.menu_config .field_menu_editor_title i.fa-chevron-circle-right{
	color: #ccc;
	position: absolute;
	top: 6px;
	right: 28px;
}
#window.quiz_config .field_editor_title i.fa-chevron-circle-right:hover,
#window.form_config .field_editor_title i.fa-chevron-circle-right:hover,
#window.map_config .field_map_title i.fa-chevron-circle-right:hover,
#window.pag_config .field_pag_editor_title	i.fa-chevron-circle-right:hover,
#window.menu_config .field_menu_editor_title	i.fa-chevron-circle-right:hover{
	color: #000
}
#window.quiz_config .field_editor_content,
#window.calc_config .field_editor_content{
	display: none;
	padding: 10px;
	background: #fafafa;
	margin-bottom: 20px
}
#window.quiz_config .field_editor_content,
#window.form_config .field_editor_content,
#window.map_config .field_map_content,
#window.pag_config .field_pag_editor_checkbox,
#window.pag_config .field_pag_editor_content,
#window.pag .field_pag_editor_checkbox,
#window.menu_config .field_menu_editor_checkbox,
#window.menu_config .field_menu_editor_content{
	display: none;
	padding-bottom: 15px
}
#window	.field_map_content input[type="text"]{
	padding-left: 5px;
}
#window.quiz_config .field_editor_content label,
#window.form_config .field_editor_content label{
	width: 100%;
	margin-bottom: 10px
}

#window.quiz_config .field_editor_content,
#window.form_config .field_editor_content{
	padding: 10px;
	margin-bottom: 5px
}
#window.quiz_config .field_editor_content{
	background: transparent
}

#window.pag_config .field_pag_editor_content,
#window.menu_config .field_menu_editor_content{
	padding: 10px
}
#window.pag_config .field_pag_editor_content:last-child,
#window.menu_config .field_menu_editor_content:last-child{
	margin-bottom: 10px
}

#window.quiz_config .field_editor_content textarea,
#window.form_config .field_editor_content textarea,
#window.map_config .field_map_content input,
#window.map_config .field_map_content textarea,
#window.pag_config .field_pag_editor_content input[type="text"],
#window.menu_config .field_menu_editor_content input,
#window.pag_config .field_pag_editor_content textarea,
#window.menu_config .field_menu_editor_content textarea{
	display: inline-block
}

#window.map_config .field_map_content input{
	width: 80%
}
.link_config #window_inner{
	padding: 20px
}
#window.pag .menu_editor_checkbox input,
#window.menu_config .menu_editor_checkbox input{
	margin-right: 10px
}
#window.calc_config #window_inner,
#window.quiz_config #window_inner,
#window.form_config #window_inner,
#window.map_config #window_inner,
#window.menu_config #window_inner{
	position: relative;
	overflow-y: auto;
	max-height: 90%;
	width: 100%;
	padding-bottom: 0
}

#window.pag_config .field_pag_editor_title,
#window.menu_config .field_menu_editor_title{
	padding-left: 25px
}
#window.pag_config .field_pag_editor_title span,
#window.menu_config .field_menu_editor_title span{
	position: absolute;
	width: 20px;
	height: 20px
}
#window.pag_config .field_pag_editor_title span.btn_left_menu,
#window.menu_config .field_menu_editor_title span.btn_left_menu{
	background: url('/img/editor_icons/normal.svg') no-repeat center;
	background-size: 65%;
	right: 65px
}
#window.pag_config .field_pag_editor_title span.btn_right_menu,
#window.menu_config .field_menu_editor_title span.btn_right_menu{
	background: url('/img/editor_icons/include.svg') no-repeat center;
	background-size: 80%;
	right: 35px
}
#window.pag_config .field_pag_editor_content span.btn_link_icon,
#window.menu_config .field_menu_editor_content span.btn_link_icon{
	width: 30px;
	height: 30px;
	display: block;
	float: right;
	background-color: #00ca54;
	background-image: url('/img/editor_icons/anchor.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	margin-top: 11px
}
#window.pag_config .field_pag_editor_title span.btn_drag_drop,
#window.menu_config .field_menu_editor_title span.btn_drag_drop{
	background: url('/img/editor_icons/drag_n_drop.svg') no-repeat center;
	background-size: 100% ;
	width: 11px;
	height: 30px;
	left: 5px;
	top: 0
}

#window.pag_config .field_pag_editor.level1,
#window.menu_config .field_menu_editor.level1{
	margin-left: 20px
}
#window.html_config #cm_save{
	margin-left: 0;
	margin-top: 20px
}
#window.html_config #window_inner{
	padding: 20px
}
#window.html_config{
	width: 800px
}
#window.timer_config{
	width: 400px;
	overflow-y: auto;
}
#window.timer_config .block_titles{
	display: flex;


	display: -webkit-flex
}
#window.timer_config .dd_title{
	display: block;
	width: 105px;
	float: left
}
#window.timer_config .ui-menu {
	display: flex;



	flex-wrap: wrap;
	width: 200px !important
}
#window.timer_config .ui-menu .ui-menu-item{
	width: 36%
}

#window.timer_config .field_editor_content{
	padding: 20px
}

#window.map_config{
	width: 650px
}
#window.map_config #window_inner{
	width: 600px;
	padding: 20px
}

#btn_config{
	margin-top: 10px;
	width: 100%;
	max-height: 87%;
}
#window #btn_config .color{
	float: left;
	width: 29px;
	height: 29px;
	margin-right: 1px;
	margin-top: 1px;

	border-radius: 3px;
	border: solid 1px #ccc;
	cursor: pointer
}
#window.map_config .map_point_color .color{
	width: 30px;
	height: 30px;
	margin-left: 0px;
	float: left;
	border: solid 1px #e2e2e2;
	position: relative
}
#window.map_config .map_point_color .color.selected{
	border: solid 1px #666
}
#window .conf_item .color{
	width: 29px;
	height: 29px;
	margin-top: 1px;
	margin-right: 1px;
	float: left;
	border: solid 1px #e2e2e2;
	;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	position: relative
}
#window.image_gallery_conf{
	width: 520px
}

#window.image_gallery_conf #window_inner{
	max-height: 95%;
	overflow-y: scroll;
	width: calc(100% - 40px);
	padding: 0 20px
}

#window.image_gallery_conf #window_inner img{
	width: 222px;
	height: 70px;
	display: block;
	float: left;
	margin-bottom: 3px;
	margin-right: 3px
}
#window.image_gallery_conf [data-tab]{
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #ccc;
	cursor: pointer;
	padding: 3px 10px;
	border-radius: 2px;
	transition: .3s all
}
#window.image_gallery_conf [data-tab].current,
#window.image_gallery_conf [data-tab]:hover{
	background: #00ca54;
	color: #fff
}
#window.section_config #anchor_editor {
	padding-left: 20px;
	margin-bottom: 40px
}

#window.form_config #btn_config{
	padding-top: 0
}
#window.quiz_config #btn_config .spoiler-content,
#window.calc_config #btn_config .spoiler-content,
#window.form_config #btn_config .spoiler-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

#window .anchor_select input{
	width: calc(100% - 250px)
}

#window.image_config {
	width: 400px
}


#window.form_config #btn_config{
	height: 640px;
	overflow: auto
}

#window .section_id{
	padding-bottom: 30px;
	font-size: 12px;
	margin-left: 20px
}

#window #batch_color_config .conf-wrap, #window #batch_color_config .font_edition{
	padding: 20px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 15px;
	font-weight: 300
}
#window #batch_color_config .conf-wrap .font_edition,
#window #batch_color_config .conf-wrap .conf-wrap,
#window #batch_color_config .conf-wrap.non_padding{
	padding: 20px 0;
	padding-bottom: 0
}
#window #batch_color_config .font_edition_titles select[name="title_fontsize_select"],
#window #batch_color_config .font_edition_btn select{
	margin-bottom: 0
}
#window #batch_color_config .conf-wrap .font_edition_btn{
	padding-top: 0;
	padding-bottom: 0
}
#window.section_config .conf-wrap, #window.btn_config .conf-wrap{
	padding: 20px;
	padding-top: 0
}
#window.calc_config .conf-wrap{
	margin-top: 10px
}
#window .conf-wrap{
	margin-bottom: 25px
}
#window.section_config .conf-wrap{
	margin-bottom: 0
}
#window .conf-wrap .conf-wrap-title{
	font-size: 15px;
	line-height: 30px;
	font-weight: 300
}

.btn_colors_block_hover,
#window .colors_block{
	margin-top: 10px;
	padding-top: 5px
}
#window .conf_item .spoiler-content .btn_radius_block{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
#window.calc_config .conf_item .spoiler-title{
	margin-bottom: 15px
}
#window .conf_item .spoiler-title{
	cursor: pointer;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 300
}
#window.form_config .conf_item .spoiler-title{
	margin-bottom: 10px
}
#window .conf_item.x_pattern .spoiler-title,
#window .conf_item.x_pattern_new .spoiler-title{
	width: 100%;
	display: flex;
	height: 30px;
	align-items: center;
	color: #1976d2;
	border-bottom: 1px dashed;
	color: #333
}

#window.quiz_config .conf-wrap,
#window.form_config .conf-wrap{
	margin-top: 10px;
	margin-right: 0
}

#window.form_config #btn_config {
	height: auto;
	overflow: hidden;
	width: 100%
}

#window.form_config #form_action {
	width: 100%
}

#window.btn_config #btn_config{
	padding-top: 0
}
#window.quiz_config #window_inner,
#window.calc_config #window_inner,
#window.form_config #window_inner{
	max-height: 90%;
	padding: 20px;
	width: calc(100% - 40px)
}

#window.image_box_config{
	width: 420px
}
#window.section_config [data-padding]{
	padding-left: 0
}


#window.batch_color_change_config .choose_color_text{
	width: 220px;
	height: 34px;
	margin-top: 0
}


#window input.choose_color_text,
#window input.choose_color_btn{
	margin: 0;
	width: 215px;
	height: 100%;
	background: #fefefe;
	padding: 0;
	margin-left: 5px
}


#window.section_config .choose_bg_color_block{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 25px;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center
}
#window.section_config .choose_bg_color_block:before{
	content: "▾";
	font-size: 25px;
	z-index: 1;
	pointer-events: none;
	transform: rotate(0deg);
	text-align: center
}
#window.section_config .active .choose_bg_color_block:before{
	content: "▾";
	font-size: 25px;
	z-index: 1;
	pointer-events: none;
	transform: rotate(180deg)
}
#window input.choose_bg_color{
	width: 325px;
	margin: 0;
	border: none;
	background: none;
	box-shadow: none;
	margin-left: 0px;
	border-radius: 0
}
#window.section_config .choose_bg_gradient {
	position: relative;
	display: flex;
	width: 100%;
	height: 35px;
	cursor: pointer;
	margin-bottom: 5px;
	box-shadow: rgb(0 0 0 / 4%) 0px 3px 5px;
	border: solid 1px #d9d9d9;
	background: #fafafa
}
#window.section_config .x_bg .choose_bg_gradient{
	width: 100%;
	margin-bottom: 10px
}
#window.section_config .x_opacity_col_color .choose_bg_gradient{
	width: 100%
}

#window.section_config .choose_color_view{
	width: 35px;
	height: 35px;
	margin-right: 10px
}


#window .conf-wrap input[type="radio"]{
	display: block;
	position: absolute;
	opacity: 0;
	z-index: 2;
	width: 24px;
	height: 25px;
	cursor: pointer
}
#window.section_config .conf_item{
	position: relative;
	width: 100%
}
#window.section_config .conf_item.x_opacity_color1,
#window.section_config .conf_item.x_opacity_color2,
#window.section_config .conf_item.x_back_dark,
#window.section_config .conf_item.x_padd_top,
#window.section_config .conf_item.x_padd_bottom{
	z-index: 2
}



.quiz_config .choose_btn,
.calc_config .choose_btn,
.form_config .choose_btn{
	position: absolute;
	right: 0;
	width: 34px;
	height: 34px;
	border: 1px solid #ccc
}
.quiz_config .choose_btn:before,
.calc_config .choose_btn:before,
.form_config .choose_btn:before{
	content: "▾";
	padding: 0 10px;
	font-size: 22px;
	z-index: 1;
	text-align: center;
	width: 20%;
	height: 100%;
	pointer-events: none;
	transform: rotate(180deg)
}
.quiz_config .active .choose_btn:before,
.calc_config .active .choose_btn:before,
.form_config .active .choose_btn:before{
	content: "▾";
	padding: 0 10px;
	font-size: 22px;
	z-index: 1;
	text-align: center;
	width: 20%;
	height: 100%;
	pointer-events: none;
	transform: rotate(0deg)
}
#window.btn_config #btn_colors .choose_btn_color_block{
	position: absolute;
	right: 0;
	width: 34px;
	height: 34px;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: #fff
}
#window.btn_config #btn_colors .choose_btn_color_block:before{
	content: "▾";
	display: block;
	font-size: 23px;
	z-index: 1;
	text-align: center;
	transform: rotate(180deg);
	pointer-events: none
}
#window.btn_config #btn_colors .active .choose_btn_color_block:before{
	content: "▾";
	display: block;
	font-size: 23px;
	z-index: 1;
	text-align: center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transform: rotate(0deg)
}


#window.batch_color_change_config .choose_link_color_btn,
#window.batch_color_change_config .choose_btn_color{
	position: absolute;
	right: 0;
	width: 33px;
	height: 34px;
	border: 1px solid #ccc;
	text-align: center
}
#window.batch_color_change_config .choose_link_color_btn:before,
#window.batch_color_change_config .choose_btn_color:before
{
	content: "▾";
	display: block;
	font-size: 23px;
	z-index: 1;
	width: 100%;
	height: 100%;
	transform: rotate(180deg);
	pointer-events: none
}

#window.batch_color_change_config .active .choose_link_color_btn:before{
	content: "▾";
	display: block;
	font-size: 23px;
	z-index: 1;
	text-align: center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transform: rotate(0deg)
}
#window.batch_color_change_config .active .choose_link_color_btn:before,
#window.batch_color_change_config .active .choose_btn_color:before{
	content: "▾";
	display: block;
	font-size: 23px;
	z-index: 1;
	text-align: center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transform: rotate(0deg)
}

#window .choose_color_block,
#window .choose_bg_gradient{
	position: relative;
	display: flex;
	justify-content: flex-start;
	width: 100%;
	height: 35px;
	margin-top: 7px
}

#window .form_config .choose_text_color_view,
#window .choose_color_view {
	width: 35px;
	height: 35px;
	margin-right: 0px
}
#window #batch_color_config .active .choose_color_block:before{
	transform: rotate(0deg)
}
#window #batch_color_config .choose_color_block:before{
	transform: rotate(180deg)
}
#window #batch_color_config .colors_block, #window #btn_config .btn_colors_block{
	padding-top: 5px
}
#window #form_txt_colors .choose_colors_block,
#window #btn_config .btn_colors_block_hover,
#window #btn_config .btn_colors_block{
	padding-top: 5px;
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
#window .conf_item .btn_titles{
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 300
}
#window .x_bg .spoiler-content,	.x_bg .x_opacity_col_color{
	padding: 11px;
	background: #ffffff
}

#window .x_bg_opacity div, .x_gradient_position div{
	float: left;
	width: 50%
}
#window .x_bg_opacity input, .x_gradient_position input{
	width: 40%
}
#window .x_slide_border_radius label,
#window .x_items_count label,
#window .x_animate_menu_new label{
	padding-left: 25px;
	line-height: 24px
}

#window input[type=range] {
	-webkit-appearance: none;
	max-width: 100%;
	margin: 0px;
	background-color: transparent;
	padding: 0px;
	border: none;
	height: auto
}

#window input[type=range]::-webkit-slider-runnable-track {
	max-width: 100%;
	height: 3px;
	border:none;
	box-shadow:inset 0px 0px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(0,0,0,0.1);
	background-color: #cccccc;
	border-radius: 5px
}
#window input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background-color: #03a9f5;
	margin-top: -6px
}

#window input[type=range]::-moz-range-track {
	max-width: 100%;
	height: 7px;
	border:none;
	box-shadow:inset 0px 0px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(0,0,0,0.1);
	background-color: #cccccc;
	border-radius: 5px
}
#window input[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background-color: #00ca54;
	background-color: #03a9f5;
	margin-top: -6px
}

#window input[type=range]::-ms-track {
	-webkit-appearance: none;
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background-color: #fff;
	margin-top: -6px;
	color: transparent
}
#window input[type=range]::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: goldenrod
}

#window.section_config .x_back_dark{
	width: 48%;
	float: left;
	margin-right: 8px
}
#window #batch_color_config .select{
	position: relative;
	display: inline-block;
	width: 100%;
	font-weight: 100
}

#window #batch_color_config .select:after {
	content: "▾";
	padding: 0 10px;
	font-size: 25px;
	position: absolute;
	right: -17px;
	top: 13px;
	z-index: 1;
	text-align: center;
	width: 20%;
	height: 100%;
	pointer-events: none;
	box-sizing: border-box;
}

#window.image_box_config .img_upload_input:first-of-type{
	margin-top: 20px
}
#window.image_box_config .img_upload_input:last-child {
	margin-bottom: 60px
}
#window.section_config input[type="radio"] + label,
#window.menu_config input[type="radio"] + label,
#window.btn_config input[type="radio"] + label,
#window.quiz_config input[type="radio"] + label,
#window.form_config input[type="radio"] + label,
#window.img_upload_input input[type="radio"] + label,
#window.timer_config input[type="radio"] + label{
	padding-left: 30px;
	line-height: 1.5
}
#window .spoiler-title,
#window .title_model_setting{
	font-weight: 300;
	margin-bottom: 10px
}
#window.quiz_config .formula_add:hover,
#window.calc_config .formula_add:hover,
#window.calc_config .option_editor_add:hover{
	background: #03a948
}
#window.quiz_config .option_editor_add,
#window.calc_config .option_editor_add, #window.calc_config .formula_add{
	width: 160px;
	height: 36px;
	background: #5a5a5a;
	margin: 10px 0;
	border-radius: 5px;
	color: #fff;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	transition: .3s all
}
#window.quiz_config .formula input[type="text"],
#window.calc_config .formula input[type="text"]{
	width: 85%;
	border-radius: 5px
}

#window.calc_config .formula .identify{
	color: #e89999;
	font-size: 20px;
	margin-right: 20px
}

#window.calc_config #add_field_picker .field_type span{
	font-size: 13px
}
#window.calc_config .formula.active{
	box-shadow: 0 0 2px 0px #e89999;
	border-color: #e89999
}
#window.calc_config .formula{
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 10px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	border-radius: 5px;
	box-shadow: 0 0 3px 1px #ddd;
	transition: .3s all
}
#window.calc_config .option_editor textarea{
	width: 100%;
	min-height: 60px
}
#window.calc_config .option_editor:first-of-type{
	margin-top: 20px
}
#window.quiz_config .option_editor_del,
#window.calc_config .option_editor_del{
	color: #e89999;
	position: absolute;
	width: 12px;
	height: 12px;
	right: 0px;
	background: url(/img/editor_icons/cancel.svg) no-repeat center;
	background-size: 100%;
	top: 4px;
	cursor: pointer
}
#window.calc_config .formula_del{
	color: #e89999;
	position: absolute;
	width: 12px;
	height: 12px;
	right: 5px;
	background: url(/img/editor_icons/cancel.svg) no-repeat center;
	background-size: 100%;
	top: 5px;
	cursor: pointer
}
#window.calc_config .value_input_wrap{
	width: 30%
}
#window.calc_config .option_editor{
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-right: 20px;
	border-bottom: 1px solid #cecece;
	margin-bottom: 20px
}
#window.calc_config .option_editor.option_editor_wrapp{
	flex-wrap: wrap;
}
#window.calc_config .option_editor .calc_field_option {
	width: 48%;
}
#window.calc_config .option_editor .calc_field_option input {
	width: 100%;
}
#window.calc_config .field_editor[data-type="number"] .field_editor_content span{
	padding-right: 5px
}
#window.calc_config input[type="text"]{
	border-radius: 5px;
	outline: none
}
#window.calc_config .option_editor .option_editor_title{
	width: 70%
}
#window.calc_config .option_editor .arrow{
	position: absolute;
	top: 24px;
	font-size: 24px;
	opacity: 0.2;
	left: 63%;
	font-weight: 500
}

#window.quiz_config,
#window.calc_config,
#window.form_config{
	width: 400px
}

.x_opacity_color1, .x_opacity_color2{
	width: 100%;
	float: left;
	position: relative
}


#window.timer_config	select{
	margin-left: 2px;
	margin-right: 5px;
	padding: 2px 7px
}



 Conf item 

.conf_item .btn_fw_select {
	width: 100%
}
.conf_item.x_categories select{
	width: 100%;
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc
}
.conf_item.x_pattern_new {
	margin-top: 5px;
	padding-top: 0px
}
.conf_item.x_pattern_fixed {
	margin-bottom: 10px;
	border-bottom: 1px solid #cacaca;
	padding-bottom: 15px
}
.conf_item.x_opacity_color1 .spoiler-content,
.conf_item.x_opacity_color2 .spoiler-content{
	display: none;
	z-index: 2;
	padding-top: 3px;
}

.conf_item#btn_colors{
	margin: 10px 0
}
.conf_item.x_bg_area .spoiler-content,
.conf_item.x_bg_txt .spoiler-content,
.conf_item.x_menu_color .spoiler-content,
.conf_item.x_color .spoiler-content,
.conf_item.x_icon_colors .spoiler-content,
.conf_item.x_brd_color .spoiler-content{
	display: none
}

.conf_item.x_opacity_col_color .spoiler-content{
	display: none;
	background: #fff
}
.conf_item{
	padding-bottom: 8px;
	margin-top: 5px;
	font-size: 14px
}
.conf_item.conf_item_title{
	font-weight: 300;
	padding-bottom: 10px
}

.conf-wrap .choose_bg_color{
	line-height: 35px;
	margin-left: 15px
}
.conf-wrap .choose_bg_view{
	width: 35px;
	height: 35px
}

 Sections 

#sort_mneu {
	padding: 20px;
	padding-top: 0
}
.section_link:hover::before{
	content: '❯';
	position: absolute;
	width: 20px;
	font-size: 16px;
	color: #888;
	height: 20px;
	right: 10px;
	top: -5px;
	line-height: 50px
}
.section_link{
	position: relative;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	padding: 0 30px 0 50px;
	cursor: pointer;
	color: #333;
	position: relative;
	transition: .3s all;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.section_link div{
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	position: absolute;
	left: 15px;
	top: 10px;
	filter: grayscale(20%)
}
.section_link.current_section_link{
	background: rgba(0,0,0,0.2)
}

.section_link:hover{
	background: rgba(100,100,100,0.2)
}
.section_link i{
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 20px
}



 /*Image upload*/ 

#image_gallery_upload{
	padding-bottom: 30px
}

.image_gallery .down_from_gallery:before{
	content: '\f0c2';
	position: absolute;
	left: 10px;
	font-family: FontAwesome;
	top: 0px
}
.image_gallery .down_from_gallery{
	width: 200px;
	height: 40px;
	position: absolute;
	bottom: 5px;
	left: 202px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding-left: 10px
}
.image_gallery .down_from_disk:before{
	content: '\f0c2';
	position: absolute;
	left: 10px;
	font-family: FontAwesome;
	top: 0px
}
.image_gallery #down_from_disk{
	position: absolute;
	bottom: 5px;
	left: 7px
}
.image_gallery #down_from_disk .file-upload{
	padding: 10px 4px;
	text-align: left;
	background-color: #00ca54;
	background-image: url(/img/editor_icons/upload.svg);
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 9%;
	line-height: 40px;
	box-sizing: content-box;
}

.image_gallery .down_from_disk{
	width: 150px;
	height: 40px;
	position: absolute;
	bottom: 5px;
	left: 20px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	background: #00ca54;
	color: #fff;
	padding-left: 10px;
	cursor: pointer
}

.select_sub_question_num input[type="radio"] + label {
	position: relative;
	padding: 0 0 0 35px;
	cursor: pointer;
	padding-left: 0;
	width: 100%;
	display: flex
}
.select_sub_question_num input[type="radio"] + label:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 165px;
	width: 16px;
	height: 16px;
	border: 1px solid #CDD1DA;
	border-radius: 50%;
	background: #FFF;
	box-shadow: 0 0px 3px rgba(0,0,0,.2)
}

.select_sub_question_num input[type="radio"] + label:after {
	content: '';
	position: absolute;
	top: 13px;
	left: 168px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
	opacity: 0;
	transition: .2s;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2)
}
.select_sub_question_num input[type="radio"]:checked + label:before,
.select_sub_question_num input[type="radio"]:checked + label:after {
	opacity: 1;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.0)
}
.select_sub_question_num input[type="radio"]:focus + label:before {
	box-shadow: 0 0 0 3px rgba(255,255,0,.7)
}

.select_sub_question_num .next, .select_sub_question_num .prev.hide{
	cursor: pointer
}

#window .conf_item .color,
#window.section_config .pattern,
#window.batch_color_change_config .color,
#window.batch_color_change_config .linkcolor{
	transform: scale(1);
	cursor: pointer;
	transition: .3s all;
	border-radius: 5px
}

#window.batch_color_change_config [data-surround]{
	transform: scale(1);
	transition: .3s all
}
#window .conf_item .color:hover,
#window.section_config .pattern:hover,
#window.batch_color_change_config .color:hover,
#window.batch_color_change_config .linkcolor:hover{
	transform: scale(1.1)
}
#window.batch_color_change_config [data-surround]:hover{
	transform: scale(1.05)
}


#window.section_config .choose_bg_gradient{
	transition: .3s all
}

#window #scroll_view{
	display: none !important
}
#window.add_section #scroll_view{
	margin-top: -30px
}


#window.icon_pick{
	width: 460px
}

#window.icon_pick #window_inner{
	border: none;
	padding: 20px
}
.icon_pick #window_title{
	margin-left: 0
}

#window.cicon_pick{
	width: 460px
}
#window.cicon_pick #window_inner{
	border: none;
	padding: 20px
}
.cicon_pick #window_title{
	margin-left: 0
}



#window_title .ask_info, .more_info .ask_info, #window_inner .ask_info{
	background: #1976d2;
	padding: 0px 5px;
	font-size: 14px;
	text-decoration: none;
	border-radius: 50%;
	color: #fff;
	font-weight: 700
}


#window #window_inner input[type="color"] {
	position: relative;
	width: 35px;
	height: 35px;
	margin: 0;
	margin-right: .25rem;
	border: none;
	border-radius: .25rem
}
#window #window_inner input[type="color"]::-webkit-color-swatch-wrapper {
	border: none;
	padding: 0
}
#window #window_inner input[type="color"]::-webkit-color-swatch {
	border: none
}

#window .btn_radius_block label, #window .conf_item.style_editor label{
	padding-left: 0;
}
#window .popup_btn_func label[for="popup_btn_func"]{
	margin-top: -15px;
	margin-bottom: 15px;
	display: block;
}

#window.image_box_config #window_inner{
	padding: 20px;
	padding-top: 0;
}
#window .file-upload:before{
	content: '';
	background:url(/img/editor_icons/library.svg) no-repeat center;
	background-size: 100%;
	position: absolute;
	left: 10px;
	top: 7px;
	width: 20px;
	height: 20px;
}
#window .file-upload {
	position: relative;
	overflow: hidden;
	width: 175px;
	height: 20px;
	background-color: rgba(0,0,0,0.8);
	padding: 8px 4px;
	color: #fff;
	text-align: center;
	float: left
}
#window .file-upload:hover {
	background: #7aad55
}
#window .file-upload label {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}
#window .file-upload span {
	line-height: 36px;
}
#window #image_box_upload{
	min-height: 40px;
	margin-bottom: 40px
}



.quiz_config form{
	display: flex;
	flex-direction: column;
	width: calc(100% - 100px)
}
.quiz_config .option_editor .file-upload label{
	padding-left: 20px
}

#quiz_editor .option_editor{
	margin-bottom: 30px;
	position: relative
}
#quiz_editor .option_editor .img_prewiew .img{
	position: relative;
	display: block;
	width: 75px;
	height: 75px;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-bottom: 10px
}

#quiz_editor .option_editor .img_prewiew .img:hover::before{
	display: flex;
	content: 'x';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	justify-content: center;
	align-items: center;
	font-size: 32px;
	cursor: pointer;
	background: rgba(200,0,0,0.9)
}

#quiz_editor .option_editor .img_prewiew{
	position: relative;
	display: flex;
	justify-content: space-between
}
.option_editor .file-upload{
	width: 100%;
	padding: 0;
	height: 36px;
	margin-bottom: 7px;
	background-color: rgba(0,0,0,0.6)
}
#image_and_link_upload{
	margin-top: 10px
}
.option_editor input[type="submit"],
#image_and_link_upload input[type="submit"],
#image_box_upload input[type="submit"],
.image_config input[type="submit"],
.image_gallery_conf input[type="submit"] {
	width: 150px;
	height: 36px;
	margin-left: 20px;
	background-color: #00ca54;
	border: none;
	color: #fff;
	position: relative;
	background-image:url(/img/editor_icons/upload.svg);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 9%
}

.option_editor input[type="submit"]{
	width: 100%;
	margin-left: 0
}

#image_and_link_upload input[type="submit"]::before{
	content: '';
	width: 20px;
	height: 20px;

	position: absolute;
	left: 15px;
	top: 10px;
}

#image_box_upload .img_upload_input{
	margin-top: 15px;
}
#window .img_upload_input input[type="text"]{
	width: calc(100% - 40px);
}
#window .img_upload_input input#image_box_link{
	width: calc(88% - 40px);
}


img.upload_image_proxy{
	max-width: 100%;
}
img.image_corp{
	max-width: 100%;
}

image_corp_wrap{
	max-width: 90%
}

.image_corp_editor #window_inner {
	padding: 20px;
	padding-top: 0
}

.image_corp_editor #window_title {
	margin-left: 0
}
.image_corp_editor#window{
	width: 60%
}


.conf_item .mask_block label.current_shadow{
	box-shadow: inset 0px 0px 30px 3px rgba(0,0,0,0.19)
}

.conf_item .mask_block label{
	width: 32%;
	height: 50px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff
}

.conf_item.shadow_editor label{
	width: 30%;
	display: flex;
	margin-bottom: 2px;
	position: relative;
	height: 50px;
	margin-bottom: 20px;
	cursor: pointer;
	padding-left: 0
}
.conf_item.shadow_editor label.current_shadow:before {
	content: '\f00c';
	position: absolute;
	font-family: FontAwesome;
	font-size: 18px;
	left: 10px;
	top: 13px;
	color: #ff7246
}
.conf_item.shadow_editor label span,
.conf_item.style_editor label span{
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	color:rgba(38, 38, 38, 1);
	background-color:rgb(255, 255, 255);
}
.button-shadows-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
#batch_color_config{
	padding-top: 0
}
#window.btn_config select,
#window.form_config select {
	width: 100%;
	height: 40px;
	padding-left: 10px;
	background: #fcfbfb;
	margin-top: 10px;
	margin-bottom: 20px;
	border: none;
	cursor: pointer;
	transition: .3s all
}
.conf-wrap_title{
	width: calc(100% + 20px);
	margin-left: -20px;
	padding-left: 20px;
	background: rgba(0,0,0, 0.1);
	font-size: 14px;
	line-height: 50px;
	text-transform: uppercase;
	margin-bottom: 20px
}
.choose_color_text, .choose_color_btn{
	line-height: 35px;
	width: 80px;
	display: block;
	float: right;
	text-align: center;
	padding: 0
}
.flex_form_editor label,
.flex_btn_editor label,
.flex_image_editor label,
.figure_editor label,
.hint_editor label,
.section_config label,
.menu_config label,
.pag label,
#window.btn_config label,
.form_config label,
.quiz_config label,
.calc_config label,
.img_upload_input label,
#window.timer_config label{
	position: relative;
	padding-left: 60px;
	height: 24px;
	cursor: pointer;
	display: inline-block;
	line-height: 1.5
}

#window.btn_config .linklib,
#window.menu_config .linklib,
#window.image_box_config .linklib{
	cursor: pointer;
	background-color: #00ca54;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	color: #fff;
	margin-left: 5px;
	float: right;
	display: block;
	margin-top: 6px
}
#window.btn_config .linklib:hover,
.menu_config .linklib:hover,
#window.image_box_config .linklib:hover{
	background-color: #00c951
}
#window.image_box_config .linklib{
	float: right;
	margin-top: 10px
}

.linklib_variants{
	display: none;
	background: #fff;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	width: calc(100% - 40px);
	margin-bottom: 20px
}

#sort_mneu .linklib_variants{
	margin-bottom: 35px
}

.linklib_variants .vlink{
	font-weight: bold;
	height: 16px;
	font-size: 14px;
	overflow: hidden;
	margin-top: 5px;
	cursor: pointer
}
.linklib_variants .svlink{
	cursor: pointer;
	margin-left: 15px;
	height: 16px;
	font-size: 14px;
	overflow: hidden
}
#window .linklib_variants .vlink:hover,
#window .linklib_variants .svlink:hover{
	color: #0175A3
}

#window.menu_config .linklib{
	position: relative
}

#window .field_editor span.txt_i,
#window.pag .menu_editor_checkbox input,
#window.menu_config .menu_editor_checkbox input,
#window.image_gallery_conf [data-images],
#window input[name="btn_style"],
#window input[name="btn_shadow"],
#window.btn_config select::-webkit-scrollbar,
#window #batch_color_config select::-webkit-scrollbar,
#window .conf_item.x_pattern .spoiler-content,
#window .conf_item.x_pattern_new .spoiler-content,
#window.section_config .colors_block,
#wrapper .ipad .section.hide_in_desktop,
#window input[type="checkbox"],
#window input[type="radio"],
#window.add_widgets_block #window_title {
	display: none
}


#window.image_config .image_size,
#window.image_gallery_conf .image_size,
#window.image_box_config .image_size{
	border-radius: 3px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px
}

span.linklib{
	width: 30px;
	height: 30px;
	background-color: #00ca54;
	background-image: url('/img/editor_icons/anchor.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%
}
span.select_ancor{
	width: 30px;
	height: 30px;
	background-color: #00ca54;
	background-image: url('/img/editor_icons/anchor.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%
}

.anchor_select{
	display: flex;
	justify-content: space-between;
	align-items: center
}

.ancorlib_variants{
	display: none;
	background: #fff;
	padding: 10px;

	border: solid 1px #ccc;
	max-height: 300px;
	overflow-x: auto;
}
.ancorlib_variants > div{
	margin-bottom: 5px;
	cursor: pointer;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.ancorlib_variants > div:hover{
	color: #1976d2
}

.image_config #window_inner, .video_config #window_inner{
	padding: 20px;
	padding-top: 0
}

.remark{
	background: lightyellow none repeat scroll 0 0;
	border-radius: 3px;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width: 80%
}



.func_hide.func_hide1130.conf-wrap .popup_btn_func,
.func_hide.func_hide1130.conf-wrap{
	display: block
}
.func_hide.conf-wrap,
.func_hide #edit_popup_form,
.func_hide .popup_btn_func,
.func_hide .open_card,
.func_hide.func_hide1130.conf-wrap .open_card {
	display: none
}



/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */
/* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles *//* New styles */





#options_panel {
	
	--options-panel-outside-border: 1px solid #dee2e6;
	
	--blue-editor-color: #03a9f5;
	
	
	font-family: system-ui,-apple-system,"Segoe UI",Roboto;
	width: 400px;
	height: 100vh;
	max-width: 100%;
	position: fixed;
	top: 0;
	background: rgba(255, 255, 255, 0.95);
	opacity: 0;
	backdrop-filter: blur(15px) saturate(150%) brightness(1.2);
	z-index: 1990;
	box-sizing: border-box;
	
	transition: 
        left 0.25s cubic-bezier(0.23, 1, 0.32, 1), 
        right 0.25s cubic-bezier(0.23, 1, 0.32, 1),
        opacity 0.25s ease-in-out,
        box-shadow 0.25s ease-in-out;
}

#options_panel .options_panel_inner {
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-bottom: 3rem;
	box-sizing: border-box;
	
	/* Тонкий скроллбар */
    scrollbar-width: thin;
    scrollbar-color: var(--blue-editor-color) #e5e5e5;
}

#options_panel .options_panel_inner:nth(last-child) {
	margin-bottom: 20px;
}

#options_panel .options_panel_header {
	display: flex;
	flex-shrink: 0;
    align-items: center;
	gap: 14px;
	border-bottom: var(--options-panel-outside-border);
	
	position: sticky;
	top: 0;
	z-index: 1991;
	background: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.options_panel_header .options_panel_title {
	font-weight: 500;
	font-size: 1.25rem;
}
.options_panel_header .options_panel_title .fa {
	color: var(--blue-editor-color);
}

.options_panel_header .options_panel_icons_group {
	gap: 12px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	margin-left: auto;
	font-size: 22px;
}
.options_panel_header .options_panel_icons_group .fa:hover {
	cursor: pointer;
	color: #262626;
}


#options_panel .options_panel_header,
#options_panel .options_panel_body,
#options_panel .options_panel_footer {
	padding: 14px;
}

#options_panel .options_panel_pin.active {
	color: var(--blue-editor-color) !important
}

#options_panel[data-position="left"] {
	border-right: var(--options-panel-outside-border);
	left: -400px;
}
#options_panel[data-position="right"] {
	border-left: var(--options-panel-outside-border);
	right: -400px;
}
#options_panel[data-position="right"] .options_panel_move_right,
#options_panel[data-position="left"] .options_panel_move_left {
	display: none
}

#options_panel.is-active[data-position="left"] {
	opacity: 1;
	box-shadow: 4px 0 15px rgba(0, 0, 0, 0.3);
	left: 50px;
}
#options_panel.is-active[data-position="right"] {
	opacity: 1;
	box-shadow: -4px 0 15px rgba(0, 0, 0, 0.3);
	right: 0; 
}

#options_panel .helper_action_inline {
	text-decoration-line: underline;
	text-decoration-style: dashed;
}
#options_panel .helper_action_inline,
#options_panel .helper_action {
	transition: .2s ease;
}
#options_panel .auto-color-width {
	flex: unset;
	width: 40px;
}
#options_panel .helper_action.active,
#options_panel .helper_action:hover {
	cursor: pointer;
	background: var(--blue-editor-color);
	color: #fff;
}
#options_panel .helper_action_inline:hover {
	cursor: pointer;
	color: var(--blue-editor-color);
}


/* Стили для вспомогательной панели */
#auxiliary_panel {
	
	--blue-editor-color: #03a9f5;
	
	position: fixed;
	top: 50%;
	width: 350px;
	max-width: 100%;
	max-height: 80vh;
	background: white;
	border: 1px solid #dee2e6;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	z-index: 1989; /* Чуть ниже основного окна */
	opacity: 0;
	margin-left: -100px;
	transform: scale(.7) translateY(-50%);
	overflow: hidden;
	box-shadow: 4px 0 15px rgba(0, 0, 0, 0.3);
	transition: all 0.2s ease-in-out;
}

#auxiliary_panel.is-active {
	opacity: 1;
	transform: scale(1) translateY(-50%);
	margin-left: 0;
}

.auxiliary-panel_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid #dee2e6;
	background: #f8f9fa;
}
.auxiliary-panel_title {
	font-weight: 500;
	font-size: 1.1rem;
}
.auxiliary-panel_close {
	cursor: pointer;
	color: #6c757d;
	font-size: 16px;
}
.auxiliary-panel_close:hover {
	color: #262626;
}
.auxiliary-panel_body {
	padding: 16px;
	max-height: 70vh;
	overflow-y: scroll;
	scrollbar-gutter: stable;
}


#auxiliary_panel .colors-library-container {
	--color-grid-count: 3;
	--color-grid-gap: 4px;
	display: grid;
	grid-template-columns: repeat(var(--color-grid-count), 1fr);
	gap: var(--color-grid-gap);
}

#auxiliary_panel .shadows-library-container {
	--color-grid-count: 1;
	--color-grid-gap: 5px;
	display: grid;
	grid-template-columns: repeat(var(--color-grid-count), 1fr);
	gap: var(--color-grid-gap);
}
#auxiliary_panel .presets-library-container {
	--color-grid-count: 1;
	--color-grid-gap: 5px;
	display: grid;
	grid-template-columns: repeat(var(--color-grid-count), 1fr);
	gap: var(--color-grid-gap);
}
#auxiliary_panel .select_preset:hover {
	transform: scale(1.1);
}

#auxiliary_panel .colors-library-container .color {
	height: 40px;
	border-radius: 4px;
	transition: .2s ease-out;
	font-size: 14px;
	font-weight: 900;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
#auxiliary_panel .colors-library-container .color:hover {
	cursor: pointer;
	transform: scale(1.1);
}

/* Стили для библиотеки ссылок */
#auxiliary_panel .link-item {
    padding: 12px;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
}
#auxiliary_panel .link-item:hover {
    background: #f8f9fa;
    border-color: var(--blue-editor-color);
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}
#auxiliary_panel .link-item:last-child {
    margin-bottom: 0;
}
#auxiliary_panel .link-title {
    font-weight: 500;
    color: #212529;
    margin-bottom: 4px;
    font-size: 14px;
}
#auxiliary_panel .link-path {
    font-size: 12px;
    color: #6c757d;
    font-family: monospace;
    word-break: break-all;
}


/* Стилизация скроллбара для WebKit */
#options_panel .options_panel_inner::-webkit-scrollbar,
#auxiliary_panel .auxiliary-panel_body::-webkit-scrollbar {
    width: 3px;
}
#options_panel .options_panel_inner::-webkit-scrollbar-track,
#auxiliary_panel .auxiliary-panel_body::-webkit-scrollbar-track {
    background: #e5e5e5;
    border-radius: 3px;
}
#options_panel .options_panel_inner::-webkit-scrollbar-thumb,
#auxiliary_panel .auxiliary-panel_body::-webkit-scrollbar-thumb {
    background: var(--blue-editor-color);
    border-radius: 3px;
}
#options_panel .options_panel_inner::-webkit-scrollbar-thumb:hover,
#auxiliary_panel .auxiliary-panel_body::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

@supports (scrollbar-gutter: stable) {
    .auxiliary-panel_body {
        overflow-y: auto;
        scrollbar-gutter: stable;
    }
}



@media screen and (max-width: 860px) {
	#options_panel.is-active[data-position="left"],
	#options_panel.is-active[data-position="right"] {
		height: calc(100vh - 50px);
		left: 0;
		right: 0;
		width: 100%;
		border: none;
		box-shadow: none;
	}
	
	#options_panel .options_panel_pin,
	#options_panel .options_panel_move_right,
	#options_panel .options_panel_move_left,
	#options_panel .helper_action,
	#auxiliary_panel {
		display: none;
	}
}

@media (min-width: 600px) {
	.editor_true #wrapper.options_panel_pinned[data-panel-position="left"] {
		padding-left: 450px
	}
	.editor_true #wrapper.options_panel_pinned[data-panel-position="right"] {
		padding-right: 400px
	}
}