h1, h2, h3 {color:#555}
body, h3 {line-height:30px}
body, button.btn {font-family:Roboto, sans-serif}
body {font-size:16px; font-weight:300; color:#888; text-align:center}
strong {font-weight:500}
a, a:focus, a:hover {color:#214fbe; text-decoration:none; -o-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -ms-transition:.3s; transition:.3s}
h1, h2 {margin-top:10px; font-size:38px; font-weight:100; line-height:50px}
.btn-link-1, h3 {font-weight:300}
h3 {font-size:20px}
img {max-width:100%}
::-moz-selection {background:#19b9e7; color:#fff; text-shadow:none}
::selection {background:#19b9e7; color:#fff; text-shadow:none}
.btn-link-1 {display:inline-block; height:50px; margin:5px; padding:16px 20px 0; background:#19b9e7; font-size:16px; line-height:16px; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.btn-link-1:active, .btn-link-1:focus, .btn-link-1:hover {outline:0; opacity:.6; color:#fff}
img.capimg {width:43%!important; margin:12px 0 0}
.btn-link-1.btn-link-1-facebook {background:#4862a3}
.btn-link-1.btn-link-1-twitter {background:#55acee}
.btn-link-1.btn-link-1-google-plus {background:#dd4b39}
.btn-link-1 i, .btn-link-2 i {padding-right:5px; vertical-align:middle; font-size:20px; line-height:20px}
.btn-link-2 {display:inline-block; height:auto; margin:0; padding:0;    text-transform: capitalize; text-decoration: none !important; background:0 0; border:0; font-size:16px; line-height:15px; color:#0082ff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:0; font-weight:400 !important; text-decoration:underline}
.form-box, .form-top {background:#fff; overflow:hidden}
.btn-link-2:active, .btn-link-2:active:focus, .btn-link-2:focus, .btn-link-2:hover {outline:0; opacity:9; background:0 0; color:#0082ff;}
.form-box, .reg_right h4, .social-login h3, .top-content .description a, .top-content .email, .top-content .select, .top-content .tel, .top-content .text, .top-content .text h1, footer, footer a {color:#fff}
.inner-bg, .main_login .col-md-6, .registration-form.forgotpass .form-top {padding:0}
.top-content .description {margin:20px 0 10px}
.top-content .description p, footer p {opacity:.8}
.top-content .description a:focus, .top-content .description a:hover {border-bottom:1px dotted #fff}
.form-box {
    width: 50%;
    float: left;
    min-height: 416px;
    padding: 20px 0px;    border-radius: 0px 10px 10px 0px;
}
img.setting{ display: none;}
.registration-form {width:760px; display: flex; position:absolute!important; top:50%; left:50%; transform:translate(-50%,-50%)!important; content:''; z-index:9}
.form-top {padding:0 25px 0px;  text-align:center;  position:relative}
.reg_right {
    width: 50%;
    float: left;
    /* background: #dde9f5; */

    overflow: hidden;
    position: relative;
}
.reg_right h4 {
    position: absolute;
    left: 50%;
    top:40%;
    margin-left: -170px;
    font-size: 25px;
    z-index: 888888;
    width: 340px;
    font-weight: 500; padding-left: 25px;
    font-size: 24px;
    line-height: 30px; text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}
.reg_right i {
    font-size: 21px;
}
.registration-form.forgotpass {width:470px; padding:20px; border-radius:10px; border:1px solid #f1f1f1;  background:#fff}
.registration-form.forgotpass .form-top-right {width:17%; margin-top:0}
.registration-form.forgotpass .form-bottom {padding:15px 0; padding-bottom:0!important}
.registration-form.forgotpass .form-top-left {padding-top:10px}
/* .reg_right:after {position:absolute; content:''; width:100%; height:100%; background:#00000080; z-index:999; top:0; left:0} */
.form-top-left {float:left; padding-top:25px}
.form-top-left h3 {margin-top:0; width:78%; color:#16408c; line-height:26px; font-weight:700}
.form-top-left p {color:#16408c; font-size:14px}
.form-top-right {float:right; width:25%; margin:20px 0 0; text-align:right}
.form-bottom {padding:20px 25px 5px; background:#fff; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; text-align:left}
.form-bottom form textarea {height:100px}
.form-bottom form button.btn, .main_login .container {width:100%}
.form-bottom form .error {border-color:#19b9e7}
.social-login {margin-top:0;}
.social-login-buttons {text-align:right}
.middle-border {min-height:300px; margin-top:20px; border-right:1px solid rgba(255,255,255,.6)}
footer {padding-bottom:70px}
footer .footer-border {width:200px; margin:0 auto; padding-bottom:30px; border-top:1px solid rgba(255,255,255,.6)}
footer a:focus, footer a:hover {color:#fff; border-bottom:1px dotted #fff}
input[type=email], input[type=password], input[type=text], select, select.form-control, textarea, textarea.form-control {height:40px; margin:0; padding:0 15px; vertical-align:middle; background:#fff; border:3px solid #fff; font-family:Roboto, sans-serif; font-size:16px; font-weight:300; line-height:40px; color:#888; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -o-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -ms-transition:.3s; transition:.3s}
textarea, textarea.form-control {padding-top:10px; padding-bottom:10px; line-height:30px}
input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, textarea.form-control:focus, textarea:focus {outline:0; background:#fff; border:3px solid #fff; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none}
input[type=email]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=text]:-moz-placeholder, textarea.form-control:-moz-placeholder, textarea:-moz-placeholder {color:#888}
input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#888}
input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#888}
button.btn {height:40px; margin:0; padding:0 20px; vertical-align:middle; background:#214fbe; border:0; font-size:16px; font-weight:300; line-height:40px; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -o-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -ms-transition:.3s; transition:.3s}
button.btn:hover {color:#fff; opacity:9!important}
button.btn:active {outline:0; opacity:.6; color:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none}
button.btn.active:focus, button.btn:active:focus, button.btn:focus {outline:0; opacity:.6; background:#19b9e7; color:#fff}
.registration-form .input-group {width:100%; margin-bottom:15px}
.registration-form form label {display:inline-block; padding-top:0; font-weight:400}
.registration-form form label.error {color:red; border:none; margin:0; display:inline-block; font-size:12px; position:relative; margin-left:0!important}
/* .registration-form .input-group-addon {float:left; height:40px; width:13%;display:none} */
.registration-form i.fa {margin-top:2px; font-size:20px}
.registration-form .form-top-right .fa {font-size:inherit}
input .error {border:1px solid #ff5722}
.cmsregistration label.error {color:#ff5722; padding-left:25%; font-size:15px; line-height:1; display:block; margin:0; padding-top:5px}
.registration-form .captcha-group label {padding-left:0!important; color:#fff}
.registration-form .captcha-group input {width:100%!important}
.final-register {padding:40px 0}.registration-form input.form-control {
    width: 100%;
    border: 0;
    background: 0 0;
    border-bottom: 1px solid #007ef8;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    color: #000;
    padding: 15px 35px;
    font-size: 15px;
}.form-box .form-group {width:100%; margin-bottom:15px!important}
.form-box .form-control {width:75%}
#loader, .loading {background:url(../img/loader.gif) 50% 50% rgba(0,0,0,.75); background-repeat:no-repeat; position:fixed; z-index:9999999; width:100%; height:100%}
/* .lf_lg::after, .lf_lg::before {width:50%; content:''; position:absolute; height:100vh; top:0}
.lf_lg::before {background:#dde9f5; left:0}
.lf_lg::after {right:0; background-image:linear-gradient(#16408c,#ff6420)} */
.lg_main {display:flex; justify-content:center; align-items:center; height:100vh}
button.btn.login_btn {
    background: #0082ff !important;
    border: 0 !important;
    position: relative;
    width: 155px !important;
    border-radius: 0;
    height: 46px;
    font-size: 22px;
    font-weight: 500;
}
a.recaptcha i.fa.fa-refresh {font-size:20px!important; margin:11px 0 0 11px!important; color:#16408c; padding:5px 0 0; float:left}
img.arrow_rt {content:''; position:absolute; width:20px; right:30px; top:25%; filter:invert(1); transition:.6s}
button.btn.login_btn:hover img {right:20px}
img.hrms_img {width:270px; content:''; position:absolute; top:59%; transform:translate(-50%,-50%); left:50%}
img.silver_logo {width:120px; margin:26px 0}
img.login_gif {position:absolute; top:11px; right:-15px; width:130px; content:''}
img.setting {position:absolute; content:''; top:37%; left:-105px; width:200px; opacity:.1; transition:.3s; animation:9s linear infinite rot}

@-webkit-keyframes rot {
100% {-webkit-transform:rotate(360deg); transform:rotate(360deg)}
}

@keyframes rot {
100% {-webkit-transform:rotate(360deg); transform:rotate(360deg)}
}

.alert {padding:5px; margin-bottom:10px; border:1px solid transparent; border-radius:4px; font-size:12px}
img.capimg, input#captcha {float:left; margin-right:1%;padding-bottom: 0;}
a.recaptcha {padding:1px; float:left}
.captchab {
    float: right;
    width: 42%;
    margin-left: 2%;
}
.forgotpass .form-box {width:100%; min-height:inherit}
.forgotpass .social-login {padding-right:0}
.forgotPassword.login-page {background:#003b73}
.login-page{background: linear-gradient(45deg, #003b74, #003c74);}
.form-top h3{ font-weight:600 !important;}
.form-top img {
    width: 17%;
}
.captchab input {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.form-box h3 {
    font-weight: 600;
    color: #000;
    font-size: 22px;
}

span.input-group-addon.icon-s {
    width: 10%;
    background: none;
    padding: 2px;
    border: none;
    position: absolute;
    text-align: left;
    z-index: 99;
    background: #fff !important;
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
}
.form-bottom .textinput input {
    padding-left: 45px !important;font-size: 14px;font-weight: bold;
}

.button-footer-block {
    display: flex;    align-items: baseline;
    justify-content: space-between !important;
}
.reg_right{background:url(../img/loginl.png)  left top no-repeat; width: 50%;}

.forgotpass .form-top img {
    width: 71%;
}

.forgotpass .form-top-left h3{ width: 100%; text-align: left;}

.icon-s i.fa.fa-envelope {
    color: #218ef9;
}

.form-box h3 span {
    font-size: 18px;
    font-weight: 500;
}
.form-box h3{ margin-bottom: 0px;}
.backbtn {
    position: absolute;
    left: -3px;
    border: none;
    z-index: 999;
}