body { font-size: 14px; font-family: Arial;}
header { padding: 10px 0 0px 0;}
footer { background: #54A9A7; padding: 10px 0; color:#FFFFFF;/* position:absolute; width:100%; bottom:0px;*/}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#e65fa1;
	text-decoration:none;
}
a:focus {
	text-decoration:none;
}
@media only screen and (max-width: 1024px){
.testimonialboxes{
width: 74.6%;
margin-left: 12.7%;
margin-right: 12.7%;
}
}
@media only screen and (max-width: 1024px){
.testimonialboxes1{
width: 74.6%;
margin-left: 12.7%;
margin-right: 12.7%;
display: inline-block; 
margin-top:25px; 
border: dashed 1px #f38809; 
text-align:left;
padding: 10px;
}
}


@media only screen and (max-width: 640px){
.testimonialboxes {
width: 100%!important;
margin-left: 0%!important;
margin-right: 0%!important;
} }
@media only screen and (max-width: 640px){
.testimonialboxes1 {
width: 90%!important;
margin-left: 5%!important;
margin-right: 5%!important;
display: inline-block; 
margin-top:25px;
border: dashed 1px #f38809; 
text-align:left;
padding: 10px;
} }
.popover-title { color:#000000; }
.homeIcon { padding-top:18px;}
.mrg_top { margin-top:15px;}
.mrg_top1 { margin-top:30px;}
.mrg_top2 { margin-top: 7px;}
.mrg_top3 { margin-top:20px;}
.mrg_top4 { margin-top: 3px;}
.mrg_top41 { margin-top:41px;}
.mrg_top78 { margin-top:78px;}
.mrg_topmain { margin-top:19px;}
.mrg_botm { margin-bottom:15px;}
.mrg_botm1 { margin-bottom:32px!important;}
.mrg_botm2 { margin-bottom:10px;}
.mrg_botm52 { margin-bottom:52px;}
.pad_none { padding:0px;}
.pad_lt_none { padding-left:0px;}
.pad_rt_none { padding-right:0px;}
.pad_5 { padding:0 5px;}
.mrg_none { margin:0px;}
.mrgBotmNone { margin-bottom:0px;}
.mrgTopNone { margin-top:0px;}
.mrgMob { margin-top:15px;}
.mrgTBLT { margin:5px 3% 10px 3%; float: left;}
.fullWith { width:100%; }
.mrgAllDvs { margin-top: 30px;}
.mrgTB { margin-top:50px; margin-bottom:30px;}
.dropDownList {width: 90%; margin: 0 0% 0 5%;}
.dropDownBtn { height: 60px; font-size: 18px;}
.noteField { font-size: 9px; margin: 5px 0 0 0;}
.padLtRt5 { padding:0 5px;}

.pinkFont { color:#127897;}

.gi-1x{font-size: 1.5em;}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}
.idanger { color:#c1bbbb;}
.idanger:hover { color:#ac2925;}
.btn {
	transition: .2s;
}
.btn-danger {
    color: #fff;
    background-color: #ffa07a;
	border: none;
}
.btn-info {
	color: #121117;
	background-color: #8BCFCF;
	border: none;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus{
	color: #121117;
	background-color:#54A9A7;
	outline: none;
}
#addChldRgtSection .btn-info {
	color: #fff;
}
.caret { margin-top:8px;}
#nav .navbar {
    margin-bottom: 0px;
	min-height: auto;
    border: 0px solid transparent;
}
#nav .navbar-inverse {
    background-color: transparent;
}
#nav .navbar-nav {
	display: flex;
	width: 100%;
}
#nav .navbar-nav>li {
	margin-left: 5px;
	flex: 1 1 0;
}
#nav .navbar-nav>li:first-child {
	margin-left:0px;
}
.navbar-inverse .navbar-nav>li>a {
	background: #8BCFCF;
	padding: 10px 25px;
	/*line-height: 18px;*/
	color: #121117;
	text-decoration:none;
	transition: .2s;
	font-family: Poppins;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: center;
	white-space: nowrap;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	background: #54A9A7;
	color: #121117;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background: #54A9A7;
	color: #121117;
}
.navbar-header { width:33.33%; float:left;display: inline-flex;}
.navbar-header .navbar-toggle { border: 0px solid #545454; margin-bottom: 0; margin-right: auto; padding: 10px; margin-top: 0px;}
.navbar-header .navbar-toggle .icon-bar { background:#545454;}
.border-box { padding: 20px 0; min-height: 450px;}
.border-box2 { padding: 5px 0px 10px 0px;}
.contentHg { min-height: 450px;}

.font11 { font-size:11px;}
.font35 { font-size:35px;}
.font11blk { font-size:11px; color:#000000;}
.btn-wth { width:100%;}
.btn-wth1 { width:100%;}

.table-thBg thead th { background:#60bad5; color:#FFFFFF; text-align:center;}
.table-bordered { border: 1px solid #6fcbe6;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #6fcbe6;border-right: 0;
}
.table-bordered>tbody>tr>td:first-child, .table-bordered>tbody>tr>th:first-child, .table-bordered>tfoot>tr>td:first-child, .table-bordered>tfoot>tr>th:first-child, .table-bordered>thead>tr>td:first-child, .table-bordered>thead>tr>th:first-child {
    border-left:0px solid #6fcbe6; 
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle;}
.table-responsive { overflow-x: visible; margin-right: 3%;}
.manageTableBox { margin-right: 3%;  margin-bottom: 30px;}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 0px solid #ddd!important;
}
table.dataTable.no-footer {
    border-bottom: 0px solid #111!important;
}
table.dataTable>tbody>tr.child ul { width:94%;}

.table-thBlueBg { border: 1px solid #68afe8; }
.table-thBlueBg thead th { background:#5d9bcd ; color:#FFFFFF; text-align:center;}
.table-thBlueBg>tbody>tr>td, .table-thBlueBg>tbody>tr>th, .table-thBlueBg>tfoot>tr>td, .table-thBlueBg>tfoot>tr>th, .table-thBlueBg>thead>tr>td, .table-thBlueBg>thead>tr>th {
    border: 1px solid #68afe8;
    border-right: 0;
	border-top:0px solid #68afe8;
}
.table-thBlueBg thead th, .table-thBlueBg thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #68afe8!important;
}
.table-thBlueBg tbody th, .table-thBlueBg tbody td {
    padding: 8px 10px;
}
.table-thBg thead th, .table-thBg thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #68afe8!important;
}
.table-thBg tbody th, .table-thBg tbody td {
    padding: 8px 10px;
}

.dataTables_filter { text-align:right;}
.mainHd { margin-bottom: 5px; text-transform: uppercase; color: #e661a2;}
.mainHd h4 { font-size:15px; font-weight:600;}
.modal-header {
    border-bottom: 1px solid #616161;
    background: #d0d0d0;
    border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px; 
}
.modal {
  text-align: center;
  padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.mathsMnBox {background: #609fad; padding: 8px 0; color: white;margin: 0 0 15px 0; width: 32%; float: left;}
.englishMnBox {background: #f0b24a; padding: 8px 0; color: white; margin: 0 0 15px 0; width: 33%; float: right;}
.mathsMnBox h4, .englishMnBox h4 { margin:0;}
.textLink { background: #609fad; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align: center; padding: 15px 0; color: #fff; margin: 0 3%; float:left; width:94%;min-height: 70px; font-size: 16px; display: table; box-shadow: #B3B3B3 2px 2px 2px; -moz-box-shadow: #B3B3B3 2px 2px 2px; -webkit-box-shadow: #B3B3B3 2px 2px 2px;}
.textLink:hover, .textLink:focus { background: #545454; color: #fff; text-decoration:none;}
.textLink span, .textLinkE span { display: table-cell; vertical-align: middle; }
.textLinkHt { background: #609fad; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; padding: 15px 0; color: #fff; text-transform: uppercase; margin: 0 2px; float:left; width:100%;    min-height: 70px;}
.textLinkHt:hover, .textLinkHt:focus { background: #545454; color: #fff; text-decoration:none;}
.textLinkE { background: #f0b24a; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align: center; padding: 15px 0; color: #fff; margin: 0 3%; float:left; width:94%;min-height: 70px; font-size: 16px; display: table; box-shadow: #B3B3B3 2px 2px 2px; -moz-box-shadow: #B3B3B3 2px 2px 2px; -webkit-box-shadow: #B3B3B3 2px 2px 2px;}
.textLinkE:hover, .textLinkE:focus { background: #545454; color: #fff;  text-decoration:none;}
.textLinkEHt { background: #f0b24a; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; padding: 15px 0; color: #fff; text-transform: uppercase; margin: 0 2px; float:left; width:100%;    min-height: 70px;}
.textLinkEHt:hover, .textLinkEHt:focus { background: #545454; color: #fff;text-decoration:none; }
.tabsE li.tabOrange {background: #f0b24a; float:right!important;}
.tabsE li.tabOrange:hover {background: #545454; float:right;}

.tabsE li.tabOrange1 {background: #f0b24a;}
.tabsE li.tabOrange1:hover {background: #545454;}
.tabsE li.active { background-color:#545454; color: #fff;}

.blueTestLink .amTestLink { background: #609fad; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align: center; padding: 50px 0; color: #fff; /*text-transform: uppercase;*/ float:left; width:100%; font-size: 18px; font-weight: 600; box-shadow: #B3B3B3 2px 2px 2px; -moz-box-shadow: #B3B3B3 2px 2px 2px; -webkit-box-shadow: #B3B3B3 2px 2px 2px; border: 1px solid #37717d;}
.blueTestLink .amTestLink:hover, .amTestLink:focus { background: #545454; color: #fff; text-decoration:none; border: 1px solid #444444; }
.orgTestLink .amTestLink { background: #f0b24a; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; padding: 50px 5px; color: #fff; /*text-transform: uppercase;*/ float:left; width:100%; font-size: 18px; font-weight: 600; box-shadow: #B3B3B3 2px 2px 2px; -moz-box-shadow: #B3B3B3 2px 2px 2px; -webkit-box-shadow: #B3B3B3 2px 2px 2px; border: 1px solid #d6911e;}
.orgTestLink .amTestLink:hover, .amTestLink:focus { background: #545454; color: #fff; text-decoration:none; border: 1px solid #444444; }
.orgTestLink .amTestLinkPad, .blueTestLink .amTestLinkPad { padding:27px 0 28px 0;}
.amTestText { font-size:11px; text-transform:none; margin-bottom:0px;}

.editable, .editable:hover { text-decoration: none; border-bottom: dashed 1px #0088cc;}
.editText { font-weight:bold; }
.numberBox { width:auto; background:#609fad; border:1px solid #23647e; font-size:14px; font-weight:bold; color:#FFFFFF; margin:5px 5px 5px 0; padding:10px; float:left;}
.tabLinkBox, .tabLinkBox1 {padding: 0 5px; width:20%; margin-bottom:23px; float: left;}
.tabLinkBox14 {padding: 0 5px; width:10%; margin-bottom:23px; float: left;}
.tabLinkBox15 { display:none; }
.btnLink { background: #609fad; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; min-height: 87px; color: #fff; width:100%; font-size: 18px; box-shadow: #B3B3B3 2px 2px 2px; -moz-box-shadow: #B3B3B3 2px 2px 2px; -webkit-box-shadow: #B3B3B3 2px 2px 2px;}
.btnLink:hover, .btnLink:focus { background: #545454; color: #fff; text-decoration:none;}

.btnReport { background: #354b75; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; padding: 15px 0; color: #fff!important; width:100%; font-size: 18px; box-shadow: #B3B3B3 2px 2px 2px; -moz-box-shadow: #B3B3B3 2px 2px 2px; -webkit-box-shadow: #B3B3B3 2px 2px 2px; min-height: 72px;}
.btnReport:hover, btnReportSel:hover { background: rgba(31, 56, 100, 1); color: #fff!important; text-decoration:none;}
.btnReportSel { background: rgba(31, 56, 100, 1); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; padding: 15px 0; color: #fff!important; width:100%; font-size: 18px; box-shadow: #B3B3B3 2px 2px 2px; -moz-box-shadow: #B3B3B3 2px 2px 2px; -webkit-box-shadow: #B3B3B3 2px 2px 2px; min-height: 72px;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #609fad;
    border-color: #4d98a9;
}

/*.clockBox { float: right; text-align: center; margin: 0 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; background: #31b0d5;	display: inline-grid;}
#clockdiv div > span{ padding: 8px; border-radius: 3px; background: #23647e; display: inline-block;}
.smalltext{	padding-top: 5px; font-size: 10px;}*/
.shadow-left-right{ box-shadow: -10px 0 20px -5px rgba(115,115,115,0.75), 10px 0 20px -5px rgba(115,115,115,0.75);}
.questionNo { width: 52px; background: #000; display: inline-block; font-size: 20px; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; height: 37px; padding: 3px 0; margin-top:20px; }
.questionMnBox {background:#eaeaea;}
.questionContBox {background:#FFFFFF; padding:0;}
.questionMidBox {padding:12px; /*min-height:450px;*/min-height: auto;}
.spgMinHTBox {min-height:450px;}
.show-answer-on, .show-answer-off { margin: 11px 0 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; padding: 3px 0 1px;}
.show-answer-on a, .show-answer-off a { color: #fff; text-decoration: none; font-size: 11px; line-height: 12px; display: inline-block;}
.show-answer-off { background-color: #bbbbbb;}
.show-answer-on { background-color: #999;}
.markBox { font-size: 14px; margin-top: 12px; color: #000; text-transform:uppercase;}
.boxShadow { box-shadow: 0px 0px 6px #989898; -moz-box-shadow: 0px 0px 6px #989898; -webkit-box-shadow: 0px 0px 6px #989898;}
.checkImg { background:url(../img/checkImg.png) right top no-repeat; width: 33px; height: 29px; position: absolute; right: -3px; top: -10px;}
.textRtMrg  { margin-bottom:15px; text-align:right;}
.mathsLink { background: #fff; border-bottom: 1px solid #ffffff; padding: 5px; width: 100%; float: left;}
.mathsHd { background: #609fad ; width: 100%; padding: 0 10px; float: left; color: #fff; text-transform: uppercase;}
.mathsBGBox { background: #fff; min-height: 160px; padding-top: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius:6px; float: left; width: 100%; padding-bottom: 10px;}
.mathsBGBlueBox {background: #609fad; min-height: 180px; padding-top: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.btn-infoDr { color: #fff; background-color: #fea132; }
.btn-infoDr:hover{color:#fff;background-color:#e08110;}
.questionBlueBox .questionTopBox {background: #f5f5f5; padding: 12px 0; border-bottom: 2px solid #609fad; color: #000;}
.questionBlueBox .questionBotmBox {background: #f5f5f5; padding: 12px 0; border-top: 2px solid #609fad; color: #fff;}
.questionBlueBox .markNoBox { width: 52px; background: #609fad; display: inline-block; font-size: 20px; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; height: 37px; padding: 3px 0; margin-top: 20px;}
.questionBlueBox .btn-next { color: #fff; background-color: #56bdd5; border-color: #369db5;}
.questionBlueBox .btn-next:hover{color:#fff;background-color:#31b0d5; border-color:#269abc}
.questionBlueBox .text-quenum { font-size:12px; font-weight:bold; color:#31b0d5;margin-top: 9px;}

.questionOrgBox .questionTopBox {background: #f5f5f5; padding: 12px 0; border-bottom: 2px solid #f0b24a ; color: #000;}
.questionOrgBox .questionBotmBox {background: #f5f5f5; padding: 12px 0; border-top: 2px solid #f0b24a; color: #fff;}
.questionOrgBox .markNoBox { width: 52px; background: #f0b24a; display: inline-block; font-size: 20px; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; height: 37px; padding: 3px 0; margin-top: 20px;}
.questionOrgBox .btn-next { color: #fff; background-color: #f0b24a; border-color: #ce9433;}
.questionOrgBox .btn-next:hover{color:#fff; background-color:#e89e20; border-color:#ce9433}
.questionOrgBox .qButtonTest:hover, .questionOrgBox .currentQue { background: #f0b24a!important;}
.questionOrgBox .text-quenum { font-size:12px; font-weight:bold; color:#f0b24a;margin-top: 9px;}

.dayBox, .dayOrgBox {width:calc(100%/3); margin-bottom: 20px; float: left; position: relative;}
.dayBoxLink, .dayOrgLink { border: 3px solid rgba(219, 219, 219, 1); border-radius: 15px; background: #354b75; text-align: center; padding:15px 5px 5px 5px; color: #fff; float:left; width:100%;height:120px; font-size:20px; display: table; line-height: 17px; transition: .2s; }
.dayBoxLink:hover, .dayBoxLink:focus, .dayOrgLink:hover, .dayOrgLink:focus { background: rgba(31, 56, 100, 1); color: #fff; text-decoration:none;}
.modelWith { width:80%;}
.dayBox { padding: 0 15px 0 0; }
.dayBoxLink span, .dayOrgLink span { display: table-cell; vertical-align: middle; }
.dayBoxLink p, .dayOrgLink p { display: table-cell; vertical-align: top; width:100%;}
.dayOrgBox { padding: 0 0 0 15px; }

.mathsLtBox { width:49.5%; float:left; margin-right: 1px;}
.mathsRtBox { width: 49.5%; float: right; margin-left: 1px;}
.childrenMathsBox { width: auto; float: right; margin-left: 1px;}
.btn-AddClass { color: #fff!important; background-color: #5893a5; border-color: #2e6575; width:auto; float: left;}
.btn-AddClass:hover{color:#fff;background-color:#31b0d5!important;border-color:#269abc!important;}
.colorBlk { color:#000000;}

.correctBox { display: inline-block; color: #fff; font-size: 11px; width: 100%; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 3px 0; margin-top: 5px;}
.questionNavMenu { width: 100px; 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;}
.qButton:hover { background: #FF0000 !important; text-decoration: none;}

.questionNavMenu { 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;}
.qButtonTest { text-decoration: none; background: #d2d2d2; color: #fff; width: 19px; 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;}
.step3_btn { cursor:pointer; width:auto; padding:10px 3%; background:#609fad; -webkit-box-shadow: #B3B3B3 2px 2px 2px;-moz-box-shadow: #B3B3B3 2px 2px 2px; box-shadow: #B3B3B3 2px 2px 2px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #FFFFFF; font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none; margin:0 10px;}
.step3_btn:hover { cursor:pointer; width:auto; padding:10px 3%; background:#595959; -webkit-box-shadow: #B3B3B3 2px 2px 2px;-moz-box-shadow: #B3B3B3 2px 2px 2px; box-shadow: #B3B3B3 2px 2px 2px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #FFFFFF; font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.pagination>li>a, .pagination>li>span { padding: 2px 8px; line-height: 18px; font-size: 12px;}
.testTimeUpBox { min-height:400px;}
.instructionsBox ul li { padding-top:5px; padding-bottom:5px;}
.startTest { padding:0px;}
/*.startTest_midBox { background: #FFFFFF url(../img/que_bg_tt.jpg) left bottom no-repeat; color: #FFFFFF; font-size: 30px; font-weight: normal; padding: 0; float: left; text-align: center; width: 100%; height:337px; background-size: contain; border-right: 1px solid #609fad;}
.startTest_top_textfield { width: 92%; float: left; text-align: left; margin: 0px 4%; color: #000000; height: 104px; display: table;}*/
.innerQue { display: table-cell; vertical-align: middle;}
/*.startTest_botm_textfield { width: auto; float: right; margin:146px 29px 0 0px; color: #000000;}
.startTest_botm_textfield input { width:203px; height: 59px; border: none; padding: 10px; font-size: 30px; font-weight: normal; text-align: center;}*/

.startTest_midBox { background: #FFFFFF url(../img/que_bg_tt_full_rpt.jpg) left top repeat; color: #FFFFFF; font-size: 30px; font-weight: normal; padding: 0; float: left; text-align: center; width: 100%; height:337px; border-right: 1px solid #609fad;}
.startTest_top_textfield { width:100%; float: left; text-align: left; padding:0px 4%; color: #000000; height: 100px; display: table; background:#FFFFFF;}
.startTest_botm_textfield { width: auto; float: right; margin:135px 29px 0 0px; color: #000000;}
.startTest_botm_textfield input { width:203px; height:72px; padding: 10px; font-size: 30px; font-weight: normal; text-align: center;border: 3px solid #61a1ad; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

/*.startTestFull_midBox { background: #FFFFFF url(../img/que_bg_tt_full.jpg) left top no-repeat; color: #FFFFFF; font-size: 30px; font-weight: normal; padding: 0; float: left; text-align: center; width: 100%; height:337px; background-size: contain; border-right: 1px solid #609fad;}
.startTest_botm_textfield_Full { width: auto; float: right; margin:130px 30px 0 0px; color: #000000;}
.startTest_botm_textfield_Full input { width:203px; height: 58px; border: none; padding: 10px; font-size: 30px; font-weight: normal; text-align: center;}*/

.startTestFull_midBox { background: #FFFFFF url(../img/que_bg_tt_full_rpt.jpg) left top repeat; color: #FFFFFF; font-size: 30px; font-weight: normal; padding: 0; float: left; text-align: center; width: 100%; height:337px; border-right: 1px solid #609fad;}
.startTestFull_midBox .startTest_top_textfield { width:100%; float: left; text-align: left; padding:0px 4%; color: #000000; height: 100px; display: table;background: none;}
.startTest_botm_textfield_Full { width: auto; float: right; margin:133px 29px 0 0px; color: #000000;}
.startTest_botm_textfield_Full input { width:203px; height: 72px; padding: 10px; font-size: 30px; font-weight: normal; text-align: center; border: 3px solid #61a1ad; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.startTestSpl_top_textfield { width: 100%; float: left; text-align: left;  padding: 0px 3%;  color: #000000; height: 104px; display: table; background: #FFFFFF;}
.startTestSpl_midBox {  background: #f7f0e5; color: #FFFFFF; font-size: 36px; font-weight: normal; padding: 0; float: left; text-align: center; width: 100%; height:337px; background-size: contain; border-right: 1px solid #f0b24a;}
.startTestSpl_botm_textfield { width: auto; float: right; margin:146px 29px 0 0px; color: #000000;}
.startTestSpl_botm_textfield input { width: 250px; height: 59px; border: 2px solid #f0b24a; padding: 10px; font-size: 22px; font-weight: normal; text-align: center;}
.playBtnBox { margin-top:20px; text-align: center;width: 100px;}
.playBtnBox .font10 { font-size:10px; line-height: normal;}
.playBtnBox a:hover { color:#f0b24a;}

.mnOrangeBox {}
.mnOrangeBox .orgBoxbg { background: #fcefd9; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:0px 0px; margin: 0 8px 10px 0;width: 9%; float: left;}
.mnOrangeBox .text_blue { color: #f0b24a;}
.mnOrangeBox .score_box { width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5%; border: 2px solid #f0b24a;}

.mnBlueBox {}
.mnBlueBox .orgBoxbg { background: #daeff5; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:0px 0px; margin: 0 8px 10px 0;width: 9%; float: left;}
.mnBlueBox .text_blue { color: #60bad5;}
.mnBlueBox .score_box { width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5%; border: 2px solid #60bad5;}

.grayBoxbg { background: #F5F5F5; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:0px 0px; margin: 0 8px 10px 0;width: 9%; float: left;}
.witBoxbg { padding: 0px; width: 26%;}
.t_r_qus_no { width:50%; float: left; display: table; height:40px; margin-right: 0px; font-size: 14px; font-weight:bold; color: #333; padding:0px; text-align: center;}
.t_r_qus_tick { width:50%; height:40px; float: left; margin-right: 0px; text-align: center; display: table;}
.t_r_qus_tick img { width:22px; }
.orgBoxbgArit { background: #F7EDE4; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding: 20px 0; margin: 0 0px; width: 24%;}
.grayBoxbgArit { background: #F5F5F5; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:20px 0; margin:0 15px; width: 24%;}
.witBoxbgArit { padding: 0 0 0 15px;}
.t_r_qus { width: 100%; float: left; padding: 3px 0;}
.orgBoxbg:hover, .grayBoxbg:hover { background-color: #00000024; cursor: pointer;}
.t_r_qus ul { width: 100%; float: left; margin: 0px; padding: 0px; list-style: none;}
.t_r_qus_lt { width: 20%; float: left; display: table; height: 55px; margin-right: 0px; font-size: 18px; color: #333; padding: 5px; text-align: center;}
.t_r_qus_mdl { width: 52%; height: 55px; display: table; float: left; border: 2px solid #43A8CD; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right: 0px; text-align: center; font-size: 22px; color: #564C4C;}
.t_r_qus_rt { width: 28%; height: 55px; float: left; margin-right: 0px; text-align: center; display: table;}
.cAnsVa { display: table-cell; vertical-align: middle;}
.score_box .r_font24 { font-size: 24px; color: #57462c; font-weight: bold; width: 100%; display: block; text-align: center;}
.score_box .r_font34 { font-size: 34px; color: #c33430; font-weight: bold; margin-bottom:15px; width: 100%; display: block; text-align: center;}
.score_box .r_font20 { font-size: 15px; color: #57462c; font-weight: bold; margin-bottom: 10px; width: 100%; display: block; text-align: center;}
.score_ans_box { width: 100%; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5%; border: 2px solid #43A8CD; font-size: 20px; color: #57462c; font-weight: bold; margin-top: 10px; text-align: center;}
.q_num { padding: 2px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #008000; font-weight: normal; color: #FFFFFF;}
.score_ans_box p { text-align: left; padding: 8px 0;}
.text_blue { color: #60bad5;}
.perc_box { background: #EAEDF1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width:100%; float: left; margin-top: 10px;color: #ce0203;}
.text_green { color: green;}
.btn-save { margin-top:7px; padding: 2px 4px; font-size: 12px;}
.btnMyAccount {padding: 12px 20px; font-size: 14px; font-weight: 600; float:right;}
.btnDash { background: #354b75; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; padding: 15px 0; color: #fff!important; width:100%; font-size:20px; box-shadow: #B3B3B3 2px 2px 2px; -moz-box-shadow: #B3B3B3 2px 2px 2px; -webkit-box-shadow: #B3B3B3 2px 2px 2px; height: 150px; transition: .2s;}
.btnDash:hover, btnDash:hover { background: rgba(31, 56, 100, 1); color: #fff!important; text-decoration:none;}
.btnDash:before { content: " "; display: inline-block; height: 100%; vertical-align: middle; max-width: 0.001%; /* Just in case the text wrapps, you shouldn't notice it */}
.btnDashImg { background: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; padding: 15px 0; color: #609fad!important; width:100%; font-size:20px; box-shadow: #B3B3B3 2px 2px 2px;  -moz-box-shadow: #B3B3B3 2px 2px 2px; -webkit-box-shadow: #B3B3B3 2px 2px 2px; min-height: 150px; border:2px solid #609fad;padding:10px;}
.btnDashImg:hover, btnDashImg:hover { background: #fff; color: #545454!important; text-decoration:none;border:2px solid #545454; padding:10px; }
.btnDashImg1:hover, btnDashImg1:hover { background: #fff; color: #545454!important; text-decoration:none;border:2px solid #545454; padding:10px; }
.btnDashImg1 { background: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; padding: 15px 0; color: #609fad!important; width:100%; font-size:20px; box-shadow: #B3B3B3 2px 2px 2px;  -moz-box-shadow: #B3B3B3 2px 2px 2px; -webkit-box-shadow: #B3B3B3 2px 2px 2px; min-height: 150px; border:2px solid #609fad;padding:10px; transition:.2s;}
.btnDashImg:hover, btnDashImg:hover { background: #fff; color: #545454!important; text-decoration:none;border:2px solid #545454; padding:10px; }
.btnDashImg1:hover, btnDashImg1:hover { background: #fff; color: #545454!important; text-decoration:none;border:2px solid #545454; padding:10px; }
.font14 { font-size: 14px; line-height: 15px; float: left; width: 100%; margin-top: 10px;}
.modal { z-index: 9999;}
.form-group { width:100%; float:left;}
.bg-gray {background: aliceblue; padding-top: 10px; border: 1px solid #9ccfde; display: inline-block; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size: 14px;}

/*------------------------- NEW CLASS----------------------------*/
.logoutBox {width: 100%; float: right; margin-top: 5px; color: #127897; text-align: right;}
.colorBlk { color:#d6d6d4;}
.brokenLink { margin-top:40px;}
.subscribeBotm {font-size: 12px;}
.myAcBtn .linkPink { color:#545454; }
.myAcBtn .linkPink:hover { color:#e661a2; }
.DesTopmrg { margin-top: 45px;}
.childloginbox { border: 1px dashed gray; padding:15px; text-align: center;}
.childloginbox .mainHd h3 { font-size:18px; margin-bottom: 5px; text-transform: uppercase; color: #e661a2; font-weight:bold;}
.childloginbox .loginimage { width: auto; margin:0px auto 15px auto;}
.childloginbox .loginTextBox { width: auto; margin-left: auto; margin-right: auto;}
.childloginbox .loginBlueHd { background: #5893a5; font-weight: bold; font-size: 1em; color: white; padding: 5px 0px; width:100%; text-decoration: none;display: inline-block;}
.childloginbox textarea { border: 1px solid black; width:100%; height:90px; padding:5px; scrolling: no; overflow: hidden;}
.linkUline { text-decoration:underline;}
.padRight10 { padding-right:8px;}
.padLeft10 { padding-left:8px;}
.padRight40 { padding-right:40px;}
.padLeft40 { padding-left:40px;}
.text-red { color:#FF0000; margin-bottom:15px;display: inline-block;}

/*------------------------- HOME PAGE ----------------------------*/
.headerHome { border-bottom: 1px solid #000000; padding: 15px 0 10px 0; background: #262626;}
.headerHome .logo { margin-top: 12px;}
.headerHome .linkBlue { color:#FFFFFF; }
.headerHome .linkBlue:hover { color:#5bc0de; }
.drGrayBg { background:#595959;}
.grayBg { background:#ececec;}
.grayBg1 { background:#ececec;}
.fontWit { color:#FFFFFF;}
.testimonialboxes {width: 57.2%; margin-left: 21.4%; margin-right: 21.4%; display: inline-block; margin-top:25px;}
.testimonialboxes1 {width: 57.2%; margin-left: 21.4%; margin-right: 21.4%; display: inline-block; margin-top:25px; border: dashed 1px #f38809; text-align:left; padding: 10px;}
.imgShadow { box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 20px #000;}
.contentMnBox { padding: 20px 0 35px 0; min-height: auto;}
.contentMnBox2 { padding: 20px 0 2px 0; min-height: auto;}
.topContent h2 { font-size:35px;}
.topContent p { font-size:16px;}
.topHd h2 { font-size:35px; font-weight:bolder; margin-top: 25px; margin-bottom: 25px;}
.topSubhd h4 { font-size:25px; color:#31b0d5;}
.topSubhd1 h4 { font-size:25px; color:#e4800a;}
.topSubhd h5 { font-size:18px; color:#086b88;}
.topSubhd1 h5 { font-size:18px; color:#086b88;}
.topSubhd ul{padding-left: 16px; font-size: 16px; line-height: 24px;}
.topSubhd1 ul{padding-left: 16px; font-size: 16px; line-height: 24px;}
.topImage { position: absolute; margin: -25px 0 0 -25px;}
.textBlue { color:#31b0d5; }
.textOrange1 {color:#fea132;}
.btn-subscribeBlue { color: #fff; background-color: #31b0d5; border:0px; font-size:20px; line-height: 68px; min-height: 80px;}
.btn-subscribeBlue:hover{color:#fff;background-color:#5bc0de;border:0px;}
.btn-subscribeOrg { color: #fff; background-color: #f0b24a; border:0px; font-size:20px; line-height:68px; min-height: 80px;}
.btn-subscribeOrg:hover { color: #fff; background-color: #e89e20; border:0px;}
.numberBg { background:#31b0d5 ; color:#FFFFFF; font-size:20px; -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; border:1px solid #037da0; width: 60px;height: 60px; float: left; text-align: center; line-height: 58px;}
.contTopBg { background:#262626; padding: 25px; font-size: 18px; color: white; margin-left: 1.3%; margin-right: 1.3%; width:97.5%; float: left; margin-top:20px;}
.numberBgorange { background:#fea132; color:#FFFFFF; font-size:20px; -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; border:1px solid #bf7012; width: 60px;height: 60px; float: left; text-align: center; line-height: 58px;}
.contTopBg { background:#262626; padding: 25px 25px 25px 120px; font-size: 18px; color: white; width:100%; float: left;}
.contTopBgmain { background:#262626; padding: 25px; font-size: 18px; color: white; width:100%; margin-top:20px;}
.contTopBg1 { padding: 5px 0px; font-family:fantasy; font-weight:600; font-size: 22px; margin-left: 0.3%; margin-right: 0.3%; width:99.5%; float: left; margin-top:20px;}
.footerHome { background: #262626; margin: 0;}
#login .modal-dialog { width:400px;}
.text-white { color:#FFFFFF; }
.text-pink { color:#e65fa1; }
.loginBtnTop { width: 100px;
    height: 45px;
    font-size: 20px;
}
.font12 { font-size:12px; }
@media only screen and (max-width: 320px) {
	.btnMyAccount { padding: 10px; font-size: 13px; }
}
@media only screen and (max-width: 640px) {
	.logo { text-align:center;}
	.logo img { margin:0 auto;}
	.homeIcon { padding-top:10px;}
	#nav .navbar-inverse { background-color:#d4d4d4;}
	#nav .mobTab { width:90%; margin:0 5%;}
	.navbar-inverse .navbar-nav>li>a {border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom: 2px;}
	.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom: 2px;}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 2px;}
	.myAcBtn {width: 33.33%; float: left; text-align: center; margin: 10px 0; line-height:13px; border-left: 1px solid #d6d6d4;}
	.sr-only { position: inherit; width: 65px; height: 16px; float: right; line-height: 13px; text-align: right;}
	.navbar-toggle .icon-bar { width: 18px;}
	.navbar-toggle .icon-bar+.icon-bar { margin-top: 3px; }
	.pad_5 { padding: 0 2px; }
	.textLink, .textLinkE { padding:0px 4px; text-transform:inherit; margin: 0px; font-size: 10px; font-weight: bold; min-height:70px; }
	.textLinkHt,.textLinkEHt { padding: 6px; text-transform:inherit; margin: 0px; font-size: 10px; height: 42px;}
	.clockBox { float:none; text-align:center;}
	.questionContBox { margin-top:25px;}
	.questionMnBox { padding-bottom: 15px;}
	.reviseMobBox { margin-top:15px; text-align:center;}
	.boxShadow { /*width: 100%;*/ margin:0 auto; }
	.tabLinkBox { padding: 0 4px; margin-bottom: 8px;width: 25%;}
	.tabLinkBox1 { width:12.5%; float:left;}
	.tabLinkBox14, .tabLinkBox15 { display:none; }
	.mobMrgBotm { margin-bottom:15px;}
	.textRtMrg  { margin-bottom:15px; text-align:center;}
	.mathsHd { min-height:auto!important;}	
	.dayBoxLink, .dayOrgLink { padding: 5px; margin: 0 1%; width: 98%; min-height:70px!important; font-size:11px; }
	.dayBoxLink .font14, .dayOrgLink .font14 { word-break: break-word;}
	.checkImg { background-size: 75%;}
	.manageTableBox { margin-right:0%;  margin-bottom: 30px;}
	.btn-wth1 { width:100%!important; margin:0 0 5px 0!important;}
	.form-inline .form-control { display: inline-block; width: 50%; vertical-align: middle; }
	.dataTables_wrapper .dataTables_filter { float: right!important; text-align: right!important;}
	.dataTables_filter label { text-align: right;}
	.mrgMob { margin-top:0px;}
	#greenBtn td:first-child:before, #greenBtn th:first-child:before { display:none; }
	.mobMrgTop { margin-top:15px;}
	.btnReport, .btnReportSel {padding: 5px 0; min-height: auto;}
	.padRtNone { padding-right:0px;}
	.childrenMathsBox li {width: auto!important;}
	.mrgAllDvs { margin-top: 0px;}	
	.step3_btn { font-size:14px; }
	.mobMrgLt { margin: 0 15px; float: left; width: 86%;}
	.startTest_midBox { height:272px!important;}
	.startTest_top_textfield { height:100px!important;}
	.startTest_botm_textfield { margin: 31px 10px 0 0px!important;}
	.startTest_botm_textfield input { width:137px!important; height:72px!important; font-size:28px!important;}
	.btn-save { width:auto!important; padding: 2px 4px!important;}	
	.btn-save:first-child { margin-right:5px;}	
	.orgBoxbgArit { margin:0px 0; width:auto;}
	.grayBoxbgArit { margin:15px 0; width:auto;}
	.witBoxbgArit { width: 100%!important; margin-top:15px;padding:0px;}
	
	.mnOrangeBox .orgBoxbg, .grayBoxbg { width: 29.8%; margin-bottom:10px;}
	.mnOrangeBox .orgBoxbgMob, .grayBoxbgMob {margin-right:0px;}
	.mnBlueBox .orgBoxbg, .grayBoxbg { width: 29.8%; margin-bottom:10px;}
	.mnBlueBox .orgBoxbgMob, .grayBoxbgMob {margin-right:0px;}
	.witBoxbg { width:100%!important;}
	
	/*------------------------- NEW CLASS----------------------------*/
	
	.startTestSpl_midBox { border-right:0px solid #f0b24a;}
	#login .modal-dialog { width: 300px;}
	.logoutBox {text-align: center;}
	.btnDash, .btnDashImg { font-size:20px!important;}
	.btnDash, .btnDashImg1 { font-size:20px!important;}
	.brokenLink { margin-top:8px;}
	/*.pinkFont { text-align:left;}*/
	.mnOrangeBox .orgBoxbg { margin:0 4px 9px 4px!important; width:30%!important;}
	.mnBlueBox .orgBoxbg { margin: 0 4px 9px 4px!important; width:30%!important;}
	.grayBoxbg { margin:0 4px 9px 4px!important; width:30%!important;}
	.mobPadLTnone { padding-left:0px;}
	.btnDash, .btnDashImg { min-height: 140px!important;}
	.dashMnBox .btnDashImg .overlay .text { font-size: 14px!important;}
	.dashMnBox .btnDashImg1 .overlay .text { font-size: 14px!important;}
	.btnDashImg img { width:70%!important;}
	.DesTopmrg { margin-top: 20px;}
	.childloginbox { padding: 20px 10px;}
	.childloginbox .loginimage img {/* width:100%;*/ }
	.childloginbox .loginTextBox { width: 267px;}
	.btnLink { font-size: 16px;}
	.orgTestLink .amTestLinkPad, .blueTestLink .amTestLinkPad { padding:35px 0 35px 0;}
	.h3, h3 { font-size: 20px;}
	
	/*------------------------- HOME PAGE ----------------------------*/
	.headerHome .logo { margin-bottom: 12px;}
	.headerHome .myAcBtn { width: 50%; border-left:none;}
	.mobMrgBotm { margin-bottom:10px;}
	.mobMrgBotm1 { margin-bottom:30px;}
	.numberBg {float: none; display: block; margin: 0 auto;}
	.contTopBg { padding: 18px; font-size: 14px; margin-left: 5%; margin-right: 5%; width: 90%!important; float: left; margin-top: 20px;}
	.topImage { margin: -25px 0 0 -12px;}
	.topImage img {width: 65%;}
	.topHd h2 { font-size: 20px;}
	.topSubhd h4 { font-size: 18px;}
    .topSubhd1 h4 { font-size: 18px;}
	.topSubhd h5 { font-size: 14px;}
    .topSubhd1 h5 { font-size: 14px;}
	.topSubhd ul { font-size: 14px;}
    .topSubhd1 ul { font-size: 14px;}
}
@media only screen and (max-width: 834px) {
	a.font18 { font-size:18px; }
	.table-bordered { border: 1px solid #6fcbe6!important;}
	.table-responsive { border: 0px solid #ddd;}
	.questionMidBox { background:#FFFFFF;}
	ul.tabs li { padding-left:14px!important; padding-right:14px!important;}
	.tbltPad { padding:0 5px;}
	.mathsHd { text-transform: uppercase; min-height: 50px;}
	.MainLinkBox .mathsHd { min-height: 0px;}
	.mathsBGBox h4, .mathsBGBlueBox h4 { font-size: 14px;}
	.dayBoxLink { padding: 15px 5px 5px 5px; margin: 0 1%; width: 98%; min-height:83px; font-size:20px; }
	.dayOrgLink { padding: 15px 5px 5px 5px; margin: 0 1%; width: 98%; min-height:83px; font-size:20px; }
	.dayBoxLink .font14, .dayOrgLink .font14 { font-size: 14px; line-height: 14px;}
	.checkImg { background-size: 75%;}
	.manageTableBox { margin-right:0%;  margin-bottom: 30px;}
	.btn-wth1 { width: 24%; float: left; margin: 0 0.5%;}
	#greenBtn td:first-child:before, #greenBtn th:first-child:before { display:none; }
	.mrgAllDvs { margin-top: 0px;}
	.startTest_top_textfield { height: 100px;}
	.startTest_midBox { height: 240px;}
	.startTest_botm_textfield { margin:76px 17px 0 0px;}
	.startTest_botm_textfield input { width: 88px; height: 32px;padding: 3px; font-size: 26px;}
	.btn-save { width: 100%;margin-bottom:7px;}
	.btn-save:first-child { margin-bottom:0px;}	
	.witBoxbgArit {width: 23%;}
	.witBoxbg { width: 21%;}
	
	/*------------------------- HOME PAGE ----------------------------*/
	.btn-subscribeOrg { font-size: 14px; line-height: 68px; font-weight: bold;}
	.btn-subscribeBlue { font-size: 14px; line-height: 68px; font-weight: bold;}
	.numberBg { width:40px; height:40px; line-height: 38px;}
	.padLtRtNone { padding-left:0; padding-right:0px;}
	.contTopBg { width: 97%;}
	.topContent h2 { font-size: 24px;}	
	.mathsLink { font-size:12px;}
	
	/*------------------------- New Class ----------------------------*/
	.dayBox { width: 33.33333%; padding: 0 10px;}
	.dayOrgBox { width: 33.33333%; padding: 0 10px;}
	.dayBox .checkImg, .dayOrgBox .checkImg { right: 0; }
	.btnDash, .btnDashImg { font-size:16px; /*min-height: 235px;*/ height: 115px;}
	.dashMnBox .btnDashImg .overlay .text { font-size: 16px;}
	.mnOrangeBox .orgBoxbg { margin:0 8px 8px 0; width: 15%;}
	.mnBlueBox .orgBoxbg { margin: 0 8px 8px 0; width: 15%;}
	.grayBoxbg { margin:0 8px 8px 0; width: 15%;}	
	.btnDashImg img { width:90%;}
	.padRight10, .padRight40 { padding-right:15px;}
	.padLeft10, .padLeft40 { padding-left:15px;}
	.playBtnBox .font10 {line-height: normal;}
	
}

@media only screen and (max-width: 1200px) and (min-width: 835px) {
	.startTest_midBox { height: 335px;}
	.startTest_botm_textfield { margin: 135px 56px 0 0px;}
	.startTest_botm_textfield input { width: 169px; height: 72px;}
	.dayBoxLink .font14, .dayOrgLink .font14 { font-size: 12px; line-height: 14px;}
	.btnDashImg img { width:90%;}
	.dayBoxLink, .dayOrgLink { min-height: 102px; font-size: 16px;}
	
	.startTest_botm_textfield_Full { margin: 133px 56px 0 0px;}
	.long_multipli {margin-left: 8px;margin-top: 32px;}
	.startTest_botm_textfield_Full input {width: 169px;}
	.long_dv { margin-left: 5px;}
}

	/*------- class used by Rachael for discount code ---------*/
.rachsmallerdiscount {font-size:26px;}
.dlHeading-sm .c539 { width:5%; }
.dlHeading-sm .c577 { text-align:left; }
.dlHeading-sm .width10p { width: 10%; }
.Answer-in-arrow-tick-box-word .arrowCPick { top:22px; }

/* New design */
.account-info {
	display: flex;
	justify-content: flex-end;
}
.account-info.with-avatar {
	padding-right: 140px;
}
.account-info .actions {
	text-align: right;
}
.avatar-wrap {
	display: inline-block;
	width: 130px;
	height: 130px;
	position: absolute;
	top: 0;
	z-index: 1039;
	right: 0;
	border-radius: 50%;
	border: 2px solid #e7e6e6;
	background: #f6fafa;
	overflow: hidden;
}
.avatar-wrap svg {
	width: 100%;
	height: auto;
}
.avatar-wrap .avatar-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(53 76 118 / 80%);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 1.1;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 500;
	opacity: 0;
	transition: .2s;
}
.avatar-wrap:hover {
	border-color: #354b75;
}
.avatar-wrap:hover .avatar-overlay {
	opacity: 1;
}
.coins-row {
	display: flex;
	justify-content: flex-end;
}
.hero-coins-widget {
	position: relative;
	margin-top: 25px;
	margin-right: -15px;
	display: flex;
	align-items: center;
	user-select: none;
}
.hero-coins-widget:hover {
	color: initial;
}
.hero-coins-widget svg {
	z-index: 100;
	position: relative;
}
.hero-coins-widget .coins-instructions {
	opacity: 0;
	font-size: 32px;
	text-shadow: 1px 1px 0 black;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	border: 5px solid #d5a829;
	border-radius: 50%;
	background: #f8b130;
	color: #e4242c;
	width: auto;
	height: 100%;
	aspect-ratio: 1;
	z-index: 101;
	transition: .2s;
}
.hero-coins-widget .coins-instructions:hover {
	opacity: 1;
}
.hero-coins-widget .coins-wrap {
	text-align: center;
	background: #8bcfcf;
	line-height: 1.1;
	padding: 5px 40px;
	border-radius: 30px;
	margin-left: -25px;
	color: #121117;
}
#nav {
	margin-top: 8px;
}
#nav.with-avatar .navbar {
	padding-right: 85px;
}
.top-bar {
	margin: 10px 0;
}
.d-flex {
	display: flex;
}
.justify-center {
	justify-content: center;
}
.items-center {
    align-items: center;
}
.page-scores .border-box .title-wrap {
	margin-top: 100px;
}
ul.tabs .mathsLtBox li, ul.tabs .mathsRtBox li {
	transition: .2s;
}
.reward_box {
	width: 100%;
	border-radius: 5px;
	padding: 5%;
	text-align: center;
	margin-top: 10px;
	border: 2px solid #c00101;
}
.reward_box > img {
	width: 50px;
	height: auto;
}

.dashboard-button {
	position: relative;
	width: calc((100% / var(--cols)) - (var(--gap) / var(--cols) * (var(--cols) - 1)));
}
.dashboard-button .btnDash {
	/*height: 120px;*/
	font-size: 22px;
	line-height: 1.2em;
}
.dashboard-wrap {
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	--cols: 4;
	--gap: 30px;
	gap: var(--gap);
	justify-content: center;
}
.dashboard-wrap.teacher-dashboard {
	--cols: 5;
}
.dashboard-wrap.teacher-dashboard .btnDash {
	font-size: 21px;
}

@media only screen and (max-width: 1200px) {
	.dashboard-wrap.teacher-dashboard {
		--gap: 20px;
	}
	.dashboard-wrap.teacher-dashboard .btnDash,
	.dashboard-wrap .btnDash {
		font-size: 18px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-inverse .navbar-nav>li>a {
		font-size: 14px;
		padding: 8px 15px;
	}
	.dashboard-wrap.teacher-dashboard {
		--cols: 3;
	}
}

@media only screen and (max-width: 767px) {
	.top-bar {
		margin: unset;
	}
	#nav .navbar-nav {
		flex-direction: column;
		margin: 15px 0;
	}
	#nav.with-avatar .navbar {
		padding: unset;
	}

	.navbar-nav, #nav .navbar-nav > li {
		margin: unset;
	}

	.navbar-inverse .navbar-collapse {
		border: none;
	}

	#nav .mobTab {
		display: none;
	}

	#nav .navbar {
		background-color: rgba(140, 207, 207, .3);
	}
	.account-info {
		flex-direction: column;
		padding-right: 15px !important;
	}
	.avatar-wrap {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	.account-info .helloBox {
		padding: 6px 0;
	}
	.coins-row {
		justify-content: center;
	}
	.hero-coins-widget {
		margin-right: unset;
	}
	.page-scores .border-box .title-wrap {
		margin-top: 0;
	}
	.dashboard-wrap, .dashboard-wrap.teacher-dashboard {
		--cols: 2;
		--gap: 15px;
		justify-content: center;
	}
}

.learn-bootcamp-img { max-width: 100% }
@media only screen and (max-width: 450px) {
	.learn-bootcamp-img {
		max-width: 250px;
	}
	.dashboard-wrap, .dashboard-wrap.teacher-dashboard {
		--cols: 1;
	}
}

/* Animated superhero backgrounds */
body.animated-bg .page-content {
	position: relative;
	overflow: hidden;
}
body.page-dashboard .page-content,
body.page-scores .page-content {
	background-color: #7bd0d2;
}
body.page-subject .page-content,
body.page-leaderboard .page-content {
	background: #beb2b5 url('../../assets/img/bricks_wall.jpeg') repeat;
}
body.page-topic .page-content,
body.page-mock-subjects .page-content {
	background-color: #d8f1f5;
}
body.animated-bg header,
body.colored-bg header {
	padding-bottom: 15px;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
	z-index: 11;
	position: relative;
}
body.animated-bg section.page-content > .container {
	position: relative;
	z-index: 10;
}
video.video-bg {
	display: none;
}
body.animated-bg video.video-bg {
	width: 100%;
	display: block;
	border-radius: 0;
	position: absolute;
	bottom: 0;
	z-index: 5;
	background: rgba(0, 0, 0, 0);
}
body.animated-bg.page-subject video.video-bg,
body.animated-bg.page-leaderboard video.video-bg {
	bottom: unset;
	top: 0;
	border-bottom: 1px solid #000000;
}
body.animated-bg.page-topic video.video-bg {
	position: relative;
	aspect-ratio: 3/1;
	object-fit: cover;
	object-position: bottom;
}
body.page-scores .btn.instructions,
body.page-dashboard .btn.instructions {
	background: #4f9e9c;
}
body.page-scores .btn.instructions:hover,
body.page-dashboard .btn.instructions:hover {
	background: #54a9a7;
}
body.page-dashboard .border-box {
	min-height: 600px;
}

@media only screen and (max-width: 767px) {
	body.animated-bg:not(.page-subject):not(.page-leaderboard) video.video-bg {
		position: relative;
		/*aspect-ratio: 5/2;*/
		/*object-fit: cover;*/
		/*object-position: bottom;*/
	}
	body.animated-bg header,
	body.colored-bg header {
		padding-bottom: 15px;
	}
}
.reviseMobBoxs .btn.instructions {
	margin-left: auto;
	transition: .2s;
}
/* End Animated superhero backgrounds */

/* Leaderboard */
h1.eleven-heading {
	color: #121117;
	font-size: 40px;
	font-weight: 400;
	text-align: center;
}
.leaderboard-table-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.leaderboard-table {
	width: 70%;
	border: 2px solid #fff;
	background: rgba(53,75,117,.7);
	border-radius: 10px;
	padding: 30px 15px;
}
.leaderboard-table:not(.active) {
	display: none;
}
.leaderboard-table .leader {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 5px 15px;
}
.leaderboard-table .leader:not(:last-child){
	margin-bottom: 15px;
}
.leaderboard-table .leader.highlight {
	border: 3px solid #fdca24;
	border-radius: 10px;
	padding: 5px 13px;
	background: rgb(253,202,36,.2);
}
.leaderboard-table .leader .position {
	flex-basis: 10%;
	color: #fff;
	font-size: 36px;
	text-align: center;
}
.leaderboard-table .leader .position > img {
	width: 60px;
	height: auto;
}
.leaderboard-table .leader .avatar {
	background: #f6fafa;
	height: 80px;
	width: 80px;
}
.leaderboard-table .leader .avatar > svg {
	height: 100%;
	width: 100%;
}
.leaderboard-table .leader .result {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	border-radius: 8px;
	border: 2px solid #fff;
	flex-grow: 1;
	background: rgba(53,75,117,.7);
}
.leaderboard-table .leader .result .name, .leaderboard-table .leader .result .coins .amount {
	color: #fff;
	font-size: 18px;
}
.leaderboard-table .leader .result .coins {
	display: flex;
	gap: 15px;
}
.leaderboard-table .leader .result .coins img {
	width: 30px;
	height: auto;
}
.coins-highlight {
	color: #fdca24;
}

body.page-leaderboard header {
	padding-bottom: 30px;
}
body.page-leaderboard .coins-row {
	display: none;
}
body.page-leaderboard .leaderboard-tabs {
	width: 68%;
	display: flex;
	border-radius: 10px 10px 0 0;
}
body.page-leaderboard .leaderboard-tabs .tab {
	border: 2px solid #fff;
	border-bottom: none;
	background: rgba(53, 75, 117, .7);
	border-radius: 10px 10px 0 0;
	padding: 5px 15px;
	color: #fff;
	margin-right: 5px;
	width: unset;
	cursor: pointer;
	transition: .2s;
}
body.page-leaderboard .leaderboard-tabs .tab.active,
body.page-leaderboard .leaderboard-tabs .tab:hover {
	background: rgba(53, 75, 117, 1);
}
body.page-leaderboard .swipe-note {
	display: none;
	text-align: right;
	color: #fff;
	width: 68%;
	margin-bottom: 5px;
}

body.page-leaderboard .flatpickr-datepicker {
	border: 1px solid #c3c3c3;
	height: 32px;
	line-height: 32px;
	/*width: 100%;*/
	padding: 8px;
	max-width: 360px;
	border-radius: 3px;
	background: #fff;
	min-width: 200px;
}

.flatpickr-days .flatpickr-day.inRange {
	background: #f7f6f6;
	border-color: #f7f6f6;
	box-shadow: -5px 0 0 #f7f6f6,5px 0 0 #f7f6f6;
	border-radius: 0
}

.flatpickr-days .flatpickr-day.endRange,.flatpickr-days .flatpickr-day.selected {
	background: #8BCFCF;
	color: #fff;
	border-color: #8BCFCF
}

.flatpickr-days .flatpickr-day.endRange.endRange,.flatpickr-days .flatpickr-day.selected.endRange {
	border-radius: 0
}

.flatpickr-days .flatpickr-day.selected,.flatpickr-days .flatpickr-day.selected:hover,.flatpickr-days .flatpickr-day.startRange,.flatpickr-days .flatpickr-day.startRange:hover,.flatpickr-days .flatpickr-day:hover {
	background: #8BCFCF;
	color: #fff;
	border-color: #8BCFCF;
	border-radius: 0
}

.flatpickr-day.endRange,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.startRange {
	border-color: #8BCFCF!important;
	background: #8BCFCF!important
}

.flatpickr-day.endRange,.flatpickr-day.endRange:hover {
	color: #fff!important;
	border-radius: 0!important
}

.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange {
	border-radius: 0!important
}

.flatpickr-days .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-days .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
	box-shadow: unset
}

.flatpickr-month {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.flatpickr-days .flatpickr-day.today {
	border-color: #c6c6c6;
	border-radius: 0
}

.flatpickr-days .flatpickr-day.today:focus,.flatpickr-days .flatpickr-day.today:hover {
	background-color: #8BCFCF;
	color: #fff
}

.flatpickr-days .flatpickr-day.endRange.endRange,.flatpickr-days .flatpickr-day.endRange.startRange,.flatpickr-days .flatpickr-day.endRange.startRange.endRange,.flatpickr-days .flatpickr-day.selected.endRange,.flatpickr-days .flatpickr-day.selected.startRange,.flatpickr-days .flatpickr-day.selected.startRange.endRange,.flatpickr-days .flatpickr-day.startRange.endRange,.flatpickr-days .flatpickr-day.startRange.startRange,.flatpickr-days .flatpickr-day.startRange.startRange.endRange {
	border-radius: 0
}

.flatpickr-days .flatpickr-day.inRange,.flatpickr-days .flatpickr-day.nextMonthDay.inRange,.flatpickr-days .flatpickr-day.prevMonthDay.inRange {
	background: #f7f6f6;
	border-color: #f7f6f6;
	-webkit-box-shadow: -5px 0 0 #f7f6f6,5px 0 0 #f7f6f6;
	box-shadow: -5px 0 0 #f7f6f6,5px 0 0 #f7f6f6
}

.flatpickr-days .flatpickr-day.endRange,.flatpickr-days .flatpickr-day.endRange.inRange,.flatpickr-days .flatpickr-day.endRange.nextMonthDay,.flatpickr-days .flatpickr-day.endRange.prevMonthDay,.flatpickr-days .flatpickr-day.endRange:focus,.flatpickr-days .flatpickr-day.endRange:hover,.flatpickr-days .flatpickr-day.nextMonthDay:focus,.flatpickr-days .flatpickr-day.nextMonthDay:hover,.flatpickr-days .flatpickr-day.prevMonthDay:focus,.flatpickr-days .flatpickr-day.prevMonthDay:hover,.flatpickr-days .flatpickr-day.selected,.flatpickr-days .flatpickr-day.selected.inRange,.flatpickr-days .flatpickr-day.selected.nextMonthDay,.flatpickr-days .flatpickr-day.selected.prevMonthDay,.flatpickr-days .flatpickr-day.selected:focus,.flatpickr-days .flatpickr-day.selected:hover,.flatpickr-days .flatpickr-day.startRange,.flatpickr-days .flatpickr-day.startRange.inRange,.flatpickr-days .flatpickr-day.startRange.nextMonthDay,.flatpickr-days .flatpickr-day.startRange.prevMonthDay,.flatpickr-days .flatpickr-day.startRange:focus,.flatpickr-days .flatpickr-day.startRange:hover,.flatpickr-days .flatpickr-day:focus,.flatpickr-days .flatpickr-day:hover {
	background: #8BCFCF;
	color: #fff;
	border-color: #8BCFCF;
	border-radius: 0
}

.flatpickr-days .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-days .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-days .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
	box-shadow: unset
}

.flatpickr-calendar .flatpickr-day {
	font-size: 16px;
	font-weight: 500
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month,.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
	height: 18px
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
	left: 35px!important
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
	right: 35px!important
}

.flatpickr-confirm {
	padding: 5px;
	margin: 10px 5px 5px 5px;
	background: #8ccfcf;
	border-radius: 3px;
	cursor: pointer;
	transition: .2s;
	font-size: 16px;
}
.flatpickr-confirm:hover {
	background: #54A9A7;
}
.flatpickr-confirm svg {
	display: none;
}

body.page-leaderboard .leaderboard-filters {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}
.leaderboard-filters .period-buttons-wrapper {
	display: flex;
	flex-wrap: nowrap;
}
.leaderboard-filters .period-button {
	position: absolute;
	left: -9999em;
	top: -9999em;
}
.leaderboard-filters .period-button + label {
	float: left;
	padding: 0.4em 1em;
	cursor: pointer;
	border: none;
	margin-right: -1px;
	color: #000;
	background-color: #8BCFCF;
	font-weight: 400;
	white-space: nowrap;
	transition: .2s;
}
.leaderboard-filters .period-button + label:first-of-type {
	border-radius: 3px 0 0 3px;
}
.leaderboard-filters .period-button + label:last-of-type {
	border-radius: 0 3px 3px 0;
}
.leaderboard-filters .period-button:checked + label,
.leaderboard-filters .period-button:hover + label {
	background-color: #54A9A7;
}
.leaderboard-filters:not(.custom) .flatpickr-datepicker {
	display: none;
}
.ma-inline-checkbox {
	display: flex;
	align-items: center;
	gap: 5px;
}
.ma-inline-checkbox label,
.ma-inline-checkbox input,
.ma-inline-checkbox .whatsBox {
	margin: unset;
}
.font-weight-normal {
	font-weight: normal;
}
.line-height-font {
	line-height: 1;
}
.white-space-nowrap {
	white-space: nowrap;
}
.white-space-wrap {
    white-space: wrap;
}

.reading-section .textBlockBox img {
    max-width: 100%;
    height: auto !important;
    margin: 0 auto;
    display: block;
}
.reading-section .textBlockBox {
    padding-right: 15px;
}

@media only screen and (max-width: 767px) {
	.leaderboard-table {
		width: 100%;
		padding: 20px 10px;
	}
	body.page-leaderboard .leaderboard-tabs {
		width: 96%;
	}
	.leaderboard-table .leader {
		padding: 9px;
		gap: 15px;
	}
	.leaderboard-table .leader .position {
		flex-basis: unset;
		width: 35px;
		font-size: 24px;
	}
	.leaderboard-table .leader .position > img {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
	}
	.leaderboard-table .leader .avatar {
		width: 55px;
		height: 55px;
	}
	.leaderboard-table .leader .result {
		flex-direction: column;
		align-items: center;
	}
	.leaderboard-table .leader .result .name {
		font-size: 16px;
		text-align: center;
	}
	.leaderboard-table .leader.highlight {
		padding: 6px;
		border-width: 2px;
	}
	.mobile-shadow {
		text-shadow: 1px 1px 3px #121117;
	}
	.page-topic .bc-logo {
		margin: 0 auto;
		max-width: 165px;
	}
	body.page-leaderboard .swipe-note {
		text-align: center;
		width: 96%;
	}

	body.page-leaderboard .leaderboard-filters {
		flex-direction: column;
	}
}

/* End Leaderboard */