@font-face {
  font-family: 'FontAwesome';
  src: url(/Content/fonts/fontawesome-webfont.ttf) format('truetype'),
    url(/Content/fonts/FontAwesome.otf) format('opentype'),
    url(/Content/fonts/fontawesome-webfont.svg) format('svg'),
    url(/Content/fonts/fontawesome-webfont.eot) format('embedded-opentype'),
    url(/Content/fonts/fontawesome-webfont.woff) format('woff'),
    url(/Content/fonts/fontawesome-webfont.woff2) format('woff2');
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400 !important;
  src: url('/Content/FontAwesome/webfonts/fa-regular-400.eot');
  src: url('/Content/FontAwesome/webfonts/fa-regular-400.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/FontAwesome/webfonts/fa-regular-400.woff2') format('woff2'),
    url('/Content/FontAwesome/webfonts/fa-regular-400.woff') format('woff'),
    url('/Content/FontAwesome/webfonts/fa-regular-400.ttf') format('truetype'),
    url('/Content/FontAwesome/webfonts/fa-regular-400.svg#fontawesome')
      format('svg');
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900 !important;
  src: url('/Content/FontAwesome/webfonts/fa-solid-900.eot');
  src: url('/Content/FontAwesome/webfonts/fa-solid-900.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/FontAwesome/webfonts/fa-solid-900.woff2') format('woff2'),
    url('/Content/FontAwesome/webfonts/fa-solid-900.woff') format('woff'),
    url('/Content/FontAwesome/webfonts/fa-solid-900.ttf') format('truetype'),
    url('/Content/FontAwesome/webfonts/fa-solid-900.svg#fontawesome')
      format('svg');
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 300 !important;
  src: url('/Content/FontAwesome/webfonts/fa-light-300.eot');
  src: url('/Content/FontAwesome/webfonts/fa-light-300.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/FontAwesome/webfonts/fa-light-300.woff2') format('woff2'),
    url('/Content/FontAwesome/webfonts/fa-light-300.woff') format('woff'),
    url('/Content/FontAwesome/webfonts/fa-light-300.ttf') format('truetype'),
    url('/Content/FontAwesome/webfonts/fa-light-300.svg#fontawesome')
      format('svg');
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 600 !important;
  src: url('/Content/FontAwesome/webfonts/fa-light-300.eot');
  src: url('/Content/FontAwesome/webfonts/fa-light-300.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/FontAwesome/webfonts/fa-light-300.woff2') format('woff2'),
    url('/Content/FontAwesome/webfonts/fa-light-300.woff') format('woff'),
    url('/Content/FontAwesome/webfonts/fa-light-300.ttf') format('truetype'),
    url('/Content/FontAwesome/webfonts/fa-light-300.svg#fontawesome')
      format('svg');
}

