/* WAZALENDO WEBMAIL */

body.task-login {
    background-color: #f2f6fc;
    color: #092653;
    font-family: Arial, Helvetica, sans-serif;
}

/* Login button */
body.task-login #login-form button,
body.task-login #login-form .button,
body.task-login #login-form input[type="submit"] {
    background-color: #078fe8 !important;
    border-color: #078fe8 !important;
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

/* Button hover */
body.task-login #login-form button:hover,
body.task-login #login-form .button:hover,
body.task-login #login-form input[type="submit"]:hover {
    background-color: #082b63 !important;
    border-color: #082b63 !important;
}

/* Input fields */
body.task-login #login-form input.form-control {
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

/* Footer */
body.task-login #login-footer {
    color: #52647a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}


/* WAZALENDO LOGIN BACKGROUND */
body.task-login #layout {
    background-color: #f2f6fc !important;
}


/* Override Roundcube login background */
body.task-login #layout-content {
    background-color: #f2f6fc !important;
}


/* WAZALENDO BLUE-TO-WHITE GRADIENT */

body.task-login #layout,
body.task-login #layout-content {
    background: linear-gradient(
        to bottom,
        #eaf2ff 0%,
        #f4f8ff 45%,
        #ffffff 100%
    ) !important;
}


/* WAZALENDO ENHANCED GRADIENT */

body.task-login,
body.task-login #layout,
body.task-login #layout-content {
    background: linear-gradient(
        180deg,
        #dceaff 0%,
        #eaf2ff 35%,
        #f5f8ff 65%,
        #ffffff 100%
    ) fixed !important;
}