.loginBG{
    background: #fff ;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10000;
    min-height: 100vh;
}
.loginPnl {
    background: rgba(128, 128, 128, 0.5);
    border-radius: 8px;
    padding: 40px 10px;
}
.loginTxt {
    background: rgb(255, 255, 255) !important;
    border: 1px solid #115ba8;
    border-radius: 4px;
    color: #14143f;
    padding: 10px;
    width: 100%;
}
.login-button {
    background: #00aa95;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    padding: 10px;
    width: 100%;
}
.loginDiv {
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px 20px;
}
.loginCenter {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.ForgetCheckBox .main{
    font-size: 11px !important;
}

.mainLogin .translate-middle-y {
    transform: translateY(0%) !important;
}

.mainLogin .position-absolute {
    position: relative !important;
}

.mainLogin .top-50 {
    top: 0% !important;
}

.aramLoginBg {
    background: url(/UI/Styles/Default/Templates/Login/aramLoginBg.jpg);
    background-size: cover;
    background-position: center;
}

.loginLogo {
    width: 280px;
}

.mainLogin .col-md-4.position-absolute {
    width: 100%;
    box-shadow: none !important;
}

.mainLogin {
    box-shadow: 0 0 30px -14px #777;
    border-radius: 30px;
    overflow: hidden;
}

.text-purple{
    color: #432162;
}

.btn-google {
    display: none;
}

.mainLogin .form-control {
    height: 50px;
    margin-top: 5px;
    border-radius: 8px;
}

.btn-login {
    background: #951c56 !important;
    border: 1px solid #951c56 !important;
    height: 50px;
    color: #fff !important;
    margin-top: 20px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.etc-login-form a {
    color: #4a4a4a;
    text-decoration: auto;
}