:root {
    --bg-azul: #1e4582;
    --bg-border-azul: #192d4c;
    --primary-color: #1e4582;
    --text-secondary-color: #255aab;
    --white-color: #fff;
    --button-color: #1e4582;
    --button-border-color: #192d4c;
}

body {
    background: none repeat scroll 0 0 #E9F0F9;
    font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

form button:not(.close),
form input[type="submit"] {
    background-color: var(--button-color) !important;
    border-color: var(--button-border-color) !important;
    color: var(--white-color) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

    form button:hover:not(.close),
    form input[type="submit"]:hover {
        background-color: var(--button-border-color) !important;
    }

form a {
    color: var(--text-secondary-color);
    font-size: 14px;
}

textarea:focus, input:focus, select:focus {
    box-shadow: none !important;
    border-color: #cecece !important;
    background-color: rgba(253, 253, 223, 0.493) !important;
}

.body-container {
    margin-top: 10%;
}

.welcome-page li {
    list-style: none;
    padding: 4px;
}

.logged-out-page iframe {
    display: none;
    width: 0;
    height: 0;
}

.grants-page .card {
    margin-top: 20px;
    border-bottom: 1px solid lightgray;
}

    .grants-page .card .card-title {
        font-size: 120%;
        font-weight: bold;
    }

        .grants-page .card .card-title img {
            width: 100px;
            height: 100px;
        }

    .grants-page .card label {
        font-weight: bold;
    }

.form-group .row {
    margin-top: 10px;
}

.form-group > .inner-addon {
    position: relative;
}

    .form-group > .inner-addon > span.icon {
        position: absolute;
        right: 0;
        padding: 8px;
    }

.login .logo {
    background-color: var(--bg-azul);
    border-color: var(--bg-border-azul);
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    block-size: auto;
    margin: 10px 0 10px 0;
}

.login .card p {
    margin: 0 0 20px 0;
    line-height: 1.4;
    font-size: 22px;
    color: var(--primary-color);
}

span.icon > .bi {
    color: var(--primary-color);
}

div.nav-page > nav {
    height: 56px;
    background-color: var(--bg-azul);
}


.alert.alert-danger ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cursor-pointer {
    cursor: pointer;
}

.border-rounded {
    border-radius: 5px !important;
}

.card-large {
    width: 350px;
}

.card {
    border-radius: 0;
}

.lead {
    font-size: 21px !important;
    color: #1e4582 !important;
}

.lead-name {
    font-size: 21px !important;
    font-weight: bold !important;
    color: #1e4582 !important;
}

.lead-external {
    color: #20638f !important;
    font-size: 14px !important;
}


    .lead-external:hover {
        text-decoration: underline !important;
        cursor: pointer
    }

.error {
    color: #1e4582;
    width: 500px;
    padding: 0px;
    text-align: initial;
}

    .error h1 {
        font-size: 125px;
        padding: 0;
        margin: 0;
        font-weight: 700;
    }

    .error h2 {
        margin: -30px 0 0 0;
        padding: 0px;
        font-size: 47px;
        letter-spacing: 12px;
    }