#navbar {
  height: 70px;
  padding: 0 5px 0 5px;
  background-color: #c5e0b4;
}

#navbar .navbar {
  height: 100%;
  flex-wrap: nowrap !important;
}

#navbar .navbar .nav-left {
  width: 50%;
  background-color: #fff2cc;
  padding: 5px;
  border-radius: 5px;
}

#navbar .navbar .nav-left #input-search-nav {
  background-color: transparent;
}

#navbar .navbar .nav-right {
  height: 100%;
}

#navbar .navbar .nav-right .info-user .text-left {
  padding: 5px 15px 0 5px;
  margin-bottom: 0;
}

#navbar .navbar .nav-right .info-date .text-right {
  padding: 2px 20px 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#navbar .navbar .nav-right button,
.logout {
  color: #fff !important;
  background-color: #bfbfbf;
  border-color: #a4a4a4 !important;
}

#navbar .navbar .nav-right button {
  min-width: 90%;
  display: block;
  margin-right: auto;
}

#navbar .navbar .nav-right button:hover,
.logout:hover {
  background-color: #a4a4a4;
}

.info-user {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}