/* 筛选条件去掉底色 */
.m-dashbox.m-dashbox-textFilter
> .graphic.m-graphic.m-graphic-textFilter.z-mode-view
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.m-dashbox.m-dashbox-listFilter
> .graphic.m-graphic.m-graphic-listFilter.z-mode-view
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.m-dashbox.m-dashbox-dateTimeFilter
> .graphic.m-graphic.m-graphic-dateTimeFilter.z-mode-view
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.m-dashbox.m-dashbox-treeFilter
> .graphic.m-graphic.m-graphic-treeFilter.z-mode-view
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.grid
> .m-dashbox.m-dashbox-rangeFilter
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-rangeFilter.z-mode-edit
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.grid
> .m-dashbox.m-dashbox-treeFilter
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-treeFilter.z-mode-edit
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.grid
> .m-dashbox.m-dashbox-listFilter
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-listFilter.z-mode-edit
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.grid
> .m-dashbox.m-dashbox-textFilter
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-textFilter.z-mode-edit
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.grid
> .m-dashbox.m-dashbox-dateTimeFilter
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-dateTimeFilter.z-mode-edit
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.grid
> .m-dashbox.m-dashbox-rangeFilter
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-rangeFilter.z-mode-view
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.grid
> .m-dashbox.m-dashbox-treeFilter
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-treeFilter.z-mode-view
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.grid
> .m-dashbox.m-dashbox-listFilter
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-listFilter.z-mode-view
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.grid
> .m-dashbox.m-dashbox-textFilter
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-textFilter.z-mode-view
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}
.grid
> .m-dashbox.m-dashbox-dateTimeFilter
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-dateTimeFilter.z-mode-view
> .frame {
  background-color: transparent !important;
  /* border: 0px solid red !important; */
}

.grid
> .m-dashbox.m-dashbox-filterGroup
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-filterGroup.z-mode-edit
> .frame
> .m-filterGroup
> .clear {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #000;
  /* width: 70px !important; */
  /* height: 40px !important; */
  /* left: 20px !important; */
  height: 50% !important;
  width: 40% !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: auto 0;
}
.m-filterGroup .clear span {
  color: #000 !important;
  text-decoration: none !important;
}
.grid
> .m-dashbox.m-dashbox-filterGroup
> .g-fill.u-graphic.dropable
> .graphic.m-graphic.m-graphic-filterGroup.z-mode-edit
> .frame
> .m-filterGroup
> .query {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  /* width: 70px !important;
  height: 40px !important; */
  line-height: unset !important;
  background-color: #29bece !important;
  /* left: 103px !important; */
  height: 50% !important;
  width: 40% !important;
  margin-top: auto;
  margin-bottom: auto;

}

/* begin: 20230209: 日期筛选组件去掉文本颜色限制 */
/* .box
  > .grid
  > .m-dashbox
  > .graphic
  > .frame
  > .g-fill
  > .g-center
  > .datetime {
  color: #1d2129;
} */
/* end: 20230209: 日期筛选组件去掉文本颜色限制 */

/* 筛选条件根据字段类型显示icon， 下拉、日期、文本；icon显示在筛选器后缀位置（如高保真），icon颜色：#1D2129 */
div.m-dateFilter > div.g-center {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}
i.u-icn.u-icn-calendar {
  margin-left: 10px;
}
i.u-icn.u-icn-calendar ~ i.u-icn {
  display: none;
}
div.head > div.g-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
div.head > div.g-center > .tools {
  position: unset;
  margin-left: 10px;
}
.box
> .grid
> .m-dashbox
> .graphic
> .frame
> .g-fill
> .g-center
> .i.u-icn.u-icn-calendar {
  color: #1d2129;
}

/* div.m-dashbox.m-dashbox-textFilter {
  max-width: 400px !important;
}

.box > .grid > .m-dashbox.m-dashbox-textFilter {
  width: auto !important;
  max-width: 400px !important;
  position: unset !important;
  display: inline !important;
}

.box
  > .grid
  > .m-dashbox.m-dashbox-textFilter
  > .graphic.m-graphic.m-graphic-textFilter.z-mode-view {
  position: unset !important;
  display: inline !important;
}

.box
  > .grid
  > .m-dashbox.m-dashbox-textFilter
  > .graphic.m-graphic.m-graphic-textFilter.z-mode-view
  > .frame {
  display: inline !important;
}

.box
  > .grid
  > .m-dashbox.m-dashbox-textFilter
  > .graphic.m-graphic.m-graphic-textFilter.z-mode-view
  > .frame .g-center {
    position: unset !important;
    top: unset !important;
    left: unset !important;
    width: auto !important;
    transform: unset !important;
}


.box
  > .grid
  > .m-dashbox.m-dashbox-textFilter
  > .graphic.m-graphic.m-graphic-textFilter.z-mode-view
  > .frame .g-center > .text {
    position: unset !important;
    overflow: unset !important;
    text-overflow: unset !important;
    max-width: unset !important;
}

.box
  > .grid
  > .m-dashbox.m-dashbox-textFilter
  > .graphic.m-graphic.m-graphic-textFilter.z-mode-view
  > .frame .g-center > .tools {
    position: unset !important;
    overflow: unset !important;
    text-overflow: unset !important;
    max-width: unset !important;
} */
.graphic.m-graphic.m-graphic-filterGroup.z-mode-view
> .frame
> .m-filterGroup
> .clear {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #000;
  /* width: 70px !important;
  height: 40px !important; */
  /* left: 20px !important; */
  height: 50% !important;
  width: 40% !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: auto 0;
}

