/* fix for firefox display of fieldset */
/* Should be apply only for firefox. fix issue in IE CPPBENSLH-168 */
@
-moz-document url-prefix () {
	fieldset { 
		display:table-cell;
	}
}

@font-face {
  font-family: "Lufthansa Office Head";
  src: url("../fonts/LufthansaOfficeHead_0.ttf");
  src: url("../fonts/LufthansaOfficeHead_0.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "Lufthansa Office Head";
  src: url("../fonts/LufthansaOfficeHead-Bold.ttf");
  src: url("../fonts/LufthansaOfficeHead-Bold.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: "Lufthansa Office Text";
  src: url("../fonts/LufthansaOfficeText_0.ttf");
  src: url("../fonts/LufthansaOfficeText_0.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "Lufthansa Office Text";
  src: url("../fonts/LufthansaOfficeText-Bold.ttf");
  src: url("../fonts/LufthansaOfficeText-Bold.ttf") format("truetype");
  font-weight: bold;
}

input, button, select, textarea {
    font-family: Lufthansa Office Text,Arial,sans-serif;
}

input {
	padding-top: 4px !important;
	padding-bottom: 2px !important;
}

.container-wide {
	width: 1100px !important;
	padding: 0 !important;
}

.container-wide div.row {	
	margin: 0 !important;
}

.container-default {
	width: 1100px !important;
	padding: 0 !important;
}

.container-narrow {
	width: 1100px !important;
	padding: 0 1 !important;
}

.container-top-menu {
	width: 1205px !important;
	padding: 0 0 !important;
}

.container-fluid {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.header-ppb-row {
	height: 80px;
	padding: 29px 24px 12px 24px;
	background-color: white;
	margin-top: 20px;
}

body#ppb {
	overflow-x: auto;
}

.ppb-body {
	background-color: white;
	padding-right: 16px;
	padding-left: 16px;
	margin-bottom: 24px;
}

form#login input {
	height: 41px;
}

form#login div.form-group {
	margin-bottom: 10px;
}

form#login label.control-label {
	color: white;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}

form#login a {
	color: white;
	font-size: 14px;
	font-weight: normal;
}

form#login>fieldset>h4 {
	margin-bottom: 10px;
	font-size: 18px;
	color: white;
}

form#login>fieldset>hr {
	margin: 14px -12px;
	border-width: 2px 0 0;	
}

#login a.login-link:before {
	content: "\e092";
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: normal;
	font-size: 80%;
	margin: 0 10px 0 0;
	padding-top: 2px;
}

h5.panelheader, h4.panelheader {
	margin: 0px !important;
}

#ppb h4 {
	line-height: 22px;
	margin: 1px 0px 26px 0px;
	font-family: Lufthansa Office Head, Arial;
	font-weight: bold;
}

#ppb h5, #ppb h6 {
	font-family: Lufthansa Office Text, Arial, sans-serif;
	font-weight: bold;
}

#ppb h4, #ppb h5, #ppb h6 {
	color: #05164d;
	font-weight: bold;
}

#loginBox>h4 {
	color: #ffffff;
}

#ppb .panel {
	margin-top: 0px;
	margin-bottom: 3px;
}

.borderPrimaryColor {	
	border: 15px solid #d6e2e8;	
}

.borderPrimaryDarkColor {	
	border: 15px solid #4d7b93;	
}

.tableHeaderWithSpecificBackgroundColorAndBorder {
	font-weight: bold;
	background-color: white;
	border: 15px solid #d6e2e8;	
}

div.teaser.teaser-wide {
	width: 532px;
	border-bottom: 1px solid !important;
	border-color: #cccccc !important;
}

div.teaser.teaser-wide > img {
	height: 222px;	
}

div.teaser {
	width: 350px;
	background-color: #ffffff;	
	border-bottom: 1px solid !important;
	border-color: #cccccc !important;
}

div.startpage-teaserboxes div.teaser {	
	border-bottom: none !important;
}

div.teaser > img {
	height: 139px;
}

div.teaser.panel {
	border: 0;
	margin-bottom: 3px;
	margin-top: 0px !important;
	display: flex;
	flex-direction: column;
}

div.teaser-panel-content {
	flex: auto;
	overflow: hidden;	
}

