/**
 * @CSS Document
 *
 * @author 		: chiranjeevulu.padala@hp.com
 * @company 	: Hewlett-Packard
 * @description	: This css will Override most of the styles defined in default 'styles.css' 
 *                adds any new styles that are requied solely for desktop version.
 * 
 */


div.header {
	position: relative;
	width: 100%;
}
.brandingLogo {
	background-size: contain;
	width: 15.5em;
	height: 5em;
}
.brandingLogo {
	background-size: contain;
	width: 15.5em;
	height: 5em;
}
/* @ HEADER LEFT BOX */
.header-left-content {
	display: table;
}
#main-frame {
	overflow: hidden;
}
/** ------------------------------------------------------------------------------------------------------
				                           FOOTER STYLES
** ---------------------------------------------------------------------------------------------------- */
div.footer .navigationButton {
	height: 6em !important;
}
div.footer .navigationButton .navicon, div.footer .navigationButton.active .navicon {
	background-size: contain !important;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}


.title-bar div.msg {
	padding-left: 2%;
}
.title-bar div.emid {
	font-size: .9em;
}




.footer-space { padding: 0; margin: 0; height: 0; }


.scan-boarding-pass-bags {
	display: block;
	width: 100%;	
	height: 100%;
}
.mainMenuButton div:last-child {
	padding-left: 1.2em;
}
div.footer.agentLogin div {
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 2%;
	text-align: right;
}

div.footer .versionInfo {
	opacity: 0;
}
div.footer.stationCode2 .versionInfo {
	opacity: 100;
}

.content-margin-frame {
	width: 100%;
}

/** ------------------------------------------------------------------------------------------------------
------------------------------- BORDER RADIUS FOR ELEMENTS WITH DIFFERENT SIDES ------------------------ */
.border-radius-all {
	-webkit-border-radius: .4em;
	border-radius: .4em;
}
.border-radius-top {
	-webkit-border-radius: .4em .4em 0 0;
	border-radius: .4em .4em 0 0;
}
.border-radius-bottom {
	-webkit-border-radius: 0 0 .4em .4em;
	border-radius: 0 0 .4em .4em;
	margin-top: -1px;
}
.border-radius-none {
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	margin-top: -1px;
}




/*=====================================================================================================
                                                BUTTONS
=====================================================================================================*/
.blueButton {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: .5em 0;
	font-size: 1.5em;
}
.blueButton.agentlogin, .blueButton.continue, .blueButton.passlistSubmit,
.blueButton.back, .blueButton.refresh, .blueButton.finish, .blueButton.delete {
	width: 8em;
	display: inline-block;
}




/*=====================================================================================================
                                                COMMON
=====================================================================================================*/
.scan-div-element {
	display: block;;
}
.scan-graphic {
	margin: 10em 0 0 0;
	width: 100%;
	height: 15em;
	background: url(../images/scan-graphic.png) no-repeat center center;
	background-size: auto 100%;
}
.app-notifiation {
	width: 30em;
	position: absolute;
	top: 7em;
	right: 0; left: 0;
	margin: auto;
	background: rgba(0,0,0,.8);
	padding: 1em 2em;
	border: none;
	-webkit-border-radius: .6em;
	border-radius: .6em;
	box-shadow: 0 5px 35px 5px rgba(0,0,0,.5);
}
.app-notifiation span {
	font-family: 'american_lightregular';
	font-size: 1.2em;	
	color: #fff;
	display: block;
	width: 100%;
	text-align: center;
}

.recoveryMode {
	position: fixed;
	margin: auto;
	top: 5em;
	left: 0;
	right: 0;
	width: 20em;
	padding: 1em 1em 0;
	z-index: 9;
	border-radius: 0 0 .5em .5em;
	font-size: 1em;
	-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,1);
	animation: showDrMode .5s ease-in;
	-webkit-animation: showDrMode .5s ease-in;
}
.recoveryMode p {
	font-size: 1.5em;
}

/*=====================================================================================================
				                           LOGIN SCREEN STYLES
=====================================================================================================*/
.agent-login-form {
	margin: 3em auto 1em;
	width: 45%;
}

