/*###################################### SZEMÉLYES ÜZEMETEK MODUL  ###################################*/

[data-mod='c_rec_mod_message_personal_list'] [data-aid='w_content'],
[data-mod='c_rec_mod_message_personal_list'] [data-aid='w_content_header']
{
	--i_width_s_subject: 2fr;
	--i_width_s_from: 1.5fr;
	--i_width_s_to: 1.5fr;
	--i_width_i_time_message: 0.8fr;
	--i_width_s_virtual_path: 2fr;
	--i_width_s_tags: 2fr;
}
	
[data-mod='c_rec_mod_message_personal_list'] [data-aid='w_content'] div.iui_content_tr,
[data-mod='c_rec_mod_message_personal_list'] [data-aid='w_content_header'] div.iui_content_tr
{
	display: grid;
    grid-template-columns: 
    	30px 
    	25px 
    	var(--i_width_s_subject) 
    	var(--i_width_s_from) 
    	var(--i_width_s_to) 
    	25px
    	var(--i_width_i_time_message)  
    	var(--i_width_s_tags) 
    	var(--i_width_s_virtual_path);
    	
}

[data-mod='c_rec_mod_message_personal_list'] [data-aid='w_contentbar_left']
{
	width: 250px;
}

/*###################################### TEMATIKUS ÜZENETEK ###################################*/


[data-mod='c_rec_mod_message_data_list'] [data-aid='w_content'],
[data-mod='c_rec_mod_message_data_list'] [data-aid='w_content_header']
{
	--i_width_s_subject: 2fr;
	--i_width_s_from: 1.5fr;
	--i_width_s_to: 1.5fr;
	--i_width_i_time_message: 0.8fr;
	--i_width_s_virtual_path: 2fr;
}
	
[data-mod='c_rec_mod_message_data_list'] [data-aid='w_content'] div.iui_content_tr,
[data-mod='c_rec_mod_message_data_list'] [data-aid='w_content_header'] div.iui_content_tr
{
	display: grid;
    grid-template-columns: 
    	30px 
    	26px
    	26px 
    	var(--i_width_s_subject) 
    	var(--i_width_s_from) 
    	var(--i_width_s_to) 
    	26px
    	var(--i_width_i_time_message)  
    	var(--i_width_s_virtual_path);
    	
}


[data-mod='c_rec_mod_message_data_list'] [data-aid='w_contentbar_left']
{
	width: 250px;
}
/*########################## PREVIEW ########################*/

div[data-aid='message_preview']
{
	/*font-size: calc(var(--i_font_main_size) - 1px);*/
}

div[data-aid='message_preview'] div[data-aid='preview_text'], 
div[data-aid='message_preview'] div[data-aid='preview_attachment']
{
	float:left;	
}
div[data-aid='message_preview'] div[data-aid='preview_text']
{
	display: block
}
div[data-aid='message_preview'] div[data-aid='preview_button']
{
	display: block;
	float:right;	
}
div[data-aid='message_preview'] div[data-aid='preview_text'] div
{
	
}


div[data-aid='message_preview'] div[data-aid='preview_text'] div, 
div[data-aid='message_preview'] div[data-aid='preview_attachment']
{
	display: inline-block;
	padding-top: 5px;

	cursor: pointer;
	
}



div[data-aid='message_preview'] div[data-aid='preview_attachment']

{
	float:left;
	display: flex;
	flex-direction: row;
	clear: both;
	font-size: calc(var(--i_font_main_size) - 3px);
	width: 100%;
}

div[data-aid='message_preview'] div[data-aid='preview_attachment'] div
{
	

	
	margin-right: 5px;
	display: inline-block;
	white-space: nowrap;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
	max-width: 150px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	padding: 2px;
	background-color: var(--color_border);
	border-radius : 3px;
   -webkit-transition: max-width 1s; /* Safari */
    transition: max-width 1s;
    transition-timing-function: ease-in-out

}
div[data-aid='message_preview'] div[data-aid='preview_attachment'] div:hover
{
	max-width: 300px;


}

div[data-aid='message_preview'] div[data-aid='preview_attachment'] div .shell_icon
{
	
	vertical-align: -5px;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: 80%;
	
	border-radius: 3px;
	margin-right: 2px;
}





