#otpModal .secondary-header {
    color:#774ba6;
    font-size: medium;
}

#otpModal .tertiary-header {
  font-size: medium;
  font-weight: bold;
}

#otpModal .otp-input {
  width: 36px;
  height: 60px !important;
  margin: 10px;
  border-radius: 10px !important;
  padding-left: 10px !important;
  padding-right: 0 !important;
  font-size: 30px !important;
  outline: 1px black solid;
}

#otpModal .btn-primary.otp-button {
  width: 340px;
  align-self: center;
  border: none;
  background: var(--btn-primary-bg);
  color: var(--btn-secondary-color);
  border-radius: 28px;
  font-size: 16px;
}

#otpModal .btn-primary.otp-button:focus {
  background: var(--btn-primary-bg);
}

#otpModal .btn-primary.otp-button:hover {
  background-color: var(--btn-primary-hover-bg);
}

#otpModal .btn-secondary.otp-button {
  background-color: white;
  border: none !important;
  outline: none !important;
  font-weight: bold;
}

#otpModal .btn-secondary:disabled {
  color: #666666;
 }

#otpModal .btn-secondary:enabled {
   color: #7A00E6;
}

#otpModal .close:focus {
  outline: none;
}

#otpModal #new-otp-confirmation{
    color: green;
    font-size: 13px;
}

#otpModal .error {
  color: #ca0000;
  font-size: 13px;
}



#profileConfirmModal .profile-modal-container{
	padding:30px;
	background-color:white;
}

#profileConfirmModal .profile-summary{
    padding:10px 20px;
	background-color:#f5f5f5ff;
}
