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

.refresh-time-selection {
  display: flex;
  align-items: center;
  padding-right: 0.625rem;

  > div {
    &:focus {
      box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
      outline: 0.0625rem solid transparent;
      border: none;
    }
  }

  .button-icon {
    width: 0.75rem;
    height: 0.75rem;
    fill: $color__blue-51;
    stroke: none;
    cursor: pointer;
  }

  .bx--dropdown {
    font-size: 0.875rem;
    background-color: transparent;
    box-shadow: none;
    white-space: nowrap;

    .bx--list-box__label {
      color: $color__blue-51;
      padding-right: 2rem;
    }

    .bx--list-box__field {
      padding: 0 0.3125rem;
      &:focus {
        box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
        outline: 0.0625rem solid transparent;
        border: none;
     }
    }

    .bx--list-box__menu-item {
      color: $color__blue-90;
      padding: 0.875rem;
      height: 1.625rem;
      font-weight: normal;

      &:hover, .bx--list-box__menu-item--highlighted {
        text-decoration: none;
      }
    }

    .bx--list-box__menu {
      max-height: 30rem;
      top: 2rem;
    }
  }

  .bx--select__arrow {
    right: 0;
    top: 0.25rem;
  }

  .bx--loading--small {
    width: 1rem;
    height: 1rem;
    margin: -0.125rem 0;
  }
}