/*=====================================================================================================
                                      SEARCH PASSENGER SCREEN STYLES
=====================================================================================================*/
.pnrDivider {
	height: 11px;
	margin: 1% auto 0;
}
.passenger-lookup-form {
	margin: 2em auto 1em;	
}
.passenger-lookup-form .standardInput {
	-webkit-border-radius: .4em;
	border-radius: .4em;
	margin: 0;
	font-size: 1.3em;
}
.passenger-lookup-form .inputs-g1, .passenger-lookup-form .inputs-g2, .passenger-lookup-form .inputs-g3 {
	margin: auto;
	text-align: center;
	display: table;
}
.passenger-lookup-form .inputs-g1 {
	width: 50%;	
}
.passenger-lookup-form .inputs-g2 {
	width: 50%;	
}
.passenger-lookup-form .inputs-g3 {
	width: 50%;
}
.passenger-lookup-form .inputs-g2 .standardInput, .passenger-lookup-form .inputs-g3 .standardInput {
	display: table-cell;
}
.passenger-lookup-form .inputs-g3 .inputs-g3-1 { width: 66.66%; }
.passenger-lookup-form .inputs-g3 .inputs-g3-2 { width: 33.33%; }

.passenger-lookup-form .inputs-g3 .inputs-g3-1, .passenger-lookup-form .inputs-g3 .inputs-g3-2 {
	display: table-cell;
}
.passenger-lookup-form .inputs-g2 .standardInput {
	width: 49%;
}
.passenger-lookup-form .inputs-g3 .inputs-g3-1 .standardInput {
	width: 48.5%;
}
.passenger-lookup-form .inputs-g3 .inputs-g3-2 .standardInput {
	width: 98%;	
}
.passenger-lookup-form .inputs-g2 .standardInput:first-child { margin: 1% 1% 1% 0;}
.passenger-lookup-form .inputs-g2 .standardInput:last-child {  margin: 1% 0 1% 1%;}
.passenger-lookup-form .inputs-g3 .inputs-g3-1 .standardInput:nth-child(1){ margin:1% 1% 1% 0;}
.passenger-lookup-form .inputs-g3 .inputs-g3-1 .standardInput:nth-child(2){ margin:1% 1% 1% 1%;}
.passenger-lookup-form .inputs-g3 .inputs-g3-2 .standardInput:nth-child(1) { margin: 1% 0 1% 1%;}






/*=====================================================================================================
                                      PASSENGER LIST SCREEN STYLES
=====================================================================================================*/
.container.passengerList {
	width: 100%;
	margin: auto;
}
.pax-msg-holder {
	width: 90%;
	margin: auto;
	margin: 1em auto 3em ;
}
.paxMessage {
	width: 100%;	
}
.segment-btn { display: none ;}
.segment-info {
	display: block;
	margin: 1em 0 0;
	vertical-align: middle;
}
.segment-box .row {
	display: inline-table;
}
.segment-box .row.r1 {
	width: 40%;
	padding-left: 0;
}
.segment-box .row.r2 {
	width: 45%;
}
.segment-box .row.r3 {
	width: 15%;
}
.segment-box .row > div {
	display: table-cell;
	width: 50%;
}
.segment-box .row > div.flightNumber {
	padding-left: 1em;
}
.segment-box > div .flightarrow {
	width: .8em;
	height: .8em;
	padding: 0;
	background-size: contain;
}
.paxlist-selectAll {
	font-family: 'americansansregular';
	font-size: 1.5em;
	margin: 0 0 0 5%;
	padding: .85em 0 .85em 0;
	color: #ffffff;
	width: 13em;
	text-align: center;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}
.passenger-list {
	width: 90%;
	margin: 1em auto 0;
	overflow: hidden;	
	background: none;
}
.passenger-list .passenger-row {
	display: block;
	width: 100%;
	margin: .2% 0 0 0;
}
.passenger-list .passenger {
	width: 33.2%;
	height: 5.5em;
	display: inline-block;
	border: none;
	background: #ffffff;
	margin: 0 .2% 0 0;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}
