&.reform-floater {
    box-sizing  : border-box;
    position    : absolute;
    z-index     : 20;
    display     : block;
    overflow    : hidden;
    max-width   : 200px;
    line-height : @lineHeight;
    background  : @backgroundColor;
    font-size   : @fontSize;
    color       : @fontColor;

    .outline(@borderColor);
    .rounded-corners;

    .reform-floater-list {
        min-width  : 180px;
        max-height : 300px;
        overflow-y : auto;

        .reform-floater-item {
            .ellipsis;
            box-sizing : border-box;
            padding    : @paddingVertical @paddingHorizontal;
            cursor     : pointer;

            .reform-checkbox-fake {
                @oddFontSize : floor(@fontSize / 2) * 2;
                height       : @oddFontSize;
                width        : @oddFontSize;
                margin-right : @oddFontSize;
            }

            &.hover {
                background : @hoverBackgroundColor;
                color      : @hoverFontColor;
            }

            &.selected {
                background : @selectedBackgroundColor;
                color      : @selectedFontColor;
            }

            &.disabled {
                cursor     : default;
                color      : @disabledFontColor;
                background : @disabledBackgroundColor;

                &.hover { background: inherit; }
            }

            .checkbox { margin-right: 5px; }
        }
    }
}

&.reform-floater-overlay {
    position : fixed;
    z-index  : 10;
    top      : 0;
    bottom   : 0;
    left     : 0;
    right    : 0;
}

// No Results Found…
.empty-list {
    width       : auto;
    height      : 70px;
    line-height : 70px;
    text-align  : center;
    font-size   : 13px;
    color       : #777777;
    border-top  : 1px solid #eaeaea;
}