/* Hide ownCloud text on public link page */
.own, .cloud {
  display: none;
}

/* Set header background colour */
#header {
  background-color: #121212 !important;
}
/* Add logo to header */
#header .logo-icon {
    background-image: url(../../core/img/CloudStor_Rev.svg);
    width: 235px;
    background-position: 10px -17px;
    background-size: 160px 70px;
}

/* Remove Opacity from Logo */
#header #owncloud {
  opacity: 1;
  left: auto;
  transition: unset;
}

#header #menutoggle {
  margin-left: 140px;
}

/* Hides the app name and "save to owncloud" button */
.header-appname,
#save-button {
  display: none;
}

/* Set the logo for login pages */
#header .logo {
  background-image: url(../../core/img/CloudStor_Rev.svg);
}

/* Move the navigation bar to allow the wider logo link to work */
#header .header-appname-container {
  left: 155px;
}

#navigation {
  left: 140px;
}
#navigation div#apps ul {
  margin-left: 15px;
}

#expandDisplayName {
  text-overflow: ellipsis;
  width: 90px;
  display: inline-block;
  overflow: hidden;
  float: left;
  opacity: 1;
}

#expand .icon-caret {
  display: none;
}

@media screen and (max-width: 770px) {
  #navigation {
    left: 15px;
  }
  #navigation div#apps ul {
    margin-left: 0px;
  }
  #owncloud {
    display: block !important;
  }

  /* Make the menu container cover the logo so it's got a larger target */
  #header .header-appname-container {
    left: 0;
    width:175px;
    z-index: 99;
  }
  a.header-appname-container.menutoggle .icon-caret {
    left: 155px;
    position: absolute;
  }
}