@import 'react-rg-designsystem/style/variables.scss';

.Configurations {
  position: relative;
  width: 100%;

  .downloadButton {
    width: 300px;
    margin-bottom: 20px;
  }

  .RGSidebar.top1.desktop {
    position: relative;
  }
  .RGContentSection .content {
    max-width: 1200px;
  }

  .RGFormContainer {
    padding: 20px 40px 20px;

    &:first-child {
      background-color: $elevation-minus2-field;
    }

    .details {
      box-sizing: border-box;

      table {
        width: 66.6%;
        border: none;
        -webkit-border-horizontal-spacing: 0px;
        -webkit-border-vertical-spacing: 0px;

        font-size: 14px;

        tr > td:nth-child(2) {
          text-align: right;
        }

        tr > td:first-child {
          width: 50%;
        }

        tr > td {
          padding-top: 10px;
          padding-bottom: 10px;
        }
        tr:first-child > td {
          padding-top: 0;
        }
        tr:last-child > td {
          padding-bottom: 0;
        }
      }
    }

    .ConfigurationSelection {
      margin-bottom: 20px;
      
      display: flex;
  
      h5 {
        margin: 0;
        width: 33.3%;
      }
    }
  }
}