/**************************************************************************
* Login (Hintergrndbild) *
**************************************************************************/

#login :before {
  /*background-image: url(/static/img/icons/AdobeStock_354345119.jpeg);*/
  /*background-image: url(/static/img/icons/Schulung_Installation_AdobeStock_658930006.jpeg);*/
  background-image: url(/static/img/icons/cloud-top-header-center.png);
  background-size: auto 40%;
  background-repeat: no-repeat;
  background-position:top;
}

#login form {
  position: absolute;
}

#login form:before {
  content: "";
  display: block;
  background-image: url(/static/img/icons/cloud-top-header-center.png);
  position: absolute;
  top: -175px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

#login form h1:first-of-type:after {
  content: "v1.0.0.0 (23.11.2023 / 21:39)";
  display: block;
  position: absolute;
  top: 115px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: darkgray;
}

#login h1 {
  color: deepskyblue;
  font-family: monospace;
  margin-bottom: 35px;
}

/**************************************************************************
* Versionstext (links) *
**************************************************************************/

.credits span {
 display: none;
}

.credits span:last-of-type {
  display: inherit;
  word-wrap: word-break;
}

.credits span:last-of-type:before {
  content: "Mabi Explorer";
  display: block;
  margin-bottom: 10px;
}

/**************************************************************************
* mosaic (kleine Symbole) *
**************************************************************************/

#listing.list .item i {
  width: 32px;
  height: 32px;
}

#listing.list.file-icons [data-dir=true] i {
  position: relative;
}

#listing.list.file-icons [data-dir=true] i:before {
  content: "";
  display: block;
  background-image: url(/static/img/icons/mabi-private-folder.png);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.75;
}

/*#listing.list.file-icons [data-dir=true] i:after {*/
/*  content: "";*/
/*  display: block;*/
/*  background-image: url(/static/img/logo.svg);*/
/*  position: absolute;*/
/*  top: -2px;*/
/*  left: -15px;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background-size: 28px 28px;*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*}*/

/**************************************************************************
* mosaic (mittlere Symbole) *
**************************************************************************/

#listing.mosaic .item i {
  width: 64px;
  height: 64px;
}

#listing.mosaic.file-icons [data-dir=true] i {
  position: relative;
}

#listing.mosaic.file-icons [data-dir=true] i:before {
  content: "";
  display: block;
  background-image: url(/static/img/icons/mabi-private-folder.png);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.75;
}

/*#listing.mosaic.file-icons [data-dir=true] i:after {*/
/*  content: "";*/
/*  display: block;*/
/*  background-image: url(/static/img/logo.svg);*/
/*  position: absolute;*/
/*  top: -2px;*/
/*  left: -15px;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background-size: 28px 28px;*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*}*/

/**************************************************************************
* mosaic.gallery (grosse Symbole) *
**************************************************************************/

#listing.mosaic.gallery .item i {
  height: 75%;
}

#listing.mosaic.gallery.file-icons [data-dir=true] i {
  position: relative;
}

#listing.mosaic.gallery.file-icons [data-dir=true] i:before {
  content: "";
  display: block;
  background-image: url(/static/img/icons/mabi-private-folder.png);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.75;
}

/*#listing.mosaic.gallery.file-icons [data-dir=true] i:after {*/
/*  content: "";*/
/*  display: block;*/
/*  background-image: url(/static/img/logo.svg);*/
/*  position: absolute;*/
/*  top: -25px;*/
/*  left: -38px;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background-size: 48px 48px;*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*}*/