.form-control {
    background-color: #f5f5f5;
    box-shadow: none;
    color: black;
    font-size: 14px;
    padding: 30px 10px;
    margin-bottom: 30px;
    border: 1px solid #f1f1f1;
}
    .form-control:focus{
        color:black;
    }
    /* black backgroundcolor & white forecolor for autofill textboxes in darkmode*/
    .dark input:-webkit-autofill,
    .dark input:-webkit-autofill:hover,
    .dark input:-webkit-autofill:focus,
    .dark input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px #272b34 inset !important;
        -webkit-text-fill-color: white;
    }
/* white backgroundcolor for autofill textboxes in normal mode*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;

}

input[type=text],
input[type=password],
input[type=email] {
    background-color: transparent;

    border: none;
    border-bottom: 1px solid #1e88e5 !important;
    border-radius: 0;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
    box-shadow: none;
}

    input[type=text]:focus,
    input[type=password]:focus,
    input[type=email]:focus {
        box-shadow: none;
        border-bottom: 1px solid #1e88e5;
    }

a {
    color: #2abef5;
}

    a:hover {
        color: #28b5ea;
    }

.disabled {
    pointer-events: none;
}

.enabled {
    pointer-events: all;
}

#lblError {
    font-family: Arial;
    font-size: 14px;
}

#lblUsername {
    font-family: Arial;
    font-size: 14px;
}

#lblPassword {
    font-family: Arial;
    font-size: 14px;
}
.padding-bottom-90 {
    padding-bottom: 90px
}
.height-60 {
    height: 60px
}
.margin-top-60 {
    margin-top: -60px;
}
.loginlbls {
    display: none;
    color: red;
}
.hide_elelement {
    display: none;
}
#btnLogin {
    height: 40px;
    cursor: pointer;
}
.padding-top-7 {
    padding-top: 7px
}
.divmsg {
    padding-top: 7px;
    font-size: 0.85rem
}
.color-red {
    color: red
}