//
// Context Selector
// --------------------------------------------------
.layout-pf-fixed .navbar-pf-vertical.navbar-pf-contextselector {
  z-index: @zindex-modal-background;
}
.navbar-pf-vertical .nav.contextselector-pf {
    @media (min-width: @screen-sm-min) {
      margin-left:@contextselector-pf-margin-left;
    }
    border-left:1px solid @color-pf-black-700;
      .nav-item-iconic {
        padding:@contextselector-pf-nav-item-iconic-padding;
        display: flex;
        align-items: center;
      }
  }

  .contextselector-pf {
    float:left;
    &-title {
      width: @contextselector-title-width-mobile;
      @media (min-width: @screen-xs-min) {
        width: @contextselector-title-width-desktop;
      }
      white-space: nowrap;
      display:inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: normal;
    }
    .dropdown {
      &.open, &:hover {
        background-color: @navbar-pf-navbar-primary-active-bg-color-stop;
      }
    }
    .dropdown-menu {
      width: 100%;
      margin-top:0;
    }
    .form-group {
      margin: @contextselector-pf-form-group-margin;
    }
    .contextselector-pf-list {
      @media (min-width: @screen-sm-min) {
        max-height: @contextselector-pf-list-max-height;
        overflow-y: auto;
      }
      li {
        padding: @contextselector-pf-list-li-padding;
        border-width: @contextselector-pf-list-li-border-width;
        border-style: solid;
        border-color: transparent;
        &:hover {
          background: @color-pf-blue-50;
          border-color: @dropdown-link-hover-border-color;
          a {
            text-decoration: none;
          }
        }
      }
      a {
        color: @color-pf-black-800;
        display: block;
      }
    }
  }
