html, body {
	font-family: 'Clear Sans', Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 12px;
    background: #fff;
}
.tickets{padding:0;border:0;}
.tickets td.tcell{width:50%;height:50%;box-sizing:border-box;border:0px solid #000; vertical-align:middle; }

div.ticket-wrap{
    /*width:794px;
    height:1122px;*/
    width:357px;
    height:521px;
    margin:20px;
    box-sizing:border-box;
}
table.ticket{
    table-layout: fixed;
    box-sizing:border-box;
    height:100%;
}
table.ticket tbody td{width:50%;font-size:14px;box-sizing:border-box;padding:10px;box-sizing:border-box;text-align:center;}
table.ticket tbody td.full-width{width:100%;}

table.ticket tbody td table.ticket-label {padding:0;width:100%;height:100%;vertical-align:middle; }
table.ticket tbody td table.ticket-label td{padding:0;color:#fff;}
table.ticket tbody td table.ticket-label td.zone{font-size:20px;font-weight:bold;}
table.ticket tbody td table.ticket-label td.zone-to-zone{font-size:20px;font-weight:bold; text-transform: uppercase; }
table.ticket tbody td table.ticket-label td.mid-zone{font-size:20px;font-weight:bold; text-transform: lowercase;}

table.ticket tbody td.route-line{text-align:left; vertical-align: middle;font-size:24px; }
table.ticket tbody td.route-line span{font-size:16px;font-weight:600;display:block;text-transform:uppercase;}

table.ticket tbody td.ticket-type{font-size:16px;font-weight:600;vertical-align: middle;text-transform:uppercase;border-bottom:1px dotted #C0C0C0;}
table.ticket tbody td.ticket-info{font-size:10px;border-left:1px dotted #C0C0C0;border-right:1px dotted #C0C0C0;}

table.ticket tbody td.ticket-details{text-align:left;}
table.ticket tbody td.ticket-details span{font-size:20px;display:block;font-weight:600;}
table.ticket tbody td.ticket-details span.train-number{display:inline-block;font-size:16px;}
table.ticket tbody td.ticket-details span.ticket-details-info{display:block;font-size:11px;font-weight:500;padding: 10px 0 0 0;}

table.ticket tbody td.ticket-price{text-align:left;}
table.ticket tbody td.ticket-price span{font-size:18px;display:block;font-weight:600;}
table.ticket tbody td.ticket-price span.vat{font-size:11px;}

table.ticket tbody td.ticket-label, table.ticket td.qr-code{height:120px;}
table.ticket td.qr-code{border-top:1px dotted #C0C0C0;border-right:1px dotted #C0C0C0;border-bottom:1px dotted #C0C0C0;}

table.ticket tbody td.ticket-label{background:#00ad52;color:#fff;font-weight:500;vertical-align:middle;}
/*table.ticket tbody td.ticket-label .zone-to-zone{display:inline-block;position:absolute;left:50%;top:50%;margin-top:4px;margin-left:-10px;background-image:url(/images/layout/sprite.png);background-repeat: no-repeat;background-position: -377px -125px;height:16px;width:20px;}*/
table.ticket tbody td.ticket-label .zone-label{position:relative;color:#fff;text-transform:uppercase;font-size:32px;font-weight:600;}
table.ticket tbody td.ticket-label .mid-zone .zone-label{text-transform:lowercase;}
table.ticket tbody td.ticket-label .mid-zone .zone-to-zone{background-image:url(/images/layout/sprite.png);background-repeat: no-repeat;background-position: -377px -171px;}
table.ticket tbody td.ticket-label .zone-label span{text-transform:uppercase;}
table.ticket tbody td.ticket-label .zone-label span{display:block;font-size:16px;padding:8px 0 0px 0;}

table.ticket td.qr-code img{width:140px;}

.two-way td.qr-code span{display:block;margin-bottom:5px;font-weight:600;font-size:11px;}

table.ticket .ticket-footer{padding:0;height:90px;border-top:1px dotted #C0C0C0;}
table.ticket .ticket-footer table{width:100%;height:90px;box-sizing:border-box;border-collapse: collapse;border:none;table-layout:fixed;}
table.ticket .ticket-footer table td{vertical-align: middle;height:90px;}
table.ticket .ticket-footer table td.ticket-logo{font-size:10px;}
table.ticket td.ticket-requisite{font-size:10px;text-align:center;height:28px;border-top:1px dotted #C0C0C0;}