/*************************************************************************
 *
 *  File: WM_UI_color_and_fonts.css -> old:webmail.css
 *
 *      This file provides font and text settings, borders, and colors
 *		for the whole WebMail UI
 *
 *
 ************************************************************************/

/*************************************************************************
 *  Default font settings and colors for several labels and buttons
 ************************************************************************/

body {
    font-family:       Helvetica, sans-serif;
    font-size:         10pt;
    font-weight:       normal;

}
/* Textcolor blue, background white */
body,#impressum_footer_right,#MainLoginNotice,#quota_label,#quota,#timeout,#butt_logout,
.hbm_right_button,.hbm_left_button,.quota,.pwd_forgotten,.hbm_footer_left
{
    color:		#2b6499;/*A: #00005f;*/
    background-color:	#ffffff;
}

textarea,input[type="text"], input[type="password"], input[type="file"],#email_table_read_circle
{
    border:		1px solid #cacaca;/*A: #00005f*/
}

/* Textcolor hover */
#add_folder_label:hover,.email_table_col_td_1:hover
{
	font-weight:bold;
}

/* logos on top */
#productLogo, #vendorLogo
{
	max-height: 50px; /* 50px is max height for functionality of hamburger!!  A: 73px -> is too height!  */
	max-height: 3.125rem; /* this is max height for hamburger (hamburger is now displayed if opened)!!*/
}


/* Background color for Buttons, Table head, lines */
hr,th,.button,.email_table_select_menu_div_ul,.email_table_sort_menu_div_ul,
.email_table_sort_menu_a,.email_table_select_menu_a,
.button#email_table_butt_delete_mail_white,#email_table_unread_circle,#sort_icon_white,
.icon_button#icon_butt_compose,#butt_main_menu_search_small,#icon_butt_main_menu_search_small,
.help_small_display_icon,#email_table_title/*,#MainLoginNoticeDiv_text*/
{
    background-color:		#2b6499;/*A: #00005f;*/
}

.email_table_select_menu_div_ul_small
{
    height: 9rem;
}


/*colors, if folder in main menu left is activated */
.customer_folder_div_active,.normal_folder_div_active,.button_delete_folder_active
{
    /* is a <div> element*/
    color:			#ffffff;
    background-color:		#2b6499; /*default: #2b6499*/    /*A: #00005f;*/

}
.customer_folder_link_active,.normal_folder_link_active
{
    /* is an <a> element*/
    color:		#ffffff;
    background: 	none repeat scroll 0% 0% #2b6499 !important; /*A: #00005f;*/
    /*background: none repeat scroll 0% 0% #2b6499!important; /*default: #2b6499*/ /*alternative : #b1ced5*/
}



/*left_border is the vertical line between main menu left and e-mail table: border of custom_content*/
/*not visible in small displays, but in large, not on each page*/
.left_border
{
	border-left:none;
}

@media print, screen and (min-width: 60em) {
   	.left_border
	{
    border-left: 1px solid #286499;/*A: #00005f;*/
	} }

/* Error and Messagetext */
.wm_ui_message_text
{
    padding-bottom: 1rem;
    font-weight:    bold;
    color:          red !important;
}
.wm_ui_message_text_XSS
{
    padding-bottom: 0.5rem;
    font-weight:    bold;
    color:          red !important;
}
/*************************************************************************
 *  Error message for deactivated JavaScript
 ************************************************************************/

#no-js-warning
{
    font-size: large;
    font-weight: bold;
    color: red;
}


/*************************************************************************
 *  Input elements
 ************************************************************************/

select {
    font-size:              9pt;
    color:                  #000000;/*A: #00005f;*/
}

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

input[type="text"], input[type="password"], input[type="file"] {
    font-size:              9pt;
    color:                  #000000;
    background-color:       #ffffff;
}

input[readonly], input[readonly="readonly"], input[readonly="yes"], input[disabled],
textarea[readonly], textarea[readonly="readonly"], textarea[readonly="yes"], textarea[disabled] {
    /* use different background color to mark read-only */
    background-color:        #ececec;
}


/*************************************************************************
 *  Page content area
 ************************************************************************/

#gw_content_div, #gw_no_nav_content_div {
    text-align:             center;
}

