﻿.flightWidget {
    text-align: left;
    padding: 30px 0 20px;
    background-color: white
}

.flightWidget .fwInner {
    max-width: 700px;
    margin: auto;
    box-sizing: border-box;
    background-color: #fff;
    border: solid 1px #acacac
}

.flightWidget .fwTop {
    display: -ms-flexbox;
    display: flex;
    height: 63px;
    border-bottom: solid 4px #096ab4;
}

.flightWidget .fwTop .fwLogo {
    width: 135px;
    background: url(../images/logo.png) center no-repeat;
    background-size: contain;
    margin:10px 0px;
}

.flightWidget .fwTop .fwNav {
    display: -ms-flexbox;
    display: flex
}

.flightWidget .fwTop .fwNav a {
    font-size: 1.0625rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 20px 0 52px;
    color: #000;
    border-bottom: solid 4px transparent
}

    .flightWidget .fwTop .fwNav a.arrival-tab.current {
        background: url(../images/arrival-icon-selected.svg) left 5px bottom 4px no-repeat;
        background-size: 30% 66%;
        background-color: #096ab4;
        color: #ffffff;
        border-left: none;
    }

    .flightWidget .fwTop .fwNav a.departure-tab.current {
        background: url(../images/departure-icon-selected.svg) left 5px bottom 4px no-repeat;
        background-size: 26% 67%;
        background-color: #096ab4;
        color: #ffffff;
        border-left: none;
    }

    .flightWidget .fwTop .fwNav a.arrival-tab {
        background: url(../images/arrival-icon.svg) left 5px bottom 4px no-repeat;
        background-size: 30% 66%;
        background-color: #eee;
        border-left: solid 1px #acacac;
    }

.flightWidget .fwTop .fwNav a.departure-tab {
    background: url(../images/departure-icon.svg) left 5px bottom 4px no-repeat;
    background-size: 26% 67%;
    background-color: #eee;
    border-right: solid 1px #acacac;
}

.flightWidget .fwThead, .flightWidget .fwTrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom:5px;
    padding-top: 5px;
}

    .flightWidget .fwThead, .flightWidget .fwTrow:not(#flt_01) {
        border-bottom: 1px solid #acacac;
    } 
.flightWidget .fwTrow.title {
       text-align: center;
        background-color: #096ab4;
        
    } .flightWidget .fwTrow.title .fwTcell {
            font-size: 1.0625rem;
            margin: auto;
            color: #ffffff;
        } .flightWidget .fwThead > div, .flightWidget .fwTrow > div {
    display: -ms-flexbox;
    display: flex
} .flightWidget .fwThead > div > span.voiceLabel, .flightWidget .fwTrow > div > span.voiceLabel {
    font-size: 0
} .flightWidget .fwThead > div > span, .flightWidget .fwTrow > div > span {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
} .flightWidget .fwTrow.voiceLabel, .flightWidget .fwTrow.voiceLabel > div {
    height: 0;
    padding: 0;
    margin: 0
} .flightWidget .fwContact, .flightWidget .fwViewAll {
    display: -ms-flexbox;
    display: flex;
    padding: 0 24px 0 50px;
    -ms-flex-align: center;
    align-items: center
} .flightWidget .fwThead > .fwTcell, .flightWidget .fwContact {
    height: 44px
} .flightWidget .fwTcell {
    min-height: 36px
} .flightWidget .fwTcell {
    line-height: 1.2em;
    padding: 0 10px
} .flightWidget .fwTcell:first-child {
    padding: 0 10px 0 25px
} .flightWidget .fwTcell:last-child {
    padding: 0 25px 0 10px
} .flightWidget .tc1 {
    -ms-flex: 1.25;
    flex: 1.25
} .flightWidget .tc2 {
    -ms-flex: 1;
    flex: 1
} .flightWidget .tc3 {
    -ms-flex: 0.75;
    flex: 0.75
} .flightWidget .tc4 {
    -ms-flex: 1;
    flex: 1;
} #arrival.hide,#departures.hide {
    display: none;
} .showDefault .arrivals {
    display: block
} .flightWidget .fwThead {
    background-color: #096ab4;
    
} .flightWidget .fwThead .fwTcell {
        font-size: 1.0625rem;
        color: #ffffff;
    }
.flightWidget .fwTrow:not(.title):hover, .flightWidget .fwTrow:not(.title):focus {
    background: #ecf6fe;
    transition: background .25s
} 
  .flightWidget .fwTcell {
    font-size: .9375rem;
    font-weight: 600;
    background: transparent;
    color: #000000;
} .flightWidget .time {
    padding: .25em .5em;
    border-radius: 3px;
    border: solid 1px #a8a8a8;
    background-color: #fff
} .flightWidget .status.good {
    color: #4c832c
} .flightWidget .status.bad {
    color: #db2c17
} .flightWidget .fwViewAll {
    font-weight: 600;
    height: 6px;
    color: #fff;
    background-color: #096ab4
} .flightWidget .fwContact {
    font-weight: 600;
    color: #000;
    background: #3db462 url(../images/question-circle-black.svg) left 20px center no-repeat;
    background-size: 20px 20px
} .flightWidget .fwContact a {
    font-weight: 400;
    margin-left: 1em;
    padding: .25em 1em .25em 2em;
    border-radius: 1em;
    transition: background-color .25s,background-position .25s;
    color: inherit;
    background: #cbebd5 url(../images/question-link-arrow-right.svg) left 15px center no-repeat;
    background-size: 13px 13px
} .flightWidget .fwContact a:hover {
    text-decoration: none;
    background-color: #fff;
    background-position: left 18px center
} .arrival-tab,.departure-tab{
    font-weight:bold;
} @media(max-width:630px) {
    .flightWidget {
        min-width: 320px
    }

    .flightWidget .fwTop {
        height: auto;
        display: block
    }

    .flightWidget .fwTop .fwLogo {
        display: block;
        width: 100%
    }

    .flightWidget .fwTop .fwLogo {
        height: 44px;
        width: 100%;
        margin: 15px 0;
        background-position: center center;
        background-size: contain;
    }

    .flightWidget .fwTop .fwNav a {
        -ms-flex-pack: center;
        justify-content: center;
        padding: 3em 1em .5em;
        margin: 0
    }

    .flightWidget .fwTop .fwNav a.arrival-tab {
        background-position: center top;
        background-size: 60px 60px
    }

    .flightWidget .fwTop .fwNav a.departure-tab {
        background-position: center top;
        background-size: 60px 60px
    }

        .flightWidget .fwTop .fwNav a.arrival-tab.current {
            background-position: center top;
            background-size: 60px 60px
        }

        .flightWidget .fwTop .fwNav a.departure-tab.current {
            background-position: center top;
            background-size: 60px 60px
        }

    .flightWidget .fwTable {
        overflow-y: scroll
    }

        .flightWidget .fwTable .fwThead, .flightWidget .fwTable .fwTbody {
            max-width: 100%;
        }

    .flightWidget .fwThead .fwTcell, .flightWidget .fwTcell {
        font-size: .85em;
        min-height: 46px;
        padding: 0 5px
    }

    .flightWidget .fwThead .fwTcell:first-child, .flightWidget .fwTcell:first-child {
        padding: 0 5px 0 15px
    }

    .flightWidget .fwThead .fwTcell:last-child, .flightWidget .fwTcell:last-child {
        padding: 0 15px 0 5px
    }

    .flightWidget .fwContact, .flightWidget .fwViewAll {
        height: 88px;
        padding: 0 25px;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        background-image: none
    }

    .flightWidget .fwContact a {
        margin: 10px 0
    }
}
