/*** override background mask ***/
.dxp-background .background-mask {
    background-color: transparent !important;
}

/*** tabs ***/
/************************************custom**************************/
body{
	font-family:diavlo;
}
/***********************Font Face*****************************/
@font-face {
  font-family: diavlo;
  src: url(../fonts/Diavlo_MEDIUM_II_37.woff2);
}
@font-face {
  font-family: khmerMoulLight;
  src: url(../fonts/KhmerOSmuollight.woff2);
}
/*************************End font face*************************/
/***********************Remove Language border box******************/
.field{
	border:none;
}
.field-input{ 
/*****for login inputs********/
	border:solid #CCCCCC;
}
.field.field-disabled, .field :disabled{
	border-color: #CCCCCC;
}

.dxp-change-password .password-tip{
	font-family:diavlo;
}
.profile-credit-card-edit-panel .actions-container .action-buttons .dxp-button{
	font-family:diavlo;
}
.dxp-button.secondary{
	font-family:diavlo;
}
/************************END remove language border box****************/
/************************Using Diavlo font***************************/
.dxp-header-view .header-item-group .header-item > .header-item-body .header-item-panel .title{
	font-family:diavlo;
}
@media (min-width: 768px)
.dxp-cabin-offers .offer .from{
	font-family:diavlo;
}
.dxp-flight .offer.sold .sold-out{
	font-family:diavlo;
}
.journey-type-selection .dxp-link .journey-type-label{
	font-family:diavlo;
}
.dxp-recent-searches .dxp-button.toggle-recent-searches{
	font-family:diavlo;
}
.dxp-inline-message.info .title-content{
	font-family:diavlo;
}
h1{
	font-family:diavlo;
}
h2{
	font-family:diavlo;
}
h3{
	font-family:diavlo;
}
.dxp-modal-window-content{
	font-family:diavlo;
}
/*******breadcrumbs*********/
.dxp-breadcrumbs-list{
	font-family:diavlo;
}
/*************FAM2**********/
.dxp-message > .title-container .dxp-warning .title{
	font-family:diavlo;
}
.dxp-message > .title-container .content{
	font-family:diavlo;
}

.flight-depart .dxp-time{
	font-family:diavlo;
}
.flight-number{
	font-family: diavlo;
}
.details-section{
	font-family:diavlo;
}
.dxp-flight .dxp-flight-offers.comparison-table .fare-comparison-header{
	font-family:diavlo;
}
.dxp-flight-offers .offer .price, .dxp-flight-offers .brand-offer .price{
	font-family:diavlo;
}
/***********************ribbon**************/
.date{
	font-family:diavlo;
}
/******************EDIT flight section******************/
.dxp-edit-panel-title{
	font-family:diavlo;
}
.cart-title{
	font-family:diavlo;
}
/*****************cart checked out******************/
.dxp-cart-item td{
	font-family:diavlo;
}
.dxp-cart-item td span.dxp-cart-item-amount .dxp-price{
	font-family:diavlo;
}
.dxp-cart-item .dxp-price{
	font-family:diavlo;
}
.dxp-shopping-cart-container-selected-flights{
	font-family:diavlo;
}
.dxp-shopping-cart-fare-rules{
	font-family:diavlo;
}
/**************Manage trip******************************/
.dxp-message > .title-container .dxp-success .title{
	font-family:diavlo;
}
@media (min-width: 544px)
.dxp-trip-manager .trip-manager-title{
	font-family:diavlo;
}
.dxp-flight-summary .dxp-trip-dates{
	font-family:diavlo;
}
.dxp-total-paid .price .adnotation{
	font-family:diavlo;
}
.dxp-total-paid .dxp-title{
	font-family:diavlo;
}
.dxp-price .amount, .dxp-price .connection{
	font-family:diavlo;
}
.dxp-flight-summary .main-collapse .dxp-collapse-header{
	font-family:diavlo;
}

.dxp-message > .title-container .dxp-info .title{
	font-family:diavlo;
}

/**********************button***********************/
/****************Baggage Info text style************/

/************create profile*************/
.dxp-button.slate{
	font-family:diavlo;
}
.dxp-button:disabled, .dxp-button.btn-disabled{
	font-family:diavlo;
}
.dxp-button.primary{
	font-family:diavlo;
}
.dxp-flight-search .flight-search-button{
	font-family:diavlo;
}

/**************************END Diavlo Font***********************/
/**********************Text size*******************/
.custom-size {
  font-size:14px;
 }
