@charset "utf-8";
/* CSS Document */

#gradeLevelOpt{display: none;}
.btxt{
	font-weight: bold;
}
.close-button{
	color: #fff;
}
.txtCntr{text-align: center;}
.famsuAge{margin-left: 5px; }
#classCodeBtnBlock, #codeMsgBox{
	margin-top: 20px;
}
#signupclassCodeBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
}
/*.suInput{
		min-height: 50px;
	}*/
#codeMsgBox{
	display: none;
}
#initCodeModal{
	border: 4px solid #00a6ce;
    padding: 0px;
}
#addSchlInfo{
	padding: 15px;
  border: 3px solid #00416a;
}
#addSchlSaveBtn{
	background: #00416a;
	font-size: 1.375rem;
	height: 42px;
	color: #fff;
	font-weight: bold;
	border-radius: 0px;
	padding: 8px 15px;
	border-radius: 8px;
}
#distAddSchlBlock{
	padding: 23px;
}
#distAddSchlModal, #duplicateModal{
	padding: 0px 0px 10px 0px;
	border: 4px solid #00416a;
}
#dstCanlBtn{
	background-color: #fff;
	color: #00416a;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px 15px;	
	height: 42px;
	font-size: 1.375rem;
	margin: 0px 0px 0px 10px;
	border: 2px solid #00416a;
}
#dstSubBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}

#dstFrmBtm{
	border-left: 3px solid #00416a;
	border-right: 3px solid #00416a;
	border-bottom: 3px solid #00416a;
	margin-bottom: 50px;
}

#dstInfoRt{
	padding: 15px;
	border: 3px solid #00416a;
}
.distModalTop{
	background-color: #00416a;
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	height: 42px;
}
#distPayChoice{
	margin-bottom: 30px;
}
#distPayChoiceText{
	color: #00416a;
	font-style: italic;
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 20px;
}
.dstTitleRow{
	margin-left: 7px;
}
#duplicateMsgTop{
	
}
#frmDiv{
	border-top: 3px solid #00416a;
	margin-top: 25px;
	margin-bottom: 25px;
}
.genMsgTop{
	background-color: #00416a;
	color: #fff;
	font-weight: bold;
	height: 42px;
}
.dupMsgBtns{
	background-color: #00416a;
	color: #fff;
	font-weight: bold;
}
#suMsgAlert{
	display: none;
}
#suMonthBlock{
	margin-left: 15px;
}
#sorryMsgText{
	margin-top: 10px;
    line-height: 20px;	
}
.ordDist{	
	color: #fff;
	background-color: #00416a;
	padding-left: 15px;	
	height: 42px;
	font-weight: bold;
	font-size: 1.375rem;
}
.ordDistInpBlock{
	border-left: 3px solid #00416a;
	border-right: 3px solid #00416a;
	padding: 15px;
}
.redTxt{
	color: #f00;
}
.req{
	color: #f00;
	font-style: italic;
	font-size: .9em;
}
.reqContainer{
	margin-right: 2px;
}
.reqInput{
	margin-left: 7px;
}
#scaleCostBlock{
	border: 3px solid #00416a;
	padding: 15px;
	font-size: .9em;
	line-height: 1.3em;
}
.scaletxt{
	font-size: .8em;
	font-style: italic;
	margin-left: 10px;
 /* padding: 0px 7px;*/
}
#scaleCnt, #scaleCost{
	border: 3px solid #00416a;
	border-radius: 0px;	
}	
#scaleCost{
	height: 42px;
	padding-left: 15px;
	
}
.schlRow{
	margin-bottom: 20px;
}
.sorryBtnBox{
	margin-top: 20px;
}
#sorryModal{
	padding: 0px 0px 10px 0px;
	border: 4px solid #00416a;
}
#sorryDoneBtn{
	color: #fff;
	background-color: #00416a;
	font-weight: bold;
}
#sorryModalBlock, #duplicateModalBlock{
	padding: 8px;
}
#duplicateOKBlock{
	margin-top: 15px;
}
#tallyCostBlock{
	border: 3px solid #00416a;
	border-radius: 0px;
	padding: 15px;
	/*font-size: 1.2em;*/
	line-height: 1.4em;
}
.tipBlock {
	padding-left: 8px !important;
	display: flex;
	align-items: center;
}
.inputRow{
	margin-bottom: 15px
}
p.infoBlock{
	margin-bottom: 2px;
}
.schlAddrBlock{
	border-bottom: 2px solid #00416a;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.schlPara{
	margin-bottom: 6px;
	line-height: 1em;
}
.txtright{
	text-align: right;
}
.txtRow{
	margin-bottom: 6px;
}
#officeOKAddBtn{
	background-color: #00a6ce !important;
    height: 42px;
    font-size: 1.25em;
    font-weight: bold;
    border-radius: 8px;
    padding: 8px 15px;
    color: #fff;
}
.distSUColSpc{
	padding: 8px 0px 4px;
}
.distSUColSpcMin{
	padding-top:8px;
}
#yearTerm{
	border: 3px solid #00416a;
	border-radius: 0px;
	font-weight: bold;
	padding-top: 4px;
}	
.scaleSUtxt{
	line-height: 15px;
	font-size: .8em;
	font-style: italic;
	margin-left: 10px;
}
.distYearsBlock{
	padding-left: 15px !important;
}
#renewLoginPDFfrm{
	border-right: 2px solid #00a6ce;
  padding-right: 10px;
}
#renewPDFBtn{
	background-color: #00a6ce;
	border-radius: 8px;
	color: #fff;
	margin: 0px;
	height: 42px;
	padding: 8px 15px;
	font-size: 1.375em;
	text-align: center;
	font-weight: bold;
}
#renewPDFBtnBlock{
	margin-top: 20px;
}
/*********************************************** Teacher Sign up */
#acctAdminBlock, #acctSchoolBlock, #acctMembershipBlock{
	background-color: #00416a;
    color: #fff;
    font-size: 1.375rem;
    padding-left: 11px;
    height: 42px;
    min-width: 100%;
}
#acctPayment{
	border-left: 3px solid #00416a;
	border-right: 3px solid #00416a;
	padding: 15px;
}
#acctPaymentTotal{
	padding: 15px;
  border: 3px solid #00416a;
