/* ============================== LOGO ============================== */

.logo-container {
    flex-direction: row;
    justify-content: center;
    align-items: end;
}

    .logo-container::after {
        content: var(--portal-instance);
        font-size: 33px;
        line-height: 50px;
        font-weight: normal;
        text-shadow: none;
        color: #000;
    }


/* ============================== BUTTONS ============================== */

.external-login-buttons .btn.external-login-type-saml {
    background-position: 8px center;
    background-size: 20px;
    background-image: url(/HDAPortal_SPA/Client/Resources/Img/ExternalAuthProviders/Microsoft/microsoft.svg);
}


/* ============================== ENVIRONMENTS ============================== */

.portal-environment-development .logo-container,
.portal-environment-quality .logo-container {
    flex-direction: column;
    align-items: center;
}

    .portal-environment-development .logo-container::after,
    .portal-environment-quality .logo-container::after {
        content: var(--portal-instance) " " var(--portal-environment);
        font-size: 22px;
        line-height: normal;
    }

    .portal-environment-development .logo-container::after {
        color: #004992;
    }

    .portal-environment-quality .logo-container::after {
        color: #962324;
    }