/*******************************************************************************
 * 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-right{
  div#yaml-template{
    .bx--module__inner{
      .bx--module__header{
        padding-bottom: 1rem;
      }
    }
  }
}

#yaml-template.compliance-templates{
  max-width: 100%;
  margin-bottom: -3.375rem;
  .bx--module__inner{
    border: none;
    box-shadow: none;
    .bx--module__header{
      padding-left: 0rem;
      border: unset;
      background-color: $acm-background-color;
      .bx--module__title{
        font-size: 1rem;
      }
    }

    .yaml-editor-button {
      position: relative;
      float: right;
      margin: -2.5rem -0.25rem 0.4rem 0;
      & > div {
        display: inline;
      }
      button {
        margin: 0 0.3rem;
        width: 5.5rem;
        font-size: 0.7rem;
      }
      .bx--btn{
        min-height: 2rem;
      }
      .read-only-button {
        background-color: $grc_color_light_gray;
      }
      .bx--btn--primary:focus {
        box-shadow: 0 0 0 $grc_focus_shaldow_width $grc_focus_shaldow_color;
        outline: 0.0625rem solid transparent;
        border: none;
      }
    }
  }
}

.bx--module__inner {
  .yamlEditorContainerContainer {
    height: calc(100vh - 310px);
    overflow: hidden;
    
    .yamlEditorContainer {
      height: 100%;
      & * {
        font-family: unset;
        font-size: var(--pf-global--FontSize--xs);
      }
      .codicon[class*='codicon-'] {
        font-family: codicon;
      }
    }
  }
}
