.file-cards {
background-color: #f1f1ff;
display: flex;
 flex-direction: row;
 flex-wrap: wrap;

}

.file-card {
max-width: 200px;
min-height: 400px;
max-height: 500px;
word-break: break-all;
  border: 1px solid #333;
  padding: 10px;
  margin: 15px;
  border-radius: 5px;
  background-color: #fff;


}
.file-actions {
  margin-top: 10px;
  display: flex;

 flex-direction: row;
 flex-wrap: wrap;

}


.btn-download  {

  display: inline-block;
  width: 70px;
  height: 25px;
   text-align: center;
  text-decoration: none;
  border: 1px solid;
  border-radius: 3px;
  margin-right: 5px;
  background: #e6ffe6;
  border-color: #4CAF50;
  color: #2E7D32;

}

.btn-delete {
  display: block;
  width: 70px;
  height: 27px;
  border: 1px solid;
  border-radius: 3px;
  margin-right: 5px;
  background: #ffebee;
  border-color: #f44336;
  color: #c62828;
}

.btn-delete:hover {
        background: #ccebee;
}
.btn-download:hover {
        background: #ccebee;
}


.file-thumbnail{
display: flex;
justify-content: center;
}

.no-files {
  padding: 15px;
  text-align: center;
  color: #666;
}