// BEGIN: Selected styles from paper.css

table.qtable  { }
table.qtable td 
{
border:1px;
padding:3px;
text-align:left;
vertical-align:top;
}


table.tbox {
        padding:5pt;
        width:470pt;
}
table.tbox tbody td.sn {
        width:50pt;
    font-weight:bold;
    border:1px solid black;
}
table.tbox td.que {
        width:460pt;
    margin-left;0;
    text-align:left;
}

table.centeralign
{
}

table.centeralign td 
{
text-align:center;
}

table.data_nogrid
{
    border : 1px solid #15d;
    background : #ddf;
}

table.data td 
{
padding:3px;
text-align:center;
vertical-align:top;
}

table.data {
    border: 1px solid #000;
    margin-bottom: 1em;
}
table.data th {
    background: #E0E0E0;
    border: 1px solid #000;
    color: #555;
    text-align: left;
}
table.data tr {border-bottom: 1px solid #DDD;}
table.data td, table.data th {padding: 1px;}
table.data td {
    background: #FFF;
    border: 1px solid #000;
}


table.border td {
    border: 1px solid #000;
}

input.fb {
    background: #F2F2F2;
    border: 0px;border-bottom:solid 1px;
    margin: 0.5em 0;
    padding: 4px 5px;
}

table.score, table.score th, table.score td   {   border:none;  border-collapse:collapse; font-size:1em; line-height:1.5em;text-align:center}
table.score     {   background:black; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3)}
table.score caption     {   text-align:center; text-transform:uppercase; font-size:150%; font-weight:bold; padding:1.5em 0; color:black}

table.score thead, 
table.score tfoot           {   color:white; }

table.score thead th                {   padding:0.5em 1em; text-transform:uppercase; text-align:center; }
table.score thead th:first-child    {   width:10em; text-align:center; }

table.score tbody td,
table.score tbody th                {   font-size:100%; padding:0.5em 1em; background-color:#e5e5e5; }
table.score tbody th                {   color:#222; text-align:center; background-image:url(/images/thene/tabel.png); background-repeat:repeat-y; border-right:1px solid #ccc}
table.score tbody td:last-child     {   border-right:1px solid black}

table.score tbody tr.odd th, 
table.score tbody tr.odd td         {   background-color:#eee; color:#222}

table.score tfoot td,
table.score tfoot th                {   border:none; padding:0.5em 1em ; font-size:130%}
table.score tfoot th                {   text-align:center}

table.top-align-text td
{
padding:1px;
vertical-align:top;
}


// END: Selected styles from paper.css




#btn-close-modal1 {
	margin: 10px;
	position: relative;
	left: 50%;
}

#btn-close-modal {
	cursor: pointer;
	color: #fff;	
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3%;
	position: relative;
	font-weight: bold;
}

.eg-activity-main-content {
	width: 100%;
	padding-left: 4em;
    padding-right: 15px;
}

.eg-activity-box-outer {
	position:fixed; 
	top:60px;
    width:100%;
}

.eg-activity-box-header {
    background-color: #e95b0c;
    width: 100%;
    padding: 10px;
    padding-left:6em;
    color:white;
    box-shadow: 0px 0px 11px #000000;
}

@media(max-width:544px){
    .eg-activity-box-header {
        padding-left:0.3em;
    }
}

.eg-activity-box-closure {
	background: #58666a;
	padding: 0px;
	height:60px;
	position:fixed; 
	width:100% 
}


.scoresDivCardHeader {
    color: white;
    padding: 10px;
    font-weight: bold;
    min-height: 3em;
    
}

.questionsAnsweredHeader {
    background: #71BF44;
}

.timeElapsedHeader {
    background:  #674D9F;
}

.smartScoreHeader {
    background: #2CB6C4;
}

.scoresDivCardContent {
    padding: 10px;
    font-weight: bold;
    min-height: 1em;
    background: #eeeeee;
    font-size: 60px;
    padding: .9em;
    margin-bottom:10px;
}

.multi_options {
    margin-top: 1em;
    margin-bottom:0em;
}

@media print { .multi_options {
    margin: .1em;
    margin-bottom:0em;
}
}


.multi_options_col {
   margin-top: 20em;
   padding: 1em;
    -webkit-transition: background-color 0.5s;
}

#questionBodyDiv .multi_options_col:hover {
    margin: 20em;
    padding: 1em;
  //  background-color:#bbffbb;
}