@font-face {
  font-family: 'Avenir Next Condensed Demi';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBoldItalic.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBoldItalic.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBoldItalic.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBoldItalic.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBoldItalic.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBoldItalic.svg#AvenirNextCondensed/AvenirNextCondensed-DemiBoldItalic')
      format('svg');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-Bold.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-Bold.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Bold.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Bold.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Bold.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Bold.svg#AvenirNextCondensed/AvenirNextCondensed-Bold')
      format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed Ultra';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLight.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLight.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLight.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLight.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLight.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLight.svg#AvenirNextCondensed/AvenirNextCondensed-UltraLight')
      format('svg');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-Italic.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-Italic.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Italic.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Italic.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Italic.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Italic.svg#AvenirNextCondensed/AvenirNextCondensed-Italic')
      format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-Heavy.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-Heavy.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Heavy.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Heavy.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Heavy.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Heavy.svg#AvenirNextCondensed/AvenirNextCondensed-Heavy')
      format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed Demi';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBold.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBold.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBold.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBold.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBold.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-DemiBold.svg#AvenirNextCondensed/AvenirNextCondensed-DemiBold')
      format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-Medium.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-Medium.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Medium.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Medium.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Medium.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Medium.svg#AvenirNextCondensed/AvenirNextCondensed-Medium')
      format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-Regular.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-Regular.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Regular.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Regular.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Regular.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-Regular.svg#AvenirNextCondensed/AvenirNextCondensed-Regular')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-MediumItalic.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-MediumItalic.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-MediumItalic.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-MediumItalic.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-MediumItalic.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-MediumItalic.svg#AvenirNextCondensed/AvenirNextCondensed-MediumItalic')
      format('svg');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-BoldItalic.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-BoldItalic.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-BoldItalic.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-BoldItalic.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-BoldItalic.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-BoldItalic.svg#AvenirNextCondensed/AvenirNextCondensed-BoldItalic')
      format('svg');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-HeavyItalic.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-HeavyItalic.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-HeavyItalic.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-HeavyItalic.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-HeavyItalic.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-HeavyItalic.svg#AvenirNextCondensed/AvenirNextCondensed-HeavyItalic')
      format('svg');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Avenir Next Condensed Ultra';
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLightItalic.eot');
  src: url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLightItalic.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLightItalic.woff2')
      format('woff2'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLightItalic.woff')
      format('woff'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLightItalic.ttf')
      format('truetype'),
    url('/Content/AvenirNextCondensed/AvenirNextCondensed-UltraLightItalic.svg#AvenirNextCondensed/AvenirNextCondensed-UltraLightItalic')
      format('svg');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Advent';
  src: url('/Content/Advent/advent-Lt2.eot');
  src: url('/Content/Advent/advent-Lt2.eot?#iefix') format('embedded-opentype'),
    url('/Content/Advent/advent-Lt2.woff2') format('woff2'),
    url('/Content/Advent/advent-Lt2.woff') format('woff'),
    url('/Content/Advent/advent-Lt2.ttf') format('truetype'),
    url('/Content/Advent/advent-Lt2.svg#advent-Lt2') format('svg');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Advent';
  src: url('/Content/Advent/advent-Regular.eot');
  src: url('/Content/Advent/advent-Regular.eot?#iefix')
      format('embedded-opentype'),
    url('/Content/Advent/advent-Regular.woff2') format('woff2'),
    url('/Content/Advent/advent-Regular.woff') format('woff'),
    url('/Content/Advent/advent-Regular.ttf') format('truetype'),
    url('/Content/Advent/advent-Regular.svg#advent-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Advent';
  src: url('/Content/Advent/advent-Bd2.eot');
  src: url('/Content/Advent/advent-Bd2.eot?#iefix') format('embedded-opentype'),
    url('/Content/Advent/advent-Bd2.woff2') format('woff2'),
    url('/Content/Advent/advent-Bd2.woff') format('woff'),
    url('/Content/Advent/advent-Bd2.ttf') format('truetype'),
    url('/Content/Advent/advent-Bd2.svg#advent-Bd2') format('svg');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Advent';
  src: url('/Content/Advent/advent-Bd1.eot');
  src: url('/Content/Advent/advent-Bd1.eot?#iefix') format('embedded-opentype'),
    url('/Content/Advent/advent-Bd1.woff2') format('woff2'),
    url('/Content/Advent/advent-Bd1.woff') format('woff'),
    url('/Content/Advent/advent-Bd1.ttf') format('truetype'),
    url('/Content/Advent/advent-Bd1.svg#advent-Bd1') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Advent';
  src: url('/Content/Advent/advent-Lt3.eot');
  src: url('/Content/Advent/advent-Lt3.eot?#iefix') format('embedded-opentype'),
    url('/Content/Advent/advent-Lt3.woff2') format('woff2'),
    url('/Content/Advent/advent-Lt3.woff') format('woff'),
    url('/Content/Advent/advent-Lt3.ttf') format('truetype'),
    url('/Content/Advent/advent-Lt3.svg#advent-Lt3') format('svg');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Advent';
  src: url('/Content/Advent/advent-Bd3.eot');
  src: url('/Content/Advent/advent-Bd3.eot?#iefix') format('embedded-opentype'),
    url('/Content/Advent/advent-Bd3.woff2') format('woff2'),
    url('/Content/Advent/advent-Bd3.woff') format('woff'),
    url('/Content/Advent/advent-Bd3.ttf') format('truetype'),
    url('/Content/Advent/advent-Bd3.svg#advent-Bd3') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Advent';
  src: url('/Content/Advent/advent-Lt1.eot');
  src: url('/Content/Advent/advent-Lt1.eot?#iefix') format('embedded-opentype'),
    url('/Content/Advent/advent-Lt1.woff2') format('woff2'),
    url('/Content/Advent/advent-Lt1.woff') format('woff'),
    url('/Content/Advent/advent-Lt1.ttf') format('truetype'),
    url('/Content/Advent/advent-Lt1.svg#advent-Lt1') format('svg');
  font-weight: 300;
  font-style: normal;
}

input.spinner,
.ui-spinner-input {
  border: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  margin-left: 0.4em;
  margin-right: 22px;
  width: 60px;
}

section#chart-section {
  padding: 0px;
  width: 100%;
  padding: 0px;
  display: grid;
  grid-template-columns: 120px calc(100% - 120px);
}

section#chart-section div.filter {
  background-color: #e5e5e5;
  vertical-align: top;
  white-space: nowrap;
}

