/*This file contains structural css. These css settings are the part of the framewrok and can determine the working of
js and PHP programs! Be careful!!! 

If you want to redesign or customize the css please use the design.css instead. 
 */

/*The topmost structural level. */
body
{	
	padding: 0;
	margin: 0;
	height: 100%;
}
html, body,* 
{
  box-sizing: border-box;
}


*:focus
{
	outline:none;
}

/*Forms: the framework can handle any html div as a form, not only the native html forms. */
[data-aid="form_section"]
{
	empty-cells: hide;
}

div[data-aid="form"], form
{
	background-color: inherit;
}

div[data-aid="form_element"].iui_form_element_vertical
{
	
}

/*Form field conatiner: html div or table element for displaying additional information on form elemets 
such as filering or error feedback, explanation texts, etc. */
div[data-aid="form_field_container"]
{
	float: left;
	clear: none;
	
}

[data-aid="form_field_container"] td:empty,
[data-aid="form_field_container"] div:empty,
[data-aid="form_field_container"] span:empty
{
  width: 0px;
  display: block;
}

tr[data-aid="form_field_container"].iui_form_element_vetical td
{
	
}

tr[data-aid="form_field_container"].iui_form_element_horizontal td:nth-child(1)
{
	white-space: nowrap;
}
@media only print
{
	tr[data-aid="form_field_container"].iui_form_element_horizontal td:nth-child(1)
	{
		width: 25% !important;
	}
}




div[data-aid="form_field_container"].iui_form_element_div
{
	
}





/*The q html tag: design in the „quoted text” format */

blockquote::before, q::before
{
	content: '„';

}
blockquote::after, q::after
{
	content: '”';

}



/*Form section titles: a 1px gray underline of the title.*/
[data-aid='title']
{
	width: 100%;
	height: 1px;
	
}
[data-aid='title'] + span
{
	float: right;
	position: relative;
	z-index: 1;
	background-color: inherit;	
}


/*Form input tags...*/
button,input, select,textarea 
{
  margin: 0;
  vertical-align: middle;
  font-family: inherit
}
button, input 
{
  line-height: normal;
}
button::-moz-focus-inner, input::-moz-focus-inner 
{
  padding: 0;
  border: 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] 
{
  -webkit-appearance: button;
  cursor: pointer;
}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] 
{
  cursor: pointer;
}
button, input[type="button"], input[type="reset"], input[type="submit"]
{
	min-width: 70px;	
}

/*Ez azért kell mert a google maps-en megjelenő zoomolás gombok eltolódtak a minimum szélesség miatt.*/
div[data-php_class="c_form_field_gmap"] button
{
	min-width: initial;
}

textarea 
{
  overflow: auto;
  vertical-align: top;
  resize: none;  
}


input[type=text]::-ms-clear
{
  display: none;
}


input[type=password]::-ms-reveal 
{
  display: none;
}

*
{
  border-collapse: collapse;
}


input[type="button"], input[type="reset"], input[type="submit"], select, input[type="text"], input[type="password"], textarea,
.iui_select
 {
	text-align: left;
	outline: none;
	/*position: relative;*/
	vertical-align: middle;
}



input[type="button"], input[type="reset"], input[type="submit"]
 {
	text-align: center;
	cursor: pointer;
	
}

select
{
	
}

input[type="text"]
{
	width: 130px;
}


/*Special caption span used in forms displaying simple text.*/
span.iui_caption
{
	
}

[data-aid="field_container"] span.iui_caption
{
	outline: none;
	vertical-align: middle;
}

.iui_checklist table
{
	width: 100%;
}


/*############################# VISUAL COLLECTION'S CSS ####################################*/

/*CSS styles belonging to c_status classes. For example they display form feedback status icons. */
.c_status_err
{
	display: block;	
	background-repeat: no-repeat;
	background-position: center;	

}

.c_status_alert
{
	display: block;	
	background-repeat: no-repeat;
	background-position: center;	
}

.c_status_notice
{
	display: block;	
	background-repeat: no-repeat;
	background-position: center;	
}

