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

/* 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: #97272f; /* Old browsers */
        background: -moz-linear-gradient(top, #97272f 0%, #97272f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97272f), color-stop(100%,#97272f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #97272f 0%,#97272f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #97272f 0%,#97272f 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #97272f 0%,#97272f 100%); /* IE10+ */
        background: linear-gradient(top, #97272f 0%,#97272f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97272f', endColorstr='#97272f',GradientType=0 ); /* IE6-9 */}

/* 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;
}
#body-login p.info a, #body-login #showAdvanced,#expand * {
    color: #ffffff;
}
#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 {
    text-align: center;
    color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    opacity: .6;
}

/* use logos from theme */
#header .logo {
	background-image: url('../img/logo.png');
	width: 250px;
	height: 80px;
    background-size: 250px;
    background-position: center 0px;
}
#header .logo-icon {
	background-image: url('../img/logo-icon.svg');
	width: 210px;
	height: 58px;
        margin-top: 6px;
    margin-left: 6px;
}
}


.ui-widget-header {
    border: 1px solid #0693d5;
    background: #0693d5 url(../img/ui-bg_flat_35_1d2d44_40x100.png) 50% 50% repeat-x;
    color: #ffffff;
}
#header .header-appname-container{
    left:250px
}

#app-navigation li > a{color:#58595B}
input[type="checkbox"].checkbox + label:before {
    height: 17px;
    width: 21px;
}
.ui-widget-header{border:0}
#content-wrapper{padding-top:80px}
#app-sidebar{padding-top:50px}
#app-sidebar .close {top: 30px;}
#controls{margin-top:35px}
table.multiselect thead {
    top: 124px;
}
#app-content.with-app-sidebar table.multiselect thead {
     margin-right: 0;
}
#body-user #header, #body-settings #header, #body-public #header{
    height:80px;
    padding-top: 16px;
}
#navigation{
    padding-top:12px !important;
    left:215px  !important;
}

@media only screen and (min-width: 520px)
{
    #navigation img.app-icon {
    width: 28px !important;
    height: 28px !important;
    }

    #navigation div ul li a{ width:60px !important}
}
#app-navigation{ background: rgba(240,240,240,.9)}
#app-navigation .nav-trashbin{ background: transparent}
#app-navigation #app-settings .settings-button{ background: rgba(240,240,240,.9)}


.searchbox input[type="search"],
.searchbox input[type="search"]:focus,
.searchbox input[type="search"]:active,
.searchbox input[type="search"]:valid {
    color: #fff !important;
    width: 155px !important;
    max-width: 50% !important;
    cursor: text !important;
    background-color: #112 !important;
    opacity: 0.9;
}