﻿.FlightHoursSection .devkit-simple-table-wrapper .devkit-table {
    width: initial;
}

    .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tbody th {
        border: solid 1px #cccccc;
        border-left: none;
        border-right: none;
        padding: 10px;
    }

    .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tfoot td {
        border: solid 1px #cccccc;
        border-left: none;
        border-right: none;
        color: #002664;
        font-weight: 600;
        padding: 10px;
    }

    .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tbody td .input-label {
        border: 0;
        display: none;
        font-size: 0.875rem;
        text-align: left;
    }

    .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tbody td select {
        min-width: 150px;
    }

@media screen and (min-width: 1101px) {
    .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tbody td .input-label {
        display: none;
        text-align: right;
    }
}

@media screen and (max-width: 1100px) {
    .FlightHoursSection .devkit-simple-table-wrapper .devkit-table {
        border: 1px solid #cccccc;
        border-bottom: 0
    }
        .FlightHoursSection .devkit-simple-table-wrapper .devkit-table .devkit-table-title {
            background: #0076c0;
            color: #ffffff;
            color: var(--white);
            font-size: 0.875rem;
            font-weight: 600;
            padding: 10px 9px 8px 16px;
            text-align: left;
            text-transform: uppercase;
        }

        .FlightHoursSection .devkit-simple-table-wrapper .devkit-table thead {
            display: none;
        }

        .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tr {
            border-bottom: 1px solid #cccccc;
            display: block;
            margin-bottom: 0;
        }

        .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tfoot td {
            border: 0;
            display: block;
            font-size: 0.875rem;
            text-align: right;
        }

        .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tbody th {
            border: 0;
            display: block;
            font-size: 0.875rem;
            text-align: right;
        }

        .FlightHoursSection .devkit-simple-table-wrapper .devkit-table th::before {
            color: #002664;
            content: attr(data-label);
            float: left;
            font-weight: 600;
        }

        .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tbody td {
            border: 0;
            display: block;
            font-size: 0.875rem;
            text-align: left;
        }

            .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tbody td .input-label {
                border: 0;
                display: inline-block;
                font-size: 0.875rem;
                font-weight: bold;
                text-align: right;
            }
            .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tbody td .select-wrapper {
                margin-left: 16px;
            }
            .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tbody td:nth-child(4) .select-wrapper {
                margin-left: 5px;
            }
            .FlightHoursSection .devkit-simple-table-wrapper .devkit-table tbody td:nth-child(5) .select-wrapper {
                margin-left: 5px;
            }

        .FlightHoursSection .devkit-simple-table-wrapper .devkit-table td::before {
            color: #002664;
            content: attr(data-label);
            float: left;
            font-weight: 600;
        }

        .FlightHoursSection .devkit-simple-table-wrapper .devkit-table td:last-child {
            border-bottom: none;
        }
}