div#postbox-teaser.teaser-panel-content {
	margin-left: -16px;
	margin-right: -16px;
}

div#postbox-teaser.teaser-panel-content TH {
	padding-left: 8px;	
}

div.teaserboxes div.teaser.panel.teaser-wide:not(:nth-child(2n + 1)) {
	margin-left: 36px;
}

div.teaserboxes div.teaser.panel:not(.teaser-wide ):not(:nth-child(3n + 1)) {
	margin-left: 25px;
}

div.teaserboxes {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: stretch; /* Safari 7.0+ */
	margin: 3px 0px 0px 0px;
	flex-wrap: wrap;
	background-color: white;	
}

p.teaser {
	font-size: 14px;
	line-height: 19px;
	font-type: Arial, sans-serif;
	color: #333333;
	margin: 16px 16px 36px 16px;
}

.teaser-links-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0px 16px 10px 16px;
}

.teaser-link {
	display: inline-block;
	flex-grow: 1;
	width: 100%;
	margin: 0px 0px 3px 0px;
	font-weight: bold;
}

h4.teaser {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #05164d;
	margin: 16px 16px 16px 16px !important;
}

a.header.primary {
	font-weight: bold;
	font-style: normal;
	color: white;
}

a.quicklink.active, a.ppb.active, a.link.active, ol.breadcrumb > li.active > a {
	/* if we need to highlight breadcrumb active element: , ol.breadcrumb > li.active > a { */
	font-weight: bold;	
}

a.ppb {
	font-weight: bold;
}

a.ppb.disabled, a.link.disabled {
	color: #666666;
}

a.quicklink:before, a.ppb:before, a.link:before, button.btn-link:before	{
	background-image: url('../graphics/arrow-next.png');
	background-size: 8px 15px;
	background-repeat: no-repeat;
    display: inline-block;
    width: 8px; 
    height: 15px;
    content:"";	    
    margin: 0 10px -2px 0;    
}


a.dropdown-subMenuItem:before {
	background-image: url('../graphics/arrow-next.png');
	background-size: 5px 10px;
	background-repeat: no-repeat;
    display: inline-block;
    width: 5px; 
    height: 10px;
    content:"";	    
    margin: 0 5px 0 0;    
}

a.ppb.tac:before, a.link.tac:before {
	top: 3px;
	margin: 0 6px -3px 0;
}

a.mail, a.mail:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #05164d;
}

a.ppb-no-arrow {
	font-weight: bold;
	font-style: normal;
}

/* .item, */
/* .active, */
/* .carousel-inner { */
/*     height: 400px; */
/* } */

/* Background images are set within the HTML using inline CSS, not here */
.fill {		
	height: 672px;
	background-position: center;	
	background-size: cover;		
	background-repeat: no-repeat;	
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

nav.navbar-lsy ul.nav li {
	font-size: 14px;	
}

nav.navbar-lsy div.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

nav.navbar-lsy ul.navbar-right {
	padding-left: 0;
	padding-right: 26px;
}

/* navbar default bootstrap override */
.navbar-default.navbar-lsy {
	background-image: none;
	box-shadow: none;
	margin-bottom: 0px;
}

.navbar-default.navbar-lsy-footer {
	color: #333333;
	border: none;
	background-color: #ffffff;
	background-image: none;
	box-shadow: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	padding: 0px 0px;
}

.navbar-default.navbar-lsy-footer-partners {
	color: #333333;
	border: none;
	font-weight: bold;
	background-color: #fff;
	background-image: none;
	box-shadow: none;
	margin: 0px;
	padding: 20px 45px 20px 0px;
	min-height: 80px;
}

.nav-tabs>li>a {
	border-radius: 0 0 0 0 !important;
}

.nav-tabs>li>a:hover {
	color: white !important;
}

/* END navbar default bootstrap override */

/* footer */
#footer-links span:first-child {	
	margin: 0px 0px 0px -28px;
}

#footer-links a {
	color: #333333;
	font-family: Lufthansa Office Text, Arial;
	font-size: 14px;
	margin: 0px 30px 0px 30px;
}

footer.footer {
	margin-top: 30px;
}


#footer-separator {
	border-width: 2px;
}

.footerNoGuarantee {
	color: #05164d;
	font-size: 10px;
	font-weight: bold;
}

