.ExcelGrid {
  height: 100%;
  width: 100%;
  position: relative;
}

.ExcelGrid *:focus {
  outline: none;
}

/* 20241021 注释掉弹窗样式，防止弹窗时下拉选择打不开 */
/* .ui-dialog .handsontableInputHolder,
.ui-dialog .htDatepickerHolder {
  z-index: 9993 !important;
}

.ui-dialog .ExcelGrid td {
  z-index: 9900;
}

.ui-dialog .ExcelGrid .ht_clone_left {
  z-index: 9902;
}

.ui-dialog .ExcelGrid .ht_clone_left .htCore tbody tr th:first-child {
  z-index: 9995;
}

.ui-dialog .ExcelGrid .ht_clone_top {
  z-index: 9904;
}

.ui-dialog .ExcelGrid .ht_clone_top_left_corner, .ui-dialog .ExcelGrid .ht_clone_bottom_left_corner {
  z-index: 9906;
}

.ui-dialog .handsontable .manualColumnResizer {
  z-index: 9907;
} */
.ui-dialog .handsontable .manualColumnResizer {
  z-index: 9907;
}

.ui-dialog .handsontable .manualRowResizer {
  z-index: 9907;
}

.ui-dialog .handsontableInputHolder input,
.ui-dialog .handsontableInputHolder textarea,
.ui-dialog .ht-excelgrid-multi-select input {
  z-index: 9902;
  position: relative;
}

.ui-dialog .ht-excelgrid-multi-select .dropdown-clear {
  z-index: 9902;
}

.ExcelGrid .excel-grid-warn-tip {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(/Base/Css/cupertino/images/baseCtrl.png);
  background-position: -16px -160px;
  cursor: pointer;
}

.ExcelGrid .ht_master {
  height: 100%;
}


.ExcelGrid .ht-excelgrid-multi-select {
  position: absolute;
  /*width:auto;*/
  height: auto;
  z-index: 104;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: transparent;
  /*padding:1px;*/
}

.ExcelGrid .ht-excelgrid-multi-select .input-content {
  width: 100%;
  height: auto;
  position: relative;
}

.ExcelGrid .ht-excelgrid-multi-select input {
  margin: 0;
  outline: 0;
  border: none;

  box-sizing: border-box;
  background: transparent;
  margin: -1px;
  padding-left: 5px;
  padding-right: 30px;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ExcelGrid .htMultiSelectEditor-input {
  width: 100%;
}

.ExcelGrid .ht-excelgrid-multi-select .input-content .ht-excelgrid-multi-select-icon {
  position: absolute;
  height: 16px;
  width: 16px;
  display: block;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);

}

.ExcelGrid .ht-excelgrid-multi-select .dropdown-menu {
  position: static;
  width: 100% !important;
}

.ExcelGrid .ht-excelgrid-multi-select .dropdown-menu.show-top {
  position: absolute;
  left: 0;
}

.ExcelGrid .ht-multi-select-view-content {
  width: 100%;
  /* height:100%; */
  /* position:relative; */
}

.ExcelGrid .htMultiSelect {
  position: relative;
}

.ExcelGrid .ht-multi-select-view-content .ht-multi-select-text {
  overflow: hidden;
  text-overflow: ellipsis;
  /*display: inline-block;*/
  width: 100%;
  height: 100%;
  /*padding-right: 16px;*/
  white-space: nowrap;
  word-break: break-all;
  box-sizing: border-box;
  padding-right: 16px;
  /*position:relative;*/
}

.ExcelGrid .htDimmed .ht-multi-select-text-icon {
  color: #A3A3A3;
  background-color: #A3A3A3;
}

