@CHARSET "UTF-8";

DIV#calcHeader {
	margin-top: 20px;
}

DIV#calcContainer {
	color: #05164d;
	font-weight: bold;
}

SPAN.hiddenField {
	display: none;
}

DIV.labelTitle {
	font-size: 12px;
	color: #000066;
}

SPAN.calcHeader {
	color: #000066;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}

TD#ajaxErrorMessages {
	height: 16px;
}

TD.withSpacing {
	padding-right: 15px;
}

TABLE#pointsCalculator > tbody > tr > td, TABLE#pointsCalculator > tbody > th > td  {
	border: 0px;
	padding-bottom: 0px;
}

TABLE#pointsCalculator INPUT.calcField {
	width: 91px;
}

TABLE#pointsCalculator INPUT.fromToField {
	width: 150px;
}

TABLE#pointsCalculator > tbody > tr > td > div.form-group, TABLE#pointsCalculator > tbody > th > td > div.form-group  {
	margin-bottom: 5px;
}

TABLE#pointsCalculator INPUT.points {
	width: 64px;
	text-align: right;
	margin-right: 4px;
}

TABLE#pointsCalculator input.points.sumPoints {
	text-align: center;
	margin-right: 0px;
	height: 34px;
	color: #555;
	font-weight: bold;
}

TABLE#pointsCollectionMatrixBookingClassSelectorTable {
	background-color: #6f95a8;	
}

TABLE#pointsCollectionMatrixBookingClassSelectorTable td {
	padding-top: 30px;
	padding-bottom: 30px;
	border-color: #d6e2e8;
	border-right: 10px;
}

span#classesLabels label {
	width: 60px;
	text-align: center;
	margin-right: 0px;
}

TABLE#pointsCalculator INPUT {
	padding: 2px 7px 2px 7px;
}

TABLE#pointsCalculator INPUT.validationError {
	border: 1px solid red;
}

TABLE#pointsCalculator INPUT.extendToTwo {
	width: 132px;
	text-align: center;
}

TABLE#pointsCalculator INPUT.extendToThree {
	width: 200px;
	text-align: center;
}

TABLE#pointsCalculator INPUT.extendToFour {
	width: 268px;
	text-align: center;
}

TABLE#pointsCalculator INPUT.rowPoints,
TABLE#pointsCalculator INPUT.secondRowPoints, .sumPoints  {
	background-color: #b4c8d3;
}

LABEL.calcField {
	color: #05164d;
	margin-left: 3px;
}

LABEL.rowPoints {
	color: #05164d;
	position: relative;
    top: 5px;
}

LABEL#sumPointsLabel {
	color: #05164d;
}


#bookingClassContainer {
	font-size: 14px;
	font-weight: bold;
	color: #021f47;
	padding: 15px;	
}

#bookingClassTable TH.leftHeader, 
#bookingClassTable TH.topHeader, 
#includedRoutesTable TH.leftHeader, 
#includedRoutesTable TH.topHeader,
#excludedRoutesTable TH.leftHeader, 
#excludedRoutesTable TH.topHeader {
	font-size: 14px;
	padding: 5px;	
	white-space: normal;	
}

#bookingClassTable TD, 
#bookingClassTable TH, 
#includedRoutesTable TH,
#excludedRoutesTable TH {
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

#includedRoutesTable TD,
#excludedRoutesTable TD {
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

#includedRoutesTable .footnote TD,
#excludedRoutesTable .footnote TD {
	font-size: 10px !important;
	text-align: left;
	vertical-align: top;
	background-color: #d6e2e8;
}

#bookingClassTable .firstTD, 
#includedRoutesTable .firstTD, 
#excludedRoutesTable .firstTD {
	height: 80px;
	font-size: 16px;
	text-align: left;
}

#includedRoutesTable .firstTD, 
#excludedRoutesTable .firstTD {
	width: 50%;
}

#findBookingClass {
	background-color: white;
	width: 100%;
	margin-bottom: 10px;
}

#findBookingClass TD {
	vertical-align: middle;
	text-align: left;
	font-size: 14px;	
	font-weight: normal;
	padding: 15px;
}

#findBookingClass .ppb-no-arrow-underlined {
	font-weight: bold;
	text-decoration: underline;
}

