/* :::::::::::::::::::::::::: ACTIVITIES :::::::::::::::::::::::::::::::::::::::::::::::::::: */

.activity,
.flipcards { clear: both; margin: 20px 0px 20px 0px; /*border:1px solid red;*/ }
.activitytemp { clear: both; background-color: #72b2e4; padding: 2em; position: relative; width: 70%; margin: 20px auto 20px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.clearboth { clear: both; }
.complete { font-style: italic; text-align: center; }
.limiter { width: 70%; margin: 0px auto 0px auto; }

@media (max-width: 767px) {
.limiter { width: 100%; margin: 0px auto 0px auto; }
}


/*::::::::::: FONT SIZES, most ALL::::::::::::::*/
.questionNum { font-size: 1em; }

.stem, .info  {font-size: 1.3em;  }

.nextContainer,
.complete,
.repeatContainer,
.finalContainerIncorrect,
.activityAPI-dragDrop .title { font-size: .9em; text-transform:uppercase;}
p.review { font-size: 1.5em; }
.feedback h3 { font-size: 22px; }  /*<<<<< fix - text on feedback portion of TICC 0204 & MENT 0105 */
.activityAPI-singleQuestion .answer label { font-size: 20px; }


.activityAPI-singleQuestion .complete:before {font-size:1.5em;}


@media (max-width: 700px) {
.questionNum,
.info,
.nextContainer,
.stem,
.complete,
.repeatContainer,
.feed,
.activityAPI-dragDrop .title {   }
}

@media (max-width: 485px) {
.questionNum, .info, .nextContainer, .stem, 
.complete, .repeatContainer, .feed {  }
}
/*:::::::::::: OTHER ALL :::::::::::::*/

/*shared feedback SQMC + D&D */
#activityAPI-v1-feedback {  padding: 20px 40px 60px 40px; margin: 0px 0px 40px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#activityAPI-v1-feedback .box {  float:left;} 
#activityAPI-v1-feedback .box p { font-size:1em;}
#activityAPI-v1-feedback .box ul { margin-top:0px; font-size:1em;}
#activityAPI-v1-feedback .box li { margin-top:0px; font-size:1em;}


#activityAPI-v1-feedback h3 { }
#activityAPI-v1-feedback p { margin: 0px 0px 0px 20px;  font-size:90%;}
#activityAPI-v1-feedback p strong { }
#activityAPI-v1-feedback p.review  {   font-size:100%; max-width:400px; padding-top: 20px; margin: 0px auto 30px auto; text-align: center; font-weight: bold; font-style: italic; }


div.feed ul li { font-size: .9em; line-height: 1.1em; } /* singel question*/
.questionNum,
.info,
.nextContainer { text-align: center; }
p.score { }
.questionNum:before { content: 'Question '; }
p.review {max-width:400px; padding-top: 20px; margin: 0px auto 30px auto; text-align: center; font-weight: bold; font-style: italic; }
.feedback h3 { margin-bottom: 0px; }
.feedback h3 span { font-weight: 100; }
.feedback ul { margin-top: 0px; }

@media (max-width: 485px) {
div.feed ul li { font-size: .9em; }
.feed ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; }
.feed ul ul { margin: 0px 0px 0px 10px; list-style-position: outside; }
.feed ul ul li { font-size: 1em; line-height: 1.1em; padding: 0px 0px 0px 5px; margin: 0px 0px 5px -10px; }
}
/*li.stem { background-color: #9cc1d7; list-style-position: inside; padding: 20px 20px 20px 20px; margin: 20px 0px 10px 0px; font-weight: 500; }*/
 

/* ::::::: MULTIPLE QUESTION MC:::::::: */
/* ::::::: MULTIPLE QUESTION MC:::::::: */
/* ::::::: MULTIPLE QUESTION MC:::::::: */
/* ::::::: MULTIPLE QUESTION MC:::::::: */
/*---radio buttons-----*/

/*purtple 6B6EBD*/


