/*---------------------  QUIZ ----------------------------------------------------------*/
.eval {
    width:100%;
    height:100%;
}

.eval_questioncontainer
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.eval_meta {
    display:none;
}

.question
{
    position:relative;
    height:100%;
    width:100%;
}

.slquiz_txt
{
    width:560px;
    padding:10px 10px 0 30px;
    padding-top:10px;
    vertical-align:top;
}

div[data-element="Resources"] + .slquiz_txt
{
    width:360px;
}

.slquiz_txt h1
{
    display:block;    
    font-size: 10px;
    font-family: Verdana, Arial, Sans-Serif;
    text-transform: none;
    font-style: italic;
    font-weight: normal;
    color: #666;
    margin: 10px 0 0 0;
    padding:3px;
}

.slquiz_txt ol
{
    margin:0;
    padding:0;
}

.slquiz_stem
{
    font-weight:bold;
    margin-bottom:10px;
}

.slquiz_image
{
    position:absolute;
    top:10px;
    right:0px;
    height:530px;
    width:560px;
    vertical-align:top;
}

.slquiz_correct h1
{
    background-color:#c7e8c4;
    border:1px solid #c7e8c4;
    border-radius:5px;
    font-weight:bold;
}

.slquiz_incorrect h1
{
    background-color:#ff0000;
    border:1px solid #ff0000;
    border-radius:5px;
    font-weight:bold;
}

.answ
{
    list-style-type:none;
    margin:0 0 15px 0;
    vertical-align:top;
    overflow:auto;
    padding:4px;
}

.answ_score
{
    width:24px;
    height:20px;
    margin:3px 5px 0 3px;
    float:left;
}

.answ_score span
{
    display:none;
}

.answ_ordinal
{
    float:left;
    margin:0 10px 0 0;
    font-weight:bold;
}

.answ a[data-element="Input"] span
{
    display:none;
}

.answ a[data-element="Input"]
{
    display:block;
    width:22px;
    height:17px;
    float:left;
    margin:0 5px 0 0;
    background-size:16px 16px;
    background-position:1px 1px;
}

.answ a[data-element="Input"]:hover
{
    display:block;
    width:22px;
    height:17px;
    float:left;
    margin:0 5px 0 0;
    background-size:16px 16px;
    background-position:1px 1px;
}

.answ_enabled
{
    cursor:pointer;
}

.answ_disabled
{
    cursor:auto;
}

.answ_stem
{
    display:inline;
}

.answ_correct
{
    background: #c7e8c4;
    border:1px solid #c7e8c4;
    border-radius:5px;
}

.answ_incorrect
{
}

.answ_radio_clear 
{ 
    background:url(../images/player_base/slide_graphics/eval/radio_off.png) no-repeat;
}

.answ_radio_checked 
{
    background:url(../images/player_base/slide_graphics/eval/radio_on.png) no-repeat;
}

.answ_checkbox_clear
{
    background:url(../images/player_base/slide_graphics/eval/checkbox_off.png) no-repeat;
}

.answ_checkbox_checked
{
    background:url(../images/player_base/slide_graphics/eval/checkbox_on.png) no-repeat;
}

.answ_score_correct
{
    background:url(../images/player_base/slide_graphics/eval/correct_answer.png) no-repeat;
    background-size:23px 19px;
}

.answ_score_incorrect
{
    background:url(../images/player_base/slide_graphics/eval/incorrect_answer.png) no-repeat;
    background-size:19px 19px;
}

@media (-webkit-min-device-pixel-ratio:2) 
{
    .answ_radio_clear 
    { 
        background:url(../images/player_base/slide_graphics/eval/radio_off_high.png) no-repeat;
    }

    .answ_radio_checked 
    {
        background:url(../images/player_base/slide_graphics/eval/radio_on_high.png) no-repeat;
    }

    .answ_checkbox_clear
    {
        background:url(../images/player_base/slide_graphics/eval/checkbox_off_high.png) no-repeat;
    }

    .answ_checkbox_checked
    {
        background:url(../images/player_base/slide_graphics/eval/checkbox_on_high.png) no-repeat;
    }

    .answ_score_correct
    {
        background:url(../images/player_base/slide_graphics/eval/correct_answer_high.png) no-repeat;
    }

    .answ_score_incorrect
    {
        background:url(../images/player_base/slide_graphics/eval/incorrect_answer_high.png) no-repeat;
    } 
}

