/*!
 * GreenInvoice Payment Gateway for WooCommerce
 */

/**
 * VARIABLES.
 */

.greeninvoice-payment-wrapper {
  position: relative;
}

.greeninvoice-payment-wrapper.loading::after {
  opacity: 1;
  z-index: 10;
}

.greeninvoice-payment-wrapper::after {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25) url("../images/loader.svg") no-repeat center;
  opacity: 0;
  z-index: -1;
  transition: opacity .3s ease;
}

.greeninvoice-payment-iframe {
  border: 0;
  width: 100%;
  height: 600px;
}

.greeninvoice-installments-wrapper {
  max-width: 420px;
  margin: 0 auto;
}

.greeninvoice-installments-field,
.greeninvoice-installments-submit {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
}

.greeninvoice-installments-field {
  padding: 14px 16px;
  background: #f6f6f6 url("../images/dropdown-arrow.png") no-repeat center right 16px;
  border-radius: 8px;
}

.greeninvoice-installments-submit {
  margin-top: 10px;
  text-align: center;
  background-color: #10bb69;
  color: #ffffff;
  padding: 20px;
  border-radius: 50px;
  transition: background-color .3s ease;
}

.greeninvoice-installments-submit:hover,
.greeninvoice-installments-submit:focus {
  text-decoration: none;
  background-color: #0ea45c;
}

.rtl .greeninvoice-installments-field {
  background-position: center left 16px;
}