/* ================== */
/* ===== Иконки ===== */
/* ================== */

.instagram_logo {
    position: relative;
    top: -4px;
    /*
        Высота меньше высоты логотипа, чтобы таб не увеличивался.
        При этом логотип выходит за пределы данного контейнера.
    */
    height: 10px;
    width: 18px;
    display: inline-block;
    margin-right: 2px;
}

.instagram_logo > div {
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.instagram_logo > div {
    background-image: url("../../../Messenger/img/instagram_logo.png");
}

.whatsapp_logo, .viber_logo, .instagram_logo_socicon, .vk_logo, .ok_logo, .telegram_logo, .facebook_logo, .avito_logo {
    position: relative;
    border-radius: 3px;
}

.whatsapp_logo, .viber_logo, .instagram_logo_socicon, .vk_logo, .ok_logo, .telegram_logo, .facebook_logo {
    top: 1px;    
    color: white;
}

.whatsapp_logo, .instagram_logo_socicon, .ok_logo {
    padding: 3px 3.5px 2.5px 4.5px;
}

.vk_logo, .viber_logo, .telegram_logo, .facebook_logo {
    padding: 3px 4px 2.5px 4px;
}

.instagram_logo_socicon {
    background-color: rgb(123, 81, 157);
}

.vk_logo {
    background-color: rgb(81, 129, 184);
}

.ok_logo {
    background-color: #ee8208;
}

.whatsapp_logo {
    background-color: rgb(34, 193, 94);
}

.telegram_logo {
    background-color: #0088cc;
}

.viber_logo {
    background-color: rgb(123, 81, 157);
}

.facebook_logo {
    background-color: #4267b2;
}

.avito_logo {
    top: 2.5px;
    padding: 4.5px 3.5px 1px 3px;
}

/* Иконка Авито с границей. Не используем. */
.avito_logo.with_border {
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(230, 230, 230);
    padding: 3.5px 2.5px 0px 2px;
}