/* END footer */

/* stage module */
#maincarousel.carousel-lsy,
.key-visual {
	width: 100%; 
	position: absolute;
	top: 0px;
	left: 0px; 
	height: 672px;
	z-index: -10;
}

/* END stage module */


.starter-template {
	padding: 40px 15px;
	text-align: center;
}

.panel {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;	
}

#stage-navigation-tabs li.active a {
	background: #4d7b93 none repeat scroll 0 0;
	color: white;
}

#stage-navigation-tabs li a {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	border-bottom: 0px !important;
	background: #d6e2e8 none repeat scroll 0 0;
	color: #05164d;
	font-family: Lufthansa Office Head, Arial;
	font-size: 18px;
	font-weight: bold;
}

#stage-navigation-tabs li a:hover {
	background: #4d7b93 none repeat scroll 0 0;
	color: white;	
}

#stage-tab-contents div {
	background: #4d7b93 none repeat scroll 0 0;
	color: white;
	padding: 30px;
	min-height: 132px;
	font-size: 16px;
	line-height: 24px;
	font-family: Lufthansa Office Text, Arial;
}

div.tab-pane>p {
	margin-bottom: 0px;
}

.overlap {
	min-height: 170px;
	margin: 0px 0px 30px 0px;
}

/* MENU STYLES */
.mega-dropdown {
	position: static !important;	
}

.mega-dropdown .dropdown-subMenuItem {
	font-size: 13px;
}

.mega-dropdown a:hover {
	text-decoration: underline !important;	
}

.dropdown-menu.mega-dropdown-menu {
	border: 0px solid transparent !important;	
	border-radius: 0px !important;	
	margin-top: 15px !important;
	margin-left: -1px !important;
	padding: 12px 19px 20px 19px;	
	width: 1205px;
	-webkit-box-shadow: none;	
}

ul.mega-dropdown-menu>li {
	float: left;
	margin: 10px 6px 0px 0px;	
}

.mega-dropdown-menu>li>ul {
	padding: 0px;
	margin-right: 19px;
	width: 178px;
}

.mega-dropdown-menu>li>ul>li {
	list-style: none;
	overflow-x: hidden;
}

.mega-dropdown-menu>li>ul>li>img, .backToAccountOverview {
	margin-bottom: 24px;		
}

.mega-dropdown-menu-img {
	width: 178px;
	height: auto;
}

.mega-dropdown-menu>li>ul>li>a.dropdown-header {
	display: block;
	color: #05164d;
	padding: 3px 0px;
	font-size: 13px;
	white-space: normal;
}

.mega-dropdown-menu>li ul>li>a:hover, .mega-dropdown-menu>li ul>li>a:focus {
	text-decoration: underline;
}

a.dropdown-header {
	margin-bottom: 15px;
}

.mega-dropdown-menu .dropdown-header {
	font-size: 13px;
	color: #000000;
	padding: 5px 60px 0px 5px;
	line-height: 20px;
	font-weight: bold;
}

ul.dropdown-menu.mega-dropdown-menu>li>ul>li>a>img {
	margin-bottom: 15px;
}

/* END OF MENU STYLES */

/* LOGIN-BOX/STATUS-BOX PANEL (FOR COMPANY BOX) */
.panel-login-box {
	width: 296px;
	min-height: 335px;
	/*	z-index: 1;  to avoid collision with side panel */
	margin: 35px -15px 0px 15px !important;
	padding: 17px 17px 17px 17px !important;
	float: right;
	position: relative;
	background: none;
	background-color: rgba(77, 123, 147, 1.0) !important;	
}

.panel-status-box {
	width: 296px;
	min-height: 335px;
	/*	z-index: 1;  to avoid collision with side panel */
	margin: 35px 0px 12px 15px !important;
	padding: 17px 17px 17px 17px !important;
	float: right;
	position: relative;
	background: none;
	background-color: rgba(214, 226, 232, 0.8)  !important;
}

.panel-default>.panel-heading {
	background-color: #4d7b93 !important;
	background-repeat: none !important;
	background-image: none !important;
	color: #fff !important;
}

.panel-heading label {
	margin-bottom: 0px;
}

.panel-heading {
	font-family: Lufthansa Office Head, Arial;	
    padding: 7px 15px 3px 15px !important;
}

