@charset "utf-8";
/* CSS Document */
/****************************** Media Queries ************************
Small only
@media screen and (max-width: 39.9375em) {}

Medium and up 
@media screen and (min-width: 40em) {}

Medium only 
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

Large and up 
@media screen and (min-width: 64em) {}

 Large only 
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}
*/


/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800&subset=latin-ext,latin);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700italic,400,800);*/

/* Modal Testing*/
#kneejerk{
	background-color: #00a6ce;
	border-radius: 8px;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	height: 42px;
	cursor: pointer;
}
#genericResponseModal{
	padding: 0px 0px 10px 0px;
 border: 4px solid rgb(0, 167, 206);
}
#genericResponseBlock{
	padding: 8px;
}
#genericResponseMsgTop{	
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    height: 50px;   
    padding: 8px;
}
#genericResponseMsgTopBlock{
	background-color: #00a6ce;
}
/* Modal Testing end*/
body {
font-family: 'Open Sans', sans-serif;
margin:0;
color: #000;
font-weight:normal;
line-height: 1.0;
font-size: 16px;

}
/*
for student list


*/
/*table#assignStudentTbl>tbody>tr>td{
	padding: 6px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	background: none !important;
	background-color: #00A6CE !important;
	color: #fff !important;
}*/
a.mobLnk{
	color: #00a6ce !important;
 text-decoration: none;
}
.closeX{
	color: #fff;
}
#assignedMsgBlock{
	padding-top: 8px;
}
#ddpane{
	display: none;
	position: relative;
	top: 105px;
	background: #fff;
	height: auto;
	border-left: 1px solid #00a6ce;
	border-bottom: 1px solid #00a6ce;
	padding-top: 8px;
		width: 200px !important;
		right: 0px;
		white-space: pre-line;
}
#ddpane:before{
	content: '';
}
#ddpane > ul > li > a{
	color: #000;

}
#ddpane > ul > li > a:hover{
	color: #00a6ce;
		background-color: rgba(0,0,0,.1);
}
#lessonGradeImage{
	margin-bottom: 16px;
}
.mobileBtnNav{
	background-color: #00a6ce;
	border-radius: 8px;
	color: #fff;
	font-size: 1.25em;/**/
	font-weight: bold;
	padding: 8px;
	text-align: center;
	width: 75px;
	height: 42px;
	cursor: pointer;
	white-space: nowrap;
}
.mobileBtnNavSignUp{
	background-color: #00a6ce;
	border-radius: 8px;
	color: #fff;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	width: 114px;
	height: 42px;
	cursor: pointer;
	white-space: nowrap;
}
#anim{
	width: 230px;
	height: 230px;
}
#asgnStds{
	height: 42px;
	font-size: 1.25em;
	padding: 8px 15px;
	font-weight: bold;
	border-radius: 8px;
	margin-left: 20px;
	color: #fff;
}
.codeLabel{
	font-size: 16px !important;
	font-weight: bold;
}
#classCodeBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
}
.dataclassroom{
	color: #000;
	font-size: 1.2rem;
	text-decoration: none;
}
.circles-progress-text, .circles-text{
	font-size: 18px !important;
	color: #00a6ce;
}
/*.timer{
	background-color: transparent;
	font-size: 18px !important;
	color: #00a6ce;
}
.is-countdown{
	background-color: transparent;
	border: none;
}*/
.generalBtnBox{
	margin-top: 20px;
}
#generalDoneBtn{
	color: #fff;
	background-color: #00a6ce;
	font-weight: bold;
}
#generalModal{
	padding: 0px 0px 10px 0px;
	border: 4px solid rgb(0, 167, 206);
}
#awardModal{
	padding: 0px 0px 10px 0px;
	border-left: 4px solid rgb(0, 167, 206);
	border-right: 4px solid rgb(0, 167, 206);
	border-bottom: 4px solid rgb(0, 167, 206);
}
#generalModalBlock,#awardModalBlock{
	padding: 8px;
}
.generalMsgTop,#awardMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	height: 50px;	
}
/************  start pre-launch *********************/
a.footerLink:active, a.footerLink:visited, a.footerLink:hover,a.footerLink:link{
	color: #000;
	text-decoration: none;
	font-size: .8rem;
}
#pre_banner{
	/*width: 1024px;
	height: 325px;*/
	margin-bottom: 20px;
}
#pre_bottomLogo{
	padding-left: 25px;
}
#footerBottomLogo{
	display: inline-block;
	vertical-align: top;
}
#footerBottomLogoBox{
	
}
#footermyacct{
	display: inline-block;
    padding: 0px 18px;
    vertical-align: top;
}
#footermyacctTitle{
	color: #ff4c00;
	margin-bottom: 5px;
}
#footerRight{
	margin-top: 13px;
	padding-left: 0px;
	margin-left: 51px;
	}
#footerBottomLogoTxt{
	display: inline-block;
	margin-left: 16px;
	margin-top: 13px;
	width: 235px;
}
#footerGradeBlock{
	margin-top: 10px;
}
.footerLinkBox{
	border-left: 3.5px solid #fff;
	display: inline-block;
	padding: 0px 18px;
	vertical-align: top;
}
#footerLinkBoxRight{
	
}
#hintColMobBox{	
		min-height: 50px;
		min-width: 115px;
		height: 50px;
		width: 115px;
		padding: 0px;
		margin-left: 6px;
	}
#lessonMsgText{
	min-height: 68px;
	padding: 8px;
	text-align: center;
}
#lessonMsgTop{
		background-color: rgb(0, 167, 206);
	color: #fff;
	font-weight: bold;
	height: 30px;
	position: relative;
	text-align:center;
	vertical-align: middle;
}
.lessonMsgTopTxt{
	transform: translateY(25%);
}
#pre_container{
	margin: 0 auto;
	max-width: 1024px;
}
#pre_footer{
	background-color: rgba(0, 0, 0, 0.05);
padding-top: 15px;
}
#pre_footer li{
	line-height: 17.5px;
}
#pre_footerInner{
	max-width: 1024px;
}
.qmBlock{
	padding-left: 8px !important;
 padding-top: 30px;
}
#footerBottomMobile{
	margin-top: 11px;
}
#footerLnkSiteTitle{
	color:#ff9e15;
	margin-bottom: 5px;
}
#footerSiteLnks{
	list-style-type: none;
	line-height: 15px;
	margin: 0px;
}

#footerLnkUsefulTitle{
	color: #5bb55e;
	margin-bottom: 5px;
}
#footerUsefulLnks{
	list-style-type: none;
	line-height: 15px;
	margin: 0px;
}
.fullrow{
	max-width: 1024px;
  width: 1024px;
}
.halfRow{
	max-width: 1024px;
}
.halfRowTop{
	min-width: 1024px;
}
#mobNavLogo{
	padding-left: 0px;
	text-align: left;
}
#publicMobile{
	background-image: url('/images/hamburgermenu.png');
	width: 30px;
	height: 27px;
}
#socialTitle{
	color: #00a6ce;
	margin-bottom: 5px;
}
#socialBoxMobile{
	text-align: center;
}
.gradeBoxA{
	display: inline-block;
	margin-left: 29px;
}
.gradeBoxB{
	display: inline-block;
margin:  0px 52px 0px 29px;
}
.gradeBoxC{
	display: inline-block;
	margin-right: 52px;
}
.gradeBox{
	padding-bottom: 52px;
	padding-top: 32px;	
}
#bottomCopy{
	margin-top: 20px;
	padding-bottom: 8px;
	text-align: center;
}

.boxgra{
	display: inline-block;
}
.gradeBoxOutside{
	max-width: 970px;
/*	padding-bottom: 18px;
	padding-top: 5px;*/
}
.mobNavClose{
	color: #00a6ce;
}
.mobNavLinkBlock{
	line-height: 2.4em;
	list-style-type: none;
	font-size: 18px;
	margin-bottom: 0px;
}
#mobNavTitle{
	border-bottom: 3px solid #00a6ce;
		color: #00a6ce;
		font-size: 1.3em;
		font-weight: bold;
		min-height: 2.7em;
}
#mobNavTitleBlock{
	margin: 0px;
}
.mobNavTitleText{
	
}
#modalPublicMobileMenu{
	padding: 0px;
}
.preTxt14{
	font-size: 14px;
}
.socialIconBtm{
	margin-bottom: 6px;
}
.socialIconLeft{
	margin-left: 6px;
}
.socialIconTop{
	margin-top: 4px;
}
.pre_socialIcon{
	display: inline-block;
	margin:4px 4px;
}
.botttomAbout{
	width: 80%;
}
#studentAutoLogModal{
	padding: 0px;
	border: 4px solid rgb(0, 167, 206);
}
#studentAutoLogModalBlock{
	padding: 15px;
}
#welAutoStd{
	background-color: #00a6ce;
    border-radius: 8px;
    font-size: 1.50em;
    padding: 18px;
    font-weight: bold;
    margin: 0px;
    width: 100%;
}
#studentAutoMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	height: 42px;
}
#studentAutoBtnBox{
	margin-top: 13px;
}
#studentAutoLogDoneBtn{
	border-radius: 8px;
    font-size: 1.5em;
    font-weight: bold;
    padding: 8px 68px;
    color: #00a6ce;
    width: 100%;
    background-color: #fff;
    border: 2px solid #00a6ce;
    margin: 0px;
}
#stdAutoLogout{
	font-style: italic;
	text-align: center;
	margin-top: 10px;
}
#stdAutoClose{
	color: #fff !important;
}
#stdAutoLogoutLnk{
	color: #00a6ce;
	font-size: .6em;
	font-style: italic;
}
@media screen and (max-width: 39.9375em) and (orientation: portrait){
	#iconBox{
		margin-bottom: 10px;
	}
}
/************ end pre-launch *********************/
/*********************************************************************  misc pages*/
.paraStyle{
	margin-bottom:  15px;
}
#faqblockInnerLeft{
	
}
.imgBlockSp{
	margin-top: 25px;
}
.imgBlockSpTop{
	margin-top: 25px
}
#loginParentBtn, #changeIconBtn{
	display: flex;
	max-width: 100px;
	align-items: center;
}
#changeIconBtn{
	margin-right: 3px;
}
#loginParentView{
	display: inline-flex;
 width: 203px;
}
/*********************************************************************  end misc pages*/
/********************************************************************* About us*/
.aboutUparaStyle{
	line-height: 1.4em;
	margin-bottom: 15px;
}
/********************************************************************* End About us*/
/********************************************************************* Privacy*/
#privacyTitleBlock{
	background-color: #00416a;
	color: #fff;
	height: 42px;
	font-size: 1.25em;
	padding-left: 8px;
	}
	.ppList{
		margin-left: 2em;
	}
