:root {
    --header-height: 4rem;
    --nav-width: 280px;
    --first-color-light: #808080;
    --white-color: #FFFFFF;
    --gray-color: #D3D3D3;
    --dark-gray-color: #303030;
    --background-color: #F4F7FE;
    --font-size: 0.925rem;
    --font-weight: 420;
    --z-fixed: 100;
    --font-family: 'Poppins', sans-serif;
}

*,
::before,
::after {
    box-sizing: border-box;
}

/* Custom small font size */

.fs-sm {
    font-size: .90rem !important;
}

.fs-xs {
    font-size: .80rem !important;
}

.form-container.login-container {
    padding: 3rem 3rem 3rem 3rem;
}

/* Form label */
form .error, input.error {
    color: red;
    border-color: red;
}

.input_error_msg {
    min-height: 25px;
    max-height: 25px;
}


/* Overwrite Bootstrap floating label */

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, 
.form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    transform: scale(.85) translateY(-1.5rem) translateX(.15rem);
    color: #0D6EFD;
}


.bg-side-login-image {
    background-image: url("../../../../assets/images/undraw.png");
    background-position: center;
    background-size: cover;
}

body {
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    transition: 0.5s;
    background-color: var(--background-color);
}


.footer {
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--white-color);
    margin-left: -280px; /* calc(var(--nav-width) - var(--nav-width) * 2); */
}

a {
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .form-container.login-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
}