
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] div.iui_list_intersect_page
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin: 20px;
}

[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] div.iui_list_intersect_page div.iui_content_tr
{
	border: 1px solid var(--color_border);
	padding: 10px;
	border-radius: 5px;

}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] div.iui_list_intersect_page div.iui_vc_intersect_delimiter
{
	grid-column: 1/3;
	background: unset;
	height: unset;
	padding-top: 20px;
	font-size: 1.5em;
	text-transform: uppercase;

}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='icon']
{
	grid-area: icon;
	width: 100px;
	height: 100px;
}

[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='name']
{
	grid-area: name;
	font-size: 1.5em;
	white-space: normal;
	align-self: baseline;
	height: 100%;
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='name'] div.iui_att_icon
{
	vertical-align: middle;
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr:not(.iui_public) [data-aid='name'] div.iui_att_icon
{
	display: none;
}

[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='i_visitor']
{
	grid-area: i_visitor;
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='placeholder']
{
	grid-area: placeholder;
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='i_time_modified']
{
	grid-area: i_time_modified;
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='summary']
{
	grid-area: summary;
	
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='summary'] [data-aid='s_summary']
{
	font-style: italic;
	text-overflow: ellipsis;
	overflow-x: hidden;
	height: 30px;
	font-size: 0.8em;
	overflow-wrap: anywhere;
	text-wrap: wrap;
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='i_reserved_space']
{
	grid-area: i_reserved_space;
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='s_guid_owner']
{
	grid-area: s_guid_owner;
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='s_shell_name_content_type']
{
	grid-area: s_shell_name_content_type;
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='i_access_type']
{
	grid-area: i_access_type;
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='modify']
{
	grid-area: modify;
	background-image: url(../../global/icon/c_op_modify.svg);
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	filter: opacity(0.3);
	height: 100%;
}


[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='tree_down']
{
	opacity: 1;
	
}
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='preview']
{
	grid-area: preview;
	background-image: url(../../global/icon/iui_w_menu_tab.svg);
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	filter: brightness(80%);
	height: 100%;
}

[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] .iui_content_tr [data-aid='context_menu']
{
	grid-area: context_menu;
	filter: brightness(80%);
	opacity: 1;
}


