.q2ev4-login-page {
}

.transparent-menubar .q2ev4-login-page .nav-transparent, .q2ev4-login-page .nav-transparent {
    background-color: #fff
}

    .q2ev4-login-page .nav-transparent > .container-fluid {
        max-width: 1240px;
        margin: 0 auto;
        padding: 28px 0 30px;
        display:flex;
       align-items:center;
    }

 .q2ev4-login-page .nav-transparent.navbar-inverse .navbar-nav > li > a {
     color: #353D43
 }
    .q2ev4-login-page .nav-transparent.navbar-inverse .navbar-left > li > a {
        cursor: pointer;
        font-family: 'open_sans_bold' !important;
    }
    .q2ev4-login-page .nav-transparent.navbar-inverse .navbar-left > li > a:focus, .q2ev4-login-page .nav-transparent.navbar-inverse .navbar-left > li > a:hover {
        color: #353D43;
    }
        .q2ev4-login-page .nav-transparent.navbar-inverse .navbar-left > li > a:focus, .q2ev4-login-page .nav-transparent.navbar-inverse .navbar-left > li > a:hover {
            border-bottom: 2px solid transparent
        }
    .q2ev4-login-page .nav-transparent .navbar-brand.logo img {
        /* max-width: 100px*/
        max-width: 122px;
        margin-top: 9px;
        margin-bottom: 12.5px;
    }
        .q2ev4-login-page .nav-transparent .navbar-brand.logo.subdomain-logo img{
            max-height:50px;
            max-width:none;
        }
        .q2ev4-login-page .nav-transparent .navbar-left {
            margin-left: 0
        }
.q2ev4-login-page .navbar-header {
    height: auto
}
    .q2ev4-login-page .nav-transparent .navbar-header{width:auto}
    .q2ev4-login-page .nav-transparent.navbar-inverse .navbar-left > li > a {
        padding: 27px 20px 27px 20px; margin-top: 4px
    }
    .q2ev4-login-page  .nav-transparent.navbar-inverse .navbar-left > li {
        margin-right:0
    }
.q2ev4-login-page .navbar.navbar-fixed-top {
    margin-bottom: 0;
    position:static
}
    .q2ev4-login-page .video-img-wrap-inner {
        height: 252px;
        display: block;
        max-width: 1240px;
        padding: 0 !important;
        margin: 0 auto;
    }
    .q2ev4-login-page .video-background-wrap {
        min-height: calc(100vh - 65vh);
        background: url("/Assets/images/newpropelonlogin-banner.PNG") center bottom no-repeat;
        padding-bottom: 0;
        background-size: cover;
        background-position: center center
    }
    .q2ev4-login-page .banner-content-inner h2 {
        font-size: 32px;
        margin-top: 84px;
        border-right: 3px solid #F7903D;
        padding: 6px 19.5px 6px 0px;
    }
    .q2ev4-login-page .login-section h3 {
        /* font-family: 'bariol-regular'*/
        font-size: 1em;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 1250px;
        line-height:1.342
    }
.q2ev4-login-page .login-section-outer{width:1240px; margin:0 auto; overflow:hidden}
.ntl-form-label, .ntl-label{ margin-bottom:8px;}
.q2ev4-login-page .login-section {
    width: 382px;
  
    margin: 40px 0 140px;
}
/*.q2ev4-login-page .footer p.copyright{padding-left:25px}*/
.q2ev4-client-list {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 1px;
    word-wrap: break-word;
    border: 1px solid #2aace3;
    min-height: 28px;
    background-color: #EAF9FF;
    border-radius: 4px;
    padding: 7px 10.5px 7px;
    margin-bottom: 10px
}
.q2e-client-subheading{ padding-bottom:0 !important}
.q2e-client-name {
    font-size: .875em;
    text-decoration: none;
    color: #353D43
}
    .q2e-client-name:focus, .q2e-client-name:hover {
        text-decoration: none;
        color: #353D43
    }
.q2ev4-account-activation.bodyStyle .innerBody {
    position:relative
}
.q2ev4-account-activation .ntl-mb-20 {
    margin-bottom: 20px !important;
}
.q2ev4-account-activation .ntl-mb-20:last-child{margin-bottom: 0!important}
.q2ev4-useraggrement{}
.q2ev4-useraggrementsection-list{padding:0}
.q2ev4-useraggrementsection-list > li {list-style-type: none;}
.q2ev4-useraggrementsection-section{padding:0}
.user-agree-data-container .q2ev4-useraggrement ul {
    margin: 10px 0 0 35px
}

.auth-input > input {
    width: 41px;
    height:41px;
    padding: 6px !important;
    text-align: center !important;
    margin-right: 4px;
}

.invalid-code-text {
    color: #C14632
}

.login-success {
    box-sizing: border-box;
    height: 37px;
    width: 100%;
    border: 1px solid #91C93F;
    border-radius: 4px;
    background-color: rgba(145,201,63,0.2);
    
}
.login-success span {
   color: #76AC27
}
   
    .ntl-opt-inputwrap .wrapper .otp-input {
        font-size: 1em;
        color: #353D43;
        text-align: left;
        letter-spacing: 0.0500em;
        border: 1px solid #AAAAAA;
        border-radius: 2px;
        width: 41px;
        height: 41px;
        padding: 6px !important;
        text-align: center !important;
        margin-right: 4px !important;
    }
.invalid-code input.otp-input {
    border-color: #C14632 !important
}