/*
 * Identidade visual do FacilApp Webmail.
 * Mantem o tema Elastic atualizavel e concentra as personalizacoes da marca.
 */

:root {
    --facilapp-green: #123f34;
    --facilapp-olive: #5d6f1b;
    --facilapp-olive-hover: #4c5b16;
    --facilapp-yellow: #e5a414;
    --facilapp-surface: #f7faF2;
    --facilapp-border: #b6c795;
}

body.task-login {
    color: var(--facilapp-green);
    background: linear-gradient(135deg, #f7faf2 0%, #dceacb 100%);
}

body.task-login #layout-content {
    width: min(380px, calc(100% - 28px));
    padding: 0;
}

body.task-login #login-form {
    padding: 14px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--facilapp-border);
    border-radius: 14px;
    box-shadow: 0 12px 34px rgba(18, 63, 52, 0.12);
}

body.task-login #logo {
    width: min(330px, 100%);
    margin-bottom: 14px;
}

body.task-login #login-form .form-group,
body.task-login #login-form .formbuttons {
    margin-bottom: 7px;
}

body.task-login #login-form input.form-control:not([type="hidden"]),
body.task-login #login-form select.form-control,
body.task-login #login-form textarea.form-control {
    min-height: 25px !important;
    height: 25px !important;
    padding: 3px 6px !important;
    font-size: 11px !important;
}

body.task-login .input-group-text {
    min-height: 25px !important;
    height: 25px !important;
    padding: 3px 7px;
    color: var(--facilapp-green);
    background: #eef5e3;
    border-color: var(--facilapp-border);
}

body.task-login .form-control {
    color: var(--facilapp-green);
    background: #ffffff;
    border-color: var(--facilapp-border);
}

body.task-login .form-control:focus {
    border-color: var(--facilapp-yellow);
    box-shadow: 0 0 0 2px rgba(229, 164, 20, 0.18);
}

body.task-login .btn-primary {
    min-height: 32px;
    padding: 5px 12px;
    color: #ffffff;
    background: var(--facilapp-olive);
    border-color: var(--facilapp-olive);
    font-size: 12px;
    font-weight: 700;
}

body.task-login .btn-primary:hover,
body.task-login .btn-primary:focus,
body.task-login .btn-primary:active {
    color: #ffffff;
    background: var(--facilapp-olive-hover);
    border-color: var(--facilapp-olive-hover);
}

body.task-login #login-footer {
    margin-top: 7px;
    color: #52645c;
    font-size: 11px;
}

body.task-login #login-footer a {
    color: var(--facilapp-olive);
    font-weight: 700;
}