.ExcelGrid .ht-multi-select-text-icon {
  position: absolute;
  right: 5px;
  top: 50%;
  font-size: 10px;
  color: #222222;
  width: 16px;
  text-align: center;
  transform: translateY(-50%);
  cursor: default;
  opacity: 0.6;
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.0002 6.66663C11.4262 6.66663 11.6487 7.15963 11.3917 7.47813L11.3537 7.52013L8.35372 10.5201C8.26762 10.6062 8.15307 10.6579 8.03156 10.6656C7.91005 10.6732 7.78992 10.6363 7.69372 10.5616L7.64672 10.5201L4.64672 7.52013L4.60522 7.47313L4.57822 7.43463L4.55122 7.38663L4.54272 7.36863L4.52922 7.33513L4.51322 7.28113L4.50822 7.25463L4.50322 7.22463L4.50122 7.19613V7.13713L4.50372 7.10813L4.50822 7.07813L4.51322 7.05213L4.52922 6.99813L4.54272 6.96463L4.57772 6.89863L4.61022 6.85363L4.64672 6.81313L4.69372 6.77163L4.73222 6.74463L4.78022 6.71763L4.79822 6.70913L4.83172 6.69563L4.88572 6.67963L4.91222 6.67463L4.94222 6.66963L4.97072 6.66763L11.0002 6.66663Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
  background-color: #222222;
}

/* .ExcelGrid .ht-multi-select-view-content .ht-multi-select-text-icon {
  position:absolute;
  right:0;
  top:0;
  font-size: 10px;
  color: #dad6d6;
  width: 16px;
  text-align: center;
  cursor: default;
} */

/* .ExcelGrid .ht-multi-select-text-icon:hover {
  color: #777;
} */

/*.ExcelGrid .ht-multi-select-text::after {
  content:'▼';
  position:absolute;
  right:0;
  top:0;
  font-size: 10px;
  display:block;
  color:#dad6d6;
}

.ExcelGrid .ht-multi-select-text:hover::after {
  color: #777;
}*/

.ExcelGrid .ht_clone_left .htCore tbody tr th:first-child {
  z-index: 106;
}


/*.handsontable:not(.handsontableEditor) .wtHolder tr:nth-of-type(2n) td {
  background: #F5F5F5;
}*/
/*.handsontable.listbox tr:nth-of-type(2n) td {
  background: #ffffff;
}*/
/*.handsontable:not(.handsontableEditor) .wtHolder tr:nth-of-type(2n-1) td {
  background: #ffffff;
}*/

.ExcelGrid .handsontable .wtHolder tr:nth-of-type(2n-1) td:not(.ExcelGrid .handsontable .handsontableEditor .wtHolder tr:nth-of-type(2n-1) td) {
  background: #ffffff;
}

.ExcelGrid .handsontable .wtHolder tr:nth-of-type(2n) td:not(.ExcelGrid .handsontable .handsontableEditor .wtHolder tr:nth-of-type(2n) td) {
  background: #fafbff;
}

/*td.excel-grid-cell-warn-tip,
td.excel-grid-cell-warn-no-tip {
  padding-right:20px;
}

td.excel-grid-cell-warn-tip::after,
td.excel-grid-cell-warn-no-tip::after {
  content:" ";
  width:16px;
  height:16px;
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  background:red;
}

td.excel-grid-cell-warn-tip::after {
  cursor:pointer;
}*/

/*.ExcelGrid .excel-grid-cell-tip-elem {
  position:absolute;
}*/

/*td.excel-grid-cell-warn-tip::before{
  content:attr(data-tip);
  width:max-content;
  text-align:center;
  height:24px;
  line-height:24px;
  box-sizing:border-box;
  border:1px solid #cfcfcf;
  position:fixed;
  right:0px;
  top:0;
  transform:translateY(-50%);
}*/
/* .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) tbody tr th, .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) thead tr th:first-child, .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.htGhostTable) tbody tr th, .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top):not(.htGhostTable) thead tr th:first-child {
  border-right-width: 0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
} */
/* 20241204 平台隐藏列样式 */
.ExcelGrid .ex-hidden-header {
  white-space: nowrap !important;
  display: none;
}

.ExcelGrid .ex-hidden-col {
  white-space: nowrap !important;
  /* display: none; */
}

/* 20241205 wwh 日期控件样式 */

.htDatepickerHolder .pika-table abbr {
  text-decoration: blink !important;
}