/*	font-size: 1.2em; need this off for sign ups,    ?add student-child and renew*/
}
.acctTitleRow{
	margin-left: 7px;
}
#paymentLn{
	border-top: 3px solid #00416a;
  margin-bottom: 1rem;
}
.suRow {
    margin-top: 13px;
    font-size: 1.1em;
    min-width: 100%;
}
#sufirstNameMsg, #sulastNameMsg, #suPositionMsg, #suEmailMsg, #suschoolNameMsg, #sucountryMsg, #suprovincesMsg, #sustateMsg, #sunumStudentsMsg,
#userMsgBox, #suPassMsgBox, #suPrivacyMsgBox{
	display: none;
  margin-top: 20px;
}
.suRowPad {
    padding-left: 10px !important;
}
#tchrAcctAdmin, #acctSchoolBox, #acctMembership{
	border-left: 3px solid #00416a;
	border-right: 3px solid #00416a;
	padding: 15px;
}
.inputPrivRow{
	margin-bottom: 25px;
}
#acctPaymentTotalTop{
 padding: 15px;
 border: 3px solid #00416a;
 margin-bottom: 15px;
	line-height: 22px;
}
/**************************************************** Teacher Thank You */
#thankMsg{
	color: #00416a;
	font-size: 2.5em;
	margin-top: 17px;
	margin-bottom: 11px;
}
#tchrTUBlock{
	margin-top: 25px;	
	margin-bottom: 20px;
}
#tchrTUBtnBlock{
	margin-bottom: 50px;
}
#tchrTUEditBtn{
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px 0px 0px 15px;
	padding: 8px 15px;
}
#tchrTUBtn{
	margin-top: 13px;
}
#thcrTUhomeBtn{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.375rem;
	padding: 8px 15px;
	font-weight: bold;
	border-radius: 8px;
	margin: 0px;
}
#tchrTUNext{
	color: #fd5900;
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
	line-height: 28px;	
}
#tchrTUright{
	margin-left: 30px;
}
#tchrTUrvw{
	font-size: 22px;
}
.tchrTUTitle{
	background-color: #00416a;
	color: #fff;
	font-size: 18px;
	padding-left: 15px;
	height: 30px;
}
.tchTUpad{
	padding-left: 15px !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tchTUinfoBox{
	border-left: 3px solid #00416a;
  border-right: 3px solid #00416a;
}
.tchTUinfoBoxLwr{
	border-left: 3px solid #00416a;
  border-right: 3px solid #00416a;
	border-bottom: 3px solid #00416a;
}
.nomarg{
	margin-bottom: 0px;
}
/********************************************************* School-dist thank */
.distTUSchls{
	border-top: 1px solid #00416a;
}
/************************************************************** Family */
#signupFamContainer{
		border: 4px solid #00416a;
		margin-bottom: 70px;
		padding: 15px;
	}
