.topbar {
  background: $gray-lighter;
  border-bottom: 1px solid $gray-light;
  padding-right: 15px;
  h1.brand {
    display: inline-block;
    width: 222px;
    margin: 0 0 0 10px;
    line-height: 1;
    a {
      background: url(../img/logo.png) left center no-repeat;
      display: block;
      text-indent: -9999px;
    }
  }
  .switcher_bar {
    display: inline-block;
    vertical-align: top;
    font-size: 0px;

    .btn.btn-topnav{
      @include button-size(8px, $padding-base-horizontal, $font-size-base, $line-height-base, 0);
      @include button-variant($btn-default-color, $gray-lighter, $gray-lighter);
      &:hover, &:active {
        @include box-shadow(none);
      }
    }

    .dropdown-menu.topbar-dropdown-menu {
      border-radius: 0;
      &:before, &:after {
        position: absolute;
        display: inline-block;
        content: '';
      }
      &:before {
        top: -7px;
        left: 9px;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
      }
      &:after {
        top: -6px;
        left: 10px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-left: 6px solid transparent;
      }
      &.pull-right:before {
        left: auto;
        right: 9px;
      }
      &.pull-right:after {
        left: auto;
        right: 10px;
      }
    }

    .context-selection {
      .dropdown-menu {
        padding: 0;
      }

      .context-lists {
        display: table;
        width: 100%;
        ul {
          display: table-cell;
          padding: .5em 0;
          li {
            a {
              @extend .dropdown-menu > li > a;
            }
          }
          &:not(:last-child) {
            border-right: 1px solid $gray-light;
          }
        }
      }

      .footer {
        padding: 0.4em 1em;
        background: whitesmoke;
        border-top: 1px solid $gray-light;
        text-align: right;
      }

      .disabled {
        cursor: not-allowed;
        color: $gray-light;
      }
    }

  }
}
