@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100&display=swap');

* {
    margin: 0;
    padding: 0;
}

body {
}

.crm_body_bg-emp {
    /*background-image: url('../images/login-bk-1.jpg');*/
    /*background-image: url('../images/FEA-LOGIN.png');*/
    /*background-image: url('../images/log-1.png');*/
    background-image: url('../img/Logo/log-1.png');
    position: relative;
    height: 100vh;
    background-size: cover;
    width: 100%;
    overflow: hidden;
}
/*.bg-screen{
    background-image: url('../images/bg-img.jpg');
    position: relative;
    height: 100vh;
    background-size: cover;
    width: 100%;

}*/

.header-top {
    height: 50px;
    width: 100%;
    background-color: brown;
}

.left-img {
    position: relative;
    top: 25%;
    right: 10%;
}

    .left-img img {
        width: 771px;
    }

.login-page {
    width: 432px;
    position: relative;
    top: 32%;
    padding: 0px 0;
    border: 4px solid #00a1ae;
    border-radius: 30px;
    background-color: #f4f4f4;
}

.logo-img {
    position: absolute;
    left: 15%;
    /* bottom: 65%; */
    left: 0;
    right: 0;
    bottom: 0;
    top: -151px;
    margin: 0 auto;
    text-align: center;
}

/*.logo-img {
    position: absolute;
    left: 14%;
    bottom: 63%;
}
*/
.login-page h1 {
    color: #00a1ae;
    margin-top: 173px;
    text-align: center;
    font-size: 45px;
    font-family:
}

.login-page .register-form {
    margin-top: 30px;
    text-align: center;
}

.form-group {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

    .form-group a {
        color: #640c0f;
        font-size: 14px;
        font-weight: 500;
    }

        .form-group a:hover {
            color: #9e2f33;
        }

input {
    width: 61%;
    border: none;
    border-bottom: 1px solid #c0262c;
    padding: 5px 5px;
    box-sizing: border-box;
    outline: none;
}

.form-submit {
    display: inline-block;
    background: #710f1c;
    color: #fff;
    border: none;
    width: auto;
    padding: 13px 38px;
    border-radius: 5px;
    margin-top: 25px;
    font-size: 20px;
}

.form-button a {
    color: #c0262c;
    font-size: 16px;
    position: relative;
    right: 73px;
}

    .form-button a:hover {
        color: #9e2f33;
    }

/* media quries */



/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .login-page {
        width: 383px;
    }

/*    .logo-img {
        left: 21%;
    }
*/
    .login-page h1 {
        font-size: 43px;
    }

    input {
        width: 66%;
    }

    .form-submit {
        padding: 9px 34px;
    }

    .form-button a {
        position: relative;
        font-size: 14px;
        right: 74px;
        /* margin-right: 128px; */
    }

    .left-img {
        top: 41%;
        right: 6%;
    }

        .left-img img {
            width: 600px;
        }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/*.form-group a {
    background-color: #00849b;
    border: 1px solid #ffffff;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 60%;
}
*/

select#ddlrole {
    width: 60%;
    margin: 0 auto;
    height: 34px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #7b7b7b;
}

.left-side p {
    font-size: 14px;
}
@media (min-width: 768px) and (max-width: 991.98px) {

    .left-img {
        display: none;
    }

    .login-page {
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .left-img {
        display: none;
    }

    .login-page {
        left: 8%;
    }
}

@media (max-width: 575.98px) {
    .left-img {
        display: none;
    }

    .login-page {
        top: 40%;
        left: 5%;
        width:325px;
    }
}


/* Small devices (landscape phones, less than 768px) */


/* Medium devices (tablets, less than 992px) */