/* /resources/css/newdesign/eightball-send-money.less */
.send-money-form .controls:first-child label.error-msg {
  /* so error will not overlap */
  z-index: 4;
}
.send-money-form .controls label.error-msg {
  display: block;
  position: absolute;
  top: 35px;
  left: 0;
  background: #9C2B36;
  background: rgba(156, 43, 54, 0.9);
  color: #fff;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1rem;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 10px;
  z-index: 3;
}
.send-money-form input[type="number"] ~ select,
.send-money-form input.amount-currency ~ select {
  /* style the currency dropdown */
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: top;
  position: relative;
  top: 0;
  left: -1px;
}
html[data-device-type="mobile"] .send-money-form .input-wrapper.caboose.error:before {
  right: 25%;
}
html[data-device-type="mobile"] .send-money-form .input-wrapper.caboose.error:after {
  right: 25.16%;
}

/* /send-money-online/head.css */

.hero-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/en_LITE/mktg/wright/send/send_hero_bg_1x.jpg");
}
.hero-bg.parallax .parallax-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/en_LITE/mktg/wright/send/send_hero_bg_1x.jpg");
}
.n1, .n1.parallax .parallax-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/en_LITE/mktg/wright/send/send_n1_1x.jpg");
}
.n3{
    background-image: url("https://www.paypalobjects.com/webstatic/en_LITE/mktg/wright/send/send_n3_lvc_1x.jpg");
}

.hero-bg input {
    margin: 0;
}
.hero-bg .controls {
    margin: 10px 0;
    width: 300px;
}
.hero-bg .controls .input-wrapper {
    display: block;
}
.hero-bg .controls input[type="text"],
html[data-device-type="mobile"] .hero-bg .controls {
    width: 100%;
}
.hero-bg input[type="submit"] {
    width: 99.7%;
}
html[data-device-type="dedicated"] .hero-bg input[type="submit"],
html[data-device-type="portable"] .hero-bg input[type="submit"] {
    width: 300px;
}
.hero-bg .controls input.amount-currency {
    width: 76%;
}
.hero-bg .controls select.currency {
    width: 24%;
}