.navbar {
    border-radius: 0px;
    padding-bottom: 10px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #02377c;

    color: white;
}

.navbar-inverse {
    background-color: #0066aa;
    border-color: #0067a3;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #024bbf;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-brand:hover {
    text-decoration: underline;
}

.navbar-inverse .navbar-toggle {
    border-color: #eee;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-brand img {
    width: 80px;
    margin-left: 2px;
    /* ? how to solve logo disorientation in safari ? */
    /*image-orientation: from-image;*/
}

.navbar-kask img {
    height: 70px;
    width: 70px;
}

.navbar-inverse .navbar-toggle {
    margin-top: 10px;
}

.navbar-nav li {
    margin-top: 20px;
}

nav {
    padding: 10px;
    font-size: 17px;
    color: white;
    height: 85px;
    background-color: #0073b7;
}

nav > a {
    color: white;
    margin-right: 10px;
}

.nav-expand-line {
    height: 2px;
    margin: 6px;
    background-color: white;
}
/*(max-device-width: 976px)*/
@media only screen and (min-device-width: 320px) {
    #navbarSupportedContent {
        background-color: #0066aa;
        padding: 10px;
        z-index: 15;
    }
}

#logged-out {
    color: yellow;
    font-weight: bold;
}

.last_nav_link {
    margin-right: 45px;
}

#register-tab {
    color: #ffaf2b;
    font-weight: bold;
}

@media only screen and (min-width: 320px) {
    .navbar-toggle {
    }
}

#nav-admin {
    color: #41ff1a;
    font-weight: bold;
}

.warning_msg {
    color: #ff4d08;
    font-size: 18px;
    font-weight: bold;
    margin-left: 40px;
}

 /* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  right: 2px;
  background-color: #f1f1f1;
  width: 230px;
  box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #76b5f8;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
/* Doesnt work currently */
.dropbtn:hover {background-color: #76b5f8;}

/* Change color of nav links on hover */
.nav-item a:hover {background-color: #76b5f8;}