<style>
*{
    font-family: 'inherit',  !important;
}

/*-------------------------mobile member id------------*/

@media only screen and (max-width: 769px){
 #DEAMenu{
 display:none;
}
}

body nav {
    height: 10px;
    font-family: inherit;
    border-top: none;
    box-shadow: none;
    align-items: flex-start;
    justify-content:flex-start;
}

.md-button.md-default-theme.md-accent, .md-button.md-accent {
    color: black;
}

body{
font-family: 'Montserrat', sans-serif !important;    
 letter-spacing: 0.5px;
    }
md-nav-bar.md-default-theme md-nav-ink-bar, md-nav-bar md-nav-ink-bar {
    background: black;
}

.nav-pills>li>a {
    margin: 4px 10px;
    width: 150px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 24px 10px 20px;
    border: 1px solid black;
    color: black;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: white;
    background-color: black;
    border: 1px solid black;
}

/*---------------widget background styling--------------*/



.simplePanelHide {
    display: none;
}

.simplePanelShow {
    display: inline;
}

.divDEACombinedSearchPanel{
    /*-background: linear-gradient(to bottom, #ffffff 0%, #90cbd4 60%, #53b0c0 100%);-*/
    background-color:white;
    border-radius: 0;    
}

.row .divDEACombinedSearchPanel {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#divDEAAirSearchPnl {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#divDEAHotelSearchPnl {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.divDEACombinedSearchPanel #divSearchTabButtonPanel {
display:
}

.divDEACombinedSearchPanel ul.nav-pills {
    background-color: transparent;
}

md-progress-linear.md-default-theme .md-container, md-progress-linear .md-container {
background-color: #DDDDDD;
}

md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar {
background-color: #4A4A4A;
}

.btn-info {
color: black;
background-color: white;
border-color: black;
}

.btn-info:hover,  .btn-info:active{
color: white;
background-color: black;
border-color: black;
}

#btnAddAirSegment {
    color: #fff !important;
}

/*--------------hotel---------*/

#divHtlSearchPnl {
    /*filter: drop-shadow(3px 3px 6px rgba(36, 36, 36, 0.5));*/
}

#divHtlSearchPnl .div_greybox .ng-hide{
}

#divHtlSearchPnl .div_greybox .row:nth-of-type(6) {
}


#divHtlSearchPnl .div_greybox .row:nth(5){
display:table !important;
content:" ";
width:100%;
}

/*---------------carrier hiding-------------------------------------*/
.Carrier{
display: none;
}

#divAirSearchPnl {
    /*filter: drop-shadow(3px 3px 6px rgba(36, 36, 36, 0.5));*/
}


#divAirSearchPnl #divPaxInfo .panel-body{
padding: 0;
width: 100%;
}

.col-xs-12.col-sm-6 .col-xs-12.col-sm-4:has(> span[ng-bind="getLabel('Carrier')"]) {
    display: none;
}

        .divAirMC .PaddingTop10 .row:nth-child(2){
            display: none;
        }

/*---------color for some title------*/
.divDEACombinedSearchPanel .div_greybox {
    color: black;
}

/*------.PaddingRight0 {
    padding: 10px 24px 10px 20px;
    margin-left: 15px;
}-----*/

.form-control{
    background-color: white;
    border: 1px solid #ccc;
    box-shadow:  none;
    border-radius: 0;
    height:35px;
}

.divResultTitleBar{
    background-color: #fff;
    color: black;
    border: 0.5px solid #ccc;
    border-radius: 0;
}

.background-image {  
            background-size: cover;           
            background-attachment: fixed;            
            background-position: center;           
            background-repeat: no-repeat;           
            height: 100vh;           
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
        }

.divResultBox {
    background-color: #fff !important;
}

.divResultTitleBar{
    background-color: #fff !important;
    color: black;
}
#DEAAirSearchResultPanel .divFilterTitle{
    background-color: #fff !important;
    color: black;
    border: none;
}

/*--------------flight date styling-----------*/
.divDEACombinedSearchPanel .md-datepicker-calendar-icon, .divDEACombinedSearchPanel .md-select-icon{
    color: black;
}
.divDEACombinedSearchPanel .div_greybox .md-datepicker-input {
    color: black;
}