.panel-primary, 
.panel-default,
.panel-heading {
	border: none !important;	
}

div.noshadow {
	box-shadow: none !important;
}

.panel-default>.panel-heading,
.panel-primary>.panel-heading {
	font-weight: bold !important;
	font-size: 18px !important;
	margin-top: 16px;
}

.panel-primary>.panel-heading a {
	color: white;
}

.panel-primary>.panel-body {
	background-color: #d6e2e8 !important;
	font-color: #ffffff;
}

h5.panelheader>span.navbar-right {
	margin-right: 0px;
}

div.panel-body p:last-child {
	margin-bottom: 0;
}

div.panel-body #callbackServiceForm, div.panel-body #callbackServiceForm1 {
	margin-bottom: 10px;
}

div.panel-body #noAccountAndAdvantages {
	background-color: white;
	color: #05164d;
	font-size: 14px;
	font-weight: normal;	
	margin: 0px -17px -17px -17px;	
}

div.panel-body #noAccountAndAdvantages>hr {
	border-color: #333333 !important;
	margin: 10px 18px 15px 18px;	
}

#noAccountAndAdvantages .arrow-next {	
	width: 8px;
	height: 15px;	
	float: right;
	margin-right: 17px;
} 

div.panel-body #noAccountPart {
	margin-top: 5px;
	padding-top: 18px;	
	padding-left: 18px;
}

div.panel-body #noAccountPart>a {
	color: #05164d;
	font-size: 14px;
	font-weight: bold;	
	margin: 10px 10px 15px 0px;		
}

div.panel-body #lostPasswordBox {
	color: white;
}

div.panel-body #advantagesPart {
	padding-bottom: 14px;
	padding-left: 18px;
}

div.panel-body #advantagesPart>a {	
	color: #05164d;	
	font-weight: bold;
}

#callbackServiceForm-popup label.control-label, #callbackServiceForm-body label.control-label {
  white-space: nowrap;
}

#callbackServiceForm-body .row {
	background-color: #d6e2e8;
	color: #05164d;
	border: 15px solid #d6e2e8;
}

#callbackServiceForm-body h4 {
	background-color: #4d7b93;
	color: white;
	border: 10px solid #4d7b93;
	margin: -30px -30px 15px -30px;	
}

#callbackServiceForm-body .col-md-12 {
	margin-top: 15px !important;
}

#callbackServiceForm-popup h4 {
	margin-bottom: 10px !important;
}

.callback-thank-you-title {
	margin-bottom: 26px;
	margin-top: -10px;
	font-weight: bold;
}

.callback-thank-you-footer {
	font-size: 10px;
	margin-top: 45px;
}

.navbar-nav>li>a.callback-menu-icon {
	margin-right: 10px;
	background: url("../graphics/telephone.png") 100% no-repeat;
	background-color: white;
	width: 16px;
	height: 25px;
}

#callback-panel {
	top: 3%;
}

#callback-panel>div.modal-dialog {
	width: 938px;
	color: #05164d;
	font-weight: bold;
}

#callback-panel div.modal-header>h4 {
	margin: 0;
	color: white;
}

#callback-panel div.modal-header {
	background-color: #4d7b93;	
}

#callback-panel .checkbox label, #confirmation-panel .checkbox label {
	color: #05164d;
	font-weight: bold;
}

#callback-panel div.has-error .checkbox label, #confirmation-panel div.has-error .checkbox label {
	color: #a94442;
}

#callback-panel small {
	color: #05164d !important;
}

#confirmation-panel .form-group:first-child, #confirmation-panel span.errorMessage:first-child + div.form-group {
	margin-top: 0px;
	margin-bottom: 0px;
}

#confirmation-panel .form-group:not(first-child) {
	margin-top: 15px;
	margin-bottom: 0px;
}

.text-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

.equal-height {
	display: flex;
	flex-wrap: wrap;
}

.equal-height>div[class*='col-'] {
	display: flex;
	flex-direction: column;
}

.status-box-separator {
	margin: 14px -12px;
	border-width: 2px 0 0;
}

#loginAndLostPasswordLine>div.col-md-5 {
	padding-right: 0px;
}

#loginAndLostPasswordLine>div.col-md-7 {
	padding-left: 5px;
}

