﻿@media only screen and (min-width: 1281px) {

    .course-content {
        position: fixed;
    }

    .chapterContent {
        padding-right: 10px;
    }

    .answers {
        padding-left: 50px;
        font-family: Arial;
        font-size: small;
    }

    .answers-slide {
        font-family: Arial;
        font-size: small;
    }

    .answer-message {
        color: red;
        margin-left: 4%;
        margin-top: 1%;
    }
	
	.answer-correct {
		color: green;
        margin-left: 4%;
        margin-top: 1%;
	}

    .answer-message-slide {
        color: red;
        margin-left: 20px;
    }

    .button {
        font-size: 24px;
        height: 60px;
        width: 200px;
    }

    .button-container input {
        height: 30px;
        /*width: 100px;*/
        font-size: 12px;
    }

    .options-menu-container {
        right: 15px;
        top: 39px;
        width: 200px;
        padding: 3px 3px 3px 3px;
        background-color: #E0DEDE;
        filter: alpha(opacity=90);
        border: 1px solid #969394;
        border-radius: 6px;
        position:absolute;
        z-index: 999;
    }

    .options-menu-container input {
        left: 2px;
        right: 2px;
        top: 2px;
        bottom: 2px;
        position: absolute;
    }   

    div.WordSection2.full-page {
        left: 0px;
    }

    /*.exam-question-container.open-book {    
            left: 20%;
            height: 60%;
            width: 70%;
            top: 15%;
            position: absolute;
    }*/

    .exam-question-container.closed-book {    
            left: 30%;
            height: 60%;
            width: 50%;
            top: 30%;
            position: absolute;
    }   

    .exam-question-text {
        font-size: 1.5em;
    }

    .exam-answers {    
        left: 40px;
        top: 30%;
        width: 70%;
        max-height: 500px;
        margin-left: auto;
        margin-right: auto;
        /*position: absolute;*/
    }

    .slide-canvas {
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
    }

    .slide-container {
        left: 15.1%;
        top: 0px;
        height: 94%;
        margin: auto;
        position: absolute;
    }

    .slide-container.no-audio {
        height: 100%;
    }

    .slide-container.with-questions {
        float: left;
        margin-left: 5%;
    }

    .slide-content {
        display: grid;
        height: 100%;
    }

    .slide-controls-container {
        /*display: inline;*/
        /*float: left;*/
        width: 50px;
        border: none;
        height: 20px;
        /*margin-top: 20px;*/
        /*margin-left: 37%;*/
        margin-right: auto;
        margin-left: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #454545;
    }

    .slide-links-container {
        margin-left: auto;
        margin-right: auto;
        background-color: #454545;
        color: white;
        height: 20px;
        padding-top: 2px;
        padding-left: 4px;
        margin-top: 10px;
    }

    .slide-links-container-IE {
        margin-left: auto;
        margin-right: auto;
        margin-top: 14px;
        background-color: #454545;
        color: white;
        height: 20px;
        padding-top: 2px;
        padding-left: 4px;
    }

    /*.media-container {
        height: 9%;
    }*/

    .affiliate-container {
        width: 48%;
        font-size: 2em;
        font-weight: bold;
        font-style: italic;
        color: #8CC4F5;
        text-shadow: 2px 2px 3px black;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: right;
        display: inline;
        text-align: right;
        margin-right: 30px;
    }

    .title-container {
        width: 48%;        
        font-size: 1.5em;
        font-weight: bold;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline;
    }

    .title-container.final-exam {
        /*top: 40px;*/
        width: 49%;
        text-align: left;
        font-size: 1.5em;
        font-weight: bold;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: absolute;
    } 

    .auth-question-header {
        font-weight: bold;
    }

    .auth-question-header .column:nth-child(1) {
        width: 20%;
    }

    .auth-question-header .column:nth-child(2) {
        padding-left: 32%;
    }

    .auth-question-container .column:nth-child(1) {
        width: 20%;
    }

    .auth-question-container input {
        width: 30%;
    }

    .column {
        display: inline;
    }

        .column input {
            width: 40%;
        }

    .wrap {
        width: 99%;
        height: 630px;
        border: 1px brown solid;
    }

    .resizable {
        width: 50%;
        height: 600px;
        padding: 0.5em;
        display: inline-block;
    }

    .ui-resizable-e {
        cursor: e-resize;
        width: 1px;
        right: 0px;
        top: 0;
        bottom: 0;
        background-color: gray;
    }

    .scrollbar {
        margin-left: 30px;
        float: left;
        height: 300px;
        width: 65px;
        background: #F5F5F5;
        overflow-y: scroll;
        margin-bottom: 25px;
    }

    .dismiss {
        float: right;
        cursor: pointer;
    }

    .message {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        font-family: Arial;
        font-size: small;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        padding: 15px;
    }

    .message-error {
        border: 1px solid rgb(235, 204, 209);
        background-color: rgb(242, 222, 222);
        color: rgb(169, 68, 66);
    }

    .correct-icon {
        float: left;
        margin-left: -15px;
        position: relative;
    }

    .incorrect-icon {
        float: left;
        margin-left: -15px;
        position: relative;
    }

    .min-grade {
        font-weight: bold;
    }

    .mask {
        position: absolute;
        opacity: 0.5;
        filter: alpha(opacity=50);
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        z-index: 999;
        background: #fff;
    }

    .tab-content-container {
        top: 50px;
        bottom: 0px;
        width: 100%;
        position: absolute;    
    }

    .exam-tab.course-study {
        display: none;
    }

    .exam-answer-choice {
        width: 1.5em;
        height: 1.5em;
    }

    .prolog-content {
        padding-top: 16%; 
        padding-left: 10%; 
        color: red; 
        font-weight: bold; 
        font-size: 2.5em; 
        font-style: italic;
    }

    .epilog-content {
        padding-top: 16%; 
        padding-left: 10%; 
        color: red; 
        font-weight: bold; 
        font-size: 2.5em; 
        font-style: italic;
    }

    .chapter-questions {
        margin-left: 5em;
    }

    .chapter-questions .question-container {
        font-weight: bold;
        margin-bottom: 1em;
    }

    .answer-group {
       width: 75%;
       margin-bottom: 2em;
    }

    .nav-container {
        display: none;
    }

    .nav-container {
        position: relative;
        height: 7%;
        left: 15.1%;
        background-color: #918484;
    }

    .wizard {
        position: fixed;
        top: 61px;
        bottom: 0px;          
    }

    .wizard-content-wrapper {
        width: 80%;
        height: 80%;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
    }

    .wizard-dialog {
        top: 0px;
        font-size: 20px;
        margin-top: 1em;
    }

    .wizard-button-wrapper {
        width: 27%;            
    }

    .wizard-button-wrapper input {
        width: 48%;
        height: 60px;
        font-size: 22px;
        margin-right: 5px;
        border-radius: 6px;
        float: left
    }

    .wizard-dialog.introduction {
        height: 90%;
        overflow-y: auto;       
        margin-top: 3%;
    }

    .wizard-dialog.notes {
        height: 90%;
        overflow-y: auto;
        margin-top: 3%;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        /*border-radius: 10px;*/
        background-color: #F5F5F5;
    }

    ::-webkit-scrollbar {
        width: 12px;
        background-color: #4A7D7D; /* #F5F5F5; */
    }

    ::-webkit-scrollbar-thumb {        
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #4A7D7D;
    }
}

