body { padding-top: 5px; padding-bottom: 5px; }

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt { white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea { max-width: 280px; }

.fileUpload { position: relative; overflow: hidden; margin-bottom: 5px; margin-top:5px; }
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.deleteDiv{ position:relative; top:-160px; left:130px; width:30px;height:30px;}
.deleteIcon{width:30px; height:30px;}

.navDiv { 
  display: inline;
  font-size: 1.8rem;
  font-style: oblique;
}
.navSpan { 
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}
.navSpanPrepend { 
  font-weight: bolder;
}
.folder {
  cursor: pointer;
}
.dirContainer {
  margin: 3rem 2rem 0;
  font-weight: bold;
}
.imageGrid {
  display: flex;
  flex-wrap: wrap;
}
.imageBlock {
  flex: 0 0 calc(20% - 20px);
  margin: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.thumb {
  width: 100%; 
  height: auto; 
}
.label { 
  display: block;
  color: grey;
  font-size: 1.3 rem;
}