/* EDIT LOGIN FLOW FOR RANA: */
/* Can change but gives you a general idea */

/* CHANGE LOGIN CSS AND ICON */
/* Casper can give access */
/* https://eu-west-1.console.aws.amazon.com/cognito/v2/idp/user-pools/eu-west-1_vPwXOnNbi/app-integration/clients/rs93kg69kleebmqv3tr14kao9/edit/ui-customization?region=eu-west-1 */

/* SEE LOGIN */
/* Type 1: Default */
/* 1. Go to: https://test.ranawaterintelligence.com/nenstest/ and logout if logged in */
/* 2. Continue with Rana */

/* Type 2: API and QGIS */
/* 1. Go to: https://test.ranawaterintelligence.com/v1-alpha/docs#/ */
/* 2. Authorize button on the right */
/* 3. Scroll down and then other authorize button */

.background-customizable {
  font-family: Helvetica, sans-serif;
  margin: 0 auto;
  max-width: 461px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: lighter;
  border-radius: 4px;
  overflow: hidden;
}

.banner-customizable {
  background-color: hsl(206, 47%, 60%);
  padding: 22px 0;
}

.logo-customizable {
  max-width: 280px;
}

.textDescription-customizable {
  font-size: 21px;
  line-height: 27px;

  margin-left: 9px;
  margin-right: 9px;
}

.label-customizable {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 24px;

  margin-left: 9px;
  margin-right: 9px;
}

.inputField-customizable {
  color: #2c3b45;
  font-size: 16px;
  line-height: 16px;
  border-color: #dee5ea;
  height: 36px;
  border-radius: 4px;

  margin-left: 9px;
  margin-right: 9px;
}

.redirect-customizable {
  margin-top: 8px;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 24px;
  color: #69a0c9;
  display: block;
  text-align: left;

  margin-left: 9px;
  margin-right: 9px;
}

/* submitButton-customizable and idpButton-customizable are almost copies of eachother. */
/* On margin-left and margin-right are different but you are not allowed to combine them */
.submitButton-customizable {
  background-color: #316489;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  border-radius: 0;

  margin-left: 9px;
  margin-right: 9px;
  margin-bottom: 9px;
}

.idpButton-customizable {
  background-color: #316489;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  border-radius: 0;

  margin-bottom: 9px;
}

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

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