/* patterns */
.vcatp-radio-option           { border:3px solid #fff; margin:0 5px 10px 0; cursor:pointer; float:left; padding:1px; }
.vcatp-radio-option-selected  { border:3px solid #000000; opacity:1; }
.vcatp-radio-option:hover     { opacity:.8; }

/* Icon manager */
#smile_icon_search {
    width: 96%;
    height: 136px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #DDD
}
#smile_icon_search p {
    margin-left: 8px;
    margin-bottom: 7px;
    clear: both;
    padding-top: 7px
}
.icons-list.smile_icon {
    margin-top: -10px
}
.edit_form_line .search-icon {
    width: 350px!important
}
.smile_icon li {
    float: left;
    width: 36px;
    height: 36px;
    text-align: center;
    display: block;
    box-shadow: 0 0 0 1px #DDD;
    margin: 0
}
.smile_icon li>i {
    font-size: 18px;
    vertical-align: text-bottom;
    display: inline-block;
    line-height: 36px
}
.smile_icon li label {
    display: none
}
.preview-icon {
    width: 64px;
    height: 56px;
    line-height: 56px;
    font-size: 40px;
    float: left;
    text-align: center;
    margin-top: -10px
}
.smile_icon li:hover i {
    z-index: 99;
    zoom: 1.3;
    font-size: 18px;
    top: -3px;
    left: -3px;
    position: relative;
    width: 36px;
    line-height: 36px;
    height: 36px;
    display: block;
    background: #4C4C4C;
    color: #FFF;
    cursor: pointer
}
.smile_icon li.selected {
    background: #0785E7;
    color: #FFF
}
input.search-icon {
    padding: 5px 7px!important;
    font-size: 13px;
    line-height: 1.5em!important
}