/*--------------check button-----------------*/
md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple{
color: black;
}

/*-----------block of the travellers--------*/
.BorderGrey{
    border: none;
}

.panel-body{
height: 100%;
padding:15px ;
margin-right: 20px;
padding-bottom: 10px;
}

/*----------seach button testig (not done)--------*/
.ng-hide:nth-child(3){
    width: 100%;
}

/*------------------button styling---------------*/
.btn-group .btn{
    border-radius: 0 ;
    width: 150px;
}

.btn:hover, .btn:focus, .btn.focus{
    color: #333;
    text-decoration: none;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    font-size: 16px;
    font-weight: 600;
    outline:none !important;
    outline-offset: none !important;
    border:1px solid #ccc;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
    font-size: 16px;
    font-weight: 600;
    outline:none !important;
    outline-offset: none !important;
    border:1px solid #ccc;
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
    font-size: 16px;
    font-weight: 600;
    outline:none !important;
    outline-offset: none !important;
    border:1px solid #ccc;
}

.HotelPrice {
	color:black !important;
}

.btn-danger{
  color: #fff;
  background-color: blue !important;
  cursor: pointer;
  border: none;
  border-radius: 0;
}

.searchButton{
  color: #fff;
  background-color: blue !important;
  cursor: pointer;
  border: none;
  border-radius: 0;
}

.btn-danger:hover {
  color: #fff;
  background-color: #4A4A4A !important;
}

.btn-danger:focus, .btn-danger:active {
  color: #fff;
  outline: 2px solid #4A4A4A !important;
  outline-offset: 3px !important;
}

.btn-danger:disabled {
  color: #fff;
  background-color:rgb(151, 81, 2);
}

/*-------------------icon font family----------------------*/

.material-icons{
    font-family:'Material Icons' !important;
}

.glyphicon{
font-family: 'Glyphicons Halflings' !important;
color: black;
}

/*---------loading page ------------------------*/


.blockUI.blockMsg.blockPage {
    position: relative; 
}
.blockUI.blockMsg.blockPage img {
    /*display: none;*/
}
.blockUI.blockMsg.blockPage::before {
    content: "";
    display: block;
    width: 110px; 
    height: 110px; 
    /*background-image: url('images/flights-search-loading-plane-opt2.gif');*/
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, 0%);
}

/*----------------------------term and condition----------------*/
#ack-cookies-dialog{
    color: white;
    background: black;
    font-size: 16px;
    padding: 11px 50px;
}

.btn-warning {
color: black;
background-color: yellow;
border-color: black;
}

.btn-warning:hover,  .btn-warning:active{
color: black;
background-color: black;
border-color: black;
}


/*------------General Button------------------*/
.btn-danger {
    color: #fff;
    background-color: black;
    cursor: pointer;
    border: none;
  }
  
  .btn-danger:hover {
    color: #fff;
    background-color: #4A4A4A ;
  }
  
  .btn-danger:focus, .btn-danger:active {
    color: #fff;
    outline: 2px solid #4A4A4A;
    outline-offset: 3px;
  }

/*------------------------------Log In Page-----------------*/
#dnn_ctr438_DEAMemberSignIn_RegisterBtn .md-button{
 background-color: black !important;
 color: white !important;
}

#ForgetPasswordForm .md-button{
 background-color: black !important;
 color: white !important;
}


#dnn_ctr438_DEAMemberSignIn_BasicLogin table tbody tr td .md-button{
 background-color: black !important;
 color: white !important;
} 

#RegistrationForm .md-button{
 background-color: black !important;
 color: white !important;
}

#RegistrationForm .md-button:focus{
    background-color:rgba(249, 115, 22, 1) !important;
    outline: 3px solid rgba(249, 115, 22, 1) !important;
    outline-offset: 2px !important;
}

#RegistrationForm .md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
background-color: black !important;
}


#ResetPasswordForm .md-button{
margin-top:60px;
background-color:#53b0c0 !important;
}

.md-icon-button+.md-datepicker-input-container {
    margin-left: 1px;
}
  
