/*###################################### 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']
{
	display:grid;
	grid-template-rows: 1fr;
	grid-template-columns: auto auto auto auto auto auto;
	grid-column-gap: 5px;
}


[data-mod='c_rec_mod_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_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_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;
	
}

[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_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;
}
/*
[data-mod*='c_rec_mod_time_data_diary'] [data-aid='content']
{
	--i_height_w_content_header: 60px;
	
}*/

[data-mod*='c_rec_mod_time_data_diary'] [data-aid='w_content'] [data-aid*="list_intersect_day"] [data-aid="container"]::-webkit-scrollbar-thumb {
    background-color: red;
    -webkit-border-radius: 1px;
}

/* #################################  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'] [data-aid="w_content_header"]
{
	--i_height_w_content_header: minmax(0px, min-content) !important;
	
}

[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-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-left: 3px;
	padding-right: 3px;
	padding: 1px;
	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']
{
	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;
}

/*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: 4px;
	overflow: hidden;
	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);
	cursor: pointer;
}

[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
{
	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;
}


/*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);
	cursor: pointer;
}

/*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*='time_data_diary_list'] .iui_color_rec_data .c_rec_time_fix
{
	--s_color_rec_data: red; 
	--s_color_rec_data_font: white;	
}
[data-mod*='time_data_diary_list'] .iui_color_rec_data .c_rec_task
{
	--s_color_rec_data: orange; 
	--s_color_rec_data_font: black
}
[data-mod*='time_data_diary_list'] .iui_color_rec_data .c_rec_task_meeting
{
	--s_color_rec_data: blue; 
	--s_color_rec_data_font: white
}

[data-mod*='time_data_diary_list'] .iui_color_rec_data .c_rec_task_repeat
{
	--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_bg_hover);
}

/*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;
}


/*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 day'
		'date info';
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 5fr 1fr;
	cursor: pointer;

}

/*[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;
	/*padding: 2px;*/
	height: 60px;
	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;
	
	
}
/* 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,
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header'] div.iui_content_tr div,
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header'] [data-aid='diary_long_container'] div
{
	border-right: unset;
	border-left: unset;
}



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

}

[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header'] .iui_calendar_zoom_in
{
	background-color: var(--color_bg_select);
	color: var(--color_font_select);
	/*border-left: 2px solid var(--color_border);
	border-top: 2px solid var(--color_border);
	border-right: 2px solid var(--color_border);*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	opacity: 1;
	padding-left: 2px !important;
	cursor: zoom-out;
	font-weight: normal;
}
[data-mod*='time_data_diary_list_weekly'] [data-aid='w_content_header'] .iui_calendar_zoom_out
{
	opacity: 0.5;
	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
{
	font-size: 0.9em;/*10px;*/
	font-weight: normal;
	align-self: center;
	
}

[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
{
	display: inline-block;
	visibility: hidden;
	position: relative;
	background-image: url('../icon/iui_time_info_red.svg');
	background-size: contain;
	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);
}

.iui_content_tr div.iui_diary_non_workhour
{
	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="content"]
{
    --i_height_w_content_header: 35px;	
}

[data-mod*='time_data_diary_list_monthly'] [data-aid='w_content'] [data-aid="list_intersect_container"]
{
	height: 100%;
}

[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 s 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: 30px 1fr 30px;
	grid-template-rows: 30px 1fr;
	grid-template-areas:
		'name exceptional quantity'
		'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"] [data-aid="element"]>.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);
	cursor: pointer;
}

/*REKORDTÍPUS SZERINTI SZÍNEZÉSEKET LÁSD A HETI NÉZETNÉL! */

[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;
}


[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 div
{

}

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

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

}

[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: 1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.iui_calendar_header_info
{
	grid-area: info;
}
.iui_calendar_header_date
{
	grid-area: date;
}


/*########################################### 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');		
}

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

[data-mod='c_rec_mod_time_create'] [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']
{
	width: 100%;	
}

[data-mod='c_rec_mod_time_create'] [data-aid='tab_content_0'].iui_tabs_active
{
	display: grid;
	grid-template-areas: 
		'name name color calendar'
		'begin type allday end'
		'text text text text';
	grid-template-columns: 3fr 2fr 1fr 4fr;
}

[data-mod='c_rec_mod_time_create'] [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='color']
{
	grid-area: color;
}
[data-mod='c_rec_mod_time_create'] [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']
{
	grid-area: begin;
}
[data-mod='c_rec_mod_time_create'] [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
{
	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'].c_rec_time_fix .iui_button
{
	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'].c_rec_time_deadline .iui_button
{
	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'].c_rec_time_alert .iui_button
{
	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']
{
	grid-area: allday;
}
[data-mod='c_rec_mod_time_create'] [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']
{
	grid-area: text;
}
.iui_button_calendar [data-aid='icon']
{
	background-image: url('../../time/icon/iui_button_calendar.svg');
}
.iui_button_work [data-aid='icon']
{
	background-image: url('../../global/icon/c_rec_time_alert.svg');
}
.iui_button_place [data-aid='icon']
{
	background-image: url('../../global/icon/c_rec_time_alert.svg');	
}
.iui_button_repeat [data-aid='icon']
{
	background-image: url('../../global/icon/c_rec_time_alert.svg');	
}
.iui_button_attachment [data-aid='icon']
{
	background-image: url('../../global/icon/c_rec_time_alert.svg');	
}
.iui_button_linked [data-aid='icon']
{
	
}
/*########################################## 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_th'] [data-aid='grid']
{
	display: grid;
	grid-template-areas: 
		'name name name name view'
		'time_title time_title time_title time_title view'
		'begin begin begin begin view'
		'end end end end view'
		'page page page page save';
	grid-template-columns: 1fr 1fr 1fr 1fr 35px;
	grid-template-rows: minmax(20px, 40px) 20px 30px 30px minmax(40px, 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;
	overflow: hidden;
    text-overflow: ellipsis;

}
[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;
	filter: brightness(0);
	cursor: pointer;
}

[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 bottom;
	filter: brightness(0);
	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;
	filter: brightness(0);
	cursor: pointer;
}


[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);
	color: white;
}



[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='link']
{
	display: none;
}
/*########################################## 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';
	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_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'] [data-aid="field"],
[data-mod='c_rec_mod_time_folder_modify'] [data-aid='tab_content_4'] [data-aid="field"]
{
	background-color: var(--color_main);
	width: 40px;
	height: 40px;
	border-radius: 5px;
	padding: inherit;
	
}