/* END OF TRANSPARENT PANEL (FOR COMPANY BOX) */

/*Start Wizard*/
/* Used in registration Form */
.stepwizard-step p {
	margin-top: 10px;
}

.stepwizard-row {
	display: table-row;
}

.stepwizard {
	display: table;
	position: relative;
	margin-bottom: 20px;
}

.stepwizard-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity = 100) !important;
}

.stepwizard-row:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 1040px;
	height: 1px;
	background-color: #ccc;
	z-order: 0;
}

.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
	width: 17%;
}

.btn-circle {
	width: 33px !important;
	height: 30px !important;
	text-align: center !important;
	padding: 6px 0 !important;
	font-size: 12px !important;
	line-height: 1.428571429 !important;
	border-radius: 15px !important;
}

.nextBtn, .prevBtn {
	margin-top: 16px;
}

.btnMrgnTop16 {
	margin-top: 16px;
}

.btn {
	padding: 7px 12px 5px 12px !important;
}

.btn-default {
    color: #05164d !important;
    background-color: #fff !important;
    border-color: #05164d !important;
    margin-bottom: 10px !important; 
    margin-right: 10px !important;
}

.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open>.dropdown-toggle.btn-default {        
    color: #fff !important; 
    background-color: #05164d !important;
    border-color: #05164d !important; 
}

.btn-primary {
    color: #05164d !important;
    background-color: white !important;
    border-color: #05164d !important;
    margin-bottom: 10px !important;
    margin-right: 10px !important; 
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open>.dropdown-toggle.btn-primary {        
	color: white !important; 
    background-color: #05164d !important;
    border-color: #05164d !important; 
}

.btn-success {
	color: #fff !important;
    background-color: #05164d !important;
    border-color: #05164d !important;
	margin-bottom: 10px !important;
    margin-right: 10px !important;
}

.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open>.dropdown-toggle.btn-success {
	color: #05164d !important;
    background-color: #fff !important;
    border-color: #05164d !important;
}

.stepwizard-step .btn-primary,
.stepwizard-step .btn-default:hover, 
.stepwizard-step .btn-default:focus, 
.stepwizard-step .btn-default:active, 
.stepwizard-step .btn-default.active {
	color: white !important; 
    background-color: #4d7b93 !important;
    border-color: #4d7b93 !important; 
}

.stepwizard-step .btn-circle {
	border-color: #4d7b93 !important;
}

/*End Wizard*/

/* side panel for contact panel */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus {
	color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}
/* END side panel for contact panel */

/* breadcrumb */
ol.breadcrumb {
	margin-top: 15px;
	padding-left: 25px;
	position: absolute;
	float: left;
}

ol.breadcrumb>li>a {
	font-size: 12px;
}

ol.breadcrumb>li>a:hover {
	text-decoration: underline;
}

/* END breadcrumb */

/* general handling of html SELECT tag */

select {
  	/* for Firefox */
  	-moz-appearance: none;
  	/* for Chrome */
  	-webkit-appearance: none; 
  	
  	border: 1px solid #05164d;
	border-radius: 4px;
	padding: 4px 20px 2px 7px !important;
	/* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  	background: url("../graphics/select_down.png") 98.5% no-repeat !important; /* Better placement regardless of input width */
  	background: url("../graphics/select_down.png") no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
  	background-color: white !important;
  	text-overflow: ellipsis;
}

/* For IE10 */
select::-ms-expand {
  	display: none;
}

/* END general handling of html SELECT tag */

/* language selector */
.language-selector {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	/*height: 356px;*/
	width: 340px;
	padding: 20px !important;
	line-height: 20px;
	padding-bottom: 7.5px;
	padding-top: 7.5px;
	color: white;
}

.language-selector-current-language {
	color: #05164d;
	font-weight: bold;
	margin-right: 7px;
}

.language-selector-arrow {
	color: #05164d;
}

.dropdown-narrow {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

#language-selector-panel {
	color: black;
	font-size: 16px;
}

#platform,
#language {
	font-weight: bold;
}

