input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #303641 inset !important; /* Change the color to your own background color */
    -webkit-text-fill-color: #333 !important;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #303641 inset !important!
    -webkit-text-fill-color: #333;
}  

body {
	background-color: #222d32;
}

.prelogin-container {
	color: #b8c7ce;
	height: 100vh;
}

.prelogin-content {
	margin-top: 3em;
	max-width: 400px;
	margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.prelogin-header {
	/*background: #303641;*/
	padding: 6vh 0;
}

.description {
	text-align: center;
	margin-top: 4em;
}

button[type="submit"] {
	width: 100%;
	height: 45px;
	margin-top: 1em;
}

form,
.signup-forgottenpassword {
	width: 100%;
	margin: auto;
}

.signup-forgottenpassword {
	margin: 2em auto 1em auto;
	text-align: center;
}

	.signup-forgottenpassword a:first-child {
		margin-left: 0;
	}

	.signup-forgottenpassword a {
		margin-left: 2em;
	}


div.row > div.input {
	height: 45px;
}

a,
a:visited,
a:hover
 {
	color: #b8c7ce;
}

	a:hover {
		text-decoration: underline;
	}

footer.main {
	display: none;
}

/* login screen override */
.input input,
.input select {
	color: #b8c7ce !important;
}

.input select option{
	color: black !important;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #AAABAE !important;
}

.input {
	background-color: #303641 !important;
	color: #b8c7ce !important;
	border-color: #515865;
}

.input-group {
	margin: 0 0 2em 0 !important;
}

/* override end */

.sliding-content {
	width: 200%;
	overflow: hidden;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;
}

	.sliding-content.slideIt {
	    -moz-transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	}

section.sliding {
	width: 50%;
	float: left;
	overflow: hidden;
}


@media only screen and (max-device-width: 480px) {
    /*Mobile Phones */  

	.prelogin-header {
	  padding: 10px 0;
	}

	.page-container {
		padding: 0 10px;
	}
}