.navTop{
    padding: 0em;
    width: 100vw;
}

/* for logo in top menu bar */
.navbar-brand {
    color: white;
    vertical-align: middle;
}
.site-name{
    font-size: 1.8rem;
    color:white;
    vertical-align: middle;
}
.nav .open > a { color: white; background-color: #070062;}
.nav .open > a:focus { color: white; background-color: #070062;  }
.nav .open > a:hover { color: white; background-color: #070062;  }
.navbar-nav  > .active > a { color: yellow; background-color: #070062;  }
.navbar-nav  > .active > a:focus { color: white; background-color: #070062;  }
.navbar-nav > .active > a:hover { color: white; background-color: #070062;  }
.navbar-nav > li > a {color: yellow;background-color: #070062;}
.navbar-nav > li > a:hover { color: yellow; background-color: #070062;}
.navbar-nav > li > a:focus { color: yellow; background-color: #070062;}
.navbar-nav > li .dropdown-menu {color: white;background-color: #070062;  }
.navbar-nav > li .dropdown-menu > li > a {color: white;background-color: #070062; }
.navbar-nav > li .dropdown-menu > li > a:hover {color: black; background-color: lightskyblue; }
.dropdown-item > a {color: white;background-color: #070062;width:100%; }
.dropdown-menu > a{color: white;background-color: #070062;width:100%;  }

.language-bar {
    padding-left: 0em;
 }

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
    color: yellow;
    background-color: #070062;
}



#navbarSupportedContent{
    width: 100%;
}