/*!
  *  Copyright (C) 2018 Robert Bosch GmbH Copyright (C) 2018 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
 */

@import '@bci-web-core/common-styles/sass/bci/colors';
@import '@bci-web-core/common-styles/sass/bci/bci-variables';

$arrows-column-width: 8 * $grid-size;

:host {
  display: flex;

  & > .picklist-container {
    flex: 0 0 100%;
  }
}

.picklist-container {
  padding-bottom: 2 * $padding-base-vertical;
}

.title {
  overflow: hidden;

  & > .source-title-container,
  & > .target-title-container {
    min-width: 0;
    flex: 0 1 100%;
  }
}

.content {
  overflow: hidden;
}

.spacer {
  flex: 0 0 $arrows-column-width;
}

.filter-form-field {
  padding-bottom: $padding-base-vertical;
  min-width: 0;

  &.hidden {
    visibility: hidden;
  }
}

.filters-container {
  & > :not(.spacer) {
    min-width: 0;
  }
}

.lists-container {
  overflow: hidden;

  & > bci-drag-drop-list {
    min-width: 0;
  }
}

.arrow-buttons {
  & > *:nth-child(2) {
    margin-bottom: 2 * $padding-base-vertical;
  }
}

.selection-buttons {
  padding-top: 2 * $padding-base-vertical;

  a.selection-link-button {
    margin-right: $padding-base-horizontal;
    white-space: nowrap;

    &:last-child {
      margin-right: 0;
    }
  }
}

a.selection-link-button {
  cursor: pointer;
  color: $boschBlue35;
  user-select: none;

  &:hover,
  &:active,
  &:focus {
    color: $boschBlack;
  }

  &.disabled {
    color: $boschGray90;
    cursor: not-allowed;
  }
}

button[disabled] {
  cursor: not-allowed;
}

.flex-65 {
  flex: 0 0 65px;
  max-width: 65px;
  min-width: 65px;
}

.flex-1 {
  flex: 1;
}