div[data-aid='message_preview'] [data-aid='preview_head']
{
	padding: 5px;
	background-color: var(--color_bg_window);
	display: inline-block;
	font-size: calc(var(--i_font_main_size) + 1px);
	width: 100%;
}


div[data-aid='message_preview'] [data-aid='preview_head'] .iui_tag
{
	color: var(--color_font_aux);
	margin-right: 5px;
}
div[data-aid='message_preview'] [data-aid='preview_head'] .iui_tag+span
{
	margin-right: 20px;
	
	
}

/*Szubjektív olvasottság ikonja, ezt át kell helyezni máshová, mert 
a design része, és ráadásul nemcsak az üzenet nézethet tartozik.  */
[data-mod='c_rec_mod_message_personal_list'] .iui_content_tr.false, 
[data-mod='c_rec_mod_message_data_list'] .iui_content_tr.false
{
	font-weight: bold;
}

/*###########################  Message állapot ikonok... #######################x*/
.iui_content_tr div.iui_status_icon
{

}

.iui_content_tr div.c_status_draft
{
	background-image: url('../icon/c_status_draft.svg');
	background-color: gray;
}

.iui_content_tr div.c_status_queue
{
	background-image: url('../icon/c_status_queue.svg');
	background-color: gray;
}

.iui_content_tr div.c_status_under_process
{
	background-color: gray;
	background-image: url('../icon/c_status_under_process.svg');
}


.iui_content_tr div.c_status_sent
{
	background-color: gray;
	background-image: url('../icon/c_status_sent.svg');
}

.iui_content_tr div.c_status_unsent
{
	background-image: url('../icon/c_status_unsent.svg');
	background-color: red;
}

.iui_content_tr div.c_status_delivered
{
	background-image: url('../icon/c_status_delivered.svg');
	background-color: green;

}

.iui_content_tr div.c_status_undelivered
{
	background-image: url('../icon/c_status_undelivered.svg');
	background-color: orange;

}

.iui_content_tr div.c_status_permanent
{
	background-image: url('../icon/c_status_permanent.svg');
	background-color: red;
}

.iui_content_tr div.c_status_temporary
{
	background-image: url('../icon/c_status_temporary.svg');
	background-color: orange;
}

.iui_content_tr div.c_status_read
{
	background-image: url('../icon/c_status_read.svg');
	background-color: green;
}

.iui_content_tr div.c_status_answered
{
	background-image: url('../icon/c_status_answered.svg');
	background-color: green;
}


[data-mod='c_rec_mod_message_personal_list'] div.message_out, [data-mod='c_rec_mod_message_data_list'] div.message_out
{
	background-image: url('../icon/message_out.png');
	background-size: 50% 50%;
}

[data-mod='c_rec_mod_message_personal_list'] div.message_in, [data-mod='c_rec_mod_message_data_list'] div.message_in
{
	background-image: url('../icon/message_in.png');
	background-size: 50% 50%;
	
}

[data-mod='c_rec_mod_message_personal_list'] div.message_local, [data-mod='c_rec_mod_message_data_list'] div.message_local
{
	background-image: url('../icon/message_local.png');
	background-size: 70% 70%;
}

[data-mod='c_rec_mod_message_personal_list'] div.iui_attachment_icon.true, 
[data-mod='c_rec_mod_message_data_list'] div.iui_attachment_icon.true
{
	background-image: url('../icon/iui_message_attachment.svg');
	background-size: 80% 80%;
	
}

[data-mod='c_rec_mod_message_personal_list'] div.selected div.iui_attachment_icon.true, 
[data-mod='c_rec_mod_message_data_list'] div.selected div.iui_attachment_icon.true
{
	background-image: url('../icon/iui_message_attachment_inverse.svg');
	background-size: 80% 80%;
	
}

/*###################################### Üzenetek olvasása ###################################*/

