div.max-750
{
    max-width: 750px;

}

.social-login-block {
    min-height: 100px;
    display: table;
}

div.social-endpoint-cell
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

div.horizontal-spacer
{
  padding: 20px 0px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

a.social-link
{
    text-decoration: none;
}

.opaque
{
    opacity: 1.0 !important;
}

img.avatar-to-fit
{
    max-width: 50px;
    height: auto;
    width: 50px;
}

div.login-separator-table
{
    display: table;
    position: relative;
    top: 0px;
    bottom: 0px;
    height: 200px;
}

div.login-separator-table-row
{
    display: table-row;
    margin: 0;
    padding: 0;
}

div.login-separator-table-cell
{
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 1.5625;
    white-space: no-wrap;

    &.vertical-rule
    {
        height: 90px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXd3d3u346CAAAACklEQVQIHWNgAAAAAgABz8g15QAAAABJRU5ErkJggg==) repeat-y center top;
    }
}



div.login-separator > strong
{
    vertical-align: middle;
    padding: 10px 10px;
}

.sign-in-form h4
{
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0;
    margin-bottom: 7px;
}

.sign-in-forgotten-pwd
{
    font-size: 10px;
    color: $base-color-light;
    text-decoration: none;
}

.sign-in-forgotten-pwd:hover
{
    text-decoration: underline;
}

div.bold-display-name
{
    font-size: 15px;
    font-weight: bold;
}

div#sign-in-type-separator
{
    position: relative;
}

img.social-sign-in-option
{
    height: auto;
    width: 75px;
}