[dir] .spark-header {
     background-color: #000000;
     height:5.8333rem;
}
 .sabre-dx-component-check-in-lookup .lookup-container {
    width:75%
}
 [dir] .ducp-component-header .spark-header__logo.is-image, [dir] .ducp-component-header .spark-header__title.is-image {
     padding: .25rem 3.5rem;
}
 .ducp-component-page-title h1 {
     color: #eaeef2;
     font-size: 400;
}
 .sabre-dx-component-check-in-lookup .page-sub-heading {
     color: #f2f2f2;
}
 [dir] .sabre-dx-component-check-in-lookup .lookup-container {
     background-color: rgba(255 255 255/50%);
}
 .ducp-component-form .field-disclaimer {
     font-size: 1.5rem;
     color: aliceblue;
}
 .body.spark-main--sticky-footer {
     background-image:url("https://afriqiyah.aero/wp-content/themes/yootheme/cache/image-08-02f4f642.jpeg");
     background-size:cover;
}
 [dir] .spark-footer {
     background-color: #000000;
     height:5rem;
}
 .spark-header[data-breakpoint="xs"]:not(.spark-header_placeholder), .spark-header.spark-header--condensed:not(.spark-header_placeholder) {
     height: 15rem;
}

 [dir] .spark-header.spark-header--visible .spark-menu > .spark-menu__list > .spark-menu__list-item > .spark-menu__list-link {
     font-size: 23px;
     font-weight:400;
     text-transform: none !important;
}
 [dir] .sabre-dx-component-check-in-lookup .lookup-container .lookup-buttons .search-button {
    /*border: 0.0625rem solid #07141a;
    */
     border:aliceblue;
     border-radius: 0.25rem;
     cursor: pointer;
     margin: 0;
     padding: 1.75rem 3.25rem;
     text-align: center;
     box-shadow: inset 0 -0.125rem 0 aliceblue;
     transform: translateZ(0);
}
/********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: #fff !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;
}

 
/********** 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: white !important;
    
}
/************ 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 skyblue !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/afriqiyah-favi-icon.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);
    }
}

/*End destination background*/
/*Start Add Header Mobile Boarding Pass*/
 .ListGroupItem.spark-panel.boarding-pass:before {
   
     content: '';
     position: absolute;
     bottom: 0px;
     right: 0px;
     left: 0;
     top: 0;
     background:#006ba8 no-repeat top left !important;
     background-size: 100%;
	 opacity: 45% !important;
}
 .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;
}

.ducp-component-page-button-wrapper > button {
    margin-bottom: 1rem;
    color: white !important;
    background: black !important;
}

.ducp-component-flight-number.has-logo {
   background: url('../images/8U.png') no-repeat;
   background-position-y: 5px;
}
.ducp-component-flight-number .flight-number-container{
    padding-left:20px;
}
.ducp-component-flight-number.has-logo .flight-image img{
    display:none;    
}

.spark-header__title.is-image img{
    position: relative;
    max-width: 100% !important;
    background-color: transparent;
    max-height: 4.167rem;
    max-width: 100%;
    padding: 0 2rem 0 1rem;
    width: auto;
}