@import '~antd/es/style/variable.less';

html,
body,
#root {
  height: 100%;
}

.ant-cascader-menu {
  height: 500px !important;
}

.ant-page-header-heading-title {
  font-family: '黑体';
}

.ant-table-body {
  overflow-y: auto !important;
}

.ant-table-cell {
  border-right: 1px solid #f3f3f3 !important;
}


.ant-dropdown-menu-item {
  &:hover {
    span {
      color: rgb(0, 91, 255);
    }
  }
}

.ant-tag {
  &:hover {
    cursor: default !important;
  }
}

.ant-select-clear,
.ant-select-arrow {
  right: 20px !important;
}

.ant-page-header-heading-title {
  color: rgb(0, 91, 255) !important;
  font-size: 32px !important;
}

.ant-select-selector {
  max-height: 60px;
  overflow-y: auto;

}

.ant-table table {
  border: 1px solid #f3f3f3 !important;
}

.ant-table-tbody>tr>td {
  border-bottom: 1px solid #f3f3f3 !important;
}

.ant-tree {
  background: transparent;
}

.ant-table-tbody>tr {

  /* 选取奇数行 */
  &:nth-child(odd) {
    background-color: #f5f5f5;
    /* 设置背景颜色为灰色 */
  }

  /* 选取偶数行 */
  &::nth-child(even) {
    background-color: #fff;
    /* 设置背景颜色为白色 */
  }

}

.ant-table {
  .ant-table-tbody {
    .ant-table-cell {
      font-size: 12px;
    }
  }

  .ant-table-thead {
    tr {
      th {
        background-color: #E0EBFE !important;
        font-weight: bold;
        color: #005bff !important;
      }
    }
  }
}

// datGUI 样式
.dg input[type=text] {
  height: 20px;
}

.dg .c select {
  color: #000;
}

#Monitoring {
  .ant-drawer-content {
    background: transparent;
  }

  .ant-drawer-left>.ant-drawer-content-wrapper {
    box-shadow: none;
  }
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}

.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead>tr,
    &-tbody>tr {

      >th,
      >td {
        white-space: pre;

        >span {
          display: block;
        }
      }
    }
  }
}