#language-selector-panel select {
  	/* for Firefox */
  	-moz-appearance: none;
  	/* for Chrome */
  	-webkit-appearance: none; 
  	
  	border: 1px solid #05164d;
	border-radius: 4px;
	padding: 4px 20px 2px 7px !important;
	/* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  	background: url("../graphics/select_down.png") 98.5% no-repeat !important; /* Better placement regardless of input width */
  	background: url("../graphics/select_down.png") no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
  	background-color: white !important;
  	text-overflow: ellipsis;
}

#language-selector-panel .form-group {
	margin-right: 20px;
}

/* END language selector */

/* Common benefit style css */
.partner-image-label {
	font-family: Lufthansa Office Head, Arial !important;
	font-weight: bold !important;
	padding-left: 18px;
	margin: 27px 0 14px 0;
}

div.partner-images a:not(:nth-child(6n + 6)) img.partner-image {
	margin-right: 2px;
}

img.partner-image {
	margin: 0px 0px 2px 0px;
}

.partner-image-link {
	margin: 0px;
	width: 220px;
	height: auto;
	float: left;
}

#lufthansa-services {
	margin-top: 15px !important;
}

#servicesCollapsibleContainer {
	background-color: white !important;
}

#benefitPartner {
	margin-top: -15px !important;
}

div.panel-primary>.panel-heading a[data-toggle=collapse]:after {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';
	/* essential for enabling glyphicon */
	content: "\e259"; /* adjust as needed, taken from bootstrap.css */
	float: right; /* adjust as needed */
}

div.panel-primary>.panel-heading a[data-toggle=collapse].collapsed:after {	
	/* symbol for "collapsed" panels */
	content: "\e260"; /* adjust as needed, taken from bootstrap.css */
}

div.panel-default>.panel-heading a[data-toggle=collapse]:after {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';
	/* essential for enabling glyphicon */
	content: "\e259"; /* adjust as needed, taken from bootstrap.css */
	float: right; /* adjust as needed */
	color: white;
}

div.panel-default>.panel-heading a[data-toggle=collapse].collapsed:after
	{
	/* symbol for "collapsed" panels */
	content: "\e260"; /* adjust as needed, taken from bootstrap.css */
}

/* 3rd level menu box */
.quick-links-menu-box.horizontal {
	display: flex;
	float: none;
	margin: -26px 0 5px 0;
	min-width: 100%;
}

.quick-links-menu-box {
	float: right;
	clear: right;
	margin: 0 0 30px 30px;
	padding: 5px;
	min-width: 150px;
}

.quick-links-menu-box>div {
	margin: 0 25px 5px 0;
}
/* END 3rd level menu box */

/* Component 5.9 content box */
img.content-image {
	margin: 0px 26px 16px 16px;
	float: left;
}

/* END Component 5.9 content box */

/* flight manager mashup container */
img.content-image-flight-manager {
	margin: 0px;
	float: left;
	width: 250px;
	height: 250px;
}

#flightManagerImage.col-md-3 {
	padding-left: 0px;
	padding-right: 0px;
}

#ui-datepicker-div.ui-datepicker {
    background-color: #FFFFFF !important;
    width: 312px !important;
    border: 1px solid #071D49 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    display: none;
    font-family: LufthansaTextWebBETA_REG,Arial;
    margin: 0;
}

.ui-datepicker-title {
	width: 79% !important;
}

#pp_fb_originName,
#pp_fb_destinationName,
#fm_frame {
	background-color: white !important;
}

.flightManagerText {
	color: #05164d; 	
	padding-left: 15px; 
	padding-right: 15px;	
}

.flightManagerText.lhDotComHintInRed {
	color: red;
}

.flightManagerText.flightManagerIntroduction {
	margin-top: -10px;
}

/* END flight manager mashup container */

/* ticket input page */
.div-bg-ticket-img {
	background-image: url("../graphics/ticket_img.png");
	background-size: 100% 100%;
}

#boardingPassName .justify-content-md-center {
	 height: 185px;
}

#boardingPass div {
	color: #05164d;
}

#boardingPass.row {
	width: 1000px;
}

#boardingPass .boardingPassLabel {
	padding-left: 0px;
	padding-right: 0px;
}

/* END ticket input page */

/* 5.4 points balance banner */
.points-balance-banner {
	padding: 45px 0px;
	background-color: #4d7b93;
	color: white;
	font-size: 65px;
	font-family: Lufthansa Office Text, Arial;
	font-weight: bold;
	margin-bottom: 53px;
}

