/*Ideart CMS rendszer css beállításai*/

/* ############################### GRID LAYOUT OSZTÁLYOK ###############################*/

:root
{
	--i_width_row: calc( 100% - 20px);
	--i_width_gap: 20px;
	--i_width_col_break: 20px;
}

.iui_cms
{
	font-size: 1.1em;
}

.iui_cms_header
{
	height: 100px;
	background-color: #000;
	color: #FFF;
	
}

.iui_cms_footer
{
	background-color: #000;
	color: #FFF;
	vertical-align: top;
}

.iui_cms_menu
{
	
}

/*ILyen szekcióból több is lehet, mindegyik egy része az oldalnak, és a teljes 
szélességen végigér. A tartalmak középre/balra/jobbra igazításához 
haszáld az iui_cms_row osztályt. */
.iui_cms_section
{
	/*A szekciók végigérjenek a képernyőn. 
	Ez akkor jó, ha pl. háttérszínt vagy háttérképet
	akarunk adni. Ugyanakkor reszponzív. */
	width: 100%;


}
.iui_cms_section.iui_header_image
{
	background-position: center;
	background-size: cover;
	display: grid;
}
/* ############################### GRID TARTALAMI OSZTÁLYOK ###############################*/

/*Alap grid tartalom osztályok - ezek tetszőlegesen hozzáadhatók 
az egyes html div-ekhez. */

.iui_cms_section *
{
	text-align: unset ;
}

/*Speciális címsorok */
.iui_cms_title_1
{
	font-size: 2.2em;
	font-weight: bold;
    margin-block-start: 1em;
    margin-block-end: 0.25em;

}

.iui_cms_section.iui_header_image .iui_cms_title_1,
.iui_cms_section.iui_header_image .iui_cms_text_1
{
	color: #FFF;
	text-shadow: 0px 0px 10px #000;
}
.iui_cms_section.iui_header_image .iui_cms_title_1
{
	margin-top: 20px;
}


.iui_cms_title_2
{
	font-size: 1.5em;
	font-weight: bold;
}

.iui_cms_title_3
{
	font-size: 1em;
	font-weight: bold;
}

.iui_cms_title_4
{
	font-size: 0.75em;
	font-weight: bold;
}

.iui_cms_text_1
{
	font-size: 1.5em;
	line-height: 180%;
}

.iui_cms_text_2
{
	font-size: 1.1em;
	line-height: 150%;
}

.iui_cms_text_3
{
	font-size: 1em;
	line-height: 100%;
}

.iui_cms_text_4
{
	font-size: 0.75em;
	line-height: 100%;
}

.iui_cms_text_label
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: uppercase;	
	
	align-self: center;
}

.iui_cms_list_element > div
{

	overflow: hidden;
}

.iui_cms_list_element > div:last-child
{
	padding-bottom: var(--i_width_gap);
}


/*Ez egy vízszintes egység a szekción belül. */
.iui_cms_row
{
	/*Túl nagy monitor esetén ne lehessen szélesebb a kelleténél. */
	max-width: var(--i_width_row);
	/*Összeméretezésnél automatikusan csökkenjen a szélesség. */
	width: 100%;
	/*A sor középen legyen a szekción belül*/
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	
	/*GRID alapbeállítások*/
	display: grid;
	grid-template-rows: auto;
	gap: var(--i_width_gap) var(--i_width_gap);

}



/*Egy sor oszlopbeosztását leíró osztályok. */

/* 1 oszlop feledi a teljes sort. */

.iui_cms_col_1,
.iui_cms_col_2,
.iui_cms_col_3,
.iui_cms_col_4,
.iui_cms_col_6,
.iui_cms_col_8,
.iui_cms_col_10,
.iui_cms_col_12

{
	grid-template-columns: repeat(1, 1fr);
}


/* Fix oszlopszámok esetén az egyes cellák több sort
vagy oszlopot is lefedhetnek, mint a colspan-nál. Az
alábbi osztályok ezt írják le. */

/* 2 oszlop összeolvasztása 1 cellában */
.iui_cms_span_col_2
{
	grid-column: span 2;
}
/* 3 oszlop összeolvasztása 1 cellában */
.iui_cms_span_col_3
{
	grid-column: span 3;
}
/* 4 oszlop összeolvasztása 1 cellában */
.iui_cms_span_col_4
{
	grid-column: span 4;
}
/* 2 sor összeolvasztása 1 cellában */
.iui_cms_span_row_2
{
	grid-row: span 2;
}
/* 3 sor összeolvasztása 1 cellában */
.iui_cms_span_row_3
{
	grid-row: span 3;
}
/* 4 sor összeolvasztása 1 cellában */
.iui_cms_span_row_4
{
	grid-row: span 4;
}

