.show-answer-on { background-color:#009933; }

::-ms-clear { display: none; }

.anson-- {

    /*margin: 11px 0 0;*/

    border-radius: 4px;

    text-align: center;

    padding: 0px 0 1px;

	background-color: #999;

	padding: 4px 0 5px 0;

    margin: -3px 0px;

}

.anson-- a {

    color: #fff;

    text-decoration: none;

    font-size: 11px;

    line-height: 12px;

    display: inline-block;

}
.questionOrgBox .btn-info {
    color: #fff;
    background-color: #f0b24a;
    border-color: #96763f;
}
.questionOrgBox .btn-info:hover {
    color: #fff;
    background-color: #e0a645;
    border-color: #96763f;
}
#TestYourSelfBox .modal-body, #PastPaperTest .modal-body, #TestYourSelfBoxSpelling .modal-body, #TestYourSelfBoxSpelling .modal-body { padding-top:0px; }
#testResultView .modal-body { padding:0px; }
.checkbox-primary { cursor:pointer; width:20px; height:20px; }

.timer_test {

    float: right;

    color: #0f9d58;

    font-weight: bold;

	margin-left:3px;

}

.center_absolute {margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 

.no_pad { padding:0px!important; }

.Draw-a-line-maths-blank .work-area { margin-left:0px; }

.milkJugInputHzBox1 input[type="checkbox"] { display:none; }

#allChildTable th { padding:5px; }

#allChildTable input[type="checkbox"] { margin:0px; }

@-webkit-keyframes blinker {

  from {opacity: 1.0;}

  to {opacity: 0.0;}

}

.width100 { width:100px; }

.blink_text{

	text-decoration: blink;

	-webkit-animation-name: blinker;

	-webkit-animation-duration: 0.6s;

	-webkit-animation-iteration-count:infinite;

	-webkit-animation-timing-function:ease-in-out;

	-webkit-animation-direction: alternate;

}

.timeout { color:red; font-size:16px; }

.hours, .minutes, .seconds {

    float: left;

}
.deleteChildTable td { padding:3px 5px!important; }
.deleteChildTableSection { display:none; }

[data-notify="container"][class*="alert-pastel-"] {

	background-color: #F2F2F2;

	border-width: 0px;

	border-left: 15px solid rgb(255, 240, 106);

	border-radius: 0px;

	box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);

	letter-spacing: 1px;

}

[data-notify="container"].alert-pastel-info {

	border-left-color: #68afe8;

}

[data-notify="container"].alert-pastel-pink {

	border-left-color: #d1659a;

}



[data-notify="container"].alert-pastel-danger {

	border-left-color: rgb(255, 103, 76);

}

[data-notify="container"][class*="alert-pastel-"] > [data-notify="title"] {

	color: rgb(80, 80, 57);

	display: block;

	font-weight: 700;

	margin-bottom: 5px;

}

[data-notify="container"][class*="alert-pastel-"] > [data-notify="message"] {

	font-weight: 400;

}

.manageTableBox table tbody tr

{

	cursor:move;

}

.font12 { font-size:12px;}

.font14 { font-size:14px;}

.font15 { font-size:15px;}

.font16 { font-size:16px;}

.testtypetext { font-size:12px; font-weight:normal; }

.testBtnNote { font-size:14px; margin-bottom:0px; font-weight:normal; }

.text-bold { font-weight:bold; }

.pad_top_bot_30 { padding-top:30px!important; padding-bottom:30px!important; }

.mrg_top30 { margin-top:30px;}

.mrg_top40 { margin-top:40px;}

.mrg_top70 { margin-top:70px;}

.mrg_top60 { margin-top:60px;}

.padding8 { padding:8px!important; }

.width17 { width:17px!important; }

.questionContBox .mainContentBox { margin:7px 5% 0 1%; width: 94%;}

.answerReviewPage .questionContBox .mainContentBox { margin:7px 1% 0 1%; width: 98%;}

.questionNavMenu { max-width:134px; width: auto; display: inline-block; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding: 10px; border: 1px #999 solid; box-shadow: 0px 0px 15px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4); margin-top: 8px; float: right;}

.qButton { text-decoration: none; background: #d2d2d2; color: #fff; width: 24px; display: inline-block; height: 24px; text-align: center; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; padding: 1px 4px; margin: 2px -1px 1px 0; font-weight: bold; font-size: .9em; -webkit-transition: all .5s; border: none;}

.correctAnswerClr { background: #0f9800; }

.wrongAnswerClr { background: #cc0303; }

.correctWrongAnswerClr { background: #d4b621; background: linear-gradient(-90deg,#12cc17, #ea0a0a); }

.qButton:hover { background: #FF0000 !important; text-decoration: none; }

.qButtonTest { text-decoration: none; background: #d2d2d2; color: #fff; width:20px; display: inline-block; height: 17px; text-align: center; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding: 1px 2px; margin: 2px -1px 0px 0; font-weight: bold; font-size: .8em; -webkit-transition: all .5s; border: none;}

.qButtonTest:hover, .currentQue { background: #609fad !important; text-decoration: none; color:#FFFFFF; }

.completedQue { background: #9f9795!important; text-decoration: none; color:#FFFFFF; }

.mainContentBox .qStsIcon1 { position: absolute; /*left: 32%; top: 41%;*/ }

.mainContentBox .qStsIcon2 { position: absolute; /*left: 32%; bottom: 6%;*/ }

/*.mainContentBox table { margin-top: 0px; margin-right: 0%; margin-bottom: 0px; margin-left: 0%; width: 100%;}*/



.mainContentBox [type="checkbox"]:not(:checked) + label::before, .mainContentBox [type="checkbox"]:checked + label::before { width: 1.8em!important; height: 1.8em!important;    left: 0; top: 0;}

.mainContentBox [type="checkbox"]:checked + label::after { top: 0.2em!important; left: 0.2em/*!important*/; font-size: 1.6em!important;font-weight:normal!important;}

.mainContentBox [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after{content:"\2713"!important;}



.Answer-in-arrow-tick-box [type="checkbox"]:not(:checked), [type="checkbox"]:checked { top: 33px; }

.Answer-in-arrow-tick-box .arrowCPick { left: -11px!important; top: 20px!important; margin-right: -25px!important; background-position-x: 11px!important; background-position-y: 16px!important;}

.Answer-in-arrow-tick-box .arrowCPick label::after { top: 0.2em!important; left: 0.2em!important; font-size: 1.5em!important; font-weight:normal!important;}

.Drag-and-drop-box .ddBox_droppable { width: 140px!important; }
.Drag-and-drop-box .ddBox_droppable .wide { width: 220px!important; border:1px solid pink; }

.tickLabelC_box { top:0px!important; }

.tickLabelC_box [type="checkbox"]:not(:checked), [type="checkbox"]:checked { top:26px; }

.tickLabelC_box .tickArrowCPick { left: -9px!important; top: 20px!important; margin-right: -25px!important; background-position-x: 9px!important; background-position-y: 0px!important; background-repeat:no-repeat;}

.tickLabelC_box .tickArrowCPick label::after { top: 0.2em!important; left: 0.2em!important; font-size: 1.5em!important; font-weight:normal!important;}



.mainContentBox .wordShapTdBox table { border-spacing: 5px; border-collapse: unset; }

/*.mainContentBox .pickWordLabelBoxW { margin-top:2px; }*/

.manageTable tbody td, .manageTable thead th { padding:8px 10px; }

#processRequest { position:absolute; }

.mh130 { min-height:130px; }

.font12 { font-size:12px; }

.insertPun_notdroppable { display:block; float:left; width:20px; height:20px; }
.insertPun_droppable, .insertPun_notdroppable { height: 42px!important;margin-bottom:2px;}

.Drag-and-drop-punctuation .insertPun_droppable { height: 39px!important;margin-bottom:3px;}
.Drag-and-drop-punctuation .insertPun_notdroppable { height: 39px!important;margin-bottom:3px;}

.hidhlightWordBox .pword { margin-bottom:2px;}

.Answer-in-arrow-tick-box .blankDiv:last-child { padding-top:8%; }

#TestYourSelfBox .questionMidBox { padding: 8px; }



.boxUnderLine { margin-bottom: 55px!important;}

.mainContentBox .ansTickTable3 { width:auto; margin:0;}

.mainContentBox .underlineMainbox a {float: left;}



.pickWordLabelBoxW { text-align: center; width: inherit; float: left; margin: 0 3px; position: static; top: 0px;}

.pickWordLabelBox {text-align: center; width: inherit; float: left; margin: 0 3px; position: static; top: 0px;}



.typewriter h1 {

  overflow: hidden; /* Ensures the content is not revealed until the animation */

 /* border-right: .15em solid orange;  The typwriter cursor */

  white-space: normal; /* Keeps the content on a single line */

  margin: 0 auto; /* Gives that scrolling effect as the typing happens */

  animation:

    typing 5s steps(30, end),

    blink-caret .5s step-end infinite;

	font-size:22px;
    line-height: unset;
}



/* The typing effect

@keyframes typing {

  from { width: 0 }

  to { width: 100% }

}*/



/* The typewriter cursor effect

@keyframes blink-caret {

  from, to { border-color: transparent }

  50% { border-color: #FFF }

}*/



.questionSection, .questionSectionPt { padding:0px;}

.answerReviewPage .questionSectionPt .questionMidBox { padding-right:0px; }

.arithRtBox { padding:12px;}

.arrowCPick { background-repeat: no-repeat;}

.text-red { color:#FF0000!important; margin-bottom:15px;}
.text-green2 { color:#099600; }
.text-red2 { color:#FF0000;}

/*.mainContentBox .Answer-in-arrow-tick-box .arrowCPick { padding-top:0px;}*/

.mainContentBox .labelC_box .arrowCPick input { margin: 7px 0 0 5px;}



/**Airthmetic que styling*/

.flipContent { transform:rotateX(180deg);  -ms-transform:rotateX(180deg); /* IE 9 */ -webkit-transform:rotateX(180deg); /* Safari and Chrome */ }

.fr_table { width:auto; margin:0 auto; display: inline-block; vertical-align: middle; padding: 0 3px; }

.fr_table td { border:0; text-align:center; border-left:none!important; }

.tbl_mn_box_trp .fr_table td , .tbl_mn_box_trp .long_multipli td { min-width:auto; padding:0; }

.fr_table td.frow { border-bottom:2px solid #333333; padding-bottom:2px!important; min-width:auto; width:auto; border-left:none; }

.fr_table td:last-child { min-width:auto; width:auto; }

.que_blank_box { border:1px solid #000000; width:25px; height:25px; color: #CCCCCC; margin:0 5px; }

/*a.mathsLink:visited { color:#e65fa1; }*/

.text-green {

    color: #07ca6a;

}

.text-pink {

    color: #e661a2;

}

.text-pink:focus {

    color: #e661a2;

}

.text-white {

    color: #FFF;

}

.text-red {

    color: #00FFFF;

}

.text-black {

    color: #333333;

}

.text-orange {

    color: #f47c21;

}

.maedit { text-transform:none;  text-decoration:underline; color:#5893a5; }

.maedit:hover { color:#5bc0de; }

.SectionMark1 {

    position: absolute;

    right: 7%;

    border-bottom: 1px solid #000;

    font-size: 14px;

    padding-top: 13%;

}

.SectionMark2 {

    position: absolute;

    right: 7%;

    border-bottom: 1px solid #000;

    font-size: 14px;

    padding-top: 13%;

}

.markDivN1, .markDivN2, .markDivN3, .markDivN4 {
   /* position: absolute;
    right: -10%;
    border-bottom: 1px solid #000;*/
	width:100%;
	float:left;
	text-align:center;
	display:inline-block;
    font-size: 14px;
	text-decoration:underline;
	text-underline-position: under;
	margin-top: 7px;
    /*padding-top: 25px;*/
}

.Percentage-box .prsntNumBox .markDivN1, .Percentage-box .prsntNumBox .markDivN2, .Percentage-box .prsntNumBox .markDivN3, .Percentage-box .prsntNumBox .markDivN4 { width:100%; text-align:right; }

.markDiv1, .markDiv2, .markDiv3, .markDiv4, .markDiv5, .markDiv6 {
	width:100%;
	display:inline-block;
	text-align:right;
    font-size: 14px;
	text-decoration:underline;
	text-underline-position: under;
	margin-top: 7px;
}

.mainMarkDiv {
 	width:93%;
    float: right;
	text-decoration:underline;
	text-underline-position: under;
    /*border-bottom: 1px solid #000;*/
    font-size: 14px;

   /* position: absolute;
    right: -100px;*/
    /*bottom: 0px;*/
	/*margin-top:-45px;*/
	margin-right:5%;
	margin-top:1%;
}

.answerReviewPage .questionContBox .mainMarkDiv { margin-right:1%; margin-top:0%; }

.altansDiv {

position: absolute;

    left: 10%;

	font-size:14px;

}

.testTaken { /*opacity:0.6;*/ background:#C0C0C0; }

.popover { /*background: #5893a5;*/ background:#545454; }

.popover-content, .popover-title { padding:8px; }

.popover .btn-primary { background:#383636/*#ffa07a*/; border-color: #8a8280; }

.popover .btn-default { border-color: #8a8280; }

.work-area-shp .point span{

	position: absolute;

    top: -1px;

	left:-2px;

    background: white;

    font-size: 16px;

	line-height:15px;

	font-weight:normal;

}

.abpoint { background:none!important; top:-8px!important; left:3px!important; font-weight:bold!important; }

.textBlockBox { height:400px; overflow-y:scroll; }

.long_division { border-top:2px solid #000000; border-left:2px solid #000000; }

.asTable .long_division_by { letter-spacing: 3px; text-align: right; width: 70px; float: left; }

.t_top_textfield .long_division { font-size: 32px;  letter-spacing: 18px;  padding-left: 4px; }

.hidhlightWordBox a.selected { /*margin-left:1px; margin-right:1px;margin-left:30px; margin-right:30px;*/ }

.pickWordLabelBoxW .justWord { margin-top:2px; }

/*.long_multipli { width:94px; margin-top: 14px;}*/

.long_multipli { width:94px; margin-top:32px;}

.asTable .long_multipli { margin-top: 5px; font-size:32px; width:auto; }

.t_top_textfield .long_multipli td {

    letter-spacing: 22px;

    text-align:right;

    border: 0;

    padding-top: 24px;

}

.t_top_textfield .long_multipli td.bb {

    border-bottom: 2px solid #333333;

    padding-top: 0;

}

.vtd_que_box .long_multipli , #correctAnsBox .long_multipli , .tbl_mn_box_trp .long_multipli { margin:0 auto; }

/*.long_multipli td { letter-spacing:12px; border:0; width: 37px; height: 30px; font-size: 28px;text-align: center; line-height:26px; padding-left: 7px;padding-top: 3px;}*/

.long_multipli td.bb { border-bottom:2px solid #333333; }

.long_multipli td {

    letter-spacing: 13px;

    border: 0;

    width: 50px;

    height: 34px;

    font-size: 28px;

    text-align: right;

    line-height: 30px;

    padding-left: 10px;

    padding-top: 4px;

}

.startTest_top_textfield sup { font-size: 16px;

   top:-1.4em;

}

.t_blue-box_btm {

	font-size: 16px;

    color: #000;

    margin-top: 100px;

    text-align: center;

}

/*.long_dv { height:50px;}

.long_dv .long_division_by { letter-spacing: 14px; width: 58px; float: left; font-size: 28px; line-height: 35px; padding: 0 8px;}

.long_dv .long_division { font-size: 28px; letter-spacing: 13px; padding-left: 6px; height: 50px; line-height: 31px; float: left; }*/

.long_dv { height:66px; margin-top:31px;}

.long_dv .long_division_by {

    letter-spacing: 18px;

    width: 68px;

    float: left;

    font-size: 28px;

    line-height: 35px;

    padding: 0 10px;

}

.long_dv .long_division {

    font-size: 28px;

    letter-spacing: 17px;

    padding-left: 6px;

    height: 40px;

    line-height: 31px;

    float: left;

}
.milkJugInputBox1 { background-repeat:no-repeat; }
.milkJugInputBox1 input {display: none;}

.milkJugInputBox1 label {display: inline!important;}

.tickTwoSelTdTable { border-spacing:5px; border-collapse:unset; }

.note_m { font-size:11px; font-weight:normal; }

.delete_child { color:#cc2020; }

.delete_child:hover { color:#b13a3a; }

.ml25 { margin-left:25px; }

.pd_btm5 { padding-bottom:5px; }

.whatsBox { margin-top: -3px; float: left;}

.breakString strong, .breakString span { white-space: normal!important; word-wrap: break-word; width: 125px; display: block;}

.note_m { font-size: 11px; font-weight: normal; float: left; width: 100%; white-space: initial;}

.pagination { margin:10px 0; float: right; }
#allChildTable_paginate .pagination { margin:5px 0 0 0; }

h5.fiveplus { font-size:16px; margin-bottom: 20px; }

.clockBox { float:right; text-align:center; margin-right:15px;}

#clockdiv{ font-family: sans-serif; color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 16px; margin-top: 3px;}

#clockdiv > div{ padding: 6px; border-radius: 3px; -moz-border-radius: 3px;	-webkit-border-radius: 3px;	background: #31b0d5; display: inline-block;	float:left;	margin:0 0 0 3px;}

#clockdiv div > span{ padding: 8px; border-radius: 3px;	-moz-border-radius: 3px; -webkit-border-radius: 3px; background: #23647e; display: inline-block; width:100%;}

.smalltext{ padding-top:0px; font-size: 10px;}

.totalMarksBox { width:55px; height:55px; background:#545454; padding:6px 10px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; position:absolute; right:0; top:0px; margin: -20px -5px 0 0; text-align:center; box-shadow: #2d2d2d 0px 0px 8px; -moz-box-shadow: #2d2d2d 0px 0px 8px; -webkit-box-shadow: #2d2d2d 0px 0px 8px; font-size:16px; font-weight:700; color:#fff;}
.totalMarksBox hr { margin:0px; border-top: 1px solid #ff91c7;}

.totalMarksBox-d { width:60px; height:60px; background:#545454; padding:2px 10px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; float:left; top:0px; text-align:center; box-shadow: #2d2d2d 0px 0px 8px; -moz-box-shadow: #2d2d2d 0px 0px 8px; -webkit-box-shadow: #2d2d2d 0px 0px 8px; font-size:20px; font-weight:700; color:#fff;}
.totalMarksBox-d hr { margin:0px; border-top: 1px solid #ff91c7;}

.resumeBoxAdj { margin-top: -9px; font-size: 10px; height: 40px; width: 40px; padding:0px; }
.totalMarksBoxAdj { width:40px; height:40px; margin-top:-9px; font-size: 12px; /*background: #929090;*/ padding:3px; }
.totalMarksBoxAdj hr { /*border-color:#C0C0C0;*/ }
.totalTestBox { width:45px; height:45px; background:#545454; padding:6px 4px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; position:absolute; right:0; top:0px; margin: -20px -5px 0 0; text-align:center; box-shadow: #2d2d2d 0px 0px 8px; -moz-box-shadow: #2d2d2d 0px 0px 8px; -webkit-box-shadow: #2d2d2d 0px 0px 8px; font-size:9.5px; font-weight:700; color:#fff;}
.totalTestBox hr { margin:0px; border-top: 0px solid #ff91c7;}
.totalTestBox span:first-child { font-size:12px; color:#ff91c7; }
.dropdown-menu>li>a.active { background: #31b0d5; color: white; }
.spagBg a { background:#609fad; }
.tooltipBox {

  position: relative;

  width: 50%;

}

.image {

  display: block;

  width: 100%;

  height: auto;

}

.overlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 95%;

  opacity: 0;

  transition: .5s ease;

  background-color: #545454;

  margin:0 15px;

  border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px;

}

.image:hover .overlay {

  opacity: 1;

}
.dropdown-header span.text { font-size:14px;text-overflow: ellipsis; white-space: normal; }
.textD {

  color: white;

  font-size: 18px;

  width: 100%;

  float: left;

  white-space: initial;

  text-align: center;

  padding: 20px 20px 6px 20px;

}

/*---------------- Overlay Practice SATs tests ------------------------*/

.tabLinkBox {

	position: relative;

}

.pimage {

  /*display: block;*/

  width: 100%;

  height: auto;

  margin:0px;

}

.poverlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 95.5%;

  opacity: 0;

  transition: .5s ease;

  background-color: #545454;

  margin:0 5px;

  border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px;

}

.pimage:hover .poverlay {

  opacity: 1;

}

.ptext {

  color: white;

  font-size: 12px;

  width: 100%;

  float: left;

  white-space: initial;

  text-align: center;

  padding: 15px 11px;

}



.satsBtn {

  /*display: block;*/

  width: 100%;

  height: auto;

  margin:0px;

  min-height: 85px;

}

.satsBtnOverlay {

  position: absolute;

  height: 100%;

  width: 92%;

  opacity: 0;

  transition: .5s ease;

  background-color: #545454;

  border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px;

  padding-top:27px;

}

.satsBtn:hover .satsBtnOverlay {

  opacity: 1;

}

.satsBtnOverlay button {
    min-width: 130px;
}

.satsBtnOverlay a { width: 130px;}

/*---------------- Overlay Practice SATs tests END------------------------*/



.autoRenON { background-color: #5bc0de; border-color: #46b8da; }

.noLinkBox { padding: 20px;

    border-radius: 5px;

	 background-color: #ececec;

}

#allChildTable_length { /*display:none;*/ }
#allChildTable_wrapper #allChildTable_filter { /*display:none;*/ }

.mrg_top20 { margin-top:19px; }

.mrg_top23 { margin-top:23px; }

.nomrg{ margin:0; }

.mrg_btm7 { margin-bottom:7px; }
.mrg_btm10 { margin-bottom:10px; }
.mrg_btm15 { margin-bottom:15px; }
.mrg_top10_btm20 { margin-top:10px; margin-bottom:20px; }
.mrg_btm20 { margin-bottom:20px; }
.mrg_btm30 { margin-bottom:30px; }
.mrg_btm40 { margin-bottom:40px; }
.pad7 { padding:5px; }
.ExportButtons { display: inline-table; margin-left: 10px; }
.ExportButtons .dt-button { min-width: 90px; }
.ExportButton .dt-button, .ExportButtonsDemo .dt-button { width:24.5%; }

.SubscBackBtn { padding: 11px 20px; color:#FFFFFF;

    background: #337ab7;

    font-weight: bold;

}

.SubscBackBtn:hover { background:#286090;color:#FFFFFF; }

.subcNote { text-align: center;

    margin-bottom: 5px;

    font-size: 12px;

}

.note_ttaken { position: absolute;

    right: 22%;

    bottom: -37px;

}

.wizsheetLink, .wizsheetLink:visited { color:#e65fa1; }

.wizsheetLink:hover { text-decoration:underline; color:#FFFFFF; }

.testTakenTableSection input { width:245px!important; }

.col-md-offset-1half { margin-left:11.333333%; }

.multipleAnswerNote {

	/*margin-top: 30px;*/

    color: #f47c21;

    font-weight: bold;

	font-style: italic;

}

.multipleAnswerNoteArt {

position: absolute;

    bottom: 0;

    /* margin: 5px; */

    background: #61a1ad;

    color: white;

    padding: 6px 11px;

	font-style: italic;

}

.Label-the-arrow-checkbox-top .tickLabelC_box {

    top: 50px!important;

}

.Label-the-arrow-checkbox-top .tickArrowCPick {

    top: -64px!important;

	background-position-x: center!important;

    background-position-y: 49px!important;

	left: -12px!important;

	height: 70px!important;

}

.work-area-vertices { /*background-size: cover!important;*/ }

.disableTestArea {

    pointer-events: none;

    opacity: 0.4;

}

.modal-header .close { background: #989292;

    padding: 1px 6px;

    border-radius: 13px;

    color: white;

	font-size:24px; opacity:0.8; }

.modal-header .close:hover { opacity:1; }

.myacountPink { color:#e661a2!important; }

.myacountPink:hover { color:#545454!important; }



.alignImgBox .questionsItem { width: 100px; height: 94px;}

.alignImgBox .questionsItem img { width: 115px; height: 95px;}

.alignImgBox .circle {right: -6px!important; top: 42px!important;}

.alignImgBox .answersItem { width: 160px;}
.textWordWrap p { white-space:normal;}
.textPartDL {
    display: table-cell;
    vertical-align: middle;
    width: 180px;
    text-align: center;
    font-size: 16px;
    padding: 0px 7px 0px 7px;
}
.dlHeading { margin-left:15%; width:82%; }
.dlHeading-sm { margin-left:15%; width:50%; }
.litCImg { right:-14px; }
.mrgtop57 { margin-top:57px; }
.milkJugBGimgHzBox { background-position-y: 65%!important; background-repeat: no-repeat!important; }
.milkJugInputHzBox1 {
    height:52px!important;
    background-repeat: no-repeat;
}
.text-center{ text-align:center!important; }
.text-underline { text-decoration: underline; }
.video-container{
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.video-cell{
    display: inline-block;
    margin: 10px 10px;
    width: 545px;
    background-color: #545454;
    border: 1px solid #545454;
}
.video-cell:nth-child(n+3) {
    margin-top: 30px;
}
.video-cell img{
    max-width: 100%;
}
.videoThumbnail {
    display: block;
    margin: auto;
}
.video-title {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    padding: 5px;
}
#NewReviceNotice .container {
    max-width: 100%;
    position: relative;
}
#NewReviceNotice .container img {
    max-width: 100%;
}
#NewReviceNotice .info-text {
    position: absolute;
    max-width: 322px;
    top: 31px;
    left: 203px;
    font-size: 16px;
    padding: 10px;
}
@media only screen and (max-width: 640px) {
	.numfont24 { font-size:18px!important; }
	.milkJugHzBoxLt { width: 110px!important; }
	.milkJugHzBoxRt { width: 266px!important; }
	.milkJugBGimgHzBox { background-size: 100%!important; width:266px!important; }
	.milkJugHzBoxRt .milkJugInputHzBox1 { background-position-y: 75%!important; margin-right: 4.5px!important; margin-left: 0px!important;width:22px!important; }
	.milkJugTextHzBox2 { width:10px!important; margin-left:0px!important; }
	.mrgtop57 { margin-top:0px; }
	.tooltipBox { width:100%;}
	.dashMnBox .overlay { width: 92%!important;}
	.col-md-offset-1half { margin-left:0; }
	/*.milkJugBGimgHzBox:nth-child(10) { display:none; }*/

	.questionContBox .mainContentBox {font-size: 12px!important;}

	.questionMidBox .greenBox, .questionMidBox .yellowBox, .questionMidBox .box-yellow { font-size: 14px!important;}

	.mobPadLtNone { padding-left:12px!important;}

	.questionMidBox { min-height:auto;}

	.btn-next { padding: 6px 10px;}

	.btn-next span { display:none;}

	.footer-rt, .footer-lt { text-align:center; font-size: 11px;  margin: 5px 0; }

	.questionMidBox .labelC_box { font-size: 12px!important;}

	.mainContentBox .ansTickTable3 .tdFont { font-size: 12px!important;}

	.mainContentBox .ansTickTable3 .tdCheckbox { width: 58px;}

	.mainContentBox .writeInput_box { font-size: 12px!important;}

	.mainContentBox .paragraph {font-size: 12px!important;}

	.mainContentBox .writeAnsInputbox input {width: 100%;}

	.mainContentBox .writeAns_box { font-size: 12px!important;}

	.mainContentBox .chooseWordBox { font-size: 12px!important;}

	.mainContentBox .insertPunBox {font-size: 12px!important;}

	.mainContentBox .underlineW_box {font-size: 12px!important;}

	.mainContentBox .writeArrowText {font-size: 12px!important;}

	.mainContentBox .hidhlightWordBox {font-size: 12px!important;}

	.mainContentBox .maintable {font-size: 12px!important; line-height:normal;}

	.mainContentBox .maintable .tdHd { font-size: 12px!important;}

	.mainContentBox .chooseWordText { padding-top: 38px;}

	.mainContentBox .chooseWordForm { top: auto;}

	.mainContentBox .ansTickTable1 { width: auto!important;}

	.mainContentBox .ansTickTable1 .tdFont { font-size: 12px!important;}

	.mainContentBox .ansTickText { font-size: 12px!important;}

	.mainContentBox .conjunctionsBox { font-size: 12px!important;}

	.mainContentBox .work-area { font-size: 12px!important;}

	.mainContentBox .rewriteBox { font-size: 12px!important;}

	.mainContentBox .tickLabelC_box { font-size: 12px!important;}

	.mainContentBox .dragAndDropBox, .mainContentBox .ddBox_draggable  { font-size: 12px!important;}

	.mainContentBox .pickWordLabelBox, .mainContentBox .pickWordLabelBoxW { font-size:12px!important;}

	.mainContentBox .ansTickTable {width:100%!important;}

	.mainContentBox .ansTickTable .tdFont { font-size: 12px!important;}

	.mainContentBox .intThBox, .mainContentBox .intThBox2 { font-size: 12px!important;}

	.mainContentBox .intThBox, .mainContentBox .intThBox2, .mainContentBox .intTdBox, .mainContentBox .intTdBox2 { font-size:12px!important;}

	.mainContentBox .conjunctionsBor { font-size: 12px!important;}

	.mainContentBox .conjunctionsBor .conjunctionsAns { font-size: 12px!important; }

	.mainContentBox .insertPun_draggable { font-size: 12px!important;}

	.mainContentBox .rewPlaceBor { font-size:12px!important;}

	.mainContentBox .keyLabelBorderBox { font-size:12px!important;}



	.startTestSpl_midBox .typewriter h1 { font-size:14px!important; }



	.questionContBox .arithLtBox .startTest_midBox { font-size: 24px!important;}

	.questionContBox .arithLtBox .startTest_midBox {border-right:0px; border-bottom: 1px solid #609fad;}

	.questionContBox .arithLtBox .startTest_botm_textfield { margin:67px 24px 0 0px!important;}



	.mainContentBox .paragraphM { font-size: 12px!important;}

	.mainContentBox .tableMissingNumtext { font-size:12px!important;}

	.mainContentBox .blueTextBox, .mainContentBox .blueLabelBox { font-size:12px!important;}

	.mainContentBox .tickTwoShapesBox { font-size:12px!important;}

	.mainContentBox .writeMissingNumBox { font-size:12px!important;}

	.mainContentBox .writeMissingNumBox .tdMissingNum1, .mainContentBox .writeMissingNumBox .tdMissingNum2, .mainContentBox .writeMissingNumBox .tdMissingNum3{ font-size:12px!important;}

	.mainContentBox .hidhlightWordBox a, .mainContentBox .hidhlightWordBox a:hover {font-size: 12px!important;}

	.mainContentBox .prsntTextNumBox { font-size:12px!important;}

	.mainContentBox .textMissingNum1 { font-size:12px!important;}

	.mainContentBox .toyCarsText {font-size:12px!important;}

	.mainContentBox .toyTableBorBox .thToyNum, .mainContentBox .toyTableBorBox .tdToyNum{font-size:12px!important;}

	.mainContentBox .thMissingNum, .mainContentBox .tdMissingNum { font-size:12px!important;}

	.mainContentBox .symbolPlaceholder, .mainContentBox .prsntPlaceholder { font-size: 12px!important; width:60%;}

	.mainContentBox .tickTwoShapesTd { font-size:12px!important;}

	.mainContentBox .missingNumTd { font-size:12px!important;}

	.mainContentBox .tickTwoSelTdTable td, .mainContentBox .tickTwoSelTdTable th { font-size: 12px!important; }

	.mainContentBox .missingNumInpBox1 { font-size:12px!important;}

	.mainContentBox .difNumInput { font-size:12px!important;}

	.mainContentBox .tdMissingNum { font-size: 12px!important;}

	.mainContentBox .numPlaceholder { font-size: 12px!important;}

	.mainContentBox .symbolPlaceholder, .mainContentBox .prsntPlaceholder, .mainContentBox .symbolPlaceholderOn {font-size: 12px!important;}

	.mainContentBox .placeholderN { font-size: 12px!important;}

	.mainContentBox .coinsPlaceholder { font-size:12px!important;}

	.mainContentBox .twoMissingInput { font-size:12px!important;}

	.mainContentBox .sentChekBox { font-size: 12px!important;}

	.mainContentBox .sentChekboxTd2 { font-size:12px!important;}

	.mainContentBox .patternPlaceholder { font-size: 12px!important;}

	.mainContentBox .patternNumInpBox1 { font-size: 12px!important;}

	.mainContentBox .patternNumText { font-size: 12px!important;}

	.mainContentBox .labelC_box .arrowCPick { background-position-x: 6px!important;}

	.mainContentBox .labelC_box .blankDiv { margin: 0 7px!important;}

	.t_blue-box_btm {  margin-top:20px;}

	.startTestFull_midBox {height: 340px!important;}

	.startTest_botm_textfield_Full {margin: 134px 23px 0 0px!important;}

	.startTest_botm_textfield_Full input {width: 138px!important;}

	.long_multipli td {line-height: 31px; padding-top: 4px;}

	.long_multipli { margin-left: 22px!important; margin-top: 31px!important;}

	.long_dv { margin-top:31px; margin-left:19px!important;}

	.long_dv .long_division { height:70px!important;}

	.mainMarkDiv { right:10px!important; margin-top: -20px!important; font-size: 12px;}

	.markDiv1, .markDiv2 { right: 4%!important; padding-top: 7px!important; font-size: 12px;}

	.totalMarksBox { width: 40px; height: 40px; padding: 4px 6px; margin: -8px 6px 0 0; font-size: 12px;}
	.totalTestBox { width:35px; height:35px; }
	.totalTestBox span:first-child { font-size:10px; }
	.show-answer-on, .show-answer-off { width:45px; }
	.border-box { min-height:auto; }
	.mainMarkDiv { margin-top:0px!important; }
	.dataTables_wrapper .col-sm-6:first-child { width:35%; float:left; }
	.dataTables_wrapper .col-sm-6 { width:65%; float:left; }
	.dataTables_wrapper .dataTables_length { font-size:11px; }
	.dataTables_wrapper .dataTables_length select { width:35%; padding:0px; font-size:11px; }
	.dataTables_wrapper .dataTables_filter { font-size:11px; }
	.infoScroll { width:85%; float:left; font-size: 12px!important; margin:0px!important; padding:5px!important; }
	.arrowImgSec { width:10%; float:left; }
}
@media only screen and (max-width: 425px) {
	.mainContentBox .symbolPlaceholder, .mainContentBox .prsntPlaceholder { width:50px; }
	.mainContentBox .underlineW_box { float:left; }
	.mainContentBox .hidhlightWordBox a, .mainContentBox .hidhlightWordBox a:hover { margin-right:2px!important; }
	.smallBox .work-area .answersItem { width:130px!important;}
}
@media only screen and (max-width: 320px) {
	.testBtnNote {
    	font-size: 11px;
	}
	.mathsBGBox h4 { text-align:center; }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .video-cell{
        width: 445px;
    }
	.dlHeading, .dlHeading-sm { margin-left:0%; width:60%; }
	.checkImg { background-size: 75%;}
	.bigBg .missingBGimgBox { background-repeat:no-repeat!important; }
    /*:not(.modal-dialog) .Answer-in-arrow-input-box-2 .writeArrowText { font-size: 17px !important; }*/
    /*.modal-dialog .Answer-in-arrow-input-box-2 .writeArrowText { font-size: 15px !important; }*/
}

@media only screen and (max-width: 1024px) {
	#TestYourSelfBox .modal-body { overflow-y: scroll; }
	.questionNo, .questionBlueBox .markNoBox, .questionNo, .questionOrgBox .markNoBox { width:35px; height:35px; }
	.questionBlueBox .markNoBox .markBox, .questionOrgBox .markNoBox .markBox { font-size:12px; }
	.Box-in-table .tableMissingNum .tdMissingNum { border:2px solid #333333; }
	.numberCoin { width:60%; }
	.padding8 { padding:7px!important; }
	.width17 { width: 16px!important; }
	.milkJugInputHzBox1, .ImgPlacholder, .missingBGimgBox { background-repeat:no-repeat!important; }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
	.milkJugBGimgHzBox .milkJugHzBoxLt, .milkJugBGimgHzBox .milkJugHzBoxRt { width:370px!important; }
	.milkJugBGimgHzBox { background-size: 100%!important; width:370px!important; }
	.milkJugInputHzBox1 { width:22px!important; background-position-y: 85%!important; background-position-x: 65%!important; margin-right:9px!important; }
}

@media(hover: hover) and (pointer: fine) {
    .work-area-shp .point:hover { background-color:#4285f4;border-radius:10px; }
}
@media only screen and (max-width: 768px) {
    .work-area-shp, .work-area-shp2018 {
        margin-left: 5px;
    }
    .video-cell{
        width: 335px;
    }
	.bdrl .textPart { font-size:10px; }
	.bdrl .work-area .answersItem .circle, .mdrlb .work-area .answersItem .circle , .sdrlc .work-area .answersItem .circle { top:40%!important; }
	.mdrlb .questionsItem.item, .mdrlb .answersItem.item { width:120px; } 
	.work-area-shp .point {
		/*width: 8px!important;
		height: 8px!important;
		bottom: -4px!important;
		left: -4px!important;
		background-color:#000;*/ 
		border-radius:10px;
	}
	.work-area-shp .point:hover { background-color:#e49c4d; }
	.work-area-shp .point span { font-size:13px!important; } 
	
	.milkJugInputHzBox1:last-child { display:none; }
	.smallBox .work-area .questionsItem.item { width:75px!important; min-height:50px; }
	.smallBox .answersItem.item { min-height:50px; }
	.advFont .blankDivw, .advFont .arrowCPick { font-size:17px!important; }
	.advFont [type="checkbox"]:not(:checked) + label::before, .advFont [type="checkbox"]:checked + label::before { left:-4px; }
	.mainContentBox img { max-width:100%; }
	.ptext {
		font-size: 11px;
		padding: 7px 10px;
	}
	:not(.modal-dialog) .Answer-in-arrow-input-box-2 .writeArrowText { font-size: 11px !important; }
    .modal-dialog .Answer-in-arrow-input-box-2 .writeArrowText { font-size: 10px !important; }
	.keyLabelBorderBox { width:135px!important; }
	.questionContBox .Choose-word-box .hidhlightWordBox a, .questionContBox .Choose-word-box .hidhlightWordBox a.selected{ margin-bottom:0px;}
	.noWidth { width:auto!important; }
	.text-center{ text-align:center!important; }
	.padding8 { padding:4px!important; }
	.numberCoin { width:100%; }
	.width350 { width:350px!important; }
	.dlHeading, .dlHeading-sm { margin-left:0%; width:100%; }

	.dashMnBox .overlay { width: 92%;}

	.questionContBox .mainContentBox { width:100%; font-size: 14px; overflow-x: visible; overflow-y: hidden; margin: 7px 0% 0 0%;}

	.questionMidBox .greenBox, .questionMidBox .yellowBox, .questionMidBox .box-yellow { font-size: 16px; margin-bottom: 25px;}

	.mobPadLtNone { padding: 0 9px 9px 9px;}

	.questionNavMenu { padding: 2px 5px;}

	.qButtonTest {width: 15px; height: 15px; font-size: .7em;}

	.modelWith { width:93%; }

	.questionMidBox .labelC_box { font-size: 14px;}

	.questionMidBox .Answer-in-arrow-tick-box .arrowCPick { height: 75px;}

	.questionMidBox .Answer-in-arrow-tick-box .arrowCPick { background-position-x: 6px!important;}

	.mainContentBox .ansTickTable3 .tdFont { font-size: 14px; padding-top: 8px; padding-bottom: 8px; padding-left: 0;}

	.mainContentBox .writeInput_box { font-size: 14px;}

	.mainContentBox .paragraph {font-size: 14px; width: auto;}

	.mainContentBox .writeAnsInputbox input {width: auto;}

	.mainContentBox .writeAns_box { font-size: 14px;}

	.mainContentBox .chooseWordBox { font-size: 14px;}

	.mainContentBox .insertPunBox {font-size: 14px;}

	.mainContentBox .writeAnsInputbox { width: auto;}

	.mainContentBox .underlineW_box {font-size: 14px;}

	.mainContentBox .writeArrowText {font-size: 14px;}

	.mainContentBox .boxUnderLine .arrInputBox {width:90px;}

	.mainContentBox .hidhlightWordBox {font-size: 14px;}

	.mainContentBox .maintable { width:auto; }

	.mainContentBox .maintable {font-size: 14px; line-height:normal;}

	.mainContentBox .maintable .tdCheckboxTable { width: auto; }

	.mainContentBox .maintable .tdHd { font-size: 14px;}

	.mainContentBox .chooseWordText { padding-top:0px;}

	.mainContentBox .chooseWordForm a { margin-top: 35px;}

	.mainContentBox .ansTickTable1 { margin-right: 0%; margin-left: 0%; width:auto; }

	.mainContentBox .ansTickTable1 .tdFont { font-size: 14px; padding-top: 10px; padding-bottom: 10px;}

	.mainContentBox .ansTickText { font-size: 14px;}

	.mainContentBox .conjunctionsBox { font-size: 14px;}

	.mainContentBox .work-area { margin-left: 3%; font-size: 14px;}

	.mainContentBox .rewriteBox { font-size: 14px;}

	.mainContentBox .tickLabelC_box { font-size: 14px;}

	.mainContentBox .tickLabelC_box .tickArrowCPick {height: 80px;}

	.mainContentBox .dragAndDropBox, .mainContentBox .ddBox_draggable  { font-size: 14px;}

	.mainContentBox .pickWordLabelBox, .mainContentBox .pickWordLabelBoxW { font-size: 14px; position: static; margin-bottom: 10px;}

	.mainContentBox .ansTickTable {width: 60%; margin-left:0%; margin-left:0%;}

	.mainContentBox .ansTickTable .tdFont { font-size: 14px;}

	.mainContentBox .ansTickText { margin-bottom: 10px;}

	.mainContentBox .ansLine { margin-top:0px; margin-bottom:0px; font-size: 14px; line-height: 14px;}

	.mainContentBox .ansLineInput { font-size: 14px;}

	.mainContentBox .intThBox, .mainContentBox .intThBox2, .mainContentBox .intTdBox, .mainContentBox .intTdBox2 { font-size: 14px;}

	.mainContentBox .intTableBox, .mainContentBox .intTableMnBox {width:100%;}

	.mainContentBox .conjunctionsBor { font-size: 14px;font-weight: bold; margin-left:0%; width:100%;}

	.mainContentBox .conjunctionsBor .conjunctionsAns { font-size: 14px; }

	.mainContentBox .insertPun_draggable { font-size: 14px;}

	.mainContentBox .rewPlaceBor { font-size: 14px;font-weight: bold;}

	.mainContentBox .arrInputBox { left: 0;}

	.mainContentBox .keyLabelBorderBox { font-size: 14px;font-weight: bold;margin-bottom: 10px;}

	.mainContentBox .selectWordBox { width:100%; }

	.startTestSpl_midBox .typewriter h1 { white-space: inherit; font-size: 18px; line-height: 20px;}

	.questionContBox .arithLtBox {}

	.questionContBox .arithRtBox { padding: 0 9px 9px 9px; }

	.questionContBox .arithLtBox .startTest_midBox {font-size: 28px;}

	.questionContBox .arithLtBox .startTest_midBox { height: 395px; }

	.questionContBox .arithLtBox .startTest_top_textfield { height: 100px;}

	.questionContBox .arithLtBox .startTest_botm_textfield { margin:202px 32px 0 0px;}

	.questionContBox .arithLtBox .startTest_botm_textfield input { width:172px; height:72px; float: right;}


	.mainContentBox .ImgPlacholder img.ipad25Perc { width:25%!important; }
	/*.mainContentBox .ImgPlacholder img { width:100%;}*/

	.mainContentBox .paragraphM { font-size: 14px;}

	.mainContentBox .tableMissingNumtext { font-size:14px;}

	.mainContentBox .blueTextBox, .mainContentBox .blueLabelBox { font-size:14px;}

	.mainContentBox .tickTwoShapesBox { font-size: 14px; margin-right:0%; margin-left:0%;}

	.mainContentBox .writeMissingNumBox { font-size:14px;}

	.mainContentBox .writeMissingNumBox .tdMissingNum1, .mainContentBox .writeMissingNumBox .tdMissingNum2, .mainContentBox .writeMissingNumBox .tdMissingNum3{ font-size:12px;font-weight: bold; padding-top: 4px; padding-bottom: 4px; height: auto; line-height: normal;}

	.mainContentBox .hidhlightWordBox a, .mainContentBox .hidhlightWordBox a:hover {font-size: 14px; margin-right:10px; margin-left:0px;margin-bottom: 10px; font-weight: bold;}

	.mainContentBox .symbolInputBox { margin-bottom: 5px;}

	.mainContentBox .prsntTextNumBox { font-size:14px;line-height: 26px;}

	.mainContentBox .prsntSymbolBox { margin-bottom: 5px; }

	.mainContentBox .prsntNumBox { width:auto;}

	.mainContentBox .textMissingNum1 { font-size:14px;}

	.mainContentBox .toyCarsText {font-size:14px;}

	.mainContentBox .toyTableBorBox { width:auto;}

	.mainContentBox .toyTableBorBox .thToyNum, .mainContentBox .toyTableBorBox .tdToyNum{font-size:14px;}

	.mainContentBox .Write-the-missing-number-input, .Write-the-missing-number-input { width: auto!important; margin-left:0px!important;}

	.mainContentBox .symbolPlaceholder, .mainContentBox .prsntPlaceholder, .mainContentBox .symbolPlaceholderOn { padding-top:4px; padding-bottom:4px; font-size: 14px; font-weight: bold; height: auto;}

	.mainContentBox .symbolIcon, .mainContentBox .prsntSymbolIcon { padding-top:4px; padding-right:4px; padding-bottom:4px; padding-left:4px; font-size:14px; font-weight:bold;}

	.mainContentBox .tickTwoShapesTd { font-size:14px;}

	.mainContentBox .missingNumTd { font-size:14px;}

	.mainContentBox .tickTwoSelTdTable td, .mainContentBox .tickTwoSelTdTable th { font-size: 14px; }

	.mainContentBox .tickTwoSelTdTable { width: auto; }

	.mainContentBox .textMissingNum2 { font-size: 14px; height: auto; line-height: normal;}

	.mainContentBox .placeholderBx { font-size: 14px;}

	.mainContentBox .missingNumInpBox1 { font-size: 14px; font-weight: bold;}

	.mainContentBox .missingNumInpBox { height: auto;}

	.mainContentBox .difNumInput { font-size: 14px; /*height: auto;*/ line-height:normal;}

	/*.mainContentBox .tdMissingNum { font-size: 14px; height: auto; line-height: normal;}*/

	.mainContentBox .numPlaceholder { font-size: 14px;}

	.mainContentBox .placeholderN { font-size: 14px; font-weight: bold; height: auto;}

	.mainContentBox .coinsPlaceholder { font-size: 14px; font-weight: bold; line-height: normal;}

	.mainContentBox .twoMissingInput { font-size: 14px; font-weight: bold;}

	.mainContentBox .primeInputText { font-size: 12px;}

	.mainContentBox .primeNumText { font-size: 14px; font-weight: bold;}

	.mainContentBox .missingNumBox { margin-left: 0px;}

	.mainContentBox .sentChekBox { font-size: 14px; line-height: normal; width: auto;}

	.mainContentBox .sentChekboxTd2 { font-size: 14px; line-height: normal;}

	.mainContentBox .Image-placeholder { margin: 0px 0px 0px 0px!important;}

	.mainContentBox .missingNumBox { width: auto;}
	.mainContentBox .missingNumBox img.ipadAutoWidth { width:auto!important; }
	.mainContentBox .missingNumBox img { max-width: 100%!important; height: auto!important;}
	.mainContentBox .bulletsBox .paragraphM { margin-left:33%; }
	.mainContentBox .primeNumBox { width:85%; margin-left:15%; margin-right:0%; }

	.mainContentBox .coinsInputBox { font-size: 14px; line-height: normal; width: auto; margin-right: 0%; margin-left: 0%; padding-left: 0px;}

	.mainContentBox .wordShapTdBox { font-size: 14px; line-height:normal; margin-right: 0%; margin-left: 0%;}

	.mainContentBox .primeNumInput { margin-bottom:5px;}

	.mainContentBox .patternPlaceholder { padding-top: 4px; padding-bottom: 4px; font-size: 14px; height: auto; font-weight: bold;}

	.mainContentBox .patternNumInpBox1 { font-size: 14px; font-weight: bold;}

	.mainContentBox .patternNumText { font-size: 14px;}

	.mainContentBox .sentChekboxTable { width: auto;}

	.mainContentBox .thPatternBox, .mainContentBox .tdPatternBox { font-size: 14px;}

	.mainContentBox .labelC_box .arrowCPick { height:70px; background-position-x: 8px;}

	.mainContentBox .labelC_box .blankDiv { margin: 0 5px;}



	.startTestFull_midBox { height: 395px;}

	.long_multipli {margin-top: 30px; margin-left: 17px;}

	.long_multipli td {height: 33px; line-height: 30px;}

	.startTest_botm_textfield_Full { margin: 202px 32px 0 0px;}

	.startTest_botm_textfield_Full input { width: 172px; height: 72px;}

	.long_dv { margin-left: 15px;}

	.long_dv .long_division { height: 69px;}



	.mainMarkDiv { right: -65px; font-size: 12px; }

	.markDiv1, .markDiv2 { right: -15%; font-size: 12px; padding-top: 8px;}

	.totalMarksBox { width: 40px; height: 40px; padding: 4px 6px; margin: -8px 6px 0 0; font-size: 12px;}
	.totalMarksBoxAdj {
		width: 25px;
		height: 25px;
		padding: 0px 3px;
		margin: -5px 0px 0 0;
		font-size: 9px;
	}
    .resumeBoxAdj {
        margin-top: -5px;
        font-size: 7px;
        height: 30px;
        width: 30px;
        padding: 0px;
        margin-right: -5px;
    }

	.litCImg { right:0px; }
	.questionOrgBox .text-quenum { font-size:11px; padding:0px; }
	.whatsBox { margin-top:0px; }
	.reportElements .form-control { font-size:12px; }
	.missingBGInput { font-size:14px!important; }
	.btnReport { font-size:17px; }
	.bigBg .missingBGimgBox { background-repeat:no-repeat!important;background-size: 100%; width:100%; }
	.bigBg .missingBGInputBox1, .bigBg .missingBGInputBox2 { margin-left:300px!important;  }
	.bigBg .missingBGInputBox1 { margin-top:88px!important; }
	.bigBg .missingBGInputBox2 { margin-top:33px!important; }
	.ipadFont18 { font-size:18px!important; }
	.wordShapSelTable td img { width:100%; }
}

@media only screen and (max-width: 400px) {
    .video-cell{
        width: unset;
        max-width: 100%;
    }
    .video-cell:nth-child(n+2) {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 769px) {

	.questionContBox .mainContentBox { margin: 0 auto; width: 96%;}



	.questionMidBox .Answer-in-arrow-tick-box .arrowCPick { height: 70px;}


	.mainContentBox .paragraph {width: auto;}

	.mainContentBox .blankDiv { line-height: 54px;}

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .mainContentBox [type="checkbox"]:checked + label::after { width:25px; top: 0.15em!important; left: 0.25em!important; }
}

.answerReviewPage .pword { line-height: 42px; }
.deleteChildTableExtnd { height: 300px;
    overflow-y: scroll;
    border: 3px solid #60bad5;
    margin: 0 3% 2% 3%;
    width: 94.5%;
    border-radius: 0px;
	padding:0;
}
.extndTableHeading { margin: 0px 0% 0 3px;
    width: 99.5%;
}
.extndTableHeading td {
	background-color: #60bad5;
    text-align: center;
    padding: 5px 15px;
    font-weight: bold;
    color: #FFFFFF;
}
.Inputbox-on-top-of-image .markDiv1, .Inputbox-on-top-of-image .markDiv2 { width:50%; margin-top:15%; }
.Inputbox-on-top-of-image .markDiv1 { text-align:left; }
.prsntNumBox .markDivN1, .prsntNumBox .markDivN2 { width:50%; }
.testResTestTable .dataTables_wrapper tfoot { display:none; }
.testResTestTable .dataTables_wrapper .resdisplay td:first-child, .testResTestTable .dataTables_wrapper .resdisplay th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #F2F2F2;
}
.testResTestTable .dataTables_wrapper .resdisplay td:last-child, .testResTestTable .dataTables_wrapper .resdisplay th:last-child {
    position: sticky;
    right: 0;
    z-index: 1;
    background-color: #F2F2F2;
}
.tbmrg3 { margin:3px 0; }
.chart__container:not(.labels-above-bars) .chart__axis-y { /*text-align:justify!important;*/ }
.text-gray { color: #a9a9a9; }
.revisingPage .dataTables_wrapper--- { overflow-x:scroll; }
.col-md-1half { width:13.5% }
.bg-blue-sbc { background: #5d9bcd!important; }
.dataTables_filter .input-sm {
    padding: 7px;
    font-size: 13px;
    font-weight: normal;
    width: 190px;
}
.resetDragDrop { margin-top:5px; background-color:#f59c07; border-color: #e29d29; margin-left:10px; color:#FFFFFF; }
.resetDragDrop:hover { background-color:#ec990a; color:#FFFFFF; }
.resetDragDropM { margin-top:5px; background-color:#4285f4; border-color: #2e70de; margin-left:10px; color:#FFFFFF; }
.resetDragDropM:hover { background-color:#2e70de; color:#FFFFFF; }
.resetDragDrop:focus { color:#FFFFFF; outline:none; }
.optgroupStlye, optgroup { color:#333; /*background-color:#609fad;*/ font-weight:bold; }
.optgroupStlye option { /*background-color:#FFFFFF;*/ color:#555555; font-size:14px; }
.optgroupStlye option[selected]{ /*background-color:#e3ecef;*/ }
.spaceOpt { }
.spaceOpt2 { }
.optgroupStlye option[disabled] { }

#blockUiBackdrop {
    height: 100vh;
    width: 100%;
    z-index: 20000;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display:none;
}
#blockUiBackdropSaving {
    height: 100vh;
    width: 100%;
    z-index: 20000;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display:none;
}
.dropdown-menu>li>a:hover {
    color: #fff;
    background-color: #337ab7;
}
.frac {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0.001em;
    text-align: center;
}
.frac > span {
    display: block;
    padding: 0.1em;
}
.frac span.bottom {
    border-top: 2px solid black;
}
.frac span.symbol {
    display: none;
}

a[data-apply], a[data-dismiss] {
    -webkit-touch-callout: none;
}

.child_selector {
	width:89px !important;
}
div[clicked = clicked] { border:1px solid #CC6600; /*background-color:#CC6600;*/ border-radius: 10px; }
@media only screen and (max-width: 425px) { 
/*.point {
    width: 20px!important;
    height: 20px!important;
    bottom: -10px!important;
    left: -10px!important;
}
.Shape-on-grid-3 .work-container { margin-left:10px; }*/
}
div#pausePopup .modal-dialog {
    width: 470px;
}
div#pausePopup .modal-body button {
    margin-top: 5px;
}
div#pausePopup .modal-body button.btn-link {
    margin-top: 15px;
}
.btn-pause {
    color: #fff;
    margin-left: 10px;
    background-color: #0f9d58;
    border-color: #0f9d58;
}
.btn-pause:hover {
    color: #fff;
    background-color: #03783f;
}

.display-mobile-notice {
    margin-top: 5px;
}

.questionNavBoxSpellingRevise {
    padding: 12px 7px;
    text-align: center;
}

.questionNavBoxSpellingRevise .questionNavMenu{
    float: unset;
    text-align: left;
}

.arithLtBox span.que_blank_box_wide {
  padding: 0 15px;
}

.arithLtBox span.que_blank_box_extrawide {
  padding: 0 35px;
}

.mainContentBox .status-icon {
    display: inline-block;
}


#WelcomeModal .modal-body {
    padding: 50px 30px;
}

#WelcomeModal .modal-body .inline-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

#WelcomeModal .modal-body .badge-img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

#WelcomeModal .modal-body .image-label {
    display: flex;
    align-items: center;
    gap: 20px;
}
#WelcomeModal .modal-body .image-label span {
    min-width: 95px;
}

#WelcomeModal .modal-body .inline-select .btn,
#WelcomeModal .modal-body .inline-select .info {
    max-width: 340px;
    width: 340px !important;
    min-height: 75px;
    border-radius: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
}

#WelcomeModal .modal-body .inline-select .small-note {
    font-size: 11px;
    line-height: 1;
}
#WelcomeModal .modal-body .inline-select .main-text {
    margin: 10px 0;
}

#WelcomeModal .modal-body .inline-select .btn {
    color: #fff;
    background-color: #354b75;
    border: 2px solid #e8e8e8;
    font-size: 16px;
}

#WelcomeModal .modal-body .inline-select .info {
    color: #333333;
    background-color: #f2f2f2;
    border: 2px solid #747474;
}

@media only screen and (max-width: 767px) {
    #WelcomeModal .modal-body .inline-select {
        flex-wrap: wrap;
    }
    #WelcomeModal .modal-body .inline-select .image-label {
        width: 100%;
    }
    #WelcomeModal .modal-body .image-label span {
        min-width: unset;
    }
    #WelcomeModal .modal-body .inline-select .btn,
    #WelcomeModal .modal-body .inline-select .info {
        max-width: unset;
        width: 100% !important;
    }
}

.scribble-pad-wrapper {
    margin: 40px 0;
}
.scribble-pad-wrapper .scribble-pad {
    cursor: pointer;
}
.scribble-pad-wrapper .scribble-pad-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-bottom: 5px;
}
.scribble-pad-wrapper .scribble-pad-label {
    display: block;
    font-size: 12px;
    line-height: 1.1;
}
#ScribblePadModal {
    display: flex;
    flex-direction: column;
    position: fixed;
    height: 480px;
    width: 400px;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    top: 0;
    left: 0;
    background-color: #fbfbfb;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #00000080;
    z-index: 99999;
    overflow: hidden;
}
#ScribblePadModal .scribble-pad-header {
    cursor: move;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#ScribblePadModal .scribble-pad-header .scribble-pad-title {
    font-weight: 600;
}
#ScribblePadModal .scribble-pad-header .scribble-pad-subtitle {
    font-size: 12px;
    color: #4caf50;
    font-style: italic;
    margin-top: 3px;
}
#ScribblePadModal .scribble-pad-header .scribble-pad-title,
#ScribblePadModal .scribble-pad-header .scribble-pad-subtitle {
    display:block;
    text-align: center;
    user-select: none;
    line-height: 1.1;
}

#ScribblePadModal .scribble-pad-header .icon {
    height: 20px;
    width: 20px;
}
#ScribblePadModal .scribble-pad-header .scribble-pad-close:hover {
    cursor: pointer;
}
#ScribblePadModal .scribble-pad-editor {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 0 10px;
    flex: 1 1 auto;
    position: relative;
}
#ScribblePadModal .scribble-pad-editor .scribble-pad-note {
    position: absolute;
    color: #fff;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    padding: 2px 10px;
    user-select: none;
}
#ScribblePadModal .scribble-pad-editor .imageEditorContainer {
    border-radius: 6px;
    overflow: hidden;
}
#ScribblePadModal .scribble-pad-controls {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    padding: 10px;
}

#ScribblePadModal .scribble-pad-controls button {
    background: white;
    padding: 5px;
    border: none;
    border-radius: 50%;
    box-shadow: inset 0 0 5px #0000004d;
    cursor: pointer;
    transition: .3s;
}
#ScribblePadModal .scribble-pad-controls button:hover {
    background: #fbfbfb;
    box-shadow: inset 0 0 7px #0000004d;
}
#ScribblePadModal .scribble-pad-controls button img {
    height: 20px;
    width: 20px;
}
.js-draw-sound-ui-toggle {
    display: none;
}
#ScribblePadModal .ScrollbarTool-overlay {
    animation: none !important;
}
@media only screen and (max-width: 767px) {
    .scribble-pad-wrapper {
        margin: 20px 0;
    }
}