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

/* 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: #E5E5E5;
}

#body-login p.info a, #body-login #showAdvanced,
#body-login p.info, #body-login form fieldset legend, #body-login #datadirContent label, #body-login form fieldset .warning-info, #body-login form input[type="checkbox"] + label {
    color: black;
}

#body-login #remember_login:hover + label, #body-login #remember_login:focus + label,
html:not(.ie8) input.checkbox[type="checkbox"]:hover + label::before, input[type="checkbox"]:focus + label::before,
#body-login p.info a:hover, #body-login p.info a:focus {
    color: #FF9100 !important;
}

html:not(.ie8) input.checkbox--white[type="checkbox"] + label::before {
    background: rgba(0, 0, 0, 0) url("../../../../core/img/actions/checkbox.svg") no-repeat scroll left top;
}

html:not(.ie8) input.checkbox--white[type="checkbox"]:checked + label::before {
    background-image: url("../../../../core/img/actions/checkbox-checked.svg");
}

/* use logos from theme */
#header .logo {
    background-image: url("../img/logo.svg");
    background-size: auto;
    width: 200px;
    height: 260px;
}
#header .logo-icon {
    background-image: url('../img/logo.svg');
    background-size: 30px auto;
    width: 62px;
    height: 34px;
}

#settings {
    color: white;
}

#expand:hover, #expand:focus, #expand:active {
    color: black;
}