.toolbar {
  width: 100%;

  &-container {
    display: none;
    position: absolute;
    border-left: 1px solid $gray-medium;
    width: 25%;
    max-width: 415px;
    right: 0;
    top:100px;
    box-sizing: border-box;
    background: $gray-light;
    padding-bottom: 5px;

    &.border {
      border-bottom: 1px solid $gray-medium;
    }

    .row {
      margin-left: auto;
      margin-right: auto;
      padding-left: 6px;
      padding-right: 6px;

      &.no-padding {
        padding: 0;
      }
    }
  }

  * {
    box-sizing: border-box;
  }

  &-module {
    background: $white;
    @include margin(5px 5px 0 5px);
    @include clearfix();

    &-content {
      @include padding(0 20px);

      &:after {
        display: block;
        content: '';
        height: 20px;
      }
    }
  }

  &-noline {
    border-top: none;
  }

  &-heading {
    font-weight: $font-weight-normal;
    background: $white;
    @include font-size($base-font-size);
    @include padding(15px 10px);
  }

  .dropdown-arrow {
    left: -5px;
  }
}

@include breakpoint(lg) {
  .toolbar-container {
    display: block;
  }
}