/*-------------------------------------------------------------Flight search-----------------------------------------*/
/*-------------------table chart of the search result-------------------*/

.calenderTable th {
background-color:#53b0c0;
}


/*------this is the icon that in the search widget----------*/

/*---------------notification msg------------------*/
#MemberCtr .suceed {
    background-color: #73B154;
}

#MemberCtr .fail{
    background-color: #b60000;
}

/*-------------------searching result -------------------*/
.div_greybox{
    background-color: white;
}



.AirChangeSearchlink{
    color: white;
}


.CorporateDeal{
    border-color: #FF9212 !important;
}

.CorporateDeal .header{
    background-color: rgb(255 146 18);
}


.btn-red-1{
    color: black;
    background-color: white !important;
    cursor: pointer;
    border: 0.5px solid black;
    border-radius: 0px;
  }
  
  .btn-red-1:hover {
    color: #fff;
    background-color: #4A4A4A !important;
  }
  
 .btn-red-1:focus, .btn-red-1:active {
    color: #fff;
    outline: 2px solid #4A4A4A !important;
    outline-offset: 1px !important;
  }

.divResultTitleBar .row .ng-scope{
    color:white;    
}

.divFilterTitle span{
 color:black;
}

.AirChangeSearchlink{
    background-color: black !important;
    color: white;
    border:none !important;
    box-shadow: none; 
    font-weight: 600;
}

.AirChangeSearchlink:hover{
    background-color: #4A4A4A !important;
    color: white;
}


.divResultTitleBar .row .ng-scope{
    color:black;    
}


.divDEACombinedSearchPanel .md-datepicker-triangle-button .md-datepicker-expand-triangle {
    border-top-color: black;
}

/*---------------------------------check box-----------------------------*/

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
background-color: black;
}

md-checkbox.md-checked .md-icon:after {
    left: 5px;
}

/*-----------------------flight result searching styling -------------*/
#DEAAirSearchResultPanel .divFilterContent{
background-color:white;
border: none;
}

/*------------adjustable range button------------*/

.noUi-connect{
    background: black;
}

.noUi-horizontal .noUi-handle{
    width: 23px;
    height: 10px;
    top: -3.5px;
    cursor: e-resize;
    border: 1px solid #b8b6b6;
}

.noUi-horizontal {
    height: 5px;
}

.noUi-connect{
box-shadow:none;
}

.noUi-handle:after, .noUi-handle:before {
	height:3px;
	width:0.8px;
	top:3px;
    background: black;
}

#divFlightFilter .material-icons{
 
}

/*-----------Flight amount in the top--------*/



/*------------Flight result styling------------*/

#FlightOptionResult .FareGroup-title {
    border: 0.5px solid #ccc !important;
}

#FlightOptionResult .option-content-table .flight-detail{
    height:45px;
    background-color: white;
    color: black;
    font-size: 14px ;
    line-height: 21px;
    padding-top:10px;
    border: 0.5px solid #4A4A4A;

}

#FlightOptionResult .option-content-table .flight-detail .lbl-detail{
    font-size: 14px ;
}


#FlightOptionResult .option-content-table .Selected .flight-detail{
	background-color: #4A4A4A;
	color:white;
    border: 0.5px solid #4A4A4A;
}

#FlightOptionResult .option-content-table .Selected .ScheduleTable {	
	
    border: black;
}

#FlightOptionResult .option-content-table .ScheduleTable {	
	
    border: black;
}

#FlightOptionResult .option-content-table .row-option .option-time {	
	
    color: black !important;
}

#FlightOptionResult .option-content-table .row-option .option-location {	
	
    color: black !important;
}

#FlightOptionResult .option-content-table .row-option .flight-select {	
	
    background-color: white;
}

#FlightOptionResult .option-content-table .Selected .row-option .flight-select {	
	
    background-color: white;
}

#FlightOptionResult .option-content-table .row-option .option-disabled {	
	
    background-color: white !important;
}

.md-off {
    border-color: #4A4A4A !important;
}

.md-on {
    background-color: black !important;
    border-color: black !important;
}


label{
   margin-bottom:0px;
}

#FlightOptionResult .option-content-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 20px;
}


