/* Make page texts black */
.user-container h2,
.user-container small,
.user-container .user-mail,
.user-container .user-mail,
.overlay .footer a,
a.app-tile,
#ynh-logout {
  color: black !important;
}

/* The layout is slightly different, the apps are scollable but not the headers and footers */
.overlay {
  background-image: url("background.jpg");
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: center;
}

.overlay #apps {
  max-height: 70%;
  overflow: auto;

}

.overlay .footer {
  position: absolute;
  bottom: 0;
}

.listing-apps {
  padding-top: 10px;
}

/* Apps colors */
.app-tile {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.app-tile:hover:after,
.app-tile:focus:after,
.app-tile:hover:before,
.app-tile:focus:before {
    background: rgba(255, 255, 255, 0.5) !important;
}

/* Use custom ynh logo white (there's a white one in assets, but let's not depend on it) */
#logo {
  z-index: 10;
  background-image: url("/ynhtheme/ynhlogo.svg");
}

#ynh-overlay-switch {
  background-image: url("/ynhtheme/ynhlogo.svg");
}