/*HTML EDITOR toolbárjának desktop nézete */
div[data-aid="editor_toolbar"] >  *:not(.iui_resp_desktop)
{
	display: none;
}
	
div[data-aid="editor_toolbar"] > *.iui_resp_desktop,
div[data-aid="editor_toolbar"] > *.iui_html_widget
{
	display: unset;
}			
/*Context menü típus*/

[data-aid="menu_container"].iui_menu_context
{
	display: none;
	position: absolute;
	z-index: 10000;	
}

[data-aid="menu_container"].iui_menu_context [data-aid="menu"]
{
	
}
/*DIV containing the submenu structure. */
[data-aid="submenu_container"]
{
	position: absolute;
	z-index: 3000;
	box-sizing: content-box;
}


/*###################### ÖNMAGÁT ELRENDEZŐ ŰRLAPELEM: VÍZSZINTES ELRENDEZÉS ######################*/

/*! A vízszintes elrendezés szabályai szándékosan csak a képernyős, 600 px-nél szélesebb
 * média-fájlokban élnek (structure_desktop.css és structure_tablet.css). Ezért mobilon és
 * nyomtatásban — ahol ezek a fájlok be sem töltődnek — mindig a függőleges elrendezés marad
 * érvényben, akkor is, ha az i_layout kifejezetten vízszintesre van állítva.
 * Az elrendezés css változókban ül, ezért a váltás itt csak az értékek felülírása. */
div[data-aid="form_field_container"].iui_form_element_auto.iui_form_element_layout_horizontal
{
	--a_form_element_areas:
		"label field"
		"helper error"
		"explanation explanation";
	--i_form_element_field_padding_bottom: var(--i_form_element_field_padding_bottom_horizontal);
	--i_form_element_label_padding_right: var(--i_form_element_label_padding_right_horizontal);
	--i_form_element_label_padding_bottom: var(--i_form_element_field_padding_bottom_horizontal);
	--i_form_element_label_align: center;
	--i_form_element_margin_bottom: var(--i_form_element_margin_bottom_horizontal);
	--i_form_element_padding_bottom: var(--i_form_element_padding_bottom_horizontal);
	--i_form_element_border_bottom: var(--i_form_element_border_bottom_horizontal);
}

/*! Automatikus elrendezés: a fölötte lévő query konténer (iui_form_element_container)
 * szélessége dönt.
 * A küszöb azért ilyen bőkezű, mert vízszintes elrendezésben a címke a hely 40%-át is
 * elveheti, és a maradékon még egy mező mellé egy második is kerülhet (érték + választó).
 * 700 px alatt ezek már használhatatlanul keskenyek lennének, ezért ott inkább a címkét
 * tesszük a mező fölé, és a mező kapja a teljes szélességet.
 * Ha egy űrlapon rövidek a címkék és egy mező van elemenként, akkor a befoglaló dobozra tett
 * iui_form_element_break_500 osztállyal a váltás korábbra, 500 px-re hozható. */
@container ( min-width: 700px )
{
	div[data-aid="form_field_container"].iui_form_element_auto.iui_form_element_layout_auto
	{
		--a_form_element_areas:
			"label field"
			"helper error"
			"explanation explanation";
		--i_form_element_field_padding_bottom: var(--i_form_element_field_padding_bottom_horizontal);
		--i_form_element_label_padding_right: var(--i_form_element_label_padding_right_horizontal);
		--i_form_element_label_padding_bottom: var(--i_form_element_field_padding_bottom_horizontal);
		--i_form_element_label_align: center;
		--i_form_element_margin_bottom: var(--i_form_element_margin_bottom_horizontal);
		--i_form_element_padding_bottom: var(--i_form_element_padding_bottom_horizontal);
		--i_form_element_border_bottom: var(--i_form_element_border_bottom_horizontal);
	}
}

/*! Szűkebb küszöb azoknak az űrlapoknak, ahol elemenként egy mező van és rövidek a címkék. */
@container ( min-width: 500px )
{
	.iui_form_element_break_500 div[data-aid="form_field_container"].iui_form_element_auto.iui_form_element_layout_auto
	{
		--a_form_element_areas:
			"label field"
			"helper error"
			"explanation explanation";
		--i_form_element_field_padding_bottom: var(--i_form_element_field_padding_bottom_horizontal);
		--i_form_element_label_padding_right: var(--i_form_element_label_padding_right_horizontal);
		--i_form_element_label_padding_bottom: var(--i_form_element_field_padding_bottom_horizontal);
		--i_form_element_label_align: center;
		--i_form_element_margin_bottom: var(--i_form_element_margin_bottom_horizontal);
		--i_form_element_padding_bottom: var(--i_form_element_padding_bottom_horizontal);
		--i_form_element_border_bottom: var(--i_form_element_border_bottom_horizontal);
	}
}