/* Reszponzívan reagáló oszlopszámok a szélesség függvényében: 
az alábbi osztályok a sor szélességét figyelembe véve dinamkikusan 
osztályok fel oszlopokra a teret. Összeméretezéskor csökkenni 
fog az oszlopok száma. */


/* Nagy méretű oszlopok: a szélesség 1/4-énél van az áttördelés.  */
.iui_cms_col_auto_big
{
	grid-template-columns:  repeat(auto-fit, minmax(calc(var(--i_width_row) / 4), 1fr));
}
/* Közepes méretű oszlopok: a szélesség 1/6-énél van az áttördelés.  */
.iui_cms_col_auto_mid
{
	grid-template-columns:  repeat(auto-fit, minmax(calc(var(--i_width_row) / 6), 1fr));
}
/* Kis méretű oszlopok: a szélesség 1/8-énél van az áttördelés.  */
.iui_cms_col_auto_small
{
	grid-template-columns:  repeat(auto-fit, minmax(calc(var(--i_width_row) / 8), 1fr));
}

/* ############################### TIPOGRÁFIAI BEÁLLÍTÁSOK ###############################*/



/*Címsorok viselkedése a szekción belül*/
.iui_cms_section h1,
.iui_cms_section h2,
.iui_cms_section h3,
.iui_cms_section h4,
.iui_cms_section h5,
.iui_cms_section h6
{
	display: block;
}

.iui_cms_section h1:first-child,
.iui_cms_section h2:first-child,
.iui_cms_section h3:first-child,
.iui_cms_section h4:first-child,
.iui_cms_section h5:first-child,
.iui_cms_section h6:first-child
{
	padding-top: 0px;
}

.iui_cms_section h1
{

}



/* Háttérképeket tartalmazó területek viselkedése a szekción belül*/
.iui_cms_img
{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	margin: var(--i_width_gap);

}

.iui_cms_img_label:not(:empty)
{
	display: inline-block;
	padding: 5px;
	background-color: black;
	color: white;
	position: relative;
	text-transform: uppercase;
	font-size: 0.8em;
}

/* ############################### ALOLDAL MODUL ###############################*/
/* ############################### HÍREK CIKKEK MODUL ###############################*/
[data-aid='container_news_text'] [data-aid='element']
{
	display: grid;
	grid-template-areas: 
		'pic pic'
		's_name_author i_time_modified'
		's_shell_name s_shell_name'
		's_intro s_intro'
		'next next';
		
		
	grid-template-rows: 200px 40px auto auto 40px;
	grid-template-columns: 2fr 1fr;
	align-content: start;
	cursor: pointer;
	align-self: normal;	
	margin-bottom: var(--i_width_gap)
}


[data-aid='container_news_text'] [data-aid='element'] [data-aid='pic']
{
	grid-area: pic;
	background-size: cover;
	background-position: center;

}
[data-aid='container_news_text'] [data-aid='element'] [data-aid='pic']
{
	
}
[data-aid='container_news_text'] [data-aid='element'] [data-aid='s_name_author']
{
	grid-area: s_name_author;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	align-self: center;
	text-transform: uppercase;
	font-size: 0.8em;

}

[data-aid='container_news_text'] [data-aid='element'] [data-aid='i_time_modified']
{
	grid-area: i_time_modified;
	align-self: center;
	text-align: right;
	font-size: 0.8em;
	
}
[data-aid='container_news_text'] [data-aid='element'] [data-aid='s_shell_name']
{
	grid-area: s_shell_name;
}
[data-aid='container_news_text'] [data-aid='element'] [data-aid='s_intro']
{
	grid-area: s_intro;
}
[data-aid='container_news_text'] [data-aid='element'] [data-aid='next']
{
	grid-area: next;

}
[data-aid='container_news_text'] [data-aid='s_abstract']
{
	font-weight: 500;
}
[data-aid='container_news_text'].iui_cms_section [data-aid='container_author']
{
	display: grid;
	grid-template-areas: 
		'img author'
		'img date';
	grid-template-rows: 20px 20px;
	grid-template-columns: 45px auto;
	padding-top: 0px;
	padding-bottom: 20px;
}
[data-aid='container_news_text'].iui_cms_section [data-aid='container_author'] [data-aid='img']
{
	height: 40px;
	width: 40px;
	background-color: rgb(192, 192, 192);
	background-size: cover;
	background-position: center center;
	grid-area: img;
}

