/** 
 * Cell Lot Styling
 */
:root {
    --cell-white: white;
    --cell-black: #000;
    --cell-blue: #2a415b;
    --cell-blue-light: #223a55;
    --cell-blue-dark: #33688a;
    --cell-blue-title: #496685;
    --cell-orange: #f7a41b;
    --cell-highlight: #e8eef1;
    --cell-dark: #262724;
    --cell-transparent: transparent;
    
    --cell-text: #E6E6E6;
    --cell-rows: var(--cell-blue-light);
    --cell-rows-even: var(--cell-blue);
    --cell-rows-head: var(--cell-blue-dark);
}

.flightview-cell-body {
    background-color: var(--cell-blue);
}

body .flightview-container {
    width: 100%;
    /* height: 960px; */
    position: absolute;
    top: 0;
    left: 0;
}

body .flightview-title {
    width: 100%;
    /* text-align: center; */
    padding: 25px 10px;
    margin: 0 0 10px;
    background-color: #496685;
    border-bottom: 1px solid #5b7591;
}

body .flightview-title img {
    width: 190px;
    padding-right: 10px;
    border-right: 1px solid #6d859d;
}

body .flightview-wrapper {
    display: flex;
    align-items: center;
}

body .flightview-cell-wrapper {
    width: 50%;
}

body .flightview-wrap {
    padding-right: 30px;
    color: var(--cell-white) !important;
}

body .flightview-wrapper-right {
    justify-content: space-between;
    padding-left: 10px;
}

body .flightview-wrap-right {
    text-align: right;
}
body .flightview-wrap-right #time {
    font-family: 'Montserrat';
    font-weight: 700;
    line-height: 35px;
    font-size: 35px;
    letter-spacing: 3.2px;
}
body .flightview-wrap-right #date {
    color: #e2e2e2;
    font-family: 'Raleway';
    font-weight: 700;
    line-height: 22px;
    font-size: 18px !important;
    padding-top: 5px;
    letter-spacing: 0.35px;
    text-transform: uppercase;
    font-feature-settings: "lnum" 1;
}

body .flightview-wrap h1 {
    font-family: 'EusthaliaSans';
    font-weight: 700;
    line-height: 35px;
    font-size: 35px;
    padding-top: 10px;
    letter-spacing: 3.2px;
}

body .flightview-wrap h2.flightview-sublabel {
    font-family: 'Raleway';
    font-weight: 700;
    line-height: 22px;
    font-size: 18px !important;
    padding-top: 5px;
    letter-spacing: 0.35px;
    text-transform: uppercase;
    margin-bottom: 0;
}

body .flightview-cell-wrapper .dataTables_wrapper {
    padding: 10px;
}

body .flightview-cell-wrapper .dataTables_wrapper .dataTables_length,
body .flightview-cell-wrapper .dataTables_wrapper .dataTables_paginate,
body .flightview-cell-wrapper .dataTables_wrapper .dataTables_info 
{ 
    display: none;
}

body .flightview-cell-wrapper .flightview-updated {
    width: 100%;
    margin: 5px 0 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: white;
}

body table.flightview-table-cell {
    width: 100%;
    border: 1px solid #566a82;
    border-radius: 10px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

body table.flightview-table-cell thead {
    background-color: var(--cell-rows-head);
}
body table.flightview-table-cell thead th:first-child {
    border-top-left-radius: 10px;
}
body table.flightview-table-cell thead th:last-child {
    border-top-right-radius: 10px;
}
body table.flightview-table-cell tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}
body table.flightview-table-cell tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}
body table.flightview-table-cell tbody {
    font-family: 'Raleway', Helvetica, Tahoma, sans-serif;
    letter-spacing: 0.45px;
    font-feature-settings: "lnum" 1;
}
body table.flightview-table-cell tr th {
    font-family: 'EusthaliaSans', Helvetica, Tahoma, sans-serif;
    font-size: 18px;
    letter-spacing: 0.7px;
    color: var(--cell-white) !important;
    text-transform: none;
    padding: 15px 10px 12px;
    border-bottom: 1px solid #5b7fa6;
}
body table.flightview-table-cell tbody tr {
    background-color: var(--cell-transparent);
    color: var(--cell-text) !important;
}
body table.flightview-table-cell tr.odd {
    background-color: var(--cell-rows-even);
}
body table.flightview-table-cell tr.even {
    background-color: var(--cell-rows);
}

