#din-experience .flight-search-container{background:none !important}
#din-experience .dining-heading{font-family:var(--body-font-family) !important;font-size:24px !important;font-weight:600 !important;text-transform:uppercase !important}
@media screen and (max-width:767px){#din-experience .dining-heading{font-size:20px !important}
}
#diningexppage{background:0}
#diningexppage .cdk-overlay-container{display:block}
#diningexppage #classes-option-select-panel,#diningexppage #menu-option-select-panel{translate:-15px 4px}
#din-experience .fetch-dining-btn{background-color:#da0e29;color:#FFF;font-weight:400 !important;font-family:var(--heading-font-family) !important;letter-spacing:.12px;font-style:normal;text-transform:capitalize;font-size:12px !important}
#din-experience .fetch-dining-btn:hover{background-color:#b61032}
#din-experience .fetch-dining-btn:active{background-color:#790b27 !important;border:1px solid #790b27 !important}
#din-experience .fetch-dining-btn:focus-visible{background-color:#da0e29 !important;outline:4px solid #fecbd8 !important;border:#da0e29 !important}
#din-experience .tab-heading{font-family:var(--body-font-family) !important}
#din-experience .card-text{font-family:var(--body-font-family) !important}
#din-experience .card-button{font-family:var(--body-font-family) !important}
#din-experience .tab-heading span{font-family:var(--body-font-family) !important}
#din-experience .menu-title{font-family:var(--body-font-family) !important}
#din-experience .menu-category{font-family:var(--body-font-family) !important}
#din-experience .menu-desc{font-family:var(--body-font-family) !important}
#din-experience .desclaimer-text{font-family:var(--body-font-family) !important}
.airport-list-card .airport-code-detail{padding:4px;width:100%;background:#f9f6ee;color:#626773;font-family:var(--variable-font-family);border-radius:4px;font-size:14px}
.airport-list-card .row:first-child{margin:0}
.airport-list-card{padding-left:0;padding-right:0}
.airport-list-card>.row>.col-3{padding-left:0;padding-right:4px}
.airport-name{padding-left:12px !important}
.airport-country-detail{color:var(--global-colours-ai-base-ai-black,#1c1213) !important;font-family:var(--body-font-family);font-style:normal;font-weight:700;font-size:14px !important}
.airport-name-detail .airport-name{color:var(--global-colours-ai-grey-g-500,#626773) !important;font-family:var(--body-font-family);font-style:normal;font-weight:400;font-size:12px}
#din-experience .auto-complete-container{.dropdown-menu .dropdown-item.active{background-color:#f2f2f2;color:#333}
.dropdown-menu .dropdown-item:active{background-color:#f2f2f2;color:#333}
position:relative;input{width:100% !important;padding:17px 22px !important;border-radius:0;font-size:16px;height:60px;border:1px solid #8f959a !important}
.milescal{position:absolute;padding-left:10px;top:19px}
input:focus ~ .milescal{display:none}
input:valid ~ .milescal{display:none}
.autocompleteDropdown{position:absolute;background-color:#fff;top:100%;left:0;max-height:200px;overflow:auto;width:100%;border-radius:0;border:0;box-shadow:0 4px 8px rgba(0,0,0,0.1607843137);ul{padding:0;margin:0;li{cursor:pointer;font-size:14px;font-weight:400;letter-spacing:2.5px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;border-bottom:1px solid #dbdee8;padding:12px 24px;color:#333;transition:.3s;&:hover{background-color:#f2f2f2}
}
}
}
.hide{display:none}
}
#din-experience{.auto-complete-container input:focus:-ms-input-placeholder{position:relative;font-size:16px;color:var(--bs-secondary-color)}
.auto-complete-container input:focus::placeholder{position:relative;font-size:16px;color:var(--bs-secondary-color)}
}
#din-experience .airport-list-card{min-width:auto;min-height:60px;display:block;font-weight:400;font-size:14px;line-height:1.5;color:#000;padding:10px;border-bottom:1px solid #dbdee8;white-space:nowrap;cursor:pointer;margin:0;overflow:hidden;position:relative}
#din-experience #datepickerlone{margin-top:3px;padding-left:22px;& ~ label.control-label{margin-top:3px}
&.ng-valid ~ label.control-label{display:none}
&.open ~ label.control-label{transform:translateY(0) !important;font-size:16px !important}
}
@media only screen and (max-width:991px){#din-experience #datepickerlone ~ label{padding-left:22px;color:var(--bs-secondary-color) !important}
}