[data-aid='container_news_text'].iui_cms_section [data-aid='container_author'] [data-aid='author']
{

	grid-area: author;
	
}

[data-aid='container_news_text'].iui_cms_section [data-aid='container_author'] [data-aid='date']
{
	
	grid-area: date;

}


[data-aid='container_news_text'].iui_cms_section [data-aid='album']
{
	
	display: grid;
	grid-auto-rows: 100px;
	grid-template-columns: repeat(auto-fill, minmax(100px, 0.4fr));
	grid-gap: 10px;

}

[data-aid='container_news_text'].iui_cms_section [data-aid='album'] [data-aid='pic']
{
	background-repeat:no-repeat;
	background-size: cover;
	background-color: #EEE;
	border: 10px solid #EEE;
}

/*################################## DOC LIST MODUL ############################################*/
[data-aid='container_doc_list']
{
	min-height: 100px;
}
[data-aid='container_doc_list'] div.iui_list_intersect_page
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	gap: var(--i_width_gap);
	align-items: self-start;
	
}

div.iui_list_intersect_page .iui_placeholder
{
	display: none;
}
[data-aid='container_doc_list'] [data-aid='element']
{
	display: grid;
	grid-template-areas: 
	'icon s_shell_name s_shell_name s_shell_name s_shell_name'
	'place i_time_modified s_readable_id  s_readable_id download'
	'place s_description s_description s_description s_description';
	grid-template-rows: minmax(40px, min-content) 40px minmax(0px, 1fr);
	grid-template-columns: 50px 1fr 1fr 1fr 1fr ;
	align-content: start;
	cursor: pointer;
	align-self: stretch;	

}

[data-aid='container_doc_list'] [data-aid='element'] [data-aid='icon']
{
	grid-area: icon;
	padding: 0px;
	margin-right: 10px;

}
[data-aid='container_doc_list'] [data-aid='element'] [data-aid='icon'] [data-aid='pic']
{
	grid-area: icon;
	background-size: cover;
	height: 100%;
	width: 100%;
	margin-bottom: 5vw;
}

[data-aid='container_doc_list'] [data-aid='element'] [data-aid='place']
{
	grid-area: place;
}
[data-aid='container_doc_list'] [data-aid='element'] [data-aid='s_shell_name']
{
	grid-area: s_shell_name;
	align-self: center;
}

[data-aid='container_doc_list'] [data-aid='element'] [data-aid='s_description']
{
	grid-area: s_description;
}
[data-aid='container_doc_list'] [data-aid='element'] [data-aid='i_reserved_space']
{
	grid-area: i_reserved_space;
	align-self: center;
		display: none;
}
[data-aid='container_doc_list'] [data-aid='element'] [data-aid='s_shell_name_content_type']
{
	grid-area: s_shell_name_content_type;
	align-self: center;
	justify-self: start;
    padding-left: 0px;
    margin-left: var(--i_width_gap);
		display: none;
}

[data-aid='container_doc_list'] [data-aid='element'] [data-aid='i_time_modified']
{
	grid-area: i_time_modified;
	align-self: center;
	
}
[data-aid='container_doc_list'] [data-aid='element'] [data-aid='s_readable_id']
{
	grid-area: s_readable_id;
	align-self: center;
	
}


[data-aid='container_doc_list'] [data-aid='element'] [data-aid='next']
{
	grid-area: next;
	align-self: center;

}
[data-aid='container_doc_list'] [data-aid='element'] [data-aid='download']
{
	grid-area: download;
}
/*################################## PIC LIST MODUL ############################################*/
[data-aid='container_pic_list']
{
	min-height: 500px;
}
[data-aid='container_pic_list'] div.iui_list_intersect_page
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));;
	grid-template-rows: auto;
	gap: var(--i_width_gap);
	align-items: self-start;
	
}

div.iui_list_intersect_page .iui_placeholder
{
	display: none;
}
[data-aid='container_pic_list'] [data-aid='element']
{
	display: grid;
	grid-template-areas: 
	'icon';
		
		
	grid-template-rows: 100px;
	grid-template-columns: 1fr;
	align-content: start;
	border: 1px solid #DDD;
	cursor: pointer;
	align-self: stretch;	

}

