@import "var.scss";
// 基础样式
.table-base {
    width: 100%;
    position: relative;
    background-color: #fff;
    border-collapse: collapse;
    color: #666;
    thead {
        tr {
            th {
                font-size: 14px;
                text-align: left;
                font-weight: normal;
            }
        }
    }
    tbody {
        tr {
            cursor: pointer;
            td {
                font-size: 13px;
            }
        }
    }
    tr {
        height: 50px;
        border-bottom: 1px solid #eee;
        th,
        td {
            padding-left: 15px;
        }
    }
}

.table-select {
    tr {
        th,
        td {
            .check {
                cursor: pointer;
                font-size: 22px;
            }
            .check:after {
                content: '\e625';
            }
            .check:hover {
                color: $hover;
            }
            .all-select:after {
                content: '\e60c';
                color: $active;
            }
        }
        &.select {
            background-color: #ebfbe6;
            border-bottom: 1px solid #e2e2e2;
            color: $active;
            .check:after {
                content: '\e60c';
            }
        }
    }
}

.table-list {
    thead {
        tr {
            th {
                &.sort {
                    cursor: pointer;
                    &:hover {
                        color: $active;
                    }
                    .iconfont:after {
                        content: '\e66b';
                    }
                }
                &.ASC {
                    color: $active;
                    .iconfont:after {
                        content: '\e71c';
                    }
                }
                &.DESC {
                    color: $active;
                    .iconfont:after {
                        content: '\eb28';
                    }
                }
            }
        }
    }
    tbody {
        tr {
            &:hover {
                background-color: #ebfbe6 !important;
            }
            &.active-item {
                background-color: #ebfbe6;
            }
            &.disable {
                background-color: #ffffdf;
                border-bottom: 1px solid #e2e2e2;
            }
            .images {
                width: 50px;
                height: 50px;
            }
        }
    }
}