.passenger-list .passenger > div {
	font-size: 1.3em;
}
.passenger-list .passenger:first-child {
	border: none;
}
.passenger-list .passenger:last-child {
	border: none;
	margin: 0;
}
.passenger-list .passenger.selected div.tick {
	background-size: 55%;
}






/*=====================================================================================================
                                        BAG STATUS SCREEN STYLES
=====================================================================================================*/
.container.baggageSummery {
	width: 90%;
	margin: auto;
}
.top-holder {
	width: 90%;
	padding: 0 0 0 0;
	margin: 1em auto 0;
	background: none;
	box-shadow: none;
	display: table;
}
.pbags-list-area {
	width: 100%;
	height: 24em;
	margin: 1em auto 1.5em;
	overflow: hidden;
}
.top-holder .mainMenu {	
	display: none;
}
.counter-holder {
	display: table-cell;
	width: 50%;
}
.pax-list-scroll {
	display: table-cell;
	width: 50%;
}
.passenger-box {
	display: table;	
	height: 8.5em;
	margin: 0 0 .2em 0;
	box-shadow: none;
	border: none;
	box-shadow: inset 0 0 0 1px #93989E;
}
.passenger-box > div {
	height: 100%;
}
.passenger-box > div.passenger-info {
	display: table-cell;
	vertical-align: top;
	width: 33%;
}
.passenger-box > div.bags-wrapper {
	display: table-cell;
	width: 77%;
	height: 100%;
}

.passenger-info .box-l { display: block; width: 100%; padding: 0 0 2% 6%;}
.passenger-info .box-r { display: none; }
.passenger-info .box-l .pseat { display: block; }

.passenger-info .box-l p.pname {
	margin: .3em 0 0 0;
	max-height: 2em;
}
.passenger-info .tier-stripe {
	height: .4em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
}
.passenger-box.adv-explat .tier-stripe, .passenger-box.adv-gold .tier-stripe,
.passenger-box.adv-platinum .tier-stripe, .passenger-box.adv-nontier .tier-stripe {
	margin: 0 0 .6em 0;
}
/*----------------- PASSENGER BAG ROW ------------------ */

.bags-wrapper {
	padding-left: 1em;
}
.bags-holder {
	display: inline-block;
	/*The Holder width is equal 5 bags size and each bags padding. refer to '.bagstatus-bag' */
	width: 28em;
	overflow: hidden;
	white-space: nowrap;
	margin: 1em 15px 0 15px;
	vertical-align: top;
}
.bags-wrapper .bag-scroll-left, .bags-wrapper .bag-scroll-right {
	display: inline-block;
	width: 3.3em;
	height: 100%;
	margin: 0;
	padding: 3em 0 0 0;
}
.bags-wrapper .bag-scroll-left .button, .bags-wrapper .bag-scroll-right .button {
	height: 3.3em;
	width: 100%;
	box-shadow: 0 1px 2px 0 RGBA(0,0,0,1);
	border-radius: .4em;
}
.bags-wrapper .bag-scroll-left .button.hidden, .bags-wrapper .bag-scroll-right .button.hidden { visibility: hidden; }
.bags-wrapper .bag-scroll-left .button.pressed, .bags-wrapper .bag-scroll-right .button.pressed {
	box-shadow: inset 0 1px 2px 0 RGBA(0,0,0,1);
}
.bags-wrapper .bag-scroll-left .button {
	background: url(../images/nav-arrow-left.png) no-repeat center, #62b0e2;
	background-size: 76%;
}
.bags-wrapper .bag-scroll-right .button {
	background:  url(../images/nav-arrow-right.png) no-repeat center, #62b0e2;
	background-size: 76%;
}
.bags-wrapper .bag-scroll-left .button.disabled {
	background: url(../images/nav-arrow-left.png) no-repeat center, #a2d5f3;
	background-size: 76%; box-shadow: none;
}
.bags-wrapper .bag-scroll-right .button.disabled {
	background:  url(../images/nav-arrow-right.png) no-repeat center, #a2d5f3;
	background-size: 76%; box-shadow: none;
}

