.field-filter{
    cursor: pointer;
    color: #1677ff !important;
}

.field-filter-popover{
    .ant-popover-inner-content{
        padding: 12px 0;
    }

    .field-filter-title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 12px;

        &.field-filter-title-not-button{
            justify-content: start;
        }

        .field-filter-title-chebox{
            margin-right: 5px;
        }

        .field-filter-title-button {
            position: relative;
            top: 2px;
            margin: 0;
            padding: 0;
            font-size: 12px;
        }
    }

    .field-filter-war{
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;

        .field-filter-war-item{
            display: flex;
            width: 100%;
            padding: 3px 0;

            .field-filter-war-item-icon{
                display: inline-block;
                padding: 0 7px;
                width: 40px;

                i{
                    color: #d4d4d4;
                }
            }

            .not-select{
                cursor: not-allowed;

                .ant-checkbox, .ant-checkbox-input{
                    cursor: not-allowed;
                }

                .ant-checkbox-inner{
                    background-color: #f5f5f5;
                    border-color: #d9d9d9 !important;
                }
            }


            &:not(.field-filter-war-disabled):hover{
                background: #e6f7ff;
            }
        }
    }
}