/* header color */
/* this is the main brand color */
#body-user #header,
#body-settings #header,
#body-public #header {
        background-color: #373433;
        background-image: linear-gradient(40deg, #373433 0%, #5f5a58 100%);
}

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

/* use logos from theme */
#header .logo,
#firstrunwizard .logo {
        background-image: url('../img/siteMarkApps_print_drive.svg');
        width: 256px;
}

#nextcloud {
    padding-right: 80px;
}

#app-navigation {
  background-color: #f0f0ef;
  color: #615d5c;
}

#header .logo {
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: left;
    width: 200px;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

#app-settings {
    display: none;
}

#contactsmenu {
    display: none;
}

#uploadavatarbutton{
    display: none;
}
#selectavatar{
    display: none;
}

p.grouptop {
    display: block;
}
p.groupbottom {
    display: block;
}

.icon-folder, .icon-filetype-folder {
    background-image: url('../img/filetypes/folder.svg');
}

footer a {
    visibility: hidden;
}

footer a::after {
    content: "JW Drive";
    margin-left: -68px;
    visibility: visible;
}

html, body {
    background-color: #373433;
    background-image: linear-gradient(40deg, #373433 0%, #5f5a58 100%);
}

/* Hides the notification box about Nextcloud login form being disabled */
#body-login main > div > div > div[role|=note] {
    display: none;
}