* {
    font-family: var(--font-family),Arial,Helvetica,sans-serif;
    font-weight: 400
}

html, body {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
}

body {
    margin: 0;
}

h1{ font-size:22px;font-weight:bold; color:var(--forecolor);}
h2{ font-size:20px;font-weight:bold; color:var(--forecolor);}
h3{ font-size:16px;font-weight:bold; color:var(--forecolor);}
h4{ font-size:14px;font-weight:bold; color:var(--forecolor);}
label{font-size:10px;font-weight:bold; color:var(--forecolor);}

a{color:var(--link-color);}

.logo {
    height: auto;
    width: auto;
    padding-left: 30px;
    padding-top: 7px;
}

.login-form {
    background-color:var(--background-color);
    min-height: 100vh;
    overflow-y:scroll;
}
.login-img {
    background-color: var(--background-color);
    border-radius: 25% 0 0 25%;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    overflow-y: hidden;
}
.form-control {
}
.form-floating .form-control{

}

label {
    font-size: 11pt;
    font-weight: 200;
}
.required{color:red;}

.btn-login2 {
    border-radius: 16px;
    background-color: var(--btn-bg-color, #373A48) !important;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    text-transform:uppercase;
    color:var(--fore-color);
}