/* Aliá Prontuário branding */
.login-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.login-logo img {
    display: block;
    width: min(100%, 20rem);
    height: auto;
}

.main-logo-wrapper {
    background-color: #e8e9e9;
    height: 100%;
    display: flex;
    align-items: center;
}

.logo.logo-alia {
    width: 13.75rem;
    height: 4.25rem;
    padding: 0;
    overflow: visible;
    display: flex;
    align-items: center;
}

.logo-alia-full,
.logo-alia-icon {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
}

.logo-alia-icon {
    display: none;
    width: 3.75rem;
}

.main-logo-wrapper .logo-alia-full {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 63.99875em) {
    .main-logo-wrapper {
        background-color: #e8e9e9;
    }

    .logo.logo-alia {
        width: 4.5rem;
        height: 4.25rem;
        justify-content: center;
    }

    .logo-alia-full {
        display: none;
    }

    .logo-alia-icon {
        display: block;
    }
}

.collapse-sidebar .main-logo-wrapper {
    background-color: #e8e9e9;
}

.collapse-sidebar .logo-alia {
    width: 4.5rem;
    justify-content: center;
}

.collapse-sidebar .logo-alia-full {
    display: none;
}

.collapse-sidebar .logo-alia-icon {
    display: block;
}

body.skin-nuvem-suave .brand-tile {
    background: #e8e9e9;
    box-shadow: 0 6px 14px -6px rgba(51, 149, 222, .35);
}

body.skin-nuvem-suave .brand-tile img {
    width: 30px;
}