/********************************************************************* End Privacy*/
/*********************************************************************  Q&A pages*/
#aboutTop{
	 border-bottom: 1.5px solid rgba(0,0,0,.8);
		line-height: 24px;
}
#faqblockInnerLeft{
	
}
#faqTopInLeft{
	display: inline-block;
	vertical-align: top;
}
#faqBtmInLeft, #faqMidInLeft, #faqTopInLeft{
	margin-right: 10px;
}
#faqBlockB{
	background-image: url("../images/iknowit-animation-emblem.png");
	background-position: -1px -1px;
	background-repeat: no-repeat;
	background-size: 215px 220px;
	border-radius: 6px;
	width: 215px;
}
.divAllowance{
	/*margin-bottom: 10px;*/
}
.hrstyle{
	border-bottom: 2px solid #ccc;
	margin-bottom: 25px !important;
	padding-bottom: 10px;
}
.qaText{
	margin-bottom: 8px;
	line-height: 1.2;
}
#questFooter{	
	margin-bottom: 25px;
	padding-top: 10px;
}
#questHRBlock{
	border-bottom: 2px solid #00a6ce;
	padding-bottom: 10px;
}
#questFooterText{
	padding-bottom: 25px;
}
.questionBtnBottom{
	background-color: #00a6ce;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	width: 200px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.questHomeBtn{
	margin-right: 10px;
}
.clrPad{
	background-color: #00a6ce;
	border-top-left-radius: 8px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.qaBlock{
	border-bottom: 1px solid rgba(0,0,0,.3);
 padding-bottom: 15px;
	padding-top: 15px;
}
.qaBlockBtm{
	border-bottom: 1.5px solid rgba(0,0,0,.8);
 padding-bottom: 15px;
	padding-top: 15px;
}
.qaBottom{
	padding-bottom: 50px;
 padding-top: 15px;
	font-style: italic;
}
.qacc{
	display: table-cell;
    font-size: 14.5px;
				/*height: 40px;width: 23px;*/
    letter-spacing: -1px;
    vertical-align: middle;    
    text-align: center;
				color: #fff;
}
.qaccBlock{
	background-color: rgba(0,0,0,.3);   
	display: inline-table;
	font-weight: bold;
	height: 20px;
	/*line-height: 13px;*/
	margin-left: 2px;
	vertical-align: top;
	width: 25px;
}
.qasound{
	color: #00a6ce;
}
.qaTextBlock{
	padding-left: 15px !important;
}
#questionBtnHome, #questionBtnContact{
	background-color: #00a6ce;	
	margin: 0px;
}
.questPara{
	margin-bottom: 4px;
}
#faqBlockMiddle{
	padding-bottom: 10px;
}
.questParaTitle{
	margin-bottom: 4px;
	margin-top: 14px;
}

/*********************************************************************  end Q&A pages*/
/*********************************************************************** Index page*/
#bannerBtnContact{
	position: absolute;
	top:-105px;
	left: 695px;
	width: 85px;
}
#bannerAbout{
	position: absolute;
	top:-105px;
	left: 795px;
	width: 85px;
}
#bannerHelp{
	position: absolute;
	top:-105px;
	left: 896px;
	width: 85px;
}
#bannerBtnContactM, #bannerAboutM, #bannerHelpM{
	display: inline-block;
	width: 75px;
	margin-left: 15px;
	position: relative;
	top: -105px;
	left: 650px;
}
#bannerBtns{
		height: 0px;
		position: relative;
}
/*.gradeTitle{
	background-color: #c0c0c0;

}*/
#gradeLineK{
	background-color: #00A6CE;
	height: 8px;
}
#gradeLine1{
	
}
#gradeLine2{
	
}
#gradeLine3{
	
}
#gradeLine4{
	
}
#gradeLine5{
	
}
/*.gradeLineText{
	display: inline-block;
	width: 33%;
}*/
#contactBeta{
	margin-top: 15px;
	max-width: 972px;
}
#mobileBanner{
	height: 0px;
	
}
.moreBtnText{
	color: #00A6CE;
}
.moreBox{
	max-width: 920px;
}
.moreLessonBtn{
	font-size: 26px;
	color:#00A6CE;
}
#surveyBoxTopText{
	display: table-cell;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
}
a.moreLinkMobileText:link, a.moreLinkMobileText:visited, a.moreLinkMobileText:hover, a.moreLinkMobileText:active {
	color: #00A8D0;
	font-size: 18px;
	text-decoration: none;
}
a.homelogin{
	text-decoration: none;
}
#loginHomeT{
	margin-bottom: 10px;
	margin-top: 10px;
}
.loginBtnTxt{
	background-color: #00a6ce;
	border-radius: 8px;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	height: 42px;
	cursor: pointer;
}
.moreLnkBlock{
	margin-top: 20px;
	margin-bottom: 28px;
	max-width: 940px;
}
.moreLinkMobileBox{
	margin-bottom: 25px;
	margin-top: 10px;
}
.moreSpace{
	margin-bottom: 50px;
}
.secGrLnkBox{
	/*position: relative;*/
}
.secGrLnk{
	height: 26px;
	left: 659px;
	position: relative;/*absolute*/
	top: 28px;
	width: 300px;
}
#surveyBoxTop{
	
}
#surveyBoxText{
	padding: 12px;
}
#closeSurvey, #closeLogin{
	color: #fff;
}
#takeSurvey, #cancelSurvey{
	border-radius: 8px;
	font-weight: 700;
	color: #fff;
}
#takeSurvey{
	margin-left: 10px;
}
#surveyBtnBox{
	margin-top: 15px;
}
#topNav{
		margin-bottom: 12px;   
    max-width: 1024px;
	}
/*********************************************************************** End Index page*/
a.subBtns, a.subBtns:focus{
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	outline: 0 none;
}
a.navLinks{
	color: rgb(0,166,206);
	text-decoration: none;
	font-size: 16px;
}
a.navLinks:hover{
	text-decoration: underline;
}
table tbody{
	background-color: unset;
}
#answerBlock  > p  > label{
	font-size: inherit;
}
#answer_box{
	border: 3px solid rgb(0, 166, 207);
	display: inline;
	font-size: 45px;
	height: 60px;
	padding: 2px;
	vertical-align: middle;
	width: 166px;
}
#answer_field{
/*background-image: url("/images/submit.png");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: table-cell;
position: relative;*/
}
#answerRow{
	margin-top: 20px;
}
#bottomMobileRow{
	margin-top:3px;
}
#bottomRow{
	 font-size: 1rem;
	 margin-right: 0px !important;
	 width:100%;
}
#categoryMenu{
	list-style-type: none;
	margin: 0px;
}
#canvasBoxTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding: 4px 5px 4px 0px;
}
#canvasCtrlBtns{	
	border-bottom: 5px solid #00a6ce;
	border-left: 5px solid #00a6ce;
	background-color: rgb(255, 255, 255);
}
#canvasCtrlBtns > button{
	margin-bottom: 0px;
}
#completeBox{
	
}
.eolBox{
	border: 4px solid rgb(0, 167, 206);
	padding: 0px;
}
#EOLModalTxt{
	min-height: 100px;
	padding-top: 15px;
}
#footTxtBox{
	display: inline-block;
}

#hintBox{
	display: inline;
	width: 155px;
}
#hintCol{
	position: relative;
}
#lessonDatesBox{
	margin-top: 15px;
}
.progressValue{
	font-size: 18px;
}
#display_answer{
	border: 1px solid #000;
}
#hint{
	font-size: 25px;
	min-height: 50px;
	padding: 20px;
	white-space: pre-wrap;
}
#hintColMobile{
	background-image: url("/images/iknowit-mobile-hint.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	/*display: table-cell;*/
	position: relative;
	padding: 0px;
	width: 120px;
	height: 50px;
	min-width: 120px;
/*	left: -7px;*/
}
#hintTop, #surveyBoxTop{
	background-color: rgb(0, 167, 206);
	color: #fff;
	font-weight: bold;
	height: 50px;
	position: relative;
	text-align:center;
	vertical-align: middle;
}
#surveyBoxTop{
	display: table;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
