/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/resolve-url-loader/index.js??clonedRuleSet-2.use[3]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[4]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./scripts/components/ExampleComponent.vue?vue&type=style&index=0&id=5eae5f87&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.example-component {
  margin: 20px 0;
  padding: 20px 0;
  border-top: 3px solid #333;
  border-bottom: 3px solid #333;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../node_modules/postcss-loader/dist/cjs.js!../node_modules/resolve-url-loader/index.js??clonedRuleSet-2.use[3]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[4]!./styles/main.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * This file may be used to add CSS to the front-end of the project.
 * SASS is welcome, this is compiled in the build script and enqueued within Core.
 */
@media (max-width: 575px) {
  table.pa-flight-api-table {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw; } }

table.pa-flight-api-table tbody tr, table.pa-flight-api-table tbody td, table.pa-flight-api-table tbody th {
  text-align: center; }

table.pa-flight-api-table tbody tr {
  border-bottom: none; }
  table.pa-flight-api-table tbody tr.pa-flight-api-table-header th {
    font-size: calc(var(--pa-flight-api-heading-font-size) - 4px);
    font-family: var(--pa-flight-api-heading-font-family);
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.15); }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.airline:after {
      content: 'A/X'; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.flight-number:after {
      content: '#'; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.origin-code:after {
      content: 'ORG'; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.destination-code:after {
      content: 'DEST'; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.take-off-time:after {
      content: 'DEP'; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.delay-time:after {
      content: ''; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.arrival-time:after {
      content: 'ETA'; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.status:after {
      content: 'STATUS'; }
    @media (max-width: 575px) {
      table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.destination-code {
        padding-left: 15px; } }
    @media (min-width: 996px) {
      table.pa-flight-api-table tbody tr.pa-flight-api-table-header th {
        font-size: var(--pa-flight-api-heading-font-size); }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.airline:after {
          content: 'A/X'; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.flight-number:after {
          content: 'Flight #'; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.origin-code:after {
          content: 'ORG'; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.destination-code:after {
          content: 'DEST'; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.take-off-time:after {
          content: 'DEP'; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.delay-time:after {
          content: 'WAIT'; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.arrival-time:after {
          content: 'ETA'; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-header th.status:after {
          content: 'Status'; } }
  table.pa-flight-api-table tbody tr.pa-flight-api-table-row td {
    padding: 10px;
    font-family: var(--pa-flight-api-body-font-family);
    font-size: calc(var(--pa-flight-api-body-font-size) - 4px); }
    @media (max-width: 575px) {
      table.pa-flight-api-table tbody tr.pa-flight-api-table-row td:first-of-type {
        padding-left: 5px; }
      table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.destination-code {
        padding-left: 15px; }
      table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.take-off-time {
        padding-right: 0; }
      table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.arrival-time {
        padding-left: 0; }
      table.pa-flight-api-table tbody tr.pa-flight-api-table-row td:last-of-type {
        position: relative;
        padding-left: 0;
        padding-right: 5px;
        left: -5px; } }
    @media (min-width: 996px) {
      table.pa-flight-api-table tbody tr.pa-flight-api-table-row td {
        font-size: var(--pa-flight-api-body-font-size); }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.airline .airline-icao {
          display: none !important; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.airline .airline-image {
          display: block !important;
          width: 100%;
          height: auto;
          max-width: 150px; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.take-off-time .take-off-time-mobile {
          display: none !important; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.take-off-time .take-off-time-desktop {
          display: block !important; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.arrival-time .arrival-time-mobile {
          display: none !important; }
        table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.arrival-time .arrival-time-desktop {
          display: block !important; } }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.airline .airline-icao {
      display: block; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.airline .airline-image {
      display: none; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.take-off-time .take-off-time-mobile {
      display: block; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.take-off-time .take-off-time-desktop {
      display: none; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.arrival-time .arrival-time-mobile {
      display: block; }
    table.pa-flight-api-table tbody tr.pa-flight-api-table-row td.arrival-time .arrival-time-desktop {
      display: none; }
  @media (max-width: 995px) {
    table.pa-flight-api-table tbody tr td.delay-time, table.pa-flight-api-table tbody tr th.delay-time {
      display: none; } }
  table.pa-flight-api-table tbody tr td.status.cancelled, table.pa-flight-api-table tbody tr th.status.cancelled {
    color: var(--pa-flight-api-cancelled-color); }
  table.pa-flight-api-table tbody tr td.status.flying, table.pa-flight-api-table tbody tr th.status.flying {
    color: var(--pa-flight-api-flying-color); }
  table.pa-flight-api-table tbody tr td.status.arrived, table.pa-flight-api-table tbody tr th.status.arrived {
    color: var(--pa-flight-api-arrived-color); }
  table.pa-flight-api-table tbody tr td.status.scheduled, table.pa-flight-api-table tbody tr th.status.scheduled {
    color: var(--pa-flight-api-scheduled-color); }
  table.pa-flight-api-table tbody tr td.status.delayed, table.pa-flight-api-table tbody tr th.status.delayed {
    color: var(--pa-flight-api-delayed-color); }
  table.pa-flight-api-table tbody tr td.status.unknown, table.pa-flight-api-table tbody tr th.status.unknown {
    color: var(--pa-flight-api-unknown-color); }
  table.pa-flight-api-table tbody tr td.status.taxiing, table.pa-flight-api-table tbody tr th.status.taxiing {
    color: var(--pa-flight-api-taxiing-color); }


/*# sourceMappingURL=main.css.map*/