* { margin: 0px; padding: 0px; list-style-type: none; }

body {  
    background:none;
    font-family: 'Roboto',sans-serif;background-size:cover;
    font-size:13px;color:#333333;min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
}

*:active,
*:hover,
*:focus {
    outline: 0px !important;
}
a,
a:hover,
a:focus {
    cursor: pointer;
    text-decoration: none;
}
ul,
ol { 
    margin:0px;
    padding:0px;
}

.g-recaptcha{
    margin-bottom: 15px;
}

.bottom{ display: none; }
body:before {display: none;}

.login { position:absolute;top:0;left:0;display: flex;align-items: center;justify-content: center;  width:100%;height: 100%; }
.login:before {   content:'';position: absolute;top:0;left:0;width:100%;height:100%; background:rgba(0,0,0,0);   }
.login .row {  display: flex;align-items: center;justify-content: center;width:900px;margin:0px;border-radius:4px;overflow:hidden; z-index: 5555; }
.login .left, .login .right{ padding: 0px;}
.login .left  {  
    position: relative;display:flex;align-items:center;justify-content: center;
    background:rgba(255,255,255,.8);padding:0px 20px; height:450px;border-right:1px solid #EEEEEE;text-align: center;overflow: hidden;
}

.login .left img { display: none; }
.login .left .logo { display:inline-block;max-height:75px;max-width: 175px; }
.login .text { position: relative;z-index: 9999; }
.login .text i { display:inline-block; font-size:70px;color:#222222;  }
.login .text h1 { display: block;font-size: 30px;font-weight: 700;color: #222222; margin: 15px 0px 5px 0px; letter-spacing: -0.07ex; }
.login .text.loading h1 { font-size:20px; }

.login .success i, .login .success h1 { color:#2ecc71 !important; }
.login .error i, .login .error h1{ color:#e74c3c; }

.login .left .text p { margin:0px;color:#444444;font-weight: 300;font-size:11px;letter-spacing: -0.01ex;  }

.login .right { display: flex;align-items:center;justify-content: center;  background:rgba(255,255,255,.9);height:450px;padding:0px 30px; }
.login .right form{ width:100%; }
.login .right label { display:block; }
.login .right .fa-user { font-size:18px; }
.login .right .forgot { display:inline-block;float:right;font-size:11px;font-weight: 300;color:#BBB;text-decoration: none;margin-top:2px; }
.login .right .btn { background:#FBCE07;color:#DD1D21;padding: 12px 16px;font-weight: bold;font-size:12px;text-align: left;border:none; }
.login .right .btn .far { margin-top:3px;float:right; }
.login .right hr { border-bottom:1px solid #F9F9F9; }
.login .right small { display:block;color:#BBB;padding:20px 0px;margin-top:30px;border-top:1px solid #F9F9F9;}


body.teknosel .teknosel-logo, body.promaks .promaks-logo, body.net1 .net1-logo, body.shell .shell-logo{ display:inline-block;max-height:75px;max-width: 175px; }
body.teknosel .logo, body.promaks .logo, body.net1 .logo, body.shell .logo{  display: none !important;  }

/* teknosel */

body.teknosel .login .text h1, body.teknosel .login .text i { color:#004b94; }
body.teknosel .login .right .btn { background:#004b94;color:#FFFFFF; }

/* teknosel */

/* promaks */

body.promaks .login .text h1, body.promaks .login .text i { color:#651c6a; }
body.promaks .login .right .btn { background:#651c6a;color:#FFFFFF; }

/* promaks */

/* net1 */

body.net1 .login .text h1, body.net1 .login .text i { color:#DD1D21; }
body.net1 .login .right .btn { background:#DD1D21;color:#FFF; }

/* net1 */


/* shell */

body.shell .login .text h1, body.shell .login .text i { color:#DD1D21; }
body.shell .login .right .btn { background:#FBCE07;color:#DD1D21; }

/* shell */