@charset "utf-8";
/* CSS Document */
body{
margin:0px !important;	
font-size:19px !important;
overflow-x:hidden;
overflow-y:scroll;
font-weight:300;
}
nav ul a{
font-size:17px !important;	
}
.cnta{
float:left;
left:0px;
height:600px;
width:1034px;
}
.navi{
float:left;
left: -200px;
top: 0;	
position:fixed;
width:200px;
}
#help_nav{
	display:none;	
}
.hellp{
float:right;
right: -200px;
position:fixed;
width:90% !important;
display:block !important;
margin-right:-10px;
}
#clop1{
float:left;
position:relative;
z-index:1;
height:56px;
top:15px;	
}
#helps{
	display:block;
	margin-top:1.5rem;	
}
.clop{
float:left;
margin:0px;	
}
.posi{
position:absolute;	
}
.mycontainers{
float:left;
height:100%;
width:100%;
margin:0px;
left:0px;

}
.mycontainer{
float:left;
height:100%;
width:100%;
margin:0px;
}
.mycontainer1{
float:left;
height:100%;
width:80%;
margin-left:10%;
}
.img2{
height:156px;	
}
.mglft{
float:left;
margin-left:25px;	
}
.logo{
margin-left: 45px;
font-size: 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.logo1{
margin-top:6px;	
}
.head{
float:left;
height:100px;	
}
.head1{
float:left;
height:300px;	
}
.resp1 img{
margin-left:20%;	
}
.boss{
height:250px;
margin-bottom:40px;	
}
.resp{
margin-left:0;	
}
.cha{
margin-bottom:40px;	
}
.txtshad{
text-shadow:2px 2px 2px #000; 	
}
.slht{
height:450px !important;	
}
.accountInputDiv{
	padding:0 2e !important;	
}
.accountInput{
	padding:0.5em 0 !important;	
}
.accountOption{
	padding:0.5em 0 !important;	
	padding-left:0.1em !important;	
}
.tpmgn{
margin-top:20px;	
}
.hov:hover{
text-decoration: underline;	
}
.tpmgn1{
margin-top:70px;	
}
.cardheight{
	min-height: 450px;
	float:left;	
}
.cardheight1{
	min-height: 450px;
	float:left;
	margin-top:30px;	
}

.mgbt{
	padding-bottom:20px;
	float:left;
	min-height:212px;	
}
.bold{
	font-weight: bold !important;	
}
.tpmgn3{
margin-top:50px;	
}
.tpmgn2{
margin-top:40px !important;	
}
.ft1{
border-top-width: thin;
border-top-style: inset;
border-top-color: #CCC;
bottom:0px !important;
left:0px !important;
right:0px!important;	
}
.ft{
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #ccc;	
}
.txt{
font-size: 20px;
font-weight: bold;
text-align:center;
}
.img1{
width:65px;
height:65px;	
}
.txt1{
font-size:16px;	
}
.topic{
font-size:1.4rem;	
}
.rect{
float: left;
border: medium solid #CCC;
line-height:2.0;
}
.cover{
background-image: url(images/imageries.png) !important;
}
.txt2{
font-size:20px;
font-weight:500;	
}
.captn{
font-size:36px;	
}
::-webkit-input-placeholder{
	color:black !important;	
}
:-moz-placeholder{
	color:black !important;	
}
::-moz-placeholder{
	color:black !important;	
}
:-ms-placeholder{
	color:black !important;	
}
:-ms-input-placeholder{
	color:black !important;	
}
.note1{	
background-color:#FFF !important;
border:1px solid #666 !important;
border-radius:5px !important;
padding-left:5px !important;
margin:0px !important;
}
.note2{
height:60px !important;	
background-color:#FFF !important;
border:1px solid #666 !important;
border-radius:5px !important;
padding-left:5px !important;
margin:0px !important;
}
.input-field{
margin:0px;	
}
.tp{
top:0 !important;	
}
.headline
{
display: block;
width: 100% !important;
height: 420px !important;
position: relative !important;
overflow: hidden !important;
}
.scroller
{
position:absolute!important;;
width:1000%!important;;
}
.content_cntr
{
float:left!important;
width:1336px!important;
}
._pst{
position:relative;
}
.way{
float: left;
border: 1px solid #666;
padding:10px 10px 10px !important;	
}
.padr{
padding:0px 15px 10px;	
}
.cic{
height: 40px;
width:40px;
margin:0px !important;
border: 1px solid #fff;
text-align:center;
background-image: url(images/fb.png);
}
.txts{
font-size:18px !important;	
}
.plist{
list-style-image: url(images/list.png);
margin-left:26px !important;
}
.ht1{
height:400px !important;	
}
.ht{
margin-top:-10px;	
}
.hty{
height:100% !important;
text-align:center !important;	
top:42px;
}
.hty li{
padding:0px !important;	
margin-top:8px;
}
.hty li a{
font-size:12px;	
}
.hty li a:hover{
text-decoration: underline;
}
.rspimg{
width:auto;	
}
.nopad{
padding:0px !important;	
}
.bod{
	float: left;
	border: thin solid #CCC;
	font-size: 12px;
	color: #000000;
	margin-left:20%;
}
.par{
font-size:20px;	
}
.show{
display: block !important;
}
.trp1{
top:0px;
}
.mv{
padding-left:30%;	
}

.menu:hover{
	text-decoration: underline;	
}
.reg{
	float:left;
	margin-top:11px;
}
.stxt{
	text-transform: capitalize;
}
.inp1{
	height: 30px !important;
	border: thin solid #1976D2 !important;
	border-radius:0px !important;
	width:100% !important;
	padding-left:5px !important;
	margin-top:10px !important;
}
.mailinp1{
	height: 35px !important;
	border: thin solid #1976D2 !important;
	border-radius:0px !important;
	width:100% !important;
	padding-left:5px !important;
	margin-top:10px !important;
}
.mailinp2{
	height: 75px !important;
	border: thin solid #1976D2 !important;
	border-radius:0px !important;
	width:100% !important;
	padding-left:5px !important;
	margin-top:10px !important;
}
.login_store{
	height: 70px !important;
	border-radius: 0px !important;
	width: 98% !important;
	margin-left:1.5% !important;
	margin-top:18px;
}
.login_store1{
	height: 70px !important;
	border-radius: 0px !important;
	width: 98% !important;
	margin-left:1.5% !important;
	margin-top:18px;
}
#modal1{
	height:65% !important;	
}
#modal4{
	height:65% !important;	
}
.inp{
	width:auto !important;
	border: thin solid #1976D2 !important;
	padding-left:5px;
	margin-left:11px;
	margin-bottom:15px;
	margin-top:18px;
}
#modal2{
	top:0% !important;
	max-height:none !important;	
}
.tp1{
	margin-top:63.9vh !important;
}
.ht2{
	float:left;
	height:300px !important;	
}
.mynopadding{
	padding:0px !important;	
}
label.active{
	font-size:16px !important;	
}
.immg{
	float:left;
	height:200px;
	margin-bottom:30px;	
}
.spanacct{
	float:left;
	margin-top:30px;
	width:100%;
}
.ed:focus{
	background-color: #CCC;
	border: thin solid blue;
}
.editable{
	border: thin solid #ccc;
}
.tooltp{
	float:left;
}
.backdrop{
	background-color:orange !important;
}
.classf{
	padding: 20px 0px 30px;
}
.pinfo{
	height:70px;	
}
.pinfo span{
	margin-top:20px;
	margin-left:15%;
	float:left;
}
.juy{
	float:left;
	height:300px;
	width:300px;
}
.pro{
	height:80px;
	padding-top:30px;
	font-size:13px !important;	
}
	.drp{
		cursor: pointer;		
	}
	#dropdown1{
		top:64px !important;
		width:200px !important;
	}
	/*.adminp{
		height:70px;	
	}*/
	.adminp div{
		padding-top:15px;
		padding-left:20px;	
	}
	.lnam{
		color:black !important;	
	}
	.compslides{
		height:440px !important;	
	}
	.compcont{
		float:left;
		height:100%;
		width:100%;
		margin: 0px;
	}
	.comptxt{
		float:left;
		line-height:2.0;
		margin-top:50px;
		font-size:20px !important;
		margin-right:10px;
	}
	.lnmore{
		margin-bottom:20px;	
	}
	.wrapper{
		float:left;
		width:100%;
		height:100%;
		margin:0px;	
	}
	.comp{
	float: left;
	border: thin solid #ff9800;			
	}
	#modal5{
		max-height:90% !important;
		height:85% !important;	
	}
	.top-nav{
		height:70px;
		box-shadow:none;	
	}
	.page-title{
		line-height:70px;
		font-size:13px;	
	}
	header, main, footer {
    padding-left: 240px;
  }
  .bv{
		position: absolute;
		text-align: center;
		height: 48px;
		width: 48px;
		left: 7.5%;
		top: 57px;
		float: none;
		margin-left: 1.5rem;
		color: #fff;
		font-size: 32px;
		z-index: 2;  
  }
  .full{
		line-height:70px;  
  }
  .logo-hm{
		text-align: center;
		margin-top: 10px;
		border-bottom: 1px solid #ddd;  
  }
  #logo-container{
		height: 230px;
		margin-bottom: 10px;  
  }
   #logo-container1{
		height: 100px;
		margin-bottom: 10px;  
  }
  .bold1{
		display: block;
		padding: 0 15px;
		color: #444;
		font-weight:bold;
		text-align:center;
		font-size:17px !important;  
  }
  .marg{
		margin-left:20px;
		font-size:1.64rem;
  }
  .profimage{
		height:200px !important;
		width:200px;  
  }
  .smprofimage{
		height:150px !important;
		width:150px !important; 
		margin-top:25px; 
  }
  .smprofimage1{
		height:100px !important;
		width:100px !important; 
		margin-top:5px; 
  }
  .tpprof{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;		  
  }
  #surname{
	text-transform: capitalize;	  
  }
  .span1{
	height:50px;
	padding-top:10px !important;  
  }
  .cami{
	margin-top:-30px;
	position:absolute;
	margin-left:-15px; 
  }
  .editables{
	cursor:pointer;
	margin-top:-30px; 
  }
   .editables1{
	cursor:pointer;
  }
  #slide-out{
	top:65px;  
  }
  .basic_edit{
		float:right;
		margin-right:10px; 
		cursor:pointer; 
  }
 .editt:focus{
	padding-left:15px;
	padding-right:15px;
	background-color:#ccc;
	border:thin solid #999; 
 }
 .charrt{
	width:300px;
	height:167px; 
 }
 .no-pad div{
	padding-left:0px !important; 
 }
 .recta{
	height:150px; 
	line-height:150px;
	text-align:center;
	color:white;
	margin-bottom:0.75rem;
 }
