/*******************************************************************************
 * Licensed Materials - Property of IBM
 * (c) Copyright IBM Corporation 2017. 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';

.filter-bar {
    display: flex;
    flex-direction: row;
    padding: 4px 0 2px;

    .filter-bar-button-container {
      margin: 0 4px;
      position: relative;
      cursor: pointer;

      .filter-bar-button {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 2px;

        .filter-bar-button-icon {
          stroke-width: 3px;
          fill: $color__white;
        }

        .filter-bar-button-label {
          font-size: .8rem;
          margin-left: 3px;
        }
      }

      .filter-bar-button-checkmark {
        pointer-events: none;
        position: absolute;
        top: -4px;
        left: 12px;
        fill: blue;
      }
    }
}
