body{
    background-image: url("gear-wheel-310906_960_720.png");
    background-color: #435165;
    background-color: #fff;
	background-position:center;
	background-attachment:fixed;	
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	
	padding-top: 50px; 
}

.wdi-red{
	color: #DD3247;
}

.wdi-white{
	color: #fff;
}


.login-box{
	background: #fff;/*#435165;/*26963c;/*transparent;*/
	padding: 50px;
	padding-bottom: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.flat-input{
	color: #000;
	margin-bottom: 20px;
/*	border: none;
/*	border-radius: 0;
	border-bottom: 1px solid #3274d6; /*DD3247; */
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background: #435165; /*transparent; */
	background-position: 0 0; 
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #fff 4%); 
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #fff 4%); 
	background-position: -500px 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.flat-input:focus{
	color: #fff;
	box-shadow: none;
	outline: none;
	background: #0773d9;/*26963c;/*435165; /*transparent; */
	background-position: 0 0; 
/*	border-bottom: 0px;
	border-bottom: 1px solid #fff; */
	border: 1px solid #fff;
}

.flat-reginput{
	color: black;
	margin-bottom: 15px;
	height:30px;
/*	border: none;
/*	border-radius: 0;
	border-bottom: 1px solid #3274d6; /*DD3247; */
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background: #435165; /*transparent; */
	background-position: 0 0; 
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #fff 4%); 
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #fff 4%); 
	background-position: -500px 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.flat-reginput:focus{
	color: #fff;
	box-shadow: none;
	outline: none;
	background: #26963c; /*435165; /*transparent; */
	background-position: 0 0; 
/*	border-bottom: 0px;
	border-bottom: 1px solid #fff; */
	border: 1px solid #fff;
}

/* 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 #435165 inset !important;
} 

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

.topbar{
  height: 40px;
  width: 100%;
  background-color: black;
	color: #fff;  
  position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 10px 15px;

    box-shadow: 0 1px 10px rgba(13, 19, 38, 0.5);
}

.fnt-search{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #333;
}

.btn-login{
	border-radius: 0px;
	background: #0773d9;/*#3274d6; /*DD3247; */
	color: #fff;
  	transition: background-color 0.8s;

/*	-webkit-transition: all 0.2s;
	transition: all 0.2s;  */
}
.btn-login:hover{
	background: #000;/*#435165; /*transparent; */
	border: 1px solid #fff;
	color: #fff;
  	transition: background-color 0.8s;

}

.btn-reg{
	border-style: none;
	background: red; /*#435165; /*transparent; */
	color: #fff; /*red; */
	font-size:16px;
	font-weight: normal;
	margin-top:20px;
    text-decoration: underline dotted #fff;
  	transition: background-color 0.8s;

/*	-webkit-transition: all 0.2s;
	transition: all 0.2s;  */
}


.btn-reg:hover{
	background: #fff; /*435165; /*transparent; */
	color: red;
    text-decoration: underline red;
	font-weight: normal;
  	transition: background-color 0.8s;

}

.lpassw{
	border-radius: 0;
	background: #435165; /*transparent; */
	color: red;
	font-size:16px;
  	transition: background-color 0.8s;

/*	-webkit-transition: all 0.2s;
	transition: all 0.2s;  */
}