.cu-product-password-validation-form {
  background-color: #fff;
  padding: 0 0 60px;
}
.cu-product-password-validation-form > div:not(.js-form-item-title){
  max-width: 400px;
  margin: 0 auto;
  padding: 0 20px;
  height: auto;
  color: #1F2121;
}
@media only screen and (min-width: 600px) {
	.cu-product-password-validation-form > div:not(.js-form-item-title){
     padding: 0;
  }
}
.cu-product-password-validation-form #edit-title{
  background-color: #E8EDED;
  margin-bottom: 40px;
}
.cu-product-password-validation-form #edit-title h2{
  max-width: 1232px;
  margin: 0 auto;
  padding: 20px;
  line-height: 1;
  font-size: 32px;
}
@media only screen and (min-width: 1280px) {
	.cu-product-password-validation-form #edit-title h2{
    padding: 20px 0;
  }
}
.cu-product-password-validation-form p,
.cu-product-password-validation-form .js-form-type-password label{
  font-weight: 500;
  margin: 0;
}
.cu-product-password-validation-form p{
  margin: 0 0 20px;
}
.cu-product-password-validation-form .js-form-type-password{
  margin: 20px auto;
}
.cu-product-password-validation-form .js-form-type-password label{
  display: block;
  margin-bottom: 8px;
}
.cu-product-password-validation-form .js-form-type-password .form-text{
  border-radius: 4px;
  max-width: unset;
  border: 1px solid #979D9D;
}
.cu-product-password-validation-form .js-form-type-password .error{
  color: #DD1F36;
  font-size: 14px;
  font-weight: normal;
}
.cu-product-password-validation-form > div.form-actions{
  margin-top: 20px;
  display: block;
  text-align: right;
  position: relative;
}
.cu-product-password-validation-form > div.form-actions .button--primary{
  color: #133844;
  background-color: #3BE0D0;
  border-radius: 4px;
  width: auto;
  font-weight: 500;
  border: 0;
}
.cu-product-password-validation-form > div.form-actions .download-icon{
  content: '';
	background-image: url("/themes/custom/cupc/images/icons/ic-download.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  pointer-events: none;
  position: absolute;
  right: 106px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media only screen and (min-width: 600px) {
.cu-product-password-validation-form > div.form-actions .download-icon{
    right: 84px;
  }
}
.cu-product-password-validation-form .form-actions .button--primary{
  padding-left: 34px;
}
.cu-product-password-validation-form > div.form-actions .button--primary:hover{
  background-color: #8ee8d8;
}

/* Show password toggle */

.cu-product-password-validation-form .js-form-type-password {
  position: relative;
}
.cu-product-password-validation-form .js-form-type-password .form-text ~ .toggle-view-password{
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 25px;
  bottom: 3px;
}
@media only screen and (min-width: 600px) {
  .cu-product-password-validation-form .js-form-type-password .form-text ~ .toggle-view-password{
    right: 0;
  }
}
.cu-product-password-validation-form .js-form-type-password .form-text ~ .toggle-view-password:focus-visible{
  outline: 1px solid #000;
}
.cu-product-password-validation-form .js-form-type-password .form-text ~ .toggle-view-password:before{
  content: '';
  height: 20px;
  width: 20px;
  display: inline-block;
  background-image: url("/themes/custom/cupc/images/icons/ic-eye-close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
.cu-product-password-validation-form .js-form-type-password .form-text ~ .toggle-view-password.open:before{
  background-image: url("/themes/custom/cupc/images/icons/ic-eye.svg");
}
.cu-product-password-validation-form .js-form-type-password .form-text ~ .toggle-view-password:hover:before{
  opacity: 0.7;
}