/*------------------------Test------------------------------------------*/
.eval_navigator
{
    position:absolute;
    bottom:0px;
    left:0px;
    height:105px;
    width:100%;
    margin:0 0 -105px 0;
    overflow:visible;
    white-space:nowrap;
    z-index:100;
    
    -moz-transition:margin-bottom 300ms ease-in-out;
    -webkit-transition:margin-bottom 300ms ease-in-out;
    -o-transition:margin-bottom 300ms ease-in-out;
    -ms-transition:margin 300ms ease-in-out;
    transition:margin 300ms ease-in-out;
}

.interface-light .eval_navigator {
    border-top:solid 1px #232328;
    background-color:#f0f1f5;
}

.interface-dark .eval_navigator {
    border-top:solid 1px #373758;
    background-color:#030b13;
}

.eval_navigator_open
{
    margin-bottom:0px;
}

.eval_navigator_tab, .interface-light .eval_navigator_tab
{
    position:absolute;
    top:-31px;
    right:5%;
    height:31px;
    width:63px;
    z-index:1001;
    background-image:url(../images/bold_fs/generic/tab_up.png);
    margin-bottom:-98px;
    cursor:pointer;
    background-size:100% 100%;
    
    -moz-transition:margin-bottom 300ms ease-in-out;
    -webkit-transition:margin-bottom 300ms ease-in-out;
    -o-transition:margin-bottom 300ms ease-in-out;
    -ms-transition:margin 300ms ease-in-out;
    transition:margin 300ms ease-in-out;
}

.interface-dark .eval_navigator_tab {
    background-image:url(../images/bold_fs/generic/tab_up_dark.png);
}

.eval_navigator_open .eval_navigator_tab, .interface-light .eval_navigator_open .eval_navigator_tab
{
    background-image:url(../images/bold_fs/generic/tab_down.png);
    margin-bottom:0px;
}

.interface-dark .eval_navigator_open .eval_navigator_tab {
    background-image:url(../images/bold_fs/generic/tab_down_dark.png);
}

.eval_navigator_items {
    display:block;
    height:100%;
    list-style:none;
    margin:0;
    padding:0;
    overflow-x:scroll;
    overflow-y:hidden;
}

.eval_navigator li
{
    display:inline-block;
}

@media (-webkit-min-device-pixel-ratio:2) 
{
    .eval_navigator_tab, .interface-light .eval_navigator_tab
    {
        background-image:url(../images/bold_fs/generic/tab_up_2x.png);
    }

    .interface-dark .eval_navigator_tab {
        background-image:url(../images/bold_fs/generic/tab_up_dark_2x.png);
    }

    .eval_navigator_open .eval_navigator_tab, .interface-light .eval_navigator_open .eval_navigator_tab
    {
        background-image:url(../images/bold_fs/generic/tab_down_2x.png);
    }

    .interface-dark .eval_navigator_open .eval_navigator_tab {
        background-image:url(../images/bold_fs/generic/tab_down_dark_2x.png);
    }
}

/*-----------------------Eval Common------------------------------------*/
.evalnavitem, .interface-light .evalnavitem
{
    cursor:pointer;
    width:105px;
    height:100%;
    margin:0;
    padding:0;
    
    overflow:hidden;
    line-height:105px;
    text-align:center;
    vertical-align:middle;
    
    font-size:20pt;

    color:#000;
    border-right:solid 1px #969696;
    background-color:#e6e7eb;
}

.interface-dark .evalnavitem {
    color:#fff;
    border-right:solid 1px #373758;
    background-color:#051423;
}

.evalnav_inactive
{
}

.evalnav_active, .interface-light .evalnav_active
{
    color:#000;
    background-color:#f0f1f5;
}

.interface-dark .evalnav_active
{
    color:#fff;
    background-color:#082846;
}


.evalnav_answered, .interface-light .evalnav-answered
{
    color:#000;
    font-weight: bold;
}
.interface-dark .evalnav-answered
{
    color:#fff;
}

