body {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.page-title {
    padding-top: 12px;
    padding-bottom: 4px;
    margin-bottom: 12px;
    color: #337ab7;
    border-bottom-color: #cdcdcd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .page-title h1 {
        font-size: 18pt;
    }

.subtitle {
    padding-top: 6px;
    padding-bottom: 4px;
    color: #337ab7;
    margin-left:0px;
    margin-right:0px;
}

    .subtitle h2 {
    font-size: 1.2rem;
    margin-bottom: 0px;
}

.stopList {
    font-size:0.8rem;
}

.stopList th, .stopList td {
    padding: 0.25rem;
}

.stopLink {
    font-weight: bold;
}

.fieldName {
    font-weight: bold;
    width: 250px;
    display:inline-block;
}
.fieldName::after {
    content: ":";
}

.stopDetails {
    font-size:0.8rem;
}

.plateLines, .corridorLines {
    display:inline-block;
}

.repeatTitle {
    padding-top: 2px;
    padding-bottom: 0;
    color: #337ab7;
    margin-left: 0px;
    margin-right: 0px;
}

    .repeatTitle h3 {
        font-size: 1rem;
        margin-bottom: 0px;
    }

.stopImage {
    padding: 0.5rem;
    width: 100%;
    max-width: 640px;
    height: auto;
}