/* .login{background-color:#4b5561!important} */
body, html {
    
    font-family: Arial,sans-serif;
    font-size: 14px;
    
}
.login .logo{margin:0;padding:0;}
.login .content{margin:0;overflow:hidden;position:relative}
.login .content h3{color:#4db3a5;text-align:center;font-size:28px;font-weight:400!important}
.login .content h4{color:#555}
.login .content .hint{color:#999;padding:0;margin:15px 0 7px}
.login .content .forget-form,.login .content .login-form{padding:0;margin:0}
.login .content .form-control{background-color:#dde3ec;height:43px;color:#8290a3;border:1px solid #dde3ec}
.login .content .form-control:active,.login .content .form-control:focus{border:1px solid #c3ccda}
.login .content .form-control::-moz-placeholder{color:#8290a3;opacity:1}
.login .content .form-control:-ms-input-placeholder{color:#8290a3}
.login .content .form-control::-webkit-input-placeholder{color:#8290a3}
.login .content select.form-control{padding-left:9px;padding-right:9px}
.login .content .forget-form,.login .content .register-form{display:none}
.login .content .form-title{font-weight:300;margin-bottom:25px}
.login .content .form-actions{clear:both;border:0;border-bottom:1px solid #d7e3ed;padding:25px 30px;margin-left:-30px;margin-right:-30px}
.login .content .form-actions>.btn{margin-top:-2px}
.login-options{margin-top:30px;margin-bottom:30px;overflow:hidden}
.login-options h4{float:left;font-weight:600;font-size:15px;color:#7d91aa!important}
.login-options .social-icons{float:right;padding-top:3px}
.login-options .social-icons li a{border-radius:15px!important;-moz-border-radius:15px!important;-webkit-border-radius:15px!important}
.login .content .form-actions .checkbox{margin-left:0;padding-left:0}
.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}
.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}
.login .content .form-actions .btn{margin-top:1px;font-weight:600;padding:10px 20px!important}
.login .content .form-actions .btn-default{font-weight:600;padding:10px 25px!important;color:#6c7a8d;background-color:#fff;border:none}
.login .content .form-actions .btn-default:hover{background-color:#fafaff;color:#45b6af}
.login .content .forget-password{font-size:12px;display:inline-block;margin-top:10px}
.login .content .create-account{margin:0 -40px -30px;padding:15px 0 17px;text-align:center;background-color:#6c7a8d;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}
.login .content .create-account>p{margin:0}
.login .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}
.login .content .create-account a{display:inline-block;margin-top:5px}
.login .copyright{text-align:center;margin:0 auto 30px 0;padding:10px;color:#7a8ca5;font-size:13px}
@media (max-width:440px) {
.login .content,.login .logo{margin-top:10px}
.login .content{width:280px}
.login .content h3{font-size:22px}
.forget-password{display:inline-block;margin-top:20px}
.login-options .social-icons{float:left;padding-top:3px}
.login .checkbox{font-size:13px}
}
.login .content{background:0 0;padding:0}
.login .content .forget-password{margin:0}
.login .content .check,.login .content .check:hover,.login .content .forget-password,.login .content .forget-password:hover{color:#fff}
.login .content .form-control{background:#fff;border-color:#fff}
.login .content div.form-actions{border:0;padding:0;margin:0}
.login .page-footer{position:absolute;bottom:10px;left:0;width:100%}
.semiBold{font-weight:600}

.n-login-box{width:576px;margin:0 auto;background:rgba(30,42,57,.5);padding:0 20px 10px}
.n-top-mar{display:table;height:100%;width:100%}
@media only screen and (max-width:985px) {
.n-login-box{width:100%;padding:0 10px 10px;background:0 0}
.n-login-box h2{font-size:26px;text-align:center;margin:5px 0 0}
.n-login-box .form-group{margin-bottom:10px}
.n-top-mar{padding:10% 0 0}
video#bgvid{display:none}
html body{
    /* background: url('../img/background.jpg') no-repeat top right #848282 !important;  */
    background:#848282 !important; 
}
}

.n-middle{display:table-cell;vertical-align:middle}
.inner-addon{position:relative}
.inner-addon .fas{position:absolute;pointer-events:none;padding:8px 10px;color:#a2b8c1}
.left-addon input{padding-left:38px}
.left-addon .fas{top:2px;left:2px}
.paddingTop30{padding-top:30px}
.paddingBottom30{padding-bottom:30px}
h2{padding:0;margin:0;font-size:24px}
.n-login-box{padding:15px 20px 20px!important}
.mt-checkbox{margin-bottom:10px}
.logoImg{vertical-align:middle;margin-bottom:5px;margin-right:36px}
.alert{padding:0;margin-bottom:0}
.alert-danger{background-color:transparent;border-color:transparent}
#triangle-right{width:0;height:0;border-top:133px solid transparent;border-left:346px solid #33beaf;border-bottom:145px solid transparent;position:absolute;top:-36px;left:0}
#triangle-left{width:0;height:0;border-top:200px solid transparent;border-right:666px solid #1e2a39;border-bottom:0 solid transparent;position:absolute;bottom:0}
.n-login-box{width:435px;margin:0 auto;background:#1e2a39;padding:5px 30px 10px;border:none}
.risk-logo{position:absolute;top:25%;left:5%}
.login .content .form-control{background-color:#dde3ec;height:35px;color:#8290a3;border:1px solid #dde3ec}
.inner-addon .glyphicon{padding:13px 14px;color:#ccc}
.login .content .form-control{background-color:#fff;height:35px;color:#8290a3;border:1px solid #dde3ec}
.logo.zig{position:relative;background:#fff;margin:0 auto;width:435px;min-height:200px;overflow:hidden}
.zigDiv{margin-top:10px;margin-bottom:20px;background:#fff;width:100%}
.logoDiv{padding-right:2%;position:absolute;right:10px}
.logBtn{height:34px;width:100px;background:#33beaf}
.logBtn.green{color:#fff!important;box-shadow:none}
.login .content .form-actions .btn{margin-top:1px;font-weight:600;padding:7px 20px!important}
.remMe{padding-top:5px}
.login .n-login-box a{color:#0066cc;text-decoration:none}
a:focus,a:hover{color:#0066cc;text-decoration:none}
.login .content h4{color:#fff;font-weight:400}
.new-footer{color:#fff}
#access-form{
    display: none;
}
.error{
    color: #bb3609!important;
}

    .loginSection1{
        text-align: center;
        width: 59%;
        
    }
.loginSection{
	text-align: center;
    min-height: 545px;
    position: absolute;
    width: 59%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 600px;
    
}
.imageDiv{
	width: 21%;
    margin: 0 auto;
    margin-top: 100px;
    margin-left: auto;
}
.text-heading{
	padding-top: 31px;
}
.text-heading h4{
	font-size: 1.9em;
    color: #1e2a39;
}
.formSection{
	margin-top: 15px;
}
.forgotPassword{
	padding-top: 22px;
}
.newUserSignUp {
    margin-top: 13%;
    padding: 2%;
    background: #ecf0f3;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    color: #1e2a39;
}
#ForgotForm{
    display: none;
}
#ForgotForm label{
    display: block;
    text-align: left;
}
#access-form label{
    display: block;
    text-align: left;
}
#form_login label{
    display: block;
    text-align:left;
}
#passwordSubmit{
    font-weight: normal !important;
}
#ResetForm label{
    text-align: left;
    display: block;
}
form {
    margin-top: 10px;
}

.login {
    background: #000;
    /* background: url(../images/background.jpg) no-repeat top right #fff; */
}
.forgotPassword a{
    color: #fff;
}
footer{
    margin-top: 10%;
    color: #fff;
    font-size: 14px;
}
form#ForgotForm {
    margin-left: 13%;
}


video {
    object-fit: contain;
}

video#bgvid {
    z-index: 0;
    opacity: 0.51;
}

video#bgvid {
    position: fixed;
    top: 50%;
    left: 100%;
    /* width: 100%; */
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translate(-87%,-50%);
    background-size: cover;
    min-height: 100%;
    background: transparent;
 }
 


 .form-control:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid #ddd;
}

video {
    object-fit: contain;
}

.size12{
    font-size: 12px;
}

.login{ overflow: hidden;}

.btn-primary {

    background-color: #80c242 !important;
    transition: all 0s linear 0s;
    color: #FFF !important;
    border-color:  #80c242 !important;

}
.btn-primary:hover{
      background-color: rgb(15, 132, 194) !important;
    transition: all 0.3s ease;
     border-color:  rgb(15, 132, 194) !important;
}

.anchor-color {
    color: #80c242 !important;
}