html,
body {
	margin:0 auto;
	padding:0;
	min-height:100%;
	background-color: #fbfbfb;
	font-size: 12px;
	color: #34495e;
	width: 100%;
	height: 100%;
}

*
{
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	-webkit-overflow-scrolling: touch;
}

*:focus {
    outline: none;
}

a
{
    text-decoration: none;
}

input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.new-logo
{
	height: 75px;
}

.new-login-icon
{
	width: 25px; height: 25px;
}

.new-height40
{
	height: 40px;
}

.main-gradient-purple
{
	background: #c31432;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #240b36, #c31432);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #240b36, #c31432); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.main-gradient-metalicblue
{
	background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.main-login-container
{
	max-width: 320px;
	margin: 0 auto;
	background: rgb(255,255,255,.09);
}

.new-input-background
{
	background: rgb(255,255,255,.1);
}

.new-falling
{
	-webkit-animation-name: falling; -webkit-animation-duration: 0.7s; animation-name: falling; animation-duration: 0.7s;
}
@-webkit-keyframes falling { 0% {top:-300px; opacity:0} 50% {top: 0px; opacity:1} 70% {top:-20px;} 100% {top:-0px;} }
@keyframes falling { 0% {top:-300px; opacity:0} 50% {top: 0px; opacity:1} 70% {top:-20px;} 100% {top:-0px;} }

.new-overlay
{
	left: 0; top: 0; opacity: 0.9
}