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

/* 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;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.back-to-top {
    bottom: 20px;
    color: lightgray;
    cursor: pointer;
    font-size: 45px;
    display: none;
    opacity: .7;
    position: fixed;
    right: 20px;
    z-index: 5;
}

.back-to-top:hover {
    color: indianred;
}

pre.prettyprint {
    white-space: pre-wrap;
}

#studentFilesTable, #kpiFilesTable, #filesTable {
    table-layout: fixed;
}

table .wrappable {
    word-break: break-all;
    width: 300px;
}

table .status-bad {
    color: #b94a48;
}

table .status-inprog {
    color: #3779d5;
}

table .status-split {
    color: #37d574;
}

.no-wrap {
    white-space:nowrap;
}

.photoBase64 {
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.staging-alert {
    padding: 5px; 
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.validation-alert {
    color: #b94a48;
    background-color: #f7f0f0;
    border-color: #eed3d7;
    margin-top:-5px;
    margin-bottom:-5px;
}

.mandatory-alert {
    color: #b94a48;
    background-color: #f7f0f0;
    border-color: #eed3d7;
    margin-top:-5px;
    margin-bottom:-5px;
}

.invalid-entry {
    padding: 2px 6px;
    font-size: 85%; 
    color: #b94a48; 
    background-color: #deeaf5;
    border-radius: 4px;
    border: 2px solid #476b8e;
    background: #333; 
}