/* Login Page Body */
html.ext-border-box body#theBODY.fr-is-dark.fr-with-bg
{
    box-shadow: 0 0 300px 200px #111111 inset;
}

/* Login Window */
#filerun-login-window.x-window.login
{
    background-color: rgba(30,30,45,0.9);
    box-shadow: 0 0 0px 7px #131313;
    backdrop-filter: blur(0px);
    border-radius: 10px;
	--theme-on-surface: rgba(0, 0, 0, 0); /* Fully transparent - removes border around login window */
} 

/* 
Attempt to sharpen logo when Chrome render's the image. The rendered logo
using chrome not near as sharp as the logo when rendered using Firefox. This
may have some adverse effects in Safari, usch as over sharpening and/or
pixelation.
*/

.logoTop
{
    image-rendering: -webkit-optimize-contrast;
}

.logoTopField
{
	margin-bottom: 15px !important;
}

.login .x-form-field
{
    border-radius: 5px;
}

.login .x-form-field:focus
{
    border-color: #003366;
	background-color: #003366;
    border-radius: 5px;
}

.fr-btn-primary i, .fr-btn-primary span
{
	color: #f7f7f7 !important;
}

/* Forgot Password */
.x-form-display-field.forgotPass
{
    display: none;
}

/* "Sign in" button for "Normal" view + hover effect */
.frBtn.fr-btn-primary.fr-btn-signin
{
    margin-top: 12px !important;
    background-color: #0069e0;
    font-weight: bold;
    border-radius: 5px;
}

.frBtn.fr-btn-primary.fr-btn-signin:hover
{
	margin-top: 12px !important;
    background-color: #0056b7 !important;
    font-weight: bold;
    border-radius: 5px;
}