.bagstatus-bag {
	position: relative;
	display: inline-block;
	width: 5.5em;
	height: 4.5em;
	border-radius: .5em;
	margin: 0 .1em 0 0;
	border: none;
	-box-shadow: inset 0 0 1px 1px #000;
}
.bagstatus-bag.pressed {
	box-shadow: none;
}
.bagstatus-bag .scode {
	font-size: .9em;
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 0;
	top: 1.2em;
}
.bagstatus-bag .middle {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0 0 .1em 0;
	height: auto !important;
}
.bagstatus-bag .middle .city, .bagstatus-bag .middle .bagno {
	padding: 0 0 .2em 0;
	text-align: center;
}
.bagstatus-bag .middle .city {
	font-size: .65em;
	padding: 0 1em;
	margin: 0 0 .2em 0;
	/*Fix the position of the tet view area and hide if text is larger.*/
	white-space: normal;
	overflow: hidden;
	height: auto;
	line-height: 1.1em;
}
.bagstatus-bag .middle .bagno { font-size: .75em; }
.bagstatus-bag .status {
	text-align: center;
	display: block;
	position: absolute;
	top: 1em;
	right: 0;
	width: 2em;
}
.bagstatus-bag .status p {
	font-size: 1.4em;
}
.bagstatus-bag .pstatus {
	display: block;
	position: absolute;
	top: .75em;
	border: none;
	background: none;
}
.bagstatus-bag .pstatus div {
	font-size: .7em;
}
.bagstatus-bag.priority .pstatus div, .bagstatus-bag.standby .pstatus div {
	border: none; background: none;
}
.bagstatus-bag .bag { display: none; }

/*Background Briefcase Icon for 3states including the passenger priority badges.
For only states a single background will be used.
If he passenger has priority tied then 2 backgrounds will be used for the same DIV element.*/
.bagstatus-bag.active { background: url(../images/bag/bag-n-green.png) center no-repeat; }
.bagstatus-bag.inactive { background: url(../images/bag/bag-n-red.png) center no-repeat; }
.bagstatus-bag.drmode { background: url(../images/bag/bag-n-grey.png) center no-repeat; }
.bagstatus-bag.drmode.active { background: url(../images/bag/bag-n-green.png) center no-repeat; }

.bagstatus-bag.priority.active { background: url(../images/bag/badge-n-orange.png) center no-repeat, url(../images/bag/bag-n-green.png) center no-repeat; }
.bagstatus-bag.priority.inactive { background: url(../images/bag/badge-n-orange.png) center no-repeat, url(../images/bag/bag-n-red.png) center no-repeat; }
.bagstatus-bag.priority.drmode { background: url(../images/bag/badge-n-orange.png) center no-repeat, url(../images/bag/bag-n-grey.png) center no-repeat; }
.bagstatus-bag.priority.drmode.active { background: url(../images/bag/badge-n-orange.png) center no-repeat, url(../images/bag/bag-n-green.png) center no-repeat; }

.bagstatus-bag.standby.active { background: url(../images/bag/badge-n-pink.png) center no-repeat, url(../images/bag/bag-n-green.png) center no-repeat; }
.bagstatus-bag.standby.inactive { background: url(../images/bag/badge-n-pink.png) center no-repeat, url(../images/bag/bag-n-red.png) center no-repeat; }
.bagstatus-bag.standby.drmode { background: url(../images/bag/badge-n-pink.png) center no-repeat, url(../images/bag/bag-n-grey.png) center no-repeat; }
.bagstatus-bag.standby.drmode.active { background: url(../images/bag/badge-n-pink.png) center no-repeat, url(../images/bag/bag-n-green.png) center no-repeat; }

/*Pressed State of the Briefcase background icons.*/
.bagstatus-bag.pressed.active { -background: url(../images/bag/bag-p-green.png) center no-repeat; }
.bagstatus-bag.pressed.inactive { -background: url(../images/bag/bag-p-red.png) center no-repeat; }
.bagstatus-bag.pressed.drmode { -background: url(../images/bag/bag-p-grey.png) center no-repeat; }
.bagstatus-bag.pressed.drmode.active { -background: url(../images/bag/bag-p-green.png) center no-repeat; }

