body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.rgulh {
    line-height: 15px!important;
    text-align: center;
    padding: 2px
}

.bignum {
    font-size: 1.5rem
}

.page {
    width: 210mm;
    min-height: 297mm;
    padding: 20mm;
    margin: 10mm auto;
    border: 1px #d3d3d3 solid;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.1)
}

.subpage {
}

.footerline {
    display: block!important
}

.atick {
    width: 70%;
    display: inline-block;
    margin: .1em auto;
    text-align: right;
    vertical-align: middle;
    border: 1px dashed #fff;
    font-weight: 500;
    background-color: #fcfcfc;
    color: #000;
    line-height: 25px;
    border-radius: 8px;
    margin: 2px 2px;
    /* padding: 1px; */
}

.at {
    width: 25%!important;
    background-color: #00c1d5;
    color: #fff;
    line-height: 25px;
    font-weight: bold
}

.bflo {
    display: block;
    background-color: #ff4141;
    text-align: center;
    width: 100%;
    color: #fff
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    .footerline {
        display: block!important
    }

    html,body {
        width: 210mm;
        height: 297mm
    }

    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always
    }
}

.continer {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    background-color: red
}

.all {
    width: 100%;
    background-color: #fff
}

.infoCostumer {
    width: 5cm;
    margin-left: auto;
    border-radius: 5px;
    height: 4.5cm
}

.imageheader {
    border-radius: 5px;
    width: 13cm;
    height: 4cm;
    float: left;
    margin-left: 2.1cm
}

.imagcl {
    max-width: 100%
}

.frame {
    border-width: thin;
    empty-cells: 0;
    border-spacing: 0;
    caption-side: 0;
    text-align: right;
    margin-left: auto;
    font-size: 10px;
    width: 100%;
    color: #000
}

.framing {
    width: 100%;
    margin-left: auto
}

.headseatsans {
    width: 100%;
    border-bottom: #333 dashed 1px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 2px;
    font-family: IRANSans;
    font-size: 14px
}

.headseatsansB {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 2px;
    font-family: IRANSans;
    font-weight: bold;
    font-size: 22px
}

.footdash {
    width: 100%;
    border-bottom: #333 solid 1px;
    text-align: right;
    margin-top: 2px;
    margin-bottom: 2px
}

.finbarcode {
    margin-top: 5px;
    font-size: 50px;
    text-align: center;
    width: 100%
}

.footerline {
    text-align: left;
    font-size: 12px;
    text-align: center;
    font-family: IRANSans
}

.footerline img {
    max-width: 100%
}

.coverinfo {
    width: 80%;
    border: #333 solid 1px;
    margin-left: auto;
    margin-top: 2px;
    margin-right: auto;
    border-radius: 5px
}

.leftbarcode {
    font-family: code;
    font-size: 40px;
    border: 1px #666 solid;
    text-align: center;
    width: 3.5cm;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1px;
    color: #000;
    line-height: 12mm;
    text-shadow: none
}

.gut {
    font-size: 20px;
    text-align: center
}

.chek {
    margin: 1cm auto;
    width: 100%;
    height: 2cm;
    text-align: center;
    font-size: 12px;
    text-align: right;
    border-radius: 5px;
    text-align: center;
    font-family: IRANSans
}

.qrco {
    margin: 1cm auto;
    width: 80%;
    height: 4cm;
    border: solid 1px #000;
    text-align: center;
    font-size: 12px;
    text-align: right;
    padding-right: 1px;
    border-radius: 5px;
    text-align: center;
    font-family: IRANSans
}

.cell {
    border: thin #666 solid;
    padding-right: 5px
}

.margin {
    border-width: thin;
    border-color: #666;
    padding: 18px;
    width: 210mm;
    margin-right: auto;
    margin-left: auto;
    border-right-style: dashed;
    border-left-style: dashed
}

.ticketinfo {
    width: 100%;
    height: 158.2mm;
    background-color: red
}

.frameinfo {
    border: thin solid #000;
    width: 500px;
    height: 300px;
    margin-right: auto;
    margin-left: auto;
    background-color: #0f0
}

.nm {
    border: 1px #000 dotted;
    text-align: center;
    width: 3.5cm;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
    margin-top: 1px;
    color: #000;
    line-height: 10mm;
    font-family: IRANSans;
    text-shadow: none
}

.nmlog {
    text-align: left;
    width: 3.5cm;
    margin-right: auto;
    margin-left: auto;
    font-size: 20px;
    margin-top: 1px;
    color: #000;
    line-height: 10mm;
    font-family: IRANSans;
    font-weight: bold;
    text-shadow: none;
    display: none
}

.nmtxt {
    border: solid #666 1px;
    text-align: right;
    height: auto;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
    margin-top: .5cm;
    color: #000;
    padding-right: 5mm;
    padding-left: 5mm;
    border-radius: 5px;
    font-family: IRANSans
}

.nmtxt2 {
    border: solid #666 1px;
    text-align: center;
    height: auto;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
    margin-top: .5cm;
    color: #c4c4c4;
    padding-right: 5mm;
    padding-left: 5mm;
    padding-bottom: 5mm;
    border-radius: 5px;
    font-family: tahoma;
    background-color: #fff;
    direction: rtl
}

.nmrecb {
    border: solid thin #d3d3d3;
    text-align: center;
    height: 18mm;
    width: 150mm;
    margin-right: auto;
    margin-left: auto;
    font-family: code;
    font-size: 50px;
    margin-top: 1px;
    color: #000;
    line-height: 18mm
}

#printa.link {
    width: 540px;
    height: 26px;
    border: 1px solid #fafafa;
    background-color: #0026ff;
    color: #fafafa;
    margin-right: auto;
    margin-left: auto
}

.frames {
    border: thin dashed olive;
    empty-cells: 0;
    border-spacing: 0;
    caption-side: 0;
    text-align: right;
    font-family: Tahoma;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
    width: 300px;
    color: #000;
    margin-top: 3px
}

.headseatsansB {
    display: block!important
}

.headseatsans {
    display: block!important
}

@media only screen and (min-width: 15px) and (max-width:700px) {
    .nmtxt2 {
        width:100%
    }

    .nmtxt {
        width: 100%
    }

    .margin {
        width: 100%;
        border: solid 1px #333
    }

    .infoCostumer {
        display: none
    }

    .imageheader {
        display: none
    }

    .coverinfo {
        display: none
    }

    .mobiletick {
        display: block;
        direction: rtl;
        text-align: right;
        color: #6c2f2f
    }

    .mobiletick:after {
        content: " برای موبایل از این کادر حاوی بارکد و شمار صندلی  عکس بگیرید"
    }

    .mobiletick>span {
    }

    .nmbl {
        display: none
    }

    .footerline {
        display: block!important
    }

    .nmtxt2 {
        text-align: center;
        height: auto;
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        font-size: 12px;
        margin-top: .5cm;
        color: #c4c4c4;
        padding-right: 5mm;
        padding-left: 5mm;
        padding-bottom: 5mm;
        border-radius: 5px;
        font-family: IRANsans;
        background-color: #eee
    }
}