/* COPY OF trip project's CSS file (can override values here) */
.table-title-button {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    flex-wrap:wrap;
    font-size:1.3em;
}
.propSheetLabel {
    vertical-align:top;
    text-align:right;
    display:block;
    font-weight:bold;
}
/*
 * p:panelGrid emits columnClasses onto <td> elements, and display:block above takes those cells out of table
 * layout: the cell is then sized to the label text rather than stretched to the row, so its background stops
 * filling the row. It only shows where a row is tall -- in the trip-event dialog the right-hand column holds
 * calendars and a multi-select, which leaves ragged gaps down the label column.
 *
 * Scoped to the dialog deliberately. Every .propSheetLabel in the app is a panelGrid cell, so display:block is
 * arguably wrong everywhere (note the vertical-align:top above, which only means anything for a table cell),
 * but the other pages have short rows where it is invisible -- changing them all is a visual change worth
 * eyeballing rather than folding into a bug fix.
 */
.editEventDlg td.propSheetLabel {
    display: table-cell;
}
.propSheetValue {
    vertical-align:top;
}
.editorHover:hover {
    background-color: #186bae;
    color: #ffffff;
}
.editorHover {
    border:none;
    display:block;
}
.ui-datatable-header {
    min-height: 59px;
}
body .ui-datatable thead th {
    padding: 3px 3px 3px 12px;
}
.siteheading {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 40px;
    letter-spacing: -3px;
    word-spacing: -8px;
    color: #D03F68;
    text-shadow: -1px -1px 0 #BBB, 1px -1px 0 #BBB, -1px 1px 0 #BBB, 1px 1px 0 #BBB;
    font-weight: 700;
    text-decoration: none;
    font-variant: normal;
    text-transform: none;
    text-align: center;
}
.small-p P {
    margin:0px;
}