.form-control:focus {
    background-color: #ffffaa;
    color: #444;
    font-weight: bold;
}

.errormsg {
    background-color: #b02a37;
    width: 100%; 
    color: white; 
    padding: 4px 10px;
    transition: visibility 0.5s, opacity 0.5s linear;
}

.successmsg {
    background-color: #238923;
    width: 100%; 
    color: white; 
    padding: 4px 10px;
    transition: visibility 0.5s, opacity 0.5s linear;
}


.form-control:focus {
    background-color: #ffffaa;
    color: #444;
    font-weight: bold;
}
.auth-main .auth-wrapper.v1 .auth-bg .r:first-child {
  background: linear-gradient(-135deg, #15c2c2 0%, #079A9A 100%);
}

.auth-main .auth-wrapper.v1 .auth-bg .r:last-child {
background: linear-gradient(-135deg, #f95555 0%, #F90000 100%);
}




@media only screen and (max-width: 800px) {

    .auth-main .auth-wrapper .auth-form .card {
        width: auto;
    }

    .auth-main .auth-wrapper.v1 .auth-bg .r:first-child {
        top: -100px;
        right: -45px;
    }

    .auth-main .auth-wrapper.v1 .auth-bg .r.s:nth-child(2) {
        top: 150px;
        right: -30px;
    }

}