.paddingLeftZero
{
    padding-left: 0px;
}

.paddingRightZero
{
    padding-right: 0px;
}

.paddingZero
{
    padding: 0px;
}

.MarginZero
{
    margin: 0px;
}

.MarginTopRows
{
    margin-top: 10px;
}


.AnswerOption
{
    font-size: 23px;
}


@media (max-width: 950px)
{
    .MarginTopCenter
    {
        margin-top: 45%;
    }

    .AnswerOption
    {
        padding-left: 10%;
    }
}

@media (min-width: 951px)
{
    .MarginTopCenter
    {
        margin-top: 15%;
    }
}

.QuestionList
{
    padding: 10px;
    padding-top: 17px;
}

.PaddingLeft30
{
    padding-right: 30px;
}

.MasterBackground
{
    background-color: rgb(0, 112, 192);
}

.ExamTitle
{
    position: absolute;
    color: white;
    top: 15px;
}

.bodyBackground
{
    background-color: rgb(248,248,248);
}

.bodyFont
{
    font-family: Calibri;
}

.PaddingLeft5Percentage
{
    padding-left: 5%;
}

.PaddingRight5Percentage
{
    padding-right: 5%;
}

.radioPosition
{
    float: none;
    position: relative;
}

.CollegeLabel
{
    font-family: Calibri;
}

.CollegeNameDetails
{
    font-size: 18pt;
}

.LoggedInLabel
{
    font-size: 11pt;
    color: yellow;
}

.LoggedInOtherLabel
{
    font-size: 10pt;
    color: white;
}

.CollegeLabelDetails
{
    font-family: Calibri;
    font-size: 15pt;
    font-weight: lighter;
}

.OverallFont
{
    font-family: Calibri;
}

.UserNameDetails
{
    color: yellow;
    font-family: Calibri;
    font-size: 10pt;
}

.SettingsandLogOff
{
    font-family: Calibri;
    color: white;
}

.PageHeader
{
    color: black;
    font-size: 16pt;
    margin-left: 2%;
}

@media (max-width: 768px)
{
    .CollegeLabelDetails
    {
        font-size: 12pt;
    }

    .CollegeNameDetails
    {
        font-size: 13pt;
    }

    .LoggedInLabel
    {
        font-size: 10pt;
    }
}

.LabelTextQuestion
{
    font-size: 15pt;
    color: blueviolet;
}

.LabelTextAnswer
{
    font-size: 12pt;
    color: black;
}

.RowMargin
{
    margin: 0px;
}

.ExamImageForHeader
{
    height: 60px;
    width: 60px;
    margin-left: -3%;
}

.HeaderPage
{
    margin-top: 1%;
}

.HeaderUnderLine
{
    border: 1px solid #CEDEFE;
}

.TextBox
{
    height: 30px;
}

