.social_btn {
    margin-bottom:15px;
}
.preloader_login {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    z-index:99999;
    background:#fff;
    opacity:0.3;
    display:none;
}
.joomlab_vk_image {
    display:inline-block;
    vertical-align:bottom;
    width:25px;
    height:25px;
    background:url('/media/plg_user_soclogin/image/vkontakte.png')no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.joomlab_telegram_image {
    display:inline-block;
    vertical-align:bottom;
    width:25px;
    height:25px;
    background:url('/media/plg_user_soclogin/image/telegram.png')no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.connect_button {
    margin: 10px 0;
}
.soc_connect_btn {
    display:inline-block;
    vertical-align:middle;
    width:40px;
    position:relative;
}
.open-tooltip {
    position:relative;
}
.soc_tooltip {
    position:absolute;
    bottom:calc(100% + 10px);
    left: 50%;
    transform: translate(-50%, 0);
    width:auto;
    white-space: nowrap;
    background:#2a2a2a;
    padding:10px;
    border-radius:5px;
    color:#fff;
    font-size:14px;
    pointer-events:none;
    opacity:0;
}
.soc_tooltip:before {
    position: absolute;
    border: 10px solid transparent;
    border-top-color: #2a2a2a;
    content: "";
    bottom: -15px;
    right: calc(50% - 10px);
}
.disabled_btn,
.enabled_btn{
    display:inline-block;
    vertical-align:middle;
}
.enabled_btn img{
    filter: grayscale(100%);
}
span.soc_circle {
    display:block;
    position:absolute;
    left: 3px;
    top: 0;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#448344;
}