#itemRemaining, #itemRemaining2{
	text-align: center;
	color:rgb(0, 166, 207);
	font-style: italic;
	font-weight: bold;
}
#leftTopArea{
	background-color: #9cddee;
	min-height: 74px;
}
#lessonHeaderContent{
	position: relative;
	height: 74px;
}
#lesson_area{
	border-right: 4px solid rgb(0, 167, 202);
	padding:0px;
}
#lesson_name{
	font-size: 20px;
	color: inherit;
}
#lessonContainer{
	margin: 10px 0px 0px;
	min-width: 724px;
}
#lessonHeader{	
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 575px 74px;
	height: 74px;
	padding-left: 10px;
	width: 575px;
}
#leftInnerHeader{
	left: -15px;
	position: relative;	
	width: 57px;
}
#listHeading{
	background: rgb(0, 166, 206) none repeat scroll 0 0;
	color: #fff;
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
	display: flex;
	width: 100%;
	height: 35px;
	padding-left: 15px;
	align-items: center;
}
.noHintText{
	font-size: 25px;
	padding: 20px;
	text-align: center;
}
/*********************************************************** both general and student settings */
.settingsMsg{
	border: 4px solid rgb(0, 167, 206);
	padding: 0px;
}
#settingsMsgTop{
	background-color: rgb(0, 167, 206);
	color: #fff;
	font-weight: bold;
	height: 30px;
	position: relative;
	text-align:center;
	vertical-align: middle;
}
.settingsMsgTopTxt{
	transform: translateY(25%);
}
#settingsMsgText{
	min-height: 68px;
	padding: 8px;
	text-align: center;
}
.settingsMsgClose{
	transform: translateY(-40%);
	color: #fff;
	font-weight: bold;
}
#closeSettingSavedBtn{
	border-radius: 8px;
	font-size: 1.25em;
	font-weight: bold;
	height: 50px;
	padding: 8px;
	width: 109px;
	color: #fff;
	background-color: #5cb65e;
}

.errsettingsMsg{
	border: 4px solid rgb(0, 167, 206);
	padding: 0px;
}
#errsettingsMsgTop{
	background-color: rgb(0, 167, 206);
	color: #fff;
	font-weight: bold;
	height: 30px;
	position: relative;
	text-align:center;
	vertical-align: middle;
}
.errsettingsMsgTopTxt{
	transform: translateY(25%);
}
#errsettingsMsgText{
	min-height: 68px;
	padding: 8px;
	text-align: center;
}
.errsettingsMsgClose{
	transform: translateY(-40%);
	color: #fff;
	font-weight: bold;
}
#errcloseSettingSavedBtn{
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	padding: 5px;
	width: 136px;
}
.warnBtnBox{
	margin-top: 20px;
}
.input_hidden {
    position: absolute;
    left: -9999px;
}
#animChoice label {
    display: inline-block;
    cursor: pointer;
}
#animChoice label img {
    padding: 3px;
}
/*********************************************************** End both general and student settings */
/*********************************************************** General Settings*/
#containerSettings{
	margin: 0 auto;
	max-width: 1024px;
}
#bannerSettings{
	margin-bottom: 20px;
}
#lessonSettingGenModal{
	padding: 0px;
	border: 0px;
}
#generalSubmit,#generalCancel{
	background-color: #00a6ce;
	border-radius: 8px;
	font-size: 1.25em;
	height: 42px;
	padding: 11px 17px;
}
#studentSettingsFormBlock{
	
}
/***********************************************************  End General Settings*/
/*********************************************************** Student Settings */
#recOn, #recOff,#recOnS, #recOffS,#recOnE, #recOffE{	
	border: medium none;
	border-radius: 5px;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
}
/*.ui-state-default{
	background: #c0c0c0 none repeat scroll 0 0;
}
.ui-state-active{
	background: #3ab249 none repeat scroll 0 0;
}
.ui-button-text-only  .ui-button-text{
	padding-left: 1.5em;
	padding-right: 1.5em;
}*/
#settingsDone{
	background-color: #00a6ce;
	border-radius: 8px;
	font-size: 1.25em;
	padding: 11px 17px;
	height: 42px;
}
#studentSubmit{
	background-color: #5cb65e;
	border-radius: 8px;
	font-size: 1.25em;
	padding: 11px 17px;
	height: 42px;
}
#studentSettingBox{
	margin-bottom: 50px;
	border: 4px solid #00a6ce;
	padding: 10px;
}
.stSettingBtns{
	text-align: right;
}
.stSettingBtnsLeft{
	text-align: right;
	margin-right: 11px;
}
#studentSavedText{
	margin-top: 20px;
	margin-bottom: 20px;
}
/*********************************************************** End Student Settings */
/*********************************************************** Assignment  Topics page */
.assignCompleted{
	background-color: #00a6ce;
	padding: 4px 0px 4px 6px;
	color: #fff;
}
/*********************************************************** End Assignment  Topics page */
/*********************************************************** Assignment page */
.assignBlock{
	width: 265px;
	margin: 0 auto;
}
.assignDueTxt{
	background-color: #00a6ce;
	color: #fff;
	padding: 10px;
}
#assignmentSearchBox{
	margin-bottom: 34px;
	margin-top: 34px;
}
#assignmentSearch{
	max-width: 1024px;
}
#assignBannerBox{
	margin-bottom: 15px;
}
#assignmentBlock{
	/*margin-top: 23px;
	margin-bottom: 65px;
	max-width: 1024px;*/
}
.assignImgBox{
	margin-bottom: 20px;
}
#assignmentBottom{
	height: 20px;
}
#assignName{
	color: #00a6ce;
	font-size: 24px;
	padding-right: 10px;
	text-align: right;
}
#assignRec{
	background-color: #00a6ce;
	min-height: 50px;
}

#assignRecText{
	color: #fff;
	font-size: 26px;
	padding-top: 10px;
	width: 312px;
}
.blockBreak{
	padding-left: 7px;
}
.imgRecsBox{
	margin-top: 20px;

}
#lessonCountBox{
	height: 0px;
	position: relative;
	top: 49px;
	left: 53px;
}
#lessonCountText{
	color: #fff;
	font-size: 30px;
	font-weight: bold;	
	line-height: 35px;
	max-height: 77px;
	width: 187px;	
	text-align: center;	
}
#lessonTopicBlock{
	margin-bottom: 24px;
}
.maxInnerRow {
   /* max-width: 100%;*/
    padding-left: 7px;
}
#recommendLessonsImg{
	max-width: 970px;
	padding-bottom: 20px;
	padding-top: 23px;
}
#seeMoreAssign{
	max-width: 970px;
}
#seeMoreAssignBox{
	margin-top: 10px;
}
#topicBlock, #yourAssignmentBlock, #exploreAdditionalBlock{	
	background-color: #00a6ce;
	color: #fff;
	font-size: 22px;
	height: 42px;
	align-items: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

.topicCatLes{
	align-items: center;
	justify-content: center;
	display: flex;
	margin-bottom: 20px;
}
#topicLessonBlock{
	margin-bottom: 20px;
}
.userLessonImage{
	display: block;
	margin: 0 auto;
}
/*********************************************************** End Assignment page */
/**********************************************************Student Progess*/
.next{	
	background-color: #00A6CE;
	border-radius: 8px !important;
	height: 42px !important;
	margin-right: 5px !important;
	padding: 8px 15px !important;
	font-size: 1.25em !important;
	font-weight: bold;
	color: #fff !important;
	cursor: pointer;
}
.previous{
	background-color: #00A6CE;
	border-radius: 8px !important;
	height: 42px !important;
	margin-right: 5px !important;
	padding: 8px 15px !important;
	font-size: 1.25em !important;
	font-weight: bold;
	cursor: pointer;
}
.assignedImg {
	height: 103px;
	width: 127px;
}
.cellLNHt{
	line-height: 18px;
}
.brdleft{
	width: 127px;
	padding: 1px;
}
.prgAns{
	margin-left: 10px;
}

#studentProgress{
border-radius: 0px;
}
.cell-border {
	border-collapse: collapse;
	border: 4px solid #00a6ce !important;
}
#myAwardShelfBlock{
	border-left: 4px solid #00a6ce;
	border-right: 4px solid #00a6ce;
	border-bottom: 4px solid #00a6ce;
  margin-bottom: 15px;
	padding-top: 10px;
  padding-bottom: 10px;
}
#myAwardShelfTitleBlock{
	background-color: #00a6ce;
	height: 42px;
	font-size: 1.25em;
	color: #fff;
	font-weight: bold;
	padding-left: 15px;
}
#myAwardLeft{
	height: 0px;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-right: 40px solid #00a6ce;
	width: 0px;
	cursor: pointer;
}
#myAwardRight{
	height: 0px;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 40px solid #00a6ce;
	width: 0px;
	cursor: pointer;
}
.platform{
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#stdProgressTitle{
	background-color: #00a6ce;
	height: 42px;
	color: #fff;
	font-size: 1.25em;
	padding-left: 15px;
	font-weight: bold;
}
.progressIcon{
	width: 127px;
	padding: 1px;
}
.progQue{
	background-color: #A7EC8A;
	color: #000;
	width: 135px;
	margin-bottom: 4px;
	margin-top: 1px;
	height: 48px;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.progIncr{
	background-color: #F3E09C;
	color: #000;
		width: 135px;
		margin-bottom: 1px;
		height: 48px;
		padding: 0px;
		display: flex;
	justify-content: center;
	align-items: center;
}
.prgScore{
	
}
.prgViews{
	padding: 1px !important;
	width: 137px;
}
.progQue:hover, .progQue:focus{
	background-color: #a0da87;
	color: #000;
		width: 135px;
	}
.progIncr:hover, .progIncr:focus{
	background-color: rgba(222, 205, 143, 0.98);
	color: #000;
		width: 135px;
	}
	#StProgressBlock{
		margin-bottom: 25px;
	}
/**********************************************************End Student Progess*/
/**********************************************************login page */
#lessonHeaderControl{
	background-color: rgb(156, 221, 238);
	max-height: 74px;
}
#loginBox{
	border: 3px solid #00a6ce;
	padding: 15px;
}

