main {
    margin-top: 0px !important;
}

.container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: fit-content;
}


.login-form {
    width: 100%;
}

.info-container {
    height: 100%;
    border-radius: 4px;
    padding: 2% 3% 0% 3%;
    border-color: #D4D7DE;
    border-width: 1px;
}

.textcolor {
    color: #1C768F;
}

.header-container {
    padding: 1vw !important;
    text-align: center;
    white-space: nowrap;
}

.notice-text-align {
    margin-left: 3%;
    margin-top: 5%;
    white-space: nowrap;
}

.link {
    text-decoration: underline !important;
}

.link-color {
    color: #0070C0;
}

.inner-info-container {
    align-items: center;
}

.form-group {
    width: 100%;
}

.login-btn-default {
    border: 0px !important;
    background-color: #BFBFBF !important;
    color: black !important;
}

input[type="email"],
input[type="password"],
input[type="text"] {
    width: 100%;
    padding: 1.5% 2.2% !important;
    border: 1px solid #ccc;
    border-radius: 10px !important;
    font-size: 18px;
    box-sizing: border-box;
}

.forget-password {
    width: 100%;
    margin-top: 1%;
}

.toggle-password {
    cursor: pointer;
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
}

.icon-size {
    font-size: 1.5em !important;
}

.password-mt {
    margin-top: 25px !important;
}

.btn-login {
    width: 100%;
    padding: 0.7rem !important;
    border-radius: 10px !important;
    margin-top: 1.5em;
}

.error-message {
    color: red;
    white-space: nowrap;
}

.version-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 2em;
    font-size: large;
}