.bg-gradient-primary {
    background-color: #009ed6;
    background-image: linear-gradient(180deg, #009ed6 10%, #081224 100%);
    background-size: cover;
}

.bg-image {
    background: url("../../images/login_2.jpg");
    background-position: center center;
    background-size: cover;
}

.bg-gradient-egg {
    background-color: #faf9f6;
    background-image: linear-gradient(180deg, #faf9f6 0%, #f1eee9 100%);
    background-size: cover;
}

.login-container {
    height: 100vh; /* full screen */
}
.login-inner {
    height: 100%;
}

.login-form {
    max-width: 400px;
    width: 100%;
}
/* Subtle shadow on right edge of left column */
.login-container .left-panel {
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.login-container .login-logo {
    width: 80px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

.login-container .title {
    font-weight: 300;
    color: var(--color-green);
    font-size: 25px;
}

.login-form label {
    font-size: 14px;
}

.login-form input {
    font-weight: 200;
}

.login-form .invalid-feedback {
    display: block;
}

.login-form a {
    color: var(--color-lightgreen);
}