#flightstatusupdateangular .mat-select{height:56px !important}
#flightstatusupdateangular .placeholder-form-group input{font-family:"Nunito Sans" !important;height:56px !important;padding-bottom:4px}
#flightstatusupdateangular .placeholder-form-group .placeholder-form-control::placeholder{color:#b0b5bf !important}
.filledText:after{top:20px !important}
#flightstatusupdateangular .mat-select-placeholder{font-family:"Nunito Sans" !important;color:#b0b5bf !important}
.mat-option .mat-option-text{font-family:"Nunito Sans" !important}
span.mat-select-min-line{font-family:"Nunito Sans" !important}
#flightstatusupdateangular .booking-flight-btn{font-family:"Nunito Sans" !important;height:56px}
#flightstatusupdateangular .booking-flight-btn{background-color:#da0e29;color:#FFF;font-weight:400 !important;font-family:airindiaregular !important;letter-spacing:.12px;font-style:normal;text-transform:capitalize;font-size:16px !important}
#flightstatusupdateangular .booking-flight-btn:hover{background-color:#b61032}
#flightstatusupdateangular .booking-flight-btn:active{background-color:#790b27;border:1px solid #790b27}
#flightstatusupdateangular .booking-flight-btn:focus-visible{background-color:#da0e29 !important;outline:4px solid #fecbd8 !important;border:#da0e29 !important}
#flightstatusupdateangular .flightStatusTitle{color:var(--text-text-heading,#383c42);font-family:var(--body-font-family) !important;font-size:24px;font-style:normal;font-weight:600;line-height:125%;text-transform:uppercase;margin-bottom:16px}
#flightstatusupdateangular .heading{margin-bottom:24px}
@media screen and (max-width:767px){#flightstatusupdateangular .flightStatusTitle{font-size:20px !important}
#flightStatusArea .card .card-body .content-top .flight-from{margin-top:8px}
}
#flightstatusupdateangular .body{background:none !important}
#flightstatusupdateangular .flightStatus-multicity{background:none !important}
#flightstatusupdateangular .booking-form.flightState{padding:24px !important}
#flightStatusArea .route span{color:#FFF !important}
#new-flight-status.fullpage-container{background-color:rgba(0,0,0,.8);display:flex;align-items:center;flex-direction:column;justify-content:center;height:100vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:0;width:100%;height:100%;z-index:1500;position:fixed}
#flightStatusUpdated{background:none !important}
.flight-status-textfield{position:relative}
.flight-status-input-label{position:absolute;font-size:16px !important;left:0;top:50%;transform:translateY(-50%);background-color:#fff;color:#8f959a !important;padding:0 .3rem;margin:0 .5rem;transition:.1s ease-out;transform-origin:left top;pointer-events:none}
.flight-status-input{color:#212529;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.08px;outline:0;border:1px solid #b0b5bf;padding:1rem .7rem;transition:.2s ease all}
.flight-status-input:focus+label{color:#8f959a !important;top:0;transform:translateY(-42%) scale(.9);transition:.2s ease all}
.flight-status-input.ng-valid+label{top:0;transform:translateY(-42%) scale(.9);transition:.2s ease all}
.flight-status-select-div{position:relative}
.flight-status-select{position:relative}
.flight-status-select-label{color:#8f959a !important;font-family:Nunito Sans;font-size:16px !important;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.08px;background-color:#fff;position:absolute;pointer-events:none;padding:0 5px;left:10px;top:32%;transition:.2s ease all}
.flight-status-select:focus~.flight-status-select-label,.flight-status-select:valid~.flight-status-select-label{color:#8f959a;top:-8px;transition:.2s ease all;font-size:14px !important}
#flightStatusUpdated .mat-error{font-size:12px}
.flight-status-select.ng-valid:not(focus)~.flight-status-select-label{color:#8f959a;background-color:#fff;font-size:14px !important;top:-8px}
.flight-status-select.ng-valid:focus~.flight-status-select-label{color:#8f959a;font-size:14px}
#flightstatusupdateangular .error-message-part{margin-top:12px}
#flightstatusupdateangular .error-message-part-heading{text-transform:uppercase}
#flightstatusupdateangular .error-message-part .error-message-part-subHeading{color:var(--global-ai-black)}
#flightstatusupdateangular .error-message-part .error-message-part-heading{font-weight:500;color:var(--ai-global-red)}
#flightstatusupdateangular #flight-status-error .error-message-part-heading{display:flex;align-items:flex-end}
#flightstatusupdateangular #flight-status-error .error-message-part-heading svg{margin-right:5px;margin-left:0}
#flightstatusupdateangular .flight-from svg,#flightstatusupdateangular .top-text-left-area svg{background-image:url(../../../../../content/dam/air-india/flightstatusimage/red-ai-logo1.svg);background-size:100%;background-repeat:no-repeat}
#flightstatusupdateangular .flight-from svg g,#flightstatusupdateangular .top-text-left-area svg g,#flightstatusupdateangular .flight-from svg defs,#flightstatusupdateangular .top-text-left-area svg defs{display:none}
#flightstatusupdateangular .top-text-left-area .free-wifi-tag svg{background-image:url(../../../../../content/dam/air-india/flightstatusimage/wifi-available-logo.svg);background-size:100%;background-repeat:no-repeat}
@media(max-width:991px){#flightstatusupdateangular .booking-flight-btn{height:48px !important}
}
#flightstatusupdateangular .flight-status-select-label{background-color:transparent}
#flightstatusupdateangular .booking-form.flightState{padding:24px 0 !important}
#flightstatusupdateangular .accordion .accordion-item.disabled .accordion-button{background-color:var(--ai-accordion-border-color)}
#flightstatusupdateangular .accordion .accordion-item.disabled{background-color:var(--ai-accordion-border-color)}
#flightstatusupdateangular .accordion .accordion-item{padding:24px}
#flightstatusupdateangular .accordion .accordion-item .accordion-button{padding:0}
@media(max-width:991px){#flightstatusupdateangular .flightStatus-multicity.accordion .accordion-item{padding:16px}
#flightstatusupdateangular .accordion-collapse .booking-form{max-width:100% !important}
#flightstatusupdateangular .booking-form .flight-status-img-overlay{padding:16px !important}
#flightstatusupdateangular .accordion .accordion-item.disabled{padding:16px}
}
.flown-message{display:block !important;color:#da0e29;text-align:center;font-family:"Nunito Sans";font-size:12px;font-style:normal;font-weight:600;line-height:140%;letter-spacing:.048px;background-color:#fef2f5;padding:4px 8px;margin-top:0}
@media(max-width:991px){.booking-form .flight-status-img-overlay{padding:32px 0 !important}
.flight-route .flight-route-nonstop .flight-route-nonstop-list .flight-route-nonstop-flight .flight-route-connecting-flight-bottom .flight-route-connecting-flight-left{min-width:auto !important}
.flight-route .flight-route-nonstop .flight-route-nonstop-list .flight-route-nonstop-flight .flight-route-connecting-flight-bottom .flight-route-connecting-flight-right{min-width:auto !important}
.flight-route .flight-route-nonstop .flight-route-nonstop-list .flight-route-nonstop-flight .flight-route-connecting-flight-bottom{gap:8px}
.flight-route .flight-route-nonstop .flight-route-nonstop-list .flight-route-nonstop-flight .flight-route-connecting-flight-bottom .flight-route-connecting-flight-middle{width:67% !important}
.flight-route-nonstop-flight-bottom-flight span{font-size:12px}
.flight-route .flight-route-nonstop .flight-route-nonstop-list .flight-route-nonstop-flight .flight-route-connecting-flight-bottom .flight-route-connecting-flight-middle{width:100%;gap:0 !important}
}
#flightStatusArea .card .card-body .content-top .top-text-left-area{padding-bottom:8px !important}
#flightStatusArea .card .card-body .content-top .top-text-left-area .flight-details-ar .list-inline-item{display:flex;align-items:center}
#flightStatusArea .card .card-body .content-top .top-text-left-area .flight-details-ar .list-inline-item svg{padding:3px;background-color:var(--ai-global-red)}
#flightstatusupdateangular .booking-form .flight-status-img-overlay{background-color:var(--color-white)}
#flightstatusupdateangular .booking-form{background-color:transparent}
#flightstatusupdateangular .route-status .swap-arrow{top:23%}
@media(max-width:767px){.flight-route .flight-route-nonstop .flight-route-nonstop-list .flight-route-nonstop-flight .flight-route-nonstop-flight-top .flight-route-nonstop-flight-time{font-size:18px !important}
}
.flight-route .flight-route-nonstop-flight-bottom-flight svg{background-color:var(--ai-global-red);height:14px;width:14px}
.flight-status-input-label{margin:.25rem .5rem !important}
#flightstatusupdateangular .mat-select{background-color:var(--color-white)}
#flightstatusupdateangular .route-status .mat-select{height:56px !important;background-color:var(--color-white)}
@media(max-width:991px){#flightstatusupdateangular .booking-form.flightState{padding-bottom:0 !important}
#flightstatusupdateangular .booking-form.flightState .col-12{margin-bottom:16px}
#flightstatusupdateangular .booking-flight-btn{margin-top:0}
}
#flightstatusupdateangular .auto-complete-container label{color:var(--ai-silver-color)}
#flightstatusupdateangular .route-status .flight-status-select-label{color:var(--ai-silver-color) !important}
#flightstatusupdateangular .flight-status-input-label{margin:0 .5rem !important}
@media(min-width:1181px) and (max-width:1230px){#flightStatusUpdated .text.page-description,.breadcrumb.aem-GridColumn.aem-GridColumn--default--12{padding-left:24px;margin-left:0}
}
#flightstatusupdateangular .flight-sch-radio .mat-radio-container{transform:scale(1) !important}
#flightstatusupdateangular .mat-form-field input{border:0;padding:0}
#flightstatusupdateangular .field-class{height:56px !important}
#flightstatusupdateangular app-datepicker .input-group input#datepickerlone{padding:0 12px !important}
#flightstatusupdateangular .mat-form-field-appearance-outline .mat-form-field-label,#flightstatusupdateangular .mat-form-field-empty.mat-form-field-label,#flightstatusupdateangular .mat-form-field-label .label{font-size:16px}
#flightstatusupdateangular .auto-complete-container input:focus~label,#flightstatusupdateangular .auto-complete-container input:not(:placeholder-shown)~label{transform:translateY(-10px);padding-left:5px !important;padding-right:5px !important;margin-left:7px !important;background:white !important;display:inline-block;position:absolute;top:0}
#flightstatusupdateangular app-datepicker input~label{padding:16px 5px !important;margin-left:7px !important}
#flightstatusupdateangular input.open~label.control-label,#flightstatusupdateangular input.ng-valid.ng-touched:not(.ng-pristine)~label.control-label,#flightstatusupdateangular input:not(:placeholder-shown)~label.control-label{transform:translateY(-10px) !important;padding:0 5px !important;margin-left:7px !important;background:white !important}
#flightstatusupdateangular .auto-complete-container input:focus,#flightstatusupdateangular .auto-complete-container input:not(:placeholder-shown){padding-top:0 !important;padding-left:12px !important}
#flightstatusupdateangular .mat-form-field-appearance-outline .mat-form-field-outline-start,#flightstatusupdateangular .mat-form-field-appearance-outline .mat-form-field-outline-end{border-radius:0}
#flightstatusupdateangular .auto-complete-container input:focus,#flightstatusupdateangular .auto-complete-container input:not(:placeholder-shown){padding-left:12px}
#flightstatusupdateangular .flight-schedule .auto-complete-container{height:54px}
#flightstatusupdateangular .booking-form input{border:0}
#flightstatusupdateangular .placeholder-form-group input{border:1px solid var(--ai-autocomplete-border) !important;border-radius:0}
@media(max-width:1024px){#flightstatusupdateangular .mat-form-field-wrapper{padding-bottom:0}
#flightstatusupdateangular .justify-content-around{padding-top:12px !important;padding-bottom:15px !important}
#flightstatusupdateangular span.mat-radio-label-content{margin-bottom:0}
#flightstatusupdateangular .date-range{margin-bottom:16px;width:100%}
#flightstatusupdateangular .corresponding-dates{margin-top:10px}
}
#flightstatusupdateangular ngb-typeahead-window .row:nth-child(2){padding-top:0 !important;padding-bottom:0 !important}
#flightstatusupdateangular .mat-radio-outer-circle{border-width:1px}
@media screen and (min-width:992px){#flightstatusupdateangular .schedule-details-header .mat-input-element{width:unset}
#flightstatusupdateangular .booking-form .mat-radio-button label span{font-size:14px;color:var(--color-black);padding-left:8px}
}
#flightstatusupdateangular .flight-status-select-label,#flightstatusupdateangular input.ng-valid.ng-touched:not(.ng-pristine)~label.control-label,#flightstatusupdateangular input:not(:placeholder-shown)~label.control-label{transform:translateY(-2px) !important;background:white !important}
#flightstatusupdateangular .mat-select{padding:20px 12px}
#flightstatusupdateangular .route-status .auto-complete-container input{padding-left:10px !important}
#flightstatusupdateangular .mat-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow{margin-top:4px}
#flightstatusupdateangular .red-ai-logo{width:16px;height:16px}
@media(min-width:992px){#flightstatusupdateangular span.mat-radio-container{width:24px;height:24px}
}
@media(max-width:767px){#flightstatusupdateangular span.mat-radio-container{width:20px;height:20px}
#flightstatusupdateangular .mat-radio-label-content{padding-left:0;margin-top:-5px}
#flightstatusupdateangular span.mat-radio-container{width:20px;height:20px}
#flightstatusupdateangular .mat-radio-label-content{padding-left:0;margin-top:-3px}
}
@media(min-width:992px){#flightstatusupdateangular span.mat-radio-container{width:24px;height:24px}
}
#flightstatusupdateangular .auto-complete-container input:focus~label,#flightstatusupdateangular .auto-complete-container input:not(:placeholder-shown)~label{transform:translateY(-10px);padding-left:5px !important;padding-right:5px !important;margin-left:7px !important;background:white !important;display:inline-block;position:absolute;top:0}
#flightstatusupdateangular input.open~label.control-label,#flightstatusupdateangular input.ng-valid.ng-touched:not(.ng-pristine)~label.control-label,#flightstatusupdateangular input:not(:placeholder-shown)~label.control-label{transform:translateY(-10px) !important;padding:0 5px !important;margin-left:7px !important;background:white !important}
#flightstatusupdateangular .flightState .auto-complete-container{height:54px}