@media screen and (max-width: 909px)
{
    .login_container_width
    {
        width: 100%;
    }
}

@media screen and (min-width: 910px)
{
    .login_container_width
    {
        width: var(--login-panel-width);
    }
}

/* System light mode */
@media (prefers-color-scheme: light)
{
    .login_body
    {
        background: url('/images/light_mode/light_background.png') center center / cover fixed no-repeat;
    }
    
    #login_header_1
    {
        border-bottom: 1px solid #C7D6E8;
    }

    #login_header_2
    {
        border-bottom: 1px solid #C7D6E8;
    }
}

/* System dark mode */
@media (prefers-color-scheme: dark)
{
    .login_body
    {
        background: url('/images/dark_mode/dark_background.png') center center / cover fixed no-repeat;
    }
    
    #login_header_1
    {
        border-bottom: 1px solid #37639b;
    }
    
    #login_header_2
    {
        border-bottom: 1px solid #37639b;
    }
}

#login_container
{
    border-top: none;
    border-left: none;
    border-bottom: none;
}

#login_form_container
{
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 34px;
}