/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

.labels__wrapper {
  display: table;
  margin: 0 auto;
}
.prepcard {
  position: relative;
  font-family: 'Arial';
  text-align: center;
  width: 524px;
  height: 280px;
  border: 1px solid #000;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.prepcard div {
  min-height: 280px !important;
  height: 280px !important;
  max-height: 280px !important;
  text-align: center;
  display: table-cell;
  vertical-align: top;
}
.prepcard div * {
  writing-mode: vertical-rl;
  height: 280px !important;
  text-align: center;
  padding-left: 5px;
  min-width: calc(100% - 5px);
  transform: rotate(180deg);
  box-sizing: border-box;
}
.prepcard div .prepcard__qty {
  height: 100px !important;
}
.prepcard__header {
  font-size: 24px;
  font-weight: bold;
}
.prepcard__type {
  font-size: 10px;
}
.prepcard__title {
  font-size: 36px;
  line-height: 42px;
  font-weight: bold;
  text-decoration: underline;
  overflow: hidden;
  padding: 10px 0;
}
.prepcard__qty-title {
  font-size: 24px;
}
.prepcard__qty {
  font-size: 42px;
  font-weight: bold;
  width: 60px;
  border: 2px solid #000000;
  padding: 10px 2px !important;
  height: 100px !important;
}
.prepcard__qty--print {
  border: 1px solid #000000;
  padding: 10px 2px !important;
}
.prepcard__barcode {
  font-family: 'Libre Barcode 39', cursive;
  font-size: 60px;
  min-width: 100% !important;
  padding: 0 !important;
}
.prepcard__id {
  font-size: 40px;
  font-weight: bold;
  text-decoration: underline;
}
.prepcard__timestamp {
  font-size: 10px;
}
.section-to-print {
  display: none;
  visibility: hidden;
}

@media print {
  @page {
    size: 6.142in 3.937in landscape;
  }
  body * {
    visibility: hidden;
  }
  .section-to-print, .section-to-print * {
    display: block;
    visibility: visible;
  }
  .section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
  .section-to-print div {
    float: none !important;
  }
  .prepcard {
    position: relative;
    margin: auto 0;
    border: 0;
    page-break-inside: avoid;
    page-break-before: always;
  }
}