.brand-logo {
    background: var(--inline-logo);
    background-size: contain;
    height: 4em;
    max-width: 18rem;
    margin: auto;
}


h1, h2, h3 {
    font-family: var(--font-family-headings);
}

.field-gray h2 {
    font-family: var(--font-family-headings);
    text-transform: uppercase;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

@media (max-width: 768px) {
    .form-signin {
        margin-top: 20px !important;
    }
}

.alert-danger {
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 12px;
    border-radius: 6px;
}

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

body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eaeaea;
    font-family: var(--font-family-sans-serif);
    -webkit-font-smoothing: antialiased;
}

.form-signin,
.form-resetpassword,
.error-page,
.logout-page {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
    background-color: #ffffff;
    border-radius: 10px;
}

    .form-signin .checkbox {
        font-weight: 400;
    }

    .form-signin .form-control {
        position: relative;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        font-size: 16px;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.logged-out,
.welcome-page {
    margin: auto;
}

.logout-page button {
    display: block;
}

#support_link {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 1rem;
    right: 1rem;
    position: fixed;
}