.bagstatus-bag.pressed.priority.active { -background: url(../images/bag/badge-p-orange.png) center no-repeat, url(../images/bag/bag-p-green.png) center no-repeat; }
.bagstatus-bag.pressed.priority.inactive { -background: url(../images/bag/badge-p-orange.png) center no-repeat, url(../images/bag/bag-p-red.png) center no-repeat; }
.bagstatus-bag.pressed.priority.drmode { -background: url(../images/bag/badge-p-orange.png) center no-repeat, url(../images/bag/bag-p-grey.png) center no-repeat; }
.bagstatus-bag.pressed.priority.drmode.active { -background: url(../images/bag/badge-p-orange.png) center no-repeat, url(../images/bag/bag-p-green.png) center no-repeat; }

.bagstatus-bag.pressed.standby.active { -background: url(../images/bag/badge-p-pink.png) center no-repeat, url(../images/bag/bag-p-green.png) center no-repeat; }
.bagstatus-bag.pressed.standby.inactive { -background: url(../images/bag/badge-p-pink.png) center no-repeat, url(../images/bag/bag-p-red.png) center no-repeat; }
.bagstatus-bag.pressed.standby.drmode { -background: url(../images/bag/badge-p-pink.png) center no-repeat, url(../images/bag/bag-p-grey.png) center no-repeat; }
.bagstatus-bag.pressed.standby.drmode.active { -background: url(../images/bag/badge-p-pink.png) center no-repeat, url(../images/bag/bag-p-green.png) center no-repeat; }


.bagstatus-bag.active, .bagstatus-bag.inactive, .bagstatus-bag.drmode, .bagstatus-bag.drmode.active,
.bagstatus-bag.priority.active, .bagstatus-bag.priority.inactive, .bagstatus-bag.priority.drmode, .bagstatus-bag.priority.drmode.active, 
.bagstatus-bag.standby.active, .bagstatus-bag.standby.inactive, .bagstatus-bag.standby.drmode, .bagstatus-bag.standby.drmode.active {
	background-size: 100%;
}

.bagstatus-bag.pressed.active, .bagstatus-bag.pressed.inactive, .bagstatus-bag.pressed.drmode, .bagstatus-bag.pressed.drmode.active,
.bagstatus-bag.pressed.priority.active, .bagstatus-bag.pressed.priority.inactive, .bagstatus-bag.pressed.priority.drmode, .bagstatus-bag.pressed.priority.drmode.active,
.bagstatus-bag.pressed.standby.active, .bagstatus-bag.pressed.standby.inactive, .bagstatus-bag.pressed.standby.drmode, .bagstatus-bag.pressed.standby.drmode.active {
	background-size: 100%;
}






