/**
 * Form-specific styles.
 *
 * Every selector in this stylesheet should contain a #webform-client-form-* 
 * or .node-webform selector. 
 *
 */

/* NRD: Updates to all webforms on D7 site. 03/17/16 */
.node-webform .form-actions button {
  margin-top: 1em;
  margin-bottom: 1em;
}

body.node-type-webform .node-webform fieldset.webform-component-fieldset {
  margin-top: 5px;
}

body.node-type-webform .node-webform div.help-block {
  color: #888;
  font-size: 13px;
}


/* Override Bootstrap for inline elements on desktops. */
@media (min-width: 768px) {
  body.node-type-webform .node-webform .webform-container-inline label.control-label {
    min-width: 25%;
    float: left;
  }
  body.node-type-webform .node-webform .webform-container-inline .form-type-radio label.control-label {
    float: none;
    min-width: 13%;
  }
  body.node-type-webform .node-webform .webform-container-inline input.form-control {
    max-width: 65%;
  }
}


/* IPSS Classification / Scoring Form */
#webform-client-form-1642 {
  display: none; /* Hide the form initially, override with javascript in aamdsif_scoringapp_NID.js */
}
#webform-client-form-1642 label {
  /* width: 40% !important; */
}
#webform-client-form-1642 #webform-component-prognostic-score input[type="text"],
#webform-client-form-1642 .prognostic-score-description
{
  background: inherit;
  background-color: #fff;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 2px solid #333;
  border-right: 1px solid #eee;
  padding: 0.25em;
}
#webform-client-form-1642 .prognostic-score-description {
  margin-top: 1em;
  padding: 0.25em;
}


/* Toolkit and Diagnostic Spectrum Cards order form */
#webform-client-form-787 {}
#webform-client-form-787 #webform-component-order-items--reference-card-quantity {
  /* This item is toggled for display in zen_aamdsif.js. */
  /* display: none; */
}
.not-logged-in #webform-client-form-787 #webform-component-order-items {
  /* display: none; */
}


/* Thank-you / Receipt messages on donation forms and elsewhere (manually added) */
.zen-aamdsif-webform-submission-render-receipt .form-item div,
.zen-aamdsif-webform-submission-render-receipt .form-item label {
  display: inline;
}
.zen-aamdsif-webform-submission-render-receipt .webform-component-fieldset .description {
  display: none;
}


/**
 * Donation form V2 (Sept 2015, updated Feb 2016, March 2016)
 *
 * All selectors in this section should include the prefix:
 *   body.donation-form-pe-v2-processed
 * This class is added via the linkpointapi.module. See the script:
 *   js/donation_form_pe_v2.js
 */
body.donation-form-pe-v2-processed .node-webform .webform-container-inline {
  border: none;
}
/* Styling for tooltips */
body.donation-form-pe-v2-processed .node-webform abbr[rel~=tooltip] span {
  margin-top: 5px;
}
/* Styling for webform radio-buttons */
body.donation-form-pe-v2-processed .node-webform .webform-component-radios .form-item {
}
body.donation-form-pe-v2-processed .node-webform .webform-component-radios .form-radios label,
body.donation-form-pe-v2-processed .node-webform #pe-donation-select-radio label {
  display: inline-block;
  padding: 6px 0 6px 6px;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-right: 5px;
  margin-left: 0;
  width: 13%;
}
body.donation-form-pe-v2-processed .node-webform .webform-component label input.form-radio {
  display: none;
}
body.donation-form-pe-v2-processed .node-webform .form-item .form-radios label.is-checked,
body.donation-form-pe-v2-processed .node-webform #pe-donation-select-radio label.is-checked {
  background-color: #AD2929 !important;
  color: #fff !important;
  border: none;
  border-bottom: 3px solid #C43F30;
}
body.donation-form-pe-v2-processed .node-webform .form-item .form-radios label input {
  background: none !important; /* fix white "border" on radios in IE11 */
}
body.donation-form-pe-v2-processed .node-webform .form-item .form-radios label:hover,
body.donation-form-pe-v2-processed .node-webform #pe-donation-select-radio label:hover {
  background-color: #C43F30;
  border-color: #C43F30;
}
body.donation-form-pe-v2-processed .node-webform .webform-component label input.form-checkbox {
  margin-left: -1.25em;
  margin-top: 0.5em;
}

