/* Fixed geographic map + lightweight SVG reports, including on iOS 9. */
.radar-aircraft-button { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; -webkit-appearance: none; }
.radar-aircraft-button:focus { outline-offset: -4px; }
.radar-footer, .radar-expanded-info { pointer-events: none; }
.aircraft-overlay { z-index: 50; padding: 12px; overflow: hidden; }
.aircraft-details { position: relative; max-width: 1200px; height: 100%; margin: 0 auto; overflow: hidden; }
.aircraft-header { position: absolute; top: 0; left: 0; right: 0; height: 142px; padding: 17px 22px 10px; border-bottom: 1px solid #314248; }
.aircraft-header h2 { font-size: 27px; font-weight: 400; margin: 6px 42px 4px 0; }
.aircraft-header p { font-size: 11px; color: #9dafb2; margin-right: 30px; }
.aircraft-header .close-button { width: 44px; height: 44px; top: 6px; right: 8px; }
.aircraft-switches { margin-top: 11px; }
.aircraft-switches > div { display: inline-block; margin-right: 14px; }
.aircraft-switches button, .aircraft-selection button { min-height: 40px; margin-right: 5px; border-radius: 8px; font-size: 12px; padding: 7px 10px; }
.aircraft-details .quiet-button[aria-pressed="true"] { background: #233932; border-color: #8aaf82; color: #d9f4c8; }
.aircraft-body { position: absolute; top: 142px; left: 0; right: 0; bottom: 0; padding: 18px 20px; overflow: auto; -webkit-overflow-scrolling: touch; }
.aircraft-body:after { content: ""; display: table; clear: both; }
.aircraft-map-column { float: left; width: 55%; padding-right: 20px; text-align: center; }
.aircraft-feature-column { float: right; width: 45%; padding-left: 20px; border-left: 1px solid #314248; }
.aircraft-map-frame { position: relative; width: 100%; max-width: 512px; margin: 0 auto; background: #dae2d9; border: 1px solid #70897a; border-radius: 10px; overflow: hidden; }
.aircraft-map-frame:before { content: ""; display: block; padding-top: 100%; }
#aircraft-basemap, #aircraft-map-grid, #aircraft-trail, #aircraft-pins { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#aircraft-map-grid, #aircraft-trail { pointer-events: none; }
.aircraft-pin { position: absolute; width: 44px; height: 44px; border: 0; padding: 6px; background: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
.aircraft-pin svg { width: 30px; height: 30px; overflow: visible; }
.aircraft-pin .plane-shape { fill: #25454c; stroke: #fff; stroke-width: 1.5; stroke-linejoin: round; }
.aircraft-pin .unknown-track { fill: #25454c; stroke: #fff; stroke-width: 2; }
.aircraft-pin.selected { z-index: 3; background: rgba(34, 66, 39, .18); border-radius: 50%; }
.aircraft-pin.selected .plane-shape { fill: #c4edb1; stroke: #243e27; stroke-width: 2; }
.aircraft-pin.outside-window { opacity: .55; }
.aircraft-pin.ageing { opacity: .35; }
.aircraft-pin:focus { outline-color: #294d5f; outline-offset: -2px; border-radius: 50%; }
.aircraft-map-credit { margin: 8px auto 0; font-size: 10px; color: #94aeb0; line-height: 1.5; }
.aircraft-map-credit a { color: #b9cebb; }
.aircraft-note { margin-top: 10px; font-size: 11px; color: #94aeb0; line-height: 1.5; }
#aircraft-status.stale { color: #edbc7b; }
.aircraft-selection { margin-bottom: 16px; white-space: nowrap; }
.aircraft-selection select { display: inline-block; vertical-align: middle; max-width: calc(100% - 66px); min-height: 40px; border: 1px solid #52696e; border-radius: 7px; background: #111b1f; color: #d4e0df; padding: 7px; font: inherit; font-size: 12px; }
.aircraft-selection select:focus { outline: 2px solid #c4edb1; }
.aircraft-feature h3 { font-size: 28px; font-weight: 400; margin: 5px 0; color: #edf3ed; }
#aircraft-identification { color: #b1c3c5; font-size: 12px; line-height: 1.5; }
.aircraft-look { margin-top: 15px; padding: 13px 15px; border: 1px solid #627957; border-radius: 9px; background: #233932; }
.aircraft-look strong { display: block; font-size: 28px; font-weight: 400; color: #d9f4c8; margin: 5px 0 3px; }
.aircraft-look > span:last-child { font-size: 14px; color: #bbd5b4; }
.aircraft-readings { margin: 15px 0 0; }
.aircraft-readings > div { display: inline-block; vertical-align: top; width: 49%; margin: 0 0 12px; }
.aircraft-readings dt { font-size: 10px; color: #9dafb2; margin-bottom: 4px; }
.aircraft-readings dd { font-size: 20px; font-weight: 400; margin: 0; color: #dfebe0; font-variant-numeric: tabular-nums; }
.aircraft-route { padding-top: 12px; margin-top: 10px; border-top: 1px solid #314248; }
.aircraft-route strong { display: block; font-size: 16px; font-weight: 400; margin: 6px 0; color: #d4e8d0; }
.aircraft-route .aircraft-note { margin-top: 0; }
.aircraft-empty { margin: 18px 0; font-size: 17px; line-height: 1.5; color: #cfdbc9; }
.aircraft-source-links { margin-top: 14px; font-size: 11px; line-height: 1.6; }
.aircraft-source-links a { display: inline-block; margin: 0 10px 5px 0; }
.night .aircraft-map-frame { opacity: .78; }
@media (max-width: 849px) {
  .aircraft-map-column, .aircraft-feature-column { float: none; width: 100%; padding: 0; border: 0; }
  .aircraft-feature-column { margin-top: 20px; }
}
@media (max-width: 560px) {
  .aircraft-overlay { padding: 6px; }
  .aircraft-header { height: 193px; padding: 14px 15px; }
  .aircraft-header h2 { font-size: 25px; }
  .aircraft-header p { line-height: 1.4; }
  .aircraft-switches { margin-top: 8px; }
  .aircraft-switches > div { display: block; margin: 0 0 5px; }
  .aircraft-switches button { min-height: 38px; }
  .aircraft-body { top: 193px; padding: 14px; }
}