@font-face {
    font-family:"product_sans";
    src: url("../fonts/product_sans.ttf") /* TTF file for CSS3 browsers */
}

@media print
{
    * {-webkit-print-color-adjust:exact;
        color-adjust: exact; /*Firefox*/}

    .no-print, .no-print *{
        display: none !important;
    }
}

@page { margin-left: 20%; margin-top:10%; }

.tckContainer{
    width: 264px;
    height: 510px;
    position:relative;
    border: 1px solid black;
    margin: 0 auto 3rem;
    left: 0;
    right: 0;
    display: inline-block;
    page-break-inside: avoid;
}
.tckLogo{
    margin: 0 auto;
    width: 187px;
    background-color: #FFFFFF;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.tckLogo img{
    width: 150px;
    padding: .5rem 1rem;
    margin: 0 auto;
    display: block;
}
.tckQR{
    top: 190px;
    right: 0px;
    position: absolute;
}
.tckQR > img{
    width: 100px;
    height: 100px;
}
.tckBottom{
    height: 220px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    background: white;
    text-align: center;
}
.tckBottom > div{
    vertical-align: middle;
}
.tckBottom > .twoRows > span{
    margin: 0 5%;
    font-size: 75%;
}

.tckPlace > span {
    display: block;
}

.tckTicket > span {
    display: inline;
}

.h35{
    height: 35%;
}
.h25{
    height: 25%;
}
.h15{
    height: 15%;
    line-height: 35px;
}

.lh27{
    line-height: 27px;
}
.lh55{
    line-height: 55px;
}

.f100{
    font-size: 100%;
}
.f150{
    font-size: 150%;
}

.bckG{
    background-color: #B77946;
}

.borBW{
    border-bottom: 1px solid white;
}
.borBB{
    border-bottom: 1px solid black;
}
#print_button{
    cursor: pointer;
}