/* OffshoreDedi V3.7 - invoice gateway selector caret alignment fix */

/* Hide the previous Font Awesome sort icon. On Firefox/macOS its inline
   line box could sit below the select, making the arrows look detached. */
.invoice-container .od-gateway-select-icon{
  display:none !important;
}

/* Draw the dropdown affordance as part of the select background itself.
   This keeps it vertically centered inside the field in Firefox, Chrome,
   Safari and Edge regardless of surrounding invoice layout. */
.invoice-container select.od-gateway-select,
.invoice-container .od-gateway-select{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  padding-right:44px !important;
  background-color:#fff !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18' viewBox='0 0 14 18'%3E%3Cpath d='M3 7l4-4 4 4' fill='none' stroke='%233d4651' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 11l4 4 4-4' fill='none' stroke='%233d4651' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:14px 18px !important;
}

.invoice-container select.od-gateway-select:hover,
.invoice-container select.od-gateway-select:focus{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18' viewBox='0 0 14 18'%3E%3Cpath d='M3 7l4-4 4 4' fill='none' stroke='%23252b33' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 11l4 4 4-4' fill='none' stroke='%23252b33' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

@media print{
  .invoice-container select.od-gateway-select{
    background-image:none !important;
    padding-right:14px !important;
  }
}