/*Login page specific styles*/
@charset 'UTF-8';

html {
     background-color: Transparent;
     background-image: url(/login/img/bg.jpg);
}

body {
    background-repeat: repeat-x;
    background-size: cover;
    height: auto;
    margin: 0;
    min-width: 0;
    padding: 0;
    color: var(--color-neutral-light);
}



/* Enable images in login.js too*/

html.winter { background-image: url(/login/img/bg_winter.jpg); }

html.autumnWinter { background-image: url(/login/img/bg_autumn_winter.jpg); }

html.xmas { background-image: url(/login/img/bg_xmas.jpg); }

html.autumn { background-image: url(/login/img/bg_autumn.jpg); }

html.summer { background-image: url(/login/img/bg_summer.jpg); }

html.spring { background-image: url(/login/img/bg_spring.jpg); }

html.springSummer { background-image: url(/login/img/bg_spring_summer.jpg); }


.LoginFrame {
    margin-left: auto;
    margin-right: auto;
    margin-top: 7em;
    text-align: left;
    width: 530px;
}

.logoimage img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sidebox {
    margin-left: auto;
    margin-right: auto;
    border-radius: var(--radius-large);
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%), 0px 5px 20px 2px rgb(0 0 0 / 30%);
    width: 270px;
    background-color: var(--color-login-box);
    padding: 10px 90px 30px 90px;
    backdrop-filter: blur(4px);
}

.loginbody {
    text-shadow: var(--shadow-text-light);
}

.recoverylink, .recoverylink:visited {
    display: block;
    margin: 1.5em .2em;
    color: var(--color-neutral-light);
    font-size: 90%;
}

input[type=text], input[type=password] {
    border: var(--border-dark);
    border-radius: var(--radius-standard);
    box-shadow: inset 1px 2px 5px rgb(0 0 0 / 25%);
    height: 28px;
    padding: 2px 8px 2px 8px;
    width: 252px;
}

.sidebox input[type="submit"] {
    width: 270px;
    height: 34px;
}

h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: var(--shadow-box-white-large);
}