/*-----------------------flight information--------------------*/
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar){
    background-color: black !important;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
   color: rgba(103, 117, 172, 1);
    background: rgba(103, 117, 172, 1);
}

#divPaxInfoPnl #ngForm .divName .md-input {
    text-transform: uppercase;
}

#divPaxInfoPnl .panel-body .Padding10{
    color: red;
    font-weight: bold;
    padding: 0 10px 20px 10px;
    text-transform: uppercase;
}

/*---------------------------------------------Hotel----------------------------------*/


/*------title bar---------*/
.divHotelResultTitleBar{
  
  background-color: white;
  padding: 10px 15px;
  margin: 5px;
  outline: 0;
  border: 0.5px solid #ccc;
  border-radius: 0;
}

.divHotelResultTitleBar:hover,
.divHotelResultTitleBar:focus, .divHotelResultTitleBar:active{
background-color: white;
}


/*------------filter section----------------*/

#DEAHotelSearchResultPanel .divFilterTitle{
  background-color: white !important;
  color: black;
  border: none;
}

.divFilterContent {
padding:10px !important;
background-color:white;
border: none;
}

#DEAHotelSearchResultPanel .divFilterTitle .material-icons{

}

.fa-star, .fa-star-half{
color: black !important ;
}


/*------------------hotel content----------------*/


.HotelResultViewType{
background-color: black;
}

.HotelResultViewType:hover{
background-color: black !important;
color:white;
}

.HotelResultViewType:active,
.HotelResultViewType:focus{
    background-color: rgba(249, 115, 22, 1) !important;
    outline: 2px solid rgba(249, 115, 22, 1) !important;
    outline-offset: 2px !important;
}

#divHotelResultInList .BG_White{
}

#divHotelResultInList .result-listing {
    border: 0.5px solid #ccc;
}


.divHotelResultPriceSection {
   background-color: white;
   color: black;
   border-left: 0.5px solid #ccc;
}

#divHotelResultInList .HoverShadow:hover .divHotelResultPriceSection,  
#divHotelResultInList .HoverShadow:active.divHotelResultPriceSection,
#divHotelResultInList .HoverShadow:focus.divHotelResultPriceSection{
      background-color: white;
}


#divHotelResultInList  .HotelInfoTitle {
  background-color: white !important;
}

#divHotelResultInList .ng-scope .container-fluid  .ng-scope  .col-xs-12  .col-xs-12:nth-child(2) .ng-scope:nth-child(even){
    background-color: #f6f6f6;
    color:#4A4A4A;
}

#divHotelResultInList .ng-scope .container-fluid  .ng-scope  .col-xs-12  .col-xs-12:nth-child(2) .ng-scope:nth-child(odd){
  background-color: rgba(83, 176, 192, 0.2);
color:#4A4A4A;
}

#divHotelResultInList .cssHotelDescItem {
    border-top: 0px solid transparent;
    border-left: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
    border-radius:0px;
}

#divHotelResultInList .col-xs-12:nth-child(2) > .ng-scope:nth-child(2) {
     border-top: 2px solid #f0f0f0;
}

#divHotelResultInList .col-xs-12:nth-child(2) > .ng-scope .cssHotelDescItem .ng-binding:nth-child(2){
 padding-top:15px;
padding-bottom:15px;
}

#divHotelResultInList .col-xs-12:nth-child(2) > .ng-scope .cssHotelDescItem .ng-binding:first-child:after{
    content: " ";
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333;
    float: right;
    margin-top: -15px;
    top: 19px;
    position: relative;
}

#divHotelResultInList .col-xs-12:nth-child(2) > .ng-scope .cssHotelDescItem .ng-binding:first-child:focus:after{
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #333;
}


#divHotelResultInList .col-xs-12:nth-child(2) > .ng-scope:nth-child(even)  .cssHotelDescItem .ng-binding:first-child:after{
    content: " ";
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333 !important;
    float: right;
    margin-top: -15px;
    top: 19px;
    position: relative
}

#divHotelResultInList .container-fluid > .ng-scope:nth-child(even) .col-xs-12:nth-child(2) {
    background-color: white;
}


