/*#################################### Feladat készrejelentő modul ###############################*/

/*Állapot napló tab*/
[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content']
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 30px auto 30px 50px 105px 50px;
	grid-template-areas: 
	's_shell_name s_shell_name'
	's_text s_text'
	'i_time_plan i_time_fact'
	'time_begin time_end'
	'reason reason'
	'time_complete time_complete';
}


[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content']>div[data-aid='form']
{
	display: none;
}

[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content']>div
{
	padding: 0px 5px 0px 5px;
}

[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content'] [data-aid='s_shell_name']
{
	grid-area: s_shell_name;
	font-size: calc(var(--i_font_main_size) + 3px);
	font-weight: bold;
}

[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content'] [data-aid='s_text']
{
	grid-area: s_text;
	padding-bottom: 5px;
}

[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content'] [data-aid='i_time_plan']
{
	grid-area: i_time_plan;
	font-weight: bold;
}

[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content'] [data-aid='i_time_fact']
{
	grid-area: i_time_fact;
	font-weight: bold;
}

[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content'] [data-aid='time_begin']
{
	grid-area: time_begin;
}

[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content'] [data-aid='time_end']
{
	grid-area: time_end;
}

[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content'] [data-aid='reason']
{
	grid-area: reason;
}

[data-mod='c_rec_mod_sys_work_complete'] [data-aid='w_content'] [data-aid='time_complete']
{
	grid-area: time_complete;
}

/*#################################### Sys Project list ###############################*/

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content_header']
{
	--i_width_s_shell_name: 1fr;
	--i_width_s_readable_id: 0.5fr;
	--i_width_s_value_status: 1fr;
	--i_width_s_active_tasks: 1fr;
	--i_width_i_project_deadline: 0.5fr;
	--i_width_i_time_created: 0.5fr;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr,
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content_header'] div.iui_content_tr
{
	display: grid;
    grid-template-columns:
		25px
    	50px 
    	var(--i_width_s_shell_name) 
    	var(--i_width_s_readable_id) 
    	var(--i_width_s_value_status) 
    	50px
    	31px
    	31px
    	var(--i_width_s_active_tasks)
    	var(--i_width_i_project_deadline)
    	var(--i_width_i_time_created);
	grid-template-areas:
	'toggle icon shell_name readable_id status nums quotes financial active_tasks deadline dates';

}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr.iui_open
{
	height: auto;
	grid-template-rows: 50px auto;
	grid-template-areas:
	'toggle icon shell_name readable_id status nums quotes financial active_tasks deadline dates'
	'data_detailed data_detailed data_detailed data_detailed data_detailed data_detailed data_detailed data_detailed data_detailed data_detailed data_detailed';
	padding-bottom: 0px;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="toggle"]
{
	grid-area: toggle;
	width: 25px;
	height: 50px;
	background-size: 60% 60% !important;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;

	background-image: url('../../../../../generic/skin/skin_profile_1/global/icon/iui_select_arrow_right.svg');
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr.iui_open [data-aid="toggle"]
{
	background-image: url('../../../../../generic/skin/skin_profile_1/global/icon/iui_select_arrow_down.svg');
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr
{
	height: 56px;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr div.shell_icon
{
	grid-area: icon;
	width: 40px;
	height: 40px;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="shell_name"]
{
	grid-area: shell_name;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="readable_id"]
{
	grid-area: readable_id;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="status"]
{
	grid-area: status;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="nums"]
{
	grid-area: nums;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="quotes"]
{
	grid-area: quotes;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="financial"]
{
	grid-area: financial;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="active_tasks"]
{
	grid-area: active_tasks;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="deadline"]
{
	grid-area: deadline;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="dates"]
{
	grid-area: dates;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="data_detailed"]
{
	grid-area: data_detailed;
	display: none;

	padding-left: 0px;
	margin-top: 3px;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr.iui_open [data-aid="data_detailed"]
{
	display: initial;
	min-height: 50px;
	border: unset;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid="data_detailed"] div.iui_triangle
{
	margin-left: 50%;
	display: block;
	width: 20px;
	border-top: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid var(--color_main);
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid="data_detailed"] [data-aid="data_inner"]
{
	margin-bottom: 20px;
	border: 1px solid var(--color_main);
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
	padding: 10px;

	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}


[data-mod='c_rec_mod_sys_work_project_list'] [data-aid="data_detailed"]  div.iui_label
{
	overflow: hidden;
	text-overflow: ellipsis;

	white-space: nowrap;
	text-align: left;
	text-transform: uppercase;
	font-size: calc(var(--i_font_main_size) - 1px);
	color: var(--color_border);
	margin-bottom: 3px;
}
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr>div:nth-child(6)
{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}


[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr>div:nth-child(7),
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr>div:nth-child(8)
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid="data_detailed"]  div.iui_content
{
	white-space: break-spaces;
	font-size: calc(var(--i_font_main_size) + 3px);
	padding-top: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr>div:nth-child(7)>div,
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr>div:nth-child(8)>div
{
	width: 25px;
	height:	25px;
	padding: 3px;

	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="non_bind_quoted"],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="quoted"],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="ordered"],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="invoiced"]
{
	background-image: url('../../../../../generic/skin/skin_profile_1/sprint/icon/uv_not_required.svg');
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr.iui_non_bind_quoted [data-aid="non_bind_quoted"],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr.iui_quoted [data-aid="quoted"],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr.iui_ordered [data-aid="ordered"],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr.iui_invoiced [data-aid="invoiced"]
{
	background-image: url('../../../../../generic/skin/skin_profile_1/sprint/icon/uv_ready.svg');
}

[data-mod='c_rec_mod_sys_work_project_list'] .iui_content_tr.iui_project_attention div.iui_status_icon
{
	background-image: url('../../../../../generic/skin/skin_profile_1/work/icon/iui_project_attention.svg');
	background-color: orange;
	background-size: 80%;
	width: 20px;
	height: 20px;
	margin: 2px;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_contentbar_right']
{
	width: 215px;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_contentbar_left']
{
	width: 215px;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_shell_name"],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_readable_id"]
{
	font-size: calc(var(--i_font_main_size) + 1px);
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="i_num_task"]
{
	padding: 0px 4px 0px 0px;
	text-align: right;
}

[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_customer"],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_online_executor"],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_shell_name_content_type"],
[data-mod='c_rec_mod_sys_work_project_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_active_online_executive"]
{
	color: var(--color_font_aux);
}