.header-inner {min-height: auto;}
	#msg {background-color: #262626 !important;}
	a:hover {color: #262626;text-decoration: underline;}
	input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
		border-bottom: 1px solid #aed4f1 !important;
		border-color: #aed4f1 !important;
	    outline: 0 !important;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(147,161,187,.6) !important;
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(147,161,187,.6) !important;
	}
	
	.logo  {
    height: 75px;
    display: inline-block;
    float:none;
}

.logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
        width: auto!important;
}
	
	.back_toHome {
		display: inline-block;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	h2 a.back_toHome {
		font-size: 15px;
	}
	.mb-15 {margin-bottom: 15px;}
	#forget-password {
	    font-family: 'Montserrat', sans-serif;
	    float: right;
	    font-size: 12px;
	    font-weight: 500;
	    margin-top: 5px;
	    color: #54a0dc;
	    position: relative;
    z-index: 99;
	}
	.login .content p, .login .content label {color: #222222;}
	.control-label {margin-top: 2px;}
	label {
	    font-size: 15px;
	    font-weight: 600;
	    margin-bottom: 5px;
	    float: left;
	}
	.form-group {margin-bottom: 15px;}
		.login-outer {
		    position: relative;
		    top: -9px;
		}

	     .login-main {padding: 0;}
		.logo {width: 100%;}
		
		.help-block{color: red;float: left;}
		.login-inner {padding: 0;}
		.input-icon i {color:#54a0dc;font-size:22px;z-index:9;left:6px;}
		.login-heading::after {content:none;}
		.login-heading {
		    color: #000 !important;
		    font-size: 22px;
		    font-weight: 500 !important;
		   
		    padding-left: 0;
		}
		.input-icon input {
		    font-family: 'Montserrat', sans-serif;
		    font-size: 12px;
		    font-weight: 500;
		    color: #2d2c2c;
		    width: 100%;
		    display: inline-block;
		    height: 54px;
		    border-radius: 5px;
		    background-color: #fff;
		    box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    position: relative;
		    padding-left: 48px;
		    padding-right: 8px;
		    border: 1px solid #aed4f1;
		    margin: 0;
		}
		.left-sectionContent {
		    background: #fff;
		    width: 40%;
		    position: absolute;
		    padding-top: 45px;
		    padding-left: 80px;
		    padding-right: 80px;
		        height: 100%;
		}
		.right-sectionContent {
		    width: 60%;
		    float: right;
		    text-align: center;
		    margin-top: 50px;
		}
		.login-main .input-field .custom-btn.right {   
			width: 100%;
			margin-top: 20px;
			background: #54a0dc;
			font-size: 16px !important;
			font-weight: 700;
			color: #fff !important;
			border: none;
			margin-top: 0;
		}
		.login-main .input-field .custom-btn.right:hover {
			background: #262626!important;
			border: none; 
		}
		.input-icon i {top:0;}
	.login-bg .input-icon i.fa-eye, .input-icon i.fa-eye-slash {
			left: inherit;
	    	/*right: 30px;*/
	    	top: 42px;
		}
		.input-icon i {
    color: #54a0dc;
}
.fr-login-btn-out .custom-btn{
    width: 100%;
    margin-top: 20px;
    background: #54a0dc!important;
    font-size: 16px;
    font-weight: 700;
}
#forget-password {
    color: #54a0dc;
}
		@media screen and (max-width: 1200px) {
    .left-sectionContent {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media screen and (max-width: 990px) {
    .left-sectionContent {
        width: 100%;
        position: relative;
        padding-left: 50px;
        padding-right: 50px;
    }
    .right-sectionContent {
        display: none;
    }
    .login .copyright {
        position: relative;
        bottom: 20px;
    }
}
@media screen and (max-width: 510px) {
    .left-sectionContent {
        width: 100%;
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
    }
    .login {
        background-color: #fff !important;
    }
}


		.help-block{color:red;}
	.login-bg .input-icon i {
    margin-top:50px;
    top:0px;
}
.login-bg.register .input-icon i {
    margin-top: 15px;
}
.login-bg.register .input-icon i.fa-envelope{  margin-top: 15px;}

	.login-bg.register .input-icon i.fa-eye {
    margin-top:15px;
    top:0px;
}

	.login-bg .input-icon i.fa-eye {
    margin-top:52px;
    top:0px;
}

/*.input-icon i.fa-eye, .input-icon i.fa-eye-slash{top:52px;}*/

.login-bg .input-icon i.fa-envelope{ margin-top:50px;}

.logo  {
    height: 75px;
    display: inline-block;
    float:none;
}




.logo img {
    display: block;
    max-width: 100%;
   width: auto!important;
    max-height: 100%;
}
#customer_forget_btn h2 {
	font-size: 17px;
	display: inline;
}
.login-main .input-field .custom-btn{
    	background-color: #54a0dc; 
    	border: 2px solid #54a0dc;
    }
     .custom-btn:hover{
    	background-color: #262626!important; 
    	border: 2px solid #262626!important; 
    }
    .login-main .input-field .custom-btn:hover
    {
    	background-color: #262626!important;
    	border: 2px solid #262626!important;
    }
    .login-main .input-field .custom-btn.right
    {
    	color: #fff!important;
    	background-color: #54a0dc!important; 
    	
    }
    		.input-icon i {
    color: #54a0dc;
}

.recover .login-main{
    padding: 45px 50px;
}

.recover .login-inner{padding: 80px 0px; text-align:center!important ;}

.login-bg.recover .input-icon i.fa-envelope
{ margin-top: 15px;}

		.mb-15 {margin-bottom: 15px;}
		input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
				border-bottom: 1px solid #aed4f1 !important;
			    border-color: #aed4f1 !important;
    			outline: 0 !important;
    			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(147,161,187,.6) !important;
    			box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(147,161,187,.6) !important;
		 	}
		.login-main {padding: 0;}

		.help-block{color: red;float: left;}
		.login-inner {padding: 0;}
		
		.login-inner {
    padding: 0;
    text-align: left!important;
}
		
		.input-icon i {color:#54a0dc;font-size:22px;z-index:9;left:6px;}
		.login-heading::after {content:none;}
		.login-main .form-title.login-heading {
		    color: #000 !important;
		    font-size: 22px;
		    font-weight: 500 !important;
			    padding-left: 0;
		}
		.input-icon input {
		    font-family: 'Montserrat', sans-serif;
		    font-size: 12px;
		    font-weight: 500;
		    color: #2d2c2c;
		    width: 100%;
		    display: inline-block;
		    height: 54px;
		    border-radius: 5px;
		    background-color: #fff;
		    box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    position: relative;
		    padding-left: 48px;
		    padding-right: 8px;
		    border: 1px solid #aed4f1;
		    margin: 0;
		}
		.left-sectionContent {
		    background: #fff;
		    width: 40%;
		    position: absolute;
		    padding-top: 45px;
		    padding-left: 80px;
		    padding-right: 80px;
		}
	.input-icon i {
    color: #54a0dc;
}
.login-inner .login-main .input-field .custom-btn.right{ color:#fff!important;}

.logo  {
    height: 75px;
    display:block;
    float:none;
}

.login-main .logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
		.right-sectionContent {
		    width: 60%;
		    float: right;
		    text-align: center;
		    margin-top: 50px;
		}
		.login-main .input-field .custom-btn.right {   
			width: 100%;
			margin-top: 20px;
			background: #54a0dc;
			font-size: 16px !important;
			font-weight: 700;
			color: #fff !important;
			border: none;
			margin-top: 0;
		}
		.login-main .input-field .custom-btn.right:hover {
			background: #262626;
			border: none; 
		}
		.input-icon i {margin-top: 15px;}
		.input-icon i.fa-eye, .input-icon i.fa-eye-slash {
			left: inherit;
	    	right: 30px;
		}
		@media screen and (max-width: 1200px) {
    .left-sectionContent {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media screen and (max-width: 990px) {
    .left-sectionContent {
        width: 100%;
        position: relative;
        padding-left: 50px;
        padding-right: 50px;
    }
    .right-sectionContent {
        display: none;
    }
    .login .copyright {
        position: relative;
        bottom: 20px;
    }
}
@media screen and (max-width: 510px) {
    .left-sectionContent {
        width: 100%;
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
    }
    .login {
        background-color: #fff !important;
    }
}


::-webkit-input-placeholder { /* Edge */
	color:#919191!important;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#919191!important;
  }
  
  ::placeholder {
	color: #919191!important;
  }