#loginBoxOuter{
	margin-bottom: 100px;
}
#loginSubmitBtn{
	height: 50px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 18px; 
}
#submitBox{
	margin-top: 20px;
}
#username{
	/*margin-top: 10px;*/
}
#whoType{
	margin: 0px;
}
/********************************************************** end login page */
#lowerNextBtnBox{
	padding-left: 32px;
}
#logoWhite{	
	height: 74px;
	margin: auto 0;
	max-width: 140px;
	padding-left: 1px;
	padding-right: 8px;
	padding-top: 10px;
	margin-left: 20px;
}
#main{
	background-color: rgb(0, 167, 202);
	font-size: 20px;
	height: 74px;
	max-width: 972px;
	position: relative;
}
#main_middle{
	 border-left: 20px solid rgb(0,167,206);
	 border-right: 20px solid rgb(0,167,206);
	 border-bottom: 20px solid rgb(0,167,206);
	 padding:10px 0px 10px 10px;
	 max-width:972px;
}
#main_nav{	
	background-color: #fff;
	border: 2px solid rgb(0, 166, 206);
	border-bottom-left-radius: 8px;
	padding: 8px;
}
#main_nav_mobile{
padding: 10px;
margin-top: 20px;
}
#menuBlock{
	max-width: 30px;
	position: relative;
}
#menuDropDown{
	position: absolute;
	right: 0px;
	top: 72px;
	z-index: 1000;
}
.mobileBtn{
	font-size: 30px;
	color: #fff;
}
#mobileBtnsLower{
	margin-bottom: 10px;
}
#mobile_main_middle{
	border-left: 20px solid rgb(0,167,206);
	 border-right: 20px solid rgb(0,167,206);
	 border-bottom: 20px solid rgb(0,167,206);
	 padding:10px 10px 0px 10px;
}
#mobile_scratchArea{
	/*margin: 0px 8px 0px 0px;*/
	min-height: 40px;
	min-width: 32px;
	padding: 0px;
	/*position: relative;	
	top: 2px;*/
}
#middleInnerHeader{	
	/*display: table-cell;*/
	height: 74px;
	max-height: 74px;
	padding-left: 25px;
	vertical-align: middle;
	z-index: 1000;
}
#mobile_main2{
	background-color:	rgb(0, 167, 206);
	border-left: 20px solid rgb(0, 167, 206);
	border-right: 20px solid rgb(0, 167, 206);
	height: 39px;
}
#mobile_mainMiddleTop{
	height:48px;
	width: 100%;
}
#mobile_progressContainer{
	background-color:	rgb(0, 167, 206);
	height: 47px;/*compensate for menu image height*/
}
#mobile_progressInner{
	position:relative;
}
#mobile_scoreBox{
	/*background-image: url("/images/iknowit-mobile-circle.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;*/
	display: inline-block;
	margin-left: 6px;
	height: 80px;
	width:	80px;	
	vertical-align: top;
}
#mobile_progressBoxText{
	position: relative;
	top: -6px;
	text-align: center;
	color: rgb(0, 166, 207);
	font-weight: bold;
	width: 92px;
}
#mobile_progressBox{
	background-image: url("/images/iknowit-mobile-circle.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	margin-left: 13px;
	height: 80px;
	width:	80px;
}
#outCir, #outCirQues{
	background-image: url("/images/iknowit-mobile-circle-white.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;	
	height: 92px;
	width:	92px;
}
#outCir{
	padding: 9px;
}
#circle, #circleQues{
	width: 80px;
	margin-left: 9px;
	padding-top: 8px;	
}
.pie_progress__content{
	color: rgb(0, 166, 207);
	font-size: .9rem;
}
#mobile_circle_progress{
	display: inline-block;
	margin-left: 8px;
	/*height: 80px;
	width:	80px;*/
}
#mobile_progressValue{
	color: rgb(0, 166, 207);
	font-size: .9rem;
	position:	relative;
	top: 30px;
	text-align: center;
}
#mobile_scoreBoxText{
	position: relative;
	top: -6px;
	color: rgb(0, 166, 207);
	text-align: center;
	font-weight: bold;
	width: 92px;
}
#mobile_scoreValue{
	color: rgb(0, 166, 207);	
	font-size: .9rem;
	position:	relative;
	top: 30px;
	text-align: center;
}
#mobile_timeBox{
	background-image: url("/images/iknowit-mobile-circle.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 80px;
	margin-left: 6px;
	margin-top: 6px;
	width: 80px;
	vertical-align: top;
}
#mobile_timeBoxOuter{
	background-image: url("/images/iknowit-mobile-circle-white.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;	
	display: inline-block;
	height: 92px;
	margin-left: -2px;
	width:	92px;
}
#mobile_timeBoxText{
	position: relative;
	top: 63px;
	text-align: center;
	color: rgb(0, 166, 207);
	font-weight: bold;
/*	font-size: 20px;*/
}
#mobile_timeValue{
	background-color: transparent;
	border:	none;
	color: rgb(0, 166, 207);
	font-size: 18px;
	position: relative;
	text-align: center;
	top: 30px;
}
#mobileBtnBox{
	background-image: url("/images/submit-mobile.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	/*display: table-cell;	left: -7px;*/
	position: relative;
	width: 150px;
	height: 50px;
	min-width: 150px;

}
.mobileNav{
	list-style-type: none;
	margin: .5rem;
}
.mobNavLnk{
	color: rgb(0,166,206);
}
#navBtnBlock{
	/*position: absolute;
  right: 20px;
  top: 13%;*/
	padding-top: 4px;
}
#navItemLink{
	background-color: rgb(0, 167, 202);
	height: 30px;
	position: absolute;
	top: 25%;
	width: 35px;	
	right: 20px;
}

#navigationModal{
	background-color: #fff;
}
#parenWarn{
	width: 100%;
	background-color: #f00;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 1rem;
	padding: 5px 0px;
}
#password{
	margin-top: 10px;
}
#passField{
	display: inline-block;
	vertical-align: middle;
}
#passText{
	display: inline-flex;
	align-items: center;
	width: 100px;
}
.progress-lesson.progress .progress-meter{
	background-color: #FBAF3F;
}
#progressText{
	color: rgb(0, 166, 207);
	font-weight: bold;
}

#progressCompletedMob{
	height: 23px;
	left: 2px;
	position: relative;
	top: -24px;
	width: 103px;
}
.progress{
	background-color:transparent;
}
#problemBox{
	min-height: 454px;
	margin: 0px;
}
#remains{	
	height: 33px;
	left: 126px;
	position: absolute;
	top: 9px;
	width: 36px;
	z-index: 300;
	vertical-align: middle;
}
#remainsMobile{
	height: 33px;
	left: 105px;
	position: absolute;
	top: 9px;
	vertical-align: middle;
	width: 36px;
	z-index: 300;
}
#remainsTxt{
	font-size: 14px;
	/*height: 100%;*/
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
}
#remainsTxtMobile{
	font-size: 14px;
	height: 100%;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
}
#rightInnerHeader{
	left: 15px;
	position: relative;	
	width: 59px;
}
#right_area{
	margin-top: 10px;
	vertical-align: top;
	padding: 0px;
}

#right_area_inner{	
	font-size: 20px;
	margin: 0px;
}
#right_area_score{
	margin: 0 auto;
	width: 100px;
}
#right_area_score{
	/*background-image: url("/images/circle-icon-105px.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;*/
	display: inherit;
	height: 105px;
	margin: 3px 0px 0px;
	/*position: relative;*/
	justify-content: center;
	
}
#right_area_time{
	background-image: url("/images/circle-icon-105px.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inherit;
	height: 105px;
	margin: 4px 0 20px;
	/*position: relative;*/
}
#right_area_score_value{
	color: #00a6cf;
font-size: 20px;/*1.5rem*/
display:flex;
}
#right_area_progress{
	/*background-image: url("/images/circle-icon-105px.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;*/
	display: inherit;
	height: 105px;
	margin: 5px 0 20px;
	justify-content: center;
	
}
.circles-Deskprogress-text, .circles-desk-text{
	color: #00a6ce;
	font-size: 20px !important;
}
#right_area_progress_value{
color: #00a6cf;
font-size: 20px;/*1.5rem*/
display:flex;
}
#right_area_time_value{
	background-color: transparent;
	border: none;
	color: #00a6cf;
font-size: 20px;/*1.3rem*/
display:flex;
}
#robot{
	max-width: none;
	position: relative;
	padding: 0px !important;
	float: none;
	height: 230px;
}
#scoreText{
	color: rgb(0, 166, 207);
	font-weight: bold;
}
.sketcher{
	border-left: 5px solid #00a6ce;
	border-right: 5px solid #00a6ce;
}

/*
.progress {
  background-color: #cacaca;
  border-radius: 0;
  height: 48px;
  margin-bottom: 1rem;
  width: 212px;
}
*/
#submitCol{
	left: 0px;
	max-width: 175px;
	padding: 0;
	position: relative;
}
#storage{
	display: none;
}
#submitColMobile{
	padding: 0px;
	text-align: center;
}
#timeText{
	color: rgb(0, 166, 207);
	font-weight: bold;
}
#topDropMenu{	
	width: 33px !important;
}
#topRow{
	padding-left: 20px;
	/*padding-top: 20px;*/
	padding-top: 10px;
	padding-right: 20px;
	position: relative;
}
#unameField{
	display: inline-block;
	vertical-align: middle;
}
#unameText{
	display: inline-flex;
	align-items: center;
	width: 100px;
}
#usernameInput, #passwordInput{
	margin: 0px;
}
#volSwitch{
	background-color: #fff;
	border: 1px solid #00a6ce;
	border-radius: 41px;
	color: #00a6ce;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	height: 24px;
	left: 200px;
	padding: 3px;
	position: absolute;
	text-align: center;
	top: 177px;
	vertical-align: middle;
	width: 24px;
	z-index: 1000;
}
#toggleSwitch{
	background-color: #fff;
	/*border: 1px solid #00a6ce;*/
	border-radius: 41px;
	color: #00a6ce;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	height: 26px;
	/*left: 200px;*/
	/*right: 5px;*/
	right:4px;
	/*padding: 2px;*/
	padding: 0;
	position: absolute;
	text-align: center;
	/*top: 177px;*/ 
	/*top: 210px; */
	bottom:-6px;
	vertical-align: middle;
	/*width: 30px;*/ 
	width:auto;
	z-index: 1000;
}

