/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */

/* col-xs <none>    (Smartphones)
 * col-sm >= 768px  (Tablets)
 * col-md >= 992px  (Small Desktop Screens)
 * col-lg >= 1200px (Large Desktop Screens)
 */

@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }


/* Custom style for navbar fixed */
body {
  height: 100%;
}

.h1, h1 {
    font-size: 22px;
}

.h2, h2 {
    font-size: 20px;
}

.h3, h3 {
    font-size: 18px;
}


/* Custom style for 2D map and navbar fixed */
body.gmapbody {
  height: 100%;
  padding-top: 50px;
  overflow: hidden;
}

/* Custom button block for XS devcices */
@media screen and (max-width: 768px) {
   .custom-btn-block-xs {
     margin-bottom: 5px;
     width: 100%;
     display:block;
   }
}

/* Set table padding to 2px for all devices up to 1280px */
@media screen and (max-width: 1281px) {
  .table-more-condensed thead tr td,
  .table-more-condensed thead tr th,
  .table-more-condensed tbody tr td {
    padding: 2px;
  }
}

#aircraftlist {
  font-size: 12px;
  //line-height: 1.225;
}

/* Settings for 2D Map*/
html, body.gmapbody, .container-fluid-map, .map_container, #map_box, #map {
  height: 100%;
}

.container-fluid-map {
  margin: 0px;
  padding: 0px;
}

.map_container {
  margin: 0px;
  padding: 0px;
}

/* Arrows for aircraft list */
.arrow_up {
  background-image:url(../img/up.png);
  background-color:#ffffff;
  height:8px;
  width:7px;
  border:0px;
  display:block;
  float:left;
  cursor: pointer;
}

.arrow_down {
  background-image:url(../img/down.png);
  background-color:#ffffff;
  height:8px;
  width:7px;
  border:0px;
  display:block;
  float:right;
  cursor: pointer;
}

.arrow_box {
  margin:0 auto;
  margin-top:5px;
  width:18px;
  height:8px;
}

/* 2D Map */
#map_container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 51px;
  bottom: 0px;
  padding: 0px;
  font-size: 0.8em;
  z-index: 1;
  display: block;
}

#map_box {
  position: relative;
  width: 100%;
  height: 100%;
  bottom: 0px;
  padding: 0px;
  margin: 0px;
}

.mapinfobox {
  position: absolute;
  top: 51px;
  padding: 0px;
  margin: 0px;
  z-index: 1;
  display: block;
  /*background-color: #ffffff;*/
  background-color: #00405b;
  border-right: 1px solid #001c28;
  height: calc(100% - 51px);
}

/* Info Box Contents BEGIN */
#hide_info_btn_box {
  background-color: #003247;
  height: 24px;
}

button.map_info_close {
  height: 24px;
  border-radius: none;
}

#hide_info {
  overflow-y: auto;
  height: calc(100% - 25px);
}

table.info_box_table {
  width: 100%;
  margin: 0px 0px 0px 0px;
  /*border-bottom: 1px solid #ff0000;*/
}

.info_header td {
  /*background-color: #e7e7e7;*/
  background-color: #003951;
  padding: 3px 8px 2px 8px;
  border-bottom: 1px solid #001c28;
}

.info_label td {
  font-size: 0.8em;
  /*color: #555555;*/
  /*background-color: #ffffff;*/
  color: #4bb9dc;
  background-color: #00405b;
  padding: 2px 8px 0px 8px;
  margin: 0px;
}

.info_value td { /* bold */
  font-weight: bold; 
  padding: 1px 8px 4px 8px;
  margin: 0px;
  border-bottom: 1px solid #001c28;
  /*background-color: #ffffff;*/
  background-color: #00405b;
}

.info_value_normal td { 
  padding: 1px 8px 4px 8px;
  margin: 0px;
  vertical-align: top;
  border-bottom: 1px solid #001c28;
  /*background-color: #ffffff;*/
  background-color: #00405b;
}
/* Info Box Contents END */

/* 2DMap A/C Labels BEGIN */
.aircraft_label_box {
  color: black;
  background-color: yellow;
  font-family: "Roboto";
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  line-height: 12px ;
  padding: 1px 2px 1px 2px;
  width: auto;
  height: auto;
  border: 0px solid gray;
  border-radius: 4px ;
  white-space: nowrap;
}

table.aircraft_label {
  margin: 0px;
  padding: 0px;
  width: 54px;
}

table.aircraft_label td.flight {
  margin: 0px;
  padding: 0px;
  text-align: left;
}

table.aircraft_label td.altitude {
  margin: 0px;
  padding: 0px 2px 0px 0px;
  text-align: left;
}

table.aircraft_label td.verticalRate {
  margin: 0px;
  padding: 0px 2px 0px 2px;
  text-align: center;
}

table.aircraft_label td.speed {
  margin: 0px;
  padding: 0px 0px 0px 2px;
  text-align: right;
}
/* 2DMap A/C Labels END */

/* make full appear only when screen is >= small desktop so navbar doesn't get dual line */
@media (max-width: 1289px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        float:left; /*display hamburger button left in-line with the dropdown items */
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.navbar-text {
    float: none;
}