@import "~antd/lib/style/themes/default.less";

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

:global(.ant-layout) {
  min-height: 100%;
}

canvas {
  display: block;
}

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

:global(.a-link) {
  color: #262626;
  &:hover {
    color: #f5222d !important;
  }
}

.globalSpin {
  width: 100%;
  margin: 40px 0 !important;
}

// temp fix for https://github.com/ant-design/ant-design/commit/a1fafb5b727b62cb0be29ce6e9eca8f579d4f8b7
:global {
  .ant-spin-container {
    overflow: visible !important;
  }
  .ant-card-body {
    padding: 16px !important;
  }
  .ant-card-head {
    padding-left: 16px !important;
  }
  /*
  .ant-message {
    width: unset !important;
    top: 50px !important;
    right: 10px;
    left: unset !important;
  }
  .ant-message-notice {
    text-align: right !important;
  }
  */
  .ant-table-tbody > tr.ant-table-row-selected td {
    background: #ffffb8 !important;
  }
  .ant-tag {
    width: 137px;
    text-align: center;
    margin-top: 8px !important;
    height: 25px;
    line-height: 25px;
  }
  .ant-radio-button-wrapper-checked {
    background-color: @primary-color !important;
    color: #fff !important;
  }
}

// 自定义全局样式
:global(.editBtn) {
  background: @primary-color !important;
  color: #fff !important;
}
:global(.delBtn) {
  margin-left: 10px;
  background: #f5222d !important;
  color: #fff !important;
}
:global(.recBtn) {
  margin-left: 10px;
  background: #13c2c2 !important;
  color: #fff !important;
}
:global(.depositBtn) {
  margin-left: 10px;
  background: #a0d911 !important;
  color: #fff !important;
}
:global(.playBtn) {
  margin-left: 10px;
  background: #36cfc9 !important;
  color: #fff !important;
}