#welcome{
	color: #fff;
	overflow: hidden;
	padding: 2px;
	position: relative;
	right: 42px;
	white-space: nowrap;
	width: 120px;
	text-align: right;
}
#workArea{
	margin-bottom: 10px;
}
#work_field{
background-image: url("/images/submit.png");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: table-cell;
position: relative;
}
#workspaceBox{
	display: inline;
	width: 79px;
}
/*.titleImgLeft{
	background-image: url('/images/rounded-lightblue.png');
	background-repeat: no-repeat;
	background-position: top left;
	width:1.875rem;
	max-width: 1.875rem;
}
.titleImgRight{
	background-image: url('/images/rounded-lightblue.png');
	background-repeat: no-repeat;
	background-position: top right;
	width:1.875rem;
	max-width: 1.875rem;
}*/
.answerLabel{
	display: inline-block;
	vertical-align: middle;
}
.answerField{
	/*border: 3px solid rgb(0, 166, 207);*/
	display: inline;
	font-size: 45px !important;
	height: 60px;
	padding: 2px;
	vertical-align: middle;
	width: 166px;
}

.display_result{
	display:none;
	z-index:6000; 
/*	width:100%;*/
	height:205px;
	position:absolute;
	top:110px;
	/*left:238px;*/
}
.globalBackground{
	background-position: left top;
	background-repeat: no-repeat;	
}
.hintBox, .surveyBox, .loginmodalBox, .lessonMsg, #modalchildChoice,#needCodeModal{
	border: 4px solid rgb(0, 167, 206);
	padding: 0px;
}
#needCodeModal{
	border-radius: 0px;
}
.lessonMsgClose{
	transform: translateY(-40%);
}
.hintClose, .lessonMsgClose{
	color: #fff;
	font-weight: bold;
}
.hr80 {
width:80%;
}
.lessonLevel{
	display: inline-block;
	height: 64px;
	width: 64px;
	max-width: 64px;
}
.lessonLevelText{	
	height: 64px;
}
.lessonTitle{
	display: inline-block;
	height: 74px;
	vertical-align: middle;
	width: 462px;
	max-width:462px;
}
.lessonTitleText{	
	color: #000;
	display: table-cell;
	height: 74px;
	line-height: 18px;
	padding-left: 8px;
	vertical-align: middle;
}
.lessonLevel_portrait{
	height: 64px;
	width: 64px;
}
.lessonLevel_portraitText{
	height: 64px;
}
.lessonTitle_portrait{	
	color:#000;
	height: 74px;
}
.lessonTitle_portraitText{
	display:table-cell;
	height: 74px;
	vertical-align: middle;
}
.noMainStyle{
	
}
.mul_choice_highlight{
	background-color:#9edced;
	border:5px solid #000;
}

.hintBtnSpan{
	margin-right: 8px;
}
.studentsChosen{	
	margin: 0 7px 5px;
}
.studentsChosencolor{
	background-color:#f6f0c5;
}
.submitBtn{
	background-color: rgb(58, 178, 73);
	border-radius: 8px;
	font-size: 30px;
	font-weight: bold;
	height: 50px;
	margin: 0;
	padding: 4px;
	width: 165px;
}
.workBtn{
	margin-left: .2em;
	
}
/*foundation changes*/
table tbody tr:nth-child(2n) {
  background-color: unset;
}

/************************************************************* Explanation rules*/
#explainBox{
	font-size: 26px;
}
#sorryTextBlock{
	/*
	background-color: rgb(233, 78, 60);
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	font-style: italic;
	font-weight: 700;
	height: 50px;
	margin-top: 14px;
	padding: 8px 8px 8px 10px;
	vertical-align: middle;
	width: 100%;
	*/
	background-color: rgb(233, 78, 60);
	font-style: italic;
	font-weight: 700;
	height: 50px;
	margin-top: 14px;
	padding: 8px 8px 8px 10px;
	vertical-align: middle;
	width: 83%;
	display:inline-block;
}
#redisplayTextBlock{
	background-color: rgb(233, 78, 60);
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	font-style: italic;
	font-weight: 700;
	height: 50px;
	margin-top: 14px;
	padding: 6px 8px 8px 10px;
	vertical-align: middle;
	width: 15.5%;/*79%*/
	display:inline-block;
	font-size:18px;
	line-height:1.2m;
}
#explainBtmEdge{
	border-bottom: 1px solid #00A6CE;
	margin-bottom: 15px;	
}
#explanationText{
	background-color: rgb(0, 167, 206);
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	display: inline-block;
	font-style: italic;
	font-weight: 700;
	height: 50px;
	margin-bottom: 8px;
	margin-right: 5px;
	padding: 8px 8px 8px 10px;
	vertical-align: middle;
	width:100%;
}
.explainNextBtn{
	border-radius: 8px;
	font-size: 26px;
	font-weight: bold;
	height: 50px;
	padding: 8px;
	width: 125px;
}
#nextBtn1, #nextBtn2{
	background-color: #5CB65E;/*#3ab249;*/
	color: #fff;
}
#nextBtn1:hover, #nextBtn2:hover{
	
	color: #fff;
}
#nextBtnUpper{
	display: inline-block;
	vertical-align: top;
}
#nextBtnLower{
	/*width: 110px;
	text-align: right;*/
	padding-left: 17px;
}
#explanationTextBlock{
	margin-top: 18px;
	width: 100%;
}
.btxt{
	font-weight: bold;
}
.textWhite{
	color: #fff;
}
.textSiteBlue{
	color: #00A6CE;
}
.textBlue{
	color: rgb(0, 167, 206);
}
.textGreen{
	color: rgb(96,158,66);
}
.txtRed{
	color:rgb(223,78,60);
}
.txt12{
	font-size: 12px;
}
.txt14{
	font-size: 14px;
}
.txt16{
	font-size: 16px;
}
.txt18{
	font-size: 18px;
}
.txt20{
	font-size: 20px;
}
.txt25{
	font-size: 25px;
}
.txt26{
	font-size: 26px;
}
.txt27{
	font-size: 27px;
}
.txt28{
	font-size: 28px;
}
.txt22{
	font-size: 22px;
}
.txt30{
	font-size: 30px;
}
.txt31{
	font-size: 31px;
}
.txt32{
	font-size: 32px;
}
.txt33{
	font-size: 33px;
}
.txt36{
	font-size: 36px;
}
.txt43{
		font-size: 43px;
}
.txtcntr{
	text-align: center;
}
.textItalic{
	font-style: italic;
}
.utext{
	text-decoration: underline;
}
#explanationImageBlock{
	width: 100%;
	font-size: 30px;
}
#yourAnswer, #correctAnswer{
	margin-top: 8px;
}
#yourAnswerBlock, #correctAnswerBlock{
	margin-top: 15px;
}
/********************************************************* Explaination rules end*/
/********************************************************** Login modal*/
#lgSgnupMsg{
	margin-top: 10px;
	line-height: 20px;
}
#lgSgnupTxt{
	margin-bottom: 10px;
}
#lgVdivid{
	border-left: 2px solid #00a6ce;
}
#parentMsg{
	line-height: 1.25em;
}
#loginBoxTop, #needCodeMsgTop{
	background-color: rgb(0, 167, 206);	
	font-weight: bold;
	height: 50px;
	margin-bottom: 20px;
}
#loginBoxTopText,#needCodeMsgTopTxt{
	color: #fff;
	font-size: 1.25em;
	text-align: center;
}

