/*******************************************************************************
 * 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';
 
.overview-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -.625rem;
  margin-right: -.625rem;
  .violationCell {
    > svg {
      margin-right: 0.25rem;
    }
  }
  .overview-content-bottom {
    .table-status-row p {
      font-size: .875rem;
    }
  }
  .vertical-expend{
    padding: 0 0.5rem;
    width: 100%;

      h5.section-title{
        margin-top: 2rem;
      }

      .bx--module {
        padding-left: 0;
        padding-right: 0;
      }

      .overview-content-second {
        display: flex;
        flex-direction: row;
        .overview-content-second-cell {
          display: flex;
          flex-grow: 1;
        }
        .overview-content-second-cell + .overview-content-second-cell {
          padding-left: 1.25rem;
        }
      }

      .module-container{
        width: 100%;
      }
    
      .bx--module {
        flex: 1 0 50%;
        max-width: 100%;
        min-height: 6.25rem;
        .bx--module__inner {
          min-height: 6.25rem ;
          flex: 1 0 50%;
          position: relative;
          overflow: auto;
          .bx--module__content {
            .bx--structured-list-tbody{
              .bx--structured-list-row {
                .bx--structured-list-td:nth-child(2) {
                  word-wrap: break-word;
                }
              }
            }
          }
          .bx--structured-list-th:first-child {
            min-width: 9.375rem;
          }
        }
      }

      // Accordion panel containing policy details
      .pf-c-accordion {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);

        & > dt {
          padding: 0.5rem;

          .pf-c-accordion__toggle {
            background-color: unset;
            outline: none;

            &::before {
              background-color: unset;
            }

            .pf-c-accordion__toggle-text {
              color: unset;
              font-size: 1rem;
              font-weight: 600;
              text-align: left;
            }
          }
        }
        .pf-c-accordion__expanded-content-body {
          border-top: 1px solid #DFE3E6;
          display: flex;
          padding: 0;

          &::before {
            background-color: unset;
          }

          .pf-c-description-list {
            color: #151515;
            margin: 1.5rem;
            width: 50%;

            .pf-c-description-list__group {  
              .pf-c-description-list__term {
                .info-icon {
                  margin-left: 0.5rem;
                  margin-right: 0.1rem;
                  outline: none;
                  width: 1rem;
                  height: 1rem;
                  fill: $color__blue-51;
                }
              }

              .pf-c-description-list__description {
                font-weight: normal;
                white-space: normal;
                word-wrap: break-word;
              }
            }
          }
        }
      }

      .overview-content-bottom {
        width: 100%;
        flex: 1 0 100%;
        .bx--module__inner{
          border: 0;
        .bx--module__content{
          padding: 0;
          height: 100%;
          .simple-table{
            height: 100%;
            p {
              font-size: .875rem;
            }
            .resource-table-expandable-cell{
              table{
                border-style: hidden;
              }
              thead{
                background-color: white;
              }
              th{
                span{
                  color: $color__blue-51;
                }
                border: 0.0625rem solid $color__gray-1;
                border-left: hidden;
                font-size: .75rem;
                padding-left: 0;
              }
              td{
                border: 0.0625rem solid $color__gray-1;
                border-left: hidden;
                font-size: .75rem;
                padding-left: 0;
                .textWithTruncation {
                  font-size: .75rem;
                }
              }
            }
          }
          .bx--data-table-v2-container{
            padding: 0;
            .bx--data-table-v2{
              border: 0;
            }
          }
        }
        
        }
      }

    .module-spinner {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
    }
 
    &-second {
      width: 100%;
      display: flex;
      flex-direction: row;
      .structured-list-module{
        height: 100%;
      }
  
      &-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%;
    }
    b { font-weight: bold; }
    li { margin-bottom: .3rem; }
    code { font-size: .6rem; }
 
    .bx--snippet.bx--snippet--code { margin-bottom: .3rem; }
  }
}