div {
  color: black;
}

#inputHeader .black-title {
    margin-left: -3px;
}
.blue-title,
.black-title {
  font-size: 30px;
  font-weight: bold;
}
#logo {
  width: 40px;
}
.blue-title {
  color: #5d99c6;
}
.black-title {
  color: #000000;
}

@font-face {
	font-family: "Roboto";
	src: url('../fonts/Roboto-Regular.ttf');
}

body {
  font-family: "Roboto", sans-serif;
}


#kc-form-wrapper {
  padding: 20px;
}

#kc-form-buttons{
    padding-top:20px;
}
#connect {
  border: 2px solid;
  border-color: #1c527c;
  border-radius: 15px;
  background-color: white;
  color: #1c527c;
  font-size: 15px;
  font-weight: bold;
  width:100%;
  height: 50px;
}
.alert-error {
    background-color: #b71c1c;
    border-radius: 10px;
    color: white;
}

.message {
    padding: 20px;
    height: 10%;
    min-height: 50px;
}

@media (min-width: 700px) {
  .message {
    height: 100px;
  }

}

nav{
    background-color: unset;
    border:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.header-site {
  background: rgba(184, 228, 255, 0.596) url(../img/top_wave_bg_desk.png) no-repeat;
  background-size: cover;
  background-color: unset;
}

.header-site img {
    margin-right: 20px;
}
.header {
    height: 70px;
}
.header-site span {
  line-height: 40px;
  vertical-align: middle;
}

.resetPass a {
  text-decoration: none;
  color: grey;
}
footer {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #4e8fb1;
  color: white;
  text-align: center;
}

footer .container {
    padding: unset;
}

.input-box {
  box-shadow: 1px 1px 12px #555;
  border-radius: 10px;
}

.page-footer {
    background-color: #4e8fb1 ;
}

#copyright{
    color: white; 
    font-weight: bold;
}


#kc-oauth h3 {
  padding-top: 0px;
  margin-top: 0px;
}
#kc-oauth form {
  margin-bottom: 100px;
}

#consentText{
  margin-bottom: 0px;
}