/**********************End text size*******************/
/******************stay siem reap*********************/
.stayRepText{
    font-size: 20px;
    font-weight: bold;
	margin: 1.5rem 0;
	animation: myanimation 10s infinite;
}
@keyframes myanimation {
  0% {color: white;}
  25%{color:#007ff5;}
  50%{color:#06f500;}
  75%{color:#ff0000;}
  100% {color: #e500e8;}
}
/***********************Passenger button******************/

.ducp-component-button.continue{
    	color: #FFFFFF;
    background: linear-gradient(150deg, #f15a25 50%, #dd450f 51%);
    background-color: #f15a25;
    background-size: 200% 200%;
    background-position: 30% 0%;
    border-color: #dd450f;
	border: .0625rem solid #dd450f;
}
.ducp-component-page-button-wrapper>button.ducp-component-button.continue:hover{
	background-color:#dd450f;
}
.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:#dd450f;
}

/**********************icon*******************/
.ny-icon::before {
  content: "\F118"; }
/**********************End icon*******************/
/**********************Header bar*****************/
.dxp-header-view{
background-color:#002f6c;
}
/**********************FAM Box*******************/
.famBagFee{
	border-radius:25px !important;
	width: 100%;
    border: 1px solid #ccc;
    border-radius: .1875rem;
    background: #fff;
    padding: 1.5rem;
    overflow: visible;
    margin-bottom: 2rem;
	clear: both;
	color:black;
	text-shadow:none;
}
/************************end FAM Box*******************/

/**********************language icon*******************/
.icon-fill-cog:before, .icon-cog:before{
	content: "";
	background-image: url(../images/language15.png);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    display: inline-block;
    width: 20px;
}

/************************end language icon*******************/
/**********************Baggage Allowance image*******************/
.baggage-lb{
	background-image: url(../images/baggage-LB.jpg);
    background-repeat: no-repeat;
    height: 50px;
    display: inline-block;
    width: 28px;
}
.baggage-pr{
	background-image: url(../images/baggage-PR.jpg);
    background-repeat: no-repeat;
    height: 50px;
    display: inline-block;
    width: 28px;
}	

.baggage-ec-ef-pr-bz{
	background-image: url(../images/baggage-EC-EF-PR-BZ.jpg);
    background-repeat: no-repeat;
    height: 50px;
    display: inline-block;
    width: 13px;
}	
/************************end Baggage Allowance image*******************/
/**********************Hightligh onmouse hover*******************/
a.linkMouseHover:hover
{
	background-color:gray;
	color:white;
	text-decoration:none;
}
.linkMouseHover{
	color:#168fb0;
}

/************************end Hightligh onmouse hover*******************/

/************Mobile remove white branded name***************/
.dxp-flight-offers .offer .brand-name, .dxp-flight-offers .brand-offer .brand-name {
    color: #006060 !important;
	font-family:diavlo;
}
/************END-Mobile remove white branded name***************/
/***round edge select flight page*****/
.dxp-flight .dxp-flight-row.last {
    border-bottom: none;
    border-radius: 0px 0px 0px 0px;
}
.dxp-flight .dxp-flight-details-link {
    border-top: none;
    border-radius: 0px 0px 5px 5px;
}
/***END-round edge select flight page*****/

/*****round flight header in select flight page*****/
.dxp-flight-selection-header {
    background-color: #2B6DCC;
    position: relative;
    height: 2.25rem;
    color: #FFFFFF;
    display: block;
    text-transform: uppercase;
    border-radius: 5px;
}
/*****END-round flight header in select flight page*****/
/**********************Hide/Show Detail in Select Flight Page Margin-top 0px**********************/
.dxp-flight .flight-details-row {
    margin-top: 0px;
}
/**************************END-Hide/Show Detail in Select Flight Page Margin-top 0px**********************/
/***************************Flight advisory box border radius in select flight page******************/
.dxp-flight .flight-details-row.subject-to-government-approval-row {
    border-bottom: none;
    border-radius: 5px 5px 0px 0px;
}
/***************************END-Flight advisory box border radius in select flight page******************/

/************Image-fare not allowed- select flight page******************/
.flight-selection-view .dxp-flight-selection .flights-table .dxp-flight .dxp-flight-offers.comparison-table table.brand-fare-table .comparison-table-body .text-to-icon.select-fares-not-allowed:before {
    background-image: url(../images/select-fares-not-allowed.png);
}
/*****************END-Image select flight page***************/
/************Image-fare charged- select flight page******************/
.flight-selection-view .dxp-flight-selection .flights-table .dxp-flight .dxp-flight-offers.comparison-table table.brand-fare-table .comparison-table-body .text-to-icon.select-fares-charged:before {
    background-image: url(../images/select-fares-charge.png);
}
/************END-Image-fare charged- select flight page******************/
/************Image-allow- select flight page******************/
.flight-selection-view .dxp-flight-selection .flights-table .dxp-flight .dxp-flight-offers.comparison-table table.brand-fare-table .comparison-table-body .text-to-icon.select-fares-allowed:before {
    background-image: url(../images/select-fares-allowed.png);
}
/************END-Image-allow- select flight page******************/
/********************Branded fare table width the same******************/
.dxp-flight .dxp-flight-offers.comparison-table table.brand-fare-table .amenity, .dxp-flight .dxp-flight-offers.comparison-table table.brand-fare-table .brand-offer {
     width: 0%; 
}
/*********************END-Branded fare table width the same***************/
/*****************Table comparation same color**********************/
td.comparison-table .brand-offer {
    background: transparent;
    text-align: center;
    border-right: 1rem solid transparent;
}
/*****************END-Table comparation same color**********************/
/*******************Calendar Date display************************/
.flight-selection-view .dxp-flight-selection .calendar-ribbons .calendar-wrapper .dxp-calendar-ribbon .dxp-calendar-ribbon-day .date {
    font-family: diavlo !important;
    font-size: 16px!important;
    letter-spacing: 0!important;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0;
}
.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day .dxp-price .price, .dxp-calendar-ribbon .days .dxp-calendar-ribbon-day .dxp-price .connection.and {
    display: block;
    line-height: 40px;
    font-size: 18px;
}
/*******************END-Calendar Date display************************/
/************************Box Select Fare************************/
.dxp-flight .dxp-flight-offers.comparison-table {
    background: white;
    margin-top: -1rem;
    box-shadow: none;
    border: none;
    border-radius: 5px;
}
/************************END-Box Select Fare************************/
/*************************Height of Fare comparation table***********/
td.comparison-table th.amenity {
    text-align: left;
    left: -1.5625rem;
    font-weight: normal;
    line-height: 100px;
}
/*************************END-Height of Fare comparation table***********/
/*****************************Shadow Select Your Departing Flight***************/
.dxp-shared-flight-selection .centered-content .dxp-title {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px #000000;
	font-family:diavlo;
}
/***********************END-Shadow Select Your Departing Flight****************/
/************************Branded Fare Height********************************/
.dxp-flight-offers .offer .brand-name, .dxp-flight-offers .brand-offer .brand-name {
    font-size: 1.25rem;
    color: #006060;
    text-transform: capitalize;
    line-height: 0px;
}
/************************END-Branded Fare Height********************************/
/****************************Flight Detail Show****************************/
.flights-table .show {
    display: block;
    border-radius: 5px;
}
/****************************END-Flight Detail Show****************************/
/*****************************Your Departing flight border radius*************/
.dxp-selected-flight .flight-info {
    padding: 1rem 1rem;
    box-shadow: 0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.25);
    background-color: #FFFFFF;
    border: 0.0625rem solid #CCCCCC;
    border-radius: 5px;
}
/*****************************END-Your Departing flight border radius*************/
/************************Trip total cost border radius*************/
.dxp-trip-total .cart {
    float: right;
    margin: 2rem 0 0 0;
    min-width: 18.625rem;
    width: 100%;
    padding: 1rem 1rem;
    box-shadow: 0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.25);
    background-color: #FFFFFF;
    border: 0.0625rem solid #CCCCCC;
    overflow: hidden;
    border-radius: 5px;
}
/************************END-Trip total cost border radius*************/
/**********************Shopping Cart**************/
.dxp-shopping-cart-container-section .dxp-shopping-cart-container-section-button {
    background-color: white;
}
.dxp-shopping-cart-container-section {
    background-color: white;
}
.dxp-shopping-cart-container-section .dxp-panel {
    background-color: #66CCFF;
}
.dxp-shopping-cart-container-selected-flights .dxp-shopping-cart-container-flight-details .itinerary-part {
    border-radius: 5px;
}
.dxp-shopping-cart-container-selected-flights .dxp-shopping-cart-container-flight-details .dxp-itinerary-segment {
    border-radius: 5px;
}
.dxp-cart-item-child-list-item:nth-child(odd) {
    border-radius: 5px;
}
.dxp-cart-item-child-list-item:not(:last-child) {
    border-radius: 5px;
}
/**********************END-Shopping Cart**************/
/******************Payment page text shadow***************/
.dxp-payment-component .payment-fops .no-padding .header {
    color: #2E2E2E;
}
/******************END-Payment page text shadow***************/
/********************************************************************/

.spark-tabs__tab.active {
    background-color: #f5f5f5 !important;
    color: #002f6c !important;
    top: .33333rem !important;
    border-radius: 0 !important;
}

.spark-tabs__tab:not(.active), .spark-tabs__btn {
    background-color: rgba(12,52,105,.8) !important;
    color: #dce6f2 !important;
}

.spark-tabs__tab::after, .spark-tabs__btn::after {
    display: none;
}

/*** summary bar ***/

.dxp-summary-bar-container {
    background-color: #7094c2 !important;
	font-family:diavlo;
}

/** breadcrumbs ***/
.dxp-breadcrumbs-title {
    display: none !important;
}

/******menu bar******/

.dxp-header-view .centered-content {
    max-width: 1920px;
    background-color: #002f6c;
    border-top: .313rem solid #002f6c;
    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 #002f6c;
	}}

@media (min-width: 796px){
.dxp-logo .dxp-link {
    position: relative;
    background: #002f6c;
}}

.dxp-logo .dxp-link {
    margin-top: -.313rem;
    color: #fff;
 	background: #002f6c;
    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 #002f6c;
    border-left: 1.25rem solid #002f6c;
}

.sign-in-section {
    background: #002f6c;
}

@media (min-width: 796px){
.dxp-menu .main-menu-container .main-menu .menu-item.active {
    margin-top: unset;
    font-weight: 400;
    background: #002f6c;
    border-top: .313rem solid #002f6c;
	}}

@media (min-width: 796px){
.dxp-menu .main-menu-container .main-menu .menu-item.hover {
    margin-top: 0;
    background: #002f6c;
    border-top: .313rem solid #598ed4;
	}}

@media (min-width: 796px){
.dxp-menu .main-menu-container .main-menu .menu-item.active:after {
    background: linear-gradient(93deg,#598ed4 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: #002f6c;
	}
}
/**************Custom h2 and other color*********************/
.customColorH2{
color:white;
}
/******************Matrix header color*********************/
.dxp-matrix .header .title {
    margin-top: 0;
    color: white;
	text-shadow: 2px 2px 2px rgba(0,0,0,.5);
}
.dxp-matrix .header .description {
    margin-top: 0;
    color: white;
	text-shadow: 2px 2px 2px rgba(0,0,0,.5);
}
/******************Trip selection highlith********************/
.journey-type-selection .journey-type-selection-item.active .dxp-link {
    background: #002f6c;
    color: #fff;
}

.journey-type-selection .journey-type-selection-item .dxp-link {
    color: #002f6c;
    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 {
    color: #FFFFFF;
    background: linear-gradient(150deg, #f15a25 50%, #dd450f 51%);
    background-color: #f15a25;
    background-size: 200% 200%;
    background-position: 30% 0%;
    border-color: #dd450f;
}

.dxp-button.primary.small, .dxp-button.primary.x-small {
    color: #fff;
    background: #f15a25;
    border-color: #f15a25;
}

/*************************Promo code color*********************/
.dxp-promo-code .dxp-promo-code-button {
    color: #cf9334;
}

/***************************Footer bar color********************/
.dxp-footer {
    background: #002f6c;
}

/***************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: #f15a25;
}

/*********************Timeout Button*****************/
.dxp-button.secondary {
    color: #f15a25;
    background: #fff;
    border-color: #f15a25;
}

/*** ribbons ***/

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day,
.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day *{
    background-color: #ffffff !important;
    color: #f15922 !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: #d0990f !important;
    color: #ffffff !important;
}

.dxp-calendar-ribbon .navigation-button {
    background-color: #002f6c !important;
}
.dxp-button.medium.secondary.back{display:none}

.field-phone .react-tel-input .flag-dropdown .selected-flag {
    z-index: 1;
    background: transparent;
    border: 0;
}
/*** hide fare-basis code in review your flight page ***/

.detail.flight-fare-basis {
    display: none;
}

.select-fares-allowed {
    background-image: url(../images/select-fares-allowed.png);
    background-repeat: no-repeat;
    background-size: 23px;
    height: 23px;
    display: inline-block;
    width: 23px;
}

.select-fares-not-allowed {
    background-image: url(../images/select-fares-not-allowed.png);
    background-repeat: no-repeat;
    background-size: 23px;
    height: 23px;
    display: inline-block;
    width: 23px;
}

.select-fares-charge {
    background-image: url(../images/select-fares-charge.png);
    background-repeat: no-repeat;
    background-size: 23px;
    height: 23px;
    display: inline-block;
    width: 23px;
}

span.surcharges-description {
    display: none !important;
}

.dxp-calendar-ribbon-day *,.flight-selection-view .dxp-flight-selection .calendar-ribbons .calendar-wrapper .dxp-calendar-ribbon .dxp-calendar-ribbon-day .date {
    font-size:12px !important;
}

.amenity-item-row.changes .brand-comparison-legend { 
	border-bottom: 2px solid #ccc;  
}