/**資料框**/
.ant-table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent !important;
  color: white;
}
.ant-table::-webkit-scrollbar-thumb {
  background-color: theme("colors.info") !important;
}

.ant-table th.ant-table-cell::before{
  height: 100% !important;
}

.content-box {
  border: 1px solid #35eded;
  padding: 5px;
  position: relative;
  margin-bottom: 15px;
  background-color: theme("colors.body");
}

.content-box table,
.content-box table th {
  border-radius: 0 !important;
}

.content-box .ant-table th.ant-table-cell,
.content-box .ant-table td.ant-table-cell {
  border-color: #fff !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  border-right: 1px solid #fff !important;
  text-align: center !important;
  padding: 0.5rem 0.75rem !important;
  background-color: transparent !important;
}

.content-box .ant-table th.ant-table-cell.ant-table-cell-fix-left,
.content-box .ant-table th.ant-table-cell.ant-table-cell-fix-right {
  background-color: theme("colors.body") !important;
  color: white;
}

.content-box .ant-table th.ant-table-cell {
  border-bottom: 1px solid #e9e9e9 !important;
}

.content-box .ant-table tr td:last-child,
.content-box .ant-table tr:first-child th:last-child {
  border-right: 0 !important;
}
.content-box .ant-table tr:last-child td {
  border-bottom: 0 !important;
}

/**資料框裝飾**/
.content-box::before {
  content: "" !important;
  background: url(./img/table/content-box-background01.svg) center center !important;
  position: absolute !important;
  left: 4px !important;
  top: 4px !important;
  height: 20px !important;
  width: 20px !important;
  background-repeat: no-repeat !important;
  z-index: 1 !important;
}

.content-box::after {
  content: "" !important;
  background: url(./img/table/content-box-background05.svg) center center !important;
  position: absolute !important;
  right: 4px !important;
  bottom: 4px !important;
  height: 20px !important;
  width: 20px !important;
  background-repeat: no-repeat !important;
  z-index: 3 !important;
}

.content-box .page-box::before {
  content: "" !important;
  background: url(./img/table/content-box-background03.svg) center center !important;
  position: absolute !important;
  left: -1.2% !important;
  bottom: -2px !important;
  height: 56px !important;
  width: 30px !important;
  background-repeat: no-repeat !important;
  z-index: 2 !important;
}

.content-box .page-box::after {
  content: "" !important;
  background: url(./img/table/content-box-background04.svg) center center !important;
  position: absolute !important;
  right: -27px !important;
  bottom: -7px !important;
  height: 65px !important;
  width: 50px !important;
  background-repeat: no-repeat !important;
  z-index: 2 !important;
}

.content-box .content-decoration {
  @apply px-2;
}

.content-box .content-decoration::before {
  content: "" !important;
  background: url(./img/table/content-box-background02.svg) center center !important;
  position: absolute !important;
  right: -10px !important;
  top: -10px !important;
  height: 30px !important;
  width: 29px !important;
  background-repeat: no-repeat !important;
  z-index: 1 !important;
}
