/*******************************************************************************
 * Licensed Materials - Property of IBM
 * (c) Copyright IBM Corporation 2019. All Rights Reserved.
 * Copyright (c) 2020 Red Hat, Inc.
 * Note to U.S. 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 'variables';

.expand-vertically {
  .secondary-header {
    .bx--detail-page-header-content {
      .bx--detail-page-header-title-container {
        display: flex;
        flex-direction: row;
      }
    }

    .bx--detail-page-header-title {
      font-weight: 300;
      font-size: 28px;
      color: $color__blue-90;
    }
  }

  .policy-violation-tab #policyViolations-module-id .bx--module__inner {
    width: 100%;
  }

  #yaml-template.compliance-templates .bx--module__inner {
    width: 100%;
  }

  .bx--module {
    font-family: RedHatText;
    padding: .625rem;
    margin: 0;
  }

  .bx--module .bx--module__inner {
    background-color: $color__white;
    border: 0.0625rem solid transparent;
  }

  .bx--module .bx--module__content {
    display: flex;
    flex-direction: column;
    flex: 3;
    padding: 1.5rem;
  }

  .bx--module .bx--module__header {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 0.0625rem solid #8897a2;
  }

  .bx--module .bx--module__title {
    font-size: .875rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-weight: 600;
    color: $color__blue-90;
  }

  .bx--btn {
    font-family: RedHatText;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: .875rem;
    font-weight: 600;
    min-height: 1.875rem;
    padding: 0 1rem;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition-duration: .25s;
    transition-timing-function: ease-in;
    white-space: nowrap;
    line-height: 1rem;
  }

  button.bx--btn {
    display: inline-block;
  }

  .bx--btn--sm {
    letter-spacing: 0;
    height: 2rem;
    padding: 0 .5rem;
  }

  .bx--btn--primary {
    background-color: $color__blue-51;
    border: 0.125rem solid transparent;
    color: $color__white;
    min-height: 1.875rem;
  }

  .bx--module .bx--module__content {
    display: flex;
    flex-direction: column;
    flex: 3;
    padding: 1.5rem;
  }

  .bx--module.bx--module--double {
    display: flex;
  }

  .side-panel-modal .bx--module__content {
    padding: 0;
  }

  .side-panel-modal .resource-table-main tbody tr td p {
    font-size: .875rem;
  }
}