/* error */
.error-msg {
    color: red;
}
.login label {
    font-weight: bold;
}
.login input {
    color: rgb(67, 67, 67) !important;
}
/* login */
#mainLogin {
    width: 100%;
    height: 100vh;
}
#mainLogin .logo {
    align-items: center;
    display: flex;
    margin: 50px 120px;
    margin-left: 150px;
    cursor: pointer;
}
#mainLogin .logo img {
    width: 300px;
}
#mainLogin .login {
    background-image: url("../bitanic-landing/bg2.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#mainLogin .form-section {
    display: flex;
    margin: 0 auto;
    align-items: center;
}
#mainLogin .form {
    width: 400px;
    height: auto;
    margin-top: 50px;
    background: rgba(255, 255, 255, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    border-radius: 25px;
    align-items: center;
}
#mainLogin .login form > div {
    display: flex;
    flex-direction: column;
}
#mainLogin .input-form {
    background: #ffffff;
    color: rgb(97, 97, 97);
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border-radius: 20px;
    height: 40px;
    padding: 15px;
}
#mainLogin .btn-submit:hover {
    background: #a3de83;
}
#mainLogin .container-flex {
    display: flex;
    height: 100%;
}
#mainLogin .btn-login {
    background: #42A16B;
    color: white;
    padding: 7px 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
}
#mainLogin .btn-login:hover {
    color: var(--vt-c-base2-soft) !important;
}
#mainLogin .redirect-reg:hover {
    color: white !important;
}
#mainLogin #errMsg {
    color: red;
}

.border-radius-left {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.border-radius-right {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.btn-bitanic {
    background-color: #42a16b !important;
    color: white;
}