@import './base.css';

@font-face {
  font-family: "Bicubik";
  src: url("./font/Bicubik.woff"), url("./font/Bicubik.ttf");
}

@font-face {
  font-family: "SourceHanSans";
  src: url("./font/SourceHanSansCN-Normal.ttf");
}
#app {
  /* max-width: 1920px; */
  overflow: hidden;
  /* margin: 0 auto;
  padding: 2rem;
  font-weight: normal; */
  font-family: "SourceHanSans";
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
}

/* @media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

@media (min-width: 1024px) {
  body {
    display: flex;
    place-items: center;
  }

  #app {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 2rem;
  }
} */

/* 整个滚动条 */
::-webkit-scrollbar {
  width: 10px; /* 滚动条宽度 */
  background-color: transparent !important; /* 滚动条轨道背景色（即“背景色”） */
}
/* 滚动条滑块（可拖动的部分） */
::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 5px;
}
/* 滚动条轨道（滑块外的区域） */
::-webkit-scrollbar-track {
  background-color: transparent !important; /* 这也是背景的一部分 */
}

.warnTable {
    .el-table {
        .el-table__header-wrapper {
            .el-table__header {
                thead {
                    color: #fff;
                    border-bottom: #c0c0c0;
                    tr {
                        th {
                            background: rgb(46, 51, 52);
                        }
                    }
                }
            }
        }

        .el-table__body-wrapper {
            .el-table__body {
                tbody {
                    .el-table__row {
                        .el-table__cell {
                            background: rgb(46, 51, 52);
                            color: #fff;
                            border-bottom: #c0c0c0;
                        }
                    }

                    .el-table__row--striped {
                        .el-table__cell {
                            background: #3c3f44;
                            border-bottom: #c0c0c0;
                        }
                    }
                }
            }
        }
    }
}
.reportTable {
    .el-table {
        --el-table-border-color: none;
        .el-table__header-wrapper {
            .el-table__header {
                thead {
                    color: #fff;
                    border-bottom: #c0c0c0;
                    tr {
                        th {
                            background: rgb(35, 67, 73) !important;
                        }
                    }
                }
            }
        }

        .el-table__body-wrapper {
            .el-table__body {
                tbody {
                    .el-table__row {
                        .el-table__cell {
                            background: rgb(22, 42, 46);
                            color: #fff;
                            border-bottom: #c0c0c0;
                        }
                    }

                    .el-table__row--striped {
                        .el-table__cell {
                            background: rgb(35, 67, 73);
                            border-bottom: #c0c0c0;
                        }
                    }
                }
            }
        }
    }
}
.el-popper{
    .el-date-picker{
        .el-picker-panel__body-wrapper{
            .el-picker-panel__body{
                background: rgb(35, 67, 73) !important;
                .el-date-picker__header{
                    .el-date-picker__prev-btn, .el-date-picker__next-btn{
                        .d-arrow-left, .d-arrow-right{
                            color: #fff;
                        }
                    }
                    .el-date-picker__header-label{
                        color: #fff;
                    }
                }
                .el-picker-panel__content{
                    .el-date-table-cell__text{
                        color: #fff;
                    }
                }
            }
        }
    }
}