/* body table.flightview-table-cell tr th {
    font-family: "Open Sans", Helvetica, Tahoma, sans-serif;
    text-transform: none;
    font-size: 29px;
} */

/* body table.flightview-table-cell > thead > tr > th, 
body table.flightview-table-cell > thead > tr > td {
    padding: 0;
} */

body table.flightview-table-cell tbody th, 
body table.flightview-table-cell tbody td {
    padding: 10px 5px;
    font-family: "Raleway", Helvetica, Tahoma, sans-serif;
    font-weight: 700;
    font-size: 25px;
    font-feature-settings: "lnum" 1;
    letter-spacing: 0.45px;
    border-top: 1px solid #2d445d;
    border-bottom: 1px solid #3a536e;
}

body table.flightview-table-cell tbody,
body .flightview-table-cell .flight-id {
    color: var(--cell-text) !important;
    text-decoration: none;
    cursor: default;
}

body table.flightview-table-cell th.col-cell-flight,
body table.flightview-table-cell td.col-cell-flight {
    width: auto;
    text-align: center;
}
/* 
body table.flightview-table-cell th.col-cell-airline,
body table.flightview-table-cell td.col-cell-airline {
    padding: 0 10px;
} */

body table.flightview-table-cell td.col-cell-scheduled {
    color: #CCC !important;
}

body table.flightview-table-cell th.col-cell-status,
body table.flightview-table-cell td.col-cell-status {
    text-align: center !important;
    min-width: 20%;
    padding-left: 8px;
    text-transform: uppercase;
}

body table.flightview-table-cell tbody th .airline-icon,
body table.flightview-table-cell tbody td .airline-icon {
    width: 30px;
    height: 30px;
    /* float: left; */
    /* margin-top: 3px; */
    margin-bottom: 5px;
    margin-right: 7px;
    border-radius: 3px;
}

body table.flightview-table-cell td.col-gate span {
    content: attr(data-content);
    display: inline-block;
    background-color: #1b5470;
    border: 1px solid #177694;
    border-radius: 3px;
    width: 35px;
    height: 34px;
    font-size: 20px;
    line-height: 35px;
}

/* body table.flightview-table-cell th.col-gate, */
body table.flightview-table-cell td.col-gate {
    padding: 5px 10px;
}

body table.flightview-table-cell tbody th.status-landed,
body table.flightview-table-cell tbody td.status-landed {
    color: var(--cell-text) !important;
}

body table.flightview-table-cell tbody th.status-arrived,
body table.flightview-table-cell tbody td.status-arrived {
    color: var(--cell-text) !important;
}

body table.flightview-table-cell tbody th.status-on,
body table.flightview-table-cell tbody td.status-on {
    color: var(--cell-text) !important;
}

body table.flightview-table-cell tbody th.status-departed,
body table.flightview-table-cell tbody td.status-departed {
    color: var(--cell-text) !important;
}

body table.flightview-table-cell tbody th.status-estimated,
body table.flightview-table-cell tbody td.status-estimated {
    color: #f59e0b !important;
}

body table.flightview-table-cell tbody th.status-delayed,
body table.flightview-table-cell tbody td.status-delayed {
    color: #f59e0b !important;
}

body table.flightview-table-cell tbody th.status-cancelled,
body table.flightview-table-cell tbody td.status-cancelled {
    color: #cf302d !important;
}

/** 
 * Loading Plane
 */
body #flightview-cell-loader {
    text-align: center;
}

body #flightview-cell-loader .flightview-cell-calLoader {
    width: 230px;
    height: 230px;
    transform-origin: 115px 115px;
    animation: 2.4s linear infinite cell-loader-spin;
}

body #flightview-cell-loader .flightview-cell-loader__plane {
    fill: var(--cell-orange);
}

body #flightview-cell-loader .flightview-cell-loader__path {
    stroke: var(--cell-blue);
    animation: 2.4s ease-in-out infinite cell-loader-path;
}

@keyframes cell-loader-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes cell-loader-path {
    0% {
        stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
    }

    50% {
        stroke-dasharray: 0, 450, 10, 30, 10, 30, 10, 30, 10;
    }

    100% {
        stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
    }
}


