.identity.anonymous
{
    color: #aaa;
    font-style: italic;
    font-size: .875em;
}

.online_record header
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2em;
    border-bottom: solid 1px #888;
    padding-bottom: 1em;
}

.online_record header h1
{
    margin-bottom: 0;
}

.online_record .start_time,
.online_record .end_time
{
    font-family: "Ubuntu Mono", monospace;
}

.online_record header .flight_times
{
    text-align: right;
}

.vatnz_online.flight_detail #content .flight_path_map /* need #content to override site style */
{
    /*width: 640px;*/
    max-width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 2em;
}

.vatnz_online.flight_detail #content #lmap
{
    /*
    width: 558px;
    height: 558px;
    */
    width: calc(50% - 2em);
    /*
    min-height: 558px;
    */
    flex-shrink: 0;
    margin-left: 2em;
}

.online_record section
{
    margin-bottom: 2em;
}

.online_record h2
{
    margin-bottom: .5em;
    background: #369;
    color: #fff;
    padding: .5em;
}

.online_record table
{
    border: solid 4px #48c;
}

.online_record .flight_positions table
{
    font-size: .875em;
}

.online_record .flight_positions table tr td
{
    vertical-align: middle;
}

.online_record .flight_positions table tr.inside_vatnz_airspace td
{
    background: rgba(51, 102, 153, .025);
    color: #369;
}

.online_record .flight_positions table.table-striped > tbody > tr:nth-child(2n+1).inside_vatnz_airspace > td
{
    background: rgba(51, 102, 153, .075);
}

.online_record .flight_positions table tr.inside_vatnz_airspace span.badge
{
    background: #369;
}

.online_record .flight_positions table.flight_positions tbody tr td.airspace
{
    background: #f9f9f9;
}

.online_record .flight_positions table.flight_positions tbody tr.inside_vatnz_airspace td.airspace
{
    background: #369;
    color: #fff;
    min-width: 3em; /* this is needed by firefox to render properly :-/ */
}

.online_record .flight_positions table.flight_positions tbody tr.inside_vatnz_airspace td.airspace div
{
    writing-mode: vertical-rl;
    margin: auto;
}

.online_record th
{
    background: #48c;
    color: #fff;
    border-bottom-color: transparent !important;
    border-right-color: #cdf !important;
}

.online_record p
{
    background: #f0f4ff;
    color: #336;
    padding: .5em;
    font-family: "Ubuntu Mono", monospace;
}

.online_record .oooi_times p
{
    display: flex;
    align-items: center;
}

.online_record .oooi_times p span.badge
{
    margin-left: 1em;
    background: #369;
}

.online_record .oooi_times p span.flight_time_description
{
    margin-left: auto;
}

.online_record .oooi_times div.columns
{
    border-left: solid 1px #48c;
    border-right: solid 1px #48c;
}

.online_record .oooi_times div.columns:first-child
{
    border-left: none;
}

.online_record .oooi_times div.columns:last-child
{
    border-right: none;
}

.online_record .flight_sheet
{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.online_record .flight_plan
{
    flex-grow: 1;
    margin-bottom: 0;
}

section.flight_plan > p:last-child
{
    margin-bottom: 0;
}

.flight_table tbody
{
    font-family: "Ubuntu Mono", monospace;
}

.flight_table .pilot_name
{
    font-family: Lato, sans-serif;
}

.flight_table .flight_time_data
{
    text-align: right;
    white-space: nowrap;
}

.flight_table .flight_online
{
    font-style: italic;
    background: #fafaea;
}

.flight_time, .block_time
{
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    padding: 0 4px;
}

.flight_time.no_off_time, .block_time.no_out_time
{
    /*text-decoration: wavy overline yellowgreen;*/
    border-left-color: burlywood;
}

.flight_time.no_on_time, .block_time.no_in_time
{
    /*text-decoration: wavy underline yellowgreen;*/
    border-right-color: burlywood;
}

@media screen and (max-width: 969px)
{
    .online_record .flight_sheet
    {
        flex-direction: column;
    }

    .vatnz_online.flight_detail #content .flight_path_map
    {
        margin-left: 0;
        max-width: 100%;
    }
}