@import './vars.less';
.jad-filterconfig-container{
    width: 650px; // 微改.filtercoolumns-container
    height: 500px; // 微改.filtercoolumns-container
    font-size: 12px !important;
    line-height: 18px;
    .ant-popover-arrow{
        display: none;
    }
}
.jad-filterconfig-title-container{
    padding:10px 0px 0px 0px;
    font-size: 16px;
}
.jad-filterconfig-container-wrap{
    border: 1px solid #e8e8e8;
    height: 100%;
    border-radius: 4px;
    position: relative;
    h3{
        padding: 10px;
        background-color: #f7f8f9;
        border-bottom: 1px solid #e8e8e8;
        margin: 0px;
        height: 40px;
        overflow: hidden;
        a{
            float: right;
        }
    }
    &.add{
        float:left;
        width: 67%;
        margin-right: 3%;
    }   
    &.checked{
        float:right;
        width:30%;
    } 
}
.jad-filterconfig-container-content{
    height: calc(~"100% - 40px");
    box-sizing: border-box;
    float:left;
    overflow-x: hidden;
    overflow-y: scroll; 
    &:after{
        content: ".";
        clear: both;
        height: 0;
        visibility: hidden;
        display: block;
    }
    &.anchor{
        width:30%;
        box-sizing: border-box;
        border-right: 1px solid #e8e8e8;
    }
    &.group{
        width:70%;
    }
}
.jad-filterconfig-anchor-container{
    padding-left:20px;
    a{
        font-size: 16px;
        font-weight: 700;
        margin: 25px 0px;
        color:#000;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;
        &.active{
            color: @primary-color !important;
        }
        &:first-of-type{
            padding-top:0px;
            margin-top: 10px;
        }
        &:hover{
            color: @primary-color
        }
    }
}
.jad-filterconfig-checked-container{
    list-style: none;
    padding-top:10px;
    padding-left:20px;
    height: 92%;
    overflow-x: hidden;
    overflow-y: scroll;
    li{
        background-color:#f3f3f3;
        margin-bottom: 10px;
        border-radius: 2px;
        margin-right: 10px;
        padding: 5px 10px;
        font-size: 12px;
        overflow: hidden;
        color:#333;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;
    }
}
.jad-filterconfig-group-wrap{
    min-width: 600px;
    height: 500px; // 微改.filtercolumns-group-wrap
    overflow: hidden;
    color:#000;
    padding:10px;
}
.jad-filterconfig-group-container{
    padding-bottom: 15px;
    padding-left: 20px;
    border-bottom: 1px solid #eeeff0;
    label{
        font-size: 12px !important;
        width:105px !important;
        margin: 10px 0px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;
    }  
    &:first-of-type{
        padding-top:0px;
    }
    &:last-child{
        border-bottom: 0px;
    }
    .label{
        overflow: hidden;
        label{
            float:left;
        }
        .name{
            font-size: 16px !important;
            font-weight: 700;
            &.active{
                color: @primary-color !important;
            }
        }
        .checkBox{
            float:right;
            margin-bottom: -10px;
            text-align: right;
            padding-right: 20px;
        }
    }
    .content{
        text-align: left;
    }
} 
.jad-filterconfig-footer-button{
    text-align: center;
    padding: 15px 0px 5px 0px;
    button{
        margin-right:15px;
        width:120px;
    }
}