[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'],
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content_header']
{
	--i_width_name: 3fr;
	--i_width_i_time_modified: 100px;
}
	
[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content'] div.iui_content_tr
{
	height: auto;
	display: grid;

	/* i_access_type*/

	grid-template-areas:
		'icon context_menu name name'
		'icon tree_down name name'
		'icon modify s_guid_owner i_time_modified'
		'icon preview s_shell_name_content_type i_visitor'
		'placeholder summary summary summary';
    grid-template-columns:
    	120px
		30px
    	1fr
    	1fr;
	grid-template-rows:
		30px
		30px
		30px
		30px
		auto;
}


[data-mod='c_rec_mod_cms_admin'] [data-aid='w_content_header'] div.iui_content_tr
{

	display: grid;
	grid-template-areas:
		'icon context_menu name i_time_modified';
    grid-template-columns: 
   		120px
		30px
    	var(--i_width_name) 
    	var(--i_width_i_time_modified);
}

[data-mod='c_rec_mod_cms_softform_modify'] [data-aid='w_content'],
[data-mod='c_rec_mod_cms_softform_modify'] [data-aid='w_content_header']
{
	--i_width_index: 0.2fr;
	--i_width_s_name: 1fr;
	--i_width_s_label: 1.5fr;
	--i_width_c_type: 0.5fr;
	--i_width_b_required: 100px;
	--i_width_button_up: 30px;
	--i_width_button_down: 30px;
	--i_width_button_delete: 30px;
}
	
[data-mod='c_rec_mod_cms_softform_modify'] [data-aid='w_content'] div.iui_content_tr,
[data-mod='c_rec_mod_cms_softform_modify'] [data-aid='w_content_header'] div.iui_content_tr
{

	display: grid;
	
    grid-template-columns: 
   		
    	var(--i_width_index) 
    	var(--i_width_s_name)
    	var(--i_width_s_label)
    	var(--i_width_c_type)
    	var(--i_width_b_required)
    	var(--i_width_button_up)
    	var(--i_width_button_down)
		var(--i_width_button_delete);
}


[data-mod='c_rec_mod_cms_softform_modify'] [data-aid='w_content'] div.iui_content_tr [data-aid='button_up'],
[data-mod='c_rec_mod_cms_softform_modify'] [data-aid='w_content'] div.iui_content_tr [data-aid='button_down'],
[data-mod='c_rec_mod_cms_softform_modify'] [data-aid='w_content'] div.iui_content_tr [data-aid='button_remove']
{
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
}

[data-mod='c_rec_mod_cms_softform_modify'] [data-aid='w_content'] div.iui_content_tr [data-aid='button_up']
{
	background-image: url(../../../../../generic/skin/skin_profile_1/global/icon/iui_select_arrow_up.svg);
}
[data-mod='c_rec_mod_cms_softform_modify'] [data-aid='w_content'] div.iui_content_tr [data-aid='button_down']
{
	background-image: url(../../../../../generic/skin/skin_profile_1/global/icon/iui_select_arrow_down.svg);
}

[data-mod='c_rec_mod_cms_softform_modify'] [data-aid='w_content'] div.iui_content_tr [data-aid='button_remove']
{
	background-image: url(../../../../../generic/skin/skin_profile_1/global/icon/iui_select_remove.svg);
}

div.iui_softform_area
{
	display: block;
	width: 100%;
	height: 100px;
	border: 1px dotted var(--color_border_print);
	border-radius: 3px;
}
/*################################ CMS MODIFY #################################*/
[data-mod*='c_rec_mod_cms_modify'] [data-aid='tab_content_0'] div[data-aid="container"]
{
	height: auto;
	display: grid;
	grid-template-areas:
		'container_1 container_2'
		'container_3 container_4'
		'container_5 container_6'
		'container_7 container_8';

	grid-template-columns:
    	1fr 1fr;
	gap: 20px;

}

[data-mod*='c_rec_mod_cms_modify'] [data-aid='tab_content_2'] div[data-aid="container"]
{
	height: auto;
	display: grid;
	grid-template-areas:
		'friendly_url menu'
		'css_class order'
		'access_type content_type'
		'keywords keywords';
	grid-template-columns:
    	1fr 1fr;
	grid-template-rows:
		60px 60px 60px 100px;
	gap: 20px;
}



[data-mod*='c_rec_mod_cms_modify'] [data-aid='tab_content_3']
{
	grid-template-columns: 1fr;
}
[data-mod*='c_rec_mod_cms_modify'] [data-aid='tab_content_3'] [data-aid='element']
{
	display: grid;
	grid-template-columns: 30px 1fr 30px 2fr 0.5fr 0.75fr;
	grid-auto-flow: row;

}

[data-mod='c_rec_mod_cms_modify_time'] [data-aid='tab_content_0'] div[data-aid="container"]
{
	height: auto;
	display: grid;
	grid-template-areas:
		'container_1 container_1 container_1 container_1'
		'container_2 container_3 container_4 container_5'
		'container_6 container_6 container_6 container_6'
		'container_7 container_7 container_8 container_8';

	grid-template-columns:
    	1fr 0.5fr 1fr 1fr;
	gap: 20px;

}

[data-mod*='c_rec_mod_cms_softform_modify'] [data-aid='tab_content_0'] div.iui_content_tr
{
	height: 35px;
}
[data-mod*='c_rec_mod_cms_softform_modify'] [data-aid='tab_content_2'] div[data-aid="container"]
{
	height: auto;
	display: grid;
	grid-template-areas:
		'friendly_url menu'
		'css_class order'
		'access_type content_type'
		'email print'
		'url url_closed'
		'time_open time_closed'
		'keywords keywords'
		'email_template email_template';
	grid-template-columns:
    	1fr 1fr;
	grid-template-rows:
		60px 60px 60px 60px 60px 100px;
	gap: 20px;
}
