/** additional styles **/
/**To fit the logo with in the size**/
.ducp-component-header .spark-header__title.is-image {
  padding: calc(1.1rem - 13px) 1.5rem 2rem !important;
}
 
.spark-header__menu[role="menu"]{
  flex: 1!important;
}

@media screen and (max-width: 320px) {
  .ducp-component-link.spark-header__title.is-image.logo > img {
    width: 200px;
  }
}
/**END - To fit the logo with in the size**/

html .progress-background, html body {
  background: #4b0c62 url(../images/bg.jpg) repeat top center!important;
}

/** Need to move below to SCSS variables once these are exposed / SCSS complilations start working */
/**Bread Crumbs**/
  .spark-step-indicator__item--current:after,
  .spark-step-indicator__item--current:before {
    border-right: #faaf3b !important;
    border-left: #faaf3b !important;
    background-color: #faaf3b !important;
  }

  .spark-step-indicator__item--current:before {
    border-top: #faaf3b !important;
  }

  .spark-step-indicator__item--current:after {
    border-bottom: #faaf3b !important;
  }

  .spark-progress__meter:after {
    background-color: #662D90 !important;
}

.spark-progress__text,
 .initial-progress-indicator .page-loading-message,
 .ducp-component-button.text-button:not(.additional-options-btn),
 .ducp-component-button.text-button:not(.additional-options-btn):hover,
 .sabre-dx-component-check-in-confirmation .flight-summary-title,
 .spark-progress progress[value]~.spark-progress__text,
 .sabre-dx-component-check-in-passenger-list .missing-documents-message .content:not(.title),
 .Hazmat .hazmat-title,
 .sabre-dx-component-check-in-passenger-list .non-checkin-passengers-header {
    color: #fff;
}
.ducp-component-toolbar .toolbar-item .tool-bar-item-text {
	color: #662D90;
}

[dir] .spark-header.spark-header--visible .spark-menu>.spark-menu__list>.spark-menu__list-item:after {
  display: none;
}

[dir] .spark-header.spark-header--visible .spark-menu>.spark-menu__list>.spark-menu__list-item.active>.spark-menu__list-link {
  background-color: transparent;
  color: #fff;
  border-color: #662D90;
}

/**END - Bread Crumbs**/

/** END - Need to move below to SCSS variables once these are exposed / SCSS complilations start working */

/**Logo in mobile BP**/
.ListGroupItemHeader.spark-panel__header.flight-header:before {
  background-image: url(../images/mobileBpLogo.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 64px;
  background-color: #662D90;
  content: '';
  display: block;
  margin: -12px -12px 12px -12px;
}
/**END Logo in mobile BP**/

/**Image in the loader**/
.spark-progress__meter:before {
    background: url(https://www.gstatic.com/flights/airline_logos/70px/K6.png) no-repeat center center;
}
/** END - Image in the loader**/

/** fix for centre content alignment w.r.t. footer (start) **/
.layout .ducp-page {
  padding-bottom: 18rem !important;
}
/** fix for centre content alignment w.r.t. footer (end) **/

[dir] .sabre-dx-component-check-in-lookup .lookup-container .lookup-options .additional-options .additional-options-btn {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
}