.graphic.m-graphic.m-graphic-filterGroup.z-mode-view
> .frame
> .m-filterGroup
> .query {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  /* width: 70px !important;
  height: 40px !important; */
  line-height: unset !important;
  background-color: #29bece !important;
  /* left: 103px !important; */
  height: 50% !important;
  width: 40% !important;
  margin-top: auto;
  margin-bottom: auto;
}
body
> .m-overlay.top
> .m-listFilterBody.body.m-listFilterBody-view.z-expand
> .m-search.z-actived {
  padding: 8px 0px 0px;
  background: rgb(250 250 250) !important;
}
body
> .m-overlay.top
> .m-listFilterBody.body.m-listFilterBody-view.z-expand
> .m-search.z-actived
> .u-btn.btn-search {
  display: none;
}
body
> .m-overlay.top
> .m-listFilterBody.body.m-listFilterBody-view.z-expand
> .m-search.z-actived
> .search {
  border: 0px solid red;
  border-bottom: 1px solid gray;
  background: rgb(250 250 250) !important;
}
body
> .m-overlay.top
> .m-listFilterBody.body.m-listFilterBody-view.z-expand
> .m-search.z-actived
> .search:hover {
  box-shadow: transparent 0px 0px 0px;
}
body
> .m-overlay.top
> .m-listFilterBody.body.m-listFilterBody-view.z-expand
> .m-search.z-actived
> .search
> .u-icn.u-icn-search {
  font-weight: bold;
}
body
> .m-overlay.top
> .m-listFilterBody.body.m-listFilterBody-view.z-expand
> .m-search.z-actived
> .search
> input {
  width: 100%;
}
body
> .m-overlay.top
> .m-listFilterBody.body.m-listFilterBody-view.z-expand
> .m-search.z-actived
> .search
> .u-icn.u-icn-close.clear {
  right: 8px !important;
}
u-icn
u-icn-close
clear
body
> .m-overlay.top
> .m-listFilterBody.body.m-listFilterBody-view.z-expand
> .listWrap.placeholder.t-none.-search.false.false
> .list
> li {
  font-weight: bold;
}

.menu-item {
  color: #1d2129;
}
/* .menu-item .u-icn {
  color: #4e5769;
} */
.menu-item:hover {
  color: #00b8cc !important;
  background: #00b8cc1d;
}

