#page-header{width:100%;height:4rem;padding:10px 30px;z-index:9;position:absolute;top:0;text-align:left}#page-header img{height:100%}#page-header #loading{text-align:left;padding-left:30;font-size:18px;font-weight:700;display:block}#page-header #loading span{color:#e87e00;background:#25293c;padding:2px 10px;border-radius:2%;animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:0}}#loading.hidden{display:none!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #11172b}::-webkit-scrollbar-thumb{background:#11172b}::-webkit-scrollbar-thumb:hover{background:#11172b}*{font-family:sans-serif}#mapbox{width:100%;height:auto}#map-controls{display:flex;flex-direction:line;align-items:center;z-index:999999!important;position:absolute;right:30px;top:10px}#map-controls button{background-color:#11172b;color:#fff;border:none;margin-right:10px;padding:10px;font-size:20px;height:40px;width:40px;box-shadow:0 2px 4px #e87e00;cursor:pointer;transition:all .2s ease;border-radius:20%}#map-controls button:hover{background-color:#2f3249}#map-flights,#map-details{background:#11172b;width:50%;max-height:calc(100% - 60px);position:absolute;margin:0 25%;left:0;top:0;border-color:#11172b;border-width:1px;transition:1.2s cubic-bezier(.36,-.01,0,.77);z-index:9999;overflow:hidden}#map-details.hidden{display:block;margin-top:-200px}.progress-bar-color{background-color:#e87e00!important}@media only screen and (max-width: 992px){#map-details{width:100%;height:auto;position:absolute;margin:0!important;top:auto;bottom:0}#map-details.hidden{display:none}}#map-details header{height:40px;padding:10px 10px 0}#map-details header #info{color:#fff}#map-details header #info #flight_number{font-size:18px;font-weight:700}#map-details header #info #fleet_type{color:#ccc;background:#2f3349!important;border-radius:3%;font-size:14px;font-weight:400;padding:3px;margin-left:5px}#map-details header button{background:none;width:25px;height:25px;padding:5px;color:#fff;border:none;font-size:20px;box-shadow:0 1px 2px #e87e00;cursor:pointer;transition:all .2s ease;border-radius:20%;position:absolute;right:5px;top:5px}#map-details header button:hover{background-color:#2f3249}#map-details main{background:#343434;max-height:calc(100vh - 120px);overflow:hidden}#flight-info{color:#fff;position:relative}#flight-info .box{position:relative;height:auto}#flight-info span{text-align:center;font-size:12px}#flight-info span.icao{font-size:16px;font-weight:700}#flight-info span.name{font-size:12px}#flight-info .text-left{text-align:left}#flight-info .text-right{text-align:right}#flight-info .text-center{text-align:center}#flight-info strong{font-weight:700;font-size:16px!important}#flight-info #track_box{margin-top:5px;margin-bottom:15px;position:relative}#flight-info #track{height:100%;width:30%;background:#e87e00;position:relative}#ft-col-row{padding:2%}.flight_phase{padding:2%;margin-bottom:2%}#distance_from_departure{font-size:14px;margin-top:5px;text-align:left;position:absolute}#distance_to_arrival{font-size:14px;margin-top:5px;text-align:center;position:relative}#distance_percent{font-size:5px;text-align:center;position:absolute;right:10px;left:10px}#flight-info .header{background:#11172b;height:auto;color:#ccc;border:none;padding-top:5px;padding-bottom:12px}#flight-info .header svg{width:30px;display:inline-block;margin-top:-5px;margin-bottom:-12px}#flight-info .header span{font-weight:700;font-size:16px;display:inline-block;height:30px;text-align:left;vertical-align:middle;margin-left:10px;margin-bottom:-10px}.mapboxgl-popup-content{background:#11172b!important;padding:10px;color:#ccc;font-size:16px;text-align:center;border-radius:10px}.mapboxgl-popup-content small{font-size:12px}.mapboxgl-popup-tip{border-top-color:#25293c}.mapboxgl-popup-content-wrapper{width:89px;height:-moz-max-content;height:max-content;border:2px solid #bf0404;background-color:#f3cfcfb3;border-radius:18px;margin-bottom:3px}