body {
    font-family: 'Roboto', sans-serif;
}



@media only screen and (max-width: 768px) {
	.alfHeaderCol1{
		margin-bottom:20px;
	}
	.clearSm{
		clear:both;
	}
}




#alfBodyContent{
	/*max-width:768px;*/
	/*font-family: 'Roboto', sans-serif;*/
	font-size:14px;
	overflow:hidden;
	height:100%;
	margin:10px;
}

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class*=" col-"] {
  display: flex;  
}





.info{
	background:url(../images/info.png) no-repeat center;
	width:15px;
	height:15px;
	display:inline-block;
}


.alfBtn{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	color:#fff;
	padding:10px;
	width: 90%;
    display: block;
	text-align:center;
	margin:5px 10px 5px 10px;
	cursor:pointer;
}
.alfBtn:hover{
	color:#fff;
	text-decoration:none;	
}

#alfHeader{
	padding:10px;
	background-color:#35669A;
	color:#FFF;
}
.alfHeaderCol2{
	margin-top:30px;
}

.alfHeadingTxt{
	margin-left:20px;
	/*width:800px;*/
}

.subheader{
	margin:0px;
	font-size:18px;
	line-height:34px;
}
.no-gutter > [class*='col-'] {
    padding-right:1px;
    padding-left:0;
}


.colFixedHeight{
	height:520px;
}

.alfEnglishCol1{
	background-color:#6FA1CF;
}
.alfEnglishCol2{
	background-color:#A5C4E1;
}
.alfEnglishBtn{
	background-color:#275885;
    font-size:1.2em;
}
.alfEnglishBtn:hover{
	background-color:#2E689C;
}
.alfEnglishBtnHeader{
	color:#0a335a;
	width:100%;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	min-height:100px;
}
.alfEnglishBtnHeader .iconRight{
	position:absolute;
	top:5px;
	right:5px;

}
.alfEnglishBtnHeader p{
	padding:3px;
}
.alfEnglishHeader{
	background-color:#4E7292;
	height:34px;
	width:100%;
    font-weight:bold;
	text-align:center;
	color:#fff;
}
#alfEnglish{
	
}

#alfBtnContainer{
	margin-top:6px;
	/*display: table; */
}
#alfBtnContainer > div{
	/*display: table-cell;*/
}

.alfAcademicCol1{
	background-color:#9E7FB8;
}
.alfAcademicCol2{
	background-color:#C2AFD2;
}
.alfAcademicBtn{
	background-color:#55366E;
    font-size:1.2em;
}
.alfAcademicBtn:hover{
	background-color:#6D468E;
}
.alfAcademicHeader{
	background-color:#705A82;
	height:34px;
	width:100%;
    font-weight:bold;
	text-align:center;
	color: #fff;
}
#alfAcademic{
	
}
.alfAcademicBtnHeader .iconRight{
	position:absolute;
	top:5px;
	right:5px;

}
.alfAcademicBtnHeader p{
	padding:3px;
}
.alfAcademicBtnHeader{
	color:#3c2053;
	width:100%;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
	min-height:100px;
}



.floatRight{
	float:right;
}


/* ------------------------------------- tabs ---------------------------------- */

#alfHeaderTabs{
	background-color:#35669A;
	color:#FFF;
}


.alfModuleSubtitle{
	color:#FEC326;
	font-size:2.5em;
}

#alfTabContainer{
	margin-top:15px;
}
.alfReturnBtnContainer{
	width:180px;
	position:absolute;
	top:12px;
	left:12px;
	z-index:1000;
}
.alfReturnBtn{
	background:url(../images/ico-home.png) no-repeat left;
	width:62px;
	height:24px;
	line-height:26px;
	display:block;
	font-size:11px;
	padding-left:24px;
	color:#fff;
}
.alfReturnBtn:hover{
	background-color:#367ABF;
	color:#fff;
}
.icon-revisit{
	background:url(../images/module-icn-1-over.png) no-repeat center;
	width: 14px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}

.icon-annotated{
	background:url(../images/module-icn-2-over.png) no-repeat center;
	width: 18px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.icon-watch{
	background:url(../images/module-icn-3-over.png) no-repeat center;
	width: 20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.icon-have{
	background:url(../images/module-icn-4-over.png) no-repeat center;
	width: 21px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.icon-quick{
	background:url(../images/module-icn-5-over.png) no-repeat center;
	width: 19px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.icon-learn{
	background:url(../images/module-icn-6-over.png) no-repeat center;
	width: 20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.icon-download{
	background:url(../images/module-icn-7-over.png) no-repeat center;
	width: 20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}


.nav-tabs > li > a{
	background-color:#FEC326;
	color:#000;
}
.nav-tabs > li > a:hover{
	background-color:#367ABF;
	color:#fff;	
}

.nav-tabs > li.active > a{
	background-color:#367ABF !important;
	color:#fff !important;
}

.tab-content > .active{
    background-color:#367ABF;
    color:#fff;
    padding:10px;
	min-height:440px;

}

.alfTabContent{
	margin-top:20px;
}



.popover-title,.popover-content{
	color:#4E7292;
}





/* gold */
.jssorStrong{
	color:#fec326;
}
/* blue - bold */
.jssorStrong2{
	color:#367ABF;
	font-weight:bold;
}
/* blue */
.jssorStrong3{
	color:#367ABF;
	font-weight:bold;
}
/* purple */
.jssorStrong4{
	color:#7030A0;
	font-weight:bold;
}


.jssorError{
	text-decoration:line-through;
	color:#F00;
}

/*.jssorTxtBox{
	color:#333;
	border:1px solid #ccc;
	background-color:#FFF;	
}*/

#jssor_JSSOR003 a{
	color:#fec326;
}

.jssor_clickLink{
	
}
.jssor_clickLink:hover{
	text-decoration:underline;	
}
.jssor_clickLinkDone,.jssor_clickLinkDone:hover,.jssor_clickLinkDone:focus{
	text-decoration:line-through;
	color:#cc0000;
}


.alfCheckBtn{
	background-color:#275885;color:#fff;
}
.alfCheckBtn:hover,.alfCheckBtn:focus{
	background-color:#2E689C;
	color:#fff;
	text-decoration:none;
}