body {
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    _background-color: #E4E8CB; 
    background-color: #fff; 
    font-family: "Nunito Sans", sans-serif;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
  }

  div {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
  }

  .flights-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 500px;
    overflow: hidden;
  }

  .table-header {
    position: relative;
    width: auto;
    height: 35px;
    _background-color:  #004225;
    background-color:  #3e4059;
    _border-bottom: 3px solid  #004225;
    border-bottom: 3px solid  #3e4059;
  }

  .table-body {
    position: relative;
    width: 100%;
    height: 465px;
    max-height: 465px;
    overflow-y: scroll;
  }

  table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: collapse;
  }

  tr {
    margin: 0;
    padding: 0;
  }

  th,
  td {
    text-align: left !important;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: none;
  }

  th {
    _color: #D4AD34;
    color: #ededed;
    font-size: 18px;
    line-height: 35px;
    font-weight: normal;
    _background-color:  #004225;
    background-color:  #3e4059;
    
  }

  td {
    color: #373A33; 
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #004225;
  }

  .col1 {
    wwhite-space: nowrap;
    padding-left: 2%;
    width: 20%;
  }

  .col2 {
    width: 23%;
  }

  .col3 {
    white-space: nowrap;
    width: 25%;
    padding: 0;
  }

  .col4 {
    width: 9%;
  }

  th.col4 {
    white-space: nowrap;
  }

  .col5, .col5h {
    width: 11%;
    text-align: center !important;
  }

  .col6 {
    width: auto;
  }

  td.col6 {
    white-space: nowrap;
    _color: #B25538;
    color: #219EBC;
  }

  .logo {
    padding: 0;
    margin-top: 5px;
    display: flex;
    width: 100px;
    height: 32px;
    align-items: center;
  }

  .logo>img {
    position: relative;
    display: block;
    margin: auto 4px auto 0;
    width: 24px;
    height: auto;
  }

  .logo:after {
    content: attr(data-airline);
  }

  /** responsive styling **/
  @media (max-width: 768px) {

    table {
      table-layout: fixed !important;
      border-spacing: 0 !important;
      border-collapse: collapse !important;
      min-width: 320px;
    }

    th,
    td {
      display: inline-block;
    }

    th {
      display: inline-block;
      padding: 0 !important;
      margin: 0 !important;
      font-size: 17px;
    }

    thead {
      _background-color: #004225;
      background-color: #3e4059;
    }

    tr {
      display: block;
    }

    td {
      padding-top: 12px;
      padding-bottom: 4px;
      border-bottom: none;
    }

    .col1,
    th.col1 {
      width: 22% !important;
    }

    th.col1 {
      margin-left: 2% !important;
      width: 20% !important;
    }

    .col2,
    th.col2 {
      padding-left: 1% !important;
      width: 34% !important;
    }

    .col3,
    th.col3 {
      padding-left: 0% !important;
      width: 20% !important;
    }

    th.col3 {
      width: 19% !important;
    }

    .col4,
    th.col4 {
      padding-left: 0% !important;
      width: 20% !important;
    }

    th.col4 {
      width: 17% !important;
    }

    th.col5,
    th.col6 {
      width: 0 !important;
      display: none;
    }

    .logo:after {
      content: attr(data-ac);
    }

    .logo {
      height: auto;
      line-height: 1;
      padding-top: 6px;
      margin-top: 0;
    }

    .logo>img {
      margin-top: 0;
    }

    .col5:before, .col5h:before {
      content: attr(data-hdr);
    }

    .col5,.col5h {
      width: 68%;
      padding-left: 2%;
      padding-top: 6px;
      color: #aaa;
      display: inline-block;
      text-align: left !important;
      border-bottom: 1px solid #ccc;
    }
    .col5h { color: transparent; 
    }


    .col6 {
      padding-top: 6px;
      width: 28%;
      display: inline-block;
      border-bottom: 1px solid #ccc;
      text-align: right !important;
      padding-right:2%;
    }
  }