#result {
 delclear:both; 
 padding-top:8px;
}

.m {
 width:1100px;
 margin:0 auto;
}
.borb {
 border-bottom:solid 1px purple;
}
input {
 font-family:monospace;
}
.padding {
 padding-top:8px;
 padding-bottom:8px;
}
#pad {
 border:solid 1px grey;
 width:100%;
}

#hist {
 margin-top:8px;
}


.FName {
 font-family:monospace;
 font-size:0.8em;
 padding-left:8px;
}

.stl {
 float:left;
 width:200px;
 height:196px;
 border:solid 2px purple;
 margin-right:16px;
 margin-top:16px;
 overflow:hidden;
}

.NORIGHT {
 margin-right:0px!important;
}
.P1 {
 padding-bottom:4px;
}



.tooltip {
  position: relative;
  display: inline-block;

  width:calc(100% - 80px);
  padding-right:8px;
  
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: gray;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;

  width: 240px;
  top: calc(100% - 2em);
  left: calc(100% + 76px);
  margin-left: -90px;
}

.cov {
object-fit:cover;width:200px;height:200px
}


.t {
  color: black;
  text-shadow: 
    0 0 5px white,    /* zachte gloed */
    0 0 10px white;
}

.tool {display:inline;
 font-size:0.8em; 
 padding:0px 2px;
 margin:4px;
 border:solid 1px silver;
 border-radius:4px;
}
.tc {
 margin-bottom:4px; 
}

.KLEIN {font-size:0.7em;}

.folders {
 clear:both;
}

.folders::after {
 content: "";
 display: block;
 clear: both;
}

.Pad {
 width:212px; float:left;
 DELoverflow:clip;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;font-family: monospace;
 font-size: 0.8em;
 cursor:pointer;
}
.Pad img {
 width:24px;float:left;
}


html, body {
  height: 100%;
  margin: 0;
}

#result {
  height: calc(100vh - 100px); /* pas 200px aan aan de hoogte van de bovenste blokken */
  overflow-y: auto;
}
