/*************************************************************************
 *
 *  File: WM_UI_read_email.css for WebMail UI only
 *
 *      This file provides all settings for the e-mail read box
 *		 * 
 *
 ************************************************************************/
 
 #read_email_empty_div /*not for customer!!*/
{
	text-align: center;
	padding: 7rem;
	position:relative;
	z-index:0;
}
/* icon, if no e-mail in table is selected */
#wm_ui_mail_open_icon
{
	text-align: center;
	width: 100px;
	width: 7rem;
}
 /* text under the icon, if no e-mail in table is selected*/
 #read_email_box_empty_text
{
	font-size: 19px;
        font-size: 1.2rem;
        padding-top:2rem;
}

#read_email_box
{
	position:relative; 
	z-index:0;
	width:100%
	
}
@media print, screen and (min-width: 30em) {
    #read_email_box {
    	display: block;
       	width: 70%;
       	padding-left:8px;
       	padding-left: 0.5rem;
        }

 	@media print, screen and (max-width: 67em) { /*Tablet*/
    #read_email_box {
       	width: 65%;
       /* padding-left:32px;*/
       /*	padding-left:0.2rem;*/
        }  }
 }
#read_email_head_buttons_right_div {
    	text-align:right;  
        } 

#read_email_head_buttons_left_div {
    	text-align:left;
    	float: left;
    	width:10%  
        } 

.read_email_header_div
{
	position: relative; 
}	

.button_delete_folder
{
    height: 44px;
    height: 2.75rem;
}
.icon_button#icon_butt_reply ,.icon_button#icon_butt_reply_all,.icon_button#icon_butt_forward
{
	display:inline-block;  /* small display */
	cursor:pointer;
	background-color: white;
        width: 44px;
        width: 2.75rem;
	height: 44px;
	height: 2.75rem;
	position:relative; 	
	z-index:0;			
} 

#read_email_icon_back  /*read side small display only*/
{
	display:inline-block;  /* small display */
	cursor:pointer;
	background-color: white;
	width: 35px;
	width: 2.188rem;
        height: 35px;
	height:	2.188rem;
	padding: 1.6px;
	padding: 0.1rem;
	position:relative; 	
	z-index:0;			
} 

#wm_ui_delete_icon_black,#read_email_printer_icon
{	
	cursor:pointer;
	background-color: white;
	width: 25px;
        width: 1.563rem;
	height: 25px;
        height: 1.563rem;
	position:relative; 
	z-index:0;			
}

 
 @media print, screen and (min-width: 30em) {
    #read_email_back_button{
    	display:none;  /* large display */
    	width: 0;
	height: 0;
        } }      
@media print, screen and (min-width: 70em) {
    .icon_button#icon_butt_reply,.icon_button#icon_butt_reply_all,
    .icon_button#icon_butt_forward {
    	display:none;  /* large display */
    	width: 0;
	height: 0;
        } }
 
.read_email_header_buttons/*, .read_email_header_attachments*/
{
	line-height: 1.5rem;
	padding: 0 0 0.4rem 0rem; /* small display */
	/*-webkit-padding-start:2rem;*/
}

@media print, screen and (min-width: 70em) {
    .read_email_header_buttons/*, .read_email_header_attachments */
    {
       	padding: 0 1rem 0.5rem 2rem; /*large display */
        } }

.read_email_header, .read_email_body
{
    line-height: 1.5rem; /*general and small display */
    float:left;
}

@media print, screen and (min-width: 30em) {
    .read_email_header, .read_email_body {
       	padding: 0 1rem 0 0.5rem; /*large display */
        } }



/*** Buttons read mail section only ****/
.button#butt_reply, .button#butt_reply_all, .button#butt_forward, 
.button#butt_edit
{
	margin: 0 0.2rem;
	font-size: 0.8rem;
	padding: 0.5rem 0.5rem;
	border: 0px solid transparent;
	position:relative; 	/* for safari*/
	z-index:0;			/* for safari*/
	
}
.button#butt_save_all_attachments	
{
	margin: 0.3rem 0.2rem 0rem 0rem;
	font-size: 0.8rem;
	padding: 0.4rem 0.4rem;
	border: 0px solid transparent;
	position:relative; 	
	z-index:0;			
}

/*buttons with icon delete and printer*/
.button#butt_delete_mail,.button#butt_delete_mail_trash,.button#read_email_print_button,.button#read_email_back_button
{
	background-color: white;
	width: 44px;
        width: 2.75rem;
	height: 44px;
	height: 2.75rem;
	padding: 0 0 0 0;
	position:relative; 	
	z-index:0;
}

