body{
	min-height:100vh;
	font-family: 'HelveticaNeueMedium', 'HelveticaNeue-Medium', 'Helvetica Neue Medium', 'HelveticaNeue', 'Helvetica Neue', 'TeXGyreHerosRegular', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
}


@font-face {
	font-family: 'AvantGarde-Book';
	src: url('/dist/css/fonts/AvantGarde-Book/AvantGarde-Book.eot?#iefix') format('embedded-opentype'),  url('/dist/css/fonts/AvantGarde-Book/AvantGarde-Book.otf')  format('opentype'),
	url('/dist/css/fonts/AvantGarde-Book/AvantGarde-Book.woff') format('woff'), url('/dist/css/fonts/AvantGarde-Book/AvantGarde-Book.ttf')  format('truetype'), url('/dist/css/fonts/AvantGarde-Book/AvantGarde-Book.svg#AvantGarde-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvantGarde-BookOblique';
	src: url('/dist/css/fonts/AvantGarde-BookOblique/AvantGarde-BookOblique.eot?#iefix') format('embedded-opentype'),  url('/dist/css/fonts/AvantGarde-BookOblique/AvantGarde-BookOblique.otf')  format('opentype'),
	url('/dist/css/fonts/AvantGarde-BookOblique/AvantGarde-BookOblique.woff') format('woff'), url('/dist/css/fonts/AvantGarde-BookOblique/AvantGarde-BookOblique.ttf')  format('truetype'), url('/dist/css/fonts/AvantGarde-BookOblique/AvantGarde-BookOblique.svg#AvantGarde-BookOblique') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvantGarde-Demi';
	src: url('/dist/css/fonts/AvantGarde-Demi/AvantGarde-Demi.eot?#iefix') format('embedded-opentype'),  url('/dist/css/fonts/AvantGarde-Demi/AvantGarde-Demi.woff') format('woff'), url('/dist/css/fonts/AvantGarde-Demi/AvantGarde-Demi.ttf')  format('truetype'), url('/dist/css/fonts/AvantGarde-Demi/AvantGarde-Demi.svg#AvantGarde-Demi') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvantGarde-Medium';
	src: url('/dist/css/fonts/AvantGarde-Medium/AvantGarde-Medium.eot?#iefix') format('embedded-opentype'),  url('/dist/css/fonts/AvantGarde-Medium/AvantGarde-Medium.otf')  format('opentype'),
	url('/dist/css/fonts/AvantGarde-Medium/AvantGarde-Medium.woff') format('woff'), url('/dist/css/fonts/AvantGarde-Medium/AvantGarde-Medium.ttf')  format('truetype'), url('/dist/css/fonts/AvantGarde-Medium/AvantGarde-Medium.svg#AvantGarde-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Righteous';
	font-style: normal;
	font-weight: 400;
	src: local('Righteous'), local('Righteous-Regular'), url(https://fonts.gstatic.com/s/righteous/v6/eJYqrhUff1n1Ge9A-rSw_BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Righteous';
	font-style: normal;
	font-weight: 400;
	src: local('Righteous'), local('Righteous-Regular'), url(https://fonts.gstatic.com/s/righteous/v6/w5P-SI7QJQSDqB3GziL8XVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

*:-webkit-autofill,
*:-webkit-autofill:hover,
*:-webkit-autofill:focus,
*:-webkit-autofill:active {
	background-color: rgb(255, 255, 255);
}


.background{
	background:grey;
	padding:0;
	height:100vh;
	/*background:url("/dist/img/Redbrick Login.jpg");*/
}

.topbar{
	text-align:center;
	padding:44px 0;
	height:150px;

}

div.login_form{
	background:url("/dist/img/login_background.jpg");

}

div.register_course{
	background:url("/dist/img/registration_background.jpg");

}

div.content{
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
	padding:60px 150px;
	overflow:scroll;
	height:100%;
}

/*@media(max-height:769px) and (min-width:600px){
	.footer-details{
		display:none;
	}
	}*/

	@media(max-width:993px){
		.footer-details span{
			width:100%;
			display:inline-block;
		}
	}

	.content .form-group{
		//width:50%;
		margin:10px auto;
	}

	.content .form-group.checkbox{
		width:100%;
		margin:10px auto;
	}

	.login_form_outer{
		padding:40px;
	}

	.content .login_form{
		padding:20px 60px;
		display:block;
		margin: auto;
		width:500px;

	}

	.title{
		font-size:25px;
		color: #999999 !important;
		font-family: "Righteous", sans-serif;
	}

	input,select{
		font-family: "Righteous", sans-serif;
	}

	@media(max-width:800px){
		div.content{
			padding:30px 50px;
		}
		.content .login_form{
			width:500px;
		}

	}

	@media(max-width:600px){
		.topbar{
			height:100px;
			padding:22px 0;
		}

		div.content{
			padding:30px 30px;
			height:100%;
		}

		/*.content .login_form{
			width:350px;
			padding:20px 20px;
			}*/

		}

		@media(max-height:769px){
		/*.topbar{
			height:100px;
			padding:30px 0;
			}*/

			div.content{
				padding:30px 30px;
				height:100%;
			}

			.topbar img{
				width:180px;
			}
		}
/*
@media(max-height:700px) and (max-width:600px){
	.footer-details{
		display:none;
	}
	}*/


	.content input{
		border-radius:0px !important;
		margin-top:20px;
	}

	.content wrapper{
		position: relative;
		display: block;
	}

	.content wrapper.mail::before{
		float: right;
		font-family: 'FontAwesome';
		color:grey;
		position: absolute;
		right:10px;
		top:7px;
		content: "\f0e0";
	}

	.content wrapper.lock::before{
		float: right;
		font-family: 'FontAwesome';
		color:grey;
		position: absolute;
		right:10px;
		top:5px;
		font-size:22px;
		content: "\f023";
	}

	.content span.text-center{
		display: block;
		color:#666;
		padding:5px 0px;
	}

	.content label{
		color:#666;
	}

	.content span{
		font-family: "Righteous", sans-serif;
		margin-bottom:10px;
	}

	.content span.remember_me{
		display: inline-block;
		vertical-align: middle;
	}
	.content span.remember_me>span{
		line-height:20px;
		height:20px;
		font-family: 'AvantGarde-BookOblique';
		color:#666;
	}

	.content input[type=checkbox]{
		border-radius: 0px !important;
		background: white;
		height: 15px;
		width: 15px;
		margin-left:0px !important;
		margin-top:10px;
	}

	.content input[type=submit]{
		/*float: right;*/
		padding:6px 18px;
		opacity: 0.8;
	}

	.footer-details{
		text-align: center;
		color:white;
		margin:30px 0;
	}

	.footer-details span{
		font-family: 'AvantGarde-Book';
	}

	div.content::-webkit-scrollbar{
		display:none;
	}

	.footer-details a{
		opacity:1;
		color:white;
		padding:0 10px;
		margin-right:40px;
	}

	.login_seperator{
		display:block;
		width:65px;
		margin-left:auto;
		margin-right:auto;
		border:3px solid #F69E22;
		background: #F69E22;
	}

	.sign_in{
		background:#2D536B;
		color:white;
		border:0;
		height:40px;
		font-family: 'AvantGarde-Demi';
		opacity: 0.9;
	}

	.sign_in:hover{
		background:#396784;
		color:#ffffff;
	}

	.text-red{
		color:red;
	}
	.text-error{
		color:red;
	}

	/*media xs*/
	@media (max-width: 767px) {
		.content .login_form {
			width: 100%;
			padding: 1%;
		}
		.title{
			font-size:20px;
		}
	}

	/*media sm*/
	@media (min-width: 768px) and (max-width: 991px) {
		.topbar img{
			width:240px;
		}
		
	}

	/*media md*/
	@media (min-width: 992px) and (max-width: 1199px) {
		.topbar img{
			width:240px;
		}

	}
	/*media lg*/
	@media (min-width: 1200px) {
		.topbar img{
			width:240px;
		}
	}


	/* enable absolute positioning */
	.inner-addon { 
		position: relative; 
	}

	/* style icon */
	.inner-addon .fa {
		position: absolute;
		padding: 10px;
		pointer-events: none;
	}

	/* align icon */
	.left-addon .fa  { left:  0px;    font-size: 18px;padding-top: 16px; padding-bottom: 25px;}
	.right-addon .fa { right: 0px;}

	/* add padding  */
	.left-addon input  { padding-left:  50px;     padding-top: 25px; padding-bottom: 25px; }
	.right-addon input { padding-right: 30px; }


	.form_input{
		border:none;	
	}

	@keyframes hover-color {
		from {
			border-color: #c0c0c0; }
			to {
				border-color: #3e97eb; } }

				.magic-radio,
				.magic-checkbox {
					position: absolute;
					display: none; }

					.magic-radio[disabled],
					.magic-checkbox[disabled] {
						cursor: not-allowed; }

						.magic-radio + label,
						.magic-checkbox + label {
							position: relative;
							display: block;
							padding-left: 30px;
							cursor: pointer;
							vertical-align: middle; }
							.magic-radio + label:hover:before,
							.magic-checkbox + label:hover:before {
								animation-duration: 0.4s;
								animation-fill-mode: both;
								animation-name: hover-color; }
								.magic-radio + label:before,
								.magic-checkbox + label:before {
									position: absolute;
									top: 0;
									left: 0;
									display: inline-block;
									width: 20px;
									height: 20px;
									content: '';
									border: 2px solid #c0c0c0; }
									.magic-radio + label:after,
									.magic-checkbox + label:after {
										position: absolute;
										display: none;
										content: ''; }

										.magic-radio[disabled] + label,
										.magic-checkbox[disabled] + label {
											cursor: not-allowed;
											color: #e4e4e4; }
											.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
											.magic-checkbox[disabled] + label:hover,
											.magic-checkbox[disabled] + label:before,
											.magic-checkbox[disabled] + label:after {
												cursor: not-allowed; }
												.magic-radio[disabled] + label:hover:before,
												.magic-checkbox[disabled] + label:hover:before {
													border: 1px solid #e4e4e4;
													animation-name: none; }
													.magic-radio[disabled] + label:before,
													.magic-checkbox[disabled] + label:before {
														border-color: #e4e4e4; }

														.magic-radio:checked + label:before,
														.magic-checkbox:checked + label:before {
															animation-name: none; }

															.magic-radio:checked + label:after,
															.magic-checkbox:checked + label:after {
																display: block; }

																.magic-radio + label:before {
																	border-radius: 50%; }

																	.magic-radio + label:after {
																		top: 6px;
																		left: 6px;
																		width: 8px;
																		height: 8px;
																		border-radius: 50%;
																		background: #3e97eb; }

																		.magic-radio:checked + label:before {
																			border: 1px solid #3e97eb; }

																			.magic-radio:checked[disabled] + label:before {
																				border: 1px solid #c9e2f9; }

																				.magic-radio:checked[disabled] + label:after {
																					background: #c9e2f9; }

																					.magic-checkbox + label:before {
																						border-radius: 3px; }

																						.magic-checkbox + label:after {
																							top: 2px;
																							left: 7px;
																							box-sizing: border-box;
																							width: 6px;
																							height: 12px;
																							transform: rotate(45deg);
																							border-width: 2px;
																							border-style: solid;
																							border-color: #fff;
																							border-top: 0;
																							border-left: 0; }

																							.magic-checkbox:checked + label:before {
																								border: #3e97eb;
																								background: #3e97eb; }

																								.magic-checkbox:checked[disabled] + label:before {
																									border: #c9e2f9;
																									background: #c9e2f9; }

																									.form-control{
																										color: #d8d6d7;

																									}

																									.form_input{
																										color: #bcbcbc;

																									}

																									::-webkit-input-placeholder { /* Chrome */
																										color: #bcbcbc !important;
																									}
																									:-ms-input-placeholder { /* IE 10+ */
																										color: #bcbcbc !important;
																									}
																									::-moz-placeholder { /* Firefox 19+ */
																										color: #bcbcbc !important;
																										opacity: 1;
																									}
																									:-moz-placeholder { /* Firefox 4 - 18 */
																										color: #bcbcbc !important;
																										opacity: 1;
																									}

																									.wizard_icon{
																										padding:0px !important;
																										position: relative !important;
																										font-size: 30px !important;
																									}

																									ul.nav-justified > li.li-nav{
																										padding: 1px;
																									}

																									.nav-pills>li.active.pass>a{
																										background-color: #61a3d8;
																									}

																									.wizard_step_active{
																										color:#3EA4D8 !important;
																									}


																									.wizard_nav ul
																									{
																										margin: 0;
																										padding: 0;
																										list-style-type: none;
																									}

																									.wizard_nav ul li { display: inline-block;padding: 2px;  }
																									.wizard_nav ul li img{ height: 30px;  }

																									.gap {
																										vertical-align: top;
																										color: #bcbcbc;
																										font-size: 22px;
																									}

																									.hr{
																										margin-top: 0px;
																										margin-bottom: 5px;
																										border-top: 2px solid #bcbcbc;

																									}

																									.no-padding-left{
																										padding-left: 0px;
																									}

																									.no-padding-right{
																										padding-right: 0px;
																									}

																									body{
																										font-family: "Righteous", sans-serif;
																										color: #ABA8A5;
																									}

																									.text-green {
																										color: #5cb85c;
																									}