[data-aid='container_pic_list'] [data-aid='element'] [data-aid='icon']
{
	grid-area: icon;
	padding: 0px;

}
[data-aid='container_pic_list'] [data-aid='element'] [data-aid='icon'] [data-aid='pic']
{
	grid-area: icon;
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 100%;

}
[data-aid='container_pic_list'] [data-aid='element'] [data-aid='s_shell_name'],
[data-aid='container_pic_list'] [data-aid='element'] [data-aid='place'],
[data-aid='container_pic_list'] [data-aid='element'] [data-aid='s_description'],
[data-aid='container_pic_list'] [data-aid='element'] [data-aid='i_reserved_space'],
[data-aid='container_pic_list'] [data-aid='element'] [data-aid='s_shell_name_content_type'],
[data-aid='container_pic_list'] [data-aid='element'] [data-aid='i_time_modified'],
[data-aid='container_pic_list'] [data-aid='element'] [data-aid='s_readable_id']
{
	display: none;
}

/*################################## ORG SUPPORTER LIST MODUL ############################################*/
[data-aid='container_org_list']
{
	min-height: 100px;
}
[data-aid='container_org_list'] div.iui_list_intersect_page
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	gap: var(--i_width_gap);
	align-items: self-start;
	
}

div.iui_list_intersect_page .iui_placeholder
{
	display: none;
}
[data-aid='container_org_list'] [data-aid='element']
{
	display: grid;
	grid-template-areas: 
	'icon s_shell_name s_shell_name s_shell_name'
	'icon s_web s_web s_web'
	'place s_description s_description s_description'
	'place next next next';
		
		
	grid-template-rows: 30px 20px minmax(0px, 1fr) 30px;
	grid-template-columns: 70px 1fr 1fr 1.7fr ;
	align-content: start;
	transition: transform .2s; /* Animation */
	align-self: stretch;

}

[data-aid='container_org_list'] [data-aid='element'] [data-aid='icon']
{
	grid-area: icon;
	padding: 0px;
	margin-right: 20px;

}
[data-aid='container_org_list'] [data-aid='element'] [data-aid='icon'] [data-aid='pic']
{
	grid-area: icon;
	background-size: cover;
	height: 100%;
	width: 100%;

}

[data-aid='container_org_list'] [data-aid='element'] [data-aid='place']
{
	grid-area: place;
}
[data-aid='container_org_list'] [data-aid='element'] [data-aid='s_shell_name']
{
	grid-area: s_shell_name;
	align-self: center;
}

[data-aid='container_org_list'] [data-aid='element'] [data-aid='s_description']
{
	grid-area: s_description;
}
[data-aid='container_org_list'] [data-aid='element'] [data-aid='s_web']
{
	grid-area: s_web;
	align-self: center;
	justify-self: start;
    padding-left: 0px;
    margin-left: 0px;
	cursor: pointer;
}
[data-aid='container_org_list'] [data-aid='element'] [data-aid='next']
{
	grid-area: next;
	align-self: center;

}

/*################################## SEARCH LIST MODUL ############################################*/
[data-aid='container_search_list']
{
	min-height: 500px;
}
[data-aid='container_search_list'] div.iui_list_intersect_page
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	gap: var(--i_width_gap);
	align-items: self-start;
	
}

div.iui_list_intersect_page .iui_placeholder
{
	display: none;
}
[data-aid='container_search_list'] [data-aid='element']
{
	display: grid;
	grid-template-areas: 
	'icon meta'
	'place s_shell_name'
	'place a_highlighting';
		
		
	grid-template-rows:  30px minmax(40px, auto) minmax(0px, auto);
	grid-template-columns: 50px 1fr;
	align-content: start;
	/*border: 1px solid #DDD;*/
	cursor: pointer;
	align-self: stretch;
	margin-bottom: 1.5em;

}

[data-aid='container_search_list'] [data-aid='element'] [data-aid='icon']
{
	grid-area: icon;
	padding: 0px;
	margin-right: 20px

}
[data-aid='container_search_list'] [data-aid='element'] [data-aid='icon'] [data-aid='pic']
{
	grid-area: icon;
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 100%;

}
[data-aid='container_search_list'] [data-aid='element'] [data-aid='place']
{
	grid-area: place;
}
[data-aid='container_search_list'] [data-aid='element'] [data-aid='s_shell_name']
{
	grid-area: s_shell_name;
	align-self: center;
	font-size: 1.3em;

	text-overflow: ellipsis;
	
}

