html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

.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: 768px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

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

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

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

// 框架格式化
.ant-pro-top-nav-header-logo>*:first-child>img {
  display: inline-block;
  height: 26px;
  vertical-align: middle;
}

.ant-layout-sider {

  .ant-pro-base-menu-inline-item-title {
    font-size: 13px;
  }

  .ant-menu-title-content .anticon {
    font-size: 13px !important;
    min-width: 13px !important;
  }

  .ant-menu-item-selected {
    color: #000 !important;
  }

  .ant-menu-dark .ant-menu-item-selected {
    color: #FFF !important;
  }
}

.ant-pro-layout .ant-pro-layout-content {
  padding-block: 0;
  padding-inline: 0;
}

.ant-pro-page-container .ant-pro-page-container-warp-page-header {
  padding-block-start: 0;
  padding-block-end: 10px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}

/** 初始化 表格里样式 */
.all_table {
  .ant-table-cell {
    padding: 2px 5px !important;
  }

  .progress {
    padding: 0 !important;

    .ant-progress {
      height: 100%;

      .ant-progress-outer {
        height: 100%;

        .ant-progress-inner {
          height: 100%;
          border-radius: 0;

          .ant-progress-bg {
            height: 100% !important;
            border-radius: 0;
          }
        }
      }
    }
  }

  .ant-statistic {
    line-height: 22px;

    .ant-statistic-content {
      font-size: 13px;
      word-break: break-word;
    }
  }

  .ant-typography {
    font-size: 13px;
  }

  .ant-table-summary td {
    font-weight: bold;
  }
}

.ringRatio.ant-table-cell {
  padding: 0 !important;
}

// 黑夜表格
.all_table_dark {}

.header_table_body td {
  font-weight: 600;
}


// 自定义拂晓蓝xiao 样式
.css-dark {
  .ant-pro-sider-logo {
    color: rgba(255, 255, 255, 0.65);
    border-block-end: 1px solid rgba(255, 255, 255, 0.06);

    &>a>h1 {
      color: rgba(255, 255, 255, 0.88);
    }
  }

  .ant-pro-sider-actions {
    color: rgba(255, 255, 255, 0.65);
  }

  aside {
    &.ant-layout-sider.ant-pro-sider {
      background-color: #001529;
    }

    .ant-menu {

      .ant-menu-item,
      .ant-menu-submenu-title {
        color: rgba(255, 255, 255, 0.65);
      }

      .ant-menu-item:not(.ant-menu-item-selected):hover {
        color: rgba(255, 255, 255, 0.88) !important;
      }
    }

    &.ant-layout-sider .ant-menu-item-selected {
      color: #ffffff !important;
    }

    .ant-menu-light {

      .ant-menu-submenu-selected>.ant-menu-submenu-title {
        color: #1890ff;
      }

      .ant-menu-item-selected {
        // background-color: rgba(255, 255, 255, 0.04);
        background-color: #1890ff;
      }

      &:not(.ant-menu-horizontal) {

        .ant-menu-item:not(.ant-menu-item-selected):hover,
        .ant-menu-submenu-title:hover {
          background-color: rgba(255, 255, 255, 0.03);
        }
      }
    }

    .ant-pro-base-menu-inline-group .ant-menu-item-group-title {
      color: rgba(255, 255, 255, 0.65);
    }
  }

  header {
    &.ant-layout-header {
      background-color: #001529 !important;
    }

    .ant-pro-top-nav-header-logo>*:first-child>h1 {
      color: rgba(255, 255, 255, 0.88)
    }

    .ant-pro-global-header-header-actions-avatar>div {
      color: rgba(255, 255, 255, 0.45);
    }

    .ant-menu-light.ant-menu-horizontal>.ant-menu-item-selected {
      color: rgba(255, 255, 255, 0.95)
    }
  }
}



::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #ddd;
  background: rgba(0, 0, 0, 0);
}

:hover::-webkit-scrollbar-thumb {
  background: rgba(82, 82, 82, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}