input::-ms-reveal,
input::-ms-clear {
  display: none;
}
@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;
}
#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(../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);
}

.working {
  color: #ffffff;
  font-size: 8px;
  margin: 45px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  display: none;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}