.ExcelGrid .ht-excelgrid-multi-select .dropdown-select-li.highlight {
  background-color: #f5f5f5;
}

.ExcelGrid .ex-title-wrap .colHeader.columnSorting.sortAction {
  text-overflow: clip !important;
  word-wrap: normal;
  white-space: pre-wrap;
  word-break: break-all;
}

/* 20250507 升级15.3.0提高明确性以防止被控件样式覆盖 */
.ExcelGrid .ht-all-checkbox .colHeader,
.ExcelGrid .ht-all-checkbox .colHeader.columnSorting,
.ExcelGrid .ht-all-checkbox .colHeader.columnSorting.sortAction {
  padding-right: 0;
}

.ExcelGrid .ht-all-checkbox .htCheckboxRendererInput {
  margin-top: 0;
}

.ExcelGrid .hasTitleTip .colHeader,
.ExcelGrid .hasTitleTip .colHeader.columnSorting,
.ExcelGrid .hasTitleTip .colHeader.columnSorting.sortAction {
  padding-right: 32px;
  padding-left: 32px;
}

.ExcelGrid .exTitleTipIcon {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yNCA0NEMyOS41MjI4IDQ0IDM0LjUyMjggNDEuNzYxNCAzOC4xNDIxIDM4LjE0MjFDNDEuNzYxNCAzNC41MjI4IDQ0IDI5LjUyMjggNDQgMjRDNDQgMTguNDc3MiA0MS43NjE0IDEzLjQ3NzIgMzguMTQyMSA5Ljg1Nzg2QzM0LjUyMjggNi4yMzg1OCAyOS41MjI4IDQgMjQgNEMxOC40NzcyIDQgMTMuNDc3MiA2LjIzODU4IDkuODU3ODYgOS44NTc4NkM2LjIzODU4IDEzLjQ3NzIgNCAxOC40NzcyIDQgMjRDNCAyOS41MjI4IDYuMjM4NTggMzQuNTIyOCA5Ljg1Nzg2IDM4LjE0MjFDMTMuNDc3MiA0MS43NjE0IDE4LjQ3NzIgNDQgMjQgNDRaIiBmaWxsPSJub25lIiBzdHJva2U9IiNhM2EzYTMiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgMTFDMjUuMzgwNyAxMSAyNi41IDEyLjExOTMgMjYuNSAxMy41QzI2LjUgMTQuODgwNyAyNS4zODA3IDE2IDI0IDE2QzIyLjYxOTMgMTYgMjEuNSAxNC44ODA3IDIxLjUgMTMuNUMyMS41IDEyLjExOTMgMjIuNjE5MyAxMSAyNCAxMVoiIGZpbGw9IiNhM2EzYTMiLz48cGF0aCBkPSJNMjQuNSAzNFYyMEgyMy41SDIyLjUiIHN0cm9rZT0iI2EzYTNhMyIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMjEgMzRIMjgiIHN0cm9rZT0iI2EzYTNhMyIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=')
}

.ExcelGrid .exTitleTipIcon:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yNCA0NEMyOS41MjI4IDQ0IDM0LjUyMjggNDEuNzYxNCAzOC4xNDIxIDM4LjE0MjFDNDEuNzYxNCAzNC41MjI4IDQ0IDI5LjUyMjggNDQgMjRDNDQgMTguNDc3MiA0MS43NjE0IDEzLjQ3NzIgMzguMTQyMSA5Ljg1Nzg2QzM0LjUyMjggNi4yMzg1OCAyOS41MjI4IDQgMjQgNEMxOC40NzcyIDQgMTMuNDc3MiA2LjIzODU4IDkuODU3ODYgOS44NTc4NkM2LjIzODU4IDEzLjQ3NzIgNCAxOC40NzcyIDQgMjRDNCAyOS41MjI4IDYuMjM4NTggMzQuNTIyOCA5Ljg1Nzg2IDM4LjE0MjFDMTMuNDc3MiA0MS43NjE0IDE4LjQ3NzIgNDQgMjQgNDRaIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMjhiZWIiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgMTFDMjUuMzgwNyAxMSAyNi41IDEyLjExOTMgMjYuNSAxMy41QzI2LjUgMTQuODgwNyAyNS4zODA3IDE2IDI0IDE2QzIyLjYxOTMgMTYgMjEuNSAxNC44ODA3IDIxLjUgMTMuNUMyMS41IDEyLjExOTMgMjIuNjE5MyAxMSAyNCAxMVoiIGZpbGw9IiMwMjhiZWIiLz48cGF0aCBkPSJNMjQuNSAzNFYyMEgyMy41SDIyLjUiIHN0cm9rZT0iIzAyOGJlYiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMjEgMzRIMjgiIHN0cm9rZT0iIzAyOGJlYiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=')
}

