@charset "utf-8";
/* CSS Document */
body { font-size: 14px; }

div.header {
	width: 100%;
	position: fixed;
	top: 0;
}
.title-bar {
	width: 100%;
	position: fixed;
	top: 6em;
}
.top-holder {
	position: fixed;
	top: 9.3em;
}
div.header.searchBagTag, .title-bar.searchBagTag, .top-holder.searchBagTag,
div.header.agentLogin, .title-bar.agentLogin, .top-holder.agentLogin,
div.header.searchPnr, .title-bar.searchPnr, .top-holder.searchPnr { position: absolute;}

.top-holder.searchBagTag { height: 9em; }
.top-holder.showBaggages { height: 11.3em; }

.container.agentLogin,
.container.scanBoardingPass,
.container.searchPnr { margin-top: 9.3em; padding-top: 1em;}


.container.passengerList {
	margin-top: 9.3em; /*Relative to top-holder height and toppositions.*/
	padding-top: 0;
	height: -webkit-calc( 100% - (9.3em + 85px) ); 
	height: -moz-calc( 100% - (9.3em + 85px) ); 
	height: calc( 100% - (9.3em + 85px) ); 
	overflow-y: auto;
}
.container.searchBagTag {
	padding-top: 2em;
	margin-top: 18.3em;
}
.container.showBaggages {
	margin-top: 20.6em; /*Relative to top-holder height and toppositions.*/ 
	padding-top: 2em;
	height: -webkit-calc( 100% - (20.3em + 85px) );
	height: -moz-calc( 100% - (20.3em + 85px) );
	height: calc( 100% - (20.3em + 85px) );
	overflow-y: auto;
}
.container.singleBagActivation {
	margin-top: 9.3em; /*Relative to top-holder height and toppositions.*/ 
	padding-top: 2em;
	height: -webkit-calc( 100% - (9.3em + 85px) );
	height: -moz-calc( 100% - (9.3em + 85px) );
	height: calc( 100% - (9.3em + 85px) );
	overflow-y: auto;
}
.extra-spacer {height: 2em;}

.container.agentLogin .recoveryMode,
.container.scanBoardingPass .recoveryMode,
.container.searchPnr .recoveryMode { margin-top: -1em;}
.container.searchBagTag .recoveryMode,
.container.showBaggages .recoveryMode,
.container.singleBagActivation .recoveryMode { margin-top: -2em;}

.standardInput{
	padding:5px 2%;
	font-size:1.6em;
}
.topMenuButton.logoutButton {
    height: 2.6em;
    width: 5em;
    top: .5em;
	right: 2%;
}
.topMenuButton.refreshButton {
    height: 2.6em;
    width: 5em;
    top: .5em;
    left: 2%;
}
.topMenuButton-back {
	height: 2.95em;
    width: 5.3em;
    top: .5em;
    left: 2%;
	padding-bottom: .3em;
	padding-left: 1em;
}

.title-bar div {
	font-size: 1.4em;
}
.mainMenuButton p {
    font-size: 0.8em;
    padding: 1em 0 0 4em;
}
.scan_icon_box.pass {
    background-size: 100% auto;
    height: 54px;
    width: 53px;
}
.mainMenuButton div:last-child {
	padding-left: 1em;
}

/** ------------------------------------------------------------------------------------------------------
				                           FOOTER STYLES
** ---------------------------------------------------------------------------------------------------- */
div.footer .navigationButton {
	height: 85px !important;
}
div.footer .navigationButton .navicon, div.footer .navigationButton.active .navicon {
	background-size: 75% !important;
}
.footer-space {
	height: 100px;	
}

.blueButton { 
	padding: .7em 0;
}
.segment-box .row > div {
	font-size: .75em;
}

.welcome-logo { width: 80%; margin: 35% auto 0;}
.welcome-text { font-size: 1.2em; margin: 0;}

/** ------------------------------------------------------------------------------------------------------
				                           LOGIN SCREEN STYLES
** ---------------------------------------------------------------------------------------------------- */

/** ------------------------------------------------------------------------------------------------------
                                      SEARCH PASSENGER SCREEN STYLES
** ---------------------------------------------------------------------------------------------------- */


/** ------------------------------------------------------------------------------------------------------
                                      PASSENGER LIST SCREEN STYLES
** ---------------------------------------------------------------------------------------------------- */
.paxMessage {
	font-family: 'american_lightregular';
	width: 85%;
	padding: .5em 0;
	font-size: 1.4em;	
	color: #36495a;
}
.segment-btn, .segment-btn.opened {
	width: 45px;
	height: 45px;
}
.segment-box .row > div {
	font-size: 1.2em;
}
.passenger-list {
	max-height: 26em;/*overrides from styles.css. is equal to 4times of '.passenger' height */
}
.passenger-list .passenger {
	height: 6.5em;/*is equal to '.passenger > div' (fontsize * lineheight) */
}
.passenger-list .passenger > div {
	font-size: 1.8em;
}
.segment-box > div .flightarrow {
	width: .75em;
	height: .75em;
	background-size: contain;
}
.passenger-list .passenger.selected div.tick {
	background-size: 50%;
}


/** ------------------------------------------------------------------------------------------------------
                                        BAG STATUS SCREEN STYLES
** ---------------------------------------------------------------------------------------------------- */
.bagstatus-bag:last-child { border-radius: 0 0 .3em .3em; }

.passenger-info .box-l p.pname {
	max-height: auto !important;
}

#popupContainer p {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 10em;
	padding: 0 0.5em 0.5em;
}