.c_status_info
{
	display: block;	
	background-repeat: no-repeat;
	background-position: center;	
}


.c_status_ok
{
	display: block;	
	background-repeat: no-repeat;
	background-position: center;		
}


/*A spcial button object without text but cintaing icon. */
.iui_button
{
	display: block;
	float: left;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
}



/* The css styles of "Notify" 3rd party js library. */


.iui_notify-container {
  position: fixed;
  top: 0;
  right: 0;
  width: auto;
  z-index: 1061;
}
.iui_notify-container:before,
.iui_notify-container:after {
  display: table;
  content: "";
}
.iui_notify-container:after {
  clear: both;
}
.iui_notify-container.position-left {
  left: 0;
  right: auto;
}
.iui_notify-container.position-top {
  left: 0;
  right: 0;
  top: 0;
  height: auto;
}
.iui_notify-container.position-top .iui_notify {
  float: left;
}
.iui_notify-container.position-bottom {
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  height: auto;
}
.iui_notify-container.position-bottom .iui_notify {
  float: left;
}
.iui_notify {
  display: block;
  margin: .3125rem;
  padding: .625rem;
  min-width: 200px;
  border-radius: 3px;
  cursor: default;
  max-width: 300px;
  position: relative;
}
.iui_notify .iui_notify-icon {
  width: 32px;
  height: 32px;
  font-size: 32px;
  text-align: center;
  position: absolute;
  margin: -16px 10px;
  top: 50%;
  left: 0;
}
.iui_notify .iui_notify-icon ~ .iui_notify-title,
.iui_notify .iui_notify-icon ~ .iui_notify-text {
  position: relative;
  margin-left: 42px;
}
.iui_notify .iui_notify-title,
.iui_notify .iui_notify-text {
  display: block;
  margin-right: 20px;
}
.iui_notify .iui_notify-title {
  font-weight: 500;
  font-size: 1rem;
}
.iui_notify .iui_notify-text {
  font-size: .875rem;
}
.iui_notify .iui_notify-closer {
  position: absolute;
  height: 1rem;
  width: 1rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: normal;
  padding: 0 0 .625rem 0;
  z-index: 3;
  outline: none;
  cursor: pointer;
  background-color: #ffffff;
  color: #777777;
  top: .25rem;
  right: .25rem;
}
.iui_notify .iui_notify-closer:after {
  border-color: #777777;
  content: '\D7';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.65rem;
  margin-left: -0.35rem;
}

.iui_notify
{
	
}

/*############################ Treeview PHP class css settings #####################*/
[data-aid="tree_container"]
{
	overflow-y: auto;
	overflow-x: hidden;
}
/*The tree element's label. It contains the text of tree element. */
[data-aid="tree_element_label"]
{
	overflow-x: hidden; /*Az �sszem�retez�sn�l kell*/	
	text-overflow: ellipsis;/*...-ot tesz a levágot szöveg végére. */
	white-space: nowrap;/*Megakad�lyozza a sz�veg t�r�s�t. */
	/*Megakad�lyozza a sz�veg kijel�l�s�t*/
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
	box-sizing: content-box;
	cursor: pointer;
}



/*######################### MENÜ #############################################*/

[data-aid="menu_container"]
{
	
}

[data-aid="menu"]
{

}

[data-aid="menu_element"]
{
	display: table;
	width: 100%;
}

[data-aid="menu_element_part"]
{
	cursor: pointer;
		
}


[data-aid="menu_label"]
{

	white-space: nowrap;/*Megakadályozza a szöveg tördelését. */
	/*Megakadályozzuk a szöveg kijelölését*/
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
	box-sizing: content-box;


}
/*Always capitalize the first letter of the menu*/
[data-aid="menu_label"]:first-letter
{
	text-transform: capitalize;
}

[data-aid="menu_icon"]
{	
	box-sizing: content-box;
	float:left;
	display: block;
}

[data-aid="menu_icon"].shell_icon
{
	background-image: none;
	background-color: inherit;
}



 [data-aid="menu_delimiter"]
{
	display: block;
	height: 0px;
}