/* Disabled amount selections (for monthly giving vs. full amount) */
body.donation-form-pe-v2-processed .node-webform #pe-donation-select-radio .amount-disabled {
  color: #888;
}
body.donation-form-pe-v2-processed .node-webform #pe-donation-select-radio label.amount-disabled:hover {
  background-color: inherit;
  border-color: inherit;
}
body.donation-form-pe-v2-processed .node-webform input, 
body.donation-form-pe-v2-processed .node-webform textarea, 
body.donation-form-pe-v2-processed .node-webform select, 
body.donation-form-pe-v2-processed .node-webform fieldset {
  background: #fff;
  border: 1px solid #eee;
  padding: 2px;
  margin: 2px;
}
body.donation-form-pe-v2-processed .node-webform option {}
body.donation-form-pe-v2-processed .node-webform fieldset {
  background: #fafaf9;
  padding: 8px 4px;
}
body.donation-form-pe-v2-processed .node-webform fieldset legend {
  font-size: 1.1em;
  margin-bottom: 10px;
}
body.donation-form-pe-v2-processed .node-webform fieldset p {
  margin-top: 0;
}
body.donation-form-pe-v2-processed .node-webform .form-item {
  margin-right: 0;
  padding-right: 0;
}
body.donation-form-pe-v2-processed .form-group .input-group {
  width: 100%;
}
body.donation-form-pe-v2-processed .webform-component--gift-amount--ec-chargetotal .input-group-addon {
  float: left !important;
}
body.donation-form-pe-v2-processed .webform-component--gift-amount--ec-chargetotal input {
  width: 200px;
  margin-left: 10px;
}
body.donation-form-pe-v2-processed .form-radios-pe-wrapper
body.donation-form-pe-v2-processed .node-webform .form-submit {
  background-color: #AD2929;  
  border:none;
  border-bottom: 3px solid #C43F30;
  padding: 3px 35px;
  font-weight: bold;
  font-size: 1.1em;
  color: #fff;
  cursor:pointer;
}
body.donation-form-pe-v2-processed .node-webform .form-submit:hover {
  background-color: #C43F30;
}

/* Styling for donation amount radio buttons (added via client side PE) */
body.donation-form-pe-v2-processed .node-webform #pe-donation-select-radio {
  border: none !important;
  margin-left: 0 !important;
  width: 100% !important;
}

/* Mobile devices */
@media (max-width: 767px) {
  body.donation-form-pe-v2-processed .node-webform .webform-component-radios .form-radios label,
  body.donation-form-pe-v2-processed .node-webform #pe-donation-select-radio label {
    width: 20%;
  }
}


/**
 * Donation form V3 - Created: July 19, 2017
 *
 * All selectors in this section should include the prefix:
 *   body.donation-form-pe-v3-processed
 * This class is added via the linkpointapi.module. See the script:
 *   js/donation_form_pe_v2.js
 */