.interface-light .evalnav_incorrect, .interface-light .evalnav_summaryfail,
.interface-dark .evalnav_incorrect, .interface-dark .evalnav_summaryfail
{
    color: #fff;
    background-color:#f75348;
}

.interface-light .evalnav_correct, .interface-light .evalnav_summarypass, .interface-light .evalnav_grade,
.interface-dark .evalnav_correct, .interface-dark .evalnav_summarypass, .interface-dark .evalnav_grade
{
    color: #fff;
    background-color:#39b54a;
}

.interface-light .evalnav_summarypass, .interface-light .evalnav_summaryfail,
.interface-dark .evalnav_summarypass, .interface-dark .evalnav_summaryfail
{
    font-size:13px;
}

.interface-light .evalnav_grade, .interface-dark .evalnav_grade
{
    font-size:18px;
}

/*---------------------Eval Results------------------------*/
.evalrslt
{
    position:relative;
    width:100%;
    height:100%;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.evalrslt_main 
{
    position:absolute;
    top:0;
    left:0;
    width:65%;
    height:100%;
    padding:10px 0 0 0;
}

.evalrslt_opt
{
    position:absolute;
    top:0;
    right:0;
    width:35%;
    height:100%;
    margin:0;
    padding:10px 0 0 0;

    color:#fff;
    border-left:solid 1px #232328;
    background-color:rgba(50,50,55,.6);
    list-style-type:none;

    overflow:auto;
}
        
.evalrslt_main h1, .evalrslt_highscore h1
{
    font-size:18pt;
    font-weight:bold;
    text-align:center;
    padding:0 0 15px 0;
    margin:0;

    color:#fff;
}

.evalrslt_main h1 {
    font-size:22pt;
}
        
.evalrslt_score_badge 
{
    margin:0px auto;
    width:90%;
    height:100%;
}

.evalrslt_score_badge h2
{
    width:100%;
            
    font-size:30pt;
    font-weight:bold;
    text-align:center;
    color:#fff;
}

.evalrslt_highscore
{
    width:60%;
    margin:0px auto;
    padding:0;
}

.evalrslt_highscore_badge {
    position:relative;
    width:100%;

    background-size:100% auto;
    background-repeat:no-repeat;
}

.evalrslt_highscore h2
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding:0;
    margin:0;
    
    color:#fff;
    font-size:13pt;
    font-weight:bold;
    text-align:center;
}

