body {
    padding-top: 50px;
    padding-bottom: 20px;
}

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

.table input[type="checkbox"] {
    margin-top: -0.5em;
}

.menu-button {
    height: 75px;
    width: 150px;
    border: none;
    margin: 5px;
    white-space: normal;
    vertical-align: top;
    border-radius: 5px;
}

.Button1 {
    background-color: #DA532C;
    color: white;
}

.Button2 {
    background-color: #0089D1;
    color: white;
}

.Button3 {
    background-color: #009900;
    color: white;
}

.Button4 {
    background-color: #FF0000;
    color: white;
}

.Button5 {
    background-color: #AE193F;
    color: white;
}

.Pointer {
    cursor: pointer;
}

.ToUpper {
    text-transform: uppercase;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #fff;
    opacity: 1;
}

.glyphicon-remove {
    color: darkred;
}

.div-margin {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.checkbox-bold {
    font-weight: bold;
}

.text-errormessage {
    color: darkred;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

@media only screen and (max-width: 767px) {

    /* Force table to not be like tables anymore */
    #reactive-table table,
    #reactive-table thead,
    #reactive-table tbody,
    #reactive-table th,
    #reactive-table td,
    #reactive-table tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #reactive-table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #reactive-table tr {
        border: 1px solid #ccc;
        margin-bottom: 4px;
    }

    #reactive-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #reactive-table td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
	Label the data
	*/
        #reactive-table td:before {
            content: attr(data-title);
        }

    .glyphicon-sort {
        color: none;
    }
}

@media only screen and (min-width: 768px) {

    .glyphicon-sort {
        color: darkgray;
    }
}

div.job-summary {
    background-color: #eef;
    padding: 0.6em;
    margin: 0.2em;
}

div.linked-job-summary {
    background-color: lightyellow;
    padding: 0.6em;
    margin: 0.2em;
}

div.driver-not-working {
    background-color: lightpink;
    padding: 0.6em;
    margin: 0.2em;
}

div.driver-working {
    background-color: lightgreen;
    padding: 0.6em;
    margin: 0.2em;
}

.large {
    font-size: 125%;
}