.bookingClassFooterDiv {
 	display: flex;
 	justify-content: space-between;
}

.bookingClassFooterTable {
 	width : 50%;
}

DIV.quickLinkContainer {	
	border: 1px solid #B4B4B4;
	margin-top: 10px;
	width: 260px;
}

.quickLinkContainer > .quicklinkPointList > .enabled {
	font-weight: bold;
}

div.quicklinkPointList {
	margin: 0px;
	padding: 3px 0px 3px 15px;
/*	background-image: url(../graphics/jumperArrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px; */
}

DIV.quicklinkPointList A {
	color: #5A5A5A;
}

DIV.quicklinkPointList A:visited {
	color: #5A5A5A;
}

.matrixButtons {
	position: absolute;
	width: auto;
	right: 0px;
	bottom: 20px;
}
.matrixButtons A {
	line-height: 20px;
}
#countryOverviewButton {
	top: -60px;
}
#countryOverviewReducedButton {
	top: -40px;
}

DIV.matrixCaption {
	position: absolute;
	width: 175px;
	left: 17px;
	top: -5px;
	padding: 5px;
}
.matrixCaption DIV {
	padding: 3px 0 0 3px;
	color: #888888;
	background-color: #F5F5F5;
	border: 1px solid #EEEEEE;
}
.matrixCaption UL {
	margin-top: 10px;
	padding-left: 20px;
}


TR#sumRow .sumLabelCol {
	text-align: right;
}


TABLE#pointsCalculator SELECT {
	padding: 5px;
}

SPAN.error {
	color: red;
}

DIV#pointsCollectionMatrix .panel-body {
	color: #021f47 !important;
}

.matrixGroupContainer {
	position: relative;
	margin-top: 25px;	
}

.matrixContainer {
	position: relative;
	margin-bottom: 25px;	
}

#matrixContainer0 > TABLE, 
#matrixContainer1 > TABLE, 
#matrixContainer2 > TABLE, 
#matrixContainer3 > TABLE,
#bookingClassTable,
#includedRoutesTable,
#excludedRoutesTable,
#asr-tables > TABLE {
	table-layout: fixed;
	border-spacing: 2px;
	border-collapse: separate;
}

#asr-tables {
	margin-top: 60px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 1px;	
}



#wrapperTable TR {
	background-color: #d6e2e8 !important;
	border-spacing: 0px !important;
	vertical-align: top;
}

#matrixContainer0 TD {
	vertical-align: middle;	
}

#pointsCollectionMatrix #matrixContainer0 .matrixFirstColumn {
	height: 42px;
}

TABLE.matrix {
	padding: 3px;
}

.matrix TD {
	text-align: center;
	color: #021f47;
}

.matrix TR, .matrix TH {
	border-color:#A8A8A8;
}

.matrix TR.hover TD, .matrix TD.hover {
	background-color: #DCDCDC;
}

td.flightClassCell, td.flightClassCell ~ td {
	padding: 0px !important;
}

td.flightClassCell > DIV, td.flightClassCell ~ td > DIV { 	
	text-align: left; 
	color: #021f47;
	white-space: nowrap;
	padding: 2px 2px;
	border-spacing: 2px;
	border-collapse: separate;
}

#bookingClassTable td, 
#includedRoutesTable td,
#excludedRoutesTable td, 
th.matrixFirstColumn ~ td {
	background-color: white;		
	font-size: 14px !important;
	font-weight: bold;
}

td.flightClassCell > DIV:NTH-CHILD(odd) {
	font-family: Lufthansa Office Head, Arial !important;
	font-size: 10px !important;
	font-weight: bold !important;	
	text-align: left !important;	
	background-color: white;
	padding-top: 3px !important;
	padding-bottom: 1px !important;
}

td.pointCell > DIV:NTH-CHILD(odd), td.pointCell ~ td > DIV:NTH-CHILD(odd) {		
	font-family: Lufthansa Office Head, Arial !important;
	font-size: 10px !important;
	font-weight: bold !important;	
	text-align: center !important;	
	background-color: white;
	padding-top: 3px !important;
	padding-bottom: 1px !important;		
}