[data-mod='c_rec_mod_message_read'] [data-aid='read_head']
{
	display: grid;
	grid-template-areas:
	'buttons buttons buttons buttons buttons buttons' 
	's_shell_name_from s_shell_name_from s_shell_name_from s_shell_name_to s_shell_name_to s_shell_name_to'
	's_subject s_subject s_subject s_subject s_subject i_time_message';
    grid-template-rows:
	auto;
	grid-auto-columns: 1fr;
	align-content: start;
	align-items: center;
	
	padding: 5px 5px 0px 4px;
	background-color: var(--color_bg_work);
	font-size: calc(var(--i_font_main_size) + 1px);
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="s_subject"]
{
	grid-area: s_subject;
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="s_shell_name_from"]
{
	grid-area: s_shell_name_from;
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="s_shell_name_to"]
{
	grid-area: s_shell_name_to;
	justify-self: end;
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="i_time_message"]
{
	grid-area: i_time_message;
	justify-self: end;
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"]
{
	grid-area: buttons;
	
	display: grid;
	justify-content: start;
   	grid-auto-flow: column;  
}
	
[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"] div
{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	margin-bottom: 3px;
	justify-self: end;
	background-position: center center;
	background-size: 80%;
	background-repeat: no-repeat;
	filter: brightness(80%);
}
	
[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"] div:hover
{
	filter: brightness(100%);
	background-color: var(--color_mod_message);
}
[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"] div[data-aid="c_op_reply"]
{
	background-image: url('../icon/c_op_reply.svg');
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"] div[data-aid="c_op_reply_all"]
{
	background-image: url('../icon/c_op_reply_all.svg');
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"] div[data-aid="c_op_forward"]
{
	background-image: url('../icon/c_op_forward.svg');
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"] div[data-aid="c_op_modify"]
{
	background-image: url('../icon/c_op_modify.svg');
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"] div[data-aid="c_op_delete_logical"]
{
	background-image: url('../../global/icon/c_rec_mod_shell_trash.svg');
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"] div[data-aid="c_op_delete_physical"]
{
	background-image: url('../../global/icon/c_rec_mod_shell_delete.svg');
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"] div[data-aid="button_flag"]
{
	background-image: url('../icon/iui_att_flagged.svg');
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] [data-aid="buttons"] div[data-aid="button_private"]
{
	background-image: url('../icon/iui_att_private.svg');
}

.iui_window_def[data-mod='c_rec_mod_message_read'] [data-aid='w_content_footer_handler']
{
	height: 110px;
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] div
{
	color: #AAA;
}

[data-mod='c_rec_mod_message_read'] [data-aid='read_head'] div>span
{
	color: black;
	margin-left: 5px;
	margin-right: 5px;
}

/*Mivel az ablak bal területe szétesik mikor becsukjuk, ezért próba képpen ide beraktunk + 1 réteget, aminek adunk méretet*/
[data-mod='c_rec_mod_message_read'] [data-aid='w_contentbar_left'] [data-aid='read_left']
{
	width: 100%;
	height: 100%;
}

[data-mod='c_rec_mod_message_read'] [data-aid='w_contentbar_left'] [data-aid='read_left'] div
{
	padding: 5px 5px 0px 5px;
	font-size: calc(var(--i_font_main_size) + 1px);
	color: #AAA;
}

[data-mod='c_rec_mod_message_read'] [data-aid='w_contentbar_left'] [data-aid='read_left'] div>span
{
	color: black;
	margin-left: 5px;
	margin-right: 5px;
}

.message_div
{
	display: block; 
	width: 200px;
	height: 50px; 
	float: left;  
	margin-right: 5px; 
	margin-bottom: 5px; 
	padding: 5px; 
	cursor: pointer; 
	overflow: hidden;
	color:#CCCCCC;
}

.message_div:hover
{
	color: #000000;	
}

.message_div div.shell_icon
{
	width: 40px; 
	height: 40px; 
	border-radius: 5px;
}

.message_div_text
{
	display: block; 
	width: 130px; 
	height: 50px; 

	background-position: center center ;
	background-repeat: no-repeat;
	padding-left: 10px;
	
	float:left;
	
}

.message_div_shell_name
{
	font-size: calc(var(--i_font_main_size) + 1px);
	color:#000000;
	
}

.message_div_category
{
	font-style: italic;
	color:#000000;
	margin-bottom: 3px;
}


.message_div div.shell_icon div.message_pic
{
	width:50px;
	height: 50px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}

.message_div div.message_lt
{
	width:20px;
	height: 20px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90%;
	position: absolute;
	margin-left: -3px;
	margin-top: 80px;

	
}

.message_tags
{
	background-color: #AAAAFF;
	display: inline;
	color: #000000;
	font-size: var(--i_font_main_size);
	text-align: right;
	margin-top: 2px;
	margin-right: 2px;
	
}

.message_icon
{
	display: block; 
	background-position: center center ;
	background-repeat: no-repeat;
	background-size: 80%;
}

.iui_content_tr div.message_icon, .iui_content_tr div.iui_status_icon, .iui_content_tr div.iui_direction_icon, .iui_content_tr div.iui_attachment_icon
{
	display: table-cell; 
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-position: center center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding: 0px;
}

.iui_content_tr div.message_icon div.message_pic
{
	width: 25px; 
	height: 25px; 
	background-size: cover;
	background-position: center center;
	margin: 0px;
}
/*####################### COMMENT BUBBLE, ETC #############################*/
[data-aid="element"].iui_comment
{
	width: 100%;
	display: table;
	margin-bottom: 10px;
	margin-top: 10px;
}

[data-aid="element"].iui_comment [data-aid="i_time_modified"]
{
	width: 100px;
	height: 50px;
	padding-top: 10px;
	display: table-cell;
	vertical-align: top;
	text-align: center;
	font-size: calc(var(--i_font_main_size) - 3px);
	color: #AAA;
}

[data-aid="element"].iui_comment [data-aid="s_message"]
{
	background-color: #EEE;
	display: table-cell;
	vertical-align: top;
	text-align: left;
	font-size: calc(var(--i_font_main_size) - 1px);
	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	padding: 10px;
	line-height: 20px;

}


[data-aid="element"].iui_comment [data-aid="s_message"].iui_bubble_right
{
	background-color: #e8fcff;

}

[data-aid="element"].iui_comment.false [data-aid="s_message"].iui_bubble_right, [data-aid="element"].iui_comment.false [data-aid="s_message"].iui_bubble_left
{
	font-weight: bold;
	cursor: pointer;
}
[data-aid="element"].iui_comment [data-aid="bubble_triangle"].iui_bubble_left
 {
	display: table-cell;
	position: relative;
	left: 8px;
	margin-top: 16px;
	display:  block;
	width: 0;
	height: 0;
	border: 8px solid;
	border-color: #EEE transparent transparent #EEE;
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
  
}


[data-aid="element"].iui_comment [data-aid="bubble_triangle"].iui_bubble_right
 {
	display: table-cell;
	position: relative;
	right: 8px;
	margin-top: 16px;
	display:  block;
	width: 0;
	height: 0;
	border: 8px solid;
	border-color: #e8fcff transparent transparent #e8fcff;
	-ms-transform: rotate(135deg); /* IE 9 */
	-webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
	transform: rotate(135deg);
  
}


[data-aid="element"].iui_comment [data-aid="icon"]
{
	
	width: 60px;
	height: 60px;
	display: table-cell;
	vertical-align: top;
	text-align: center;
	font-size: calc(var(--i_font_main_size) - 3px);
}

[data-aid="element"].iui_comment [data-aid="icon"] .shell_icon
{
	width: 50px;
	height: 50px;
	display: block;
	margin-left: auto;
	margin-right: auto;
		border-radius: 5px;
}

[data-aid="element"].iui_comment [data-aid="icon"] .shell_icon [data-aid="pic"]
{
	width: 50px;
	height: 50px;
	display: block;
	background-size: cover;
	background-position: center center;

}

[data-aid="element"].iui_comment [data-aid="icon"] [data-aid='s_shell_name_from']
{
	
	display: block;
	
}

/*###################### PREVIEW MODUL ###############################################*/
/*###################### PREVIEW MODUL ###############################################*/



/*###################### RECIPIENT LIST ###############################################*/
[data-mod='c_rec_mod_message_recipient_list'] .iui_content_tr [data-aid='s_shell_name']
{
	width: 25%;
}
[data-mod='c_rec_mod_message_recipient_list'] .iui_content_tr [data-aid='s_email_primary']
{
	width: 25%;
}
[data-mod='c_rec_mod_message_recipient_list'] .iui_content_tr [data-aid='s_email_secondary']
{
	width: 25%;
}
[data-mod='c_rec_mod_message_recipient_list'] .iui_content_tr [data-aid='t_time']
{
	width: 25%;
}


/*###################### EGYÉB ###############################################*/
.iui_content_tr .iui_remove_recipients
{
	float: left;
	clear: none;
	
	background-image: url('../icon/iui_remove_recipients.svg');
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: center center;
}






/*Mobil változat*/


	


/*####################### TÖMEGES LEVÉL CÍMZETTEK MODUL #############################*/
[data-mod='c_rec_mod_message_bulk_recipient_list'] [data-aid='w_content'],
[data-mod='c_rec_mod_message_bulk_recipient_list'] [data-aid='w_content_header']
{
	--i_width_s_shell_name: 1fr;
	--i_width_s_email_list: 1fr;
	--i_width_s_shell_name_status: 0.8fr;
}

[data-mod='c_rec_mod_message_bulk_recipient_list'] [data-aid='w_content_header'] .iui_content_tr,
[data-mod='c_rec_mod_message_bulk_recipient_list'] [data-aid='w_content'] .iui_content_tr
{
	display: grid;
    grid-template-columns:
       30px 
       var(--i_width_s_shell_name) 
       var(--i_width_s_email_list) 
       var(--i_width_s_shell_name_status) 
       60px;
      
}

[data-mod='c_rec_mod_message_bulk_recipient_list'] .iui_select[data-iname='s_guid_recipient'] div.iui_select_option span:nth-child(1)
{
	width: 15%;
}
[data-mod='c_rec_mod_message_bulk_recipient_list'] .iui_select[data-iname='s_guid_recipient'] div.iui_select_option span:nth-child(2)
{
	width: 20%;
}
[data-mod='c_rec_mod_message_bulk_recipient_list'] .iui_select[data-iname='s_guid_recipient'] div.iui_select_option span:nth-child(3)
{
	width: 10%;
}
[data-mod='c_rec_mod_message_bulk_recipient_list'] .iui_select[data-iname='s_guid_recipient'] div.iui_select_option span:nth-child(4)
{
	width: 50%;
}
/*####################### EGYÉB #############################*/

.iui_vf_incoming .shell_icon
{
	background-image: url('../../message/icon/iui_vf_incoming.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_unread .shell_icon
{
	background-image: url('../../message/icon/iui_vf_unread.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_unreplied .shell_icon
{
	background-image: url('../../message/icon/iui_vf_unreplied.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_task_mail .shell_icon
{
	background-image: url('../../message/icon/iui_vf_task_mail.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_private .shell_icon
{
	background-image: url('../../message/icon/iui_vf_private.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_flagged .shell_icon
{
	background-image: url('../../message/icon/iui_vf_flagged.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_outgoing .shell_icon
{
	background-image: url('../../message/icon/iui_vf_outgoing.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_sent .shell_icon
{
	background-image: url('../../message/icon/iui_vf_sent.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_schedule .shell_icon
{
	background-image: url('../../message/icon/iui_vf_schedule.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_queue .shell_icon
{
	background-image: url('../../message/icon/iui_vf_queue.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_draft .shell_icon
{
	background-image: url('../../message/icon/iui_vf_draft.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_has_attachment .shell_icon
{
	background-image: url('../../message/icon/iui_vf_has_attachment.svg');
	background-color: var(--color_mod_message);
}

.iui_vf_tagged .shell_icon
{
	background-image: url('../../message/icon/iui_vf_tagged.svg');
	background-color: var(--color_mod_message);
}




.iui_button_send [data-aid='icon']
{
	background-image: url(../../message/icon/iui_vf_outgoing.svg);
}

.iui_button_save [data-aid='icon']
{
	background-image: url(../../message/icon/iui_vf_draft.svg);
}

.iui_button_recipient [data-aid='icon']
{
	background-image: url(../../message/icon/iui_button_recipient.svg);
}

.iui_button_tag [data-aid='icon']
{
	background-image: url(../../message/icon/iui_vf_tagged.svg);
}

.iui_button_reply [data-aid='icon']
{
	background-image: url('../icon/c_op_reply.svg');
}

.iui_button_reply_all [data-aid='icon']
{
	background-image: url('../icon/c_op_reply_all.svg');
}

.iui_button_forward [data-aid='icon']
{
	background-image: url('../icon/c_op_forward.svg');
}

.iui_button_edit_message [data-aid='icon']
{
	background-image: url(../../message/icon/iui_vf_draft.svg);
}

.iui_button_read_source [data-aid='icon']
{
	background-image: url(../../global/icon/c_rec_mod_message_read_source.svg);
}