section#chart-section div.filter div.tile-title {
  width: 100%;
  text-align: center;
  background-color: #222222;
  color: white;
  font-family: Advent;
  padding: 2px 0px 2px 0px;
  text-transform: uppercase;
}

section#chart-section div.filter div.sub-tile-title {
  width: 100%;
  text-align: center;
  font-size: 8pt;
  padding: 2px 0px 2px 0px;
  border-bottom: 1px #222222 solid;
}

section#chart-section div.filter div.tile-detail {
  padding-bottom: 5px;
  padding-top: 5px;
  color: #222222;
}

#table-adsb-settings {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 15px;
}

ul.simple-list {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  list-style: none;
}

ul.simple-list li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

ul.simple-list li input[type='checkbox'] {
  margin-right: 5px;
}

div.label {
  display: inline-block;
  padding: 0px 5px 0px 5px;
  background-color: white;
  border-radius: 10px;
  width: 50px;
}

div.label-auto {
  display: inline-block;
  padding: 0px 5px 0px 5px;
  background-color: white;
  border-radius: 10px;
  width: auto;
}

#infoLayer {
  display: block;
  position: absolute;
  border: 1px solid #222222;
  background-color: rgba(34, 34, 34, 0.66);
  color: white;
  left: 30px;
  top: 30px;
  padding: 5px;
  white-space: nowrap;
}

#infoLayerClose {
  position: absolute;
  top: 3px;
  right: 3px;
  color: silver;
  cursor: pointer;
  font-size: 16px;
}

#infoLayer:hover span.icon {
  color: #ff6a00;
}

table.traffic_status {
  width: 100%;
  padding: 0px 5px 3px 0px;
  border-bottom: 2px white solid;
  margin-bottom: 3px;
}

table.traffic_status td {
  padding: 1px 0px 0px 5px;
}

table.traffic_status div.breach {
  background-color: #fe0000;
}

table.traffic_status div.alert {
  background-color: #f2a003;
}

table.traffic_status div.safe {
  background-color: #53a100;
}

div.filter {
  background-color: #018aff;
}

div.traffic_stat {
  width: 15px;
  height: 40px;
  border-radius: 10px;
}

div.traffic_stat div.vertical {
  display: block;
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  /* Chrome, Safari, Opera */
  transform: rotate(270deg);
  color: white;
  transform-origin: 20px 18px;
  white-space: nowrap;
  width: 40px;
  height: 15px;
  font-size: 10px;

  text-transform: capitalize;
  text-align: center;
  box-sizing: border-box;
}

div.clearfix:after {
  clear: both;
  display: block;
  content: '';
}

.shaded {
  background-color: black; /*#ededed;*/
}

.alert-text {
  color: #ff4e00;
}

table.info-tiles {
  width: 100%;
}

table.info-tiles div.dataTables_info {
  display: none !important;
}

table.info-tiles div.tile,
table.info-tiles div.detail {
  float: left;
  width: 100%;
}

table.info-tiles div.detail {
  background-color: black; /*#ededed; 3 divs with breach alert amber*/
}

