body, html {
	height: 100%;
}


p {
	font-size: 14px;
	font-weight: 300;
}

.login-title h4 {
	font-weight: 300;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #999;
	-webkit-box-shadow: 0 0 0px 1000px #FCFCFC inset;
	transition: background-color 5000s ease-in-out 0s;
}

.unsupported-browser {
	background-image: url("/Public/Images/UnsupportedBrowser/home-page.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	overflow: hidden;
}

.unsupported-browser h3 {
	line-height: 2.8;
	font-weight: normal;
	font-size: 24px;
}

/**
Fixing bootstrap columns for safari
 */
	.unsupported-browser .col-lg-4 {
		display: inline-block !important;
		width: 33%;
	}


.login-wrapper {
	background: url("../../Public/Images/login-background.jpg");
	background-size: cover;
	min-height: 100vh;
	margin: 0px auto;
	overflow: hidden;
	padding: 90px 20px 20px 20px;
}

.login-title h1 {
	color: #FFF;
}

.login-title h3 {
	color: #FFF;
}

.loginBox .card-title {
	font-weight: bold;
	color: #5d5c61;
}

.loginForm label {
	color: #5d5c61;
	font-size: 14px;
}


input.transparent-input {
	background-color: rgba(0,0,0,0) !important;
	border: none !important;
}

.loginBox .card-title span {
	font-weight: 700;
}

.card-signin {
	background-color: #FCFCFC;
	/* padding: 0px 25px 0px 25px; */
	border-radius: 10px;
}

	.card-signin .card-header {
		padding: 20px;
		background-color: #FCFCFC;
		border-bottom: solid 1px #d5d5d5;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}

.btnSubmit {
	width: 120px;
	border-radius: 0.3rem;
	padding: 1.1%;
	border: none;
	color: #5d5c61;
	border: solid 1px #DDDDDD;
	background-color: #fff;
}

button:focus {
	outline: 0;
}

.box-shadow--2dp {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.loginForm label.checkbox {
	font-weight: 300;
	padding: 0px;
	cursor: pointer;
	font-size: 15px;
}

	.loginForm label.checkbox .checker {
		margin-top: -3px;
	}

.loginForm .reveal {
	cursor: pointer;
}

.loginForm .password-forgot, .register-backBtn {
	font-weight: 300;
	font-size: 15px;
	color: #5d5c61 !important;
	margin-right: 19px;
}

.new_account {
	font-weight: 300;
}

.loginForm .input-group {
	border-bottom: solid 1px #5d5c61;
	padding-right: 8px;
	background-color: #F9F9F9;
}

.new_account {
	color: #5d5c61 !important;
	font-size: 14px;
}


.loginForm .input-group a {
	font-size: 16px;
	margin-top: 10px;
}

.loginForm #show_hide_password {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
}

.fa-eye-slash {
	font-size: 16px;
	color: #C8C8C8;
	margin-top: 10px;
}


.loginForm input[type="text"], .loginBox input[type=password] {
	font-size: 14px;
	font-weight: 300;
	border: none;
	height: 34px;
	color: #b5b5b5;
	border-radius: 0px;
	box-shadow: none;
	width: 90%;
}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px #F9F9F9 inset !important;
}

.loginForm input::-webkit-input-placeholder { /* Edge */
	color: #b5b5b5;
}

.loginForm input::-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #b5b5b5;
}

.loginForm input::placeholder {
	color: #b5b5b5;
}

.loginForm label.checkbox .checker input[type="checkbox"] {
	margin-left: 0px;
}

form .form-control:focus {
	border: none;
	box-shadow: none;
}

.span8 {
	margin-bottom: -19px;
}