#application-navbar,
#application-navbar.navbar {
    background-color: #1b2b55 !important;
    border: 1px solid #1b2b55 !important;
}

#application-navbar .navbar-brand,
#application-navbar .navbar-nav > li > a,
#application-navbar .navbar-nav .nav-link,
#application-navbar .app-nav-link {
    color: #ffffff !important;
}

#application-navbar .navbar-collapse.show,
#application-navbar .navbar-collapse.collapsing {
    background: #1b2b55 !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
}

#application-navbar .app-mega-dropdown-menu {
    background: #ffffff !important;
    border-color: rgba(31, 41, 55, 0.08) !important;
}

#application-navbar .app-mega-dropdown-menu .dropdown-item,
#application-navbar .app-mega-column-title,
#application-navbar .app-mega-subtitle {
    color: #1f2937 !important;
}

#application-navbar .app-mega-dropdown-menu .dropdown-item:hover {
    background-color: rgba(31, 41, 55, 0.06) !important;
}

#application-navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.65) !important;
    background-color: transparent !important;
}

#application-navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgb(255,255,255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

#application-navbar .company-logo > img {
    height: 35px !important;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    #application-navbar .app-nav-dropdown {
        position: static !important;
    }

    #application-navbar .app-mega-dropdown-menu {
        left: 1rem !important;
        right: 1rem !important;
        transform: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    #application-navbar .app-mega-columns {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1rem !important;
        row-gap: 1rem !important;
        align-items: start !important;
    }

    #application-navbar .app-mega-column {
        min-width: 0 !important;
    }

    #application-navbar .app-mega-column:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    #application-navbar .app-mega-column:nth-child(2) {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    #application-navbar .app-mega-column:nth-child(3) {
        grid-column: 1;
        grid-row: 2;
    }
}

body,
#app-layout {
    background-color: #ffffff;
}