/* Restyles a button bar as a tab bar */
.nova-web-component-button-bar.nova-packing-aid-tab-bar.nova-tabs {
  margin-bottom: 15px;
}
.nova-web-component-button-bar.nova-packing-aid-tab-bar.nova-tabs .nova-web-button-bar-container {
  /* Usually the button bar is at the bottom and therefore has a padding on the top. 
       As this button bar is used as a toolbar, we want to remove the padding on the top.
       The padding/margin at the bottom is handled by the nova-packing-aid-tab-bar class. */
  padding-top: 0px;
}
.nova-web-component-button-bar.nova-packing-aid-tab-bar.nova-tabs .nova-web-button-bar-container .nova-web-component-button-bar-button-container {
  padding: 0px;
}
.nova-web-component-button-bar.nova-packing-aid-tab-bar.nova-tabs .nova-web-button-bar-container .nova-web-component-button-bar-button-container .nova-web-component-button {
  background-color: transparent;
  border-radius: 0px;
}
.nova-web-component-button-bar.nova-packing-aid-tab-bar.nova-tabs .nova-web-button-bar-container .nova-web-component-button-bar-button-container .nova-web-component-button[aria-selected='true'] {
  background-color: #e6e6e6;
  /* See foundation.css: .tabs-title > a:focus, .tabs-title > a[aria-selected='true']. Hier Fallback. */
  border-bottom: 2px solid var(--nova-custom-tab-color, var(--web-content-accent-background-color));
  /* See applicationShellRs.css: .nova-tabs li.is-active */
}
.nova-web-component-button-bar.nova-packing-aid-tab-bar.nova-tabs .nova-web-button-bar-container .nova-web-component-button-bar-button-container .nova-web-component-button .nova-web-button-text-container {
  color: var(--nova-custom-tab-color, var(--web-content-accent-background-color));
  /* See mainContent.css: .nova-rs-main-content .tabs-title */
  font-size: 20px;
  /* See applicationShellRS.css: .nova-tabs li a h4 */
}
.nova-rs-component-grid-container.nova-packing-aid-list .nova-rs-component-grid-table-container {
  max-height: 400px;
}
.nova-rs-component-grid-container.nova-packing-aid-list .nova-rs-component-grid-table-header-row {
  position: sticky;
  top: 0;
}
.nova-packing-aid-image-container {
  border: solid 1px lightgray;
  height: 102px;
  /* 100px + 1px border top + 1px border bottom */
}
.nova-packing-aid-image-container a {
  display: block;
}
.nova-packing-aid-image-container a img {
  height: 100px;
  max-width: 100%;
}
.nova-packing-aid-image-container a span.icon-file {
  color: darkgray;
  font-size: 50px;
  margin: 25px;
}