.loginBoxes{	
	margin-bottom: 20px;
}
#LoginBtnBox{
	margin: 20px;
	border-top: 2px solid #00a6ce;
 padding-top: 5px;
}
.loginBtnStyle{
	
}
#loginError{
	color: #f00;
	/*margin-bottom: 15px;*/
}
.loginInput{
	margin: 0px;
}
#loginmodal{
	background-color: #00a6ce;
	border-radius: 8px;
	color: #fff;
	margin: 0px;
	height: 42px;
	padding: 8px 15px;
	font-size: 1.25em;
	text-align: center;
	font-weight: bold;
}
#loginModalBoxInner{		
	padding: 20px; /*5px 5px 5px 20px;*/
}
#logoutBtn{
	background-color: #00a6ce;
	border-radius: 8px;
	border-style: none;
	color: #fff;
	height: 42px;
	margin: 0px;
	width: 100px;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
}
#loginUserLabel, #loginPassLabel{
	height: inherit;	
}
#loginUserField, #loginPassField{
	
}
#modalchildChoiceBoxTop{
background-color: #00a6ce;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	height: 50px;
/*	display: flex;
	align-items: center;*/
}
#modalchildChoiceBox{
	margin: 0px 8px;
}
.childChoiceIcons{
	margin: 10px 0px;
	text-align: center;
}
.childChoiceName{
	margin: 4px 0px 0px;
}
#modalchildChoiceTopText{
	text-align: center;
}
#noStAlert{
	display: none;
}
#resetText{
	color: #00a6ce;
	font-size: .9em;
	margin: 5px 0px 0px 0px;
	line-height: inherit;
}
/********************************************************** Login modal end*/
/********************************************************* Lesson Modal*/
.agnMyAssign{
	border-radius: 8px;
	background-color: #00a6ce;
	height: 42px;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff !important;
	white-space: nowrap;
	padding: 8px 15px;
}
#assginClassGroup{
	background-color: #00a6ce;
	border-radius: 8px;
	font-weight: 800;
	margin: 0;
}
#assignCloseBtn{
	margin-top: 15px;
}
.assignDne{
	background-color: #00a6ce;
	border-radius: 8px;
	font-size: 1.25em;
	font-weight: 700;
	padding: 11px 17px;
}
#assignDoneBlock{
	text-align: right;
}
#assignokBtnBox{
	margin: 20px 0px;
}
#assignedText{
	font-size: 20px;
	margin-top: 15px;
}
#assignLessonModalTitle{
padding-left: 18px;
}
#assignedText{
	border-bottom: 2px solid #00a6ce;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#lessonSettingStudentModal{
	padding: 0px;
	border: 0px;
}
#lessonAssignModal{
	border: 4px solid rgb(0, 167, 206);
	padding: 0px;
}
#lessonAssignModalTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 27px;
	font-weight: 700;
	height: 50px;
	display: flex;
	justify-content: center;
	font-style: italic;
}
#lesCompleteAssign{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	height: 42px;
}
#assignLessonModalBox{
	margin:0px;
	border:4px solid rgb(0, 167, 206);
	padding: 15px 15px 0px;
}
#assignLessonClassroomBox{
	/*border-left: 4px solid rgb(0, 167, 206);
	border-right: 4px solid rgb(0, 167, 206);
	border-top: 4px solid rgb(0, 167, 206);
	border: 4px solid rgb(0, 167, 206);*/
	margin: 0px;
	padding: 15px;
}
#assignedMsgBox{
	display: none;
	/*border-left: 4px solid rgb(0, 167, 206);
	border-right: 4px solid rgb(0, 167, 206);*/
	padding-bottom: 8px;
}
#assignNowBox{
	margin-top:20px;
}
#assgnNowBtn{
	border-radius: 8px;
	font-size: 1.25em;
	font-weight: bold;
	padding: 11px 17px;
	height: 50px;
	background-color: #5cb65e;
}
#assignTo{
	text-align: center;
}
.btnSimple{
	border-radius: 8px;
	font-size: 21px;
	font-weight: 700;
	padding: 11px 17px;
	height: 50px;
}
.cMsg{
	text-align: center;
	width: 100%;
	margin-top: 20px;
}
#cMsgTxtBox{
	text-align: center;
	width: 100%;
}
#closeAssignBtn{
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	padding: 5px;
	width: 136px;
	color: #fff;
}
#dateInit, #dateFin{
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 8px;
	cursor: pointer;
	height: 100%;
	margin: 0px;
	padding: 15px;
	width: 450px;
}
.dateInputFields{
	display: inline-block;
	vertical-align: middle;
}
.dateInputFieldsMiddle{
	margin: 0 3px;
}
.blockHt{
	line-height: 20px;
}
#general_setting_submit, #general_setting_submit_alt{
	margin-top: 20px;
}
#general_setting_submit_alt{
	display: none;
}
.assignCloseX{
	color: #fff;
	font-weight: 700;
}
.assignLesCloseX{
	color: #fff;
	font-weight: 700;
}
.assignGroup{
	background: rgb(0, 166, 206) none repeat scroll 0 0;
	color: #fff;
	font-size: 1.25em;
	font-style: italic;
	font-weight: 700;
	padding: 12px;
}
.assignGroup1st{
	margin-top:15px;
}
.assignSelectOpt{
	padding-left: 20px;
}
#chooseCheckAll{
	margin: 18px 0px;
}
.choiceChecking{
	margin: 0px 5px 0px 0px;
}
#checkChoiceNone{
	margin-left: 10px;
}
#closeStudent{
	background-color: #00a6ce;
	border-radius: 8px;
	font-size: 1.25em;
	font-weight: 700;
	padding: 11px 17px;
	height: 42px;
}
#doneChooseBtn{
	margin-top: 20px;
}
.field28{
	min-height: 54px;
}
.hrule{
	border-bottom-width:2px;
	border-color: #00a6ce;
}
#lessonAssignStudentsBox{
	margin-top: 18px;
	line-height: 25px;
}

#lessonAssignModalDone{
	text-align: center;
	border: 4px solid rgb(0, 167, 206);
	padding: 0px;
}
#lessonAssignTimeBox{
	margin: 20px 0px;
}
.mobDateBtm{
	margin-top: 10px;
}
.nameAssignLabel{
	/*margin-left: 8px;
	background-color: #9edced;
	padding: 4px 30px 4px 4px;*/
	display: inline-block;
	font-size: 18px;
}
.nopad{
	padding: 0px;
}
#recOn, #recOff,#recOnS, #recOffS,#recOnE, #recOffE{	
	border: medium none;
	border-radius: 5px;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
}
.studentListNum{
	display: inline-block;
	padding-left: 5px;
	width: 35px;
}
.studentListNumContainer{
	display: inline-block;
	vertical-align: top;
	width: 80%;
}
.studentSel{
	margin: 0px;
}
/**** Adapt UI ***/

select.asgnSlct{
	border: 1px solid #000;
	border-radius: 8px;
	/*height: 100%;*/ 
	line-height: 1.5;
	margin: 0;
	padding-left: 15px;
}
.ui-state-default{
	background: #c0c0c0 none repeat scroll 0 0 ;
}
.ui-state-active{
	background: #5cb65e none repeat scroll 0 0;
}
.ui-button-text-only  .ui-button-text{
	padding-left: 1.5em ;
	padding-right: 1.5em;
}
/********************************************************* End Lesson Modal*/
/*************************************************************** topNav Btns also in school.css*/
.dtNav{
	display: flex !important;
}
.navBG{
	background-color: #00A6CE;
	display: inline-block;
	vertical-align: top;
	height: 35px;
	max-height: 35px;
}
#dtThAcct{
	width: 224px;
	margin-right: 3px;
	align-items: center;
 justify-content: center;
}
#dtStAcct{
	width: 221px;
	margin-right: 3px;
	align-items: center;
 justify-content: center;
}
#dtLess{
	max-width: 112px;
	margin-right: 3px;
	align-items: center;
 justify-content: center;
}
#dtBilling{
	width: 216px;
	align-items: center;
 justify-content: center;
	
}
#dtProgBtn{
	width: 227px;
	margin-right: 3px;
	align-items: center;
 justify-content: center;
}
.navOn{
	color: #F6B221;
    font-weight: bold;
}
.navOff{
	color: #fff;
	font-weight: bold;
}
.navOnBG{
	background-color: #004d74;
}
.topBtnT{
	align-items: center;
	display: inline-flex;
	justify-content: center;
	width: 170px;
	margin-right: 3px;
}
.topBtnE{
	align-items: center;
	display: inline-flex;
	justify-content: center;
	width: 170px;	
}
.topBtnS{
	align-items: center;
	display: inline-flex;
	justify-content: center;
	width: 185px;
}
.gradeBtn{
	align-items: center;
	display: inline-flex;
	justify-content: center;
	width: 35px;
	max-width: 35px;
	margin-right: 4px;
}
.progressList{
	list-style-type: none;
	margin-left: 8px;
}
/*************************************************************** End topNav Btns*/
/********************************************************* Contact Us Page*/
.cntBrdTop{
	margin-top: 25px;
}
.cntBrd{
	border-top: 3px solid #00a6c3;
	padding: 15px;
}
#cntOutter{
	border: 3px solid #00a6ce;
	padding: 15px 15px 0px 15px;
	margin-bottom: 50px;
}
#contactDescriptText{
	margin-bottom: 30px;
	margin-top: 10px;
	font-size: 1.1em;
}
.cntUsSubmit{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.25em;
	font-weight: bold;
	padding: 8px;	
	margin: 0px;
}
#contactSubmitBox{
	margin-bottom: 15px;
	text-align: right;
}
.contactBox{
	padding-top: 8px;
}
#contactBtnReturn{
	border-radius: 8px;
	font-weight: 700;
	color: #fff;
}
#contactFrmBtnReturn{
	border-radius: 8px;
	font-weight: 700;
	color: #fff;
	height: 42px;
	font-size: 1.25em;
	padding: 8px 15px;
}
#emailMsg{
	padding-bottom: 5px;
	
}
#contactThanks{
	margin-top: 20px;
}
#contactThanksBtn{
	margin-top: 33px;
}
@media screen and (max-width: 39.9375em) {
	.smScr {
			text-align: left;
	}
}
/********************************************************* End Contact Us Page*/
/********************************************************************************* Template */
#awardBlock{
	border: 4px solid #00a6ce;
}
#awardBlockMob{
	border: 4px solid #00a6ce;
	
}
#awardCloseBtn{
	height: 42px;
    color: #fff;
    border-radius: 8px;
    background-color: #00a6ce;
    font-size: 1.15em;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 8px 15px;
		/*width: 285px;*/
}
#awardDetailBlock{
	padding-bottom: 8px;
}
#awardDetailBtn{
	height: 42px;
	color: #fff;
	border-radius: 0px;
	background-color: #00a6ce;
	font-size: 1.25em;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 5px 15px;
	width: 285px;
}
#awardImage{
	width: 285px;
}
#awardImgBlock{
	padding-top: 15px;
}
#awardDef{
	font-style: italic;
	margin-top: 20px;
	text-align: center;
	font-size: 1.5em;
	line-height: 27px;
}
.awardMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	height: 42px;	
	padding-left: 15px;
}
#awardShelf,#awardShelfInfo{	
	color: #fff;
	background-color: #000;
	font-size: 1.25em;
	font-weight: bold;
	width: 285px;
	padding: 5px 15px;
  text-align: center;
	line-height: 22px
}
#awardTitle{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	font-size: 1.6em;
	height: 65px;
	text-align: center;
	font-style: italic;
}
#awardToTxt{
	font-size: 1.5em;
	margin-top:20px;
}
#awardToName{
	font-size: 46px;
	font-weight: bold;
  color: #00a6ce;
}
#awardToNameBlock{
	margin-top:20px;
}
#awardImageMdl{
	width: 285px;
}
#gradePercent,#gradeAwardPercent{
	height: 50px;	
}
#lessonCompleted{	
	/*background-image: url('/images/tag-lessoncomplete.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	width: 720px;
	height: 385px;*/
}
#lesCompleteName,#lesAwardCompleteName{
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 20px;
}
#lesAwardCompleteNameMob{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
#lessonAwardCompleted{
	padding: 0px !important;
	margin-right: 10px;
}

