.list-controls {
  .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    #create-topic {
      box-sizing: border-box;
      display: flex;
      align-self: stretch;
      align-items: center;
    }
  }

  .navigation-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
  }

  .nav-pills {
    flex: 1 1 auto;
    margin: 0 3px 5px 3px;
    position: relative;

    .list-control-toggle-link-trigger {
      font-size: var(--font-up-1-rem);
      font-weight: bold;
      color: var(--primary-high);
      padding: 0;

      &:hover,
      &:focus {
        background: none;
      }

      .d-icon {
        color: inherit;
        font-size: var(--font-down-2);
        margin-left: 0.5em;
      }
    }
    > li {
      margin-right: 0;
    }
    > li > a {
      line-height: var(--line-height-large);
      display: flex;
      align-items: center;

      .d-icon {
        margin-left: 5px;
        margin-right: 0;
      }
    }
  }
}

.list-container .full-width {
  margin-left: 0;
}

.fk-d-menu-modal.list-control-toggle-link-content {
  .dropdown-menu {
    display: flex;
    flex-direction: column;

    a {
      display: block;
      color: var(--primary);

      &.active {
        background: var(--d-selected);
        font-weight: bold;
      }
    }
  }
}