/*=====================================================================================================
                                       SEARCH BAG TAG STYLES
=====================================================================================================*/
.container.searchBagTag {
	width: 100%;
	text-align: center;
}
.content-margin-frame.searchbagtag-form {
	width: auto;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.standardInput.bagtag {
	width: 87%;
	margin: 1em auto 1em;
	font-size: 1.25em;
}
.blueButton.bagTagEnter{
	width: 87%;
	margin: 1em auto 1em;
}
.numberpad-searchBagTag{
	margin: 0 auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.top-holder.searchBagTag {
	display: none;	
}



/*=====================================================================================================
                                       PRINTER CONFIG
=====================================================================================================*/
.printerAddressForm {
	margin: 2em auto 1em;	
}
.printerAddressForm .inputs-g1{
	margin: auto;
	text-align: center;
	display: table;
}
.printerAddressForm .inputs-g1 {
	width: 50%;	
}

.printerMessage {
	width: 100%;
}
.printerConfigHolder h3 {
	margin: 0 0 10px 10px;
	font-size: 2.6em;
	color: #36495a;
}
.printerConfigHolder .bagTagPrinter {
	display: inline-block;
	padding: 0;
	width: 49%;
}
.printerConfigHolder .receiptPrinter {
	display: inline-block;
	margin: 0 0 0 1%;
	padding: 0;
	width: 49%;
}
.printerConfigHolder .borderContainer {
	display: table;
	padding: 1.5em 0 1.5em 0;
	-webkit-border-radius: 0.7em;
	border-radius: 0.7em;
	margin-top: 3px;
	width: 100%;
}
.printerConfigHolder .box-l {
	border-right: 1px solid #CCCCCC;
	display: table-cell;
	padding: 1%;
	width: 47%;
}
.printerConfigHolder .box-r {
	display: table-cell;
	padding: 1%;
	width: 47%;
}
.blueButton.printer, .blueButton.assignNewPrinter {
	display: inline-block;
	border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	margin: 0.5em 0 0.5em 0;
	width: 8em;
}
.blueButton.assignNewPrinter {
	width: 60%;
	padding: 1.4em 0;
}
.printerConfigHolder .printerText {
	margin-bottom: 1em;
	font-size: 1.4em;
}
.printerConfigHolder .printerNumber {
	margin-top: 2em;
}

/*=====================================================================================================
                                       GROUP SELECTION
=====================================================================================================*/
.container.groupSelection {
	width: 90%;
	margin: auto;
}
.groupSelection .passenger-box > div.passenger-info {
	height: auto;
	width: 84%;
}
.groupSelection .box-1 {
	padding: 1% 1% 1% 2%;
	width: 22%;
}
.groupSelection .box-2 {
	padding: 1%;
	width: 22%;
}
.groupSelection .box-3 {
	padding: 1%;
	width: 22%;
}
.passenger-info .box-1 p, .passenger-info .box-2 p, .passenger-info .box-3 p {
    margin: 0;
    padding: 0;
    width: 100%;
}
.passenger-info .box-1 p.pname, .passenger-info .box-2 p.pname, .passenger-info .box-3 p.pname {
    font-size: 1.7em;
    margin: 6px 0 -2px;
    width: 100%;
}
.groupSelection  .button-container{
	width: 12%;
	height: 5.5em;
	margin: 0px;
	padding: 4% 1% 0px;
}
.groupSelection .blueButton{
	-padding: 0.4em 2em;
}

/*=====================================================================================================
                                       PASSENGER SELECTION
=====================================================================================================*/
.container.passengerSelection { 
	width: 90%; 
	margin: auto;
}

.titleContainer.passengerSelection { 
	display: table;
	width: 90%;
	margin: auto;
	margin-bottom: 0;
}
.titleContainer.passengerSelection > div {
	display: table-cell;
}
.titleContainer.passengerSelection .box-1 { width: 45%;}
.titleContainer.passengerSelection .box-2 { width: 20%;}
.titleContainer.passengerSelection .box-3 { width: 20%;}
.titleContainer.passengerSelection .box-4 { width: 15%;}
.titleContainer.passengerSelection p { font-size: 1.155em; }


.passengerSelection .passenger-box {
	display: table;
	width: 100%;
}
.passengerSelection .passenger-box > div.passenger-info {
	display: table-cell;
	height: auto;
	width: 85%;
}
.passengerSelection .passenger-box .box-1 {display: table-cell; width: 45%;}
.passengerSelection .passenger-box .box-2 {display: table-cell; width: 20%;}
.passengerSelection .passenger-box .box-3 {display: table-cell; width: 20%;}
.passengerSelection .passenger-box .box-4 {display: table-cell; width: 15%;}

.passengerSelection .passenger-box .pname {
	margin: 0 0 .5em .5em;
	overflow: hidden;
}
.passengerSelection .passenger-box .ticket-no {
	text-transform: none;
	margin: 0 0 0 15px;
	font-size: 1.3em;
}
.passengerSelection .passenger-box .record-locator {
	font-size: 1.5em;
}
.passengerSelection .passenger-box .seat {
	font-size: 1.5em;
}

.passengerSelection .passenger-box .button-container {
	width: 15%;
	display: table-cell;
	height: 5.5em;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
}

/*=====================================================================================================
                                     
=====================================================================================================*/
.keyboard-LoginScreen {
	position: absolute;
	bottom: 35px;
	margin: auto;
	left: 0;
	right: 0;
}
.keyboard-paxscreen {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 7em;
}


.topMenuButton.logoutButton {
	width: 5em;
	height: 2.3em;
	position: absolute;
	font-size: 1.3em;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 2%;
}
.topMenuButton.refreshButton, .topMenuButton-back {
	display: none;
}



.container.singleBagActivation .pbags-list-area {
	width: 90%;
	height: 9em;
	margin: 2em auto 0;
}
.container.singleBagActivation .content-margin-frame {
	width: 90%;
	margin: 3em auto 0;
}
.container.singleBagActivation .content-margin-frame .segment-info {
	margin: 0 auto 3em;
}
.container.printerConfigHolder .content-margin-frame {
	width: 90%;
	margin: 0 auto 0;
}


.subSectionMessage {
	width: 90%;
	padding: .4em 0;
	font-size: 1.3em;
	color: #36495a;
	margin: 1em auto 1em;
	display: block;
}
.summeryMilitaryIDMessage.show {
	display: block;
	width: 100%;
	font-family: 'americansans_mediumregular';
	font-size: 1.3em;
	text-align: right;
	color: #ffffff;
}


/** ------------------------------------------------------------------------------------------------------
				                        DIALOG BOX STYLES
** ---------------------------------------------------------------------------------------------------- */
#popupBG { }
#popupContainer {
	margin: 0 auto 0;
	padding: 5% 5% 5%;
	width: 50%;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	box-shadow: 0 10px 50px 2px rgba(0,0,0,1);
}
#popupContainer h2 {
	margin: 0 0 5% 0;
}
#popupContainer p {
	font-family: 'americanregular';
	text-align: center;
	margin: 0;
	font-size: 1.5em;
}
#popupContainer > div#buttons {
	text-align: center;
}
#popupContainer > div#buttons input[type="button"] {
	font-family: 'americanregular';
	border: none;
	display: inline-block;
	color: #0077D1;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	font-size: 1.6em;
	width: 5em;
	padding: .5em 0;
	margin: 2em 5px 0;
}
#popupContainer .processing {
	width: 45px;
	height: 45px;
	display: block;
	margin: 0 auto 2em;
}

