﻿
.navContainer {
    position: fixed;
    left: 10px;
    top: 150px;
    width: 125px;
}

    .navContainer .panel-body {
        max-height: 600px;
        overflow-y: auto;
        padding: 0;
    }

    .navContainer .sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
    }

    .navContainer .sidebar-nav .navbar ul {
        float: none;
        display: block;
    }

    .navContainer .sidebar-nav .navbar li {
        float: none;
        display: block;
    }

        .navContainer .sidebar-nav .navbar li a {
            padding-top: 5px;
            padding-bottom: 5px;
        }

table.tableItem {
    background-color: white !important;
    border: 1px solid lightgray;
}

    table.tableItem td, table.tableItem th {
        background-color: transparent !important;
        padding: 5px;
    }

    table.tableItem img {
        -ms-transform: scale(.5, .5); /* IE 9 */
        -webkit-transform: scale(.5, .5); /* Safari */
        transform: scale(.5, .5);
        margin: auto;
    }

th[colspan="2"],
th[colspan="3"],
th[colspan="4"],
th[colspan="5"] {
    /*vertical-align:middle;
            align-content:center;
            align-items:center;*/
    text-align: center;
}

td.eqTD > img {
    -ms-transform: scale(.75, .75); /* IE 9 */
    -webkit-transform: scale(.75, .75); /* Safari */
    transform: scale(.75, .75);
}

div.mathEquation {
    margin: 10px auto;
    text-align: center;
}

.questionTextHTML {
    margin-bottom: 15px;
}

table:empty {
    display: none;
}
/*div:empty {
            display:none;
        }*/

.pnlQuestionText, .pnlPassage, .pnlAnswers {
    margin-bottom: 15px;
}

.pnlAnalysis > br {
    display: none;
}

iframe {
    border: 1px solid lightgray;
    margin-left: auto;
    margin-right: auto;
}

table.OT_StandardTable {
    background-color: white;
}

table.analysisEqEditorHTML {
    min-width: 240px;
}

.hidden {
    display: none !important;
}

.tableAnalysis {
    margin-left: auto;
    margin-right: auto;
    min-width: 130px;
}

    .tableAnalysis > thead > tr > th {
        background-color: #00b4f1;
        color: white;
        font-weight: bold;
        padding: 2.5px 5px;
        vertical-align: middle;
    }