[data-aid="menu_container"].iui_menu_main
{

}
[data-aid="menu_container"].iui_menu_main [data-aid="menu"]
{
	display: flex;
}

[data-aid="menu_container"].iui_menu_main [data-aid="menu_element"]
{
	display: block;
}

[data-aid="menu_container"].iui_menu_main [data-aid="menu_label"]
{
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

	
}

[data-aid="menu_container"].iui_menu_main [data-aid="menu_label"]:hover
{
}

/*######################### SHELL STRUCTURE CSS SETTINGS ###################
icons and infos belonging to records (shell name, etc) 
In explore_pic modul this is the outermost container of a record's data.*/
.shell_div
{
	display: block; 
	float: left;  
	cursor: pointer; 
	overflow: hidden;
}

.shell_div div.shell_icon
{
	overflow: hidden;
}

.shell_div_text
{
	display: block; 
	background-position: center center ;
	background-repeat: no-repeat;
	float:left;
}
/*Optionally every record can have an 'avatar' picture. 
It is adjustable in c_rec_mod_shell_modify settings. This is the container div 
of the adjusted picture. The picture will be set as background-image. */
.shell_div div.shell_icon div.shell_pic
{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*Link type icon placeholder. */
.shell_div div.iui_lt_icon
{
	background-size: 80%;
}
/*Meta attribution icons. */
.shell_div .iui_att_icon
{	
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
}

.iui_tree_down,
.iui_context_menu,
.iui_context_info
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: right;
}

.shell_div_text .iui_tree_down,
.shell_div_text .iui_context_menu,
.shell_div_text .iui_context_info
{
	width: 22px;
	height: 22px;
}

