.form-control:focus {
    box-shadow: none !important;
    border-color: #e77236;
    background: #fff;
}
.login-page-container {
    display: flex;
    height: 100vh;
    background: #fff;
}
.loginPage-inner-box{
	display: flex;
	height: 100%;
}
.auth-container {
	flex: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.auth-container .w-400 {
    width: 440px;
    max-width: 100%;
}
.login-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
.login-link span {
    font-size: 15px;
}
.btn.signUP-pageBtn {
    color: #e77236;
    background: rgba(231, 114, 54, 0.27);
    border-radius: 40px;
    box-shadow: none;
    -moz-transition: .2s ease all;
    -webkit-transition: all .2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn.signUP-pageBtn:hover{
	background: #e77236;
	color: #fff;
}
.btn.btn-small {
    height: 40px;
    padding: 0 18px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}
.auth-container .auth-form .login-form-title{
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #151c33;
    margin: 0 0 32px;
}
.auth-container .auth-form .form-group {
    margin-bottom: 24px;
}
.login-input-field {
    position: relative;
}
.login-input-field input,.login-input-field select{ 
	width: 100%;
	background: #fff;
    border: 1px solid #d8dceb;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    padding: 15px 15px 15px 48px;
    color: #58607c;
    box-shadow: none;
    border-radius: 8px;
    height: initial;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.login-input-field select option{
    padding-left:0px!important;
}
.login-input-field i {
    font-size: 24px;
    position: absolute;
    left: 16px;
    top: 16px;
    color: #a5aeca;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.login-input-field input:not([disabled]):hover ~ i,.login-input-field select:not([disabled]):hover ~ i,
.login-input-field input:focus ~ i,.login-input-field select:focus ~ i {
    color: #e77236;
}

.login-otherPlatform-block{
    margin-top: 30px;
}
.middleLine-login-sep {
    position: relative;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #151C33;
}
.middleLine-login-sep:after, .middleLine-login-sep:before {
    background-color: #D8DCEB;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    vertical-align: middle;
    width: 32%;
    top: 49%;
}
.middleLine-login-sep:before {
    right: 0px;
}
.middleLine-login-sep:after {
    left: 0px;
}

.login-otherPlatform-block button.googleGo-btn.btn {
    background: #FFFFFF;
    border: 1px solid #D8DCEB;
    box-sizing: border-box;
    border-radius: 100px;
    font-size: 16px;
    width: 180px;
    padding: 11px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 35px auto 0;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.login-otherPlatform-block button.googleGo-btn.btn span {
    display: block;
    flex: 0 140px;
    font-family: Muli;
    font-style: normal;
    font-weight: 600;
    color: #151C33;
}

.login-otherPlatform-block button.googleGo-btn.btn:hover {
    background: #E6ECFF;
}

.loginAction-box {
    padding: 6px 0 16px;
}

.loginAction-box button {
    display: block;
    width: 100%;
    background: #e87336;
    border: 1px solid #e87336;
    color: #fff;
    padding: 10px;
    border-radius: 100px;
}

.loginSide-graphic-box {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    background: #E6F2FF;
}

.loginRem-forgot-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.loginRem-forgot-box .remember-group label {
    margin: 0;
    font-size: 13px;
    vertical-align: text-bottom;
}

.forgotPass-group a {
    font-size: 13px;
}


.loginSide-graphic-box img.sitestaffLogo {
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    max-width: 250px;
}

.login-graphic-img{
	height: 100%;
    object-fit: cover;
    width: 100%;
}
/*new-css-start*/
.login-input-field i.custom-call{
    transform: rotate(100deg);
    font-size: 16px;
    top: 19px;
}
.custom-ragister-otp-page{
    max-width:440px;
    width:100%;
}
.custom-ragister-otp-page .login-input-field .input_box{
    position:relative;
}
.custom-ragister-otp-page .login-input-field input{
    font-size: 14px;
    padding: 10px 15px 10px 48px;
}
.custom-ragister-otp-page .login-input-field .input_box i.fas{
    font-size: 16px;
    left: 22px;
    top: 12px;
}
.custom-ragister-otp-page .login-input-field .input_box .i-moon.icon-email{
    top:10px;
}
.auth-container  .custom-ragister-otp-page .auth-form .login-form-title{
    margin-bottom:12px;
 }
.custom-ragister-otp-page .login-input-field .input_box span.input_icon{
    position: absolute;
    right: 10px;
    display: inline-block;
    top: 12px;
 }
 .custom-ragister-otp-page .login-input-field .input_box span.input_icon i{
    font-size: 16px;
    position: relative;
    left: auto;
    top: 0;
 }
 .otp_invalid {
    color: red!important;
}
.custom-forget-email .w-440{
    max-width:440px;
    width:100%;
}
.fa-check-circle.otp_checked.fa{
    color:#27ae60!important;
}
/*new-css-end*/


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-text-fill-color: #000;
  	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
  	transition: background-color 5000s ease-in-out 0s;
}
@media (max-width:1200px){
    .login-graphic-img {
        object-fit: contain;
}

}
@media (max-width:991px){
    .auth-container {
    flex: 50%;
    padding: 0px 30px;
}
.loginSide-graphic-box {
    width: 50%;
}
}
@media (max-width:767px){
.loginSide-graphic-box{display:none;}
}