/*** override background mask ***/
.dxp-background .background-mask {
    background-color: transparent !important;
}

/*** tabs ***/
/************************************custom**************************/
body{
	font-family: Open Sans, Arial, Helvetica, sans-serif !important;
}
/***********************Font Face*****************************/
@font-face {
  font-family: Open Sans, Arial, Helvetica, sans-serif !important;
  src: url(../fonts/Open Sans, Arial, Helvetica, sans-serif !important_MEDIUM_II_37.woff2);
}
@font-face {
  font-family: khmerMoulLight;
  src: url(../fonts/KhmerOSmuollight.woff2);
}
/*************************End font face*************************/
/***********************Remove Language border box******************/
.field{
	border:none;
}

.dxp-change-password .password-tip{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.profile-credit-card-edit-panel .actions-container .action-buttons .dxp-button{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-button.secondary{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
/************************END remove language border box****************/
/************************Using Open Sans, Arial, Helvetica, sans-serif !important font***************************/
.dxp-header-view .header-item-group .header-item > .header-item-body .header-item-panel .title{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
@media (min-width: 768px)
.dxp-cabin-offers .offer .from{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-flight .offer.sold .sold-out{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.journey-type-selection .dxp-link .journey-type-label{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-recent-searches .dxp-button.toggle-recent-searches{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-inline-message.info .title-content{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
h1{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
h2{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
h3{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-modal-window-content{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
/*******breadcrumbs*********/
.dxp-breadcrumbs-list{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
/*************FAM2**********/
.dxp-message > .title-container .dxp-warning .title{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-message > .title-container .content{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}

.flight-depart .dxp-time{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.flight-number{
	font-family: Open Sans, Arial, Helvetica, sans-serif !important;
}
.details-section{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-flight .dxp-flight-offers.comparison-table .fare-comparison-header{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-flight-offers .offer .price, .dxp-flight-offers .brand-offer .price{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
/***********************ribbon**************/
.date{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
/******************EDIT flight section******************/
.dxp-edit-panel-title{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.cart-title{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
/*****************cart checked out******************/
.dxp-cart-item td{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-cart-item td span.dxp-cart-item-amount .dxp-price{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-cart-item .dxp-price{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-shopping-cart-container-selected-flights{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-shopping-cart-fare-rules{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
/**************Manage trip******************************/
.dxp-message > .title-container .dxp-success .title{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
@media (min-width: 544px)
.dxp-trip-manager .trip-manager-title{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-flight-summary .dxp-trip-dates{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-total-paid .price .adnotation{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-total-paid .dxp-title{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-price .amount, .dxp-price .connection{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-flight-summary .main-collapse .dxp-collapse-header{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}

.dxp-message > .title-container .dxp-info .title{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}

/**********************button***********************/
/****************Baggage Info text style************/

/************create profile*************/
.dxp-button.slate{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}
.dxp-button:disabled, .dxp-button.btn-disabled{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}

.dxp-flight-search .flight-search-button{
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}

/**************************END Open Sans, Arial, Helvetica, sans-serif !important Font***********************/
/**********************Text size*******************/

/**********************End text size*******************/

/***********************Passenger button******************/

.ducp-component-button.continue{
    	color: #FFFFFF;
    background: linear-gradient(150deg, #1b3e95 50%, #698adb 51%);
    background-color: #1b3e95;
    background-size: 200% 200%;
    background-position: 30% 0%;
    border-color: #698adb;
	border: .0625rem solid #698adb;
}
.ducp-component-page-button-wrapper>button.ducp-component-button.continue:hover{
	background-color:#698adb;
}
.ancillary-summary-common .summary-button .ducp-component-confirmation-header .supplementary-data-container .ducp-component-toolbar .show-more button.spark-toolbar__show-more:after, .ancillary-summary-common .summary-button button.ducp-component-button:after, .ancillary-summary-common .summary-button button.spark-btn:after, .ducp-component-confirmation-header .supplementary-data-container .ducp-component-toolbar .show-more .ancillary-summary-common .summary-button button.spark-toolbar__show-more:after, .ducp-component-confirmation-header .supplementary-data-container .ducp-component-toolbar .show-more .ducp-component-page-button-wrapper>button.continue.spark-toolbar__show-more:after, .ducp-component-confirmation-header .supplementary-data-container .ducp-component-toolbar .show-more .spark-btn--lg.spark-toolbar__show-more:after, .ducp-component-confirmation-header .supplementary-data-container .ducp-component-toolbar .show-more .spark-btn--md.spark-toolbar__show-more:after, .ducp-component-confirmation-header .supplementary-data-container .ducp-component-toolbar .show-more .summary-content .summary-button button.spark-toolbar__show-more:after, .ducp-component-page-button-wrapper>button.ducp-component-button.continue:after, .ducp-component-page-button-wrapper>button.spark-btn.continue:after, .spark-btn--lg.ducp-component-button:after, .spark-btn--lg.spark-btn:after, .spark-btn--md.ducp-component-button:after, .spark-btn--md.spark-btn:after, .summary-content .summary-button .ducp-component-confirmation-header .supplementary-data-container .ducp-component-toolbar .show-more button.spark-toolbar__show-more:after, .summary-content .summary-button button.ducp-component-button:after, .summary-content .summary-button button.spark-btn:after{
	background-color:#698adb;
}

/**********************icon*******************/
.ny-icon::before {
  content: "\F118"; }
/**********************End icon*******************/
/**********************Header bar*****************/
.dxp-header-view{
background-color:#1b3e95 !important;
}

.dxp-flight-selection-header {
    background-color: #1b3e95;
    position: relative;
    height: 2.25rem;
    color: #FFFFFF;
    display: block;
    text-transform: uppercase;
    border-radius: 5px;
}

/*******************Calendar Date display************************/
.flight-selection-view .dxp-flight-selection .calendar-ribbons .calendar-wrapper .dxp-calendar-ribbon .dxp-calendar-ribbon-day .date {
    font-family: Open Sans, Arial, Helvetica, sans-serif !important !important;
    font-size: 16px!important;
    letter-spacing: 0!important;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0;
}
/*******************END-Calendar Date display************************/
.spark-tabs__tab.active {
    background-color: #f5f5f5 !important;
    color: #1b3e95 !important;
    top: .33333rem !important;
    border-radius: 0 !important;
}

.spark-tabs__tab:not(.active), .spark-tabs__btn {
    background-color: #1b3e95 !important;
    color: #dce6f2 !important;
}

.spark-tabs__tab::after, .spark-tabs__btn::after {
    display: none;
}

/*** summary bar ***/

.dxp-summary-bar-container {
    background-color: #698adb !important;
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
}

/** breadcrumbs ***/
.dxp-breadcrumbs-title {
    display: none !important;
}

/******menu bar******/

.dxp-header-view .centered-content {
    max-width: 1920px;
    background-color: #1b3e95;
    border-top: .313rem solid #1b3e95;
    height: 4.375rem;
    padding: 0;
    position: relative;
}

@media (min-width: 796px){
.dxp-logo .dxp-link:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 4rem solid transparent;
    border-right: 1.25rem solid #1b3e95;
	}}

@media (min-width: 796px){
.dxp-logo .dxp-link {
    position: relative;
    background: #1b3e95;
}}

.dxp-logo .dxp-link {
    margin-top: -.313rem;
    color: #fff;
 	background: #1b3e95;
    font-size: 1.25rem;
    height: 4.375rem;
    line-height: 4.062rem;
    border-bottom: 0;
    display: block;
    float: left;
    text-align: center;
    min-width: 220px;
}

.sign-in-section:before {
    position: absolute;
    content: "";
    top: 0;
    left: -1.25rem;
    width: 0;
    height: 0;
    border-bottom: 4rem solid #1b3e95;
    border-left: 1.25rem solid #1b3e95;
}

.sign-in-section {
    background: #1b3e95;
}

@media (min-width: 796px){
.dxp-menu .main-menu-container .main-menu .menu-item.active {
    margin-top: unset;
    font-weight: 400;
    background: #1b3e95;
    border-top: .313rem solid #1b3e95;
	}}

@media (min-width: 796px){
.dxp-menu .main-menu-container .main-menu .menu-item.hover {
    margin-top: 0;
    background: #1b3e95;
    border-top: .313rem solid #698adb;
	}}

@media (min-width: 796px){
.dxp-menu .main-menu-container .main-menu .menu-item.active:after {
    background: linear-gradient(93deg,#698adb 48%,transparent 52%);
    content: "";
    height: 100%;
    width: .5rem;
    right: -.5rem;
    top: 0;
    position: absolute;
	}}

@media (min-width:796px){
	.dxp-menu:hover .menu-link:hover, .dxp-menu:hover .toggle:hover{
		background: #1b3e95;
	}
}
/**************Custom h2 and other color*********************/
.customColorH2{
color:white;
}

/******************Trip selection highlith********************/
.journey-type-selection .journey-type-selection-item.active .dxp-link {
    background: #1b3e95;
    color: #fff;
}

.journey-type-selection .journey-type-selection-item .dxp-link {
    color: #1b3e95;
    padding: 0 1.25rem;
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
}

.dxp-recent-searches .dxp-button.toggle-recent-searches .button-label {
    font-weight: 700;
    color: #4a5767;
    font-size: 16px;
}

/**************************Button color************************/
.dxp-button.primary {
	font-family:Open Sans, Arial, Helvetica, sans-serif !important;
    color: #FFFFFF;
    background: linear-gradient(150deg, #1b3e95 50%, #0a2463 51%);
	background-color: #1b3e95;
	background-size: 200% 200%;
	background-position: 30% 0%;
	border-color: #0a2463;
}

.dxp-button.primary.small, .dxp-button.primary.x-small {
    color: #fff;
    background: #1b3e95;
    border-color: #1b3e95;
}

/*************************Promo code color*********************/
.dxp-promo-code .dxp-promo-code-button {
    color: #95ed1c;
}

/***************************Footer bar color********************/
.dxp-footer {
    background: #1b3e95;
}

/***************Breadcump color*****************/
.spark-step-indicator__item--current:after, .spark-step-indicator__item--current:before {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    background-color: #1b3e95;
}

/*********************Timeout Button*****************/
.dxp-button.secondary {
    color: #698adb;
    background: #fff;
    border-color: #1b3e95;
}

/*** ribbons ***/

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day,
.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day *{
    background-color: #ffffff !important;
    color: #95ed1c !important;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day .date {
    margin-bottom: 0 !important;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.selected,
.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day.selected *{
    background-color: #95ed1c !important;
    color: #ffffff !important;
}

.dxp-calendar-ribbon .navigation-button {
    background-color: #1b3e95 !important;
}

.amenity-item-row.changes .brand-comparison-legend { 
	border-bottom: 2px solid #ccc;  
}
.dxp-menu .toggle-main-menu:after {
	    border-top: 5.8333rem solid #1b3e95 !important;
}
.dxp-menu .toggle-main-menu {
	background-color: #1b3e95 !important;
}

.dxp-logo img {
	width: 200px !important;
	max-height: 100px !important;
}

.dxp-menu .toggle-ellipsis-menu {
    background: transparent;
    border: none;
    background-color: #19398a !important;
}
.dxp-sign-in-banner {
	display:none !important;
}
.dxp-switch .dxp-switch-option.selected {
    background: #19398a !important;
    color: #fff;
}
.ancillary-summary-common .summary-button button.ducp-component-button, .ancillary-summary-common .summary-button button.ducp-component-button:hover{
	background: #19398a !important;
    color: #fff;
}
.ancillary-summary-common .summary-button button.ducp-component-button:after {
		background: #19398a !important;
}

.dxp-selected-itinerary-part-offer .header-row .change-flight .spark-btn--sm.ducp-component-button.text-button{
	color: #19398a;
	font-size:20px;
}
.account-panel-container{
	display:none !important;
}
/* fare rules bottom*/
.ducp-component-cart-panel-footer .dxp-shopping-cart-fare-rules {
    display: none !important;
}
/* end of fare rules bottom*/

/* Display baggage allowence for Other pax */
.passenger-bag-row:not(:first-child) .bag-weight-container {
    visibility: visible;
}
/* end Display baggage allowence for Other pax */

/* start Remove amenities */
.amenities{
	display: none !important;
}
.ducp-component-flight-summary-amenities.is-inline {
    text-align: center;
    display: none;
}
.segment-amenities {
	display:none !important;
}
/* end Remove amenities */
/* font color to #19398a */
.dxp-flight-selection-ribbon .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected .date {
	color: #19398a;
    font-weight: 600;
}
.dxp-seat-selection-passenger-list .passenger-list li .passenger-index {
    background: #19398a;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 1.333rem;
    font-weight: 400;
    height: 2.666rem;
    line-height: 2.666rem;
    margin-right: 1.333rem;
    text-align: center;
    width: 2.666rem;
}
.dxp-shared-seat-selection .seat-map-caption .dxp-link {
    color: #19398a;
}
.ducp-component-price {
    color: #19398a;
    display: inline-block;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    line-height: 1.25;
}
.dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row .result-info-sort-filter .sort-filters-panel .ducp-component-button.text-button {
    color: #19398a;
}
.ducp-component-button.text-button, .spark-btn--text .dxp-link{
    color: #19398a;
}
/* Shared typography */
.itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price,
.itinerary-part-offer-brand-comparison .shadow-box .brand-name,
.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .big-price,
.itinerary-part-offer-brand-comparison .shadow-box .results-count {
    color: #19398a;
    font-family: Oswald, sans-serif;
}
.dxp-link {
    color: #19398a;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
/* font color to #19398a */
/* start sign-up */
.dxp-sign-up {
	display:none !important;
}
/* end sign-up */
/* start CU credit-card-image */
.credit-card-image.CU-card {
    background-image: url("../images/unionpay-logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 48px;
    height: 35px;
    display: inline-block;
}
/* end CU credit-card-image*/
/* logo background white to blue in confirmation*/
.dxp-confirmation-print .dxp-logo-container img {
    max-height: 4.167rem;
    max-width: 100%;
    width: 150px;
	background-color: #19398a;
}
/* logo background white to blue in confirmation*/
.detail.flight-features{
	display:none !important;
}

.qv-seat-selection-warning-message {
    margin-top: 20px;
    padding: 10px;
    background: #fff8e5;
    border: 1px solid #e5c56b;
    border-radius: 6px;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
}

.qv-seat-selection-warning-message h3 {
    margin: 0 0 12px;
    color: #8a5b00;
    font-size: 18px;
    font-weight: 600;
}

.qv-seat-selection-warning-message ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.qv-seat-selection-warning-message ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    list-style: none;
}

.qv-seat-selection-warning-message ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #8a5b00;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}

.qv-seat-selection-warning-message ul ul {
    margin-top: 8px;
    margin-left: 20px;
}

.qv-seat-selection-warning-message ul ul li::before {
    content: "◦";
    color: #b07a00;
    font-size: 14px;
}



/* start seatmap changes*/

.premium-paid-1.available-seat.paid-seat {
    background: blue;
    height: 3rem;
    width: 3rem;
    margin-left: 0.5rem;
    }

.dxp-seat.legend.premium-paid-1 {
	background: blue;
	}
	
.premium-paid-2.exit-paid-2.available-seat.paid-seat.exit-seat,
.premium-paid-0.available-seat.paid-seat.exit-seat{
	background: orange;
	height: 3rem;
	width: 3rem;
	margin-left: 0.5rem;
	}

.dxp-seat.legend.premium-paid-2.exit-paid-2,
.dxp-seat.legend.premium-paid-0.exit-paid-0 {
	background: orange;
	}
/
.dxp-seat.legend.premium-paid-0 {
	background: blue;
	position: relative;
	width: calc(2.3rem - 6px); 
	min-height: calc(2.666rem - 6px);
	margin-left: 0.29rem; 
	}


/* End  seatmap changes*/

/* start After Sign_in  changes*/
.reward-balance{
	display:none !important;
}
.manage-account-link{
	display:none !important;
}
/* End After Sign_in  changes*/

.dxp-manage-trips-component .dxp-upcoming-trips .upcoming-trips-content .trip-controls .dxp-link.dxp-button.x-small.primary.check-in{
 
	display: none !important;;
 
}

/* start BG image removal all screens*/
.dxp-manage-trips-component .dxp-upcoming-trips .upcoming-trips-content .trip-controls .dxp-link.dxp-button.x-small.primary.check-in{
	display: none !important;
}
.dxp-background-hd {
	display: none !important;	
}
.dxp-background {
	background: #fff;
}
.dxp-view .title-wrapper .dxp-view-title, .dxp-view-subtitle {
	color: #1b3e95 !important;
}
.dxp-view .title-wrapper {
	text-shadow: none !important;
}
/* End BG image removal all screens*/