table.info-tiles td.detail_left,
table.info-tiles td.detail_right {
  background-color: #ededed;
  padding: 10px;
  box-sizing: border-box;
}

table.info-tiles td.detail_right {
  background-color: #203d83;
  color: white;
}

table.info-tiles td.detail_left {
  text-align: center;
}

table.info-tiles.breach div.breach-info {
  background-color: #203d83;
  color: white;
  padding: 6px 0px 6px 10px;
  margin-top: 1px;
}

table.info-tiles.breach div.breach-info span.breach-aircraft {
  color: #fe0000;
  padding-left: 20px;
}

table.info-tiles.breach div.tile {
  background-color: #fe0000;
}

table.info-tiles.alert div.tile {
  background-color: #f2a003;
}

table.info-tiles.safe div.tile {
  background-color: #53a100;
}

table.info-tiles div.tile-title {
  width: 100%;
  text-align: center;
  background-color: #222222;
  color: #22dede; /*white;*/

  padding: 2px 0px 2px 0px;
  text-transform: uppercase;
}

table.info-tiles div.tile-detail {
  padding-bottom: 5px;
  padding-top: 5px;
}

table.info-tiles div.tile-detail > table {
  width: 100%;
}

table.info-tiles div.tile-detail > table td {
  width: 50%;
  text-align: center;
}

table.info-tiles div.tile-detail > table td:first-child {
  border-right: 3px white solid;
}

table.info-tiles div.tile-number {
  color: #22dede; /*white;*/
  font-size: 30pt;
  width: 100%;

  text-align: center;
}

table.info-tiles div.tile-caption {
  color: #22dede; /*white;*/
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 8pt;
}

td.safe {
  background-color: #53a100;
}

td.breach {
  background-color: #fe0000;
}

td.alert {
  background-color: #f2a003;
}

div.scroll-table div.scroll-rows {
  height: 40px;
  overflow: hidden;
  position: relative;
}

div.scroll-table div.scroll-rows div.scroll-down,
div.scroll-table div.scroll-rows div.scroll-up {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  cursor: pointer;
  font-size: 14px;
  color: gray;
}

div.scroll-table div.scroll-rows div.scroll-down:hover,
div.scroll-table div.scroll-rows div.scroll-up:hover {
  color: #fe0000;
}

div.scroll-table div.scroll-rows div.scroll-up {
  top: 0px;
  right: 0px;
}

div.scroll-table div.scroll-rows div.scroll-down {
  bottom: 0px;
  right: 0px;
}

div.scroll-table div.scroll-rows div.scroll {
  position: absolute;
  top: 0px;
  left: 0px;
}

div.scroll-table div.row > div {
  display: inline-block;
  text-align: center;
  border-right: 1px #fe0000 solid;
  padding: 2px 0px 2px 0px;
  color: #22dede; /*#fe0000;*/
  box-sizing: border-box;
  white-space: nowrap;
  font-family: Avenir Next Condensed;
}

div.scroll-table div.row.head {
  /*border-bottom: 1px #fe0000 solid;*/
  color: #22dede;
  font-family: Avenir Next Condensed;
}

div.scroll-table div.row.head div {
  color: #22dede; /*#203d83;*/
  font-weight: bold;
}

table.safe-status {
  padding-left: 5px;
}

table.safe-status td {
  padding: 0px 5px 3px 0px;
  white-space: nowrap;
}

div.adsb-point {
  position: absolute;
  cursor: pointer;
  width: 2%;
  height: 2%;
  margin-left: -50px;
  margin-top: -50px;
}

div.adsb-point span.tail {
  position: absolute;
  background-color: aquamarine;
  width: 2px;
  height: 2px;
  margin-left: -1px;
  margin-top: -1px;
  border-radius: 50%;
  display: block;
  font-size: 1px;
}

div.adsb-point span.FlightIcon,
div.adsb-point span.SkyCommander {
  position: absolute;
  left: 50px;
  top: 50px;
  font-size: 18px;
  width: 25px;
  height: 25px;
  margin-left: -13px;
  margin-top: -13px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  z-index: 2;
}

div.adsb-point span.FlightIcon:hover img {
  filter: saturate(8);
}