.divHotelResultPriceSection .HotelPrice{
color:white;
}

.HotelPrice+.Text-Up{
color: white;
}


/*------------------hotel details----------------*/
#divHotelResultInList .carousel-control.right{
background-image:none;
}

#divHotelResultInList  .carousel-control.left{
background-image:none;
}

#divHotelResultInList .carousel-indicators{
    left: 30%;
    width:100%;
}

#divHotelResultInList .carousel-inner img{
 margin-bottom:50px !important;
}

#divHotelResultInList  .carousel-indicators li{
background-color: #d3d3d3;
border: 1px solid #000000;
}

#divHotelResultInList  .carousel-indicators .active{
background-color: #fff !important;
}

#divHotelResultInList  .carousel-indicators {
display:none;
}

#divHotelResultInList  .carousel-caption{
   color:#000000;
   bottom: -70px !important;
}

.HotelSelectBtn{
  width: 80%;
  font-size: 14px;
  border-radius: 0px;
  line-height: 1.3333333;
  font-weight: 400;
  color: black;
  background-color: white;
  border: 0.5px solid black;
  transition: none;
}

.HotelSelectBtn:hover{
background-color: #4A4A4A !important;
color:white;
border: 0.5px solid black;
}

.HotelSelectBtn:focus, .HotelSelectBtn:active {
  background-color: black !important;
  outline: 2px solid black !important;
  outline-offset: 2px !important; 
  color: #fff;
}

.mHotelSelectBtn{
  font-size: 14px;
  border-radius: 12px;
  line-height: 1.3333333;
  font-weight: 400;
  color: #fff;
  background-color: black;
  border: none;
  transition: none;
}

.mHotelSelectBtn:hover{
background-color: #4A4A4A !important;
color:white;
}

.mHotelSelectBtn:focus, .mHotelSelectBtn:active {
  background-color: black !important;
  outline: 2px solid black !important;
  outline-offset: 2px !important; 
  border-radius: 0px;
  color: #fff;
}

.HotelInfoBtn{
  background-color: black;
  color:white;
  border:0px solid transparent;
  border-radius: 0px !important;
}

#HotelMap{
  height:500px;
}



#HotelResult .tab-content .btn-link{
    width: 100%;
    font-size: 14px;
    border-radius: 0px;
    line-height: 1.3333333;
    font-weight: 400;
    color: #fff;
    background-color: black;
    border: none;
    transition: background-color 0.3s ease;
}

#HotelResult .tab-content .btn-link:hover{
   background-color: rgb(83, 97, 135);
}

#HotelResult .tab-content .btn-link:active {
    background-color: rgb(83, 97, 135) !important;
    outline: 2px solid rgb(83, 97, 135) !important;
    outline-offset: 2px !important;
    color: #fff;
}

#HotelResult .tab-content .NoUnderline{
    width: 100%;
    font-size: 14px;
    border-radius: 12px;
    line-height: 1.3333333;
    font-weight: 400;
    color: #000000;
    background-color: white;
    border: none;
    transition: none;
}

#HotelResult .tab-content .NoUnderline:hover,
#HotelResult .tab-content .NoUnderline:active{
    background-color: white !important;
    outline: 2px solid white !important;
    color: #000000;
    outline-offset: none !important;

}

#HotelResult .tab-content .HotelSelectBtn{
  width: 100%;
}


.HotelInfoBtn:hover,
.HotelInfoBtn:active, .HotelInfoBtn:focus{
   background-color: #4A4A4A !important;
  color:white;
}

@media only screen and (max-width: 768px) {
.HotelInfoBtn{
 width:60%;
margin:2px;
}
}

@media only screen and (max-width: 400px) {
.HotelInfoBtn{
font-size:10px;
}
}

/*------------------------------------hotel payment information -----------------------*/


.HotelRoomPanelHeader {
   background-color: white !important;
   color: black;
   border: 0.5px solid black;
}

.HotelPrice{
color:black;
font-weight: 500;
}

.divPackageResultTitleBar {
    background-color: white;
    border: 0.5px solid #ccc;
}

.divPackageResultTitleBar:hover {
    background-color: white;
    border: 0.5px solid #ccc;
}

