@font-face{font-family:'Graphik Web';src:url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Extralight-Web.woff2') format('woff2'),url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Extralight-Web.woff') format('woff');font-weight:200;font-style:normal;font-stretch:normal}
@font-face{font-family:'Graphik Web';src:url('https://www.qatarairways.com/content/dam/assets/font/Graphik-ExtralightItalic-Web.woff2') format('woff2'),url('https://www.qatarairways.com/content/dam/assets/font/Graphik-ExtralightItalic-Web.woff') format('woff');font-weight:200;font-style:italic;font-stretch:normal}
@font-face{font-family:'Graphik Web';src:url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Thin-Web.woff2') format('woff2'),url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Thin-Web.woff') format('woff');font-weight:100;font-style:normal;font-stretch:normal}
@font-face{font-family:'Graphik Web';src:url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Light-Web.woff2') format('woff2'),url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Light-Web.woff') format('woff');font-weight:300;font-style:normal;font-stretch:normal}
@font-face{font-family:'Graphik Web';font-weight:500;// Medium font-style:normal;font-display:swap;src:url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Medium-Web.woff2') format('woff2'),url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Medium-Web.woff') format('woff')}
@font-face{font-family:'Graphik Web';src:url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Regular-Web.woff2') format('woff2'),url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Regular-Web.woff') format('woff');font-style:normal;font-stretch:normal}
@font-face{font-family:'Graphik Web';font-weight:400;// Regular font-style:normal;font-display:swap;src:url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Regular-Web.woff2') format('woff2'),url('https://www.qatarairways.com/content/dam/assets/font/Graphik-Regular-Web.woff') format('woff')}
@font-face{font-family:'icomoon';src:url('clientlibs/resources/fonts/icomoon.eot');src:url('clientlibs/resources/fonts/icomoon.eot') format('embedded-opentype'),url('clientlibs/resources/fonts/icomoon.ttf') format('truetype'),url('clientlibs/resources/fonts/icomoon.woff') format('woff'),url('clientlibs/resources/fonts/icomoon.svg') format('svg');font-weight:normal;font-style:normal;font-display:block}
.login-form-wrapper{display:flex;flex-direction:column;justify-content:space-between}
.login-form{margin-bottom:var(--f-base-space-6)}
.login-form .title,.otp-title{font:var(--f-brand-type-title-1);margin-bottom:var(--f-base-space-4);color:var(--f-brand-color-text-default)}
.login-form .input:focus{border:1px solid var(--f-brand-color-border-selected);box-shadow:var(--f-brand-shadow-none)}
.login-form .button{height:56px;width:100%;background:var(--f-brand-color-primary);color:var(--f-brand-color-text-light);font:var(--f-brand-type-body-medium);border:1px solid var(--f-brand-color-border-primary);border-radius:var(--f-brand-border-radius-rounded);text-align:center}
.login-form .button:hover{background:#64003a;box-shadow:0 3px 6px #1F212B0D}
.button-wrapper.social-media-buttons .button:hover{background:transparent}
.custom-container .social-media-buttons a,.custom-container .social-media-buttons a:hover,.custom-container .social-media-buttons a:focus{text-decoration:none}
.login-form .button:focus{border:2px solid var(--f-brand-color-border-primary);outline:0}
.login-form .button.qr-disabled:focus{border:1px solid var(--f-brand-color-border-default)}
.hr-line{background-color:var(--f-brand-color-background-disabled);width:100%;height:1px;position:relative;margin-bottom:var(--f-base-space-6)}
.hr-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--f-brand-color-background-light);padding:var(--f-base-space-0) var(--f-base-space-2);height:16px;line-height:16px;color:var(--f-brand-color-text-default);text-align:center;font:var(--f-brand-type-body)}
.qr-member-email-footer{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;border-top:1px solid var(--f-brand-color-border-default);padding-top:var(--f-base-space-4)}
.login-form-footer p{margin-bottom:var(--f-base-space-2);font:var(--f-brand-type-body)}
.login-form-footer a{color:var(--f-brand-color-text-default);text-decoration:underline;font:var(--f-brand-type-body-medium)}
.login-form-footer .reset-email{font:var(--f-brand-type-body-medium)}
.social-media-buttons .icon{font-size:24px}
.social-media-buttons .button{display:flex;align-items:center;justify-content:flex-start;padding-left:28%;border:1px solid var(--f-brand-color-border-default);background:var(--f-brand-color-background-light);color:var(--f-brand-color-text-default);margin-bottom:var(--f-base-space-4)}
.signup-now{color:var(--f-brand-color-text-default)}
.signup-now a{text-decoration:underline;font-weight:500}
.email-format,.label-title span{font-weight:500}
.input-box .show-password{position:absolute;top:12px;right:16px;font-size:24px;cursor:pointer}
#login-show-password.show-password{appearance:none;-webkit-appearance:none}
#login-show-password+label{font-size:0;position:absolute}
.forgot-password-link{font:var(--f-brand-type-subheading-medium);text-decoration:underline;display:block;color:var(--f-brand-color-text-default);margin-bottom:var(--f-base-space-6)}
.description{font:var(--f-brand-type-body);color:var(--f-brand-color-text-default)}
.resend-otp-timer,.bold-text{font-weight:500}
.description p{margin-bottom:var(--f-base-space-6)}
.qr-resend-otp{font-weight:500;color:var(--f-brand-color-text-default);text-decoration:underline}
.vl-resend-email{font-weight:500;text-decoration:underline;color:var(--f-brand-color-text-default)}
.custom-container a,.custom-container a:hover,.custom-container a:focus{color:var(--f-brand-color-text-default);cursor:pointer}
.verification-option-block{margin-bottom:var(--f-base-space-6)}
.qr-notification-message{font:var(--f-brand-type-body)}
.qr-notification-message a{text-decoration:underline;font-weight:500}
.custom-container.login-notification-container{padding:var(--f-base-space-4)}
.resend-otp-wrapper{height:64px;font:var(--f-brand-type-body)}
.qr-setpassword-criteria-block{font:var(--f-brand-type-caption);padding-left:var(--f-base-space-4);margin-top:var(--f-base-space-2);position:relative;display:none}
.qr-setpassword-criteria-block .qr-password-criteria-label{margin-bottom:var(--f-base-space-0)}
.qr-setpassword-criteria-block .qr-password-criteria-label.error{color:var(--f-brand-color-status-error);display:flex;align-items:center}
.qr-setpassword-criteria-block .qr-password-criteria-label .icon-error{display:none;transition:display 1s;position:absolute;left:0}
.qr-setpassword-criteria-block .qr-password-criteria-label.error .icon-error{transition:display 1s;display:block}
.qr-setpassword-criteria{padding:var(--f-base-space-0);margin:var(--f-base-space-0)}
.qr-setpassword-criteria li{list-style:none;display:flex;align-items:center;transition:color 1s}
.qr-setpassword-criteria li .icon-block{display:flex;width:18px;margin-right:var(--f-base-space-1);opacity:0;transition:opacity 1s}
.qr-setpassword-criteria li .icon-ic-tick{display:none;transition:display 1s}
.qr-setpassword-criteria li .icon-dot{display:none;transition:display 1s}
.qr-setpassword-criteria li .icon-dot:before{content:".";top:-4px;position:relative;font-size:16px;left:4px}
.qr-setpassword-criteria li.active .icon-block,.qr-setpassword-criteria li.error .icon-block,.qr-setpassword-criteria li.default .icon-block{opacity:1;transition:opacity 1s}
.qr-setpassword-criteria li.default .icon-dot{display:block;transition:display 1s}
.qr-setpassword-criteria li.active .icon-ic-tick{transition:display 1s;display:block}
.qr-setpassword-criteria li.default.active .icon-dot{transition:display 1s;display:none}
.qr-setpassword-criteria li.error .icon-dot{transition:display 1s;display:block}
.qr-setpassword-criteria li.active{color:var(--f-brand-color-status-success)}
.qr-setpassword-criteria li.error{color:var(--f-brand-color-status-error)}
.button .icon-external-link{margin-left:var(--f-base-space-2);font-size:var(--f-base-type-scale-2)}
.check-inbox-block .button-wrapper{margin-bottom:var(--f-base-space-6)}
.otp-modal .modal-content{border-radius:var(--f-brand-border-radius-outer)}
.otp-modal .modal-body{padding:var(--f-base-space-8)}
.otp-modal .modal-dialog{margin-top:var(--f-base-space-20)}
.sub-menu-aside{display:none}
.login-spinner-container{position:absolute;margin:0 auto;max-width:100%;height:100vh;background:rgba(255,255,255,.85);z-index:1}
.login-spinner-container .spinner-overlay{background:var(--f-brand-color-background-light);z-index:10;margin:0 auto}
.loading-content{position:absolute;left:50%;margin-left:-48px;top:40%;width:50px;height:50px}
.loader{margin:0 auto;height:76px;width:76px;animation:rotate .8s infinite linear;border:2px solid var(--f-brand-color-border-primary);border-right-color:#ceb4c0;border-radius:50%;position:relative;background:var(--f-brand-color-background-light)}
.content{position:relative;margin-top:-75px;margin-left:5px;width:70px;height:70px}
.oryx{position:absolute;top:9px;left:10px}
@keyframes rotate{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.qr-otpchannel-block .otp-wrapper .verification-option-block label.radio-base{display:block;margin-bottom:var(--f-base-space-4)}
.qr-otpchannel-block .otp-wrapper .verification-option-block .radio-base-text{display:flex;align-items:flex-start}
.qr-otpchannel-block .otp-content .description{margin-bottom:var(--f-base-space-8);color:var(--f-brand-color-text-muted)}
.qr-otpchannel-block .otp-wrapper .opt-option-heading{margin-bottom:var(--f-base-space-4);font:var(--f-brand-type-body-medium)}
.qr-otpchannel-block .otp-wrapper .verification-option-block .radio-base-text .radio-subdesc .recommended-tag{font:var(--f-brand-type-body-medium)}
.qr-otpchannel-block .otp-wrapper .verification-option-block .radio-base-text:after{top:10px}
.qr-otpchannel-block .otp-wrapper .verification-option-block .radio-base-text .radio-subdesc{padding-left:var(--f-base-space-2)}
@media only screen and (min-width:768px){.qr-otpchannel-block.otp-modal .modal-dialog{max-width:720px}
}
.social-media-buttons{display:flex;align-items:center;justify-content:center;gap:var(--f-base-space-4)}
.button-wrapper.social-media-buttons{margin-bottom:var(--f-base-space-6)}
.qr-sm-icon{border:1px solid var(--f-brand-color-border-default);width:48px;height:48px;display:flex;align-items:center;justify-content:space-around;border-radius:50%;background:transparent}
.qr-sm-icon:hover{text-decoration:none}
.qr-sm-icon:focus{border:2px solid #8e2157;outline:0}
.qr-signup-link{display:flex;align-items:center;justify-content:center;color:var(--f-brand-color-text-muted);margin-bottom:var(--f-base-space-4);font:var(--f-brand-type-body)}
.qr-signup-link a{text-decoration:underline;color:var(--f-brand-color-text-default);font-weight:500;margin-left:var(--f-base-space-1)}
#fp-offline-consents .row{margin-left:var(--f-base-space-0);margin-right:var(--f-base-space-0)}
#fp-offline-consents .checkbox-base-text{display:flex;font-size:12px;padding:0 0 0 30px;cursor:pointer;margin-bottom:var(--f-base-space-4);margin-right:var(--f-base-space-2);position:relative}
#fp-offline-consents .checkbox-base-text p{font:var(--f-brand-type-body);margin:var(--f-base-space-0);color:var(--f-brand-color-text-default)}
#fp-offline-consents .checkbox-base-text:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:4px;border:1px solid var(--f-brand-color-border-default)}
#fp-offline-consents .checkbox-base [type="checkbox"]:checked~span:before{background:var(--f-brand-color-accent);border:0}
#fp-offline-consents .checkbox-base [type="checkbox"]:checked~span:after{font-family:'icomoon';content:'\e990';color:var(--f-brand-color-text-light);font-size:14px;top:1px;left:4px;position:absolute}
#fp-offline-consents{margin-left:-2px}
#fp-offline-consents .xf-content-height .enrollmentTnC .row.noborder .col-sm-8{flex:0 0 100%;max-width:100%}
#fp-offline-consents .checkbox-base input{position:absolute;opacity:0}
#fp-offline-consents .error .checkbox-base-text:before{border:1px solid var(--f-brand-color-status-error)}
#fp-offline-consents .col-sm-8{flex:0 0 100%;max-width:100%}
.simplified-consent-wrapper a{text-decoration:underline}
.simplified-consent-wrapper{display:flex}
.simplify-consent-text{width:100%;font:var(--f-brand-type-body)}
.offline-consent-label p{font:var(--f-brand-type-body);margin-bottom:var(--f-base-space-4)}
.simplified-consent-wrapper .checkbox-base{margin:var(--f-base-space-0)}
.g-recaptcha{margin-bottom:var(--f-base-space-6);display:inline-flex;width:303px;height:77px;border-radius:4px}
.g-recaptcha.error{border:1px solid var(--f-brand-color-status-error)}
.remember-me-block{display:flex;align-items:center;justify-content:space-between}
.beyond-business-login{display:flex;flex-direction:column;margin-bottom:var(--f-base-space-6)}
.beyond-business-login p{margin-bottom:var(--f-base-space-0);color:var(--f-brand-color-text-muted);font:var(--f-brand-type-body)}
.beyond-business-login a{text-decoration:underline;font:var(--f-brand-type-body-medium);outline:0}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px var(--f-brand-color-background-light) inset;-webkit-text-fill-color:var(--f-brand-color-text-default);font:var(--f-brand-type-body);padding:var(--f-base-space-4) var(--f-base-space-4) var(--f-base-space-1) !important}
input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 50px var(--f-brand-color-background-light) inset !important;font:var(--f-brand-type-body);padding:var(--f-base-space-4) var(--f-base-space-4) var(--f-base-space-1)}
input::-ms-reveal,input::-ms-clear{display:none}
.otp-timer-constant{font:var(--f-brand-type-body-medium)}
.otp-timer-colon{display:inline-block;margin-top:-2px;vertical-align:top}
.client-error-container{padding:var(--f-base-space-4);display:none}
.enclosed-field-wrapper{display:none}
.login-servicemsg-block .custom-container{margin-bottom:var(--f-base-space-4n)}
@media only screen and (min-width:768px){html,body{background:var(--f-brand-color-background-default)}
body.embedded-login-container{height:100vh;display:flex;align-items:center;justify-content:center}
.qr-login-container{padding-top:var(--f-base-space-2)}
.custom-container{width:516px}
.otp-modal .modal-dialog{max-width:840px}
.otp-modal .button-wrapper{text-align:right;margin-bottom:var(--f-base-space-0)}
.otp-modal .button-wrapper .button{width:auto}
.otp-modal .input-wrapper{width:340px;margin-bottom:var(--f-base-space-4)}
}
.portal-to-pc-block{padding-top:var(--f-base-space-2)}
.portal-to-pc-block .title{font:var(--f-brand-type-title-1);margin-bottom:var(--f-base-space-4)}
.portal-to-pc-block p{margin-bottom:var(--f-base-space-6);color:var(--f-brand-color-text-muted)}
.portal-to-pc-block p b{font:var(--f-brand-type-body-medium);color:var(--f-brand-color-text-default)}
.portal-to-pc-block .button-wrapper{margin-bottom:var(--f-base-space-0)}
.portal-to-pc-block .portal-joinpc-button{margin-bottom:var(--f-base-space-6)}
.portal-to-pc-block .cancel-portal-to-pc{display:flex;justify-content:center}