.evalrslt_btn
{
    width:90%;
    min-height:7%;
    
    margin:0px auto;
    margin-top:20px;
    padding:10px;
    
    font-weight:bold;
    color:#fff;

    background-color:#2f93f7;
    background-image:-webkit-linear-gradient(top, #61c5ff 0%, #2f93f7 100%);
    background-image:-moz-linear-gradient(top, #61c5ff 0%, #2f93f7 100%);
    background-image:-o-linear-gradient(top, #61c5ff 0%, #2f93f7 100%);
    background-image:-ms-linear-gradient(top, #61c5ff 0%, #2f93f7 100%);
    background-image:linear-gradient(top, #61c5ff 0%, #2f93f7 100%);
    
    cursor:pointer;
}

.evalrslt_btn h1
{
    font-size:12pt;
    margin:0;
    padding:0;
    color:#fff;
}
/*-------------------Pennants/Badges----------------*/

.badge 
{
    max-width:644px;
    padding-bottom:39.92%;

    background-repeat:no-repeat;
    background-size:100% auto;
    position:relative;
}

    .badge h2 {
        padding-top:15.7%;
        padding-left:3px;
    }

.badge_fail
{
    background-image:url(../images/bold_fs/generic/badge_failed.png);
}

.badge_pass0
{
    background-image:url(../images/bold_fs/generic/badge_level_1.png);
}

.badge_pass1 
{
    background-image:url(../images/bold_fs/generic/badge_level_2.png);
}

.badge_pass2
{
    background-image:url(../images/bold_fs/generic/badge_level_3.png);
}

.badge_pass3
{
    background-image:url(../images/bold_fs/generic/badge_level_4.png);
}

@media (-webkit-min-device-pixel-ratio:1.5), (-moz-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5) {
    
    .badge_fail
    {
        background-image:url(../images/bold_fs/generic/badge_failed_2x.png);
    }

    .badge_pass0
    {
        background-image:url(../images/bold_fs/generic/badge_level_1_2x.png);
    }

    .badge_pass1 
    {
        background-image:url(../images/bold_fs/generic/badge_level_2_2x.png);
    }

    .badge_pass2
    {
        background-image:url(../images/bold_fs/generic/badge_level_3_2x.png);
    }

    .badge_pass3
    {
        background-image:url(../images/bold_fs/generic/badge_level_4_2x.png);
    }
}

@media (orientation:portrait) {
    .evalrslt_main {
        width:100%;
        height:60%;
    }

    .evalrslt_opt {
        width:100%;
        top:60%;
        bottom:0;
        padding:0 3% 0 3%;
    }
        .evalrslt_opt li {
            float:right;
            width:50%;
        }

        .evalrslt_opt li:first-child {
            float:left;
            height:100%;
            width:40%;
        }
}

@media (orientation:landscape) and (max-width:1065px), (orientation:portrait) and (max-width:550px) {
    .evalrslt_score_badge h2 {
        font-size:25pt;
    }

    .evalrslt_highscore h2 {
        font-size:10pt;
    }

    .evalrslt_btn {
        margin-top:10px;
    }
}

@media (orientation:landscape) and (max-width:890px), (orientation:portrait) and (max-width:400px) {
    .evalrslt_score_badge h2 {
        font-size:21pt;
    }

    .evalrslt_highscore h1 {
        font-size:12pt;
        padding:0 0 12px 0;
    }

    .evalrslt_highscore h2 {
        font-size:9pt;
    }

    .evalrslt_btn h1 {
        font-size:10pt;
    }
}

@media (orientation:landscape) and (max-width:640px), (orientation:portrait) and (max-width:350px) {
    .badge h2 {
        padding-left:0;
    }

    .evalrslt_score_badge h2 {
        font-size:15pt;
    }
    
    .evalrslt_highscore h1 {
        font-size:10pt;
        padding: 0 0 5px 0;
    }

    .evalrslt_btn {
        margin-top:7px;
        padding:5px;
    }

    .evalrslt_highscore .badge_pct {
        display:none;
    }
}

@media (orientation:landscape) and (max-width:440px) {
    .evalrslt_score_badge h2 {
        font-size:13pt;
    }

    .evalrslt_highscore h2 {
        font-size:8pt;
    }

    .evalrslt_btn {
        margin-top:5px;
        padding:3px;
    }

    .evalrslt_btn h1 {
        font-size:9pt;
    }
}

/*---------------------Splash Screens----------------------------*/
.loadingsplash {
    width:70%;
    height:100%;
    position:relative;
    margin:0 auto;

    overflow:hidden;

    opacity:0;
    
    -webkit-transition:opacity ease-in-out 300ms;
    -moz-transition:opacity ease-in-out 300ms;
    -o-transition:opacity ease-in-out 300ms;
    transition:opacity ease-in-out 300ms;
}

    .loadingsplash h1 {
        position:absolute;
        top:20%;
        width:100%;
        font-size:18pt;
        text-align:center;
    }

    .loadingsplash .slider {
        position:absolute;
        top:40%;
        left:0%;
        height:30px;
        width:5%;

        -webkit-animation:loadingslider 1900ms ease-in-out infinite normal;
        -moz-animation:loadingslider 1900ms ease-in-out infinite normal;
        -o-animation:loadingslider 1900ms ease-in-out infinite normal;
        animation:loadingslider 1900ms ease-in-out infinite normal;
    }

    .loadingsplash .slider1 {
        background-color:#00a335;
    }

    .loadingsplash .slider2 {
        background-color:#38bb62;
    }

    .loadingsplash .slider3 {
        background-color:#5dda86;
    }

    .loadingsplash .slider4 {
        background-color:#8bf0ac;
    }

    .loadingsplash .slider5 {
        background-color:#d8fde4;
    }

@-webkit-keyframes loadingslider {
    from {
        left:0%;
    }

    to {
        left:95%;
    }
}

@-moz-keyframes loadingslider {
    from {
        left:0%;
    }

    to {
        left:95%;
    }
}

@keyframes loadingslider {
    from {
        left:0%;
    }

    to {
        left:95%;
    }
}

/*---------------PRACTICE SWIPEIN------------------*/

.fs-practice-swipein-image {
    width: 35%;
    height:auto;
    max-width: 300px;
    margin: 0px auto;
    margin-top: 30px;
}

/*--------------Question Control--------------------*/

.eval-qn {
    position:relative;
}

.eval-qn-graphics {
    position:absolute;
    top:0;
    left:0;
    height:67%;
    width:100%;
}

.eval-qn-inputframe {
    position:absolute;
    top:67%;
    bottom:0;
    left:0;
    width:100%;
}

.eval-qn-input {
    position:absolute;
    bottom:10%;
    top:10%;
    width:100%;
    padding:0 20px 0 20px;
}

.eval-qn-input-element {
    float:left;
    height:100%;
}

.eval-qn-input-button {
    float:right;
    height:100%;
}

.eval-qn-contentbox {
    position:absolute;
    top:10%;
    left:10%;
    width:80%;
    max-height:57%;
    padding:20px;

    overflow:auto;

    z-index:1;
}

.eval-qn-section {
    margin:0 0 20px 0;
}

.eval-qn-answer {
    font-weight:bold;
    text-transform:capitalize;
}

.eval-qn-answer.altcolor {
    color:#2f93f7;
}

.eval-qn-hint, .eval-qn-grade {
    font-weight:bold;
    display:none;
    color:#e40000;
}

.hint .eval-qn-hint, .grade .eval-qn-grade {
    display:block;
}

.correct .eval-qn-grade {
    color:#00cc00;
}

.eval-qn-side-content {
    height: 95%;
    font-size: 16pt;
    color: #fff;

    overflow:auto;
}

.eval-qn-side-content .eval-qn-hint, .eval-qn-side-content .eval-qn-grade {
    color:#f00;
}

.correct .eval-qn-side-content .eval-qn-grade {
    color:#00cc00;
}

.eval-input .fs_wheel, .eval-input .fs_list {
    height: 100%;
    width: 100%;
    
    font-size: 20pt;
}

.eval-input .fs_wheel .selectwheelitem {
    font-size: 16pt;
    text-transform:none;
}
@media (max-height: 700px) {

    .eval-qn-section {
        margin:0 0 10px 0;
    }
}


/*---------------MAP QUESTION CONTENT----------------*/
.eval-map, .eval-graphic {
    position:relative;
    height: 100%;
    width: 100%;
}

.eval-map-text, .eval-graphic-text {
    position:absolute;
    top: 2%;
    left: 2%;
    right: 2%;
    padding: 2%;
     
    z-index:10;
}

.eval-map-map {
    position:absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.eval-graphic-text-fixed {
    width: 100%;
    height: 30%;
    overflow: auto;
}

.eval-graphic-fixed {
    position:relative;
    width: 100%;
    height: 70%;
}

.eval-graphic-text-fixed-section {
    margin-bottom: 10px;
}

.interface-light .eval-map, .interface-light .eval-graphic, .interface-light .eval-map-text, .interface-light .eval-graphic-text {

    background-color: #fff;
    border:solid 1px #bebecd;
}

.interface-light .eval-graphic-text {
    background-color: #fff;
}

.interface-dark .eval-map, .interface-dark .eval-graphic, .interface-dark .eval-map-text, .interface-dark .eval-graphic-text {

    background-color: #051423;
    border:solid 1px #373758;
}

.interface-dark .eval-graphic-text {
    background-color: #051423;
}

@media (max-width: 500px) {
    .eval-graphic-text-fixed-section {
        margin-bottom: 5px;
    }
}

@media (max-height: 700px) {
    .eval-map-text {
        top: 0;
        left: 0;
        right: 0;
        padding: 1%;

        border:none;
    }

    .eval-graphic-text {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 1%;

        border:none;
        overflow:auto;
    }



    .interface-light .eval-map-text {
        border-bottom: solid 1px #bebecd;
    }

    .interface-dark .eval-map-text {
        border-bottom: solid 1px #373758;
    }
}

@media (orientation: landscape) {
    .eval-map-text, .eval-graphic-text {
        display: none;
    }

    .eval-graphic-text-fixed {
        display:none;
    }

    .eval-graphic-fixed {
        height: 100%;
    }
}