td.flightClassCell > DIV:NTH-CHILD(even) {
	font-family: Lufthansa Office Head, Arial !important;
	font-size: 10px !important;
	font-weight: bold !important;	
	text-align: left !important;
	background-color: rgb(228, 235, 239);
	padding-top: 3px !important;
	padding-bottom: 1px !important;	
}

td.pointCell > DIV:NTH-CHILD(even), td.pointCell ~ td > DIV:NTH-CHILD(even) {
	font-family: Lufthansa Office Head, Arial !important;
	font-size: 10px !important;
	font-weight: bold !important;	
	text-align: center !important;
	background-color: rgb(228, 235, 239);
	padding-top: 3px !important;
	padding-bottom: 1px !important;	
}

.matrixGroupContainer tr.hover td,
.matrixGroupContainer tr:hover td,
.matrixGroupContainer tr:hover td > DIV:NTH-CHILD(odd), .matrixGroupContainer  td.columnHover > DIV:NTH-CHILD(odd), 
#bookingClassTable tr:hover td, 
#bookingClassTable td.columnHover,
.matrixGroupContainer td.columnHover {	
	background-color: rgb(180, 200, 211) !important;
}

.matrixGroupContainer tr:hover td > DIV:NTH-CHILD(even), .matrixGroupContainer td.columnHover > DIV:NTH-CHILD(even) {
	background-color: rgb(168, 190, 202) !important;
}

TH.topHeader, TH.leftHeader {
	font-size: 10px;
	font-weight: bold;
	color: #021f47;
	background-color: #b4c8d3;
	min-width: 45px;			
}

.leftHeader {
	height: 30px;
	padding: 0 4px;
	white-space: nowrap;
}

.topHeader {
	padding: 8px 0px;
}

.primaryBackgroundDark {
	background-color: #4d7b93 !important;
	color: white !important;
}

TH.firstTD {
	border: none;
	text-align: left;
	color: white;
	background-color: #4d7b93;
	font-size: 16px;
	font-weight: bold;
	width: 225px;
	vertical-align: middle !important;
	padding-left: 25px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

#pointsListSelectorTable .pointsListSelector {
	text-align: center;
	background-color: #6f95a8;
	color: #fff;
	font-size: 16px;
	font-weight: bold;	
	vertical-align: middle !important;
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	margin-right: 2px;
}

#pointsListSelectorTable .pointsListSelector:hover {
	background-color: #fff;
	color: #00ff00 !important;
}

TH.firstTD .explanation {
	font-size: 10px;
	font-weight: normal;	
}

.rotatedHeader {
	transform: rotate(180deg);
	pointer-events: none; 
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	white-space: nowrap;
} 

.topToBottom {
	transform: none;
}

.noBreak {
	white-space: nowrap;
}

.hover {
	background-color: rgb(220,220,220);
}

div.matrixGroupContainer th:not(:first-child) {
	vertical-align: middle !important;
	text-align: center !important;
}

th.matrixFirstColumn {
	font-size: 10px;
	padding: 3px 5px !important;
	margin: 5px 5px 5px 5px !important;
	vertical-align: middle !important;
	background-color: #b4c8d3;	
	border-spacing: 2px !important;	
}

.text-middle {
  vertical-align: middle !important;
}

#pointsMatrixTable th {
	color: #05164d;
}

#asr-tables,
#xbagMatrix {
	background-color: #d6e2e8;
}

#xbagMatrix > TABLE {
	table-layout: auto;
	border-spacing: 2px;
	border-collapse: separate;
}

#asr-tables .pointCell,
#xbag-table .pointCell {
	color: #021f47 !important;
	background-color: white;
	font-size: 10px !important;
	text-align: center;	
}

#xbagMatrix.matrixGroupContainer {
	margin-top: 65px;
}

#xbag-table TD {
	width: 12%;
}

#asr-tables TABLE:first-child TH:nth-child(1), 
#asr-tables TABLE:not(first-child) TH:nth-child(1) {
	width: 220px;
}

#asr-tables TABLE:first-child TH:nth-child(2),
#asr-tables TABLE:not(first-child) TH:nth-child(2) {
	width: 80px;
}

#asr-tables TABLE:first-child TD { 
	width: 150px;
}

#asr-tables TABLE:not(first-child) TD { 
	width: 377px;
}