@charset "utf-8";
/* CSS Document */

#loginForm {margin:100px 0px 0px 0px;}
#loginForm .loginFormInner {background:#fcfcfc;border-radius:12px;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);display:flex;flex-direction:row;height:100%;align-items:stretch;}
#loginForm .loginFormInner .loginFormLeft {background:rgba(110,210,239,.06);padding:30px;flex:50%;text-align:center;}
#loginForm .loginFormInner .loginFormLeft img {width:80%;margin-top:80px;}

#loginForm .loginFormInner .loginFormRight {padding:50px;flex:50%;}
#loginForm .loginFormInner .loginFormRight h2 {font-size:30px;font-weight:600;color:#000;margin:0 0 0 0;padding:0;text-align:center;}
#loginForm .loginFormInner .loginFormRight .signInBtns {margin:15px 0;padding:0;text-align:center;}
#loginForm .loginFormInner .loginFormRight .signInBtns ul li {display:inline;}
#loginForm .loginFormInner .loginFormRight .signInBtns ul li img {width:40px;}
#loginForm .loginFormInner .loginFormRight .signInBtns p {font-size:15px;font-weight:400;color:#000;margin:5px 0 0 0;padding:0;}

#loginForm .loginFormInner .loginFormRight .formField li {display:inline-block;width:22%;;}
#loginForm .loginFormInner .loginFormRight .formField li input {width:100%;border:0px;border-radius:12px;padding:18px 12px 18px 40px;color:#707070;font-size:14px;position:relative;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);}

#loginForm .loginFormInner .loginFormRight .loginFormBlock {margin-top:20px;}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmField {float:left;width:100%;margin-bottom:20px;}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmField ul li {width:100%;float:left;position:relative;margin-top:15px;}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmField ul li input {width:100%;border:0px;border-radius:12px;padding:18px 12px 18px 40px;color:#707070;font-size:14px;position:relative;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmField ul li img.fieldIcon {width:15px;position:absolute;z-index:99;top:20px;left:15px;}

#forgotPassword #loginForm .loginFormInner .loginFormRight .loginFormBlock .frmField ul li img.fieldIcon {width:20px;top:20px;}
#forgotPassword #loginForm .loginFormInner .loginFormLeft {padding:100px 0;}
#forgotPassword #loginForm .loginFormInner .loginFormLeft img {width:50%;margin:0;}

#signUp #loginForm .loginFormInner .loginFormLeft {padding:100px 0;}
#signUp #loginForm .loginFormInner .loginFormLeft img {width:60%;margin:0;}

#forgotPassword #loginForm .loginFormInner .loginFormRight h2 {font-size:30px;font-weight:600;color:#000;margin:0 0 0 0;padding:0;text-align:left;}
#forgotPassword #loginForm .loginFormInner .loginFormRight h5 {font-size:20px;font-weight:500;color:#000;margin:5px 0 10px 0;padding:0;text-align:left;}
#forgotPassword #loginForm .loginFormInner .loginFormRight p {font-size:15px;font-weight:400;color:#000;margin:5px 0 0 0;padding:0;}

#changePassword #loginForm .loginFormInner .loginFormRight h2 {font-size:30px;font-weight:600;color:#000;margin:0 0 0 0;padding:0;text-align:left;}
#changePassword #loginForm .loginFormInner .loginFormRight p {font-size:15px;font-weight:400;color:#000;margin:5px 0 0 0;padding:0;}

#requestOtp #loginForm .loginFormInner .loginFormRight h2 {margin:50px 0 0 0;}
#requestOtp #loginForm .loginFormInner .loginFormRight h2 {font-size:30px;font-weight:600;color:#000;margin:0 0 0 0;padding:0;text-align:center;}
#requestOtp .frmBtn {text-align:center;}
#requestOtp #loginForm .loginFormInner .loginFormRight p {font-size:15px;font-weight:400;color:#000;margin:5px 0 0 0;padding:0;text-align:center;}

#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields {float:left;width:100%;}

#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields ul li:nth-child(2) {text-align:right;}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields ul li:nth-child(2) a {color:#848484;font-size:14px;}

#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmBtn {float:left;width:100%;margin:20px 0 15px 0;}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmBtn input[type=submit] {background:#5375E2;border:0px;padding:18px;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;width:150px;border-radius:10px;}

#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmLink p {font-size:15px;font-weight:400;color:#A1A1A1;margin:0 0 0 0;padding:0;}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmLink p a {color:#23305E;font-weight:500;}

#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields ul li .checkboxContainer{display:block;position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400!important;color:#707070;}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields ul li .checkboxContainer input{position: absolute;top: 2px;left: 0;cursor:pointer;height:18px;width:18px;border-radius: 5px;border: 1px solid #707070;}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields ul li .checkboxContainer .checkmark{position:absolute;top:4px;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #707070;border-radius:4px;}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields ul li .checkboxContainer:hover input~.checkmark{background-color:#fff}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields ul li .checkmark:after{content:"";position:absolute;display:none}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields ul li .checkboxContainer input:checked~.checkmark:after{display:block}
#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields ul li .checkboxContainer .checkmark:after {left:7px;top:2px;width:5px;height:10px;border:solid #5375e2;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

.field-icon {z-index:2;position:absolute;right:10px;top:22px;color:#5C616E;cursor: pointer;}

@media screen and (max-width:812px)
{
	#loginForm .loginFormInner {flex-direction:column;}
	#loginForm .loginFormInner .loginFormLeft {flex:100%;}
	#loginForm .loginFormInner .loginFormRight {flex:100%;}
	#loginForm .loginFormInner .loginFormLeft img {margin-top:30px;width:60%;}
	#signUp #loginForm .loginFormInner .loginFormRight .loginFormBlock .frmFields ul li {width:100%;}
}

@media screen and (max-width:420px)
{
	#loginForm {margin:50px 0 0 0;}
	#loginForm .loginFormInner .loginFormLeft img {margin-top:30px;width:100%;}
	#loginForm .loginFormInner .loginFormRight {padding:30px;}
	#loginForm .loginFormInner .loginFormRight .loginFormBlock .frmBtn input[type=submit] {width:100%;}
}