#famTitleBlock{
	background-color: #00416a;
	color: #fff;
	font-size: 1.375rem;
	padding-left: 11px;
	height: 42px;
}
#suLockText{
	 line-height: 19px;
   margin-left: 8px !important;
}
#suCCImg{
	margin-top: 14px;
  margin-bottom: 24px;
}
/************************************************************** Family Trial */
#signupTrialContainer {
    border-left: 4px solid #00416a;
		border-right: 4px solid #00416a;
		border-bottom: 4px solid #00416a;
    margin-bottom: 70px;
}
#joinTrialBtnBox {
  margin: 20px 0px 25px 0px;
		padding-right: 15px;
}
#joinfamTrialBtn {  
		height: 42px;
    color: #fff;
    border-radius: 8px;
    background-color: #5cb65e;
    font-size: 1.375rem;
    font-weight: bold;
    margin: 0px;
    padding: 8px 15px;
}
#suFreeTrialTxt {
    color: #e94e3c;
    font-style: italic;
    font-size: 1.1em;
}
#suInstrTrialBlock {
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 30px;
    font-size: 1.25em;
}
.isReq {
    color: #e94e3c;
    font-style: italic;
}
.isReqBlock {
    margin-bottom: 20px;
}
.inputLabelNotReq {
    padding-left: 21.5px !important;
}
#genericMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	height: 50px;
	display: flex;
	justify-content: center;
	padding: 8px 15px;
}
#genericMessageModal{
	padding: 0px 0px 10px 0px;
	border: 4px solid rgb(0, 167, 206);
}
.genericBtnBox{
	text-align: center;
  margin-top: 20px;
}
#genericMsgText{
	text-align: center;
	line-height: 1.5em;
}
/*********************************************************tooltip*/
.tm{
	margin-top: 10px;
}
.tipBlock{
	padding-left: 8px !important;
	display: flex;
	align-items: center;
}
.tipsContentBlock{
	max-width: 300px;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-box {
	background: #fff;
	border: 3px solid #00a6ce;
	border-radius: 6px;
	box-shadow: 5px 5px 2px 0 rgba(0,0,0,0.4);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-content {
	color: #000;
	padding: 8px;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #00a6ce;
    border-bottom-color: rgba(0,166,206,.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #00a6ce;
    border-left-color: rgba(0,166,206,.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #00a6ce;
    border-right-color: rgba(0,166,206,.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #00a6ce;
    border-top-color: rgba(0,166,206,.9)
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #00a6ce;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #00a6ce;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #00a6ce;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #00a6ce;
    left: 0;
    top: -3px
}
@media screen and (orientation: portrait){
	.mobField{ margin-bottom: 8px;}
}
@media print{
	a[href]:after {
    content: none !important;
  }
	.tchrTUTitle{
		border: 4px solid #00416a;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 46px;
	}
	#tchrTUBtnBlock, #pre_footer,#topNav, #nameGradeMx, #preorderBtn,#loginBtnTxt, #tchrTUright{
		display: none;
	}
	#pageTopNav{display: none;}
}