/**
 * @author Jan-Christoph Borchardt, http://jancborchardt.net
 * @copyright Copyright (c) 2018, ownCloud GmbH
 * @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: #003a70;
}

/*
#owncloud
{
    left: 110px ! important;
}

#navigation, #header .header-appname-container
{
    left: 250px ! important;
}
*/

#body-login p.info
{
    font-weight: bolder;
    background-color: #cacbca;
    opacity: 0.7;
    padding: 10px 0 10px 0 ! important;
    color: white ! important;

    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

#app-settings, #app-navigation, #app-navigation li > a
{
    background-color: #cacbca;
}

#app-content
{
    background-image: url(../../core/img/background.sfumato.jpg);
    background-blend-mode: screen;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

#body-login .v-align {
    width: inherit;
    background-color: white;
    top: 30px;
    border-radius: 15px;
    opacity: 0.9;
    position: relative;
}

#body-login #header
{
	padding-top: 30px !important;
}

/* 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-image: url("../img/background.jpg"); /* path to image /*
     background-position: 50% 50%; /* ensure optimal scalability /*
     background-repeat: no-repeat; /* prevent tiled background /*
     background-size: cover; /* ensure screen coverage /*
     text-align: center; /* Center Entitlement text, copyright /*
     background-color: #000000 !important; /* Fallback for old browsers */
}

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

/* use logos from theme */
#header .logo {
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: 90%;
}
#header .logo-icon {
background-image: url(../img/logo.png);
    height: 34px;
    background-color: white;
    border-radius: 6px;
    background-position-x: 5px;
    background-size: 80px;
    color: #cacbca;
    padding-right: 20px;
    padding-left: 100px;
    font-weight: bolder;
}