/*********************************************************************************************
 *
 * This file contains the extra styling for the Example Theme of the Kopano WebApp. It can be
 * used as a base for writing a new theme. The most common elements to style have been given
 * a new style in this file. Styles rules can be removed or more style rules can be added if
 * a theme designer wants to.
 *
 ********************************************************************************************/

/*********************************************************************************************
 * The Login screen and the Welcome screen
 * =======================================
 ********************************************************************************************/
/* The logo in the Login screen. Maximum size of the logo image is 220x60px. */
body.login, #loading-mask, #bg, body.zarafa-welcome {
/*    background: #745bca no-repeat center center; */
/*    background: #9387BA no-repeat center center; */
	background: #BBADEA; /* Old browsers */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9387BA), color-stop(100%,#BBADEA)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #9387BA 0%,#BBADEA 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #9387BA 0%,#BBADEA 100%); /* Opera11 .10+ */
        background: -ms-linear-gradient(top, #9387BA 0%,#BBADEA 100%); /* IE10+ */
      	background: -moz-linear-gradient(top, #9387BA 0%, #BBADEA 100%);
      	background: linear-gradient(top, #9387BA 0%,#BBADEA 100%);
}
body.login #form-container #logo,
#loading-mask #form-container #logo {
    background: url(../img/logo_login.png) no-repeat right center;
    margin-top: 50px;
    margin-left: 50px;
    height: 130px;
}
body.login #form-container h2 {
    display: none
}

body.login #form-container, #loading-mask #form-container {
    visibility: visible;
}

/* The Sign in button of the login screen */
body.login #form-container #submitbutton,
#loading-mask #form-container #submitbutton {
    background: #745bca;
}
/* Hover state and active state of the Sign in button */
body.login #form-container #submitbutton:hover,
#loading-mask #form-container #submitbutton:hover,
body.login #form-container #submitbutton:active,
#loading-mask #form-container #submitbutton:active {
    background: #3f2890;
}

body.login #form-container #content, #loading-mask #form-container #content {
    background: rgba(255, 255, 255, 0.9);
}