/*
 * Copyright (c) 2024 OceanBase.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#root {
  display: flex;
  flex-direction: column;
  height: 100%;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
a[disabled] {
  pointer-events: none;
}
/* 覆盖 antd 的全局样式 */
.ant-btn-link {
  /* 链接按钮的 padding 设为 0，作为普通链接使用，不附带额外的样式 */
  padding: 0;
}
.ant-table-filter-dropdown .ant-table-filter-dropdown-btns .ant-btn-link {
  padding: 0 7px;
}
.has-error .ant-select-selector {
  border-color: #f93939 !important;
}
.ant-layout {
  /* 覆盖 antd 默认的 min-height: 0 的样式，否则会引起很多问题，比如子元素无法撑满父元素 */
  min-height: auto;
}
.ant-input-number .ant-input-number-handler-wrap {
  border-left: none;
  opacity: 1;
}
.ant-tooltip {
  max-width: 300px;
}
.ant-tooltip .ant-tooltip-inner {
  max-height: 300px;
  overflow: auto;
  font-size: 14px;
  white-space: normal;
}
.ant-dropdown {
  min-width: 120px !important;
}
/* 卡片中的 Table 分页器的 margin-bottom 为 0，避免下边的间距过大 */
.ant-card .ant-card-head {
  /* 卡片头部中表单的字体不加粗 */
  /* 卡片头部中表单的字体不加粗 */
}
.ant-card .ant-card-head .ant-legacy-form-item {
  font-weight: normal;
}
.ant-card .ant-card-head .ant-form-item {
  font-weight: normal;
}
.ant-card .ant-card-body .ant-card {
  box-shadow: none;
}
.ant-card .ant-card-body .ant-table-pagination.ant-pagination {
  margin-bottom: 0;
}
.ant-card .ant-card-body .ant-descriptions .ant-descriptions-view tbody .ant-descriptions-row:last-child > th,
.ant-card .ant-card-body .ant-descriptions .ant-descriptions-view tbody .ant-descriptions-row:last-child td {
  padding-bottom: 0;
}
/* 行内表单的间距设为 24px */
.ant-form-inline .ant-form-item {
  margin-right: 24px;
}
.ant-form-inline .ant-form-item .ant-form-item-label {
  line-height: 32px;
}
.ant-form-inline .ant-form-item .ant-form-item-label label {
  height: 32px;
}
.ant-form-inline .ant-form-item .ant-form-item-control {
  line-height: 32px;
}
.ant-legacy-form-inline .ant-legacy-form-item {
  margin-right: 24px;
}
.ant-legacy-form-inline .ant-legacy-form-item .ant-legacy-form-item-label {
  padding-bottom: 0;
  line-height: 32px;
}
.ant-legacy-form-inline .ant-legacy-form-item .ant-legacy-form-item-label label {
  height: 32px;
}
.ant-legacy-form-inline .ant-legacy-form-item .ant-legacy-form-item-control {
  line-height: 32px;
}
.ant-form-horizontal .ant-form-item-label {
  line-height: 32px;
}
.ant-form-horizontal .ant-form-item-label label {
  height: 32px;
}
.ant-legacy-form-vertical .ant-legacy-form-item {
  padding-bottom: 0 !important;
}
.ant-legacy-form-horizontal > .ant-legacy-form-item:last-child {
  margin-bottom: 0;
}
.ant-legacy-form-horizontal .ant-legacy-form-item-label {
  line-height: 32px;
}
.ant-legacy-form-horizontal .ant-legacy-form-item-label label {
  height: 32px;
}
.ant-legacy-form-horizontal .ant-legacy-form-item-control {
  line-height: 32px;
}
.ant-legacy-form-horizontal .ant-legacy-form-explain,
.ant-legacy-form-horizontal .ant-legacy-form-extra {
  margin-top: 0;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 0;
}
.ant-calendar-picker-container .ant-calendar-range .ant-calendar-footer-extra .ant-tag {
  cursor: pointer;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-picker.ant-picker-range {
  width: 400px !important;
}
.ant-col .ant-picker.ant-picker-range {
  width: 100% !important;
}
.ant-anchor .ant-anchor-link {
  padding: 8px 0 8px 16px;
}
.ant-anchor .ant-anchor-link .ant-anchor-link {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ant-anchor .ant-anchor-link .ant-anchor-link-title {
  color: rgba(0, 0, 0, 0.65);
}
.ant-anchor .ant-anchor-link .ant-anchor-link-title:hover {
  color: #40a9ff;
}
.ant-anchor .ant-anchor-ink::before {
  background-color: #e8e8e8;
}
.ant-anchor .ant-anchor-ink .ant-anchor-ink-ball {
  width: 0;
  height: 30px;
  margin-top: -10px;
  border-width: 1px;
}
/* 覆盖 tech-ui 的全局样式 */
/* 由于 TechUI  FullScreen 组件的默认 z-index 为 9999，大于绝大多数 antd 组件的 z-index，导致 tooltip、dropdown 等在全屏模式下无法正常展示，因此将其 z-index 降低至合理值 */
.tech-fullscreen-box-fullscreen {
  z-index: 99;
}
.tech-fullscreen-box-fullscreen .tech-fullscreen-box-header-extra {
  padding: 20px 24px;
  line-height: normal;
}
/* 覆盖 OBUI 的全局样式 */
.ob-ranger .ob-ranger-quick-picker.ob-ranger-quick-picker-select {
  margin-right: -1px;
}
/* 全局样式 */
/* 品牌渐变色 */
.brand-gradient-color {
  background-image: linear-gradient(to right, #1aabff, #0b79ff);
  border: none;
}
/* 自定义 icon 交互 灰色 -> 蓝 */
.icon-custom-color {
  color: rgba(0, 0, 0, 0.45) !important;
}
.icon-custom-color:hover {
  color: #006aff !important;
}
.ant-card-contain-tabs.card-without-padding.card-with-grid-card .ant-card-head .ant-tabs {
  z-index: 1;
}
.card-without-padding .ant-card-body {
  padding: 1px 0 0 0 !important;
  /* 位于没有 padding 的 Card 中时，Table 的第一列文字要和 title 左对齐 */
  /* 带checkbox的Table，CheckBox 会被第二列的元素遮挡到，添加 z-index，提高第一列显示层级 */
  /* 最后一列要与 extra 右对齐 */
}
.card-without-padding .ant-card-body .ant-table-thead > tr > th:first-child,
.card-without-padding .ant-card-body .ant-table-tbody > tr > td:first-child {
  z-index: 1;
  padding-left: 24px !important;
}
.card-without-padding .ant-card-body .ant-table-thead > tr > th:first-child .ant-table-column-sorters,
.card-without-padding .ant-card-body .ant-table-tbody > tr > td:first-child .ant-table-column-sorters {
  padding-left: 0;
}
.card-without-padding .ant-card-body .ant-table-thead > tr > th:last-child,
.card-without-padding .ant-card-body .ant-table-tbody > tr > td:last-child {
  padding-right: 24px !important;
}
.card-without-padding .ant-card-body .ant-table-pagination.ant-pagination {
  margin-right: 24px!important;
  /* 无内边距的卡片中，设置 Table 分页器的外间距，避免分页器紧贴卡片 */
  margin-bottom: 16px;
}
.panel-without-padding .ant-collapse-content-box {
  padding: 0 !important;
}
.collapse-white-background-heade .ant-collapse-header {
  background-color: #fff;
}
/* 带有分组的 Descriptions */
.descriptions-with-group:not(:last-child) {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f0f0f0;
}
.descriptions-with-group .ant-descriptions-header {
  margin-bottom: 20px;
}
.descriptions-with-group .ant-descriptions-header .ant-descriptions-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  font-family: PingFangSC-Medium;
}
.form-with-small-margin .ant-legacy-form-item {
  margin-bottom: 16px;
}
.form-with-small-margin .ant-form-item {
  margin-bottom: 16px;
}
.form-with-min-margin .ant-legacy-form-item {
  margin-bottom: 8px;
}
.form-with-min-margin .ant-form-item {
  margin-bottom: 8px;
}
.form-item-group-title {
  margin-bottom: 16px;
  color: #132039;
  font-size: 16px;
  font-family: 'PingFangSC-Semibold';
  line-height: 20px;
}
.form-item-group-title-small {
  color: #132039;
  font-family: 'PingFangSC-Semibold';
  line-height: 20px;
}
/* 块状区域间隔 24px */
.block-group > span:not(:last-child) {
  margin-right: 24px;
}
.block-group > span:not(:first-child) {
  margin-left: 8px;
}
.block-group > i:not(:first-child) {
  margin-left: 8px;
}
/* 使用 divider 分隔 row */
.row-with-divider-in-card .ant-col:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}
.row-with-divider-in-card .ant-col {
  padding: 24px;
}
.row-with-divider-in-card .ant-descriptions-title {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: PingFangSC-Medium;
}
.row-with-divider-in-card .ant-descriptions-row > th,
.row-with-divider-in-card .ant-descriptions-row > td {
  padding-bottom: 8px;
}
/* 搜索输入框长度 */
.search-input {
  width: 328px !important;
}
.search-input-large {
  width: 440px !important;
}
.search-input-small {
  width: 216px !important;
}
.input-number-readonly {
  border: none;
  box-shadow: none;
}
.input-number-readonly :focus {
  border: none;
  box-shadow: none;
}
.editable-text-wrapper .ant-typography {
  margin-bottom: 0;
  /* 编辑图标右对齐 */
}
.editable-text-wrapper .ant-typography .ant-typography-edit {
  float: right;
}
.multiple-tag-wrapper .ant-tag {
  margin-bottom: 8px;
}
/* 设置 Select 的自定义 tag 的全局样式 */
/* TODO: 后续还需要进行完善，以与默认的 antd select tag 样式保持一致 */
.select-tag-render-item {
  height: 24px;
  margin-right: 4px;
  line-height: 24px;
}
.select-tag {
  height: 24px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 2px;
  line-height: 22px;
  background: #f3f6fc;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
}
.weak {
  color: #8592ad;
  font-size: 12px;
}
.ellipsis {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ocp-link-hover:hover {
  color: #006aff !important;
  cursor: pointer;
}
/* descriptions item 组件溢出隐藏 */
.descriptions-item-with-ellipsis .ant-descriptions-item-content {
  display: inline-block;
  padding-right: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* 表格去掉行 hover 样式效果 */
.table-without-hover-style .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background-color: transparent;
}
/* 隐藏表格展开图标的 Table Row 类名，用于集群列表中每一行有条件地渲染展开图标 */
.table-row-hide-expand-icon .ant-table-row-expand-icon {
  display: none;
}
/* 执行计划算子表的全局样式 */
.table-for-plan-operation .ant-table-thead > tr > th {
  height: 24px;
  padding: 2px 8px;
  font-size: 14px;
  background-color: #f0f2f5 !important;
  border-bottom: none;
}
.table-for-plan-operation .ant-table-thead > tr > th::before {
  display: none;
}
.table-for-plan-operation .ant-table-tbody > tr > td {
  height: 24px;
  padding: 0 8px;
  white-space: nowrap;
  border-bottom: none;
}
.table-for-plan-operation .ant-table-tbody > tr > td::before {
  display: none;
}
.table-for-plan-operation .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: 0;
}
.table-for-plan-operation .ant-table-cell {
  font-size: 12px;
}
.table-for-plan-operation .ant-table-container tr:nth-child(2n + 1) td {
  background-color: #fff !important;
}
.table-for-plan-operation .ant-table-container tr:nth-child(2n) td {
  background-color: #f0f2f5 !important;
}
.table-for-plan-operation .ant-table-container tr:hover td {
  background-color: #e6f7ff !important;
}
/* // 自定义 disabled 状态下 Checkbox 的样式 */
/* .my-disabled-checkbox-wrapper { */
/*   :global { */
/*     .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { */
/*       background-color: rgba(0, 0, 0, 0.25); */
/*     } */
/*     .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { */
/*       border-color: #fff !important; */
/*     } */
/*     .ant-tree-checkbox-disabled.ant-tree-checkbox-checked */
/*       .ant-tree-checkbox-inner::after { */
/*       border-color: #fff; */
/*     } */
/*     li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher), */
/*     li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper, */
/*     li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span { */
/*       cursor: default; */
/*       color: rgba(0, 0, 0, 0.65); */
/*     } */
/*   } */
/* } */
.pointable {
  cursor: pointer;
}
.disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.prism-code {
  margin: 0 !important;
  color: rgba(0, 0, 0, 0.85);
  font-size: 12px;
}
.prism-code .date,
.prism-code .time {
  color: #868789 !important;
}
.prism-code .level {
  color: #00c200 !important;
}
.prism-code .separator {
  color: #868789 !important;
}
.prism-code .thread-description {
  color: #868789 !important;
}
.prism-code .id {
  color: #ea0081 !important;
}
.prism-code .classes {
  color: #00a0a6 !important;
}
.opacity {
  opacity: 0.45;
}
/* 设置带 description 的选择框下拉选项的样式 */
.select-dropdown-with-description .ant-empty {
  margin-right: auto;
  margin-left: auto;
}
.select-dropdown-with-description .ant-select-item .ant-select-item-option-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select-dropdown-with-description .ant-select-item .ant-select-item-option-content > span:nth-child(2) {
  margin-left: 16px;
  color: #132039;
}
/* 设置带 description 的选择框下拉选项的样式，hover 才出现 */
.select-dropdown-with-hover-description .ant-empty {
  margin-right: auto;
  margin-left: auto;
}
.select-dropdown-with-hover-description .ant-select-item .ant-select-item-option-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select-dropdown-with-hover-description .ant-select-item .ant-select-item-option-content > span:nth-child(2) {
  margin-left: 16px;
  color: #8592ad;
  visibility: hidden;
}
.select-dropdown-with-hover-description .ant-select-item:hover .ant-select-item-option-content > span:nth-child(2) {
  visibility: visible;
}
.descriptions-in-expandable-table {
  margin-left: 50px;
}
.descriptions-in-expandable-table:not(:last-child) {
  margin-bottom: 24px;
}
.descriptions-in-expandable-table .ant-descriptions-header {
  margin-bottom: 12px;
}
.descriptions-in-expandable-table .ant-descriptions-header .ant-descriptions-title {
  font-weight: 500;
  font-size: 14px;
}
.descriptions-in-expandable-table .ant-descriptions-view table {
  width: 100% !important;
}
.descriptions-in-expandable-and-checkable-table {
  margin-left: 80px;
}
.descriptions-in-expandable-and-checkable-table:not(:last-child) {
  margin-bottom: 24px;
}
.descriptions-in-expandable-and-checkable-table .ant-descriptions-header {
  margin-bottom: 12px;
}
.descriptions-in-expandable-and-checkable-table .ant-descriptions-header .ant-descriptions-title {
  font-weight: 500;
  font-size: 14px;
}
.col-with-divider::after {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  width: 1px;
  height: 100%;
  background-color: #e2e8f3;
  content: '';
}
/* 设置 Mentions 组件下拉选项的全局样式 */
.mentions-option-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mentions-option-wrapper span:nth-child(2) {
  margin-left: 16px;
  color: #000;
  opacity: 0.25;
}
.tooltip-small {
  max-width: 300px;
}
/* 2.3 旧版全局样式 */
/* .ant-divider { */
/*   margin: 16px 8px; */
/* } */
.instance-class-select .ant-select-selection-selected-value {
  width: 100%;
}
.chart-wrapper {
  position: relative;
}
.chart-wrapper i {
  position: absolute;
  right: 0;
  z-index: 1001;
  display: none;
}
.chart-wrapper:hover i {
  display: block;
}
/* OCP 的远程标记，仅在多集群模式下才会出现 */
.ocp-remote-tag {
  margin-right: 0 !important;
  margin-left: -2px !important;
  padding: 0 2px !important;
  border: none !important;
  transform: scale(0.8) !important;
}
.ocp-sub-card {
  border: none !important;
}
.ocp-sub-card:not(:last-child) {
  margin-bottom: 24px;
}
.ocp-sub-card .ant-card-head {
  min-height: 40px;
  padding-left: 0;
  border-bottom: none;
}
.ocp-sub-card .ant-card-head .ant-card-head-title {
  padding: 0;
}
.ocp-sub-card .ant-card-body {
  padding-bottom: 0;
  background-color: #fafafa;
}
.ocp-sub-detail-card {
  padding: 16px 24px;
  background-color: #fafafa;
}
/* 自定义 react-split-pane 的组件样式 */
.Resizer {
  z-index: 1;
  box-sizing: border-box;
  background: #000;
  background-clip: padding-box;
  opacity: 0.5;
}
.Resizer.horizontal {
  width: 100%;
  height: 1px;
  padding-top: 1px;
  background: #f7f8fc;
  cursor: row-resize;
}
.Resizer.horizontal:hover {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12);
}
.Resizer.vertical {
  width: 11px;
  margin: 0 -5px;
  border-right: 5px solid rgba(255, 255, 255, 0);
  border-left: 5px solid rgba(255, 255, 255, 0);
  cursor: col-resize;
}
.Resizer.vertical:hover {
  border-right: 5px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid rgba(0, 0, 0, 0.5);
}
/* 自定义 g6 的全部样式 */
.g6-tooltip {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
}
.g6-tooltip ul li:not(:last-child) {
  margin-bottom: 4px;
}
/* 动画 */
@keyframes left2Right {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes right2Left {
  0% {
    width: 100%;
    opacity: 0.1;
  }
  20% {
    width: 100%;
    opacity: 0.5;
  }
  100% {
    width: 0;
    opacity: 0;
  }
}
/* 报告类样式: 将报告相关的全局样式置于 ocp-report-layout 全局类名下，避免影响主应用样式 */
/* 目前仅 AWR 和 ASH 报告需要用到该全局样式，SQL Trace 报告无需使用 */
.ocp-report-layout {
  /* SQL 文本超三行之后，折叠展示的 Icon 样式交互 灰色 -> 蓝 */
}
.ocp-report-layout .scroll-table-zebra-color .ant-table-content tr:nth-child(2n + 1) td {
  background-color: #f5f7fa !important;
}
.ocp-report-layout .scroll-table-zebra-color .ant-table-content tr:nth-child(2n) td {
  background-color: #fff !important;
}
.ocp-report-layout .span-col-row-table-zebra-color .ant-table-content tr:nth-child(2n) {
  background-color: #fff !important;
}
.ocp-report-layout .basic-table-header .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th {
  font-weight: 550;
  white-space: nowrap;
}
.ocp-report-layout .showMenu {
  width: 0 !important;
  min-width: 0 !important;
}
.ocp-report-layout .showMenu .nav_left_directory {
  width: 0 !important;
  min-width: 0 !important;
  opacity: 0;
}
.ocp-report-layout .showDrag {
  left: 0 !important;
}
.ocp-report-layout .showContent {
  left: 0 !important;
  margin-left: 16px !important;
}
.ocp-report-layout .ant-btn:focus {
  color: #d9d9d9;
  border-color: #d9d9d9;
}
.ocp-report-layout .ant-btn:hover {
  color: #40a9ff !important;
  border-color: #40a9ff !important;
}
.ocp-report-layout .ant-anchor-link-active > .ant-anchor-link-title {
  color: #006aff !important;
}
.ocp-report-layout .ant-anchor-link-title {
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 14px;
  opacity: 0.95;
}
.ocp-report-layout .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ocp-report-layout .ant-anchor-wrapper {
  overflow-x: hidden;
}
.ocp-report-layout .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #fff;
}
.ocp-report-layout .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background-color: #f3f9ff;
}
.ocp-report-layout .ant-anchor-link {
  padding: 0;
  line-height: 1.7;
}
.ocp-report-layout .ant-table-container {
  border-color: #dadada !important;
}
.ocp-report-layout .ant-table-container table {
  border-color: #dadada !important;
}
.ocp-report-layout .ant-table-thead tr th {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  background-color: #ebeef2 !important;
  border-color: #dadada !important;
}
.ocp-report-layout .ant-table-tbody tr td {
  font-size: 12px;
  line-height: 16px;
  border-color: #dadada !important;
}
.ocp-report-layout .ant-table-content .ant-table-tbody > tr.ant-table-row:hover > td {
  background: #e6f7ff !important;
}
.ocp-report-layout .ant-table-content tr:nth-child(2n) {
  background-color: #f7f9fb;
}
.ocp-report-layout .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th {
  font-weight: 550;
  white-space: nowrap;
}
.ocp-report-layout .anchor_link_title {
  position: relative;
  height: 16px;
  padding-left: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.2px;
  text-align: center;
  opacity: 0.9;
}
.ocp-report-layout .anchor_link_title::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 3px;
  height: 16px;
  background-color: #1890ff;
  transform: translateY(-50%);
  content: '';
}
.ocp-report-layout .down-square-active {
  color: rgba(0, 0, 0, 0.45) !important;
}
.ocp-report-layout .down-square-active:hover {
  color: #006aff !important;
}
.ocp-report-layout .ant-descriptions-row > th,
.ocp-report-layout .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ocp-report-layout .ant-descriptions-item-label,
.ocp-report-layout .ant-descriptions-item-content {
  font-size: 12px;
  line-height: 20px;
}
.ocp-report-layout .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder .ant-empty-normal .ant-empty-image {
  height: 32px;
}
.ocp-report-layout .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder .ant-empty-description {
  font-size: 12px;
}
.typography-copyable-hover {
  display: inline-block;
}
.typography-copyable-hover .ant-typography-copy {
  visibility: hidden;
}
.typography-copyable-hover:hover .ant-typography-copy {
  visibility: visible;
}
.site-collapse-custom-collapse .ant-collapse-header-text {
  width: 100%;
}
.tech-highlight-light {
  background-color: #f3f6fc;
  border-radius: 8px;
}