#grid_image{
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px;
  gap: 5px 25px;
}

.divImage {
  height: 150px;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  position: relative;
  margin: 0 10px;
  background-color: white;
  border: 1px solid #a8a8a8;
}

.divImage img{
  max-height: 100%;
  max-width: 100%;
}

.nameFileGrid{
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  background: #d5d5d578;
  overflow-wrap: break-word;
}

.gridItem{
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.editBtn, .deleteBtn{
  border: none;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin: 10px;
  padding: 0;
  font-family: "RunMasdjid";
  font-size: 25px;
  color: var(--color-in-edit);
}

.editBtn{
  background-color: var(--color-edit);
}

.deleteBtn{
  background-color: var(--color-delete);
}

#imgZoom{
  max-height: 80%;
  max-width: 80%;
}

.item_description{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #FFFFFFED;
  padding: 0px;
  border-radius: 20px;
  border: 1px solid #bababa;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6), 0 2px 10px 0 rgba(0, 0, 0, 0.6)!important;
  margin: 7px 10px;
}