body{
  background-color: #1170c7;
  background-image: linear-gradient(0deg, #08AEEA 0%, #1170c7 100%);
}

h2{
  color: white;
}

.uk-input{
  background-color: white!important;
  color: #252525!important;
}

.uk-button-primary{
  background-color: #06213a!important;
  color: white!important;
}

.uk-button-primary:hover{
  background-color: #02111f!important;
}

.LoginRegisterLinksLogout{
  color: white;
}

.LoginRegisterLinksLogout a{
  color: white;
}

.LoginRegisterLinksBackToHome, .LoginRegisterLinksBackToHome a{
  color: white;
}

.LoginRegisterError {
  background-color: red;
  color: white!important;
  padding: .5em;
  margin-bottom: 1em;
}



p.LoginRegisterError{
  background-color: red;
  color: white!important;
  margin-top: 1em;
  padding: 1em;
}


.InputfieldPassword .pass-scores > span {
    display: none;
}

.InputfieldPassword .pass-confirm > span {
    display: none;
}

.InputfieldPassword .pass-scores > span.on {
    display: inline-block;
}

.InputfieldPassword .pass-confirm > span.on {
    display: inline-block;
}

.InputfieldContent .uk-text-danger{
  color: white !important;
  padding: .2em;
  background-color: red;
  margin-top: .5em;
}



#loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}