.application-body.application-image-bank {
  --app-colour: var(--app-colour-image-bank, #7E726A);
  // Styling for the absence 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-image-bank {
  overflow: auto;
}
.application-body.application-image-bank .document-content {
  background-color: var(--colour-base);
  // box-sizing: border-box;
  // position: absolute;
  // top: 0;
  // right: 0;
  // bottom: 0;
  // left: 0;
  // overflow: auto;
}
.application-body.application-image-bank #image-bank-toolbar .toolbar-functions-area {
  grid-template-columns: 4fr 4fr 4fr;
}
.application-body.application-image-bank #image-bank-collection-toolbar .toolbar-functions-area {
  grid-template-columns: auto 0 auto;
}
.application-body.application-image-bank #image-bank-collection-toolbar .toolbar-section.batch-operations {
  display: none;
}
:has(.mode-select) .application-body.application-image-bank #image-bank-collection-toolbar .toolbar-section.batch-operations {
  display: flex;
}
:has(.mode-select) .application-body.application-image-bank #image-bank-collection-toolbar .toolbar-section.quick-navigation {
  display: none;
}
:has(.mode-select) .application-body.application-image-bank #image-bank-collection-toolbar .toolbar-section > *:not(.more):not(.close):not(.batch-function):not(.select-deselect-all) {
  opacity: 0.3;
  pointer-events: none;
}
:has(.mode-select) .application-body.application-image-bank #image-bank-collection-toolbar .toolbar-section.quick-navigation * {
  display: none;
}