.activityAPI-multipleChoice input[type=radio]:not(old) { width : 28px; margin : 0; padding : 0; opacity : 0; }
.activityAPI-multipleChoice input[type=radio]:not(old) + label { font-size: 1em; display : inline-block; margin-left : 20px; padding-left : 32px;  /*spacing between button and label*/ background : url('../images/radio-off.png') no-repeat 0 0; line-height : 27px; }
.activityAPI-multipleChoice input[type=radio]:not(old):checked + label { /* background-position : 0 -48px;*/
background : url('../images/radio-on.png') no-repeat 0 0; }
.activityAPI-multipleChoice { background-color: #0f70b9; color: white; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.activityAPI-multipleChoice a { }
.activityAPI-multipleChoice ol.questions { padding: 0px; margin: 0px; }
.activityAPI-multipleChoice .stem { margin-top: 20px; }
.activityAPI-multipleChoice li.unanswered { }
.activityAPI-multipleChoice ol.answers { padding: 0px; }
.activityAPI-multipleChoice li.answer { list-style-type: none; }
.activityAPI-multipleChoice ol li { }
.activityAPI-multipleChoice ol li li { font-weight: 500; font-size: 1.0em; }
.activityAPI-multipleChoice li.answer input[type="radio"] { cursor: pointer; }
.activityAPI-multipleChoice li.answer label { cursor: pointer; }
.activityAPI-multipleChoice .submitActivity { font-size: 1.5em; margin: 20px auto 0px auto; width: 100px; color: #FFF; padding: 10px 23px; text-align: center; background-color: #6B6EBD; border: 2px solid #d4d4f4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;/*DCF
border: 2px solid #71eaff;
background-color:#3599AE;*/
}
.activityAPI-multipleChoice .submitActivity a { text-decoration: none; }
/*Multiple Choice Answers Page*/
.activityAPI-multipleChoice p.score { text-align: center; font-weight: bold; font-size: 2em; margin-bottom: 0px; }
.answer-correct,
.answer-incorrect { padding-left: 22px; text-indent: -22px; margin-bottom: 20px; }
.answer-correct:before { }
.answer-incorrect:before { }

@media (max-width: 767px) {
.activityAPI-multipleChoice input[type=radio]:not(old) { }
.activityAPI-multipleChoice input[type=radio]:not(old) + label { margin-left: 0px; }
.activityAPI-multipleChoice input[type=radio]:not(old):checked + label { }
li li.answer { margin-left: 0px; }
.activityAPI-multipleChoice ol.questions { margin-left: 10px; }
}
.MC-feedback { color: #000; background-color: #efefef; padding: 20px 40px 20px 40px; margin-bottom: 40px; }
/************************* multipleChoice ****************************************/

.activityAPI-multipleChoice .answers { list-style-type: none; position: relative; }
.activityAPI-multipleChoice input[type="radio"] { position: absolute; left: 0; }
.activityAPI-multipleChoice .bold { font-weight: bold; }
.activityAPI-multipleChoice a { cursor: pointer; }
/* ::::::: SINGLE QUESTION :::::::: */
/* ::::::: SINGLE QUESTION :::::::: */
/* ::::::: SINGLE QUESTION :::::::: */
/* ::::::: SINGLE QUESTION :::::::: */
/* ::::::: SINGLE QUESTION :::::::: */
	
.activityAPI-singleQuestion { clear: both; position: relative; width: 100%; margin: 20px auto 0px auto;padding-bottom:40px; border-radius:5px;
box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	 }
.activityAPI-singleQuestion .questionNum {  padding-top:20px; text-transform:uppercase; font-size:80%; font-weight:bold;}
.activityAPI-singleQuestion p { font-size: .9em; }
.activityAPI-singleQuestion .stem { width: 75%; }
.activityAPI-singleQuestion .stem {   font-weight: bold; margin: 1em auto; margin-bottom: 30px; }
.activityAPI-singleQuestion .answers {   list-style: none; margin: 20px auto 0px auto;  border-collapse: separate; border-spacing: 1em; max-width: 500px; padding-left: 0px; }
.activityAPI-singleQuestion .answers li {   margin:0px auto 10px auto; width:80%; }
.activityAPI-singleQuestion .answers li:before { display: table-cell; }
.activityAPI-singleQuestion .answer input[type="radio"] { display: none; }
.activityAPI-singleQuestion .answer label {  
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
 margin-bottom: 10px; padding: .25em;
 background-color: #FFF; 
 display: block;  
 text-align: center; line-height: 1.1em;
 }

.activityAPI-singleQuestion .info { margin-bottom: 10px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-style:italic; font-size:1.5em; }
.activityAPI-singleQuestion .info.correct:before { content: 'Correct!'; }
.activityAPI-singleQuestion .info.incorrect:before { content: 'Incorrect.'; }
.activityAPI-singleQuestion .nextContainer a,
.activityAPI-singleQuestion .answer label { background-color: #FFF; display: block; padding: 10px; text-align: center; }
.activityAPI-singleQuestion .nextContainer a { margin: auto; max-width: 400px; text-decoration: none; }
.activityAPI-singleQuestion .nextContainer a:before { content: 'Next Question'; }    /* \2192*/
.activityAPI-singleQuestion .nextContainer a:after { content: url(../images/arrow-right.png); }
.activityAPI-singleQuestion .repeatContainer a { text-decoration: none; display: block; text-align: center; background-color: #FFF; max-width: 400px; padding: .25em; margin: 0px auto 0px auto; }
.activityAPI-singleQuestion .repeatContainer a:before { content: 'Try Again'; }
.activityAPI-singleQuestion .repeatContainer a:after { content: url(../images/arrow-right.png);   }
.activityAPI-singleQuestion .complete,
.activityAPI-singleQuestion .finalContainerIncorrect { font-style: italic;  padding:0px 20px 0px 20px;}
.activityAPI-singleQuestion .complete a,
.activityAPI-singleQuestion .finalContainerIncorrect a { margin-top: 20px; }
.activityAPI-singleQuestion .complete:before {font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; text-transform:none; content: 'Congratulations! You have completed this activity.     '; }
.activityAPI-singleQuestion .finalContainer a,
.activityAPI-singleQuestion .finalContainerIncorrect a { margin: 20px auto 0px auto; max-width: 400px; text-decoration: none; }
.activityAPI-singleQuestion .finalContainer a:before,
.activityAPI-singleQuestion .finalContainerIncorrect a:before { content: 'Review'; }
.activityAPI-singleQuestion .finalContainer a:after,
.activityAPI-singleQuestion .finalContainerIncorrect a:after { content: url(../images/arrow-right.png); }
.activityAPI-singleQuestion .finalContainer a,
.activityAPI-singleQuestion .finalContainerIncorrect a,
.activityAPI-singleQuestion .answer label {  }

.activityAPI-singleQuestion .activityAPI-v1-button { padding-left: .5em; margin-top: 20px; }

.nextContainer a,
.repeatContainer a,
.complete a,
.finalContainer a {  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#FFF; padding: 10px; margin-top:20px;}

        .dynamic-feeback-hidden{
            display:none;
        }
@media (max-width: 630px) {
 
}

@media (max-width: 430px) {
}


/* ::::::: DRAG N DROP :::::::: */
/* ::::::: DRAG N DROP :::::::: */
/* ::::::: DRAG N DROP :::::::: */
/* ::::::: DRAG N DROP :::::::: */
/* ::::::: DRAG N DROP :::::::: */


/**/
  .prompt { 
   animation: fade-in 1s;
   }
   
 @keyframes fade-in {
    0% {opacity:0;}
    50% {opacity:0;}
	100% {opacity:1;  }
	
 }
.dnd-border {  padding-bottom:10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align:center;}
.activityAPI-dragDrop {margin-top: 20px; }
.activityAPI-dragDrop .drop-box {   margin: 1%;   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align:center; }
.activityAPI-dragDrop .drop-box .title {  font-weight:  bold; height:37px;margin: 0px; padding: 0px; padding: 20px ; }
.activityAPI-dragDrop .drop-box .title,
.activityAPI-dragDrop .drop-box .indicators { vertical-align: middle; }
.activityAPI-dragDrop .drop-box .indicators {    text-align:center; padding: 10px; }
.activityAPI-dragDrop .drop-box .singleIndicator { width: 20px; height:20px; display: inline-block;  margin: 5px .25em; position: relative; top: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;   }
.activityAPI-dragDrop .drop-box .empty {  }
.activityAPI-dragDrop .drop-box .filled {  }
.activityAPI-dragDrop .prompt-container { clear:both; text-align: center; width: 100%; margin-top: 20px; }
.activityAPI-dragDrop .prompt-container .prompt { 
cursor: pointer;display: inline-block; 
 width:120px; height:120px;
 margin: 30px;   padding: 20px; 
 text-align: center; 
 -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
 }
.activityAPI-dragDrop .prompt-container .prompt p { font-size: 1em; font-weight: 400; line-height: 1.1em; }
.activityAPI-dragDrop .caret-box {   margin: 0px; padding: 0px; text-align: center;  vertical-align: middle; }
.activityAPI-dragDrop .drop-indicator { }
.activityAPI-dragDrop .glyph-caret-right {   font-size: 2em; width: 18px; margin: 0px; padding-left: 5px; }
.activityAPI-dragDrop .ui-state-hover .title {   }
.dnd-feedback-border #activityAPI-v1-feedback .box {  margin: 1%; }


.activityAPI-dragDrop .drop-box {  }
.activityAPI-dragDrop .prompt-container .prompt p { padding:0px; margin:0px; }
.dnd-feedback-border #activityAPI-v1-feedback .box {   }



@media (max-width: 700px) {
.activityAPI-dragDrop .prompt-container .prompt p {   }
.activityAPI-dragDrop .drop-box .singleIndicator {   }
.activityAPI-dragDrop .drop-box .indicators {  }
}

@media (max-width: 500px) {
.activityAPI-dragDrop .drop-box {    }
.activityAPI-dragDrop .drop-box .title {  }
.activityAPI-dragDrop .drop-box .singleIndicator {   }
.activityAPI-dragDrop .drop-box .indicators {   }
}



.activityAPI-dragDrop .flash { -webkit-animation-name: wrong-answer; -webkit-animation-duration: 0.4s;animation-name: wrong-answer; animation-duration: 0.4s; }
.activityAPI-dragDrop .flash-incorrect { -webkit-animation-name: wrong-answer;  -webkit-animation-duration: 0.4s;  animation-name: wrong-answer; animation-duration: 0.4s; }
.activityAPI-dragDrop .flash-correct { -webkit-animation-name: right-answer;  -webkit-animation-duration: 0.4s;  animation-name: right-answer; animation-duration: 0.4s; }











/* ::::::: IMAGE SEARCH :::::::: */
/* ::::::: IMAGE SEARCH :::::::: */
/* ::::::: IMAGE SEARCH :::::::: */
/* ::::::: IMAGE SEARCH :::::::: */
/* ::::::: IMAGE SEARCH :::::::: */

.activityAPI-imagesearch .flash { -webkit-animation-name: append-feedback; /* Chrome, Safari, Opera */ -webkit-animation-duration: 0.7s; /* Chrome, Safari, Opera */ animation-name: append-feedback; animation-duration: 0.7s; }
 @-webkit-keyframes append-feedback {
 from {
background-color:#b4dcc1;/* #f5fd80;*/
}
 to {
background-color: #efefef/*fcffcc*/;
}
}
 @keyframes append-feedback {
 from {
background-color: #b4dcc1;/* #f5fd80;*/
}
 to {
background-color: #efefef/*fcffcc*/;
}
}
.activityAPI-imagesearch img.map { }
.activityAPI-imagesearch { }
#imageInstructions_1 { display: none; height: 1px; }
.activityAPI-imagesearch .color-area { }
.activityAPI-imagesearch .image-activity-container { }
.activityAPI-imagesearch .imgArea { position: relative; }
.activityAPI-imagesearch .image { clear: both; }
.activityAPI-imagesearch img#base_image_1.baseimg { position: absolute; }
.activityAPI-imagesearch .hide { }
.activityAPI-imagesearch .overlay { position: absolute; }
.activityAPI-imagesearch .checkboxes { margin: 0px; padding: 0px; width: 100%; }
.activityAPI-imagesearch .drop-box .indicators { padding: 0px; width: 100%; background-color: #DDF0FF; margin-bottom: 20px; }
.activityAPI-imagesearch .drop-box .singleIndicator { width: 15px; height: 15px; margin: 10px 0px 5px 5px; float: left; }
.activityAPI-imagesearch .drop-box .singleIndicator:first-child { margin-left: 20px; }
.activityAPI-imagesearch .drop-box .empty { background-color: #FFF; }
.activityAPI-imagesearch .drop-box .filled { background-color: #7fad85; }
.activityAPI-imagesearch .drop-box .foundAllTag { text-align: center; color: #64a3c7; font-size: 1.5em; padding: 5px; }
.activityAPI-imagesearch .image-activity-container { }
/**/

.activityAPI-imagesearch .feedbacklist { }
.activityAPI-imagesearch .feedbackItem { width: 100%; list-style: none; padding: 10px 0px 10px 0px; margin: 0px 0px 10px 0px; background-color: #efefef; }
.activityAPI-imagesearch ul,
.activityAPI-imagesearch ol { margin-left: 0px; }
.activityAPI-imagesearch .feedbackItem div.lefttext,
.activityAPI-imagesearch .feedbackItem div.righttext { }
.activityAPI-imagesearch .feedbackItem .lefttext { float: left; width: 68%; margin: 0px 2% 0px 2%; }
.activityAPI-imagesearch .feedbackItem .righttext { float: left; width: 68%; margin: 0px 2% 0px 2%; }
.activityAPI-imagesearch .feedbackItem img { width: 25%; }
.activityAPI-imagesearch .feedbackItem img.toright,
.activityAPI-imagesearch .feedbackItem img.toleft { }
.activityAPI-imagesearch .feedbackItem img.toright { float: right; margin-right: 10px; }
.activityAPI-imagesearch .feedbackItem img.toleft { float: left; margin-left: 10px; }
.righttext h3,
.lefttext h3 { font-size: 1em; line-height: 1.1em; margin: 0px 0px 10px 0px; padding: 0px; }
.righttext p,
.lefttext p { font-size: 1em; line-height: 1.1em; margin: 0px 0px 10px 0px; padding: 0px; }
.HintButton { float: right; margin: 5px 15px; }
.hintText { padding: 5px; }

@media (max-width: 630px) {
.activityAPI-imagesearch .drop-box .singleIndicator { width: 10px; height: 10px; }
.hintText { text-align: left; }
}

@media (max-width: 430px) {
.activityAPI-imagesearch .feedbackItem .lefttext { }
.activityAPI-imagesearch .feedbackItem .righttext { }
.activityAPI-imagesearch .feedbackItem div.lefttext,
.activityAPI-imagesearch .feedbackItem div.righttext { }
.activityAPI-imagesearch .feedbackItem img.toright,
.activityAPI-imagesearch .feedbackItem img.toleft { }
}
/* ::::::: ORDERING DROP LIST :::::::: */
/* ::::::: ORDERING DROP LIST  :::::::: */
/* ::::::: ORDERING DROP LIST:::::::: */
/* ::::::: ORDERING DROP LIST  :::::::: */
/* ::::::: ORDERING DROP LIST  :::::::: */

.activityAPI-orderingDropList ul.questions { padding-left: 0px; margin-bottom: 40px; width: 500px; margin: 0px auto 0px auto; }
.activityAPI-orderingDropList ul.questions li { list-style-type: none; }
.activityAPI-orderingDropList li.stem span { }
.activityAPI-orderingDropList li.stem span.StepText { margin-left: 20px; margin-right: 10px; font-weight: bold; }
.activityAPI-orderingDropList li.stem { list-style-position: inside; padding: 20px 20px 20px 20px; margin: 20px 0px 10px 0px; font-weight: 500; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.activityAPI-orderingDropList ul.questions .order-1 { background-color: #ddf0ff; }
.activityAPI-orderingDropList ul.questions .order-2 { background-color: #9cc6e6; }
.activityAPI-orderingDropList ul.questions .order-3 { background-color: #5a9ccc; }
.activityAPI-orderingDropList ul.questions .order-4 { background-color: #387db1; }
.activityAPI-orderingDropList select.answers { margin: 0px 10px 0px 20px; width: 300px; padding: 3px; font-size: 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; outline: none; display: inline-block; }
.activityAPI-orderingDropList ul.questions li.stem select.answers { }
.activityAPI-orderingDropList ul.questions li.stem select.answers option.dim { color: #aaa; }
option:first-child { color: #ccc; }
.activityAPI-orderingDropList .glyph-times-circle { margin-left: 20px; background-color: #FFF; padding: 1px 0px 1px 3px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; float: right; }
.activityAPI-orderingDropList .glyph-check-circle { margin-left: 20px; background-color: #FFF; padding: 1px 0px 1px 3px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; float: right; }
.activityAPI-orderingDropList .complete { margin-top: 10px; }

@media (max-width: 767px) {
.activityAPI-orderingDropList ul.questions { width: 100%; }
}

@media (max-width: 491px) {
.activityAPI-orderingDropList select.answers { width: 230px; }
.activityAPI-orderingDropList li.stem { padding-left: 5px; }
.activityAPI-orderingDropList li.stem span.StepText { margin-left: 10px; font-weight: bold; }
.activityAPI-orderingDropList select.answers { margin-left: 3px; }
.activityAPI-orderingDropList .glyph-times-circle { margin-left: 3px; }
.activityAPI-orderingDropList .glyph-check-circle { margin-left: 3px; }
}
/* ::::::: TAP MATCHING :::::::: */
/* ::::::: TAP MATCHING :::::::: */
/* ::::::: TAP MATCHING :::::::: */
/* ::::::: TAP MATCHING :::::::: */
/* ::::::: TAP MATCHING :::::::: */
/* ::::::: TAP MATCHING :::::::: */
.activityAPI-tapMatching .column-category-card { background-color: #b0f5c4; color: #000;}
.activityAPI-tapMatching .column-category-title { color: #198738;  }
.activityAPI-tapMatching .done { background-color: #198738; color:#FFF; font-weight:normal; }
/**/

.activityAPI-tapMatching .column-category { float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.activityAPI-tapMatching .column-category-title { font-weight: bold; padding: 5px 5px 5px 20px; }
.activityAPI-tapMatching .column-category-cards-area { clear: both; }
.activityAPI-tapMatching .column-category-cards-area .column-category:nth-child(1) { overflow-wrap: break-word; margin-left: 2%; width: 30%; margin-right: 1px; }
.activityAPI-tapMatching .column-category-cards-area .column-category:nth-child(2) { width: 65%; margin-left: 1px; }
/*.activityAPI-tapMatching .column-category-cards-area .column-category:nth-child(3){width:54%; }*/
.activityAPI-tapMatching .column-category-card { width: 100%; border-right: 1px solid #FFF; border-left: 1px solid #FFF; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;  min-height: 150px; /* this is default min-height - put on page for custom content */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.activityAPI-tapMatching .cardData { padding: 15px;}
.activityAPI-tapMatching .cardText { text-align: left; }
.activityAPI-tapMatching .selected-card { background-color: lightblue; }
.activityAPI-tapMatching .selected-incorrect { animation-duration: 0.3s; animation-name: incorrect-select; }
@keyframes incorrect-select {
 50% {background-color:#ea9185;}
 100% {background-color: none;}
}
.activityAPI-tapMatching .selected-correct { animation-duration: 0.5s; animation-name: correct-select; }
@keyframes correct-select {
 50% {background-color:#b8dcd5;}
 100% {background-color:#b8dcd5;opacity:0;transform: translate(0px, 300px);}
}
.activityAPI-tapMatching .done {   border: 3px solid #FFF; opacity: 5; }
.activityAPI-tapMatching .column-category-cards-area .done { }
.activityAPI-tapMatching .activityFeedbackList { }
.activityAPI-tapMatching .activityFeedbackInfo { text-align: center; font-style: italic; font-size: 1.3em; margin-bottom: 20px; }
.activityAPI-tapMatching .feedback-item { }
.activityAPI-tapMatching .column-two { width: 50% }

@media (max-width:390px) {.activityAPI-tapMatching .column-category-title { font-size: 70%; padding: 1px 1px 1px 5px;} }

/************************MULTIFACE* flipCard **ADV**************************************/
/***********************MULTIFACE** flipCard ***ADV*************************************/
/**********************MULTIFACE*** flipCard ***ADV*************************************/
/**********************MULTIFACE*** flipCard ***ADV*************************************/
/**********************MULTIFACE*** flipCard ****ADV************************************/

.activityAPI-flipCard .card { box-sizing: border-box; position: relative; -webkit-perspective: 900000px; perspective: 900000px; }
/*.activityAPI-flipCard .two-column .card {
	margin: 10px 2%;
	width: 46%;
	float: left;
}
*/

.activityAPI-flipCard .card a { backface-visibility: hidden; box-sizing: inherit; display: block; top: 0; transition: all .4s ease-in-out; width: 100%; /*needed for position of back use card width*/ }
.activityAPI-flipCard .card .front { position: relative; z-index: 900; -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.activityAPI-flipCard .card.flip .front { z-index: 900; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.activityAPI-flipCard .card .back { position: absolute; z-index: 800; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.activityAPI-flipCard .card.flip .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); }/*.activityAPI-flipCard .center { text-align: center; }*/
.activityAPI-flipCardAdv { position: relative;/*-webkit-perspective: 90000px; perspective: 90000px;*/}
.activityAPI-flipCardAdv .card { width: 100%; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.activityAPI-flipCardAdv .card-content-container { display: table; width: 100%; height: 100%; overflow: hidden; }
.activityAPI-flipCardAdv .card-content:before { content: ' '; display: table-row; }
.activityAPI-flipCardAdv .card-content { display: table-cell; width: 100%; height: 100%; vertical-align: top; }
.activityAPI-flipCardAdv a { color: #000; transition: all 0s; }
.activityAPI-flipCardAdv a:hover { color: #000; }
.activityAPI-flipCardAdv .front img,
.activityAPI-flipCardAdv .back img,
.activityAPI-flipCardAdv .face img,
.activityAPI-flipCardAdv-content img { width: 100%; /*800px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.activityAPI-flipCardAdv .face { -webkit-backface-visibility: hidden; backface-visibility: hidden;/*height: 100%;*/ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; }
.activityAPI-flipCardAdv .face.is-visible { position: relative; z-index: 5; }
.activityAPI-flipCardAdv .face.is-hidden { position: absolute; top: 0; left: 0; /*height: 100%;*/
width: 100%; z-index: 1; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
/* two column fixed ratio cards 0708 */.activity .fixed-ratio .face.is-hidden { height: 100%; }
.activity .fixed-ratio .face.is-visible { height: 100%; }
.activityAPI-flipCardAdv .face.is-selected { z-index: 3 !important; }
.activityAPI-flipCardAdv .card.is-switched .face.is-visible { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); animation: face-rotate 0.5s; -webkit-animation: face-rotate 0.5s; }
.activityAPI-flipCardAdv .card.is-switched .face.is-hidden { transform: rotateY(0); -webkit-transform: rotateY(0); animation: face-rotate-inverse 0.5s; -webkit-animation: face-rotate-inverse 0.5s; opacity: 0; }
.activityAPI-flipCardAdv .card.is-switched .face.is-selected { opacity: 1; }
@keyframes face-rotate {
0% {
transform: perspective(1200px) rotateY(0);
}
70% {
transform: perspective(1200px) rotateY(200deg);
}
100% {
transform: perspective(1200px) rotateY(180deg);
}
}
@-webkit-keyframes face-rotate {
0% {
-webkit-transform: perspective(1200px) rotateY(0);
}
70% {
-webkit-transform: perspective(1200px) rotateY(200deg);
}
100% {
-webkit-transform: perspective(1200px) rotateY(180deg);
}
}
@keyframes face-rotate-inverse {
0% {
transform: perspective(1200px) rotateY(-180deg);
}
70% {
transform: perspective(1200px) rotateY(20deg);
}
100% {
transform: perspective(1200px) rotateY(0);
}
}
@-webkit-keyframes face-rotate-inverse {
0% {
-webkit-transform: perspective(1200px) rotateY(-180deg);
}
70% {
-webkit-transform: perspective(1200px) rotateY(20deg);
}
100% {
-webkit-transform: perspective(1200px) rotateY(0);
}
}
/* :::::::MULTIFACE FLIPCARD STYLE :::ADV::::: */


.activityAPI-flipCardAdv .card { margin-bottom: 20px; }
.activityAPI-flipCardAdv .card-content { }
.activityAPI-flipCardAdv .card a { text-decoration: none; }
.activityAPI-flipCardAdv .card a.face-0,
.activityAPI-flipCardAdv .card a.face-1,
.activityAPI-flipCardAdv .card a.face-2,
.activityAPI-flipCardAdv .card a.face-3,
.activityAPI-flipCardAdv .card a.face-4,
.activityAPI-flipCardAdv .card a.face-5,
.activityAPI-flipCardAdv .card a.face-6,
.activityAPI-flipCardAdv .card a.face-7,
.activityAPI-flipCardAdv .card a.face-8,
.activityAPI-flipCardAdv .card a.face-9 { padding: 30px 40px 0px 40px; background-color: #eae9f5; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.activityAPI-flipCardAdv .card .card-content-container { }
.activityAPI-flipCardAdv .card-content { }
.activityAPI-flipCardAdv .card-content p { font-size: 1em; line-height: 1.3em; margin-bottom: 0px; }
.activityAPI-flipCardAdv .card-content p.overlay { font-size: 1.5em; line-height: 1.2em; position: absolute; bottom: 50px; left: 60px; color: white; text-shadow: 2px 2px #000; }
.activityAPI-flipCardAdv .card-img { }
.activityAPI-flipCardAdv .card-text { margin-bottom: 40px; }
.activityAPI-flipCardAdv .right-column img { margin-bottom: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; max-width: 700px; }
.activityAPI-flipCardAdv .left-column img { margin-bottom: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; max-width: 700px; }
.activityAPI-flipCardAdv .right-column img.small { width: 25% !important; float: left !important; margin: 0px 10px 0px 0px !important; }
.activityAPI-flipCardAdv .left-column img.small { width: 25% !important; float: left !important; margin: 0px 10px 0px 0px !important; }
.activityAPI-flipCardAdv .card-text dl dt { font-size: 1.2em; line-height: 1.2em; margin: 0px 0px 5px 0px; }
.activityAPI-flipCardAdv .card-text dl dt.title { font-size: 1.5em; font-weight: normal; font-style: italic; }
.activityAPI-flipCardAdv .card-text dl dd { font-size: 1.1em; margin: 0px 0px 10px 0px; }
.activityAPI-flipCardAdv .card-text dl p { font-size: 1.1em; line-height: 1.1em; }
.activityAPI-flipCardAdv .card-text dl dd ul li { font-size: 1.1em; line-height: 1.1em; }
.activityAPI-flipCardAdv .card-text dl dt { }
.activityAPI-flipCardAdv .card-text p { }
.activityAPI-flipCardAdv .card-text h3 { }
.activityAPI-flipCardAdv .card-text ul { }
.activityAPI-flipCardAdv .card-text ul li { font-size: 1em; margin-bottom: -5px; }
.activityAPI-flipCardAdv .card-img ul.smallul li { font-size: 1em; margin-bottom: -5px; }
.activityAPI-flipCardAdv .card-text dd ul li { }
.activityAPI-flipCardAdv .card-text ul ul { }
.activityAPI-flipCardAdv .card-text li li { }
.activityAPI-flipCardAdv .card-text ul ul ul { }
.activityAPI-flipCardAdv .card-text li li li { }
.activityAPI-flipCardAdv .card-text .odd { }
.activityAPI-flipCardAdv .progress-bar { height: 35px; margin-right: 20px; position: absolute; bottom: -5px; right: 0px; }
.activityAPI-flipCardAdv .progress-bar-indicator { float: left; margin-right: 10px; width: 10px; height: 10px; background-color: #FFF /*#494b96*/; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.activityAPI-flipCardAdv .progress-bar-indicator-current { float: left; margin-right: 10px; width: 10px; height: 10px; background-color: #8766a0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

@media (max-width: 540px) {
.activityAPI-flipCardAdv .card-text dl dt { font-size: 1em; }
.activityAPI-flipCardAdv .card-text dl dt.title { font-size: 1.2em; }
.activityAPI-flipCardAdv .card-text dl dd { font-size: .9em; }
.activityAPI-flipCardAdv .card-text dl p { font-size: 1em; }
.activityAPI-flipCardAdv .card-text dl dd ul li { font-size: 1em; }
}

@media (min-width: 400px) {
}
/*:::::::::::::::::::::::::WORD BANK::::::::::::::::::::::::::::::::::*/
	/*:::::::::::::::::::::::::WORD BANK::::::::::::::::::::::::::::::::::*/
	/*:::::::::::::::::::::::::WORD BANK::::::::::::::::::::::::::::::::::*/
	/*:::::::::::::::::::::::::WORD BANK::::::::::::::::::::::::::::::::::*/
	/*:::::::::::::::::::::::::WORD BANK::::::::::::::::::::::::::::::::::*/
					
					
					
.activityAPI-wordbank .column-category { float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.activityAPI-wordbank .column-category-title { font-weight: bold; padding: 5px 5px 5px 20px; }
.activityAPI-wordbank .column-category-cards-area { clear: both; }
.activityAPI-wordbank .column-category-cards-area .column-category:nth-child(1) { margin-left: 2%; width: 30%; margin-right: 1px; }
.activityAPI-wordbank .column-category-cards-area .column-category:nth-child(2) { width: 65%; margin-left: 1px; }


/*:::::::::::::::::::::::::FIllins::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::FIllins::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::FIllins::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::FIllins::::::::::::::::::::::::::::::::::*/

input {width:50px; text-align:center;}
input[type=number]:inner-spin-button { }
input[type=number]:textfield-decoration-container {  }

.table-buttons-area  {   padding:0px 0px 0px 0px; }
.table-fill-message {  text-align:center; font-style:italic; }

.fillin-incorrect{
    background-color:#d95252;
}

.submit-table-data, .show-table-data  {  width:47%; float:left; margin:1%; }
.submit-table-data { }
.show-table-data { }
.submit-table-data div, .show-table-data div {max-width: 200px;  margin:1%; padding:10px;  
box-shadow:   ; border-radius:10px; 
text-transform:uppercase; font-size:.6em; font-weight:bold; text-align:center;
}
.submit-table-data div { float: right;}
.show-table-data div { float: left;}

@media only screen and (max-width: 500px) {  input {width:20px; } }
@media only screen and (max-width: 400px) {    }

/*::::::::::::::::::::::::GAUGE :::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::GAUGE :::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::GAUGE :::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::GAUGE :::::::::::::::::::::::::::::::*/

.gauge-progress-indicator{
                     margin-left:auto;
            margin-right:auto;
            text-align:center;
                }

        .gauge-activity {
            text-align: center;
            padding: 20px;
            background-color:#e6f4fa
        }

        .gauge-activity .event-turn {
            padding: 20px;
            max-width:600px;
            text-align:center;
            margin-left:auto;
            margin-right:auto;

            
        }
        .gauge-activity .review-events{
            padding: 20px;
            text-align:left;
            
        }
        .gauge-activity .event-decision {
            padding: 20px;
            background-color: #007cbd;
            color: #fff;
            max-width:480px;
            margin-left:auto;
            margin-bottom:20px;
             margin-top:20px;
            margin-right:auto;

        }

        .gauge-activity .choice-game-replay-button {
            padding: 20px;
            background-color: #62ba3d;
            color: #fff;
        }

        .gauge-activity .event-decision:hover, .gauge-activity .choice-game-replay-button:hover {
            /*background-color: #dff239;
            color: #000;*/
            cursor:pointer;
        }