/**
 * @author Jan-Christoph Borchardt, http://jancborchardt.net
 * @copyright Copyright (c) 2015, ownCloud, Inc.
 * @license AGPL-3.0
 *
 * This code is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License, version 3,
 * as published by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License, version 3,
 * along with this program.  If not, see <http://www.gnu.org/licenses/>
 */


/* header color */
/* this is the main brand color */
#body-user #header,
#body-settings #header,
#body-public #header {
	background-color: #f8f8f8;
	border-color: #e7e7e7;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 0.5px 1px rgba(0,0,0,0.2); 
}

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

#body-login form {
	margin-top: 10px;
}

#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: #333;
}

#body-login #remember_login:hover+label, #body-login #remember_login:focus+label {
        color: #111 !important;
}

#body-login p.info a, #body-login #showAdvanced {
        font-weight: normal !important;
        color: #333 !important;
}

/* 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: #5cb85c;
        color: #fff;
        border-color: #3e8f3e;
}
.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: #419641;
        color: #fff;
        border-color: #398439;
}
.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: #b6b9b6;
        border-color: #acbcac;
}

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

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

.icon-caret {
	background-image: url('../../../../core/img/actions/caret-dark.svg');
}

/* use logos from theme */
#header .logo {
	background-image: url('../img/logo.svg');
	width: 250px;
	height: 121px;
}

/* Menu bar */


#header .logo-icon {
	background-image: url('../img/logo-icon.svg');
	background-size: 87px 18px;
	width: 120px;
	height: 34px;
        margin-top: 7px;
        margin-left: 10px;
}


.header-appname {
	color: #333;
}


#header .burger:before {
  background-color: #6e6e6e !important;
}

#header .burger {
  border-top: 2px solid #6e6e6e !important;
  border-bottom: 2px solid #6e6e6e !important;
}

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

#settings {
	color: #777;
}

.searchbox input[type="search"] {
	background: transparent url('../../../../core/img/actions/search.svg') no-repeat 6px center;
}

.searchbox input[type="search"]:focus, .searchbox input[type="search"]:active, .searchbox input[type="search"]:valid {
	color: #111;
	background-color: #fff;
}

/* Nav Bar */