div.adsb-point span.flight-title {
  position: absolute;
  top: 60px;
  left: 40px;
  z-index: 10;
  color: white;
  display: none;
  padding: 0px 2px 0px 2px;
  font-size: 9px;
}

div.adsb-point.breach {
  color: #fe0000;
}

div.adsb-point.breach span.flight-title,
div.adsb-point.breach span.tail {
  background-color: #fe0000;
}

div.adsb-point.alert {
  color: #ff4e00;
}

div.adsb-point.alert span.flight-title,
div.adsb-point.alert span.tail {
  background-color: #f2a003;
}

div.adsb-point.safe {
  color: #0189ff;
}

div.adsb-point.safe span.flight-title,
div.adsb-point.safe span.tail {
  background-color: #53a100;
}

div.adsb-point.normal {
  color: #ffcc01;
}

div.adsb-point.normal span.flight-title,
div.adsb-point.normal span.tail {
  background-color: #ffcc01;
}

div.adsb-point.drone {
  color: #018aff;
  direction: ltr;
  display: block;
}

div.adsb-point.drone span.flight-title,
div.adsb-point.drone span.tail {
  background-color: #018aff;
}

div.adsb-point.drone.breach span.flight-title,
div.adsb-point.drone.breach span.tail {
  background-color: red;
}

div.adsb-point.drone.alert span.flight-title,
div.adsb-point.drone.alert span.tail {
  background-color: #ff4e00;
}
span.drone-altitude {
  font-size: 0.7rem;
  color: white;
  font-weight: bolder;
  background: #00000069;
  padding: 1px;
  border-radius: 2px;
}
div.adsb-history {
  color: white;
  position: absolute;
  font-size: 3px;
}

div#safe-aircraft {
  padding-left: 5px;
}

div#TimeZoneSelect {
  width: 100px;
  height: 100px;
  float: right;
}

g.highcharts-axis-labels {
  background-color: red;
}

div#Alert-RPAS,
div#Alert-Aircraft {
  max-height: 50px;
  overflow-x: auto;
}

.gmnoprint a,
.gmnoprint span {
  display: none;
}

.gmnoprint div {
  /*background: none !important;*/
}

a[href^="http://maps.google.com/maps"]
{
  display: none !important;
}

a[href^="https://maps.google.com/maps"]
{
  display: none !important;
}

a[href^="https://www.google.com/maps"]
{
  display: none !important;
}

div.ui-box {
  margin: 0px 0px 5px 5px;
  padding: 0px;
  height: 16px;
}

div.ui-box select {
  font-size: 8pt;
  border: 1px silver solid;
  border-radius: 5px;
  padding: 0px;
  margin: 0px;
}

