/*************************************************************************
 *
 *  File: WM_UI_email_table.css for WebMail UI only
 *
 *      This file provides all settings for the table e-mail list
 *		 * rows in large display
 *		 * rows in small display
 * 		 * footer, only visible in small display for searching and writing e-mails
 *
 *
 *     
 *     
 *
 ************************************************************************/
 /*first the empty folder side without table */ 
@media print, screen and (min-width: 30em) /*display > 30em */
{ 
    #email_table_empty_icon_div
    {
        padding-top: 3rem;
    }
}

#email_table_empty_text
{
	font-size: 16px;
        font-size: 1rem;
} 

#wm_ui_empty_folder_icon
{
	text-align: center;
	width: 100px;
	width: 7rem;
}


/*************************************************************************
 *  begin settings for table with all e-mails old: Tables
 ************************************************************************/

th {
    /* style for table head; should look similar to a gwBox header
     * (see .gwBox > h5) */
    /*font-family:            Helvetica, Arial, sans-serif;
    font-size:              10pt;*/
    font-weight:            bold;
    text-align:             left;
    color:                  #ffffff;
  /*  background-color:       #2b6499;/*A: #00005f*/
}

#content_table_div  /*small display*/
{
	position:relative; 
	z-index:1;
	width:100%;
}

@media print, screen and (min-width: 30em) { /*display > 30em */
    #content_table_div {
    	display: block;
       	width:30%; /*important for safari display large and middle!*/
       /*	max-width:30%;*/
       	padding-left:8px;
       	padding-left: 0.5rem;
    }
    
      	@media print, screen and (max-width: 67em) { /*Tablet*/
    	#content_table_div {
       	width: 35%;
      /* 	max-width:40%*/
         } }
}

/* end div for table with all e-mails */
        
