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

.module-toggle-tab {
  .bx--data-table-v2-container {
      overflow: hidden;

      .bx--table-sort-v2 {
        .bx--table-header-label {
          text-align: left;
          word-break: normal;
        }

        .info-icon {
          margin-top: 0.2rem;
          margin-left: 0.2rem;
          margin-right: 0.1rem;
          width: 1rem;
          height: 1rem;
          fill: $color__blue-51;
          stroke: none;
          cursor: pointer;
        }
      
        .bx--tooltip--icon__top:focus {
          box-shadow: none;
          outline: none;
          border: none;
          .info-icon {
            box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
            outline: 0.0625rem solid transparent;
            border: none;
          }
        }
      
        .bx--tooltip--icon__top:after, .bx--tooltip--icon__bottom:after {
          white-space: normal;
          word-break: keep-all;
          width: 22rem;
          max-width: 22rem;
          z-index: 2000;
        }
      }
  }

  .bx--table-toolbar {
    .bx--search--sm .bx--search-input {
      height: 2rem;
      &:focus {
        box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
        outline: 0.0625rem solid transparent;
        border: none;
      } 
    }
  }

  .module-toggle-tab-switch-makeup {
    height: 2rem;
  }

  .bx--content-switcher {
    height: 2rem;

    .bx--content-switcher-btn:focus {
      box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
      outline: 0.0625rem solid transparent;
      border: none;
    } 
  }

  .bx--pagination .bx--select-input:focus {
    box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
    outline: 0.0625rem solid transparent;
    border: none;
  } 

  .bx--pagination__button:focus {
    box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
    outline: 0.0625rem solid transparent;
    border: none;
  }
}

.resource-table {
  thead {
    .bx--table-sort-v2:focus svg {
      box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
      outline: 0.0625rem solid transparent;
      border: none;
    }
  }

  tbody {
    .bx--overflow-menu:focus .bx--overflow-menu__icon {
      box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
      outline: 0.0625rem solid transparent;
      border: none;
    }

    tr td a:focus {
        box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
        outline: 0.0625rem solid transparent;
        border: none;
    } 
    tr.high-light {
      background-color: $grc_highlight_background;
      border-color: $color__blue-51;
      border-style: solid;
      @media screen and (min-width: 125rem) {
        border-width: 0.08rem;
      }
      @media screen and (max-width: 125rem) {
        border-width: 0.15rem;
      }
    }
    tr:nth-child(2n).high-light {
      background-color:$grc_highlight_background;
      border-color: $color__blue-51;
      border-style: solid;
      @media screen and (min-width: 125rem) {
        border-width: 0.08rem;
      }
      @media screen and (max-width: 125rem) {
        border-width: 0.15rem;
      }
    }
  }
}

.bx--parent-row-v2 {
  .bx--table-expand-v2 {
    .bx--table-expand-v2__button {
      &:focus svg {
        box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
        outline: 0.0625rem solid transparent;
        border: none;
      }
      
      .bx--table-expand-v2__svg {
        transform: rotate(90deg);
        transition: 0.1s;
      }
    }
  }
  .policy-table-name-ctr{
    position: relative;
    align-items: center;
    width: 20%;
  
    .disabled-label {
      background-color: #DFE2E7;
      border-radius: 20% / 50%;
      color: black;
      position: absolute;
      right: 1px;
      padding: 5px;
      bottom: 25%;
      width: 5rem;
      text-align: center;
    }
    .policy-table-name-link {
      overflow: clip;
      text-overflow: ellipsis;
      bottom: 35%;
      white-space: nowrap;
      margin-right: 10px;
    }
  }
}

.bx--expandable-row-v2 {
  .bx--table-expand-v2 {
    .bx--table-expand-v2__button {
      &:focus svg {
        box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
        outline: 0.0625rem solid transparent;
        border: none;
      }

      .bx--table-expand-v2__svg {
        &:focus {
          box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
          outline: 0.0625rem solid transparent;
          border: none;
        }
    
        transform: rotate(270deg);
        transition: 0.1s;
      }
    }
  }
}
