@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+39&display=swap');
@page {
    size: 80mm 40mm portrait;
}
body {
    color:black;
}
a[href*='//']:after {
    content:" (" attr(href) ") ";
    color: $primary;
}
.barcode {
    font-family: 'Libre Barcode 39', cursive;
    font-size: 50px;
    transform: scale(1, 3);
    margin-bottom: -10px;
}

.roadname {
    border-color: lightgray;
    padding-top: 10px;
    margin-top: 12px;
    font-size: 25px;
    text-transform: uppercase;
}

.roadtext {
    padding: 1px;
    margin: 0px;
}

.receipt-container {
    max-width: 80mm;
    page-break-after: always;
    font-size: 12px;
    font-family: sans-serif;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.text-center{
    text-align: center;
}

table {
    border-collapse: collapse;
    table-layout: fixed;
    border: solid black !important;
    border-width: 1px 0 0 1px !important;
    margin-left:auto;
    margin-right:auto;
}

th, td {
    border: solid black !important;
    border-width: 0 1px 1px 0 !important;
    padding: 2px;
}

nav, .printhide {
    display: none;
}