.BackgroundImage
{
    opacity: 0;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.formLabelHeader
{
    color: rgb(0, 32, 96);
    font-size: 10pt;
    font-weight: normal;
}

.formLabelValue
{
    color: black;
    font-size: 10pt;
    font-weight: bold;
}

.QuestionText
{
    color: rgb(0, 32, 96);
    font-size: 12pt;
}

.EvaluationAnswerOption
{
    color: black;
    font-size: 12pt;
    font-weight: normal;
}

.QuestionColor
{
    color: rgb(0, 32, 96);
}

.unselectable
{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
}

.wrapper
{
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px;
    height: 50px;
}

.list
{
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3000px;
    margin-left: 12px;
    margin-top: 0px;
}

    .list li
    {
        display: table-cell;
        position: relative;
        text-align: center;
        cursor: -webkit-grab;
        color: #efefef;
        vertical-align: middle;
    }

.scroller
{
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 7px;
    padding-top: 11px;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
}

.scroller-right
{
    float: right;
}

.scroller-left
{
    float: left;
}

.MenuSelectedQuestions
{
    height: 40px;
    width: 140px;
    border-style: solid;
    border-color: gray;
    border-width: 1px;
    border-bottom-style: none;
    background-color: white;
    text-align: center;
    vertical-align: middle;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.MenuSelectedQuestionHover
{
    height: 40px;
    width: 140px;
    border-style: solid;
    border-color: gray;
    border-width: 1px;
    border-bottom-style: none;
    background-color: gray;
    text-align: center;
    vertical-align: middle;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
}

.LinkColor
{
    color: rgb(0, 32, 96);
    font-weight: bold;
    text-decoration: none;
}

.display-none
{
    display: none;
}

.display-block
{
    display: block;
}

.HeaderBackgroundImage
{
    background-image: url('../Images/Background.png');
    background-size: 100% 100%;
}

.HeaderPopover
{
    width: 180px;
}

.ErrorFont
{
    color: red;
}

.ProgressBar
{
    text-align: center;
    line-height: 22px;
    background-color: transparent;
    color: white;
    font-weight: bold;
    border-style: solid;
    border-width: 4px 2px 4px 4px;
    border-color: rgb(140,140,140);
}

.TimerHeader
{
    background-color: rgb(219, 238, 244);
    padding-top: 5px;
}

.TableRowBorder
{
    border: 1px solid #ddd;
}

.CompletedQuestions
{
    background-color: rgb(250,250,250);
}

.MarginRightLeft10
{
    margin-left: 10px;
    margin-right: 10px;
}

.Disable
{
    pointer-events: none;
}

.MobileTitleFont
{
    font-size: 29px;
}

.StudentNameInEvaluation
{
    font-weight: bold;
    color: rgb(0,112,192);
}

.editor
{
    max-height: 250px;
    height: 150px;
    background-color: white;
    border-collapse: separate;
    border: 1px solid rgb(204, 204, 204);
    padding: 4px;
    box-sizing: content-box;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    overflow: auto;
    outline: none;
}

.DateTime
{
    cursor: auto;
    background-color: transparent;
}

.AddColor
{
    color: green;
}

.CloseColor
{
    color: red;
}

.MinusColor
{
    color: blue;
}

.PaginationNavigationArrow
{
}

.liWidth
{
    width: 200px;
}

.ErrorHeight
{
    margin-top: 10px;
}

.ajaxLoader
{
    outline-style: none;
    outline-color: invert;
    outline-width: 0px;
    width: 32px;
    height: 32px;
    background-image: url("../Images/loading.gif");
    position: absolute;
    display: block;
    z-index: 10000;
}

.imgHeaderIcon
{
    margin-top: 1%;
}

.imgHeaderIconStudent
{
    margin-top: 0%;
}

.PageHeaderRight
{
    margin-top: 15px;
    margin-right: 2%;
}

.ContentPageBody
{
    margin-left: 2.2%;
    margin-right: 2%;
}

.VerticalAlignment
{
    vertical-align: middle;
}

/*@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}*/

@media (max-width: 990px)
{
    .navbar-header
    {
        float: none;
    }

    .navbar-left, .navbar-right
    {
        float: none !important;
    }

    .navbar-toggle
    {
        display: block;
    }

    .navbar-collapse
    {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top
    {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse
    {
        display: none!important;
    }

    .navbar-nav
    {
        float: none!important;
        margin-top: 7.5px;
    }

        .navbar-nav > li
        {
            float: none;
        }

            .navbar-nav > li > a
            {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in
    {
        display: block !important;
    }
}


@media (max-width: 1100px)
{
    .headerAlign
    {
        margin-left: 10%;
        margin-top: 1.5%;
    }

    .navbar-right > li > .shortName
    {
        display: block;
    }

    .navbar-right > li > .fullName
    {
        display: none;
    }
}

@media (min-width: 1101px)
{
    .headerAlign
    {
        margin-left: 20%;
        margin-top: 1.5%;
    }

    .navbar-right > li > .shortName
    {
        display: none;
    }

    .navbar-right > li > .fullName
    {
        display: block;
    }
}

.BreakWord
{
    word-wrap:break-word;
    word-break:break-all;
}

.PageHeaderMobile
{
    color: black;
    font-size: 15pt;
    margin-left: 2%;
}

.MobileTitleFontMobile
{
    font-size: 25px;
}

.ExamTitleMobile
{
    position: absolute;
    color: white;
    top: 10px;
}
.MobileFont
{
    font-size:12px;
}
.CommonWrapWord
{
    word-break:break-all;
    word-wrap:break-word;
}