.work-item-view .attachments-thumbnail-view {
  margin-top: 5px;
  padding: 3px;
  overflow: auto;
  bottom: 20px;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container {
  overflow: auto;
  display: inline;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list {
  overflow: hidden;
  float: left;
  padding: 3px;
  outline: 1px solid transparent;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .ms-DocumentCard.temporary-styling {
  max-width: 210px;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-title {
  display: block;
  line-height: 18px;
  width: 100%;
  max-height: 25;
  font-size: 14px;
  padding: 2px 8px 0px 16px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: left;
  word-wrap: break-word;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper:focus {
  outline: 0px solid transparent;
  position: relative;
  font-size: 80;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper .document-card-icon, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper:focus .document-card-icon {
  font-size: 110px;
  width: 210px;
  height: 124px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper .document-card-icon.Word-Logo, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper:focus .document-card-icon.Word-Logo {
  color: #2b579a;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper .document-card-icon.PowerPoint-Logo, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper:focus .document-card-icon.PowerPoint-Logo {
  color: #d24726;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper .document-card-icon.Access-Logo, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper:focus .document-card-icon.Access-Logo {
  color: #a4373a;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper .document-card-icon.Excel-Logo, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper:focus .document-card-icon.Excel-Logo {
  color: #217346;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper .document-card-icon.Outlook-Logo, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper:focus .document-card-icon.Outlook-Logo {
  color: #0072c6;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper .document-card-icon.Project-Logo, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper:focus .document-card-icon.Project-Logo {
  color: #31752f;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper .document-card-icon.Visio-Logo, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper:focus .document-card-icon.Visio-Logo {
  color: #3955a3;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper .document-card-icon.OneNote-Logo, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list .document-card-wrapper:focus .document-card-icon.OneNote-Logo {
  color: #80397b;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list:hover {
  float: left;
  padding: 3px;
  outline: 1px solid transparent;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list:hover .document-card-wrapper, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list:hover .document-card-wrapper:focus {
  position: relative;
  outline: 0px solid transparent;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list:focus {
  float: left;
  outline: 1px solid rgba(0, 120, 212, 1);
  outline: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
  padding: 3px;
}

.work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list:focus .document-card-wrapper, .work-item-view .attachments-thumbnail-view .document-card-attachment-container .attachments-thumbnail-view-list:focus .document-card-wrapper:focus {
  position: relative;
  outline: 0px solid transparent;
}