body {
  background-color: #eeeeee;
}
@font-face {
    font-family: 'SegoeUI';
    src: url(../assets/fonts/segoeui.WOFF);
    font-weight: normal;
}
@font-face {
    font-family: 'SegoeUI';
    src: url(../assets/fonts/segoeui_bold.WOFF);
    font-weight: bold;
}

@font-face	{
    font-family: "CircularStd-Bold";
    src: url("../assets/fonts/circularStd/CircularStd-Bold.eot");
    src: url("../assets/fonts/circularStd/CircularStd-Bold.eot?#iefix") format("embedded-opentype"),
    url("../assets/fonts/circularStd/CircularStd-Bold.woff") format("woff"),
    url("../assets/fonts/circularStd/CircularStd-Bold.ttf") format("truetype"),
    url("../assets/fonts/circularStd/CircularStd-Bold.svg#svgFontName") format("svg");
}

@font-face	{
    font-family: "CircularStd-Black";
    src: url("../assets/fonts/circularStd/CircularStd-Black.eot");
    src: url("../assets/fonts/circularStd/CircularStd-Black.eot?#iefix") format("embedded-opentype"),
    url("../assets/fonts/circularStd/CircularStd-Black.woff") format("woff"),
    url("../assets/fonts/circularStd/CircularStd-Black.ttf") format("truetype"),
    url("../assets/fonts/circularStd/CircularStd-Black.svg#svgFontName") format("svg");
}

@font-face	{
    font-family: "Roboto-Regular";
    src: url("../assets/fonts/roboto/Roboto-Regular.eot");
    src: url("../assets/fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
    url("../assets/fonts/roboto/Roboto-Regular.woff") format("woff"),
    url("../assets/fonts/roboto/Roboto-Regular.ttf") format("truetype"),
    url("../assets/fonts/roboto/Roboto-Regular.svg#svgFontName") format("svg");
}

@font-face	{
    font-family: "Roboto-Bold";
    src: url("../assets/fonts/roboto/Roboto-Bold.eot");
    src: url("../assets/fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
    url("../assets/fonts/roboto/Roboto-Bold.woff") format("woff"),
    url("../assets/fonts/roboto/Roboto-Bold.ttf") format("truetype"),
    url("../assets/fonts/roboto/Roboto-Bold.svg#svgFontName") format("svg");
}


#AmazonExchange {
  background-image: url(../assets/idp_logos/colored/amazon.svg);
}
#AmazonExchange:hover {
  background-image: url(../assets/idp_logos/white/amazon.svg);
}
#FacebookExchange {
  background-image: url(../assets/idp_logos/colored/facebook.svg);
}
#FacebookExchange:hover {
  background-image: url(../assets/idp_logos/white/facebook.svg);
}
#GitHubExchange {
  background-image: url(../assets/idp_logos/colored/github.svg);
}
#GitHubExchange:hover {
  background-image: url(../assets/idp_logos/white/github.svg);
}
#GoogleExchange {
  background-image: url(../assets/idp_logos/colored/google.svg);
}
#GoogleExchange:hover {
  background-image: url(../assets/idp_logos/white/google.svg);
}
#LinkedInExchange {
  background-image: url(../assets/idp_logos/colored/linkedin.svg);
}
#LinkedInExchange:hover {
  background-image: url(../assets/idp_logos/white/linkedin.svg);
}
#MicrosoftAccountExchange {
  background-image: url(../assets/idp_logos/colored/microsoft.svg);
}
#MicrosoftAccountExchange:hover {
  background-image: url(../assets/idp_logos/white/microsoft.svg);
}
#QQExchange {
  background-image: url(../assets/idp_logos/colored/qq.svg);
}
#QQExchange:hover {
  background-image: url(../assets/idp_logos/white/qq.svg);
}
#TwitterExchange {
  background-image: url(../assets/idp_logos/colored/twitter.svg);
}
#TwitterExchange:hover {
  background-image: url(../assets/idp_logos/white/twitter.svg);
}
#WeChatExchange {
  background-image: url(../assets/idp_logos/colored/wechat.svg);
}
#WeChatExchange:hover {
  background-image: url(../assets/idp_logos/white/wechat.svg);
}
#WeiboExchange {
  background-image: url(../assets/idp_logos/colored/weibo.svg);
}
#WeiboExchange:hover {
  background-image: url(../assets/idp_logos/white/weibo.svg);
}
.buttons #cancel:before {
    content: url(../assets/images/left-arrow.svg);
}


#SignInWithLogonNameExchange, #SignUpWithLogonEmailExchange, #SignUpWithLogonNameExchange {
    background-image: url(../assets/idp_logos/colored/local.svg);
}
#SignInWithLogonNameExchange:hover, #SignUpWithLogonEmailExchange:hover, #SignUpWithLogonNameExchange:hover {
    background-image: url(../assets/idp_logos/white/local.svg);
}