/* END 5.4 points balance banner */

/* 5.3 points balance banner */
.postbox-box-messages {
	padding: 0px 16px;
}

/* 5.3 points balance banner */

/* Terms and conditions styles (used in tac.xsl) */
#tacPanel {
	font-size: 14px;	
}

#tacPanel h5 {
	color: #333333;
}

#tacPanel a {
	font-weight: bold;
}

.tacTocLevel1 a, .tacTocLevel2 a, .tacTocLevel3 a, .tacTocLevel4 a {
	color: #333333;
	font-size: 14px;
}

.tacTocLevel1 {
	font-weight: bold;
	margin: 10px 0 10px 15px;
}

.tacTocLevel2 {
	margin: 0 0 0 30px;
}

.tacTocLevel3 {
	margin: 0 0 0 45px;
}

.tacTocLevel4 {
	margin: 0 0 0 60px;
}

.tacHeader1 {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 10px;
}

.tacHeader2 {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 10px;
}

.tacHeader3 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
}

.tacHeader4 {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 10px;
}

.tacContent a {
	font-size: 14px;
}

.tacContent, .tacListEnum, .tacListContent {
	font-size: 14px;
	margin: 0 0 10px;
}

.tacSpacer {
	margin-bottom: 30px;
}

th.elements {	
	color: #05164d;		
}

td.elements {	
	color: #05164d;		
}

td.firstElementDark {
	color: #05164d;
	font-weight: bold;
}

/* END Terms and conditions styles (used in tac.xsl) */

/* SERVICE MENU NAVIGATION */
nav#serviceMenuNavigation {
	border: 0px solid transparent;
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 10px 0 5px 0;
}

#serviceMenuNavigation li {
	border-right: 1px solid #05164d;
}

#serviceMenuNavigation li>a {
	line-height: 15px;
	padding: 3px 10px;
	margin-bottom: 0px;
	color: #05164d;
}

#serviceMenuNavigation li>a:hover {
	text-decoration: underline;	
}

#serviceMenuNavigation #serviceMenuNavbar {
	padding: 0;
}

#serviceMenuNavbar>ul>li.active>a {
	font-weight: bold;
	background: none;
}
/* END SERVICE MENU NAVIGATION */

/* Bootstrap plugin bug fixes */
/* the bootstrap plugin displays the error message (at least) for checkboxes twice: once before the element, once after */
/* that's why we simply hide the first one */
span.errorMessage {
	display: none;
}

/* help block doesn't have padding in default bootsrap css */
span.help-block {
	padding: 5px 10px;
}

span.alert-danger {
	border: 1px solid #ebccd1;
}

div.alert {
	overflow: hidden;
	margin-top: 12px;
}

/* END Bootstrap plugin bug fixes */

/* accordion (on premiums page) */
#accordion .panel-heading label {
	font-size: 17px;
	font-weight: bold;
	color: white;
}

/* END accordion (on premiums page) */
table.simplePaddedTable {
	width: 100%;
}

table.simplePaddedTable td:first-child {
	padding-left: 0px;
}

table.simplePaddedTable td:last-child {
	padding-right: 0px;
}

table.simplePaddedTable td {
	padding: 8px;
}

table.ppb thead tr th {
	background-color: #4d7b93;
	border-color: #ffffff;
	color: #ffffff;
	vertical-align: top;
}

table.table>thead>tr.active, table.table>thead>tr.active>th {
	background-color: #ffffff;
	color: #05164d;
}

table.table-condensed div.radio, table.table-condensed div.form-group {
	margin: 0;
}

div.panel-primary>div.panel-body>hr {
	border-color: #333333 -moz-use-text-color -moz-use-text-color !important;	
}

hr {
	color: #cccccc;
	border-top: 1px solid !important;
}	

div.panel-body>ul>li {
	line-height: 29px;
}

.alert-success-info {
	background-color: #05164d;
	border-color: #152148;
	color: #fff;
}

.read-only-field-label {
	font-weight: normal;
}

.blue-bold-heading {
	color: #05164d !important;
	font-weight: bold;
}

table.table.callcenter-result {	
	font-size: 10px;
}

table.table.callcenter-result-big {
	font-size: 13px;
}

