.app-container {
    /* height: 100vh; */
}

.app-content h1 {
    color: #fff;
}

/* .app-container,
.navbar.navbar-expand-lg {
    background-color: #2a77a2;
} */

.sidebar-toggle {
    display: none;
}

.content-login {
    max-width: 700px !important;
    width: auto;
}

#sidebar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    min-height: auto;
}

#sidebarCollapse {
    z-index: 50;
    margin-left: -10px;
    margin-top: 5px;
}

#sidebar.active {
    display: none;
}

#sidebar .sidebar-header {
    height: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sidebar-header .sidebar-logo {
    width: 150px;
    margin-left: 35px;
    margin-top: -25px;
}

#sidebar ul.components {
    padding-top: 0;
}

.logo-480 {
    display: none;
}

.logo-768 {
    display: block;
}

.nav-bar-tasks-container-desktop {
    display: none;
}

.nav-bar-tasks-container-mobile {
    gap: 16px;
    margin-bottom: 20px;
    margin-left: 11px;
    display: flex !important;

    a {
        color: #2A77A2;

        &:hover {
            color: rgb(216, 171, 39) !important;
        }

        i {
            margin-right: 5px;
        }
    }
}

.sidebar-header {
    position: relative !important;
}

.modal-registros {
    button {
        width: 100% !important;
    }
}