/* link 类型默认样式 */
.ExcelGrid .htLink {
  color: #0072ff;
  text-decoration: underline;
  cursor: pointer;
}

/* 冻结列样式 */
.ExcelGrid .ht_clone_left .htCore,
.ExcelGrid .ht_clone_top_left_corner {
  border-right: 1px solid #ccc;
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.1);
}

/* 保存布局图标容器 */
.ex-corner-save-layout-th {
  position: relative;
}

/* 保存布局图标 */
.ex-corner-save-layout {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  /* pointer-events: none;  */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zNiAxMkwyNCAyNEwxMiAxMiIgc3Ryb2tlPSIjMDI4YmViIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zNiAyNEwyNCAzNkwxMiAyNCIgc3Ryb2tlPSIjMDI4YmViIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
}

.hoteam-grid-restoreLayout {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAAqklEQVQ4jdWTwQ0CIRBFH1ZiCZZgBUIJbAVy5i5nOtgtQTrRDrQDOxgvsJHdjVnckz8hGSb5L3/IoESELdpNG9oFq11YTa0A2gUL9EDXDPg0p+iHJsCvZgAlIqyY+Q5cgZiify0BvibQLhjAAXvApOhvFWDtGNqFATgCh5JkfMRs6oA+w2ZK0VvgkdNQAaaQJUBWBMx4E5HmczpfpNSzTWzV/wKepVBbv/MbZUh3NNlhHIAAAAAASUVORK5CYII=') center no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block;
  position: relative;
  top: 3px;
}

.ExcelGrid .ht_clone_top th:first-child span.colHeader.columnSorting.sortAction {
  white-space: nowrap;
}

.ExcelGrid .ht_master th:first-child span.colHeader.columnSorting.sortAction {
  white-space: nowrap;
}

/* 弹窗中冻结复选框列无法选择处理 */
.ExcelGrid .ht_clone_inline_start.ht_clone_left.handsontable>.wtHolder {
  z-index: 9999;
}

/* 表头文字垂直居中 */

.ExcelGrid .ht_clone_top.handsontable>.wtHolder>.wtHider>.wtSpreader>table th {
  vertical-align: middle;
}

.ExcelGrid .ht_clone_top_inline_start_corner.ht_clone_top_left_corner.handsontable>.wtHolder>.wtHider>.wtSpreader>table th {
  vertical-align: middle;
}

/* 处理表格换行时，文字和数字强制换行 */
.ExcelGrid .handsontable th,
.ExcelGrid .handsontable td {
  word-break: break-all;
}

/* 平台隐藏列 隐藏下拉按钮 */
.ExcelGrid .ex-hidden-header .changeType {
  display: none;
}

/* 隐藏列下拉按钮 */
.ExcelGrid .hideDropDownBtn .changeType {
  display: none;
}

.excelgrid-bottom-toolbar {
  height: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* border: 1px solid; */
}

.excelgrid-bottom-toolbar-left {
  float: left;
  height: 100%;
  display: flex;
  align-items: center;
  line-height: 30px;
}

.excelgrid-bottom-toolbar-center {
  overflow: hidden;
  display: inline-block;
  text-align: center;
  height: 100%;
  line-height: 30px;
  float: left;
}

.excelgrid-bottom-toolbar-right {
  float: right;
  height: 100%;
  text-align: right;
  line-height: 30px;
  padding-right: 10px;
  font-size: 12px;
}