/* table th and td */
.email_table_col_th_0,.email_table_col_td_0 
{
	width:	10%;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.email_table_col_th_0
{
    height: 3rem;
}

.email_table_col_th_1 {
	padding: 0.5rem 0rem 0.5rem 0rem;
        max-width: 1.5rem;
	min-width: 1.5rem;
      /*  text-align:center;*/
}

.email_table_col_th_2 {
    max-width: 4rem;
    min-width: 4rem;
    text-align:center;
    /*padding: 0.5rem 0.5rem 0.5rem 0rem;*/
    padding:0;
}

.email_table_col_th_3 {
    max-width: 1.5rem;
    min-width: 1.5rem;
}
.email_table_col_th_4 {
    max-width: 1.5rem;
    min-width: 1.5rem;
    text-align:center;
    padding:0;
}


.email_table_col_td_1 
{
	width:	100%;/*important for safari display large and middle!*/
}

/* general table header / table body */
#email_table_header
{
	display:block;
	overflow: hidden;
}
#email_table_body
{
	display:block;
	overflow-y: auto;
/*	max-height: 464px;*/
}

/*** begin e-mail table header drop down menu for checked emails: ****/
/*** read and unread /move emails into other folders ****/
.email_table_select_menu_div_ul
{
	position: 			fixed;
/*	background-color: 	#2B6499;  -> central defined in webmail.css*/
	top:			244.8px;
	top: 			15.3rem;
	width :			250px;
	width :			15rem;
	overflow:		hidden;
	display:		flex;
	align-items: 		center;
	justify-content: 	center;
	z-index:			1;
}

@media print, screen and (max-width: 70em){  /* middle display small height*/
    .email_table_select_menu_div_ul {
    	top:				192px;
    	top: 				12rem;
    /*	height:				160px;
 	height:				10rem;*/
  	overflow: 			auto;   
        } }
@media print, screen and (max-width: 30em) {  /* small display */
    .email_table_select_menu_div_ul {
    	top:				228.8px;
    	top: 				14.3rem;
    /*	height:				320px;
 	height:				26rem;*/
        }}

.email_table_select_menu_div_ul
{
	display: none;
}


/*@media print, screen and (max-width: 31.25em) { /*display < 30em */

.email_table_select_menu_li /* large display */
{
    line-height:	30px;
    line-height:	1.875rem;
}

@media print, screen and (max-width: 70em) {  /* small and middle display */
    .email_table_select_menu_li {
	line-height:	40px;
        line-height:	2.5rem;
    }
}

#email_table_title
{
	color: white;
	padding: 0 1rem;
	font-weight: bold;
	font-size: 1.1rem;
}

/* begin table header: menu for sorting the table  */
.email_table_sort_menu_div
{
	/*display: block;*/
	/*position: relative; */  /* do not change: is for correct position of checkbox and email_table_select_menu_toggler_open and email_table_select_menu_toggler_close */
	/*z-index: 1;*/
}

.email_table_sort_menu_div_ul	/* large display */
{
    position:           fixed;  
/*	background-color: 	#2B6499;  -> central defined in webmail.css*/
    top:		244.8px;
    top: 		15.3rem;
    width :		192px;
    width :		12rem;
    display:		flex;
    align-items: 	center;
    justify-content: 	center;
    z-index:		1;
	
}
@media print, screen and (max-width: 70em) {  /* middle display */
    .email_table_sort_menu_div_ul {
    	/*top:		228.8px;
        top: 		15.3rem;*/
    	height:		160px;
 	height:		10rem;
 	overflow: 	auto;     	
    } }
@media print, screen and (max-width: 30em) {  /* small display */
    .email_table_sort_menu_div_ul {
    	right:		0.5rem; 	
    	top:		228.8px;
    	top: 		14.3rem;

    /*	height:		320px;
 	height:		20rem;
        overflow: 	auto; */
        }}


/*icon in table header: sort */
#sort_icon_white
{
	/*display:inline-block;*/
	min-width: 35px;
        min-width: 2.188rem;
	height: 35px;
        height: 2.188rem;
}

.email_table_sort_menu_a,.email_table_select_menu_a
{
	color:white;
        font-weight:bold;
	font-size:0.8rem;
	
}
.email_table_sort_menu_a:hover, .email_table_select_menu_a:hover
{
	color:white;
	opacity: 0.7;
}

.email_table_sort_menu_li /* large display */
{
	text-align:	left;
        line-height:	30px;
	line-height:	1.875rem;
	width: 		160px;
	width: 		10rem;
}

@media print, screen and (max-width: 70em) {  /* small and middle display */
    .email_table_sort_menu_li {
	line-height:	40px;
        line-height:	2.5rem;
    }
}

.email_table_sort_menu_div_ul
{
	display: none;
}
/* end table header: menu for sorting the table  */

/* begin table header: delete button and icon  */
.button#email_table_butt_delete_mail_white 
{
	/*	background-color: 	#2B6499;  -> central defined in webmail.css*/
	width:      44px;/* for fingertouch in small windows: mind. 44px! */
        width:      2.75rem;
	height:     44px;/* for fingertouch in small windows: mind. 44px! */
	height:     2.75rem;
	padding:    0.1rem;
	position:   relative; 	/* for safari*/
	z-index:    0;		
}

#wm_ui_delete_icon_white
{
	width:  25px;
        width:  1.563rem;
	height: 25px;
        height: 1.563rem;
	position:relative; 	/* for safari*/
	z-index:0;			/* for safari*/
}
/* end table header: delete button and delete icon  */

/* begin e-mail table list: little circle for mark each e-mail if e-mail is read or unread*/
#email_table_unread_circle,#email_table_read_circle
{
 /*	background-color: 	#2B6499; /* -> central defined in webmail.css*/
    width: 7px;
    width: 0.438rem;
    height: 7px;
    height: 0.438rem;
    -webkit-border-radius: 18px;
    -webkit-border-radius: 1.125rem;
    border-radius: 18px;
    border-radius: 1.125rem;
    margin: 0.6rem 0.594rem 0.188rem;
    vertical-align: middle;
    cursor:pointer;
}

/* if search for e-mail is done each e-mail has a mailbox title*/
#email_table_search_mailbox_title_div
{
    display: inline-block;
    height: 20px;
    height: 1.25rem;
    font-size: 8px;
    font-size: 0.5rem;
    text-align: right;
}

.email_table_email_sender_recipient
{
    float: left;
    font-size:12px;
    font-size:0.75rem;
    cursor: pointer;
}
.email_table_email_date
{
    text-align:right;
    font-size:12px;
    font-size:0.75rem;
    cursor: pointer;
}

.email_table_subject_surroud_div
{
    /*display:flex;*/
    padding: 0.3rem 0 0 0;
}

.email_table_paperclip
{
    color:     red !important;
    float:     left;
    font-size: 14px;
    font-size: 0.875rem;
    cursor:    pointer;
	
}

.email_table_email_subject
{
    float:          left;
    font-size:      12px;
    font-size:      0.75rem;
    padding-left:   0.3rem;
    cursor:         pointer;
}

.email_table_email_size
{
    float:      right;  
    font-size:	12px;
    font-size:  0.75rem;
}



/*****************************************************************************************************************/





/*************************************************************************
 	for the small display: search and write e-mail button in footer 
*********************************************/

.email_table_side_footer
{
	display:block;
	max-height: 44px;
        max-height: 2.75rem;
	position: fixed;
/*	background-color: #2B6499;*/
	text-align: right;
	transition: color 0.4s;
        bottom:64px; 
	bottom:4rem; /*for setting this div fix to bottom for small displays*/
	right: 1rem;
        z-index:2;
}
@media print, screen and (min-width: 60em) { /*visible for small and middle displays*/
    .email_table_side_footer {
       display:none;
        } }

#write_email_icon,#search_email_icon
{   
	width:      18px;
        width:      1.125rem;
	height:     18px;
        height:     1.125rem;
	position:   relative; 	/* for safari*/
	z-index:    2;		/* for safari*/
}

.icon_button#icon_butt_compose,#butt_main_menu_search_small /* small display */
{
	display:        inline-block;  
	cursor:         pointer;
        width:          50px;
        width:          3.125rem;
	height:         50px;
	height:         3.125rem;
	padding:        0.3rem;
	position:       relative;
        font-weight:    bold;
	border-radius:  50%;
        float:          right;
        z-index:        2;
}

#input_main_menu_search_small_label
{
    margin: 0 1rem 0 1.5rem;
    padding-bottom:0;
    display:none;
}

#input_main_menu_search_small 
{
        height:         35px;
        height:         2.188rem;
	width:          13.5rem;
	font-size:      12px;
        font-size:      0.75rem;
        border-radius:  6px;
        border:         1px solid;
	position:       absolute;
	z-index:        2;
}

#maillist
{
/*	width: 40%;
	padding-right: 6rem; */
}

.email_table_col_td_is_search
{
   padding: 0.1rem 0.4rem 0.4rem 0.3rem; 
}

email_table_col_td_is_nosearch
{
    padding: 0.6rem 0.4rem 0.4rem 0.3rem;
}

.email_table_row_is_seen
{
   font-weight: normal;
}

.email_table_row_is_notseen
{
    font-weight: bold;
}

.email_empty_small_display
{
    display:none;
}

.accessibility_mark_white:focus-within
{
  outline :1px dotted white;
}