.lf_icons_wrapper{
    position: relative;

    .lf_icons_control{

    }

    .lf_icons_control_icon{
        position: absolute;
        top: 5px;
        right: 10px;
    }

    .lf_icon_packs{
        width: 100%;
        max-height: 200px;
        background: #fff;
        border: 1px solid rgba(0,0,0,0.2);
        position: absolute;
        display: none;
        overflow-y: scroll;
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0;
        z-index: 9999;

        ul{
            margin: 0;
            padding: 0;
            list-style: none;

            li{
                display: block;
                margin: 0 0 -1px -1px;
                float: left;
                cursor: pointer;

                a{
                    display: block;
                    width: 50px;
                    height: 50px;
                    text-align: center;
                    line-height: 50px;
                    color: #333;

                    &:hover{
                        background: #333;
                        color: #fff;
                    }
                }
                &.title{
                    display: block;
                    width: 100%;

                    span{
                        font-weight: bold;
                        display: block;
                        padding: 10px 0;
                        margin-bottom: 10px;
                        border-bottom: 1px solid rgba(0,0,0,0.3);
                    }
                }
            }
        }
    }
}