/*###################################### Time Data List / Adat-specifikus idő nézet ###################################*/

[data-mod='c_rec_mod_time_data_list'] .iui_content_tr [data-aid='i_time_begin']{
	text-align: left;
	width: 250px;
}

[data-mod='c_rec_mod_time_data_list'] .iui_content_tr [data-aid='s_virtual_path']{
	width: 250px;	
}

[data-mod='c_rec_mod_time_data_list'] .iui_content_tr [data-aid='s_shell_name']{
	width: 150px;	
}

[data-mod='c_rec_mod_time_data_list'] .iui_content_tr [data-aid='s_shell_name']{
	width: 150px;	
}



/*###################################### Kivételes napok létrehozása ###################################*/
[data-mod='c_rec_mod_time_exceptional'] [data-aid='w_toolbar'],
[data-mod='c_rec_mod_dan_time_exceptional'] [data-aid='w_toolbar']
{
	display:grid;
	grid-template-rows: 1fr;
	grid-template-columns: auto auto auto auto auto auto;
	grid-column-gap: 5px;
}

[data-mod='c_rec_mod_dan_time_exceptional'] [data-aid='w_toolbar']
{
	grid-template-columns: auto auto auto auto auto;
}
[data-mod='c_rec_mod_dan_time_exceptional'] [data-aid='w_toolbar'] [data-aid='b_repeat_endless']
{
	display: none;
}

[data-mod='c_rec_mod_time_exceptional'] [data-aid='w_toolbar'] [data-aid='form'],
[data-mod='c_rec_mod_dan_time_exceptional'] [data-aid='w_toolbar'] [data-aid='form']
{
	display: none;
}

[data-mod='c_rec_mod_time_exceptional'] [data-aid='w_content_header'],
[data-mod='c_rec_mod_time_exceptional'] [data-aid='w_content']
{
	--i_width_i_time_begin: 1fr;
	--i_width_c_rec_data: 1fr;
	--i_width_s_shell_name: 1fr;
	--i_width_s_virtual_path: 0.5fr;
}

[data-mod='c_rec_mod_dan_time_exceptional'] [data-aid='w_content_header'],
[data-mod='c_rec_mod_dan_time_exceptional'] [data-aid='w_content']
{
	--i_width_i_time_begin: 1fr;
	--i_width_c_rec_data: 1fr;
	--i_width_s_shell_name: 1fr;
}

[data-mod='c_rec_mod_time_exceptional'] [data-aid="w_content_header"] .iui_content_tr,
[data-mod='c_rec_mod_time_exceptional'] [data-aid="w_content"] .iui_content_tr
{
	display: grid;
	grid-template-columns:
    	35px
    	var(--i_width_i_time_begin)
    	var(--i_width_c_rec_data)
    	var(--i_width_s_shell_name)
    	var(--i_width_s_virtual_path);
}

[data-mod='c_rec_mod_dan_time_exceptional'] [data-aid="w_content_header"] .iui_content_tr,
[data-mod='c_rec_mod_dan_time_exceptional'] [data-aid="w_content"] .iui_content_tr
{
	display: grid;
	grid-template-columns:
    	35px
    	var(--i_width_i_time_begin)
    	var(--i_width_c_rec_data)
    	var(--i_width_s_shell_name);
}

[data-mod='c_rec_mod_time_exceptional'] .iui_content_tr.opacity div
{
	opacity: 0.50;
	filter:alpha(opacity=50);
}

/*###################################### Calendar Data List / Adat-specifikus naptár nézet ###################################*/

[data-mod='c_rec_mod_time_data_calendar_list'] .iui_content_tr div:nth-child(1n+0)
{
	width: 116px;
	height: auto;
	overflow: hidden;
	padding: 2px;

}

[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content_header'], [data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content_header']  div.iui_content_tr
{
	margin: 0px;
	padding: 0px;
	height: 40px;
}