.excelgrid-page-btn {
  cursor: pointer;
  position: relative;
  /* top: 10px; */
  margin: 0 0px 0 10px;
  display: inline-block;
}

.excelgrid-bottom-toolbar-center .htgrid-page-goinput {
  display: inline-block;
  width: 36px;
  height: 20px;
  margin-left: 10px;
  position: relative;
  top: 3px;
  padding: 0 2px;
  line-height: 20px;
}

.excelgrid-bottom-toolbar-center .htgrid-page-go {
  display: inline-block;
  cursor: pointer;
  margin-left: 6px;
  position: relative;
  top: 2px;
  height: 20px;
  border: 1px solid #ccc;
  line-height: 16px;
  border-radius: 2px;
  padding: 0 4px;
  background: #EFEFEF;
}

.ExcelGrid .htMultiSelectEditor-tag {
  display: flex;
  align-items: center;
  padding: 0 30px 0 6px;
  min-height: 29px;
  flex-wrap: wrap;
  gap: 0 5px;
  border: 1px solid #1a42e8;
  background: #fff;
}

.ht-excelgrid-multi-select .tag {
  background-color: #e0e0e0;
  border-radius: 2px;
  padding: 0px 20px 0px 4px;
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 20px;
  margin: 3px 0;
  /* animation: fadeIn 0.3s; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

/* 删除标签的删除按钮样式 */
.ht-excelgrid-multi-select .tag .delete-btn {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border: none;
  background: transparent;
  cursor: pointer;
  opacity: 0.6;
}

.ht-excelgrid-multi-select .tag .delete-btn:hover {
  opacity: 1;
}

.ht-excelgrid-multi-select .tag .delete-btn::before,
.ht-excelgrid-multi-select .tag .delete-btn::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #333;
  left: 3px;
}

.ht-excelgrid-multi-select .tag .delete-btn::before {
  transform: rotate(45deg);
}

.ht-excelgrid-multi-select .tag .delete-btn::after {
  transform: rotate(-45deg);
}

.ExcelGrid .htMultiSelectEditor-tag-input {
  width: 4px;
  padding: 0 !important;
}

/* 解决弹窗中使用表格出现右键菜单层级低的问题 */
.handsontable.htDropdownMenu:not(.htGhostTable),
.handsontable.htContextMenu:not(.htGhostTable),
.handsontable.htFiltersConditionsMenu:not(.htGhostTable) {
  z-index: 9900;
}

.handsontable.htFiltersConditionsMenu:not(.htGhostTable) {
  z-index: 9920;
}

/* 恢复默认滚动条样式 */
.ExcelGrid ::-webkit-scrollbar-button {
  cursor: pointer;
  width: 12px;
}

.ExcelGrid ::-webkit-scrollbar-button:horizontal:single-button:start {

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKC05MCAyNCAyNCkiPgogICAgICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIuMjY5MiA2Ljk4OTY1QzIzLjAzOTUgNS42NTkwOCAyNC45NjA1IDUuNjU5MDggMjUuNzMwOSA2Ljk4OTY1TDQ0LjI2MiAzOC45OTc5QzQ1LjAzMzkgNDAuMzMxMyA0NC4wNzE4IDQyIDQyLjUzMTEgNDJINS40Njg5QzMuOTI4MjMgNDIgMi45NjYxMSA0MC4zMzEzIDMuNzM4MDQgMzguOTk3OUwyMi4yNjkyIDYuOTg5NjVaIiBmaWxsPSIjYzZjNmM2IiBzdHJva2U9IiNjNmM2YzYiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;

}

