/**
 * UEditor 富文本内容展示样式（与编辑器 iframe 内保持一致）
 * 来源: plugins/ueditor/ueditor.all.js、ueditor.parse.js
 *
 * 使用方式:
 * 1. HTML: <link rel="stylesheet" href="./plugins/ueditor/ueditor-content.css" />
 * 2. JS:   import '../../plugins/ueditor/ueditor-content.css'
 * 3. 表格结构: <div class="robotms-table-wrap"><table class="robotms-table">...</table></div>
 * 4. 表格超宽时，robotms-table-wrap 出现横向滚动条
 */
.robotms-table-wrap {
  overflow-x: auto;
  max-width: 100%;
  margin-bottom: 10px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #aaa #f5f7fa;
}
.robotms-table-wrap::-webkit-scrollbar {
  height: 6px;
}
.robotms-table-wrap::-webkit-scrollbar-track {
  background-color: #f5f7fa;
  border-radius: 3px;
}
.robotms-table-wrap::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 3px;
}
.robotms-table-wrap::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
.robotms-table {
  margin-bottom: 0;
  border-collapse: collapse;
  display: table;
  table-layout: auto;
  width: auto !important;
  max-width: none !important;
}
.robotms-table.noBorderTable td,
.robotms-table.noBorderTable th,
.robotms-table.noBorderTable caption {
  border: 1px dashed #ddd;
}
.robotms-table td,
.robotms-table th {
  padding: 5px 10px;
  border: 1px solid #ddd;
}
.robotms-table caption {
  caption-side: top;
  display: table-caption;
  box-sizing: border-box;
  color: inherit;
  border: 1px dashed #ddd;
  border-bottom: 0;
  padding: 3px;
  text-align: center;
}
.robotms-table caption p {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.robotms-table th {
  background-color: #f7f7f7;
}
.robotms-table tr.firstRow th {
  background: #f7f7f7;
}
.robotms-table tr.ue-table-interlace-color-single td {
  background-color: #fcfcfc;
}
.robotms-table tr.ue-table-interlace-color-double td {
  background-color: #f7faff;
}
.robotms-table td p {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.robotms-table td img,
.robotms-table th img {
  max-width: 100%;
  height: auto;
}
