.gc-note-attachments{margin-top:12px}.gc-note-attachments .gc-note-attachments-label{font-size:12px;font-weight:500;color:#344054;margin-bottom:8px}.gc-note-attachments .gc-note-attachments-error{font-size:12px;color:#dc2626;margin-bottom:8px}.gc-note-attachments .attach-area{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.gc-note-attachments .attach-tile{width:110px;border:1px solid #eaecf0;border-radius:6px;padding:8px;position:relative;cursor:pointer;background:#fafbfc}.gc-note-attachments .attach-tile .thumb{width:100%;height:64px;border-radius:4px;background:#eef1f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;margin-bottom:6px}.gc-note-attachments .attach-tile .thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gc-note-attachments .attach-tile .thumb .thumb-icon{font-size:26px;color:#98a2b3}.gc-note-attachments .attach-tile .fname{font-size:10px;color:#667085;word-break:break-word;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gc-note-attachments .attach-tile .rmicon{position:absolute;top:4px;right:4px;width:18px;height:18px;background:#fff;border:1px solid #eaecf0;border-radius:50%;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.gc-note-attachments .attach-tile .rmicon .dx-icon-close{font-size:10px;color:#dc2626}.gc-note-attachments .attach-tile:hover .rmicon,.gc-note-attachments .dropzone{display:-webkit-box;display:-ms-flexbox;display:flex}.gc-note-attachments .dropzone{width:110px;height:100px;border:2px dashed #d0d5dd;border-radius:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;cursor:pointer;color:#667085;font-size:10px;text-align:center;padding:6px}.gc-note-attachments .dropzone.dragover,.gc-note-attachments .dropzone:hover{border-color:#35baf6;color:#35baf6;background:#f0f9ff}.gc-note-attachments .dropzone .dz-hint{color:#98a2b3;font-size:9px}.gc-note-attachment-preview-popup .dx-popup-content{height:100%}.gc-note-attachment-preview-popup .gc-note-attachment-preview-content{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gc-note-attachment-preview-popup .preview-body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto}.gc-note-attachment-preview-popup .preview-body img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.gc-note-attachment-preview-popup .preview-body iframe{width:100%;height:100%;border:none}.gc-note-attachment-preview-popup .preview-body .preview-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#667085}.gc-note-attachment-preview-popup .preview-body .preview-placeholder .dx-icon-doc{font-size:48px}.gc-note-attachment-preview-popup .preview-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:12px;border-top:1px solid #eaecf0}.gc-note-attachment-preview-popup .preview-footer .preview-footer-right{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.sales-contract-popup .dx-popup-content{padding:0!important}.sales-contract-notes .note-text-area .dx-textbox .dx-invalid-message{-webkit-transform:translateY(-15px)!important;transform:translateY(-15px)!important}.sales-contract-notes .note-char-count{text-align:right;font-size:10px;color:grey;margin-top:4px}