[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content_header']  div.iui_content_tr div div
{
	width: auto;
	
}


[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content_header']  div.iui_content_tr>div
{
	margin: 0px;
	padding: 0px;
}


[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content_header']  div.iui_content_tr div span.iui_calendar_header_date
{
	font-size: 0.9em;/*10px;*/
	font-weight: normal;
	
}

/*Aktuális nap css-e*/
[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content_header']  div.iui_content_tr> .iui_time_today >div .iui_calendar_header_date
{
	/*font-weight: bold;*/
}

[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content_header']  div.iui_content_tr div span.iui_calendar_header_add
{
	width: 10px;
	height: 10px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	background-image: url('../icon/iui_time_add.png');
	background-size: 80%;
	background-color: #AAA;
	background-position: center center;
	background-repeat: no-repeat;

}




[data-mod='c_rec_mod_time_data_calendar_list'] .iui_content_tr:nth-child(odd), [data-mod='c_rec_mod_time_data_calendar_list'] .iui_content_tr:nth-child(even)
{
	background-color: transparent;
	padding: 0px;
}

[data-mod='c_rec_mod_time_data_calendar_list'] .iui_content_tr:nth-child(odd):hover, [data-mod='c_rec_mod_time_data_calendar_list'] .iui_content_tr:nth-child(even):hover
{
	background-color: transparent;
	padding: 0px;
}


[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content'] div.iui_content_tr
{
	float: left;
	clear: left;
	height: auto;
	padding: 0px;
	
}
[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content'] div.iui_content_tr div.iui_calendar_day
{
	padding:0px;
	margin: 0px;
	
}
[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content'] div.iui_content_tr div [data-aid='element']
{
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 4px;
	border: solid 2px #FFF;
}

[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content'] div.iui_content_tr div [data-aid='header']
{
	font-size: 0.9em;
	text-overflow: ellipsis;/*Ez teszi a ...-ot a szöveg mögé, ha elfogy a hely. */	
}

[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content'] div.iui_content_tr div [data-aid='body'] .shell_icon
{
	width: 30px;
	height: 30px;
	margin-right: 2px;
	margin-bottom: 2px;
	overflow: hidden;
	display: block;
}


[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content'] div.iui_content_tr [data-aid='header'] span.iui_calendar_time
{
	font-size: 1em;
	font-weight: bold;
	overflow: hidden;

}

[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content'] div.iui_content_tr [data-aid='header'] div.iui_calendar_name
{
	overflow: hidden;

}

[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content'] div.iui_content_tr div [data-aid='body']
{
	font-size: 0.9em;
	font-style: italic;
	text-overflow: ellipsis;/*Ez teszi a ...-ot a szöveg mögé, ha elfogy a hely. */
	white-space: normal;/*Megakadályozza a szöveg törését. */
}

[data-mod='c_rec_mod_time_data_calendar_list'] [data-aid='w_content'] div.iui_content_tr div div.iui_calendar_overflow span.iui_calendar_header_continue
{
	width: 10px;
	height: 10px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	background-image: url('../icon/iui_time_overflow.png');
	background-size: 10px 10px;
	background-color: red;
	background-position: center center;
	background-repeat: no-repeat;
}

/* A diarykben a deadlineok megjelenítésére szolgáló beállítás */
[data-mod="c_rec_mod_time_data_calendar_list"] [data-aid="w_content"] div.iui_content_tr div [data-aid="other_pic"]
{
	width: 15px;
	height: 15px;
	background-size: 10px 10px;
	background-position: center center;
	background-repeat: no-repeat;
	display: inline;
	float: right;
	margin-right: 5px;
}

[data-mod="c_rec_mod_time_data_calendar_list"] [data-aid="w_content"] div.iui_content_tr div.c_rec_time_deadline>[data-aid="other_pic"]
{
	background-image: url('../../global/icon/c_rec_time_deadline.svg');
}

[data-mod="c_rec_mod_time_data_calendar_list"] [data-aid="w_content"] div.iui_content_tr div.c_rec_time_alert>[data-aid="other_pic"]
{
	background-image: url('../../global/icon/c_rec_time_alert.svg');
}

/* #################################  A c_rec_mod_time_data_diary_list css beállításai. ############################# */
.iui_header_date
{
	/*padding-top: 12px;*/
	float: right;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid="w_content_header"]
{
	--i_height_w_content_header: 30px;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_menubar'] input[type=text],
[data-mod*='time_data_diary_list_monthly'] [data-aid='w_menubar'] input[type=text],
[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_menubar'] input[type=text]
{
	font-size: 14px;
	background-color: transparent;
	border: 2px solid black;
	color: var(--color_main);
	text-align: center;
}

/* #################################  A c_rec_mod_time_data_diary_list_weekly css beállításai. ############################# */
/* Az osztály alá általában tartozó beállítások, ez benne van a html kódban, ezért érvényes lesz rá a css.*/
[data-mod*='time_data_diary_list_weekly'].iui_window_def [data-aid='w_content']
{
	display: grid;
	grid-auto-flow: row;
	grid-auto-rows: auto auto;
}
[data-mod*='time_data_diary_list_weekly'].iui_window_def [data-aid='w_content'] [data-aid='diary_short_container']
{
	overflow: auto;
}

[data-mod*='time_data_diary_list_weekly'].iui_window_def [data-aid='w_content'],
[data-mod*='time_data_diary_list_weekly'].iui_window_def [data-aid='w_content_header']
{
	padding-left: 15px;
	padding-left: 15px;
}

[data-mod*='time_data_diary_list_weekly'] .iui_drop_target
{	
	outline: unset;
	background-color: unset;
}

[data-mod*='time_data_diary_list_weekly'] *
{
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

[data-mod*='time_data_diary_list_weekly']  [data-aid='element_inner'] div
{
	padding: 0px 5px 1px 5px;
	line-height: 14px;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='element_inner'] [data-aid='s_shell_name']
{
	font-size: calc(var(--i_font_main_size) - 3px);
	width: 100%;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='element_inner'] [data-aid='i_time_begin']
{
	font-size:10px;
	width: 100%;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='diary_long_container']
{
	padding-right: 1px;
	width: 100%;
	padding: 0px;
	padding-left: 35px;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse: collapse;
	height: initial;
}

/*Egy napnál rövidebb események*/
[data-mod*='time_data_diary_list_weekly'] .iui_diary_day_div > div .iui_diary_element_outter
{
	position: absolute;
	padding-right: 1px;
}

/*Egy napnál hosszabb események*/
[data-mod*='time_data_diary_list_weekly'] [data-aid='diary_long_container'] div.iui_diary_element
{
	padding: 1px;
	padding-left: 5px;
	overflow: hidden;
	position: relative;

}

[data-mod*='time_data_diary_list_weekly'] .iui_color_time [data-aid='diary_long_container'] div.iui_diary_element
{
	background-color: var(--s_color_time);
	color: var(--s_color_time_font);
}

[data-mod*='time_data_diary_list_weekly'] .iui_color_rec_data [data-aid='diary_long_container'] div.iui_diary_element
{
	background-color: var(--s_color_rec_data);
	color: var(--s_color_rec_data_font);
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='diary_container']
{

	padding: 0px;
	margin: 0px;
	/*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
	border-collapse: collapse;

}

/*A google-höz hasonlóan egy táblázatba tettük a heti naptár nézetet. */
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content'] table.iui_calendar_layout_fixed
{
	/*Emiatt van az, hogy a tartalom miatt nem változik az oszopok szélessége, egyébként 
	a default auto módban az első oszlopban bármi más méret van, mint a többiben, 
	akkor azt automatikusan megnöveli. */
	table-layout: fixed;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content'] table
{
	margin:0px; 
	height: 730px; 
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	width: 100%;
}
[data-mod*='time_data_diary_list_weekly'] tr
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	width: 100%;
}
/*A táblázaton belül celáknak is lennie kell. */
[data-mod*='time_data_diary_list_weekly'] td
{
	vertical-align:top; /*Azért kell felfelé pozícionálni, mert fentről fogjuk számítani  a kezdő időpont alapján az elcsúsztatást. */
	padding: 0px;
	margin: 0px;
	
	/*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
	border-collapse: collapse;
}

/*Az első oszlop bal oldali ffüggőleges kerete*/
[data-mod*='time_data_diary_list_weekly'] [data-aid="day_container_inner_1"]
{
	border-left: 1px solid var(--color_border);
}



/*A td belül lennie kell egy div-nek, ami az időarányos magasságot állítja be. */
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content'] td > div, [data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content'] td > div
{
	height: 720px; 
	margin-bottom: -720px;
	position: relative; 
	padding: 0px;
	margin: 0px;
	width: 100%;
}
[data-mod*='time_data_diary_list_weekly'] td[data-aid="diary_container_hours"], [data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid="diary_container_hours"]
{
	width: 35px;
}
[data-mod*='time_data_diary_list_weekly'] [data-aid="diary_container_hours"] > div
{
	height: 720px; 
	margin-bottom: -720px;
	position: relative; 
	padding: 0px;
	margin:0px;
}


/*A fenti diven belül van egy másik is, amely már a tényleges szélességek és a 
hosszúság szerinti magasság beállítását teszi lehetővé. De ezt a PHP végzi. */
[data-mod*='time_data_diary_list_weekly'] td > div > [data-aid='day_container']
{
	height: 0px; 
	/*margin-right: 10px;*/
	position: relative;
	
}
/*Ez a belső rész, amely a tényleges esemény div-je*/
[data-mod*='time_data_diary_list_weekly'] td > div  div.iui_diary_element
{
	padding: 0px;
	font-size: 0.8em;
	overflow: hidden;
}

/*Az idpőpont rekordokban tárolt színek használata oly módon, hogy az egyes 
naptárbejegyzésben beállítjuk ennek a változónak az értékét, és így ebben 
az osztály konstellációban hbehivatkozzuk. */
[data-mod*='time_data_diary_list_weekly'] .iui_color_time td > div  div.iui_diary_element
{
	background-color: var(--s_color_time);
	color: var(--s_color_time_font);
}

/*Az idpőpont rekordokban tárolt színek használata oly módon, hogy az egyes 
naptárbejegyzésben beállítjuk ennek a változónak az értékét, és így ebben 
az osztály konstellációban hbehivatkozzuk. */
[data-mod*='time_data_diary_list_weekly'] .iui_color_rec_data td > div  div.iui_diary_element
{
	background-color: var(--s_color_rec_data);
	color: var(--s_color_rec_data_font);
}

[data-mod*='time_data_diary_list_weekly'] div.iui_diary_element div.iui_calendar_alert
{
	display: none;
}

[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data
{
	--s_color_rec_data: var(--color_main);
}

.iui_button_select.c_rec_time_fix .iui_button_select_icon,
.iui_checklist label.c_rec_time_fix>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_time_fix,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_time_fix
{
	--s_color_rec_data: #DD28C7; 
	--s_color_rec_data_font: white
}

.iui_button_select.c_rec_task_phone .iui_button_select_icon,
.iui_checklist label.c_rec_task_phone>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_phone,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_phone
{
	--s_color_rec_data: #BAA527; 
	--s_color_rec_data_font: white
}

.iui_button_select.c_rec_task_dan_distributor .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_distributor>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_distributor,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_distributor
{
	--s_color_rec_data: #327FC6; 
	--s_color_rec_data_font: white
}


.iui_button_select.c_rec_task .iui_button_select_icon,
.iui_checklist label.c_rec_task>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task
{
	--s_color_rec_data: #5DE2E2; 
	--s_color_rec_data_font: white
}

.iui_button_select.c_rec_time_folder .iui_button_select_icon,
.iui_checklist label.c_rec_time_folder>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_time_folder,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_time_folder
{
	--s_color_rec_data: #DD28C7; 
	--s_color_rec_data_font: white
}

.iui_button_select.c_rec_task_meeting .iui_button_select_icon,
.iui_button_select.c_rec_task_meeting_skype .iui_button_select_icon,
.iui_button_select.c_rec_task_meeting_teams .iui_button_select_icon,
.iui_button_select.c_rec_task_visit .iui_button_select_icon,
.iui_checklist label.c_rec_task_visit>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_meeting,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_meeting,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_meeting_skype,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_meeting_skype,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_meeting_teams,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_meeting_teams,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_visit,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_visit
{
	--s_color_rec_data: #8ABD24; 
	--s_color_rec_data_font: white
}

.iui_button_select.c_rec_task_dan_conference .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_conference>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_conference,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_conference
{
	--s_color_rec_data: #71448E; 
	--s_color_rec_data_font: white
}
.iui_button_select.c_rec_task_dan_office_day .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_office_day>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_office_day,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_office_day
{
	--s_color_rec_data: #4E697A; 
	--s_color_rec_data_font: white
}
.iui_button_select.c_rec_task_dan_company_event .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_company_event>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_company_event,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_company_event
{
	--s_color_rec_data: #1BB946; 
	--s_color_rec_data_font: white
}
.iui_button_select.c_rec_task_dan_scan .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_scan>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_scan,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_scan
{
	--s_color_rec_data: #824922; 
	--s_color_rec_data_font: white
}
.iui_button_select.c_rec_task_dan_sampling .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_sampling>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_sampling,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_sampling
{
	--s_color_rec_data: #4F0B07; 
	--s_color_rec_data_font: white
}
.iui_button_select.c_rec_task_dan_day_off .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_day_off>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_day_off,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_day_off
{
	--s_color_rec_data: #EA2A4F; 
	--s_color_rec_data_font: white
}
.iui_button_select.c_rec_task_dan_sick_leave .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_sick_leave>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_sick_leave,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_sick_leave
{
	--s_color_rec_data: #DD3ABF; 
	--s_color_rec_data_font: white
}
.iui_button_select.c_rec_task_dan_private .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_private>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_private,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_private
{
	--s_color_rec_data: #848484; 
	--s_color_rec_data_font: white
}
.iui_button_select.c_rec_task_dan_drone .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_drone>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_drone,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_drone
{
	--s_color_rec_data: #EA5E27; 
	--s_color_rec_data_font: white
}
.iui_button_select.c_rec_task_dan_leaf .iui_button_select_icon,
.iui_checklist label.c_rec_task_dan_leaf>span,
[data-mod*='c_rec_mod_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_leaf,
[data-mod*='c_rec_mod_dan_time_data_diary_list'] .iui_color_rec_data .c_rec_task_dan_leaf
{
	--s_color_rec_data: green; 
	--s_color_rec_data_font: white
}



[data-mod*='time_data_diary_list_weekly'] td > div  div.iui_diary_element:hover
{
	z-index: 1;
	opacity: 0.9;
	filter:alpha(opacity=90);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
}
@media only print
{
	[data-mod*='time_data_diary_list_weekly'] td > div  div.iui_diary_element
	{
		border: 1px solid var(--color_border_print) !important;
	}
}

/*A táblázat nap oszlopaiban lévő óra divek*/
[data-mod*='time_data_diary_list_weekly'] td > div .iui_diary_hours, 
[data-mod='c_rec_mod_time_data_diary_list_daily'] td > div .iui_diary_hours
{
	height: 60px;

}
/*A táblázat nap oszlopainak óra alábontása negyed órákra */
[data-mod*='time_data_diary_list_weekly'] td > div .iui_diary_hours > div
{
	height: 25%;
}

[data-mod*='time_data_diary_list_weekly'] td > div .iui_diary_hours > div:hover
{
	background-color: var(--color_border);
}

/*Az órákat mutató oszlop.*/
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content'] td > .iui_diary_hours, 
[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content'] td > .iui_diary_hours
{
	height: 60px;
	overflow: hidden;
	font-size: 0.8em;
}

[data-mod*='time_data_diary_list_weekly'] td > div  div.iui_diary_actual_time
{
	position: absolute;
	width: 100%; 
}

[data-mod*='time_data_diary_list_weekly'] td > div  div.iui_diary_actual_time_inner
{
	height: 3px;
	margin: 0px 2px;
}


/*A fejléc (w_content_header) magasságát beállító szabály*/
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_content_header"] div.iui_diary_header
{
	border-right: 0;
	text-align: left !important;
	display: grid;
	grid-auto-flow: column;
	grid-template-areas:  
		'day date info';
	grid-template-rows: 1fr;
	grid-template-columns: auto 1fr 20px;

}

/*[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header'], */
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header'] div.iui_content_tr
{
	margin: 0px;
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: 1fr;
	grid-template-columns: 35px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	width: 100%;
	cursor: zoom-in;
}
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header']>div.iui_content_tr>.iui_event_click
{
	cursor: zoom-in;
}
/* TODO: HA AZ EGÉSZ NAPOS ESEMÉNYEKET GRID-ESRE AKARJK MEGCSINÁLNI...
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header'] [data-aid='diary_long_container'] > div
{
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
*/
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header'] div.iui_content_tr>div:nth-child(1),
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content'] [data-aid='diary_container_hours'] div,
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content'] [data-aid='diary_long_container'] div
{
	border: unset;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid="w_content_header"] div.iui_content_tr>div:nth-child(n+3)
{
    margin-left: -1px;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid="w_content"] table.iui_content_tr
{
    margin-top: -1px;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header']  div.iui_content_tr>div
{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header'] .iui_calendar_zoom_in
{
	background-color: #F3FFF3 !important;
	border-color: #87DA9C !important;
	cursor: zoom-out;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header'] .iui_calendar_zoom_out
{
	cursor: zoom-in;
}


[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header']  div.iui_content_tr>div[data-aid="diary_header_hours"]
{
	margin: 0px;
	padding: 0px;
	width: 35px;
	height: 30px;
	display: block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header']  div.iui_content_tr div span.iui_calendar_header_date
{
	padding: 0px 5px;
	font-size: var(--i_font_main_size);
	color: var(--color_font_text);
	font-weight: 600;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header']  div.iui_content_tr div span.iui_calendar_header_info, [data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content_header']  div.iui_content_tr div span.iui_calendar_header_info
{
	width: 16px;
	height: 16px;
	display: inline-block;
	visibility: hidden;
	position: relative;
	top: 6px;
	background-image: url('../icon/iui_time_info_red.svg');
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header']  div.iui_content_tr div span.iui_calendar_header_add
{
	width: 10px;
	height: 10px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	background-image: url('../icon/iui_time_add.png');
	background-size: 100%;
	background-color: #AAA;
	background-position: center center;
	background-repeat: no-repeat;
}

/* A diarykben a deadlineok megjelenítésére szolgáló beállítás */
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content'] div.iui_diary_element_outter>.iui_deadline
{
	background-size: 12px 12px;
	background-position: 15%;
	background-repeat: no-repeat;
	padding-left: 15px;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content'] div.iui_diary_element_outter.c_rec_time_deadline>.iui_deadline
{
	background-image: url('../../global/icon/c_rec_time_deadline.svg');
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content'] div.iui_diary_element_outter.c_rec_time_alert>.iui_deadline
{
	background-image: url('../../global/icon/c_rec_time_alert.svg');
}

.iui_content_tr div.iui_diary_non_workday
{
	/*background-color: var(--color_bg_work);*/
}


/* #################################  A c_rec_mod_time_data_diary_list_daily css beállításai. ############################# */
/* Az osztály alá általában tartozó beállítások, ez benne van a html kódban, ezért érvényes lesz rá a css.*/
[data-mod='c_rec_mod_time_data_diary_list_daily']
{
	
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='diary_long_container']
{
	width: 100%;
	padding: 0px;
	padding-left: 35px;
	margin: 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-collapse: collapse;
	height: initial;
}

/*Egy napnál rövidebb események*/
[data-mod='c_rec_mod_time_data_diary_list_daily'] .iui_diary_day_div > div .iui_diary_element_outter
{
	position: absolute;
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='diary_long_container'] div.iui_diary_element
{
	padding: 1px;
	font-size: 0.8em;
	overflow: hidden;
	height: 18px;
	overflow: hidden;
	position: relative;
	
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='diary_container']
{

	padding: 0px;
	margin: 0px;
	/*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
	border-collapse: collapse;

}

/*A google-höz hasonlóan egy táblázatba tettük a heti naptár nézetet. */
[data-mod='c_rec_mod_time_data_diary_list_daily'] table
{
	margin:0px; 
	height: 730px; 
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	width: 100%;
}
[data-mod='c_rec_mod_time_data_diary_list_daily'] tr
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}
/*A táblázaton belül celáknak is lennie kell. */
[data-mod='c_rec_mod_time_data_diary_list_daily'] td
{
	vertical-align:top; /*Azért kell felfelé pozícionálni, mert fentről fogjuk számítani  a kezdő időpont alapján az elcsúsztatást. */
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] td:nth-child(1)
{
	width: 2%;
	
}
[data-mod='c_rec_mod_time_data_diary_list_daily'] td:nth-child(2)
{
	width: 98%;
	
}

/*A fenti diven belül van egy másik is, amely már a tényleges szélességek és a 
hosszúság szerinti magasság beállítását teszi lehetővé. De ezt a PHP végzi. */
[data-mod='c_rec_mod_time_data_diary_list_daily'] td > div > [data-aid='day_container']
{
	height: 0px; 
	/*margin-right: 10px; */
	position: relative;
	
}
/*Ez a belső rész, amely a tényleges esemény div-je*/
[data-mod='c_rec_mod_time_data_diary_list_daily'] td > div  div.iui_diary_element
{
	padding: 0px;
	font-size: 0.8em;
	overflow: hidden;
	
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] td > div  div.iui_diary_actual_time
{
	position: absolute;
	width: 100%; 
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] td > div  div.iui_diary_actual_time_inner
{
	height: 3px;
}


/*A fejléc (w_content_header) magasságát beállító szabály*/
[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content_header'], [data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content_header']  div.iui_content_tr
{
	margin: 0px;
	padding: 2px;
	height: 40px;
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content_header']  div.iui_content_tr div div
{
	width: 100%;
	
}


[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content_header']  div.iui_content_tr>div
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content_header']  div.iui_content_tr>[data-aid="diary_header_hours"]
{
	margin: 0px;
	padding: 0px;
	width: 33px;
	height: 30px;
	display: block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content_header']  div.iui_content_tr div span.iui_calendar_header_date
{
	font-size: 0.9em;/*10px;*/
	font-weight: normal;
	
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content_header']  div.iui_content_tr div span.iui_calendar_header_add
{
	width: 10px;
	height: 10px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	background-image: url('../icon/iui_time_add.png');
	background-size: 80%;
	background-color: #AAA;
	background-position: center center;
	background-repeat: no-repeat;
}

/* A diarykben a deadlineok megjelenítésére szolgáló beállítás */
[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content'] div.iui_diary_element_outter>.iui_deadline
{
	background-size: 12px 12px;
	background-position: 10%;
	background-repeat: no-repeat;
	padding-left: 15px;
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content'] div.iui_diary_element_outter.c_rec_time_deadline>.iui_deadline
{
	background-image: url('../../global/icon/c_rec_time_deadline.svg');
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] [data-aid='w_content'] div.iui_diary_element_outter.c_rec_time_alert>.iui_deadline
{
	background-image: url('../../global/icon/c_rec_time_alert.svg');
}

/*A táblázat nap oszlopainak óra alábontása negyed órákra */
[data-mod='c_rec_mod_time_data_diary_list_daily'] td > div .iui_diary_hours > div
{
	height: 25%;
}

[data-mod='c_rec_mod_time_data_diary_list_daily'] td > div .iui_diary_hours > div:hover
{
	background-color: var(--color_bg_hover);
}

/* #################################  A c_rec_mod_time_data_diary_list_monthly css beállításai. ############################# */
/* Az osztály alá általában tartozó beállítások, ez benne van a html kódban, ezért érvényes lesz rá a css.*/
[data-mod*='time_data_diary_list_monthly'] [data-aid="w_contentbar_right"]>span,
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_contentbar_right"]>span
{
	padding-left: 25px;
	
	background-size: 20px 20px;
	background-position: 0px center;
	background-repeat: no-repeat;
	background-image: url('../../global/icon/iui_filter_b.svg');
}

[data-mod*='time_data_diary_list_monthly'] [data-aid="w_contentbar_right"] input[type="button"],
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_contentbar_right"] input[type="button"]
{
	min-width: 100%;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid="content"]
{
    --i_height_w_content_header: 30px;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] [data-aid="list_intersect_container"]
{
	height: 100%; /*Ez kell ahhoz, hogy a naptár egész területét ne kellejen görgetni. */
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content_header']  div.iui_content_tr,
[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] [data-aid="list_intersect_container"]
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	/*grid-auto-rows: 1fr; */
	/*Ez kell ahhoz, hogy a sorok elvileg egyorma magasak legyenek, csak lentebbi szinten le kell kezelni a kilógásokat 
	valamilyen overflow meghatározással. */
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] [data-aid="list_intersect_container"] [data-aid*="list_intersect_day"]
{
	display: grid;
	grid-template-columns: 35px 1fr 35px;
	grid-template-rows: 35px 1fr;
	grid-template-areas:
		'quantity exceptional name'
		'container container container';
	cursor: pointer;
	overflow: hidden;/*Ez kell ahhoz, hogy a cellák tartalma ne tolja ki a sort, így egy felsőbb szintre kiadott beállítás miatt egyformák tudnak lenni. */
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] [data-aid="list_intersect_container"] [data-aid*="list_intersect_day"]>[data-aid="name"]
{
	grid-area: name;
	
	display: flex;
	justify-content: center;
	align-items: center; 
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] [data-aid="list_intersect_container"] [data-aid*="list_intersect_day"]>[data-aid="exceptional"]
{
	grid-area: exceptional;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] [data-aid="list_intersect_container"] [data-aid*="list_intersect_day"]>[data-aid="quantity"]
{
	grid-area: quantity;
	display: flex;
	
	justify-content: center;
	align-items: center; 
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] [data-aid="list_intersect_container"] [data-aid*="list_intersect_day"]>[data-aid="container"]
{
	grid-area: container;
	overflow: auto; /* ez kell ahhoz, hogy a csak az a rész scrollozódjon, amelyikben az események vannak, és csak függőlegesen.*/
	
	width: 100%;
	height: 100%;
}

/*Egy esemény megjelenítése*/
[data-aid="list_intersect_container"] [data-aid*="list_intersect_day"] [data-aid="element"]
{
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-areas: 'time name';
}
[data-aid="list_intersect_container"] [data-aid*="list_intersect_day"] div.iui_diary_element.c_rec_task_visit.c_status_open div.iui_calendar_alert
{
	display:none;
}

[data-aid="list_intersect_container"] [data-aid*="list_intersect_day"] [data-aid="container"] [data-aid="element"]
{
	grid-template-rows: 20px;
}

[data-aid="list_intersect_container"] [data-aid*="list_intersect_day"] [data-aid="exceptional"] [data-aid="element"]
{
	grid-template-rows: 30px;
}

[data-aid="list_intersect_container"] [data-aid*="list_intersect_day"] [data-aid="element"]>[data-aid="i_time_calculated_begin"]
{
	grid-area: time;
}

[data-aid="list_intersect_container"] [data-aid*="list_intersect_day"] [data-aid="element"]>[data-aid="s_shell_name"]
{
	grid-area: name;
}


/*Egy esemény nevének kinézete kivételes nap esetén*/
[data-aid="list_intersect_container"] [data-aid*="list_intersect_day"] [data-aid="exceptional"] [data-aid="element"]>[data-aid="i_time_calculated_begin"]
{
	display: none;
}

/*Az idpőpont rekordokban tárolt színek használata oly módon, hogy az egyes 
naptárbejegyzésben beállítjuk ennek a változónak az értékét, és így ebben 
az osztály konstellációban hbehivatkozzuk. */
[data-mod*='time_data_diary_list_monthly'] .iui_color_time [data-aid="container"] div.iui_diary_element
{
	background-color: var(--s_color_time);
	color: var(--s_color_time_font);
}

[data-mod*='time_data_diary_list_monthly'] .iui_color_rec_data [data-aid="container"] div.iui_diary_element
{
	background-color: var(--s_color_rec_data);
	color: var(--s_color_rec_data_font);
	cursor: pointer;
}

/*REKORDTÍPUS SZERINTI SZÍNEZÉSEKET LÁSD A HETI NÉZETNÉL! */
[data-mod*='time_data_diary_list_monthly'] [data-aid='calendar_monthly_quantity']
{
	display: inline-block;
	position: static;
	margin-left: 0;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='calendar_monthly_quantity'] .iui_calendar_monthly_quantity
{
	float:left;
	width: 50%;
	height: 3vmin;
	padding-left: 3vmin;
	position: static;
	display: none;
	background-size: 2.5vmin 2.5vmin;
    background-position: left;
	background-repeat: no-repeat;
	font-size: 3vmin;
	line-height: 3vmin
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='calendar_monthly_quantity'] [data-aid='calendar_monthly_fix']
{
	background-image: url('../../global/icon/c_rec_time_fix_black.svg');
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='calendar_monthly_quantity'] [data-aid='calendar_monthly_deadline']
{	
	background-image: url('../../global/icon/c_rec_time_deadline_black.svg');
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='calendar_monthly_quantity'] [data-aid='calendar_monthly_alert']
{
	background-image: url('../../global/icon/c_rec_time_alert_black.svg');
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='diary_container']
{
	padding: 0px;
	margin: 0px;
	/*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
	border-collapse: collapse;

}

/*A google-höz hasonlóan egy táblázatba tettük a heti naptár nézetet. */
[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] table
{
	margin:0px; 
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	overflow: hidden;
	

}
[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] tr
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}
/*A táblázaton belül celáknak is lennie kell. */
[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] td
{
	vertical-align:top; /*Azért kell felfelé pozícionálni, mert fentről fogjuk számítani  a kezdő időpont alapján az elcsúsztatást. */
	padding: 0px;
	margin: 0px;
	width: 14%;
	height: 100%;
	
	/*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
	border-collapse: collapse;
	
}
/*A td belül lennie kell egy div-nek, ami az időarányos magasságot állítja be. */
[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] td > div
{
	height: 100%; 
	margin-bottom: -300px;
	position: relative; 
	padding: 0px;
	margin:0px;
	width: 100%;
	/*display: inline-block;*/

}

/*A fenti diven belül van egy másik is, amely már a tényleges szélességek és a 
hosszúság szerinti magasság beállítását teszi lehetővé. De ezt a PHP végzi. */
[data-mod*='time_data_diary_list_monthly'] td > div > [data-aid='day_container']
{
	height: 120px; 
	/*margin-right: 10px; */
	position: relative;
	
}

/*Ez a belső rész, amely a tényleges esemény külső div-je*/
[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] td > div  div
{
	width: 100%;
	height: 100%;
	left: 0%;
	position: absolute;
	
}

/*Ez a belső rész, amely a tényleges esemény div-je*/
[data-mod*='time_data_diary_list_monthly'] td > div  div.iui_diary_element_inner
{
	padding: 0px;
	overflow: hidden;
	padding-left: 0.2vmin;
	height: 20%;
	
}

[data-mod*='time_data_diary_list_monthly'] td > div  div.iui_diary_element_inner [data-aid="calendar_monthly_name"]
{
	padding: 0px;
	padding-left: 0.2vmin;
	padding-top: 0.2vmin;
	font-size: 4vmin;
	line-height: 4vmin;
	display: inline;
	position:static;
}

/*A fejléc (w_content_header) magasságát beállító szabály*/
[data-mod*='time_data_diary_list_monthly'] [data-aid="w_content_header"] div.iui_diary_header
{
	border-right: 0;
	text-align: left !important;
	height: unset;

}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content_header'], 
[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content_header']  div.iui_content_tr
{
	margin: 0px;
	overflow: hidden;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content_header']  div.iui_content_tr>div
{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content_header']  div.iui_content_tr>[data-aid="diary_header_hours"]
{
	margin: 0px;
	padding: 0px;
	width: 33px;
	height: 30px;
	display: block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




.iui_calendar_header_day
{
	grid-area: day;
	font-size: var(--i_font_main_size);
	overflow: hidden;
	text-overflow: ellipsis;
}
.iui_calendar_header_info
{
	grid-area: info;
}
.iui_calendar_header_date
{
	grid-area: date;
}

/* Közös elemek a két listázóban */
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_content_header"] div.iui_content_tr,
[data-mod*='time_data_diary_list_monthly'] [data-aid="w_content_header"] div.iui_content_tr
{
	height: 30px;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid="w_content_header"] div.iui_content_tr>div,
[data-mod*='time_data_diary_list_monthly'] [data-aid="w_content_header"] div.iui_content_tr>div
{
	height: 30px;
	line-height: 30px;
	text-transform: none;
	font-weight: 600;
}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header']  div.iui_content_tr:hover,
[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content_header']  div.iui_content_tr:hover
{
	color: inherit;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid="w_toolbar"] [data-aid="form"],
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_toolbar"] [data-aid="form"]
{
	display:none;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid="w_toolbar"],
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_toolbar"]
{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid="w_toolbar"] [data-aid="left"],
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_toolbar"] [data-aid="left"]
{
	display:flex;
	grid-gap: 5px;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid="w_toolbar"] [data-aid="left"] .iui_button_icon,
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_toolbar"] [data-aid="left"] .iui_button_icon,
[data-mod*='time_data_diary_list_monthly'] [data-aid="w_toolbar"] [data-aid="left"] .iui_button_icon div[data-aid="icon"],
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_toolbar"] [data-aid="left"] .iui_button_icon div[data-aid="icon"]
{
	background-color: #2B2B2B !important;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid="w_toolbar"] [data-aid="center"],
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_toolbar"] [data-aid="center"]
{
	display:flex;
	justify-content:center;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid="w_toolbar"] [data-aid="center"] input[data-aid="visible_date"],
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_toolbar"] [data-aid="center"] input[data-aid="visible_date"]
{
	background-color: #F3FFF3;
	border-color: #87DA9C;
	text-align: center;
}

[data-mod*='time_data_diary_list_monthly'] [data-aid="w_menubar_buttons"],
[data-mod*='time_data_diary_list_weekly'] [data-aid="w_menubar_buttons"]
{
	justify-content:end;
}

[data-mod*='time_data_diary_list_weekly'] .c_rec_task_visit.c_status_open div.iui_diary_element,
[data-mod*='time_data_diary_list_monthly'] div.iui_diary_element.c_rec_task_visit.c_status_open,
[data-mod*='time_data_diary_list_weekly'] .c_rec_task_phone.c_status_open div.iui_diary_element,
[data-mod*='time_data_diary_list_monthly'] div.iui_diary_element.c_rec_task_phone.c_status_open
{
	border-left: 4px solid #FF4848;
}

/*
[data-mod*='time_data_diary_list_weekly'] .c_rec_task_visit.c_status_open div.iui_diary_element div.iui_calendar_alert,
[data-mod*='time_data_diary_list_monthly'] div.iui_diary_element.c_rec_task_visit.c_status_open div.iui_calendar_alert
{
	display: block !important;
	position: absolute;
	background-color: #FF4848;
	height: 10px;
	width: 10px;
	border-radius: 5px;
	margin: -3px -4px;
}

[data-mod*='time_data_diary_list_monthly'] div.iui_diary_element.c_rec_task_visit.c_status_open div.iui_calendar_alert
{
}
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content'] .iui_diary_element.ui-resizable
{
	position: initial;
}
[data-mod*='time_data_diary_list_weekly'] .c_rec_task_visit.c_status_open div.iui_diary_element div.iui_calendar_alert
{
	top: 0px;
	left: 0px;
}
*/
[data-mod*='time_data_diary_list_weekly'] .c_rec_task_visit.c_status_open div.iui_diary_element,
[data-mod*='time_data_diary_list_monthly'] div.iui_diary_element.c_rec_task_visit.c_status_open
{
	--s_color_rec_data: #9AE0AD;
}

[data-mod*='time_data_diary_list_weekly'] .c_rec_task_phone.c_status_open div.iui_diary_element,
[data-mod*='time_data_diary_list_monthly'] div.iui_diary_element.c_rec_task_phone.c_status_open
{
	--s_color_rec_data: #dcca5a;
}

/*
[data-mod*='time_data_diary_list_monthly'] [data-aid='w_menubar'],
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_menubar']
{
	padding-right: 0px;
	flex-direction: row-reverse;
}
*/
/*########################################### GOMBOK  ######################	*/
.iui_time_add [data-aid='icon']
{
	background-image: url('../icon/iui_time_add.svg');
}

.iui_task_fc_future_add [data-aid='icon']
{
	background-image: url('../icon/iui_task_fc_future_add.svg');	
}

.iui_task_fc_past_add [data-aid='icon']
{
	background-image: url('../icon/iui_task_fc_past_add.svg');		
}

.iui_task_fc_present_add [data-aid='icon']
{
	background-image: url('../icon/iui_task_fc_present_add.svg');		
}

.iui_task_visit_add [data-aid='icon']
{
	background-image: url('../../global/icon/c_rec_task_visit.svg');
}

/*########################################## CONTEXT MODUL AZ HETI, NAPI, ÉS HAVI NÉZETBEN #########################*/
[data-mod='c_rec_mod_time_modify_context']
{
		min-width: 300px;
}
[data-mod='c_rec_mod_time_modify_context'] input:disabled,
[data-mod='c_rec_mod_time_modify_context'] select:disabled,
[data-mod='c_rec_mod_time_modify_context'] textarea:disabled
{
	color: var(--color_font_text);
	opacity: 1;
}

[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid']
{
	display: grid;
	grid-template-areas: 
		'name name name name modify'
		'time_title time_title time_title time_title modify'
		'begin begin begin begin delete'
		'end end end end view'
		'page page page page save';
	grid-template-columns: 1fr 1fr 1fr 1fr 35px;
	grid-template-rows: 30px 20px 30px 30px 1fr;
	height: auto;
	grid-column-gap: 3px;

}

[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='name']
{
	grid-area: name;
	border-right: 1px solid var(--color_border);
	padding-right: 5px;

}
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='modify']
{
	grid-area: modify;
	background-image: url(../../global/icon/c_op_modify.svg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}

[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='page']
{
	grid-area: page;
	border-right: 1px solid var(--color_border);
	padding-right: 5px;
    padding-left: 5px;
    min-height: 80px;

}

[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='time_title']
{
	grid-area: time_title;
	border-right: 1px solid var(--color_border);
	padding-right: 5px;
	padding-left: 10px;
	color: var(--color_font_aux);
	padding-top: 5px;
}

[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='end']
{
	grid-area: end;
	border-right: 1px solid var(--color_border);
	padding-right: 5px;
}
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='begin']
{
	grid-area: begin;
	border-right: 1px solid var(--color_border);
	padding-right: 5px;
}
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='view']
{
	grid-area: view;
	background-image: url(../../global/icon/c_rec_mod_shell_browse.svg);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	cursor: pointer;
}
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='view'].iui_time_view_link
{
		background-image: url(../../global/icon/c_rec_time.svg);
}
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='delete']
{
	grid-area: delete;
	background-image: url(../../global/icon/c_rec_mod_shell_delete.svg);
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: center;
}


[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='name'] input
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: calc(var(--i_font_main_size) + 3px);
}
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='name'] input:focus
{
	border: 1px solid var(--color_main);
}

[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='save']
{
	align-self: end;
	justify-self: center;
}
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='save'] input[type="button"]
{

	min-width: unset;
	width: 30px;
	background-color: var(--color_main);
}


[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='link']
{
	display: none;
}

[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='text'] div[data-aid="text"]
{
	padding: 0px;
}
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='text'] div[data-aid="text"]:focus
{
	border: 1px solid var(--color_main);
	padding: 2px;
}
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid="form_field_container"].iui_form_element_vertical, 
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid="form_field_container"].iui_form_element_vertical [data-aid="field_container"] 
{
	padding-bottom: 0px;
}
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] div[data-aid="form_field_container"] [data-aid="element_label"]
{
	height: 0px;
}

[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] input,
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] div[data-aid="html_editor"],
[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] select
{
	border: 0px;	
	background-color: inherit;
	box-shadow: unset;
	font-size: calc( var(--i_font_main_size) - 1px);
}


[data-mod='c_rec_mod_time_modify_context'] [data-aid='grid'] [data-aid='text'] div[data-aid="text"]:focus
{
	border: 1px solid var(--color_main);
	padding: 2px;
}

/*########################################## CREATE MODIFY MODULOK #########################*/

[data-mod='c_rec_mod_time_create'] [data-aid='w_menubar'] [data-aid='w_menubar_search'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='w_menubar'] [data-aid='w_menubar_search']
{
	width: 0px;	
}
[data-mod='c_rec_mod_time_create'] [data-aid='w_menubar'] [data-aid='w_menubar_buttons'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='w_menubar'] [data-aid='w_menubar_buttons']
{
	width: 100%;	
}

.iui_button_date [data-aid='icon']
{
	background-image: url('../../time/icon/iui_button_date.svg');
}
.iui_button_work [data-aid='icon']
{
	background-image: url('../../time/icon/iui_button_work.svg');
}
.iui_button_place [data-aid='icon']
{
	background-image: url('../../time/icon/iui_button_place.svg');
}
.iui_button_repeat [data-aid='icon']
{
	background-image: url('../../time/icon/iui_button_repeat.svg');
}
.iui_button_attachment [data-aid='icon']
{
	background-image: url('../../time/icon/iui_button_attachment.svg');
}
.iui_button_linked [data-aid='icon']
{
	background-image: url('../../time/icon/iui_button_linked.svg');	
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'].iui_tabs_active,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'].iui_tabs_active
{
	display: grid;
	grid-template-areas: 
		'name name name calendar calendar'
		'begin allday type end color'
		'text text text text text'
		'parent parent parent parent parent';
	grid-template-columns: 2.5fr 1.2fr 0.3fr 2.5fr 1.5fr ;
	height: auto;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='name'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='name']
{
	grid-area: name;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='calendar'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='calendar']
{
	grid-area: calendar;
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='begin'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='begin']
{
	grid-area: begin;
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='type'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='type']
{
	grid-area: type;
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='type'] .iui_button,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='type'] .iui_button
{
	background-color: var(--color_main);
	background-repeat: no-repeat;
	background-size: 85%;
	background-position: center;		
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='type'] .iui_button.c_rec_time_fix,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='type'] .iui_button.c_rec_time_fix
{
	background-image: url('../../global/icon/c_rec_time_fix.svg');
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='type'] .iui_button.c_rec_time_deadline,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='type'] .iui_button.c_rec_time_deadline
{
	background-image: url('../../global/icon/c_rec_time_deadline.svg');
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='type'] .iui_button.c_rec_time_alert,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='type'] .iui_button.c_rec_time_alert
{
	background-image: url('../../global/icon/c_rec_time_alert.svg');
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='allday'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='allday']
{
	grid-area: allday;
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='end'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='end']
{
	grid-area: end;
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='text'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='text']
{
	grid-area: text;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'] [data-aid='parent'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_0'] [data-aid='parent']
{
	grid-area: parent;
}


[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_1'].iui_tabs_active,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_1'].iui_tabs_active
{
	display: grid;
	grid-template-areas: 
		'parent parent showas showas'
		'oea oea oea oea'
		'resource resource resource resource';
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	height: auto;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_1'] [data-aid='parent'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_1'] [data-aid='parent']
{
	grid-area: parent;
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_1'] [data-aid='alert_email'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_1'] [data-aid='alert_email']
{
	grid-area: alert_email;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_1'] [data-aid='oea'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_1'] [data-aid='oea']
{
	grid-area: oea;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_1'] [data-aid='oea'] .iui_select div.iui_select_option span,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_1'] [data-aid='oea'] .iui_select div.iui_select_option span
{
	width: 33%;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_1'] [data-aid='resource'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_1'] [data-aid='resource']
{
	grid-area: resource;
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_1'] [data-aid='showas'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_1'] [data-aid='showas']
{
	grid-area: showas;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_3'].iui_tabs_active,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_3'].iui_tabs_active
{
	display: grid;
	grid-template-areas: 
		'pattern duration end';
	grid-template-columns: 1fr 1fr 1fr;

}


[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_3'] [data-aid='pattern'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_3'] [data-aid='pattern']
{
	grid-area: pattern;
	
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_3'] [data-aid='duration'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_3'] [data-aid='duration']
{
	grid-area: duration;
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_3'] [data-aid='end'],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_3'] [data-aid='end']
{
	grid-area: end;
}
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_4'].iui_tabs_active,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_4'].iui_tabs_active
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(30px, 80px));
	grid-gap: 10px;
	height: auto;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_4'] [data-aid='element'] .shell_icon,
[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_4'] [data-aid='element'] .shell_icon [data-aid="pic"],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_4'] [data-aid='element'] .shell_icon,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_4'] [data-aid='element'] .shell_icon [data-aid="pic"]
{
	width: 80px;
	height: 80px;
	border-radius: 5px;
	cursor: pointer;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_4'] [data-aid='element'] [data-aid="name"],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_4'] [data-aid='element'] [data-aid="name"]
{
	overflow-wrap: anywhere;
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_4'] .iui_button_add,
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_4'] .iui_button_add
{
	background-color: var(--color_main);
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-image: url('../../global/icon/iui_button_add.svg');
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	
}


/*########################################## DAN_TIME_EVENT_SELECT (ESEMÉNY TÍPUS VÁLSZTÓ MODUL) #########################*/

[data-mod='c_rec_mod_dan_time_event_select'] [data-aid='w_content']
{
	display: grid;
	grid-template-columns: 1fr 1fr; 
	
	padding: 20px !important;
	
	--s_color_rec_data: var(--color_bg_hover); /* Default szín ha nincs a rekord típushoz társítva */
}

[data-mod='c_rec_mod_dan_time_event_select'] [data-aid='w_content'] div
{
	display: grid;
	grid-template-columns: 50px 1fr;
	grid-template-rows: 50px;
	
	padding: 5px;
	margin: 5px;
	border: 1px solid var(--color_bg_hover);
	border-radius: 4px;
}

[data-mod='c_rec_mod_dan_time_event_select'] [data-aid='w_content'] div:hover
{
	background-color: black;
	color: white;
}

[data-mod='c_rec_mod_dan_time_event_select'] [data-aid='w_content'] div .iui_button_select_icon
{
	margin: 5px;
	border: 1px solid var(--color_bg_hover);
	border-radius: 50%;
	background-color: var(--s_color_rec_data);
}

[data-mod='c_rec_mod_dan_time_event_select'] [data-aid='w_content'] div .iui_button_select_text
{
	padding: 5px 5px 5px 10px;
	line-height: 40px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ################# ÚJ DANUBA IDŐPONT LÉTREHOZÁS ÉS MÓDOSÍTÁS MODULOK ################# */
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"]
{
	display: grid;
	grid-template-areas: 
		'shell_name shell_name shell_name shell_name'
		'time_begin allday time_duration time_end'
		'oea oea oea oea'
		'location location location location'
		'map map map map'
		'description description description description'
		'attachment attachment attachment attachment';
	grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
	height: auto;
	
}

[data-mod='c_rec_mod_dan_time_create'].iui_window.iui_window_def [data-aid="w_content"],
[data-mod='c_rec_mod_dan_time_folder_modify'].iui_window.iui_window_def [data-aid="w_content"]
{
	padding: 20px; /*TODO: Ez majd globális lesz*/
}

[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="shell_name"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="shell_name"]
{
	grid-area: shell_name;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="time_begin"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="time_begin"]
{
	grid-area: time_begin;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="allday"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="allday"]
{
	grid-area: allday;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="time_duration"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="time_duration"]
{
	grid-area: time_duration;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="time_end"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="time_end"]
{
	grid-area: time_end;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="oea"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="oea"]
{
	grid-area: oea;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="time_end"] [data-aid="form_field_container"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="time_end"] [data-aid="form_field_container"]
{
	float: right;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="location"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="location"]
{
	grid-area: location;
}

[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="location"] [data-aid="field_container"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="location"] [data-aid="field_container"]
{
	display: grid;
	grid-template-columns: auto 125px;
}

[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="location"] [data-aid="field_container"] iuiexclude,
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="location"] [data-aid="field_container"] iuiexclude
{
	padding-right: 10px;
}

[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="map"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="map"]
{
	grid-area: map;
	padding-bottom: 10px;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="description"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="description"]
{
	grid-area: description;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="attachment"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="attachment"]
{
	grid-area: attachment;
	
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(110px, max-content));
	grid-gap: 10px;
	height: auto;
}

[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="attachment"] [data-aid="field"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="attachment"] [data-aid="field"]
{
	padding: 5px;
}

[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element'],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element']
{
	display:grid;
	grid-template-columns: 30px minmax(50px, 100px) 20px;
	grid-template-rows: 30px;
	
	padding: 5px;
	height: 40px;
	background-color: #F4F4F4;
	border-radius: 4px;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element']>div,
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element']>div
{
	cursor: pointer;
}
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element']>div:nth-child(n+2),
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element']>div:nth-child(n+2)
{
	padding-left: 10px;
}

[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element'] .shell_icon,
[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element'] .shell_icon [data-aid="pic"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element'] .shell_icon,
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element'] .shell_icon [data-aid="pic"]
{
	width: 30px;
	height: 30px;
	border-radius: 4px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element'] [data-aid="name"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element'] [data-aid="name"]
{
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	/*overflow-wrap: anywhere;*/
}

[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element'] [data-aid="contextmenu"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="attachment"] [data-aid='element'] [data-aid="contextmenu"]
{
	width: 20px;
	height: 30px;
	background-image: url('../../global/icon/iui_button_contextmenu.svg');
	background-size: 55%;
	background-position: center;
	background-repeat: no-repeat;
}

[data-mod='c_rec_mod_dan_time_create'] [data-aid="w_content"] [data-aid="attachment"] .iui_button_add [data-aid="icon"],
[data-mod='c_rec_mod_dan_time_folder_modify'] [data-aid="w_content"] [data-aid="attachment"] .iui_button_add [data-aid="icon"]
{
	background-image: url('../../global/icon/iui_button_attachment.svg');
	filter:none;
}