/* This is in the new "dist" folder */

/*  ========================================================================== Import Core Files ========================================================================== */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid, .navigation, .transaction-details, .ui-option-list, .ui-management-list, .ui-pagination { margin: 0; padding: 0; list-style: none; }

img { max-width: 100%; }

.container { zoom: 1; max-width: 960px; margin: 0 auto; }

.container:before, .container:after { content: ""; display: table; }

.container:after { clear: both; }

.container.primary { max-width: 1020px; }

.container.padded { padding: 1em 0; }

.grid { border: none; margin-left: -30px; }

.grid.tight-grid { margin-left: -15px; }

.grid.no-spacing { margin-left: 0; }

.grid-unit { width: 100%; padding-left: 30px; float: left; }

.grid-unit.centered { margin: 0 auto; float: none; }

.tight-grid .grid-unit { padding-left: 15px; }

.no-spacing .grid-unit { padding-left: 0; }

/* Whole */
.mobile-whole { width: 100%; }

/* Halves */
.mobile-one-half, .mobile-two-quarters, .mobile-three-sixths, .mobile-six-twelfths { width: 50%; }

/* Thirds */
.mobile-one-third, .mobile-two-sixths, .mobile-four-twelfths { width: 33.33333%; }

.mobile-two-thirds, .mobile-four-sixths, .mobile-eight-twelfths { width: 66.66666%; }

/* Quarters */
.mobile-one-quarter, .mobile-three-twelfths { width: 25%; }

.mobile-three-quarters, .mobile-nine-twelfths { width: 75%; }

/* Fifths */
.mobile-one-fifth { width: 20%; }

.mobile-two-fifths { width: 40%; }

.mobile-three-fifths { width: 60%; }

.mobile-four-fifths { width: 80%; }

/* Sixths */
.mobile-one-sixth, .mobile-two-twelfths { width: 16.66666%; }

.mobile-five-sixths, .mobile-ten-twelfths { width: 83.33333%; }

/* Twelfths */
.mobile-one-twelfth { width: 8.33333%; }

.mobile-five-twelfths { width: 41.66666%; }

.mobile-seven-twelfths { width: 58.33333%; }

.mobile-eleven-twelfths { width: 91.66666%; }

@media screen and (min-width: 480px) { /* Whole */
  .tablet-whole { width: 100%; }
  /* Halves */
  .tablet-one-half, .tablet-two-quarters, .tablet-three-sixths, .tablet-six-twelfths { width: 50%; }
  /* Thirds */
  .tablet-one-third, .tablet-two-sixths, .tablet-four-twelfths { width: 33.33333%; }
  .tablet-two-thirds, .tablet-four-sixths, .tablet-eight-twelfths { width: 66.66666%; }
  /* Quarters */
  .tablet-one-quarter, .tablet-three-twelfths { width: 25%; }
  .tablet-three-quarters, .tablet-nine-twelfths { width: 75%; }
  /* Fifths */
  .tablet-one-fifth { width: 20%; }
  .tablet-two-fifths { width: 40%; }
  .tablet-three-fifths { width: 60%; }
  .tablet-four-fifths { width: 80%; }
  /* Sixths */
  .tablet-one-sixth, .tablet-two-twelfths { width: 16.66666%; }
  .tablet-five-sixths, .tablet-ten-twelfths { width: 83.33333%; }
  /* Twelfths */
  .tablet-one-twelfth { width: 8.33333%; }
  .tablet-five-twelfths { width: 41.66666%; }
  .tablet-seven-twelfths { width: 58.33333%; }
  .tablet-eleven-twelfths { width: 91.66666%; } }

@media screen and (min-width: 1025px) { .one-twelfth { width: 8.33333%; }
  .two-twelfths { width: 16.66667%; }
  .three-twelfths { width: 25%; }
  .four-twelfths { width: 33.33333%; }
  .five-twelfths { width: 41.66667%; }
  .six-twelfths { width: 50%; }
  .seven-twelfths { width: 58.33333%; }
  .eight-twelfths { width: 66.66667%; }
  .nine-twelfths { width: 75%; }
  .ten-twelfths { width: 83.33333%; }
  .eleven-twelfths { width: 91.66667%; }
  .whole { width: 100%; float: none; clear: both; }
  .grid-unit.push-left-one-twelfth { margin-left: 8.33333%; }
  .grid-unit.push-left-two-twelfths { margin-left: 16.66667%; }
  .grid-unit.push-left-three-twelfths { margin-left: 25%; }
  .grid-unit.push-left-four-twelfths { margin-left: 33.33333%; }
  .grid-unit.push-left-five-twelfths { margin-left: 41.66667%; }
  .grid-unit.push-left-six-twelfths { margin-left: 50%; }
  .grid-unit.push-right-one-twelfths { margin-right: 8.33333%; } }

@media screen and (min-width: 1280px) { /* Whole */
  .super-whole { width: 100%; }
  /* Halves */
  .super-one-half, .super-two-quarters, .super-three-sixths, .super-six-twelfths { width: 50%; }
  /* Thirds */
  .super-one-third, .super-two-sixths, .super-four-twelfths { width: 33.33333%; }
  .super-two-thirds, .super-four-sixths, .super-eight-twelfths { width: 66.66666%; }
  /* Quarters */
  .super-one-quarter, .super-three-twelfths { width: 25%; }
  .super-three-quarters, .super-nine-twelfths { width: 75%; }
  /* Fifths */
  .super-one-fifth { width: 20%; }
  .super-two-fifths { width: 40%; }
  .super-three-fifths { width: 60%; }
  .super-four-fifths { width: 80%; }
  /* Sixths */
  .super-one-sixth, .super-two-twelfths { width: 16.66666%; }
  .super-five-sixths, .super-ten-twelfths { width: 83.33333%; }
  /* Twelfths */
  .super-one-twelfth { width: 8.33333%; }
  .super-five-twelfths { width: 41.66666%; }
  .super-seven-twelfths { width: 58.33333%; }
  .super-eleven-twelfths { width: 91.66666%; } }

.lt-ie9 .one-twelfth { width: 8.33333%; }

.lt-ie9 .two-twelfths { width: 16.66667%; }

.lt-ie9 .three-twelfths { width: 25%; }

.lt-ie9 .four-twelfths { width: 33.33333%; }

.lt-ie9 .five-twelfths { width: 41.66667%; }

.lt-ie9 .six-twelfths { width: 50%; }

.lt-ie9 .seven-twelfths { width: 58.33333%; }

.lt-ie9 .eight-twelfths { width: 66.66667%; }

.lt-ie9 .nine-twelfths { width: 75%; }

.lt-ie9 .ten-twelfths { width: 83.33333%; }

.lt-ie9 .eleven-twelfths { width: 91.66667%; }

.lt-ie9 .whole { width: 100%; float: none; clear: both; }

@media print { .one-twelfth { width: 8.33333%; }
  .two-twelfths { width: 16.66667%; }
  .three-twelfths { width: 25%; }
  .four-twelfths { width: 33.33333%; }
  .five-twelfths { width: 41.66667%; }
  .six-twelfths { width: 50%; }
  .seven-twelfths { width: 58.33333%; }
  .eight-twelfths { width: 66.66667%; }
  .nine-twelfths { width: 75%; }
  .ten-twelfths { width: 83.33333%; }
  .eleven-twelfths { width: 91.66667%; }
  .whole { width: 100%; float: none; clear: both; } }

