.account-container {
	 
	display: block;
	margin: 60px auto 0 auto;
	
	background: #fff;
	
	border: 1px solid #d5d5d5;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	box-shadow:  0px 0px 2px #dadada, inset 0px -3px 0px #e6e6e6;
}
@media (min-width: 768px) {
	.account-container {
		width:380px !important;
	}
}

	.content {
		padding: 16px 28px 23px;
	}

	.h-20 {
		height: 20px;
	}

	.login-fields .field {
		margin-bottom: 1.25em;
	}

	.login-fields label {
		display: none;
	}


	.username-field {
		height: 30px;
		background: url(../img/user.png) no-repeat -5px center;
		padding-left: 45px;
	}

	.password-field {
		height: 30px;
		background: url(../img/password.png) no-repeat -5px center;
		padding-left: 45px;
	}

	.email-field {
		height: 30px;
		background: url(../img/emailnew.png) no-repeat -5px center;
		padding-left: 45px;
	}




	.login-actions {
		float: left;
		width: 100%;
		margin-top: -1em;
		margin-bottom: 1.25em;
	}

	.login-social {
		float: left;
		padding: 10px 0 15px;
		border: 1px dotted #CCC;
		border-right: none;
		border-left: none;
	}

	span.login-checkbox {
		float: left;
		margin-top: 31px;
	}

		span.login-checkbox > input[type='checkbox'] {
			opacity: 0;
			float: left;
			width: 15px;
		}

			span.login-checkbox > input[type='checkbox'] + label {
				clear: none;
				height: 15px;
				display: block;
				padding: 0 0 0 22px;
				margin: 0;
				font-size: 12px;
				line-height: 1.2em;
				background: url(../../img/signin/check.png) no-repeat 0 0;
				cursor: pointer;
			}

			span.login-checkbox > input[type='checkbox']:checked + label {
				background-position: 0 -15px;
			}

	/** Text Under Box**/
	.login-extra {
		display: block;
		width: 300px;
		margin: 1.5em auto;
		text-align: left;
		line-height: 19px;
		text-shadow: 1px 1px 0px #fff;
	}


	.account-container h1 {
		margin-bottom: .4em;
		color: #525252;
	}

	/** Buttons **/
	.twitter, .fb {
		position: relative;
		height: 32px;
		width: 157px;
		display: block;
		background: url(../../img/signin/twitter_btn.png) no-repeat;
	}

	.fb {
		width: 162px;
		background: url(../../img/signin/fb_btn.png) no-repeat;
	}

		.twitter:active, .fb:active {
			top: 1px;
		}

		.twitter:hover, .fb:hover {
			background-position: 0 -32px;
		}

		.twitter a, .fb a {
			padding: 5px 0 0 35px;
			text-shadow: -1px -1px 0px rgba(0,0,0,.3);
			color: #fff;
			font-weight: bold;
			font-size: 11px;
			height: 32px;
			display: block;
		}

		.fb a {
			padding: 5px 0 0 31px;
		}

	.twitter, .fb {
		display: inline-block;
	}

		.twitter a:hover, .fb a:hover {
			color: #FFF;
			text-decoration: none;
		}

	.button {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		display: inline-block;
		float: right;
		margin-top: 18px;
	}

	.register .login-social {
		margin-bottom: 1em;
	}

	.register .login-actions {
		margin-bottom: 0;
	}

	.register .login-fields input {
		width: 299px;
		padding-left: 6px;
	}

	.register h1 {
		color: #444;
	}

	.register span.login-checkbox {
		position: relative;
		top: -6px;
		width: 200px;
	}

		.register span.login-checkbox > input[type="checkbox"] + label {
			position: relative;
			line-height: 1.3em;
		}

	position-relative {
		position: relative;
	}

	/* Icon styling */
	.input-icon {
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		width: 24px;
		height: 24px;
		pointer-events: none;
		z-index: 2;
		opacity: 0.7;
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center;
	}

	.user-icon {
		background-image: url('../img/user.png');
	}

	.password-icon {
		background-image: url(../img/password.png);
	}

	/* Padding for input to make space for icon */
	.pl-45 {
		padding-left: 45px !important;
	}

	/* Remove Chrome autofill yellow background */
	input:-webkit-autofill,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:active {
		-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
		box-shadow: 0 0 0 1000px #fff inset !important;
		-webkit-text-fill-color: #333 !important;
		color: #333 !important;
		transition: background-color 5000s ease-in-out 0s;
	}

	.forgot-password-link {
		color: #7a231c !important;
	}

	body {
		font: normal 12px Arial, Helvetica, sans-serif;
		background: #f9f6f1;
	}

	.min-vh-75 {
		min-height: 75vh !important;
	}

.min-vh-60 {
	min-height: 60vh !important;
}

	h3 {
		font-size: 1rem;
		font-weight: bold;
	}
	.fs-14{
		font-size: 14px !important;
	}