body {
}

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

.progressBar {
        width: 400px;
        height: 22px;
        border: 1px solid #111;
        background-color: #ffffff;
        border-radius: 3px;
    }

    .progressBar div {
        height: 100%;
        color: #fff;
        text-align: right;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        width: 0;
        background-color: #373277;
    }

    #headBar 
    {
        float: left;
    }
    
    #userName 
    {
        text-align: right;
    }

    /*#notifications 
    {
        border-style: solid;
        border-width: 1px;
        max-width: 34em;
        min-height: 11em;
        padding: 0.5em 2em;
    }*/

    

    #tabs 
    {
        min-width: 42em;
    }

    .positive 
    {
        background-color: green;
        color: white;
        padding: 0.1em 0.8em;
        margin-top: 0.5em;
        margin-right: 0.7em;
        border-style: solid;
        border-color: #23CD1E;
        border-width: 2px;
        border-radius: 8px;
    }

    .negative 
    {
        background-color: #C10A0A;
        color: white;
        padding: 0.1em 0.8em;
        margin-top: 0.5em;
        margin-right: 0.7em;
        border-style: solid;
        border-color: #FF0000;
        border-width: 2px;
        border-radius: 8px;
    }

    #currentRank 
    {
        border-style: solid;
        border-width: 1px;
        margin-top: 2em;
        max-width: 20em;
        min-height: 6.3em;
        text-align: center;
    }

.new 
{
    padding: 0.2em 0.4em;
    margin-right: 1em;
    border-style: solid;
    border-width: 2px;
    border-color: yellowgreen;
    color: yellowgreen;
    border-radius: 0.3em;
    max-width: 3.5em;
    text-align: center;
}

.read 
{
    padding: 0.2em 0.4em;
    margin-right: 1em;
    border-style: solid;
    border-width: 2px;
    border-color: purple;
    color: purple;
    border-radius: 0.3em;
    max-width: 3.5em;
    text-align: center;
}

#category-selector {
    margin-left: 10px;
}

#category-selector label {
    font-size: 14px;
    color: #373277;
}

/* Forms CSS */
#forms .input-field label {
    font-size: 14px;
    margin-left: 10px;
    color: #373277;
}

/* Forms CSS */
#forms .input-override label {
    font-size: 14px;
    margin-left: 10px;
    color: #373277;
}

#forms .input-field label.active {
    font-size: 12px;
    color: #376AD3;
    border-bottom-color: #376AD3;
}

#forms input[type="text"],
#forms input[type="password"],
#forms input[type="file"] {
    font-size: 16px;
    border-bottom-color: #373277;
}

#forms input[type="text"]:focus,
#forms input[type="password"]:focus {
    border-bottom-color: #376ad3;
}

#forms input[type="text"] .valid,
#forms input[type="password"] .valid {
    border-bottom-color: #00ff00;
}

#forms #custombtn {
    background-color: #373277;
    line-height: 1.8rem;
    color: #ffffff;
    font-weight: bold;
}

#forms #custombtn:hover {
    background-color: #376AD3;
}

#forms #searcbtn {
    background-color: #373277;
    line-height: 1.8rem;
    color: #ffffff;
    font-weight: bold;
    margin-top: 17px;
}

#forms #searcbtn:hover {
    background-color: #376AD3;
}

#registerDiv {
    margin-top: 18px;
}

#forms .file-path {
    width: 45%;
}

#forms .errorMessage {
    color: #ff0000;
    font-size: 14px;
}

.errorBlock {
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #FFCCCC;
    background-color: #FFCCCC;
    opacity: 0.7;
    padding-left: 10px;
    font-weight: bold;
}

.successBlock {
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #DFF2BF;
    background-color: #DFF2BF;
    opacity: 0.7;
    padding-left: 10px;
    font-weight: bold;
}

.labelText {
    font-size: 16px;
}

.lastEditRow {
    margin-top: 10px;
}

#forms .wysiwygLabel {
    font-size: 14px;
    color: #373277;
}

.duplicate-question {
    padding-left: 37px;
}

.teacherList a {
    background-color: blue !important;
    margin-top: 10px;
}