@import '../../scss/variables';

:host {
  display: block;
  width: 100%;

  /deep/ sky-dropdown-button + i.fa-caret-down {
    display: none;
  }

  /deep/ sky-dropdown-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipse;

    &.selected .sky-dropdown-item {
      background-color: #eeeffb;
    }
  }

  /deep/ .standard, /deep/ .search {
    min-height: 46px;
  }

  /deep/ .standard {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 6px 6px 0 6px;

    sky-contrib-list-toolbar-item-renderer > a {
      display: inline-block;
      padding-top: 6px;
    }
  }

  /deep/ .search {
    background-color: #eee;

    .primary-bar {
      width: 100%;
      display: block;
      min-height: 46px;
      padding: 7px;

      sky-contrib-list-toolbar-item-renderer {
        width: 100%;

        .toolbar-item-container {
          > input {
            width: 100%;
          }
        }
      }
    }

    .secondary-bar {
      width: 100%;
      display: inline-block;
      border-top: 1px solid #ccc;
      padding: 6px 10px;
      padding-bottom: 2px;
    }
  }
}