.bankslip__wrapper {
  margin-top: 0.5mm;
  marks: cross cross;
}

.bankslip {
  background-color: #f6f6f6;
  border: solid 3px #1d1d1d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3mm;
  height: 97mm;
  line-height: 1.2em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 6mm;
  position: relative;
  width: 209mm;
}
.bankslip,
.bankslip * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bankslip__inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.bankslip__inner:before {
  border-right: solid 1px #333;
  content: "";
  display: block;
  height: 73mm;
  left: 104mm;
  position: absolute;
  top: 14mm;
}
@media print {
  .bankslip__inner {
    background-color: 777777;
  }
}

.bankslip-title {
  color: #333;
  font-size: 4.95mm;
  font-weight: bold;
  text-transform: uppercase;
}

[class*="bankslip__form-item"] {
  z-index: 10;
}
[class*="bankslip__form-item"] label {
  display: block;
  padding-bottom: 1mm;
  color: #222;
}

[class*="bankslip__form-item"] input,
[class*="bankslip__form-item"] textarea {
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0);
  border: solid 3px #222222;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.9mm;
  padding: 0.5mm 2mm;
}
[class*="bankslip__form-item"] input,
[class*="bankslip__form-item"] textarea, [class*="bankslip__form-item"] input:focus,
[class*="bankslip__form-item"] textarea:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
[class*="bankslip__form-item"] input:focus,
[class*="bankslip__form-item"] textarea:focus {
  border-color: #161658;
  border-style: dashed;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
[class*="bankslip__form-item"] input.bankslip-border-double,
[class*="bankslip__form-item"] textarea.bankslip-border-double {
  border-width: 0.7mm;
}
[class*="bankslip__form-item"] input.bankslip-border-double:focus,
[class*="bankslip__form-item"] textarea.bankslip-border-double:focus {
  border-width: 1px;
}

.bankslip__field-size--xxs {
  height: 7mm;
  width: 12mm;
}

.bankslip__field-size--xs {
  height: 7mm;
  width: 12mm;
}

.bankslip__field-size--s {
  height: 7mm;
  width: 51mm;
}

.bankslip__field-size--m {
  height: 7mm;
  width: 71mm;
}

.bankslip__field-size--l {
  height: 7mm;
  width: 93mm;
}

.bankslip__field-size--xl {
  height: 7mm;
  width: 88.5mm;
}

.bankslip__field-size--xxl {
  height: 7mm;
  width: 91mm;
}

.bankslip__field-size--xxxl {
  height: 15mm;
  width: 91mm;
}

[class*="bankslip__form-item"] input,
[class*="bankslip__form-item"] textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4mm;
  font-weight: 400;
  color: #224;
}
[class*="bankslip__form-item"] textarea {
  resize: none;
}

.bankslip__form-item--payer, .bankslip__form-item--purpose, .bankslip__form-item--recipient {
  position: absolute;
  left: 6mm;
}

.bankslip-title, .bankslip__form-item--value, .bankslip__form-item--code, .bankslip__form-item--currency, .bankslip__form-item--account, .bankslip__form-item--model, .bankslip__form-item--reference, .bankslip__form-item--account2, .bankslip__form-item--model2, .bankslip__form-item--reference2, .bankslip__form-item--urgent {
  position: absolute;
  right: 5.5mm;
}

.bankslip-title {
  right: 6mm;
  top: 4.5mm;
}

.bankslip__form-item--payer {
  top: 7.5mm;
}

.bankslip__form-item--purpose {
  top: 28.5mm;
}
.bankslip__form-item--purpose textarea {
  height: 14.5mm;
}

.bankslip__form-item--recipient {
  top: 49mm;
}

.bankslip__form-item--value {
  top: 10.5mm;
}

.bankslip__form-item--code {
  right: 80mm;
  top: 7mm;
  width: 14mm;
}

.bankslip__form-item--currency {
  right: 64mm;
  top: 10.5mm;
}
.bankslip__form-item--currency input {
  width: 12.5mm;
}

.bankslip__form-item--account {
  top: 23mm;
}

.bankslip__form-item--model {
  right: 83.5mm;
  top: 35mm;
}
.bankslip__form-item--model input {
  width: 10.5mm;
}

.bankslip__form-item--reference {
  top: 35mm;
}

.bankslip__form-item--account2 {
  top: 48mm;
}

.bankslip__form-item--model2 {
  right: 83.5mm;
  top: 60mm;
}
.bankslip__form-item--model2 input {
  width: 10.5mm;
}

.bankslip__form-item--reference2 {
  top: 60mm;
}

.bankslip__form-item--urgent {
  right: 20mm;
  top: 80mm;
}
.bankslip__form-item--urgent input {
  width: 7mm;
}

.bankslip__form-item--stamp {
  bottom: 13.5mm;
  left: 6mm;
  position: absolute;
}
.bankslip__form-item--stamp input,
.bankslip__form-item--stamp input:focus {
  border-left: none;
  border-right: none;
  border-top: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.bankslip__form-item--stamp label {
  padding-bottom: 0;
  padding-top: 1mm;
}

.bankslip__form-item--date {
  bottom: 4mm;
  left: 49mm;
  position: absolute;
  z-index: 5;
}
.bankslip__form-item--date input,
.bankslip__form-item--date input:focus {
  border-left: none;
  border-right: none;
  border-top: none;
}
.bankslip__form-item--date input {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 48mm;
}
.bankslip__form-item--date label {
  padding-bottom: 0;
  padding-top: 1mm;
}

.bankslip__form-item--date2 {
  bottom: 4mm;
  left: 115mm;
  position: absolute;
}
.bankslip__form-item--date2 input,
.bankslip__form-item--date2 input:focus {
  border-left: none;
  border-right: none;
  border-top: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.bankslip__form-item--date2 label {
  padding-bottom: 0;
  padding-top: 1mm;
}

.bankslip__form-number {
  bottom: 2mm;
  font-size: 2.4mm;
  left: 96mm;
  position: absolute;
  color: #222;
}

.bankslip__number {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  bottom: 3.5mm;
  cursor: pointer;
  font-size: 2.7mm;
  outline: none;
  right: 5mm;
  padding: 1mm 0;
  position: absolute;
  text-align: center;
  width: 3mm;
}

@page {
  size: A4;
  margin: 0;
}
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
    margin: 0;
    padding: 0;
    transform: scale(.98);
  }