.it-std-table-list {
    margin-top: 20px;
}

/* .table-header-group .table-row .table-cell (blank.css) forces text-transform: uppercase on every
   header cell for the column labels - the bulk-action dropdown lives inside the header's checkbox-cell
   too and inherits it. Reset it here so the dropdown items keep their own casing. */
.it-std-table-list .table-header-group .dropdown-menu {
    text-transform: none;
}

/* provabus.css's "#scolacar .container-itinerary .selector > div:first-child" (width: 1px, meant to
   shrink the "back to itinerary list" button) now targets the name cell instead, since that button was
   removed for stdItinerary (itinerary switching is disabled - see left-panel.html) and the name div became
   the actual first child. Without this override the name cell collapses and the settings dropdown button
   no longer gets pushed to the right edge of .selector. Same #scolacar/.container-itinerary/.selector
   specificity as the rule being overridden, so it wins purely on source order (it-std.css loads after
   provabus.css, see index.gsp). */
#scolacar .container-itinerary .selector > div.name-cell {
    width: 100%;
}

.it-std-dedicated-filters {
    margin-top: 10px;
}

.it-std-dedicated-filters .global-search {
    width: 100%;
    float: none;
}

/* Stronger hover than blank.css's generic .table-row-group .table-row:hover (#f7f7f7) - this table's
   rows are also double-clickable (opens "Modifier", same as the edit button), so the hover needs to
   read clearly as "clickable row", not just the faint default. */
.it-std-table-list .table-row-group .table-row:hover {
    background: #ececec;
    cursor: pointer;
}

.it-std-table-list .stop-cell {
    vertical-align: middle;
}

.it-std-table-list .stop-cell .stop-poi {
    font-weight: bold;
}

.it-std-table-list .stop-cell .stop-address {
    font-style: italic;
    color: #888;
    font-size: 0.9em;
    white-space: normal;
}

.copy-std-itinerary-modal-window .modal-dialog {
    width: 700px;
}

.copy-std-itinerary-modal .std-itinerary-group {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.copy-std-itinerary-modal .std-itinerary-group:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.copy-std-itinerary-modal .group-title {
    margin-bottom: 10px;
}

.copy-std-itinerary-modal .group-title strong {
    font-size: 1.15em;
}

.copy-std-itinerary-modal .group-stops {
    display: block;
    margin-top: 4px;
    font-style: italic;
    color: #888;
    font-size: 1em;
}

.copy-std-itinerary-modal .group-stop-arrow {
    margin: 0 4px;
    font-size: 0.85em;
}

.copy-std-itinerary-modal .copy-line {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.copy-std-itinerary-modal .line-fields {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex: 1;
}

.copy-std-itinerary-modal .days {
    display: flex;
    flex-wrap: nowrap;
    margin-right: 15px;
}

.copy-std-itinerary-modal .day-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 4px;
    font-size: 12px;
    font-weight: 300;
    cursor: pointer;
    user-select: none;
}

.copy-std-itinerary-modal .day-toggle input {
    display: none;
}

.copy-std-itinerary-modal .day-toggle:hover {
    background-color: #eee;
}

.copy-std-itinerary-modal .day-toggle.active {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}

.copy-std-itinerary-modal .day-toggle.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: #f5f5f5;
}

.copy-std-itinerary-modal .day-toggle.disabled:hover {
    background-color: #f5f5f5;
}

.copy-std-itinerary-modal .date-field {
    margin-right: 15px;
}

.copy-std-itinerary-modal .date-field input {
    width: 110px;
}

.copy-std-itinerary-modal .time-field .timepicker {
    display: inline-block;
}

.copy-std-itinerary-modal .line-actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 15px;
}

.copy-std-itinerary-modal .line-actions .btn {
    margin-left: 5px;
}

.copy-std-itinerary-modal .validation-label {
    width: 100%;
    flex-basis: 100%;
}

.person-picker-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.person-picker-row isteven-multi-select {
    min-width: 0;
}

.person-picker-row button {
    flex-shrink: 0;
}

.person-picker-row .validation-label {
    width: 100%;
    flex-basis: 100%;
}