.activity-question-submit {
    margin-top: 1.5em;
    display:none;
}

.eg-tick-1 {
    width:4.2em;
    margin-right:1em;
    float:none;
    display: inline-block;
    margin-top: 0.6em;
}

.eg-tick-1 path {
    fill: #2CB6C4;
}

#user_result_anim_text {
    float: right;
    color: #2CB6C4;
    font-weight: bold;
    font-size: 4em;
    display: inline-block;
    float: none;
    position: relative;
    top: -0.12em;
}



#user_result_anim {
    background: #a4e3ea;
    margin:auto;
    max-width:800px;
    height:10em;
    display: block;
    text-align: center;
    padding-top: 2em;
    border-radius: 12px;
    box-shadow: 0px 0px 11px #000000;
    display:none;
    margin-top:4em;
}

.eg-shield-1 {
    width:6em;
}

.eg-shield-mini {
    width:2.5em;
}

.eg-shield-1 path {
    fill: #FFD700;
    -webkit-transition: fill 0.5s;
}

.eg-shield-1 path:hover {
    fill: #F9A51B;
    fill: #ffeb7a;
}


.eg-shield-2 {
    width:4em;
    float:right;
    margin-right:2em;
}

.eg-shield-2 path {
    fill: #FFD700;
    -webkit-transition: fill 0.5s;
}

.eg-shield-2 path:hover {
    fill: #F9A51B;
}

.eg-shield-counter {
    margin-bottom:10em;
    margin-left:-2em;
    background:#2CB6C4;
}
	
#shieldsArea {
    height:6em;
}	
		
		
.eg-logo-modal {
    width:10em;
    float:left;
    margin-left:6em;
    margin-top: 0.36em;
}

.eg-popup-control {
    padding: 0;
    border: medium none;
    position: absolute;
    cursor: pointer;
    outline: 0;
    display:block;
}

.eg-popup-control:hover {
    opacity:0.6;
}

.eg-popup-close {
    background: url("/images/slider/popup-controls.png") no-repeat scroll -92px -92px transparent;
    height: 44px;
    width: 44px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.eg-popup-prev {
    background: url("/images/slider/popup-controls.png") no-repeat scroll -0px -92px transparent;
    height: 44px;
    width: 44px;
    margin: auto;
    top: 0;
    right: 108px;
    bottom: 0;
    left: 0;
    display:none;
}

.eg-popup-next {
    background: url("/images/slider/popup-controls.png") no-repeat scroll -46px -92px transparent;
    height: 44px;
    width: 44px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 108px;
    display:none;
}


.questionBox {
    max-width: 1400px;
    margin-left:auto;
    height: 530px;
	overflow-y: auto;
	position: relative;
	width:100%;
	top:0;
	padding:20px;
	margin-top:5px;
}

.questionCol {
   padding-right:0px;

}


.scoresBox {
    //background: #8E52A1;
    background: #58666a ;
    color:white;
    height:1024px;
    position: relative;
    
    border-radius: 12px;
    box-shadow: 0px 0px 11px #000000;
    margin-top:3px;
}

.scoresCol {
    padding-top: 1em;
}

.percircle {
    margin-top: .1em;
}

.score-card {
    width: 100%;
    height:8em;
    margin:1em;
    margin-top:2em; 
    padding:2em;
    padding-top:2.2em;
    //float:left;  
    color:white;  

    border-radius: 12px;
    box-shadow: 0px 0px 11px #000000;

}

.smart-score {
    background: #2CB6C4;
}

.questions-answered {
    background: #3AB54A;
}
	
	
.activity-question-gotit {
    display:none;
}

.sorry_incorrect_msg {
    font-size: 1.8em;
    color: #2CB6C4;
    margin-top: -0.7em;
}	

.you_answered_msg {
    background-color: #3AB54A;
    background-color: #EE3E35;
    background-color: #e95b0c;
    color:white;
    padding-left: 1em;
    margin-left: -1em;
    margin-right: -1.8em;
    margin-bottom: 0.6em;
    margin-top: 0.6em;
}

.correct_answer_prefix_msg {
    background-color: #3AB54A;
    color: white;
    margin-top: 1.2em;
    padding-left: 1em;
    margin-left: -1em;
    margin-right: -1.8em;
    margin-bottom: 0.6em;
}

.hts_title {
    font-size: 1.6em;
    color: #3AB54A;
}

.hts_step {
    color: #3AB54A;
    padding-top: 1.2em;
    padding-bottom: 0.1em;
}

#questionMsgDiv {
    color:blue;
    margin-left:auto;
    margin-right:2em;
    display:none;
}

