#body-user #header,
#body-settings #header,
#header {
    background: #232c47;
    background: -moz-linear-gradient(left, #f1f4f5 0%, #455761 100%);
    background: -webkit-linear-gradient(left, #f1f4f5 0%, #455761 100%);
    background: linear-gradient(to right, #f1f4f5 0%, #455761 100%);
}

/* use logos from theme */
#body-login #header .logo {
    background-image: url("../img/logo.svg");
    background-position: center center;
    background-size: 190px auto;
    width: 250px;
    height: 121px;
}

#header #owncloud .logo-icon {
    background-image: url(../img/logo-icon.svg);
    color: #fff;
}

#header #owncloud .logo-icon .own {
    color: #E56F35;
}


/* shift logo up a bit to account for the logo claim */
#body-login #header {
    position: relative;
    top: -10px;
}

#body-login #header #logo-claim {
	display: block !important; /* override hide in template */
	position:relative;
	left: 0;
	top: 5px;
	width: auto;
	text-align: center;
	font-size: 20px;
	color: #577a8f;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* override previous #header rules to not mess up log in page where the header is empty */
#body-login #header {
    background: none !important;
}

/* adjust label color to bright background */
#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,
#body-login #remember_login:hover + label,
#body-login #remember_login:focus + label {
    color: #fff !important;
}

/* hover effect for app switcher label */

#header #owncloud,
#header .header-appname-container {
    opacity: 1;
}

#header .header-appname-container {
    margin: 0;
    padding: 0;
}

.header-appname {
    color: #799eb4;
}

#header .caret {
    border-color: #799eb4;
}

#header .caret:before {
    background-color: #799eb4;
}

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

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

/* adjust footer color to bright background */
#body-login p.info a, #body-login #showAdvanced,
#body-login p.info a:hover, #body-login p.info a:focus {
    color: #fff;
}


/* user name light grey, fitting the style, like language chooser on website */
#settings {
    position: relative;
}

#expand {
    color: rgb(220, 220, 220);
}

#expand:hover, #expand:focus, #expand:active {
    color: rgb(232, 115, 59);
    color: rgb(240, 240, 240);
}

#expandDisplayName {
    cursor: pointer;
}

.ie8 #expanddiv,
#expanddiv {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    -webkit-box-shadow: 0px 0px 20px rgba(29, 45, 68, 0.4);
    -moz-box-shadow: 0px 0px 20px rgba(29, 45, 68, 0.4);
    box-shadow: 0px 0px 20px rgba(29, 45, 68, 0.4);
}

#expanddiv:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(255, 255, 255, 1);
}

#expanddiv li {
    border-bottom: 1px solid rgb(221, 221, 221);
    white-space: nowrap;

    /* prevent icons and text wrapping for short usernames */
}

#expanddiv li:hover,
#expanddiv li:focus {
    background-color: rgb(243, 243, 243);
}

#expanddiv li a {
    padding: 4px 12px;
    color: rgb(89, 126, 145);
    text-shadow: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
    opacity: 1;
}

#expanddiv a img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: alpha(opacity = 45);
    opacity: .45;
}

#expanddiv li:hover img,
#expanddiv li:focus img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity = 60);
    opacity: .6;
}

/* orange primary button */
.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 {
    background-color: #e67036;
    color: #fff;
    border: #c65016;
}

.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: #d66026;
    color: #eee;
    border: #c65016;
}

/* mobile modifications */

@media only screen and (max-width: 768px) {
    /* ensure logo is above cloud */
    #body-login .v-align {
        top: 90px;
        position: absolute;
    }

    #body-login footer {
        position: relative;
        z-index: -1;
    }
}