.button#butt_reply:hover, .button#butt_reply_all:hover, .button#butt_forward:hover, 
.button#butt_edit:hover,.button#butt_save_all_attachments:hover
{
	opacity:	0.7;
}

 /* normal buttons in read mail        */  
 .button#butt_reply,.button#butt_reply_all,.button#butt_forward
 {
 	display:none; /*small display*/
 }           
 
 @media print, screen and (min-width: 70em) {
    .button#butt_reply, .button#butt_reply_all, .button#butt_forward {
    	display:inline-block;  /* large display  if block: among each other (untereinander)*/
        } }

.read_email_subject_selected_div
{
	font-size:  14px;
        font-size:  0.875rem;
	padding:    0 0 0 0;
}

.read_email_subject_selected
{
	text-align:left;
	font-size:16px;
        font-size:1rem;
	font-weight: bold;
}

.read_email_date_selected_div
{
	text-align:right;
	/*font-size:14px;
        font-size: 0.875rem;*/
}

#read_email_div_email_header
{
    float: left;
}
.read_email_details_div_ul
{
    display:    none;
    float:      left;
}
.read_email_header_label_div
{
    position: relative;
    float: left;
    padding: 0 0.5rem 0 0;
    font-weight: bold;
}

.read_email_header_content_div
{
    position: relative;
    float: left;
    padding: 0 0 0 0;
}


.read_email_cc_selected_div
{
	font-size:14px;
	font-size:0.875rem;
}


.read_email_li_div1
{
    float: left;
}
.read_email_li_label_div
{
    	position: relative;
	float: left;
	font-weight: bold;
        padding: 0 0.5rem 0rem 0rem;
}

.read_email_details_ul
{
    margin-left:0;
}
.read_email_li_content_div
{
	position: relative;
 	padding-left: 0.5rem;
}
.read_email_header_content_div /*iphone*/
{
     width:15rem;
}
.read_email_li_content_div /*iphone*/
{
     width:18rem;
}


@media print, screen and (min-width: 30em) {  /*large display */
    .read_email_header_label_div,.read_email_header_content_div,
    .read_email_li_label_div,.read_email_li_content_div,
    .read_email_subject_selected_div {
        font-size:14px;   
        font-size: 0.875rem;
        }
    .read_email_header_content_div
    {
        padding: 0 0.5rem 0 0;
    }
    .read_email_header_content_div
    {
        width:46rem;
    }
    .read_email_li_content_div
    {
        width:48rem;
    }
   
    
     @media print, screen and (max-width: 35em) {
    .read_email_header_content_div {
       	 width:19rem;
        }  
    .read_email_li_content_div {
       	 width:21rem;
        }  
    }
    @media print, screen and (max-width: 67em) { /*Tablet high*/
    .read_email_header_content_div {
       	 width:23rem;
        }  
    .read_email_li_content_div {
       	 width:25rem;
        }  
    }
    @media print, screen and (max-width: 80em) { /*Tablet width*/
    .read_email_header_content_div {
       	 width:34em;
        }  
    .read_email_li_content_div {
       	 width:33rem;
        }  
    }
}

.read_email_attachment_chip
{
  float:left;  
  display: inline-block;
  padding: 0 0.188rem;
  margin: 0 0.125rem;
  height: 20px;
  height: 1.25rem;
  font-size: 12px;
  font-size: 0.75rem;
  color:black !important;/*A: #00005f;*/;
  line-height: 20px;
  line-height: 1.25rem;
  border-radius: 25px;
  border-radius: 1.563rem;
  background-color: #f1f1f1;
  cursor:pointer;  /*for the hand mouse pointer*/
  position:relative;
  z-index:0;
  
}

#read_email_attachment_save_div
{
    text-align: right;
    padding-bottom:0.4rem;
}

.read_email_attachment_div
{
    position:       relative;
}

.read_frame_max_width
{
    width:100%;
    min-height: 400px;
    min-height: 25rem;
    padding-top:0.5rem;
} 
 
/*from old gw_layout.css for displaying e-mail*/ 
.wm_mailcontent {
    text-align:             left;
    border-spacing:         0px;
    height:                 20em;
    min-height:             200px;
    min-height:             12.5rem;
    
    overflow:               hidden;
    border:                 0.063rem solid #2b6499;
}
.wm_mailcontent_plain {
    white-space:            pre-line;
} 
/*in MailList.php for special content e-mail*/
.wm_attachment {
    text-align:             left;
    height:                 2.5em;
    border-spacing:         0px;
    border-color:           #2b6499;/*A: #00005f*/
}

.wm_no_attachment {
    display:                none;
}



#readEmailTogglerButton
{
    left:           0;
    position:       relative;
    float:          left;
    height:         44px;
    height:         2.75rem;
    width:          44px;
    width:          2.75rem;
    cursor:         pointer;
    z-index:        2;
}
#read_email_icon
{
    margin-bottom:  1.2rem;
    position:       relative;
    z-index:        0;
}