.ExcelGrid ::-webkit-scrollbar-button:horizontal:single-button:end {

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDkwIDI0IDI0KSI+CiAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi4yNjkyIDYuOTg5NjVDMjMuMDM5NSA1LjY1OTA4IDI0Ljk2MDUgNS42NTkwOCAyNS43MzA5IDYuOTg5NjVMNDQuMjYyIDM4Ljk5NzlDNDUuMDMzOSA0MC4zMzEzIDQ0LjA3MTggNDIgNDIuNTMxMSA0Mkg1LjQ2ODlDMy45MjgyMyA0MiAyLjk2NjExIDQwLjMzMTMgMy43MzgwNCAzOC45OTc5TDIyLjI2OTIgNi45ODk2NVoiIGZpbGw9IiNjNmM2YzYiIHN0cm9rZT0iI2M2YzZjNiIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgIDwvZz4KPC9zdmc+) no-repeat;

}

.ExcelGrid ::-webkit-scrollbar-button:vertical:single-button:start {

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIuMjY5MiA2Ljk4OTY1QzIzLjAzOTUgNS42NTkwOCAyNC45NjA1IDUuNjU5MDggMjUuNzMwOSA2Ljk4OTY1TDQ0LjI2MiAzOC45OTc5QzQ1LjAzMzkgNDAuMzMxMyA0NC4wNzE4IDQyIDQyLjUzMTEgNDJINS40Njg5QzMuOTI4MjMgNDIgMi45NjYxMSA0MC4zMzEzIDMuNzM4MDQgMzguOTk3OUwyMi4yNjkyIDYuOTg5NjVaIiBmaWxsPSIjYzZjNmM2IiBzdHJva2U9IiNjNmM2YzYiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat;

}

.ExcelGrid ::-webkit-scrollbar-button:vertical:single-button:end {

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDE4MCAyNCAyNCkiPgogICAgICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIuMjY5MiA2Ljk4OTY1QzIzLjAzOTUgNS42NTkwOCAyNC45NjA1IDUuNjU5MDggMjUuNzMwOSA2Ljk4OTY1TDQ0LjI2MiAzOC45OTc5QzQ1LjAzMzkgNDAuMzMxMyA0NC4wNzE4IDQyIDQyLjUzMTEgNDJINS40Njg5QzMuOTI4MjMgNDIgMi45NjYxMSA0MC4zMzEzIDMuNzM4MDQgMzguOTk3OUwyMi4yNjkyIDYuOTg5NjVaIiBmaWxsPSIjYzZjNmM2IiBzdHJva2U9IiNjNmM2YzYiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;

}

.ExcelGrid .htUploadButtonGroup {
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.ExcelGrid .htgrid-edit-imageupload-upload {
  margin: 0;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxtYXNrIGlkPSJpY29uLWQwYTg4Yzg3ZjEwYjk3MiIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBzdHlsZT0ibWFzay10eXBlOiBhbHBoYSI+PHBhdGggZD0iTTQ4IDBIMFY0OEg0OFYwWiIgZmlsbD0iIzMzMyIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2ljb24tZDBhODhjODdmMTBiOTcyKSI+PHBhdGggZD0iTTYgMjQuMDA4M1Y0Mkg0MlYyNCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zMyAxNUwyNCA2TDE1IDE1IiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIzLjk5MTcgMzJWNiIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48L3N2Zz4=);
}

.ExcelGrid .htgrid-edit-imageupload-preview {
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yNCAzNkMzNS4wNDU3IDM2IDQ0IDI0IDQ0IDI0QzQ0IDI0IDM1LjA0NTcgMTIgMjQgMTJDMTIuOTU0MyAxMiA0IDI0IDQgMjRDNCAyNCAxMi45NTQzIDM2IDI0IDM2WiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMjQgMjlDMjYuNzYxNCAyOSAyOSAyNi43NjE0IDI5IDI0QzI5IDIxLjIzODYgMjYuNzYxNCAxOSAyNCAxOUMyMS4yMzg2IDE5IDE5IDIxLjIzODYgMTkgMjRDMTkgMjYuNzYxNCAyMS4yMzg2IDI5IDI0IDI5WiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
}

.ExcelGrid .htgrid-edit-imageupload-delete {
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjIwIiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iNCIvPjxwYXRoIGQ9Ik0xNyAzMUwzMSAxNyIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xOSAxOUwxNyAxNyIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zMSAzMUwyOSAyOSIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
}