.list > li {
  background: #fff;
}
.list > li:hover {
  background: #00b8cc1d;
  color: #29bece !important;
}
.m-listFilterBody.body.m-listFilterBody-view.z-expand > .reset {
  color: #29bece !important;
}
.m-listFilterBody.body.m-listFilterBody-view.z-expand > .bar > .clear {
  color: #29bece !important;
}
input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
  border-color: #29bece;
  background-color: #29bece;
  transition: all 0.36s;
}
input[type="checkbox"]:checked:hover::before,
input[type="radio"]:checked:hover::before {
  border-color: #29bece;
  background-color: #29bece;
}
.u-btn-primary {
  background-color: #29bece;
  border-color: #29bece;
  color: #fff;
}
input[type="checkbox"][type="radio"]::after,
input[type="radio"][type="radio"]::after {
  background: #29bece !important;
}
.m-date-filter .date-tab .item:hover {
  cursor: pointer;
  color: #29bece;
}
.m-date-filter .date-tab .item.z-crt {
  color: #29bece;
  border-bottom: 2px solid #29bece;
}
input[type="checkbox"][type="radio"]:checked::before,
input[type="radio"][type="radio"]:checked::before {
  border: 1px solid #29bece;
}
.m-calendar .calendar-body .day li.today div {
  border-bottom: 2px solid #29bece;
}
.m-calendar .calendar-body .day li.selected div,
.m-calendar .calendar-body .day li.selectedLeft div,
.m-calendar .calendar-body .day li.selectedRight div {
  border-radius: 2px;
  background-color: #29bece;
}
.m-nav3 .m-search .search:hover,
.m-nav3 .m-search .search.focus,
.m-ref-line .appearance-line:hover,
.m-ref-area .appearance-line:hover,
.m-choice-align .item.selected,
.m-choice-align .item:hover,
.m-meter-appearance .item.selected,
.m-meter-appearance .item:hover,
.m-meter-angle .item.selected,
.m-meter-angle .item:hover,
.m-meter-direction .item.selected,
.m-meter-direction .item:hover,
.m-meter-adjust .item.selected,
.m-meter-adjust .item:hover,
.m-bar-appearance .item.selected,
.m-bar-appearance .item:hover,
.m-line-appearance .item.selected,
.m-line-appearance .item:hover,
.m-bar-direction .item.selected,
.m-bar-direction .item:hover,
.m-select-legend .item.selected,
.m-select-legend .item:hover,
.m-legend-position .item.selected,
.m-legend-position .item:hover,
.m-meter-appearance .dsc-Item.z-selected .item-wrap,
.m-meter-appearance .dsc-Item:hover .item-wrap,
.m-meter-angle .dsc-Item.z-selected .item-wrap,
.m-meter-angle .dsc-Item:hover .item-wrap,
.m-meter-direction .dsc-Item.z-selected .item-wrap,
.m-meter-direction .dsc-Item:hover .item-wrap,
.m-meter-adjust .dsc-Item.z-selected .item-wrap,
.m-meter-adjust .dsc-Item:hover .item-wrap,
.m-bar-appearance .dsc-Item.z-selected .item-wrap,
.m-bar-appearance .dsc-Item:hover .item-wrap,
.m-line-appearance .dsc-Item.z-selected .item-wrap,
.m-line-appearance .dsc-Item:hover .item-wrap,
.m-bar-direction .dsc-Item.z-selected .item-wrap,
.m-bar-direction .dsc-Item:hover .item-wrap,
.m-select-legend .dsc-Item.z-selected .item-wrap,
.m-select-legend .dsc-Item:hover .item-wrap,
.m-legend-position .dsc-Item.z-selected .item-wrap,
.m-legend-position .dsc-Item:hover .item-wrap,
.m-dropSelect-show:hover,
.m-palette .item.selected,
.m-palette .item:hover,
.m-colors .item.selected,
.m-colors .item:hover,
.m-align li:hover,
.m-align li.z-crt,
.m-search .search:hover,
.m-search .search.focus,
.m-field-parameters-list ul li .u-input:hover,
.m-field-parameters-list ul li .u-input:focus,
.m-modal-import-connect .import .side:hover {
  -webkit-box-shadow: 0 0 2px 0 rgb(16 63 250 / 20%);
  box-shadow: 0 0 2px 0 rgb(16 63 250 / 20%);
  border: 1px solid #29bece;
}
.m-textFilter-body .main .input-area.active {
  -webkit-box-shadow: 0 0 2px 0 rgb(16 63 250 / 20%);
  box-shadow: 0 0 2px 0 rgb(16 63 250 / 20%);
  border: 1px solid #29bece;
}
input[type="checkbox"][type="radio"]:hover::before,
input[type="radio"][type="radio"]:hover::before {
  background: #fff;
  border-color: #29bece;
}

.m-graphic .pager {
  height: 45px !important;
  line-height: 45px !important;
  margin-top: 10px !important;
}

.u-list-dropdown li {
  color: #1d2129 !important;
}

.drop-flex-pager .u-overlay-blank li:hover,
.drop-flex-pager .u-overlay-blank li.selected {
  color: #29bece !important;
  background: #e7f6f7 !important;
}

.m-graphic-table .wrap {
  margin-bottom: 10px !important;
}

.m-flexPager .select {
  height: 32px !important;
  min-width: unset !important;
}

.m-dropSelect-show {
  color: #000 !important;
  border-color: #fff !important;
  background: #fff !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 14px;
}

.m-dropSelect-show:hover {
  border: 1px solid #000 !important;
}

.pageprv,
.pagenxt {
  width: 32px !important;
  height: 32px !important;
  border: none !important;
  color: #1d2129 !important;
  background: #fff !important;
  vertical-align: 9px;
  font-size: 14px;
}

.pageprv i,
.pagenxt i {
  margin-top: 8px;
}

.m-flexPager .number-wrapper input {
  color: #000 !important;
  border-color: #fff !important;
  background: #fff !important;
  height: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 14px !important;
  vertical-align: 4px !important;
}

.m-flexPager .number-wrapper input:hover {
  border: 1px solid #000 !important;
}

.m-flexPager .number-wrapper .total-pages {
  color: #000 !important;
  height: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 14px !important;
  vertical-align: 4px !important;
}