@media print { * { background: transparent !important; color: #000 !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a { text-decoration: underline; }
  a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  a[href^="javascript:"]:after { content: ""; }
  a[href^="#"]:after, .hide-print-link:after { content: "" !important; }
  pre { border: 1px solid #999; page-break-inside: avoid; }
  blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr { page-break-inside: avoid; }
  img { page-break-inside: avoid; max-width: 100% !important; }
  @page { margin: 1cm; }
  p { orphans: 3; widows: 3; }
  h2 { orphans: 3; widows: 3; page-break-after: avoid; }
  h3 { orphans: 3; widows: 3; page-break-after: avoid; }
  body { width: 100%; font-size: 12px; color: #000; background: #fff; }
  .print-only { display: block !important; }
  .no-print { display: none !important; }
  .print-full { width: 100% !important; } }

@font-face { font-family: 'qgiv-icons'; src: url("/resources/core/fonts/qgiv-icons.eot?-90vsym"); src: url("/resources/core/fonts/qgiv-icons.eot?#iefix-90vsym") format("embedded-opentype"), url("/resources/core/fonts/qgiv-icons.woff?-90vsym") format("woff"), url("/resources/core/fonts/qgiv-icons.ttf?-90vsym") format("truetype"), url("/resources/core/fonts/qgiv-icons.svg?-90vsym#qgiv-icons") format("svg"); font-weight: normal; font-style: normal; }

/*  ========================================================================== SCSS Silent Classes ========================================================================== */
.form-field, .field-secondary-label, .option-label, .submit-button.appearance-disabled { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.ui-management-item .item-content .form-actions, .ui-modal-content .form-actions { text-align: center; }

.ui-management-item .item-content .form-actions .ui-button, .ui-modal-content .form-actions .ui-button { width: 100%; margin-bottom: 0.75em; }

/*  ========================================================================== Global Classes ========================================================================== */
.cf, .grid, .ui-modal-content { zoom: 1; }

.cf:before, .grid:before, .ui-modal-content:before, .cf:after, .grid:after, .ui-modal-content:after { content: ""; display: table; }

.cf:after, .grid:after, .ui-modal-content:after { clear: both; }

.ui-primary-color { background-color: red; }

.ui-success-color { background-color: red; }

.ui-error-color { background-color: red; }

.ui-text-success-color { color: red; }

.ui-text-error-color { color: red; }

.ui-highlight-color { background-color: red; }

.ui-text-highlight-color { color: red; }

.ui-application-primary-color { background-color: red; }

.ui-application-text-primary-color { color: red; }

.ui-application-color { background-color: red; }

.ui-application-text-color { color: red; }

.ui-application-secondary-color { background-color: red; }

.ui-application-text-secondary-color { color: red; }

.bg-facebook { background-color: red; }

.text-facebook { color: red; }

.bg-twitter { background-color: red; }

.text-twitter { color: red; }

/*  ========================================================================== Global Styles ========================================================================== */
html { -webkit-font-smoothing: antialiased; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }

a { color: #06d; text-decoration: none; }

/*  ========================================================================== Modules ========================================================================== */
/*  Typography ========================================================================== */
.heading, .heading-alpha, .form-section-title, .container-title, .heading-beta, .heading-gamma, .heading-delta, .heading-epsilon { display: block; font-weight: bold; max-width: 100%; word-break: break-word; }

.heading-alpha, .form-section-title, .container-title { font-size: 1.125em; margin: 0 0 0.75em; }

.heading-beta { font-size: 1.125em; margin: 0 0 0.625em; }

.heading-gamma { font-size: 1em; margin: 0 0 0.75em; }

.heading-delta { font-size: 0.875em; margin: 0 0 0.5em; }

.heading-epsilon { font-size: 0.875em; font-weight: bold; letter-spacing: -0.01em; }

.heading-with-option { display: inline-block; float: left; margin-right: 1em; }

.heading-option { display: inline-block; }

.heading-option.option-label { padding: 0.25em 0.5em; }

.event-section-title:before { content: '[Event] '; }

/*  UI Progress Bar ========================================================================== */
.ui-progress-bar { background: #fff; border-radius: 0; height: 5px; overflow: hidden; position: relative; width: 100%; }

.ui-progress-bar .ui-progress-fill { position: absolute; top: 0; left: 0; bottom: 0; }

.ui-progress-bar .ui-progress-text { color: #fff; font-size: 1em; font-weight: bold; left: 1em; line-height: 25px; position: absolute; }

.ui-progress-bar .ui-progress-text.anchor-right { left: auto; right: 1em; }

.ui-progress-bar.large { border-radius: 25px; height: 25px; }

.ui-progress-bar.grey { background: #b9c2c7; }

/*  Navigation ========================================================================== */
.nav-sub-menu { display: none; position: absolute; top: 100%; }

.nav-sub-menu.anchor-right { right: 0; }

.nav-item { position: relative; }

.nav-item:hover .nav-sub-menu, .nav-item.hover-delay .nav-sub-menu { display: block; }

.navigation.horizontal { display: inline-block; }

.navigation.horizontal .nav-item { display: inline-block; }

/*  Account Navigation ========================================================================== */
.account-navigation { font-size: 0.875em; padding: 0.5em; text-align: center; }

.account-navigation .help-link, .account-navigation .back-to-form-link { color: #333; font-weight: bold; padding: 0.5em; }

.account-navigation .ui-popup-container { font-size: 1.14286em; }

.account-navigation .navigation { padding: 0.5em; }

.account-navigation .nav-item-link { font-weight: bold; }

.account-navigation.active { background-color: #333; color: #fff; padding: 0.75em 1em 2.75em 1em; margin-bottom: -1.75em; }

.account-navigation.active .nav-item { color: #abb7bd; padding: 0 0.25em; }

.account-navigation.active a { color: #fff; }

.account-navigation.active a:hover { border-bottom-color: #e4e8ea; color: #e4e8ea; }

.isolated-form .account-navigation.active { -moz-border-radius: 1.25em 1.25em 0 0; -webkit-border-radius: 1.25em 1.25em 0 0; border-radius: 1.25em 1.25em 0 0; }

/*  Donor Account Navigation ========================================================================== */
.donor-account-navigation { background-color: #e4e8ea; position: relative; z-index: 3; }

.donor-account-navigation .navigation { display: block; }

.donor-account-navigation .nav-item { float: left; width: 33.33333%; border-left: 1px solid #b9c2c7; border-bottom: 1px solid #b9c2c7; }

.donor-account-navigation .nav-item:first-child { border-left: none; }

.isolated-form .donor-account-navigation .nav-item:first-child { -moz-border-radius: 1.25em 0 0 0; -webkit-border-radius: 1.25em 0 0 0; border-radius: 1.25em 0 0 0; }

.isolated-form .donor-account-navigation .nav-item:last-child { -moz-border-radius: 0 1.25em 0 0; -webkit-border-radius: 0 1.25em 0 0; border-radius: 0 1.25em 0 0; }

.donor-account-navigation .nav-item.active { background-color: #fff; border-bottom-color: #fff; }

.donor-account-navigation .nav-item-link { display: block; position: relative; color: #333; font-weight: bold; font-size: 0.875em; text-align: center; padding: 1.5em 0; }

.donor-account-navigation .nav-icon { font-size: 1.5em; }

.donor-account-navigation .nav-item-link-label { display: none; }

.donor-account-navigation .ui-options-dropdown { position: absolute; right: 15%; top: 0; margin-top: 1.4em; }

.donor-account-navigation .ui-options-dropdown .ui-options-toggle { background-color: #333; }

.donor-account-navigation .ui-options-dropdown .ui-options-content { background-color: #333; width: 200px; padding: 0; }

.donor-account-navigation .has-options-dropdown .nav-item-link { text-indent: -1.5em; }

.isolated-form .donor-account-navigation { -moz-border-radius: 1.25em 1.25em 0 0; -webkit-border-radius: 1.25em 1.25em 0 0; border-radius: 1.25em 1.25em 0 0; }

/*  Sub Navigation ========================================================================== */
.sub-navigation { list-style: none; }

.sub-navigation .sub-nav-item { border-top: 1px solid #4d4d4d; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }

.sub-navigation .sub-nav-item:hover { background-color: #4d4d4d; }

.sub-navigation .sub-nav-item:first-child { border-top: none; -moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }

.sub-navigation .sub-nav-item:last-child { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }

.sub-navigation .sub-nav-item-link { display: block; padding: 1em; font-size: 0.875em; color: #fff; font-weight: bold; }

/*  Receipt Page ========================================================================== */
.qgiv-receipt-content p { font-size: 0.8125em; line-height: 1.4em; margin: 0 0 0.75em; }

.transaction-details { margin-bottom: 0.5em; border-bottom: 1px solid #b9c2c7; }

.transaction-item { border-top: 1px solid #d5dbde; font-size: 0.875em; padding: 0.5em 0; }

.transaction-item:first-child { border-top: none; padding-top: 0; }

.transaction-item .price { float: right; }

.transaction-item-details { color: #4d4d4d; }

.transaction-item-sub-heading { margin: 0 0 0.25em; }

.transaction-field-entries { margin-bottom: 0.75em; overflow: hidden; border-left: 2px solid #b9c2c7; padding-left: 0.5em; }

.transaction-field-entry { padding: 0.25em 0; }

.transaction-field-entry p { margin-bottom: 0.5em; }

/*  SMS ========================================================================== */
.callout-sub-heading { font-size: 0.75em; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #666666; margin: 0 0 1em; }

.donation-heading { font-size: 2.5em; font-weight: bold; margin-bottom: 0.5em; }

.callout-link { font-size: 0.875em; font-weight: bold; }

.sms-view .ui-button { padding-left: 0; padding-right: 0; }

/* UI Toggle / Switch */
.ui-toggle { display: inline-block; background-color: #525e66; width: 2.25em; height: 1.125em; overflow: hidden; position: relative; cursor: pointer; vertical-align: middle; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }

.ui-toggle-field { display: none; }

.ui-toggle-field + .ui-toggle-icon-label { filter: alpha(opacity=100); opacity: 1; }

.ui-toggle-field:checked ~ .ui-toggle .ui-toggle-background { filter: alpha(opacity=100); opacity: 1; }

.ui-toggle-field:checked ~ .ui-toggle .ui-toggle-handle { left: 100%; margin-left: -1em; }

.ui-toggle-field:checked + .ui-toggle-icon-label { filter: alpha(opacity=50); opacity: 0.5; }

.ui-toggle-field:checked ~ .ui-toggle-icon-label:last-child { filter: alpha(opacity=100); opacity: 1; }

.lt-ie9 .ui-toggle-field { display: block; position: absolute; left: -99999px; }

.lt-ie9 .ui-toggle-field.active ~ .ui-toggle .ui-toggle-background { filter: alpha(opacity=100); opacity: 1; }

.lt-ie9 .ui-toggle-field.active ~ .ui-toggle .ui-toggle-handle { left: 100%; margin-left: -1em; }

.lt-ie9 .ui-toggle-field.active + .ui-toggle-icon-label { filter: alpha(opacity=50); opacity: 0.5; }

.lt-ie9 .ui-toggle-field.active ~ .ui-toggle-icon-label:last-child { filter: alpha(opacity=100); opacity: 1; }

.ui-toggle-background, .ui-toggle-handle { display: block; }

.ui-toggle-background { float: left; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.ui-toggle-background.ui-primary-color, .ui-toggle-background.ui-success-color { filter: alpha(opacity=0); opacity: 0; }

.ui-toggle-handle { display: block; background-color: #fff; width: 0.875em; height: 0.875em; position: absolute; top: 2px; left: 2px; cursor: pointer; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.ui-toggle-icon-label { display: inline-block; cursor: pointer; padding: 0 0.25em; vertical-align: middle; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; filter: alpha(opacity=50); opacity: 0.5; }

.ui-toggle-icon-label img { position: relative; top: 2px; }

/* UI Options Dropdown */
.ui-options-dropdown { position: relative; display: inline-block; vertical-align: middle; line-height: 1; }

.ui-options-dropdown .ui-options-toggle { display: block; width: 1em; height: 1em; position: relative; cursor: pointer; background-color: #d5dbde; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; filter: alpha(opacity=75); opacity: 0.75; }

.ui-options-dropdown .ui-options-toggle:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -4px; border: 4px solid transparent; border-top-color: #fff; }

.ui-options-dropdown .ui-options-content { display: none; text-align: left; background-color: #d5dbde; color: #fff; padding: 1em; position: absolute; top: 100%; right: 0; -moz-border-radius: 3px 0 3px 3px; -webkit-border-radius: 3px 0 3px 3px; border-radius: 3px 0 3px 3px; }

.ui-options-dropdown.active { z-index: 1; }

.ui-options-dropdown.active .ui-options-toggle { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; filter: alpha(opacity=100); opacity: 1; }

.ui-options-dropdown.active .ui-options-toggle:before { border-top-color: transparent; border-bottom-color: #fff; margin-top: -6px; }

.ui-options-dropdown.active .ui-options-content { display: block; }

.ui-options-dropdown.is-left-aligned .ui-options-content { left: 0; right: auto; }

.ui-options-dropdown.is-left-aligned .ui-options-toggle:before, .ui-options-dropdown.is-left-aligned .ui-options-content:before { left: 0.75em; right: auto; }

.event-banner .ui-options-dropdown, .cms-qgiv .ui-options-dropdown { margin-right: 0.5em; }

.event-banner .ui-options-dropdown .ui-options-content, .cms-qgiv .ui-options-dropdown .ui-options-content { cursor: default; font-weight: normal; padding: 1.5em; }

.event-banner .ui-options-dropdown .field-label, .cms-qgiv .ui-options-dropdown .field-label { font-size: 0.825em; margin-top: 0; }

.event-banner .ui-options-dropdown .form-field, .event-banner .ui-options-dropdown .ui-select, .cms-qgiv .ui-options-dropdown .form-field, .cms-qgiv .ui-options-dropdown .ui-select { font-size: 0.75em; }

.event-banner .ui-options-dropdown .form-actions, .cms-qgiv .ui-options-dropdown .form-actions { color: #333; }

.event-banner .ui-options-dropdown.active, .cms-qgiv .ui-options-dropdown.active { background-color: #d5dbde; margin-top: 0.5em; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

.event-banner .ui-options-dropdown.active .ui-options-trigger, .cms-qgiv .ui-options-dropdown.active .ui-options-trigger { background-color: transparent; color: #333; margin-top: 0.5em; }

.ui-options-dropdown { z-index: 1; }

.ui-options-dropdown .ui-options-toggle { height: 1.5em; margin: -3px 0 -2px; width: 1.5em; }

.ui-options-dropdown .ui-options-content.anchor-left { -moz-border-radius: 0 3px 3px 3px; -webkit-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; }

.ui-options-dropdown .checkbox-list { border: none; }

.ui-options-dropdown .checkbox-list .checkbox-list-item { border: none; font-weight: normal; padding: 0; }

.ui-options-dropdown .field-label { font-size: 1.14286em; line-height: 1.4em; margin: 0.25em 0; }

.ui-options-dropdown .field-input { margin-right: 0.25em; }

.is-light-theme .ui-option.ui-option-inline.is-active .option-label { color: #415a69; background: transparent; }

.ui-option.ui-option-inline.is-active .option-label { color: #fff; background: transparent; }

.ui-option.ui-option-inline.is-active:hover { background-color: currentColor; }

.ui-option.ui-option-inline.is-active:hover .option-label { background-color: transparent; }

/*  Custom HTML Widget Styles ========================================================================== */
.page-default-skin .html-widget { background: #fff; padding: 1.5em; }

/*  Form Container ========================================================================== */
.isolated-form { padding: 0.5em; }

.is-facebook { max-width: 600px; margin: 0 auto; }

.page-default-skin .page-container { padding-top: 0; background-attachment: local; }

.qgiv-form { background-color: #fff; min-height: 400px; padding: 1em; }

.isolated-form .qgiv-form { padding: 1em; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.no-boxshadow .isolated-form .qgiv-form { border: 1px solid #b9c2c7; }

.isolated-form .qgiv-form.donor-form { padding: 0; }

.isolated-form .qgiv-form.donor-form .donor-content { padding: 1em; }

.is-submitting .qgiv-form .form-content { visibility: hidden; max-height: 500px; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.cms-enabled .qgiv-form { padding: 0.75em; }

.form-section { border: none; border-bottom: 1px solid #b9c2c7; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 1em; padding: 0 0 1em; }

.form-section:hover .field-secondary-label { background-color: #f16630; }

.form-section.no-border, .form-section.empty-section { border-bottom: none; padding-bottom: 0; }

.form-section.empty-section { margin-bottom: 0; }

.cms-enabled .form-section { border: none; margin: 0; padding: 0; }

.field-section { padding-bottom: 0.75em; margin-bottom: 0.75em; border-bottom: 1px dotted #b9c2c7; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); }

.field-section.no-border { border-bottom: none; padding-bottom: 0; }

.section-description { font-size: 0.875em; margin: -0.25em 0 1.5em; }

.form-actions { padding: 1em 0; }

.form-actions .ui-button { margin-right: 0.75em; }

.alt-action { padding: 0.25em; font-weight: bold; cursor: pointer; }

/*  Form Fields ========================================================================== */
.field-container { margin-bottom: 0.5em; position: relative; }

.form-field { display: inline-block; position: relative; width: 100%; background-color: #fff; padding: 0.375em 0.375em; font-size: 1em; border: 1px solid #b9c2c7; }

.form-field.has-error { background-color: #fdf6f6; border: 1px solid #e77e73; }

.form-field.large-input { font-size: 1.125em; padding: 0.5em; }

label[for] { cursor: pointer; }

.field-label { display: inline-block; font-size: 0.8125em; font-weight: 500; margin-bottom: 0.38462em; }

.field-label.media-body { display: block; }

.grid-unit .select-field select, .select-field.grid-unit select { width: 100%; }

select.has-error { border: 1px solid #e77e73; }

.checkbox-field .field-input { margin-right: 0.75em; }

.multi-input-field .form-field { margin-top: 0.5em; }

.multi-input-field .form-field:first-child { margin-top: 0; }

.inline-form-fields { line-height: 2em; font-size: 0.875em; }

.inline-form-fields .inline-field-container { display: inline-block; vertical-align: middle; }

.inline-form-fields .form-field { display: block; }

.label-is-placeholder .field-label { color: #9da9b0; cursor: text; font-weight: normal; line-height: 1.5em; margin-bottom: 0; max-width: 99%; overflow: hidden; padding: 0.25em 0.5em; position: absolute; top: 0; left: 0; text-overflow: ellipsis; white-space: nowrap; z-index: 2; /* disable text selection */ -webkit-touch-callout: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }

.label-is-placeholder.has-value .field-label { z-index: 0; }

.field-secondary-label { background-color: #b9c2c7; color: white; text-transform: uppercase; font-size: 0.69231em; font-weight: bold; padding: 2px; margin-left: 3px; margin-top: -2px; display: inline-block; vertical-align: middle; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.field-message { display: inline-block; font-size: 0.75em; font-weight: bold; color: #d03424; padding: 0.25em 0; }

.field-with-affix { position: relative; }

.field-with-affix .affix-label { position: absolute; top: 0; bottom: 0; text-align: center; width: 1.5em; padding: 0.4375em 0; font-size: 0.875em; color: #4d4d4d; z-index: 2; }

.field-with-affix.small .affix-label { width: 2.25em; }

.field-with-affix.medium .affix-label { width: 3em; }

.field-with-affix.large .affix-label { width: 3.75em; }

.field-with-affix.has-prefix .affix-label { left: 0; }

.pledges .field-with-affix.has-prefix .affix-label { left: 0.5em; }

.field-with-affix.has-prefix .form-field { padding-left: 1.5em; }

.field-with-affix.has-prefix.small .form-field { padding-left: 2.25em; }

.field-with-affix.has-prefix.medium .form-field { padding-left: 3em; }

.field-with-affix.has-prefix.large .form-field { padding-left: 3.75em; }

.field-with-affix.has-suffix .affix-label { right: 0; }

.pledges .field-with-affix.has-suffix .affix-label { right: 0.5em; }

.field-with-affix.has-suffix .form-field { padding-right: 1.5em; }

.field-with-affix.has-suffix.small .form-field { padding-right: 2.25em; }

.field-with-affix.has-suffix.medium .form-field { padding-right: 3em; }

.field-with-affix.has-suffix.large .form-field { padding-right: 3.75em; }

.field-with-affix.has-datepicker .affix-label { color: #d03424; }

.inline-form-fields .field-with-affix { display: inline-block; }

/* Select Dropdown */
.ui-select { background-color: #fff; font-size: 1em; border: 1px solid #b9c2c7; padding: 0.375em; }

.max-width-select { max-width: 100%; }

.max-width-select .ui-select { width: 100%; }

/*  Events ========================================================================== */
.event-media-container { float: right; max-width: 50%; margin: 0.625em 0 0.625em 2em; }

.event-media { border: 3px solid #e4e8ea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.event-media img { display: block; width: 100%; }

.event-details .user-html-content { clear: none; }

.event-packages .option-field { min-width: 56px; }

.package-participant-fields .package-participant-field { border-top: 1px solid #e4e8ea; padding: 0.5em 0; }

.package-participant-fields .package-participant-field:first-child { border-top: none; padding-top: 0; }

/*  Toggle ========================================================================== */
.ui-toggle { display: inline-block; background-color: #525e66; width: 2.25em; height: 1.125em; overflow: hidden; position: relative; cursor: pointer; vertical-align: middle; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }

.ui-toggle-field { display: none; }

.ui-toggle-field + .ui-toggle-icon-label { filter: alpha(opacity=100); opacity: 1; }

.ui-toggle-field:checked ~ .ui-toggle .ui-toggle-background { filter: alpha(opacity=100); opacity: 1; }

.ui-toggle-field:checked ~ .ui-toggle .ui-toggle-handle { left: 100%; margin-left: -1em; }

.ui-toggle-field:checked + .ui-toggle-icon-label { filter: alpha(opacity=50); opacity: 0.5; }

.ui-toggle-field:checked ~ .ui-toggle-icon-label:last-child { filter: alpha(opacity=100); opacity: 1; }

.lt-ie9 .ui-toggle-field { display: block; position: absolute; left: -99999px; }

.lt-ie9 .ui-toggle-field.active ~ .ui-toggle .ui-toggle-background { filter: alpha(opacity=100); opacity: 1; }

.lt-ie9 .ui-toggle-field.active ~ .ui-toggle .ui-toggle-handle { left: 100%; margin-left: -1em; }

.lt-ie9 .ui-toggle-field.active + .ui-toggle-icon-label { filter: alpha(opacity=50); opacity: 0.5; }

.lt-ie9 .ui-toggle-field.active ~ .ui-toggle-icon-label:last-child { filter: alpha(opacity=100); opacity: 1; }

.ui-toggle-background, .ui-toggle-handle { display: block; }

.ui-toggle-background { float: left; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.ui-toggle-background.ui-primary-color, .ui-toggle-background.ui-success-color { filter: alpha(opacity=0); opacity: 0; }

.ui-toggle-handle { display: block; background-color: #fff; width: 0.875em; height: 0.875em; position: absolute; top: 2px; left: 2px; cursor: pointer; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.ui-toggle-icon-label { display: inline-block; cursor: pointer; padding: 0 0.25em; vertical-align: middle; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; filter: alpha(opacity=50); opacity: 0.5; }

.ui-toggle-icon-label img { position: relative; top: 2px; }

/*  Option List ========================================================================== */
.ui-option { margin-bottom: 6px; background-color: #fff; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }

.ui-option:hover { background-color: #f2f4f5; }

.ui-option .option-field { float: left; margin-right: 0.5em; }

.ui-option .option-field.select-field { margin-top: 0.5em; margin-left: 0.5em; }

.input-list .ui-option .option-field { margin-right: 1em; }

.ui-option .option-symbol { float: left; margin-right: 0.5em; line-height: 2em; }

.ui-option .option-label { display: block; cursor: pointer; padding: 0.5em; overflow: hidden; }

.ui-option .option-title { font-size: 1em; font-weight: 500; }

.input-list .ui-option .option-title { line-height: 2em; }

.ui-option .option-description { display: block; overflow: hidden; }

.ui-option .description { display: block; font-size: 0.8125em; line-height: 1.25em; margin-bottom: 0.5em; }

.ui-option .description a { font-weight: bold; }

.ui-option .logo { width: 100px; float: left; margin-right: 8px; }

.ui-option.padded-2x .option-label { padding: 1em; }

.ui-option.padded-2x .description { margin-bottom: 0; }

.ui-option.vertical-align-middle { position: relative; }

.ui-option.vertical-align-middle .option-label { padding-left: 1.875em; }

.ui-option.vertical-align-middle .option-field { float: none; left: 0.5em; margin: -0.55em 0 0 0; position: absolute; top: 50%; }

.ui-option.vertical-align-middle.padded-2x .option-label { padding-left: 3.25em; }

.ui-option.vertical-align-middle.padded-2x .option-field { left: 1.125em; }

.no-boxshadow .ui-option { border: 1px solid #c7d0d4; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.highlight-active .ui-option.active { background-color: #c7d0d4; }

.hide-inputs .ui-option .option-field { display: none; }

.hide-descriptions .ui-option .description { display: none; }

.hide-descriptions .ui-option.active .description { display: block; }

.ui-option.ui-option-inline { display: inline-block; font-size: 0.75em; }

.ui-option.ui-option-inline .option-label { padding: 0.5em 0.8em; }

.ui-option { margin-bottom: 3px; position: relative; background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.ui-option:hover { background-color: transparent; }

.ui-option .option-small-label { font-size: 0.875em; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); vertical-align: top; }

.ui-option .option-description-label { font-size: 0.75em; padding-left: 0.75em; vertical-align: top; line-height: 1.5em; }

.ui-option .option-label { padding: 0.5em 0.75em; }

.ui-option .option-title { font-weight: bold; }

.input-list .ui-option .option-title { line-height: 1.75em; }

.input-list .ui-option .option-field { font-size: 1.14286em; }

.mobile-full-option .ui-option .option-description { width: 100%; }

.ui-option .details { display: block; font-weight: bold; font-size: 1.15385em; margin-bottom: 0.25em; }

.pledges .ui-option .details { font-size: 1em; line-height: 1.5em; margin-bottom: 0.5em; }

.pledges .ui-option .details.has-inputs { line-height: 2em; }

.ui-option.highlight-white .option-label { background-color: #fff; }

.ui-option.is-active .option-label, .ui-option.has-selection .option-label { background-color: #cdd4d8; }

.highlight-alt .ui-option.is-active .option-label, .highlight-alt .ui-option.has-selection .option-label { background-color: #cdd4d8; }

.ui-option.vertical-align-middle .option-label { padding-left: 2em; }

.ui-option.disabled .option-label { filter: alpha(opacity=30); opacity: 0.3; }

.ui-option.sold-out:before { content: url("/resources/core/images/icon-soldout.png"); position: absolute; top: 0; left: -2px; z-index: 1; }

.ui-option.inline { vertical-align: middle; }

.inline .ui-option, .ui-option.inline { margin: 0 0.5em 0.5em 0; vertical-align: middle; }

.no-boxshadow .ui-option { border: none; }

.no-boxshadow .ui-option .option-label { border: 1px solid #b9c2c7; }

.option-label { background-color: #e4e8ea; padding: 0.5em 0.75em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.option-label:hover { background-color: #f2f4f5; }

.highlight-alt .option-label:hover { background-color: #f2f4f5; }

.has-input .option-label { padding: 0.25em 0.75em; }

.has-input .option-label .option-field { float: none; }

.has-input .option-label .option-field, .has-input .option-label .option-small-label, .has-input .option-label .form-field { vertical-align: middle; }

.payment-information .option-label { background-color: transparent; }

.payment-information .option-label.active { background-color: #e4e8ea; }

.pledge-description { display: block; font-size: 1em; line-height: 1.5em; margin-bottom: 0.5em; }

/*  Management List ========================================================================== */
.ui-management-list { border: 1px solid #e4e8ea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }

.ui-management-item { border-top: 1px solid #e4e8ea; font-size: 0.875em; }

.ui-management-item:first-child { border-top: none; }

.ui-management-item.active .item-content { height: auto; padding-top: 1.5em; padding-bottom: 1.5em; }

.ui-management-item.active .item-display.select-mode { background-color: #e4e8ea; }

.ui-management-item .item-display { padding: 1em; display: block; }

.ui-management-item .item-display .media-image { margin-top: 6px; }

.ui-management-item .item-display.select-mode { padding-left: 3em; position: relative; }

.ui-management-item .item-display.select-mode .field-input { position: absolute; left: 1em; top: 50%; margin-top: -0.55em; }

.ui-management-item .item-label { font-weight: bold; margin: 0; line-height: 1.5em; }

.ui-management-item .item-label .ui-indicator { margin-left: 0.5em; }

.ui-management-item .item-description { margin: 0.25em 0; color: #4d4d4d; }

.ui-management-item .item-content { height: 0; overflow: hidden; font-size: 1.14286em; background-color: #e4e8ea; padding: 0 1.5em; -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.ui-management-item .action-items { text-align: center; }

.ui-management-item .item-action { display: inline-block; font-weight: bold; padding: 0.25em 0; cursor: pointer; }

/*  Data Table ========================================================================== */
.data-table { width: 100%; table-layout: fixed; margin-bottom: 1.5em; background-color: #fff; border: 1px solid #e4e8ea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }

.data-table th, .data-table td { font-size: 0.875em; }

.data-table th { text-align: left; font-weight: bold; padding: 0.625em 0.75em; }

.data-table td { line-height: 1.4em; padding: 0.5em 0.75em; border-top: 1px solid #e4e8ea; }

.data-table .column-heading { background-color: #333; color: #fff; }

.data-table .column-heading:first-child { -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }

.data-table .column-heading:last-child { -moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; }

.data-table .data-row:hover { background-color: #f2f4f5; }

.data-table .data-row:hover.ui-error-color { background-color: #df5648; }

.data-table .data-row.ui-error-color { color: #fff; }

.data-table .footer-row { background-color: #f2f4f5; }

.data-table-container.is-loading { min-height: 200px; }

/*  Modal ========================================================================== */
.ui-modal-container { position: fixed; top: 50%; left: 50%; min-width: 320px; z-index: -1; filter: alpha(opacity=0); opacity: 0; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.ui-modal-container .close-modal-icon { position: absolute; top: .25em; right: .5em; font-size: 1.5em; font-weight: bold; cursor: pointer; }

.ui-modal-container .ui-modal-content { display: block; visibility: visible; }

.ui-modal-container.modal-pinned { top: 1em; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.ui-modal-container.auto-width { min-width: 0; }

.ui-modal-container.show-modal { z-index: 1003; filter: alpha(opacity=100); opacity: 1; }

.ui-modal-container.show-modal + .ui-modal-background { zoom: 1; z-index: 1000; filter: alpha(opacity=90); opacity: 0.9; }

.ui-modal-container.show-modal.light-bg + .ui-modal-background { filter: alpha(opacity=50); opacity: 0.5; }

.ui-modal-container.show-modal .ui-modal-content { z-index: 0; -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); filter: alpha(opacity=100); opacity: 1; }

.ui-modal-container.no-bg + .ui-modal-background { filter: alpha(opacity=0); opacity: 0; }

.no-csstransforms .ui-modal-container { display: none; filter: none; }

.no-csstransforms .ui-modal-container.show-modal { display: block; filter: none; }

.no-csstransforms .ui-modal-container.show-modal + .ui-modal-background { display: block; filter: none; }

.ui-modal-background { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.no-csstransforms .ui-modal-background { display: none; zoom: 1; }

.ui-modal-content { display: none; visibility: hidden; background-color: #fff; z-index: -1; -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

.modal-centered .ui-modal-content { filter: alpha(opacity=0); opacity: 0; -moz-transform: translateY(20%); -webkit-transform: translateY(20%); transform: translateY(20%); }

.modal-pinned .ui-modal-content { -moz-transform: translateY(-200%); -webkit-transform: translateY(-200%); transform: translateY(-200%); }

.ui-modal-content .select-field .field-label { display: inline-block; }

.ui-modal-title-bar { padding: 1em; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

.ui-modal-title-bar .ui-modal-title { margin: 0; color: #fff; font-size: 1.125em; }

.ui-modal-title-bar .close-modal-icon { color: #fff; }

.ui-modal-message { padding: 2em; }

.ui-modal-message p { font-size: 1em; }

.ui-modal-message p.decrease-font-size { font-size: .875em; }

.ui-modal-actions { padding-top: .5em; text-align: center; }

.ui-modal-actions .ui-button { margin: .25em 0; width: 100%; }

.ui-modal-container.show-modal + .ui-modal-background { filter: alpha(opacity=50); opacity: 0.5; }

.ui-modal-content .field-container { font-size: 1.14286em; }

.ui-modal-content .form-actions { padding-bottom: 0; font-size: 0.875em; }

.no-boxshadow .ui-modal-content { border: 1px solid #b9c2c7; }

.ui-modal-message { max-height: 500px; min-height: 200px; overflow: auto; -moz-overflow-scrolling: touch; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

.ui-modal-background { background-color: #fff; }

.modal-title { margin-bottom: 1em; }

/*  Pagination ========================================================================== */
.ui-pagination { display: inline-block; }

.ui-pagination .ui-pagination-item { display: inline-block; margin: 0 0.1em; }

.ui-pagination .ui-pagination-item.active .ui-pagination-link { border-color: #999; }

.ui-pagination .ui-pagination-link { display: inline-block; font-weight: 400; text-decoration: none; padding: 0.25em 0.5em; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.ui-pagination .ui-pagination-link:hover { background: #fff; }

.ui-pagination .ui-pagination-move { margin: 0 0.5em; }

/*  Icons ========================================================================== */
.ui-icon, [data-icon]:before, [data-icon-after]:after { font-family: 'qgiv-icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; line-height: 1; -webkit-font-smoothing: antialiased; vertical-align: middle; position: relative; top: -1px; }

[data-icon]:before { content: attr(data-icon); margin-right: 0.75em; }

[data-icon-after]:after { content: attr(data-icon-after); margin-left: 0.75em; }

a[data-icon] { text-decoration: none; }

/*  Indicators ========================================================================== */
.ui-indicator { display: inline-block; width: 0.6875em; height: 0.6875em; background-color: #e4e8ea; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.ui-indicator.green { background-color: #64c15f; }

.ui-indicator.red { background-color: #df5648; }

.ui-indicator.orange { background-color: #f48960; }

/*  Loading Indicator ========================================================================== */
.ui-loading { display: inline-block; width: 56px; height: 56px; background-image: url("/resources/admin/images/icon-loading-dark.gif"); background-position: center center; background-repeat: no-repeat; vertical-align: middle; -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; border-radius: 0.75em; }

.ui-loading.light { background-color: #eceff0; }

.ui-loading.dark { background-color: #415a69; background-image: url("/resources/admin/images/icon-loading-light.gif"); }

.ui-loading[data-loading-text] { position: relative; }

.ui-loading[data-loading-text]:after { content: attr(data-loading-text); display: block; width: 200px; text-align: center; font-weight: 500; position: absolute; top: 105%; left: -72px; }

.ui-loading.fade-loading-text:after { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; opacity: 0; }

.show-loading-indicator { position: relative; }

.show-loading-indicator .ui-loading { position: absolute; left: 50%; top: 50%; margin: -28px 0 0 -28px; }

.show-loading-indicator .ui-loading[data-loading-text] { margin-top: -42px; }

.show-loading-indicator.anchor-top .ui-loading { top: 100px; }

.ui-loading-background { background-image: url("/resources/admin/images/icon-loading-dark.gif"); background-position: center center; background-repeat: no-repeat; }

.ui-loading-overlay { background: #fff; background: rgba(255, 255, 255, 0.9); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }

.show-loading-indicator .ui-loading { display: inline-block; }

/*  Media Object ========================================================================== */
.ui-media, .ui-media .media-body { overflow: hidden; }

.ui-media .media-image { float: left; margin-right: 10px; }

.ui-media .media-image img { display: block; }

.ui-media .media-image-ext { float: right; margin-left: 10px; }

.ui-media.no-gutter .media-image { margin-right: 0; }

.ui-media.no-gutter .media-image-ext { margin-left: 0; }

.ui-media { display: block; }

.ui-media .media-body { display: block; }

/*  Simple Grid ========================================================================== */
.simple-grid { display: block; width: 100%; }

.simple-grid-unit { display: block; vertical-align: middle; }

/*  Highlighted Text ========================================================================== */
.ui-highlight { display: inline-block; padding: 0.5em; font-size: 1.375em; line-height: 1; background-color: #f2f4f5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.ui-highlight-label { font-size: 0.625em; text-transform: uppercase; margin-left: 0.25em; vertical-align: middle; }

.total-amount { background-color: #f2fbe5; }

/*  Numbered List ========================================================================== */
.numbered-list { font-size: 0.8125em; }

.numbered-list li { margin-bottom: 0.5em; line-height: 1.4em; }

/*  Popup ========================================================================== */
.ui-popup-container { visibility: hidden; position: absolute; top: 125%; left: 0; width: 275px; padding: 1.25em 1.5em; background-color: #333; background-color: rgba(0, 0, 0, 0.9); z-index: 100; filter: alpha(opacity=0); opacity: 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.ui-popup-container:before { content: ''; display: block; width: 0; height: 0; border: 0.5em solid transparent; border-bottom-color: #333; border-bottom-color: rgba(0, 0, 0, 0.9); position: absolute; top: -1em; left: 30%; margin-left: -1em; }

.ui-popup-container.cms-container-toolbar-item, .ui-popup-container.delete-control-container { visibility: visible; opacity: 1; background: none; width: auto; }

.ui-popup-container.cms-container-toolbar-item .heading, .ui-popup-container.cms-container-toolbar-item .heading-alpha, .ui-popup-container.cms-container-toolbar-item .form-section-title, .ui-popup-container.cms-container-toolbar-item .container-title, .ui-popup-container.cms-container-toolbar-item .heading-beta, .ui-popup-container.cms-container-toolbar-item .heading-gamma, .ui-popup-container.cms-container-toolbar-item .heading-delta, .ui-popup-container.cms-container-toolbar-item .heading-epsilon, .ui-popup-container.delete-control-container .heading, .ui-popup-container.delete-control-container .heading-alpha, .ui-popup-container.delete-control-container .form-section-title, .ui-popup-container.delete-control-container .container-title, .ui-popup-container.delete-control-container .heading-beta, .ui-popup-container.delete-control-container .heading-gamma, .ui-popup-container.delete-control-container .heading-delta, .ui-popup-container.delete-control-container .heading-epsilon { color: #444; }

.ui-popup-container.cms-container-toolbar-item:before, .ui-popup-container.delete-control-container:before { border: 0; width: auto; height: auto; left: auto; top: auto; }

.ui-popup-container .heading, .ui-popup-container .heading-alpha, .ui-popup-container .form-section-title, .ui-popup-container .container-title, .ui-popup-container .heading-beta, .ui-popup-container .heading-gamma, .ui-popup-container .heading-delta, .ui-popup-container .heading-epsilon { color: #fff; }

.ui-popup-container p { color: #e4e8ea; line-height: 1.4em; font-size: 0.8125em; font-weight: normal; margin: 0; }

.has-popup { position: relative; }

.has-popup:hover .ui-popup-container { visibility: visible; filter: alpha(opacity=100); opacity: 1; }

/*  Callout Section ========================================================================== */
.callout-section, .content-callout { background-color: #e4e8ea; padding: 1.5em; }

.callout-section.bottom, .content-callout.bottom { -moz-border-radius: 0 0 1.25em 1.25em; -webkit-border-radius: 0 0 1.25em 1.25em; border-radius: 0 0 1.25em 1.25em; }

.callout-section.inverted, .content-callout.inverted { background-color: #fff; border: 1px solid #e4e8ea; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.social-share-widget { text-align: center; margin: 1.5em 0; padding: 1em; }

.social-callout { border-top: none; border-bottom: none; padding: 1.5em; }

.social-callout .widget-title { margin-bottom: 1em; padding: 0 0.5em; }

/*  HTML Content ========================================================================== */
.user-html-content { font-size: 0.875em; clear: both; word-break: break-word; }

.user-html-content p { margin: 0 0 1em; line-height: 1.4em; }

.user-html-content ul { margin: 1em 0 1.5em; }

.user-html-content li { margin: 0 0 0.5em; line-height: 1.4em; }

.user-html-content.text-size-larger { font-size: 1em; }

.form-header-content, .form-footer-content { padding-top: 1.5em; }

.restriction-description, .sub-restriction-description { font-size: 0.8125em; line-height: 1.4em; }

/*  Code Editor ========================================================================== */
.basic-code-editor-wrapper:before { content: attr(data-label); position: absolute; left: 1em; top: 1.25em; color: #fff; font-weight: bold; }

.basic-code-editor { padding: 1em; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 0.875em; line-height: 1.5; background-color: #415a69; resize: none; min-height: 200px; width: 100%; color: #eceff0; border: none; }

/*  Widget Embedding ========================================================================== */
.widget-embed-settings { position: absolute; top: 0; width: 100%; z-index: 2; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.settings-enabled .widget-embed-settings { opacity: 1; top: 0.5em; }

.settings-enabled .widget-embed-settings .embed-icon { right: auto; left: 0; }

.embed-settings { display: none; background-color: #f1f5f7; padding: 1em 0.5em 0.5em; font-size: 0.875em; }

.embed-settings-active .embed-settings { display: block; }

.settings-enabled .embed-settings { font-size: 1em; }

.embed-icon { position: absolute; right: 0; top: 0; padding: 0.25em; background-color: #f1f5f7; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.embed-code-snippet { min-height: 150px; }

/* Thermometer Widget ========================================================================== */
.thermometer-widget { text-align: center; }

.thermometer-widget .thermometer-flush { margin: 1em -19px; }

.thermometer-widget .supporting-text { font-size: 0.75em; margin: 0 0 23.5% 0; color: #7d8c97; }

.small-column .thermometer-widget .four-twelfths, .small-column .thermometer-widget .six-twelfths, .medium-column .thermometer-widget .four-twelfths, .medium-column .thermometer-widget .six-twelfths { width: 100%; }

.extra-large-column .thermometer-widget.vertical-thermometer-widget { max-width: 500px; margin: 0 auto; }

.thermometer-widget.vertical-thermometer-widget .thermometer-graphic { width: 42%; float: left; /* Styles for cross browser fluid SVG */ }

.thermometer-widget.vertical-thermometer-widget .thermometer-graphic .svg-container { padding-bottom: 221.05263%; }

.thermometer-widget.vertical-thermometer-widget .thermometer-graphic.without-stats { margin: 0 auto; float: none; }

.thermometer-widget.vertical-thermometer-widget .thermometer-stat { width: 100%; margin: 0 auto; }

.large-column .thermometer-widget.vertical-thermometer-widget .thermometer-graphic, .large-column .thermometer-widget.vertical-thermometer-widget .thermometer-graphic svg, .extra-large-column .thermometer-widget.vertical-thermometer-widget .thermometer-graphic, .extra-large-column .thermometer-widget.vertical-thermometer-widget .thermometer-graphic svg { max-height: 350px; }

.large-column .thermometer-widget.vertical-thermometer-widget .thermometer-graphic + .thermometer-stats, .extra-large-column .thermometer-widget.vertical-thermometer-widget .thermometer-graphic + .thermometer-stats { width: 45%; }

.extra-large-column .thermometer-widget.horizontal-thermometer-widget { max-width: 75%; margin: 0 auto; }

.thermometer-widget.horizontal-thermometer-widget .thermometer-graphic { margin: 0 5% 0 8%; max-width: 400px; /* prevent huge thermometer when embedded or taking up a full width */ /* Styles for cross browser fluid SVG */ }

.thermometer-widget.horizontal-thermometer-widget .thermometer-graphic.offset-alignment { margin-top: -0.75em; }

.thermometer-widget.horizontal-thermometer-widget .thermometer-graphic .svg-container { padding-bottom: 43.57798%; }

.thermometer-widget.horizontal-thermometer-widget .thermometer-stats { float: none; width: 100%; margin-top: 1.35em; }

.thermometer-widget.horizontal-thermometer-widget .thermometer-stat { margin-bottom: 1em; }

.thermometer-widget.horizontal-thermometer-widget .thermometer-stat:first-child { margin-top: 0; }

.thermometer-widget.horizontal-thermometer-widget .supporting-text { margin-bottom: 0; }

.thermometer-widget.horizontal-thermometer-widget .widget-footer { margin-top: 1em; }

.small-column .thermometer-widget.horizontal-thermometer-widget .four-twelfths, .small-column .thermometer-widget.horizontal-thermometer-widget .six-twelfths, .small-column .thermometer-widget.horizontal-thermometer-widget .whole, .medium-column .thermometer-widget.horizontal-thermometer-widget .four-twelfths, .medium-column .thermometer-widget.horizontal-thermometer-widget .six-twelfths, .medium-column .thermometer-widget.horizontal-thermometer-widget .whole { margin: 0 auto; }

.small-column .thermometer-widget.horizontal-thermometer-widget .thermometer-stat-value, .medium-column .thermometer-widget.horizontal-thermometer-widget .thermometer-stat-value { font-size: 1.25em; }

.small-column .thermometer-widget.horizontal-thermometer-widget .thermometer-stat + .thermometer-stat, .medium-column .thermometer-widget.horizontal-thermometer-widget .thermometer-stat + .thermometer-stat { margin-top: 1em; }

.large-column .thermometer-widget.horizontal-thermometer-widget .six-twelfths, .large-column .thermometer-widget.horizontal-thermometer-widget .four-twelfths, .extra-large-column .thermometer-widget.horizontal-thermometer-widget .six-twelfths, .extra-large-column .thermometer-widget.horizontal-thermometer-widget .four-twelfths { float: left; }

.large-column .thermometer-widget.horizontal-thermometer-widget .whole, .extra-large-column .thermometer-widget.horizontal-thermometer-widget .whole { margin: 0 auto; max-width: 65%; }

.large-column .thermometer-widget.horizontal-thermometer-widget .thermometer-graphic, .extra-large-column .thermometer-widget.horizontal-thermometer-widget .thermometer-graphic { max-width: 350px; margin: 0 auto; }

.large-column .thermometer-widget.horizontal-thermometer-widget .thermometer-stat-value, .extra-large-column .thermometer-widget.horizontal-thermometer-widget .thermometer-stat-value { font-size: 2em; }

.large-column .thermometer-widget.horizontal-thermometer-widget .thermometer-stat, .extra-large-column .thermometer-widget.horizontal-thermometer-widget .thermometer-stat { display: inline-block; padding: 0 0.5em; }

.thermometer-widget.grey-block { background: #f5f8f9; border: 1px solid #d1d1d1; padding: 18px; }

.thermometer-widget.grey-block .thermometer-countdown { margin: 1em -19px; }

.thermometer-widget.grey-block .content-callout { background: #fff; border: 1px solid #d5dbde; }

.thermometer-content { margin-bottom: 1em; overflow: hidden; }

.thermometer-stats { float: right; width: 58%; }

.thermometer-stats .thermometer-stat:first-child { margin-top: 6.5%; }

.thermometer-stats .percentage-stat { margin: 0 auto; }

.thermometer-stats .daterange .supporting-text { margin-bottom: 10%; }

.thermometer-stat-value { font-size: 2em; margin: 0 auto; }

.thermometer-graphic { /* Styles for cross browser fluid SVG */ }

.thermometer-graphic .svg-container { position: relative; width: 100%; }

.thermometer-graphic .svg-container svg, .thermometer-graphic .svg-container > div { display: block; height: 100%; position: absolute !important; top: 0; left: 0; width: 100%; }

.thermometer-countdown { clear: both; background-color: #f5f8f9; margin: 1em 0; padding: 0.75em; font-size: 0.875em; /* */ }

.thermometer-countdown .goal-counter { font-size: 1.375em; font-weight: normal; line-height: 1.25em; margin: 0; }

.thermometer-countdown .supporting-text { margin-bottom: 0; font-weight: normal; }

.thermometer-buttons .thermometer-button { width: 100%; padding: 1em; margin: 0.5em 0; }

/* Apply a white padded background to Landing Page thermometers */
.page-default-skin .thermometer-container { padding: 0.75em; background-color: #fff; overflow: hidden; border-radius: 4px; }

.page-default-skin .thermometer-countdown { margin-bottom: 0; }

/* Simple Thermometer */
.thermometer-simple .goal-progress-bar { position: relative; margin: auto; }

.thermometer-simple .ui-progress-bar { padding: 4px; overflow: visible; margin: 0 auto; background: #e6ebee; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4) inset; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.thermometer-simple .ui-progress-bar-inner { position: relative; }

.thermometer-simple .ui-progress-fill { position: relative; height: 4px; width: 4px; vertical-align: middle; transition-delay: 1s; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-image: -moz-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.2) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(100%, rgba(0, 0, 0, 0.2))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.2) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.2) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.2) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.2) 100%); /* W3C */ background-repeat: no-repeat; }

.thermometer-simple .ui-progress-fill.has-progress { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.thermometer-simple .ui-progress-text { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85); direction: rtl; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.thermometer-simple .ui-progress-notches { position: absolute; }

.thermometer-simple .ui-progress-notch { float: left; display: inline-block; }

.vertical-thermometer-widget .thermometer-simple { float: left; width: 42%; }

.vertical-thermometer-widget .thermometer-simple .goal-progress-bar { width: 76px; padding-right: 16px; min-height: 300px; }

.vertical-thermometer-widget .thermometer-simple .ui-progress-bar { width: 60px; height: 100%; }

.vertical-thermometer-widget .thermometer-simple .ui-progress-bar-inner { width: 52px; height: 100%; }

.vertical-thermometer-widget .thermometer-simple .ui-progress-fill { position: absolute; bottom: 0; left: 0; top: auto; width: 100%; max-height: 100%; }

.vertical-thermometer-widget .thermometer-simple .ui-progress-text { bottom: 1em; left: 0; width: 100%; }

.vertical-thermometer-widget .thermometer-simple .ui-progress-notches { right: -16px; width: 12px; top: 0; padding: 4px 0; height: 100%; }

.vertical-thermometer-widget .thermometer-simple .ui-progress-notch { border-bottom: 1px solid rgba(0, 0, 0, 0.2); width: 100%; height: 20%; }

.vertical-thermometer-widget .thermometer-simple .ui-progress-notch:first-child { height: 1px; margin-top: -1px; }

.horizontal-thermometer-widget .thermometer-simple .goal-progress-bar { height: 76px; padding-bottom: 16px; }

.horizontal-thermometer-widget .thermometer-simple .ui-progress-bar { height: 60px; width: 100%; }

.horizontal-thermometer-widget .thermometer-simple .ui-progress-bar-inner { height: 52px; width: 100%; }

.horizontal-thermometer-widget .thermometer-simple .ui-progress-fill { position: absolute; top: 0; left: 0; height: 100%; max-width: 100%; }

.horizontal-thermometer-widget .thermometer-simple .ui-progress-text { top: 50%; left: 1em; margin-top: -13px; }

.horizontal-thermometer-widget .thermometer-simple .ui-progress-notches { bottom: -16px; height: 12px; left: 0; padding: 0 4px; width: 100%; }

.horizontal-thermometer-widget .thermometer-simple .ui-progress-notch { border-right: 1px solid rgba(0, 0, 0, 0.2); width: 20%; height: 100%; }

.horizontal-thermometer-widget .thermometer-simple .ui-progress-notch:first-child { width: 1px; margin-left: -1px; }

@media only screen and (min-width: 1025px) { .thermometer-widget.offset-top { margin-top: -5em; position: relative; } }

.widget { position: relative; }

.widget:hover .widget-embed-settings, .widget.embed-settings-active .widget-embed-settings { filter: alpha(opacity=100); opacity: 1; }

/* applying form-specific styles to the thermometer */
.form-content { /* add a little bit of spacing around the thermometer widget when it's embedded into the form */ }

.form-content .thermometer-widget { padding: 1em 0; /* apply grid styles */ /* manually setting the font-size for thermometer in horizontal layout */ /* Vertically-shrink the default-style vertical thermometers in qgiv forms */ }

.form-content .thermometer-widget .four-twelfths { width: 33.33333%; }

.form-content .thermometer-widget .six-twelfths { width: 50%; }

.form-content .thermometer-widget .whole { width: 100%; }

.form-content .thermometer-widget .four-twelfths, .form-content .thermometer-widget .six-twelfths, .form-content .thermometer-widget .whole { float: left; }

.form-content .thermometer-widget.horizontal-thermometer-widget .thermometer-graphic { margin: 0 10% 0 16%; max-height: 150px; }

.form-content .thermometer-widget.horizontal-thermometer-widget .thermometer-stat-value { font-size: 1.5em; }

.form-content .thermometer-widget.vertical-thermometer-widget .thermometer-graphic, .form-content .thermometer-widget.vertical-thermometer-widget .thermometer-graphic svg { max-height: 300px; }

.form-content .thermometer-widget.vertical-thermometer-widget .thermometer-graphic + .thermometer-stats { width: 45%; }

.form-content .thermometer-widget.vertical-thermometer-widget .thermometer-graphic + .thermometer-stats .supporting-text { margin-bottom: 5%; }

/* Facebook and Twitter Widgets ========================================================================== */
.page-landing .twitter-feed-widget, .page-landing .facebook-likebox-widget, .page-landing .button-widget { max-width: 564px; margin: 0 auto; }

.page-landing .social-share-widget { max-width: 564px; margin: 1.5em auto; }

/*  Messaging ========================================================================== */
.ui-message-container { z-index: 100; }

.ui-message-container.pinned { position: absolute; top: 2em; width: 100%; }

.ui-message-container.bottom-pinned { position: fixed; bottom: 0; left: 0; width: 100%; }

.ui-message-container .ui-message { margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.ui-message { padding: 0.75em; margin-bottom: 1em; background-color: #fbf6e0; color: #fff; position: relative; z-index: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.ui-message.success { background-color: #64c15f; }

.ui-message.error { background-color: #df5648; }

.ui-message.urgent { background-color: #f48960; background-color: rgba(241, 102, 48, 0.85); }

.ui-message { font-size: 0.875em; font-weight: bold; line-height: 1.4em; }

.ui-message.general { color: #333; text-align: center; }

.ui-message.highlight { background-color: #ffd966; color: #333; }

/*  Payment Options ========================================================================== */
.payment-fields { max-width: 600px; }

.payment-fields .ui-select-container, .payment-fields .ui-select { width: 100%; }

.payment-type-option { margin-bottom: 0.5em; }

.payment-type-option .payment-type-input { margin-right: 0.5em; }

@media only screen and (min-width: 480px) { .payment-type-option { display: inline-block; vertical-align: middle; margin-bottom: 1em; margin-right: 0.75em; } }

.payment-fields-credit-card { max-width: 400px; }

.payment-option-tab { padding: 0.5em 0.75em; margin: 0; border-radius: 4px; }

.ui-payment-option { display: inline-block; width: 34px; height: 25px; text-indent: 100%; overflow: hidden; white-space: nowrap; vertical-align: middle; background: url("/resources/core/images/sprite-payment-options.png") top left no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.ui-payment-option.type-visa { background-position: top left; }

.ui-payment-option.type-visa.inactive { background-position: bottom left; }

.ui-payment-option.type-mastercard { background-position: -42px top; }

.ui-payment-option.type-mastercard.inactive { background-position: -42px bottom; }

.ui-payment-option.type-amex { background-position: -84px top; }

.ui-payment-option.type-amex.inactive { background-position: -84px bottom; }

.ui-payment-option.type-discover { background-position: -126px top; }

.ui-payment-option.type-discover.inactive { background-position: -126px bottom; }

.ui-payment-option.type-echeck { background-position: -168px top; }

.ui-payment-option.type-echeck.inactive { background-position: -168px bottom; }

.ui-payment-option.type-paypal { background-position: -210px top; }

.ui-payment-option.type-paypal.inactive { background-position: -210px bottom; }

.ui-payment-option.type-apple-pay { background-position: -252px top; }

.ui-payment-option.type-apple-pay.inactive { background-position: -252px bottom; }

.ui-payment-option.type-placeholder { background: #E4E8EA; }

.tooltip-cvv, .tooltip-routing, .tooltip-account { position: relative; }

.tooltip-cvv:before, .tooltip-routing:before, .tooltip-account:before { content: url("/resources/core/images/image-cvv.png"); background: #b9c2c7; position: absolute; right: -6px; top: 32px; padding: 3px; white-space: nowrap; visibility: hidden; z-index: 2; filter: alpha(opacity=0); opacity: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.tooltip-cvv:after, .tooltip-routing:after, .tooltip-account:after { content: ''; width: 0; height: 0; position: absolute; right: 5px; top: 26px; margin-top: -6px; border: 6px solid transparent; border-bottom-color: #b9c2c7; visibility: hidden; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.tooltip-cvv:hover:before, .tooltip-routing:hover:before, .tooltip-account:hover:before, .tooltip-cvv:hover:after, .tooltip-routing:hover:after, .tooltip-account:hover:after { visibility: visible; filter: alpha(opacity=100); opacity: 1; }

.tooltip-routing:before { content: url("/resources/core/images/image-routing.png"); }

.tooltip-account:before { content: url("/resources/core/images/image-account.png"); }

.ui-stored-payment-methods .ui-stored-payment-method .item-display { display: block; padding-left: 3em; position: relative; }

.ui-stored-payment-methods .ui-stored-payment-method .ui-stored-payment-method-field { position: absolute; left: 1em; top: 50%; margin-top: -0.55em; }

.ui-stored-payment-methods .item-label, .ui-stored-payment-methods .ui-media { display: block; }

/* Apple Pay Button styles Usage guidelines: https://developer.apple.com/apple-pay/web-human-interface-guidelines/ */
.apple-pay-button { -webkit-appearance: -apple-pay-button; width: 100%; padding: 1.5em; }

@media only screen and (min-width: 480px) { .apple-pay-button { padding: 1.25em; width: 10em; } }

.payment-method-list .payment-type-options { width: 85%; }

/*  Buttons ========================================================================== */
.ui-button { border: none; outline: none; display: inline-block; cursor: pointer; color: #fff; text-decoration: none; text-align: center; font-size: 1em; font-weight: bold; letter-spacing: -0.01em; line-height: 1; padding: 1em 2em; text-shadow: 0 1px 1px rbga(#000, 0.5); vertical-align: middle; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.1))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%); /* W3C */ background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.ui-button:hover { background-image: none; }

.ui-button:active { -webkit-transition: none 1s ease-in-out; -moz-transition: none 1s ease-in-out; -o-transition: none 1s ease-in-out; transition: none 1s ease-in-out; -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); }

.ui-button.small { font-size: 0.875em; }

.ui-button.smallest { font-size: 0.75em; padding: 0.5em 0.625em; }

.ui-button.simple { background: #e4e8ea; color: #333; }

.ui-button.full { width: 100%; text-align: center; padding-left: 0; padding-right: 0; }

.donation-amount-button { width: 100%; border: 2px solid; text-align: center; padding-left: 0; padding-right: 0; }

.donation-amount-button.is-active { background: white; }

.is-light-theme .donation-amount-button.is-active { background: #415a69; color: #fff; border-color: #415a69; }

.has-description .donation-amount-button { padding: 0.75em 0; }

.donation-amount-button-container { margin-bottom: 0.5em; }

.donation-amount-item { display: inline-block; width: 100%; padding-left: 0; padding-right: 0; }

.donation-amount-item .option-description { display: block; font-weight: normal; font-size: 0.875em; }

.donation-amount-item .option-description .option-name { display: block; margin-bottom: 0.25em; }

.donation-amount-item .option-description .option-description-text { font-size: 0.875em; }

.donation-amount-item .option-description strong { font-weight: bold; }

.donation-amount-item .label-is-placeholder { display: inline-block; }

.has-description .donation-amount-item { margin-bottom: 0.25em; padding: 0.5em; text-align: left; font-size: 1em; background-color: #e4e8ea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.has-description .donation-amount-item.is-active { background-color: #f2f4f5; }

.has-description .donation-amount-item .option-description-text { line-height: 1.3em; }

.donor-form .has-description .donation-amount-item { background-color: #f2f4f5; }

.donor-form .has-description .donation-amount-item.is-active { background-color: #fff; }

.lt-ie9 .donation-amount-item .amount-option { display: block; width: 0; height: 0; filter: alpha(opacity=0); opacity: 0; }

.donation-amount-description-item { border: 2px solid transparent; }

.is-light-theme .donation-amount-description-item.is-active { border-color: #415a69; }

.is-light-theme .donation-amount-description-item.is-active .donation-amount-button { background-color: #415a69; border-color: #415a69; }

.other-donation-amount-item { width: auto; padding: 0.5em; font-size: 1.125em; }

.other-donation-amount-item.is-active { background-color: #e4e8ea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.donation-amount-other { padding: 0.55em 1em; }

.donation-amount-other .field-with-affix { display: block; }

.donation-amount-other .field-with-affix .affix-label { color: #fff; font-size: 1em; width: 100%; line-height: 1.15; -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; }

.donation-amount-other .other-amount-label { display: inline-block; }

.donation-amount-other .other-amount-label.is-truncated { display: block; overflow: hidden; text-overflow: ellipsis; }

.donation-amount-other .form-field { background-color: transparent; font-size: 1em; font-weight: bold; border: none; color: #fff; }

.donation-amount-other .form-field:focus { background-color: rgba(255, 255, 255, 0.2); }

.donation-amount-other.is-active .affix-label { width: 3.75em; }

.donation-amount-other.has-custom-label .affix-label { white-space: nowrap; }

.has-description .donation-amount-other { padding: 0.575em 1.5em; }

.has-description .donation-amount-other .affix-label { text-align: left; }

.social-sharing-button { margin-bottom: 0.5em; }

.social-share-button { font-size: 0.7em; text-align: center; padding: 0.75em; }

.social-share-button:before { margin-right: 0.25em; }

.social-callout .social-share-button { text-align: center; width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 0.5em; }

/*  Datepicker ========================================================================== */
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Qgiv Theme

    copyright (c) 2011 - 2013 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/
.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next { width: 30px; }

.Zebra_DatePicker { position: absolute; background: #FFF; border: 1px solid #bbb; z-index: 100; padding: 0.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }

.Zebra_DatePicker * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; margin: 0; padding: 0; color: #373737; background: transparent; border: none; }

.Zebra_DatePicker *:before, .Zebra_DatePicker *:after { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; }

.Zebra_DatePicker table { border-collapse: collapse; border-spacing: 0; width: 100%; }

.Zebra_DatePicker th, .Zebra_DatePicker td { text-align: center; padding: 5px 0; }

.Zebra_DatePicker td { cursor: pointer; }

.Zebra_DatePicker td.dp_selected, .Zebra_DatePicker td.dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.Zebra_DatePicker td.dp_not_in_month, .Zebra_DatePicker td.dp_weekend_disabled { color: #dedede; cursor: default; }

.Zebra_DatePicker td.dp_selected { background: #47ab42; color: #fff !important; }

.Zebra_DatePicker td.dp_week_number { cursor: text; font-weight: bold; }

.Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker { margin-top: 3px; }

.Zebra_DatePicker .dp_daypicker th { font-weight: bold; }

.Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td { width: 33%; }

.Zebra_DatePicker .dp_header .dp_hover, .Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.Zebra_DatePicker.dp_hidden { display: none; }

.Zebra_DatePicker .dp_header .dp_caption { font-weight: bold; }

.Zebra_DatePicker .dp_header .dp_hover { background: #dedede; color: #373737; }

.Zebra_DatePicker .dp_header .dp_blocked { color: #dedede; cursor: default; }

.Zebra_DatePicker .dp_footer { margin-top: 3px; }

.Zebra_DatePicker td.dp_current, .Zebra_DatePicker td.dp_disabled_current { color: #3a87ad; }

.Zebra_DatePicker td.dp_disabled { color: #dedede; cursor: default; }

.Zebra_DatePicker td.dp_hover { background: #dedede; }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon { display: block; position: absolute; width: 16px; height: 16px; background: url("calendar.png") no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top; }

button.Zebra_DatePicker_Icon_Disabled { background-image: url("calendar-disabled.png"); }

/* don't set vertical margins! */
button.Zebra_DatePicker_Icon { margin: 0 0 0 3px; }

button.Zebra_DatePicker_Icon_Inside { margin: 0 3px 0 0; }

/*  Tags Input Plugin ========================================================================== */
div.tagsinput { border: 1px solid #CCC; background: #FFF; padding: 5px; width: 300px; height: 100px; overflow-y: hidden; }

div.tagsinput span.tag { border: 1px solid rgba(0, 0, 0, 0.6); -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; float: left; padding: 5px; text-decoration: none; background: #eee; color: rgba(0, 0, 0, 0.6); margin-right: 5px; margin-bottom: 5px; font-family: helvetica; font-weight: bold; }

div.tagsinput span.tag a { font-weight: bold; color: black; text-decoration: none; font-size: 11px; font-weight: bold; }

div.tagsinput input { width: 80px; margin: 0px; font-family: helvetica; font-size: 13px; border: 1px solid transparent; padding: 5px; background: transparent; color: #000; outline: 0px; margin-right: 5px; margin-bottom: 5px; }

div.tagsinput div { display: block; float: left; }

.tags_clear { clear: both; width: 100%; height: 0px; }

.not_valid { background: #FBD8DB !important; color: #90111A !important; }

div.tagsinput { display: inline-block; vertical-align: middle; height: auto !important; }

div.tagsinput input, div.tagsinput span.tag { padding: 3px; margin: 3px; }

div.tagsinput input { min-width: 150px; }

div.tagsinput span.tag { background-color: #e4e8ea; border-color: #c7d0d4; color: #333; font-size: 0.8125em; }

div.tagsinput span.tag a { color: #333; }

div.tagsinput span.tag.tag-error { background-color: #d03424; color: #fff; border-color: #ba2f20; }

div.tagsinput span.tag.tag-error a { color: #fff; }

.promo-message { line-height: 1.5em; margin: 0 0 1em; font-size: 0.75em; }

.promo-message .promo { padding: 3px; margin: 3px; background-color: #e4e8ea; border: 1px solid #c7d0d4; color: #333; font-weight: bold; font-size: 1.125em; }

.invalid-promo { display: block; color: #d03424; font-size: 0.8125em; padding: 0.25em; }

/*  Footer ========================================================================== */
.submit-button { width: 100%; padding: 1em 1.5em; }

.submit-button.appearance-disabled { cursor: default; filter: alpha(opacity=25); opacity: 0.25; }

.submit-total-label { padding-left: 0.75em; margin-left: 0.65em; border-left: 1px dotted #fff; border-left: 1px dotted rgba(255, 255, 255, 0.25); }

.footer-logo { text-align: center; }

.footer-link { font-size: 0.875em; font-weight: bold; }

.verisign a { color: #000; font: bold 0.5em Verdana, sans-serif; }

.verisign .external-link { display: none !important; }

/*  Layout Helpers ========================================================================== */
.width-5 { width: 5%; }

.width-10 { width: 10%; }

.width-15 { width: 15%; }

.width-20 { width: 20%; }

.width-25 { width: 25%; }

.width-30 { width: 30%; }

.width-35 { width: 35%; }

.width-40 { width: 40%; }

.width-45 { width: 45%; }

.width-50 { width: 50%; }

.width-55 { width: 55%; }

.width-60 { width: 60%; }

.width-65 { width: 65%; }

.width-70 { width: 70%; }

.width-75 { width: 75%; }

.width-80 { width: 80%; }

.width-85 { width: 85%; }

.width-90 { width: 90%; }

.width-95 { width: 95%; }

.width-100 { width: 100%; }

.width-10-hard { width: 10px; }

.width-20-hard { width: 20px; }

.width-30-hard { width: 30px; }

.width-40-hard { width: 40px; }

.width-50-hard { width: 50px; }

.width-60-hard { width: 60px; }

.width-70-hard { width: 70px; }

.width-80-hard { width: 80px; }

.width-90-hard { width: 90px; }

.width-100-hard { width: 100px; }

.width-125-hard { width: 125px; }

.width-150-hard { width: 150px; }

.width-175-hard { width: 175px; }

.width-200-hard { width: 200px; }

.width-225-hard { width: 225px; }

.width-250-hard { width: 250px; }

.width-275-hard { width: 275px; }

.width-300-hard { width: 300px; }

.width-350-hard { width: 350px; }

.width-400-hard { width: 400px; }

.width-450-hard { width: 450px; }

.width-500-hard { width: 500px; }

.width-550-hard { width: 550px; }

.width-600-hard { width: 600px; }

.width-700-hard { width: 700px; }

.width-800-hard { width: 800px; }

.width-900-hard { width: 900px; }

/* Ex: Used on Award Badge to prevent Chosen Select from cutting off */
.min-height-200 { min-height: 200px; }

.min-height-325 { min-height: 325px; }

.float-left { float: left; }

.float-right { float: right; }

.clear-float { clear: both; }

.block-centered { margin: 0 auto; }

.list-item { margin-bottom: 1.5em; }

.fix-element { position: fixed; }

/* Margin/Padding */
.no-margin { margin: 0; }

.margin-1x { margin: 1em; }

.margin-2x { margin: 2em; }

.margin-3x { margin: 3em; }

.no-margin-top { margin-top: 0; }

.margin-top-1x { margin-top: 1em; }

.margin-top-2x { margin-top: 2em; }

.margin-top-3x { margin-top: 3em; }

.no-margin-bottom { margin-bottom: 0; }

.margin-bottom-1x { margin-bottom: 1em; }

.margin-bottom-2x { margin-bottom: 2em; }

.margin-bottom-3x { margin-bottom: 3em; }

.no-margin-right { margin-right: 0; }

.margin-right-1x { margin-right: 1em; }

.margin-right-2x { margin-right: 2em; }

.margin-right-3x { margin-right: 3em; }

.no-margin-left { margin-left: 0; }

.margin-left-1x { margin-left: 1em; }

.margin-left-2x { margin-left: 2em; }

.margin-left-3x { margin-left: 3em; }

.no-padding { padding: 0; }

.padding-1x { padding: 1em; }

.padding-2x { padding: 2em; }

.padding-3x { padding: 3em; }

.no-padding-top { padding-top: 0; }

.padding-top-1x { padding-top: 1em; }

.padding-top-2x { padding-top: 2em; }

.padding-top-3x { padding-top: 3em; }

.no-padding-bottom { padding-bottom: 0; }

.padding-bottom-1x { padding-bottom: 1em; }

.padding-bottom-2x { padding-bottom: 2em; }

.padding-bottom-3x { padding-bottom: 3em; }

.no-padding-right { padding-right: 0; }

.padding-right-1x { padding-right: 1em; }

.padding-right-2x { padding-right: 2em; }

.padding-right-3x { padding-right: 3em; }

.no-padding-left { padding-left: 0; }

.padding-left-1x { padding-left: 1em; }

.padding-left-2x { padding-left: 2em; }

.padding-left-3x { padding-left: 3em; }

/* Text Formatting */
.super-text { vertical-align: super; font-size: 0.5em; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-strikethrough-red { font-weight: normal; color: #d03424; text-decoration: line-through; padding: 0 0.25em; }

.increase-font-size { font-size: 1.5em; }

.giant-icon { font-size: 7em; }

.help-link { cursor: help; text-decoration: none; }

.plain-link { text-decoration: none; }

.button-print-page { cursor: pointer; }

/* Display */
.hide-content, .print-only { display: none; }

.show-content { display: block; }

.hidden-offscreen { position: absolute; left: -9999px; }

.fade-in-content { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.fade-out-content { visibility: hidden; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.appearance-disabled { filter: alpha(opacity=20); opacity: 0.2; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

/* Images */
.image-thumbnail { max-width: 200px; }

.image-thumbnail.float-right { margin: 1em 0 1em 1em; }

.image-thumbnail.float-left { margin: 1em 1em 1em 0; }

@media screen and (min-width: 480px) { .tablet-text-center { text-align: center; }
  .tablet-text-left { text-align: left; }
  .tablet-text-right { text-align: right; }
  .tablet-show-content { display: block; }
  .tablet-hide-content { display: none; } }

@media screen and (min-width: 1025px) { .desktop-text-center { text-align: center; }
  .desktop-text-left { text-align: left; }
  .desktop-text-right { text-align: right; }
  .desktop-show-content { display: block; }
  .desktop-hide-content { display: none; } }

.lt-ie9 .tablet-text-center { text-align: center; }

.lt-ie9 .tablet-text-left { text-align: left; }

.lt-ie9 .tablet-text-right { text-align: right; }

.lt-ie9 .desktop-text-center { text-align: center; }

.lt-ie9 .desktop-text-left { text-align: left; }

.lt-ie9 .desktop-text-right { text-align: right; }

.lt-ie9 .tablet-show-content { display: block; }

.lt-ie9 .tablet-hide-content { display: none; }

.lt-ie9 .desktop-show-content { display: block; }

.lt-ie9 .desktop-hide-content { display: none; }

/* Responsive Layout Helpers */
@media screen and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) { .tablet-show-content { display: none; }
  .tablet-hide-content { display: block; } }

/* Fix for responsive field hiding/showing on custom fields By default, we base hiding/showing off the viewport  but that doesn't translate well when using the iframe  */
.custom-fields { /* reset all field visibility */ }

.custom-fields .tablet-hide-content { display: none; }

.custom-fields .tablet-show-content { display: block; }

/* if it's mobile, make it act appropriately */
.show-on-mobile { display: none; }

.is-mobile .hide-on-mobile { display: none; }

.is-mobile .show-on-mobile { display: block; }

.is-mobile .qgiv-form { color: #333; }

/* Text */
.help-link { color: #b9c2c7; }

.highlight-green { color: #659519; }

.highlight-blue { color: #13619c; }

.highlight-yellow { padding: 4px 8px; background-color: #FFFEB1; display: inline-block; }

.discounted-cost { text-decoration: line-through; color: #d03424; margin-right: 0.5em; }

.link, .account-navigation .nav-item-link, .user-html-content a { color: #06d; border-bottom: 1px solid transparent; padding-bottom: 2px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.link:hover, .account-navigation .nav-item-link:hover, .user-html-content a:hover { color: #117fff; border-bottom-color: #5ea8ff; }

.action-delete { color: #d03424; }

.placeholder-text { filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

/* Background */
.ui-bg-light { background-color: #e4e8ea; }

/* Image Blocks */
.image-wrapper { display: block; position: relative; padding: .25em; border-radius: 4px; background: #eceff0; text-align: center; z-index: 0; }

.image-wrapper:hover .detail-icon { filter: alpha(opacity=25); opacity: 0.25; }

.image-wrapper .image-name { display: block; margin: -.25em 0 0 0; font-size: 0.8125em; line-height: 2em; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.image-wrapper .image-action { display: inline-block; text-align: center; font-size: .75em; margin-top: .25em; padding: .5em; }

.image-wrapper .image-action:before { font-size: 11px; }

.image-wrapper .image-action.light { color: #d0d7da; }

.image-wrapper .image-action.light:hover { color: #d03424; }

.image-wrapper .detail-icon { position: absolute; top: 50%; left: 50%; margin: -1em 0 0 -1em; padding: .5em; border-radius: 50%; background: #fff; background: rgba(255, 255, 255, 0.75); font-size: 1.5em; text-align: center; z-index: 2; filter: alpha(opacity=0); opacity: 0; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.image-wrapper .detail-icon:hover { display: block; cursor: pointer; filter: alpha(opacity=100); opacity: 1; }

.image-wrapper .image { display: block; position: relative; padding-bottom: 100%; background-color: #fff; text-transform: none; overflow: hidden; }

.image-wrapper .image img { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; }

.image-wrapper .placeholder-image img { z-index: 0; }

.image-wrapper.inline-image { display: inline-block; }

.image-wrapper.add-new { min-height: 0; border: 4px dashed #eceff0; background: #fafbfb; text-align: center; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; }

.image-wrapper.add-new .image-action.light:hover { color: #47ab42; }

.image-wrapper.add-new .image { background: transparent; }

.image-wrapper.add-new .image .anchor-element { display: block; position: absolute; top: 50%; width: 100%; margin-top: -2em; font-size: .875em; }

.image-wrapper.add-new .image .anchor-element .ui-icon, .image-wrapper.add-new .image .anchor-element [data-icon]:before, .image-wrapper.add-new .image .anchor-element [data-icon-after]:after { display: block; font-size: 2em; margin-bottom: .5em; }

.image-wrapper.add-new .dz-default.dz-message { display: none; }

.image-wrapper.add-new.full-width .image { padding: 2em 1em 1em; }

.image-wrapper.add-new.full-width .anchor-element { position: relative; margin: 0; }

.image-wrapper.no-positioning .image { padding: 0; }

.image-wrapper.no-positioning .image img { display: block; position: relative; }

.image-wrapper.no-positioning .image img.hide-content, .image-wrapper.no-positioning .image img.print-only { display: none; }

.image-wrapper.constrain-image { white-space: nowrap; }

.image-wrapper.constrain-image .image { height: 9.5em; padding: 1.5em; }

.image-wrapper.constrain-image .image:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.image-wrapper.constrain-image .image img { display: inline-block; margin: 0 auto; width: auto; max-height: 100%; vertical-align: middle; }

.image-wrapper.constrain-image .image.focused { height: 11em; padding: 2em; }

.image-wrapper.sortable:hover { cursor: move; }

.image-wrapper.dz-drag-hover { background: #fff; }

.image-caption p { margin: .75em 0; }

.image-caption .caption-heading { margin-bottom: .25em; }

.image-grid { position: relative; z-index: 0; }

.image-grid .dropzone .dz-preview { position: absolute; top: 50%; left: 50%; margin: -82px 0 0 -57px; }

.image-grid .dropzone.dz-browser-not-supported { clear: both; float: none; width: auto; margin: 1em 0 0 2.45%; padding: 2em; }

.image-grid .dropzone.dz-browser-not-supported .image-container, .image-grid .dropzone.dz-browser-not-supported .image-action { display: none; }

.image-grid .dropzone.dz-clickable * { cursor: pointer; }

.image-grid .sortable:hover { cursor: move; }

.image-grid.no-spacing { margin-top: -6px; margin-left: -6px; margin-right: -6px; }

.image-grid.no-spacing .image-wrapper { margin: 7px; }

.select-item { position: relative; z-index: 1; }

.select-item:hover { cursor: pointer; }

.select-item:hover .image-action { color: #47ab42; }

.select-item .image { filter: alpha(opacity=25); opacity: 0.25; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.select-item .option-icon { position: absolute; top: auto; bottom: -.25em; right: -.25em; padding: .5em; width: 2em; height: 2em; border-radius: 50%; background: rgba(255, 255, 255, 0.85); font-size: 1.5em; text-align: center; z-index: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.select-item.selected:hover .image-action { color: #d03424; }

.select-item.selected .image { filter: alpha(opacity=100); opacity: 1; }

.select-item.selected .option-icon { filter: alpha(opacity=100); opacity: 1; }

.image-placeholder { position: relative; padding-bottom: 100%; border-radius: 4px; background: #eceff0; }

.image-placeholder .ui-icon, .image-placeholder [data-icon]:before, .image-placeholder [data-icon-after]:after { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -.5em; font-size: 2em; text-align: center; color: #d5dcde; }

/*  ========================================================================== Media Queries ========================================================================== */
@media only screen and (max-width: 480px) { /*  Stacking Table Pattern  */
  .data-table-stack tr { border-top: 3px solid #b9c2c7; }
  .data-table-stack td { border-color: #f2f3f4; border-left: none; display: block; position: relative; width: 100%; }
  .data-table-stack td:first-child { border: none; }
  .data-table-stack td[data-cell-label] { min-height: 3em; padding-left: 33%; }
  .data-table-stack td[data-cell-label]:before { color: #333; content: attr(data-cell-label); font-size: 0.6875em; text-transform: uppercase; line-height: 2.75em; padding: 0.75em 0 0 1.14286em; position: absolute; left: 0em; top: 0em; width: 30%; }
  .data-table-stack thead { display: block; }
  .data-table-stack thead tr { border: none; position: absolute; left: -9999px; top: -9999px; } }

@media only screen and (min-width: 480px) { .qgiv-form { padding: 1.5em; }
  .isolated-form .qgiv-form { padding: 2em; }
  .cms-enabled .isolated-form .qgiv-form { padding: 1em; }
  .isolated-form .qgiv-form.donor-form .donor-content { padding: 2em; }
  .account-navigation { text-align: left; }
  .account-navigation .help-link, .account-navigation .back-to-form-link { float: left; }
  .account-navigation .navigation { padding: 0.5em; width: 50%; float: right; text-align: right; }
  .donor-account-navigation .nav-icon { display: none; }
  .donor-account-navigation .nav-item-link-label { display: block; }
  .ui-modal-content .form-actions, .ui-management-item .item-content .form-actions { text-align: left; }
  .ui-modal-content .form-actions .ui-button, .ui-management-item .item-content .form-actions .ui-button { width: auto; margin-bottom: 0; }
  .ui-modal-message { max-height: none; overflow: visible; }
  .button-action-text { display: inline-block; vertical-align: middle; margin-right: 1.5em; margin-bottom: 0; }
  .mobile-full-option .ui-option .option-description { width: auto; }
  .inline .ui-option, .ui-option.inline { display: inline-block; }
  .ui-option-list.inline .ui-option { display: inline-block; }
  .ui-management-item .action-items { text-align: right; }
  .form-field, .ui-select { font-size: 0.875em; }
  .simple-grid { display: table; }
  .simple-grid-unit { display: table-cell; }
  .donation-amount-button-container { width: 5em; margin-bottom: 0; }
  .donation-amount-item .option-description { margin-left: 1em; }
  .submit-button { width: auto; } }

.lt-ie9 .qgiv-form { padding: 1.5em; }

.isolated-form .lt-ie9 .qgiv-form { padding: 2em; }

.cms-enabled .isolated-form .lt-ie9 .qgiv-form { padding: 1em; }

.isolated-form .lt-ie9 .qgiv-form.donor-form .donor-content { padding: 2em; }

.lt-ie9 .account-navigation { text-align: left; }

.lt-ie9 .account-navigation .help-link, .lt-ie9 .account-navigation .back-to-form-link { float: left; }

.lt-ie9 .account-navigation .navigation { padding: 0.5em; width: 50%; float: right; text-align: right; }

.lt-ie9 .donor-account-navigation .nav-icon { display: none; }

.lt-ie9 .donor-account-navigation .nav-item-link-label { display: block; }

.lt-ie9 .ui-modal-content .form-actions, .lt-ie9 .ui-management-item .item-content .form-actions { text-align: left; }

.lt-ie9 .ui-modal-content .form-actions .ui-button, .lt-ie9 .ui-management-item .item-content .form-actions .ui-button { width: auto; margin-bottom: 0; }

.lt-ie9 .ui-modal-message { max-height: none; overflow: visible; }

.lt-ie9 .button-action-text { display: inline-block; vertical-align: middle; margin-right: 1.5em; margin-bottom: 0; }

.mobile-full-option .lt-ie9 .ui-option .option-description { width: auto; }

.inline .lt-ie9 .ui-option, .lt-ie9 .ui-option.inline { display: inline-block; }

.lt-ie9 .ui-option-list.inline .ui-option { display: inline-block; }

.lt-ie9 .ui-management-item .action-items { text-align: right; }

.lt-ie9 .form-field, .lt-ie9 .ui-select { font-size: 0.875em; }

.lt-ie9 .simple-grid { display: table; }

.lt-ie9 .simple-grid-unit { display: table-cell; }

.lt-ie9 .donation-amount-button-container { width: 5em; margin-bottom: 0; }

.lt-ie9 .donation-amount-item .option-description { margin-left: 1em; }

.lt-ie9 .submit-button { width: auto; }

.lt-ie9 * { filter: none !important; }

/*  ========================================================================== Additional Print Styles ========================================================================== */
@media print { html, body, .qgiv-form { background: white !important; font-size: 9pt; }
  .isolated-form .qgiv-form { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  .link, .account-navigation .nav-item-link, .user-html-content a { padding: 0; -moz-transition: none; -webkit-transition: none; transition: none; }
  .data-table { background-color: #fff !important; }
  a:after { display: none; } }