.node__content {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 17px #ccc;
    margin-bottom: 2em;
  } 
  .basic-info h4,.info-state h4 {
    margin: 1em 2em 1em 1em;
    font-size: 20px;
    border-top: 1px solid #ccc;
    padding-top: 1em;
  }
  .field__label {
    font-size: 16px;
  }
  
  .field--name-field-areq-access-areas .field__items {
    display: flex;
  }
  
  .clearfix.text-formatted.field.field--name-field-areq-comments-remarks.field--type-text-long.field--label-above {
    display: block;
  }
  .field--name-field-areq-comments-remarks .field__item {
    border: 1px solid #ccc;
    margin: 15px;
  }
  input#edit-actions-workflow-access-request-workflow-manager-pending {
    margin-bottom: 5px;
}
.field.field--name-field-areq-access-date-range.field--type-daterange.field--label-above {
  display: block;
}

.field-date-items {
  display: flex;

}
.field.field--name-field-areq-access-areas.field--type-entity-reference.field--label-above{
  align-items: flex-start;
}
.field--name-field-areq-access-areas .field__items {
  display: block;
}
/* table.responsive-enabled {
  border: 1px solid #ccc;
  box-shadow: 1px 0px 9px #ccc;
} */
.field.field--name-field-areq-access-areas.field--type-entity-reference.field--label-above{
  align-items: flex-start;
}
.field--name-field-areq-access-areas .field__items {
  display: block;
}
.field-create-date,.field-create-user {
  display: flex;
  margin: 1em 3em 1em 2em;
}
.form-select {
  line-height: 2em;
}