.nav-strip {
  top: -3px;
  padding: 2px;
  position: absolute;
  width: 100%;
  background: linear-gradient(
    to right,
    #fcd000 0,
    #ff8a00 16%,
    #ff253a 33%,
    #ff37a8 50%,
    #a400e1 69%,
    #0086ff 87%,
    #00d604 100%
  );
}

.nav-bar {
  background-color: #fff !important;
  border-bottom-color: #ddd !important;
  border-top-color: #fff !important;
  border-left-color: #fff !important;
  border-right-color: #fff !important;
  border-width: 1px !important;
  border-style: solid !important;
  top: 2px !important;
}

.nav-logo {
  margin-left: 0px !important;
  padding-left: 0px !important;
  padding-bottom: 7px !important;
}

.nav-header {
  border-radius: 0px !important;
  border-right-style: solid !important;
  border-right-width: 1px !important;
  border-right-color: #dededf !important;
}

.nav-icons-bar {
  padding: 0px !important;
}

.nav-icon-messages {
  fontsize: 1.5em !important;
  top: 0px !important;
  lineheight: 0px !important;
}

.nav-avatar {
  margin-top: 6px !important;
  margin-right: 15px;
  cursor: pointer;
}

.nav-sidebar {
  padding-top: 57px !important;
  background-color: #fff !important;
  border-right-width: 1px !important;
  border-right-color: #dededf !important;
}

.nav-sidebar-pusher {
  height: 100vh !important;
  overflow: auto !important;
  overflow-x: hidden !important;
}

.nav-sidebar-pusher-row {
  height: calc(100vh + 15px) !important;
  padding-bottom: 0px !important;
  background-color: #f3f4f5 !important;
}

.nav-sidebar-pusher-column {
  padding-top: 80px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.right.menu > .item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  border-radius: 5px !important;
}