/* 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 */
html {
  height:100%;
 }
body {
  background-image: url("background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.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 a custom logo image */
#logo {
  z-index: 10;
  background-image: url("./cloud.png");
}

#ynh-overlay-switch {
  background-image: url("./cloud.png");
}