div.ui-box input[type='checkbox'] {
  display: none;
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

div.ui-box input[type='checkbox'] + label {
  padding-left: 0px;
  display: block;
}

div.ui-box input[type='checkbox'] + label > span {
  line-height: 16px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background-image: url('/images/filter-check.png');
  background-position: 0px 0px;
}

div.ui-box input[type='checkbox'] + label:hover > span {
  background-position: -20px 0px;
}

div.ui-box input[type='checkbox']:checked + label > span {
  background-position: -40px 0px;
}

div.ui-box input[type='checkbox']:checked + label:hover > span {
  background-position: -60px 0px;
}

table.Sliders {
  width: 100%;
  box-sizing: border-box;
  margin: 0px 0px 0px 5px;
}

table.Sliders td {
  box-sizing: border-box;
  padding-right: 5px;
  padding-bottom: 5px;
  white-space: nowrap;
}

table.Sliders td.ValueColumn {
  white-space: nowrap;
}

table.Sliders td.ValueColumn > div {
  padding: 0px 5px 0px 5px;
  overflow: hidden;
}

table.Sliders td.ValueColumn > div > span {
  color: #018aff;
}

table.Sliders td.SliderColumn {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

div.InfoWindowUpdate {
  padding-right: 16px;
}

div.InfoWindowUpdate div.Header {
  border-bottom: 1px solid white;
  padding: 2px 0px 2px 0px;
  font-weight: bold;
  margin-bottom: 2px;
}

div.InfoWindowUpdate div.Location {
  color: #018aff;
}

div.InfoWindowUpdate div.Altitude {
  color: #53a100;
}

div.InfoWindowUpdate div.Link {
  margin-top: 10px;
}

div.InfoWindowUpdate div.Link a {
  text-decoration: none;
  color: white;
}

div.InfoWindowUpdate div.Link a:hover {
  text-decoration: underline;
  color: floralwhite;
}

@media screen and (max-width: 319px) {
  #table-adsb-settings {
    display: none;
  }

  div.scroll-table div.row > div.col1 {
    display: none;
  }
}

@media screen and (max-width: 799px) {
  section#chart-section {
    width: 100%;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
  }

  section#chart-section {
    grid-template-columns: 100px calc(100% - 100px);
  }

  section.re-arrange {
    display: grid;
    grid-template-columns: 100%;
  }

  section.re-arrange > div.grid-column:nth-child(1) {
    grid-row: 2;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  section.re-arrange > div.grid-column:nth-child(2) {
    grid-row: 1;
  }

  table.info-tiles tr td:first-child,
  section#chart-section td.filter {
    width: 100px;
  }

  div.scroll-table {
    min-height: 55px;
  }

  table.info-tiles {
    margin-bottom: 20px;
  }

  table.info-tiles.breach div.breach-info {
    padding: 1px 2px 1px 2px;
  }

  table.info-tiles.safe div.title,
  table.info-tiles.safe div#Safe-RPAS {
    padding: 2px 4px 2px 4px;
  }

  div.scroll-table div.scroll-rows {
    height: auto !important;
  }

  div.scroll-table div.scroll-rows div.scroll {
    position: inherit;
  }

  div.scroll-table div.scroll-rows div.scroll-up,
  div.scroll-table div.scroll-rows div.scroll-down {
    display: none;
  }

  #table-adsb-settings {
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
  }

  #table-adsb-settings div.column2 {
    margin-top: 20px;
  }

  div.adsb-info {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 0;
  }

  div.adsb-info div.row2 {
    grid-row: 1;
  }

  div.adsb-info div.row3 {
    grid-row: 2;
  }

  div.adsb-info div.row4 {
    grid-row: 3;
  }

  div.adsb-info div.row1 {
    grid-row: 4;
  }

  section#chart-section {
    margin-top: 20px;
  }

  div.row > div.col1 {
    display: none !important;
  }

  div.row > div.col2 {
    width: 20%;
  }

  div.row > div.col3 {
    width: 22%;
  }

  div.row > div.col4 {
    width: 22%;
  }

  div.row > div.col5 {
    width: 12%;
  }

  div.row > div.col6 {
    width: 15%;
    border-right: 0px #fe0000 none !important;
  }

  div#BarGraph {
    height: 100px;
  }

  #adsb_map_holder,
  #adsb_map {
    min-height: 300px;
  }

  div.adsb-info,
  section#chart-section {
    font-size: 10pt;
  }
}

