input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset!important;
}
.wrapper {
	margin-top: 80px;
	margin-bottom: 20px;
}

.form-signin {
/*
  max-width: 350px;
  padding:  30px 35px;
  margin: 0 auto;
  background-color: #f7f7f7;
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
*/
}
.error >input{
    color:red;
    border-bottom: solid 1px #b2b2b2;
}
.commonerr {
    margin-top: -23px;
    float: left;
}
.btndisable{
	opacity: .8;
    pointer-events: none;
}
.error label >.title{
    color:red;
}

.form-signin-heading {
  text-align:center
  margin-bottom: 30px;
}

.form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
}
#forgotPasswordForm .custom-form-controls {
margin-top:3em;
}
.colorgraph {
  height: 2px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
body{
			font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
			color:#333!important;
			width:100%!important;
			margin: 0!important;
		}
		a{
			text-decoration:none;
		}
		.custom-form-controls {
		  position: relative;
		  float: left;
		  width: 100%;
		  margin-bottom:10px;
		}
		.custom-form-controls.inline {
		  width: auto;
		}
		.custom-form-controls label, .custom-form-controls input {
		  font-size: 15px;
		}
		.custom-form-controls input {
    position: relative;
    z-index: 20;
    background: none;
    display: block;
    border: none;
    border-bottom: solid 1px #b2b2b2;
    padding: 42px 8px 12px 0;
    width: 100%;
    height:20%;
    text-decoration: none !important;
    color: #666;
    -moz-box-sizing: border-box;
}

		.custom-form-controls label {
		  position: absolute;
		  top: 20px;
		  font-weight: normal;
		  left: 0;
		  z-index: 9;
		  color: #666;
		  transition: all 0.2s;
		}
		.custom-form-controls input:focus + label {
		  top: 5px;
		  transition: all 0.2s;
		  font-size: 12px;
		  color: #008bcf;
		}
		.custom-form-controls .filled {
		  top: 5px !important;
		  transition: all 0.2s;
		  font-size: 12px !important;
		  color: #008bcf !important;
		}
		.custom-form-controls textarea, .custom-form-controls input[type="text"], .custom-form-controls input[type="password"] {
		  -webkit-transition: border linear .2s;
		  -moz-transition: border linear .2s;
		  -o-transition: border linear .2s;
		  transition: border linear .2s;
		}
		.custom-form-controls textarea:focus, .custom-form-controls input[type="text"]:focus, .custom-form-controls input[type="password"]:focus {
		  border-color: #008bcf;
		  outline: 0;
		}
		.login-wrapper{
			display: block;
			margin: 30px auto 30px;
			max-width: 500px;
			text-align:center;
			width:100%;
		}
		.login-wrapper .quikr-logo{
			background:url(../images/logo-quikr.png) 0 0 no-repeat;
			width: 107px;
			display:block;
			height: 39px;
			margin: 0 auto 20px;
		}
		.login-wrapper h1{
			font-size: 28px;
			font-weight: normal;
			margin: 0 0 25px;
			color: #666;
		}
		.login-wrapper form {
    display: inline-block;
    max-width: 100%;
    padding: 15px;
    border: 1px solid #cccccc;
    position: relative;
    height: 425px;
    width: 80%;
}
		.login-wrapper form ul{
			list-style:none;
			padding:0;
			margin:0;
		}
		.login-wrapper form ul .frgt-pass{
			float: right;
			font-size: 13px;
			color: #008bcf;
		}
		.login-wrapper form ul .btn-login{
			width: 100%;
			padding: 10px 0;
			font-size: 16px;
			box-shadow: none;
			border: none;
			background-color: #008bcf;
			color: #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			border-radius: 3px;
			cursor: pointer;
			margin-bottom: 30px;
		}
		.login-wrapper form ul .btn-login:hover{
			background-color: #286090;
		}
		.login-wrapper .social-login{
			position: absolute;
			width: 88%;
			bottom: 20px;
		}
		.login-wrapper .signin-or{
			position: relative;
			width: 100%;
			margin-bottom: 20px;
			height: 1px;
			border-bottom: 1px solid #e5e5e5;
		}
		.login-wrapper .signin-or .fancy-line{
			position: absolute;
			top: -7px;
			left: 50%;
			transform: translateX(-50%);
			padding: 0 5px;
			background-color: #fff;
			text-transform: uppercase;
			color: #838383;
		}
		.login-wrapper .social-login-icons .google-login-btn{
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			border-radius: 3px;
			color: #fff;
			overflow: hidden;
			position: relative;
			cursor: pointer;
			width: 60%;
			margin: 0 auto;
			padding: 0;
			border: none;
			background-color:#db4d3b;
			-webkit-transition: background,0.2s,ease-in;
			-moz-transition: background,0.2s,ease-in;
			transition: background,0.2s,ease-in;
			margin-top: 20px;
		}
		.login-wrapper .social-login-icons .google-plus{
			font-size: 20px;
			width: 42px;
			height: 32px;
			float: left;
			padding-top: 6px;
			border-right: 1px solid #fff;
			font-family: verdana;
		}
		.login-wrapper .social-login-icons .google-plus sup{
			font-size: 12px;
			position: relative;
			top: 4px;
			font-weight: bold;
		}
		.login-wrapper .social-login-icons .google-login-btn span{
			display: block;
			margin: 0 0 0 42px;
			line-height: 36px;
			font-size:14px;
		}
		@media screen and (min-width: 768px){
			.login-wrapper form{
				padding: 20px 30px;
				width: 100%;
			}
			.login-wrapper .social-login-icons .google-login-btn{
				width:40%;
			}
		}