.adminsc{
}
.padmin{
	padding-left:2rem !important;
	padding-right:2rem !important;	
}
.ictp{
	margin-top:1rem;
}
.capit{
	Text-transform:capitalize;	
}
.exa{
	padding-top:1rem !important;
	padding-bottom:1rem !important;
	border: thin solid #ccc;
}
.yrs:hover{
	text-decoration: underline;	
}
#nxtDiv{
	position:fixed;
	bottom:0;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #ccc;
}
#top_div{
	margin-top:30px;
	padding: 25px 0px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.overf{
	overflow:hidden;
}
.abox{
	border:solid 1px #CCC;
	min-height:70px;
	margin-right:40px;
}
#modal0{
	width:120px !important;
	height:120px !important;
	overflow:hidden;
	top:30% !important;	
}
.libdiv,#examm,.sub_exam{
	padding:0px 1rem;	
}
#exxam{
	padding-bottom:70px !important;	
}
.prevnxt{
	line-height:4rem;
	display:none;	
}
 .smlbt{
	 margin-bottom:1rem;
 }
 .help{
	height:60px;
 }
 .coll{
	border:none !important; 
 }
#mmad{
		float:right;
		right:0px;
		height:auto;
		width:100%;
		 
 }
 .brand-logo{
	 left:3.9rem !important;
 }
 .ictxt i{
	 font-size:2rem !important;
	 float:left;
	 line-height:4rem;
 }