.divPackageResultTitleBar .btn-link {
    color: white;
    background-color: black;
}

.divPackageResultTitleBar .btn-link:hover {
    color: white;
    background-color: #4A4A4A;
}

/*------------------------------------Payment form-----------------------*/

.paxForm:nth-child(odd) {
}

/*------------------Panel Heading and the body----------------*/
#divPaxInfoPnl .panel-heading {
  background-color: black !important;
  color:white;
  border-radius:3px;
}

#divPaxInfoPnl {
border-color:white!important;
box-shadow:none !important;
}

.HotelRoomTabs {
   margin: 15px 0 0 0px;
}

.HotelRoomPanelHeader .PaddingRight0{
  padding:0px !important;
  margin-left:0px important;
}




.HotelRoomPanelHeader .PaddingRight0{
  padding:0px !important;
  margin-left:0px important;
}

.HotelRoomTabs li a{
  color:#17375E;
}


#hotelinfo  .HotelInfoTitle{
  font-size:15px;
  margin-bottom:15px;
}

#hotelinfo .HotelInfoTitle {
  background-color: white !important;
  color:#376092 !important;
}

#hotelinfo .col-xs-12:nth-child(2) .ng-scope:nth-child(odd) {
 
 color:#4A4A4A;
}

#hotelinfo .col-xs-12:nth-child(2) .ng-scope:nth-child(even) {
  background-color: #f6f6f6;
  color:#4A4A4A;
  font-weight:300 !important;
}

#hotelinfo  .cssHotelDescItem {
     border-top: 0px solid transparent;
    border-left: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
    border-radius:0px;
}

#hotelinfo .col-xs-12:nth-child(2) > .ng-scope:nth-child(2) {
     border-top: 2px solid #f0f0f0;
}

#hotelinfo .col-xs-12:nth-child(2) > .ng-scope .cssHotelDescItem .ng-binding:first-child{
 cursor:pointer;
 font-weight:500 !important;
}


#hotelinfo .col-xs-12:nth-child(2) > .ng-scope .cssHotelDescItem .ng-binding:nth-child(2){
 padding-top:15px;
padding-bottom:15px;
}

#hotelinfo .col-xs-12:nth-child(2) > .ng-scope .cssHotelDescItem .ng-binding:first-child:after{
    content: " ";
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333;
    float: right;
    margin-top: -15px;
    top: 19px;
    position: relative;
}

#hotelinfo .col-xs-12:nth-child(2) > .ng-scope .cssHotelDescItem .ng-binding:first-child:focus:after{
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #333;
}


#hotelinfo .col-xs-12:nth-child(2) > .ng-scope:nth-child(even)  .cssHotelDescItem .ng-binding:first-child:after{
    content: " ";
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333 !important;
    float: right;
    margin-top: -15px;
    top: 19px;
    position: relative
}

#HotelResult .ng-image-gallery .btn-primary, .btn-primary {
 background-color: black;
border-color: black;
color:white;
border-radius: 0;
}

#HotelResult .ng-image-gallery .btn-primary:hover, .btn-primary:hover {
 background-color: #4A4A4A;
border-color: black;
color:white;
border-radius: 0;
}

/*---------#dnn_ctr426_ModuleContent #divTop .well{
   background-color:rgba(83, 176, 192, 0.2);
}----------------*/



/*----------------------------Form of the pax of the user-------------------*/
#dnn_ctr419_ContentPane #divPaxInfoPnl .paxForm {
    padding: 10px;
    border: 1px solid #ccc !important;
    border-radius: 3px;
    margin-bottom: 10px;
    background: linear-gradient(rgb(205 205 205), rgb(228 232 234)) top / 100% 4% no-repeat;
    padding-top:0px !important;
    margin-left: -15px;
    margin-right: -34px;
}


#divPaxInfoPnl .paxForm[name="MoreInfoForm"] {
   border: none !important;
   background:none;
}


@media only screen and (max-width: 1200px){
#divPaxInfoPnl .paxForm {
    background: linear-gradient(rgb(205 205 205), rgb(228 232 234)) top / 100% 3.5% no-repeat;
}
}

