/* For time slider */
   #playControls {
    position: absolute;
    bottom: 4px; 
    left: 150px;
    width: 500px;
    z-index: 1;
    /* background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    padding: 5px; */
    background-color: rgb(248,249,250);
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);
  }

  #sliderTime {
    width: 220px;
    left: 10px;
    display: inline-block;
  }

  #iconTime {
    cursor: pointer;
    padding-right: 5px;
  }

  #timeLabel {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 1.2rem;
  }

  pre {
    background-color: rgb(248,249,250);
    padding: 5px 10px;
    border-radius: 3px;
  }

  .stars-category {
    padding-right: 10px;
  }

  #filterCoords {
    height: 50px;
    font-size: 0.7rem;
    width: 100%;
  }

  #sliderAltitudeQuery {
    width: 75%;
    left: 5px;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
  }

  #sliderAltitudeFilter {
    width: 95%;
    left: 5px;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
  }

  #filterPanel {
    border-radius: 0px;
    padding: 10px; 
  }

  .filter-chart {
    width: 100%;
    height: 30vh;
  }

  input.large_check_box {
    margin: 2px;
  }

  #mapMenuCard {
    width: 300px;
  }

  #colorByAltitudeCard {
    top: 6px;
    left: 350px;
    width: 175px;
    z-index: 6;
    position: absolute;
    background-color: rgba(255, 255, 255, 1);
    padding: 10px 20px 10px 10px;
    border-radius: 3px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 0.7rem;
    line-height: 1;
    padding: 10px;
  }

  #labelColorByAltitude {
    cursor: pointer;
    text-decoration: underline;
  }

  #labelColorByAltitude:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  /* #buttonColorByAltitude {
    margin-bottom: 10px;
  } */

  .track-color-picker {
    margin-bottom: 5px;
  }

  .strata-input {
    position: relative;
    bottom: 2px;
  }

  .strata-label {
    position: relative;
    bottom: 2px;
  }

  .airport-label {
    display: none;
    position: relative;
    bottom: 2px;
  }
  
  .single-airport-label {
    display: none;
    position: relative;
    bottom: 2px;
  }

  #selectedFlightPlan, #selectedNir, #selectedTaxiData {
    font-family: Consolas,"courier new";
    color: rgb(0, 0, 0);
    background-color: #f8f9fa;
    border-style: solid;
    border-color: rgb(206, 212, 218);
    padding: 5px;
    border-radius: 4px;
  }

  #amendmentList tbody tr.selected {
    background-color: rgba(0, 255, 149, 0.5) !important;
  }

  #defaultColorLink, #blueColorLink {
    cursor: pointer;
    text-decoration: underline;
    padding-bottom: 3px;
  }
/* 
  table.dataTable thead .sorting_asc {
    background: url("https://cdn.datatables.net/1.10.0/images/sort_asc.png") no-repeat center left;
  }
  table.dataTable thead .sorting_desc {
    background: url("https://cdn.datatables.net/1.10.0/images/sort_desc.png") no-repeat center left;
  }
  table.dataTable thead .sorting {
    background: url("https://cdn.datatables.net/1.10.0/images/sort_both.png") no-repeat center left;
  } */

  /* table.dataTable thead {
    position: relative;
    left: 5px;
  } */

   /* override left padding to allow of sort arrows on left  */
  /* table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 10px 0px 10px 18px;
  } */

  #flight {
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    height: 40vh;  
  }

  /* .tbfm-metric {
    display: none;
  } */

  .tbfm-adapt {
    display: none;
  }

  .map-menu-section {
    color: rgb(83, 83, 83);
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  #popupTmi {
    line-height: 0.9;
    width: 200px;
    
  }
  .tmi-list {
    font-size: 0.8rem;
    height: 140px;
    overflow-y: scroll;
  }

  #tmiLegend {
    position: absolute;
    bottom: 230px;
    left: 8px;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    padding: 5px;
  }