.nav ul {
  border     : 3px solid #fff;
  border-top : none;
}

nav {
  display : block;
}

nav ul {
  margin     : 0;
  padding    : 0;
  list-style : none;
}

.nav a {
  color           : #111;
  display         : block;
  text-decoration : none;
  padding         : 0.2rem 1.2rem;
  position        : relative;
}

.admin-nav-2 a, .admin-nav-3 a {
  font-size : 90%;
  padding   : 0.2rem 0.8rem;
}

.nav a.curr-path {
  color            : #fff;
  background-color : rgba(0, 0, 0, 0.7);
}

.nav {
  vertical-align : top;
  display        : inline-block;
  width          : 100%;
  border-left    : thin solid #999;
  margin-bottom  : 1px;
}

.nav li {
  position : relative;
}

.nav > li {
  float : left;
}

.nav > li > a {
  margin-bottom : 1px;
  border-right  : thin solid #999;
}

.nav li:hover > a {
  background-color : rgba(0, 0, 0, 0.4);
}

.nav > li:last-child {
  margin-right : 0;
}

.nav li li a {
  margin-top : 1px;
}

.nav li a:first-child:nth-last-child(2):before {
  content  : "";
  position : absolute;
  height   : 0;
  width    : 0;
  border   : 4px solid transparent;
  top      : 50%;
  right    : 5px;
}

.nav.admin-nav-2 li a:first-child:nth-last-child(2):before,
.nav.admin-nav-3 li a:first-child:nth-last-child(2):before {
  border-width : 3px;
}

/* submenu positioning*/
.nav ul {
  position    : absolute;
  white-space : nowrap;
  z-index     : 10;
  left        : -99999em;
}

.nav > li:hover > ul {
  left      : auto;
  min-width : 100%;
}

.nav > li li:hover > ul {
  left        : 100%;
  margin-left : 1px;
  top         : -1px;
}

/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before {
  border-top-color : #777;
}

.nav > li > a.curr-path:first-child:nth-last-child(2):before {
  border-top-color : #fff;
}

.nav > li:hover > a:first-child:nth-last-child(2):before {
  border-top-color : #fff;
}

.nav li li > a:first-child:nth-last-child(2):before {
  border-left-color : #777;
  margin-top        : -5px
}

.nav li li > a.curr-path:first-child:nth-last-child(2):before {
  border-left-color : #fff;
}

.nav li li:hover > a:first-child:nth-last-child(2):before {
  border-left-color : #fff;
}