body{
	min-height:100vh;
	font-family: 'AvantGarde-Book';
}

@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;
}

*:-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{
	background:white;
	text-align:center;
	padding:44px 0;
	height:160px;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 4px 1px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 4px 1px rgba(50, 50, 50, 0.3);
	z-index:1;
}

div.content{
	/* background:url("/dist/img/login_background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	position:relative; */
	background-color: #2A3F54;
	padding:60px 150px;
	overflow:scroll;
	height:calc(100% - 150px);
}

/*@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:80%;
	margin:10px auto;
	text-align: left;
}

.login_form_outer{
	padding:40px;
}

.content .login_form{
	color: #ffff;
	background:rgba(255,255,255,0.3);
	padding:20px 60px;
	display:block;
	margin: auto;
	width:650px;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 4px 1px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 4px 1px rgba(50, 50, 50, 0.3);
}

.title{
	text-align: center !important;
	font-size:28px;
	color: #fff !important;
	font-family: 'AvantGarde-Demi';
}

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

	.title{
		font-size:18px;
	}
}

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

	div.content{
		padding:30px 30px;
		height:calc(100% - 100px);
	}

	.content .login_form{
		width:310px;
		padding:20px 20px;
	}

	.title{
		font-size:13px;
	}
}

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

	div.content{
		padding:30px 30px;
		height:calc(100% - 100px);
	}

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


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

.content input[type="email"],.content input[type="password"]{
	background: rgba(255,255,255,0.3);
	color:#fff;
}

.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;
	font-weight:bolder;
	padding:5px 0px;
}

.content label{
	color:#666;
}

.content span{
	font-family: 'AvantGarde-Medium';
	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;
}

.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: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #fff;
}

.sign_in{
	background:#1ABB9C;
	color:white;
	border:0;
	height:40px;
	font-family: 'AvantGarde-Demi';
}

.sign_in:hover{
	background:#169F85;
}

.text-red{
	color:red;
}