/*******************************************/
/**** Begin: Boarding Pass Page Styles ****/
/*******************************************/
#BoardingTicket, #BoardingTicket .no-canvas-version { 
    width:100%;
    max-width:1440px;
    position: relative;
}
#BoardingTicket .no-canvas-version .ticketImgRatio{
    padding-top:40.875%;
    height:0;
    margin: 0;
    background-image: url('../images/mars2020/boarding_pass_mars2020.jpg');
    -moz-background-size: cover;  /* Firefox 3.6 */
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
#syntm-mars2020 
#BoardingTicket .no-canvas-version .ticketImgRatio{
    background-image: url('../images/mars2020/boarding_pass_mars2020.jpg');
}
#syntm-mars-future 
#BoardingTicket .no-canvas-version .ticketImgRatio{
    background-image: url('../images/mars_future_boarding_pass.jpg');
}
.no-canvas-version #ticketID {
    position: absolute;
    top:5%;
    right:6%;
    font-weight: 400;
    font-size:1.2em;
    color: #b0b1b3;
}
.no-canvas-version #ticketName {
    position: absolute;
    top:32%;
    left:34%;
    font-size:3em;
    line-height:normal;
    width:42%;
}
.no-canvas-version #ticketName .lastNameText {
    font-size:0.7em;
}

@media only screen and (max-width: 1200px) {
    .no-canvas-version #ticketName {
        font-size:2em;
    }
    .no-canvas-version #ticketID {
    	font-size:1em;
    }
}
@media only screen and (max-width: 900px) {
    .no-canvas-version #ticketName {
        font-size:1.7em;
    }
    .no-canvas-version #ticketID {
    	font-size:0.8em;
    }
}
@media only screen and (max-width: 700px) {
    .no-canvas-version #ticketID {
        font-size: 0.8em;
    }
    .no-canvas-version #ticketName {
        font-size: 1.5em;
    }
}
@media only screen and (max-width: 600px) {
    .no-canvas-version #ticketID {
        font-size: 0.7em;
    }
    .no-canvas-version #ticketName {
        font-size: 1.3em;
    }
}
@media only screen and (max-width: 500px) {
    .no-canvas-version #ticketID {
        font-size: 0.7em;
    }
    .no-canvas-version #ticketName {
        font-size: 1.3em;
    }
}
@media only screen and (max-width: 400px) {
    .no-canvas-version #ticketID {
        font-size: 0.5em;
    }
    .no-canvas-version #ticketName {
        font-size: 1.2em;
	    margin-top: -5px;
    }
}
#Boarding-Pass-Page h1 {color:white;font-weight: normal;}
/* Canvas version*/
canvas#BoardingPassName {position: absolute; top: 0; width: 100%;}
#image-boarding-pass {display: none;}
.confirmation-text{color:white; font-weight: 400;margin-top: 50px;text-align: center}
/* tab options */
.tab-options {
    position:absolute;
    right:10px;
}
.tab-options .tab {
    margin: 0px 4px;
    display: inline-block;
    background-color: transparent;
    position: relative;
    transform: skew(-35deg);
    padding: 5px 15px;
    cursor: pointer;
    background: rgba(176, 177, 179, 0.9);
}
.tab-options .tab a {
    color: white;
    background-color: transparent;
    border: none;
    font-size: 0.8em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    transform: skew(30deg);
    display: block;
}
.tab-options .tab a:hover {
    text-decoration:underline;
}
.tab-options .tab .embed {
   font-size:0.8em;
}


/*******************************************/
/**** End: Boarding Pass Page Styles ****/
/*******************************************/