.trip-header {
    width: 100%;
}

.trip-changes-header {
    text-align: center;
}

.trip-navButton {
    display: inline-block;
    position: relative;
    bottom: 7px;
}

.trip-title {
    display: inline-block;
}

.trip-dropdownTile {
    background-color: var(--truly-white);
    padding: 6px 12px;
    height: 34px;
    width: 100%;
    border-radius: 0px;
    border: 1px solid var(--diligent-grey);
}

@media (min-width: 1200px) {
    .trip-smallWindowHeader {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .trip-regularWindowHeader {
        display: none !important;
    }
}

table > tbody > tr > .trip-noBorder {
    border-top: none;
}

table > tbody > tr > .trip-noBorder > .btn-wrapper {
    width: max-content;
}

.trips-busStatusIcon {
    margin-right: 5px;
    font-size: 20px !important;
    cursor: default;
}

.trips-relatedTrip {
    display: flex;
    align-items: center;
}

.trip-inProgressIcon {
    content: url('../../../img/markers/vehicule-bus-24.png');
}

.trip-statusBox .statusTextBox {
    margin-left: 0;
}

.trips-reportQuestion {
    width: 15%;
    text-transform: capitalize;
}

.trips-busStatusTextLabel {
    display: inline;
    white-space: nowrap;
    position: relative;
    bottom: 3px;
    font-family: Roboto, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.trips-infoWatcher {
    float: right;
}

.collapsablePanel {
    margin-bottom: 0;
}

.delta {
    color: var(--party-red);
}

.delta.negative {
    color: var(--muffled-green);
}

#tripDetailPassengersPanel__content {
    overflow: scroll;
}

.trips-min-column {
    width: 1%;
    white-space: nowrap;
}

.trips-formsDetails__header-icon {
    width: 15px;
}

.trips-locateDeviceModal__body {
    text-align: left;
    margin: 15px;
}

.panel__table tbody tr #actions__separator-header,
.panel__table tbody tr #actions__separator-cell {
    padding: 2px !important;
}

/* Table header alignment */
.text-left .table-head {
    justify-content: flex-start;
}