/* header color */
/* this is the main brand color */
#body-user #header,
#body-settings #header,
#body-public #header {
	/* background-color: #745bca; */
}

/* log in screen background color */
/* gradient of the header color and a brighter shade */
/* can also be a flat color or an image */

#body-login {
    background-attachment: fixed;
    height: 100%;
	text-align: center;

	background-image: url('../img/bg.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}


/* primary action button, use sparingly */
/* header color as border, brighter shade again, here as background */
.primary,
input[type="submit"].primary,
input[type="button"].primary,
button.primary,
.button.primary,
.primary:active,
input[type="submit"].primary:active,
input[type="button"].primary:active,
button.primary:active,
.button.primary:active {
	border-color: #745bca;
	background-color: #947bea;
}
.primary:hover,
input[type="submit"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover,
.primary:focus,
input[type="submit"].primary:focus,
input[type="button"].primary:focus,
button.primary:focus,
.button.primary:focus {
	background-color: #8b75e4;
}
.primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active,
.primary:disabled, input[type="submit"].primary:disabled, input[type="button"].primary:disabled, button.primary:disabled, .button.primary:disabled,
.primary:disabled:hover, input[type="submit"].primary:disabled:hover, input[type="button"].primary:disabled:hover, button.primary:disabled:hover, .button.primary:disabled:hover,
.primary:disabled:focus, input[type="submit"].primary:disabled:focus, input[type="button"].primary:disabled:focus, button.primary:disabled:focus, .button.primary:disabled:focus {
	background-color: #745bca;
}

/* use logos from theme */
#header .logo {
	background-image: url('../img/logo.svg');
	width: 175px;
	height: 205px;
  padding-bottom: 10px;
}
#header .logo-icon {
	background-image: url('../img/logo-icon.svg');
	width: 34px;
	height: 34px;
    margin-left: 15px;
}

#header {
    background-color: #999999 ! important;
    opacity: 0.85;
    font-weight: bold;
}

.header-appname {
    opacity: 1 ! important;
    color: #fff ! important;
}

#body-user, #body-settings {
    background-attachment: fixed;
    height: 100%;
	text-align: center;

	background-image: url('../img/bg.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

#settings {
    color: #fff ! important;
}

#app-content {
    background-color: #fff;
    opacity: 0.97;
}

.summary {
    background-color: #dcdcdc ! important;
    opacity: 0.45;
    color: #000000 ! important;
    font-size: larger;
}