@CHARSET "UTF-8";

/*#################################### Quote ###############################*/
/* Quote read module */

[data-mod='c_rec_mod_quote_read']  [data-aid='tab_content_1']
{
		
	--i_width_s_readable_id: 0.7fr;
	--i_width_i_time: 0.7fr;
	--i_width_s_price: 0.7fr;
	--i_width_s_comment: 1fr;
}
	
[data-mod='c_rec_mod_quote_read'] [data-aid='tab_content_1'] div.iui_content_tr
{
	display: grid;
    grid-template-columns: 
    	35px 
    	var(--i_width_s_readable_id) 
    	var(--i_width_i_time) 
    	var(--i_width_s_price) 
    	var(--i_width_s_comment);
}

[data-mod='c_rec_mod_quote_read']  [data-aid='tab_content_2']
{
	--i_width_s_shell_name: 1.6fr;
	--i_width_th_version: 0.5fr;
	--i_width_b_released: 0.5fr;
	--i_width_i_time_modified: 1fr;
	--i_width_s_guid_creator: 1.2fr;
	--i_width_s_guid_modifier: 1.2fr;
	--i_width_s_description: 2fr;
	--i_width_i_reserved_space: 0.8fr;
}

[data-mod='c_rec_mod_quote_read'] [data-aid='tab_content_2'] div.iui_content_tr
{
	display: grid;
    grid-template-columns: 
    	35px 
    	var(--i_width_s_shell_name) 
    	var(--i_width_th_version) 
    	var(--i_width_b_released)  
    	var(--i_width_i_time_modified)
    	var(--i_width_s_guid_creator)
    	var(--i_width_s_guid_modifier)
    	var(--i_width_s_description)
    	var(--i_width_i_reserved_space)	;

}
	




[data-mod='c_rec_mod_quote_read'] table tr:nth-child(even)
{
	background-color: #FAFAFA;
}

/*################## Quote list module ############################*/

[data-mod='c_rec_mod_quote_list'] [data-aid='w_content'],
[data-mod='c_rec_mod_quote_list'] [data-aid='w_content_header'],
[data-mod='c_rec_mod_quote_list'] [data-aid='w_content_footer']

{
	--i_width_s_readable_id: 0.8fr;
	--i_width_s_shell_name_partner: 1fr;
	--i_width_s_shell_name_project: 1fr;
	--i_width_s_readable_id_project: 0.8fr;
	--i_width_s_value_status: 1.5fr;
	--i_width_s_price: 0.7fr;
	--i_width_s_deficit_order: 0.7fr;
	--i_width_s_price_order_real: 0.7fr;
	--i_width_s_price_order_dummy: 0.7fr;
	--i_width_i_time: 0.7fr;

}

[data-mod='c_rec_mod_quote_list'] [data-aid='w_content'] div.iui_content_tr,
[data-mod='c_rec_mod_quote_list'] [data-aid='w_content_header'] div.iui_content_tr,
[data-mod='c_rec_mod_quote_list'] [data-aid='w_content_footer'] div.iui_footer_row
{
	display: grid;
    grid-template-columns: 
    	35px 
    	var(--i_width_s_readable_id) 
    	var(--i_width_s_shell_name_partner)
    	var(--i_width_s_shell_name_project)
    	var(--i_width_s_readable_id_project)
    	var(--i_width_s_value_status)
    	var(--i_width_s_price)
    	var(--i_width_s_deficit_order)
    	var(--i_width_s_price_order_real)
    	var(--i_width_s_price_order_dummy)
    	var(--i_width_i_time);
}

[data-mod='c_rec_mod_quote_list'] [data-aid='w_content_footer']
{
	padding: 0px 9px 0px 5px;
}

[data-mod='c_rec_mod_quote_list'] [data-aid='w_content_footer'] div.iui_footer_row
{
	height: 30px;
	line-height: 30px;
}

[data-mod='c_rec_mod_quote_list'] [data-aid='w_content_footer'] div.iui_footer_row > div
{
	padding-left: 4px;
	font-size: calc(var(--i_font_main_size) + 0px);
	
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

[data-mod='c_rec_mod_quote_list'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_value_status"]
{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	
	padding: 0px 4px 0px 0px;
}

[data-mod='c_rec_mod_quote_list'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_value_status"] > div
{
	line-height: 15px; 
}

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

/*#################################### WR Quote modulok ###############################*/
[data-mod*='c_rec_mod_quote2'] [data-aid='w_content'] [data-aid='tab_content_0'].iui_tabs_active
{
	display: grid;
	grid-template-areas:
		's_shell_name_customer s_readable_id_project s_shell_name_project i_time_created'
		's_shell_name_online_executive version s_readable_id linked_quote'
		'time_valid_until planned_hours project_size project_size'
		'user_voices user_voices user_voices user_voices';
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-rows: 50px 50px 50px 1fr;
	grid-gap: 20px;
}