body.donation-form-pe-v3-processed .node-webform .webform-container-inline {
  border: none;
}
/* Styling for tooltips */
body.donation-form-pe-v3-processed .node-webform abbr[rel~=tooltip] span {
  margin-top: 5px;
}
/* Styling for webform radio-buttons */
body.donation-form-pe-v3-processed .node-webform .webform-component-radios .form-item {
}
body.donation-form-pe-v3-processed .node-webform .webform-component-radios .form-radios label,
body.donation-form-pe-v3-processed .node-webform #pe-donation-select-radio label {
  display: inline-block;
  padding: 6px 0 6px 6px;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-right: 5px;
  margin-left: 0;
  width: 13%;
}
body.donation-form-pe-v3-processed .node-webform .webform-component .form-radios label input.form-radio {
  display: none;
}
body.donation-form-pe-v3-processed .node-webform .form-item .form-radios label.is-checked,
body.donation-form-pe-v3-processed .node-webform #pe-donation-select-radio label.is-checked {
  background-color: #AD2929 !important;
  color: #fff !important;
  border: none;
  border-bottom: 3px solid #C43F30;
}
body.donation-form-pe-v3-processed .node-webform .form-item .form-radios label input {
  background: none !important; /* fix white "border" on radios in IE11 */
}
body.donation-form-pe-v3-processed .node-webform .form-item .form-radios label:hover,
body.donation-form-pe-v3-processed .node-webform #pe-donation-select-radio label:hover {
  background-color: #C43F30;
  border-color: #C43F30;
}
body.donation-form-pe-v3-processed .node-webform .webform-component label input.form-checkbox {
  margin-left: -1.25em;
  margin-top: 0.5em;
}

/* Disabled amount selections (for monthly giving vs. full amount) */
body.donation-form-pe-v3-processed .node-webform #pe-donation-select-radio .amount-disabled {
  color: #888;
}
body.donation-form-pe-v3-processed .node-webform #pe-donation-select-radio label.amount-disabled:hover {
  background-color: inherit;
  border-color: inherit;
}
/* body.donation-form-pe-v3-processed .node-webform input,  */
body.donation-form-pe-v3-processed .node-webform textarea, 
body.donation-form-pe-v3-processed .node-webform select, 
body.donation-form-pe-v3-processed .node-webform fieldset {
  background: #fff;
  border: 1px solid #eee;
  padding: 2px;
  margin: 2px;
}
body.donation-form-pe-v3-processed .node-webform option {}
body.donation-form-pe-v3-processed .node-webform fieldset {
  background: #fafaf9;
  padding: 8px 4px;
}
body.donation-form-pe-v3-processed .node-webform fieldset legend {
  font-size: 1.1em;
  margin-bottom: 10px;
}
body.donation-form-pe-v3-processed .node-webform fieldset p {
  margin-top: 0;
}
body.donation-form-pe-v3-processed .node-webform .form-item {
  margin-right: 0;
  padding-right: 0;
}
body.donation-form-pe-v3-processed .form-group .input-group {
  width: 100%;
}
body.donation-form-pe-v3-processed .webform-component--gift-amount--ec-chargetotal .input-group-addon {
  float: left !important;
}
body.donation-form-pe-v3-processed .webform-component--gift-amount--ec-chargetotal input {
  width: 200px;
  margin-left: 10px;
}
body.donation-form-pe-v3-processed .form-radios-pe-wrapper
body.donation-form-pe-v3-processed .node-webform .form-submit {
  background-color: #AD2929;  
  border:none;
  border-bottom: 3px solid #C43F30;
  padding: 3px 35px;
  font-weight: bold;
  font-size: 1.1em;
  color: #fff;
  cursor:pointer;
}
body.donation-form-pe-v3-processed .node-webform .form-submit:hover {
  background-color: #C43F30;
}

/* Styling for donation amount radio buttons (added via client side PE) */
body.donation-form-pe-v3-processed .node-webform #pe-donation-select-radio {
  border: none !important;
  margin-left: 0 !important;
  width: 100% !important;
}

/* Mobile devices */
@media (max-width: 767px) {
  body.donation-form-pe-v3-processed .node-webform .webform-component-radios .form-radios label,
  body.donation-form-pe-v3-processed .node-webform #pe-donation-select-radio label {
    width: 20%;
  }
}

/* Override "boxlike" styling for certain radio buttons and groups. */


/**
 * filefield-track-download-form
 * This is a custom form (not webform module).  But it uses the Drupal Form-API, so selectors are similar.
 */
form#filefield-track-download-form {}
form#filefield-track-download-form button.form-submit {
  float: left !important;
  margin-right: 10px;
}
form#filefield-track-download-form p.filefield-track-return-link {
  padding-top: 4px;
}