#mschoa-menu-brand {
    width: 145px;
    border-radius: 100%;
}

body :not(#mschoa-login) .container {
    margin-right: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    max-width: unset;
    width: calc(100% - var(--mschoa-navigationbar-width));
}

#mschoa-login-brand-primary {
    width: 145px;
}

main {
    flex: 1
}

#mschoa-main-navigation ul.nav li ul a {
    padding-left: 35px;
    margin-left: 40px;
}

.menu-tree-branch {
    width: 20px;
    margin-top: -21px;
    opacity: .25;
    margin-right: 4px;
}

#mschoa-main-navigation-body {
    background-color: var(--mschoa-color-blue-dark);
    height: calc(100vh - 196px);
    margin-left: 0;
    width: calc(100% + 13px) !important;
}

#mschoa-main-navigation-footer {
    height: 100px;
    background-color: var(--mschoa-color-blue-dark);
    margin-left: 0;
    width: calc(100% + 13px) !important;
    color: var(--mschoa-color-gray-secondary);
    font-size: .6em;
    padding: 0 2rem;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-main-navigation-footer * {
    display: none;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-main-navigation-body,
#mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-main-navigation-footer {
    width: calc(var(--mschoa-navigationbar-width-small) + 10px) !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-main-navigation-footer {
    padding: 0;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive  {
    width: var(--mschoa-navigationbar-width-small) !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-main-navigation-body {
    width: calc(var(--mschoa-navigationbar-width-small) + 10px) !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-menu-wrap-brand.d-lg-flex {
    display: none !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-menu-wrap-brand.d-flex {
    display: flex !important;
    margin-top: 0;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive  #hoa-menu-brand-small {
    display: block !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive   #hoa-menu-brand {
    display: none !important;
}

#mschoa-main-navigation {
    font-family: 'Roboto-Regular';
    z-index: 1;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: var(--mschoa-navigationbar-width);
}

.mschoa-main-navigation-footer-custom-padding {
    padding-left: 10px;
}

#mschoa-main-navigation ul.nav a {
    color: var(--mschoa-color-gray-secondary);
    padding-left: 55px;
    border-radius: unset;
    font-size: .9em;
    border-right: 4px solid transparent;
}

#mschoa-main-navigation ul.nav a:hover {
    background-color: var(--mschoa-color-blue-dark-selected) !important;
    color: var(--mschoa-color-white);
}

#mschoa-main-navigation ul.nav ul a {
    padding-left: 75px;
}

#hoa-menu-brand-small {
    height: 97px;
    width: auto;
    z-index: 1;
    position: fixed;
    top: 0;
    left: -26px;
    padding: 0;
}

#hoa-menu-brand {
    z-index: 1;
    position: fixed;
    top: 0px;
    left: 244px;
    width: 104px;
}

#mschoa-main-navigation-header {
    background-color: var(--mschoa-color-blue-dark);
    height: 96px;
}

#mschoa-main-navigation .nav-pills .nav-link.active, #mschoa-main-navigation .nav-pills .show>.nav-link {
    background: transparent;
    border-right: 4px solid var(--mschoa-color-yellow);
    border-radius: unset;
    background-color: var(--mschoa-color-blue-dark-selected);
    color: var(--mschoa-color-white);
}

footer {
    background-color: var(--mschoa-color-footer);
}

footer p, footer a, footer h5 {
    color: var(--mschoa-color-gray-secondary) !important;
}

footer h5 {
    font-family: 'Roboto-Bold';
}

.footer-brand-owner {
    font-size: 1em;
}

#mschoa-footer-logo-eunavfor {
    width: 80px;
}

#mschoa-footer-logo-eu-external-action {
    width: 8rem;
}

.dropdown-menu {
    border-radius: unset !important;
}

#mschoa-menu-wrap-brand {
    margin-top: -90px;
}

.row-separator {
    border-top: 1px solid var(--mschoa-color-row-separator);
}

#mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-menu-brand {
    width: 40px !important;
    border-radius: unset !important;
    z-index: 1 !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive ul.nav a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive ul.nav i {
    margin: 0 !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive i + span.d-none.d-lg-inline {
    display: none !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive ul.nav li ul.nav {
    display: none !important;
}


#mschoa-main-navigation.mschoa-navigation-force-responsive ul.nav li:hover ul.nav {
    position: absolute !important;
    margin-top: -37px !important;
    width: 200px !important;
    background-color: var(--mschoa-color-blue-dark) !important;
    margin-left: calc(var(--mschoa-navigationbar-width-small) + 10px) !important;
    display: flex !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive  .menu-tree-branch {
    display: none !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive ul.nav li:hover ul.nav li a {
    text-align: left !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive ul.nav li:hover ul.nav li a {
    text-align: left !important;
    padding-left: 22px !important;
}

#mschoa-main-navigation.mschoa-navigation-force-responsive  ul.nav li ul a {
    margin-left: 0 !important;
}

@media (max-width: 992px) {

    #mschoa-main-navigation ul.nav li ul a {
        margin-left: 0;
    }

    .menu-tree-branch {
        display: none;
    }

    #hoa-menu-brand, #mschoa-main-navigation.mschoa-navigation-force-responsive #hoa-menu-brand {
        left: 22px;
    }

    #mschoa-main-navigation-header {
        background: transparent;
    }

    #mschoa-main-navigation, #mschoa-main-navigation.mschoa-navigation-force-responsive {
        width: var(--mschoa-navigationbar-width-small);
    }

    .container {
        width: calc(100% - var(--mschoa-navigationbar-width-small)) !important;
    }

    footer {
        font-size: .8em;
    }

    #mschoa-main-navigation-body, #mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-main-navigation-body,
    #mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-main-navigation-footer,
    #mschoa-main-navigation #mschoa-main-navigation-footer {
        width: calc(var(--mschoa-navigationbar-width-small) + 10px) !important;
    }

    #mschoa-main-navigation.mschoa-navigation-force-responsive #mschoa-main-navigation-footer,
    #mschoa-main-navigation #mschoa-main-navigation-footer {
        padding: 0 !important;
    }

    #mschoa-main-navigation #mschoa-main-navigation-footer * {
        display: none !important;
    }
    
    #mschoa-menu-brand {
        width: 40px !important;
        border-radius: unset !important;
        z-index: 1 !important;
    }

    #mschoa-menu-wrap-brand {
        margin-top: 0;
    }

    #mschoa-main-navigation ul.nav ul a, #mschoa-main-navigation.mschoa-navigation-force-responsive ul.nav ul a {
        padding-left: 0;
        padding-right: 0;
    }

    #mschoa-main-navigation ul.nav a {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    #mschoa-main-navigation ul.nav i {
        margin: 0 !important;
    }

    #mschoa-language-selector-wrap.mschoa-language-selector-master {
        padding-left: 10px !important;
    }

    ul.nav li ul.nav {
        display: none !important;
    }

    ul.nav li:hover ul.nav {
        position: absolute;
        margin-top: -37px;
        width: 200px;
        background-color: var(--mschoa-color-blue-dark);
        margin-left: calc(var(--mschoa-navigationbar-width-small) + 10px);
        display: flex !important;
    }

    ul.nav li:hover ul.nav li a {
        text-align: left !important;
        padding-left: 22px !important;
    }

    ul.nav li:hover ul.nav li span {
        display: inline !important;
    }

    #mschoa-language-selector-wrap .dynamic-select .dynamic-select-header::after {
        background-image: none !important;
    }
}

.nav-tabs .nav-link {
    border-radius: unset;
    color: var(--mschoa-color-footer);
}

.nav-tabs .nav-link:not(.active) {
    color: var(--mschoa-color-text);
}

.wrap-map-header {
    position: absolute;
    z-index: 1;
    width: calc(100vw - var(--mschoa-navigationbar-width) - 15px);
    padding-left: 64px;
    padding-top: 15px;
}

.wrap-map-body {
    height: 100vh;
}

.wrap-map-header .breadcrumb li {
    background-color: rgba(255, 255, 255, 0.4);
    padding-left: 4px;
    padding-right: 4px;
}

.wrap-map-header h1 {
    background-color: rgba(255, 255, 255, 0.4);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px !important;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 3px solid var(--mschoa-color-yellow-selected);
}