/* App-specific CSS goes here.
 *
 * The Sass customizations live here if you'd like to recompile:
 * https://stash.sys.utah.edu/projects/USS_STU/repos/bootstrap-build/browse
 */
.incomplete {
    background-image: url(../images/incomplete.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.complete {
    background-image: url(../images/complete.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.complete-status {
    background-image: url(../images/complete.png);
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center 5px bottom;
    vertical-align: middle;
}

.in_progress {
    background-image: url(../images/in_progress.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.up {background-image: url(../images/up.png);}
.down {background-image: url(../images/down.png);}
.delete {background-image: url(../images/delete.png);}
.complete2 {background-image: url(../images/complete.png);}
.incomplete2 {background-image: url(../images/incomplete.png);}
.in-progress2 {background-image: url(../images/in_progress.png);}

.glyph:hover {
    text-decoration: none;
}

.glyph {
    cursor: pointer;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-decoration: none;
}


/* Administrators Page */
.admin-table > tbody > tr > td {
    vertical-align: middle;
    line-height: normal;
}

.admin-table > tbody > tr > td > button.delete {
    /* Remove button styles */
    background-color: transparent;
    border: 0;

    /* Center button in row */
    padding: 10px;
}

/* An Application Status Information panel now has a h4 prepending it.
   This spaces the Received Test Scores to line up. */
.test-scores-spacer {
    margin-top: 32px;
}

.statusText {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.center-background {
    background-position: center;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }