.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: @body-bg;
  text-decoration: none;
  background-color: @brand-primary;
  background-image: -moz-linear-gradient(top, @brand-primary, darken(@brand-primary, 3%));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@brand-primary), to(darken(@brand-primary, 3%)));
  background-image: -webkit-linear-gradient(top, @brand-primary, darken(@brand-primary, 3%));
  background-image: -o-linear-gradient(top, @brand-primary, darken(@brand-primary, 3%));
  background-image: linear-gradient(to bottom, @brand-primary, darken(@brand-primary, 3%));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
     -moz-border-radius: 5px 5px 5px 0;
          border-radius: 5px 5px 5px 0;
}

.dropup .dropdown-menu {
    -webkit-animation-name: inherit;
}

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: @gray-light;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-submenu:hover > a:after {
  border-left-color: @body-bg;
}

.dropdown-submenu.pull-left {
  float: none !important;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: 0;
  margin-left: 1px;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.dropdown-button > i {
    margin-right: 5px;
}

li.dropdown-toggle i.glyphicon + span {
    margin-left: 5px;
}

li.dropdown-toggle span + i.glyphicon {
    margin-left: 5px;
}

li.dropdown-menu-item i.fa + span {
    margin-left: 5px;
}

li.dropdown-toggle button > i.glyphicon {
    margin: 3px 0 0 5px;
}

.dropdown-menu.nowrap li a span {
    white-space: nowrap;
}