body{
    padding: 0;
    margin:0;
}
img{
    max-width:100%;
}
/*------------------- SPLASH PAGE START --------------------*/
.red_opegbg{
    background: url(../images/splash.jpg) no-repeat top center #bb232d;
    background-size: cover;
}
.splashScrooen{
    width:100vw;
    height:100vh;
    display:flex;
    align-items: center;
    justify-content: center;

}

.splashScrooen .splashlogo{
    max-width: 70vw;
}

/*------------------- SPLASH PAGE End --------------------*/

/*------------------- LOGIN PAGE START --------------------*/
.login_wraper{
    width:100vw;
    height:100vh;
    overflow-x: hidden;
    overflow-y: auto;
}
.login_logo{
    padding: 10vh 0;
    text-align: center;
    width:60vw;
    max-width:350px;
    margin:0 auto;
}
.login_ctrl{
    padding: 0 5vw;
    margin:0;
}
a.login_typebtn{
    border:2px solid #fff;
    padding: 10px;
    position: relative;
    display:flex;
    align-items: center;
    border-radius:50px;
    font:300 20px/34px  'Roboto', sans-serif;
    color:#fff;
    text-decoration: none;
}
a.login_typebtn:after{
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -7px 0 0 0;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
a.login_typebtn span{
    width: 45px;
    border-right: 2px solid #fff;
    padding: 0 8px;
    margin: 0 8px 0 0;
}

.or_part{
    width:35%;
    margin:5vh auto;
    height:2px;
    background:#fff;
    position: relative;
}
.or_part .or_txt{
    width:40px;
    height:40px;
    position: absolute;
    left:50%;
    top:0;
    margin:-20px 0 0 -20px;
    border-radius:60px;
    display:flex;
    align-items: center;
    justify-content: center;
    font:300 20px/normal  'Roboto', sans-serif;
    color:#04413d;
    text-decoration: none;
    text-transform:uppercase;
    background:#fff;
}


/*------------------- LOGIN PAGE END --------------------*/

/*------------------- code PAGE Start --------------------*/
.red_opegbg.relator_code{
    background:url(../images/enter_code.jpg) no-repeat top center #e1e1e0;
    background-size: cover;

}
.red_opegbg.relator_code .splashlogo{
    max-width:350px;
    padding: 10vh 0;

}
.red_opegbg.relator_code .splashScrooen{
    justify-content: center;
    align-items: flex-start;
}
/*------------------- code officer sign up PAGE END --------------------*/


/*------------------- loan officer sign up PAGE Start --------------------*/

.red_opegbg.loanofficer_page{
    height:100vh;
    width:100vw;
    background:url(../images/enter_code.jpg) no-repeat top center #e1e1e0;
    background-size: cover;
    overflow-x: hidden;
    overflow-y: auto;

}

.loanofficer_page .topfixedbar{
    background:rgba(255, 255, 255, 1);
    padding:20px 15px;
    width:100%;
    box-shadow: 0 0 15px 10px rgba(0,0,0,0.1);

}
.topfixedbar .loanofficerlogo{
    text-align: center;
    display: block;
}
.topfixedbar .loanofficerlogo img{
    max-height:100px;
    max-width:100%;
}
.loan_signup {
    padding: 30px 0;
    width: 320px;
    margin: 5% auto;
    background: rgba(255,255,255,0.8);
    padding: 25px 30px;
    box-shadow: 0 10px 12px 1px rgba(0,0,0,0.2);
    border-radius: 8px;
}
.loan_signup h3{
    padding: 0;
    margin:0 0 22px 0;
    font:300 28px/normal  'Roboto', sans-serif;
    color:#000;
    text-align: left;
    text-decoration: none;
}
.loan_signup h3 .fa{
    color:#eb714a;
    font-size: 28px;
    margin:0 5px 0 0;
}
.form-control{
    border:0;
    border-bottom:1px solid #c4c4c4;
    background:none;
    font:300 13px/normal  'Roboto', sans-serif;
    color:#000;
    border-radius:0;
    box-shadow:none;
    padding: .375rem 0;
}

.form-control:focus{
    background:none;
    border:0;
    border-bottom:1px solid #c4c4c4;
    box-shadow:none;
    padding: .375rem 0;
}
.input-group-prepend .input-group-text{
    background:none;
    border:0;
    border-bottom:1px solid #c4c4c4;
    border-radius:0;
    padding: 0;

}
label.input_label{
    font:300 18px/normal  'Roboto', sans-serif;
    color:#000;
    padding: 0;
    margin:0;

}
label.input_label sup{
    color:#eb714a;
    font-size:13px;
}
.sign_upbtn{
    padding: 12px 40px;
    margin:0;
    border-radius:100px;
    font:300 20px/normal  'Roboto', sans-serif;
    color:#fff;
    text-decoration: none;
    background: #eb714a;
    border:0;
    display: inline-flex;
    align-items: center;
}
.sign_upbtn .fa{
    margin-left:12px;
    font-size:30px;
}
a.already_register{
    font:300 20px/normal  'Roboto', sans-serif;
    color:#eb714a;
    text-decoration: none;
    padding: 0px 0 0 0;
    margin:0; 
    font-size:15px;
    display: inline-block

}
.realtor_div {
    margin-left: auto;
}





/*------------------- loan officer sign up PAGE END --------------------*/



@media(max-width:767px){

    a.already_register{
        display: block;
        width: 100%;
        float: none;
        text-align: center;
    }
    .loanofficer_page .topfixedbar{
        padding: 10px 15px;
    }
    .topfixedbar .loanofficerlogo img{
        max-height:80px;
    }
}



@media(max-width:360px){


    a.login_typebtn{
        font-size:16px;
        line-height: 28px;
    }
    a.login_typebtn span{
        width:40px;
    }




}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}