.shell_tags
{
	position: relative;
	left: -30px;
	top: -90px;

	width: 100px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;

	text-transform: uppercase;
	-ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.shell_tags:hover span
{
margin-left: -300px;
	
}
/* The shell icon's placeholder div. These icons belong to record types. Almost every record type has 
an own icon. See c_rec_data and its descendant records. */
.shell_icon
{
	display: block; 
	background-position: center center ;
	background-repeat: no-repeat;
}

@media print {
  .iui_content_tr
   {
   		page-break-inside: avoid;
   }
}

/*Ez kell ahhoz, hogy a sorokban a tartalom mindig függőleges legyen. */
.iui_content_tr
{
	align-items: center;
	align-self: stretch;
}

[data-aid='w_content_header'] .iui_content_tr,
[data-aid='w_content_header_2'] .iui_content_tr,
[data-aid='table_header'] .iui_content_tr,
[data-aid='list_intersect_header'] .iui_content_tr,
[data-aid='tabs_content_header'] .iui_content_tr
{
	height: auto;
}

/* When using table-like display format, icons located in table rows in a placeholder div. */
.iui_content_tr div.shell_icon, .iui_content_tr div.iui_status_icon, .iui_content_tr div.iui_read_icon,  .iui_content_tr div.iui_event_icon
{
	display: table-cell; 
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0px;
}
/*When using table-like display format avatar picture placeholder. */
.iui_content_tr div.shell_icon div.shell_pic
{	
	background-size: cover;
	background-position: center center;
	margin: 0px;	
}
/*Attribute icons's placeholder in table-like display format. */
.iui_content_tr div.iui_att_icon, .iui_content_tr div.iui_lt_icon
{	
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: top;

}

.iui_content_tr_form
{
	height: 30px;
}

.iui_content_tr_form input
{
	width: 100%;
}


/*Forward and backward buttons */
[data-aid='button_forward']
{
	display: inline-block;
	cursor: pointer;
	float: right;
}

[data-aid='button_backward']
{
	display: inline-block;
	cursor: pointer;
	float: left;
}



/*######################### PSEUDOKÓDOK KEZELÉSE #######################*/


/*######################### FLOWCHART ###################################*/
.jsplumb-connector
{
	
}

.jsplumb-endpoint
{
		z-index:1;

}


div.iui_flowchart
{
	position: relative;
}

div.iui_flowchart div[data-aid="flowchart_element"]
{
	display: block;
	cursor: pointer;
	position: absolute;
	z-index:1;
	opacity: 0.9;

}







.iui_chart_label
{
	display: block;
	cursor: pointer;
	position: absolute;

}

/*########################## TAB OBJEKTUM ###########################*/
.iui_tabs
{

	display: flex;   
	flex-direction: column; 
	height: 100%; 

}

.iui_tabs_header
{
	height:30px; 
	display: flex; 
	flex-direction: row;
	width:100%; 	
}
.iui_tabs_title
{
	display: none;
}

.iui_tabs_menubar_container:empty,
.iui_tabs_menubar:empty
{
	display: none;
}

.iui_tabs_menubar_container:not(:empty)
{
	height:auto; 
	width:100%; 
}

.iui_tabs_menubar:not(:empty)
{
	width:100%; 
}

.iui_tabs_content_header_container:empty,
.iui_tabs_content_header:empty
{
	display: none;
}

.iui_tabs_content_header_container:not(:empty)
{
	height:auto; 
	width:100%; 
}

.iui_tabs_content_header:not(:empty)
{
	height:auto; 
	width:100%; 
}


@media only print
{
	.iui_tabs_header
	{
		display: none !important;
	}
	.iui_tabs_title
	{
		display: inline-block !important;
	}
}
/*
@media only screen and (max-width: 767px) 
{
	.iui_tabs_header
	{
		display: none !important;
	}
	.iui_tabs_title
	{
		display: inline-block !important;
	}
}
*/

.iui_tabs_label
{
	display: block;
	/*width: 80px;*/
	user-select: none;          /* Likely future */  
	box-sizing: content-box;	
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	
		position: relative;
	top: 2px;
/*
	background-color: #EEE;
	color: #888;
	border-right: 1px solid #DDD;
	border-top: 1px solid #FFF;
	border-radius: 5px 5px 0px 0px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 1px;	
	/*flex-grow: 1;*/
	
}

.iui_tabs_label:hover
{
	overflow: visible;

	/*
	border-left: 1px solid #680082;
  	border-right: 1px solid #680082;
 	border-top: 1px solid #680082;
  	background-color: #eda3ff;
  	color: #000;*/
	
}
.iui_tabs_label.iui_tabs_active
{
	overflow: visible;
/*	background-color: #FFF;
	border-left: 1px solid #AAA;
	border-top: 2px solid #680082;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #FFF;
	padding-top: 3px;
	color: #000;
*/

}


.iui_tabs_body
{

	width:100%; 
	height: 100%; 
	overflow-y: auto;
}

.iui_tabs_content
{
	display: none;
	/*padding: 10px;*/
	height: 100%; 
}

.iui_tabs_content_header,
.iui_tabs_menubar
{
	display: none;
}

.iui_tabs_content
{
	display: none;
	/*padding: 10px;*/
	height: 100%; 
}

.iui_tabs_content [data-aid="tab_content_fix"]:empty
{
	display: none;
}

.iui_tabs_content [data-aid="tab_content_fix"]:not(:empty)
{
	display: block;
	height: min-content;
	overflow-y: hidden;
}

@media only print
{
	.iui_tabs_content
	{
		display: block !important;
		height: auto !important; 
	}
}
@media only screen and (max-width: 767px)
{
	.iui_tabs_content
	{
		display: block !important;
		height: auto !important; 
	}
}
.iui_tabs_content.iui_tabs_active,
.iui_tabs_content_header.iui_tabs_active,
.iui_tabs_menubar.iui_tabs_active
{
	display: block;
}


/*########################## WIZARD  OBJEKTUM ###########################*/
.iui_wizard
{

	display: flex;   
	flex-direction: column; 
	height: 100%; 

}

.iui_wizard_footer .iui_wizard_footer_default,
.iui_wizard_footer .iui_wizard_footer_right,
.iui_wizard_footer .iui_wizard_footer_left
{
	display: flex;
	flex-direction: row-reverse;
	width:100%;
}
.iui_wizard_footer .iui_wizard_footer_default,
.iui_wizard_footer .iui_wizard_footer_right
{
	justify-content: right;
}
.iui_wizard_footer .iui_wizard_footer_left
{
	justify-content: left;
}
.iui_wizard_footer .iui_wizard_footer_custom
{
	justify-content: center;
	display: flex; 
	width:100%;
}
.iui_wizard_footer .iui_wizard_custom_button
{
	display: none; 
}

.iui_wizard_title
{
	
}

@media only print
{
	.iui_wizard_footer
	{
		display: none !important;
	}
	.iui_wizard_title
	{
		display: inline-block !important;
	}
}


.iui_wizard_body
{

	width:100%; 
	height: 100%; 
	overflow-y: auto;
}

.iui_wizard_content
{
	display: none;
	/*padding: 10px;*/
	height: 100%; 
}

@media only print
{
	.iui_wizard_content
	{
		display: block !important;
		height: auto !important; 
	}
}

.iui_wizard_content.iui_wizard_active
{
	display: block;

}



/*########################### RADIO SWITCH 2 ÁLLÁSÚ ANIMÁLT KAPCSOLÓ ################*/

.iui_radio_switch
{
	overflow: hidden;
}

.iui_radio_switch div[data-aid='visual']
{
	margin-left: -54px;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 54px 18px 54px;
    grid-auto-rows: calc( var(--i_size_input_height) - 6px );
    		-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.iui_radio_switch div[data-aid='visual'] div.iui_radio_switch_label
{
	text-align: center;
}

.iui_radio_switch div[data-aid='visual'] div.iui_radio_switch_button
{
	height: 100%;
	width: 20px;

}


.iui_radio_switch.iui_radio_switch_on div[data-aid='visual']
{
	margin-left: 0px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.iui_radio_switch.iui_radio_switch_on div[data-aid='visual'] div.iui_radio_switch_button
{
	height: 100%;
	width: 20px;
	border-radius: 3px;
}

.iui_radio_switch_input
{
	display: none;
}


/*################ A létrehozó űrlap objektum - C_FORM_CREATE css beállításai ##########*/
div[data-aid="form"].iui_form_create
{
	display: flex;
	flex-direction: column;
	 align-content: stretch;
	height: 100%;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}
div[data-aid="form"].iui_form_create div[data-aid="search"]
{

	flex-grow: 0;
}

div[data-aid="form"].iui_form_create div[data-aid="list"]
{
	flex-grow: 10;
	overflow: auto;
}
div[data-aid="form"].iui_form_create div[data-aid="list"] div.form_create_title
{

}
div[data-aid="form"].iui_form_create div[data-aid="name"]
{
	flex-grow: 0;

	
}


div[data-aid="form"].iui_form_create div[data-aid="advanced"]
{
	display: none;
	flex-grow: 0;

	
}

div[data-aid="form"].iui_form_create div[data-aid="list_class"]
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

}
div[data-aid="form"].iui_form_create div[data-aid="list_class"] div.iui_form_create_element 
{
	
	display: inline-block;
	overflow-x: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	
}

div[data-aid="form"].iui_form_create div[data-aid="list_class"] div.iui_form_create_element div.iui_form_create_icon
{

	display: block;
	margin: auto;

	
}


/*###################################### HTML EDITOR CSS BEÁLLÍTÁSAI ########################### */
/*########### TINY MCE SPECIFIKUS BEÁLLÍTÁSOK ###########*/
.tox-editor-header button[type="button"],
.tox-dialog__header button[type="button"],
.tox-dialog__footer button[type="button"]
{
	min-width: auto !important;
	width: auto !important;
}

div[data-aid="html_editor"].iui_editor_view_text
{
	grid-template-rows: auto 1fr;
	grid-template-areas: 
	'toolbar'
	'text';
	
}


div[data-aid="html_editor"].iui_editor_view_code
{
	grid-template-rows: auto 1fr;
	grid-template-areas: 
	'toolbar'
	'code';
	
}

div[data-aid="html_editor"].iui_editor_view_split
{
	grid-template-rows: auto 0.5fr 0.5fr;
	grid-template-areas: 
	'toolbar'
	'text'
	'code';
	
}


div[data-aid="editor_toolbar"]
{
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
    justify-content: flex-start;
    grid-area: toolbar;
	/*! Arculati beállítások: design.css !*/

}
div[data-aid="editor_toolbar"].disabled
{
	opacity: 0.5;
	/*! Arculati beállítások: design.css !*/
}



div[data-aid="html_editor"] div[data-aid="code"]
{
	grid-area: code;
}
div[data-aid="html_editor"] div[data-aid="text"]
{
	grid-area: text;
}

div[data-aid="html_editor"].iui_editor_view_text div[data-aid="text"]
{
	width: 100%;
	overflow-y: auto;
	/*! Arculati beállítások: design.css !*/
}


div[data-aid="html_editor"].iui_editor_view_text div[data-aid="code"]
{
	display: none;
}

div[data-aid="html_editor"].iui_editor_view_split div[data-aid="text"]
{

	width: 100%;
	overflow-y: auto;
	/*! Arculati beállítások: design.css !*/
}

div[data-aid="html_editor"].iui_editor_view_split div[data-aid="code"]
{

	width: 100%;
	overflow-y: auto;
	/*! Arculati beállítások: design.css !*/
}

div[data-aid="html_editor"].iui_editor_view_code div[data-aid="text"]
{

	display: none;
}

div[data-aid="html_editor"].iui_editor_view_code div[data-aid="code"]
{

	width: 100%;
	overflow-y: auto;
	/*! Arculati beállítások: design.css !*/
}

div[data-aid="html_editor"] div[data-aid="text"] div[data-aid="signature"],
.mce-content-body div[data-aid="signature"]
{
	pointer-events: none;
	/*! Arculati beállítások: design.css !*/
}

div[data-aid="html_editor"] div[data-aid="text"].iui_show_node *
{
	/*! Arculati beállítások: design.css !*/
}




div[data-aid="html_editor"] textarea
{
	height: 99%;
	width: 99%;
	overflow-y: auto;
	/*! Arculati beállítások: design.css !*/
	white-space: pre-wrap;
}
div[data-aid="html_editor"] div[data-aid="toolbar"] *
{
	float: left;
	/*! Arculati beállítások: design.css !*/
}
div[data-aid="editor_toolbar"] div[data-aid="toolbar_group"]
{

}


div[data-aid="editor_toolbar"] div[data-aid="toolbar_group"] input[type='color']
{
	width: 40px;
}

div[data-aid="toolbar"] .iui_button.iui_selected_btn
{
	background-repeat: no-repeat;
	background-position: center;
	/*! Arculati beállítások: design.css !*/
}

div.iui_html_widget
{
	position: absolute;
	top: calc( 50% - 100px );
	left: calc( 50% - 200px );

	background-color: var(--color_bg_window);
	border: 1px solid var(--color_border);
	border-radius: 5px;
	padding: 10px;
	z-index: 3;
	display: unset;
}


div.iui_html_widget.iui_html_widget_link
{
	width: 400px;
}

div.iui_html_widget.iui_html_widget_img
{
	width: 400px;
}
div.iui_html_widget select
{
	width: 25%;
	display: unset;
	background-color: var(--color_bg_work);
	margin-bottom: 10px;
}
div.iui_html_widget textarea
{
	width: 100%;
	height: 100px;
	display: unset;
	background-color: var(--color_bg_text) !important;
	color: var(--color_font_text) !important;
	margin-bottom: 10px;
}

div.iui_html_widget input[type='button']
{
	float: right;
	display: unset;

}

/*################## IUI_SELECT select option css beállításai ########################*/
div.iui_select
{
	display: inline-block;
}
div.iui_select [data-aid='node_widget']
{
	display: flex;
	float: none;
}

div.iui_select.iui_select_open [data-aid='node_widget']
{

}

div.iui_select.iui_select_multi [data-aid='node_widget']
{
	height: unset;
}
div.iui_select.iui_select_single [data-aid='node_widget']
{
	overflow: hidden;
	min-height: unset;
}



div.iui_select.iui_select_loading [data-aid='node_widget']
{

}
div.iui_select.iui_select_focus [data-aid='node_widget']
{

}
div.iui_select [data-aid='node_list']
{
	display: none;
	position: fixed;
	overflow-y: auto;
	z-index: 1000000;
	clear: both;
}

div.iui_select.iui_select_open [data-aid='node_list']
{
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
}
div.iui_select [data-aid='node_list'],
div.iui_select.iui_select_open [data-aid='node_list']:empty
{
	display: none;	
}


div.iui_select [data-aid='node_list'] div.iui_select_optgroup_open
{
	cursor: default;
}
*:not(div.iui_select_optgroup_open)+div.iui_select [data-aid='node_list'] div.iui_select_optgroup_close
{
	cursor: default;
}
div.iui_select [data-aid='node_list'] div
{
	display: block;
}
div.iui_select [data-aid='node_list'] div span
{
	float: unset;
	display: inline-block;
	overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.iui_select [data-aid='node_list'] div.iui_select_option .shell_icon
{
	
	width: 25px;
	height: 25px;
	margin-left: 5px;
	float: left;
	vertical-align: middle;
	
}

div.iui_select [data-aid='node_list'] div.iui_select_option
{

}
div.iui_select [data-aid='node_list'] div.iui_select_option.free
{

}

div.iui_select [data-aid='node_list'] div.iui_select_option:hover
{

}

div.iui_select [data-aid='node_list'] div.iui_select_option.iui_selected_opt
{
	background-color: unset;
	color: unset;
	background-repeat: no-repeat;
	
}
div.iui_select [data-aid='node_list'] div.iui_select_option.iui_select_cached
{
	background-color: unset;
	color: unset;
	background-repeat: no-repeat;
}
div.iui_select [data-aid='node_list'] div.iui_select_option.designated
{

}
div.iui_select span
{
	float: left;
}
div.iui_select span[data-aid='node_labels']
{
	float: left;
	overflow: hidden;
    max-width: calc( 100% - 5px);
    display: inline-flex;
    flex-flow: wrap;
    
}
div.iui_select span[data-aid='node_labels'] span
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
	cursor: default;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

div.iui_select.iui_select_multi span[data-aid='node_labels'] span
{
	background-repeat: no-repeat;
	cursor: default;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}



div.iui_select span[data-aid='node_input']
{
	float: left;
	display: inline-flex;
	 -webkit-user-select: text;
    user-select: text;
}
div.iui_select.iui_select_single span[data-aid='node_input'],
div.iui_select.iui_select_nosearch span[data-aid='node_input']
{

}

div.iui_select span[data-aid='node_input']:empty
{
	width: 1px;
}

div.iui_select span[data-aid='node_placeholder']
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100px;
	flex-flow: nowrap;
	flex-grow: 8;
}

div.iui_select span[data-aid='node_complete']
{
	width: unset;
}

/*!############################## SUMMARY ELEMENT ###############################*/

div[data-aid='summary_element']
{
	display: flex;
	flex-direction: column;
	
}

div[data-aid='summary_element'] [data-aid='summary_titlebar']
{
	width: 100%;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 25px 1fr 25px;
	align-items: center;
	grid-auto-rows: 20px;
}

div[data-aid='summary_element'] [data-aid='summary_titlebar_icon']
{

	
		flex-shrink: 0;
	
}
div[data-aid='summary_element'] [data-aid='summary_titlebar_text']
{
	width: 100%;
	text-align: left;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div[data-aid='summary_element'] [data-aid='summary_titlebar_button']
{

	
		cursor: pointer;
	flex-shrink: 0;
}

div[data-aid='summary_element'] [data-aid='summary_contentbar']
{
	width: 100%;
	
}


/*########### GDPR ELFOGADÁS ###########*/
[data-aid='gdpr']
{
	position: fixed;
	display: grid;
	grid-auto-columns: 2fr 1fr;
	grid-auto-rows: 1fr;
	grid-auto-flow: column;

}
[data-aid='gdpr'] [data-aid='button']
{
	justify-self: right;
	align-self: center;
}