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

/* 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-color: #f5f5f5; /* Old browsers */
    background-image: url('../img/bg_inova.jpg');
}
#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 p.info {
    color: #f5f5f5;
}
#body-login p.info a, #body-login #showAdvanced, #body-login p.info a:hover, #body-login p.info a:focus {
	color: #111;
}
#body-login p.info a:hover, #body-login p.info a:focus {
	text-decoration: underline;
}

/* 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: #a2a7ab;
	background-color: #a2a7ab;
	color: #fff;
}
.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: #1a1a1a;
	color: #fff;
}
.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: #f5f5f5;
}

/* use logos from theme */
#header .logo {
	background-image: url('../img/logo-small-rev.png');
	width: 330px;
	height: 121px;
	background-size: 330px auto;
	margin-left: -16px;
}
#header .logo-icon {
	background-image: url('../img/logo-icon.png');
	width: 161px;
	height: 45px;
}
#header .menutoggle {
    left: 160px;
}
#header .logo-wide {
	background-image: url('../img/logo-wide.png');
	width: 275px;
	height: 54px;
}
.header-appname, #settings, #expand:hover, #expand:focus, #expand:active {
	color: #555;
}
#header.share-file .header-appname-container, #header.share-file #save {
    display: none;
}
#owncloud {
    padding: 0px 5px;
}
#body-login p.info {
    padding-top: 0px;
}
.icon-caret {
    background-image: url('/inovaweb/core/img/actions/caret-dark.svg');
}
.searchbox input[type="search"] {
    background: transparent url('/inovaweb/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: #444;
    background-color: #fff;
}
#expand img {
    margin-bottom: 1px;
    background: url('/inovaweb/core/img/actions/caret-dark.svg') no-repeat 50% 0%;
}


@media only screen and (max-width: 480px) {
#header .logo {
	width: 250px !important;
	height: 80px !important;
	background-size: 250px auto !important;
        margin-left: 25px !important;
}
}