.is-hidden {
  display: none;
}

.error_inline_user {
  color: var(--c-error);
}

.field-status-error {
  font-size: .8rem;
  color: #fc4f4f;
}

@media (min-width: 768px) {
  .field-status-error {
    font-size: 1rem;
  }
}


label.field-status-error {
  font-size: .75rem;
  color: #fc4f4f;
  line-height: 1;
  display: flex;
  margin-top: 0px;
}

@media (min-width: 768px) {
  label.field-status-error {
    font-size: 1rem;
  }
}

span.field-status-error {
  font-size: .75rem;
  color: #fc4f4f;
  line-height: 1;
  display: block;
  margin-top: 5px;
}

@media (min-width: 768px) {
  span.field-status-error {
    font-size: 1rem;
  }
}

.alert_not_password-alert {
  font-size: 1rem;
  color: #fc4f4f;
  line-height: 1;
  display: block;
  margin-top: 1.5rem;
}

.select__otp .form-item {
  display: flex;
  justify-content: space-between;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #F3F2F2;
  color: #626262;
  text-align: left;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 65%;
  left: 50%; 
  transform: translateX(-50%); 
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
}

@media (min-width: 768px) {
  .tooltip .tooltiptext {
    font-size: 1rem;
  }
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.dona-ya__form .amount {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .dona-ya__form .amount {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.dona-ya__form .card-amount {
  align-items: flex-start;
  background-color: #f2f4f8;
  background-image: url("../../../../themes/custom/fsfb_pub/images/icons/icon-money.svg");
  background-position: 1rem 1rem;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  border: 1px solid #f2f4f8;
  border-radius: .75rem;
  color: #59616a;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  justify-content: flex-end;
  min-height: 4.75rem;
  padding: 2.65rem 1rem .8rem;
  text-align: left;
  width: 100%;
}

.dona-ya__form .card-amount:hover,
.dona-ya__form .card-amount:focus,
.dona-ya__form .card-amount.selected {
  background-color: #e2e5f3;
  border-color: #001698;
  color: #001698;
}

.dona-ya__form .card-amount.disabled {
  opacity: .55;
}

.dona-ya__form label,
.dona-ya__form .form-item__label {
  line-height: 1.3;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.dona-ya__form .input-big-donate,
.dona-ya__form .input-money,
.dona-ya__form .input-month-year,
.dona-ya__form select {
  border: 1px solid #d8dde6;
  border-radius: .75rem;
  color: #59616a;
  min-height: 3rem;
  width: 100%;
}

.dona-ya__form .input-big-donate {
  background-color: #fff;
  font-weight: 600;
  margin-top: 1rem;
}

.dona-ya__form .input-money,
.dona-ya__form .input-month-year {
  padding: 0 3rem 0 1rem;
}

.dona-ya__form .input-money:focus,
.dona-ya__form .input-month-year:focus,
.dona-ya__form select:focus {
  border-color: #001698;
  outline: 2px solid rgba(0, 22, 152, .12);
}

.dona-ya__form .input-money.field-status-error,
.dona-ya__form .input-month-year.field-status-error {
  border-color: #d94b6a;
  outline-color: rgba(217, 75, 106, .12);
}

.dona-ya__form .donation-period {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .dona-ya__form .donation-period {
    flex-direction: row;
  }
}

.dona-ya__form .donation-period .btn-select {
  border: 1px solid #d8dde6;
  border-radius: .75rem;
  color: #59616a;
  min-height: 3rem;
  padding: .8rem 1rem;
  text-align: center;
  width: 100%;
}

.dona-ya__form .donation-period .btn-select:hover,
.dona-ya__form .donation-period .btn-select:focus,
.dona-ya__form .donation-period .btn-select.selected {
  background-color: #e2e5f3;
  border-color: #001698;
  color: #001698;
  font-weight: 600;
}

.dona-ya__form .donation-end-date {
  width: 100%;
}

.dona-ya__form .donation-end-date .calendario-custom {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .dona-ya__form .donation-end-date .calendario-custom {
    width: 50%;
  }
}

.dona-ya__form .calendario-custom--month::before {
  bottom: 1.5rem;
  color: #59616a;
  content: attr(data-placeholder);
  font-weight: 600;
  left: 1rem;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  transform: translateY(50%);
  z-index: 1;
}

.dona-ya__form .calendario-custom--month.has-value::before {
  display: none;
}

.dona-ya__form .calendario-custom--month:not(.has-value) .input-month-year {
  color: transparent;
}

.dona-ya__form .calendario-custom--month.has-value .input-month-year {
  color: #59616a;
}

.dona-ya__form #edit-amount-custom-container {
  margin-bottom: 1rem;
}