.hts_not_available_header {
    color:#3AB54A;
}

.practiceMainRow {
    margin-left:-70px;
}

#activityTitle {
    font-size: 1.6em;		
}

@media(max-width:544px){
    #activityTitle {
        font-size: 1.2em;       
    }
}


#questionBodyDiv {
	padding-top: 1em;
	padding-right: 1.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}




.egUnselectedOptionDefault {
    /* background-color: hsl(198, 100%, 90%);  */
    border:     2px solid hsl(198, 100%, 80%) !important;
}

/* 
.egUnselectedOptionDefault:hover {
    background-color: hsl(198, 100%, 95%); 
    border:     2px solid hsl(198, 100%, 70%);
}

@media (hover: hover) and (pointer: fine) {
    .egUnselectedOptionDefault:hover {
        background-color: unset; 
        border:     2px solid hsl(198, 100%, 70%);
    }
} */


.egSelectedOptionDefault {
    background-color: hsl(198, 100%, 90%); 
    border:     2px solid hsl(198, 100%, 50%) !important;
}


/* .egSelectedOptionDefault:hover {

} */

.egOptionDefault {
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}


@media(max-width:544px){
	#questionBodyDiv {
	    font-size: 15px;
	    line-height: 1.6;
	}    
}

#questionBodyDiv input[type='checkbox'][egfid] {
	transform: scale(1.4);
}

#questionBodyDiv input[type='text'][egfid] {
    margin: 1px;
}

.egActivityPanelHeading:hover {
  cursor:pointer;
}

.egHoverCursor:hover {
  cursor:pointer;
}

.egRounded12 {
    border-radius: 12px;
    padding: 12px;
}

.egRounded6 {
    border-radius: 6px;
    padding: 12px;
}

.egBold {
    font-weight: bold;
}

.egPrimaryOrangeBG {
    background-color: #58666a !important;
}

.egPrimaryGrayBG {
    background-color: #e95b0c !important;
}

.egAltOrangeBG {
    background-color: #3c3c3b !important;
}

.egAltGrayBG {
    background-color: #f6f6f6 !important;
}


.egBrandColor1BG {
    background-color: hsl(37, 95%, 54%) !important;
}
.egBrandColor1BG-L {
    background-color: hsl(37, 95%, 90%) !important;
}

.egBrandColor2BG {
    background-color:   hsl(3, 84%, 57%) !important;
}
.egBrandColor2BG-L {
    background-color:   hsl(3, 84%, 92%) !important;
}

.egBrandColor3BG {
    background-color: hsl(286, 33%, 48%) !important;
}
.egBrandColor3BG-L {
    background-color: hsl(286, 33%, 85%) !important;
}

.egBrandColor4BG {
    background-color: hsl(259, 35%, 46%) !important;
}
.egBrandColor4BG-L {
    background-color: hsl(259, 35%, 66%) !important;
}

.egBrandColor5BG {
    background-color: hsl(205, 84%, 40%) !important;
}
.egBrandColor5BG-L {
    background-color: hsl(205, 84%, 90%) !important;
}

.egBrandColor6BG {
    background-color: hsl(186, 63%, 47%) !important;
}
.egBrandColor6BG-L {
    background-color: hsl(186, 63%, 90%) !important;
}

.egBrandColor7BG {
    background-color: hsl(128, 51%, 47%) !important;
}
.egBrandColor7BG-L {
    background-color: hsl(128, 51%, 85%) !important;
}

.egBrandColor8BG {
    background-color: hsl(105, 100%, 40%) !important;
}
.egBrandColor8BG-L {
    background-color: hsl(105, 100%, 95%) !important;
}
.egBrandColor9BG {
    background-color: hsl(351, 100%, 71%) !important;
}
.egBrandColor9BG-L {
    background-color: hsl(351, 100%, 95%) !important;
}
.egBrandColor10BG {
    background-color: hsl(30, 50%, 40%) !important;
}
.egBrandColor10BG-L {
    background-color: hsl(30, 50%, 80%) !important;
}
.egBrandColor11BG {
    background-color: hsl(330, 59%, 50%) !important;
}
.egBrandColor11BG-L {
    background-color: hsl(330, 59%, 90%) !important;
}