#awardPrintableBtn{
	height: 42px;
	border: 3px solid #00a6ce;
	color: #00a6ce;
	border-radius: 8px;
	background-color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 8px 15px;
	width: 285px;
}
#returnAssignLnk{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #00a6ce;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 8px 15px;
}
#returnAssignLnkMob{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #00a6ce;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 8px 15px;
}
#returnAssignLnkAward{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #00a6ce;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 8px 15px;
}
#qandabtn{
	height: 42px;
    color: #fff;
    border-radius: 8px;
    background-color: #00a6ce;
    font-size: 1.25em;
    font-weight: bold;
    margin: 0px;
    padding: 8px 15px;
}
#qandabtnMob{
	height: 42px;
    color: #fff;
    border-radius: 8px;
    background-color: #00a6ce;
    font-size: 1.25em;
    font-weight: bold;
    margin: 0px;
    padding: 8px 15px;
}
#qandabtnAward{
	height: 42px;
    color: #fff;
    border-radius: 8px;
    background-color: #00a6ce;
    font-size: 1.25em;
    font-weight: bold;
    margin: 0px;
    padding: 8px 15px;
}
#party{
	position:absolute;
}
#progressCompleted,#progressCompletedAward{
	height: 50px;
	left: 2px;
	position: relative;
	top: -50px;/*-2px*/
	width: 213px;
	margin-bottom: 0px !important;
}
#retrnAssignBox {
 	height: 146px;
  padding: 0px;  
	margin-top: 27px;
}
#retrnAssignBoxAward {
 	height: 146px;
  padding: 0px;  
	padding-bottom: 18px;
}
#retrnAssignBoxMob{
	margin-top: 50px;
	margin-bottom: 25px;
}

#stars{
	width: 215px;
	height: 50px;
}
#starsAward{
	width: 215px;
	height: 50px;
}
#starsMobile{
	width: 107px;
}
#starImage{
	z-index: 1000;
	position: relative;
}
#starImageAward{
	z-index: 1000;/*5000;*/
	position: relative;
}
#yourScoreBox{
	font-size: 35px;	
	font-style: italic;
	margin-bottom: 20px;
}
#yourScoreBoxMob{
	 font-size: 24px;
   margin-bottom: 20px;
}
#yourScoreBoxAward{
	font-size: 30px;	
	font-style: italic;
	margin-bottom: 15px;
}
#yourScoreBoxAwardMob{
	font-size: 20px;	
	font-style: italic;
	margin-bottom: 15px;
}
#yourScoreVal,#yourScoreValAward{
	color: rgb(0,166,206);
	padding-left: 4px;
}
#qandabtnBlock,#qandabtnAwardBlock{
	margin-left: 25px;
}

/*********************************************************************************  End Template */

@media screen and (max-width: 60em){
	#welcome{
			display: none;
		}
		#menuBlock {
  max-width: 148px;
}
#explanationText, #sorryTextBlock{
	width: 100%;
}
#sorryTextBlock{
	height: 68px;
	width:83%;
	display:inline-block;
	padding: 6px 8px 8px 10px;
	/*font-size: 18px;*/
	}
#redisplayTextBlock{
	height: 68px;
	padding: 14px 8px 8px 4px;
	display:inline-block;
	width:15.5%;
	line-height:1.3em;
	font-size:14px;
	}
/*#right_area{
	display: none;
}*/
}
@media screen and (max-width: 39.9375em) {
	.subBtns{
		width: 175px;
		height: 153px;
	}
	.titleImgRight{
		padding: 0px;
	}
	/*.lessonLevel{	
	font-size: 1.1rem;
}
.lessonTitle{
	color:#000;
	 font-size:.9rem;
}*/

}

@media screen and (max-width: 60em) and (orientation: landscape){
	#explainBox{
		margin-top: 40px;
	}
	#nextBtnUpper{
			display: block;
			float:	right;
	}
	#explanationTextBlock{
		clear: both;
	}
	#navBtnBlock{
		/*top: 22%;*/
	}
	#lessonCompleted{
		margin-top: 20px;
	}
	#yourScoreBox{
		font-size: 1.4rem;
		left: 0px;
	/*	position: relative;
		top: 150px;*/
		padding-left: 132px;
		width: 718px;
	}
	#gradePercent{
		height: 25px;		
	/*	top: 194px;
		left: 0px;
		padding-left: 65px;*/
	}
	#retrnAssignBox{
		
		margin: 0px;
		/*position: absolute;
		top: 299px;left: 213px;*/
	}
	.mob19{
		font-size: 19px;
	}
	
	.mobDateBtm{
		margin-top: 8px;
	}
	.dateInputFieldsMiddle, .dateInputFields{
		display: block;
		text-align: center;
	}
	#qandabtnBlockMob{
		margin-left	: 15px;
	}
	#qandabtnMob{
		height: 42px;
    color: #fff;
    border-radius: 8px;
    background-color: #00a6ce;
    font-size: 1.15em;
    font-weight: bold;
    margin: 0px;
    padding: 8px 15px;
	}
	
	#qandabtnBlockMob{
		margin-top: 0px;;
	}
	#retrnAssignBoxAwardMob{
		margin-top: 8px;
    margin-bottom: 15px;
		height: 45px;
	}
	#awardBlockMob{
		margin-bottom: 25px;
		margin-top: 20px;
	}
	#lessonAwardCompletedMob{
		margin-top: 25px;
	}
	#qandabtnBlockAwardMob{
		    margin-left: 6px;
	}
	#returnAssignLnkAward{
		margin-left: 0px;
	}
	.generalBtnBox{
		text-align: center;
	}
	#awardPrintableBtn{
		margin-top: 10px;
		margin-left: 0px;
	}
	#lessonCompleted{
		
	}
}
@media screen and (max-width:640px) and (orientation: portrait){
	/*i5*/
	#hintColMobBox{
		margin: 0px;
		min-width: 92px;
		float: none;
		width: 92px;
		min-height: 40px;
		height: 40px;
		
	}
	#submitColMobile{
		float: none;
		margin: 0px;
		width:150px;
		max-width: 150px;
		/*padding-right:  25px;*/
	}
		.mob19{
		font-size: 19px;
	}
	
	.mobDateBtm{
		margin-top: 8px;
	}
	.dateInputFieldsMiddle, .dateInputFields{
		display: block;
		text-align: center;
	}
	#sorryTextBlock {
	font-size:28px;
	height:68px;
	padding:4px 20px 4px 10px;
	}
}
@media screen and (max-width: 39.9375em) and (orientation: landscape){
	#lesson_area{
		border-right: none;
	}
}
@media screen and (max-width: 39.9375em) and (orientation: portrait){
	#nextBtnUpper{
			display: block;
			float:	right;
	}
	#explanationTextBlock{
		clear: both;
	}
	#dateInit, #dateFin{
		width: 100%;
	}
	/*#stars{
	
	position: relative;
	top: 0px;
	}
	#starImage{
		z-index: 1000;
		position: relative;
	}
	#gradePercent{
		height: 25px;
		left: 0px;
		top: 201px;
		
		margin-top: 0px;
		padding-left:	65px;
	}
	#percent{
		position: relative;
		top: 0px;
		left: -1px;
	}
	#yourScoreBox{
		font-size: 1.0rem;
		left: 0px;		
		top: 175px;
		padding-left: 66px;
	}*/
	.display_result{
		left:0px;
		top: 200px;
	}
	#canvasCtrlBtns{	
	/*	width: 300px;*/
	}
	#lessonCompleted{
			width: 100%;
		}
		.mob19{
		font-size: 19px;
	}
	
	.mobDateBtm{
		margin-top: 8px;
	}
	.dateInputFieldsMiddle, .dateInputFields{
		display: block;
		text-align: center;
	}
/*	#retrnAssignBox{
		left: 114px;
		margin: 0px;
		position: absolute;
		top: 258px;
	}*/
	#lessonHeader{	
		padding-left: 10px;
		background-image:url('/images/rounded-bar.png');
		background-repeat: no-repeat;
		background-position:0px 0px;
		background-size: 600px 74px;
		height: 74px;
		display: table;
	}
	#lesson_area{
		border-right: none;
	}
	#retrnAssignBoxAwardMob{
		height: 45px;
		padding: 0px;
		margin-top: 21px;
    margin-bottom: 30px;
	}
	#qandabtnBlockMob{
		margin-top: 38px;
	}
	#qandabtnBlockAwardMob{
		margin-top: 32px;
	}
	#awardBlockMob{
		margin-bottom: 25px;
    margin-top: 35px;
	}
	.generalBtnBox{
		text-align: center;
	}
	#awardPrintableBtn{
		margin-top: 10px;
	}
}


@media screen and (max-width:480px) and (orientation: portrait){
	/*re-display question*/
	#sorryTextBlock{ 
	width: 70%;
	font-size: 18px;
	padding: 6px 8px 8px 10px;
	height: 50px;
	}
	#redisplayTextBlock{ 
	width:27%;
	font-size:14px;
	padding: 8px 8px 8px 4px;
	height: 50px;
	line-height:1.3em;
	}
}

