/* @import url(http://fonts.googleapis.com/css?family=Open%20Sans:400italic,700italic,700,300,800,400&subset=cyrillic,latin); */
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400&display=swap');
body {
    color: #222;
    font-family: 'IBM Plex Sans', 'Segoe UI', Tahoma, Arial, sans-serif
}

table.flops tr th {
    border-bottom: 2px solid #9cf;
    font-size: 13px;
    text-align: left;
    padding: 4px;
    font-family: 'IBM Plex Sans', 'Segoe UI', Tahoma, Arial, sans-serif
}

table.flops tr {
}


    table.flops tr td {
        border-bottom: 1px dashed #9cf;
        color: #222;
        padding: 8px;
        font-size: 13px;
        vertical-align: top;
        font-family: 'IBM Plex Sans', 'Segoe UI', Tahoma, Arial, sans-serif
    }

td.fltNo div {
    margin-top: 4px;
    font-weight: bold;
    color: #000;
    font-size: 1.4em;
}

div.loc {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 6px;
    text-transform: lowercase;
}

    div.loc::first-letter {
        text-transform: capitalize;
    }

span.locIATA {
    font-size: 0.8em;
    font-weight: normal;
    color: #999;
    text-transform: uppercase;
}

div.time {
    font-weight: normal;
    margin-top: 2px;
    padding: 2px;
    padding-left: 0px;
    color: #666;
}

.statusdotcancelled {
    color: red;
    font-size: 1.6em;
    margin-top: 2px;
}

.statusdotdelayed {
    color: orange;
    font-size: 1.6em;
    margin-top: 2px;
}

.statusdotok {
    color: #23b256;
    font-size: 1.6em;
    padding-top: 20px;
}