.app{display:flex;height:100vh;background-color:#f8f8f8}.main-content{flex-grow:1;padding-left:270px;padding-top:10px;background-color:#f8f8f8;overflow-y:auto;padding-right:20px}.custom-header{display:flex;justify-content:end}.table thead tr th{font-size:14px!important;color:gray}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media (max-width: 768px){.main-content{margin-left:0}}body{font-family:Poppins,sans-serif;background-color:#f8f8f8;color:#1a202c!important}.f-grotesk{font-family:Hanken Grotesk,sans-serif!important}.f-size-10{font-size:10px}.f-size-12{font-size:12px}.f-size-14{font-size:14px}.f-size-16{font-size:16px}.f-size-18{font-size:18px}.f-size-20{font-size:20px}.f-size-24{font-size:24px}.f-size-32{font-size:32px}.f-size-40{font-size:40px}.f-weight-400{font-weight:400}.f-weight-500{font-weight:500}.f-weight-600{font-weight:600}.f-weight-700{font-weight:700}.f-weight-800{font-weight:800}.f-weight-900{font-weight:900!important}.f-gray{color:#595959!important}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;text-align:center}.btn-primary{background-color:#3182ce;color:#fff}.btn-primary:hover{background-color:#2b6cb0}.btn-orange{background-color:#fd4c5c;color:#fff}.btn-orange:hover{background-color:#d43e4f}.form-label{display:block}.f-orange{color:#fd4c5c}.login-inputs{padding:12px 15px;border-radius:10px;border:1px solid #ced4da;font-size:14px;color:#495057;background-color:#fff;outline:none;box-shadow:none}.login-inputs::placeholder{color:#6c757d}.password-input-container{position:relative;width:100%}.form-control{width:100%;padding-right:40px}.toggle-password-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#aaa}.form-control:focus+.toggle-password-btn,.toggle-password-btn:hover{color:#333}.f-dark-gray{color:#84827e}.otp-container{display:flex;justify-content:space-between;width:250px}.otp-input{width:40px;height:40px;text-align:center;font-size:1.5rem;border:none;margin:0 5px;outline:none;border-bottom:3px solid #3a2525}.otp-input:focus{border-color:#4caf50}.otp-input:invalid{border-color:red}.otp-input:disabled{background-color:#f0f0f0}.underline{text-decoration:underline;cursor:pointer}.sidebar-container{position:fixed;top:0;left:0;width:250px;height:100vh;overflow-y:auto;background-color:#1a202c}.nav-link{display:flex;flex-direction:row;align-items:center;padding:10px 8px;gap:8px;width:auto;height:40px;background:transparent;border-radius:8px;color:#333;text-decoration:none;box-sizing:border-box;transition:background-color .3s ease,color .3s ease}.nav-link:hover{background:#fd4c5c1a;color:#fd4c5c}.nav-link.active-menu-sidebar{background:#fd4c5c;color:#fff}.nav-link.active-menu-sidebar:hover{background:#e73f4d;color:#fff}.nav-text{width:auto;height:13px;font-family:Poppins,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:110%;text-align:center;letter-spacing:.01em;color:#84827e;flex:none;order:0;flex-grow:0}.nav-link.active-menu-sidebar .nav-text{color:#fff}.icon-bg-container{display:flex;flex-direction:row;align-items:center;padding:12px;gap:10px;width:48px;height:48px;background:#fd4c5c;border-radius:30px;flex:none;order:1;flex-grow:0}.nav-link img{filter:none}.nav-link.active-menu-sidebar img{filter:invert(1) brightness(1110) saturate(100%) contrast(100%)}.route-section{display:flex;justify-content:space-between;align-items:center;padding:12px 44px;background:#f4f3f3;border-radius:12px}.line-with-circles{display:flex;align-items:center;justify-content:center;position:relative;flex-grow:1}.line-with-circles span{display:block;width:100%;height:2px;background-color:#fd4c5c;position:relative}.line-with-circles span:before,.line-with-circles span:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:#fd4c5c}.line-with-circles span:before{left:-5px;top:-4px}.line-with-circles span:after{right:-5px;top:-4px}.airline-logo-avatar{width:48px;height:48px;background:#f4f3f3;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0}.airline-logo-avatar img{width:100%;height:100%;object-fit:contain;border-radius:8px}.badge{display:flex;justify-content:center;align-items:center;width:80px;height:24px;border-radius:5px;color:#fff;text-transform:capitalize}.bg-success{background-color:#28a745}.bg-pending{background-color:#ffc107}.bg-cancelled{background-color:#dc3545}.bg-hold{background-color:#6c757d}.custom-white-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2px;padding:5px 10px;width:55px;height:30px;background:#fd4c5c;border-radius:6px;color:#fff;flex:none;order:2;flex-grow:0;text-decoration:none!important;cursor:pointer}.flight-tag{background-color:#4e56f1;color:#fff;font-size:12px;padding:4px 8px;border-radius:12px;font-weight:700;display:inline-block;width:30px}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.search-bar-container{position:relative;width:100%;max-width:400px}.search-input-container{display:flex;align-items:center;border:1px solid #ffffff;border-radius:10px;overflow:hidden;background-color:#fff}.search-input{flex:1;border:none;outline:none;padding:10px;font-size:16px;color:#333}.search-button{background-color:#6ab836;color:#fff;border:none;padding:10px 15px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.search-button:hover{background-color:#519f1c}.f-vivid-red{color:#fd4c5c!important}.light-custom-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 14px;width:55px;height:40px;background:#f4f3f3;border-radius:6px;flex:none;order:0;flex-grow:0}.f-black{color:#222}.white-custom-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 14px;width:55px;height:40px;background:#fff;border-radius:6px;flex:none;order:0;flex-grow:0}.vertical-route-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;height:100%}.circle{width:15px;height:15px;background-color:#fd4c5c;border-radius:50%;z-index:1}.start-circle,.end-circle{background-color:#fd4c5c}.route-line{flex:1;width:2px;background:repeating-linear-gradient(to bottom,#ccc,#ccc 4px,transparent 4px,transparent 8px);position:relative;margin:10px 0;display:flex;align-items:center}.plane-icon{position:absolute;top:50%;left:-10px;transform:translateY(-50%);font-size:20px;color:#fd4c5c;background-color:#fff;padding:5px;border-radius:50%;border:2px solid #ccc}.pagination{display:flex;list-style:none;padding:0;justify-content:center;margin:20px 0}.pagination li{margin:0 5px}.pagination li a{text-decoration:none;padding:8px 12px;border-radius:7px;color:#fd4c5c;transition:background-color .3s,color .3s;background-color:#fff}.pagination li a:hover{background-color:#fd4c5c;color:#fff}.pagination .active a{background-color:#fd4c5c;color:#fff;border:1px solid #FD4C5C}.pagination .disabled a{color:#ccc;pointer-events:none;border-color:#ddd}.react-phone-number-input{padding:12px 15px;border-radius:10px;border:1px solid #ced4da;font-size:14px;color:#495057;background-color:#fff;outline:none;box-shadow:none;width:100%;transition:border-color .3s,box-shadow .3s}.react-phone-number-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.react-phone-number-input::placeholder{color:#6c757d;font-style:italic;transition:color .3s ease-in-out}.react-phone-number-input:focus::placeholder{color:#007bff}.react-phone-number-input__country{border:1px solid #ced4da;border-radius:10px 0 0 10px;padding:12px 15px}.react-phone-number-input__country-select{border-radius:10px;padding:8px;background-color:#fff;border:1px solid #ced4da;transition:border-color .3s,box-shadow .3s}.react-phone-number-input__country-select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.PhoneInputInput{border:none}.header-and-content{display:flex;flex-direction:column}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.page-heading{margin-left:20px}h1{font-size:24px;margin:0}.user-img-container{width:35px;height:35px;background-color:#495057;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-img-container img{width:100%;height:100%;border-radius:50%}.icon-button{display:flex;align-items:center;justify-content:center;padding:6px;gap:8px;width:30px;height:30px;background:#f4f3f3;border-radius:6px;border:none;cursor:pointer;transition:background .2s ease-in-out}.icon-button:hover{background:#e0dfdf}.icon-button:active{background:#d4d3d3;transform:scale(.95)}.icon-button i{font-size:16px}