@media screen and (min-width: 800px) {
  div.scroll-table div.row div.col1 {
    display: inline-block;
  }

  section #BarGraph {
    padding-left: 15px;
    box-sizing: border-box;
  }

  section td.spacer {
    width: 15px;
  }

  section div.column {
    margin-right: 15px;
  }

  section div.column-full {
    width: 780px;
  }

  section div.column-half {
    width: 382.5px;
  }

  section div.column-half div.column-2-of-6 {
    width: 147px;
  }

  section div.column-half div.column-4-of-6 {
    width: 220.5px;
  }

  section div.column-2-of-6 {
    width: 250px;
  }

  section div.column-4-of-6 {
    width: 515px;
  }

  section div.title {
    padding: 3px 0px 3px 5px;
    border-bottom: 2px white solid;
    margin-bottom: 5px;
    vertical-align: text-bottom;
  }

  section div.hr {
    width: 100%;
    height: 2px;
    background-color: white;
    margin-bottom: 2px;
  }

  section section#chart-section td.filter {
    width: 76.5px;
  }

  section table.info-tiles tr td:first-child {
    width: 76.5px;
  }

  section table.info-tiles div.tile {
    width: 100%;
  }

  section table.info-tiles div.detail {
    width: 306px;
  }

  section table.info-tiles td.detail_left,
  section table.info-tiles td.detail_right {
    min-height: 74px;
    font-size: 7pt;
  }

  section table.info-tiles div.detail,
  section table.info-tiles div.detail_left,
  section table.info-tiles div.detail_right {
    min-height: 85px;
  }

  section table.info-tiles div.detail_left {
    width: 30%;
  }

  section div.fixed-height-1 {
    height: 165px;
  }

  section .top-space,
  section.top-space {
    margin-top: 15px;
  }

  section div.row > div.col1 {
    width: 76.5px;
  }

  section div.row > div.col2 {
    width: 38.25px;
  }

  section div.row > div.col3 {
    width: 45.9px;
  }

  section div.row > div.col4 {
    width: 45.9px;
  }

  section div.row > div.col5 {
    width: 26.775px;
  }

  section div.row > div.col6 {
    width: 26.775px;
    border-right: 0px #fe0000 none;
  }

  section#chart-section {
    padding: 0px;
  }

  #adsb_map_holder,
  #adsb_map {
    min-height: 475px;
  }

  div.adsb-info,
  section#chart-section {
    font-size: 7pt;
  }
}

@media screen and (min-width: 960px) {
  section #BarGraph {
    padding-left: 15px;
    box-sizing: border-box;
  }

  section td.spacer {
    width: 15px;
  }

  section div.column {
    margin-right: 15px;
  }

  section div.column-full {
    width: 920px;
  }

  section div.column-half {
    width: 452.5px;
  }

  section div.column-half div.column-2-of-6 {
    width: 175px;
  }

  section div.column-half div.column-4-of-6 {
    width: 262.5px;
  }

  section div.column-2-of-6 {
    width: 296.66667px;
  }

  section div.column-4-of-6 {
    width: 608.33333px;
  }

  section div.title {
    padding: 3px 0px 3px 5px;
    border-bottom: 2px white solid;
    margin-bottom: 5px;
    vertical-align: text-bottom;
  }

  section div.hr {
    width: 100%;
    height: 2px;
    background-color: white;
    margin-bottom: 2px;
  }

  section section#chart-section td.filter {
    width: 90.5px;
  }

  section table.info-tiles tr td:first-child {
    width: 90.5px;
  }

  section table.info-tiles div.tile {
    width: 100%;
  }

  section table.info-tiles div.detail {
    width: 362px;
  }

  section table.info-tiles td.detail_left,
  section table.info-tiles td.detail_right {
    min-height: 74px;
    font-size: 9pt;
  }

  section table.info-tiles div.detail,
  section table.info-tiles div.detail_left,
  section table.info-tiles div.detail_right {
    min-height: 85px;
  }

  section table.info-tiles div.detail_left {
    width: 30%;
  }

  section div.fixed-height-1 {
    height: 165px;
  }

  section .top-space,
  section.top-space {
    margin-top: 15px;
  }

  section div.row > div.col1 {
    width: 90.5px;
  }

  section div.row > div.col2 {
    width: 45.25px;
  }

  section div.row > div.col3 {
    width: 54.3px;
  }

  section div.row > div.col4 {
    width: 54.3px;
  }

  section div.row > div.col5 {
    width: 31.675px;
  }

  section div.row > div.col6 {
    width: 31.675px;
    border-right: 0px #fe0000 none;
  }

  #adsb_map_holder,
  #adsb_map {
    min-height: 519px;
  }

  div.adsb-info,
  section#chart-section {
    font-size: 9pt;
  }
}

