/*************************************************************************
 *
 *  File: WM_UI_write_email.css for WebMail UI only 
 *
 *      This file contains CSS definitions for the write site layout 
 *		in small and large display
 *
 *      This site is displayed by clicking on 
 *		* main menu link 'write e-mail'
 *		* read site button 'edit'
 *		* read site button 'reply'
 *		* read site button 'replay all'
 *		* read site button 'forward'
 *
 *
 ************************************************************************/
 
 #write_email_div
 {
 	padding-left:0rem; /*small display */
 }
  @media screen and (min-width: 30em) {
   		 #write_email_div{ 
   		 	padding-left:1rem;
   		 }
  }

 .button#upload_button 
 {
    cursor:pointer;
    display:none;
 }
 .write_email_attachment_button_div
 {
 	text-align:right;
 	padding-right: 0rem;
 }
 @media screen and (min-width: 30em) {
   		 .write_email_attachment_button_div{ 
  		 	padding-right: 1rem;
   		 }
  }
 #write_email_text_div
 {
 	padding-top: 0.5rem; /*small display*/
 	display:flex;
 }
  @media screen and (min-width: 30em) {
   		 #write_email_text_div{ 
  		 	padding: 0.5rem 1rem 0.5rem 0rem;
   		 }
  }
 
  #save_icon
  {
      height: 1.7rem;
      width: 1.7rem;
  }
  #send_icon
  {
      height: 2.3rem;
      width: 2.3rem;
  }
  
 .icon_button#icon_butt_save,.icon_button#icon_butt_drop,.icon_button#icon_butt_send,.icon_button#upload_icon_button
{
    display:            inline-block;  /* small display */
    cursor:             pointer;
    height:             44px;
    height:             2.75rem;
    width:              44px;
    width:              2.75rem;
    background-color:   white;
   /* padding:            0.1rem;*/
    position:           relative; 	
    z-index:            0;
    font-size:          2rem; /* only for .icon_button#upload_icon_button*/
 } 
 
/* now the settings for the large display*/ 
@media print, screen and (min-width: 30em) {
   .icon_button#icon_butt_save,.icon_button#icon_butt_drop,.icon_button#icon_butt_send,.icon_button#upload_icon_button 
   {
    	display:none;  /* large display */
    	width: 0;
	height: 0;
    }
    .button#upload_button
    {  
        display: inline-block;
    }
} 
 
.write_email_header_buttons
{
	line-height: 1.5rem;
	padding: 0 0 0.4rem 0rem; /* small display */
	/*-webkit-padding-start:2rem;*/
}

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


#write_email_button_div
{
	/*position: relative;*/
	/*white-space: nowrap;*/
	text-align: right;
}

.button#butt_send,.button#butt_save,.button#butt_drop,.button#upload_button
{
	margin: 0 0.2rem;
	font-size: 0.8rem;
	padding: 0.5rem 0.5rem;
	border: 0px solid transparent;
	text-align: right;
	position:relative; 	/* for safari*/
	z-index:0;			/* for safari*/
	
}

.button#butt_send:hover,.button#butt_save:hover,.button#butt_drop:hover,.upload_button:hover
{
	opacity:	0.7;
}

.button#butt_send,.button#butt_save,.button#butt_drop
 {
 	display:none; /*small display*/
 }           
 
 @media print, screen and (min-width: 30em) {
   .button#butt_send,.button#butt_save,.button#butt_drop  {
    	display:inline-block;  /* large display  if block: among each other (untereinander)*/
        } }


.write_email_to_div,.write_email_cc_div,.write_email_subject_div
{
	display: inline;
	/*position: relative;*/
	white-space: nowrap;
}

.write_email_label
{
	float: left;
	width: 5rem;
	font-weight: bold;
	padding: 0 1rem 0 0;
}

#write_email_recipient,#write_email_cc,#write_email_subject
{
	/* small display */
	display: inline;
	position:relative; 	/* for safari*/
	z-index:0;			/* for safari*/
	
/*	width: 35rem;*/
	max-width: 77%;
	height: 2rem;
	border-radius:4px;
	margin: 0 0 0.4rem;
	
}
/* _:-webkit-full-screen, #write_email_recipient,#write_email_cc,#write_email_subject
 { width:55%; }*/
 
 
@media print,screen and (min-width: 30em) {
 /* large display */  
        #write_email_recipient,#write_email_cc,#write_email_subject
        {
    		width: 65%;
        } 
        #write_email_subject  {
    	float:left; /* for upload button in large display*/
        } 
        
}

.write_email_attachment_div
{
	display: inline-block;
}
.attach_table
{
	width: 50%;
}

#filename_id
{
	max-width: 20rem;
	margin: 0;
        display: none;
}


#write_email_message_text
{
	min-height:25rem;	
	position:relative; 	/* for safari*/
	z-index:0;			/* for safari*/
}
  
 .write_email_attachment_chip
{
  display:          inline-block;
  padding:          0 0.188rem;
  margin:           0 0.125rem;
  height:           1.25rem;
  font-size:        12px;
  font-size:        0.75em;
  line-height:      1.25rem;
  border-radius:    1.563rem;
  background-color: #f1f1f1;
  white-space:      nowrap;
  
 /* cursor:           pointer;  for the hand mouse pointer here on write side, you cannot open attachment*/
  position:         relative;
  z-index:          1;
} 

.attachment_chip_pc
{
    color:#ff4000;/* from inline style*/
}
  
.attach_delete_button
{
	background-color:   #f1f1f1;
	width:              30px;
	width:              1.875rem;
	height:             18px;
        height:             1.125rem;
	padding:            0 0 0 0.2rem;
        margin:             0 0 0.4rem 0;
	color:              black;
}  
@media print, screen and (min-width: 30em) {
    .attach_delete_button {
            padding: 0rem; /*large display */
            width:  20px;
            width:  1.25rem;
	    width: 1rem;
        } }

.error_div_class,.write_email_to_div,.write_email_cc_div,.write_email_subject_div
{
    float:left;
}

.table_email_row
{
    background-color:#c4c4c4 !important;
}