/********removing the passenger details from itinerary(start) ********/
.sabre-dx-component-check-in-itinerary >
.ducp-component-list-group >
.ListGroupItem >
.ListGroupItemHeader +
.ListGroupItemContent {
    display: none !important;
}
/********removing the passenger details from itinerary(end) ********/

/***********Hide and Show button color (Start)*******/
.sabre-dx-component-check-in-summary-bar .summary-toggle .ducp-component-button {
    color: #000 !important;
}
/***********Hide and Show button color (End)*******/
/**********Adding airline logo between orgin and destination in hide/show (Start)**********/
.flight-number.ducp-component-flight-number img {
    height:0;
}

img+span+span.flight-name-main:before {
    content:'';
    display:block;
    height:35px;
    width:35px;
    background: transparent url(../images/SL.png) no-repeat center/35px;
    margin:auto;
}
/**********Adding airline logo between orgin and destination in hide/show (End)**********/

/******** Adding Background image (start) *****/
html .progress-background, html body {
    /*background: transparent url(../images/bg.jpg) bottom/cover no-repeat;*/
}
/******** Adding Background image (End) *****/

/********* header menu and gear icon color (start) *******/
.ducp-component-header .spark-header__language .spark-menu__list-link:hover,
.ducp-component-header .spark-header__language .spark-menu__list-link,
.ducp-component-header .spark-menu__list-link {
    color: #ee3524 !important;
}
/********* header menu and gear icon color (end) *******/

/********* Footer link color (start) *******/
.spark-footer__list-link {
    color: #fff !important;
}
/********* Footer link color (end) *******/

/********** Flag for respective lang (start) **********/
#language-header {
    color: #000000 !important;
    text-shadow: none;
}

#language-header + ul > li .spark-icon-check {
    margin-left: -46px;
    margin-right: 46px;
}

#language-header + ul > li > .language-item {
    padding-left: 34px;
}

#language-header + ul > li:nth-child(1) {
    background: transparent url(../images/usa.png) no-repeat 47px/20px;
}

#language-header + ul > li:nth-child(2) {
    background: transparent url(../images/thl.png) no-repeat 47px/20px;
}
/********** Flag for respective lang (end) **********/

/************ Page Title colors (start) **************/
.ducp-component-page-title h1, .Hazmat .hazmat-title, .sabre-dx-component-check-in-lookup .page-sub-heading {
    color: black !important;
    text-shadow: 2px 2px 2px #fff;
}
/************ Page Title colors (End) **************/
/********** Loader Styles (start) **********/

.ProgressIndicator span {
    display: none;
}

.ProgressIndicator>progress {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 11px solid #dc2926 !important;
    border-radius: 50%;
    border-top: 11px solid #eee !important;
    width: 243px;
    height: 243px;
    -webkit-animation: odspin 1s linear infinite;
    animation: odspin 1s linear infinite;
    background-color: transparent;
}

.ProgressIndicator {
    background: transparent url(../images/thailion-favi.png) no-repeat center/192px;
    display: block;
    height: 243px;
    width: 243px;
}

/* Safari */

@-webkit-keyframes odspin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes odspin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/**************destination based image start  image dimesions should be 2592x1944 and the image should be XXX.JPG where XXX is airport name and put the image in routes folder inside images in assets***************************/

body[data-destination=DMK] {

  /*background: transparent url("../images/routes/DMK.jpg") bottom/cover no-repeat;*/

}

body[data-destination=CNX] {

  /*background: transparent url("../images/routes/CNX.jpg") bottom/cover no-repeat;*/

}

body[data-destination=CEI] {

  /*background: transparent url("../images/routes/CEI.jpg") bottom/cover no-repeat;*/

}

body[data-destination=PHS] {

  /*background: transparent url("../images/routes/PHS.jpg") bottom/cover no-repeat;*/

}

body[data-destination=UBP] {

  /*background: transparent url("../images/routes/UBP.jpg") bottom/cover no-repeat;*/

}

body[data-destination=UTH] {

  /*background: transparent url("../images/routes/UTH.jpg") bottom/cover no-repeat;*/

}

body[data-destination=KKC] {

  /*background: transparent url("../images/routes/KKC.jpg") bottom/cover no-repeat;*/

}

body[data-destination=HDY] {

  /*background: transparent url("../images/routes/HDY.jpg") bottom/cover no-repeat;*/

}

body[data-destination=KBV] {

  /*background: transparent url("../images/routes/KBV.jpg") bottom/cover no-repeat;*/

}

body[data-destination=URT] {

  /*background: transparent url("../images/routes/URT.jpg") bottom/cover no-repeat;*/

}

body[data-destination=HKT] {

  /*background: transparent url("../images/routes/HKT.jpg") bottom/cover no-repeat;*/

}

body[data-destination=NST] {

  /*background: transparent url("../images/routes/NST.jpg") bottom/cover no-repeat;*/

}

body[data-destination=UTP] {

  /*background: transparent url("../images/routes/UTP.jpg") bottom/cover no-repeat;*/

}

/*End destination background*/

/*Start Add Header Mobile Boarding Pass*/

.ListGroupItem.spark-panel.boarding-pass:before {
    /* content: url(https://s3-ap-southeast-1.amazonaws.com/thailionair.com/WebUpload/header_MBP.jpg); */
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0;
    top: 0;
    background: url(https://dej5dgk6v2ulk.cloudfront.net/WebUpload/header_MBP.jpg) no-repeat top left;
    background-size: 100%;
}

.ListGroupItemHeader.spark-panel__header.flight-header {
    margin-top: 40px;
}

/*End Add Header Mobile Boarding Pass*/
/*reduce Mobile BP name text size*/
.PassengerNameItem .full-name .name-type span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: inherit;
    font-size: 8pt;
}
/* START Important Notices style */
section.ducp-important-notices {
  display: flex;
  flex-direction: column;
}
section.ducp-important-notices h2 {
  margin-left: 1rem;
  color: #D10000 !important;
}
section.ducp-important-notices div.ducp-notes-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

section.ducp-important-notices article h6 {
  color: white;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
section.ducp-important-notices article {
  background: linear-gradient(to right, #FF2E2E 0%, #D10000 99%);
  background-color: #D10000;
  border-radius: 0.75rem;
  padding: 1rem;
  flex: 1;
  margin: 1rem;
  color: #fff;
}
section.ducp-important-notices article ul {
  margin-bottom: 0;
}
section.ducp-important-notices article ul li {
  margin: 0.5rem 0;
}
@media only screen and (max-width: 600px) {
  section.ducp-important-notices div.ducp-notes-container {
    flex-direction: column;
  }
}
/* END Important Notices style */

/*Start search booking detail box*/

.lookup-container{
	background: linear-gradient(to right, #FF2E2E 0%, #D10000 99%);
  background-color: #D10000;
  border-radius: 0.75rem;
  padding: 1rem;
  flex: 1;
  margin: 1rem;
  color: #fff;
}

.ducp-component-button.text-button {
    color: #fff;
}

.ducp-component-button.text-button:hover {
    color: #fff;
}

.ducp-component-button.text-button:active {
    color: #fff;
}

.lookup-container .additional-options-btn {
    color: #fff !important;
}

/*End search booking detail box*/