/* 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: #29833b; /* Old browsers */
	background: -moz-linear-gradient(top, #29833b 0%, #29833b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29833b), color-stop(100%,#29833b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #29833b 0%,#29833b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #29833b 0%,#29833b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #29833b 0%,#29833b 100%); /* IE10+ */
	background: linear-gradient(top, #29833b 0%,#29833b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29833b', endColorstr='#29833b',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: #29833b;
	background-color: #29833b;
}
.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;
}
/* header color */
/* this is the main brand color */
#body-user #header,
#body-settings #header,
#body-public #header,
.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: #29833b;
}

/* use logos from theme */
#header .logo {
	background-image: url('../img/logo_login.svg');
	width: 250px;
	height: 121px;
}
#header .logo-icon {
	background-image: url('../img/logo-icon.svg');
	width: 62px;
	height: 34px;
        color: rgba(0, 0, 0, 0);
}

/* schwarzes folder-Icon bei den persoenlichen Einstellungen anzeigen, dass von der app files/img/folder.svg kopiert wurde in der Version 10.0.3 von owncloud */
.icon-folder, .icon-filetype-folder {
    background-image: url(../../apps/files/img/folder.svg);
}

/*  icon for checkbox checked (sciebo like with green color) */
input[type="checkbox"].checkbox:checked + label:before {
	background-image: url('../img/actions/checkbox-checked.svg');
}


#firstrunwizard p a,
#firstrunwizard p a:hover,
#firstrunwizard p a:focus{
	color:#fff
}

#cboxLoadedContent{
	background:#29833b;
	color:#fff
}

/* show display name when profile picture is present */
#header .avatardiv.avatardiv-shown + #expandDisplayName {
	display: inline;
}

/* Logo Seitenverhaeltnis beibehalten */
#header .logo-icon {
  background-size:112px 34px
}

/* linken Menuepunkt "Externer Speicher" ausblenden */
.nav-extstoragemounts {
    display: none;
}

/* Button zum erneuten Anzeigen  des firstrun-wizards ausblenden */
#showWizard {
    display: none;
}

/* linken Menuepunkt "Speicher" ausblenden */
#app-navigation li > a.icon-folder {
    display: none;
}

/* linken Menuepunkt "Zusätzlich" ausblenden */
/*gatter app-navigation li > a.icon-more {
    display: none;
}*/

/* span-Text im Header ausblenden */
.own {
    display: none;
}

/* span-Text im Header ausblenden */
.cloud {
    display: none;
}

/* im Header den Farbwert der Schrift auf hellgruen aendern */
#header .header-appname-container {
    opacity: .7;
}

/* im Header den Farbwert der Schrift in der Mitte auf weiss aendern */
#header #owncloud {
    opacity: 1;
}

/* im Header den Farbwert der Schrift ganz rechts auf hellgruen aendern */
#expand{
	color:#bfd2c3
}

/* im Header den Farbwert des Dreiecks ganz rechts auf hellgruen aendern */
#expand::after {
	border-color: #bfd2c3 transparent transparent
}


/* im Header die Schrift vergroessern */
.header-appname {
    font-weight:700
}

/* default: englischer Button sichtbar, deutscher ausgeblendet */
#help_button_german.button {display:none}

/* deutschsprachige Seite: deutschen Button ein- und englischen ausblenden */
html[lang^=de] #help_button_german {display:inline-block}
html[lang^=de] #help_button_english {display:none}

/* Vergroesserung des Glockensymbols, die zur Anzeige der federated Shares verwendet werden */
.notifications-button.menutoggle.hasNotifications img {
    width: 40px;
    height: auto;
    margin-top: -8px;
}