/* 占位符样式 */
.ExcelGrid .htPlaceholder {
  color: rgba(0, 0, 0, 0.3) !important;
  font-style: italic;
  text-decoration: none;
}

.ht-multi-select2-delete-icon {
  position: absolute;
  right: 5px;
  top: 50%;
  font-size: 10px;
  color: #222222;
  width: 16px;
  height: 16px;
  text-align: center;
  transform: translateY(-50%);
  cursor: default;
  opacity: 1;
  /* mask-size: contain;
  mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNCAxNEwzNCAzNCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNCAzNEwzNCAxNCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
  background-color: #222222; */
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNCAxNEwzNCAzNCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNCAzNEwzNCAxNCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
  cursor: pointer;
  z-index: 99999;
}



.ht-multi-select2-tag-container {
  display: flex;
  align-items: center;
  padding: 1px 30px 1px 6px;
  min-height: 35px;
  flex-wrap: wrap;
  gap: 0 5px;
  border: 1px solid #1a42e8;
  background: #fff;
  /* position: absolute; */
  top: 0;
  /* width: calc(100% - 36px); */
  /* min-height: 100%; */
  left: 0;
  z-index: 99996;

  /* 设置最大高度 */
  max-height: 100px;
  overflow-y: auto;
}

.ht-multi-select2-tag-input {
  margin: 0;
  outline: 0;
  border: none;
  box-sizing: border-box;
  background: transparent;
  margin: -1px;
  padding-left: 5px;
  padding-right: 30px;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 4px;
  padding: 0 !important;
  /* min-width: unset !important; */
  overflow: hidden !important;
}

.ht-multi-select2-tag-item {
  background-color: #e0e0e0;
  border-radius: 2px;
  padding: 0px 20px 0px 4px;
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 20px;
  margin: 3px 0;
  /* animation: fadeIn 0.3s; */
  /* max-width:100px; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.ht-multi-select2-tag-item .delete-btn {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border: none;
  cursor: pointer;
  opacity: 0.6;
  /* background-color: #222222; */
  /* mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNCAxNEwzNCAzNCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNCAzNEwzNCAxNCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); */
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNCAxNEwzNCAzNCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNCAzNEwzNCAxNCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
}

.ht-multi-select2-tag-item .delete-btn:hover {
  opacity: 1;
}

.htCheckboxRendererLabelText {
  font-weight: normal;
  min-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ht-multi-select2-textarea-parent textarea {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;

}
.ht-multi-select2-tag-container textarea {
  min-width: 100% !important;
}
/* 解决jqueryui-dialog弹窗下因为优先级低与弹窗导致点击事件失效的情况 */
.handsontableEditor {
  z-index: 99999;
}

/* 按钮组样式 */

.ExcelGrid .htButtongroup {
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}
.ExcelGrid .ht-buttongroup-view-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
}

.ExcelGrid .ht-buttongroup-button {
  display: inline-flex;
  align-items: center;
  padding: 0 6px;
  border-radius: 2px;
  transition: background-color 0.2s ease;
}

.ExcelGrid .ht-buttongroup-button:hover {
  background-color: #f0f0f0;
}

.ExcelGrid .ht-buttongroup-button img {
  vertical-align: middle;
  margin-right: 4px;
  width: 14px;
  height: 14px;
}

.ExcelGrid .excelgrid-buttongroup-disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
}

.ExcelGrid .excelgrid-buttongroup-disabled:hover {
  background-color: transparent;
}

/* 按钮组单元格点击样式 */
.ExcelGrid .htButtongroup {
  outline: none !important;
}

.ExcelGrid .htButtongroup:focus {
  outline: none !important;
  box-shadow: none !important;
}

.ExcelGrid .htButtongroup:active {
  outline: none !important;
  box-shadow: none !important;
}

/* 禁用 Handsontable 默认的选中样式 */
.ExcelGrid .htButtongroup.htFocus {
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  border: none !important;
}

/* 单行单元格增加...样式防止下拉按钮遮挡内容 */
.ExcelGrid .handsontable .htNoWrap {
  text-overflow: ellipsis;
}