/*******************************************************************************
 * Licensed Materials - Property of IBM
 * (c) Copyright IBM Corporation 2018, 2019. All Rights Reserved.
 * Copyright (c) 2020 Red Hat, Inc.
 *
 * Note to U.S. Government Users Restricted Rights:
 * Use, duplication or disclosure restricted by GSA ADP Schedule
 * Contract with IBM Corp.
 *******************************************************************************/
@import 'node_modules/carbon-components/scss/globals/scss/_colors';
@import 'variables';

.topology-controls {
  display: flex;
  flex-wrap: wrap;
  margin: 0rem 1rem 5px 0rem;
  justify-content: space-between;

  .topology-control-container {
    display: flex;
    align-items: center;

    > div {
      width: 90vw;
      margin-right: 20px;
      background-color: #fff;
    }

    > * {
      input::placeholder {
        color: $ibm-colors__gray--40;
      }

      .bx--list-box__menu {
        max-height: 25rem;
      }
    }

    .clear-filters {
      .bx--tag.bx--tag--custom {
        margin-left: 10px;
        background-color: #edc0c0;
        color: $color__blue-90;
        font-size: .9rem;
        padding: .8rem;
        line-height: 20px;
        white-space: nowrap;

        .closeIcon {
          fill: $color__blue-90;
          cursor: pointer;
          margin-left: 5px;
        }
      }
    }
  }

  .topology-type-filter-bar {
    display: flex;
    align-items: flex-end;
    height: 100%;
  }
}
