.upload-border-radius {
  border-radius: 8px;
  border: 6px dashed #616161;
}

#upload-area.highlight {
  background-color: #eef5f8;
}

/* Hide the file input because the label will be used */
input[type='file'] {
  display: none;
}

/* Style the button to cover the input */
.file-upload-label {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.una-send-blue {
  background: #6393f3;
  color: white;
}

.send-button {
  background: #6393f3;
  color: white;
  border: #6393f3;
  margin: 10px;
  display: inline-block;
  border: 2px solid;
  border-radius: 8px;
  padding: 10px 30px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s ease;
}

/* I want all my table cells to be vertically aligned in the middle */
td {
  vertical-align: middle;
}
.vertical-middle {
  line-height: 0;
}

.finishing-progress-spinner {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #6393f3; /* Blue */
  border-radius: 70%;
  margin-top: 16px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 16px;
  width: 120px;
  height: 120px;
  animation: spin 3s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.una-fade-out {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.una-status-success {
  background-color: #27ae60;
  color: #fff;
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  max-width: 94%;
  margin-left: auto;
  margin-right: auto;
}

.una-status-error {
  color: #721c24;
  background-color: #f8d7da;
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  max-width: 94%;
  margin-left: auto;
  margin-right: auto;
}

#download-link-copy-button {
  padding-top: 16px;
  padding-bottom: 16px;
  cursor: pointer;
}

#delete-link-copy-button {
  padding-top: 16px;
  padding-bottom: 16px;
  cursor: pointer;
}