/* promotions styles */
.functionBox {
	display: flex;
	justify-content: space-around;
}

/* promotions styles */
.pointer {
	cursor: pointer;
}

div.teaser.awards-teaserboxes {
	width: 535px;		
	margin-bottom: 20px !important;
	margin-left: 0px !important;
	overflow: hidden;
}

div.awards-points-balance-banner {
	height: 180px;
	padding: 50px 0px 20px 0px;
	background-color: #4d7b93;
	color: white;
	font-size: 65px;
	font-family: Lufthansa Office Head, Arial;
	font-weight: bold;	
}

div.awards-points-text {
	padding: 20px;
	background-color: #d6e2e8;
	color: #05164d;
	font-family: Lufthansa Office Text, Arial;
	font-weight: bold;
	height: 180px;
}

div.awards-points-text>p {
	margin-bottom: 12px;
}

img.country-flag {
	 margin: -6px 10px -5px 0px;
}

#ppb .dl-horizontal dt {
    width: 200px;
}

#ppb .dl-horizontal dd {
    margin-left: 220px;
}

/* SIXT Voucher special table formats */

ul#sixt-voucher table {
	margin: 12px 0px 16px 0px;
}

ul#sixt-voucher table th {
	background-color: #4d7b93;
    color: #fff;
    font-weight: bold;
    min-width: 45px;
    padding: 5px 12px;
}

ul#sixt-voucher table td {
    padding: 5px 12px;
    background-color: #d6e2e8;
    color: #05164d;
}
/* END SIXT Voucher special table formats */

.error {
	border-color: #d9534f;
}

/* COOKIE POLICY PANEL */

#cookiePolicyPanel {
	position: fixed; 
	bottom: 0; 
	width: 100%;
	margin-bottom: 0;
	background-color: #b3b3b3;
	color: #fff;
	opacity: .95;
}

#cookiePolicyPanel div.container {	
	font-size: 12px;
	width: 1100px;
}

#cookiePolicyPanel div.container > a {
	margin-left: 12px;
}

#cookiePolicyPanel button {
	opacity: 1 !important;
	top: -3px;
	right: 5px;
}

#cookiePolicyPanel button span {
	font-size: 22px;
	color: white;
}

/* END COOKIE POLICY PANEL */

.imgws {
	width:45px; 
	margin-right:10px;
}

/* Increase font-size of headline on some pages */
.increasedFontSizeHeadline {
	font-size: 16px;
}

.deepBlueColorBold {
	color: #05164d;
    font-weight: bold;
    margin-bottom: 15px !important;
}

.tableItemSelectedDark {
	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;	
	border-right-width: 4px !important;
}

.tableItemSelectedLight {
	text-align: center;
	background-color: #b4c8d3;
	color: #000;
	font-size: 16px;
	font-weight: bold;	
	vertical-align: middle !important;
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	margin-right: 2px;
	border-right-width: 4px !important;	
}

.immediateFileInputMarker INPUT {
	width: 860px;
}

.cn_point_matrix {
	font-size: 13px;
}

/* FlightManager Date Picker Start */
#ui-datepicker-div.customdatepicker{
	background-color: #FFFFFF !important;
    width: 312px !important;
    border: 1px solid #071D49 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    display: none;
    font-family: LufthansaTextWebBETA_REG,Arial;
    margin: 0;
    position:absolute !important;
    left:inherits;
    top:inherits;
}

.customdatepicker .ui-datepicker-title {
	width: 79% !important;
    margin-top: 0;
}

.customdatepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.customdatepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

.customdatepicker .ui-datepicker-prev,
.customdatepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.customdatepicker .ui-datepicker-prev-hover,
.customdatepicker .ui-datepicker-next-hover {
	top: 1px;
}

.customdatepicker .ui-datepicker-prev {
	left: 2px;
}

.customdatepicker .ui-datepicker-next {
	right: 2px;
}

.customdatepicker .ui-datepicker-prev-hover {
	left: 1px;
}

.customdatepicker .ui-datepicker-next-hover {
	right: 1px;
}

.customdatepicker .ui-datepicker-prev span,
.customdatepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
/* FlightManager Date Picker End */

.footer-padding-bottom {
	padding-bottom: 35px;
}

.add-left-padding-7px {
	padding-left: 7px;
}