@import "../../../../styles/colors.scss";

.field-box {
  border-radius: 4px;
  background-color: rgba(221,221,228,0.4);
  width: 100%;
  padding: 15px 15px 0 15px;
  margin-bottom: 20px;
  ::ng-deep {
    app-checkbox-list {
      .container {
        margin-top: 0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        .label {
          line-height: 25px !important;
          position: relative;
          top: -3px;
        }
      }
      .checkbox-list {
        background-color: #FFFFFF;
        box-shadow: 0 2px 4px 0 rgba(39,42,72,0.1);
        border-radius: 4px;
        padding: 2px 7px 5px 7px;
      }
    }
  }
}

.third-split {
  display: grid;
  grid-column-gap: 20px;
  grid-template-columns: calc(33% - 10px) calc(33% - 10px) calc(33% - 10px);
}

.fifth-split {
  display: grid;
  grid-column-gap: 20px;
  grid-template-columns: 93px calc(33% - 85px) calc(33% - 85px) 90px calc(33% - 85px);
}

h3:not(:first-child) {
  margin-top: 20px;
}