@media screen and (max-width:480px) and (orientation: landscape){
	/*re-display question*/
	#sorryTextBlock{ 
	width: 75%;
	font-size: 20px;
	height: 50px;
	padding: 14px 8px 8px 10px;
	}
	#redisplayTextBlock{ 
	width:24%;
	font-size:12px;
	height: 50px;
	padding: 8px 8px 8px 12px;
	line-height:1.3em;
	}
} 


a.navItems{
	color: #000;
	padding:0px !important;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color:  transparent ;
}
.has-dropdown > a:after {
	border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.top-bar, .top-bar>ul{
	background-color: rgb(0, 167, 202);
}
.title-bar{
	background-color: rgb(0, 167, 202);
}

@-moz-document url-prefix() {
	#navItemLink{
		right: 20px;
	}
	#submitCol{
		/*margin-right: 22px;*/
	}
}
@media screen and (orientation:portrait){
	#ieCanvas2{
		display: none;
		}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/**/

/********************************************************************************* Sign Up Intro Page */
.ikiImgBase{
	vertical-align: baseline;
}
.signUpIntro{
	font-size: 1.33em;
	padding-left: 20px;
	padding-right: 20px;
}
#signUpBtnBlock{
	margin-top: 30px;
	margin-bottom: 30px;
}
#signUpBtnBlockBtm{
	margin-bottom: 30px;
}
#signBottomBlock{
	margin-bottom: 25px;
}
#signTopBlock{
	margin-top: 20px;
}
#signTopIntro, #signBottomIntro{
	color: #00a6ce;
	font-size: 25px;
	font-style: italic;
	line-height: 30px;
}
.signUphrRull{
	background-color: #00a6ce;
	height: 4px;
}

/********************************************************************************* End Sign Up Intro Page */
/********************************************************************************* Reset Page */

#forgotCallout{
	display: none;
}
.paraReset{
	margin-bottom: 12px;
}
#passResetBlock{
	margin-bottom: 100px;
	border: 3px solid #00a6ce;
	padding: 15px;
}
.paraResetBtm{
	margin-bottom: 20px;
}
#submitResetAlt,#errorResetCallout{
	display: none;
}
#submitResetAlt{
	margin-bottom: 25px;
}
#submitResetBlock{
	margin-right: 6px;
}
#resetBtn{
	background-color: #5cb65e !important;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	font-size: 1.05em;
	max-height: 42px;
	border-style: none;
	margin: 0px;
	width: 161px;
	margin-left: 10px;
}
#resetContainer{
	border: 3px solid #00a6ce;
	padding: 15px;
	margin-bottom: 100px;
}
#resetTxt{
	
}
#resetInput > input{
	margin: 0px;
}
#resetBlock{
	/*margin-bottom: 25px;*/
}
#resetInput{
	margin-left: 10px;
}
.tipsContentBlock{
	max-width: 300px;
}
a.resetLnk{
	font-weight: bold;
}
/*********************************************************************************  end Reset Page */
/*********************************************************************************  help Page */
#helpAddStBtn{
	background-color: #fff !important;
	color: #00a6ce;
	border: 2px solid #00a6ce;
	border-radius: 8px;
	font-size: 1.1em;
	height: 31px;
	padding: 4px;
	font-weight: bold;
}
.helpTitleText{
	background-color: #00416a;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	height: 42px;
	align-items: center;
	padding-left: 15px;
}
.helpTitleInnerBlock{

}
.helpImgSpacing{
	margin-top: 20px;
}
/*********************************************************************************  End help Page */
/*********************************************************************************  Code Cookie Modal */
#genericCodeMessageModal{
		padding: 0px 0px 10px 0px;
	border: 4px solid rgb(0, 167, 206);
}
#genericCodeDoneBtn{
	border-radius: 8px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background-color: #00a6ce;
}
#genericMsgCodeTop{
		background-color: #00a6ce;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	height: 50px;
	display: flex;
	justify-content: center;
	padding: 8px 15px;
}
#genericMsgCodeBlock{
	padding: 8px;
}
#genericMsgCodeText{
		text-align: center;
	line-height: 1.5em;
}
.genericCodeBtnBox{
	text-align: center;
 margin-top: 20px;
}
/*********************************************************************************  End Code Cookie Modal */
/*********************************************************************************  Cookie Modal */
#cookieLimModal{
	padding: 0px 0px 10px 0px;
	border: 4px solid rgb(0, 167, 206);
}
#cookieLimTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	height: 50px;
	display: flex;
	justify-content: center;
	padding: 8px 15px;
}
#cookieLimDoneBtn{
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	height: 42px;
	width: 80px;
	padding: 8px;
	border-radius: 8px;
}
#cookieLimBlock{
	padding: 8px;
}
#cookieLimText{	
	line-height: 1.5em;
}
#cookieLimBtnBox{
	text-align: center;
 margin-top: 20px;
}
#limitSignup{
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	height: 42px;
	width: 110px;
	padding: 8px;
	border-radius: 8px;
	margin-right: 10px;
	background-color: #5cb65e;
}
#limitMinfo{
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	height: 42px;
	width: 121px;
	padding: 8px;
	border-radius: 8px;
	margin-right: 10px;
	background-color: #fc992b;
}
#ageYes{
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	height: 42px;
	width: 86px;
	padding: 8px;
	border-radius: 8px;
	margin-right: 10px;
}
#ageNo{
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	height: 42px;
	width: 86px;
	padding: 8px;
	border-radius: 8px;
	margin-right: 10px;
}
div#ageBtnBlock {
  margin-top: 20px;
}
div#ageBlock {
  text-align: center;
}
#ageModal{
	border: 4px solid #00a6ce;
}
/*********************************************************************************  End Cookie Modal */
/*********************************************************************************  Pre Order  */
@media screen and (orientation: portrait){
	#tpUpper{
		display: none;
	}
}
@media screen and (orientation: landscape){
	#tpHoldr{
		/*display: none;*/
		}
		#tplower{
			/*display: none;*/
		}
}
.poBtns{
	margin-left: 10px;
	margin-right: 10px;
}
.poContact{
	margin-left: 50px;
}
#poContainer{	
	border: 4px solid #00416a;
	margin: 0 auto 50px;
	padding: 20px;
}
#poTitle{
	background-color: #00416a;
	color: #fff;
	font-size: 1.25em;
	height: 42px;
	padding-left: 15px;
}
#poInfoTitle{
	color: #fff;
	background-color: #00a6ce;
	padding-left: 15px;
	height: 42px;
	font-weight: bold;
	font-size: 1.25em;
}
.poBlock{
	margin-bottom: 10px;
}
.poPriceBlocks{
	border-right: 2px solid #00a6ce;	
	padding: 15px !important;
}
.poPriceBlocksRight{
	padding: 15px !important;
}
.poPrice{
	margin-top: 10px;
}
.poInnerTitle{
	
}
#poOuterBlock{
	border-right: 4px solid #00a6ce;
	border-left: 4px solid #00a6ce;
	border-bottom: 4px solid #00a6ce;
}
.poLine{
border-bottom: 3px solid #00a6ce;
}
.poInner{
	min-height: 275px;
}
#poQ4{
	margin-top: 20px;
}
.poPara{
	margin-bottom: 6px;
}
/*********************************************************************************  End Pre Order  */
/*********************************************************************************  roster setup service  */
#attFTop{
	margin-bottom: 7px;
}
#attFBtm{
	margin-bottom: 10px;
}
#excelBlock{
	padding-top: 1rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
	margin-bottom: 1rem;
}
.fileNameBox{
	border: 1px solid #000;
  padding: 7px 5px !important;
	min-height: 33px;
}
.fileRmBtn{
	margin-bottom: 0px;
	background: #ff4c00;
	padding: 7px 10px;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 7px;
	border-radius: 0px;
}
#rstAccptFrmt{
	margin-bottom: 1rem;
	font-style: italic;
	margin-left: 8px;
}
.rstrAttchBtnLbl{
	   background-color: #00a6ce;
    color: #fff;
    font-weight: bold;
    border-radius: 0px;
    font-size: 1.1em;
    padding: 7px 10px;
}
.rstCol{
	padding-left: 15px !important;
  padding-top: 15px;
}
.rstCont{
	padding-left: 20px;
}
.rstDivide{
	border-left: 2px solid #00a6ce;
	border-right: 2px solid #00a6ce;
}
#rstInfo{
	border: 3px solid #00a6ce;
}
#rstLastBlock{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 3px solid #00a6ce;
	margin-bottom: 50px;
}
#rstReqInfoBlock{
	height: 42px;
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	padding-left: 15px;
	font-weight: bold;
}
#rstUpldInfo{
	margin-top: 20px;
  line-height: 26px;
  padding-right: 15px;
}
#rstTmplBlock{
	margin-top: 15px;
}
#rstTmplBox{
	/*border-top: 1px solid #000;
	padding-top: 1rem;
	margin-top: 1rem;*/
}
#rstTmplSingle{
	
}
#rstTmplSchool{
	
	margin-left: 10px;
}
#rstTmplSingleBtn{	
    line-height: 19px;    
    font-weight: bold;
    background: #00a6ce !important;
    color: #fff;
    border-radius: 0px;
    padding: 8px 12px;
		font-size: 1.1em;
}
#rstTmplSchoolBtn{	
    line-height: 19px;  
    font-weight: bold;
    background: #00a6ce !important;
    color: #fff;
    border-radius: 0px;
    padding: 8px 12px;
		font-size: 1.1em;
}
#tcomments{
	margin-bottom: 10px;
}
#upldBtn{
	background: #5cb65e !important;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 7px 10px;
	border-radius: 0px;
}

/*********************************************************************************  End roster setup service  */
@media  screen and (max-width:768px) and (orientation: portrait){
	.generalBtnBox{
		text-align: center;
	}
	#awardCloseBtn{
		margin-bottom: 10px;
	}
}