@charset "utf-8";
/* CSS Document */
/*Header Styles */
.title-text{
	color: #00b0b9;
	font-size: 30px;
}

.title-text .Course{
	font-weight: bold;
}

.title-text .eLearning{
	font-weight: 200;
}

.banner_text{
	font-size: 58px;
}

.title-style{
	    line-height: 33px;
    	padding-top: 6px;
}

/* ---------- */
/*User Dashboard Styles */
.white-outline-button{
	border-color: white;
	border-radius: 0;
	color: white;
	text-transform: uppercase;
	margin-top: -3px;
	height: 35px;
}

.accesscode{
	    margin-top: 7px;
    	margin-bottom:  25px;
}

@media(max-width:991px){
.accesscode{
	    margin-top: -17px;
    margin-bottom:  25px;}
}

@media(max-width:1328px){ 
.modulearea {
    padding-bottom: 7%!important;
        }}

#code{
	height: 37px;
	margin: 10px;
    box-shadow: 0px 0px #6b2776 inset;
}
 #codeinputdiv{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);margin:auto;width:45%;padding:10px;background-color: #9c64b2;z-index:1000;border:1px solid #fff; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);}

#noaccessdiv{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);margin:auto;width:50%;padding:10px;background-color: #6b2776;z-index:1000;border:1px solid #fff;color:rgba(255,255,255,1)}

body{font-family: 'Fira Sans', sans-serif !important;}
		
.dropdown-toggle::after{display:none!important;}

.wraptext{inline-size: 155px;overflow-wrap: break-word; color: white;}

.white-outline-button:hover{
	background-color:white;
	color: #6b2776;
	border-color: white;
	height: 35px;
	
}
.menuicon {font-size: 30px; color:#6b2776;}

.purpleblockwrapper{
	padding-right: 0px;
	padding-left: 0px;
}

.bigblockcard:hover{
	border-width: 4px;
	border-color: #31abb8;
}

.bigblockcard{
	background-color:#fff; 
	border:4px solid #fff; 
	border-radius:2px; 
	color:#000; 
	text-align:left; 
	cursor:pointer; 
	padding-left:0px; 
	padding-right:0px; 
	width: 250px; 
	height: 380px; 
	margin-bottom: 10px;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.19)
}

.bigblockcard div{ 
	width: 100%;  background: #f1f4fb;     text-align: center;

}
.completeddivb{ background:#c7c9d5!important;}
.bigblockcardInactive{
	background-color:#fff; 
	border:4px solid #fff; 
	border-radius:2px; 
	color:#000; 
	text-align:left; 
	cursor:pointer; 
	padding-left:0px; 
	padding-right:0px; 
	width: 250px; 
	height: 380px; 
	margin-bottom: 20px;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.19);
    font-size:15px;
}

.bigblockcardInactive div{
	background-color: #f1f4fb;
}

.mobilebonly{display:none;} 
@media(max-width:991px){  nav > div.btn-group.justify-content-end{display: inline-block;
    width: 40%;}  nav > div.container-fluid{display: inline-block;
		width: 40%;} body > section.bigwrap > div:nth-child(1){max-width: 100%;}
	.bigblockcardInactive{
		height: 340px;
		margin-right:10px;
		margin-left: 10px;
		flex: 0 0 46%;
	} .bigblockcard > span {color:#000!important;} .bigblockcard .activeCoursesLink {
		color: #000;} .bigblockcard .wraptext{color:#000;} .renfea{padding-top:10px;} .mobilebonly{display:inline-block;}
	.bigblockcard{
		height: 440px;
		margin-right:10px;
		margin-left: 10px;
		flex: 0 0 46%;
        margin-bottom: 20px;
	} .bigblockcard p{min-height:45px;}
    .ipadindent{
        padding-right:12px;
    }
    .menuline {border-bottom: 50px solid red;}
}

    .ipadindent{
        margin-right:-19px;
    }
.activeCoursesLink{
	color: #fff;
	text-decoraton:none;
	padding-left: 0px;	
}

.activeCoursesLink:hover{
	color: #efb8fd;
	text-decoration: none !important;
}
		.pText1{font-weight: 200;}
		.pText2{font-weight: 200; padding: 0 15px 10px 15px;text-align: left;}



/* ------------------ */
.navwhite{background-color:#fff!important;}
.bannerimg{width:100%; height:auto;}
.modulearea{background-color:#6b2776; color:#fff;     padding-top: 0px;  padding-bottom: 14%;}
.footerarea{background-color:#000; color:#fff; font-size:11px;}
.footerarea a{color:#fff; text-decoration:none;}
.navbar-brand img{width:500px;} 
.titleb{text-transform:uppercase; font-size:20px; padding-top:0px; margin-bottom:0px; font-weight: 500;}
.machineblock{max-width:100%; height:220px;   }

.containersx{ background-image: url("images/bannerimage.png"); background-size:cover; height:30vh; background-position:bottom center; color:#fff;
}
.containersx .col-lg-12{margin-top: 8vh;}
h1{font-weight:700; font-size:5vh; letter-spacing: .025em;}
h2{font-size:5vh; font-weight: 300; letter-spacing: .025em;}

@media(min-width:991px){
.col-lg-3 { 
 	margin: 1%; 
	-ms-flex: 0 0 22%;
    flex: 0 0 23%;
	max-width: 23%;}
}
#codeinputdiv {width:55%; left:50%;}
.bigblockcard p{text-align:left; padding-left:15px; padding-right:10px;
    line-height: 22px; font-size: 15px; margin-bottom: 40px; }


h3, .h3 { font-weight:bold; padding-left:15px;
    font-size: 1rem;
    text-align: left;
	margin-top: 10px;
}
h31, .h31 { font-weight:bold; padding-left:0px;
    font-size: 1rem;
    text-align: left;
	margin-top: 3px;
	}

@media(max-width:1100px){ .dropdown-menu{right:0px; left:auto;}
	.containersx{background-position:bottom left; }
	
	
}

@media(min-width:991px){
	.modulearea{
		padding-bottom: 6%;
	}
	/*.bigblockcard{margin-bottom: 30px;}*/
	 
}

@media(Max-width:576px){
	.col-sm-12{width:98%; padding-left:1%; padding-right:1%;
}}


.footer {
    padding-top: 20px;
    color: rgba(105,105,105,1) !important;
    font-size: 11px;
    font-weight: normal;
    height: 8%;
    bottom: 0px;
    position: relative;
    width: 100%;
    padding-left: 2%;
    line-height: 17px;
	text-align: center;
    padding-bottom: 20px;
	background-color: #000;
	}

.footer a {
    color: rgba(137,137,137,1) !important;
    text-decoration: none;
}
.footer a:hover {
    color: #fff!important;
    text-decoration: underline!important;
}

.eofmaeofm{padding-bottom:20px; padding-top: 30px;}

	
/* Small Screen Alert Style */
.smallscreen{
	display:none;
}

@media(max-width:767px){
	.bigwrap{
		display: none !important;
	}
	.smallscreen{
		display: block;
	}
	
}




/* ----------------------- */