#f_snau{
    width:100%;
}
.snau_item,
.snau_btns{
    clear:both;
}
.ft_snau,
.snau_item,
.snau_item .snau_title,
.snau_btns,
.snau_add,
.snau_link,
.snau_add:before,
.snau_item .snau_title:before,
.snau_link:before,
.snau_prefix{
    display:inline-block;
    vertical-align:top;
}
.snau_item{
    position:relative;
    padding-right:25px;
    margin-bottom:8px;
    float: left;
}
.snau_elems > .snau_item:last-child{
    margin-bottom:5px;
}
.snau_item .snau_title{
    background:#eee;
    border-radius:2px;
    color:#fff;
    overflow:hidden;
    margin:0 5px 2px 0;
    float:left;
    line-height:30px;
}
.snau_item input,
.snau_item select{
    height:30px;
    border:1px solid #ccc;
    border-radius:2px;
    float:left;
    margin:0 5px 2px 0;
    font-size:14px;
    transition:all ease .2s;
}
.snau_item input{
    padding:0 10px;
    width:220px;
}
.snau_item select{
    text-align-last:center;
    text-align:center;
    cursor:pointer;
}
.snau_item input:focus,
.snau_item select:focus{
    border:1px solid #ff0000;
    box-shadow:0 0 0 2px rgba(255,0,0,.3);
}
.snau_del{
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:30px;
    cursor:pointer;
}
.snau_del:before{
    display:block;
    position:absolute;
    transition:all ease .15s;
    content:'';
    width:12px;
    height:2px;
    left:9px;
    top:14px;
    background:#ff0020;
}
.snau_del:hover:before{
    background:#ff6a00;
}
.snau_btns{
    line-height:30px;
    width:100%;
}
.snau_add_title{
    float:left;
    margin-right:10px;
}
.snau_add,
.snau_link{
    background:#eee;
    border-radius:2px;
    padding:0 10px 0 0;
    cursor:pointer;
    transition:all ease .15s;
    color:#fff!important;
    text-decoration:none!important;
    overflow:hidden;
    margin:0 5px 5px 0;
    float:left;
    line-height:30px;
    user-select: none;
}
.snau_link{
    float:none;
    clear:both;
}

.snau_prefix{
    float: left;
    line-height: 28px;
    background: #f5f5f5;
    margin-right: -2px;
    font-size: 13px;
    border-radius: 2px 0 0 2px;
    padding: 0 10px;
    color: #444;
    border: 1px solid #ccc;
}
.snau_site,
.snau_item .snau_title_site{
    background:#dc1100;
}
.snau_site:hover{
    background:#e91200;
}
.snau_fb,
.snau_item .snau_title_fb{
    background:#368eff;
}
.snau_fb:hover{
    background:#59a2ff;
}
.snau_instagram,
.snau_item .snau_title_instagram{
    background:#aaa;
}
.snau_instagram:hover{
    background:#bbb;
}
.snau_youtube,
.snau_item .snau_title_youtube{
    background:#e60000;
}
.snau_youtube:hover{
    background:#f30000;
}
.snau_vk,
.snau_item .snau_title_vk{
    background:#479dff;
}
.snau_vk:hover{
    background:#66adff;
}

.snau_ok,
.snau_item .snau_title_ok{
    background:#fd8907;
}
.snau_ok:hover{
    background:#ff941d;
}

.snau_twitter,
.snau_item .snau_title_twitter{
    background:#3693d2;
}
.snau_twitter:hover{
    background:#3ea4e8;
}

.snau_tg,
.snau_item .snau_title_tg{
    background:#2dc5f3;
}
.snau_tg:hover{
    background:#2eceff;
}

.snau_add:before,
.snau_item .snau_title:before,
.snau_link:before{
    content:'';
    width:30px;
    height:30px;
    margin-right:10px;
    background-position:center;
    background-size:20px;
    background-repeat:no-repeat;
}
.snau_item .snau_title:before{
    margin-right:0;
}
.snau_site:before,
.snau_item .snau_title_site:before{
    background-image:url('/templates/default/images/fields/snau/site.png');
    background-color:#b20808;
}
.snau_tg:before,
.snau_item .snau_title_tg:before{
    background-image:url('/templates/default/images/fields/snau/tg.png');
    background-color:#26aed6;
}

.snau_ok:before,
.snau_item .snau_title_ok:before{
    background-image:url('/templates/default/images/fields/snau/ok.png');
    background-color:#ec6200;
}
.snau_vk:before,
.snau_item .snau_title_vk:before{
    background-image:url('/templates/default/images/fields/snau/vk.png');
    background-color:#2787f5;
}
.snau_fb:before,
.snau_item .snau_title_fb:before{
    background-image:url('/templates/default/images/fields/snau/fb.png');
    background-color:#1877f2;
}
.snau_twitter:before,
.snau_item .snau_title_twitter:before{
    background-image:url('/templates/default/images/fields/snau/twitter.png');
    background-color:#1d9bf0;
}
.snau_instagram:before,
.snau_item .snau_title_instagram:before{
    background-image:url('/templates/default/images/fields/snau/instagram.png');
    background-color:#000;
}
.snau_youtube:before,
.snau_item .snau_title_youtube:before{
    background-image:url('/templates/default/images/fields/snau/youtube.png');
    background-color:#ff0000;
}