/*---------------------------Itinerary total gateway-------------------*/
.Panel_Orange {        
    border: 0.5px solid black;
    
    
}

.Panel_Orange .panel-heading{    
    background-color: black;
    border-color: black;
    color: #fff;
    text-transform: uppercase;
}

#divItinContent .ng-scope:nth-child(n+2) {
    margin-top: 25px;
}

#divItinContent .ng-scope:last-child{
    margin-bottom: 20px;
}

#divItinContent .ng-scope .ng-scope {
    margin-top: 0; 
}

#divItinContent .btn:hover, .btn:focus, .btn.focus {
    color: #ffffff;
}

#PromotionCodeForm .md-raised{
background-color: black !important;
border: 1px solid black;
}

#PromotionCodeForm .md-raised:hover{
background-color: #4A4A4A;
}

/*----------final payment--------------------------*/

.divBookingTypeBar {
    background-color: black;
    color: white;
}

.divOrangeBar{
    background-color: black !important;
    color: white;
}


/*-----------------footer--------------------*/

@media (max-width: 997px) {
    #footer .col-md-4 {
        flex: 0 0 100%;
        width: 100%;
    }
}

.httfooter{
    display: flex !important;
    justify-content: space-evenly !important;
    font-size: 14px;
    font-family:'montserrat', sans-serif !important;
    font-weight: 500;
    letter-spacing: 0.7px;
    background-color:#53b0c0 !important ;
    color: #fff;
    margin-bottom: 0px !important;

    margin-top: auto;
    bottom: 0;
    width: 100%;
}

@media (max-width: 767px) {
#DEAFooter{
        display:block !important;
    }
}


#footer .row {
            display: flex;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px;
        }

#footer{
    justify-content: center;
    align-items: center;
    display: flex !important;
    justify-content: space-evenly !important;
    background-color:#53b0c0 !important ;
}

.fa{
 color:white;
transition: color 0.3s ease, transform 0.3s ease-in-out; 
}

.fa:hover {
 color:#ececec;
 transform: translateY(-3px); 
}

.nav-icon {
 color:#53b0c0 !important;
}

.review {
margin-top: 30px !important;
}


.holidaytours_footer{
    width: 80%;
}

.d-flex{
    display: flex;
}

.foot_first {
    max-width:400.81px;
    padding: 35px 10px 0px;
}

.foot_last_column{
    max-width:450.81px;
    padding: 40px 10px 0px;
}

.footer-logo{
    width: 100%;
    margin-left:-12px;
}

.foot_first{
    text-align: left;
}

.foot_mid_col{
    margin-top:20px;
    padding-left: 120px;
    padding-top: 40px;
}

@media (min-width: 1850px){
        .foot_mid_col{
                padding-left: 170px;
        }
}


@media (max-width: 1500px){
        .foot_mid_col{
                padding-left: 100px;
        }
}


@media (max-width: 1150px){
        .foot_mid_col{
            padding-left: 80px;
            margin-top: 15px;
        }

        .foot_last_column{
            padding-left: 90px !important;
            margin-top: 15px !important;
        }
    }

    @media (max-width: 1020px){
        .foot_mid_col{
                padding-left: 50px;
        }

        .foot_last_column{
            padding-left: 60px !important;
        }
    }

    @media (max-width: 998px){
        .foot_mid_col{
                padding:35px 10px 0;
        }

        .foot_last_column{
            padding-left: 0px !important;
        }
    }



#footer h4{
    font-size: 16px;
    letter-spacing: 0.7px;
}


.foot_last_column{
    margin-top:20px;
    padding-left: 120px;
}

.footer_last{
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.foot_last_column ul li a {
            color: #fff;
            text-decoration: none;
        }

.foot_last_column ul {
    list-style: none; 
    padding: 0;
    margin: 0;
    margin-top: 30px;
}


.foot_last_column ul li {
    margin-bottom: 3px; 
}

.foot_last_column ul + ul {
    margin-top: 30px; 
}


.social_icon{
    margin-top:35px;
}


/*------------------table term and condition---------------------*/

.termsBlock table tr td{

}

#mainContent-inner{
}



</style>