/*
 * Cognito Hosted UI custom CSS — Bootstrap 3 theme
 *
 * How to apply:
 *   AWS Console: Cognito > User Pools > <pool> > App integration > Hosted UI customization
 *   Terraform:   aws_cognito_user_pool_ui_customization resource, css_file argument
 *
 * When using the hosted UI for email/password login, Cognito renders its own page.
 * This file overrides the default styles to match the app's Bootstrap 3 appearance.
 */

.background-customizable {
  background-color: #f5f5f5;
}

.banner-customizable {
  background-color: #222;
  padding: 15px;
}

.logo-customizable {
  max-height: 40px;
}

.submitButton-customizable {
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #fff;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.submitButton-customizable:hover {
  background-color: #286090;
  border-color: #204d74;
}

.inputField-customizable {
  border-color: #ccc;
  border-radius: 4px;
  color: #555;
  font-size: 14px;
  height: 34px;
  padding: 6px 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.inputField-customizable:focus {
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.textDescription-customizable {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}

.idpButton-customizable {
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 40px;
}

.idpButton-customizable:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}

.idpDescription-customizable {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}

.legalText-customizable {
  color: #337ab7;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}