/* css/components.css — cards, buttons, forms, navbar, tables, trip cards, modals, alerts, footer, etc. */

/* ================== TABLE / DATATABLES ================== */
.duty-hours {
    font-weight: bold;
}

.table-container {
    margin-top: 20px;
}

/* Increase width of Round Trip Totals column and allow text wrapping */
#trips_table th:nth-child(10),
#trips_table td:nth-child(10),
#user_trips_table th:nth-child(10),
#user_trips_table td:nth-child(10) {
    width: 200px;
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    min-height: 50px;
}

.card {
    background-color: #ffffff;
    color: #333333;
}

.card-header {
    background-color: #e9ecef;
    color: #333333;
    position: relative;
}

.form-control,
.form-control:focus {
    background-color: #ffffff;
    color: #333333;
    border-color: #ced4da;
}

.form-control::placeholder {
    color: #6c757d;
}

.table thead th {
    background-color: #e9ecef;
    color: #333333;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #333333 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #ced4da !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    color: #333333;
}

/* Table Background and Stripes */
.table {
    background-color: transparent !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > *,
.table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: transparent !important;
}

/* ================== TRIP PAIR ROW BORDERS ================== */
/* Remove border between outbound and inbound rows in paired round trips */
#trips_table tbody tr.trip-pair-1[data-trip-type="home_away"] + tr.trip-pair-1[data-trip-type="away_home"],
#trips_table tbody tr.trip-pair-2[data-trip-type="home_away"] + tr.trip-pair-2[data-trip-type="away_home"],
#user_trips_table tbody tr.trip-pair-1[data-trip-type="home_away"] + tr.trip-pair-1[data-trip-type="away_home"],
#user_trips_table tbody tr.trip-pair-2[data-trip-type="home_away"] + tr.trip-pair-2[data-trip-type="away_home"] {
    border-top: none !important;
}

#trips_table tbody tr.trip-pair-1[data-trip-type="home_away"],
#trips_table tbody tr.trip-pair-2[data-trip-type="home_away"],
#user_trips_table tbody tr.trip-pair-1[data-trip-type="home_away"],
#user_trips_table tbody tr.trip-pair-2[data-trip-type="home_away"] {
    border-bottom: none !important;
}

/* Trip Colors (Single Set) */
#trips_table tbody tr.trip-pair-1 td,
#user_trips_table tbody tr.trip-pair-1 td {
    background-color: #83938E !important;
    color: #ffffff !important;
}

#trips_table tbody tr.trip-pair-2 td,
#user_trips_table tbody tr.trip-pair-2 td {
    background-color: #68757F !important;
    color: #ffffff !important;
}

#trips_table tbody tr.home-home td,
#user_trips_table tbody tr.home-home td {
    background-color: #83938E !important;
    color: #ffffff !important;
}

/* Incomplete Trip Colors */
#trips_table tbody tr.unpaired-home-away td,
#user_trips_table tbody tr.unpaired-home-away td {
    background-color: #dfc27d !important;
    color: #333333 !important;
}

#trips_table tbody tr.unpaired-away-home td,
#user_trips_table tbody tr.unpaired-away-home td {
    background-color: #e6d5a7 !important;
    color: #333333 !important;
}

#trips_table tbody tr.away-away td,
#user_trips_table tbody tr.away-away td {
    background-color: #ff1030 !important;
    color: #ffffff !important;
}