.order-documents-sidebar {
  margin: 18px 0 10px;
}

.btn-order-documents {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 0 !important;
  border: 1px solid #334155;
  border-radius: 4px;
  background-color: #475569;
  background-image: linear-gradient(to bottom, #526176, #475569);
  box-shadow: 0px 1px 1px #fff;
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  text-shadow: 0 0 1px #000;
  text-transform: uppercase;
}

.btn-order-documents:hover,
.btn-order-documents:active,
.btn-order-documents:visited,
.btn-order-documents:link {
  color: #fff !important;
  text-decoration: none !important;
}

.btn-order-documents:hover {
  background-color: #334155 !important;
  background-image: none !important;
}

#order_documents_section {
  margin: 0 0 20px;
}

.order-documents-panel {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background: #fff;
  padding: 18px 20px;
}

.order-documents-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.order-documents-heading h4 {
  margin: 0 0 4px;
}

.order-documents-heading p {
  margin: 0;
}

.order-document-add-toggle {
  flex-shrink: 0;
}

.order-document-form-wrap,
.order-document-editor-row > td {
  background: #f7f7f7;
}

.order-document-form-wrap {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-top: 16px;
}

.order-document-form-wrap .order-document-form,
.order-document-editor-row form {
  margin: 0;
}

.order-document-fields {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(300px, 1fr);
  gap: 14px;
  align-items: start;
  padding: 12px 14px 14px;
}

.order-document-fields-edit {
  grid-template-columns: minmax(280px, 1fr);
}

.order-document-field label {
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
}

.order-document-fields input,
.order-document-fields textarea {
  box-sizing: border-box;
  width: 100%;
}

.order-document-file-control {
  min-width: 0;
}

.order-document-file-field .fileuploader {
  margin: 0;
}

.order-document-file-field .upload-file-section,
.order-document-file-field .upload-file-section p {
  margin-bottom: 5px;
}

.order-document-file-types {
  margin: 4px 0 0;
}

.order-document-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid #e2e2e2;
  padding: 10px 14px;
}

.order-documents-table-wrap {
  margin-top: 16px;
}

.order-documents-table {
  margin: 0;
  min-width: 750px;
  table-layout: fixed;
  width: 100%;
}

.order-documents-col-notes {
  width: 55%;
}

.order-documents-col-filename {
  width: 20%;
}

.order-documents-col-upload-date {
  width: 17%;
}

.order-documents-col-actions {
  width: 8%;
}

.order-documents-table .order-document-editor-row > td {
  padding: 0;
}

.order-document-notes-value {
  box-sizing: border-box;
  display: block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  resize: vertical;
  white-space: pre-wrap;
  width: 100%;
}

.order-document-filename {
  overflow-wrap: anywhere;
}

.order-document-upload-date {
  white-space: nowrap;
}

.order-documents-empty {
  border-top: 1px solid #eee;
  color: #777;
  margin-top: 16px;
  padding: 14px 0 0;
}