.m-ListFilter .head .tools > i.z-actived {
  color: #29bece;
}
.u-btn-primary:hover {
  background-color: #29bece;
  border-color: #29bece;
}
input[type="checkbox"]:hover:before,
input[type="radio"]:hover:before {
  border-color: #29bece;
}
.u-list li:hover {
  background: #00b8cc1d;
  color: #00b8cc !important;
}
.u-list-dropdown li.selected {
  background: #00b8cc1d;
  cursor: default;
  color: #00b8cc !important;
}
.u-list-dropdown li {
  color: #000000 !important;
}
.m-timePicker .time-box:hover {
  -webkit-box-shadow: 0 0 2px 0 #00b8cc1d;
  box-shadow: 0 0 2px 0 #00b8cc1d;
  border: 1px solid #00b8cc;
}
.m-calendar .calendar-header .show .month:hover,
.m-calendar .calendar-header .show .year:hover {
  cursor: pointer;
  color: #00b8cc;
}
.m-date-filter .date-setting .relative-time .anchor .text:hover,
.m-date-filter .date-setting .relative-time .count:hover {
  -webkit-box-shadow: 0 0 2px 0 rgb(16 63 250 / 20%);
  box-shadow: 0 0 2px 0 rgb(16 63 250 / 20%);
  border: 1px solid #00b8cc;
}
.m-calendar .calendar-header .next-btns span:hover,
.m-calendar .calendar-header .prev-btns span:hover {
  color: #00b8cc;
}
.m-integration-loading .graphicloading {
  background: transparent no-repeat 50%;
  height: 180px;
  width: auto;
  margin: 0 auto;
}
.graphicloading {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  animation: rotate 2s linear infinite;
  border: 3px solid #00000000;
  border-top-color: #29bece;
}
.m-integration-loading {
  top: calc(33vh);
}
.m-integration-loading .text {
  height: unset !important;
  line-height: unset !important;
  font-size: 12px;
  margin-top: 16px !important;
}
.m-tree-list .u-node:hover {
  color: #29bece;
}
.m-listFilterBody .reset {
  color: #29bece;
}
.listWrap.placeholder.t-none.z-search > .b-tree > .m-tree-list > .u-node:hover {
  background-color: #00b8cc7d;
}
.m-listFilterBody .bar .clear {
  color: #29bece;
}
.m-graphic-easyfetch-table .tbody tr,
.m-graphic-table .tbody tr:hover {
  background-color: #f2f3f5;
}
.m-graphic-tab
> .m-graphic-tab-content
> .header
> ul.fixed
> div.dropable
> li.dragable[style="color: rgb(16, 63, 250); border-bottom: 2px solid rgb(16, 63, 250); position: relative; bottom: -1px; border-right: 0px; width: 80px; height: 28px; line-height: 12px;"] {
  color: #29bece !important;
  border-bottom: 3px solid #29bece !important;
}
.m-graphic-tab
> .m-graphic-tab-content
> .header
> ul.fixed
> div.dropable
> li.dragable[style="color: rgb(16, 63, 250); border-bottom: 2px solid rgb(16, 63, 250); position: relative; bottom: -1px; width: 80px; height: 28px; line-height: 12px;"] {
  color: #29bece !important;
  border-bottom: 3px solid #29bece !important;
}
.u-checkbox .status-indeterminate:before {
  border-color: #29bece;
  background-color: #29bece;
}
.u-btn-border:hover,
.u-btn-border:active {
  color: #29bece;
  border-color: #29bece;
}
.u-btn-ghost:hover {
  -webkit-box-shadow: inset 0 0 0 1px #29bece;
  box-shadow: inset 0 0 0 1px #29bece;
  border-color: #29bece;
  color: #29bece;
}
.m-listFilterBody .m-search .btn-search.z-actived {
  background: #29bece;
}
.u-load {
  filter: hue-rotate(-45deg) contrast(77%) saturate(85%);
}
.u-load-chart {
  filter: hue-rotate(-374deg) sepia(1%) contrast(89%);
}
.m-bookmark-manage li:hover {
  color: #29bece;
}
.m-list-folder li h4.z-crt {
  background: rgba(16, 215, 250, 0.08);
  color: #29bece;
}
.m-list-folder li h4.z-crt + .icon {
  color: #29bece;
}

/* begin: 20230209: 年月筛选的日期组件颜色修改 */
.m-calendar .calendar-body .month li.selected {
  background-color: #29bece;
  color: #fff;
  border-radius: 2px;
}
.m-calendar .calendar-body .month li:hover {
  background-color: rgba(16, 215, 250, 0.08);
}
/* end: 20230209: 年月筛选的日期组件颜色修改 */

/*  20230828 chrome滚动条调整*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}