@CHARSET "UTF-8";

/*#################### LISTA MODUL ##########################*/

[data-mod='c_rec_mod_connector_list'] [data-aid='w_content'],
[data-mod='c_rec_mod_connector_list'] [data-aid='w_content_header']
{
	--i_width_shell_name: 3fr;
	--i_width_rec_data: 1fr;
	--i_width_account: 3fr;
	--i_width_time_modified: 1fr;
}
	
[data-mod='c_rec_mod_connector_list'] [data-aid='w_content'] div.iui_content_tr,
[data-mod='c_rec_mod_connector_list'] [data-aid='w_content_header'] div.iui_content_tr
{
	display: grid;
    grid-template-columns: 
    	35px 
    	var(--i_width_shell_name)
    	var(--i_width_rec_data)
    	var(--i_width_account)
    	var(--i_width_time_modified);
}


/*#################### MÓDOSÍTÁS MODUL ##########################*/

[data-mod*='c_rec_mod_connector_modify'] [data-aid='w_content_header'] div.iui_content_tr,
[data-mod*='c_rec_mod_connector_modify'] [data-aid='w_content'] div.iui_content_tr
{
	display: grid;
    grid-template-columns: 35px 1fr 1fr 1fr minmax(10px, 100px) 80px;
}

[data-mod*='c_rec_mod_connector_modify'] [data-aid='w_content'] [data-aid="i_index"]
{
	display: grid;
	justify-content: end;
   	grid-auto-flow: column;  
}

[data-mod*='c_rec_mod_connector_modify'] [data-aid='w_content'] [data-aid="i_index"] div
{
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	margin-bottom: 3px;
	justify-self: end;
	background-position: center center;
	background-size: 80%;
	background-repeat: no-repeat;
	filter: brightness(50%);
}

[data-mod*='c_rec_mod_connector_modify'] [data-aid='w_content'] [data-aid="i_index"] div:hover
{
	filter: brightness(100%);
	background-color: var(--color_bg_work);
}

[data-mod*='c_rec_mod_connector_modify'] [data-aid='w_content'] [data-aid="i_index"] div[data-aid="up"]
{
	background-image: url('../../global/icon/iui_button_left.svg');
	transform: rotate(90deg);
}

[data-mod*='c_rec_mod_connector_modify'] [data-aid='w_content'] [data-aid="i_index"] div[data-aid="down"]
{
	background-image: url('../../global/icon/iui_button_left.svg');
	transform: rotate(270deg);
}

[data-mod*='c_rec_mod_connector_modify'] [data-aid='w_content'] .iui_inactive
{
	opacity: 0.5;
	filter:alpha(opacity=50);
}