body{
	font-weight: normal;
    font-size: .875em;
    line-height: 1.6em;
	color: #FFF!important;
    text-align: center;
	background-position: 50% 50%;
	background-attachment: fixed;
    min-height: 100%;
    height: auto;

}
#content > div {width:auto!important;}
#body-login:before{
	content:"";
	background-image: url("../images/bpshooting_01.jpeg");
    opacity: 0.5;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    width:100%;
    height:100%;
    min-height:800px;
    z-index:-1;
    position:absolute;
}
#body-login {
    background-color: var(--color-main-background) !important;
}
#content {display:block;}
.wrapper {
	max-width: 700px;
	margin-top: 10vh;
	background-color: rgba(0,0,0,.6);
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px
}
.logo-wrapper {width:100%;}
#body-login .row {margin:0;}
#body-login label {display:inline-block;}
#body-login img.logo {margin-bottom:20px;}

#body-login input[type="text"],
#body-login input[type="password"]{
	padding:10px 20px;
    background: var(--color-background-darker) !important;
    color: var(--color-main-text) !important;
}

#body-login .groupbottom input {
    box-shadow: unset !important;
}

#body-login .toggle-password,
#body-login #email-icon {
    filter: invert(95%);
}


#body-login .warning input[type="password"] {
    border: 1px solid var(--color-border);
}

#body-login .warning input[type="submit"] {
    background-color: inherit !important;
    border: unset !important;
}