.background-customizable{
  background-color:#fff;
  border-radius: 24px;
}

.banner-customizable{
  background-color:#fff;
  padding: 0px;
}

.errorMessage-customizable{
  margin: 12px 0;
  padding: 16px;
  font-size: 14px;
  width: 100%;
  color: #2F4051;
  background-color: #FEC9CC;
  border: 2px solid #BA0914;
  
  border-radius: 8px;
}

.idpButton-customizable{
height: 40px;
width: 100%;
background-color: #f4f5f6;
border-color: #8b939a;
color: #212d38;
margin-bottom: 12px;
text-align: center   ;

border: 2px solid;
border-radius: 8px;
}

.idpButton-customizable:hover{
  color: #212d38;
  background-color: #dde0e3;
}

.inputField-customizable{
  height: 40px;
  width: 100%;
  background-color: #fff;
  border: 2px solid #8b939a;
  color: #2F4051;
 
  margin-bottom: 12px;
  border-radius: 8px;
}

.inputField-customizable:focus{
border-color: #5CC9D0;
outline: 2px solid #1233C1;

outline-offset: 2px;
box-shadow: none;
}

.label-customizable{
  font-weight: 500;

  color: #2F4051;
  margin-top: 12px;
}

.legalText-customizable{
  color: #5D6977;
  font-size: 12px ;
}

.logo-customizable{
  max-width: 60%;
  max-height: 30%;
  margin-top: 24px;
}

.passwordCheck-valid-customizable{
  color: #007B4A;
}

.passwordCheck-notValid-customizable{
  color: #E22D38;
}


.socialButton-customizable{
  height: 40px;
}

.submitButton-customizable{

  background-color: #1B838B;
  height: 40px;
  color: #fff ; 
  font-size: 16px ;
  font-weight: 700;
  margin-top: 24px;
  width: 100%;
  
  border-color: #1B838B;
  border-radius: 8px;
  margin-bottom: 24px;
}

.submitButton-customizable:hover{
  background-color: #22a3af;
  color: #fff;

  border-color: #22a3af;
}

.textDescription-customizable{
  padding-top: 12px;
  padding-bottom: 12px;
  font-size:  14px;

  font-weight: 600;
  color: #2F4051;
}