@charset "utf-8";
.height100vh { height:100vh; width:100%;}
.form-box {padding-right: 40px;}
.admin-logo{ margin-top:0px !important;}
.black-bg {background-color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);

right: 0;
width: 95%;}
.admin-h1 {color: #464545;margin-bottom: 30px !important;text-transform: uppercase;font-size: 30px;padding:50px 0px 0px; font-family: "Raleway";font-weight:600; text-align:left}
.form-box input {background: none;border: none;border-bottom: 2px solid #333333;width: 100%;padding-top: 15px;margin-top: 15px;padding-left: 25px;color: #333333 !important;position: relative;z-index: 9;box-shadow:none;}
.login-btn {padding: 10px 60px !important;color: #fff; margin-top:25px !important; border-color: #003B59; background: #003B59;margin-top: 40px;text-transform: uppercase;cursor: pointer;border-radius: 0; font-size:1rem;}
.login-btn:hover {color: #003B59;border: 1px solid #003B59;background: transparent;}
.input-icon {position: absolute;left: 0px;
bottom: 5px;
}
.input-icon .icon_menu { height: 20px;   vertical-align: middle;    width: 25px; padding-right:5px;margin-right: 7px; fill:#333 !important;}
label.animated-label  {position: absolute;top: 27px;color: #000;transition: 0.3s all;left: 25px; font-size: 15px;}
.input-field {position: relative;}
input:focus ~ label, input:valid ~ label {top: 8px;font-size: 15px; border:0px !important; background:none !important;}
/*.bg-login {background:url("../../Content/images/home-login.jpg") no-repeat center center;background-size: 100%;}*/

.admin-logo img{ padding:15px 20px; }
/********** form css**********/
.form-group{ margin-bottom:15px;}
.form-control-placeholder {
	position: absolute;
	top: 0px;font-family: 'Lato', sans-serif;
	padding: 15px 0 0 0;
	transition: all 200ms;
	font-size: 16px; 
	color: #d93025 ;
	opacity: 1;
	font-weight: 500;
	left: 32px;
}

.form-control {	border-radius: 3px; height: 48px;  font-family: 'Montserrat', sans-serif;border: 1px solid #d9d9d9; font-size:18px !important; color: #686868; padding-left:25px !important;}

.form-control:placeholder{ opacity:.3 !important;}
.form-control:focus + .form-control-placeholder, .form-control:valid + .form-control-placeholder{
	font-size: 14px;
	transform: translate3d(0, -100%, 0);
	opacity: 1;
	top: 7px;
	left: 24px;
	background-color: #fff; z-index:10;
	padding: 0px 3px;
	color: #1273eb;
	margin-left: 9px;
}
.form-control-placeholder:focus{top: 7px; left: 24px;}

.invalid-feedback {	font-size: 14px;}
.form-control:focus {	border-color: #1273eb;	box-shadow: none;}
input, input:focus{box-shadow:none}
.form-control-placeholder:focus{}
.field-validation-error {
        bottom: 0 !important;
        top: 36px;
        color: #d93025;
        font-size: 14px; width:100%;
        font-weight: normal;font-family: 'Lato', sans-serif;
        position: absolute; left:-1px;
     
    }
/*.label-validation{ color:#d93025  !important}  */
.valid{ border:0px !important; background:none !important;}
.form-group input{border: 0px solid #d2d6de; background:none; position:relative; z-index:10;}

.form-group input{background: none !important;
border: none;
    border-bottom-color: currentcolor; height: 46px !important;
    border-bottom-style: none;
    border-bottom-width: medium;
border-bottom: 2px solid #333333; font-family: 'Montserrat', sans-serif; border-radius:0px !important;
width: 100%;
padding: 15px 20px 7px 25px !important; 
margin-top: 15px;

color: #333333 !important;
position: relative;
z-index: 9;
box-shadow: none;}
.form-group input:placeholder{ opacity:.3;}
  .form-control:focus{ background:none;}


.input-validation-error {
    border-bottom: solid 2px #d93025 !important;
    border-left:0px !important;
    border-right:0px !important;
    border-top:0px !important;
}


::-webkit-input-placeholder { /* Edge */
  color: rgba(0,0,0,0.5) !important;  font-weight:600;
}

:-ms-input-placeholder { /* Internet Explorer */
  color:rgba(0,0,0,0.5) !important;
}
:-moz-input-placeholder { /*mozilla */
  color:rgba(0,0,0,0.5) !important;
}
::placeholder {
  color:rgba(0,0,0,0.5) !important;
}

   .field-validation-error > span {
        margin-top: 10px;
        position: absolute;
    }