.tableItem {
    border-collapse: collapse;
    border: 1px solid #e4e4e4;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

    .tableItem td, .tableItem th {
        padding: 5px 10px;
        border: 1px solid #e4e4e4;
        vertical-align: middle;
        text-align: center;
    }

    .tableItem > tbody > tr > td > input {
        margin-left: auto;
        margin-right: auto;
    }

.MovingPointsLineResponse {
    width: 440px;
    height: 200px;
    margin: 0 15px;
    object-fit: scale-down;
    object-position: center;
    /*padding:15px;*/
}

/*.MovingPointsLineResponse>svg{
             max-height:220px !important;
         }*/

table.MovingPointsLine th,
table.MovingPointsLine td {
    text-align: center !important;
}

table.MovingPointsLine td {
    text-transform: uppercase;
}

table.MovingPointsLine > tbody > tr > td:first-child {
    padding: 0 !important;
}

input.inputMatch[type="checkbox"] {
    display: inline-block;
    width: 2em;
    height: 2em;
}

th {
    padding: 5px;
    font-weight: bold;
}

div.answersHTML table > tbody > tr > td > font > b,
div.answersHTML table > tbody > tr > td > font > p {
    display: inline-block;
}

tr.defaultTableHeaderRow > th,
tr.defaultTableHeaderRow > td,
tr.defaultTableRow > th,
tr.defaultTableRow > td,
tr.defaultTableHeaderRowCorrect > th,
tr.defaultTableHeaderRowCorrect > td {
    text-align: center;
}

    tr.defaultTableHeaderRow > th:first-child,
    tr.defaultTableHeaderRow > td:first-child,
    tr.defaultTableRow > th:first-child,
    tr.defaultTableRow > td:first-child,
    tr.defaultTableHeaderRowCorrect > th:first-child,
    tr.defaultTableHeaderRowCorrect > td:first-child {
        text-align: left;
    }

.analysisHTML th {
    text-align: center;
}

/*.answersHTML td, .answersHTML th {
            text-align: left !important;
        }*/

.correctChoice {
    font-weight: 600;
    background-color: rgba(166,206,57,.75) !important;
    color: black !important;
    /*border:2px solid rgba(166,206,57,1) !important;*/
}

/*.correctChoice > td, .correctChoice > th {
                background-color: rgba(166,206,57,.5) !important;
                color:black;
                vertical-align:middle;
            }*/

.incorrectChoice {
    /*font-weight: bold;*/
    background-color: rgba(218,33,40,.5) !important;
    color: black !important;
}

div.MultipleSelectFrequency > h2,
div.MultipleSelectFrequency > h3 {
    text-align: center;
    padding: 5px;
    background-color: white;
    border-bottom: 1px solid #00b4f1;
    margin-bottom: 5px;
}


/*.analysisHTML {
            border-collapse: collapse;
            empty-cells: show;
            border: 1px solid #006998;
        }*/

.OT_StandardTable > thead > tr > th,
.OT_StandardTable > thead > tr > td,
.OT_StandardTable > tbody > tr > th,
.OT_StandardTable > tbody > tr > td {
    padding: 5px;
    border: 1px solid #006998;
}


.MultipleSelectTableContainer {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    width: 20%;
}

div.MultipleSelectFrequency {
    display: block;
    padding: 0;
    font-size: 11px;
    margin-left: -10px;
    margin-right: -10px;
}

table.MultipleSelectFrequency {
    margin-left: auto;
    margin-right: auto;
}

.tableAnalysis {
    border: 1px solid black;
    background-color: white;
    margin-bottom: 10px;
}

    .tableAnalysis td, .tableAnalysis th {
        border: 1px solid black;
        padding: 2.5px 5px;
    }

    .tableAnalysis caption {
        font-weight: bold;
        /*font-size: larger;*/
        padding: 5px 10px;
    }

.boxShadow {
    border: 1px solid gray;
    background-color: white;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=126, Color=#000000)"; /*IE 8*/
    -moz-box-shadow: 5px 7px 7px rgba(0,0,0,0.5); /*FF 3.5+*/
    -webkit-box-shadow: 5px 7px 7px rgba(0,0,0,0.5); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 5px 7px 7px rgba(0,0,0,0.5); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.boxShadow-Small {
    border: 1px solid gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=124, Color=#000000)"; /*IE 8*/
    -moz-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.5); /*FF 3.5+*/
    -webkit-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.5); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.5); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.container {
    padding: 20px;
    margin: 10px auto 25px auto;
    width: 920px;
}

.analysisEqEditorHTML th {
    border: 1px solid black;
    padding: 5px;
    min-width: 50px;
}

.analysisEqEditorHTML {
    /*border: 1px solid black;
            margin-left: 25px;
            width: auto;
            margin: 10px 10px 20px 25px;*/
    min-width: 240px;
    margin: 10px;
}

.eqTD {
    padding: 5px;
    border: 1px solid gray;
    vertical-align: middle;
}

.top5Corrrect {
    padding: 5px 5px;
    display: block;
    font-weight: bolder;
    margin-bottom: 10px;
}

.dragAndDrop {
    /*  border: 1px solid black;*/
    background-color: white;
    /*margin-left: 25px;*/
    width: 47%;
    margin-top: 20px;
    margin-bottom: 15px;
}

.analysisDragDropHTML {
    border: 1px solid black;
}

    .analysisDragDropHTML th {
        border: 1px solid black;
        padding-left: 5px;
    }

    .analysisDragDropHTML td {
        border: 1px solid black;
        padding-left: 15px;
        padding-right: 15px;
    }

    .analysisDragDropHTML caption {
        font-weight: bold;
        /*font-size: larger;*/
        padding: 5px 10px;
    }

.defaultTableHeaderRowCorrect {
    background-color: #CBF8CD;
    margin: auto;
}

/*.defaultTableCellFirst {
            background-color: white;
        }*/