[data-aid='container_search_list'] [data-aid='element'] [data-aid='meta']
{
	grid-area: meta;
	align-self: center;
}
[data-aid='container_search_list'] [data-aid='element'] [data-aid='meta'] *
{
	display: inline;
	float: left;
	padding-right: 20px;
}

[data-aid='container_search_list'] [data-aid='element'] [data-aid='i_reserved_space']
{
	grid-area: i_reserved_space;
	align-self: center;
}
[data-aid='container_search_list'] [data-aid='element'] [data-aid='s_shell_name_content_type']
{
	grid-area: s_shell_name_content_type;
	align-self: center;
	justify-self: start;
}

[data-aid='container_search_list'] [data-aid='element'] [data-aid='i_time_modified']
{
	grid-area: i_time_modified;
	align-self: center;
	
}
[data-aid='container_search_list'] [data-aid='element'] [data-aid='s_readable_id']
{
	grid-area: s_readable_id;
	align-self: center;
	
}
[data-aid='container_search_list'] [data-aid='element'] [data-aid='a_highlighting']
{
	grid-area: a_highlighting;
	align-self: left;
	align-self: center;
	padding-bottom: 0;
	
}

[data-aid='container_search_field'] [data-aid='form']
{
	display: grid;
	grid-template-areas: 
	'field button';
	grid-template-columns: 1fr 30px;
}

[data-aid='container_search_field'] [data-aid='form'] iuiexclude
{
	grid-area: field;
}

[data-aid='container_search_field'] [data-aid='form'] .iui_button
{
	grid-area: button;
}


/*################################## CALENDAR LIST MODUL ############################################*/
[data-aid='container_calendar_list']
{
	min-height: 500px;
}
[data-aid='container_calendar_list'] div.iui_list_intersect_page
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	gap: var(--i_width_gap);
	align-items: self-start;
	
}

div.iui_list_intersect_page .iui_placeholder
{
	display: none;
}
[data-aid='container_calendar_list'] [data-aid='element']:not(.iui_open)
{
	display: grid;
	grid-template-areas: 
	'month s_shell_name s_shell_name s_shell_name'
	'month s_shell_name s_shell_name s_shell_name'
	'day i_time_begin i_time_begin i_time_begin'
	'day s_guid_location s_guid_location s_guid_location';
	
	grid-template-rows: 20px 20px 20px 20px;
	grid-template-columns: 50px 40px 0.5fr 0.5fr;
	align-content: start;
	border: 1px;	
	cursor: pointer;
	align-self: stretch;

}

[data-aid='container_calendar_list'] [data-aid='element'].iui_open
{
	display: grid;
	grid-template-areas: 
	'month s_shell_name s_shell_name s_shell_name'
	'month s_shell_name s_shell_name s_shell_name'
	'day i_time_begin i_time_begin i_time_begin'
	'day s_guid_location s_guid_location s_guid_location'
	'icon icon icon icon'
	's_text s_text s_text s_text';
	
	grid-template-rows: 20px 20px 20px 20px 100vmin minmax(0px, auto);
	grid-template-columns: 50px 1fr 1fr 1fr;
	align-content: start;
	border: 1px;	
	cursor: pointer;
	align-self: stretch;

}


[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='icon']
{
	grid-area: icon;
	padding: 0px;
	background-image: url(../icon/c_rec_time.svg);

}

[data-aid='container_calendar_list'] [data-aid='element'] .iui_cms_time_label_1
{
	font-size: 1.7em;
	text-align: center;
	align-self: stretch;
    line-height: 1.7em;
}
[data-aid='container_calendar_list'] [data-aid='element'] .iui_cms_time_label_2
{
	font-size: 1.7em;
	text-align: center;
	align-self: stretch;
    line-height: 1.7em;
}


[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='month']
{
	grid-area: month;
	padding: 0px;
	border: 1px solid;
	margin-right: 10px;
}

[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='month_text']
{
	display: none;
}

[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='day']
{
	grid-area: day;
	padding: 0px;
	margin-right: 10px;


}

[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='minute']
{
	grid-area: minute;
	padding: 0px;
}

[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='icon'] [data-aid='pic']
{
	grid-area: icon;
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 100%;

}
[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='s_shell_name']
{
	grid-area: s_shell_name;
	align-self: center;
	/*justify-self: start;*/
	font-size: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	
}

