/* -----------  PayPal Layout  -------- */
.ol-box  { padding-left: 20px; }
#smart-button-container           { border: 0px solid #dfd; }
#smart-button-container li        { margin-bottom: 10px; vertical-align: bottom; }
#smart-button-container select    { height: 22px; padding: 0 5px; }
#smart-button-container select[name="selDescription"]    { width: 120px; }
#smart-button-container label     { font-weight: bold; margin-bottom: 3px; margin-right: 5px;}
#smart-button-container .alert    { color: red; display: inline-block; }
#smart-button-container .alert:after { content: '\0020'; display: block; clear: both; visibility: hidden; height: 0; }
#smart-button-container #paypal-button-container  { margin-top: 7px; max-width: 300px; }
#smart-button-container #invoiceidError.alert     { margin-left: 90px; display: block; }
#smart-button-container input          { font-size: 16px; height: 30px; }
#smart-button-container .c1 input      { width:  55px; }                         /* c2 = ~10 chars */
#smart-button-container .c2 input      { width: 115px; }                         /* c2 = ~20 chars */
#smart-button-container .c3 input      { width: 170px; }                         /* c3 = ~30 chars */
#smart-button-container .c4 input      { width: 230px; }                         /* c4 = ~40 chars */
#smart-button-container .c5 input      { width: 285px; }                         /* c5 = ~50 chars */
#smart-button-container .desc-info     { display: block; }
#result-container label { font-weight: bold; font-size: 14px; margin-top: 2px; display: inline-block; }

@media only screen and (min-width: 788px) and (max-width: 979px) {
  #smart-button-container .c4 input     { width: 200px; }                         /* c4 = ~40 chars */
}
@media only screen and (min-width: 610px) {
  #smart-button-container label   { text-align: right; width: 95px; display: inline-block; margin-top: 6px; }
  #smart-button-container span    { display: inline-block; margin-top: 6px; margin-left: 5px; }
  #smart-button-container #paypal-button-container  { margin-left: 30px;  }
  .desc-info       { margin-left: 30px; }
}
@media only screen and (min-width: 610px) and (max-width: 787px) {
}
/* Mobile and Table (devices and browsers) */
@media only screen and (max-width: 609px) {
  #smart-button-container label     { display: block; margin-top: 10px; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 360px) and (max-width: 609px) {
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 359px) {
}