/** 
 * Auto Complete
 */
.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);

    /* core styles should not be changed */
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.autocomplete-suggestion {
    position: relative;
    padding: 0 .6em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.02em;
    color: #333;
}

.autocomplete-suggestion b {
    font-weight: normal;
    color: #1f8dd6;
}

.autocomplete-suggestion.selected {
    background: #f0f0f0;
}


/** 
 * Open Sans
 */
/* open-sans-300 */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("Open-Sans-Light"), 
        url('../woff2/open-sans-300.woff2') format('woff2'),
        url('../woff/open-sans-300.woff') format('woff'),
        url('../ttf/open-sans-300.ttf') format('truetype');
}
/* open-sans-300italic */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local("Open Sans LightItalic"), local("Open-Sans-LightItalic"), 
        url('../woff2/open-sans-300italic.woff2') format('woff2'),
        url('../woff/open-sans-300italic.woff') format('woff'),
        url('../ttf/open-sans-300italic.ttf') format('truetype');
}
/* open-sans-regular */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("Open-Sans-Regular"), 
        url('../woff2/open-sans-regular.woff2') format('woff2'),
        url('../woff/open-sans-regular.woff') format('woff'),
        url('../ttf/open-sans-regular.ttf') format('truetype');
}
/* open-sans-italic */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local("Open Sans Italic"), local("Open-Sans-Italic"), 
        url('../woff2/open-sans-italic.woff2') format('woff2'),
        url('../woff/open-sans-italic.woff') format('woff'),
        url('../ttf/open-sans-italic.ttf') format('truetype');
}
/* open-sans-600 */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("Open-Sans-SemiBold"),
        url('../woff2/open-sans-600.woff2') format('woff2'),
        url('../woff/open-sans-600.woff') format('woff'),
        url('../ttf/open-sans-600.ttf') format('truetype');
}
/* open-sans-600italic */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local("Open Sans SemiBoldItalic"), local("Open-Sans-SemiBoldItalic"),
        url('../woff2/open-sans-600italic.woff2') format('woff2'),
        url('../woff/open-sans-600italic.woff') format('woff'),
        url('../ttf/open-sans-600italic.ttf') format('truetype');
}
/* open-sans-700 */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("Open-Sans-Bold"), 
        url('../woff2/open-sans-700.woff2') format('woff2'),
        url('../woff/open-sans-700.woff') format('woff'),
        url('../ttf/open-sans-700.ttf') format('truetype');
}
/* open-sans-700italic */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local("Open Sans BoldItalic"), local("Open-Sans-BoldItalic"),
        url('../woff2/open-sans-700italic.woff2') format('woff2'),
        url('../woff/open-sans-700italic.woff') format('woff'),
        url('../ttf/open-sans-700italic.ttf') format('truetype');
}
/* open-sans-800 */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local("Open Sans ExtraBold"), local("Open-Sans-ExtraBold"), 
        url('../woff2/open-sans-800.woff2') format('woff2'),
        url('../woff/open-sans-800.woff') format('woff'),
        url('../ttf/open-sans-800.ttf') format('truetype');
}
/* open-sans-800italic */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local("Open Sans ExtraBoldItalic"), local("Open-Sans-ExtraBoldItalic"), 
        url('../woff2/open-sans-800italic.woff2') format('woff2'),
        url('../woff/open-sans-800italic.woff') format('woff'),
        url('../ttf/open-sans-800italic.ttf') format('truetype');
}

/**
 * Eusthalia Sans
 **/
@font-face {
    font-family: 'EusthaliaSans';
    src: url('../woff2/eusthalia_sans.woff2') format('woff2'),
         url('../woff/eusthalia_sans.woff') format('woff'),
         url('../ttf/eusthalia_sans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/**
 * Montserrat
 **/
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../woff2/montserrat-700.woff2') format('woff2'),
       url('../woff/montserrat-700.woff') format('woff'),
       url('../ttf/montserrat-700.ttf') format('truetype');
}

/**
 * Raleway
 */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../woff2/raleway-700.woff2') format('woff2'),
       url('../woff/raleway-700.woff') format('woff'),
       url('../ttf/raleway-700.ttf') format('truetype');
}