[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='i_time_begin']
{
	grid-area: i_time_begin;
	align-self: center;
}


[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='s_guid_location']
{
	grid-area: s_guid_location;
	align-self: center;

}

[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='s_text']
{
	grid-area: s_text;
	padding: var(--i_width_gap);
	white-space: normal;

}
[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='place']
{
	grid-area: place;
}

[data-aid='container_calendar_list'] [data-aid='element']:not(.iui_open) [data-aid='s_text'],
[data-aid='container_calendar_list'] [data-aid='element'] [data-aid='place']
{
	display: none;
}

/*################################## ORG OFFICER LIST MODUL ############################################*/
[data-aid='container_officer_list']
{
	min-height: 100px;
}
[data-aid='container_officer_list'] div.iui_list_intersect_page
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	gap: var(--i_width_gap);
	align-items: self-start;
	
}

div.iui_list_intersect_page .iui_placeholder
{
	display: none;
}
[data-aid='container_officer_list'] [data-aid='element']
{
	display: grid;

	
	grid-template-areas: 
	'icon s_shell_name s_shell_name s_shell_name'
	'icon s_shell_name_status s_shell_name_status s_shell_name_status'
	'place s_email_secondary s_phone_public s_phone_public'
	'place s_working_place_name o_rec_working_place_address o_rec_working_place_address'
	'place next next next';
		
		
	grid-template-rows: 30px 20px minmax(0px, 1fr) minmax(0px, 1fr) 30px;
	grid-template-columns: 70px 1fr 1fr 1fr;
	align-content: start;
	transition: transform .2s; /* Animation */
	align-self: stretch;

}

[data-aid='container_officer_list'] [data-aid='element'] [data-aid='icon']
{
	grid-area: icon;
	padding: 0px;
	margin-right: 10px;

}
[data-aid='container_officer_list'] [data-aid='element'] [data-aid='icon'] [data-aid='pic']
{
	grid-area: icon;
	background-size: cover;
	height: 100%;
	width: 100%;

}

[data-aid='container_officer_list'] [data-aid='element'] [data-aid='place']
{
	grid-area: place;
}
[data-aid='container_officer_list'] [data-aid='element'] [data-aid='s_shell_name']
{
	grid-area: s_shell_name;
	align-self: center;
}

[data-aid='container_officer_list'] [data-aid='element'] [data-aid='s_shell_name_status']
{
	grid-area: s_shell_name_status;
}
[data-aid='container_officer_list'] [data-aid='element'] [data-aid='s_email_secondary']
{
	grid-area: s_email_secondary;
	align-self: center;
}
[data-aid='container_officer_list'] [data-aid='element'] [data-aid='s_phone_public']
{
	grid-area: s_phone_public;
	align-self: center;
}
[data-aid='container_officer_list'] [data-aid='element'] [data-aid='s_working_place_name']
{
	grid-area: s_working_place_name;
	align-self: center;
}
[data-aid='container_officer_list'] [data-aid='element'] [data-aid='o_rec_working_place_address']
{
	grid-area: o_rec_working_place_address;
	align-self: center;
}
[data-aid='container_officer_list'] [data-aid='element'] [data-aid='next']
{
	grid-area: next;
	align-self: center;

}
/*########### GDPR ELFOGADÁS ###########*/
[data-aid='gdpr']
{
	width: 80%;
	border: 1px solid;
	background-color: #FFF;
	padding: 20px;
	border-radius: 5px;

}

/*########### SZAVAZÁS ###########*/
[data-aid='vote']
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	grid-template-rows: auto;
	gap: var(--i_width_gap);
	align-items: self-start;
	
}
[data-aid='vote'] .iui_cms_vote_choice
{
	display: grid;
	gap: 15px;
	

}
[data-aid='vote'] .iui_cms_vote_choice [data-aid="choice_title"]
{
	font-size: 1.5em;
	text-align: center;	
}

[data-aid='vote'] .iui_cms_vote_choice [data-aid="choice_button"]
{
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

[data-aid='vote'] .iui_cms_vote_choice [data-aid="choice_result"]
{
	font-weight: bold;
	text-align: center;
}

[data-aid='vote'] .iui_cms_vote_choice [data-aid="choice_text"]
{
	text-align: center;
}
[data-aid='vote'] .iui_cms_vote_choice [data-aid="choice_image"]
{
	height: 200px;
	width: 200px;	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;	
	border-radius: 200px;
	justify-self: center;
}