/*******************************************************************************
 * Licensed Materials - Property of IBM
 * (c) Copyright IBM Corporation 2017, 2019. All Rights Reserved.
 * Copyright (c) 2020 Red Hat, Inc.
 * US 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';
@import '../../../../scss/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: 250px;
      overflow: auto;

      .yaml-editor-button {
        position: relative;
        float: right;
        margin: -2.5rem 0.5rem 0 0;

        button {
          margin: 0 0.3rem;
          width: 5.5rem;
          font-size: 0.7rem;
        }

        .read-only-button {
          background-color: $ibm-colors__gray--40;
        }
      }

      .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: 150px;
      }
    }
  }

  .overview-content-header {
    font-size: 18px;
    margin-bottom: 1rem;
  }

  .overview-content-additional-details {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;

    .bx--accordion__title {
      color: #3d70b2;
      font-size: 14px;
      font-weight: bold;
    }

    .bx--accordion__item {
      border-bottom: none;
    }

    .bx--accordion__content {
      padding: 0;
    }

    .overview-content,
    .bx--module {
      padding: 0;
    }

    .bx--accordion__item--active > .bx--accordion__content {
      padding: 1rem 0rem 1.5rem;
    }

    .bx--accordion__arrow {
      fill: #3d70b2;
    }
  }

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

  &-right {
    flex: 1 0 50%;
    display: flex;
    flex-direction: column;

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

    .yamlEditorContainer {
      height: calc(100% - 3rem);

      & * {
        font-family: unset;
      }
    }
  }

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

  &-space-filler {
    width: 100%;
    display: inline-block;
    min-height: 65px;
  }

  &-with-padding {
    padding: 0 10px 30px 10px;
  }

  &-with-padding-except-left {
    padding: 0 10px 30px 0;
  }

  b {
    font-weight: bold;
  }

  li {
    margin-bottom: .3rem;
  }

  code {
    font-size: .6rem;
  }

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