/****************************************************

TOP MENU

****************************************************/


#top-menu {
  display:block;
  min-height: 60px;
  /* margin-bottom:20px; */
  /* position:relative; */
  top:0px;
  left:0px;
  padding:0;
  margin:0;
  width: 100%;
}

#top-menu nav {
  position: relative;
  height:auto;
  width:100%;
  padding:0;
  /* margin-bottom:20px; */
  /* background-color:rgb(204, 204, 204)!important; */
  max-height:60px;
  min-height:60px;
}

#top-menu nav span.user-info {
  position: relative;
  height:auto;
  width:100%;
  padding:0;
  margin-left:40px;
  color:#5c5c5c;
}

#top-menu nav a.navbar-brand {
  padding: 0;
  margin: 0;
}


#top-menu nav a.navbar-brand span {
  max-width:230px;
  max-height:40px;
  width: auto;
  height: auto;
  margin-left: 10px;
  font-family: 'Monserrat-Bold';
}

#top-menu nav button {
  border:0px;
  color:rgb(0,0,0);
  background-color:rgb(166, 76, 76);
}

#top-menu nav button span {
  color:rgb(255, 255, 255)!important;
}

.dropdown-toggle::after {
    display: none!important;

}


#top-menu div.dropdown-menu {
  background-color:rgb(166, 76, 76);
  border:0px;
}

#top-menu div.dropdown-menu ul li {
  line-height: 1rem;
  font-size: 1.2rem;
}

#top-menu div.dropdown-menu ul li span.material-icons {
  position:relative;
  /* top:4px; */
}



/*************************
***** logo
*************************/

#top-menu div.logo {
  position:relative;
  text-align:left;
  padding-top:0px;

}

#top-menu div.logo img {
  /* margin-top: 2rem; */
  max-height: 60px;
  vertical-align: middle;
  position: relative;

}

#top-menu div.logo img:hover {
  cursor:pointer
}

#top-menu div.logo span {
  position:relative;
  font-size:1.8rem;
  margin-top:0px;
  padding-left:20px;
  font-weight:200;
  /* color:black; */
}

#top-menu div.logo span.top-menu-title:hover {
  cursor:pointer;
}