/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/* Add your CSS code here.
/* Buy Ticket Button */
.ticket-window {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.ticket-wrap.wrep2.gridlayout {
    margin: 40px 15px 50px 15px;
}

.ticket-wrap:not(.gridlayout) .ticket-wraper {
padding: 0em 1em 1em 1em;
width: 80%;
margin-left: auto;
margin-right: auto;
border-left: solid #000 2px;
border-right: solid #000 2px;
border-bottom: dashed #000 1px;
max-width: 400px;
}
.ticket-wrap:not(.gridlayout) .ticket-wraper:first-child {
border-top: solid #000 2px;
}
.ticket-wrap:not(.gridlayout) .ticket-wraper:last-child {
border-bottom: solid #000 2px;
}


.gridlayout .ticket-wraper {

border: solid #777777 2px;
margin: 5px;
padding: 0.9em;
padding-top: 0em;
}
.gridlayout .ticket-wraper:last-child {
border-bottom: 2px solid #777777;
}

.ticket-header:after{
clear:both;
display:block;
content:'';
}

.carton {
font-family: 'Arial';
color: black;
font-size: 0.5em;
font-weight: 700;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 2.6em;
float: left;

}
.ticket-id {
color: black;
float: left;
font-family: "HelveticaNeue-CondensedBold";
font-weight: 900;
padding-top: 0.6em;
}

.serie-id,.name-on-ticket {
color: black;
padding-top: 0.4em;
float: right;
margin-right:1em;
font-family: 'Archivo Narrow', sans-serif; 
}
.name-on-ticket {
   float: left;
   width: 52%;
   text-align: center;
}




.flexFont {
height:12em;
background-color:#eeeeee;
padding:1%;
/*display: grid;*/
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
border: solid #000 2px;
	table-layout: fixed;
}
.cell {
background-color: #ffe5ea;
color: black;
font-size: 1.5em;
padding-top: 0.22em;
border: solid #000 1px;
text-align: center;
font-family: 'Gothic A1', sans-serif;
font-weight: 800;
overflow: hidden;
}

.bgstarimg{
background: url("/assets/star.png");

background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: #ffe5ea
} 
/* Ticket Input */

.stringClass {
font-size: 14px;
padding-top: 5px;
margin: 2px;
min-width: 270px;
border: 1px solid #999;
border-radius: 4px;
-moz-border-radius: 4px;
-web-kit-border-radius: 4px;
-khtml-border-radius: 4px;
}

/* Toggle Switch */

.ticket-wraper { max-width:350px;}
.flexFont tr,.flexFont th,.flexFont td{padding: 6px 2px;}