@import "var";
.el-table__body-wrapper {
    overflow-y: auto;
    z-index: 2;
}

.el-table__fixed-header-wrapper,.el-table__header-wrapper{
  .el-table__header{
    tr{
      height: 29px;
    }
  }
}

.el-dialog__header {
    border-bottom: solid 1px #efefef;
}

.el-dialog__body {
    padding-top: 0;
    padding-bottom: 20px;
}

.zw {
    margin-top: 30px;
}

.zw-page {
    margin-bottom: 45px;
}

.c {
    clear: both;
}

.label-export {
   width: 100px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   text-align: center;
   margin: 0 auto;
   float: left;
   margin: 3px;
   line-height: 25px;
   height: 25px;
   cursor: pointer;
   border: solid 1px #dddddd;
   border-radius: 5px;
}
.list {
   width: 150px;
   float: left;
   margin: 5px 15px 5px;
   text-align: center;
   position: relative;
   .label {
       width: 100px;
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
       text-align: center;
       margin: 0 auto;
       line-height: 25px;
       height: 25px;
       cursor: pointer;
       border: solid 1px #dddddd;
       border-radius: 5px;
       .el-checkbox__label {
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
       }
   }
   .leftRemove {
       position: absolute;
       top: 5px;
       left: 5px;
       z-index: 5;
   }
   .rightRemove {
       position: absolute;
       top: 5px;
       left: 135px;
   }
}

.select {
   background: #acd4f5;
   border: solid 1px #80b7e4;
}

.locked {
   background: #ff7262;
   border: solid 1px #ff7262;
   color: #fff;
}

.flex {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    .left {
        width: 80px;
    }
    .right {
        flex: 1;
    }
}

.btn {
    margin-top: 15px;
    text-align: right;
    padding-top: 15px;
    border-top: solid 1px #efefef;
}

.composite-table {
    position: relative;
    padding: 0;
    /* margin-bottom: 60px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    .cell {
        white-space: nowrap !important;
        padding-right: 10px !important;
    }
    thead {
        tr {
            th {
                background: #ffffff;
                // background-image: linear-gradient(180deg, #fdfdfd 0%, #f2f2f2 100%);
                &.descending {
                    background: #f1f1f1;
                }
                &.ascending {
                    background: #f1f1f1;
                }
                .cell {
                    height: $--header--height !important;
                    line-height: $--header--height !important;
                    .caret-wrapper {
                        height: $--header--height !important;
                        line-height: $--header--height !important;
                        // position: absolute;
                        // right: 20px;
                        width: 20px;
                        .sort-caret {
                            left: -2px;
                            top: 1px;
                            line-height: $--header--height/2 !important;
                        }
                    }
                    .auto-width-right {
                        height: $--header--height !important;
                        line-height: $--header--height !important;
                        position: absolute;
                        right: 0px;
                        width: 3px;
                    }
                    .right-menu {
                        height: $--header--height !important;
                        line-height: $--header--height !important;
                        .el-menu {
                            height: $--header--height !important;
                            line-height: $--header--height !important;
                            // background-image: linear-gradient(180deg, #fcfcfc 0%, #ececec 100%);
                        }
                        width: 20px;
                        overflow: hidden;
                        border-left: solid 1px #f3f3f3;
                        border-right: solid 1px #f3f3f3;
                        position: absolute;
                        right: 3px;
                        text-align: center;
                        // width: 20px;
                        &:hover {
                            cursor: pointer;
                        }
                        .el-submenu {
                            height: $--header--height !important;
                            line-height: $--header--height !important;
                            &.is-active {
                                border-bottom: 0;
                            }
                            .el-submenu__title {
                                padding: 0;
                                height: $--header--height !important;
                                line-height: $--header--height !important;
                                border-bottom: 0;
                                font-size: 12px !important;
                                .el-submenu__icon-arrow {
                                    margin-left: 3px !important;
                                    margin-right: 6px !important;
                                }
                            }
                            
                        }
                    }
                }
            }
        }
    }
    .show-loading {
        position: absolute;
        display: none;
        font-size: 16px;
        left: 50%;
        z-index: 5;
    }
    /*************table重写**************/
    .el-input__suffix {
        right: 10px;
    }
    .el-table {
        .el-table__header {
            thead {
                tr {
                    th {
                        background: #ffffff;
                        color: #262626 !important;
                        font-size: 12px !important;
                        color: #444;
                        font-weight: 100px;
                        padding: 0 !important;
                        &.show {
                            padding: 3px 0;
                            // border-left: 0;
                            // border-bottom: 0;
                        }
                        &.hide {
                            height: 0 !important;
                            padding: 0 !important;
                            margin: 0 !important;
                            // border-left: 0;
                            // border-bottom: 0;
                        }
                    }
                }
            }
        }
        
        .el-table__footer {
            width: 100%;
        }
        .el-table__row td .cell {
            color: #5b5b5b !important;
        }
        .el-table__body {
            tbody {
                tr {
                    td {
                        padding: 2px 0;
                        color: #666;
                        font-size: 12px !important;
                    }
                }
            }
        }
    }
    .top-count {
        position: absolute;
        width: 100%;
        border: solid 1px #ebeef5;
        box-sizing: border-box;
        height: 30px;
        padding: 6px 0 0 16px;
        margin-top: -30px;
        .num {
            margin: 0 5px;
            font-size: 13px;
        }
        .rd {
            width: 15px;
            height: 15px;
            display: block;
            float: left;
            border-radius: 50%;
        }
        .txt, .txt2 {
            margin-left: 10px;
            font-size: 14px;
            display: block;
            float: left;
            line-height: 18px;
            font-size: 13px;
        }
        .txt2 {
           margin-left: 0;
        }
        .right {
            float: right;
            font-size: 14px;
            margin-right: 10px;
            font-size: 13px;
            margin-top: -4px;
        }
        .clear {
            cursor: pointer;
        }
        .img {
            width: 14px;
            height: 14px;
            vertical-align: bottom;
            cursor: pointer;
        }
        .el-icon--right {
            margin-left: 0 !important;
            vertical-align: middle;
        }
    }
    .el-dialog__wrapper {
        position: absolute;
    }
    .composite-table-paging {
        margin-top: 10px;
        text-align: right;
    }
    .top-header {
        font-size: 13px;
        margin-left: 8px;
        display: inline-block;
        vertical-align: top;
    }
    .c {
        clear: both;
    }
}