﻿.facebook-btn {
    background-image: url('images/facebook-account-logo.png');
    background-repeat: no-repeat;
}

.google-btn {
    background-image: url('images/google-account-logo.png');
    background-repeat: no-repeat;
}

.twitter-btn {
    background-image: url('images/twitter-account-logo.png');
    background-repeat: no-repeat;
}

.microsoft-btn {
    background-image: url('images/microsoft-account-logo.png');
    background-repeat: no-repeat;
}

.linkedin-btn {
    background-image: url('images/linkedin-account-logo.png');
    background-repeat: no-repeat;
}

@media (min-width: 1001px) .footer-block {
    float: left; width: 220px; margin: 0;
}
.ExtendedAuthentication .social ul {
    margin: 0 0 10px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 30px;
    font-size: 0;
    text-align: center;
    float: left;
    width: 100%;
}

.ExtendedAuthentication .social li {
    margin: 0 10px 0 0;
}

.ExtendedAuthentication .social li {
    display: inline-block;
    /*margin: 0 5px;*/
}

.ExtendedAuthentication .social .facebook a {
    background-position: 0 0;
}

.ExtendedAuthentication .social a {
    display: flex;
    width: 100%;
    height: auto;
    font-size: 0;
}

.external-authentication .social-login-blocks fieldset.social-login-block a.exoauth_btn {
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    contain: content;
}
.external-authentication .social-login-blocks fieldset.social-login-block a.exoauth_btn::before {
    top: 8px;
}
.external-authentication .social-login-blocks fieldset.social-login-block {
    margin-bottom: -5px;
    display: flex;
}
.external-authentication .social-login-blocks fieldset.social-login-block a.exoauth_btn.social-google-btn {
    margin-top: 20px;
}