@charset "UTF-8";
/*****************************************************************************
 *
 *  File: WM_UI_passwort_pages.css for WebMail UI only
 *
 *      This file provides all settings for different sites of Password input:
 *
 *		 * Login site
 *		 * Password forgot site
 *		 * Password change site after first login (reset) (without old password)
 * 		 * Password change site over hamburger menu (with old password)
 * 
 *****************************************************************************/
/* width=device-width heißt "Nicht zoomen!". Der Rest ist optional.*/
/* is only for small displays and not for desktop*/

/* for all 4 pages */
.SideTitle {
	font-size: 20.8px;
        font-size: 1.3rem;
        position:relative; 	
	z-index:0;			
        text-align:center;
        padding-bottom:1rem;
     }
@media print, screen and (min-width: 30em) {
    .SideTitle {
       font-size: 24px;
       font-size: 1.5rem;
        } }

.LoginUserInput,.LoginUserInput#LoginEnterUserInput,#LoginEnterCapchaInput
{
    display:        inline-block;  /*inline-block important for center in pwd change site*/
    position:       relative; 	/* for safari and Chrome */
    z-index:        0;		/* for safari and Chrome */
    border-radius:  4px;
    border-radius:  0.25rem;
    opacity :	1;
}
@media print, screen and (min-width: 30em) {
    .LoginUserInput,.LoginUserInput#LoginEnterUserInput,#LoginEnterCapchaInput {
 	/*font-size:9pt;*/
        max-width: 	80%;
        } }

.custom_content_general
{
    margin:0 auto;
    text-align:center;
}

.custom_content_general1
{
    margin:1em auto;
    text-align:center;
}

#login_distance_top
{
    position:	relative; 	/* for safari and Chrome */
    z-index:	0;			/* for safari and Chrome */
    /*margin: 	80px auto 0px auto;
    margin: 	5rem auto 0rem auto;*/
    text-align: center;
    margin-top:40px !important;
    margin-top:2.5rem !important;
}

@media print, screen and (min-width: 30em) {
    #login_distance_top {
        margin-top:120px !important;;
        margin-top:7.5rem !important;;
        } }

/*************************************************************************
 *    Login page
 *************************************************************************/

.button#butt_login
{
	text-align: center;
	margin: 1em auto;
	width: 10em;
	position:relative; 	/* for safari and chrome */
	z-index:0;			/* for safari and chrome */
}

.login_div
{
    position:relative;
    z-index:0;
}


/*************************************************************************
 *    Password change /forgot / reset page
 *************************************************************************/

.button#butt_forgot_pwd,.button#butt_back_login,.button#butt_pwdchange,.button#butt_pwdchange_first,.button#butt_set_pwd
{
	font-size: 	11.2px;
	font-size: 	0.7rem;
	margin-top: 	1em;
	position:	relative; 	/* for safari and chrome */
	z-index:	0;			/* for safari and chrome */
}

@media print, screen and (min-width: 30em) {
    .button#butt_forgot_pwd,.button#butt_back_login,.button#butt_pwdchange,.button#butt_pwdchange_first {
        font-size: 	0.9rem;
    	width:		12em;
	margin-top: 	2em;
	vertical-align: unset;
   } }

/*************************************************************************
 *  Announcement (old loginNotice) on login side, if configured 
 	under services -> webmail config -> WebMail UI display text
 ************************************************************************/
#MainLoginNotice {  /*Textfield on login site*/
	/*color:                  #2b6499; A: #00005f; */
	background-color:       #ffffff;
	/*width:                  45em;	/*A: 45em; */
	height:                 10em;	/*A: 10em; */
	resize:                 none;
	overflow:               auto;
	border:                 0.1rem;		
	padding:                0.5em;
        text-align:             center;
	
}

#MainLoginNotice_marquee {  /*running text on login site*/
	color:                  red; 
	font-size:		20px;
	font-size:		1.25rem;
	 padding-left:		1rem;
}

#MainLoginNoticeDiv_scroll,#MainLoginNoticeDiv_text {
    margin-top:     0%;
    margin-bottom:  0%;
    display:        inline-block;
  /*  border:                 1px solid #2b6499;  is in main */
    border-radius:  4px;
    border-radius:  0.25rem;
    text-align:     center;
    font-size:      10pt;
    font-weight:    bold;
    color:          #ffffff;
}
	
@media print, screen and (min-width: 30em) {
    #MainLoginNoticeDiv_text {
        padding-top:			1rem;

} }


 /* The header line for a MainLoginNoticeDiv container has to have no margins, and
     * the background color should match the border of the container */
/*#MainLoginNoticeDiv_header {
   
    font-size: 20px;
 	font-size: 1.3rem;
 	font-weight: bold;
    padding:                2px 0.5em;
    margin:                 0px;
    display:                block;
    color:red;
} */

/*************************************************************************
 *  Disclaimer after first login, if configured 
 	under services -> webmail config -> WebMail UI display text
 ************************************************************************/
#disclaimer_header {
	font-size: 20.8px;
        font-size: 1.3rem;
        position:relative; 	/* for safari and chrome */
	z-index:0;			/* for safari and chrome */
	font-weight:bold;
     }
@media print, screen and (min-width: 30em) {
    #disclaimer_header {
       font-size: 24px;
       font-size: 1.5rem;
        } }

#disclaimer_text
{
	resize: 			none;
	min-height: 			20rem;
	border-radius:			4px;
	border-radius:			0.25rem;
	background-color: 		white;
}

#disclaimer_button_div,#butt_disclaimer_ok,#butt_disclaimer_decline
{
	position:relative; 	/* for safari and chrome for handy*/
	z-index:1;			/* for safari and chrome for handy*/
}




.pwd_policy_output_green
{
    width:100%;
    color:green;
}
.pwd_policy_output_red
{
    width:100%;
    color:red;
    font-weight: bold;
}
.pwd_policy_cracklib_output_red
{
    width:100%;
    color:red;
}

.pwd_forgotten
{
    font-size:      1rem;
    cursor:         pointer;
    position:       relative;   
    height:         44px;
    height:         2.75rem;
    z-index:        0;
    padding-left:   0.5rem;
    padding-right:  0.5rem;
}
.captcha_div
{
    padding-bottom:1rem;
}

#label_warning_pwd_forgot
{
    font-weight:bold;
    position:relative;
    z-index:0;
}

#captcha_change_button
{
    padding:0.4rem;
    cursor:pointer;
    position:relative;
    z-index:0;
}
#pwd_strength_msg_id
{
    height:3rem;
}