@media screen and (min-width: 1080px) {
  section #BarGraph {
    padding-left: 15px;
    box-sizing: border-box;
  }

  section td.spacer {
    width: 15px;
  }

  section div.column {
    margin-right: 15px;
  }

  section div.column-full {
    width: 1040px;
  }

  section div.column-half {
    width: 512.5px;
  }

  section div.column-half div.column-2-of-6 {
    width: 199px;
  }

  section div.column-half div.column-4-of-6 {
    width: 298.5px;
  }

  section div.column-2-of-6 {
    width: 336.66667px;
  }

  section div.column-4-of-6 {
    width: 688.33333px;
  }

  section div.title {
    padding: 3px 0px 3px 5px;
    border-bottom: 2px white solid;
    margin-bottom: 5px;
    vertical-align: text-bottom;
  }

  section div.hr {
    width: 100%;
    height: 2px;
    background-color: white;
    margin-bottom: 2px;
  }

  section section#chart-section td.filter {
    width: 102.5px;
  }

  section table.info-tiles tr td:first-child {
    width: 102.5px;
  }

  section table.info-tiles div.tile {
    width: 100%;
  }

  section table.info-tiles div.detail {
    width: 410px;
  }

  section table.info-tiles td.detail_left,
  section table.info-tiles td.detail_right {
    min-height: 74px;
    font-size: 10pt;
  }

  section table.info-tiles div.detail,
  section table.info-tiles div.detail_left,
  section table.info-tiles div.detail_right {
    min-height: 85px;
  }

  section table.info-tiles div.detail_left {
    width: 30%;
  }

  section div.fixed-height-1 {
    height: 165px;
  }

  section .top-space,
  section.top-space {
    margin-top: 15px;
  }

  section div.row > div.col1 {
    width: 102.5px;
  }

  section div.row > div.col2 {
    width: 51.25px;
  }

  section div.row > div.col3 {
    width: 61.5px;
  }

  section div.row > div.col4 {
    width: 61.5px;
  }

  section div.row > div.col5 {
    width: 35.875px;
  }

  section div.row > div.col6 {
    width: 35.875px;
    border-right: 0px #fe0000 none;
  }

  #adsb_map_holder,
  #adsb_map {
    min-height: 540px;
  }

  div.adsb-info,
  section#chart-section {
    font-size: 10pt;
  }
}

@media screen and (min-width: 1320px) {
  section #BarGraph {
    padding-left: 15px;
    box-sizing: border-box;
  }

  section td.spacer {
    width: 15px;
  }

  section div.column {
    margin-right: 15px;
  }

  section div.column-full {
    width: 1260px;
  }

  section div.column-half {
    width: 622.5px;
  }

  section div.column-half div.column-2-of-6 {
    width: 243px;
  }

  section div.column-half div.column-4-of-6 {
    width: 364.5px;
  }

  section div.column-2-of-6 {
    width: 410px;
  }

  section div.column-4-of-6 {
    width: 835px;
  }

  section div.title {
    padding: 3px 0px 3px 5px;
    border-bottom: 2px white solid;
    margin-bottom: 5px;
    vertical-align: text-bottom;
  }

  section div.hr {
    width: 100%;
    height: 2px;
    background-color: white;
    margin-bottom: 2px;
  }

  section section#chart-section td.filter {
    width: 124.5px;
  }

  section table.info-tiles tr td:first-child {
    width: 124.5px;
  }

  section table.info-tiles div.tile {
    width: 100%;
  }

  section table.info-tiles div.detail {
    width: 498px;
  }

  section table.info-tiles td.detail_left,
  section table.info-tiles td.detail_right {
    min-height: 74px;
    font-size: 10pt;
  }

  section table.info-tiles div.detail,
  section table.info-tiles div.detail_left,
  section table.info-tiles div.detail_right {
    min-height: 85px;
  }

  section table.info-tiles div.detail_left {
    width: 30%;
  }

  section div.fixed-height-1 {
    height: 165px;
  }

  section .top-space,
  section.top-space {
    margin-top: 15px;
  }

  section div.row > div.col1 {
    width: 124.5px;
  }

  section div.row > div.col2 {
    width: 62.25px;
  }

  section div.row > div.col3 {
    width: 74.7px;
  }

  section div.row > div.col4 {
    width: 74.7px;
  }

  section div.row > div.col5 {
    width: 43.575px;
  }

  section div.row > div.col6 {
    width: 43.575px;
    border-right: 0px #fe0000 none;
  }

  #adsb_map_holder,
  #adsb_map {
    min-height: 504px;
  }

  div.adsb-info,
  section#chart-section {
    font-size: 10pt;
  }
}