.application-body.application-contracts {
  --app-colour: var(--app-colour-contracts, #208840);
  // Styling for the legal contracts application starts here. The styles are
    // automatically name spaced. So should you like to colour the background
    // of the application red, then all you have to put below is: background: red;
}
.application-body.application-contracts {
  overflow: auto;
}
.application-body.application-contracts #filters-sheet .panel-content {
  width: 800px;
}
.application-body.application-contracts #filters-sheet .panel-content .button-bar {
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0;
  position: relative;
}
.application-body.application-contracts #filters-sheet .panel-content .button-bar button {
  float: right;
  margin: 0;
}
.application-body.application-contracts .data-table-top,
.application-body.application-contracts .data-table-bottom {
  display: none;
}
.application-body.application-contracts .document-content .contract-card-full {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  display: block;
  z-index: 1;
}
@include screen-size(medium-large) {

                    // font-size: 130%;
                    // line-height: 1.5;
                }