/*************************************************************************
 *  Mail list and viewer
 ************************************************************************/

.wm_mailcontent {
    text-align:             left;
    /*border:                 0.5px solid #2b6499;    */
}

/*************************************************************************
 *  Session timer
 ************************************************************************/

#gw_session_timeout_div {
    font-weight:            normal;
    color:                  #000000;
}

/*accessibility mark:
.accessibility_mark_black:focus-within
{
  outline :0.063rem dotted black;
}*/

#email_table_header_mark_read,#email_table_header_mark_unread,#email_table_header_export,
#email_table_sort_from_up,#email_table_sort_from_down,
#email_table_sort_subject_up,#email_table_sort_subject_down,
#email_table_sort_date_up,#email_table_sort_date_down,
#email_table_sort_size_up,#email_table_sort_size_down,
.email_table_select_menu_a
{
    height: 44px;
    height: 2.75rem;
    padding: 0.2rem 0.2rem 0 0.2rem;
}

/*buttons border, if they are marked*/
.button:focus-within,.icon_button:focus-within,.hbm_right_button:focus-within,.hbm_left_button:focus-within,.read_email_attachment_chip:focus-within,
#butt_logout:focus-within,#read_email_print_button:focus-within,/*#butt_delete_mail:focus-within,*/
#readEmailTogglerButton:focus-within,#captcha_change_button:focus-within,
#eyeTogglePassword:focus-within,#eyeTogglePasswordOld:focus-within,#eyeTogglePasswordConfirm:focus-within,.pwd_forgotten:focus-within,
#add_folder_label:focus-within,#add_folder_hide_button:focus-within,
#add_folder_label_small:focus-within,#add_folder_hide_button_small:focus-within,
.button#butt_save:focus-within,.button#butt_drop:focus-within,.button#butt_send:focus-within,.button#upload_button:focus-within,
.button#butt_reply:focus-within,.button#butt_reply_all:focus-within,.button#butt_forward:focus-within,.button#butt_save_all_attachments:focus-within,/*this buttons are not marked with only .button*/
.icon_button#icon_butt_reply:focus-within,.icon_button#icon_butt_reply_all:focus-within,.icon_button#icon_butt_forward:focus-within,
.icon_button#upload_icon_button:focus-within,.icon_button#icon_butt_save:focus-within,.icon_button#icon_butt_drop:focus-within,
.icon_button#icon_butt_send:focus-within,
#buttImpressumURL_1:focus-within,#buttImpressumURL_2:focus-within,#buttImpressumURL_3:focus-within,
#buttImpressumFile_1:focus-within,#buttImpressumFile_2:focus-within,#buttImpressumFile_3:focus-within.button,
.button_delete_folder:focus-within
{
 /* outline :1px solid black;
 /*  outline :1px dotted black;*/
 border-radius:4px;
 border-radius:0.25rem;
 border: 0.125rem solid black;
}

#markExportMoveEmailTogglerButton:focus-within,#sortEmailTogglerButton:focus-within,#email_table_butt_delete_mail_white:focus-within,
#email_table_header_mark_read:focus-within,#email_table_header_mark_unread:focus-within,#email_table_header_export:focus-within,
#email_table_sort_from_up:focus-within,#email_table_sort_from_down:focus-within,
#email_table_sort_subject_up:focus-within,#email_table_sort_subject_down:focus-within,
#email_table_sort_date_up:focus-within,#email_table_sort_date_down:focus-within,
#email_table_sort_size_up:focus-within,#email_table_sort_size_down:focus-within,.email_table_header_move:focus-within,
.email_table_select_menu_a:focus-within
{
    border-radius:4px;
    border-radius:0.25rem;
    border: 0.125rem solid white;
}

.button#email_table_unread_circle:focus-within,.button#email_table_read_circle:focus-within
{
     outline :0.063rem solid black;
}

.icon_button#icon_butt_compose:focus-within,.button#butt_main_menu_search_small:focus-within
{
 /* For the round buttons in small display: search and write*/
    border-radius:50%;
    border: 0.125rem solid black;
}

.dropzone
{
    background-color: white;
}
/*drag and drop*/
.dropzone.dragover
{
   /* border-radius:50%;*/
   /* border: 2px solid black;*/
    background-color: lightblue;
}