/** ------------------------------------------------------------------------------------------------------
                                     DIFFERENT MEDIA TYPES ABOVE 769px
** ---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:769px) and (max-width:999px) {
	body { font-size: 9px; }
}
@media only screen and (min-width:1000px) and (max-width:1200px) {
	body { font-size: 12px; }
}
@media only screen and (min-width:1200px) {
	body { font-size: 16px; }
}
/** ------------------------------------------------------------------------------------------------------
                 SET BODY FONT SIZE FOR DIFFERENT MEDIA TYPES OF 16:9/19:10 WIDE SCREENS
** ---------------------------------------------------------------------------------------------------- */
@media screen and (min-aspect-ratio: 16/10) and (max-height:500px) {
  body { font-size: 8px }
}
@media screen and (min-aspect-ratio: 16/10) and (min-height:501px) and (max-height:600px){
  body { font-size: 9px; }
}
@media screen and (min-aspect-ratio: 16/10) and (min-height:601px) and (max-height:700px){
  body { font-size: 11px; }
}
@media screen and (min-aspect-ratio: 16/10) and (min-height:701px) and (max-height:800px) {
  body { font-size: 12px; }
}
@media screen and (min-aspect-ratio: 16/10) and (min-height:801px){
  body { font-size: 13px; }
}




/** ------------------------------------------------------------------------------------------------------
                                        DEFINE SOME ANIMATIONS
** ---------------------------------------------------------------------------------------------------- */
@keyframes showDrMode {
	from {top: 0;}
	to {top: 5em;}
}

@-webkit-keyframes showDrMode {
	from {top: 0;}
	to {top: 5em;}
}