body {
    font-family: Inter;
    margin: 0 auto;
    display: grid;
    /* grid-template-columns: 182px auto; */
    box-sizing: border-box;
    color: #565657;
}

.login_centered_panel {
    display: flex;
    align-items: center;
    justify-content: center;
    /* vertical-align: top; */
}

.centered_div
{
    width: 100%;
    display: flex;
    text-align: center;
    /* background-color: aqua; */
    flex-direction: column;
    /* Stack divs vertically */
    align-items: center;
}

.button_div
{
    width: 100%;
    /* display: flex; */
    text-align: center;
    /* background-color: aqua; */
    flex-direction: column;
    /* Stack divs vertically */
    align-items: center;
}

.login_page {
    width: 100%;
}

.logo {
    width: 180px;
    margin-top: 3%;
    /* margin-bottom: 100px; */
    /* max-width: 500px; */
}

.login_button
{
    background-color:var(--active_button);
    color: var(--active_button_text);
    border-radius: 6px;
    border: none;
    padding: 6px 12px;
    font-family: Poppins;
    /* font-weight: bold; */
    height: 50px;
    width: 160px;
    font-size:large;
    opacity: 1;
    cursor: grab;
    margin: 20px;
    
    /* font-variant: Medium; */
    /* font-size:small; */
}

.form_group {
    position: relative;
    padding: 10px 0 0;
    margin-top: 10px;
    width: 50%;
}

.form_field {
    font-family: Poppins;
    width: 80%;
    border: 0;
    border-bottom: 2px solid var(--white);
    outline: 0;
    font-size: 20px;
    color: var(--primary);
    padding: 7px 0;
    /* background: transparent; */
    transition: border-color 0.2s;
    text-align: center;
}

.forgot_form_field {
    font-family: Poppins-Light;
    /* width: 100%; */
    /* border: 1; */
    border: 0.5px solid var(--form_field);
    outline: 0;
    font-size: 14px;
    color: var(--body_text);
    padding: .3em 0.2em .3em 0.2em;
    /* background: transparent; */
    /* transition: border-color 0.2s; */
    text-align: left;
    border-radius: .5em;
}

.icon
{
    width: 40px;
    padding-top: 10px;
    height: auto;
}

.stay_logged_in
{
    text-align: center;
    font-family: Poppins-Light;
    /* font-variant: lighter; */
    font-size: 12px;
    color: var(--white);
    width: 90%;
    margin-top: 50px;
    margin-bottom: 10px;
    cursor: default;
    margin-left: 5%;
    /* background-color: aqua; */
}

.entra
{
    text-align: center;
    font-family: Poppins-Light;
    /* font-variant: lighter; */
    font-size: 16px;
    color: var(--white);
    width: 90%;
    margin-top: 50px;
    margin-bottom: 10px;
    cursor: default;
    margin-left: 5%;
    /* background-color: aqua; */
}

.stay_logged_in_warning
{
    text-align: center;
    font-family: Poppins;
    font-size: 8px;
    color: var(--white);
    width: 90%;
}

.stay_logged_in_cb
{
    text-align: center;
    font-size: 16px;
    width: 80%;
    background-color: transparent;
    
}

input.stay_logged_in_cb 
{
    height: 25px;
}

.forgot_password a {
    text-decoration: none;
    font-size: small;
    width:100%;
    margin-left: -5%;
    /* color: red; */
}

.forgot_password a span {
    cursor: grab;
}

.app_title
{
    color: var(--primary);
    font-family: Poppins-Bold; 
    font-size:36px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.signin_title
{
    color: var(--white);
    font-family: Poppins-Bold; 
    font-size:24px;
}

.hidden
{
    display: none;
}

.showing
{
    display:"";
}

.error_message 
{
    margin-top: 25px;
    color:coral;
    background-color: var(--primary);
    padding: 5px;
    margin-left: 100px;
    margin-right: 100px;
}

.verify_text
{
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 48px;
}

.verification_label 
{
    margin-top: 30px;
    font-size: 24px;
    color: var(--off-white) 
}

.error_label
{
    color: rgb(236, 70, 9);
    font-size: larger;
    padding-bottom: 20px;
}