.egBlackFG {
    color: black !important;
}

.egBlackFG:hover {
    color: black !important;
}
.egWhiteFG {
    color: white !important;
}

.egWhiteFG:hover {
    color: white !important;
}

.egBlackBG {
    background-color: black !important;
}

.egLightenOnHover:hover {
    opacity: 0.8 !important; 
}

.egPrimaryOrangeFG {
    background-color: #58666a !important;
}

.egPrimaryGrayFG {
    background-color: #e95b0c !important;
}

.egAltOrangeFG {
    background-color: #3c3c3b !important;
}

.egAltGrayFG {
    background-color: #f6f6f6 !important;
}


.egBrandColor1FG {
    background-color: #F9A51B !important;
}

.egBrandColor2FG {
    background-color: #EE3E35 !important;
}

.egBrandColor3FG {
    background-color: #8E52A1 !important;
}

.egBrandColor4FG {
    background-color: #674D9F !important;
}

.egBrandColor5FG {
    background-color: #1074BC !important;
}

.egBrandColor6FG {
    background-color: #2CB6C4 !important;
}

.egBrandColor7FG {
    background-color: #3AB54A !important;
}

.egBrandColor8FG {
    background-color: #71BF44 !important;
}


.egPrimaryOrangeBO {
    border-color: #58666a !important;
}

.egPrimaryGrayBO {
    border-color: #e95b0c !important;
}

.egAltOrangeBO {
    border-color: #3c3c3b !important;
}

.egAltGrayBO {
    border-color: #f6f6f6 !important;
}


.egBrandColor1BO {
    border-color: #F9A51B !important;
}

.egBrandColor2BO {
    border-color: #EE3E35 !important;
}

.egBrandColor3BO {
    border-color: #8E52A1 !important;
}

.egBrandColor4BO {
    border-color: #674D9F !important;
}

.egBrandColor5BO {
    border-color: #1074BC !important;
}

.egBrandColor6BO {
    border-color: #2CB6C4 !important;
}

.egBrandColor7BO {
    border-color: #3AB54A !important;
}

.egBrandColor8BO {
    border-color: #71BF44 !important;
}

.egBrandColor9BO {
    border-color: hsl(351, 100%, 71%) !important;
}

.egBrandColor10BO {
    border-color: hsl(30, 50%, 40%) !important;
}

.egBrandColor11BO {
    border-color: hsl(330, 59%, 50%) !important;
}

.egShadow1 {
    box-shadow: 0px 0px 11px #000000;
}

.eg1emTopMargin {
    margin-top: 1em;
}

.eg2emTopMargin {
    margin-top: 2em;
}


.egNoSelect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.egTextAlignCenter {
    text-align: center;
}

.eg50PercentWidth {
    width: 50%;
}

.eg30PercentWidth {
    width: 30%;
}

.egDisplayNone {
    display:none !important;
}


// Questions specific styles
// ////////////////////////

.egQTable{
    display: table;
    border-collapse:separate;
    border-spacing:5px;
}
.egQTableLeft{ text-align:left; }
.egQTableRight{ text-align:right; }
.egQTableCenter{ text-align:center; }
.egQTableRow {
    display: table-row;
}
.egQTableHeading {
    background-color: #EEE;
    display: table-header-group;
}
.egQTableCell, .egQTableHead {
    display: table-cell;
    padding: 2px 10px;
}
.egQTableCellNP, .egQTableHeadNP {
    display: table-cell;
}
.egQTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}
.egQTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}
.egQTableBody {
    display: table-row-group;
}


.eg-em-formula {
    background: #cccccc;
    border-radius: 6px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    display: inline-block;
}

.eg-indented { margin-left: 20px; }
.eg-v-isolated { margin-top:0.5em; margin-bottom:0.5em }

.eg-subtle-explanation {
    font-style: italic;
    background: #dddddd;
    border-radius:6px;
}

.eg-ques-ul {
    list-style:none;
    padding-left: 20px;
}

.eg-eq-lhs {
    padding-left: 2px;
    
}

.eg-eq-rhs {
    padding-right: 2px;
    
}

.eg-eq-equalsign {
    padding-left: 4px;
    padding-right: 4px;
    
}

.eg-eq-impliessign {
}

.eg-fib-box {
    border: solid 1px;
    padding:0;
}


.mathjax-font { font-family: MJXc-TeX-main-R,MJXc-TeX-main-Rw; font-size: 127%; }