.bodyDataBox2Hidden {
  border-width: 0 !important;
}
.bodyDataBox2 {
  flex: 0 0 auto;
  width: calc(1/2*100% - (1 - 1/2)*10px);
  border: 1px solid #ccc;
  margin-bottom: 10px;
  overflow: hidden;
}
.bodyContainerData2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
}
@media (min-width: 200px) {
  .bodyDataBox2 {
    width: calc(1/1*100% - (1 - 1/1)*10px);
  }
}
@media (min-width: 400px) {
  .bodyDataBox2 {
    width: calc(1/1*100% - (1 - 1/1)*10px);
  }
}
@media (min-width: 600px) {
  .bodyDataBox2 {
    width: calc(1/2*100% - (1 - 1/2)*10px);
  }
}
@media (min-width: 800px) {
  .bodyDataBox2 {
    width: calc(1/3*100% - (1 - 1/3)*10px);
  }
}
@media (min-width: 1000px) {
  .bodyDataBox2 {
    width: calc(1/4*100% - (1 - 1/4)*10px);
  }
}
.fileNameBox {
  background-color: #069;
  background-color: rgba(0, 102, 153, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc006699, endColorstr=#cc006699);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc006699, endColorstr=#cc006699);
  text-align: center;
  /* Center-align text */
  transition: all 0.3s ease;
  /* Add transition for hover effects */
  color: white;
  /* White text color */
  font-size: 11px;
  /* Increased font size */
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
  position: absolute;
  top: 100;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.divOverFileWhenChecked {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);
  display: none;
}
/*# sourceMappingURL=bodega_5_shared.css.map */