/* Click-to-call UI shared by payment requests and book donations. */
.payment-request-page .portal-click-call-input-field,
.asset-user-page .portal-click-call-input-field{
  position:relative!important;
}
.payment-request-page .portal-click-call-input-field > input,
.asset-user-page .portal-click-call-input-field > input{
  padding-left:43px!important;
}
.payment-request-page .portal-click-call-btn,
.asset-user-page .portal-click-call-btn{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  border:1px solid #cfe2d8!important;
  border-radius:9px!important;
  color:#187451!important;
  background:#f3fbf6!important;
  box-shadow:none!important;
  cursor:pointer!important;
  line-height:1!important;
  z-index:1;
}
.payment-request-page .portal-click-call-btn:hover,
.asset-user-page .portal-click-call-btn:hover{
  background:#e4f6eb!important;
  border-color:#9acfb0!important;
}
.payment-request-page .portal-click-call-btn:focus-visible,
.asset-user-page .portal-click-call-btn:focus-visible{
  outline:2px solid #2a995e!important;
  outline-offset:2px!important;
}
.payment-request-page .portal-click-call-btn:disabled,
.asset-user-page .portal-click-call-btn:disabled{
  opacity:.55!important;
  cursor:wait!important;
}
.payment-request-page .portal-click-call-input-field > .portal-click-call-btn,
.asset-user-page .portal-click-call-input-field > .portal-click-call-btn{
  position:absolute!important;
  left:6px!important;
  bottom:5px!important;
}
.payment-request-page .pay-read-field.portal-click-call-read-field,
.asset-user-page .pay-read-field.portal-click-call-read-field{
  position:relative!important;
  padding-left:47px!important;
}
.payment-request-page .portal-click-call-read-field > .portal-click-call-btn,
.asset-user-page .portal-click-call-read-field > .portal-click-call-btn{
  position:absolute!important;
  left:6px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
#portal-click-call-feedback{
  display:none;
  position:fixed;
  z-index:2147483000;
  right:18px;
  bottom:20px;
  max-width:min(390px,calc(100vw - 36px));
  padding:12px 15px;
  border:1px solid #b8dcca;
  border-radius:13px;
  background:#eefbf3;
  box-shadow:0 10px 28px rgba(16,65,39,.13);
  color:#17603d;
  font-size:12px;
  font-weight:800;
  line-height:1.8;
  direction:rtl;
  text-align:right;
}
#portal-click-call-feedback.is-visible{display:block;}
#portal-click-call-feedback.is-error{
  border-color:#f0c7cb;
  background:#fff5f5;
  color:#9d3434;
}