@import '../../../../style/variables.less';

.@{prefix}-check-filter {
    width     : 200px;
    background: #fff;
    #mktable-filter-dropdown();
    display       : flex;
    flex-direction: column;
    position      : relative;

    .pin-search {
        margin: 5px 5px 0 5px;
    }

    .ant-radio-group,
    .ant-checkbox-group {
        display   : block;
        max-height: 300px;
        overflow  : auto;
    }

    &_box,
    .pin-radio-box {
        padding: 5px 0;
    }

    .pin-item,
    .pin-all {
        padding : 7px 10px;
        margin  : 0 !important;
        width   : 100%;
        overflow: hidden;
        display : block;
    }

    .pin-item {
        display    : flex;
        align-items: center;

        &:hover {
            background-color: @lighter-background;
        }

        span+span {
            overflow     : hidden;
            text-overflow: ellipsis;
        }

        .ant-checkbox {
            top: -.06em;
        }

        .ant-radio {
            margin-top: 0;
        }
    }

    .pin-footer {
        display        : flex;
        justify-content: space-between;
        border-top     : 1px solid @border-color;
        padding        : 7px 0;

        .footer-item {
            flex      : 1;
            text-align: center;
            color     : @maycur-color;
            cursor    : pointer;
        }

        .weaker-item {
            color: @weak-text-color;
        }
    }
}