.document_preview-wrapper {
  height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.attachment_wrapper {
  padding: 15px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #ba0000;
}

.attachment_wrapper .icon {
  margin-left: 10px;
  margin-right: 5px;
}

.text-center, p {
  font-weight: normal;
}

.attachment_wrapper .icon img {
  width: 30px;
}

.attachment_wrapper .name {
  font-weight: 600;
}

.attachment_wrapper a {
  font-weight: normal;
}
.attachment_wrapper span {
  font-weight: normal;
}

.attachment_wrapper a:hover {
  color: #ba0000;
  text-decoration: none;
}

@media (max-width: 1024px) {
  .document_preview-wrapper {
    margin-bottom: 25px;
    border: 2px solid rgba(16, 16, 16, 0.5);
    padding: 10px;
    background-color: #dfdfdf;
  }

  .document_preview-wrapper::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent;
    -webkit-appearance: none;
    width: 8px;
  }

  .document_preview-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #828282;
  }

  .document_preview-wrapper::-webkit-scrollbar-track {
      background-color: rgba(57,57,57, .6);
      border-radius: 8px;
  }
}