@media print {

    body{

        margin:0;

    }

    #eventNameSearch{

        display:none;

    }

    .print_none{

        display:none;

    }

    .page-break{

        /* page-break-after:always; */

        position: relative;

        height: 100vh;

    }

    .ticket{

        margin: 0 !important;

        position: absolute !important;

        top: 50%;

        left: 50%;

        -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

    }

}

@font-face {

    font-family: "BarcodeFont";

    src: url("https://sgcci.in/wp-content/themes/sgcci/assets/fonts/code39-hoch-logitogo-webfont.woff2") format("woff2");

    font-style: "normal";

    font-weight: "normal";

}

.fontBarcode{

    font-family: 'BarcodeFont';

    font-size: 50px;

    font-weight: normal !important;

}

body {

    background-color: #f5f7f8;

    font-family: "Yanone Kaffeesatz", sans-serif;

    font-weight: 600;

}



img {

max-width: 100%;

height: auto;

}



.ticket {

    width: 320px;

    background-color: white;

    margin: 25px auto;

    position: relative;

}

.holes-top1{

    position:absolute;

    top:0px;

    left:0px;

    bottom:0px;

    right:0px;

}

.holes-top1 .holes{

    height: 50px;

    width: 50px;

    background-color: #f5f7f8;

    position: absolute;

    border-radius: 50%;

    top:100px;

}

.holes-top1 .holes:nth-child(1){

    position: absolute;

    left:0;

    top:0;

    transform:translate(-50%,-50%);

}

.holes-top1 .holes:nth-child(2){

    position: absolute;

    right:0;

    top:0;

    transform:translate(50%,-50%);

}

.holes-top1 .holes:nth-child(3){

    position: absolute;

    left:50%;

    top:0;

    transform:translate(-50%,-50%);

}

.holes-top1 .holes:nth-child(4){

    position: absolute;

    left:0%;

    top:auto;

    bottom:31%;

    transform:translate(-50%,50%);

}

.holes-top1 .holes:nth-child(5){

    position: absolute;

    left:auto;

    right:0%;

    top:auto;

    bottom:31%;

    transform:translate(50%,50%);

}

.holes-top1 .holes:nth-child(6){

    position: absolute;

    left:0%;

    top:auto;

    bottom:0%;

    transform:translate(-50%,50%);

}

.holes-top1 .holes:nth-child(7){

    position: absolute;

    left:auto;

    right:0%;

    top:auto;

    bottom:0%;

    transform:translate(50%,50%);

}



.holes-top {

height: 50px;

width: 50px;

background-color: Thistle;

border-radius: 50%;

position: absolute;

left: 50%;

margin-left: -25px;

top: -25px;

}

.holes-top:before, .holes-top:after {

content: "";

height: 50px;

width: 50px;

background-color: Thistle;

position: absolute;

border-radius: 50%;

}

.holes-top:before {

left: -200px;

}

.holes-top:after {

left: 200px;

}



.holes-lower {

position: relative;

margin: 25px;

border: 1px dashed #9d9d9d;

}

.holes-lower:before {

top: -25px;

left: -50px;

}

.holes-lower:after {

top: -25px;

left: 350px;

}



.title {

    padding: 25px 25px 0px;

    display: flex;

    justify-content: space-between;

    color:#102a83;

}



.cinema {

color:#102a83;

font-size: 22px;

}



.movie-title {

    font-size: 18px;

    margin: 0px;

    margin-bottom: 10px;

    height: 48px;

    overflow: hidden;

    text-overflow: ellipsis;
    
    font-weight: bold;

}



.info {

padding: 15px 25px;

}



table {

width: 100%;

font-size: 16px;

margin-bottom: 15px;

}

table tr {

margin-bottom: 10px;

}

table th {

text-align: left;

}

table th:nth-of-type(1) {

width: 12%;

color:#102a83;

}

table th:nth-of-type(2) {

width: 40%;

}

table th:nth-of-type(3) {

width: 15%;

}

table td {

width: 33%;

font-size: 32px;

}



.bigger {

    font-size: 16px;



}



.serial {

padding: 25px 0px;

background-color:#ffffff;

}

.serial table {

border-collapse: collapse;

margin: 0 auto;

}

.serial td {

width: 3px;

height: 50px;

}



.numbers td {

font-size: 16px;

text-align: center;

}

#eventNameSearch{

    text-align:center;

}

#qrcode{

    display:flex;

    justify-content:center;

}