.ictxt span{
	 font-size:2rem !important;
	 float:left;
	 line-height:4rem;
 }
 .schinpt{
	padding-left:10px !important;
	margin-top:0.8rem !important;
	border-radius:5px !important;
	border:thin solid black !important;
 }
 .courseschinpt{
	padding-left:10px !important;
	margin-top:0.8rem !important;
	border-radius:5px !important;
	border:thin solid black !important;
 }
 .results{
	position:absolute;
	margin-top:54px;
	border: thin solid #CCC;
 }
 .courseresults{
	position:absolute;
	margin-top:54px;
	border: thin solid #CCC;
 }
 .opp{
	display:none;
 }
 .dor{
	margin-top:1em;
	display:block; 
 }
 
 .fixx{
	position:fixed; 
 }
 .folderfont{
	margin-left:0.5em; 
 }
 #luc{
	display:block; 
 }
 .noshadow{
	font-size:14px; 
 }
 .bdl{
	border:none !important; 
 }
 .noshadow i{
	margin-right:1rem;
	font-size:1.6rem; 
 }
 .collapsible{
	margin:0px !important; 
 }
 .margin-lft{
		margin-left:2.5em; 
 }
 #cntr{
	padding-top:1em;
	padding-bottom:1em;
	margin-top:1em !important; 
 }
 #diff_users{
	font-weight:bold;
	padding-top:0.8em; 
 }
 .showw{
	display:block !important; 
 }
 .tiwa{
	padding:0.5em; 
 }
 .tgimage{
	height:200px;
	position:relative;
	bottom:0;
	right:0;
	margin-top:-150px;
    background: -webkit-linear-gradient(transparent,white );
    background: -o-linear-gradient(transparent, white);
    background: -moz-linear-gradient(transparent, white); 
    background: linear-gradient(transparent, white);
 }
 .tgimage a i{
	margin-top:134px;
	 font-size:2em;
 }
 .chip{
	margin-left:20px;
	margin-bottom:10px; 
 }
 #streamModal{
	top:120px !important;
 }
 #streamModal .modal-content{
	padding:0 !important; 
 }
 #createCourseMod{
	top:120px !important;
	height:50% !important; 
 }
 #createCourseMod .modal-content{
	padding:0 !important; 
 }
 .c_courseTitle{
	padding:10px 20px !important; 
 }
 .c_courseModFt a{
	text-transform: capitalize !important;	 
 }
 .stream_switch{
	margin-top:10px;
	margin-bottom:25px; 
 }
 .chat{
	font-size:16px;
	text-transform: capitalize;
 }
 .chat .secondary-content i{
	margin-right:40px;
	line-height:3rem; 
 }
 .chk{
	margin-top:6px;
	float:left; 
 }
 .txtcp{
	text-transform: capitalize !important;	
 }
 .noschreslt{
	padding-top:70px;
 }
.cled{
	display:none !important;
	margin-left:20px;	
}
.edcourse:hover .cled{
	display:block !important;	
}
.pars:hover .iedit{
	display:block !important;
}
.editable .iedit{
	display:block !important;	
}
.stredit{
	display:none !important;
	margin-left:10px;	
}
.chat:hover .stredit{
	display:inline !important;	
}
.mgbtc{
	margin-bottom:20px !important;	
}
.chatIcon{
	font-size:2rem !important;	
}
.notification{
	border-radius:50% !important;
	height:1.2rem;
	width:1.2rem;
	line-height:1.2rem !important;
	font-size:12px !important;
	right:3.2rem !important;
	min-width:unset !important;
	padding:0 !important;	
}
.storage{
	margin-top:-2.7rem;	
}
.regspan{
	margin-left:2rem;
	font-style:italic;
	font-size:13px !important;	
}
#nocourse div h5{
	font-style:italic;
	color:#bbb;	
}
.hs{
	min-width:30px;
	min-height:20px;	
}
.inn{
	padding:2rem;	
}