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

.overview-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -.625rem;
  margin-right: -.625rem;

  .bx--module {
    flex: 1 0 50%;
    max-width: 100%;
    .bx--module__inner {
      flex: 1 0 50%;
      position: relative;
      min-height: 15.625rem;
      overflow: auto;
      .yaml-editor-button {
        position: relative;
        float: right;
        margin: -2.5rem 0.5rem 0 0;
        & > div {
          display: inline;
        }
        button {
          margin: 0 0.3rem;
          width: 5.5rem;
          font-size: 0.7rem;
        }
        .read-only-button {
          background-color: $ibm-colors__gray--40;
          &:focus {
            box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
            outline: 0.0625rem solid transparent;
            border: none;
          }
        }
      }
      .bx--module__content {
        .bx--structured-list-tbody{
          .bx--structured-list-row {
            .bx--structured-list-td:nth-child(2) {
              max-width: 20rem;
              word-wrap: break-word;
            }
          }
        }
      }
      .bx--structured-list-th:first-child {
        min-width: 9.375rem;
      }
    }
  }

  .module-spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }

  &-second {
    width: 100%;
    display: flex;
    flex-direction: row;

    &-left {
      flex: 3 3 60%;
      float: left;
    }

    &-right {
      flex: 2 2 40%;
      float: right;
    }

    .bx--module {
      min-height: 25rem;
      min-width: 40%;
    }
  }

  &-bottom {
    width: 100%;
    flex: 1 0 100%;
  }

  &-right {
    min-width: 40%;
  }

  b { font-weight: bold; }
  li { margin-bottom: .3rem; }
  code { font-size: .6rem; }

  .bx--snippet.bx--snippet--code { margin-bottom: .3rem; }
}

.policy-cluster-detail{
  .overview-content{
    .bx--module{
      .bx--module__inner{
        border: none;
        box-shadow: none;
        .bx--module__header{
          background-color: $acm-background-color;
          padding-left: 0rem;
          border-bottom: none;
          .bx--module__title{
            font-size: 1rem;
          }
        }
      }
    }
  }
}