.logo-sobre-oscuro {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.logo-login {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.logo-login .account-logo {
    width: 100%;
    max-width: 280px;
    height: auto;
}

.logo-marco {
    background: #0c1b2a;
    line-height: 0;
}

.logo-login.logo-marco {
    border-radius: 10px;
    padding: 16px 18px;
}

.logo-barra {
    display: inline-block;
    line-height: 0;
}

.logo-barra img {
    height: 64px;
    width: auto;
}

.logo-barra.logo-marco {
    border-radius: 6px;
    padding: 4px 6px;
    margin-top: 0;
}

.logo-barra.logo-marco img,
.sidebar-top .logopanel .logo-barra img {
    height: 48px;
}

.theme-sltd.color-blue.sidebar-top.fixed-topbar .sidebar .logopanel,
.theme-sltd.color-blue.sidebar-top.fixed-sidebar > .fixed-topbar .sidebar .logopanel {
    width: 112px;
    height: 80px;
    top: -80px;
    left: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

.sidebar-top.fixed-topbar .topbar {
    left: 112px;
}

body.sidebar-top.fixed-sidebar .sidebar {
    top: 80px;
}

body.sidebar-top.fixed-topbar .main-content .page-content {
    top: 126px;
}

body.sidebar-top.fixed-topbar .topbar::before {
    content: "";
    position: absolute;
    left: -112px;
    top: 0;
    width: 112px;
    height: 80px;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.16), 0 4px 2px -2px rgba(0, 0, 0, 0.12);
    pointer-events: none;
}