@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap');
body,html{font-family:'Raleway',sans-serif;background-color:#f0f2f5;background-image:url(../images/login-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:100%;height:100vh;overflow-x:hidden;text-rendering:optimizeLegibility}
body{font-size:14px}
.login-main{height:100vh;overflow:hidden;width:100%;display:flex}
.authfy-container{width:100%;border-radius:10px;overflow:hidden;box-shadow: 0 3px 30px #1d2030;}
.authfy-panel-right{background-color:#fff}
.authfy-login,.authfy-panel-left .brand-col{height:460px}
.authfy-panel-left .brand-col.logobg{height:460px;background-image:url(../images/logo-bg.png);background-repeat:no-repeat;}
.authfy-panel-left .brand-col{display:table;width:100%;padding:25px}
.authfy-panel-left .brand-col .headline{display:table-cell;vertical-align:middle}
.authfy-panel-left .brand-col .headline h1,.authfy-panel-left .brand-col .headline h2,.authfy-panel-left .brand-col .headline h3{color:#fff;font-size:48px;font-weight:700}
.authfy-login{position:relative;top:0;left:0;overflow:hidden}
.authfy-panel{padding:20px 30px;position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s ease;opacity:0;transform:translateX(-100%);-webkit-transform:translateX(-100%)}
.authfy-panel .authfy-heading{margin-bottom:30px}
.authfy-login .auth-title{font-weight:700}
.authfy-login .authfy-panel.active{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}
.panel-login{margin-top:20px}
.panel-login .remember-row{margin-bottom:10px}
.panel-login .remember-row label{font-weight:400;position:relative;cursor:pointer;color:#666;padding-left:24px;margin:0}
.authfy-login .forgotPwd{text-align:right;margin:0;font-size: 14px;}
.authfy-login .forgotPwd a{font-size:14px;color:#3d289e;text-decoration:none}
.authfy-login .forgotPwd a:hover{color:#18a684}
.panel-forgot .form-control,.panel-login .form-control,.panel-signup .form-control{background-color:#fff;color:#000;font-size:14px;height:50px;margin-bottom:20px;padding:12px 22px;border-radius:5px;border:1px solid #bcc2ce;outline:0;-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.1);box-shadow:0 3px 6px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.1)}
.authfy-panel.panel-forgot{padding-top:40px}
.panel-forgot .form-control:focus,.panel-login .form-control:focus,.panel-signup .form-control:focus{border-color:#4f77ff;z-index:2;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.pwdMask{position:relative}
.pwdMask .pwd-toggle{color:#ccc;position:absolute;z-index:2}
.panel-login .pwdMask .pwd-toggle,.panel-signup .pwdMask .pwd-toggle{top:15px;right:15px}
.pwdMask .pwd-toggle:focus,.pwdMask .pwd-toggle:hover{cursor:pointer}
.pwdMask .pwd-toggle.fa-eye,.pwdMask .pwd-toggle:focus,.pwdMask .pwd-toggle:hover{color:#4f77ff}
.panel-signup .term-policy a{text-decoration:underline}
.checkbox input[type=checkbox]{position:absolute;right:9000px;opacity:0;z-index:1;cursor:pointer}
.checkbox input[type=checkbox]+.label-text:after,.checkbox input[type=checkbox]+.label-text:before{font-size:11px;display:inline-block;width:17px;height:17px;padding:2px;margin-left:0;position:absolute;top:2px;left:0}
.checkbox input[type=checkbox]+.label-text:before{content:"";background-color:#fff;border:1px solid #ced4da;border-radius:3px;cursor:pointer;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}
.checkbox input[type=checkbox]+.label-text:after{background-color:#4f77ff;color:#fff;border-radius:2px;border-color:#4f77ff;line-height:1.4}
.checkbox input[type=checkbox]:focus+.label-text:before{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
.checkbox input[type=checkbox]:checked+.label-text:after{font-family:FontAwesome;content:"\f00c"}
.btn{font-size:20px;font-weight:700;border-radius:100px;padding:15px 0}
@media (min-width:768px) {
.authfy-panel{padding:40px}
}
@media (max-width:767px) {
.authfy-panel-left,.authfy-panel-right{box-shadow:none}
.authfy-panel-left{border-radius:4px 4px 0 0}
.authfy-panel-right{border-radius:0 0 4px 4px}
.authfy-panel-left .brand-col{height:300px;text-align:center}
.term-policy{font-size:75%}
}
@media (min-width:320px) and (max-width:375px) {
.authfy-login .authfy-panel{padding:20px}
.panel-login .remember-row{margin-bottom:10px;font-size:14px}
}
@media (max-width:320px) {
.authfy-login{height:480px}
.authfy-heading p{font-size:14px}
.remember-row .col-sm-6{width:100%}
.authfy-login .forgotPwd{text-align:left;margin-top:0}
}