@charset "UTF-8";
/*
$graph-colour1:  #e29e1b;
$graph-colour2:  #dcd522;
$graph-colour3:  #5cb619;
$graph-colour4:  #953579;
$graph-colour5:  #1c7dbb;
$graph-colour6:  #ae1f1f;
$graph-colour7:  #e7dd70;
$graph-colour8:  #4c5f6b;
$graph-colour9:  #804108;
$graph-colour10:  #e9aba7;
$graph-colour11:  #300846;
$graph-colour12:  #133885;
*/
/* Generate padding-top-x */
.padding-top-1px {
  padding-top: 1px !important; }

.padding-bottom-1px {
  padding-bottom: 1px !important; }

.padding-left-1px {
  padding-left: 1px !important; }

.padding-right-1px {
  padding-right: 1px !important; }

.margin-top-1px {
  margin-top: 1px !important; }

.margin-bottom-1px {
  margin-bottom: 1px !important; }

.margin-left-1px {
  margin-left: 1px !important; }

.margin-right-1px {
  margin-right: 1px !important; }

.padding-top-2px {
  padding-top: 2px !important; }

.padding-bottom-2px {
  padding-bottom: 2px !important; }

.padding-left-2px {
  padding-left: 2px !important; }

.padding-right-2px {
  padding-right: 2px !important; }

.margin-top-2px {
  margin-top: 2px !important; }

.margin-bottom-2px {
  margin-bottom: 2px !important; }

.margin-left-2px {
  margin-left: 2px !important; }

.margin-right-2px {
  margin-right: 2px !important; }

.padding-top-3px {
  padding-top: 3px !important; }

.padding-bottom-3px {
  padding-bottom: 3px !important; }

.padding-left-3px {
  padding-left: 3px !important; }

.padding-right-3px {
  padding-right: 3px !important; }

.margin-top-3px {
  margin-top: 3px !important; }

.margin-bottom-3px {
  margin-bottom: 3px !important; }

.margin-left-3px {
  margin-left: 3px !important; }

.margin-right-3px {
  margin-right: 3px !important; }

.padding-top-4px {
  padding-top: 4px !important; }

.padding-bottom-4px {
  padding-bottom: 4px !important; }

.padding-left-4px {
  padding-left: 4px !important; }

.padding-right-4px {
  padding-right: 4px !important; }

.margin-top-4px {
  margin-top: 4px !important; }

.margin-bottom-4px {
  margin-bottom: 4px !important; }

.margin-left-4px {
  margin-left: 4px !important; }

.margin-right-4px {
  margin-right: 4px !important; }

.padding-top-5px {
  padding-top: 5px !important; }

.padding-bottom-5px {
  padding-bottom: 5px !important; }

.padding-left-5px {
  padding-left: 5px !important; }

.padding-right-5px {
  padding-right: 5px !important; }

.margin-top-5px {
  margin-top: 5px !important; }

.margin-bottom-5px {
  margin-bottom: 5px !important; }

.margin-left-5px {
  margin-left: 5px !important; }

.margin-right-5px {
  margin-right: 5px !important; }

.padding-top-6px {
  padding-top: 6px !important; }

.padding-bottom-6px {
  padding-bottom: 6px !important; }

.padding-left-6px {
  padding-left: 6px !important; }

.padding-right-6px {
  padding-right: 6px !important; }

.margin-top-6px {
  margin-top: 6px !important; }

.margin-bottom-6px {
  margin-bottom: 6px !important; }

.margin-left-6px {
  margin-left: 6px !important; }

.margin-right-6px {
  margin-right: 6px !important; }

.padding-top-7px {
  padding-top: 7px !important; }

.padding-bottom-7px {
  padding-bottom: 7px !important; }

.padding-left-7px {
  padding-left: 7px !important; }

.padding-right-7px {
  padding-right: 7px !important; }

.margin-top-7px {
  margin-top: 7px !important; }

.margin-bottom-7px {
  margin-bottom: 7px !important; }

.margin-left-7px {
  margin-left: 7px !important; }

.margin-right-7px {
  margin-right: 7px !important; }

.padding-top-8px {
  padding-top: 8px !important; }

.padding-bottom-8px {
  padding-bottom: 8px !important; }

.padding-left-8px {
  padding-left: 8px !important; }

.padding-right-8px {
  padding-right: 8px !important; }

.margin-top-8px {
  margin-top: 8px !important; }

.margin-bottom-8px {
  margin-bottom: 8px !important; }

.margin-left-8px {
  margin-left: 8px !important; }

.margin-right-8px {
  margin-right: 8px !important; }

.padding-top-9px {
  padding-top: 9px !important; }

.padding-bottom-9px {
  padding-bottom: 9px !important; }

.padding-left-9px {
  padding-left: 9px !important; }

.padding-right-9px {
  padding-right: 9px !important; }

.margin-top-9px {
  margin-top: 9px !important; }

.margin-bottom-9px {
  margin-bottom: 9px !important; }

.margin-left-9px {
  margin-left: 9px !important; }

.margin-right-9px {
  margin-right: 9px !important; }

.padding-top-10px {
  padding-top: 10px !important; }

.padding-bottom-10px {
  padding-bottom: 10px !important; }

.padding-left-10px {
  padding-left: 10px !important; }

.padding-right-10px {
  padding-right: 10px !important; }

.margin-top-10px {
  margin-top: 10px !important; }

.margin-bottom-10px {
  margin-bottom: 10px !important; }

.margin-left-10px {
  margin-left: 10px !important; }

.margin-right-10px {
  margin-right: 10px !important; }

.padding-top-11px {
  padding-top: 11px !important; }

.padding-bottom-11px {
  padding-bottom: 11px !important; }

.padding-left-11px {
  padding-left: 11px !important; }

.padding-right-11px {
  padding-right: 11px !important; }

.margin-top-11px {
  margin-top: 11px !important; }

.margin-bottom-11px {
  margin-bottom: 11px !important; }

.margin-left-11px {
  margin-left: 11px !important; }

.margin-right-11px {
  margin-right: 11px !important; }

.padding-top-12px {
  padding-top: 12px !important; }

.padding-bottom-12px {
  padding-bottom: 12px !important; }

.padding-left-12px {
  padding-left: 12px !important; }

.padding-right-12px {
  padding-right: 12px !important; }

.margin-top-12px {
  margin-top: 12px !important; }

.margin-bottom-12px {
  margin-bottom: 12px !important; }

.margin-left-12px {
  margin-left: 12px !important; }

.margin-right-12px {
  margin-right: 12px !important; }

.padding-top-13px {
  padding-top: 13px !important; }

.padding-bottom-13px {
  padding-bottom: 13px !important; }

.padding-left-13px {
  padding-left: 13px !important; }

.padding-right-13px {
  padding-right: 13px !important; }

.margin-top-13px {
  margin-top: 13px !important; }

.margin-bottom-13px {
  margin-bottom: 13px !important; }

.margin-left-13px {
  margin-left: 13px !important; }

.margin-right-13px {
  margin-right: 13px !important; }

.padding-top-14px {
  padding-top: 14px !important; }

.padding-bottom-14px {
  padding-bottom: 14px !important; }

.padding-left-14px {
  padding-left: 14px !important; }

.padding-right-14px {
  padding-right: 14px !important; }

.margin-top-14px {
  margin-top: 14px !important; }

.margin-bottom-14px {
  margin-bottom: 14px !important; }

.margin-left-14px {
  margin-left: 14px !important; }

.margin-right-14px {
  margin-right: 14px !important; }

.padding-top-15px {
  padding-top: 15px !important; }

.padding-bottom-15px {
  padding-bottom: 15px !important; }

.padding-left-15px {
  padding-left: 15px !important; }

.padding-right-15px {
  padding-right: 15px !important; }

.margin-top-15px {
  margin-top: 15px !important; }

.margin-bottom-15px {
  margin-bottom: 15px !important; }

.margin-left-15px {
  margin-left: 15px !important; }

.margin-right-15px {
  margin-right: 15px !important; }

.padding-top-16px {
  padding-top: 16px !important; }

.padding-bottom-16px {
  padding-bottom: 16px !important; }

.padding-left-16px {
  padding-left: 16px !important; }

.padding-right-16px {
  padding-right: 16px !important; }

.margin-top-16px {
  margin-top: 16px !important; }

.margin-bottom-16px {
  margin-bottom: 16px !important; }

.margin-left-16px {
  margin-left: 16px !important; }

.margin-right-16px {
  margin-right: 16px !important; }

.padding-top-17px {
  padding-top: 17px !important; }

.padding-bottom-17px {
  padding-bottom: 17px !important; }

.padding-left-17px {
  padding-left: 17px !important; }

.padding-right-17px {
  padding-right: 17px !important; }

.margin-top-17px {
  margin-top: 17px !important; }

.margin-bottom-17px {
  margin-bottom: 17px !important; }

.margin-left-17px {
  margin-left: 17px !important; }

.margin-right-17px {
  margin-right: 17px !important; }

.padding-top-18px {
  padding-top: 18px !important; }

.padding-bottom-18px {
  padding-bottom: 18px !important; }

.padding-left-18px {
  padding-left: 18px !important; }

.padding-right-18px {
  padding-right: 18px !important; }

.margin-top-18px {
  margin-top: 18px !important; }

.margin-bottom-18px {
  margin-bottom: 18px !important; }

.margin-left-18px {
  margin-left: 18px !important; }

.margin-right-18px {
  margin-right: 18px !important; }

.padding-top-19px {
  padding-top: 19px !important; }

.padding-bottom-19px {
  padding-bottom: 19px !important; }

.padding-left-19px {
  padding-left: 19px !important; }

.padding-right-19px {
  padding-right: 19px !important; }

.margin-top-19px {
  margin-top: 19px !important; }

.margin-bottom-19px {
  margin-bottom: 19px !important; }

.margin-left-19px {
  margin-left: 19px !important; }

.margin-right-19px {
  margin-right: 19px !important; }

.padding-top-20px {
  padding-top: 20px !important; }

.padding-bottom-20px {
  padding-bottom: 20px !important; }

.padding-left-20px {
  padding-left: 20px !important; }

.padding-right-20px {
  padding-right: 20px !important; }

.margin-top-20px {
  margin-top: 20px !important; }

.margin-bottom-20px {
  margin-bottom: 20px !important; }

.margin-left-20px {
  margin-left: 20px !important; }

.margin-right-20px {
  margin-right: 20px !important; }

.padding-top-21px {
  padding-top: 21px !important; }

.padding-bottom-21px {
  padding-bottom: 21px !important; }

.padding-left-21px {
  padding-left: 21px !important; }

.padding-right-21px {
  padding-right: 21px !important; }

.margin-top-21px {
  margin-top: 21px !important; }

.margin-bottom-21px {
  margin-bottom: 21px !important; }

.margin-left-21px {
  margin-left: 21px !important; }

.margin-right-21px {
  margin-right: 21px !important; }

.padding-top-22px {
  padding-top: 22px !important; }

.padding-bottom-22px {
  padding-bottom: 22px !important; }

.padding-left-22px {
  padding-left: 22px !important; }

.padding-right-22px {
  padding-right: 22px !important; }

.margin-top-22px {
  margin-top: 22px !important; }

.margin-bottom-22px {
  margin-bottom: 22px !important; }

.margin-left-22px {
  margin-left: 22px !important; }

.margin-right-22px {
  margin-right: 22px !important; }

.padding-top-23px {
  padding-top: 23px !important; }

.padding-bottom-23px {
  padding-bottom: 23px !important; }

.padding-left-23px {
  padding-left: 23px !important; }

.padding-right-23px {
  padding-right: 23px !important; }

.margin-top-23px {
  margin-top: 23px !important; }

.margin-bottom-23px {
  margin-bottom: 23px !important; }

.margin-left-23px {
  margin-left: 23px !important; }

.margin-right-23px {
  margin-right: 23px !important; }

.padding-top-24px {
  padding-top: 24px !important; }

.padding-bottom-24px {
  padding-bottom: 24px !important; }

.padding-left-24px {
  padding-left: 24px !important; }

.padding-right-24px {
  padding-right: 24px !important; }

.margin-top-24px {
  margin-top: 24px !important; }

.margin-bottom-24px {
  margin-bottom: 24px !important; }

.margin-left-24px {
  margin-left: 24px !important; }

.margin-right-24px {
  margin-right: 24px !important; }

.padding-top-25px {
  padding-top: 25px !important; }

.padding-bottom-25px {
  padding-bottom: 25px !important; }

.padding-left-25px {
  padding-left: 25px !important; }

.padding-right-25px {
  padding-right: 25px !important; }

.margin-top-25px {
  margin-top: 25px !important; }

.margin-bottom-25px {
  margin-bottom: 25px !important; }

.margin-left-25px {
  margin-left: 25px !important; }

.margin-right-25px {
  margin-right: 25px !important; }

.padding-top-26px {
  padding-top: 26px !important; }

.padding-bottom-26px {
  padding-bottom: 26px !important; }

.padding-left-26px {
  padding-left: 26px !important; }

.padding-right-26px {
  padding-right: 26px !important; }

.margin-top-26px {
  margin-top: 26px !important; }

.margin-bottom-26px {
  margin-bottom: 26px !important; }

.margin-left-26px {
  margin-left: 26px !important; }

.margin-right-26px {
  margin-right: 26px !important; }

.padding-top-27px {
  padding-top: 27px !important; }

.padding-bottom-27px {
  padding-bottom: 27px !important; }

.padding-left-27px {
  padding-left: 27px !important; }

.padding-right-27px {
  padding-right: 27px !important; }

.margin-top-27px {
  margin-top: 27px !important; }

.margin-bottom-27px {
  margin-bottom: 27px !important; }

.margin-left-27px {
  margin-left: 27px !important; }

.margin-right-27px {
  margin-right: 27px !important; }

.padding-top-28px {
  padding-top: 28px !important; }

.padding-bottom-28px {
  padding-bottom: 28px !important; }

.padding-left-28px {
  padding-left: 28px !important; }

.padding-right-28px {
  padding-right: 28px !important; }

.margin-top-28px {
  margin-top: 28px !important; }

.margin-bottom-28px {
  margin-bottom: 28px !important; }

.margin-left-28px {
  margin-left: 28px !important; }

.margin-right-28px {
  margin-right: 28px !important; }

.padding-top-29px {
  padding-top: 29px !important; }

.padding-bottom-29px {
  padding-bottom: 29px !important; }

.padding-left-29px {
  padding-left: 29px !important; }

.padding-right-29px {
  padding-right: 29px !important; }

.margin-top-29px {
  margin-top: 29px !important; }

.margin-bottom-29px {
  margin-bottom: 29px !important; }

.margin-left-29px {
  margin-left: 29px !important; }

.margin-right-29px {
  margin-right: 29px !important; }

.padding-top-30px {
  padding-top: 30px !important; }

.padding-bottom-30px {
  padding-bottom: 30px !important; }

.padding-left-30px {
  padding-left: 30px !important; }

.padding-right-30px {
  padding-right: 30px !important; }

.margin-top-30px {
  margin-top: 30px !important; }

.margin-bottom-30px {
  margin-bottom: 30px !important; }

.margin-left-30px {
  margin-left: 30px !important; }

.margin-right-30px {
  margin-right: 30px !important; }

/* Generate padding-top-x */
.padding-top-1rem {
  padding-top: 1rem !important; }

.padding-bottom-1rem {
  padding-bottom: 1rem !important; }

.padding-left-1rem {
  padding-left: 1rem !important; }

.padding-right-1rem {
  padding-right: 1rem !important; }

.margin-top-1rem {
  margin-top: 1rem !important; }

.margin-bottom-1rem {
  margin-bottom: 1rem !important; }

.margin-left-1rem {
  margin-left: 1rem !important; }

.margin-right-1rem {
  margin-right: 1rem !important; }

.padding-top-2rem {
  padding-top: 2rem !important; }

.padding-bottom-2rem {
  padding-bottom: 2rem !important; }

.padding-left-2rem {
  padding-left: 2rem !important; }

.padding-right-2rem {
  padding-right: 2rem !important; }

.margin-top-2rem {
  margin-top: 2rem !important; }

.margin-bottom-2rem {
  margin-bottom: 2rem !important; }

.margin-left-2rem {
  margin-left: 2rem !important; }

.margin-right-2rem {
  margin-right: 2rem !important; }

.padding-top-3rem {
  padding-top: 3rem !important; }

.padding-bottom-3rem {
  padding-bottom: 3rem !important; }

.padding-left-3rem {
  padding-left: 3rem !important; }

.padding-right-3rem {
  padding-right: 3rem !important; }

.margin-top-3rem {
  margin-top: 3rem !important; }

.margin-bottom-3rem {
  margin-bottom: 3rem !important; }

.margin-left-3rem {
  margin-left: 3rem !important; }

.margin-right-3rem {
  margin-right: 3rem !important; }

.padding-top-4rem {
  padding-top: 4rem !important; }

.padding-bottom-4rem {
  padding-bottom: 4rem !important; }

.padding-left-4rem {
  padding-left: 4rem !important; }

.padding-right-4rem {
  padding-right: 4rem !important; }

.margin-top-4rem {
  margin-top: 4rem !important; }

.margin-bottom-4rem {
  margin-bottom: 4rem !important; }

.margin-left-4rem {
  margin-left: 4rem !important; }

.margin-right-4rem {
  margin-right: 4rem !important; }

.padding-top-5rem {
  padding-top: 5rem !important; }

.padding-bottom-5rem {
  padding-bottom: 5rem !important; }

.padding-left-5rem {
  padding-left: 5rem !important; }

.padding-right-5rem {
  padding-right: 5rem !important; }

.margin-top-5rem {
  margin-top: 5rem !important; }

.margin-bottom-5rem {
  margin-bottom: 5rem !important; }

.margin-left-5rem {
  margin-left: 5rem !important; }

.margin-right-5rem {
  margin-right: 5rem !important; }

.padding-top-6rem {
  padding-top: 6rem !important; }

.padding-bottom-6rem {
  padding-bottom: 6rem !important; }

.padding-left-6rem {
  padding-left: 6rem !important; }

.padding-right-6rem {
  padding-right: 6rem !important; }

.margin-top-6rem {
  margin-top: 6rem !important; }

.margin-bottom-6rem {
  margin-bottom: 6rem !important; }

.margin-left-6rem {
  margin-left: 6rem !important; }

.margin-right-6rem {
  margin-right: 6rem !important; }

.padding-top-7rem {
  padding-top: 7rem !important; }

.padding-bottom-7rem {
  padding-bottom: 7rem !important; }

.padding-left-7rem {
  padding-left: 7rem !important; }

.padding-right-7rem {
  padding-right: 7rem !important; }

.margin-top-7rem {
  margin-top: 7rem !important; }

.margin-bottom-7rem {
  margin-bottom: 7rem !important; }

.margin-left-7rem {
  margin-left: 7rem !important; }

.margin-right-7rem {
  margin-right: 7rem !important; }

.padding-top-8rem {
  padding-top: 8rem !important; }

.padding-bottom-8rem {
  padding-bottom: 8rem !important; }

.padding-left-8rem {
  padding-left: 8rem !important; }

.padding-right-8rem {
  padding-right: 8rem !important; }

.margin-top-8rem {
  margin-top: 8rem !important; }

.margin-bottom-8rem {
  margin-bottom: 8rem !important; }

.margin-left-8rem {
  margin-left: 8rem !important; }

.margin-right-8rem {
  margin-right: 8rem !important; }

.padding-top-9rem {
  padding-top: 9rem !important; }

.padding-bottom-9rem {
  padding-bottom: 9rem !important; }

.padding-left-9rem {
  padding-left: 9rem !important; }

.padding-right-9rem {
  padding-right: 9rem !important; }

.margin-top-9rem {
  margin-top: 9rem !important; }

.margin-bottom-9rem {
  margin-bottom: 9rem !important; }

.margin-left-9rem {
  margin-left: 9rem !important; }

.margin-right-9rem {
  margin-right: 9rem !important; }

.padding-top-10rem {
  padding-top: 10rem !important; }

.padding-bottom-10rem {
  padding-bottom: 10rem !important; }

.padding-left-10rem {
  padding-left: 10rem !important; }

.padding-right-10rem {
  padding-right: 10rem !important; }

.margin-top-10rem {
  margin-top: 10rem !important; }

.margin-bottom-10rem {
  margin-bottom: 10rem !important; }

.margin-left-10rem {
  margin-left: 10rem !important; }

.margin-right-10rem {
  margin-right: 10rem !important; }

/* Generate radius-x */
.radius-1px {
  border-radius: 1px !important; }

.radius-2px {
  border-radius: 2px !important; }

.radius-3px {
  border-radius: 3px !important; }

.radius-4px {
  border-radius: 4px !important; }

.radius-5px {
  border-radius: 5px !important; }

.radius-6px {
  border-radius: 6px !important; }

.radius-7px {
  border-radius: 7px !important; }

.radius-8px {
  border-radius: 8px !important; }

.radius-9px {
  border-radius: 9px !important; }

.radius-10px {
  border-radius: 10px !important; }

.message-filter .filter-options.expanded:after, .collapsable-div .list-item:after, .graph ul[data-pie-id].legend li:after,
.graph ul[data-bar-id].legend li:after, .listings li.listing:after, .bank-statement-upload .table-row:after, .page-funds-account .view-statements:after, .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item:after, .page-new2-application .offers-list .offer-body .loan-term:after,
.page-new2-application .offers-list .offer-body .rate:after,
.page-new2-application .offers-list .offer-body .totalcost:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.sentence-case {
  text-transform: lowercase; }
  .sentence-case:first-letter {
    text-transform: uppercase; }

[class^="icon-"]:before, [class*=" icon-"]:before,
.main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > a[title="Previous month"]:before,
.main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > a[title="Next month"]:before,
.dtpicker-holder .dtpicker > .datepicker_header > a[title="Previous month"]:before,
.dtpicker-holder .dtpicker > .datepicker_header > a[title="Next month"]:before,
.page-browse-listings .display-actions .toggle-listing-display:after,
.page-browse-listings a.show-advanced:after,
.input-holder.disabled:before,
.input-holder.readonly:before,
.select-holder.disable:before,
.input-holder.date-fields.disabled:before,
.input-holder.date-fields.readonly:before,
.bc .breadcrumbs > *:before,
.main .bc .breadcrumbs > *:before,
header.site-header nav.account-nav a.wiki:before,
.sidenav ul li.accordion-header:before,
.page-new2-application .sidepanel ul.wizard li.finished a:before,
.page-new2-application .our-offers .subheader h3:before,
.page-new2-application .our-offers table.offers-table tr.selected td.loanterm:after,
.page-new2-application .offers-list .offer a.select:after,
.dashboard-toolbar .togglem:before,
.dashboard-toolbar .savem:before,
.dashboard-toolbar .layout:before,
.dashboard-toolbar .widget-sorting:before,
.widget .actionbar a.toggle:before,
.widget .actionbar a.pinned:before,
.widget .db-check label:before,
.widgets-list ul.widgets-check label:before,
.ct-legend li:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-user:before {
  content: '\e800'; }

/* '' */
.icon-cog:before {
  content: '\e801'; }

/* '' */
.icon-menu:before {
  content: '\e802'; }

/* '' */
.icon-lock:before {
  content: '\e803'; }

/* '' */
.icon-lock-open:before {
  content: '\e804'; }

/* '' */
.icon-down-open:before {
  content: '\e805'; }

/* '' */
.icon-left-open:before {
  content: '\e806'; }

/* '' */
.icon-right-open:before {
  content: '\e807'; }

/* '' */
.icon-up-open:before {
  content: '\e808'; }

/* '' */
.icon-ok:before {
  content: '\e809'; }

/* '' */
.icon-cancel:before {
  content: '\e80a'; }

/* '' */
.icon-clock:before {
  content: '\e80b'; }

/* '' */
.icon-calendar:before {
  content: '\e80c'; }

/* '' */
.icon-attention:before {
  content: '\e80d'; }

/* '' */
.icon-pencil:before {
  content: '\e80e'; }

/* '' */
.icon-doc-inv:before {
  content: '\e80f'; }

/* '' */
.icon-doc-text:before {
  content: '\e810'; }

/* '' */
.icon-search:before {
  content: '\e811'; }

/* '' */
.icon-dollar:before {
  content: '\e812'; }

/* '' */
.icon-hammer:before {
  content: '\e813'; }

/* '' */
.icon-cancel-1:before {
  content: '\e814'; }

/* '' */
.icon-download-cloud:before {
  content: '\e815'; }

/* '' */
.icon-upload-cloud:before {
  content: '\e816'; }

/* '' */
.icon-eye:before {
  content: '\e817'; }

/* '' */
.icon-trash:before {
  content: '\e818'; }

/* '' */
.icon-archive:before {
  content: '\e819'; }

/* '' */
.icon-leaf:before {
  content: '\e81a'; }

/* '' */
.icon-inbox:before {
  content: '\e81b'; }

/* '' */
.icon-tag:before {
  content: '\e81c'; }

/* '' */
.icon-tags:before {
  content: '\e81d'; }

/* '' */
.icon-spin1:before {
  content: '\e81e'; }

/* '' */
.icon-calc:before {
  content: '\e81f'; }

/* '' */
.icon-flag:before {
  content: '\e820'; }

/* '' */
.icon-megaphone:before {
  content: '\e821'; }

/* '' */
.icon-thumbs-up-alt:before {
  content: '\e822'; }

/* '' */
.icon-desktop:before {
  content: '\e823'; }

/* '' */
.icon-bank:before {
  content: '\e824'; }

/* '' */
.icon-block:before {
  content: '\e825'; }

/* '' */
.icon-user-1:before {
  content: '\e826'; }

/* '' */
.icon-user-male:before {
  content: '\e827'; }

/* '' */
.icon-user-female:before {
  content: '\e828'; }

/* '' */
.icon-anchor:before {
  content: '\e829'; }

/* '' */
.icon-money:before {
  content: '\e82a'; }

/* '' */
.icon-mail-alt:before {
  content: '\e82b'; }

/* '' */
.icon-vcard:before {
  content: '\e82c'; }

/* '' */
.icon-users:before {
  content: '\e82d'; }

/* '' */
.icon-help:before {
  content: '\e82e'; }

/* '' */
.icon-link-ext:before {
  content: '\e82f'; }

/* '' */
.icon-chart-bar:before {
  content: '\e830'; }

/* '' */
.icon-chart-pie:before {
  content: '\e831'; }

/* '' */
.icon-users-1:before {
  content: '\e832'; }

/* '' */
.icon-loop-alt:before {
  content: '\e833'; }

/* '' */
.icon-plus:before {
  content: '\e834'; }

/* '' */
.icon-briefcase:before {
  content: '\e835'; }

/* '' */
.icon-cowicon:before {
  content: '\e836'; }

/* '' */
.icon-globe:before {
  content: '\e837'; }

/* '' */
.icon-angle-left:before {
  content: '\e838'; }

/* '' */
.icon-angle-right:before {
  content: '\e839'; }

/* '' */
.icon-angle-double-left:before {
  content: '\e83a'; }

/* '' */
.icon-angle-double-right:before {
  content: '\e83b'; }

/* '' */
.icon-emo-unhappy:before {
  content: '\e83c'; }

/* '' */
.icon-pin:before {
  content: '\e83d'; }

/* '' */
.icon-clipboard:before {
  content: '\e83e'; }

/* '' */
.icon-arrows-cw:before {
  content: '\e83f'; }

/* '' */
.icon-col2:before {
  content: '\e840'; }

/* '' */
.icon-col3:before {
  content: '\e841'; }

/* '' */
.icon-col4:before {
  content: '\e842'; }

/* '' */
.icon-picture:before {
  content: '\e843'; }

/* '' */
.icon-home:before {
  content: '\e844'; }

/* '' */
.icon-th:before {
  content: '\e845'; }

/* '' */
.icon-star:before {
  content: '\e846'; }

/* '' */
.icon-floppy:before {
  content: '\e847'; }

/* '' */
.icon-key:before {
  content: '\e848'; }

/* '' */
.icon-plus-1:before {
  content: '\e849'; }

/* '' */
.icon-minus:before {
  content: '\e84a'; }

/* '' */
.icon-book:before {
  content: '\e84b'; }

/* '' */
.icon-umbrella:before {
  content: '\e856'; }

/* '' */
.icon-move:before {
  content: '\f047'; }

/* '' */
.icon-filter:before {
  content: '\f0b0'; }

/* '' */
.icon-mobile:before {
  content: '\f10b'; }

/* '' */
.icon-reply:before {
  content: '\f112'; }

/* '' */
.icon-chart-line:before {
  content: '\f201'; }

/* '' */
.icon-wikipedia-w:before {
  content: '\f266'; }

/* '' */
.icon-product-hunt:before {
  content: '\f288'; }

/* '' */
.animate-spin {
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  display: inline-block; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

*:focus,
*:active {
  outline: none; }

.nicescroll-rails {
  z-index: 100 !important; }

select::-ms-expand {
  display: none; }

.ie9 .select-holder:after {
  display: none; }

.ie9 .select-holder select {
  padding-right: 7px !important; }

.ie9 .page-browse-listings .asset-class .select-holder select {
  padding-right: 0 !important;
  padding-top: 10px !important; }

.ie9 option.default {
  background: none !important;
  border: 0 !important; }

.ie9 .page-login,
.ie9 .page-register,
.ie9 .page-error {
  background: #666; }

body {
  -webkit-tap-highlight-color: transparent; }

::selection {
  background: #075a8f;
  color: #fff; }

::-moz-selection {
  background: #075a8f;
  color: #fff; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

body,
img,
.row,
a {
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

i.normal {
  font-style: normal; }

.reveal-iframe {
  height: 360px; }

.force-uppercase {
  text-transform: uppercase !important; }

.nowrap {
  white-space: nowrap; }

.left {
  float: left; }

.right {
  float: right; }

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

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

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

.relative {
  position: relative; }

.nm {
  margin: 0 !important; }

.pn {
  padding: 0 !important; }

.m-center {
  text-align: center; }
  @media screen and (min-width: 40.063em) {
    .m-center {
      text-align: inherit; } }

.main .m-collapse {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  @media screen and (min-width: 40.063em) {
    .main .m-collapse {
      padding-left: 0;
      padding-right: 0; } }

h1 span {
  color: #858585;
  font-size: 0.8rem;
  white-space: nowrap; }

.screen-reader-text {
  left: -9000px;
  position: absolute; }

img {
  max-width: 100%; }

#map img {
  max-width: none; }

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

iframe {
  border: 0;
  height: 100%;
  min-height: 400px;
  width: 100%; }
  iframe.document {
    min-height: 700px; }

nav ul,
nav ol {
  list-style: none;
  margin: 0;
  padding: 0; }

a.smaller {
  font-size: 90%; }

a.inline {
  padding: 0 10px; }

.inline-block {
  display: inline-block;
  vertical-align: middle; }

p {
  font-size: inherit; }
  p.smaller {
    font-size: 90%; }

.stop {
  color: #bd1010; }

@media screen and (min-width: 40.063em) {
  h1.pad-collapse, h2.pad-collapse, h3.pad-collapse, h4.pad-collapse {
    padding: 10px 0 !important; } }

.hideme {
  display: none !important; }

@media screen and (min-width: 40.063em) {
  .mshow {
    display: none !important; } }

.mhide {
  display: none !important; }
  @media screen and (min-width: 40.063em) {
    .mhide {
      display: inline-block !important; } }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600; }

.black {
  color: #000; }

.white {
  color: #fff; }

.orange {
  color: #ff5400; }

.row {
  position: relative; }

hr {
  background: #cfcdcd;
  border: 0;
  box-shadow: 0 1px 0 #fff;
  clear: both;
  height: 1px;
  margin: 20px 0; }
  hr.nm {
    margin: 0; }
  hr.dashed {
    background: none;
    border-top: 1px dashed #999;
    box-shadow: none; }
  hr.white {
    background: #fff;
    box-shadow: none; }
  hr.vertical {
    box-shadow: none;
    height: inherit;
    margin: 0 auto;
    width: 1px; }

.bordered {
  border-top: 1px solid #fff;
  margin: 0; }
  @media screen and (min-width: 40.063em) {
    .bordered {
      border-top: 0; } }

a[disabled],
a.aspNetDisabled,
a.disabled,
span.aspNetDisabled {
  color: #000;
  cursor: default;
  opacity: .3;
  pointer-events: none; }

table {
  border-collapse: separate;
  border-radius: 2px;
  margin: 0;
  width: 100%; }

.pbt {
  padding-bottom: 10px !important; }

.pbs {
  padding-bottom: 20px !important; }

.pbl {
  padding-bottom: 40px !important; }

.ptt {
  padding-top: 10px !important; }

.pts {
  padding-top: 20px !important; }

.ptl {
  padding-top: 40px !important; }

.pt {
  padding: 10px !important; }

.ps {
  padding: 20px !important; }

.pl {
  padding: 40px !important; }

.mbt {
  margin-bottom: 10px !important; }

.mbs {
  margin-bottom: 20px !important; }

.mbl {
  margin-bottom: 40px !important; }

.mtt {
  margin-top: 10px !important; }

.mts {
  margin-top: 20px !important; }

.mtl {
  margin-top: 40px !important; }

.mt {
  margin: 10px !important; }

.ms {
  margin: 20px !important; }

.ml {
  margin: 40px !important; }

.mlt {
  margin-left: 10px !important; }

.mls {
  margin-left: 20px !important; }

.mll {
  margin-left: 40px !important; }

.mrt {
  margin-right: 10px !important; }

.mrs {
  margin-right: 20px !important; }

.mrl {
  margin-right: 40px !important; }

.stack1 {
  z-index: 1; }

.stack2 {
  z-index: 2; }

.stack3 {
  z-index: 3; }

.stack4 {
  z-index: 4; }

.stack5 {
  z-index: 5; }

.stack6 {
  z-index: 6; }

.stack7 {
  z-index: 7; }

.stack8 {
  z-index: 8; }

.stack9 {
  z-index: 9; }

header.site-header .m-nav-bar input.logout,
header.site-header .m-nav-bar a.logout, header.site-header .m-nav-bar .inv-options a.trigger, header.site-header .m-nav-bar .message-bar p, header.site-header .m-nav-bar nav.mobile-main-nav li.accordion-header, header.site-header .navbar nav.category ul li, header.site-header .account-nav ul li:last-child {
  text-transform: uppercase; }

#toTop {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px 0 0 3px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3) inset;
  bottom: 34px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 20px;
  height: 35px;
  line-height: 32px;
  padding: 0 5px;
  position: fixed;
  right: -76px;
  text-align: left;
  width: 46px;
  z-index: 3000;
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear; }
  #toTop:hover {
    right: -10px; }
  #toTop:before {
    margin: 0; }
  #toTop i {
    display: none; }

#toTop.on {
  right: -16px; }
  #toTop.on:hover {
    right: -10px; }

.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

@media screen and (min-width: 40.063em) {
  header.site-header .account-nav .inv-options ol li, header.site-header .navbar nav.category.db ul li ol li, header.site-header .account-nav a.icon-user + ol.account-sub-nav li, .main .table-header.interactive > span ul li,
  .main .table-header.interactive > .steps ul li {
    background: #222;
    border: 0;
    border-bottom: 1px solid #000;
    border-top: 1px solid #3d3d3d;
    border-radius: 0;
    display: block;
    padding: 0;
    position: relative;
    text-transform: none;
    top: 10px; }
    header.site-header .account-nav .inv-options ol li:hover, header.site-header .navbar nav.category.db ul li ol li:hover, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:hover, .main .table-header.interactive > span ul li:hover,
    .main .table-header.interactive > .steps ul li:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
      header.site-header .account-nav .inv-options ol li:hover a, header.site-header .navbar nav.category.db ul li ol li:hover a, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:hover a, .main .table-header.interactive > span ul li:hover a,
      .main .table-header.interactive > .steps ul li:hover a {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) inset; }
        header.site-header .account-nav .inv-options ol li:hover a.disabled, header.site-header .navbar nav.category.db ul li ol li:hover a.disabled, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:hover a.disabled, .main .table-header.interactive > span ul li:hover a.disabled,
        .main .table-header.interactive > .steps ul li:hover a.disabled, header.site-header .account-nav .inv-options ol li:hover a[disabled], header.site-header .navbar nav.category.db ul li ol li:hover a[disabled], header.site-header .account-nav a.icon-user + ol.account-sub-nav li:hover a[disabled], .main .table-header.interactive > span ul li:hover a[disabled],
        .main .table-header.interactive > .steps ul li:hover a[disabled] {
          box-shadow: none; }
      header.site-header .account-nav .inv-options ol li:hover ol, header.site-header .navbar nav.category.db ul li ol li:hover ol, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:hover ol, .main .table-header.interactive > span ul li:hover ol,
      .main .table-header.interactive > .steps ul li:hover ol, header.site-header .account-nav .inv-options ol li:hover ol li, header.site-header .navbar nav.category.db ul li ol li:hover ol li, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:hover ol li, .main .table-header.interactive > span ul li:hover ol li,
      .main .table-header.interactive > .steps ul li:hover ol li {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
        header.site-header .account-nav .inv-options ol li:hover ol a, header.site-header .navbar nav.category.db ul li ol li:hover ol a, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:hover ol a, .main .table-header.interactive > span ul li:hover ol a,
        .main .table-header.interactive > .steps ul li:hover ol a, header.site-header .account-nav .inv-options ol li:hover ol li a, header.site-header .navbar nav.category.db ul li ol li:hover ol li a, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:hover ol li a, .main .table-header.interactive > span ul li:hover ol li a,
        .main .table-header.interactive > .steps ul li:hover ol li a {
          box-shadow: none; }
    header.site-header .account-nav .inv-options ol li:first-child, header.site-header .navbar nav.category.db ul li ol li:first-child, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:first-child, .main .table-header.interactive > span ul li:first-child,
    .main .table-header.interactive > .steps ul li:first-child {
      border: 0;
      border-bottom: 1px solid #000;
      border-radius: 2px 2px 0 0; }
      header.site-header .account-nav .inv-options ol li:first-child a, header.site-header .navbar nav.category.db ul li ol li:first-child a, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:first-child a, .main .table-header.interactive > span ul li:first-child a,
      .main .table-header.interactive > .steps ul li:first-child a {
        border-radius: 2px 2px 0 0; }
      header.site-header .account-nav .inv-options ol li:first-child:before, header.site-header .navbar nav.category.db ul li ol li:first-child:before, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:first-child:before, .main .table-header.interactive > span ul li:first-child:before,
      .main .table-header.interactive > .steps ul li:first-child:before {
        border-bottom: 7px solid #222;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: ".";
        display: block;
        height: 0;
        left: 48px;
        overflow: hidden;
        position: absolute;
        text-indent: -999em;
        top: -7px; }
      header.site-header .account-nav .inv-options ol li:first-child:hover:before, header.site-header .navbar nav.category.db ul li ol li:first-child:hover:before, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:first-child:hover:before, .main .table-header.interactive > span ul li:first-child:hover:before,
      .main .table-header.interactive > .steps ul li:first-child:hover:before {
        border-bottom-color: #222; }
    header.site-header .account-nav .inv-options ol li:last-child, header.site-header .navbar nav.category.db ul li ol li:last-child, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:last-child, .main .table-header.interactive > span ul li:last-child,
    .main .table-header.interactive > .steps ul li:last-child {
      border-bottom: 0;
      border-radius: 0 0 2px 2px; }
      header.site-header .account-nav .inv-options ol li:last-child a, header.site-header .navbar nav.category.db ul li ol li:last-child a, header.site-header .account-nav a.icon-user + ol.account-sub-nav li:last-child a, .main .table-header.interactive > span ul li:last-child a,
      .main .table-header.interactive > .steps ul li:last-child a {
        border-radius: 0 0 2px 2px; }
    header.site-header .account-nav .inv-options ol li a, header.site-header .navbar nav.category.db ul li ol li a, header.site-header .account-nav a.icon-user + ol.account-sub-nav li a, .main .table-header.interactive > span ul li a,
    .main .table-header.interactive > .steps ul li a {
      color: rgba(255, 255, 255, 0.65);
      display: block;
      font-size: .8rem;
      font-weight: 400;
      line-height: 1rem;
      padding: 10px 12px;
      width: 100%; }
      header.site-header .account-nav .inv-options ol li a:active, header.site-header .navbar nav.category.db ul li ol li a:active, header.site-header .account-nav a.icon-user + ol.account-sub-nav li a:active, .main .table-header.interactive > span ul li a:active,
      .main .table-header.interactive > .steps ul li a:active, header.site-header .account-nav .inv-options ol li a:focus, header.site-header .navbar nav.category.db ul li ol li a:focus, header.site-header .account-nav a.icon-user + ol.account-sub-nav li a:focus, .main .table-header.interactive > span ul li a:focus,
      .main .table-header.interactive > .steps ul li a:focus, header.site-header .account-nav .inv-options ol li a:hover, header.site-header .navbar nav.category.db ul li ol li a:hover, header.site-header .account-nav a.icon-user + ol.account-sub-nav li a:hover, .main .table-header.interactive > span ul li a:hover,
      .main .table-header.interactive > .steps ul li a:hover {
        color: rgba(255, 255, 255, 0.8); }
    header.site-header .account-nav .inv-options ol li.selected a, header.site-header .navbar nav.category.db ul li ol li.selected a, header.site-header .account-nav a.icon-user + ol.account-sub-nav li.selected a, .main .table-header.interactive > span ul li.selected a,
    .main .table-header.interactive > .steps ul li.selected a {
      background: #111;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) inset;
      color: #e7dd70; }
    header.site-header .account-nav .inv-options ol li ol, header.site-header .navbar nav.category.db ul li ol li ol, header.site-header .account-nav a.icon-user + ol.account-sub-nav li ol, .main .table-header.interactive > span ul li ol,
    .main .table-header.interactive > .steps ul li ol {
      background: #111;
      border-radius: 0 0 2px 2px;
      left: auto;
      margin: 0;
      position: relative;
      top: auto; }
      header.site-header .account-nav .inv-options ol li ol li, header.site-header .navbar nav.category.db ul li ol li ol li, header.site-header .account-nav a.icon-user + ol.account-sub-nav li ol li, .main .table-header.interactive > span ul li ol li,
      .main .table-header.interactive > .steps ul li ol li {
        background: #111;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        display: block;
        text-transform: none;
        top: auto; }
        header.site-header .account-nav .inv-options ol li ol li a, header.site-header .navbar nav.category.db ul li ol li ol li a, header.site-header .account-nav a.icon-user + ol.account-sub-nav li ol li a, .main .table-header.interactive > span ul li ol li a,
        .main .table-header.interactive > .steps ul li ol li a {
          color: #e7dd70;
          display: block;
          font-size: .75rem;
          font-weight: 400; }
        header.site-header .account-nav .inv-options ol li ol li:hover, header.site-header .navbar nav.category.db ul li ol li ol li:hover, header.site-header .account-nav a.icon-user + ol.account-sub-nav li ol li:hover, .main .table-header.interactive > span ul li ol li:hover,
        .main .table-header.interactive > .steps ul li ol li:hover {
          background: #000; }
      header.site-header .account-nav .inv-options ol li ol li:first-child, header.site-header .navbar nav.category.db ul li ol li ol li:first-child, header.site-header .account-nav a.icon-user + ol.account-sub-nav li ol li:first-child, .main .table-header.interactive > span ul li ol li:first-child,
      .main .table-header.interactive > .steps ul li ol li:first-child {
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 0;
        box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.8) inset; }
        header.site-header .account-nav .inv-options ol li ol li:first-child:before, header.site-header .navbar nav.category.db ul li ol li ol li:first-child:before, header.site-header .account-nav a.icon-user + ol.account-sub-nav li ol li:first-child:before, .main .table-header.interactive > span ul li ol li:first-child:before,
        .main .table-header.interactive > .steps ul li ol li:first-child:before {
          display: none; }
      header.site-header .account-nav .inv-options ol li ol li:last-child, header.site-header .navbar nav.category.db ul li ol li ol li:last-child, header.site-header .account-nav a.icon-user + ol.account-sub-nav li ol li:last-child, .main .table-header.interactive > span ul li ol li:last-child,
      .main .table-header.interactive > .steps ul li ol li:last-child {
        border: 0;
        border-radius: 0 0 2px 2px; } }

button {
  font-family: "Open Sans", Arial, Helvetica, sans-serif; }

.button,
.main .button,
input[type="button"].button,
input[type="submit"].button,
input[type="reset"].button,
.reveal-modal a.button,
ul.related-parties-tabs li a,
.sub-section a.button {
  text-transform: none;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-width: 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 18px 18px -18px rgba(255, 255, 255, 0.5) inset;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: .8rem;
  font-weight: 600;
  padding: 8px 15px;
  text-align: center; }
  .button:hover,
  .main .button:hover,
  input[type="button"].button:hover,
  input[type="submit"].button:hover,
  input[type="reset"].button:hover,
  .reveal-modal a.button:hover,
  ul.related-parties-tabs li a:hover,
  .sub-section a.button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2)); }
  .button:active, .button:focus,
  .main .button:active,
  .main .button:focus,
  input[type="button"].button:active,
  input[type="button"].button:focus,
  input[type="submit"].button:active,
  input[type="submit"].button:focus,
  input[type="reset"].button:active,
  input[type="reset"].button:focus,
  .reveal-modal a.button:active,
  .reveal-modal a.button:focus,
  ul.related-parties-tabs li a:active,
  ul.related-parties-tabs li a:focus,
  .sub-section a.button:active,
  .sub-section a.button:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
  .button.primary,
  .main .button.primary,
  input[type="button"].button.primary,
  input[type="submit"].button.primary,
  input[type="reset"].button.primary,
  .reveal-modal a.button.primary,
  ul.related-parties-tabs li a.primary,
  .sub-section a.button.primary {
    background-color: #ff5400;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    color: #fff; }
  .button.secondary-brand,
  .main .button.secondary-brand,
  input[type="button"].button.secondary-brand,
  input[type="submit"].button.secondary-brand,
  input[type="reset"].button.secondary-brand,
  .reveal-modal a.button.secondary-brand,
  ul.related-parties-tabs li a.secondary-brand,
  .sub-section a.button.secondary-brand {
    background-color: #58af26; }
  .button.secondary,
  .main .button.secondary,
  input[type="button"].button.secondary,
  input[type="submit"].button.secondary,
  input[type="reset"].button.secondary,
  .reveal-modal a.button.secondary,
  ul.related-parties-tabs li a.secondary,
  .sub-section a.button.secondary {
    background-color: #646e75;
    border-color: rgba(0, 0, 0, 0.1);
    color: #fff; }
  .button.tertiairy,
  .main .button.tertiairy,
  input[type="button"].button.tertiairy,
  input[type="submit"].button.tertiairy,
  input[type="reset"].button.tertiairy,
  .reveal-modal a.button.tertiairy,
  ul.related-parties-tabs li a.tertiairy,
  .sub-section a.button.tertiairy {
    background-color: #f9f9f9; }
  .button.branded,
  .main .button.branded,
  input[type="button"].button.branded,
  input[type="submit"].button.branded,
  input[type="reset"].button.branded,
  .reveal-modal a.button.branded,
  ul.related-parties-tabs li a.branded,
  .sub-section a.button.branded {
    background-color: #00bf5c; }
  @media screen and (max-width: 40em) {
    .button.full,
    .main .button.full,
    input[type="button"].button.full,
    input[type="submit"].button.full,
    input[type="reset"].button.full,
    .reveal-modal a.button.full,
    ul.related-parties-tabs li a.full,
    .sub-section a.button.full {
      display: block;
      margin: 0 auto 20px;
      padding: 10px 0;
      width: 100%; } }
  .button[disabled], .button.disabled, .button[disabled]:active, .button.disabled:active, .button[disabled]:focus, .button.disabled:focus,
  .main .button[disabled],
  .main .button.disabled,
  .main .button[disabled]:active,
  .main .button.disabled:active,
  .main .button[disabled]:focus,
  .main .button.disabled:focus,
  input[type="button"].button[disabled],
  input[type="button"].button.disabled,
  input[type="button"].button[disabled]:active,
  input[type="button"].button.disabled:active,
  input[type="button"].button[disabled]:focus,
  input[type="button"].button.disabled:focus,
  input[type="submit"].button[disabled],
  input[type="submit"].button.disabled,
  input[type="submit"].button[disabled]:active,
  input[type="submit"].button.disabled:active,
  input[type="submit"].button[disabled]:focus,
  input[type="submit"].button.disabled:focus,
  input[type="reset"].button[disabled],
  input[type="reset"].button.disabled,
  input[type="reset"].button[disabled]:active,
  input[type="reset"].button.disabled:active,
  input[type="reset"].button[disabled]:focus,
  input[type="reset"].button.disabled:focus,
  .reveal-modal a.button[disabled],
  .reveal-modal a.button.disabled,
  .reveal-modal a.button[disabled]:active,
  .reveal-modal a.button.disabled:active,
  .reveal-modal a.button[disabled]:focus,
  .reveal-modal a.button.disabled:focus,
  ul.related-parties-tabs li a[disabled],
  ul.related-parties-tabs li a.disabled,
  ul.related-parties-tabs li a[disabled]:active,
  ul.related-parties-tabs li a.disabled:active,
  ul.related-parties-tabs li a[disabled]:focus,
  ul.related-parties-tabs li a.disabled:focus,
  .sub-section a.button[disabled],
  .sub-section a.button.disabled,
  .sub-section a.button[disabled]:active,
  .sub-section a.button.disabled:active,
  .sub-section a.button[disabled]:focus,
  .sub-section a.button.disabled:focus {
    background-color: #bbb;
    border-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    opacity: 1;
    -webkit-text-fill-color: #fff; }
    .button[disabled]:active, .button[disabled]:focus, .button[disabled]:hover, .button.disabled:active, .button.disabled:focus, .button.disabled:hover, .button[disabled]:active:active, .button[disabled]:active:focus, .button[disabled]:active:hover, .button.disabled:active:active, .button.disabled:active:focus, .button.disabled:active:hover, .button[disabled]:focus:active, .button[disabled]:focus:focus, .button[disabled]:focus:hover, .button.disabled:focus:active, .button.disabled:focus:focus, .button.disabled:focus:hover,
    .main .button[disabled]:active,
    .main .button[disabled]:focus,
    .main .button[disabled]:hover,
    .main .button.disabled:active,
    .main .button.disabled:focus,
    .main .button.disabled:hover,
    .main .button[disabled]:active:active,
    .main .button[disabled]:active:focus,
    .main .button[disabled]:active:hover,
    .main .button.disabled:active:active,
    .main .button.disabled:active:focus,
    .main .button.disabled:active:hover,
    .main .button[disabled]:focus:active,
    .main .button[disabled]:focus:focus,
    .main .button[disabled]:focus:hover,
    .main .button.disabled:focus:active,
    .main .button.disabled:focus:focus,
    .main .button.disabled:focus:hover,
    input[type="button"].button[disabled]:active,
    input[type="button"].button[disabled]:focus,
    input[type="button"].button[disabled]:hover,
    input[type="button"].button.disabled:active,
    input[type="button"].button.disabled:focus,
    input[type="button"].button.disabled:hover,
    input[type="button"].button[disabled]:active:active,
    input[type="button"].button[disabled]:active:focus,
    input[type="button"].button[disabled]:active:hover,
    input[type="button"].button.disabled:active:active,
    input[type="button"].button.disabled:active:focus,
    input[type="button"].button.disabled:active:hover,
    input[type="button"].button[disabled]:focus:active,
    input[type="button"].button[disabled]:focus:focus,
    input[type="button"].button[disabled]:focus:hover,
    input[type="button"].button.disabled:focus:active,
    input[type="button"].button.disabled:focus:focus,
    input[type="button"].button.disabled:focus:hover,
    input[type="submit"].button[disabled]:active,
    input[type="submit"].button[disabled]:focus,
    input[type="submit"].button[disabled]:hover,
    input[type="submit"].button.disabled:active,
    input[type="submit"].button.disabled:focus,
    input[type="submit"].button.disabled:hover,
    input[type="submit"].button[disabled]:active:active,
    input[type="submit"].button[disabled]:active:focus,
    input[type="submit"].button[disabled]:active:hover,
    input[type="submit"].button.disabled:active:active,
    input[type="submit"].button.disabled:active:focus,
    input[type="submit"].button.disabled:active:hover,
    input[type="submit"].button[disabled]:focus:active,
    input[type="submit"].button[disabled]:focus:focus,
    input[type="submit"].button[disabled]:focus:hover,
    input[type="submit"].button.disabled:focus:active,
    input[type="submit"].button.disabled:focus:focus,
    input[type="submit"].button.disabled:focus:hover,
    input[type="reset"].button[disabled]:active,
    input[type="reset"].button[disabled]:focus,
    input[type="reset"].button[disabled]:hover,
    input[type="reset"].button.disabled:active,
    input[type="reset"].button.disabled:focus,
    input[type="reset"].button.disabled:hover,
    input[type="reset"].button[disabled]:active:active,
    input[type="reset"].button[disabled]:active:focus,
    input[type="reset"].button[disabled]:active:hover,
    input[type="reset"].button.disabled:active:active,
    input[type="reset"].button.disabled:active:focus,
    input[type="reset"].button.disabled:active:hover,
    input[type="reset"].button[disabled]:focus:active,
    input[type="reset"].button[disabled]:focus:focus,
    input[type="reset"].button[disabled]:focus:hover,
    input[type="reset"].button.disabled:focus:active,
    input[type="reset"].button.disabled:focus:focus,
    input[type="reset"].button.disabled:focus:hover,
    .reveal-modal a.button[disabled]:active,
    .reveal-modal a.button[disabled]:focus,
    .reveal-modal a.button[disabled]:hover,
    .reveal-modal a.button.disabled:active,
    .reveal-modal a.button.disabled:focus,
    .reveal-modal a.button.disabled:hover,
    .reveal-modal a.button[disabled]:active:active,
    .reveal-modal a.button[disabled]:active:focus,
    .reveal-modal a.button[disabled]:active:hover,
    .reveal-modal a.button.disabled:active:active,
    .reveal-modal a.button.disabled:active:focus,
    .reveal-modal a.button.disabled:active:hover,
    .reveal-modal a.button[disabled]:focus:active,
    .reveal-modal a.button[disabled]:focus:focus,
    .reveal-modal a.button[disabled]:focus:hover,
    .reveal-modal a.button.disabled:focus:active,
    .reveal-modal a.button.disabled:focus:focus,
    .reveal-modal a.button.disabled:focus:hover,
    ul.related-parties-tabs li a[disabled]:active,
    ul.related-parties-tabs li a[disabled]:focus,
    ul.related-parties-tabs li a[disabled]:hover,
    ul.related-parties-tabs li a.disabled:active,
    ul.related-parties-tabs li a.disabled:focus,
    ul.related-parties-tabs li a.disabled:hover,
    ul.related-parties-tabs li a[disabled]:active:active,
    ul.related-parties-tabs li a[disabled]:active:focus,
    ul.related-parties-tabs li a[disabled]:active:hover,
    ul.related-parties-tabs li a.disabled:active:active,
    ul.related-parties-tabs li a.disabled:active:focus,
    ul.related-parties-tabs li a.disabled:active:hover,
    ul.related-parties-tabs li a[disabled]:focus:active,
    ul.related-parties-tabs li a[disabled]:focus:focus,
    ul.related-parties-tabs li a[disabled]:focus:hover,
    ul.related-parties-tabs li a.disabled:focus:active,
    ul.related-parties-tabs li a.disabled:focus:focus,
    ul.related-parties-tabs li a.disabled:focus:hover,
    .sub-section a.button[disabled]:active,
    .sub-section a.button[disabled]:focus,
    .sub-section a.button[disabled]:hover,
    .sub-section a.button.disabled:active,
    .sub-section a.button.disabled:focus,
    .sub-section a.button.disabled:hover,
    .sub-section a.button[disabled]:active:active,
    .sub-section a.button[disabled]:active:focus,
    .sub-section a.button[disabled]:active:hover,
    .sub-section a.button.disabled:active:active,
    .sub-section a.button.disabled:active:focus,
    .sub-section a.button.disabled:active:hover,
    .sub-section a.button[disabled]:focus:active,
    .sub-section a.button[disabled]:focus:focus,
    .sub-section a.button[disabled]:focus:hover,
    .sub-section a.button.disabled:focus:active,
    .sub-section a.button.disabled:focus:focus,
    .sub-section a.button.disabled:focus:hover {
      background-color: #bbb;
      color: #fff; }

.sub-section {
  border-bottom: 1px solid #b3b3b3;
  border-top: 1px solid #fff;
  padding: 15px 0.9375rem; }
  .sub-section a.button {
    display: inline-block;
    margin: 0 2% 0 0;
    padding: 10px 0;
    white-space: nowrap;
    width: 49%; }
    .sub-section a.button:last-child {
      margin: 0; }
  @media screen and (min-width: 40.063em) {
    .sub-section {
      border-bottom: 0;
      border-top: 0;
      padding: 15px 0; }
      .sub-section a.button .has-tip {
        background-color: rgba(0, 0, 0, 0.25); }
      .sub-section a.button.selected .has-tip {
        background-color: rgba(0, 0, 0, 0.5); } }

/*

ul.related-parties-tabs li a,
ul.related-parties-tabs li.selected a {
    background-color: $secondary-button;
    color: #fff;
    &:hover,
    &:active,
    &:focus {
        background-color: $secondary-button;
        color: #fff;
    }
}

ul.related-parties-tabs li.selected a {
    background-color: $sub;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    &:active,
    &:focus,
    &:hover {
        background-color: $sub;
        color: #fff;
    }
}

*/
ul.related-parties-tabs {
  line-height: inherit; }

ul.related-parties-tabs li a,
ul.related-parties-tabs li.selected a,
.sub-section a.button,
.sub-section a.button.selected {
  background: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);
  border-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  color: #333; }
  ul.related-parties-tabs li a:before,
  ul.related-parties-tabs li.selected a:before,
  .sub-section a.button:before,
  .sub-section a.button.selected:before {
    color: #999; }
  ul.related-parties-tabs li a:hover,
  ul.related-parties-tabs li.selected a:hover,
  .sub-section a.button:hover,
  .sub-section a.button.selected:hover {
    background: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
    background-image: -webkit-linear-gradient(top, #fff, #ccc);
    background-image: -moz-linear-gradient(top, #fff, #ccc);
    background-image: -ms-linear-gradient(top, #fff, #ccc);
    background-image: -o-linear-gradient(top, #fff, #ccc);
    background-image: linear-gradient(to bottom, #fff, #ccc);
    color: #111; }
  ul.related-parties-tabs li a:active, ul.related-parties-tabs li a:focus,
  ul.related-parties-tabs li.selected a:active,
  ul.related-parties-tabs li.selected a:focus,
  .sub-section a.button:active,
  .sub-section a.button:focus,
  .sub-section a.button.selected:active,
  .sub-section a.button.selected:focus {
    background: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
    background-image: -webkit-linear-gradient(top, #ddd, #fff);
    background-image: -moz-linear-gradient(top, #ddd, #fff);
    background-image: -ms-linear-gradient(top, #ddd, #fff);
    background-image: -o-linear-gradient(top, #ddd, #fff);
    background-image: linear-gradient(to bottom, #ddd, #fff);
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 0 #fff inset, 0 18px 18px -18px rgba(255, 255, 255, 0.5) inset;
    color: #111; }

ul.related-parties-tabs li.selected a,
.sub-section a.button.selected {
  background: #075a8f;
  border-bottom-color: rgba(0, 0, 0, 0.3);
  color: #fff; }
  ul.related-parties-tabs li.selected a:before,
  .sub-section a.button.selected:before {
    color: #fff; }
  ul.related-parties-tabs li.selected a:hover,
  .sub-section a.button.selected:hover {
    background: #075a8f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
    color: #fff; }
  ul.related-parties-tabs li.selected a:active, ul.related-parties-tabs li.selected a:focus,
  .sub-section a.button.selected:active,
  .sub-section a.button.selected:focus {
    background: #075a8f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #fff; }

@media screen and (max-width: 40em) {
  .sub-section a.button {
    background: #646e75;
    color: #fff; }
    .sub-section a.button:hover {
      background: #646e75;
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
      background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
      background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
      background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
      background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
      background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
      color: #fff; }
    .sub-section a.button:active, .sub-section a.button:focus {
      background: #646e75;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
      background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
      background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
      background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
      color: #fff; }
    .sub-section a.button.selected {
      background: #075a8f;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
      background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
      background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
      background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
      color: #fff; } }

.content-block .button,
.content-block input[type="button"].button,
.content-block input[type="submit"].button,
.content-block input[type="reset"].button {
  margin-bottom: 0; }
  @media screen and (max-width: 40em) {
    .content-block .button.full,
    .content-block input[type="button"].button.full,
    .content-block input[type="submit"].button.full,
    .content-block input[type="reset"].button.full {
      margin: 0 auto;
      width: 100%; } }

.page-nav, .page-auction-detail .main .button-set {
  padding: 0.9375rem 15px;
  text-align: center; }
  .page-nav a.button, .page-auction-detail .main .button-set a.button {
    display: inline-block;
    margin: 0 2.85% 0 0;
    padding: 10px 0;
    position: relative;
    width: 47.5%; }
    .page-nav a.button:before, .page-auction-detail .main .button-set a.button:before {
      display: block;
      font-size: 1rem;
      left: 7px;
      position: absolute;
      top: 9px; }
    .page-nav a.button:last-child, .page-auction-detail .main .button-set a.button:last-child {
      margin: 0; }
      .page-nav a.button:last-child:before, .page-auction-detail .main .button-set a.button:last-child:before {
        left: auto;
        right: 7px; }
    .page-nav a.button[disabled], .page-auction-detail .main .button-set a.button[disabled] {
      background-color: #aaa;
      color: #fff; }
      .page-nav a.button[disabled]:active, .page-auction-detail .main .button-set a.button[disabled]:active, .page-nav a.button[disabled]:focus, .page-auction-detail .main .button-set a.button[disabled]:focus, .page-nav a.button[disabled]:hover, .page-auction-detail .main .button-set a.button[disabled]:hover {
        background: #aaa;
        color: #fff; }

.qtip {
  line-height: 1rem;
  border-radius: 2px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  min-width: 1px; }

@media screen and (min-width: 40.063em) {
  .has-tip {
    cursor: default;
    display: inline-block !important; }
    .has-tip.icon-help {
      background: #aaa;
      border: 0;
      border-radius: 50%;
      color: #fff;
      font-size: .7rem;
      height: 20px;
      line-height: 20px;
      margin: 0 5px;
      text-align: center;
      width: 20px; }
      .has-tip.icon-help:active, .has-tip.icon-help:focus, .has-tip.icon-help:hover {
        border: 0;
        color: #fff; } }

table th .has-tip.icon-help {
  background: rgba(255, 255, 255, 0.5);
  color: #666;
  position: absolute; }
  table th .has-tip.icon-help:active, table th .has-tip.icon-help:focus, table th .has-tip.icon-help:hover {
    color: #333; }

table.responsive .show-for-responsive {
  display: none; }

@media only screen and (max-width: 920px) {
  .pinned-table table th .has-tip.icon-help,
  table.responsive th .has-tip.icon-help {
    display: none !important; }
  table.responsive .show-for-responsive,
  .pinned-table .show-for-responsive {
    display: block;
    font-size: .7rem;
    font-weight: 400; } }

h2 .has-tip, h3 .has-tip {
  color: #fff;
  font-size: .7rem;
  font-weight: 400; }

.listing .actions div {
  position: relative; }
  .listing .actions div .has-tip {
    border: 0;
    cursor: pointer !important;
    height: 23px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 23px;
    z-index: 2; }

/* responsive tables */
@media only screen and (max-width: 920px) {
  table.responsive {
    margin-bottom: 0; }
  .pinned-table {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
    width: 36%;
    overflow: hidden;
    overflow-x: scroll; }
  .pinned-table table {
    margin-bottom: 0;
    width: 100%; }
  .pinned-table table th,
  .pinned-table table td {
    white-space: nowrap; }
  div.table-wrapper {
    position: relative;
    overflow: hidden; }
  div.table-wrapper div.scrollable {
    margin-left: 35.8%; }
  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden; }
  table.responsive td,
  table.responsive th {
    white-space: nowrap;
    overflow: hidden; }
  table.responsive th:first-child,
  table.responsive td:first-child,
  table.responsive.pinned-table td {
    display: none; } }

.sub-list-box table.responsive,
.sub-list-box table.static,
.sub-list-box .pinned-table {
  border: 1px solid #ccc;
  border-bottom-width: 5px; }
  .sub-list-box table.responsive th,
  .sub-list-box table.static th,
  .sub-list-box .pinned-table th {
    background: #999;
    font-size: 0.8rem; }
  .sub-list-box table.responsive td,
  .sub-list-box table.static td,
  .sub-list-box .pinned-table td {
    background: #f8f8f8;
    border-bottom: 1px solid #fff;
    font-size: 0.8rem; }
  .sub-list-box table.responsive tr:nth-child(odd) td,
  .sub-list-box table.static tr:nth-child(odd) td,
  .sub-list-box .pinned-table tr:nth-child(odd) td {
    background: #eee; }
  .sub-list-box table.responsive tr:first-child th:first-child,
  .sub-list-box table.static tr:first-child th:first-child,
  .sub-list-box .pinned-table tr:first-child th:first-child {
    border-radius: 2px 0 0 0; }
  .sub-list-box table.responsive tr:first-child th:last-child,
  .sub-list-box table.static tr:first-child th:last-child,
  .sub-list-box .pinned-table tr:first-child th:last-child {
    border-radius: 0 2px 0 0; }
  .sub-list-box table.responsive tr:first-child th,
  .sub-list-box table.static tr:first-child th,
  .sub-list-box .pinned-table tr:first-child th {
    border-bottom: 2px solid #fff; }

.sub-list-box .pinned-table {
  border-top: 0; }

.datepicker {
  display: none;
  direction: ltr;
  position: absolute;
  padding: 4px;
  margin-top: 1px; }

.datepicker.dropdown-menu {
  border-radius: 2px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333;
  font-size: 13px;
  line-height: 18px; }

.datepicker.dropdown-menu th {
  padding: 4px 5px; }

.datepicker.dropdown-menu td {
  padding: 4px 5px; }

.datepicker table {
  border: 0;
  margin: 0; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer; }

.datepicker td {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 12px;
  padding: 4px 8px;
  background: #fff;
  cursor: pointer; }

.datepicker td.active.day,
.datepicker td.active.year {
  background: #ff5400;
  color: #fff; }

.datepicker td.old,
.datepicker td.new {
  color: #999; }

.datepicker td span.active {
  background: #ff5400;
  color: #fff; }

.datepicker td.day.disabled {
  color: #ccc;
  cursor: default; }

.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 12px;
  padding: 4px 8px;
  background: #fff;
  cursor: pointer; }

.datepicker th.active.day,
.datepicker th.active.year {
  background: #2ba6cb; }

.datepicker th.date-switch {
  width: 145px; }

.datepicker th span.active {
  background: #2ba6cb; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.datepicker.days div.datepicker-days {
  display: block; }

.datepicker.months div.datepicker-months {
  display: block; }

.datepicker.years div.datepicker-years {
  display: block; }

.datepicker thead tr:first-child th {
  cursor: pointer; }

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent; }

.datepicker tfoot tr:first-child th {
  cursor: pointer; }

.datepicker-inline {
  width: 220px; }

.datepicker-rtl {
  direction: rtl; }

.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 7px; }

.datepicker > div,
.datepicker-dropdown::before,
.datepicker-dropdown::after {
  display: none; }

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); }

thead tr:first-child th {
  background: #58af26;
  color: #fff; }

thead tr:nth-child(2) th {
  background: #ddd;
  border-bottom: 2px solid #fff; }

.main-form .input-holder.dtpicker-holder,
.dtpicker-holder {
  width: 100%; }
  .main-form .input-holder.dtpicker-holder label,
  .main-form .input-holder.dtpicker-holder input,
  .dtpicker-holder label,
  .dtpicker-holder input {
    display: inline-block;
    margin: 0;
    padding: 10px 0;
    vertical-align: middle;
    width: auto; }
  .main-form .input-holder.dtpicker-holder label,
  .dtpicker-holder label {
    color: #000;
    font-size: .7rem;
    font-weight: 600;
    padding-right: 5px;
    text-transform: uppercase; }
  .main-form .input-holder.dtpicker-holder input,
  .main-form .input-holder.dtpicker-holder input:active,
  .main-form .input-holder.dtpicker-holder input:focus,
  .dtpicker-holder input,
  .dtpicker-holder input:active,
  .dtpicker-holder input:focus {
    background: none;
    border: 0;
    box-shadow: none;
    min-height: 0; }
  .main-form .input-holder.dtpicker-holder .dtpicker,
  .dtpicker-holder .dtpicker {
    background: #fdfdfd;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35) inset;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%; }
    .main-form .input-holder.dtpicker-holder .dtpicker:after,
    .dtpicker-holder .dtpicker:after {
      background: #e3e3e3;
      border-bottom: 1px solid #fff;
      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
      color: #000;
      content: "Time";
      display: block;
      font-size: 0.7rem;
      font-weight: 600;
      padding: 3px 10px 3px 13px;
      position: absolute;
      right: 17px;
      top: 2px;
      width: 61px;
      z-index: 4; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header,
  .dtpicker-holder .dtpicker > .datepicker_header {
    position: absolute;
    width: calc(100% - 78px);
    width: -moz-calc(100% - 78px);
    width: -webkit-calc(100% - 78px);
    width: calc(100% - 78px);
    z-index: 4;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > a,
  .dtpicker-holder .dtpicker > .datepicker_header > a {
    cursor: pointer;
    display: inline-block;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    vertical-align: middle; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > span,
  .dtpicker-holder .dtpicker > .datepicker_header > span {
    color: #000;
    display: inline-block;
    font-size: .75rem;
    font-weight: 600;
    padding: 6px 4px 6px 15px;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > a[title="Previous month"],
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > a[title="Next month"],
  .dtpicker-holder .dtpicker > .datepicker_header > a[title="Previous month"],
  .dtpicker-holder .dtpicker > .datepicker_header > a[title="Next month"] {
    color: #999;
    font-size: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    top: 4px;
    vertical-align: middle; }
    .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > a[title="Previous month"]:before,
    .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > a[title="Next month"]:before,
    .dtpicker-holder .dtpicker > .datepicker_header > a[title="Previous month"]:before,
    .dtpicker-holder .dtpicker > .datepicker_header > a[title="Next month"]:before {
      content: '\e806';
      font-size: .9rem; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > a[title="Next month"]:before,
  .dtpicker-holder .dtpicker > .datepicker_header > a[title="Next month"]:before {
    content: '\e807'; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > a[title="Previous month"],
  .dtpicker-holder .dtpicker > .datepicker_header > a[title="Previous month"] {
    padding-left: 6px; }
    .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > a[title="Previous month"] + span,
    .dtpicker-holder .dtpicker > .datepicker_header > a[title="Previous month"] + span {
      padding-left: 4px; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > .icon-home,
  .dtpicker-holder .dtpicker > .datepicker_header > .icon-home {
    display: block; }
    .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > .icon-home:after,
    .dtpicker-holder .dtpicker > .datepicker_header > .icon-home:after {
      content: "Today";
      font-size: .7rem;
      display: block;
      padding: 0;
      position: absolute;
      right: 10px;
      text-decoration: underline;
      top: 5px; }
    .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > .icon-home:hover:after,
    .dtpicker-holder .dtpicker > .datepicker_header > .icon-home:hover:after {
      text-decoration: none; }
    .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > .icon-home:before,
    .dtpicker-holder .dtpicker > .datepicker_header > .icon-home:before {
      display: none; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_header > .icon-home > div,
  .dtpicker-holder .dtpicker > .datepicker_header > .icon-home > div {
    display: none; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container:after,
  .dtpicker-holder .dtpicker > .datepicker_inner_container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar {
    float: left;
    position: relative;
    width: calc(100% - 86px);
    width: -moz-calc(100% - 86px);
    width: -webkit-calc(100% - 86px);
    width: calc(100% - 86px);
    z-index: 1; }
    .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar table,
    .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar table {
      background: none;
      border: 0;
      margin: 26px 5px 0;
      table-layout: fixed; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th,
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {
    font-size: .8rem;
    padding: 7px 0;
    text-align: center;
    width: 7px; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th {
    color: #ff5400;
    font-weight: 400; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {
    color: #000;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {
    background-color: #ddd; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat {
    color: #999; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {
    color: #999; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month {
    color: #999; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past {
    cursor: default;
    color: #999; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_unallowed,
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_unallowed,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range {
    cursor: default;
    color: #999; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {
    background-color: #075a8f;
    color: #fff; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover {
    background-color: #c8c8c8;
    color: #000; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist {
    background: #e3e3e3;
    border-top: 1px solid #fff;
    box-shadow: -2px 0 5px 0 rgba(0, 0, 0, 0.35);
    float: right;
    margin-top: 1px;
    min-height: 250px;
    overflow: auto;
    overflow-x: hidden;
    padding-top: 25px;
    position: relative;
    width: 78px;
    z-index: 2; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {
    color: #333;
    cursor: pointer;
    font-size: .7rem;
    padding: 3px 15px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none; }
    .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active, .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover,
    .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active,
    .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {
      background-color: rgba(0, 0, 0, 0.05);
      color: #000; }
    .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active,
    .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {
      background-color: rgba(0, 0, 0, 0.1);
      color: #000;
      font-weight: 600; }
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past,
  .main-form .input-holder.dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past,
  .dtpicker-holder .dtpicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range {
    cursor: default;
    color: #999; }

.reveal-modal {
  background: #dfdfdf;
  border: 0;
  border-radius: 0;
  padding: 30px 10px 10px;
  text-align: center; }
  .reveal-modal hr {
    background-color: #bbb;
    margin: 0 0 20px; }
  .reveal-modal.img-modal {
    padding: 10px; }
    .reveal-modal.img-modal img {
      border-radius: 2px;
      width: 100%; }
    .reveal-modal.img-modal .close-modal,
    .reveal-modal.img-modal .close-modal:active,
    .reveal-modal.img-modal .close-modal:focus,
    .reveal-modal.img-modal .close-modal:hover {
      background: #dfdfdf;
      box-shadow: none;
      color: #999 !important;
      height: 32px;
      line-height: 36px;
      right: 5px;
      text-decoration: none;
      top: 0;
      width: 28px; }
  @media screen and (min-width: 40.063em) {
    .reveal-modal {
      border-radius: 2px; } }
  .reveal-modal .input-holder input[type="text"],
  .reveal-modal .input-holder input[type="tel"],
  .reveal-modal .input-holder input[type="number"],
  .reveal-modal .input-holder input[type="url"],
  .reveal-modal .input-holder input[type="email"],
  .reveal-modal .input-holder input[type="search"],
  .reveal-modal .input-holder input[type="password"],
  .reveal-modal .input-holder input[type="date"],
  .reveal-modal .input-holder textarea,
  .reveal-modal .input-holder select,
  .reveal-modal .select-holder input[type="text"],
  .reveal-modal .select-holder input[type="tel"],
  .reveal-modal .select-holder input[type="number"],
  .reveal-modal .select-holder input[type="url"],
  .reveal-modal .select-holder input[type="email"],
  .reveal-modal .select-holder input[type="search"],
  .reveal-modal .select-holder input[type="password"],
  .reveal-modal .select-holder input[type="date"],
  .reveal-modal .select-holder textarea,
  .reveal-modal .select-holder select,
  .reveal-modal .date-holder input[type="text"],
  .reveal-modal .date-holder input[type="tel"],
  .reveal-modal .date-holder input[type="number"],
  .reveal-modal .date-holder input[type="url"],
  .reveal-modal .date-holder input[type="email"],
  .reveal-modal .date-holder input[type="search"],
  .reveal-modal .date-holder input[type="password"],
  .reveal-modal .date-holder input[type="date"],
  .reveal-modal .date-holder textarea,
  .reveal-modal .date-holder select {
    border: 1px solid #bbb; }
    .reveal-modal .input-holder input[type="text"]:active, .reveal-modal .input-holder input[type="text"]:focus,
    .reveal-modal .input-holder input[type="tel"]:active,
    .reveal-modal .input-holder input[type="tel"]:focus,
    .reveal-modal .input-holder input[type="number"]:active,
    .reveal-modal .input-holder input[type="number"]:focus,
    .reveal-modal .input-holder input[type="url"]:active,
    .reveal-modal .input-holder input[type="url"]:focus,
    .reveal-modal .input-holder input[type="email"]:active,
    .reveal-modal .input-holder input[type="email"]:focus,
    .reveal-modal .input-holder input[type="search"]:active,
    .reveal-modal .input-holder input[type="search"]:focus,
    .reveal-modal .input-holder input[type="password"]:active,
    .reveal-modal .input-holder input[type="password"]:focus,
    .reveal-modal .input-holder input[type="date"]:active,
    .reveal-modal .input-holder input[type="date"]:focus,
    .reveal-modal .input-holder textarea:active,
    .reveal-modal .input-holder textarea:focus,
    .reveal-modal .input-holder select:active,
    .reveal-modal .input-holder select:focus,
    .reveal-modal .select-holder input[type="text"]:active,
    .reveal-modal .select-holder input[type="text"]:focus,
    .reveal-modal .select-holder input[type="tel"]:active,
    .reveal-modal .select-holder input[type="tel"]:focus,
    .reveal-modal .select-holder input[type="number"]:active,
    .reveal-modal .select-holder input[type="number"]:focus,
    .reveal-modal .select-holder input[type="url"]:active,
    .reveal-modal .select-holder input[type="url"]:focus,
    .reveal-modal .select-holder input[type="email"]:active,
    .reveal-modal .select-holder input[type="email"]:focus,
    .reveal-modal .select-holder input[type="search"]:active,
    .reveal-modal .select-holder input[type="search"]:focus,
    .reveal-modal .select-holder input[type="password"]:active,
    .reveal-modal .select-holder input[type="password"]:focus,
    .reveal-modal .select-holder input[type="date"]:active,
    .reveal-modal .select-holder input[type="date"]:focus,
    .reveal-modal .select-holder textarea:active,
    .reveal-modal .select-holder textarea:focus,
    .reveal-modal .select-holder select:active,
    .reveal-modal .select-holder select:focus,
    .reveal-modal .date-holder input[type="text"]:active,
    .reveal-modal .date-holder input[type="text"]:focus,
    .reveal-modal .date-holder input[type="tel"]:active,
    .reveal-modal .date-holder input[type="tel"]:focus,
    .reveal-modal .date-holder input[type="number"]:active,
    .reveal-modal .date-holder input[type="number"]:focus,
    .reveal-modal .date-holder input[type="url"]:active,
    .reveal-modal .date-holder input[type="url"]:focus,
    .reveal-modal .date-holder input[type="email"]:active,
    .reveal-modal .date-holder input[type="email"]:focus,
    .reveal-modal .date-holder input[type="search"]:active,
    .reveal-modal .date-holder input[type="search"]:focus,
    .reveal-modal .date-holder input[type="password"]:active,
    .reveal-modal .date-holder input[type="password"]:focus,
    .reveal-modal .date-holder input[type="date"]:active,
    .reveal-modal .date-holder input[type="date"]:focus,
    .reveal-modal .date-holder textarea:active,
    .reveal-modal .date-holder textarea:focus,
    .reveal-modal .date-holder select:active,
    .reveal-modal .date-holder select:focus {
      border: 1px solid #666;
      box-shadow: none; }
  .reveal-modal .fieldset.error label {
    color: #bd1010; }
  .reveal-modal .fieldset.error input,
  .reveal-modal .fieldset.error select {
    border-color: #bd1010; }
  .reveal-modal .fieldset.error label.error {
    color: #fff;
    display: block !important;
    margin-bottom: 20px !important; }
  .reveal-modal .message {
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left; }
    @media screen and (min-width: 40.063em) {
      .reveal-modal .message {
        padding: 0 20px; } }
  .reveal-modal ul, .reveal-modal ol {
    font-size: .8rem; }
  .reveal-modal h2 {
    color: #075a8f;
    font-size: 1rem;
    margin: 0 0 10px;
    padding: 0; }
  .reveal-modal .icon-attention:before {
    color: #bd1010;
    display: inline-block;
    font-size: 1.5rem;
    left: -5px;
    margin: 0 0 5px;
    position: relative;
    top: 5px; }
  .reveal-modal .close-modal {
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    background: #bfbfbf;
    border-radius: 2px 4px 2px 4px;
    box-shadow: -1px -1px 0 rgba(255, 255, 255, 0.85) inset, 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff !important;
    font-size: .7rem;
    height: 22px;
    line-height: 20px;
    right: 8px;
    text-align: center;
    text-decoration: none !important;
    top: 8px;
    width: 21px; }
    .reveal-modal .close-modal:before {
      margin: 0; }
    .reveal-modal .close-modal:active, .reveal-modal .close-modal:focus {
      background: #aaa; }
    .reveal-modal .close-modal:hover {
      height: 25px;
      line-height: 23px;
      right: 6px;
      top: 6px;
      width: 25px; }
  .reveal-modal .close-reveal-modal.modal-link {
    background: none;
    color: #3095d6;
    font-size: .8rem;
    font-weight: 400;
    height: auto;
    position: relative;
    right: auto;
    top: auto;
    width: auto; }
  .reveal-modal .button {
    line-height: 1.2;
    margin: 0 10px 0 0;
    min-width: 100px; }
    .reveal-modal .button.close-reveal-modal {
      font-size: .8rem;
      font-weight: 600;
      position: relative;
      right: auto;
      top: auto; }
  @media screen and (max-width: 479px) {
    .reveal-modal a.button {
      display: block;
      margin: 15px 0; } }
  .reveal-modal .close-link.close-reveal-modal {
    color: #3095d6;
    font-size: .8rem;
    font-weight: 400;
    position: relative;
    right: auto;
    top: auto; }
  .reveal-modal .select-date-range-content label {
    line-height: inherit; }

.reveal-modal .main-form label.mfull + .input-holder,
.reveal-modal .main-form label.mfull + .date-holder,
.reveal-modal .main-form label.mfull + .select-holder,
.reveal-modal .main-form label.mfull + .combo {
  width: 100%; }

@media screen and (min-width: 40.063em) {
  .reveal-modal.medium {
    max-width: 500px; } }

/* mobile nav */
.m-nav {
  color: #d7d7d6;
  cursor: pointer;
  font-size: 1.72rem;
  left: 8px;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 11px;
  z-index: 10; }
  .m-nav:active, .m-nav:focus, .m-nav:hover {
    color: #fff; }

.m-nav-bar {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: #00bf5c;
  height: 100%;
  left: -270px;
  position: fixed;
  top: 0;
  width: 270px;
  z-index: 11; }
  .m-nav-bar .wrapper {
    background-color: #00bf5c;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
    height: 100%;
    position: relative;
    width: 270px; }
    .m-nav-bar .wrapper .m-nav {
      position: absolute; }

.move {
  -ms-transform: translate(270px, 0);
  -webkit-transform: translate(270px, 0);
  -moz-transform: translate(270px, 0);
  -ms-transform: translate(270px, 0);
  -o-transform: translate(270px, 0);
  transform: translate(270px, 0);
  -webkit-backface-visibility: visible;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.5); }

header.site-header .m-nav-bar input.logout,
header.site-header .m-nav-bar a.logout {
  background: rgba(0, 0, 0, 0.3);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: .75rem;
  font-weight: 400;
  padding: 16px 20px 14px;
  position: absolute;
  right: 0;
  top: 0; }
  header.site-header .m-nav-bar input.logout:active, header.site-header .m-nav-bar input.logout:focus, header.site-header .m-nav-bar input.logout:hover,
  header.site-header .m-nav-bar a.logout:active,
  header.site-header .m-nav-bar a.logout:focus,
  header.site-header .m-nav-bar a.logout:hover {
    background: rgba(0, 0, 0, 0.4); }

header.site-header .m-nav-bar .account-nav {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 46px 0 0; }
  header.site-header .m-nav-bar .account-nav ul {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); }
    header.site-header .m-nav-bar .account-nav ul li {
      display: inline-block;
      padding: 11px 0 12px;
      text-align: left;
      vertical-align: middle;
      width: 49%; }
      header.site-header .m-nav-bar .account-nav ul li a {
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        color: rgba(255, 255, 255, 0.8);
        display: inline-block;
        font-size: .75rem;
        padding: 0 15px 0 8px;
        text-transform: none;
        white-space: nowrap; }
        header.site-header .m-nav-bar .account-nav ul li a:before {
          color: rgba(255, 255, 255, 0.5);
          font-size: 1rem;
          margin: -3px 6px 0;
          vertical-align: middle; }
        header.site-header .m-nav-bar .account-nav ul li a:active, header.site-header .m-nav-bar .account-nav ul li a:focus, header.site-header .m-nav-bar .account-nav ul li a:hover {
          color: #fff; }
          header.site-header .m-nav-bar .account-nav ul li a:active:before, header.site-header .m-nav-bar .account-nav ul li a:focus:before, header.site-header .m-nav-bar .account-nav ul li a:hover:before {
            color: #fff; }
      header.site-header .m-nav-bar .account-nav ul li:first-child a {
        border: 0;
        position: relative; }
        header.site-header .m-nav-bar .account-nav ul li:first-child a:after {
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 7px solid rgba(255, 255, 255, 0.75);
          content: ".";
          display: block;
          height: 0;
          overflow: hidden;
          position: absolute;
          right: -10px;
          text-indent: -999em;
          top: 7px; }
        header.site-header .m-nav-bar .account-nav ul li:first-child a.close:after {
          border-bottom: 7px solid rgba(255, 255, 255, 0.75);
          border-top: 0; }

header.site-header .m-nav-bar .inv-options {
  background: rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6);
  position: relative; }
  header.site-header .m-nav-bar .inv-options:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid rgba(255, 255, 255, 0.6);
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 16px;
    text-indent: -999em;
    top: 18px; }
  header.site-header .m-nav-bar .inv-options.close:after {
    border-bottom: 9px solid rgba(255, 255, 255, 0.6);
    border-top: 0;
    top: 16px; }
  header.site-header .m-nav-bar .inv-options a.trigger {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #fff;
    display: block;
    font-size: .8rem;
    font-weight: 600;
    margin: 0;
    padding: 12px; }
  header.site-header .m-nav-bar .inv-options ol {
    list-style: none;
    margin: 0;
    padding: 0; }
    header.site-header .m-nav-bar .inv-options ol li a {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.8);
      display: block;
      font-size: 0.8rem;
      padding: 9px 12px; }
      header.site-header .m-nav-bar .inv-options ol li a:active, header.site-header .m-nav-bar .inv-options ol li a:focus, header.site-header .m-nav-bar .inv-options ol li a:hover {
        background: rgba(0, 0, 0, 0.2); }
    header.site-header .m-nav-bar .inv-options ol li:last-child {
      border-bottom: 0; }

header.site-header .m-nav-bar .account-options {
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) inset;
  position: relative; }
  header.site-header .m-nav-bar .account-options ol {
    list-style: none;
    margin: 0;
    padding: 0; }
    header.site-header .m-nav-bar .account-options ol li a {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.8);
      display: block;
      font-size: 0.8rem;
      font-weight: 600;
      padding: 9px 12px;
      text-transform: uppercase; }
      header.site-header .m-nav-bar .account-options ol li a:active, header.site-header .m-nav-bar .account-options ol li a:focus, header.site-header .m-nav-bar .account-options ol li a:hover {
        background: rgba(0, 0, 0, 0.5);
        color: #fff; }
    header.site-header .m-nav-bar .account-options ol li:first-child a {
      border-top: 0; }
    header.site-header .m-nav-bar .account-options ol li:last-child a {
      border-bottom: 0; }
    header.site-header .m-nav-bar .account-options ol li ol {
      background: rgba(0, 0, 0, 0.5);
      border-bottom: 1px solid rgba(0, 0, 0, 0.25);
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset; }
      header.site-header .m-nav-bar .account-options ol li ol a {
        border: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        color: #e7dd70;
        font-weight: 400;
        padding: 6px 12px;
        text-transform: none; }
        header.site-header .m-nav-bar .account-options ol li ol a:active, header.site-header .m-nav-bar .account-options ol li ol a:focus, header.site-header .m-nav-bar .account-options ol li ol a:hover {
          background: rgba(0, 0, 0, 0.2);
          color: rgba(255, 255, 255, 0.8); }
      header.site-header .m-nav-bar .account-options ol li ol li:first-child a {
        border-top: 0; }
      header.site-header .m-nav-bar .account-options ol li ol li:last-child a {
        border-bottom: 0; }

header.site-header .m-nav-bar .account-options.open + .inv-options {
  box-shadow: none; }

header.site-header .m-nav-bar .message-bar p {
  background: #fff;
  font-size: .8rem;
  font-weight: 600;
  color: #000;
  margin: 0; }
  header.site-header .m-nav-bar .message-bar p span.msg-counter {
    background: #ff5400;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    float: right;
    font-weight: 400;
    padding: 0 7px; }
  header.site-header .m-nav-bar .message-bar p a {
    color: #000;
    display: block;
    padding: 12px; }

header.site-header .m-nav-bar nav.mobile-main-nav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  header.site-header .m-nav-bar nav.mobile-main-nav li {
    position: relative; }
    header.site-header .m-nav-bar nav.mobile-main-nav li a {
      color: #fff;
      display: block;
      font-size: .8rem;
      padding: 9px 12px; }
    header.site-header .m-nav-bar nav.mobile-main-nav li.accordion-header {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      border-top: 1px solid rgba(255, 255, 255, 0.2); }
      header.site-header .m-nav-bar nav.mobile-main-nav li.accordion-header a {
        font-weight: 600; }
        header.site-header .m-nav-bar nav.mobile-main-nav li.accordion-header a:active, header.site-header .m-nav-bar nav.mobile-main-nav li.accordion-header a:focus, header.site-header .m-nav-bar nav.mobile-main-nav li.accordion-header a:hover {
          background: rgba(0, 0, 0, 0.2); }
      header.site-header .m-nav-bar nav.mobile-main-nav li.accordion-header:after {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 9px solid rgba(255, 255, 255, 0.6);
        content: ".";
        display: block;
        height: 0;
        margin-top: -4px;
        overflow: hidden;
        position: absolute;
        right: 16px;
        text-indent: -999em;
        top: 50%; }
      header.site-header .m-nav-bar nav.mobile-main-nav li.accordion-header.close:after {
        border-bottom: 9px solid rgba(255, 255, 255, 0.6);
        border-top: 0;
        margin-top: -6px; }
      header.site-header .m-nav-bar nav.mobile-main-nav li.accordion-header.help:after {
        display: none; }
    header.site-header .m-nav-bar nav.mobile-main-nav li.list-items {
      background: rgba(0, 0, 0, 0.2);
      border: 0;
      display: none;
      margin: -1px 0 0; }
      header.site-header .m-nav-bar nav.mobile-main-nav li.list-items a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
        header.site-header .m-nav-bar nav.mobile-main-nav li.list-items a span.count {
          float: right; }
    header.site-header .m-nav-bar nav.mobile-main-nav li ul {
      margin: 0; }
      header.site-header .m-nav-bar nav.mobile-main-nav li ul li a:active, header.site-header .m-nav-bar nav.mobile-main-nav li ul li a:focus, header.site-header .m-nav-bar nav.mobile-main-nav li ul li a:hover {
        background: rgba(0, 0, 0, 0.1); }
      header.site-header .m-nav-bar nav.mobile-main-nav li ul li:last-child a {
        border-bottom: 0; }
    header.site-header .m-nav-bar nav.mobile-main-nav li.help {
      position: relative; }
      header.site-header .m-nav-bar nav.mobile-main-nav li.help:before {
        color: rgba(255, 255, 255, 0.6);
        position: absolute;
        right: 10px;
        top: 11px; }

header.site-header .m-nav-bar .account-nav.solo ul li:first-child a::after,
header.site-header .m-nav-bar .account-nav.solo + .account-options,
header.site-header .m-nav-bar .inv-options.solo::after,
header.site-header .m-nav-bar .inv-options.solo ol {
  display: none !important; }

header.site-header .m-nav-bar .account-options.open + .inv-options.solo {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) inset; }

header.site-header {
  position: fixed;
  width: 100%;
  z-index: 10; }
  header.site-header .topbar {
    background: #353534;
    height: 47px; }
    header.site-header .topbar h1 {
      float: right;
      margin: 5px 0;
      max-width: 151px;
      padding: 0; }
      header.site-header .topbar h1 a {
        font-size: 0; }
      header.site-header .topbar h1 img.logo {
        background: rgba(0, 0, 0, 1e-05);
        display: block;
        max-height: 37px;
        max-width: 100%;
        transform: rotate(0.0001deg); }
    header.site-header .topbar h2 {
      color: #fff;
      font-size: 1.2rem;
      margin: 0;
      padding: 0; }
  header.site-header .navbar {
    background: #00bf5c;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.35) inset, 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    height: 50px; }
    header.site-header .navbar nav.category ul li {
      display: inline-block;
      width: 50%; }
      @media screen and (min-width: 40.063em) {
        header.site-header .navbar nav.category ul li {
          width: 49.5%; }
          header.site-header .navbar nav.category ul li:first-child {
            margin-right: 1%; } }
      header.site-header .navbar nav.category ul li a {
        color: #fff;
        display: block;
        font-size: .8rem;
        line-height: 50px;
        text-align: center; }
      header.site-header .navbar nav.category ul li.selected {
        background: rgba(0, 0, 0, 0.3); }
        header.site-header .navbar nav.category ul li.selected a {
          position: relative; }
          header.site-header .navbar nav.category ul li.selected a:after {
            border-bottom: 6px solid #dadada;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            bottom: 0;
            content: " ";
            display: block;
            height: 0;
            left: 50%;
            margin-left: -6px;
            position: absolute;
            z-index: 2; }
            @media screen and (min-width: 40.063em) {
              header.site-header .navbar nav.category ul li.selected a:after {
                display: none; } }
      header.site-header .navbar nav.category ul li:active, header.site-header .navbar nav.category ul li:focus, header.site-header .navbar nav.category ul li:hover {
        background: rgba(0, 0, 0, 0.4); }
  @media screen and (min-width: 40.063em) {
    header.site-header .account-nav a.icon-user {
      cursor: default; } }
  header.site-header .account-nav ul li:last-child a {
    font-size: .75rem;
    font-weight: 600;
    padding: 0 15px; }
  header.site-header .account-nav .inv-options {
    display: inline-block;
    margin: 0 -3px 0 0;
    position: relative; }
    header.site-header .account-nav .inv-options:after {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 7px solid rgba(255, 255, 255, 0.75);
      content: ".";
      display: block;
      height: 0;
      overflow: hidden;
      position: absolute;
      right: 11px;
      text-indent: -999em;
      top: 19px; }
    header.site-header .account-nav .inv-options a.trigger {
      color: #fff;
      margin: 0;
      padding: 0 30px 0 12px; }
      @media screen and (min-width: 40.063em) {
        header.site-header .account-nav .inv-options a.trigger {
          cursor: default; } }
      header.site-header .account-nav .inv-options a.trigger span {
        display: none; }
    header.site-header .account-nav .inv-options ol {
      background: none;
      left: 0;
      padding: 0;
      position: absolute;
      top: 42px;
      width: 185px;
      z-index: 2; }
      header.site-header .account-nav .inv-options ol > li:first-child::before {
        left: 38px; }
        @media screen and (min-width: 64.063em) {
          header.site-header .account-nav .inv-options ol > li:first-child::before {
            left: 64px; } }
    header.site-header .account-nav .inv-options:active:after, header.site-header .account-nav .inv-options:focus:after, header.site-header .account-nav .inv-options:hover:after {
      border-top: 7px solid #fff; }
    header.site-header .account-nav .inv-options:active a.trigger, header.site-header .account-nav .inv-options:focus a.trigger, header.site-header .account-nav .inv-options:hover a.trigger {
      color: #fff; }
  @media screen and (min-width: 40.063em) {
    header.site-header {
      position: relative; }
      header.site-header .topbar {
        height: 60px; }
        header.site-header .topbar .row,
        header.site-header .topbar .columns {
          -webkit-transform-style: preserve-3d;
          -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
          height: inherit; }
        header.site-header .topbar h1 {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          float: none;
          margin: 0; }
          header.site-header .topbar h1 img.logo {
            max-height: none; }
        header.site-header .topbar h2 {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          border-left: 1px solid rgba(255, 255, 255, 0.3);
          display: inline-block;
          padding-left: 28px;
          padding-right: 10px;
          z-index: 3; }
        header.site-header .topbar .notification-box {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          position: absolute;
          right: 0.9375rem;
          z-index: 2; }
          header.site-header .topbar .notification-box span, header.site-header .topbar .notification-box .new-messages {
            color: rgba(255, 255, 255, 0.8);
            display: inline-block;
            font-size: .75rem;
            vertical-align: middle; }
            header.site-header .topbar .notification-box span.msg-counter, header.site-header .topbar .notification-box .new-messages.msg-counter {
              background: #ff5400;
              color: #fff;
              line-height: 1;
              margin: 0 5px;
              padding: 4px 6px; }
      header.site-header .navbar nav.category ul {
        margin: 8px 0 0 0.9375rem; }
        header.site-header .navbar nav.category ul li a {
          color: #fff;
          line-height: 42px; }
          header.site-header .navbar nav.category ul li a:hover {
            background: rgba(0, 0, 0, 0.075);
            border-radius: 2px 2px 0 0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; }
          header.site-header .navbar nav.category ul li a:active, header.site-header .navbar nav.category ul li a:focus {
            background: rgba(0, 0, 0, 0.125);
            border-radius: 2px 2px 0 0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) inset; }
        header.site-header .navbar nav.category ul li:hover {
          background: none; }
        header.site-header .navbar nav.category ul li:active, header.site-header .navbar nav.category ul li:focus {
          background: none; }
        header.site-header .navbar nav.category ul li.selected {
          border-radius: 2px 2px 0 0; }
          header.site-header .navbar nav.category ul li.selected a {
            border-radius: 2px 2px 0 0;
            box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
            color: #fff;
            position: relative; }
          header.site-header .navbar nav.category ul li.selected:active, header.site-header .navbar nav.category ul li.selected:focus, header.site-header .navbar nav.category ul li.selected:hover {
            background: rgba(0, 0, 0, 0.3); }
      header.site-header .account-nav {
        position: absolute;
        right: 0;
        bottom: -50px; }
        header.site-header .account-nav a {
          color: rgba(255, 255, 255, 0.8);
          display: inline-block;
          font-size: 0.8rem;
          line-height: 42px;
          margin-right: 15px; }
          header.site-header .account-nav a:before {
            color: rgba(255, 255, 255, 0.5);
            font-size: 1.2rem;
            margin-right: 5px;
            margin-top: -2px;
            vertical-align: middle; }
          header.site-header .account-nav a:hover {
            color: #fff; }
        header.site-header .account-nav ul {
          background: rgba(0, 0, 0, 0.3);
          border-radius: 2px 2px 0 0;
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
          display: inline-block;
          margin: 8px 0.9375rem 0 0; }
          header.site-header .account-nav ul li {
            display: inline-block;
            position: relative; }
            header.site-header .account-nav ul li:first-child {
              border-right: 1px solid rgba(255, 255, 255, 0.2); }
            header.site-header .account-nav ul li:nth-child(2) {
              border-left: 1px solid rgba(0, 0, 0, 0.2); }
            header.site-header .account-nav ul li:active, header.site-header .account-nav ul li:focus, header.site-header .account-nav ul li:hover {
              background: rgba(0, 0, 0, 0.2); }
            header.site-header .account-nav ul li a {
              margin: 0;
              padding: 0 12px 0 6px; }
            header.site-header .account-nav ul li:last-child {
              background: rgba(0, 0, 0, 0.6);
              border-radius: 0 2px 0 0; }
              header.site-header .account-nav ul li:last-child:hover {
                background: rgba(0, 0, 0, 0.8); }
        header.site-header .account-nav a.icon-user {
          padding: 0 26px 0 6px;
          position: relative; }
          header.site-header .account-nav a.icon-user:after {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 7px solid rgba(255, 255, 255, 0.5);
            content: ".";
            display: block;
            height: 0;
            overflow: hidden;
            position: absolute;
            right: 9px;
            text-indent: -999em;
            top: 19px; } }
  @media screen and (min-width: 64.063em) {
    header.site-header .topbar .notification-box {
      right: 0; }
    header.site-header .navbar nav.category ul,
    header.site-header .navbar .account-nav ul {
      margin: 8px 0 0; }
    header.site-header .account-nav .inv-options a.trigger span {
      display: inline-block; } }

header.site-header .navbar nav.category.db ul li {
  width: 37%; }
  header.site-header .navbar nav.category.db ul li a {
    font-size: .7rem; }
  @media screen and (max-width: 40em) {
    header.site-header .navbar nav.category.db ul li {
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      border-right: 1px solid rgba(0, 0, 0, 0.15); }
      header.site-header .navbar nav.category.db ul li.selected {
        border-left: 1px solid rgba(0, 0, 0, 0.25);
        box-shadow: -1px 0 0 rgba(255, 255, 255, 0.25); }
      header.site-header .navbar nav.category.db ul li:first-child {
        border-left: 0; }
      header.site-header .navbar nav.category.db ul li:last-child {
        border-right: 0; }
      header.site-header .navbar nav.category.db ul li ol {
        display: none !important; } }
  @media screen and (min-width: 40.063em) {
    header.site-header .navbar nav.category.db ul li {
      width: 44%; }
      header.site-header .navbar nav.category.db ul li:first-child {
        margin-right: 0; }
      header.site-header .navbar nav.category.db ul li:nth-child(2) {
        margin: 0 0.5%;
        width: 38%; }
      header.site-header .navbar nav.category.db ul li ol {
        background: none;
        left: 15px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 50px;
        width: 185px;
        z-index: 2; }
        header.site-header .navbar nav.category.db ul li ol li:nth-child(2) {
          margin: 0; }
        header.site-header .navbar nav.category.db ul li ol li, header.site-header .navbar nav.category.db ul li ol li:first-child, header.site-header .navbar nav.category.db ul li ol li:last-child {
          width: auto; }
          header.site-header .navbar nav.category.db ul li ol li a, header.site-header .navbar nav.category.db ul li ol li:first-child a, header.site-header .navbar nav.category.db ul li ol li:last-child a {
            box-shadow: none;
            cursor: pointer;
            text-align: left; }
            header.site-header .navbar nav.category.db ul li ol li a:after, header.site-header .navbar nav.category.db ul li ol li:first-child a:after, header.site-header .navbar nav.category.db ul li ol li:last-child a:after {
              display: none; }
        header.site-header .navbar nav.category.db ul li ol > li:first-child::before {
          left: 12px; } }
  @media screen and (min-width: 46.063em) {
    header.site-header .navbar nav.category.db ul li {
      width: 39%; }
      header.site-header .navbar nav.category.db ul li:nth-child(2) {
        width: 35%; } }
  @media screen and (min-width: 64.063em) {
    header.site-header .navbar nav.category.db ul li {
      width: 42%; }
      header.site-header .navbar nav.category.db ul li:nth-child(2) {
        width: 35%; }
      header.site-header .navbar nav.category.db ul li ol {
        left: 10px; }
        header.site-header .navbar nav.category.db ul li ol > li:first-child::before {
          left: 7px; } }
  header.site-header .navbar nav.category.db ul li a {
    position: relative;
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none; }
  header.site-header .navbar nav.category.db ul li:first-child {
    width: 26%; }
    @media screen and (min-width: 40.063em) {
      header.site-header .navbar nav.category.db ul li:first-child {
        width: 17%; }
        header.site-header .navbar nav.category.db ul li:first-child a {
          cursor: default; } }
    @media screen and (min-width: 46.063em) {
      header.site-header .navbar nav.category.db ul li:first-child {
        width: 25%; } }
    @media screen and (min-width: 64.063em) {
      header.site-header .navbar nav.category.db ul li:first-child {
        width: 22%; } }
    header.site-header .navbar nav.category.db ul li:first-child a:before {
      font-size: 1.25rem;
      position: relative;
      top: 2px; }
    @media screen and (min-width: 46.063em) {
      header.site-header .navbar nav.category.db ul li:first-child a:before {
        left: -7px; }
      header.site-header .navbar nav.category.db ul li:first-child a:after {
        border-bottom: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid rgba(255, 255, 255, 0.75);
        content: " ";
        display: block;
        height: 0;
        left: auto;
        margin: 0;
        position: absolute;
        right: 10px;
        top: 19px;
        z-index: 2; }
      header.site-header .navbar nav.category.db ul li:first-child.solo a {
        cursor: pointer; }
      header.site-header .navbar nav.category.db ul li:first-child.solo a:before {
        left: auto; }
      header.site-header .navbar nav.category.db ul li:first-child.solo a:after {
        display: none; } }

/*.page-dashboard {
    @include min-screen($min-large) {
        header.site-header .navbar nav.category.db ul li ol {
            left: 10px;
            > li:first-child::before {
                left: 7px;
            }
        }
    }  
}*/
@media screen and (min-width: 40.063em) {
  body.stick .navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10; }
  body.stick .main {
    padding: 50px 0 0; } }

header.site-header .topbar h1 {
  height: 37px;
  max-width: none;
  width: 151px; }
  header.site-header .topbar h1 a {
    background: url(../images/s1bglogo.png) no-repeat;
    background-size: auto 100%;
    color: transparent;
    display: block;
    height: 100%;
    width: 100%; }
    header.site-header .topbar h1 a img {
      display: none !important; }
  @media screen and (min-width: 40.063em) {
    header.site-header .topbar h1 {
      height: 40px;
      width: 160px; } }

.notification-box-alt {
  display: none; }
  @media screen and (min-width: 40.063em) {
    .notification-box-alt {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block;
      position: absolute;
      right: 0.9375rem;
      z-index: 5; }
      .notification-box-alt b {
        border-right: 1px dotted #fff;
        content: " ";
        display: inline-block;
        height: 19px;
        margin: 0 3px 0 10px;
        opacity: .6;
        vertical-align: middle;
        width: 1px; }
      .notification-box-alt span {
        color: #fff;
        font-size: .75rem;
        opacity: .6;
        vertical-align: middle; }
        .notification-box-alt span:after {
          content: "..."; }
        .notification-box-alt span.hidden {
          display: none; }
          .notification-box-alt span.hidden:after {
            content: ""; }
      .notification-box-alt .users {
        display: inline-block;
        vertical-align: middle; }
        .notification-box-alt .users a {
          transition: none;
          -o-transition: none;
          -moz-transition: none;
          -webkit-transition: none;
          background: #222;
          border-radius: 30px;
          box-shadow: 1px 1px 1px #000 inset;
          color: #fff;
          display: inline-block;
          font-size: 1rem;
          height: 30px;
          line-height: 28px;
          margin-left: 10px;
          max-width: 310px;
          overflow: hidden;
          position: relative;
          vertical-align: middle;
          width: 30px; }
          .notification-box-alt .users a:before {
            font-size: 14px;
            position: absolute;
            right: 5px;
            top: 7px; }
          .notification-box-alt .users a i {
            direction: rtl;
            display: none;
            font-size: .75rem;
            font-style: normal;
            font-weight: normal;
            height: 25px;
            overflow: hidden;
            text-align: left; }
          .notification-box-alt .users a.icon-users-1 {
            cursor: default; }
            .notification-box-alt .users a.icon-users-1:hover {
              background: #075a8f;
              box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset; }
          .notification-box-alt .users a.icon-user {
            cursor: default; }
            .notification-box-alt .users a.icon-user:hover {
              background: #ff5400;
              box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset; }
          .notification-box-alt .users a.icon-exchange:hover, .notification-box-alt .users a.icon-loop-alt:hover {
            background: #222;
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset; }
          .notification-box-alt .users a.icon-loop-alt:before {
            font-size: 18px;
            right: 2px;
            top: 5px; }
          .notification-box-alt .users a.selected {
            padding: 0 35px 0 10px;
            width: auto; }
            .notification-box-alt .users a.selected i {
              display: inline-block;
              vertical-align: top; } }
  @media screen and (min-width: 64.063em) {
    .notification-box-alt {
      right: 0; }
      .notification-box-alt span {
        display: inline-block !important; } }

@media screen and (min-width: 40.063em) {
  header.site-header .account-nav a.icon-user + ol.account-sub-nav {
    background: none;
    display: none;
    left: 0;
    margin: 0;
    position: absolute;
    top: 42px;
    width: 190px;
    z-index: 2; } }

header.site-header .account-nav .inv-options.solo::after,
header.site-header .account-nav .inv-options.solo ol,
header.site-header .account-nav li.solo a.icon-user::after,
header.site-header .account-nav li.solo ol {
  display: none !important; }

header.site-header .account-nav .inv-options.solo a.trigger {
  cursor: pointer;
  padding: 0 12px; }

header.site-header .account-nav li.solo a.icon-user {
  cursor: pointer;
  padding: 0 12px 0 6px; }

.cm div > * {
  /*-webkit-filter: grayscale(1) !important;
        -webkit-filter: grayscale(100%) !important;
        filter: gray !important;
        filter: grayscale(100%) !important;*/ }

.cm header.site-header .topbar {
  background: #044f6d; }
  .cm header.site-header .topbar h1 a {
    background: url(../images/cm.png) no-repeat;
    background-size: auto 100%; }

.cm header.site-header .navbar {
  background: #0290b2; }

.cm .sidenav ul li.accordion-header {
  background: #044f6d; }

.cm .notification-box-alt .users a,
.cm .notification-box-alt .users a:hover {
  background: #043143; }

.cm .m-nav-bar .wrapper {
  background-color: #044f6d; }

.cm.page-login .shell .brandbar,
.cm.page-register .shell .brandbar,
.cm.page-error .shell .brandbar {
  background: #0290b2; }

.page-login.cm .shell .login-screen .topbar h1 a,
.page-login.cm .shell .error-screen .topbar h1 a,
.page-register.cm .shell .login-screen .topbar h1 a,
.page-register.cm .shell .error-screen .topbar h1 a,
.page-error.cm .shell .login-screen .topbar h1 a,
.page-error.cm .shell .error-screen .topbar h1 a {
  background: url(../images/cm.png) no-repeat;
  background-size: auto 100%; }

.fieldset {
  position: relative; }

.button-group .button {
  margin-right: 9px; }
  .button-group .button.full {
    margin-top: 10px; }

.button-group.right .button {
  margin-left: 9px;
  margin-right: 0; }

.input-holder.icon-eye {
  position: relative; }
  .input-holder.icon-eye:before {
    display: none; }
  .input-holder.icon-eye.visible input {
    padding-right: 35px; }
  .input-holder.icon-eye.visible:before {
    color: #999;
    display: block;
    font-size: 1.1rem;
    position: absolute;
    right: 8px;
    top: 10px; }

@media screen and (max-width: 40em) {
  .main-form.mts {
    margin-top: 0 !important; } }

.main-form .input-holder,
.main-form .date-holder,
.main-form .select-holder {
  display: inline-block;
  vertical-align: top;
  width: 58%; }
  .main-form .input-holder.hide,
  .main-form .date-holder.hide,
  .main-form .select-holder.hide {
    display: none; }
  @media screen and (min-width: 64.063em) {
    .main-form .input-holder.tiny,
    .main-form .date-holder.tiny,
    .main-form .select-holder.tiny {
      width: 24%; }
    .main-form .input-holder.small,
    .main-form .date-holder.small,
    .main-form .select-holder.small {
      width: 36%; }
    .main-form .input-holder.medium,
    .main-form .date-holder.medium,
    .main-form .select-holder.medium {
      width: 42%; } }

.main-form label {
  display: inline-block;
  font-size: .8rem;
  padding: 8px 0 0;
  vertical-align: top;
  width: 40%; }
  .main-form label.auto {
    width: auto; }
  .main-form label.full {
    display: block;
    margin-bottom: 10px;
    padding-top: 0;
    width: 100%; }
    .main-form label.full + .input-holder,
    .main-form label.full + .date-holder,
    .main-form label.full + .select-holder {
      display: block;
      width: 100%; }
      .main-form label.full + .input-holder.hide,
      .main-form label.full + .date-holder.hide,
      .main-form label.full + .select-holder.hide {
        display: none; }
    .main-form label.full + .long-form-select + .input-holder,
    .main-form label.full + .long-form-select + .date-holder,
    .main-form label.full + .long-form-select + .select-holder {
      width: 100%; }
  @media screen and (max-width: 479px) {
    .main-form label.mfull {
      display: block;
      margin-bottom: 10px;
      padding-top: 0;
      width: 100%; }
      .main-form label.mfull + .input-holder,
      .main-form label.mfull + .date-holder,
      .main-form label.mfull + .select-holder,
      .main-form label.mfull + .combo {
        display: block;
        width: 98%; }
        .main-form label.mfull + .input-holder.hide,
        .main-form label.mfull + .date-holder.hide,
        .main-form label.mfull + .select-holder.hide,
        .main-form label.mfull + .combo.hide {
          display: none; } }
  @media screen and (max-width: 479px) {
    .main-form label.mfull.expanded {
      width: 100%; }
      .main-form label.mfull.expanded + .input-holder,
      .main-form label.mfull.expanded + .date-holder,
      .main-form label.mfull.expanded + .select-holder,
      .main-form label.mfull.expanded + .combo {
        display: block;
        width: 100%; }
        .main-form label.mfull.expanded + .input-holder.hide,
        .main-form label.mfull.expanded + .date-holder.hide,
        .main-form label.mfull.expanded + .select-holder.hide,
        .main-form label.mfull.expanded + .combo.hide {
          display: none; } }
  @media screen and (max-width: 52em) {
    .main-form label.mlfull {
      display: block;
      margin-bottom: 10px;
      width: 100%; }
      .main-form label.mlfull + .input-holder,
      .main-form label.mlfull + .date-holder,
      .main-form label.mlfull + .select-holder,
      .main-form label.mlfull + .combo {
        display: block;
        width: 100%; }
        .main-form label.mlfull + .input-holder.hide,
        .main-form label.mlfull + .date-holder.hide,
        .main-form label.mlfull + .select-holder.hide,
        .main-form label.mlfull + .combo.hide {
          display: none; } }
  @media screen and (max-width: 64em) {
    .main-form label.tfull {
      display: block;
      margin-bottom: 10px;
      width: 100%; }
      .main-form label.tfull + .input-holder,
      .main-form label.tfull + .date-holder,
      .main-form label.tfull + .select-holder,
      .main-form label.tfull + .combo {
        display: block;
        width: 100%; }
        .main-form label.tfull + .input-holder.hide,
        .main-form label.tfull + .date-holder.hide,
        .main-form label.tfull + .select-holder.hide,
        .main-form label.tfull + .combo.hide {
          display: none; } }

.main-form .fieldset .combo {
  display: inline-block;
  width: 58%; }
  .main-form .fieldset .combo label,
  .main-form .fieldset .combo .input-holder,
  .main-form .fieldset .combo .select-holder,
  .main-form .fieldset .combo .date-holder {
    display: inline-block;
    margin-right: 10px; }
    .main-form .fieldset .combo label.tiny,
    .main-form .fieldset .combo .input-holder.tiny,
    .main-form .fieldset .combo .select-holder.tiny,
    .main-form .fieldset .combo .date-holder.tiny {
      max-width: 100px; }
  .main-form .fieldset .combo label {
    width: auto; }

.main-form .inputonly .input-holder {
  display: block;
  width: 100%; }
  .main-form .inputonly .input-holder.hide {
    display: none; }
  .main-form .inputonly .input-holder.medium {
    width: 98%; }
    @media screen and (min-width: 64.063em) {
      .main-form .inputonly .input-holder.medium {
        width: 82%; } }

.main .date-range-filter hr.white {
  background: rgba(255, 255, 255, 0.25); }
  @media screen and (min-width: 64.063em) {
    .main .date-range-filter hr.white {
      background: rgba(255, 255, 255, 0.75);
      border-top: 1px solid #aaa; } }

.main .date-range-filter h3, .main .date-range-filter h3 span a {
  font-size: .7rem !important;
  font-weight: 400; }

@media screen and (max-width: 64em) {
  .main .date-range-filter h3, .main .date-range-filter a {
    color: #fff; }
  .main .date-range-filter a {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5); }
    .main .date-range-filter a:hover {
      border-color: transparent; } }

.search-email .input-holder {
  position: relative; }

.search-email .search-button {
  background: #3095d6;
  border-radius: 0 2px 2px 0;
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5) inset;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 36px;
  line-height: 34px;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 36px;
  z-index: 1; }
  .search-email .search-button:active, .search-email .search-button:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.search-email input[type="submit"] {
  border: 0;
  height: 36px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  z-index: 2; }
  .search-email input[type="submit"][disabled],
  .search-email input[type="submit"][disabled] + .icon-search:before {
    color: rgba(255, 255, 255, 0.5);
    cursor: default; }

.check-me label, .page-register .shell .login-screen .login-form2 .remember label,
.page-register .shell .error-screen .login-form2 .remember label,
.page-login .shell .login-screen .login-form2 .remember label,
.page-login .shell .error-screen .login-form2 .remember label,
.page-error .shell .login-screen .login-form2 .remember label,
.page-error .shell .error-screen .login-form2 .remember label, .page-register .shell .login-screen .login-form2 .check-me label,
.page-register .shell .error-screen .login-form2 .check-me label,
.page-login .shell .login-screen .login-form2 .check-me label,
.page-login .shell .error-screen .login-form2 .check-me label,
.page-error .shell .login-screen .login-form2 .check-me label,
.page-error .shell .error-screen .login-form2 .check-me label {
  background: url(../images/cb-check.png) no-repeat;
  background-size: auto 100%;
  border-radius: 2px;
  display: inline-block;
  height: 24px;
  margin: -3px 0 0 0;
  vertical-align: top;
  width: 24px !important; }
  .check-me label span, .page-register .shell .login-screen .login-form2 .remember label span,
  .page-register .shell .error-screen .login-form2 .remember label span,
  .page-login .shell .login-screen .login-form2 .remember label span,
  .page-login .shell .error-screen .login-form2 .remember label span,
  .page-error .shell .login-screen .login-form2 .remember label span,
  .page-error .shell .error-screen .login-form2 .remember label span, .page-register .shell .login-screen .login-form2 .check-me label span,
  .page-register .shell .error-screen .login-form2 .check-me label span,
  .page-login .shell .login-screen .login-form2 .check-me label span,
  .page-login .shell .error-screen .login-form2 .check-me label span,
  .page-error .shell .login-screen .login-form2 .check-me label span,
  .page-error .shell .error-screen .login-form2 .check-me label span {
    color: #3095d6;
    font-size: .8rem;
    display: block;
    margin: 2px 0 0 30px;
    vertical-align: top; }
  .check-me label.actual, .page-register .shell .login-screen .login-form2 .remember label.actual,
  .page-register .shell .error-screen .login-form2 .remember label.actual,
  .page-login .shell .login-screen .login-form2 .remember label.actual,
  .page-login .shell .error-screen .login-form2 .remember label.actual,
  .page-error .shell .login-screen .login-form2 .remember label.actual,
  .page-error .shell .error-screen .login-form2 .remember label.actual, .page-register .shell .login-screen .login-form2 .check-me label.actual,
  .page-register .shell .error-screen .login-form2 .check-me label.actual,
  .page-login .shell .login-screen .login-form2 .check-me label.actual,
  .page-login .shell .error-screen .login-form2 .check-me label.actual,
  .page-error .shell .login-screen .login-form2 .check-me label.actual,
  .page-error .shell .error-screen .login-form2 .check-me label.actual {
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: #666;
    display: inline-block;
    font-size: 0.8rem;
    height: auto;
    margin: 0;
    width: auto !important; }
    .check-me label.actual:active, .page-register .shell .login-screen .login-form2 .remember label.actual:active,
    .page-register .shell .error-screen .login-form2 .remember label.actual:active,
    .page-login .shell .login-screen .login-form2 .remember label.actual:active,
    .page-login .shell .error-screen .login-form2 .remember label.actual:active,
    .page-error .shell .login-screen .login-form2 .remember label.actual:active,
    .page-error .shell .error-screen .login-form2 .remember label.actual:active, .page-register .shell .login-screen .login-form2 .check-me label.actual:active,
    .page-register .shell .error-screen .login-form2 .check-me label.actual:active,
    .page-login .shell .login-screen .login-form2 .check-me label.actual:active,
    .page-login .shell .error-screen .login-form2 .check-me label.actual:active,
    .page-error .shell .login-screen .login-form2 .check-me label.actual:active,
    .page-error .shell .error-screen .login-form2 .check-me label.actual:active, .check-me label.actual:focus, .page-register .shell .login-screen .login-form2 .remember label.actual:focus,
    .page-register .shell .error-screen .login-form2 .remember label.actual:focus,
    .page-login .shell .login-screen .login-form2 .remember label.actual:focus,
    .page-login .shell .error-screen .login-form2 .remember label.actual:focus,
    .page-error .shell .login-screen .login-form2 .remember label.actual:focus,
    .page-error .shell .error-screen .login-form2 .remember label.actual:focus, .page-register .shell .login-screen .login-form2 .check-me label.actual:focus,
    .page-register .shell .error-screen .login-form2 .check-me label.actual:focus,
    .page-login .shell .login-screen .login-form2 .check-me label.actual:focus,
    .page-login .shell .error-screen .login-form2 .check-me label.actual:focus,
    .page-error .shell .login-screen .login-form2 .check-me label.actual:focus,
    .page-error .shell .error-screen .login-form2 .check-me label.actual:focus, .check-me label.actual.checked, .page-register .shell .login-screen .login-form2 .remember label.actual.checked,
    .page-register .shell .error-screen .login-form2 .remember label.actual.checked,
    .page-login .shell .login-screen .login-form2 .remember label.actual.checked,
    .page-login .shell .error-screen .login-form2 .remember label.actual.checked,
    .page-error .shell .login-screen .login-form2 .remember label.actual.checked,
    .page-error .shell .error-screen .login-form2 .remember label.actual.checked, .page-register .shell .login-screen .login-form2 .check-me label.actual.checked,
    .page-register .shell .error-screen .login-form2 .check-me label.actual.checked,
    .page-login .shell .login-screen .login-form2 .check-me label.actual.checked,
    .page-login .shell .error-screen .login-form2 .check-me label.actual.checked,
    .page-error .shell .login-screen .login-form2 .check-me label.actual.checked,
    .page-error .shell .error-screen .login-form2 .check-me label.actual.checked {
      box-shadow: none !important; }
  .check-me label.checked + .actual, .page-register .shell .login-screen .login-form2 .remember label.checked + .actual,
  .page-register .shell .error-screen .login-form2 .remember label.checked + .actual,
  .page-login .shell .login-screen .login-form2 .remember label.checked + .actual,
  .page-login .shell .error-screen .login-form2 .remember label.checked + .actual,
  .page-error .shell .login-screen .login-form2 .remember label.checked + .actual,
  .page-error .shell .error-screen .login-form2 .remember label.checked + .actual, .page-register .shell .login-screen .login-form2 .check-me label.checked + .actual,
  .page-register .shell .error-screen .login-form2 .check-me label.checked + .actual,
  .page-login .shell .login-screen .login-form2 .check-me label.checked + .actual,
  .page-login .shell .error-screen .login-form2 .check-me label.checked + .actual,
  .page-error .shell .login-screen .login-form2 .check-me label.checked + .actual,
  .page-error .shell .error-screen .login-form2 .check-me label.checked + .actual {
    color: #333; }
  .check-me label:active, .page-register .shell .login-screen .login-form2 .remember label:active,
  .page-register .shell .error-screen .login-form2 .remember label:active,
  .page-login .shell .login-screen .login-form2 .remember label:active,
  .page-login .shell .error-screen .login-form2 .remember label:active,
  .page-error .shell .login-screen .login-form2 .remember label:active,
  .page-error .shell .error-screen .login-form2 .remember label:active, .page-register .shell .login-screen .login-form2 .check-me label:active,
  .page-register .shell .error-screen .login-form2 .check-me label:active,
  .page-login .shell .login-screen .login-form2 .check-me label:active,
  .page-login .shell .error-screen .login-form2 .check-me label:active,
  .page-error .shell .login-screen .login-form2 .check-me label:active,
  .page-error .shell .error-screen .login-form2 .check-me label:active, .check-me label:focus, .page-register .shell .login-screen .login-form2 .remember label:focus,
  .page-register .shell .error-screen .login-form2 .remember label:focus,
  .page-login .shell .login-screen .login-form2 .remember label:focus,
  .page-login .shell .error-screen .login-form2 .remember label:focus,
  .page-error .shell .login-screen .login-form2 .remember label:focus,
  .page-error .shell .error-screen .login-form2 .remember label:focus, .page-register .shell .login-screen .login-form2 .check-me label:focus,
  .page-register .shell .error-screen .login-form2 .check-me label:focus,
  .page-login .shell .login-screen .login-form2 .check-me label:focus,
  .page-login .shell .error-screen .login-form2 .check-me label:focus,
  .page-error .shell .login-screen .login-form2 .check-me label:focus,
  .page-error .shell .error-screen .login-form2 .check-me label:focus {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset; }
  .check-me label.checked, .page-register .shell .login-screen .login-form2 .remember label.checked,
  .page-register .shell .error-screen .login-form2 .remember label.checked,
  .page-login .shell .login-screen .login-form2 .remember label.checked,
  .page-login .shell .error-screen .login-form2 .remember label.checked,
  .page-error .shell .login-screen .login-form2 .remember label.checked,
  .page-error .shell .error-screen .login-form2 .remember label.checked, .page-register .shell .login-screen .login-form2 .check-me label.checked,
  .page-register .shell .error-screen .login-form2 .check-me label.checked,
  .page-login .shell .login-screen .login-form2 .check-me label.checked,
  .page-login .shell .error-screen .login-form2 .check-me label.checked,
  .page-error .shell .login-screen .login-form2 .check-me label.checked,
  .page-error .shell .error-screen .login-form2 .check-me label.checked {
    background: #58af26 url(../images/cb-checked.png) no-repeat;
    background-size: auto 100%;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5) inset; }
    .check-me label.checked:active, .page-register .shell .login-screen .login-form2 .remember label.checked:active,
    .page-register .shell .error-screen .login-form2 .remember label.checked:active,
    .page-login .shell .login-screen .login-form2 .remember label.checked:active,
    .page-login .shell .error-screen .login-form2 .remember label.checked:active,
    .page-error .shell .login-screen .login-form2 .remember label.checked:active,
    .page-error .shell .error-screen .login-form2 .remember label.checked:active, .page-register .shell .login-screen .login-form2 .check-me label.checked:active,
    .page-register .shell .error-screen .login-form2 .check-me label.checked:active,
    .page-login .shell .login-screen .login-form2 .check-me label.checked:active,
    .page-login .shell .error-screen .login-form2 .check-me label.checked:active,
    .page-error .shell .login-screen .login-form2 .check-me label.checked:active,
    .page-error .shell .error-screen .login-form2 .check-me label.checked:active, .check-me label.checked:focus, .page-register .shell .login-screen .login-form2 .remember label.checked:focus,
    .page-register .shell .error-screen .login-form2 .remember label.checked:focus,
    .page-login .shell .login-screen .login-form2 .remember label.checked:focus,
    .page-login .shell .error-screen .login-form2 .remember label.checked:focus,
    .page-error .shell .login-screen .login-form2 .remember label.checked:focus,
    .page-error .shell .error-screen .login-form2 .remember label.checked:focus, .page-register .shell .login-screen .login-form2 .check-me label.checked:focus,
    .page-register .shell .error-screen .login-form2 .check-me label.checked:focus,
    .page-login .shell .login-screen .login-form2 .check-me label.checked:focus,
    .page-login .shell .error-screen .login-form2 .check-me label.checked:focus,
    .page-error .shell .login-screen .login-form2 .check-me label.checked:focus,
    .page-error .shell .error-screen .login-form2 .check-me label.checked:focus {
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset; }
    .check-me label.checked span, .page-register .shell .login-screen .login-form2 .remember label.checked span,
    .page-register .shell .error-screen .login-form2 .remember label.checked span,
    .page-login .shell .login-screen .login-form2 .remember label.checked span,
    .page-login .shell .error-screen .login-form2 .remember label.checked span,
    .page-error .shell .login-screen .login-form2 .remember label.checked span,
    .page-error .shell .error-screen .login-form2 .remember label.checked span, .page-register .shell .login-screen .login-form2 .check-me label.checked span,
    .page-register .shell .error-screen .login-form2 .check-me label.checked span,
    .page-login .shell .login-screen .login-form2 .check-me label.checked span,
    .page-login .shell .error-screen .login-form2 .check-me label.checked span,
    .page-error .shell .login-screen .login-form2 .check-me label.checked span,
    .page-error .shell .error-screen .login-form2 .check-me label.checked span {
      color: #333; }
    .check-me label.checked.disabled, .page-register .shell .login-screen .login-form2 .remember label.checked.disabled,
    .page-register .shell .error-screen .login-form2 .remember label.checked.disabled,
    .page-login .shell .login-screen .login-form2 .remember label.checked.disabled,
    .page-login .shell .error-screen .login-form2 .remember label.checked.disabled,
    .page-error .shell .login-screen .login-form2 .remember label.checked.disabled,
    .page-error .shell .error-screen .login-form2 .remember label.checked.disabled, .page-register .shell .login-screen .login-form2 .check-me label.checked.disabled,
    .page-register .shell .error-screen .login-form2 .check-me label.checked.disabled,
    .page-login .shell .login-screen .login-form2 .check-me label.checked.disabled,
    .page-login .shell .error-screen .login-form2 .check-me label.checked.disabled,
    .page-error .shell .login-screen .login-form2 .check-me label.checked.disabled,
    .page-error .shell .error-screen .login-form2 .check-me label.checked.disabled {
      background-color: #999; }
  .check-me label input, .page-register .shell .login-screen .login-form2 .remember label input,
  .page-register .shell .error-screen .login-form2 .remember label input,
  .page-login .shell .login-screen .login-form2 .remember label input,
  .page-login .shell .error-screen .login-form2 .remember label input,
  .page-error .shell .login-screen .login-form2 .remember label input,
  .page-error .shell .error-screen .login-form2 .remember label input, .page-register .shell .login-screen .login-form2 .check-me label input,
  .page-register .shell .error-screen .login-form2 .check-me label input,
  .page-login .shell .login-screen .login-form2 .check-me label input,
  .page-login .shell .error-screen .login-form2 .check-me label input,
  .page-error .shell .login-screen .login-form2 .check-me label input,
  .page-error .shell .error-screen .login-form2 .check-me label input {
    height: 24px;
    position: absolute;
    visibility: hidden;
    width: 24px; }

.long.check-me, .page-register .shell .login-screen .login-form2 .long.remember,
.page-register .shell .error-screen .login-form2 .long.remember,
.page-login .shell .login-screen .login-form2 .long.remember,
.page-login .shell .error-screen .login-form2 .long.remember,
.page-error .shell .login-screen .login-form2 .long.remember,
.page-error .shell .error-screen .login-form2 .long.remember, .page-register .shell .login-screen .login-form2 .long.check-me,
.page-register .shell .error-screen .login-form2 .long.check-me,
.page-login .shell .login-screen .login-form2 .long.check-me,
.page-login .shell .error-screen .login-form2 .long.check-me,
.page-error .shell .login-screen .login-form2 .long.check-me,
.page-error .shell .error-screen .login-form2 .long.check-me {
  position: relative; }
  .long.check-me label, .page-register .shell .login-screen .login-form2 .long.remember label,
  .page-register .shell .error-screen .login-form2 .long.remember label,
  .page-login .shell .login-screen .login-form2 .long.remember label,
  .page-login .shell .error-screen .login-form2 .long.remember label,
  .page-error .shell .login-screen .login-form2 .long.remember label,
  .page-error .shell .error-screen .login-form2 .long.remember label, .page-register .shell .login-screen .login-form2 .long.check-me label,
  .page-register .shell .error-screen .login-form2 .long.check-me label,
  .page-login .shell .login-screen .login-form2 .long.check-me label,
  .page-login .shell .error-screen .login-form2 .long.check-me label,
  .page-error .shell .login-screen .login-form2 .long.check-me label,
  .page-error .shell .error-screen .login-form2 .long.check-me label {
    left: 0;
    margin: 0;
    position: absolute;
    top: 0; }
    .long.check-me label.actual, .page-register .shell .login-screen .login-form2 .long.remember label.actual,
    .page-register .shell .error-screen .login-form2 .long.remember label.actual,
    .page-login .shell .login-screen .login-form2 .long.remember label.actual,
    .page-login .shell .error-screen .login-form2 .long.remember label.actual,
    .page-error .shell .login-screen .login-form2 .long.remember label.actual,
    .page-error .shell .error-screen .login-form2 .long.remember label.actual, .page-register .shell .login-screen .login-form2 .long.check-me label.actual,
    .page-register .shell .error-screen .login-form2 .long.check-me label.actual,
    .page-login .shell .login-screen .login-form2 .long.check-me label.actual,
    .page-login .shell .error-screen .login-form2 .long.check-me label.actual,
    .page-error .shell .login-screen .login-form2 .long.check-me label.actual,
    .page-error .shell .error-screen .login-form2 .long.check-me label.actual {
      background: none;
      color: #666;
      display: inline-block;
      font-size: 0.8rem;
      height: auto;
      left: auto;
      margin: 0;
      padding: 0 0 0 28px !important;
      position: relative;
      top: auto;
      width: auto !important; }
    .long.check-me label.checked + .actual, .page-register .shell .login-screen .login-form2 .long.remember label.checked + .actual,
    .page-register .shell .error-screen .login-form2 .long.remember label.checked + .actual,
    .page-login .shell .login-screen .login-form2 .long.remember label.checked + .actual,
    .page-login .shell .error-screen .login-form2 .long.remember label.checked + .actual,
    .page-error .shell .login-screen .login-form2 .long.remember label.checked + .actual,
    .page-error .shell .error-screen .login-form2 .long.remember label.checked + .actual, .page-register .shell .login-screen .login-form2 .long.check-me label.checked + .actual,
    .page-register .shell .error-screen .login-form2 .long.check-me label.checked + .actual,
    .page-login .shell .login-screen .login-form2 .long.check-me label.checked + .actual,
    .page-login .shell .error-screen .login-form2 .long.check-me label.checked + .actual,
    .page-error .shell .login-screen .login-form2 .long.check-me label.checked + .actual,
    .page-error .shell .error-screen .login-form2 .long.check-me label.checked + .actual {
      color: #333; }

.big-check.check-me label, .page-register .shell .login-screen .login-form2 .big-check.remember label,
.page-register .shell .error-screen .login-form2 .big-check.remember label,
.page-login .shell .login-screen .login-form2 .big-check.remember label,
.page-login .shell .error-screen .login-form2 .big-check.remember label,
.page-error .shell .login-screen .login-form2 .big-check.remember label,
.page-error .shell .error-screen .login-form2 .big-check.remember label, .page-register .shell .login-screen .login-form2 .big-check.check-me label,
.page-register .shell .error-screen .login-form2 .big-check.check-me label,
.page-login .shell .login-screen .login-form2 .big-check.check-me label,
.page-login .shell .error-screen .login-form2 .big-check.check-me label,
.page-error .shell .login-screen .login-form2 .big-check.check-me label,
.page-error .shell .error-screen .login-form2 .big-check.check-me label {
  height: 40px;
  margin: -12px 0 0 10px;
  width: 40px !important; }

.big-check.check-me + .cb-statements, .page-register .shell .login-screen .login-form2 .big-check.remember + .cb-statements,
.page-register .shell .error-screen .login-form2 .big-check.remember + .cb-statements,
.page-login .shell .login-screen .login-form2 .big-check.remember + .cb-statements,
.page-login .shell .error-screen .login-form2 .big-check.remember + .cb-statements,
.page-error .shell .login-screen .login-form2 .big-check.remember + .cb-statements,
.page-error .shell .error-screen .login-form2 .big-check.remember + .cb-statements, .page-register .shell .login-screen .login-form2 .big-check.check-me + .cb-statements,
.page-register .shell .error-screen .login-form2 .big-check.check-me + .cb-statements,
.page-login .shell .login-screen .login-form2 .big-check.check-me + .cb-statements,
.page-login .shell .error-screen .login-form2 .big-check.check-me + .cb-statements,
.page-error .shell .login-screen .login-form2 .big-check.check-me + .cb-statements,
.page-error .shell .error-screen .login-form2 .big-check.check-me + .cb-statements {
  margin-left: 72px; }

.main-form .cb-validation .big-check label.actual,
.cb-validation .big-check label.actual {
  height: auto;
  margin: 0 0 0 72px !important;
  padding: 0 !important;
  width: auto !important; }

.check-me {
  margin: 0 0 20px; }
  .check-me label {
    display: inline-block;
    padding: 0; }
    .check-me label span {
      color: #666;
      min-width: 250px;
      padding-left: 5px;
      white-space: normal; }
      .check-me label span span.has-tip {
        color: #fff;
        min-width: 1px;
        padding-left: 0; }
  .check-me ul {
    font-size: .8rem;
    list-style: none;
    padding-left: 10px;
    padding-top: 10px; }

.check-group .radio-input-holder label, .page-funds-account.page-statement .radio-input-holder label {
  background: url(../images/rd-check.png) no-repeat 0 1px;
  background-size: auto 18px;
  display: inline-block;
  height: 19px;
  margin: -8px 0 0 0;
  padding-right: 10px;
  vertical-align: top; }
  .check-group .radio-input-holder label span, .page-funds-account.page-statement .radio-input-holder label span {
    color: #333;
    font-size: .8rem;
    display: block;
    margin: -1px 0 0 25px;
    vertical-align: top; }
    .check-group .radio-input-holder label span.aspNetDisabled, .page-funds-account.page-statement .radio-input-holder label span.aspNetDisabled {
      display: inline-block;
      margin: 0; }
      .check-group .radio-input-holder label span.aspNetDisabled + span, .page-funds-account.page-statement .radio-input-holder label span.aspNetDisabled + span {
        cursor: default;
        margin-top: -20px;
        opacity: 0.5; }
  .check-group .radio-input-holder label input, .page-funds-account.page-statement .radio-input-holder label input {
    height: 18px;
    position: absolute;
    visibility: hidden;
    width: 18px; }

.check-group .checked.radio-input-holder label, .page-funds-account.page-statement .checked.radio-input-holder label {
  background: url(../images/rd-checked.png) no-repeat;
  background-size: auto 18px; }
  .check-group .checked.radio-input-holder label span, .page-funds-account.page-statement .checked.radio-input-holder label span {
    color: #000; }

.check-group .radio-input-holder {
  display: inline-block;
  padding: 16px 0 0; }
  .check-group .radio-input-holder.stacked {
    display: block;
    padding-bottom: 10px; }
  .check-group .radio-input-holder label {
    height: 20px;
    padding: 0 10px 0 0;
    width: auto; }

.check-group .radio-input-holder.checked.radio-input-holder label {
  background-image: url(../images/rd-checked.png); }

.check-group .radio-input-holder.checked.radio-input-holder label.disabled {
  background-image: url(../images/rd-checked-disabled.png);
  cursor: default; }

.fieldset .input-holder.date-fields {
  white-space: nowrap; }
  .fieldset .input-holder.date-fields input {
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    display: inline-block;
    border-left-style: dashed;
    position: relative;
    text-align: center;
    text-transform: lowercase;
    z-index: 2; }
    .fieldset .input-holder.date-fields input:active, .fieldset .input-holder.date-fields input:focus {
      z-index: 3; }
    .fieldset .input-holder.date-fields input.dd {
      border-left-style: solid;
      border-right: 0;
      width: 30%; }
      .fieldset .input-holder.date-fields input.dd:active, .fieldset .input-holder.date-fields input.dd:focus {
        box-shadow: 1px 0 0 #666 !important; }
        .fieldset .input-holder.date-fields input.dd:active + .mm, .fieldset .input-holder.date-fields input.dd:focus + .mm {
          border-left: 0; }
      @media screen and (min-width: 64.063em) {
        .fieldset .input-holder.date-fields input.dd {
          width: 44px; } }
      @media screen and (min-width: 90.063em) {
        .fieldset .input-holder.date-fields input.dd {
          width: 52px; } }
    .fieldset .input-holder.date-fields input.mm {
      border-right: 0;
      width: 30%; }
      .fieldset .input-holder.date-fields input.mm:active, .fieldset .input-holder.date-fields input.mm:focus {
        box-shadow: 1px 0 0 #666 !important;
        z-index: 3; }
        .fieldset .input-holder.date-fields input.mm:active + .yyyy, .fieldset .input-holder.date-fields input.mm:focus + .yyyy {
          border-left: 0; }
      @media screen and (min-width: 64.063em) {
        .fieldset .input-holder.date-fields input.mm {
          width: 44px; } }
      @media screen and (min-width: 90.063em) {
        .fieldset .input-holder.date-fields input.mm {
          width: 52px; } }
    .fieldset .input-holder.date-fields input.yyyy {
      width: 40%; }
      @media screen and (min-width: 64.063em) {
        .fieldset .input-holder.date-fields input.yyyy {
          width: 61px; } }
      @media screen and (min-width: 90.063em) {
        .fieldset .input-holder.date-fields input.yyyy {
          width: 78px; } }

@media screen and (min-width: 64.063em) {
  .date-range .fieldset .input-holder.date-fields input.dd,
  .date-range .fieldset .input-holder.date-fields input.mm {
    width: 54px; }
  .date-range .fieldset .input-holder.date-fields input.yyyy {
    width: 58px; } }

@media screen and (min-width: 64.063em) {
  .page-lend-borrow .fieldset .input-holder.date-fields input.dd,
  .page-lend-borrow .fieldset .input-holder.date-fields input.mm,
  .skinny .fieldset .input-holder.date-fields input.dd,
  .skinny .fieldset .input-holder.date-fields input.mm {
    width: 54px; }
  .page-lend-borrow .fieldset .input-holder.date-fields input.yyyy,
  .skinny .fieldset .input-holder.date-fields input.yyyy {
    width: 59px; } }

@media screen and (min-width: 90.063em) {
  .page-lend-borrow .fieldset .input-holder.date-fields input.dd,
  .page-lend-borrow .fieldset .input-holder.date-fields input.mm,
  .skinny .fieldset .input-holder.date-fields input.dd,
  .skinny .fieldset .input-holder.date-fields input.mm {
    width: 64px; }
  .page-lend-borrow .fieldset .input-holder.date-fields input.yyyy,
  .skinny .fieldset .input-holder.date-fields input.yyyy {
    width: 73px; } }

.fieldset.error .input-holder.date-fields input.dd,
.fieldset.error .input-holder.date-fields input.dd:active,
.fieldset.error .input-holder.date-fields input.dd:focus,
.fieldset.error .input-holder.date-fields input.mm,
.fieldset.error .input-holder.date-fields input.mm:active,
.fieldset.error .input-holder.date-fields input.mm:focus {
  border-right: 0 !important;
  box-shadow: none !important; }

.fieldset.error .input-holder.date-fields input.yyyy,
.fieldset.error .input-holder.date-fields input.yyyy:active,
.fieldset.error .input-holder.date-fields input.yyyy:focus {
  box-shadow: none !important; }

.fieldset.error .input-holder.date-fields input.dd:active,
.fieldset.error .input-holder.date-fields input.dd:focus,
.fieldset.error .input-holder.date-fields input.mm:active,
.fieldset.error .input-holder.date-fields input.mm:focus {
  box-shadow: 1px 0 0 #bd1010 !important; }

.date-fields {
  position: relative; }
  .date-fields a.icon-cancel {
    background: #aaa;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 0.575rem;
    height: 20px;
    left: -27px;
    line-height: 19px;
    margin: 0 0 0 2px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 8px;
    vertical-align: middle;
    width: 20px; }
  .date-fields.readonly a.icon-cancel, .date-fields.disabled a.icon-cancel {
    display: none; }
  .date-fields.empty a.icon-cancel {
    display: none; }
  @media screen and (max-width: 479px) {
    .date-fields {
      padding-right: 25px; }
      .date-fields.readonly, .date-fields.disabled {
        padding-right: 0; }
      .date-fields a.icon-cancel {
        left: auto;
        right: 0; }
        .ma-infinitypush .date-fields a.icon-cancel {
          left: -25px;
          right: auto; }
      .date-fields.empty {
        padding-right: 0; } }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.fieldset .check-me .error-message,
html .fieldset .error-message,
form .fieldset .error-message,
form .row .row.collapse .column .fieldset .error-message,
form .row .row.collapse .columns .fieldset .error-message {
  display: none; }

.fieldset .check-me .check-me label.error-label-message,
html .fieldset .check-me label.error-label-message,
form .fieldset .check-me label.error-label-message,
form .row .row.collapse .column .fieldset .check-me label.error-label-message,
form .row .row.collapse .columns .fieldset .check-me label.error-label-message {
  display: none; }

.fieldset .error.check-me input[type="text"],
html .error.fieldset input[type="text"],
form .error.fieldset input[type="text"],
form .row .row.collapse .column .error.fieldset input[type="text"],
form .row .row.collapse .columns .error.fieldset input[type="text"], .fieldset .error.check-me input[type="tel"],
html .error.fieldset input[type="tel"],
form .error.fieldset input[type="tel"],
form .row .row.collapse .column .error.fieldset input[type="tel"],
form .row .row.collapse .columns .error.fieldset input[type="tel"], .fieldset .error.check-me input[type="email"],
html .error.fieldset input[type="email"],
form .error.fieldset input[type="email"],
form .row .row.collapse .column .error.fieldset input[type="email"],
form .row .row.collapse .columns .error.fieldset input[type="email"], .fieldset .error.check-me input[type="url"],
html .error.fieldset input[type="url"],
form .error.fieldset input[type="url"],
form .row .row.collapse .column .error.fieldset input[type="url"],
form .row .row.collapse .columns .error.fieldset input[type="url"], .fieldset .error.check-me input[type="number"],
html .error.fieldset input[type="number"],
form .error.fieldset input[type="number"],
form .row .row.collapse .column .error.fieldset input[type="number"],
form .row .row.collapse .columns .error.fieldset input[type="number"], .fieldset .error.check-me input[type="password"],
html .error.fieldset input[type="password"],
form .error.fieldset input[type="password"],
form .row .row.collapse .column .error.fieldset input[type="password"],
form .row .row.collapse .columns .error.fieldset input[type="password"], .fieldset .error.check-me select,
html .error.fieldset select,
form .error.fieldset select,
form .row .row.collapse .column .error.fieldset select,
form .row .row.collapse .columns .error.fieldset select, .fieldset .error.check-me textarea,
html .error.fieldset textarea,
form .error.fieldset textarea,
form .row .row.collapse .column .error.fieldset textarea,
form .row .row.collapse .columns .error.fieldset textarea {
  border: 1px solid #bd1010; }

.fieldset .error.check-me .prefix,
html .error.fieldset .prefix,
form .error.fieldset .prefix,
form .row .row.collapse .column .error.fieldset .prefix,
form .row .row.collapse .columns .error.fieldset .prefix, .fieldset .error.check-me .postfix,
html .error.fieldset .postfix,
form .error.fieldset .postfix,
form .row .row.collapse .column .error.fieldset .postfix,
form .row .row.collapse .columns .error.fieldset .postfix {
  border: 1px solid #bd1010;
  border-right: 0; }

.fieldset .error.check-me .error-message,
html .error.fieldset .error-message,
form .error.fieldset .error-message,
form .row .row.collapse .column .error.fieldset .error-message,
form .row .row.collapse .columns .error.fieldset .error-message {
  background: #bd1010;
  border-radius: 0 0 2px 2px;
  color: #fff;
  display: block;
  font-size: 0.7rem;
  margin-bottom: 20px;
  margin-top: 0;
  padding: 2px 10px 4px; }

.fieldset .error.check-me .check-me label,
html .error.fieldset .check-me label,
form .error.fieldset .check-me label,
form .row .row.collapse .column .error.fieldset .check-me label,
form .row .row.collapse .columns .error.fieldset .check-me label {
  background-image: url(../images/cb-check-error.png); }
  .fieldset .error.check-me .check-me label.actual,
  html .error.fieldset .check-me label.actual,
  form .error.fieldset .check-me label.actual,
  form .row .row.collapse .column .error.fieldset .check-me label.actual,
  form .row .row.collapse .columns .error.fieldset .check-me label.actual {
    background: none;
    display: none; }
    .fieldset .error.check-me .check-me label.actual.error-label-message,
    html .error.fieldset .check-me label.actual.error-label-message,
    form .error.fieldset .check-me label.actual.error-label-message {
      display: block; }

.fieldset .error.check-me .check-me .error-message,
html .error.fieldset .check-me .error-message,
form .error.fieldset .check-me .error-message,
form .row .row.collapse .column .error.fieldset .check-me .error-message,
form .row .row.collapse .columns .error.fieldset .check-me .error-message {
  background: none;
  color: #bd1010; }

.fieldset .error.check-me .check-me label.checked,
html .error.fieldset .check-me label.checked,
form .error.fieldset .check-me label.checked,
form .row .row.collapse .column .error.fieldset .check-me label.checked,
form .row .row.collapse .columns .error.fieldset .check-me label.checked {
  background-image: url(../images/cb-checked.png); }
  .fieldset .error.check-me .check-me label.checked + label.actual,
  html .error.fieldset .check-me label.checked + label.actual,
  form .error.fieldset .check-me label.checked + label.actual {
    color: #333 !important;
    display: block; }
    .fieldset .error.check-me .check-me label.checked + label.actual + label.error-label-message,
    html .error.fieldset .check-me label.checked + label.actual + label.error-label-message,
    form .error.fieldset .check-me label.checked + label.actual + label.error-label-message {
      display: none; }

.cb-error label.actual {
  height: auto !important; }
  .cb-error label.actual + label.error {
    background: none;
    color: #bd1010 !important;
    display: block !important;
    font-size: .8rem !important;
    height: auto !important;
    margin-top: 5px !important;
    padding: 0 0 0 28px !important;
    top: auto; }

.cb-error label.checked + label.actual + label.error {
  display: none !important; }

input.disabled,
input[disabled],
input[readonly] {
  -webkit-text-fill-color: #666; }

::-webkit-input-placeholder {
  /* Chrome */
  color: #777;
  transition: opacity 250ms ease-in-out; }

:focus::-webkit-input-placeholder {
  opacity: 0.5; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
  transition: opacity 250ms ease-in-out; }

:focus:-ms-input-placeholder {
  opacity: 0.5; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
  opacity: 1;
  transition: opacity 250ms ease-in-out; }

:focus::-moz-placeholder {
  opacity: 0.5; }

:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #999;
  opacity: 1;
  transition: opacity 250ms ease-in-out; }

:focus:-moz-placeholder {
  opacity: 0.5; }

@media screen and (min-width: 40.063em) {
  label.tip {
    padding-right: 25px !important;
    position: relative; }
    label.tip .has-tip {
      position: absolute;
      right: 0;
      top: 8px; } }

.fieldset .check-me label.actual.error-label-message {
  display: none; }

.fieldset.error .check-me label {
  background-image: url(../images/cb-check-error.png); }
  .fieldset.error .check-me label.actual {
    background: none;
    display: none; }
  .fieldset.error .check-me label.actual.error-label-message {
    display: block !important; }

.fieldset.error .check-me .error-label-message {
  background: none;
  color: #bd1010; }

.fieldset.error .check-me label.checked {
  background-image: url(../images/cb-checked.png); }
  .fieldset.error .check-me label.checked + label.actual {
    color: #333 !important;
    display: block; }
    .fieldset.error .check-me label.checked + label.actual + label.error-label-message {
      display: none; }

.main-form .cb-validation label,
.cb-validation label {
  margin-top: -2px; }

.main-form .cb-validation label.actual,
.cb-validation label.actual {
  margin: 0 0 0 30px !important;
  padding: 0 !important; }

.main-form .cb-validation ol,
.cb-validation ol {
  list-style: none;
  margin: -10px 0 0 30px; }
  .main-form .cb-validation ol li,
  .cb-validation ol li {
    font-size: .8rem;
    padding: 0 0 10px; }

@media screen and (min-width: 40.063em) {
  .data-holder {
    border-right: 1px solid #ccc;
    margin-right: 20px;
    padding-right: 20px; } }

.select-holder select,
.select-holder input[type="text"],
.select-holder input[type="tel"],
.select-holder input[type="number"],
.select-holder input[type="url"],
.select-holder input[type="email"],
.select-holder input[type="date"],
.select-holder input[type="password"],
.select-holder textarea,
.input-holder select,
.input-holder input[type="text"],
.input-holder input[type="tel"],
.input-holder input[type="number"],
.input-holder input[type="url"],
.input-holder input[type="email"],
.input-holder input[type="date"],
.input-holder input[type="password"],
.input-holder textarea,
.date-holder select,
.date-holder input[type="text"],
.date-holder input[type="tel"],
.date-holder input[type="number"],
.date-holder input[type="url"],
.date-holder input[type="email"],
.date-holder input[type="date"],
.date-holder input[type="password"],
.date-holder textarea,
.field-holder select,
.field-holder input[type="text"],
.field-holder input[type="tel"],
.field-holder input[type="number"],
.field-holder input[type="url"],
.field-holder input[type="email"],
.field-holder input[type="date"],
.field-holder input[type="password"],
.field-holder textarea {
  background: rgba(255, 255, 255, 0.8);
  border: 0;
  box-shadow: none;
  color: #555;
  display: block;
  font-size: .8rem;
  height: auto;
  padding: 7px 30px 7px .5rem; }
  @media screen and (min-width: 40.063em) {
    .select-holder select,
    .select-holder input[type="text"],
    .select-holder input[type="tel"],
    .select-holder input[type="number"],
    .select-holder input[type="url"],
    .select-holder input[type="email"],
    .select-holder input[type="date"],
    .select-holder input[type="password"],
    .select-holder textarea,
    .input-holder select,
    .input-holder input[type="text"],
    .input-holder input[type="tel"],
    .input-holder input[type="number"],
    .input-holder input[type="url"],
    .input-holder input[type="email"],
    .input-holder input[type="date"],
    .input-holder input[type="password"],
    .input-holder textarea,
    .date-holder select,
    .date-holder input[type="text"],
    .date-holder input[type="tel"],
    .date-holder input[type="number"],
    .date-holder input[type="url"],
    .date-holder input[type="email"],
    .date-holder input[type="date"],
    .date-holder input[type="password"],
    .date-holder textarea,
    .field-holder select,
    .field-holder input[type="text"],
    .field-holder input[type="tel"],
    .field-holder input[type="number"],
    .field-holder input[type="url"],
    .field-holder input[type="email"],
    .field-holder input[type="date"],
    .field-holder input[type="password"],
    .field-holder textarea {
      background: rgba(255, 255, 255, 0.7); } }
  .select-holder select option.default,
  .select-holder input[type="text"] option.default,
  .select-holder input[type="tel"] option.default,
  .select-holder input[type="number"] option.default,
  .select-holder input[type="url"] option.default,
  .select-holder input[type="email"] option.default,
  .select-holder input[type="date"] option.default,
  .select-holder input[type="password"] option.default,
  .select-holder textarea option.default,
  .input-holder select option.default,
  .input-holder input[type="text"] option.default,
  .input-holder input[type="tel"] option.default,
  .input-holder input[type="number"] option.default,
  .input-holder input[type="url"] option.default,
  .input-holder input[type="email"] option.default,
  .input-holder input[type="date"] option.default,
  .input-holder input[type="password"] option.default,
  .input-holder textarea option.default,
  .date-holder select option.default,
  .date-holder input[type="text"] option.default,
  .date-holder input[type="tel"] option.default,
  .date-holder input[type="number"] option.default,
  .date-holder input[type="url"] option.default,
  .date-holder input[type="email"] option.default,
  .date-holder input[type="date"] option.default,
  .date-holder input[type="password"] option.default,
  .date-holder textarea option.default,
  .field-holder select option.default,
  .field-holder input[type="text"] option.default,
  .field-holder input[type="tel"] option.default,
  .field-holder input[type="number"] option.default,
  .field-holder input[type="url"] option.default,
  .field-holder input[type="email"] option.default,
  .field-holder input[type="date"] option.default,
  .field-holder input[type="password"] option.default,
  .field-holder textarea option.default {
    background: #eee;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #000;
    font-weight: 600; }
  .select-holder select:active, .select-holder select:focus,
  .select-holder input[type="text"]:active,
  .select-holder input[type="text"]:focus,
  .select-holder input[type="tel"]:active,
  .select-holder input[type="tel"]:focus,
  .select-holder input[type="number"]:active,
  .select-holder input[type="number"]:focus,
  .select-holder input[type="url"]:active,
  .select-holder input[type="url"]:focus,
  .select-holder input[type="email"]:active,
  .select-holder input[type="email"]:focus,
  .select-holder input[type="date"]:active,
  .select-holder input[type="date"]:focus,
  .select-holder input[type="password"]:active,
  .select-holder input[type="password"]:focus,
  .select-holder textarea:active,
  .select-holder textarea:focus,
  .input-holder select:active,
  .input-holder select:focus,
  .input-holder input[type="text"]:active,
  .input-holder input[type="text"]:focus,
  .input-holder input[type="tel"]:active,
  .input-holder input[type="tel"]:focus,
  .input-holder input[type="number"]:active,
  .input-holder input[type="number"]:focus,
  .input-holder input[type="url"]:active,
  .input-holder input[type="url"]:focus,
  .input-holder input[type="email"]:active,
  .input-holder input[type="email"]:focus,
  .input-holder input[type="date"]:active,
  .input-holder input[type="date"]:focus,
  .input-holder input[type="password"]:active,
  .input-holder input[type="password"]:focus,
  .input-holder textarea:active,
  .input-holder textarea:focus,
  .date-holder select:active,
  .date-holder select:focus,
  .date-holder input[type="text"]:active,
  .date-holder input[type="text"]:focus,
  .date-holder input[type="tel"]:active,
  .date-holder input[type="tel"]:focus,
  .date-holder input[type="number"]:active,
  .date-holder input[type="number"]:focus,
  .date-holder input[type="url"]:active,
  .date-holder input[type="url"]:focus,
  .date-holder input[type="email"]:active,
  .date-holder input[type="email"]:focus,
  .date-holder input[type="date"]:active,
  .date-holder input[type="date"]:focus,
  .date-holder input[type="password"]:active,
  .date-holder input[type="password"]:focus,
  .date-holder textarea:active,
  .date-holder textarea:focus,
  .field-holder select:active,
  .field-holder select:focus,
  .field-holder input[type="text"]:active,
  .field-holder input[type="text"]:focus,
  .field-holder input[type="tel"]:active,
  .field-holder input[type="tel"]:focus,
  .field-holder input[type="number"]:active,
  .field-holder input[type="number"]:focus,
  .field-holder input[type="url"]:active,
  .field-holder input[type="url"]:focus,
  .field-holder input[type="email"]:active,
  .field-holder input[type="email"]:focus,
  .field-holder input[type="date"]:active,
  .field-holder input[type="date"]:focus,
  .field-holder input[type="password"]:active,
  .field-holder input[type="password"]:focus,
  .field-holder textarea:active,
  .field-holder textarea:focus {
    background: #fff;
    border: 0;
    box-shadow: none !important; }
  .select-holder select ::-webkit-input-placeholder,
  .select-holder input[type="text"] ::-webkit-input-placeholder,
  .select-holder input[type="tel"] ::-webkit-input-placeholder,
  .select-holder input[type="number"] ::-webkit-input-placeholder,
  .select-holder input[type="url"] ::-webkit-input-placeholder,
  .select-holder input[type="email"] ::-webkit-input-placeholder,
  .select-holder input[type="date"] ::-webkit-input-placeholder,
  .select-holder input[type="password"] ::-webkit-input-placeholder,
  .select-holder textarea ::-webkit-input-placeholder,
  .input-holder select ::-webkit-input-placeholder,
  .input-holder input[type="text"] ::-webkit-input-placeholder,
  .input-holder input[type="tel"] ::-webkit-input-placeholder,
  .input-holder input[type="number"] ::-webkit-input-placeholder,
  .input-holder input[type="url"] ::-webkit-input-placeholder,
  .input-holder input[type="email"] ::-webkit-input-placeholder,
  .input-holder input[type="date"] ::-webkit-input-placeholder,
  .input-holder input[type="password"] ::-webkit-input-placeholder,
  .input-holder textarea ::-webkit-input-placeholder,
  .date-holder select ::-webkit-input-placeholder,
  .date-holder input[type="text"] ::-webkit-input-placeholder,
  .date-holder input[type="tel"] ::-webkit-input-placeholder,
  .date-holder input[type="number"] ::-webkit-input-placeholder,
  .date-holder input[type="url"] ::-webkit-input-placeholder,
  .date-holder input[type="email"] ::-webkit-input-placeholder,
  .date-holder input[type="date"] ::-webkit-input-placeholder,
  .date-holder input[type="password"] ::-webkit-input-placeholder,
  .date-holder textarea ::-webkit-input-placeholder,
  .field-holder select ::-webkit-input-placeholder,
  .field-holder input[type="text"] ::-webkit-input-placeholder,
  .field-holder input[type="tel"] ::-webkit-input-placeholder,
  .field-holder input[type="number"] ::-webkit-input-placeholder,
  .field-holder input[type="url"] ::-webkit-input-placeholder,
  .field-holder input[type="email"] ::-webkit-input-placeholder,
  .field-holder input[type="date"] ::-webkit-input-placeholder,
  .field-holder input[type="password"] ::-webkit-input-placeholder,
  .field-holder textarea ::-webkit-input-placeholder {
    color: #666; }
  .select-holder select :-moz-placeholder,
  .select-holder input[type="text"] :-moz-placeholder,
  .select-holder input[type="tel"] :-moz-placeholder,
  .select-holder input[type="number"] :-moz-placeholder,
  .select-holder input[type="url"] :-moz-placeholder,
  .select-holder input[type="email"] :-moz-placeholder,
  .select-holder input[type="date"] :-moz-placeholder,
  .select-holder input[type="password"] :-moz-placeholder,
  .select-holder textarea :-moz-placeholder,
  .input-holder select :-moz-placeholder,
  .input-holder input[type="text"] :-moz-placeholder,
  .input-holder input[type="tel"] :-moz-placeholder,
  .input-holder input[type="number"] :-moz-placeholder,
  .input-holder input[type="url"] :-moz-placeholder,
  .input-holder input[type="email"] :-moz-placeholder,
  .input-holder input[type="date"] :-moz-placeholder,
  .input-holder input[type="password"] :-moz-placeholder,
  .input-holder textarea :-moz-placeholder,
  .date-holder select :-moz-placeholder,
  .date-holder input[type="text"] :-moz-placeholder,
  .date-holder input[type="tel"] :-moz-placeholder,
  .date-holder input[type="number"] :-moz-placeholder,
  .date-holder input[type="url"] :-moz-placeholder,
  .date-holder input[type="email"] :-moz-placeholder,
  .date-holder input[type="date"] :-moz-placeholder,
  .date-holder input[type="password"] :-moz-placeholder,
  .date-holder textarea :-moz-placeholder,
  .field-holder select :-moz-placeholder,
  .field-holder input[type="text"] :-moz-placeholder,
  .field-holder input[type="tel"] :-moz-placeholder,
  .field-holder input[type="number"] :-moz-placeholder,
  .field-holder input[type="url"] :-moz-placeholder,
  .field-holder input[type="email"] :-moz-placeholder,
  .field-holder input[type="date"] :-moz-placeholder,
  .field-holder input[type="password"] :-moz-placeholder,
  .field-holder textarea :-moz-placeholder {
    color: #666; }
  .select-holder select ::-moz-placeholder,
  .select-holder input[type="text"] ::-moz-placeholder,
  .select-holder input[type="tel"] ::-moz-placeholder,
  .select-holder input[type="number"] ::-moz-placeholder,
  .select-holder input[type="url"] ::-moz-placeholder,
  .select-holder input[type="email"] ::-moz-placeholder,
  .select-holder input[type="date"] ::-moz-placeholder,
  .select-holder input[type="password"] ::-moz-placeholder,
  .select-holder textarea ::-moz-placeholder,
  .input-holder select ::-moz-placeholder,
  .input-holder input[type="text"] ::-moz-placeholder,
  .input-holder input[type="tel"] ::-moz-placeholder,
  .input-holder input[type="number"] ::-moz-placeholder,
  .input-holder input[type="url"] ::-moz-placeholder,
  .input-holder input[type="email"] ::-moz-placeholder,
  .input-holder input[type="date"] ::-moz-placeholder,
  .input-holder input[type="password"] ::-moz-placeholder,
  .input-holder textarea ::-moz-placeholder,
  .date-holder select ::-moz-placeholder,
  .date-holder input[type="text"] ::-moz-placeholder,
  .date-holder input[type="tel"] ::-moz-placeholder,
  .date-holder input[type="number"] ::-moz-placeholder,
  .date-holder input[type="url"] ::-moz-placeholder,
  .date-holder input[type="email"] ::-moz-placeholder,
  .date-holder input[type="date"] ::-moz-placeholder,
  .date-holder input[type="password"] ::-moz-placeholder,
  .date-holder textarea ::-moz-placeholder,
  .field-holder select ::-moz-placeholder,
  .field-holder input[type="text"] ::-moz-placeholder,
  .field-holder input[type="tel"] ::-moz-placeholder,
  .field-holder input[type="number"] ::-moz-placeholder,
  .field-holder input[type="url"] ::-moz-placeholder,
  .field-holder input[type="email"] ::-moz-placeholder,
  .field-holder input[type="date"] ::-moz-placeholder,
  .field-holder input[type="password"] ::-moz-placeholder,
  .field-holder textarea ::-moz-placeholder {
    color: #666; }
  .select-holder select :-ms-input-placeholder,
  .select-holder input[type="text"] :-ms-input-placeholder,
  .select-holder input[type="tel"] :-ms-input-placeholder,
  .select-holder input[type="number"] :-ms-input-placeholder,
  .select-holder input[type="url"] :-ms-input-placeholder,
  .select-holder input[type="email"] :-ms-input-placeholder,
  .select-holder input[type="date"] :-ms-input-placeholder,
  .select-holder input[type="password"] :-ms-input-placeholder,
  .select-holder textarea :-ms-input-placeholder,
  .input-holder select :-ms-input-placeholder,
  .input-holder input[type="text"] :-ms-input-placeholder,
  .input-holder input[type="tel"] :-ms-input-placeholder,
  .input-holder input[type="number"] :-ms-input-placeholder,
  .input-holder input[type="url"] :-ms-input-placeholder,
  .input-holder input[type="email"] :-ms-input-placeholder,
  .input-holder input[type="date"] :-ms-input-placeholder,
  .input-holder input[type="password"] :-ms-input-placeholder,
  .input-holder textarea :-ms-input-placeholder,
  .date-holder select :-ms-input-placeholder,
  .date-holder input[type="text"] :-ms-input-placeholder,
  .date-holder input[type="tel"] :-ms-input-placeholder,
  .date-holder input[type="number"] :-ms-input-placeholder,
  .date-holder input[type="url"] :-ms-input-placeholder,
  .date-holder input[type="email"] :-ms-input-placeholder,
  .date-holder input[type="date"] :-ms-input-placeholder,
  .date-holder input[type="password"] :-ms-input-placeholder,
  .date-holder textarea :-ms-input-placeholder,
  .field-holder select :-ms-input-placeholder,
  .field-holder input[type="text"] :-ms-input-placeholder,
  .field-holder input[type="tel"] :-ms-input-placeholder,
  .field-holder input[type="number"] :-ms-input-placeholder,
  .field-holder input[type="url"] :-ms-input-placeholder,
  .field-holder input[type="email"] :-ms-input-placeholder,
  .field-holder input[type="date"] :-ms-input-placeholder,
  .field-holder input[type="password"] :-ms-input-placeholder,
  .field-holder textarea :-ms-input-placeholder {
    color: #666; }

.select-holder select[multiple="multiple"],
.input-holder select[multiple="multiple"],
.date-holder select[multiple="multiple"],
.field-holder select[multiple="multiple"] {
  padding: 7px .5rem; }

.select-holder {
  position: relative; }
  .select-holder:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #666;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -999em;
    top: 15px;
    z-index: 5; }
  .select-holder:before {
    border-left: 1px solid #ddd;
    content: " ";
    display: block;
    height: 25px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 5px;
    z-index: 3; }

.input-holder input[type="text"],
.input-holder input[type="tel"],
.input-holder input[type="number"],
.input-holder input[type="url"],
.input-holder input[type="email"],
.input-holder input[type="password"],
.input-holder input[type="date"] {
  padding: 7px .5rem; }

.input-holder input[type="text"].bsbno,
.input-holder input[type="number"].bsbno {
  border-right: 0;
  display: inline-block;
  width: 40%; }
  .input-holder input[type="text"].bsbno:active, .input-holder input[type="text"].bsbno:focus,
  .input-holder input[type="number"].bsbno:active,
  .input-holder input[type="number"].bsbno:focus {
    border-color: #bbb;
    border-right: 0; }

.input-holder input[type="text"].accountno,
.input-holder input[type="number"].accountno {
  border-left-style: dashed;
  display: inline-block;
  margin-left: -5px;
  float: right;
  width: 60%; }
  .input-holder input[type="text"].accountno:active, .input-holder input[type="text"].accountno:focus,
  .input-holder input[type="number"].accountno:active,
  .input-holder input[type="number"].accountno:focus {
    border-color: #bbb;
    border-left-style: dashed; }

.input-holder.pa input, .input-holder.pm input, .input-holder.pw input {
  padding-right: 44px; }

.input-holder.pa:after, .input-holder.pm:after, .input-holder.pw:after {
  border-left: 1px dashed #888;
  color: #888;
  content: "p/a";
  display: block;
  font-size: 0.72rem;
  line-height: 1;
  padding: 2px 8px;
  position: absolute;
  right: 6px;
  top: 10px;
  z-index: 2; }

.input-holder.pm:after {
  content: "p/m"; }

.input-holder.pw:after {
  content: "p/w"; }

a.show-manual-fields,
a.show-manual-fields2,
a.show-manual-postal-fields,
a.show-manual-residential-fields {
  display: none; }

input[type="text"].not-listed + a.show-manual-fields,
input[type="text"].not-listed + a.show-manual-fields2,
input[type="text"].not-listed + a.show-manual-postal-fields,
input[type="text"].not-listed + a.show-manual-residential-fields,
.main .content-block input[type="text"].not-listed + a.show-manual-fields,
.main .content-block input[type="text"].not-listed + a.show-manual-fields2,
.main .content-block input[type="text"].not-listed + a.show-manual-postal-fields,
.main .content-block input[type="text"].not-listed + a.show-manual-residential-fields {
  display: block;
  font-size: 0.7rem;
  margin-bottom: 20px;
  width: 100%; }

.no-search-result {
  display: block;
  font-size: 0.8rem;
  margin: 0 0 20px; }

.manual-fields,
.manual-fields2,
.manual-postal-fields,
.manual-residential-fields {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 20px; }
  .manual-fields h3,
  .manual-fields2 h3,
  .manual-postal-fields h3,
  .manual-residential-fields h3 {
    margin-bottom: 20px; }

textarea {
  font-size: 100%; }

span.prefix {
  background: #3095d6;
  border: 1px solid #3095d6;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: #fff;
  font-size: .7rem;
  height: 36px;
  line-height: 36px;
  z-index: 3; }
  @media screen and (min-width: 40.063em) {
    span.prefix {
      color: #fff;
      font-size: .8rem; } }

.select-holder span.prefix {
  height: 35px;
  line-height: 35px; }

.fieldset:active span.prefix,
.fieldset:active span.postfix, .fieldset:focus span.prefix,
.fieldset:focus span.postfix, .fieldset:hover span.prefix,
.fieldset:hover span.postfix {
  background-image: url(../images/hover2.png); }

span.prefix {
  border-radius: 2px 0 0 2px; }

.range-divider {
  color: #fff;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 40.063em) {
    .range-divider {
      color: #333; } }

.date-holder {
  background: rgba(255, 255, 255, 0.7);
  height: 36px;
  margin-bottom: 15px;
  position: relative; }
  .date-holder:active, .date-holder:focus {
    background: #fff;
    border: 0; }
  .date-holder span.icon-calendar, .date-holder:before {
    color: #999;
    font-size: 1.1rem;
    position: absolute;
    right: 6px;
    top: 8px;
    z-index: 1; }
  .date-holder input.pick-me-a-date {
    background: transparent !important;
    padding: 7px 0.5rem !important;
    position: relative;
    z-index: 2; }
    .date-holder input.pick-me-a-date::-ms-clear {
      display: none; }
    .date-holder input.pick-me-a-date[disabled], .date-holder input.pick-me-a-date[readonly] {
      background: #ddd !important;
      pointer-events: none; }

.date-holder {
  border-radius: 2px; }
  .date-holder.disable span.icon-calendar, .date-holder.disable:before {
    z-index: 3; }

.select-holder,
.main .select-holder {
  border-radius: 2px; }
  .select-holder.disable:after,
  .main .select-holder.disable:after {
    z-index: 3; }

label i.required {
  color: #bd1010;
  font-style: normal;
  padding-left: 5px; }

@media screen and (min-width: 40.063em) {
  label.medium-padding {
    padding-left: 0.9375rem; } }

.select-date-range-content label {
  line-height: 36px; }
  .select-date-range-content label.error {
    line-height: 1.5; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #ddd !important;
  cursor: default;
  text-shadow: 0 1px 1px #fff; }
  input[disabled].button,
  select[disabled].button,
  textarea[disabled].button,
  input[readonly].button,
  select[readonly].button,
  textarea[readonly].button {
    background: #aaa !important;
    color: #fff;
    opacity: 1;
    text-shadow: none; }
  input[disabled] + span,
  select[disabled] + span,
  textarea[disabled] + span,
  input[readonly] + span,
  select[readonly] + span,
  textarea[readonly] + span {
    cursor: default; }

input, select {
  min-height: 36px; }

input[type="checkbox"],
input[type="radio"] {
  min-height: 1px;
  margin: 0; }

.input-holder.prefixed,
.select-holder.prefixed {
  position: relative; }
  .input-holder.prefixed .prefix,
  .select-holder.prefixed .prefix {
    position: absolute;
    width: 34px; }
  .input-holder.prefixed input,
  .input-holder.prefixed select,
  .select-holder.prefixed input,
  .select-holder.prefixed select {
    padding-left: 44px; }
    .input-holder.prefixed input.noprefix,
    .input-holder.prefixed select.noprefix,
    .select-holder.prefixed input.noprefix,
    .select-holder.prefixed select.noprefix {
      padding-left: 0.5rem; }
  .input-holder.prefixed.disabled, .input-holder.prefixed.readonly,
  .select-holder.prefixed.disabled,
  .select-holder.prefixed.readonly {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
    .input-holder.prefixed.disabled input, .input-holder.prefixed.readonly input,
    .select-holder.prefixed.disabled input,
    .select-holder.prefixed.readonly input {
      padding: 7px 0.5rem 7px 44px; }

.error .input-holder.prefixed .prefix,
.error .select-holder.prefixed .prefix {
  background: #bd1010; }

.search-again {
  cursor: pointer;
  display: inline-block;
  font-size: .75rem;
  font-weight: 400;
  padding-left: 5px;
  white-space: nowrap; }

.not-listed + .show-manual-fields,
.not-listed + .show-manual-fields2,
.not-listed + .show-manual-postal-fields,
.not-listed + .show-manual-residential-fields {
  display: block !important; }

.content-block input[type="text"],
.content-block input[type="number"],
.content-block input[type="tel"],
.content-block input[type="url"],
.content-block input[type="email"],
.content-block input[type="search"],
.content-block input[type="password"],
.content-block input[type="date"],
.content-block textarea,
.content-block select {
  background-color: #fff;
  border: 1px solid #bbb; }
  .content-block input[type="text"]:active, .content-block input[type="text"]:focus,
  .content-block input[type="number"]:active,
  .content-block input[type="number"]:focus,
  .content-block input[type="tel"]:active,
  .content-block input[type="tel"]:focus,
  .content-block input[type="url"]:active,
  .content-block input[type="url"]:focus,
  .content-block input[type="email"]:active,
  .content-block input[type="email"]:focus,
  .content-block input[type="search"]:active,
  .content-block input[type="search"]:focus,
  .content-block input[type="password"]:active,
  .content-block input[type="password"]:focus,
  .content-block input[type="date"]:active,
  .content-block input[type="date"]:focus,
  .content-block textarea:active,
  .content-block textarea:focus,
  .content-block select:active,
  .content-block select:focus {
    border: 1px solid #666; }

.content-block .select-holder {
  border: 1px solid #bbb; }
  .content-block .select-holder:active, .content-block .select-holder:focus {
    border: 1px solid #666; }

.content-block select {
  background: none;
  border: none; }
  .content-block select:active, .content-block select:focus {
    border: 0; }

.content-block .multiple select {
  background: #fff; }

.content-block textarea {
  min-height: 100px; }

html .error label,
html .error label.error,
form .error label,
form .error label.error,
form .row .row.collapse .column .error label,
form .row .row.collapse .column .error label.error,
form .row .row.collapse .columns .error label,
form .row .row.collapse .columns .error label.error {
  color: #bd1010; }

label.error.extended {
  margin-top: 10px;
  width: 175px !important; }

form .main .fieldset.error textarea,
.page-auction-detail .main .ask-question .fieldset.error textarea,
.page-auction-detail .main .answer-question .fieldset.error textarea {
  border: 1px solid #bd1010;
  box-shadow: none; }

.select-holder,
.main .select-holder {
  background: #fff;
  height: 36px;
  margin: 0 0 1rem;
  position: relative; }
  .select-holder:after,
  .main .select-holder:after {
    z-index: 1; }
  .select-holder select,
  .main .select-holder select {
    background: none;
    position: relative;
    z-index: 2; }

.select-holder.auto,
.date-holder.auto {
  height: auto; }
  .select-holder.auto label.error,
  .date-holder.auto label.error {
    margin-bottom: 0; }

.select-holder.focused {
  border: 1px solid #666; }

.fieldset.error .select-holder,
.fieldset.error .date-holder {
  background: none;
  height: auto;
  margin-bottom: 0; }
  .fieldset.error .select-holder select,
  .fieldset.error .select-holder input.pick-me-a-date,
  .fieldset.error .date-holder select,
  .fieldset.error .date-holder input.pick-me-a-date {
    background: rgba(255, 255, 255, 0.7) !important; }

label.descriptive {
  padding: 0; }
  label.descriptive span.by {
    color: #888;
    display: block;
    font-size: 0.7rem;
    line-height: 1rem;
    margin: 0 0 10px; }
    label.descriptive span.by a:active,
    label.descriptive span.by a:focus {
      border-bottom: 1px dotted #3095d6; }

.input-holder a.smaller:active,
.input-holder a.smaller:focus {
  border-bottom: 1px dotted #3095d6; }

.icon-globe.input-holder {
  position: relative; }
  .icon-globe.input-holder input.country-selector {
    padding: 7px 2.5rem 7px 0.5rem; }
  .icon-globe.input-holder:before {
    color: #999;
    font-size: 1.25rem;
    position: absolute;
    right: 5px;
    top: 8px; }

.ui-autocomplete {
  background: #fff;
  border: 1px solid #bbb;
  color: #555;
  font-size: .8rem;
  list-style: none;
  max-height: 150px;
  overflow-x: hidden;
  padding: 0;
  position: absolute !important;
  width: 177px;
  z-index: 2; }

.ui-autocomplete .ui-menu-item {
  border-top: 1px solid #bbb;
  color: #333;
  cursor: pointer;
  display: block;
  padding: 4px 6px; }

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

.ui-autocomplete .ui-menu-item.ui-state-focus {
  background: rgba(0, 0, 0, 0.1);
  color: #000; }

.ui-helper-hidden-accessible {
  display: none !important; }

.message-filter {
  background: #d0d0d0;
  box-shadow: 0 4px 4px -4px #666 inset, 0 -1px 1px rgba(0, 0, 0, 0.25) inset;
  font-size: .8rem;
  margin: 0;
  padding: 10px 0.9375rem 15px;
  position: relative; }
  .message-filter a.trigger,
  .message-filter a.adv-trigger {
    color: #333;
    display: block;
    padding: 0;
    position: relative; }
    .message-filter a.trigger:after,
    .message-filter a.adv-trigger:after {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 7px solid rgba(0, 0, 0, 0.3);
      content: ".";
      display: block;
      height: 0;
      overflow: hidden;
      position: absolute;
      right: 10px;
      text-indent: -999em;
      top: 8px; }
    .message-filter a.trigger.open:after,
    .message-filter a.adv-trigger.open:after {
      border-bottom: 7px solid rgba(0, 0, 0, 0.3);
      border-top: 0;
      top: 6px; }
  .message-filter .filter-options {
    display: none;
    margin-top: 1rem; }
  .message-filter input[type="submit"] {
    background-color: #075a8f;
    margin-bottom: 0; }
  @media screen and (min-width: 40.063em) {
    .message-filter {
      border-radius: 2px; }
      .message-filter .filter-options {
        margin-top: 5px;
        display: block !important; }
        .message-filter .filter-options .filter-rule {
          color: #333;
          display: inline-block;
          font-weight: 600;
          padding: 8px 0 0;
          white-space: nowrap;
          width: 12%; }
          .message-filter .filter-options .filter-rule + .select-holder {
            margin: 0; } }
  .message-filter input[type="submit"] {
    display: inline-block;
    vertical-align: top; }

.message-filter .simple-view {
  width: 100%; }
  .message-filter .simple-view .select-holder {
    box-shadow: 1px 1px 1px #777 inset; }
  @media screen and (min-width: 40.063em) {
    .message-filter .simple-view {
      width: 75%;
      display: inline-block; }
      .message-filter .simple-view .select-holder {
        display: inline-block;
        margin: 0 0 0 2%;
        vertical-align: top;
        width: 47%; }
        .message-filter .simple-view .select-holder:first-child {
          margin-left: 0; } }

.message-filter.advanced .filter-options {
  position: relative; }
  .message-filter.advanced .filter-options .adv-trigger {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin: 0 0 15px;
    padding: 5px 0 10px; }
  .message-filter.advanced .filter-options .more-filters-box {
    display: none; }
    .message-filter.advanced .filter-options .more-filters-box .select-holder,
    .message-filter.advanced .filter-options .more-filters-box .input-holder input,
    .message-filter.advanced .filter-options .more-filters-box .date-holder input {
      box-shadow: 1px 1px 1px #777 inset; }
    .message-filter.advanced .filter-options .more-filters-box .select-holder.focused {
      box-shadow: none; }
    .message-filter.advanced .filter-options .more-filters-box .fieldset {
      vertical-align: top; }
      @media screen and (min-width: 64.063em) {
        .message-filter.advanced .filter-options .more-filters-box .fieldset {
          display: inline-block;
          margin-right: 2% !important;
          width: 47%; } }
    .message-filter.advanced .filter-options .more-filters-box .radio-input-holder {
      display: inline-block; }
  .message-filter.advanced .filter-options input[type="submit"] {
    margin-bottom: 0; }

@media screen and (min-width: 40.063em) {
  .message-filter.advanced .simple-view {
    width: 60%; }
  .message-filter.advanced .filter-options .more-filters-box {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    box-shadow: 0 1px 0 #fff,  0 1px 0 #fff inset;
    margin: 20px 0 0;
    padding-top: 10px; }
  .message-filter.advanced .filter-options input[type="submit"] {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: auto;
    position: absolute;
    right: 72px;
    top: 0; }
  .message-filter.advanced .filter-options.expanded .fieldset {
    margin: 10px 0; }
  .message-filter.advanced .filter-options.expanded input[type="submit"] {
    float: right;
    margin-top: 10px;
    position: relative;
    right: auto;
    top: auto; }
  .message-filter.advanced .filter-options .adv-trigger {
    border: 0;
    color: #333;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 25px;
    top: 10px; }
    .message-filter.advanced .filter-options .adv-trigger:after {
      border-top: 7px solid rgba(0, 0, 0, 0.3);
      right: -20px;
      top: 7px; }
    .message-filter.advanced .filter-options .adv-trigger.open:after {
      border-bottom: 7px solid rgba(0, 0, 0, 0.3);
      border-top: 0;
      top: 5px; }
    .message-filter.advanced .filter-options .adv-trigger span {
      display: none; } }

@media screen and (min-width: 40.063em) {
  .message-filter .expanded .simple-view {
    width: 80%; }
    .message-filter .expanded .simple-view .select-holder {
      width: 44%; } }

.message-filter .filter-options .filter-rule {
  color: #666;
  display: block;
  float: left;
  font-weight: 600;
  margin-right: 10px;
  padding: 8px 0 0;
  white-space: nowrap;
  width: auto; }

.page-browse-listings .message-filter {
  margin-bottom: 28px;
  position: relative;
  top: 40px;
  z-index: 2; }
  @media screen and (min-width: 40.063em) {
    .page-browse-listings .message-filter {
      margin-bottom: 20px;
      top: 18px; } }
  .page-browse-listings .message-filter.advanced .filter-options {
    display: block; }
    .page-browse-listings .message-filter.advanced .filter-options .more-filters-box {
      border: 0;
      box-shadow: none;
      display: block;
      margin: 0; }
    @media screen and (min-width: 40.063em) {
      .page-browse-listings .message-filter.advanced .filter-options input[type="submit"],
      .page-browse-listings .message-filter.advanced .filter-options input[type="reset"] {
        float: right;
        margin-left: 2%;
        position: relative;
        right: auto;
        top: auto;
        width: auto; } }
  .page-browse-listings .message-filter .button {
    display: inline-block;
    margin-bottom: 0;
    width: 47.5%; }
    .page-browse-listings .message-filter .button.secondary {
      margin-left: 2%; }
    @media screen and (min-width: 64.063em) {
      .page-browse-listings .message-filter .button {
        float: right;
        margin-left: 10px;
        position: relative;
        right: auto;
        top: auto;
        width: auto; } }

.page-browse-listings .display-actions .toggle-listing-display {
  transition: none;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  display: inline-block;
  padding: 0; }
  @media screen and (min-width: 40.063em) {
    .page-browse-listings .display-actions .toggle-listing-display {
      width: 92px; } }
  .page-browse-listings .display-actions .toggle-listing-display:after {
    color: #999;
    content: '\e805';
    display: inline-block;
    font-size: 1.5rem;
    margin: 0;
    position: relative;
    top: 4px; }

@media screen and (max-width: 40em) {
  .page-browse-listings .display-actions {
    position: absolute;
    right: .9375rem;
    top: 5px;
    z-index: 3; }
    .page-browse-listings .display-actions .toggle-listing-display {
      background: #999;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      height: 31px;
      margin-top: 5px;
      text-align: center;
      width: 31px; }
      .page-browse-listings .display-actions .toggle-listing-display.full:after {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .page-browse-listings .display-actions .toggle-listing-display:after {
        color: #fff; }
      .page-browse-listings .display-actions .toggle-listing-display span {
        display: none; } }

@media screen and (min-width: 40.063em) {
  .page-browse-listings .display-actions {
    display: inline-block;
    float: right;
    font-weight: 400;
    font-size: .75rem;
    font-weight: 400;
    padding: 5px 0.9375rem;
    text-align: right; }
    .page-browse-listings .display-actions .toggle-listing-display:after {
      color: #999;
      content: "|";
      font-size: 0.75rem;
      display: inline-block;
      margin-left: 2px;
      top: auto; } }

.page-browse-listings a.show-advanced {
  transition: none;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none; }
  .page-browse-listings a.show-advanced:after {
    color: #fff;
    content: '\f0b0';
    display: inline-block;
    font-size: 1rem;
    position: relative;
    top: 8px; }
  @media screen and (max-width: 40em) {
    .page-browse-listings a.show-advanced {
      background: #999;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      height: 31px;
      margin-left: 3px;
      margin-top: 0;
      position: relative;
      text-align: center;
      top: 5px;
      vertical-align: top;
      width: 31px; }
      .page-browse-listings a.show-advanced span {
        display: none; } }
  @media screen and (min-width: 40.063em) {
    .page-browse-listings a.show-advanced {
      display: inline-block;
      padding: 0 8px 0 0;
      vertical-align: middle; }
      .page-browse-listings a.show-advanced:after {
        display: none; }
      .page-browse-listings a.show-advanced:before {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid #666;
        content: " ";
        display: block;
        height: 0;
        position: absolute;
        right: 5px;
        top: 27px;
        z-index: 5; }
      .page-browse-listings a.show-advanced.open:before {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 26px; } }

@media screen and (min-width: 40.063em) {
  .page-browse-listings a.show-advanced {
    display: inline-block;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 33%; } }

@media screen and (min-width: 64.063em) {
  .page-browse-listings a.show-advanced span {
    display: inline; } }

.page-browse-listings .ranges {
  border-top: 1px solid #999;
  box-shadow: 0 1px 0 #fff inset;
  padding-top: 20px;
  margin-bottom: 20px; }
  .page-browse-listings .ranges .range .fieldset {
    width: auto; }
  .page-browse-listings .ranges .range label {
    display: block;
    margin-bottom: 5px;
    width: 100%; }
    @media screen and (min-width: 40.063em) {
      .page-browse-listings .ranges .range label {
        display: inline-block;
        margin-bottom: 0;
        width: 39.5%; } }
    @media screen and (min-width: 64.063em) {
      .page-browse-listings .ranges .range label {
        width: 18.75%; } }
  .page-browse-listings .ranges .range i {
    display: inline-block;
    font-style: normal;
    font-size: 0.8rem;
    padding: 8px 0 0;
    text-align: center;
    width: 10%; }
    @media screen and (min-width: 40.063em) {
      .page-browse-listings .ranges .range i {
        width: 5%; } }
  .page-browse-listings .ranges .range .input-holder {
    width: 42.5%; }
    @media screen and (min-width: 40.063em) {
      .page-browse-listings .ranges .range .input-holder {
        width: 25.5%; } }
    @media screen and (min-width: 64.063em) {
      .page-browse-listings .ranges .range .input-holder {
        width: 27.5%; } }

.address-heading {
  padding-bottom: 20px; }
  .address-heading h3,
  .address-heading .check-me {
    display: inline;
    margin-right: 10px; }

.fieldset .note {
  display: block;
  font-size: .7rem;
  margin: -5px 0 0;
  padding: 0 0 20px; }
  .fieldset .note strong {
    color: #333; }

.pmfix {
  color: #999;
  display: block;
  font-size: 0.7rem;
  height: 20px;
  position: absolute;
  right: 5px;
  text-transform: uppercase;
  top: 8px;
  width: 20px;
  z-index: 2; }

.save-actions {
  border-bottom: 1px dashed #bbb;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-align: center; }
  @media screen and (min-width: 64.063em) {
    .save-actions {
      border: 0;
      margin-bottom: 0;
      padding-bottom: 0;
      padding-top: 5px;
      text-align: left; } }

@media screen and (min-width: 40.063em) {
  .main-form label:hover + .input-holder input,
  .main-form label:hover + .input-holder textarea,
  .main-form label:hover + .input-holder .range,
  .main-form label:hover + .input-holder .selector {
    border-color: #666 !important; }
  .main-form label:hover + .input-holder + .input-holder input {
    border-color: #666 !important; }
  .main-form label:hover + .select-holder {
    border-color: #666 !important; }
    .main-form label:hover + .select-holder + .select-holder {
      border-color: #666 !important; }
  .main-form label:hover + .date-holder input {
    border-color: #666 !important; }
  .main-form .error label:hover + .input-holder input,
  .main-form .error label:hover + .input-holder textarea {
    border-color: #bd1010 !important; }
  .main-form .error label:hover + .input-holder + .input-holder input {
    border-color: #bd1010 !important; }
  .main-form .error label:hover + .select-holder {
    border-color: #bd1010 !important; }
    .main-form .error label:hover + .select-holder + .select-holder {
      border-color: #bd1010 !important; }
  .main-form .error label:hover + .date-holder input {
    border-color: #bd1010 !important; } }

.main-form .fieldset.my-combo .select-holder + .select-holder,
.main-form .fieldset.my-combo .select-holder + .input-holder,
.main-form .fieldset.my-combo .input-holder + .select-holder,
.main-form .fieldset.my-combo .input-holder + .input-holder {
  display: block;
  margin-left: 40%; }

@media screen and (min-width: 480px) {
  .main-form .fieldset.my-combo .select-holder,
  .main-form .fieldset.my-combo .input-holder {
    display: inline-block;
    width: 28%; }
    .main-form .fieldset.my-combo .select-holder + .select-holder,
    .main-form .fieldset.my-combo .select-holder + .input-holder,
    .main-form .fieldset.my-combo .input-holder + .select-holder,
    .main-form .fieldset.my-combo .input-holder + .input-holder {
      display: inline-block;
      margin-left: 2%; } }

@media screen and (min-width: 64.063em) {
  .main-form .fieldset.my-combo .select-holder,
  .main-form .fieldset.my-combo .input-holder {
    width: 17%; }
    .main-form .fieldset.my-combo .select-holder.medium,
    .main-form .fieldset.my-combo .input-holder.medium {
      width: 20%; } }

.main-form .fieldset.my-combo label.mfull + .select-holder,
.main-form .fieldset.my-combo label.mfull + .input-holder {
  display: inline-block;
  width: 48%; }
  .main-form .fieldset.my-combo label.mfull + .select-holder + .select-holder,
  .main-form .fieldset.my-combo label.mfull + .select-holder + .input-holder,
  .main-form .fieldset.my-combo label.mfull + .input-holder + .select-holder,
  .main-form .fieldset.my-combo label.mfull + .input-holder + .input-holder {
    display: inline-block;
    margin-left: 2%;
    width: 48%; }

@media screen and (min-width: 480px) {
  .main-form .fieldset.my-combo label.mfull + .select-holder,
  .main-form .fieldset.my-combo label.mfull + .input-holder {
    display: inline-block;
    width: 28%; }
    .main-form .fieldset.my-combo label.mfull + .select-holder + .select-holder,
    .main-form .fieldset.my-combo label.mfull + .select-holder + .input-holder,
    .main-form .fieldset.my-combo label.mfull + .input-holder + .select-holder,
    .main-form .fieldset.my-combo label.mfull + .input-holder + .input-holder {
      display: inline-block;
      margin-left: 2%;
      width: 28%; } }

@media screen and (min-width: 64.063em) {
  .main-form .fieldset.my-combo label.mfull + .select-holder,
  .main-form .fieldset.my-combo label.mfull + .input-holder {
    width: 20%; }
    .main-form .fieldset.my-combo label.mfull + .select-holder.medium,
    .main-form .fieldset.my-combo label.mfull + .input-holder.medium {
      width: 28%; }
    .main-form .fieldset.my-combo label.mfull + .select-holder + .select-holder,
    .main-form .fieldset.my-combo label.mfull + .select-holder + .input-holder,
    .main-form .fieldset.my-combo label.mfull + .input-holder + .select-holder,
    .main-form .fieldset.my-combo label.mfull + .input-holder + .input-holder {
      width: 20%; }
      .main-form .fieldset.my-combo label.mfull + .select-holder + .select-holder.medium,
      .main-form .fieldset.my-combo label.mfull + .select-holder + .input-holder.medium,
      .main-form .fieldset.my-combo label.mfull + .input-holder + .select-holder.medium,
      .main-form .fieldset.my-combo label.mfull + .input-holder + .input-holder.medium {
        width: 28%; } }

.main-form .my-combo.error span.prefix {
  background: #bd1010;
  box-shadow: none;
  height: 36px; }

.main-form .my-combo.error label.error {
  width: auto !important; }

.main-form .address-section .fieldset.my-combo .select-holder + .select-holder,
.main-form .address-section .fieldset.my-combo .select-holder + .input-holder,
.main-form .address-section .fieldset.my-combo .input-holder + .select-holder,
.main-form .address-section .fieldset.my-combo .input-holder + .input-holder {
  margin-left: 40%; }

@media screen and (min-width: 480px) {
  .main-form .address-section .fieldset.my-combo label {
    width: 28%; }
  .main-form .address-section .fieldset.my-combo .select-holder,
  .main-form .address-section .fieldset.my-combo .input-holder {
    width: 34%; }
    .main-form .address-section .fieldset.my-combo .select-holder + .select-holder,
    .main-form .address-section .fieldset.my-combo .select-holder + .input-holder,
    .main-form .address-section .fieldset.my-combo .input-holder + .select-holder,
    .main-form .address-section .fieldset.my-combo .input-holder + .input-holder {
      margin-left: 2%; } }

@media screen and (min-width: 64.063em) {
  .main-form .address-section .fieldset.my-combo .select-holder,
  .main-form .address-section .fieldset.my-combo .input-holder {
    width: 17%; }
    .main-form .address-section .fieldset.my-combo .select-holder.medium,
    .main-form .address-section .fieldset.my-combo .input-holder.medium {
      width: 26%; } }

.main-form .address-section .fieldset.my-combo label.mfull + .select-holder {
  width: 48%; }
  .main-form .address-section .fieldset.my-combo label.mfull + .select-holder + .select-holder {
    width: 48%; }

@media screen and (min-width: 480px) {
  .main-form .address-section .fieldset.my-combo label.mfull + .select-holder {
    width: 34%; }
    .main-form .address-section .fieldset.my-combo label.mfull + .select-holder + .select-holder {
      width: 34%; } }

@media screen and (min-width: 64.063em) {
  .main-form .address-section .fieldset.my-combo label.mfull + .select-holder {
    width: 26%; }
    .main-form .address-section .fieldset.my-combo label.mfull + .select-holder + .select-holder {
      width: 26%; } }

button::-moz-focus-inner {
  border: 0; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

.select2-holder label.error {
  display: block !important;
  margin-bottom: 0;
  margin-top: 5px; }

.touch .select-holder.select2-holder {
  background: #fff;
  border: 1px solid #bbb !important;
  height: 36px;
  padding: 0; }
  .touch .select-holder.select2-holder:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #666;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -999em;
    top: 15px;
    z-index: 5; }

.toggle-section label.acntoggle,
.toggle-section label.abntoggle,
.toggle-section input.acntoggle,
.toggle-section input.abntoggle {
  display: none; }
  .toggle-section label.acntoggle.active,
  .toggle-section label.abntoggle.active,
  .toggle-section input.acntoggle.active,
  .toggle-section input.abntoggle.active {
    display: inline-block; }

.fieldset label.error {
  color: #bd1010;
  display: none !important;
  font-size: 0.7rem;
  padding: 8px 0 0 15px;
  position: relative;
  white-space: normal;
  width: auto; }
  .fieldset label.error:before {
    border-bottom: 6px solid #bd1010;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: " ";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 13px;
    width: 0; }

.fieldset.error label.error {
  display: block !important;
  margin-bottom: 15px; }

.fieldset.error .select-holder {
  border: 0; }

.fieldset.error .select2-holder {
  margin-bottom: 20px; }
  .fieldset.error .select2-holder select {
    border: 1px solid #bd1010 !important; }
  .fieldset.error .select2-holder .error {
    margin: -4px 0 6px 7px; }

.touch .fieldset.error .select2-holder {
  border: 0 !important;
  margin-bottom: 40px; }
  .touch .fieldset.error .select2-holder .error {
    margin: 0; }

.fieldset.error .select2-container--open .select2-dropdown {
  border-color: #bd1010 !important; }

.fieldset.error .select2 span.selection {
  border: 1px solid #bd1010; }

.input-holder.disabled, .input-holder.readonly {
  position: relative; }
  .input-holder.disabled input, .input-holder.readonly input {
    padding: 7px 30px 7px 0.5rem; }
  .input-holder.disabled:before, .input-holder.readonly:before {
    color: #999;
    content: '\e803';
    font-size: 1rem;
    position: absolute;
    right: 5px;
    text-shadow: 1px 1px 0 #fff;
    top: 10px; }

.select-holder.disable {
  position: relative; }
  .select-holder.disable:active, .select-holder.disable:focus {
    border-color: #bbb; }
  .select-holder.disable select {
    box-shadow: 0 -1px 0 #bbb inset; }
  .select-holder.disable:before {
    color: #999;
    content: '\e803';
    font-size: 1rem;
    position: absolute;
    right: 5px;
    text-shadow: 1px 1px 0 #fff;
    top: 10px;
    z-index: 3; }
  .select-holder.disable:after {
    display: none; }

.input-holder.date-fields.disabled, .input-holder.date-fields.readonly {
  position: relative; }
  .input-holder.date-fields.disabled input, .input-holder.date-fields.readonly input {
    padding: 7px 0.5rem; }
  .input-holder.date-fields.disabled:before, .input-holder.date-fields.readonly:before {
    color: #999;
    content: '\e803';
    font-size: 1rem;
    position: absolute;
    right: 5px;
    text-shadow: 1px 1px 0 #fff;
    top: 10px;
    z-index: 3; }
    @media screen and (min-width: 64.063em) {
      .input-holder.date-fields.disabled:before, .input-holder.date-fields.readonly:before {
        left: 42%;
        right: auto; } }

.cb-validation.inline {
  display: inline-block;
  margin: 0 10px; }

.cb-validation.small label {
  background-size: 100% auto;
  height: 16px;
  margin-top: 3px;
  width: 16px !important; }
  .cb-validation.small label.actual {
    font-size: .7rem;
    height: auto;
    margin: 0 0 0 22px !important;
    vertical-align: middle;
    width: auto !important; }

.pp {
  position: absolute;
  right: 90px;
  top: 14px; }
  .pp .select-holder {
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25) inset;
    display: inline-block;
    height: 22px;
    margin: 0;
    vertical-align: middle;
    width: 40px; }
    .pp .select-holder:before {
      display: none; }
    .pp .select-holder:after {
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 6px solid #666;
      right: 5px;
      top: 9px; }
    .pp .select-holder select {
      font-size: .7rem;
      margin: 0;
      min-height: 22px;
      padding: 2px; }
  @media screen and (min-width: 40.063em) {
    .pp {
      display: inline-block;
      float: right;
      position: relative;
      right: auto;
      top: 3px; }
      .pp .select-holder {
        background: #ddd; } }
  @media screen and (min-width: 64.063em) {
    .pp {
      margin-right: 10px;
      top: 4px; } }
  .pp span {
    color: #888;
    display: none;
    font-size: .7rem;
    vertical-align: middle; }
    .pp span i {
      display: none;
      font-style: normal; }
    @media screen and (min-width: 480px) {
      .pp span {
        display: inline-block;
        margin-right: 5px; } }
    @media screen and (min-width: 64.063em) {
      .pp span i {
        display: inline-block; } }

.date-range label {
  max-width: 88px; }

@media screen and (min-width: 64.063em) {
  .date-range .fieldset {
    display: inline-block;
    width: 40%; }
    .date-range .fieldset .input-holder {
      margin-left: 20px; }
      .date-range .fieldset .input-holder.empty {
        margin-left: 0; }
    .date-range .fieldset label {
      max-width: 50px; }
    .date-range .fieldset + .fieldset {
      margin-left: -50px; }
    .date-range .fieldset .select-holder {
      width: 166px; } }

@media screen and (min-width: 480px) {
  .date-range a.button {
    margin-left: 88px;
    padding: 8px 15px;
    width: auto; } }

@media screen and (min-width: 64.063em) {
  .date-range a.button {
    display: block;
    margin-left: 50px;
    margin-top: 10px;
    max-width: 165px; } }

@media screen and (min-width: 64.063em) {
  .page-statement .date-range .fieldset .input-holder {
    margin-left: 10px; }
    .page-statement .date-range .fieldset .input-holder.empty {
      margin-left: 0; }
  .page-statement .date-range .fieldset + .fieldset {
    margin-left: 0; } }

.button.simple,
.main .button.simple,
input.button[type="button"],
input.button[type="submit"].simple,
input.button[type="reset"].simple,
.reveal-modal a.button.simple,
.button-set .button.simple {
  background: none;
  border: 0;
  box-shadow: none;
  color: #3095d6;
  text-decoration: underline; }
  .button.simple:hover,
  .main .button.simple:hover,
  input.button[type="button"]:hover,
  input.button[type="submit"].simple:hover,
  input.button[type="reset"].simple:hover,
  .reveal-modal a.button.simple:hover,
  .button-set .button.simple:hover {
    color: #000;
    text-decoration: none; }

.button-set.half .button {
  display: inline-block; }
  @media screen and (max-width: 40em) {
    .button-set.half .button {
      width: 48%; }
      .button-set.half .button:first-child {
        margin-right: 4%; } }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }

.select2-container .select2-search--inline {
  float: left; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 2; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 5px 10px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #666;
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  position: absolute;
  right: 10px;
  text-indent: -999em;
  top: 7px;
  z-index: 5; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  cursor: default; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  margin-top: 5px;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 125px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select-holder.select2-holder {
  border: 1px solid #bbb !important;
  height: auto;
  margin-bottom: 7px;
  min-height: 36px;
  padding: 8px 0 0;
  position: relative;
  z-index: 4; }
  .select-holder.select2-holder.full {
    width: 100%; }
  .select-holder.select2-holder:after {
    display: none; }

.select2-container--open .select2-dropdown {
  border-color: #bbb !important;
  width: 100% !important;
  z-index: 3; }

.select2-container .select2-selection--single .select2-selection__rendered {
  color: #666;
  font-size: 0.8rem;
  left: 2%;
  padding: 0 30px 0 1px;
  position: relative;
  top: 0;
  width: 98%; }

.select2-container .select2-selection--single .select2-selection__rendered:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #666;
  content: ".";
  display: none;
  height: 0;
  overflow: hidden;
  position: absolute;
  right: 10px;
  text-indent: -999em;
  top: 15px;
  z-index: 5; }

.select2-dropdown .select2-search__field,
.select2-dropdown .select2-search__field:active,
.select2-dropdown .select2-search__field:focus {
  background: #eee !important; }

.select2-dropdown {
  background: #fff;
  border: 1px solid #bbb;
  border-top: 0;
  box-sizing: content-box;
  color: #666;
  font-size: 0.8rem;
  margin-left: -1px;
  min-height: 24px;
  top: 28px !important; }
  .select2-dropdown ::-webkit-input-placeholder {
    /* Chrome */
    color: #888;
    transition: opacity 250ms ease-in-out; }
  .select2-dropdown :focus::-webkit-input-placeholder {
    opacity: 1; }
  .select2-dropdown :-ms-input-placeholder {
    /* IE 10+ */
    color: #888;
    transition: opacity 250ms ease-in-out; }
  .select2-dropdown :focus:-ms-input-placeholder {
    opacity: 1; }
  .select2-dropdown ::-moz-placeholder {
    /* Firefox 19+ */
    color: #888;
    opacity: 1;
    transition: opacity 250ms ease-in-out; }
  .select2-dropdown :focus::-moz-placeholder {
    opacity: 1; }
  .select2-dropdown :-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #888;
    opacity: 1;
    transition: opacity 250ms ease-in-out; }
  .select2-dropdown :focus:-moz-placeholder {
    opacity: 1; }
  .select2-dropdown .select2-search__field {
    border: 0 !important;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25) inset;
    color: #666;
    margin: 5px 1.5% 0 5px;
    max-height: 32px;
    min-height: 1px;
    width: 97%;
    font-size: .8rem; }

.select2-results__option {
  font-size: .8rem; }
  .select2-results__option:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #000; }

.select-holder.select2-holder {
  background: none;
  border: 0 !important;
  min-height: 36px; }

.select2 {
  border: 1px solid transparent; }

.select2-container--focus {
  border: 1px solid #666 !important; }

.error .select2-container--focus {
  border: 0 !important; }

.select2-container {
  min-height: 35px;
  left: 0 !important;
  margin: 0 0 -9px;
  top: -8px !important;
  width: 100% !important; }

.select2 span.selection,
.select2 span.select2-selection,
.select2 span.select2-selection__rendered {
  display: block;
  min-height: 35px; }

.select2 span.selection {
  background: #fff;
  border: 1px solid #bbb; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 15px; }

.select2-container--open .select2-dropdown {
  left: 2px !important;
  top: 40px !important;
  width: calc(100% - 4px) !important; }

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-bottom: 7px;
  padding-top: 7px; }

.select2-holder.disable .select2-container--default .select2-selection--single .select2-selection__arrow,
.main .select2-holder.disable .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none; }

.select2-holder.disable .select2 span.selection,
.main .select2-holder.disable .select2 span.selection {
  background: #ddd; }

@-webkit-keyframes jump {
  0% {
    left: 0;
    -webkit-animation-timing-function: ease; }
  50% {
    left: 3px;
    -webkit-animation-timing-function: ease; }
  100% {
    left: 0;
    -webkit-animation-timing-function: ease; } }

@-moz-keyframes jump {
  0% {
    left: 0;
    -moz-animation-timing-function: ease; }
  50% {
    left: 3px;
    -moz-animation-timing-function: ease; }
  100% {
    left: 0;
    -moz-animation-timing-function: ease; } }

@-o-keyframes jump {
  0% {
    left: 0;
    -o-animation-timing-function: ease; }
  50% {
    left: 3px;
    -o-animation-timing-function: ease; }
  100% {
    left: 0;
    -o-animation-timing-function: ease; } }

@-ms-keyframes jump {
  0% {
    left: 0;
    -ms-animation-timing-function: ease; }
  50% {
    left: 3px;
    -ms-animation-timing-function: ease; }
  100% {
    left: 0;
    -ms-animation-timing-function: ease; } }

@keyframes jump {
  0% {
    left: 0;
    animation-timing-function: ease; }
  50% {
    left: 3px;
    animation-timing-function: ease; }
  100% {
    left: 0;
    animation-timing-function: ease; } }

@media screen and (min-width: 40.063em) {
  .large-to-medium .large-6 {
    width: 50%; } }

@media screen and (min-width: 480px) {
  .phonels-6 {
    float: left;
    width: 50%; } }

@media screen and (min-width: 90.063em) {
  .row {
    max-width: 90em; } }

* .main .content-form.content-block.collapse hr,
* .main .content-form.data-table-block.collapse hr {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem; }

* .main .content-form.content-block .row .row,
* .main .content-form.data-table-block .row .row {
  padding: 0 0.5rem;
  width: 100%; }

.main {
  background: #dadada;
  padding-top: 96px; }
  .main ol {
    font-size: .8rem; }
  .main .alerts {
    overflow: hidden; }
    .main .alerts .alert-box {
      position: relative; }
    .main .alerts .alert-box:first-child:before {
      background: #fff;
      content: " ";
      display: block;
      height: 1px;
      left: -20px;
      overflow: hidden;
      position: absolute;
      top: -16px;
      width: 150%; }
    .main .alerts .alert-box:last-child:after,
    .main .alerts .alert-box:only-child:after {
      background: #b3b3b3;
      bottom: -16px;
      content: " ";
      display: block;
      height: 1px;
      left: -20px;
      overflow: hidden;
      position: absolute;
      width: 150%; }
  .main h1 {
    border-bottom: 1px solid #b3b3b3;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    padding: 10px 0.9375rem;
    position: relative;
    z-index: 2; }
  .main h2 {
    color: #075a8f;
    font-size: .9rem;
    padding: 10px 0; }
    .main h2.h1 {
      font-size: 1.1rem;
      font-weight: 600;
      margin: 0;
      padding: 10px 0.9375rem; }
    @media screen and (min-width: 40.063em) {
      .main h2.huge {
        font-size: 1.4rem; } }
  .main h3 {
    font-size: .85rem; }
    .main h3.h2 {
      font-size: .9rem;
      padding: 10px 0; }
  .main .arrears {
    color: #bd1010; }
  .main .filter-title {
    display: none; }
    @media screen and (min-width: 40.063em) {
      .main .filter-title {
        color: #666;
        display: inline-block;
        font-weight: 600;
        padding: 10px 10px 10px 0;
        vertical-align: middle; } }
  .main .alpha-filter {
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    text-align: center; }
    .main .alpha-filter li {
      display: inline-block; }
      .main .alpha-filter li a {
        color: #333;
        display: inline-block;
        font-size: 0.7rem;
        font-weight: 600;
        padding: 3px 4px; }
        .main .alpha-filter li a:hover {
          background: #3095d6;
          color: #fff; }
      .main .alpha-filter li.selected a {
        background: #3095d6;
        color: #fff; }
    @media screen and (min-width: 40.063em) {
      .main .alpha-filter {
        background: none;
        display: inline-block;
        text-align: left;
        vertical-align: middle; }
        .main .alpha-filter li {
          text-align: center;
          width: auto; }
          .main .alpha-filter li a {
            padding: 3px 6px; } }
  .main .message-buttons {
    border-top: 1px solid #fff;
    list-style: none;
    margin: 0;
    padding: 10px 0.9375rem 0;
    text-align: center; }
    .main .message-buttons li {
      display: inline-block;
      margin: 0 1%;
      width: 30.3%; }
      .main .message-buttons li:first-child {
        margin-left: 0; }
      .main .message-buttons li:last-child {
        margin-right: 0; }
      .main .message-buttons li a {
        margin: 0 0 10px;
        width: 100%; }
        .main .message-buttons li a:before {
          display: none; }
  .main .archive-function {
    font-size: .8rem;
    padding-top: 15px; }
    .main .archive-function label {
      background: url(../images/cb-check.png) no-repeat;
      background-size: 100% auto;
      border-radius: 2px;
      display: inline-block;
      height: 24px;
      margin: -3px 5px 0 0;
      vertical-align: middle;
      width: 24px; }
      .main .archive-function label:active, .main .archive-function label:focus {
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset; }
      .main .archive-function label.checked {
        background: #58af26 url(../images/cb-checked.png) no-repeat;
        background-size: 100% auto;
        box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5) inset; }
        .main .archive-function label.checked:active, .main .archive-function label.checked:focus {
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset; }
        .main .archive-function label.checked.disabled {
          background-color: #999; }
      .main .archive-function label input {
        height: 24px;
        position: absolute;
        visibility: hidden;
        width: 18px; }
    .main .archive-function div {
      display: inline; }
  .main .action-bar .archive-function {
    padding-left: 10px; }
  .main .menu-toggler {
    display: none !important; }
  .main ul.pagination li {
    margin-left: 2px; }
  .main .main-content ul.pagination li a,
  .main .main-content ul.pagination li button {
    background: #b0b3b5;
    border-radius: 2px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    text-decoration: none; }
    .main .main-content ul.pagination li a:hover,
    .main .main-content ul.pagination li button:hover {
      background: #94989a;
      box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3) inset;
      color: #fff; }
  .main ul.pagination li.arrow a,
  .main ul.pagination li.arrow button {
    background: none;
    box-shadow: none;
    color: #333;
    font-size: .8rem;
    padding: 0 5px; }
  .main ul.pagination li.unavailable a,
  .main ul.pagination li.unavailable button {
    background: none;
    color: #999;
    padding: 2px 8px; }
  .main ul.pagination li.current a,
  .main ul.pagination li.current button {
    background: #ff5400;
    box-shadow: none; }
  .main .content-block {
    background: #eee;
    border-radius: 2px;
    border: 1px solid #ccc;
    border-bottom: 5px solid #ccc;
    margin-bottom: 20px;
    padding: 10px; }
    .main .content-block ul, .main .content-block ol {
      font-size: 0.825rem; }
    @media screen and (max-width: 40em) {
      .main .content-block {
        border: 0; } }
    .main .content-block.collapse {
      padding: 20px 0; }
    .main .content-block img.boxed {
      background: #fff;
      box-shadow: 1px 2px 3px #999;
      padding: 10px 20px; }
    @media screen and (min-width: 40.063em) {
      .main .content-block {
        padding: 20px; } }
    .main .content-block h2 {
      margin: 0;
      padding: 0 0 20px; }
  .main .map-holder {
    border-radius: 2px;
    margin: 10px; }
    .main .map-holder #map {
      border-radius: 1px;
      height: 250px;
      width: 100%; }
      .main .map-holder #map img {
        max-width: none; }
  .main .content-block-trans {
    margin-bottom: 20px; }
    .main .content-block-trans .alert-box {
      margin: 0.9375rem 0; }
    @media screen and (min-width: 64.063em) {
      .main .content-block-trans {
        padding: 20px; }
        .main .content-block-trans .alert-box {
          max-width: 375px; } }
  .main .mpad {
    padding: 0 0.9375rem; }
    @media screen and (min-width: 40.063em) {
      .main .mpad {
        padding: 0; } }
  @media screen and (min-width: 40.063em) {
    .main {
      background: #dadada;
      padding-top: 0; }
      .main .alerts .alert-box {
        position: relative; }
      .main .alerts .alert-box:first-child:before,
      .main .alerts .alert-box:only-child:before {
        background: #cfcdcd;
        content: " ";
        display: block;
        height: 1px;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: -16px;
        width: 100%; }
      .main .alerts .alert-box:last-child:after,
      .main .alerts .alert-box:only-child:after {
        display: none; }
      .main h1 {
        border: 0;
        padding: 10px 0; }
      .main .map-holder {
        background: #fff;
        border: 1px solid #ccc;
        margin: 20px auto;
        max-width: 93%;
        padding: 8px; }
      .main .message-buttons {
        border: 0;
        padding: 10px 0;
        text-align: right; }
        .main .message-buttons li {
          margin: 0 5px;
          width: auto; }
          .main .message-buttons li a {
            margin: 0;
            padding: 5px;
            width: auto; }
            .main .message-buttons li a.secondary {
              background-color: #646e75; }
            .main .message-buttons li a:before {
              display: inline-block;
              font-size: 20px; }
            .main .message-buttons li a span {
              display: none; }
      .main .breadcrumbs {
        background: none;
        border: 0;
        padding: 13px 0 5px;
        text-align: right;
        text-transform: none; }
        .main .breadcrumbs > * {
          color: #666;
          display: inline-block;
          float: none;
          text-transform: none; }
          .main .breadcrumbs > *:before {
            color: inherit;
            content: ">";
            margin: 0 6px; }
          .main .breadcrumbs > *:first-child:before {
            content: "";
            margin: 0; }
      .main .side-menu {
        background: #dadada;
        padding-bottom: 20px;
        position: relative;
        vertical-align: top; }
      .main .main-content {
        background: #f8f8f8;
        box-shadow: -2px 0 2px rgba(0, 0, 0, 0.2), 2px 0 2px rgba(0, 0, 0, 0.2);
        min-height: 900px;
        vertical-align: top; }
      .main .menu-toggler {
        left: 0;
        position: absolute;
        text-align: right;
        top: 13px;
        z-index: 2; }
        .main .menu-toggler a {
          color: #666;
          font-size: 0.75rem;
          padding-right: 32px;
          padding-top: 2px;
          position: relative; }
          .main .menu-toggler a:before {
            color: #838383;
            font-size: 1.3rem;
            position: absolute;
            right: 0;
            top: 0; } }
  @media screen and (min-width: 64.063em) {
    .main h1 {
      padding: 10px 0; }
    .main .message-buttons li a {
      padding: 8px 15px; }
      .main .message-buttons li a:before {
        display: none; }
      .main .message-buttons li a span {
        display: inline-block; }
    .main .message-buttons li:last-child {
      margin-right: 0; }
    .main .breadcrumbs {
      padding: 13px 0 0; } }

.collapsable-div {
  background: #fff;
  border-top: 1px solid #ccc;
  margin-bottom: 20px; }
  .collapsable-div .list-item {
    border-bottom: 1px solid #ccc;
    color: #000;
    font-weight: 600;
    margin: 0;
    padding: 10px 0.9375rem;
    position: relative; }
    .collapsable-div .list-item .value {
      color: #ff5400;
      float: right;
      font-weight: 400; }
      .collapsable-div .list-item .value.arrears {
        color: #bd1010; }
  @media screen and (min-width: 40.063em) {
    .collapsable-div {
      background: none;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc; } }

table.collapsable-table {
  background: #fff;
  width: 100%; }
  table.collapsable-table .accordion-header {
    cursor: pointer; }
    table.collapsable-table .accordion-header span.arrow {
      display: inline-block; }
      table.collapsable-table .accordion-header span.arrow:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid #999;
        content: ".";
        display: inline-block;
        height: 0;
        margin: 0 10px;
        overflow: hidden;
        text-indent: -999em;
        vertical-align: middle; }
    table.collapsable-table .accordion-header.close span.arrow:after {
      border-bottom: 7px solid #999;
      border-top: 0;
      margin-top: -2px; }
  table.collapsable-table td {
    border-bottom: 1px solid #ccc;
    color: #333;
    text-align: left;
    vertical-align: top; }
    table.collapsable-table td.rv {
      color: #ff5400;
      text-align: right; }
    table.collapsable-table td.total {
      color: #000;
      font-weight: 600; }
    table.collapsable-table td.collapse {
      background: none;
      padding: 0;
      width: 100%; }
  table.collapsable-table tr.list-items {
    display: none; }
  table.collapsable-table tr:last-child td {
    border: 0; }
  @media screen and (min-width: 40.063em) {
    table.collapsable-table {
      border: 1px solid #ccc; }
      table.collapsable-table .accordion-header {
        cursor: default; }
        table.collapsable-table .accordion-header span.arrow:after {
          display: none; }
      table.collapsable-table tr.list-items {
        display: table-row !important; }
      table.collapsable-table tr td, table.collapsable-table tr:nth-child(odd) td {
        background: #eee; }
      table.collapsable-table td.total {
        background: #ddd; }
      table.collapsable-table td.collapse {
        display: table-cell !important; } }

table.nested {
  background: #dddbdb;
  margin: 0;
  width: 100%; }
  table.nested td {
    border-bottom: 1px solid #fff; }
  table.nested tr:last-child td {
    border: 0; }
  table.nested tr td, table.nested tr:nth-child(odd) td {
    background: #dddbdb; }
  @media screen and (min-width: 40.063em) {
    table.nested {
      border: 0; }
      table.nested td {
        border-bottom: 1px solid #ccc; }
      table.nested tr:last-child td {
        border: 0; }
      table.nested tr td, table.nested tr:nth-child(odd) td {
        background: #fff; } }

.graph ul[data-pie-id] li:nth-child(1) {
  color: #418cf0; }

.graph ul[data-pie-id] li:nth-child(2) {
  color: #fcb441; }

.graph ul[data-pie-id] li:nth-child(3) {
  color: #e0400a; }

.graph ul[data-pie-id] li:nth-child(4) {
  color: #056492; }

.graph ul[data-pie-id] li:nth-child(5) {
  color: #bfbfbf; }

.graph ul[data-pie-id] li:nth-child(6) {
  color: #1a3b69; }

.graph ul[data-pie-id] li:nth-child(7) {
  color: #ffe382; }

.graph ul[data-pie-id] li:nth-child(8) {
  color: #129cdd; }

.graph ul[data-pie-id] li:nth-child(9) {
  color: #ca6b4b; }

.graph ul[data-pie-id] li:nth-child(10) {
  color: #005cdb; }

.graph ul[data-pie-id] li:nth-child(11) {
  color: #f1b9a8; }

.graph ul[data-pie-id] li:nth-child(12) {
  color: #7893be; }

.graph ul[data-bar-id] li:nth-child(1) {
  color: #418cf0; }

.graph ul[data-bar-id] li:nth-child(2) {
  color: #fcb441; }

.graph ul[data-bar-id] li:nth-child(3) {
  color: #e0400a; }

.graph ul[data-bar-id] li:nth-child(4) {
  color: #056492; }

.graph ul[data-bar-id] li:nth-child(5) {
  color: #bfbfbf; }

.graph ul[data-bar-id] li:nth-child(6) {
  color: #1a3b69; }

.graph ul[data-bar-id] li:nth-child(7) {
  color: #ffe382; }

.graph ul[data-bar-id] li:nth-child(8) {
  color: #129cdd; }

.graph ul[data-bar-id] li:nth-child(9) {
  color: #ca6b4b; }

.graph ul[data-bar-id] li:nth-child(10) {
  color: #005cdb; }

.graph ul[data-bar-id] li:nth-child(11) {
  color: #f1b9a8; }

.graph ul[data-bar-id] li:nth-child(12) {
  color: #7893be; }

.graph ul[data-pie-id].legend li:nth-child(1):before {
  background: #418cf0; }

.graph ul[data-pie-id].legend li:nth-child(2):before {
  background: #fcb441; }

.graph ul[data-pie-id].legend li:nth-child(3):before {
  background: #e0400a; }

.graph ul[data-pie-id].legend li:nth-child(4):before {
  background: #056492; }

.graph ul[data-pie-id].legend li:nth-child(5):before {
  background: #bfbfbf; }

.graph ul[data-pie-id].legend li:nth-child(6):before {
  background: #1a3b69; }

.graph ul[data-pie-id].legend li:nth-child(7):before {
  background: #ffe382; }

.graph ul[data-pie-id].legend li:nth-child(8):before {
  background: #129cdd; }

.graph ul[data-pie-id].legend li:nth-child(9):before {
  background: #ca6b4b; }

.graph ul[data-pie-id].legend li:nth-child(10):before {
  background: #005cdb; }

.graph ul[data-pie-id].legend li:nth-child(11):before {
  background: #f1b9a8; }

.graph ul[data-pie-id].legend li:nth-child(12):before {
  background: #7893be; }

.graph ul[data-bar-id].legend li:nth-child(1):before {
  background: #418cf0; }

.graph ul[data-bar-id].legend li:nth-child(2):before {
  background: #fcb441; }

.graph ul[data-bar-id].legend li:nth-child(3):before {
  background: #e0400a; }

.graph ul[data-bar-id].legend li:nth-child(4):before {
  background: #056492; }

.graph ul[data-bar-id].legend li:nth-child(5):before {
  background: #bfbfbf; }

.graph ul[data-bar-id].legend li:nth-child(6):before {
  background: #1a3b69; }

.graph ul[data-bar-id].legend li:nth-child(7):before {
  background: #ffe382; }

.graph ul[data-bar-id].legend li:nth-child(8):before {
  background: #129cdd; }

.graph ul[data-bar-id].legend li:nth-child(9):before {
  background: #ca6b4b; }

.graph ul[data-bar-id].legend li:nth-child(10):before {
  background: #005cdb; }

.graph ul[data-bar-id].legend li:nth-child(11):before {
  background: #f1b9a8; }

.graph ul[data-bar-id].legend li:nth-child(12):before {
  background: #7893be; }

.graph ul[data-pie-id].legend,
.graph ul[data-bar-id].legend {
  list-style: none; }
  .graph ul[data-pie-id].legend li,
  .graph ul[data-bar-id].legend li {
    cursor: pointer;
    margin: 0;
    padding: 0 15px;
    position: relative; }
    .graph ul[data-pie-id].legend li span,
    .graph ul[data-bar-id].legend li span {
      color: #333;
      font-size: .8rem; }
      .graph ul[data-pie-id].legend li span i,
      .graph ul[data-bar-id].legend li span i {
        display: inline-block;
        float: right;
        font-size: .89rem;
        font-style: normal;
        padding: 4px 0 0; }
    .graph ul[data-pie-id].legend li:before,
    .graph ul[data-bar-id].legend li:before {
      border: 1px solid rgba(0, 0, 0, 0.5);
      content: ".";
      display: block;
      height: 10px;
      left: 0;
      overflow: hidden;
      position: absolute;
      text-indent: -999em;
      top: 10px;
      width: 10px; }

@media screen and (min-width: 40.063em) {
  .graph {
    background: #eee;
    border-radius: 2px;
    margin-bottom: 20px; }
    .graph ul[data-pie-id].legend li span,
    .graph ul[data-bar-id].legend li span {
      color: #666;
      font-size: .75rem; }
      .graph ul[data-pie-id].legend li span i,
      .graph ul[data-bar-id].legend li span i {
        font-size: .75rem; } }

@media screen and (min-width: 64.063em) {
  .graph ul[data-pie-id].legend {
    margin: 0;
    padding: 40px 0 0; }
  .graph ul[data-bar-id].legend {
    padding: 10px 0 0; } }

.search-box {
  background: #fff;
  display: inline-block;
  height: 40px;
  position: relative;
  top: -24px;
  vertical-align: middle;
  width: 220px; }
  .search-box input[type="search"],
  .search-box input[type="text"] {
    border: 0;
    color: #666;
    font-size: 1em;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    width: 100%; }
    .search-box input[type="search"][disabled],
    .search-box input[type="search"][disabled] + .icon-search:before,
    .search-box input[type="text"][disabled],
    .search-box input[type="text"][disabled] + .icon-search:before {
      color: rgba(255, 255, 255, 0.5);
      cursor: default; }
  .search-box i {
    background: #b2bc1e;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
    z-index: 1; }
  .search-box input[type="submit"] {
    border: 0;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 2; }

.table-header {
  background: #999;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25) inset;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative; }
  @media screen and (min-width: 40.063em) {
    .table-header {
      border-radius: 2px 2px 0 0; } }
  .table-header li {
    color: #fff;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    margin: 0;
    padding: 10px 2%;
    white-space: nowrap; }
  @media screen and (min-width: 64.063em) {
    .table-header {
      padding-left: 20px; }
      .table-header li.purpose-of-finance {
        width: 30%; }
      .table-header li.score {
        width: 10%; }
      .table-header li.balance {
        width: 12%; }
      .table-header li.funding-amount {
        width: 28%; }
      .table-header li.funding-progress {
        width: 28%; }
      .table-header li.start-date, .table-header li.maturity-date {
        width: 12%; } }

.purpose-of-finance p {
  font-size: .7rem; }
  .purpose-of-finance p span {
    color: #ff5400; }
  .purpose-of-finance p span.listed-by-details,
  .purpose-of-finance p span.listed-by-details span {
    color: #666; }

table.data-table {
  width: 100%; }
  table.data-table tr td {
    background: #eee;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0 #fff inset;
    font-size: .8rem; }
    table.data-table tr td .fieldset,
    table.data-table tr td .input-holder,
    table.data-table tr td .select-holder,
    table.data-table tr td .date-holder {
      border: 1px solid #ccc;
      margin: 0;
      width: 100%; }
      table.data-table tr td .fieldset input,
      table.data-table tr td .input-holder input,
      table.data-table tr td .select-holder input,
      table.data-table tr td .date-holder input {
        margin: 0; }
  table.data-table tr th {
    background: #a0a0a0;
    color: #fff;
    font-size: .8rem;
    text-align: left; }
  table.data-table tr:nth-child(odd) td {
    background: #f8f8f8; }
  table.data-table tr:last-child td {
    border-bottom-width: 5px; }
  table.data-table.solid tr {
    border-top: 1px solid #fff; }
    table.data-table.solid tr:nth-child(odd) td {
      background: #eee; }

.content-block table.data-table tr:nth-child(2n+1) td {
  background: #fff; }

.content-block table.data-table tr:last-child td {
  border-bottom-width: 0; }

.data-table-block {
  border: 1px solid #ccc;
  border-radius: 2px;
  border-bottom-width: 4px;
  margin-bottom: 20px;
  width: 100%; }
  .data-table-block .table-row {
    background: #fff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0 #fff inset;
    font-size: .8rem; }
    .data-table-block .table-row:nth-child(odd) {
      background: #eee; }
    .data-table-block .table-row div {
      padding: 10px 0.9375rem; }
  .data-table-block .table-header {
    color: #fff;
    padding-left: 0; }
    .data-table-block .table-header div {
      padding: 10px 0.9375rem; }
  .data-table-block.solid .table-row {
    background: #eee;
    border-top: 1px solid #fff; }

@media screen and (min-width: 64.063em) {
  .data-table-block .table-header div,
  .data-table-block .table-row div {
    display: inline-block;
    vertical-align: top; } }

ul.data-table {
  list-style: none;
  margin: 0;
  width: 100%; }
  ul.data-table li {
    background: #eee;
    border-bottom: 1px solid #ccc;
    color: #444;
    font-size: .8rem;
    padding: 10px;
    position: relative; }
    ul.data-table li:last-child {
      border-bottom: 0; }
    ul.data-table li.table-header {
      padding: 0; }
      ul.data-table li.table-header h3 {
        background: #a0a0a0;
        color: #fff;
        display: block;
        font-size: 0.8rem;
        font-weight: 600;
        margin: 0;
        padding: 10px 0.9375rem; }
    ul.data-table li.m-table-header {
      background: #999; }
      ul.data-table li.m-table-header div {
        padding: 10px 0.9375rem; }
  @media screen and (min-width: 40.063em) {
    ul.data-table li:nth-child(even) {
      background: #fff; } }
  @media screen and (min-width: 40.063em) {
    ul.data-table.solid li:nth-child(even) {
      background: #eee;
      border-top: 1px solid #fff; } }

.m-data-table .m-table-header {
  background: #999; }
  .m-data-table .m-table-header div {
    color: #fff;
    padding: 10px 0.9375rem; }

.m-data-table .table-row div {
  border-top: 1px solid #b3b3b3;
  padding: 10px 0.9375rem; }
  .m-data-table .table-row div:first-child {
    border-top: 0; }

@media screen and (min-width: 40.063em) {
  .m-data-table .table-row div {
    border-top: 0; } }

.main .table-header.interactive {
  padding: 0;
  position: relative; }
  @media screen and (min-width: 40.063em) {
    .main .table-header.interactive {
      border-radius: 2px; } }
  .main .table-header.interactive b {
    background: #666;
    color: #fff;
    height: 38px;
    line-height: 38px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 38px; }
    @media screen and (min-width: 40.063em) {
      .main .table-header.interactive b {
        border-radius: 2px 0 0 2px; } }
  .main .table-header.interactive > div {
    color: #fff;
    font-weight: 600;
    padding: 10px 0.9375rem 10px 52px; }
  .main .table-header.interactive > span,
  .main .table-header.interactive > .steps {
    background: #075a8f;
    color: #fff;
    display: block;
    height: 100%;
    line-height: 38px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0; }
    @media screen and (min-width: 40.063em) {
      .main .table-header.interactive > span,
      .main .table-header.interactive > .steps {
        border-radius: 0 2px 2px 0; } }
    @media screen and (min-width: 40.063em) {
      .main .table-header.interactive > span:before,
      .main .table-header.interactive > .steps:before {
        content: "Step";
        font-weight: 400;
        left: -40px;
        position: absolute; } }
    .main .table-header.interactive > span.back:before,
    .main .table-header.interactive > .steps.back:before {
      display: none; }
    .main .table-header.interactive > span i,
    .main .table-header.interactive > .steps i {
      cursor: pointer;
      display: block;
      font-style: normal;
      font-weight: normal;
      padding: 0 32px 0 18px;
      position: relative; }
      .main .table-header.interactive > span i:after,
      .main .table-header.interactive > .steps i:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid rgba(255, 255, 255, 0.75);
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        position: absolute;
        right: 12px;
        text-indent: -999em;
        top: 16px; }
    .main .table-header.interactive > span ul,
    .main .table-header.interactive > .steps ul {
      background: none;
      display: none;
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      right: 0;
      text-align: left;
      width: 160px;
      z-index: 10; }
      .main .table-header.interactive > span ul > li:first-child::before,
      .main .table-header.interactive > .steps ul > li:first-child::before {
        left: auto;
        right: 38px; }
    .main .table-header.interactive > span.back,
    .main .table-header.interactive > .steps.back {
      background: none;
      padding-right: 0; }
      .main .table-header.interactive > span.back a,
      .main .table-header.interactive > .steps.back a {
        color: #fff;
        display: block;
        padding: 0 15px; }
        .main .table-header.interactive > span.back a span,
        .main .table-header.interactive > .steps.back a span {
          display: none; }
          @media screen and (min-width: 480px) {
            .main .table-header.interactive > span.back a span,
            .main .table-header.interactive > .steps.back a span {
              display: inline-block; } }
  @media screen and (max-width: 40em) {
    .main .table-header.interactive > .steps {
      display: none; } }

.touch .main .table-header.interactive > .steps,
.touch span.has-tip {
  display: none !important; }

.closing-soon {
  color: #bd1010; }

.listings {
  border-radius: 2px 2px 0 0;
  list-style: none;
  margin: -1px 0 20px;
  padding: 0; }
  @media screen and (min-width: 64.063em) {
    .listings.generic-listings .table-header li {
      padding: 10px 10px 10px 0;
      width: 25%; }
      .listings.generic-listings .table-header li:first-child {
        padding-left: 10px; } }
  .listings.generic-listings li.listing {
    position: relative; }
    .listings.generic-listings li.listing .table-content {
      min-height: 75px;
      padding: 10px; }
      @media screen and (min-width: 40.063em) {
        .listings.generic-listings li.listing .table-content {
          padding: 10px 0; } }
      @media screen and (min-width: 64.063em) {
        .listings.generic-listings li.listing .table-content {
          font-size: .75em;
          padding: 0; }
          .listings.generic-listings li.listing .table-content p {
            margin: 0; } }
      .listings.generic-listings li.listing .table-content li {
        width: 50%; }
        @media screen and (min-width: 64.063em) {
          .listings.generic-listings li.listing .table-content li {
            padding: 10px 10px 10px 0;
            width: 25%; }
            .listings.generic-listings li.listing .table-content li:first-child {
              padding-left: 10px; } }
      .listings.generic-listings li.listing .table-content b {
        color: #000;
        display: block; }
        @media screen and (min-width: 64.063em) {
          .listings.generic-listings li.listing .table-content b {
            display: none; } }
  .listings li.listing {
    background: #f8f8f8;
    border-bottom: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
    display: block;
    margin: 0 0 20px; }
    .listings li.listing .listed-by {
      border-bottom: 1px dashed #999;
      display: block;
      font-weight: 600;
      margin: 0 0 5px;
      padding: 0 0 5px; }
    .listings li.listing .table-content {
      font-size: .8rem;
      list-style: none;
      margin: 0;
      padding: 10px 0.9375rem 0;
      position: relative; }
      .listings li.listing .table-content li {
        display: inline-block;
        vertical-align: top; }
        .listings li.listing .table-content li h2 {
          margin: 0;
          padding: 0; }
          .listings li.listing .table-content li h2 a {
            text-decoration: underline; }
        .listings li.listing .table-content li.purpose-of-finance {
          width: 65%; }
          .listings li.listing .table-content li.purpose-of-finance h2 a {
            color: #075a8f;
            text-decoration: none; }
            .listings li.listing .table-content li.purpose-of-finance h2 a:active, .listings li.listing .table-content li.purpose-of-finance h2 a:focus, .listings li.listing .table-content li.purpose-of-finance h2 a:hover {
              color: #000; }
        .listings li.listing .table-content li.balance {
          background: #ddd;
          display: block;
          margin: 0 0 20px;
          padding: 10px;
          width: 100%; }
          .listings li.listing .table-content li.balance .note strong {
            color: #000; }
        .listings li.listing .table-content li.score {
          float: right;
          position: relative;
          text-align: right;
          width: 30%; }
          .listings li.listing .table-content li.score .pending,
          .listings li.listing .table-content li.score .cs {
            color: #ff5400;
            display: block;
            font-size: 0.7rem;
            line-height: 0.9rem;
            margin-top: 3px; }
          .listings li.listing .table-content li.score .cs {
            color: #666; }
          .listings li.listing .table-content li.score .main-score {
            border-radius: 2px;
            box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5) inset;
            color: #fff;
            display: inline-block;
            float: right;
            margin: 0 0 0 5px;
            padding: 0 7px 1px;
            font-weight: 600; }
            .listings li.listing .table-content li.score .main-score.score-a, .listings li.listing .table-content li.score .main-score.score-b, .listings li.listing .table-content li.score .main-score.score-high {
              background: #097a3f; }
            .listings li.listing .table-content li.score .main-score.score-c, .listings li.listing .table-content li.score .main-score.score-d, .listings li.listing .table-content li.score .main-score.score-mid {
              background: #eda406; }
            .listings li.listing .table-content li.score .main-score.score-e, .listings li.listing .table-content li.score .main-score.score-f, .listings li.listing .table-content li.score .main-score.score-low {
              background: #d63131; }
        .listings li.listing .table-content li.funding-amount {
          width: 100%; }
          .listings li.listing .table-content li.funding-amount hr.dashed {
            margin: -10px 0 10px; }
          .listings li.listing .table-content li.funding-amount h3 {
            font-size: 1rem;
            margin: 0; }
            @media screen and (min-width: 480px) {
              .listings li.listing .table-content li.funding-amount h3 {
                position: absolute;
                right: 0.9375rem;
                top: 52px; }
                .listings li.listing .table-content li.funding-amount h3:before {
                  color: #999;
                  content: "Amount";
                  display: inline-block;
                  font-size: 0.7rem;
                  font-weight: 400;
                  padding-right: 10px;
                  position: relative;
                  top: -2px; } }
            @media screen and (min-width: 40.063em) {
              .listings li.listing .table-content li.funding-amount h3 {
                right: 0; } }
            @media screen and (min-width: 64.063em) {
              .listings li.listing .table-content li.funding-amount h3 {
                position: relative;
                right: auto;
                top: auto; }
                .listings li.listing .table-content li.funding-amount h3:before {
                  display: none; } }
          .listings li.listing .table-content li.funding-amount ol {
            font-size: 0.7rem;
            list-style: none;
            line-height: 1.2;
            margin: 0;
            padding: 15px 0; }
            .listings li.listing .table-content li.funding-amount ol li {
              display: inline-block;
              padding-bottom: 5px;
              vertical-align: top;
              width: 48%; }
              .listings li.listing .table-content li.funding-amount ol li b {
                color: #ff5400;
                font-weight: 600; }
            @media screen and (min-width: 480px) {
              .listings li.listing .table-content li.funding-amount ol li {
                width: 30%; }
                .listings li.listing .table-content li.funding-amount ol li:nth-child(2n) {
                  width: 66%; } }
            @media screen and (min-width: 64.063em) {
              .listings li.listing .table-content li.funding-amount ol {
                padding: 2px 0; }
                .listings li.listing .table-content li.funding-amount ol li {
                  display: block;
                  width: auto; }
                  .listings li.listing .table-content li.funding-amount ol li:nth-child(2n) {
                    width: auto; }
                  .listings li.listing .table-content li.funding-amount ol li b {
                    display: inline-block;
                    width: 50px; } }
          .listings li.listing .table-content li.funding-amount .note {
            color: #ff5400;
            font-size: .7rem; }
        .listings li.listing .table-content li.funding-progress {
          width: 100%; }
          .listings li.listing .table-content li.funding-progress .progress {
            max-width: 270px; }
          .listings li.listing .table-content li.funding-progress p.closing-soon {
            color: #bd1010;
            font-size: .7rem;
            font-weight: 600;
            margin: -10px 0 10px; }
          .listings li.listing .table-content li.funding-progress p.your-bid {
            color: #000;
            font-weight: 600;
            margin-bottom: 0; }
            @media screen and (min-width: 40.063em) {
              .listings li.listing .table-content li.funding-progress p.your-bid {
                padding-top: 13px; } }
            .listings li.listing .table-content li.funding-progress p.your-bid span {
              color: #ff5400; }
          .listings li.listing .table-content li.funding-progress p.bid-amount {
            font-size: .7rem;
            font-weight: 600; }
        .listings li.listing .table-content li.start-date, .listings li.listing .table-content li.maturity-date {
          padding-right: 20px;
          width: auto; }
          .listings li.listing .table-content li.start-date strong, .listings li.listing .table-content li.maturity-date strong {
            color: #000;
            display: block; }
    .listings li.listing .notifications {
      border-right: 1px solid #999;
      margin: 0 5px 15px 0;
      padding: 0 10px; }
    .listings li.listing .status {
      display: inline-block;
      margin: 0 0 10px;
      padding: 0 10px; }
      @media screen and (min-width: 40.063em) {
        .listings li.listing .status {
          padding-left: 0; } }
      @media screen and (min-width: 64.063em) {
        .listings li.listing .status {
          padding-left: 10px; } }
      .listings li.listing .status span {
        color: #000;
        font-size: 0.7rem;
        font-weight: 600; }
        .listings li.listing .status span:before {
          background: #58af26;
          border-radius: 2px;
          color: #fff;
          display: inline-block;
          font-size: 12px;
          height: 18px;
          line-height: 18px;
          margin: -3px 5px 0 0;
          text-align: center;
          width: 18px; }
        .listings li.listing .status span.cancelled:before {
          background: #bd1010; }
    .listings li.listing .action-panel {
      border-top: 1px solid #ccc;
      padding: 10px 0.9375rem;
      text-align: right; }
      .listings li.listing .action-panel span {
        border-radius: 2px;
        color: #000;
        display: inline-block;
        font-size: .7rem;
        font-weight: 600;
        padding: 0 5px;
        vertical-align: middle; }
      .listings li.listing .action-panel a {
        background: #ff5400;
        border: 1px solid #ff5400;
        border-radius: 2px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 0.7rem;
        height: 24px;
        line-height: 19px;
        margin: 0 0 0 5px;
        padding: 2px 8px;
        vertical-align: middle; }
        .listings li.listing .action-panel a.light {
          background: #fff;
          border: 1px solid #ccc;
          color: #3095d6;
          font-weight: 600;
          line-height: 1.2rem; }
          .listings li.listing .action-panel a.light:active, .listings li.listing .action-panel a.light:focus, .listings li.listing .action-panel a.light:hover {
            border: 1px solid #999;
            box-shadow: none;
            color: #000; }
        .listings li.listing .action-panel a.one-link {
          background: #fff;
          border: 1px solid #ccc;
          color: #3095d6;
          font-weight: 600;
          line-height: 1.2rem; }
          .listings li.listing .action-panel a.one-link:active, .listings li.listing .action-panel a.one-link:focus, .listings li.listing .action-panel a.one-link:hover {
            border: 1px solid #999;
            box-shadow: none;
            color: #000; }
          @media screen and (max-width: 40em) {
            .listings li.listing .action-panel a.one-link {
              background: #075a8f;
              background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
              background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
              background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
              background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
              background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
              background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
              border: 0;
              border-top: 1px solid #075a8f;
              border-radius: 2px;
              box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 18px 18px -18px rgba(255, 255, 255, 0.25) inset;
              color: #fff;
              display: block;
              font-size: 0.8rem;
              height: auto;
              padding: 5px 10px 6px;
              text-align: center; }
              .listings li.listing .action-panel a.one-link:active, .listings li.listing .action-panel a.one-link:focus, .listings li.listing .action-panel a.one-link:hover {
                background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
                background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
                background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
                background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
                background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
                border: 0;
                border-top: 1px solid #075a8f;
                color: #fff; } }
        .listings li.listing .action-panel a.show-actions {
          background: #9d9d9d;
          border-color: #9d9d9d;
          color: #fff;
          font-size: .8rem;
          font-weight: 600; }
          @media screen and (min-width: 64.063em) {
            .listings li.listing .action-panel a.show-actions {
              background: #fff;
              border: 1px solid #ccc;
              color: #3095d6; }
              .listings li.listing .action-panel a.show-actions:active, .listings li.listing .action-panel a.show-actions:focus, .listings li.listing .action-panel a.show-actions:hover {
                border: 1px solid #999;
                box-shadow: none;
                color: #000; } }
      @media screen and (min-width: 40.063em) {
        .listings li.listing .action-panel {
          border-top: 0;
          float: right;
          max-width: 50%;
          padding: 0 0 10px; } }
      @media screen and (min-width: 64.063em) {
        .listings li.listing .action-panel {
          padding: 0 10px; } }
    .listings li.listing .more-actions-panel {
      border-top: 1px dashed #999;
      clear: both;
      display: none;
      font-size: .8rem;
      font-weight: 600;
      list-style: none;
      margin: 5px 0 0;
      padding: 10px 10px 5px;
      text-align: left; }
      @media screen and (min-width: 64.063em) {
        .listings li.listing .more-actions-panel {
          font-size: .7rem;
          padding: 10px;
          text-align: right; } }
      @media screen and (min-width: 64.063em) {
        .listings li.listing .more-actions-panel {
          padding: 10px; } }
      .listings li.listing .more-actions-panel li {
        display: block;
        margin: 0 0 5px; }
        .listings li.listing .more-actions-panel li a {
          background: #075a8f;
          background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
          background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
          background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
          background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
          background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
          background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
          border-top: 1px solid #075a8f;
          border-radius: 2px;
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 18px 18px -18px rgba(255, 255, 255, 0.25) inset;
          color: #fff;
          display: block;
          padding: 5px 10px 6px;
          text-align: center; }
          .listings li.listing .more-actions-panel li a:active, .listings li.listing .more-actions-panel li a:focus, .listings li.listing .more-actions-panel li a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
            background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
            background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
            background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
            background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent); }
        @media screen and (min-width: 480px) {
          .listings li.listing .more-actions-panel li {
            display: inline-block;
            margin: 0 2% 10px 0;
            width: 48%; }
            .listings li.listing .more-actions-panel li:nth-child(2n) {
              margin-right: 0; } }
        @media screen and (min-width: 64.063em) {
          .listings li.listing .more-actions-panel li {
            margin: 0;
            padding: 0 5px;
            width: auto; }
            .listings li.listing .more-actions-panel li:before {
              content: "|";
              display: inline-block;
              padding: 0 10px 0 0; }
            .listings li.listing .more-actions-panel li:first-child:before {
              content: ""; }
            .listings li.listing .more-actions-panel li a {
              background: none;
              border-top: 0;
              box-shadow: none;
              display: inline-block;
              padding: 0;
              color: #3095d6; }
              .listings li.listing .more-actions-panel li a span {
                display: none; }
              .listings li.listing .more-actions-panel li a:active, .listings li.listing .more-actions-panel li a:focus, .listings li.listing .more-actions-panel li a:hover {
                background-image: none;
                color: #000; } }
        @media screen and (min-width: 64.063em) {
          .listings li.listing .more-actions-panel li a span {
            display: inline-block; } }
    .listings li.listing .actions {
      border-top: 1px solid #ccc;
      padding: 10px 0.9375rem;
      text-align: right; }
      .listings li.listing .actions span {
        color: #000;
        display: inline-block;
        font-size: .7rem;
        font-weight: 600;
        padding: 0 5px;
        vertical-align: middle; }
      .listings li.listing .actions div {
        cursor: pointer;
        display: inline-block;
        margin: 0; }
        .listings li.listing .actions div:before {
          background: #9d9d9d;
          color: #fff;
          cursor: pointer;
          display: inline-block;
          font-size: .9rem;
          height: 23px;
          line-height: 23px;
          margin: 0;
          text-align: center;
          vertical-align: middle;
          width: 23px; }
        .listings li.listing .actions div a {
          display: none; }
        .listings li.listing .actions div.open:before {
          background: #075a8f; }
        .listings li.listing .actions div.open a {
          display: inline-block;
          float: left;
          font-size: 0.75rem;
          padding: 5px 10px; }
        .listings li.listing .actions div.icon-thumbs-up-alt:before {
          font-size: 1rem;
          line-height: 20px; }
      .listings li.listing .actions.div-open span {
        display: none; }
    @media screen and (min-width: 40.063em) {
      .listings li.listing:last-child {
        border-bottom: 1px solid #b3b3b3; } }
    @media screen and (min-width: 64.063em) {
      .listings li.listing:last-child {
        border-bottom: 5px solid #cfcdcd; } }
  .listings .watchlist,
  .listings .on-watch {
    background: #7b7b7b;
    margin: 10px 0.9375rem 20px;
    padding: 5px 0 7px;
    text-align: center; }
    .listings .watchlist a,
    .listings .on-watch a {
      color: #fff;
      display: block;
      font-size: .8rem;
      font-weight: 600; }
      .listings .watchlist a:before,
      .listings .on-watch a:before {
        display: inline-block;
        font-size: .9rem;
        margin: 0 5px;
        vertical-align: middle; }
    .listings .watchlist.watching,
    .listings .on-watch.watching {
      background: #075a8f; }
  @media screen and (min-width: 40.063em) {
    .listings li.listing {
      border-bottom: 0;
      margin: 0;
      position: relative; }
      .listings li.listing .table-content {
        padding: 10px 0; }
      .listings li.listing .notifications {
        padding: 0 10px 0 0; }
      .listings li.listing .asset-class {
        display: none; }
      .listings li.listing .watchlist {
        background: none;
        display: inline-block;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: left;
        width: auto; }
        .listings li.listing .watchlist a {
          color: #777;
          display: inline-block;
          font-size: 0.7rem; }
          .listings li.listing .watchlist a:before {
            background: #999;
            color: #fff;
            display: inline-block;
            font-size: .9rem;
            height: 18px;
            line-height: 18px;
            margin: -2px 5px 0 0;
            vertical-align: middle;
            width: 18px; }
        .listings li.listing .watchlist.watching {
          background: none; }
          .listings li.listing .watchlist.watching a {
            color: #000; }
            .listings li.listing .watchlist.watching a:before {
              background: #075a8f; } }
  @media screen and (min-width: 64.063em) {
    .listings li.listing {
      border: 1px solid #cfcdcd;
      margin: 0;
      border-bottom-width: 5px;
      border-radius: 2px;
      margin: 15px 0 0; }
      .listings li.listing:nth-child(2) {
        margin: 10px 0 0; }
      .listings li.listing:hover {
        border-color: #bbb; }
      .listings li.listing .notifications {
        margin: 0 5px 10px 0;
        padding: 0 10px; }
      .listings li.listing .watchlist {
        margin: 0 10px 10px; }
      .listings li.listing .asset-class {
        left: 5px;
        position: absolute;
        top: 17px;
        width: 25px; }
        .listings li.listing .asset-class.icon-lock-open:before {
          -ms-transform: rotateY(180deg);
          -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }
      .listings li.listing .table-content {
        border-top: 2px solid #fff;
        min-height: 95px;
        padding: 20px 0 10px 20px; }
        .listings li.listing .table-content li {
          padding: 0 2%; }
          .listings li.listing .table-content li.purpose-of-finance {
            width: 30%; }
            .listings li.listing .table-content li.purpose-of-finance p {
              margin: 0; }
          .listings li.listing .table-content li.score {
            float: none;
            text-align: center;
            width: 10%; }
            .listings li.listing .table-content li.score .main-score {
              float: none;
              margin: 0; }
          .listings li.listing .table-content li.balance {
            background: none;
            display: inline-block;
            width: 12%;
            margin: 0;
            padding: 0 2%; }
            .listings li.listing .table-content li.balance .note {
              color: #ff5400;
              font-size: .7rem; }
              .listings li.listing .table-content li.balance .note strong {
                color: #000;
                display: block;
                font-size: .8rem; }
          .listings li.listing .table-content li.funding-amount {
            display: inline-block;
            width: 28%; }
            .listings li.listing .table-content li.funding-amount p {
              font-size: 0.7rem;
              line-height: 1.2;
              margin: 0;
              padding-top: 2px; }
            .listings li.listing .table-content li.funding-amount hr.dashed {
              margin: 10px 0; }
          .listings li.listing .table-content li.funding-progress {
            display: inline-block;
            width: 28%; }
            .listings li.listing .table-content li.funding-progress p {
              font-size: .7rem;
              margin: 0; }
              .listings li.listing .table-content li.funding-progress p.closing-soon {
                color: #bd1010;
                font-weight: 600;
                margin: 0; }
          .listings li.listing .table-content li.start-date, .listings li.listing .table-content li.maturity-date {
            padding: 10px 0 10px 2%;
            width: 12%; } }
        @media screen and (min-width: 64.063em) and (min-width: 64.063em) {
          .listings li.listing .table-content li.start-date, .listings li.listing .table-content li.maturity-date {
            padding-top: 0; } }
  @media screen and (min-width: 64.063em) {
      .listings li.listing:nth-child(even) {
        background: #eee; } }

.asset-class-icons {
  display: inline-block;
  min-height: 30px; }
  @media screen and (max-width: 40em) {
    .asset-class-icons {
      display: block;
      padding: 0 0.9375rem;
      position: absolute;
      top: 10px;
      width: 100%; } }
  .asset-class-icons span {
    display: none; }
    @media screen and (min-width: 46.063em) {
      .asset-class-icons span {
        color: #777;
        display: inline-block;
        font-size: .7rem;
        margin-right: 3px;
        vertical-align: middle; } }
  .asset-class-icons a {
    background: #b3b3b3;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    height: 30px;
    line-height: 29px;
    margin: 0 3px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 30px; }
    .asset-class-icons a:active, .asset-class-icons a:focus, .asset-class-icons a:hover {
      background: #a19e9e; }
    .asset-class-icons a.icon-cowicon:before {
      left: -2px;
      position: relative;
      top: 1px; }
    .asset-class-icons a.selected {
      background: #075a8f; }

.no-listings {
  background: #fff;
  min-height: 52px;
  padding-top: 16px;
  position: relative;
  text-align: center; }
  @media screen and (min-width: 40.063em) {
    .no-listings {
      background: #eee;
      border: 1px solid #b3b3b3;
      border-top: 0;
      height: auto;
      padding: 20px 20px 0;
      top: auto; } }

.view-link {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0 0 10px; }
  .view-link a {
    color: #3095d6; }
    .view-link a:active, .view-link a:focus, .view-link a:hover {
      color: #000; }

.notifications {
  color: #000;
  display: inline-block;
  font-size: .7rem;
  font-weight: 600; }
  .notifications .place-bid:before {
    background: #075a8f;
    background-size: 100% auto;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: .8rem;
    height: 18px;
    line-height: 18px;
    margin: -3px 5px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 18px; }
  .notifications span:before {
    content: ".";
    display: inline-block;
    height: 18px;
    margin: -3px 5px 0 0;
    overflow: hidden;
    text-indent: -9999em;
    vertical-align: middle;
    width: 18px; }
  .notifications .leading:before {
    background: #58af26 url(../images/cb-checked.png) no-repeat;
    background-size: 100% auto;
    border-radius: 2px; }
  .notifications .outbid:before {
    background: #bd1010 url(../images/cb-cancel.png) no-repeat;
    background-size: 100% auto;
    border-radius: 2px; }

.progress {
  background: #e2e2e2;
  border: 0;
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  height: 19px;
  overflow: hidden;
  padding: 0;
  width: 100%; }
  .progress .meter {
    background-color: #3095d6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3095d6), to(#2379b0));
    background-image: -webkit-linear-gradient(top, #3095d6, #2379b0);
    background-image: -moz-linear-gradient(top, #3095d6, #2379b0);
    background-image: -ms-linear-gradient(top, #3095d6, #2379b0);
    background-image: -o-linear-gradient(top, #3095d6, #2379b0);
    background-image: linear-gradient(to bottom, #3095d6, #2379b0);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    max-width: 100%; }
    .progress .meter[style="width:0%;"] {
      border: 0; }

.listings li.listing:nth-child(2n) .progress {
  background: #d6d6d6; }

.fully-funded {
  background: #58af26;
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5) inset;
  border-radius: 2px;
  color: #fff;
  font-weight: 600;
  height: 25px;
  line-height: 22px;
  margin: 0 0 10px;
  max-width: 270px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 64.063em) {
    .fully-funded {
      max-width: none; } }
  .fully-funded span {
    display: inline-block;
    font-size: .7rem;
    margin-left: -15px; }
  .fully-funded:before {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 20px; }

.page-browse-listings .fully-funded {
  line-height: 24px; }

ul.inline {
  margin: 0 0 20px; }
  ul.inline li {
    display: inline-block; }
    ul.inline li:after {
      content: ", "; }
    ul.inline li:last-child:after {
      content: ""; }

.alert-box {
  background: #d4e9f6;
  border: 1px solid #075a8f;
  border-radius: 2px;
  color: #075a8f;
  margin: .975rem;
  padding: 15px 30px 0px 10px; }
  .alert-box ul,
  .alert-box ol {
    font-size: .8rem; }
  .alert-box .button {
    background: #075a8f;
    color: #fff; }
  .alert-box a {
    border-bottom-color: inherit;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #075a8f; }
    .alert-box a:hover {
      border-bottom-color: transparent;
      color: #032c46; }
  @media screen and (min-width: 40.063em) {
    .alert-box {
      margin: 0 0 0.9375rem; } }
  .alert-box h2 {
    color: #075a8f;
    font-size: 0.9rem;
    margin: 0 0 5px;
    padding: 0; }
  .alert-box .close {
    background: none;
    border: 0;
    color: #075a8f;
    top: 1.2rem; }
  .alert-box.error {
    background: #fde8e8;
    border: 1px solid #bd1010;
    color: #bd1010; }
    .alert-box.error h2,
    .alert-box.error .close {
      color: #bd1010; }
    .alert-box.error .button {
      background: #bd1010; }
    .alert-box.error a {
      color: #bd1010; }
      .alert-box.error a:hover {
        border-bottom-color: transparent;
        color: #760a0a; }
  .alert-box.success {
    background: #e9f5e3;
    border: 1px solid #4b8928;
    color: #4b8928; }
    .alert-box.success h2,
    .alert-box.success .close {
      color: #4b8928; }
    .alert-box.success .button {
      background: #4b8928; }
    .alert-box.success a {
      color: #4b8928; }
      .alert-box.success a:hover {
        border-bottom-color: transparent;
        color: #2b4e17; }

ul.str {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.str li {
    padding: 0 0 10px 10px;
    position: relative; }
  ul.str li:before {
    content: "*";
    position: absolute;
    left: 0;
    top: 0; }

.page-help .main .faq-holder {
  z-index: 3; }

.page-help .main h2 {
  background: #999;
  color: #fff;
  margin: 0; }

.page-help .main .data-holder {
  border-right: 0;
  margin-right: 0;
  padding-right: 0; }
  @media screen and (min-width: 64.063em) {
    .page-help .main .data-holder {
      border-right: 1px solid #ccc;
      margin-right: 20px;
      padding-right: 20px; } }
  .page-help .main .data-holder .question {
    background: #f8f8f8;
    border-bottom: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
    margin: 0 0 20px;
    padding: 10px 0.9375rem; }
    @media screen and (min-width: 40.063em) {
      .page-help .main .data-holder .question {
        background: none;
        border-bottom: 0;
        border-top: 0;
        padding: 0; } }
    .page-help .main .data-holder .question h3 {
      border-bottom: 1px dashed #999;
      font-size: .8rem;
      margin: 0 0 10px;
      padding: 0 0 5px; }

.page-help .main .faq-search {
  background: #eee;
  border: 1px solid #cfcdcd;
  border-bottom-width: 5px;
  border-radius: 2px;
  box-shadow: 0 2px 0 #fff inset;
  margin: 0 0 20px;
  padding: 15px; }
  .page-help .main .faq-search p {
    color: #000;
    font-weight: 600; }
  .page-help .main .faq-search .search-box {
    display: block;
    height: 34px;
    line-height: 34px;
    margin: 0 0 20px;
    top: 0;
    width: auto; }
    .page-help .main .faq-search .search-box input[type="submit"],
    .page-help .main .faq-search .search-box input[type="search"] {
      border-radius: 2px;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
      height: 34px;
      line-height: 34px; }
    .page-help .main .faq-search .search-box .icon-search {
      background: #3095d6;
      border-radius: 0 2px 2px 0;
      box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.35) inset;
      color: #fff;
      font-size: .9rem;
      height: 36px;
      line-height: 36px;
      width: 36px; }
    .page-help .main .faq-search .search-box input:active + .icon-search,
    .page-help .main .faq-search .search-box input:focus + .icon-search {
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
    .page-help .main .faq-search .search-box input[disabled] + .icon-search {
      background: none;
      box-shadow: none; }
    .page-help .main .faq-search .search-box input[disabled] + .icon-search:before {
      color: #bbb; }

.page-help .main .faq-links-header {
  display: none; }

.page-help .main .faq-links {
  background: #fff;
  border-bottom: 1px solid #b3b3b3;
  border-top: 1px solid #b3b3b3;
  display: none;
  margin: 0 0 20px; }
  .page-help .main .faq-links ul li a {
    border-bottom: 1px dashed #ccc;
    color: #3095d6;
    display: block;
    font-size: .8rem;
    font-weight: 600;
    padding: 5px 15px;
    position: relative; }
    .page-help .main .faq-links ul li a:before {
      color: #999;
      position: absolute;
      right: 8px;
      top: 8px; }
    .page-help .main .faq-links ul li a:hover {
      color: #000; }
      .page-help .main .faq-links ul li a:hover:before {
        color: #000; }
  .page-help .main .faq-links ul li:last-child a {
    border: 0; }

@media screen and (min-width: 40.063em) {
  .page-help .main h2 {
    background: none;
    color: #075a8f; }
  .page-help .main .faq-links {
    background: none;
    border-bottom: 0;
    border-top: 0;
    display: none; }
    .page-help .main .faq-links ul > li, .page-help .main .faq-links ul li:last-child {
      background: none;
      margin: 0 0 1px;
      position: relative; }
      .page-help .main .faq-links ul > li > a, .page-help .main .faq-links ul > li a:hover, .page-help .main .faq-links ul li:last-child > a, .page-help .main .faq-links ul li:last-child a:hover {
        transition: none;
        -o-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        background: #3095d6;
        border: 0;
        border-bottom: 3px solid rgba(0, 0, 0, 0.1);
        color: #fff;
        padding-left: 40px; }
        .page-help .main .faq-links ul > li > a:before, .page-help .main .faq-links ul > li a:hover:before, .page-help .main .faq-links ul li:last-child > a:before, .page-help .main .faq-links ul li:last-child a:hover:before {
          color: #fff;
          display: block;
          font-size: 1rem;
          height: 30px;
          left: -3px;
          line-height: 30px;
          position: absolute;
          text-align: center;
          top: 2px;
          width: 30px;
          z-index: 2; }
        .page-help .main .faq-links ul > li > a:after, .page-help .main .faq-links ul > li a:hover:after, .page-help .main .faq-links ul li:last-child > a:after, .page-help .main .faq-links ul li:last-child a:hover:after {
          background: rgba(0, 0, 0, 0.25);
          content: " ";
          display: block;
          font-size: 1rem;
          height: 33px;
          left: 0;
          position: absolute;
          top: 0;
          width: 31px;
          z-index: 1; }
      .page-help .main .faq-links ul > li > a:hover, .page-help .main .faq-links ul li:last-child > a:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15)));
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); }
      .page-help .main .faq-links ul > li.selected a, .page-help .main .faq-links ul > li.selected a:hover, .page-help .main .faq-links ul li:last-child.selected a, .page-help .main .faq-links ul li:last-child.selected a:hover {
        border: 0;
        border-bottom: 3px solid rgba(0, 0, 0, 0.1); }
        .page-help .main .faq-links ul > li.selected a:before, .page-help .main .faq-links ul > li.selected a:hover:before, .page-help .main .faq-links ul li:last-child.selected a:before, .page-help .main .faq-links ul li:last-child.selected a:hover:before {
          -ms-transform: rotate(-180deg);
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
      .page-help .main .faq-links ul > li:first-child, .page-help .main .faq-links ul li:last-child:first-child {
        border-radius: 2px 2px 0 0; }
      .page-help .main .faq-links ul > li:last-child, .page-help .main .faq-links ul li:last-child:last-child {
        border-radius: 0 0 2px 2px; }
      .page-help .main .faq-links ul > li > ul, .page-help .main .faq-links ul li:last-child > ul {
        display: none;
        margin: 0; }
        .page-help .main .faq-links ul > li > ul li.icon-anchor,
        .page-help .main .faq-links ul > li > ul li.icon-anchor.selected,
        .page-help .main .faq-links ul > li > ul li.icon-anchor:first-child,
        .page-help .main .faq-links ul > li > ul li.icon-anchor:last-child, .page-help .main .faq-links ul li:last-child > ul li.icon-anchor,
        .page-help .main .faq-links ul li:last-child > ul li.icon-anchor.selected,
        .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:first-child,
        .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:last-child {
          background: #ddd;
          border-top: 1px solid #fff;
          box-shadow: none;
          margin: 0;
          overflow: hidden; }
          .page-help .main .faq-links ul > li > ul li.icon-anchor:hover,
          .page-help .main .faq-links ul > li > ul li.icon-anchor.selected:hover,
          .page-help .main .faq-links ul > li > ul li.icon-anchor:first-child:hover,
          .page-help .main .faq-links ul > li > ul li.icon-anchor:last-child:hover, .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:hover,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor.selected:hover,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:first-child:hover,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:last-child:hover {
            background: #cacaca; }
          .page-help .main .faq-links ul > li > ul li.icon-anchor:before,
          .page-help .main .faq-links ul > li > ul li.icon-anchor.selected:before,
          .page-help .main .faq-links ul > li > ul li.icon-anchor:first-child:before,
          .page-help .main .faq-links ul > li > ul li.icon-anchor:last-child:before, .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:before,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor.selected:before,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:first-child:before,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:last-child:before {
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            color: #666;
            font-size: .75rem;
            height: 30px;
            left: -3px;
            line-height: 30px;
            position: absolute;
            text-align: center;
            top: 0;
            width: 30px; }
          .page-help .main .faq-links ul > li > ul li.icon-anchor a, .page-help .main .faq-links ul > li > ul li.icon-anchor a:hover,
          .page-help .main .faq-links ul > li > ul li.icon-anchor.selected a,
          .page-help .main .faq-links ul > li > ul li.icon-anchor.selected a:hover,
          .page-help .main .faq-links ul > li > ul li.icon-anchor:first-child a,
          .page-help .main .faq-links ul > li > ul li.icon-anchor:first-child a:hover,
          .page-help .main .faq-links ul > li > ul li.icon-anchor:last-child a,
          .page-help .main .faq-links ul > li > ul li.icon-anchor:last-child a:hover, .page-help .main .faq-links ul li:last-child > ul li.icon-anchor a, .page-help .main .faq-links ul li:last-child > ul li.icon-anchor a:hover,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor.selected a,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor.selected a:hover,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:first-child a,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:first-child a:hover,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:last-child a,
          .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:last-child a:hover {
            background: none;
            border: 0;
            border-radius: 0;
            color: #000;
            font-size: .7rem;
            font-weight: 400; }
            .page-help .main .faq-links ul > li > ul li.icon-anchor a:after, .page-help .main .faq-links ul > li > ul li.icon-anchor a:before, .page-help .main .faq-links ul > li > ul li.icon-anchor a:hover:after, .page-help .main .faq-links ul > li > ul li.icon-anchor a:hover:before,
            .page-help .main .faq-links ul > li > ul li.icon-anchor.selected a:after,
            .page-help .main .faq-links ul > li > ul li.icon-anchor.selected a:before,
            .page-help .main .faq-links ul > li > ul li.icon-anchor.selected a:hover:after,
            .page-help .main .faq-links ul > li > ul li.icon-anchor.selected a:hover:before,
            .page-help .main .faq-links ul > li > ul li.icon-anchor:first-child a:after,
            .page-help .main .faq-links ul > li > ul li.icon-anchor:first-child a:before,
            .page-help .main .faq-links ul > li > ul li.icon-anchor:first-child a:hover:after,
            .page-help .main .faq-links ul > li > ul li.icon-anchor:first-child a:hover:before,
            .page-help .main .faq-links ul > li > ul li.icon-anchor:last-child a:after,
            .page-help .main .faq-links ul > li > ul li.icon-anchor:last-child a:before,
            .page-help .main .faq-links ul > li > ul li.icon-anchor:last-child a:hover:after,
            .page-help .main .faq-links ul > li > ul li.icon-anchor:last-child a:hover:before, .page-help .main .faq-links ul li:last-child > ul li.icon-anchor a:after, .page-help .main .faq-links ul li:last-child > ul li.icon-anchor a:before, .page-help .main .faq-links ul li:last-child > ul li.icon-anchor a:hover:after, .page-help .main .faq-links ul li:last-child > ul li.icon-anchor a:hover:before,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor.selected a:after,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor.selected a:before,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor.selected a:hover:after,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor.selected a:hover:before,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:first-child a:after,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:first-child a:before,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:first-child a:hover:after,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:first-child a:hover:before,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:last-child a:after,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:last-child a:before,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:last-child a:hover:after,
            .page-help .main .faq-links ul li:last-child > ul li.icon-anchor:last-child a:hover:before {
              display: none; } }

@media screen and (min-width: 64.063em) {
  .page-help .main .faq-holder-main {
    display: none; }
  .page-help .main .faq-links,
  .page-help .main .faq-links-header {
    display: block; } }

.page-help .faq-aside {
  display: none !important; }
  @media screen and (min-width: 64.063em) {
    .page-help .faq-aside {
      display: block !important; } }

.page-help .main .faq-search .search-box input#submit,
.ie9 .page-help .main .faq-search .search-box input#ie9-submit {
  display: block; }

.page-help .main .faq-search .search-box input#ie9-submit,
.ie9 .page-help .main .faq-search .search-box input#submit {
  display: none; }

.ie9 .page-help .main .faq-search .search-box .icon-search {
  height: 40px;
  line-height: 40px;
  width: 40px; }

.ie9 .page-help .main .faq-search .search-box input[disabled] + .icon-search::before {
  color: #fff; }

.view-sections {
  padding: 0 10px;
  position: relative; }
  @media screen and (min-width: 40.063em) {
    .view-sections {
      padding: 0; } }
  .view-sections a.icon-down-open {
    background: #3095d6;
    border-top: 1px solid #3095d6;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 -16px 16px -8px rgba(0, 0, 0, 0.25) inset;
    color: #fff;
    display: block;
    font-size: .9rem;
    font-weight: 600;
    margin: -10px 0 10px;
    padding: 8px 12px;
    position: relative; }
    .view-sections a.icon-down-open:before {
      color: #fff;
      font-size: 1.1rem;
      position: absolute;
      right: 8px;
      top: 8px; }
  .view-sections ul.sectorlinks {
    background: #ccc;
    display: none;
    left: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 34px;
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    z-index: 2; }
    @media screen and (min-width: 40.063em) {
      .view-sections ul.sectorlinks {
        left: 0;
        width: 100%; } }
    .view-sections ul.sectorlinks li a {
      border-bottom: 1px solid rgba(0, 0, 0, 0.15);
      border-top: 1px solid #fff;
      color: #000;
      display: block;
      font-size: 0.8rem;
      font-weight: 600;
      padding: 6px 12px; }
      .view-sections ul.sectorlinks li a:hover {
        background: rgba(0, 0, 0, 0.1); }
    .view-sections ul.sectorlinks li:last-child a {
      border-bottom-width: 3px;
      border-radius: 0 0 2px 2px; }

.scheduled-maintenance .main,
.not-live .main {
  padding-top: 153px; }

@media screen and (min-width: 40.063em) {
  .scheduled-maintenance .main,
  .not-live .main {
    padding-top: 0; }
  .scheduled-maintenance.stick .maintenance-bar,
  .scheduled-maintenance.stick .not-live-bar,
  .not-live.stick .maintenance-bar,
  .not-live.stick .not-live-bar {
    position: fixed;
    top: 50px; }
  .scheduled-maintenance.stick .main,
  .not-live.stick .main {
    padding-top: 89px; } }

.not-live .main {
  padding-top: 136px; }

@media screen and (min-width: 40.063em) {
  .not-live .main {
    padding-top: 0; }
  .not-live.stick .not-live-bar {
    top: 50px; }
  .not-live.stick .main {
    padding-top: 89px; } }

.not-live.scheduled-maintenance .main {
  padding-top: 170px; }

@media screen and (min-width: 40.063em) {
  .not-live.scheduled-maintenance .main {
    padding-top: 0; }
  .not-live.scheduled-maintenance.stick .not-live-bar {
    top: 50px; }
  .not-live.scheduled-maintenance.stick .main {
    padding-top: 89px; } }

.no-js .m-nav {
  display: none !important; }

.no-js header {
  position: relative; }

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

.no-js .maintenance-bar,
.no-js .not-live .not-live-bar {
  display: none; }

.no-js .no-js-bar {
  display: block; }

@media screen and (min-width: 40.063em) {
  .no-js .maintenance-bar,
  .no-js .not-live .not-live-bar {
    display: none; } }

.no-js .not-live.scheduled-maintenance .maintenance-bar {
  position: relative;
  top: auto; }

.no-js .not-live.scheduled-maintenance .main {
  padding-top: 0; }

.long-form-select {
  background: #eee;
  border: 1px solid #aaa;
  height: auto;
  margin: 20px 0 !important;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }
  @media screen and (min-width: 40.063em) {
    .long-form-select + .select-holder {
      display: inline-block; } }
  @media screen and (max-width: 40em) {
    .long-form-select + .select-holder {
      display: none; } }
  .long-form-select li {
    border-bottom: 1px solid #aaa;
    cursor: pointer;
    font-size: .8rem;
    padding: 5px; }
    .long-form-select li:nth-child(even) {
      background: #fff; }
    .long-form-select li.selected {
      background: #075a8f;
      color: #fff; }
    .long-form-select li:last-child {
      border: 0; }

@media screen and (min-width: 40.063em) {
  .right-for-medium {
    float: right;
    text-align: right; } }

.main-content {
  overflow: hidden; }

.bc-holder {
  display: block;
  position: relative;
  z-index: 3; }
  @media screen and (max-width: 40em) {
    .bc-holder {
      display: none !important; } }
  .bc-holder .bc-trigger {
    background: #eee;
    border: 1px solid #bbb;
    border-radius: 2px;
    box-shadow: 0 1px 0 #fff inset;
    color: #666;
    display: block;
    height: 18px;
    line-height: 8px;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
    top: 14px;
    width: 18px;
    z-index: 2; }
    .bc-holder .bc-trigger span {
      display: block;
      font-size: 0.6rem;
      left: -70px;
      position: absolute;
      top: 4px;
      white-space: nowrap; }
    .bc-holder .bc-trigger.open {
      background: #fff; }

.bc .breadcrumbs > *:before,
.main .bc .breadcrumbs > *:before {
  content: '\e807'; }

.bc .breadcrumbs > *:first-child:before,
.main .bc .breadcrumbs > *:first-child:before {
  content: ""; }

@media screen and (min-width: 40.063em) {
  .bc,
  .main .bc {
    background: #ededed;
    box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.25) inset;
    display: none;
    margin-left: -0.9375rem;
    overflow: hidden;
    padding: 12px 1.9375rem 15px 0.9375rem;
    width: -moz-calc(100% + 2.875rem);
    width: -webkit-calc(100% + 2.875rem);
    width: calc(100% + 2.875rem); }
    .bc .breadcrumbs,
    .main .bc .breadcrumbs {
      padding: 0 30px 0 0; } }

* .main .continue hr,
.page-mandates-wizard .main .continue hr,
.page-mandates .main .continue hr {
  display: none;
  margin-top: 0; }

* .main .continue .button-group,
.page-mandates-wizard .main .continue .button-group,
.page-mandates .main .continue .button-group {
  float: none !important;
  padding: 0 0.9375rem; }
  @media screen and (min-width: 40.063em) {
    * .main .continue .button-group,
    .page-mandates-wizard .main .continue .button-group,
    .page-mandates .main .continue .button-group {
      padding: 0;
      text-align: right !important; } }
  * .main .continue .button-group a.button,
  * .main .continue .button-group input.button,
  .page-mandates-wizard .main .continue .button-group a.button,
  .page-mandates-wizard .main .continue .button-group input.button,
  .page-mandates .main .continue .button-group a.button,
  .page-mandates .main .continue .button-group input.button {
    display: inline-block !important;
    margin-right: 0 !important;
    margin-left: 2% !important;
    width: 48% !important; }
    * .main .continue .button-group a.button span,
    * .main .continue .button-group input.button span,
    .page-mandates-wizard .main .continue .button-group a.button span,
    .page-mandates-wizard .main .continue .button-group input.button span,
    .page-mandates .main .continue .button-group a.button span,
    .page-mandates .main .continue .button-group input.button span {
      display: none; }
    * .main .continue .button-group a.button:first-child,
    * .main .continue .button-group input.button:first-child,
    .page-mandates-wizard .main .continue .button-group a.button:first-child,
    .page-mandates-wizard .main .continue .button-group input.button:first-child,
    .page-mandates .main .continue .button-group a.button:first-child,
    .page-mandates .main .continue .button-group input.button:first-child {
      margin-left: 0 !important; }
      @media screen and (max-width: 40em) {
        * .main .continue .button-group a.button:first-child,
        * .main .continue .button-group input.button:first-child,
        .page-mandates-wizard .main .continue .button-group a.button:first-child,
        .page-mandates-wizard .main .continue .button-group input.button:first-child,
        .page-mandates .main .continue .button-group a.button:first-child,
        .page-mandates .main .continue .button-group input.button:first-child {
          display: block;
          float: left; } }
    @media screen and (max-width: 40em) {
      * .main .continue .button-group a.button:last-child,
      * .main .continue .button-group input.button:last-child,
      .page-mandates-wizard .main .continue .button-group a.button:last-child,
      .page-mandates-wizard .main .continue .button-group input.button:last-child,
      .page-mandates .main .continue .button-group a.button:last-child,
      .page-mandates .main .continue .button-group input.button:last-child {
        float: right; } }
    @media screen and (max-width: 40em) {
      * .main .continue .button-group a.button:only-child,
      * .main .continue .button-group input.button:only-child,
      .page-mandates-wizard .main .continue .button-group a.button:only-child,
      .page-mandates-wizard .main .continue .button-group input.button:only-child,
      .page-mandates .main .continue .button-group a.button:only-child,
      .page-mandates .main .continue .button-group input.button:only-child {
        display: block !important;
        float: none;
        margin-left: auto !important;
        margin-right: auto !important;
        width: auto !important; } }
    @media screen and (min-width: 40.063em) {
      * .main .continue .button-group a.button,
      * .main .continue .button-group input.button,
      .page-mandates-wizard .main .continue .button-group a.button,
      .page-mandates-wizard .main .continue .button-group input.button,
      .page-mandates .main .continue .button-group a.button,
      .page-mandates .main .continue .button-group input.button {
        margin-left: 5px !important;
        margin-right: 0 !important;
        padding: 10px 25px 8px;
        width: auto !important; }
        * .main .continue .button-group a.button span,
        * .main .continue .button-group input.button span,
        .page-mandates-wizard .main .continue .button-group a.button span,
        .page-mandates-wizard .main .continue .button-group input.button span,
        .page-mandates .main .continue .button-group a.button span,
        .page-mandates .main .continue .button-group input.button span {
          display: inline-block; }
        * .main .continue .button-group a.button:first-child,
        * .main .continue .button-group input.button:first-child,
        .page-mandates-wizard .main .continue .button-group a.button:first-child,
        .page-mandates-wizard .main .continue .button-group input.button:first-child,
        .page-mandates .main .continue .button-group a.button:first-child,
        .page-mandates .main .continue .button-group input.button:first-child {
          float: none; } }

* .main .content-block .continue hr,
.page-mandates-wizard .main .content-block .continue hr,
.page-mandates .main .content-block .continue hr {
  display: block;
  margin-top: 20px; }

* .main .content-block .continue .button-group,
.page-mandates-wizard .main .content-block .continue .button-group,
.page-mandates .main .content-block .continue .button-group {
  padding: 0; }
  * .main .content-block .continue .button-group a.button,
  .page-mandates-wizard .main .content-block .continue .button-group a.button,
  .page-mandates .main .content-block .continue .button-group a.button {
    margin-bottom: 10px !important; }
    @media screen and (min-width: 40.063em) {
      * .main .content-block .continue .button-group a.button,
      .page-mandates-wizard .main .content-block .continue .button-group a.button,
      .page-mandates .main .content-block .continue .button-group a.button {
        margin-bottom: 0 !important; } }

a.show-sub-steps {
  background-color: #ccc;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: 0 -1px 0 #aaa inset;
  color: #000;
  font-weight: 600;
  padding: 10px 0.9375rem 13px;
  display: block;
  position: relative; }
  @media screen and (min-width: 40.063em) {
    a.show-sub-steps {
      display: none; } }
  a.show-sub-steps:before {
    position: absolute;
    right: 6px;
    top: 14px; }

.sub-steps {
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear; }
  .sub-steps b {
    font-weight: 400; }
  @media screen and (max-width: 40em) {
    .sub-steps {
      background: #fff;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
      display: none;
      max-height: 300px;
      overflow-y: auto !important; }
      .sub-steps a {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #fff;
        color: #333;
        display: block;
        font-size: .75rem;
        padding: 8px 0.9375rem; }
        .sub-steps a i {
          display: none; }
        .sub-steps a:hover, .sub-steps a.active {
          background: rgba(0, 0, 0, 0.05);
          color: #000; }
        .sub-steps a:active, .sub-steps a:focus {
          background: rgba(0, 0, 0, 0.08); } }
  @media screen and (min-width: 40.063em) {
    .sub-steps {
      display: none !important; } }

@media screen and (min-width: 40.063em) {
  .sub-steps-desktop {
    display: block !important;
    position: fixed;
    right: -250px;
    top: 94px;
    width: 200px;
    z-index: 1003; }
    .sub-steps-desktop.open {
      right: -175px; }
      .sub-steps-desktop.open a:hover {
        margin-left: -130px; }
        .sub-steps-desktop.open a:hover b {
          position: relative; }
          .sub-steps-desktop.open a:hover b:before {
            content: "\2039";
            font-size: 1.2rem;
            left: -15px;
            position: absolute;
            top: -0.225rem; }
        .sub-steps-desktop.open a:hover i {
          display: none; }
    .sub-steps-desktop a {
      background: #eee;
      border-radius: 2px 0 0 2px;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
      color: #000;
      display: block;
      font-size: .7rem;
      margin: 0;
      padding: 5px 26px; }
      .sub-steps-desktop a.active, .sub-steps-desktop a:hover {
        box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.6) inset, 0 0 2px rgba(0, 0, 0, 0.25); }
      .sub-steps-desktop a:hover, .sub-steps-desktop a.active {
        background: #075a8f;
        color: #fff; }
      .sub-steps-desktop a:active, .sub-steps-desktop a:focus {
        background-image: url(../images/hover2.png);
        color: #fff; }
      .sub-steps-desktop a i {
        display: inline-block;
        font-style: normal;
        left: -12px;
        position: relative; }
    .sub-steps-desktop b {
      text-align: right; }
    .sub-steps-desktop a i {
      display: none; }
    .sub-steps-desktop a b {
      position: relative; }
      .sub-steps-desktop a b:before {
        content: "\2039";
        font-size: 1.2rem;
        left: -15px;
        position: absolute;
        top: -0.225rem; } }

.main .content-block h2.sub-step-heading,
h2.sub-step-heading {
  left: -13px;
  padding-left: 52px;
  position: relative; }
  .main .content-block h2.sub-step-heading b,
  h2.sub-step-heading b {
    border-right: 1px dashed #999;
    color: #666;
    height: 38px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: -9px;
    width: 38px; }

@media screen and (min-width: 40.063em) {
  .sub-step-section .sticky-wrapper {
    height: auto !important; }
    .sub-step-section .sticky-wrapper .sub-step-container {
      position: relative !important;
      top: auto !important;
      width: auto !important; } }

@media screen and (min-width: 64.063em) {
  .main .content-block.scroll-block {
    padding: 20px 30px 20px 38px; }
    .main .content-block.scroll-block h2.sub-step-heading {
      left: -53px;
      position: relative; } }

form .main .content-block.scroll-block .columns {
  padding: 0 0.9375rem; }

.listings.min li.listing .table-content {
  min-height: 1px; }

.listings.min li.listing .listed-by {
  border-bottom: 0; }

.listings.min li.listing .listed-by-details {
  display: none; }

.listings.min li.listing .funding-amount ol {
  display: none; }

.listings.min li.listing .funding-amount h3 {
  margin-bottom: 10px !important; }

.listings.min li.listing .funding-progress p {
  display: none; }

.listings.min li.listing .funding-progress .progress + p,
.listings.min li.listing .funding-progress .fully-funded + p {
  display: block; }

.filtered-result ul {
  margin: 10px 0 5px; }
  .filtered-result ul li {
    color: #666;
    display: inline-block;
    line-height: 1.3;
    padding-bottom: 15px;
    font-size: .75rem;
    vertical-align: top;
    width: 48.5%; }
    @media screen and (min-width: 64.063em) {
      .filtered-result ul li {
        width: 24.5%; } }
    @media screen and (min-width: 90.063em) {
      .filtered-result ul li {
        width: 19.25%; } }
    .filtered-result ul li b {
      color: #222;
      display: block;
      font-weight: 600; }

.filtered-result .button.small {
  font-size: 0.75rem;
  margin: -5px 0 10px;
  padding: 5px 10px 4px; }

@media screen and (min-width: 64.063em) {
  .listings.img-listings .table-header li.purpose-of-finance {
    width: 44%; } }

@media screen and (min-width: 64.063em) {
  .listings.img-listings li.funding-amount {
    width: 24%; } }

.listings.img-listings li.listing .listed-by {
  border-bottom: 0; }

.listings.img-listings li.listing .table-content li.purpose-of-finance {
  width: 100%; }
  .listings.img-listings li.listing .table-content li.purpose-of-finance p, .listings.img-listings li.listing .table-content li.purpose-of-finance figure {
    display: inline-block;
    vertical-align: top;
    width: 48%; }
    @media screen and (min-width: 480px) {
      .listings.img-listings li.listing .table-content li.purpose-of-finance p, .listings.img-listings li.listing .table-content li.purpose-of-finance figure {
        width: 33%; } }
    @media screen and (min-width: 64.063em) {
      .listings.img-listings li.listing .table-content li.purpose-of-finance p, .listings.img-listings li.listing .table-content li.purpose-of-finance figure {
        width: 48%; } }
  .listings.img-listings li.listing .table-content li.purpose-of-finance p {
    margin-right: 1%; }
  .listings.img-listings li.listing .table-content li.purpose-of-finance figure {
    background: #d6d6d6;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25) inset;
    margin: 0;
    max-width: 140px;
    min-height: 85px;
    position: relative; }
    .listings.img-listings li.listing .table-content li.purpose-of-finance figure:after {
      color: #666;
      content: "No photo available";
      display: block;
      font-size: 0.7rem;
      height: 100%;
      margin-top: -10px;
      position: absolute;
      text-align: center;
      top: 50%;
      width: 100%; }
    .listings.img-listings li.listing .table-content li.purpose-of-finance figure img {
      position: relative;
      width: 100%;
      z-index: 2; }
  @media screen and (min-width: 64.063em) {
    .listings.img-listings li.listing .table-content li.purpose-of-finance {
      width: 44%; } }

.listings.img-listings li.listing .table-content li.funding-amount h3:before {
  display: block; }
  @media screen and (min-width: 64.063em) {
    .listings.img-listings li.listing .table-content li.funding-amount h3:before {
      display: none; } }

.listings.img-listings li.listing .table-content li.score {
  float: none;
  margin-left: 0;
  padding-top: 10px;
  text-align: left; }
  .listings.img-listings li.listing .table-content li.score .main-score {
    font-size: 0.8rem;
    line-height: 1.5; }
  .listings.img-listings li.listing .table-content li.score span {
    float: none;
    margin-left: 0; }
  .listings.img-listings li.listing .table-content li.score .pending,
  .listings.img-listings li.listing .table-content li.score .cs {
    display: inline-block;
    margin: 0 0 0 5px; }
  @media screen and (min-width: 480px) {
    .listings.img-listings li.listing .table-content li.score {
      float: right;
      position: absolute;
      right: 0.9375rem;
      text-align: right;
      top: 0; }
      .listings.img-listings li.listing .table-content li.score span {
        float: right; }
      .listings.img-listings li.listing .table-content li.score .pending,
      .listings.img-listings li.listing .table-content li.score .cs {
        margin-right: 5px;
        margin-top: 3px; } }
  @media screen and (min-width: 40.063em) {
    .listings.img-listings li.listing .table-content li.score {
      right: 0; } }
  @media screen and (min-width: 64.063em) {
    .listings.img-listings li.listing .table-content li.score {
      float: none;
      position: relative;
      right: auto;
      text-align: left;
      top: auto; }
      .listings.img-listings li.listing .table-content li.score span {
        float: none; }
      .listings.img-listings li.listing .table-content li.score .pending,
      .listings.img-listings li.listing .table-content li.score .cs {
        margin-right: 0;
        margin-top: 0; } }

@media screen and (min-width: 64.063em) {
  .listings.img-listings li.listing .table-content li.funding-amount {
    width: 24%; } }

.listings.img-listings.min li.listing .table-content li.purpose-of-finance figure {
  display: none; }

.listings.img-listings.min li.listing .funding-amount ol {
  display: block;
  padding-top: 0; }
  .listings.img-listings.min li.listing .funding-amount ol li:not(.score) {
    display: none; }
  .listings.img-listings.min li.listing .funding-amount ol li.score {
    padding-top: 10px; }
    @media screen and (min-width: 64.063em) {
      .listings.img-listings.min li.listing .funding-amount ol li.score {
        padding-top: 0; } }

@media screen and (min-width: 40.063em) {
  .page-solo .reveal-modal.medium,
  .page-solo.stick .reveal-modal.medium {
    max-width: 600px;
    width: 90%; } }

.page-solo header.site-header,
.page-solo.stick header.site-header {
  position: relative; }
  .page-solo header.site-header .topbar,
  .page-solo.stick header.site-header .topbar {
    height: auto; }
    @media screen and (min-width: 40.063em) {
      .page-solo header.site-header .topbar,
      .page-solo.stick header.site-header .topbar {
        min-height: 60px; } }
    .page-solo header.site-header .topbar .row,
    .page-solo header.site-header .topbar .columns,
    .page-solo.stick header.site-header .topbar .row,
    .page-solo.stick header.site-header .topbar .columns {
      height: auto;
      top: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
      @media screen and (min-width: 40.063em) {
        .page-solo header.site-header .topbar .row,
        .page-solo header.site-header .topbar .columns,
        .page-solo.stick header.site-header .topbar .row,
        .page-solo.stick header.site-header .topbar .columns {
          min-height: 60px; } }
    .page-solo header.site-header .topbar h1,
    .page-solo.stick header.site-header .topbar h1 {
      margin: 10px 0;
      top: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
      @media screen and (max-width: 40em) {
        .page-solo header.site-header .topbar h1,
        .page-solo.stick header.site-header .topbar h1 {
          float: none;
          margin: 10px auto; } }

.page-solo .main,
.page-solo.stick .main {
  padding-top: 0; }
  @media screen and (min-width: 40.063em) {
    .page-solo .main,
    .page-solo.stick .main {
      background: #f8f8f8; } }
  .page-solo .main .main-content,
  .page-solo.stick .main .main-content {
    box-shadow: none; }
  .page-solo .main .bc-holder,
  .page-solo.stick .main .bc-holder {
    display: none; }
  .page-solo .main .bc,
  .page-solo.stick .main .bc {
    background: none;
    box-shadow: none;
    margin-left: 0;
    width: 100%; }

.page-solo .notification-box-alt,
.page-solo.stick .notification-box-alt {
  background: #dadada;
  display: block;
  margin: 0 -0.9375rem;
  padding: 10px;
  text-align: center; }
  @media screen and (min-width: 40.063em) {
    .page-solo .notification-box-alt,
    .page-solo.stick .notification-box-alt {
      background: #f8f8f8; } }
  .page-solo .notification-box-alt a,
  .page-solo.stick .notification-box-alt a {
    display: inline-block; }
    @media screen and (min-width: 40.063em) {
      .page-solo .notification-box-alt a,
      .page-solo.stick .notification-box-alt a {
        color: #fff; } }
  @media screen and (min-width: 40.063em) {
    .page-solo .notification-box-alt,
    .page-solo.stick .notification-box-alt {
      background: none;
      color: #999;
      margin: 0;
      text-align: right; } }

.important-message {
  margin: 0.975rem 0; }
  .important-message ul {
    list-style: none;
    margin: 10px 0 0;
    padding: 0; }
    .important-message ul li h3 {
      color: #000;
      font-size: .75rem;
      text-transform: uppercase; }
    .important-message ul li p {
      font-size: .75rem; }
      .important-message ul li p strong {
        text-transform: uppercase; }
    @media screen and (min-width: 40.063em) {
      .important-message ul li {
        display: inline-block;
        padding: 0 20px 0 0;
        vertical-align: top;
        width: 49%; } }

@media screen and (max-width: 40em) {
  .page-make-a-decision .button-group {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1);
    padding: 33px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 2; }
    .page-make-a-decision .button-group .button {
      width: 45%; } }

.offer-content {
  font-size: .8rem;
  margin: 0 0 20px;
  padding: 0 0 20px;
  position: relative; }
  .offer-content h3 {
    color: #000;
    font-size: .8rem;
    margin-top: 0; }
  .offer-content:before {
    background: #fff;
    border-radius: 50%;
    bottom: -15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #999;
    display: none;
    font-size: 1.2rem;
    height: 30px;
    left: 50%;
    line-height: 32px;
    margin: 0 0 0 -15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 30px;
    z-index: 2; }
  .offer-content:first-child {
    padding-top: 0; }
  .offer-content:last-child {
    margin-bottom: 0; }
    .offer-content:last-child:before {
      display: none; }
  .offer-content ul {
    list-style: none;
    margin: 0;
    padding: 0 0 20px;
    vertical-align: top; }
    .offer-content ul li {
      border-bottom: 1px solid #ccc;
      box-shadow: 0 1px 0 #fff;
      font-size: 0.8rem;
      padding: 6px 0; }
      .offer-content ul li strong {
        color: #000;
        display: inline-block;
        vertical-align: top;
        width: 59%; }
        @media screen and (min-width: 40.063em) {
          .offer-content ul li strong {
            width: 49%; } }
        @media screen and (min-width: 64.063em) {
          .offer-content ul li strong {
            width: 40%; } }
      .offer-content ul li span {
        display: inline-block;
        vertical-align: top;
        width: 39%; }
        @media screen and (min-width: 40.063em) {
          .offer-content ul li span {
            width: 49%; } }
        @media screen and (min-width: 64.063em) {
          .offer-content ul li span {
            width: 58%; } }
    .offer-content ul.address-details li strong {
      width: 39%; }
      @media screen and (min-width: 40.063em) {
        .offer-content ul.address-details li strong {
          width: 49%; } }
      @media screen and (min-width: 64.063em) {
        .offer-content ul.address-details li strong {
          width: 40%; } }
    .offer-content ul.address-details li span {
      width: 59%; }
      @media screen and (min-width: 40.063em) {
        .offer-content ul.address-details li span {
          width: 49%; } }
      @media screen and (min-width: 64.063em) {
        .offer-content ul.address-details li span {
          width: 58%; } }
  .offer-content .notes {
    vertical-align: top; }

form .main section.content-block.scroll-block .row .row .columns {
  padding: 0; }

.rangeslider__value-bubble {
  border: 1px solid #ccc;
  display: block;
  padding: 5px;
  position: absolute;
  bottom: 100%;
  margin-bottom: 25px;
  width: 100px;
  margin-left: -50px;
  text-align: center; }
  .rangeslider__value-bubble:before, .rangeslider__value-bubble:after {
    border-width: 11px;
    border-style: solid;
    border-color: transparent;
    content: "";
    display: block;
    margin: auto;
    width: 10px;
    position: absolute;
    left: 0;
    right: 0; }
  .rangeslider__value-bubble:before {
    border-top-color: #ccc;
    border-bottom-width: 0;
    bottom: -11px; }
  .rangeslider__value-bubble:after {
    border-top-color: #fff;
    border-bottom-width: 0;
    bottom: -10px; }

header.site-header nav.account-nav a.wiki {
  background: #f4f2df;
  border-radius: 100px;
  height: 27px;
  left: 6px;
  opacity: .5;
  padding: 0;
  position: relative;
  top: 6px;
  width: 27px; }
  header.site-header nav.account-nav a.wiki:before {
    color: #333;
    content: '\e84b';
    display: inline-block;
    font-size: 1rem;
    height: 27px;
    left: 0;
    line-height: 29px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 27px;
    z-index: 2; }
  header.site-header nav.account-nav a.wiki span {
    color: #333;
    display: none;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1;
    position: relative;
    top: -8px;
    vertical-align: middle; }
  header.site-header nav.account-nav a.wiki:hover {
    opacity: 1;
    padding: 0 10px 0 28px;
    width: auto; }
    header.site-header nav.account-nav a.wiki:hover span {
      display: inline-block; }
    header.site-header nav.account-nav a.wiki:hover:before {
      left: 2px; }

.sidenav-holder {
  padding: 15px 0 0 0;
  z-index: 2; }

.sidenav-holder {
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear; }
  @media screen and (min-width: 64.063em) {
    .sidenav-holder {
      max-width: 236px; } }
  @media screen and (min-width: 90.063em) {
    .sidenav-holder {
      max-width: 280px; } }

.sidenav {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  min-width: 185px;
  padding: 7px;
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear; }
  .sidenav > ul > li:first-child {
    border-bottom: 1px solid #c6c6c6;
    margin: 0 0 15px; }
  .sidenav ul {
    font-size: .8rem; }
    .sidenav ul li {
      border-bottom: 1px solid #c6c6c6;
      position: relative; }
      .sidenav ul li.help:before {
        position: absolute;
        right: 7px;
        top: 10px; }
      .sidenav ul li:last-child {
        border-bottom: 0; }
      .sidenav ul li h3 {
        font-size: 1.1em;
        margin: 0;
        padding: 5px 0; }
        .sidenav ul li h3 a {
          color: #000;
          display: block; }
          .sidenav ul li h3 a:active, .sidenav ul li h3 a:focus, .sidenav ul li h3 a:hover {
            background: none; }
        .sidenav ul li h3 .msg-counter {
          color: #ff5400;
          font-size: .8rem;
          font-weight: 400;
          margin-right: 10px;
          position: absolute;
          right: 0;
          top: 10px; }
      .sidenav ul li a {
        color: #666;
        display: block;
        padding: 5px 10px; }
        .sidenav ul li a span.count {
          float: right; }
        .sidenav ul li a:active, .sidenav ul li a:focus, .sidenav ul li a:hover {
          background: #e6e6e6;
          box-shadow: 0 1px 0 #fff inset;
          color: #000; }
      .sidenav ul li.selected a {
        background: #e6e6e6;
        box-shadow: 0 1px 0 #fff inset;
        color: #000; }
      .sidenav ul li.messages-home h3 {
        font-size: .8rem;
        font-weight: 600; }
        .sidenav ul li.messages-home h3 a {
          color: #3095d6; }
          .sidenav ul li.messages-home h3 a:active, .sidenav ul li.messages-home h3 a:focus, .sidenav ul li.messages-home h3 a:hover {
            background: none;
            box-shadow: none;
            color: #000; }
      .sidenav ul li.messages-home:active, .sidenav ul li.messages-home:focus, .sidenav ul li.messages-home:hover {
        background: none; }
      .sidenav ul li.accordion-header {
        background: #00bf5c;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15)));
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
        border: 0;
        border-bottom: 3px solid rgba(0, 0, 0, 0.25);
        border-radius: 2px;
        margin: 0 0 2px;
        position: relative; }
        .sidenav ul li.accordion-header:hover {
          background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
          background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
          background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
          background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
          background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
          background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); }
        .sidenav ul li.accordion-header:after {
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 7px solid rgba(255, 255, 255, 0.6);
          content: ".";
          display: none;
          height: 0;
          overflow: hidden;
          position: absolute;
          right: 13px;
          text-indent: -999em;
          top: 12px; }
        .sidenav ul li.accordion-header:before {
          color: #fff;
          content: '\e808';
          font-size: 1rem;
          position: absolute;
          right: 5px;
          top: 8px; }
        .sidenav ul li.accordion-header:before {
          color: #fff;
          content: '\e805';
          font-size: 1rem;
          position: absolute;
          right: 5px;
          top: 8px; }
        .sidenav ul li.accordion-header h3 {
          color: #fff;
          cursor: pointer;
          padding: 5px 10px; }
        .sidenav ul li.accordion-header.close:after {
          border-bottom: 7px solid rgba(255, 255, 255, 0.6);
          border-top: 0;
          top: 10px; }
        .sidenav ul li.accordion-header.close:before {
          -ms-transform: rotate(-180deg);
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
        .sidenav ul li.accordion-header.close:before {
          -ms-transform: rotate(-180deg);
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
      .sidenav ul li.list-items {
        border: 0;
        margin: -2px 0 0; }
        .sidenav ul li.list-items ul {
          margin: 0 0 15px; }
      .sidenav ul li:last-child.list-items ul {
        margin: 0; }
      .sidenav ul li.help {
        border-bottom: 0;
        border-top: 1px solid #c6c6c6; }
        .sidenav ul li.help a {
          color: #3095d6;
          font-weight: 600;
          padding-right: 30px; }
          .sidenav ul li.help a:active, .sidenav ul li.help a:focus, .sidenav ul li.help a:hover {
            background: none;
            color: #000; }
        .sidenav ul li.help.selected a {
          background: none;
          color: #000; }
  @media screen and (min-width: 64.063em) {
    .sidenav {
      margin-left: -0.9375rem;
      min-width: 236px; } }
  @media screen and (min-width: 90.063em) {
    .sidenav {
      min-width: 280px; } }

.page-login,
.page-register,
.page-error {
  background: #dfdfdf; }
  .page-login .user-info,
  .page-register .user-info,
  .page-error .user-info {
    border-top: 1px dashed #999;
    color: #333;
    font-size: 0.75rem;
    line-height: 0.9rem;
    margin: 10px 0 0;
    padding: 10px 0; }
  .page-login .powered,
  .page-register .powered,
  .page-error .powered {
    font-size: .6rem;
    margin: 50px 0;
    padding: 0;
    text-align: center;
    width: 100%; }
    .page-login .powered span,
    .page-register .powered span,
    .page-error .powered span {
      color: #999;
      display: inline-block;
      vertical-align: middle; }
    .page-login .powered img,
    .page-register .powered img,
    .page-error .powered img {
      display: inline-block;
      margin: 0 5px;
      opacity: .3;
      vertical-align: middle;
      width: 100px; }
    @media screen and (min-width: 40.063em) {
      .page-login .powered,
      .page-register .powered,
      .page-error .powered {
        float: right;
        margin: 0 15px 15px 0;
        text-align: right;
        width: 195px; } }
  .page-login form,
  .page-register form,
  .page-error form {
    height: 100%; }
  .page-login .main-form h2,
  .page-register .main-form h2,
  .page-error .main-form h2 {
    font-size: 1rem;
    margin: 0 0 10px;
    padding: 0; }
  .page-login .main-form .button,
  .page-login .main-form input[type="submit"].button,
  .page-register .main-form .button,
  .page-register .main-form input[type="submit"].button,
  .page-error .main-form .button,
  .page-error .main-form input[type="submit"].button {
    width: 98%; }
    .page-login .main-form .button.auto.full,
    .page-login .main-form input[type="submit"].button.auto.full,
    .page-register .main-form .button.auto.full,
    .page-register .main-form input[type="submit"].button.auto.full,
    .page-error .main-form .button.auto.full,
    .page-error .main-form input[type="submit"].button.auto.full {
      width: 100%; }
      @media screen and (min-width: 40.063em) {
        .page-login .main-form .button.auto.full,
        .page-login .main-form input[type="submit"].button.auto.full,
        .page-register .main-form .button.auto.full,
        .page-register .main-form input[type="submit"].button.auto.full,
        .page-error .main-form .button.auto.full,
        .page-error .main-form input[type="submit"].button.auto.full {
          width: auto; } }
    @media screen and (min-width: 480px) {
      .page-login .main-form .button.offset,
      .page-login .main-form input[type="submit"].button.offset,
      .page-register .main-form .button.offset,
      .page-register .main-form input[type="submit"].button.offset,
      .page-error .main-form .button.offset,
      .page-error .main-form input[type="submit"].button.offset {
        margin-left: 40%;
        width: auto; } }
  .page-login .shell,
  .page-register .shell,
  .page-error .shell {
    background: #dfdfdf;
    box-shadow: none;
    height: 100%;
    margin: 0;
    width: 100%; }
    .page-login .shell .login-screen .alert-box,
    .page-login .shell .error-screen .alert-box,
    .page-register .shell .login-screen .alert-box,
    .page-register .shell .error-screen .alert-box,
    .page-error .shell .login-screen .alert-box,
    .page-error .shell .error-screen .alert-box {
      margin-left: 0;
      margin-right: 0; }
    .page-login .shell .login-screen .topbar,
    .page-login .shell .error-screen .topbar,
    .page-register .shell .login-screen .topbar,
    .page-register .shell .error-screen .topbar,
    .page-error .shell .login-screen .topbar,
    .page-error .shell .error-screen .topbar {
      background: #353534; }
      .page-login .shell .login-screen .topbar h1,
      .page-login .shell .error-screen .topbar h1,
      .page-register .shell .login-screen .topbar h1,
      .page-register .shell .error-screen .topbar h1,
      .page-error .shell .login-screen .topbar h1,
      .page-error .shell .error-screen .topbar h1 {
        margin: 0;
        padding: 10px;
        text-align: center; }
        .page-login .shell .login-screen .topbar h1 img,
        .page-login .shell .error-screen .topbar h1 img,
        .page-register .shell .login-screen .topbar h1 img,
        .page-register .shell .error-screen .topbar h1 img,
        .page-error .shell .login-screen .topbar h1 img,
        .page-error .shell .error-screen .topbar h1 img {
          display: block;
          margin: auto;
          max-height: 40px; }
      .page-login .shell .login-screen .topbar .message-bar,
      .page-login .shell .error-screen .topbar .message-bar,
      .page-register .shell .login-screen .topbar .message-bar,
      .page-register .shell .error-screen .topbar .message-bar,
      .page-error .shell .login-screen .topbar .message-bar,
      .page-error .shell .error-screen .topbar .message-bar {
        background: rgba(0, 0, 0, 0.2);
        color: rgba(255, 255, 255, 0.6);
        font-size: .8rem;
        font-weight: 600;
        padding: 10px;
        text-align: center;
        text-transform: uppercase; }
    .page-login .shell .login-screen .cta,
    .page-login .shell .error-screen .cta,
    .page-register .shell .login-screen .cta,
    .page-register .shell .error-screen .cta,
    .page-error .shell .login-screen .cta,
    .page-error .shell .error-screen .cta {
      margin: 20px 0.9375rem -10px;
      text-align: center; }
      @media screen and (min-width: 480px) {
        .page-login .shell .login-screen .cta,
        .page-login .shell .error-screen .cta,
        .page-register .shell .login-screen .cta,
        .page-register .shell .error-screen .cta,
        .page-error .shell .login-screen .cta,
        .page-error .shell .error-screen .cta {
          display: none; } }
      .page-login .shell .login-screen .cta p,
      .page-login .shell .error-screen .cta p,
      .page-register .shell .login-screen .cta p,
      .page-register .shell .error-screen .cta p,
      .page-error .shell .login-screen .cta p,
      .page-error .shell .error-screen .cta p {
        margin: 0; }
      .page-login .shell .login-screen .cta .button,
      .page-login .shell .error-screen .cta .button,
      .page-register .shell .login-screen .cta .button,
      .page-register .shell .error-screen .cta .button,
      .page-error .shell .login-screen .cta .button,
      .page-error .shell .error-screen .cta .button {
        background: #3095d6;
        color: #fff;
        display: block;
        margin: 10px 0;
        width: 100%; }
        .page-login .shell .login-screen .cta .button:active, .page-login .shell .login-screen .cta .button:focus, .page-login .shell .login-screen .cta .button:hover,
        .page-login .shell .error-screen .cta .button:active,
        .page-login .shell .error-screen .cta .button:focus,
        .page-login .shell .error-screen .cta .button:hover,
        .page-register .shell .login-screen .cta .button:active,
        .page-register .shell .login-screen .cta .button:focus,
        .page-register .shell .login-screen .cta .button:hover,
        .page-register .shell .error-screen .cta .button:active,
        .page-register .shell .error-screen .cta .button:focus,
        .page-register .shell .error-screen .cta .button:hover,
        .page-error .shell .login-screen .cta .button:active,
        .page-error .shell .login-screen .cta .button:focus,
        .page-error .shell .login-screen .cta .button:hover,
        .page-error .shell .error-screen .cta .button:active,
        .page-error .shell .error-screen .cta .button:focus,
        .page-error .shell .error-screen .cta .button:hover {
          background: #3095d6;
          background-image: url(../images/hover.png); }
    .page-login .shell .brandbar,
    .page-register .shell .brandbar,
    .page-error .shell .brandbar {
      background: #00bf5c;
      color: #fff; }
      .page-login .shell .brandbar h2,
      .page-register .shell .brandbar h2,
      .page-error .shell .brandbar h2 {
        color: #fff;
        font-size: 1rem;
        margin: 0;
        padding: 10px 0; }
      .page-login .shell .brandbar .button,
      .page-register .shell .brandbar .button,
      .page-error .shell .brandbar .button {
        margin-left: 10px; }
      .page-login .shell .brandbar p, .page-login .shell .brandbar a.forgot,
      .page-register .shell .brandbar p,
      .page-register .shell .brandbar a.forgot,
      .page-error .shell .brandbar p,
      .page-error .shell .brandbar a.forgot {
        display: block;
        margin: 0;
        padding: 10px 0;
        text-align: center; }
      .page-login .shell .brandbar a.forgot,
      .page-register .shell .brandbar a.forgot,
      .page-error .shell .brandbar a.forgot {
        pointer-events: none; }
        .page-login .shell .brandbar a.forgot span,
        .page-register .shell .brandbar a.forgot span,
        .page-error .shell .brandbar a.forgot span {
          pointer-events: auto;
          position: relative; }
        @media screen and (max-width: 40em) {
          .page-login .shell .brandbar a.forgot,
          .page-register .shell .brandbar a.forgot,
          .page-error .shell .brandbar a.forgot {
            border-bottom: 1px solid rgba(255, 255, 255, 0.25); } }
      .page-login .shell .brandbar a,
      .page-register .shell .brandbar a,
      .page-error .shell .brandbar a {
        color: #fff; }
      .page-login .shell .brandbar .button,
      .page-register .shell .brandbar .button,
      .page-error .shell .brandbar .button {
        background: #fff;
        color: #333;
        display: inline-block;
        margin-bottom: 0; }
    .page-login .shell .warning,
    .page-login .shell .errors,
    .page-login .shell .notification,
    .page-login .shell .success,
    .page-register .shell .warning,
    .page-register .shell .errors,
    .page-register .shell .notification,
    .page-register .shell .success,
    .page-error .shell .warning,
    .page-error .shell .errors,
    .page-error .shell .notification,
    .page-error .shell .success {
      background: #fde8e8;
      border: 1px solid #bd1010;
      padding: 10px; }
      .page-login .shell .warning h2,
      .page-login .shell .errors h2,
      .page-login .shell .notification h2,
      .page-login .shell .success h2,
      .page-register .shell .warning h2,
      .page-register .shell .errors h2,
      .page-register .shell .notification h2,
      .page-register .shell .success h2,
      .page-error .shell .warning h2,
      .page-error .shell .errors h2,
      .page-error .shell .notification h2,
      .page-error .shell .success h2 {
        color: #bd1010;
        font-size: 1rem;
        margin: 0 0 10px;
        padding: 0; }
      .page-login .shell .warning h3,
      .page-login .shell .errors h3,
      .page-login .shell .notification h3,
      .page-login .shell .success h3,
      .page-register .shell .warning h3,
      .page-register .shell .errors h3,
      .page-register .shell .notification h3,
      .page-register .shell .success h3,
      .page-error .shell .warning h3,
      .page-error .shell .errors h3,
      .page-error .shell .notification h3,
      .page-error .shell .success h3 {
        color: #bd1010;
        font-size: .9rem;
        margin: 5px 0; }
      .page-login .shell .warning p, .page-login .shell .warning li,
      .page-login .shell .errors p,
      .page-login .shell .errors li,
      .page-login .shell .notification p,
      .page-login .shell .notification li,
      .page-login .shell .success p,
      .page-login .shell .success li,
      .page-register .shell .warning p,
      .page-register .shell .warning li,
      .page-register .shell .errors p,
      .page-register .shell .errors li,
      .page-register .shell .notification p,
      .page-register .shell .notification li,
      .page-register .shell .success p,
      .page-register .shell .success li,
      .page-error .shell .warning p,
      .page-error .shell .warning li,
      .page-error .shell .errors p,
      .page-error .shell .errors li,
      .page-error .shell .notification p,
      .page-error .shell .notification li,
      .page-error .shell .success p,
      .page-error .shell .success li {
        color: #bd1010;
        font-size: .8rem; }
        .page-login .shell .warning p:last-child, .page-login .shell .warning li:last-child,
        .page-login .shell .errors p:last-child,
        .page-login .shell .errors li:last-child,
        .page-login .shell .notification p:last-child,
        .page-login .shell .notification li:last-child,
        .page-login .shell .success p:last-child,
        .page-login .shell .success li:last-child,
        .page-register .shell .warning p:last-child,
        .page-register .shell .warning li:last-child,
        .page-register .shell .errors p:last-child,
        .page-register .shell .errors li:last-child,
        .page-register .shell .notification p:last-child,
        .page-register .shell .notification li:last-child,
        .page-register .shell .success p:last-child,
        .page-register .shell .success li:last-child,
        .page-error .shell .warning p:last-child,
        .page-error .shell .warning li:last-child,
        .page-error .shell .errors p:last-child,
        .page-error .shell .errors li:last-child,
        .page-error .shell .notification p:last-child,
        .page-error .shell .notification li:last-child,
        .page-error .shell .success p:last-child,
        .page-error .shell .success li:last-child {
          margin: 0; }
      .page-login .shell .warning .fieldset,
      .page-login .shell .errors .fieldset,
      .page-login .shell .notification .fieldset,
      .page-login .shell .success .fieldset,
      .page-register .shell .warning .fieldset,
      .page-register .shell .errors .fieldset,
      .page-register .shell .notification .fieldset,
      .page-register .shell .success .fieldset,
      .page-error .shell .warning .fieldset,
      .page-error .shell .errors .fieldset,
      .page-error .shell .notification .fieldset,
      .page-error .shell .success .fieldset {
        margin: 0 auto;
        max-width: 325px; }
      .page-login .shell .warning input[type="submit"].button,
      .page-login .shell .errors input[type="submit"].button,
      .page-login .shell .notification input[type="submit"].button,
      .page-login .shell .success input[type="submit"].button,
      .page-register .shell .warning input[type="submit"].button,
      .page-register .shell .errors input[type="submit"].button,
      .page-register .shell .notification input[type="submit"].button,
      .page-register .shell .success input[type="submit"].button,
      .page-error .shell .warning input[type="submit"].button,
      .page-error .shell .errors input[type="submit"].button,
      .page-error .shell .notification input[type="submit"].button,
      .page-error .shell .success input[type="submit"].button {
        background: #bd1010;
        width: 100%; }
        .page-login .shell .warning input[type="submit"].button:active, .page-login .shell .warning input[type="submit"].button:focus, .page-login .shell .warning input[type="submit"].button:hover,
        .page-login .shell .errors input[type="submit"].button:active,
        .page-login .shell .errors input[type="submit"].button:focus,
        .page-login .shell .errors input[type="submit"].button:hover,
        .page-login .shell .notification input[type="submit"].button:active,
        .page-login .shell .notification input[type="submit"].button:focus,
        .page-login .shell .notification input[type="submit"].button:hover,
        .page-login .shell .success input[type="submit"].button:active,
        .page-login .shell .success input[type="submit"].button:focus,
        .page-login .shell .success input[type="submit"].button:hover,
        .page-register .shell .warning input[type="submit"].button:active,
        .page-register .shell .warning input[type="submit"].button:focus,
        .page-register .shell .warning input[type="submit"].button:hover,
        .page-register .shell .errors input[type="submit"].button:active,
        .page-register .shell .errors input[type="submit"].button:focus,
        .page-register .shell .errors input[type="submit"].button:hover,
        .page-register .shell .notification input[type="submit"].button:active,
        .page-register .shell .notification input[type="submit"].button:focus,
        .page-register .shell .notification input[type="submit"].button:hover,
        .page-register .shell .success input[type="submit"].button:active,
        .page-register .shell .success input[type="submit"].button:focus,
        .page-register .shell .success input[type="submit"].button:hover,
        .page-error .shell .warning input[type="submit"].button:active,
        .page-error .shell .warning input[type="submit"].button:focus,
        .page-error .shell .warning input[type="submit"].button:hover,
        .page-error .shell .errors input[type="submit"].button:active,
        .page-error .shell .errors input[type="submit"].button:focus,
        .page-error .shell .errors input[type="submit"].button:hover,
        .page-error .shell .notification input[type="submit"].button:active,
        .page-error .shell .notification input[type="submit"].button:focus,
        .page-error .shell .notification input[type="submit"].button:hover,
        .page-error .shell .success input[type="submit"].button:active,
        .page-error .shell .success input[type="submit"].button:focus,
        .page-error .shell .success input[type="submit"].button:hover {
          background: #bd1010;
          background-image: url(../images/hover.png); }
    .page-login .shell .notification,
    .page-register .shell .notification,
    .page-error .shell .notification {
      background: #d4e9f6;
      border: 1px solid #075a8f; }
      .page-login .shell .notification h2, .page-login .shell .notification h3, .page-login .shell .notification p, .page-login .shell .notification li,
      .page-register .shell .notification h2,
      .page-register .shell .notification h3,
      .page-register .shell .notification p,
      .page-register .shell .notification li,
      .page-error .shell .notification h2,
      .page-error .shell .notification h3,
      .page-error .shell .notification p,
      .page-error .shell .notification li {
        color: #075a8f; }
      .page-login .shell .notification input[type="submit"].button,
      .page-register .shell .notification input[type="submit"].button,
      .page-error .shell .notification input[type="submit"].button {
        background: #075a8f;
        color: #fff; }
        .page-login .shell .notification input[type="submit"].button:active, .page-login .shell .notification input[type="submit"].button:focus, .page-login .shell .notification input[type="submit"].button:hover,
        .page-register .shell .notification input[type="submit"].button:active,
        .page-register .shell .notification input[type="submit"].button:focus,
        .page-register .shell .notification input[type="submit"].button:hover,
        .page-error .shell .notification input[type="submit"].button:active,
        .page-error .shell .notification input[type="submit"].button:focus,
        .page-error .shell .notification input[type="submit"].button:hover {
          background: #075a8f;
          background-image: url(../images/hover.png); }
    .page-login .shell .success,
    .page-register .shell .success,
    .page-error .shell .success {
      background: #e9f5e3;
      border: 1px solid #4b8928; }
      .page-login .shell .success h2, .page-login .shell .success h3, .page-login .shell .success p, .page-login .shell .success li,
      .page-register .shell .success h2,
      .page-register .shell .success h3,
      .page-register .shell .success p,
      .page-register .shell .success li,
      .page-error .shell .success h2,
      .page-error .shell .success h3,
      .page-error .shell .success p,
      .page-error .shell .success li {
        color: #4b8928; }
      .page-login .shell .success input[type="submit"].button,
      .page-register .shell .success input[type="submit"].button,
      .page-error .shell .success input[type="submit"].button {
        background: #4b8928; }
        .page-login .shell .success input[type="submit"].button:active, .page-login .shell .success input[type="submit"].button:focus, .page-login .shell .success input[type="submit"].button:hover,
        .page-register .shell .success input[type="submit"].button:active,
        .page-register .shell .success input[type="submit"].button:focus,
        .page-register .shell .success input[type="submit"].button:hover,
        .page-error .shell .success input[type="submit"].button:active,
        .page-error .shell .success input[type="submit"].button:focus,
        .page-error .shell .success input[type="submit"].button:hover {
          background: #4b8928;
          background-image: url(../images/hover.png); }
  .page-login .error-message,
  .page-register .error-message,
  .page-error .error-message {
    display: none; }
  .page-login .error .error-message,
  .page-register .error .error-message,
  .page-error .error .error-message {
    display: block; }
  @media screen and (min-width: 40.063em) {
    .page-login,
    .page-register,
    .page-error {
      background: linear-gradient(rgba(30, 20, 20, 0.85), rgba(30, 20, 20, 0.85)), url(../images/startscreen.jpg) no-repeat center center;
      background-size: cover;
      background-attachment: fixed;
      height: 100%; }
      .page-login .shell,
      .page-register .shell,
      .page-error .shell {
        background: none;
        height: 100%;
        margin: 0;
        text-align: center;
        width: 100%; }
        .page-login .shell:before,
        .page-register .shell:before,
        .page-error .shell:before {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle;
          margin-right: -0.25em; }
        .page-login .shell .login-screen,
        .page-login .shell .error-screen,
        .page-register .shell .login-screen,
        .page-register .shell .error-screen,
        .page-error .shell .login-screen,
        .page-error .shell .error-screen {
          background: #dfdfdf;
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
          display: inline-block;
          margin: auto;
          max-width: 530px;
          text-align: left;
          vertical-align: middle;
          width: 80%; }
          .page-login .shell .login-screen .topbar h1,
          .page-login .shell .error-screen .topbar h1,
          .page-register .shell .login-screen .topbar h1,
          .page-register .shell .error-screen .topbar h1,
          .page-error .shell .login-screen .topbar h1,
          .page-error .shell .error-screen .topbar h1 {
            border: 0;
            display: inline-block;
            text-align: left;
            vertical-align: middle;
            width: 52%; }
            .page-login .shell .login-screen .topbar h1 img,
            .page-login .shell .error-screen .topbar h1 img,
            .page-register .shell .login-screen .topbar h1 img,
            .page-register .shell .error-screen .topbar h1 img,
            .page-error .shell .login-screen .topbar h1 img,
            .page-error .shell .error-screen .topbar h1 img {
              margin: 0; }
          .page-login .shell .login-screen .topbar .message-bar,
          .page-login .shell .error-screen .topbar .message-bar,
          .page-register .shell .login-screen .topbar .message-bar,
          .page-register .shell .error-screen .topbar .message-bar,
          .page-error .shell .login-screen .topbar .message-bar,
          .page-error .shell .error-screen .topbar .message-bar {
            background: none;
            border-left: 1px solid rgba(255, 255, 255, 0.7);
            display: inline-block;
            padding: 0;
            text-align: right;
            vertical-align: middle;
            white-space: nowrap;
            width: 44%; }
          .page-login .shell .login-screen .brandbar .columns,
          .page-login .shell .error-screen .brandbar .columns,
          .page-register .shell .login-screen .brandbar .columns,
          .page-register .shell .error-screen .brandbar .columns,
          .page-error .shell .login-screen .brandbar .columns,
          .page-error .shell .error-screen .brandbar .columns {
            border: 0;
            height: auto; }
          .page-login .shell .login-screen .brandbar p, .page-login .shell .login-screen .brandbar a.forgot,
          .page-login .shell .error-screen .brandbar p,
          .page-login .shell .error-screen .brandbar a.forgot,
          .page-register .shell .login-screen .brandbar p,
          .page-register .shell .login-screen .brandbar a.forgot,
          .page-register .shell .error-screen .brandbar p,
          .page-register .shell .error-screen .brandbar a.forgot,
          .page-error .shell .login-screen .brandbar p,
          .page-error .shell .login-screen .brandbar a.forgot,
          .page-error .shell .error-screen .brandbar p,
          .page-error .shell .error-screen .brandbar a.forgot {
            display: block;
            line-height: 40px;
            padding: 10px 0;
            text-align: left; }
          .page-login .shell .login-screen .brandbar .columns:last-child p,
          .page-login .shell .error-screen .brandbar .columns:last-child p,
          .page-register .shell .login-screen .brandbar .columns:last-child p,
          .page-register .shell .error-screen .brandbar .columns:last-child p,
          .page-error .shell .login-screen .brandbar .columns:last-child p,
          .page-error .shell .error-screen .brandbar .columns:last-child p {
            text-align: right; } }

.cta {
  display: none; }

.page-register .main-form input[type="submit"].button,
.page-register .main-form input[type="submit"].button {
  width: 98%; }
  @media screen and (min-width: 480px) {
    .page-register .main-form input[type="submit"].button.offset,
    .page-register .main-form input[type="submit"].button.offset {
      margin-left: 0;
      width: auto; } }

#useraccounts {
  margin-top: 10px; }

.page-register .shell .login-screen .login-form2,
.page-register .shell .error-screen .login-form2,
.page-login .shell .login-screen .login-form2,
.page-login .shell .error-screen .login-form2,
.page-error .shell .login-screen .login-form2,
.page-error .shell .error-screen .login-form2 {
  margin: 0 auto;
  padding: 30px 0;
  width: auto; }
  @media screen and (min-width: 40.063em) {
    .page-register .shell .login-screen .login-form2,
    .page-register .shell .error-screen .login-form2,
    .page-login .shell .login-screen .login-form2,
    .page-login .shell .error-screen .login-form2,
    .page-error .shell .login-screen .login-form2,
    .page-error .shell .error-screen .login-form2 {
      max-width: 80%; } }
  .page-register .shell .login-screen .login-form2 .fieldset,
  .page-register .shell .error-screen .login-form2 .fieldset,
  .page-login .shell .login-screen .login-form2 .fieldset,
  .page-login .shell .error-screen .login-form2 .fieldset,
  .page-error .shell .login-screen .login-form2 .fieldset,
  .page-error .shell .error-screen .login-form2 .fieldset {
    margin: 0 auto; }
  .page-register .shell .login-screen .login-form2 label,
  .page-register .shell .error-screen .login-form2 label,
  .page-login .shell .login-screen .login-form2 label,
  .page-login .shell .error-screen .login-form2 label,
  .page-error .shell .login-screen .login-form2 label,
  .page-error .shell .error-screen .login-form2 label {
    color: #666;
    display: block;
    font-size: 0.7rem;
    margin: 0 0 5px; }
  .page-register .shell .login-screen .login-form2 input[type="text"],
  .page-register .shell .login-screen .login-form2 input[type="password"],
  .page-register .shell .login-screen .login-form2 input[type="date"],
  .page-register .shell .login-screen .login-form2 input[type="tel"],
  .page-register .shell .login-screen .login-form2 select,
  .page-register .shell .login-screen .login-form2 textarea,
  .page-register .shell .error-screen .login-form2 input[type="text"],
  .page-register .shell .error-screen .login-form2 input[type="password"],
  .page-register .shell .error-screen .login-form2 input[type="date"],
  .page-register .shell .error-screen .login-form2 input[type="tel"],
  .page-register .shell .error-screen .login-form2 select,
  .page-register .shell .error-screen .login-form2 textarea,
  .page-login .shell .login-screen .login-form2 input[type="text"],
  .page-login .shell .login-screen .login-form2 input[type="password"],
  .page-login .shell .login-screen .login-form2 input[type="date"],
  .page-login .shell .login-screen .login-form2 input[type="tel"],
  .page-login .shell .login-screen .login-form2 select,
  .page-login .shell .login-screen .login-form2 textarea,
  .page-login .shell .error-screen .login-form2 input[type="text"],
  .page-login .shell .error-screen .login-form2 input[type="password"],
  .page-login .shell .error-screen .login-form2 input[type="date"],
  .page-login .shell .error-screen .login-form2 input[type="tel"],
  .page-login .shell .error-screen .login-form2 select,
  .page-login .shell .error-screen .login-form2 textarea,
  .page-error .shell .login-screen .login-form2 input[type="text"],
  .page-error .shell .login-screen .login-form2 input[type="password"],
  .page-error .shell .login-screen .login-form2 input[type="date"],
  .page-error .shell .login-screen .login-form2 input[type="tel"],
  .page-error .shell .login-screen .login-form2 select,
  .page-error .shell .login-screen .login-form2 textarea,
  .page-error .shell .error-screen .login-form2 input[type="text"],
  .page-error .shell .error-screen .login-form2 input[type="password"],
  .page-error .shell .error-screen .login-form2 input[type="date"],
  .page-error .shell .error-screen .login-form2 input[type="tel"],
  .page-error .shell .error-screen .login-form2 select,
  .page-error .shell .error-screen .login-form2 textarea {
    background: #f5f5f5;
    border: 1px solid #bbb;
    color: #666;
    font-size: .8rem; }
    .page-register .shell .login-screen .login-form2 input[type="text"]:active, .page-register .shell .login-screen .login-form2 input[type="text"]:focus,
    .page-register .shell .login-screen .login-form2 input[type="password"]:active,
    .page-register .shell .login-screen .login-form2 input[type="password"]:focus,
    .page-register .shell .login-screen .login-form2 input[type="date"]:active,
    .page-register .shell .login-screen .login-form2 input[type="date"]:focus,
    .page-register .shell .login-screen .login-form2 input[type="tel"]:active,
    .page-register .shell .login-screen .login-form2 input[type="tel"]:focus,
    .page-register .shell .login-screen .login-form2 select:active,
    .page-register .shell .login-screen .login-form2 select:focus,
    .page-register .shell .login-screen .login-form2 textarea:active,
    .page-register .shell .login-screen .login-form2 textarea:focus,
    .page-register .shell .error-screen .login-form2 input[type="text"]:active,
    .page-register .shell .error-screen .login-form2 input[type="text"]:focus,
    .page-register .shell .error-screen .login-form2 input[type="password"]:active,
    .page-register .shell .error-screen .login-form2 input[type="password"]:focus,
    .page-register .shell .error-screen .login-form2 input[type="date"]:active,
    .page-register .shell .error-screen .login-form2 input[type="date"]:focus,
    .page-register .shell .error-screen .login-form2 input[type="tel"]:active,
    .page-register .shell .error-screen .login-form2 input[type="tel"]:focus,
    .page-register .shell .error-screen .login-form2 select:active,
    .page-register .shell .error-screen .login-form2 select:focus,
    .page-register .shell .error-screen .login-form2 textarea:active,
    .page-register .shell .error-screen .login-form2 textarea:focus,
    .page-login .shell .login-screen .login-form2 input[type="text"]:active,
    .page-login .shell .login-screen .login-form2 input[type="text"]:focus,
    .page-login .shell .login-screen .login-form2 input[type="password"]:active,
    .page-login .shell .login-screen .login-form2 input[type="password"]:focus,
    .page-login .shell .login-screen .login-form2 input[type="date"]:active,
    .page-login .shell .login-screen .login-form2 input[type="date"]:focus,
    .page-login .shell .login-screen .login-form2 input[type="tel"]:active,
    .page-login .shell .login-screen .login-form2 input[type="tel"]:focus,
    .page-login .shell .login-screen .login-form2 select:active,
    .page-login .shell .login-screen .login-form2 select:focus,
    .page-login .shell .login-screen .login-form2 textarea:active,
    .page-login .shell .login-screen .login-form2 textarea:focus,
    .page-login .shell .error-screen .login-form2 input[type="text"]:active,
    .page-login .shell .error-screen .login-form2 input[type="text"]:focus,
    .page-login .shell .error-screen .login-form2 input[type="password"]:active,
    .page-login .shell .error-screen .login-form2 input[type="password"]:focus,
    .page-login .shell .error-screen .login-form2 input[type="date"]:active,
    .page-login .shell .error-screen .login-form2 input[type="date"]:focus,
    .page-login .shell .error-screen .login-form2 input[type="tel"]:active,
    .page-login .shell .error-screen .login-form2 input[type="tel"]:focus,
    .page-login .shell .error-screen .login-form2 select:active,
    .page-login .shell .error-screen .login-form2 select:focus,
    .page-login .shell .error-screen .login-form2 textarea:active,
    .page-login .shell .error-screen .login-form2 textarea:focus,
    .page-error .shell .login-screen .login-form2 input[type="text"]:active,
    .page-error .shell .login-screen .login-form2 input[type="text"]:focus,
    .page-error .shell .login-screen .login-form2 input[type="password"]:active,
    .page-error .shell .login-screen .login-form2 input[type="password"]:focus,
    .page-error .shell .login-screen .login-form2 input[type="date"]:active,
    .page-error .shell .login-screen .login-form2 input[type="date"]:focus,
    .page-error .shell .login-screen .login-form2 input[type="tel"]:active,
    .page-error .shell .login-screen .login-form2 input[type="tel"]:focus,
    .page-error .shell .login-screen .login-form2 select:active,
    .page-error .shell .login-screen .login-form2 select:focus,
    .page-error .shell .login-screen .login-form2 textarea:active,
    .page-error .shell .login-screen .login-form2 textarea:focus,
    .page-error .shell .error-screen .login-form2 input[type="text"]:active,
    .page-error .shell .error-screen .login-form2 input[type="text"]:focus,
    .page-error .shell .error-screen .login-form2 input[type="password"]:active,
    .page-error .shell .error-screen .login-form2 input[type="password"]:focus,
    .page-error .shell .error-screen .login-form2 input[type="date"]:active,
    .page-error .shell .error-screen .login-form2 input[type="date"]:focus,
    .page-error .shell .error-screen .login-form2 input[type="tel"]:active,
    .page-error .shell .error-screen .login-form2 input[type="tel"]:focus,
    .page-error .shell .error-screen .login-form2 select:active,
    .page-error .shell .error-screen .login-form2 select:focus,
    .page-error .shell .error-screen .login-form2 textarea:active,
    .page-error .shell .error-screen .login-form2 textarea:focus {
      background: #fff;
      border: 1px solid #777; }
  .page-register .shell .login-screen .login-form2 input[type="submit"],
  .page-register .shell .error-screen .login-form2 input[type="submit"],
  .page-login .shell .login-screen .login-form2 input[type="submit"],
  .page-login .shell .error-screen .login-form2 input[type="submit"],
  .page-error .shell .login-screen .login-form2 input[type="submit"],
  .page-error .shell .error-screen .login-form2 input[type="submit"] {
    background: #ff5400;
    font-size: .75rem; }
    .page-register .shell .login-screen .login-form2 input[type="submit"]:active, .page-register .shell .login-screen .login-form2 input[type="submit"]:focus, .page-register .shell .login-screen .login-form2 input[type="submit"]:hover,
    .page-register .shell .error-screen .login-form2 input[type="submit"]:active,
    .page-register .shell .error-screen .login-form2 input[type="submit"]:focus,
    .page-register .shell .error-screen .login-form2 input[type="submit"]:hover,
    .page-login .shell .login-screen .login-form2 input[type="submit"]:active,
    .page-login .shell .login-screen .login-form2 input[type="submit"]:focus,
    .page-login .shell .login-screen .login-form2 input[type="submit"]:hover,
    .page-login .shell .error-screen .login-form2 input[type="submit"]:active,
    .page-login .shell .error-screen .login-form2 input[type="submit"]:focus,
    .page-login .shell .error-screen .login-form2 input[type="submit"]:hover,
    .page-error .shell .login-screen .login-form2 input[type="submit"]:active,
    .page-error .shell .login-screen .login-form2 input[type="submit"]:focus,
    .page-error .shell .login-screen .login-form2 input[type="submit"]:hover,
    .page-error .shell .error-screen .login-form2 input[type="submit"]:active,
    .page-error .shell .error-screen .login-form2 input[type="submit"]:focus,
    .page-error .shell .error-screen .login-form2 input[type="submit"]:hover {
      background: #ff5400;
      background-image: url(../images/hover.png); }
  .page-register .shell .login-screen .login-form2 input[type="submit"],
  .page-register .shell .login-screen .login-form2 .remember,
  .page-register .shell .error-screen .login-form2 input[type="submit"],
  .page-register .shell .error-screen .login-form2 .remember,
  .page-login .shell .login-screen .login-form2 input[type="submit"],
  .page-login .shell .login-screen .login-form2 .remember,
  .page-login .shell .error-screen .login-form2 input[type="submit"],
  .page-login .shell .error-screen .login-form2 .remember,
  .page-error .shell .login-screen .login-form2 input[type="submit"],
  .page-error .shell .login-screen .login-form2 .remember,
  .page-error .shell .error-screen .login-form2 input[type="submit"],
  .page-error .shell .error-screen .login-form2 .remember {
    display: inline-block;
    vertical-align: middle; }
  .page-register .shell .login-screen .login-form2 .long.check-me label,
  .page-register .shell .error-screen .login-form2 .long.check-me label,
  .page-login .shell .login-screen .login-form2 .long.check-me label,
  .page-login .shell .error-screen .login-form2 .long.check-me label,
  .page-error .shell .login-screen .login-form2 .long.check-me label,
  .page-error .shell .error-screen .login-form2 .long.check-me label {
    top: 6px; }
  .page-register .shell .login-screen .login-form2 .fieldset h2,
  .page-register .shell .error-screen .login-form2 .fieldset h2,
  .page-login .shell .login-screen .login-form2 .fieldset h2,
  .page-login .shell .error-screen .login-form2 .fieldset h2,
  .page-error .shell .login-screen .login-form2 .fieldset h2,
  .page-error .shell .error-screen .login-form2 .fieldset h2 {
    font-size: 1rem;
    margin: 0 0 10px;
    padding: 0; }
  .page-register .shell .login-screen .login-form2 .fieldset h3,
  .page-register .shell .error-screen .login-form2 .fieldset h3,
  .page-login .shell .login-screen .login-form2 .fieldset h3,
  .page-login .shell .error-screen .login-form2 .fieldset h3,
  .page-error .shell .login-screen .login-form2 .fieldset h3,
  .page-error .shell .error-screen .login-form2 .fieldset h3 {
    font-size: .9rem;
    margin: 5px 0; }
  .page-register .shell .login-screen .login-form2 .fieldset p, .page-register .shell .login-screen .login-form2 .fieldset ul,
  .page-register .shell .error-screen .login-form2 .fieldset p,
  .page-register .shell .error-screen .login-form2 .fieldset ul,
  .page-login .shell .login-screen .login-form2 .fieldset p,
  .page-login .shell .login-screen .login-form2 .fieldset ul,
  .page-login .shell .error-screen .login-form2 .fieldset p,
  .page-login .shell .error-screen .login-form2 .fieldset ul,
  .page-error .shell .login-screen .login-form2 .fieldset p,
  .page-error .shell .login-screen .login-form2 .fieldset ul,
  .page-error .shell .error-screen .login-form2 .fieldset p,
  .page-error .shell .error-screen .login-form2 .fieldset ul {
    color: #000;
    font-size: .8rem; }
    .page-register .shell .login-screen .login-form2 .fieldset p.small, .page-register .shell .login-screen .login-form2 .fieldset ul.small,
    .page-register .shell .error-screen .login-form2 .fieldset p.small,
    .page-register .shell .error-screen .login-form2 .fieldset ul.small,
    .page-login .shell .login-screen .login-form2 .fieldset p.small,
    .page-login .shell .login-screen .login-form2 .fieldset ul.small,
    .page-login .shell .error-screen .login-form2 .fieldset p.small,
    .page-login .shell .error-screen .login-form2 .fieldset ul.small,
    .page-error .shell .login-screen .login-form2 .fieldset p.small,
    .page-error .shell .login-screen .login-form2 .fieldset ul.small,
    .page-error .shell .error-screen .login-form2 .fieldset p.small,
    .page-error .shell .error-screen .login-form2 .fieldset ul.small {
      color: #666;
      font-size: .7rem;
      margin: -10px 0 15px; }
  .page-register .shell .login-screen .login-form2 .fieldset.errors, .page-register .shell .login-screen .login-form2 .fieldset.notification, .page-register .shell .login-screen .login-form2 .fieldset.warning, .page-register .shell .login-screen .login-form2 .fieldset.success,
  .page-register .shell .error-screen .login-form2 .fieldset.errors,
  .page-register .shell .error-screen .login-form2 .fieldset.notification,
  .page-register .shell .error-screen .login-form2 .fieldset.warning,
  .page-register .shell .error-screen .login-form2 .fieldset.success,
  .page-login .shell .login-screen .login-form2 .fieldset.errors,
  .page-login .shell .login-screen .login-form2 .fieldset.notification,
  .page-login .shell .login-screen .login-form2 .fieldset.warning,
  .page-login .shell .login-screen .login-form2 .fieldset.success,
  .page-login .shell .error-screen .login-form2 .fieldset.errors,
  .page-login .shell .error-screen .login-form2 .fieldset.notification,
  .page-login .shell .error-screen .login-form2 .fieldset.warning,
  .page-login .shell .error-screen .login-form2 .fieldset.success,
  .page-error .shell .login-screen .login-form2 .fieldset.errors,
  .page-error .shell .login-screen .login-form2 .fieldset.notification,
  .page-error .shell .login-screen .login-form2 .fieldset.warning,
  .page-error .shell .login-screen .login-form2 .fieldset.success,
  .page-error .shell .error-screen .login-form2 .fieldset.errors,
  .page-error .shell .error-screen .login-form2 .fieldset.notification,
  .page-error .shell .error-screen .login-form2 .fieldset.warning,
  .page-error .shell .error-screen .login-form2 .fieldset.success {
    margin-bottom: 20px; }
    .page-register .shell .login-screen .login-form2 .fieldset.errors p:last-child, .page-register .shell .login-screen .login-form2 .fieldset.notification p:last-child, .page-register .shell .login-screen .login-form2 .fieldset.warning p:last-child, .page-register .shell .login-screen .login-form2 .fieldset.success p:last-child,
    .page-register .shell .error-screen .login-form2 .fieldset.errors p:last-child,
    .page-register .shell .error-screen .login-form2 .fieldset.notification p:last-child,
    .page-register .shell .error-screen .login-form2 .fieldset.warning p:last-child,
    .page-register .shell .error-screen .login-form2 .fieldset.success p:last-child,
    .page-login .shell .login-screen .login-form2 .fieldset.errors p:last-child,
    .page-login .shell .login-screen .login-form2 .fieldset.notification p:last-child,
    .page-login .shell .login-screen .login-form2 .fieldset.warning p:last-child,
    .page-login .shell .login-screen .login-form2 .fieldset.success p:last-child,
    .page-login .shell .error-screen .login-form2 .fieldset.errors p:last-child,
    .page-login .shell .error-screen .login-form2 .fieldset.notification p:last-child,
    .page-login .shell .error-screen .login-form2 .fieldset.warning p:last-child,
    .page-login .shell .error-screen .login-form2 .fieldset.success p:last-child,
    .page-error .shell .login-screen .login-form2 .fieldset.errors p:last-child,
    .page-error .shell .login-screen .login-form2 .fieldset.notification p:last-child,
    .page-error .shell .login-screen .login-form2 .fieldset.warning p:last-child,
    .page-error .shell .login-screen .login-form2 .fieldset.success p:last-child,
    .page-error .shell .error-screen .login-form2 .fieldset.errors p:last-child,
    .page-error .shell .error-screen .login-form2 .fieldset.notification p:last-child,
    .page-error .shell .error-screen .login-form2 .fieldset.warning p:last-child,
    .page-error .shell .error-screen .login-form2 .fieldset.success p:last-child {
      margin: 0; }
  .page-register .shell .login-screen .login-form2 .fieldset.errors p, .page-register .shell .login-screen .login-form2 .fieldset.errors ul, .page-register .shell .login-screen .login-form2 .fieldset.errors li,
  .page-register .shell .error-screen .login-form2 .fieldset.errors p,
  .page-register .shell .error-screen .login-form2 .fieldset.errors ul,
  .page-register .shell .error-screen .login-form2 .fieldset.errors li,
  .page-login .shell .login-screen .login-form2 .fieldset.errors p,
  .page-login .shell .login-screen .login-form2 .fieldset.errors ul,
  .page-login .shell .login-screen .login-form2 .fieldset.errors li,
  .page-login .shell .error-screen .login-form2 .fieldset.errors p,
  .page-login .shell .error-screen .login-form2 .fieldset.errors ul,
  .page-login .shell .error-screen .login-form2 .fieldset.errors li,
  .page-error .shell .login-screen .login-form2 .fieldset.errors p,
  .page-error .shell .login-screen .login-form2 .fieldset.errors ul,
  .page-error .shell .login-screen .login-form2 .fieldset.errors li,
  .page-error .shell .error-screen .login-form2 .fieldset.errors p,
  .page-error .shell .error-screen .login-form2 .fieldset.errors ul,
  .page-error .shell .error-screen .login-form2 .fieldset.errors li {
    color: #bd1010; }
  .page-register .shell .login-screen .login-form2 .fieldset.error input[type="text"],
  .page-register .shell .login-screen .login-form2 .fieldset.error input[type="password"],
  .page-register .shell .login-screen .login-form2 .fieldset.error input[type="tel"],
  .page-register .shell .error-screen .login-form2 .fieldset.error input[type="text"],
  .page-register .shell .error-screen .login-form2 .fieldset.error input[type="password"],
  .page-register .shell .error-screen .login-form2 .fieldset.error input[type="tel"],
  .page-login .shell .login-screen .login-form2 .fieldset.error input[type="text"],
  .page-login .shell .login-screen .login-form2 .fieldset.error input[type="password"],
  .page-login .shell .login-screen .login-form2 .fieldset.error input[type="tel"],
  .page-login .shell .error-screen .login-form2 .fieldset.error input[type="text"],
  .page-login .shell .error-screen .login-form2 .fieldset.error input[type="password"],
  .page-login .shell .error-screen .login-form2 .fieldset.error input[type="tel"],
  .page-error .shell .login-screen .login-form2 .fieldset.error input[type="text"],
  .page-error .shell .login-screen .login-form2 .fieldset.error input[type="password"],
  .page-error .shell .login-screen .login-form2 .fieldset.error input[type="tel"],
  .page-error .shell .error-screen .login-form2 .fieldset.error input[type="text"],
  .page-error .shell .error-screen .login-form2 .fieldset.error input[type="password"],
  .page-error .shell .error-screen .login-form2 .fieldset.error input[type="tel"] {
    border: 1px solid #bd1010; }
  .page-register .shell .login-screen .login-form2 .fieldset.error .error-message,
  .page-register .shell .error-screen .login-form2 .fieldset.error .error-message,
  .page-login .shell .login-screen .login-form2 .fieldset.error .error-message,
  .page-login .shell .error-screen .login-form2 .fieldset.error .error-message,
  .page-error .shell .login-screen .login-form2 .fieldset.error .error-message,
  .page-error .shell .error-screen .login-form2 .fieldset.error .error-message {
    background: #bd1010;
    color: #fff;
    font-size: 0.7rem;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 2px 10px 4px; }

.remember-me .fieldset,
.remember-me .check-me {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top; }

.page-register .shell .login-screen,
.page-register .shell .error-screen,
.page-login .shell .login-screen,
.page-login .shell .error-screen,
.page-error .shell .login-screen,
.page-error .shell .error-screen {
  position: relative; }

@media screen and (min-width: 40.063em) {
  .page-register .shell .login-screen,
  .page-register .shell .error-screen,
  .page-login .shell .login-screen,
  .page-login .shell .error-screen,
  .page-error .shell .login-screen,
  .page-error .shell .error-screen {
    margin: 40px auto;
    max-width: 800px; } }

.page-error .error-screen .content {
  padding: 20px; }

.page-error .error-screen h1 {
  border-bottom: 1px dashed #999;
  font-size: 1.3rem;
  margin: 0 auto 20px;
  padding: 36px 0 18px;
  max-width: 80%;
  text-align: center; }

.page-error .error-screen h2 {
  font-size: 1.1rem;
  margin: 0 auto;
  padding: 0 0 18px;
  max-width: 80%;
  text-align: center; }

.page-error .error-screen p {
  color: #333;
  font-size: .8rem;
  margin: 0 auto 20px;
  max-width: 80%;
  text-align: center; }

.page-error .error-screen .error-code {
  color: #999;
  font-size: 5rem;
  font-weight: 600;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  text-shadow: 0 1px 1px #fff; }

.page-login .shell .login-screen .topbar h1,
.page-login .shell .error-screen .topbar h1,
.page-register .shell .login-screen .topbar h1,
.page-register .shell .error-screen .topbar h1,
.page-error .shell .login-screen .topbar h1,
.page-error .shell .error-screen .topbar h1 {
  height: 60px;
  margin: 0 auto;
  width: 180px; }
  .page-login .shell .login-screen .topbar h1 a,
  .page-login .shell .error-screen .topbar h1 a,
  .page-register .shell .login-screen .topbar h1 a,
  .page-register .shell .error-screen .topbar h1 a,
  .page-error .shell .login-screen .topbar h1 a,
  .page-error .shell .error-screen .topbar h1 a {
    background: url(../images/s1bglogo.png) no-repeat;
    background-size: auto 100%;
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: -999em;
    width: 100%; }
    .page-login .shell .login-screen .topbar h1 a img,
    .page-login .shell .error-screen .topbar h1 a img,
    .page-register .shell .login-screen .topbar h1 a img,
    .page-register .shell .error-screen .topbar h1 a img,
    .page-error .shell .login-screen .topbar h1 a img,
    .page-error .shell .error-screen .topbar h1 a img {
      display: none !important; }

@media screen and (min-width: 40.063em) {
  .page-login .shell .login-screen .topbar h1,
  .page-login .shell .error-screen .topbar h1,
  .page-register .shell .login-screen .topbar h1,
  .page-register .shell .error-screen .topbar h1,
  .page-error .shell .login-screen .topbar h1,
  .page-error .shell .error-screen .topbar h1 {
    width: 52%; } }

.page-error {
  background: #dfdfdf; }
  .page-error .shell .error-screen {
    box-shadow: none; }
  .page-error h1.icon-emo-unhappy:before {
    color: #999;
    display: inline-block;
    font-size: 1.2rem;
    padding-right: 25px;
    text-shadow: 0 1px 1px #fff; }

.page-register .content-block .fieldset .input-holder.date-fields input.yyyy {
  width: -moz-calc(40% + 1px);
  width: -webkit-calc(40% + 1px);
  width: calc(40% + 1px); }
  @media screen and (min-width: 64.063em) {
    .page-register .content-block .fieldset .input-holder.date-fields input.yyyy {
      width: 58px; } }

.m-screen .login-username,
.m-screen .use-mobile,
.m-screen a.forgot {
  display: none !important; }

.u-screen .login-mobile,
.u-screen .use-username {
  display: none !important; }

.login-options {
  margin-bottom: 20px;
  padding-bottom: 10px; }
  .login-options h1 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0; }
  .login-options p {
    margin: 0;
    padding: 10px 0; }

.page-login .main-form span.prefix,
.page-register .main-form span.prefix {
  background: #eaeaea;
  border: 0;
  box-shadow: 0 1px 0 #fff inset;
  color: #8c8c8c;
  font-size: 1.2rem;
  height: 33px;
  left: 1px;
  line-height: 32px;
  top: 1px; }
  .page-login .main-form span.prefix:before,
  .page-register .main-form span.prefix:before {
    font-size: 1rem; }
  .page-login .main-form span.prefix.icon-mobile,
  .page-register .main-form span.prefix.icon-mobile {
    line-height: 34px; }
    .page-login .main-form span.prefix.icon-mobile:before,
    .page-register .main-form span.prefix.icon-mobile:before {
      font-size: 1.5rem; }

.page-login .main-form .error span.prefix,
.page-register .main-form .error span.prefix {
  border: 0;
  box-shadow: none;
  color: #fff;
  height: 35px;
  left: 0;
  top: 0; }
  .page-login .main-form .error span.prefix:before,
  .page-register .main-form .error span.prefix:before {
    color: #fff; }

.page-login,
.page-register,
.page-error {
  background: #dfdfdf; }
  .page-login .user-info,
  .page-register .user-info,
  .page-error .user-info {
    border-top: 1px dashed #999;
    color: #333;
    font-size: 0.75rem;
    line-height: 0.9rem;
    margin: 10px 0 0;
    padding: 10px 0; }
  .page-login .powered,
  .page-register .powered,
  .page-error .powered {
    font-size: .6rem;
    margin: 50px 0;
    padding: 0;
    text-align: center;
    width: 100%; }
    .page-login .powered span,
    .page-register .powered span,
    .page-error .powered span {
      color: #999;
      display: inline-block;
      vertical-align: middle; }
    .page-login .powered img,
    .page-register .powered img,
    .page-error .powered img {
      display: inline-block;
      margin: 0 5px;
      opacity: .3;
      vertical-align: middle;
      width: 100px; }
    @media screen and (min-width: 40.063em) {
      .page-login .powered,
      .page-register .powered,
      .page-error .powered {
        float: right;
        margin: 0 15px 15px 0;
        text-align: right;
        width: 195px; } }
  .page-login form,
  .page-register form,
  .page-error form {
    height: 100%; }
  .page-login .main-form h2,
  .page-register .main-form h2,
  .page-error .main-form h2 {
    font-size: 1rem;
    margin: 0 0 10px;
    padding: 0; }
  .page-login .main-form .button,
  .page-login .main-form input[type="submit"].button,
  .page-register .main-form .button,
  .page-register .main-form input[type="submit"].button,
  .page-error .main-form .button,
  .page-error .main-form input[type="submit"].button {
    width: 98%; }
    .page-login .main-form .button.auto.full,
    .page-login .main-form input[type="submit"].button.auto.full,
    .page-register .main-form .button.auto.full,
    .page-register .main-form input[type="submit"].button.auto.full,
    .page-error .main-form .button.auto.full,
    .page-error .main-form input[type="submit"].button.auto.full {
      width: 100%; }
      @media screen and (min-width: 40.063em) {
        .page-login .main-form .button.auto.full,
        .page-login .main-form input[type="submit"].button.auto.full,
        .page-register .main-form .button.auto.full,
        .page-register .main-form input[type="submit"].button.auto.full,
        .page-error .main-form .button.auto.full,
        .page-error .main-form input[type="submit"].button.auto.full {
          width: auto; } }
    @media screen and (min-width: 480px) {
      .page-login .main-form .button.offset,
      .page-login .main-form input[type="submit"].button.offset,
      .page-register .main-form .button.offset,
      .page-register .main-form input[type="submit"].button.offset,
      .page-error .main-form .button.offset,
      .page-error .main-form input[type="submit"].button.offset {
        margin-left: 40%;
        width: auto; } }
  .page-login .shell,
  .page-register .shell,
  .page-error .shell {
    background: #dfdfdf;
    box-shadow: none;
    height: 100%;
    margin: 0;
    width: 100%; }
    .page-login .shell .login-screen .alert-box,
    .page-login .shell .error-screen .alert-box,
    .page-register .shell .login-screen .alert-box,
    .page-register .shell .error-screen .alert-box,
    .page-error .shell .login-screen .alert-box,
    .page-error .shell .error-screen .alert-box {
      margin-left: 0;
      margin-right: 0; }
    .page-login .shell .login-screen .topbar,
    .page-login .shell .error-screen .topbar,
    .page-register .shell .login-screen .topbar,
    .page-register .shell .error-screen .topbar,
    .page-error .shell .login-screen .topbar,
    .page-error .shell .error-screen .topbar {
      background: #353534; }
      .page-login .shell .login-screen .topbar h1,
      .page-login .shell .error-screen .topbar h1,
      .page-register .shell .login-screen .topbar h1,
      .page-register .shell .error-screen .topbar h1,
      .page-error .shell .login-screen .topbar h1,
      .page-error .shell .error-screen .topbar h1 {
        margin: 0;
        padding: 10px;
        text-align: center; }
        .page-login .shell .login-screen .topbar h1 img,
        .page-login .shell .error-screen .topbar h1 img,
        .page-register .shell .login-screen .topbar h1 img,
        .page-register .shell .error-screen .topbar h1 img,
        .page-error .shell .login-screen .topbar h1 img,
        .page-error .shell .error-screen .topbar h1 img {
          display: block;
          margin: auto;
          max-height: 40px; }
      .page-login .shell .login-screen .topbar .message-bar,
      .page-login .shell .error-screen .topbar .message-bar,
      .page-register .shell .login-screen .topbar .message-bar,
      .page-register .shell .error-screen .topbar .message-bar,
      .page-error .shell .login-screen .topbar .message-bar,
      .page-error .shell .error-screen .topbar .message-bar {
        background: rgba(0, 0, 0, 0.2);
        color: rgba(255, 255, 255, 0.6);
        font-size: .8rem;
        font-weight: 600;
        padding: 10px;
        text-align: center;
        text-transform: uppercase; }
    .page-login .shell .login-screen .cta,
    .page-login .shell .error-screen .cta,
    .page-register .shell .login-screen .cta,
    .page-register .shell .error-screen .cta,
    .page-error .shell .login-screen .cta,
    .page-error .shell .error-screen .cta {
      margin: 20px 0.9375rem -10px;
      text-align: center; }
      @media screen and (min-width: 480px) {
        .page-login .shell .login-screen .cta,
        .page-login .shell .error-screen .cta,
        .page-register .shell .login-screen .cta,
        .page-register .shell .error-screen .cta,
        .page-error .shell .login-screen .cta,
        .page-error .shell .error-screen .cta {
          display: none; } }
      .page-login .shell .login-screen .cta p,
      .page-login .shell .error-screen .cta p,
      .page-register .shell .login-screen .cta p,
      .page-register .shell .error-screen .cta p,
      .page-error .shell .login-screen .cta p,
      .page-error .shell .error-screen .cta p {
        margin: 0; }
      .page-login .shell .login-screen .cta .button,
      .page-login .shell .error-screen .cta .button,
      .page-register .shell .login-screen .cta .button,
      .page-register .shell .error-screen .cta .button,
      .page-error .shell .login-screen .cta .button,
      .page-error .shell .error-screen .cta .button {
        background: #3095d6;
        color: #fff;
        display: block;
        margin: 10px 0;
        width: 100%; }
        .page-login .shell .login-screen .cta .button:active, .page-login .shell .login-screen .cta .button:focus, .page-login .shell .login-screen .cta .button:hover,
        .page-login .shell .error-screen .cta .button:active,
        .page-login .shell .error-screen .cta .button:focus,
        .page-login .shell .error-screen .cta .button:hover,
        .page-register .shell .login-screen .cta .button:active,
        .page-register .shell .login-screen .cta .button:focus,
        .page-register .shell .login-screen .cta .button:hover,
        .page-register .shell .error-screen .cta .button:active,
        .page-register .shell .error-screen .cta .button:focus,
        .page-register .shell .error-screen .cta .button:hover,
        .page-error .shell .login-screen .cta .button:active,
        .page-error .shell .login-screen .cta .button:focus,
        .page-error .shell .login-screen .cta .button:hover,
        .page-error .shell .error-screen .cta .button:active,
        .page-error .shell .error-screen .cta .button:focus,
        .page-error .shell .error-screen .cta .button:hover {
          background: #3095d6;
          background-image: url(../images/hover.png); }
    .page-login .shell .brandbar,
    .page-register .shell .brandbar,
    .page-error .shell .brandbar {
      background: #00bf5c;
      color: #fff; }
      .page-login .shell .brandbar h2,
      .page-register .shell .brandbar h2,
      .page-error .shell .brandbar h2 {
        color: #fff;
        font-size: 1rem;
        margin: 0;
        padding: 10px 0; }
      .page-login .shell .brandbar .button,
      .page-register .shell .brandbar .button,
      .page-error .shell .brandbar .button {
        margin-left: 10px; }
      .page-login .shell .brandbar p, .page-login .shell .brandbar a.forgot,
      .page-register .shell .brandbar p,
      .page-register .shell .brandbar a.forgot,
      .page-error .shell .brandbar p,
      .page-error .shell .brandbar a.forgot {
        display: block;
        margin: 0;
        padding: 10px 0;
        text-align: center; }
      .page-login .shell .brandbar a.forgot,
      .page-register .shell .brandbar a.forgot,
      .page-error .shell .brandbar a.forgot {
        pointer-events: none; }
        .page-login .shell .brandbar a.forgot span,
        .page-register .shell .brandbar a.forgot span,
        .page-error .shell .brandbar a.forgot span {
          pointer-events: auto;
          position: relative; }
        @media screen and (max-width: 40em) {
          .page-login .shell .brandbar a.forgot,
          .page-register .shell .brandbar a.forgot,
          .page-error .shell .brandbar a.forgot {
            border-bottom: 1px solid rgba(255, 255, 255, 0.25); } }
      .page-login .shell .brandbar a,
      .page-register .shell .brandbar a,
      .page-error .shell .brandbar a {
        color: #fff; }
      .page-login .shell .brandbar .button,
      .page-register .shell .brandbar .button,
      .page-error .shell .brandbar .button {
        background: #fff;
        color: #333;
        display: inline-block;
        margin-bottom: 0; }
    .page-login .shell .warning,
    .page-login .shell .errors,
    .page-login .shell .notification,
    .page-login .shell .success,
    .page-register .shell .warning,
    .page-register .shell .errors,
    .page-register .shell .notification,
    .page-register .shell .success,
    .page-error .shell .warning,
    .page-error .shell .errors,
    .page-error .shell .notification,
    .page-error .shell .success {
      background: #fde8e8;
      border: 1px solid #bd1010;
      padding: 10px; }
      .page-login .shell .warning h2,
      .page-login .shell .errors h2,
      .page-login .shell .notification h2,
      .page-login .shell .success h2,
      .page-register .shell .warning h2,
      .page-register .shell .errors h2,
      .page-register .shell .notification h2,
      .page-register .shell .success h2,
      .page-error .shell .warning h2,
      .page-error .shell .errors h2,
      .page-error .shell .notification h2,
      .page-error .shell .success h2 {
        color: #bd1010;
        font-size: 1rem;
        margin: 0 0 10px;
        padding: 0; }
      .page-login .shell .warning h3,
      .page-login .shell .errors h3,
      .page-login .shell .notification h3,
      .page-login .shell .success h3,
      .page-register .shell .warning h3,
      .page-register .shell .errors h3,
      .page-register .shell .notification h3,
      .page-register .shell .success h3,
      .page-error .shell .warning h3,
      .page-error .shell .errors h3,
      .page-error .shell .notification h3,
      .page-error .shell .success h3 {
        color: #bd1010;
        font-size: .9rem;
        margin: 5px 0; }
      .page-login .shell .warning p, .page-login .shell .warning li,
      .page-login .shell .errors p,
      .page-login .shell .errors li,
      .page-login .shell .notification p,
      .page-login .shell .notification li,
      .page-login .shell .success p,
      .page-login .shell .success li,
      .page-register .shell .warning p,
      .page-register .shell .warning li,
      .page-register .shell .errors p,
      .page-register .shell .errors li,
      .page-register .shell .notification p,
      .page-register .shell .notification li,
      .page-register .shell .success p,
      .page-register .shell .success li,
      .page-error .shell .warning p,
      .page-error .shell .warning li,
      .page-error .shell .errors p,
      .page-error .shell .errors li,
      .page-error .shell .notification p,
      .page-error .shell .notification li,
      .page-error .shell .success p,
      .page-error .shell .success li {
        color: #bd1010;
        font-size: .8rem; }
        .page-login .shell .warning p:last-child, .page-login .shell .warning li:last-child,
        .page-login .shell .errors p:last-child,
        .page-login .shell .errors li:last-child,
        .page-login .shell .notification p:last-child,
        .page-login .shell .notification li:last-child,
        .page-login .shell .success p:last-child,
        .page-login .shell .success li:last-child,
        .page-register .shell .warning p:last-child,
        .page-register .shell .warning li:last-child,
        .page-register .shell .errors p:last-child,
        .page-register .shell .errors li:last-child,
        .page-register .shell .notification p:last-child,
        .page-register .shell .notification li:last-child,
        .page-register .shell .success p:last-child,
        .page-register .shell .success li:last-child,
        .page-error .shell .warning p:last-child,
        .page-error .shell .warning li:last-child,
        .page-error .shell .errors p:last-child,
        .page-error .shell .errors li:last-child,
        .page-error .shell .notification p:last-child,
        .page-error .shell .notification li:last-child,
        .page-error .shell .success p:last-child,
        .page-error .shell .success li:last-child {
          margin: 0; }
      .page-login .shell .warning .fieldset,
      .page-login .shell .errors .fieldset,
      .page-login .shell .notification .fieldset,
      .page-login .shell .success .fieldset,
      .page-register .shell .warning .fieldset,
      .page-register .shell .errors .fieldset,
      .page-register .shell .notification .fieldset,
      .page-register .shell .success .fieldset,
      .page-error .shell .warning .fieldset,
      .page-error .shell .errors .fieldset,
      .page-error .shell .notification .fieldset,
      .page-error .shell .success .fieldset {
        margin: 0 auto;
        max-width: 325px; }
      .page-login .shell .warning input[type="submit"].button,
      .page-login .shell .errors input[type="submit"].button,
      .page-login .shell .notification input[type="submit"].button,
      .page-login .shell .success input[type="submit"].button,
      .page-register .shell .warning input[type="submit"].button,
      .page-register .shell .errors input[type="submit"].button,
      .page-register .shell .notification input[type="submit"].button,
      .page-register .shell .success input[type="submit"].button,
      .page-error .shell .warning input[type="submit"].button,
      .page-error .shell .errors input[type="submit"].button,
      .page-error .shell .notification input[type="submit"].button,
      .page-error .shell .success input[type="submit"].button {
        background: #bd1010;
        width: 100%; }
        .page-login .shell .warning input[type="submit"].button:active, .page-login .shell .warning input[type="submit"].button:focus, .page-login .shell .warning input[type="submit"].button:hover,
        .page-login .shell .errors input[type="submit"].button:active,
        .page-login .shell .errors input[type="submit"].button:focus,
        .page-login .shell .errors input[type="submit"].button:hover,
        .page-login .shell .notification input[type="submit"].button:active,
        .page-login .shell .notification input[type="submit"].button:focus,
        .page-login .shell .notification input[type="submit"].button:hover,
        .page-login .shell .success input[type="submit"].button:active,
        .page-login .shell .success input[type="submit"].button:focus,
        .page-login .shell .success input[type="submit"].button:hover,
        .page-register .shell .warning input[type="submit"].button:active,
        .page-register .shell .warning input[type="submit"].button:focus,
        .page-register .shell .warning input[type="submit"].button:hover,
        .page-register .shell .errors input[type="submit"].button:active,
        .page-register .shell .errors input[type="submit"].button:focus,
        .page-register .shell .errors input[type="submit"].button:hover,
        .page-register .shell .notification input[type="submit"].button:active,
        .page-register .shell .notification input[type="submit"].button:focus,
        .page-register .shell .notification input[type="submit"].button:hover,
        .page-register .shell .success input[type="submit"].button:active,
        .page-register .shell .success input[type="submit"].button:focus,
        .page-register .shell .success input[type="submit"].button:hover,
        .page-error .shell .warning input[type="submit"].button:active,
        .page-error .shell .warning input[type="submit"].button:focus,
        .page-error .shell .warning input[type="submit"].button:hover,
        .page-error .shell .errors input[type="submit"].button:active,
        .page-error .shell .errors input[type="submit"].button:focus,
        .page-error .shell .errors input[type="submit"].button:hover,
        .page-error .shell .notification input[type="submit"].button:active,
        .page-error .shell .notification input[type="submit"].button:focus,
        .page-error .shell .notification input[type="submit"].button:hover,
        .page-error .shell .success input[type="submit"].button:active,
        .page-error .shell .success input[type="submit"].button:focus,
        .page-error .shell .success input[type="submit"].button:hover {
          background: #bd1010;
          background-image: url(../images/hover.png); }
    .page-login .shell .notification,
    .page-register .shell .notification,
    .page-error .shell .notification {
      background: #d4e9f6;
      border: 1px solid #075a8f; }
      .page-login .shell .notification h2, .page-login .shell .notification h3, .page-login .shell .notification p, .page-login .shell .notification li,
      .page-register .shell .notification h2,
      .page-register .shell .notification h3,
      .page-register .shell .notification p,
      .page-register .shell .notification li,
      .page-error .shell .notification h2,
      .page-error .shell .notification h3,
      .page-error .shell .notification p,
      .page-error .shell .notification li {
        color: #075a8f; }
      .page-login .shell .notification input[type="submit"].button,
      .page-register .shell .notification input[type="submit"].button,
      .page-error .shell .notification input[type="submit"].button {
        background: #075a8f;
        color: #fff; }
        .page-login .shell .notification input[type="submit"].button:active, .page-login .shell .notification input[type="submit"].button:focus, .page-login .shell .notification input[type="submit"].button:hover,
        .page-register .shell .notification input[type="submit"].button:active,
        .page-register .shell .notification input[type="submit"].button:focus,
        .page-register .shell .notification input[type="submit"].button:hover,
        .page-error .shell .notification input[type="submit"].button:active,
        .page-error .shell .notification input[type="submit"].button:focus,
        .page-error .shell .notification input[type="submit"].button:hover {
          background: #075a8f;
          background-image: url(../images/hover.png); }
    .page-login .shell .success,
    .page-register .shell .success,
    .page-error .shell .success {
      background: #e9f5e3;
      border: 1px solid #4b8928; }
      .page-login .shell .success h2, .page-login .shell .success h3, .page-login .shell .success p, .page-login .shell .success li,
      .page-register .shell .success h2,
      .page-register .shell .success h3,
      .page-register .shell .success p,
      .page-register .shell .success li,
      .page-error .shell .success h2,
      .page-error .shell .success h3,
      .page-error .shell .success p,
      .page-error .shell .success li {
        color: #4b8928; }
      .page-login .shell .success input[type="submit"].button,
      .page-register .shell .success input[type="submit"].button,
      .page-error .shell .success input[type="submit"].button {
        background: #4b8928; }
        .page-login .shell .success input[type="submit"].button:active, .page-login .shell .success input[type="submit"].button:focus, .page-login .shell .success input[type="submit"].button:hover,
        .page-register .shell .success input[type="submit"].button:active,
        .page-register .shell .success input[type="submit"].button:focus,
        .page-register .shell .success input[type="submit"].button:hover,
        .page-error .shell .success input[type="submit"].button:active,
        .page-error .shell .success input[type="submit"].button:focus,
        .page-error .shell .success input[type="submit"].button:hover {
          background: #4b8928;
          background-image: url(../images/hover.png); }
  .page-login .error-message,
  .page-register .error-message,
  .page-error .error-message {
    display: none; }
  .page-login .error .error-message,
  .page-register .error .error-message,
  .page-error .error .error-message {
    display: block; }
  @media screen and (min-width: 40.063em) {
    .page-login,
    .page-register,
    .page-error {
      background: linear-gradient(rgba(30, 20, 20, 0.85), rgba(30, 20, 20, 0.85)), url(../images/startscreen.jpg) no-repeat center center;
      background-size: cover;
      background-attachment: fixed;
      height: 100%; }
      .page-login .shell,
      .page-register .shell,
      .page-error .shell {
        background: none;
        height: 100%;
        margin: 0;
        text-align: center;
        width: 100%; }
        .page-login .shell:before,
        .page-register .shell:before,
        .page-error .shell:before {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle;
          margin-right: -0.25em; }
        .page-login .shell .login-screen,
        .page-login .shell .error-screen,
        .page-register .shell .login-screen,
        .page-register .shell .error-screen,
        .page-error .shell .login-screen,
        .page-error .shell .error-screen {
          background: #dfdfdf;
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
          display: inline-block;
          margin: auto;
          max-width: 530px;
          text-align: left;
          vertical-align: middle;
          width: 80%; }
          .page-login .shell .login-screen .topbar h1,
          .page-login .shell .error-screen .topbar h1,
          .page-register .shell .login-screen .topbar h1,
          .page-register .shell .error-screen .topbar h1,
          .page-error .shell .login-screen .topbar h1,
          .page-error .shell .error-screen .topbar h1 {
            border: 0;
            display: inline-block;
            text-align: left;
            vertical-align: middle;
            width: 52%; }
            .page-login .shell .login-screen .topbar h1 img,
            .page-login .shell .error-screen .topbar h1 img,
            .page-register .shell .login-screen .topbar h1 img,
            .page-register .shell .error-screen .topbar h1 img,
            .page-error .shell .login-screen .topbar h1 img,
            .page-error .shell .error-screen .topbar h1 img {
              margin: 0; }
          .page-login .shell .login-screen .topbar .message-bar,
          .page-login .shell .error-screen .topbar .message-bar,
          .page-register .shell .login-screen .topbar .message-bar,
          .page-register .shell .error-screen .topbar .message-bar,
          .page-error .shell .login-screen .topbar .message-bar,
          .page-error .shell .error-screen .topbar .message-bar {
            background: none;
            border-left: 1px solid rgba(255, 255, 255, 0.7);
            display: inline-block;
            padding: 0;
            text-align: right;
            vertical-align: middle;
            white-space: nowrap;
            width: 44%; }
          .page-login .shell .login-screen .brandbar .columns,
          .page-login .shell .error-screen .brandbar .columns,
          .page-register .shell .login-screen .brandbar .columns,
          .page-register .shell .error-screen .brandbar .columns,
          .page-error .shell .login-screen .brandbar .columns,
          .page-error .shell .error-screen .brandbar .columns {
            border: 0;
            height: auto; }
          .page-login .shell .login-screen .brandbar p, .page-login .shell .login-screen .brandbar a.forgot,
          .page-login .shell .error-screen .brandbar p,
          .page-login .shell .error-screen .brandbar a.forgot,
          .page-register .shell .login-screen .brandbar p,
          .page-register .shell .login-screen .brandbar a.forgot,
          .page-register .shell .error-screen .brandbar p,
          .page-register .shell .error-screen .brandbar a.forgot,
          .page-error .shell .login-screen .brandbar p,
          .page-error .shell .login-screen .brandbar a.forgot,
          .page-error .shell .error-screen .brandbar p,
          .page-error .shell .error-screen .brandbar a.forgot {
            display: block;
            line-height: 40px;
            padding: 10px 0;
            text-align: left; }
          .page-login .shell .login-screen .brandbar .columns:last-child p,
          .page-login .shell .error-screen .brandbar .columns:last-child p,
          .page-register .shell .login-screen .brandbar .columns:last-child p,
          .page-register .shell .error-screen .brandbar .columns:last-child p,
          .page-error .shell .login-screen .brandbar .columns:last-child p,
          .page-error .shell .error-screen .brandbar .columns:last-child p {
            text-align: right; } }

.cta {
  display: none; }

.page-register .main-form input[type="submit"].button,
.page-register .main-form input[type="submit"].button {
  width: 98%; }
  @media screen and (min-width: 480px) {
    .page-register .main-form input[type="submit"].button.offset,
    .page-register .main-form input[type="submit"].button.offset {
      margin-left: 0;
      width: auto; } }

#useraccounts {
  margin-top: 10px; }

.page-register .shell .login-screen .login-form2,
.page-register .shell .error-screen .login-form2,
.page-login .shell .login-screen .login-form2,
.page-login .shell .error-screen .login-form2,
.page-error .shell .login-screen .login-form2,
.page-error .shell .error-screen .login-form2 {
  margin: 0 auto;
  padding: 30px 0;
  width: auto; }
  @media screen and (min-width: 40.063em) {
    .page-register .shell .login-screen .login-form2,
    .page-register .shell .error-screen .login-form2,
    .page-login .shell .login-screen .login-form2,
    .page-login .shell .error-screen .login-form2,
    .page-error .shell .login-screen .login-form2,
    .page-error .shell .error-screen .login-form2 {
      max-width: 80%; } }
  .page-register .shell .login-screen .login-form2 .fieldset,
  .page-register .shell .error-screen .login-form2 .fieldset,
  .page-login .shell .login-screen .login-form2 .fieldset,
  .page-login .shell .error-screen .login-form2 .fieldset,
  .page-error .shell .login-screen .login-form2 .fieldset,
  .page-error .shell .error-screen .login-form2 .fieldset {
    margin: 0 auto; }
  .page-register .shell .login-screen .login-form2 label,
  .page-register .shell .error-screen .login-form2 label,
  .page-login .shell .login-screen .login-form2 label,
  .page-login .shell .error-screen .login-form2 label,
  .page-error .shell .login-screen .login-form2 label,
  .page-error .shell .error-screen .login-form2 label {
    color: #666;
    display: block;
    font-size: 0.7rem;
    margin: 0 0 5px; }
  .page-register .shell .login-screen .login-form2 input[type="text"],
  .page-register .shell .login-screen .login-form2 input[type="password"],
  .page-register .shell .login-screen .login-form2 input[type="date"],
  .page-register .shell .login-screen .login-form2 input[type="tel"],
  .page-register .shell .login-screen .login-form2 select,
  .page-register .shell .login-screen .login-form2 textarea,
  .page-register .shell .error-screen .login-form2 input[type="text"],
  .page-register .shell .error-screen .login-form2 input[type="password"],
  .page-register .shell .error-screen .login-form2 input[type="date"],
  .page-register .shell .error-screen .login-form2 input[type="tel"],
  .page-register .shell .error-screen .login-form2 select,
  .page-register .shell .error-screen .login-form2 textarea,
  .page-login .shell .login-screen .login-form2 input[type="text"],
  .page-login .shell .login-screen .login-form2 input[type="password"],
  .page-login .shell .login-screen .login-form2 input[type="date"],
  .page-login .shell .login-screen .login-form2 input[type="tel"],
  .page-login .shell .login-screen .login-form2 select,
  .page-login .shell .login-screen .login-form2 textarea,
  .page-login .shell .error-screen .login-form2 input[type="text"],
  .page-login .shell .error-screen .login-form2 input[type="password"],
  .page-login .shell .error-screen .login-form2 input[type="date"],
  .page-login .shell .error-screen .login-form2 input[type="tel"],
  .page-login .shell .error-screen .login-form2 select,
  .page-login .shell .error-screen .login-form2 textarea,
  .page-error .shell .login-screen .login-form2 input[type="text"],
  .page-error .shell .login-screen .login-form2 input[type="password"],
  .page-error .shell .login-screen .login-form2 input[type="date"],
  .page-error .shell .login-screen .login-form2 input[type="tel"],
  .page-error .shell .login-screen .login-form2 select,
  .page-error .shell .login-screen .login-form2 textarea,
  .page-error .shell .error-screen .login-form2 input[type="text"],
  .page-error .shell .error-screen .login-form2 input[type="password"],
  .page-error .shell .error-screen .login-form2 input[type="date"],
  .page-error .shell .error-screen .login-form2 input[type="tel"],
  .page-error .shell .error-screen .login-form2 select,
  .page-error .shell .error-screen .login-form2 textarea {
    background: #f5f5f5;
    border: 1px solid #bbb;
    color: #666;
    font-size: .8rem; }
    .page-register .shell .login-screen .login-form2 input[type="text"]:active, .page-register .shell .login-screen .login-form2 input[type="text"]:focus,
    .page-register .shell .login-screen .login-form2 input[type="password"]:active,
    .page-register .shell .login-screen .login-form2 input[type="password"]:focus,
    .page-register .shell .login-screen .login-form2 input[type="date"]:active,
    .page-register .shell .login-screen .login-form2 input[type="date"]:focus,
    .page-register .shell .login-screen .login-form2 input[type="tel"]:active,
    .page-register .shell .login-screen .login-form2 input[type="tel"]:focus,
    .page-register .shell .login-screen .login-form2 select:active,
    .page-register .shell .login-screen .login-form2 select:focus,
    .page-register .shell .login-screen .login-form2 textarea:active,
    .page-register .shell .login-screen .login-form2 textarea:focus,
    .page-register .shell .error-screen .login-form2 input[type="text"]:active,
    .page-register .shell .error-screen .login-form2 input[type="text"]:focus,
    .page-register .shell .error-screen .login-form2 input[type="password"]:active,
    .page-register .shell .error-screen .login-form2 input[type="password"]:focus,
    .page-register .shell .error-screen .login-form2 input[type="date"]:active,
    .page-register .shell .error-screen .login-form2 input[type="date"]:focus,
    .page-register .shell .error-screen .login-form2 input[type="tel"]:active,
    .page-register .shell .error-screen .login-form2 input[type="tel"]:focus,
    .page-register .shell .error-screen .login-form2 select:active,
    .page-register .shell .error-screen .login-form2 select:focus,
    .page-register .shell .error-screen .login-form2 textarea:active,
    .page-register .shell .error-screen .login-form2 textarea:focus,
    .page-login .shell .login-screen .login-form2 input[type="text"]:active,
    .page-login .shell .login-screen .login-form2 input[type="text"]:focus,
    .page-login .shell .login-screen .login-form2 input[type="password"]:active,
    .page-login .shell .login-screen .login-form2 input[type="password"]:focus,
    .page-login .shell .login-screen .login-form2 input[type="date"]:active,
    .page-login .shell .login-screen .login-form2 input[type="date"]:focus,
    .page-login .shell .login-screen .login-form2 input[type="tel"]:active,
    .page-login .shell .login-screen .login-form2 input[type="tel"]:focus,
    .page-login .shell .login-screen .login-form2 select:active,
    .page-login .shell .login-screen .login-form2 select:focus,
    .page-login .shell .login-screen .login-form2 textarea:active,
    .page-login .shell .login-screen .login-form2 textarea:focus,
    .page-login .shell .error-screen .login-form2 input[type="text"]:active,
    .page-login .shell .error-screen .login-form2 input[type="text"]:focus,
    .page-login .shell .error-screen .login-form2 input[type="password"]:active,
    .page-login .shell .error-screen .login-form2 input[type="password"]:focus,
    .page-login .shell .error-screen .login-form2 input[type="date"]:active,
    .page-login .shell .error-screen .login-form2 input[type="date"]:focus,
    .page-login .shell .error-screen .login-form2 input[type="tel"]:active,
    .page-login .shell .error-screen .login-form2 input[type="tel"]:focus,
    .page-login .shell .error-screen .login-form2 select:active,
    .page-login .shell .error-screen .login-form2 select:focus,
    .page-login .shell .error-screen .login-form2 textarea:active,
    .page-login .shell .error-screen .login-form2 textarea:focus,
    .page-error .shell .login-screen .login-form2 input[type="text"]:active,
    .page-error .shell .login-screen .login-form2 input[type="text"]:focus,
    .page-error .shell .login-screen .login-form2 input[type="password"]:active,
    .page-error .shell .login-screen .login-form2 input[type="password"]:focus,
    .page-error .shell .login-screen .login-form2 input[type="date"]:active,
    .page-error .shell .login-screen .login-form2 input[type="date"]:focus,
    .page-error .shell .login-screen .login-form2 input[type="tel"]:active,
    .page-error .shell .login-screen .login-form2 input[type="tel"]:focus,
    .page-error .shell .login-screen .login-form2 select:active,
    .page-error .shell .login-screen .login-form2 select:focus,
    .page-error .shell .login-screen .login-form2 textarea:active,
    .page-error .shell .login-screen .login-form2 textarea:focus,
    .page-error .shell .error-screen .login-form2 input[type="text"]:active,
    .page-error .shell .error-screen .login-form2 input[type="text"]:focus,
    .page-error .shell .error-screen .login-form2 input[type="password"]:active,
    .page-error .shell .error-screen .login-form2 input[type="password"]:focus,
    .page-error .shell .error-screen .login-form2 input[type="date"]:active,
    .page-error .shell .error-screen .login-form2 input[type="date"]:focus,
    .page-error .shell .error-screen .login-form2 input[type="tel"]:active,
    .page-error .shell .error-screen .login-form2 input[type="tel"]:focus,
    .page-error .shell .error-screen .login-form2 select:active,
    .page-error .shell .error-screen .login-form2 select:focus,
    .page-error .shell .error-screen .login-form2 textarea:active,
    .page-error .shell .error-screen .login-form2 textarea:focus {
      background: #fff;
      border: 1px solid #777; }
  .page-register .shell .login-screen .login-form2 input[type="submit"],
  .page-register .shell .error-screen .login-form2 input[type="submit"],
  .page-login .shell .login-screen .login-form2 input[type="submit"],
  .page-login .shell .error-screen .login-form2 input[type="submit"],
  .page-error .shell .login-screen .login-form2 input[type="submit"],
  .page-error .shell .error-screen .login-form2 input[type="submit"] {
    background: #ff5400;
    font-size: .75rem; }
    .page-register .shell .login-screen .login-form2 input[type="submit"]:active, .page-register .shell .login-screen .login-form2 input[type="submit"]:focus, .page-register .shell .login-screen .login-form2 input[type="submit"]:hover,
    .page-register .shell .error-screen .login-form2 input[type="submit"]:active,
    .page-register .shell .error-screen .login-form2 input[type="submit"]:focus,
    .page-register .shell .error-screen .login-form2 input[type="submit"]:hover,
    .page-login .shell .login-screen .login-form2 input[type="submit"]:active,
    .page-login .shell .login-screen .login-form2 input[type="submit"]:focus,
    .page-login .shell .login-screen .login-form2 input[type="submit"]:hover,
    .page-login .shell .error-screen .login-form2 input[type="submit"]:active,
    .page-login .shell .error-screen .login-form2 input[type="submit"]:focus,
    .page-login .shell .error-screen .login-form2 input[type="submit"]:hover,
    .page-error .shell .login-screen .login-form2 input[type="submit"]:active,
    .page-error .shell .login-screen .login-form2 input[type="submit"]:focus,
    .page-error .shell .login-screen .login-form2 input[type="submit"]:hover,
    .page-error .shell .error-screen .login-form2 input[type="submit"]:active,
    .page-error .shell .error-screen .login-form2 input[type="submit"]:focus,
    .page-error .shell .error-screen .login-form2 input[type="submit"]:hover {
      background: #ff5400;
      background-image: url(../images/hover.png); }
  .page-register .shell .login-screen .login-form2 input[type="submit"],
  .page-register .shell .login-screen .login-form2 .remember,
  .page-register .shell .error-screen .login-form2 input[type="submit"],
  .page-register .shell .error-screen .login-form2 .remember,
  .page-login .shell .login-screen .login-form2 input[type="submit"],
  .page-login .shell .login-screen .login-form2 .remember,
  .page-login .shell .error-screen .login-form2 input[type="submit"],
  .page-login .shell .error-screen .login-form2 .remember,
  .page-error .shell .login-screen .login-form2 input[type="submit"],
  .page-error .shell .login-screen .login-form2 .remember,
  .page-error .shell .error-screen .login-form2 input[type="submit"],
  .page-error .shell .error-screen .login-form2 .remember {
    display: inline-block;
    vertical-align: middle; }
  .page-register .shell .login-screen .login-form2 .long.check-me label,
  .page-register .shell .error-screen .login-form2 .long.check-me label,
  .page-login .shell .login-screen .login-form2 .long.check-me label,
  .page-login .shell .error-screen .login-form2 .long.check-me label,
  .page-error .shell .login-screen .login-form2 .long.check-me label,
  .page-error .shell .error-screen .login-form2 .long.check-me label {
    top: 6px; }
  .page-register .shell .login-screen .login-form2 .fieldset h2,
  .page-register .shell .error-screen .login-form2 .fieldset h2,
  .page-login .shell .login-screen .login-form2 .fieldset h2,
  .page-login .shell .error-screen .login-form2 .fieldset h2,
  .page-error .shell .login-screen .login-form2 .fieldset h2,
  .page-error .shell .error-screen .login-form2 .fieldset h2 {
    font-size: 1rem;
    margin: 0 0 10px;
    padding: 0; }
  .page-register .shell .login-screen .login-form2 .fieldset h3,
  .page-register .shell .error-screen .login-form2 .fieldset h3,
  .page-login .shell .login-screen .login-form2 .fieldset h3,
  .page-login .shell .error-screen .login-form2 .fieldset h3,
  .page-error .shell .login-screen .login-form2 .fieldset h3,
  .page-error .shell .error-screen .login-form2 .fieldset h3 {
    font-size: .9rem;
    margin: 5px 0; }
  .page-register .shell .login-screen .login-form2 .fieldset p, .page-register .shell .login-screen .login-form2 .fieldset ul,
  .page-register .shell .error-screen .login-form2 .fieldset p,
  .page-register .shell .error-screen .login-form2 .fieldset ul,
  .page-login .shell .login-screen .login-form2 .fieldset p,
  .page-login .shell .login-screen .login-form2 .fieldset ul,
  .page-login .shell .error-screen .login-form2 .fieldset p,
  .page-login .shell .error-screen .login-form2 .fieldset ul,
  .page-error .shell .login-screen .login-form2 .fieldset p,
  .page-error .shell .login-screen .login-form2 .fieldset ul,
  .page-error .shell .error-screen .login-form2 .fieldset p,
  .page-error .shell .error-screen .login-form2 .fieldset ul {
    color: #000;
    font-size: .8rem; }
    .page-register .shell .login-screen .login-form2 .fieldset p.small, .page-register .shell .login-screen .login-form2 .fieldset ul.small,
    .page-register .shell .error-screen .login-form2 .fieldset p.small,
    .page-register .shell .error-screen .login-form2 .fieldset ul.small,
    .page-login .shell .login-screen .login-form2 .fieldset p.small,
    .page-login .shell .login-screen .login-form2 .fieldset ul.small,
    .page-login .shell .error-screen .login-form2 .fieldset p.small,
    .page-login .shell .error-screen .login-form2 .fieldset ul.small,
    .page-error .shell .login-screen .login-form2 .fieldset p.small,
    .page-error .shell .login-screen .login-form2 .fieldset ul.small,
    .page-error .shell .error-screen .login-form2 .fieldset p.small,
    .page-error .shell .error-screen .login-form2 .fieldset ul.small {
      color: #666;
      font-size: .7rem;
      margin: -10px 0 15px; }
  .page-register .shell .login-screen .login-form2 .fieldset.errors, .page-register .shell .login-screen .login-form2 .fieldset.notification, .page-register .shell .login-screen .login-form2 .fieldset.warning, .page-register .shell .login-screen .login-form2 .fieldset.success,
  .page-register .shell .error-screen .login-form2 .fieldset.errors,
  .page-register .shell .error-screen .login-form2 .fieldset.notification,
  .page-register .shell .error-screen .login-form2 .fieldset.warning,
  .page-register .shell .error-screen .login-form2 .fieldset.success,
  .page-login .shell .login-screen .login-form2 .fieldset.errors,
  .page-login .shell .login-screen .login-form2 .fieldset.notification,
  .page-login .shell .login-screen .login-form2 .fieldset.warning,
  .page-login .shell .login-screen .login-form2 .fieldset.success,
  .page-login .shell .error-screen .login-form2 .fieldset.errors,
  .page-login .shell .error-screen .login-form2 .fieldset.notification,
  .page-login .shell .error-screen .login-form2 .fieldset.warning,
  .page-login .shell .error-screen .login-form2 .fieldset.success,
  .page-error .shell .login-screen .login-form2 .fieldset.errors,
  .page-error .shell .login-screen .login-form2 .fieldset.notification,
  .page-error .shell .login-screen .login-form2 .fieldset.warning,
  .page-error .shell .login-screen .login-form2 .fieldset.success,
  .page-error .shell .error-screen .login-form2 .fieldset.errors,
  .page-error .shell .error-screen .login-form2 .fieldset.notification,
  .page-error .shell .error-screen .login-form2 .fieldset.warning,
  .page-error .shell .error-screen .login-form2 .fieldset.success {
    margin-bottom: 20px; }
    .page-register .shell .login-screen .login-form2 .fieldset.errors p:last-child, .page-register .shell .login-screen .login-form2 .fieldset.notification p:last-child, .page-register .shell .login-screen .login-form2 .fieldset.warning p:last-child, .page-register .shell .login-screen .login-form2 .fieldset.success p:last-child,
    .page-register .shell .error-screen .login-form2 .fieldset.errors p:last-child,
    .page-register .shell .error-screen .login-form2 .fieldset.notification p:last-child,
    .page-register .shell .error-screen .login-form2 .fieldset.warning p:last-child,
    .page-register .shell .error-screen .login-form2 .fieldset.success p:last-child,
    .page-login .shell .login-screen .login-form2 .fieldset.errors p:last-child,
    .page-login .shell .login-screen .login-form2 .fieldset.notification p:last-child,
    .page-login .shell .login-screen .login-form2 .fieldset.warning p:last-child,
    .page-login .shell .login-screen .login-form2 .fieldset.success p:last-child,
    .page-login .shell .error-screen .login-form2 .fieldset.errors p:last-child,
    .page-login .shell .error-screen .login-form2 .fieldset.notification p:last-child,
    .page-login .shell .error-screen .login-form2 .fieldset.warning p:last-child,
    .page-login .shell .error-screen .login-form2 .fieldset.success p:last-child,
    .page-error .shell .login-screen .login-form2 .fieldset.errors p:last-child,
    .page-error .shell .login-screen .login-form2 .fieldset.notification p:last-child,
    .page-error .shell .login-screen .login-form2 .fieldset.warning p:last-child,
    .page-error .shell .login-screen .login-form2 .fieldset.success p:last-child,
    .page-error .shell .error-screen .login-form2 .fieldset.errors p:last-child,
    .page-error .shell .error-screen .login-form2 .fieldset.notification p:last-child,
    .page-error .shell .error-screen .login-form2 .fieldset.warning p:last-child,
    .page-error .shell .error-screen .login-form2 .fieldset.success p:last-child {
      margin: 0; }
  .page-register .shell .login-screen .login-form2 .fieldset.errors p, .page-register .shell .login-screen .login-form2 .fieldset.errors ul, .page-register .shell .login-screen .login-form2 .fieldset.errors li,
  .page-register .shell .error-screen .login-form2 .fieldset.errors p,
  .page-register .shell .error-screen .login-form2 .fieldset.errors ul,
  .page-register .shell .error-screen .login-form2 .fieldset.errors li,
  .page-login .shell .login-screen .login-form2 .fieldset.errors p,
  .page-login .shell .login-screen .login-form2 .fieldset.errors ul,
  .page-login .shell .login-screen .login-form2 .fieldset.errors li,
  .page-login .shell .error-screen .login-form2 .fieldset.errors p,
  .page-login .shell .error-screen .login-form2 .fieldset.errors ul,
  .page-login .shell .error-screen .login-form2 .fieldset.errors li,
  .page-error .shell .login-screen .login-form2 .fieldset.errors p,
  .page-error .shell .login-screen .login-form2 .fieldset.errors ul,
  .page-error .shell .login-screen .login-form2 .fieldset.errors li,
  .page-error .shell .error-screen .login-form2 .fieldset.errors p,
  .page-error .shell .error-screen .login-form2 .fieldset.errors ul,
  .page-error .shell .error-screen .login-form2 .fieldset.errors li {
    color: #bd1010; }
  .page-register .shell .login-screen .login-form2 .fieldset.error input[type="text"],
  .page-register .shell .login-screen .login-form2 .fieldset.error input[type="password"],
  .page-register .shell .login-screen .login-form2 .fieldset.error input[type="tel"],
  .page-register .shell .error-screen .login-form2 .fieldset.error input[type="text"],
  .page-register .shell .error-screen .login-form2 .fieldset.error input[type="password"],
  .page-register .shell .error-screen .login-form2 .fieldset.error input[type="tel"],
  .page-login .shell .login-screen .login-form2 .fieldset.error input[type="text"],
  .page-login .shell .login-screen .login-form2 .fieldset.error input[type="password"],
  .page-login .shell .login-screen .login-form2 .fieldset.error input[type="tel"],
  .page-login .shell .error-screen .login-form2 .fieldset.error input[type="text"],
  .page-login .shell .error-screen .login-form2 .fieldset.error input[type="password"],
  .page-login .shell .error-screen .login-form2 .fieldset.error input[type="tel"],
  .page-error .shell .login-screen .login-form2 .fieldset.error input[type="text"],
  .page-error .shell .login-screen .login-form2 .fieldset.error input[type="password"],
  .page-error .shell .login-screen .login-form2 .fieldset.error input[type="tel"],
  .page-error .shell .error-screen .login-form2 .fieldset.error input[type="text"],
  .page-error .shell .error-screen .login-form2 .fieldset.error input[type="password"],
  .page-error .shell .error-screen .login-form2 .fieldset.error input[type="tel"] {
    border: 1px solid #bd1010; }
  .page-register .shell .login-screen .login-form2 .fieldset.error .error-message,
  .page-register .shell .error-screen .login-form2 .fieldset.error .error-message,
  .page-login .shell .login-screen .login-form2 .fieldset.error .error-message,
  .page-login .shell .error-screen .login-form2 .fieldset.error .error-message,
  .page-error .shell .login-screen .login-form2 .fieldset.error .error-message,
  .page-error .shell .error-screen .login-form2 .fieldset.error .error-message {
    background: #bd1010;
    color: #fff;
    font-size: 0.7rem;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 2px 10px 4px; }

.remember-me .fieldset,
.remember-me .check-me {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top; }

.page-register .shell .login-screen,
.page-register .shell .error-screen,
.page-login .shell .login-screen,
.page-login .shell .error-screen,
.page-error .shell .login-screen,
.page-error .shell .error-screen {
  position: relative; }

@media screen and (min-width: 40.063em) {
  .page-register .shell .login-screen,
  .page-register .shell .error-screen,
  .page-login .shell .login-screen,
  .page-login .shell .error-screen,
  .page-error .shell .login-screen,
  .page-error .shell .error-screen {
    margin: 40px auto;
    max-width: 800px; } }

.page-error .error-screen .content {
  padding: 20px; }

.page-error .error-screen h1 {
  border-bottom: 1px dashed #999;
  font-size: 1.3rem;
  margin: 0 auto 20px;
  padding: 36px 0 18px;
  max-width: 80%;
  text-align: center; }

.page-error .error-screen h2 {
  font-size: 1.1rem;
  margin: 0 auto;
  padding: 0 0 18px;
  max-width: 80%;
  text-align: center; }

.page-error .error-screen p {
  color: #333;
  font-size: .8rem;
  margin: 0 auto 20px;
  max-width: 80%;
  text-align: center; }

.page-error .error-screen .error-code {
  color: #999;
  font-size: 5rem;
  font-weight: 600;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  text-shadow: 0 1px 1px #fff; }

.page-login .shell .login-screen .topbar h1,
.page-login .shell .error-screen .topbar h1,
.page-register .shell .login-screen .topbar h1,
.page-register .shell .error-screen .topbar h1,
.page-error .shell .login-screen .topbar h1,
.page-error .shell .error-screen .topbar h1 {
  height: 60px;
  margin: 0 auto;
  width: 180px; }
  .page-login .shell .login-screen .topbar h1 a,
  .page-login .shell .error-screen .topbar h1 a,
  .page-register .shell .login-screen .topbar h1 a,
  .page-register .shell .error-screen .topbar h1 a,
  .page-error .shell .login-screen .topbar h1 a,
  .page-error .shell .error-screen .topbar h1 a {
    background: url(../images/s1bglogo.png) no-repeat;
    background-size: auto 100%;
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: -999em;
    width: 100%; }
    .page-login .shell .login-screen .topbar h1 a img,
    .page-login .shell .error-screen .topbar h1 a img,
    .page-register .shell .login-screen .topbar h1 a img,
    .page-register .shell .error-screen .topbar h1 a img,
    .page-error .shell .login-screen .topbar h1 a img,
    .page-error .shell .error-screen .topbar h1 a img {
      display: none !important; }

@media screen and (min-width: 40.063em) {
  .page-login .shell .login-screen .topbar h1,
  .page-login .shell .error-screen .topbar h1,
  .page-register .shell .login-screen .topbar h1,
  .page-register .shell .error-screen .topbar h1,
  .page-error .shell .login-screen .topbar h1,
  .page-error .shell .error-screen .topbar h1 {
    width: 52%; } }

.page-error {
  background: #dfdfdf; }
  .page-error .shell .error-screen {
    box-shadow: none; }
  .page-error h1.icon-emo-unhappy:before {
    color: #999;
    display: inline-block;
    font-size: 1.2rem;
    padding-right: 25px;
    text-shadow: 0 1px 1px #fff; }

.page-register .content-block .fieldset .input-holder.date-fields input.yyyy {
  width: -moz-calc(40% + 1px);
  width: -webkit-calc(40% + 1px);
  width: calc(40% + 1px); }
  @media screen and (min-width: 64.063em) {
    .page-register .content-block .fieldset .input-holder.date-fields input.yyyy {
      width: 58px; } }

.m-screen .login-username,
.m-screen .use-mobile,
.m-screen a.forgot {
  display: none !important; }

.u-screen .login-mobile,
.u-screen .use-username {
  display: none !important; }

.login-options {
  margin-bottom: 20px;
  padding-bottom: 10px; }
  .login-options h1 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0; }
  .login-options p {
    margin: 0;
    padding: 10px 0; }

.page-login .main-form span.prefix,
.page-register .main-form span.prefix {
  background: #eaeaea;
  border: 0;
  box-shadow: 0 1px 0 #fff inset;
  color: #8c8c8c;
  font-size: 1.2rem;
  height: 33px;
  left: 1px;
  line-height: 32px;
  top: 1px; }
  .page-login .main-form span.prefix:before,
  .page-register .main-form span.prefix:before {
    font-size: 1rem; }
  .page-login .main-form span.prefix.icon-mobile,
  .page-register .main-form span.prefix.icon-mobile {
    line-height: 34px; }
    .page-login .main-form span.prefix.icon-mobile:before,
    .page-register .main-form span.prefix.icon-mobile:before {
      font-size: 1.5rem; }

.page-login .main-form .error span.prefix,
.page-register .main-form .error span.prefix {
  border: 0;
  box-shadow: none;
  color: #fff;
  height: 35px;
  left: 0;
  top: 0; }
  .page-login .main-form .error span.prefix:before,
  .page-register .main-form .error span.prefix:before {
    color: #fff; }

.page-error-new {
  height: 100%;
  color: #000;
  padding: 0;
  text-align: center; }
  .page-error-new .wrap {
    height: 100%;
    position: relative;
    overflow: hidden; }
    .page-error-new .wrap .stack9 {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto; }
    .page-error-new .wrap .bg {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      transform: scale(1.1); }
  .page-error-new p {
    margin: 10px auto; }
    @media screen and (min-width: 480px) {
      .page-error-new p {
        max-width: 80%; } }
    @media screen and (min-width: 40.063em) {
      .page-error-new p {
        font-size: 1rem;
        line-height: 1.5rem;
        max-width: 60%; } }
  .page-error-new a {
    color: #044f6d;
    text-decoration: underline; }
    .page-error-new a:hover {
      color: #000;
      text-decoration: none; }
  .page-error-new h1 {
    border-top: 1px dashed rgba(0, 0, 0, 0.5);
    color: #000;
    font-size: 1rem;
    margin: 20px  auto 0;
    padding-top: 20px; }
    @media screen and (min-width: 480px) {
      .page-error-new h1 {
        max-width: 80%; } }
    @media screen and (min-width: 40.063em) {
      .page-error-new h1 {
        font-size: 1.5rem;
        max-width: 60%; } }
    @media screen and (min-width: 64.063em) {
      .page-error-new h1 {
        font-size: 2vw; } }
  .page-error-new.error-404 .wrap .bg {
    background: url(../images/404.jpg) no-repeat top center;
    background-size: cover; }
  .page-error-new.error-404 .error-code:after {
    content: "Page Not Found"; }
  .page-error-new.error-403 .wrap .bg {
    background: url(../images/403.jpg) no-repeat bottom left;
    background-size: cover; }
  .page-error-new.error-403 .error-code:after {
    content: "Forbidden"; }
  .page-error-new .error-code {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1;
    font-size: 20vw;
    font-weight: 600;
    margin: 0;
    padding: 10vw 0 0;
    position: relative; }
    .page-error-new .error-code:hover {
      color: #fff;
      transform: scale(1.05, 1.05);
      -webkit-transform: scale(1.05, 1.05); }
    .page-error-new .error-code:after {
      color: #000;
      display: block;
      font-size: 1rem;
      text-align: center; }

.page-messages h1 span {
  color: #858585;
  font-size: 0.8rem;
  white-space: nowrap; }

.page-messages h1 .empty-trash {
  font-size: 0.65em;
  font-weight: 400;
  position: relative;
  top: 4px;
  white-space: nowrap; }

.page-messages .sidenav ul li.messages-home h3 a {
  color: #000; }

.message-list {
  list-style: none;
  margin: 0 0 20px;
  padding: 0; }
  .message-list li {
    background: #fff;
    border-bottom: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
    box-shadow: 0 2px 0 #fff inset;
    margin: 0 0 20px;
    padding: 0; }
    .message-list li .date {
      color: #ff5400;
      font-size: .7rem;
      margin: 0;
      padding: 10px 0.9375rem 0; }
      .message-list li .date:before {
        color: #9a9a9a;
        font-size: .9rem; }
      .message-list li .date span {
        float: right;
        text-transform: uppercase; }
    .message-list li .msg-detail {
      font-size: .8rem;
      line-height: 1.25rem;
      padding: 10px 0.9375rem 0; }
    .message-list li .msg-actions {
      border-top: 1px solid #ccc; }
      .message-list li .msg-actions a {
        display: inline-block;
        font-size: .8rem;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
        width: 49%; }
        .message-list li .msg-actions a:first-child {
          border-right: 1px solid #ccc; }
        .message-list li .msg-actions a:only-child {
          border-right: 0;
          width: 100%; }
    .message-list li:first-child {
      border-top: 0; }
    .message-list li.sticky-post {
      background: #dadee1;
      box-shadow: 0 1px 0 #fff inset;
      color: #454545;
      position: relative; }
      .message-list li.sticky-post .dismiss {
        background: #fff;
        border-radius: 2px;
        box-shadow: 0 1px 1px #aaa;
        color: #aaa;
        font-size: .6rem;
        height: 20px;
        line-height: 20px;
        position: absolute;
        right: 10px;
        text-align: center;
        top: 10px;
        width: 20px; }
        .message-list li.sticky-post .dismiss:before {
          margin: 0; }
        @media screen and (min-width: 40.063em) {
          .message-list li.sticky-post .dismiss {
            right: 0; } }
      @media screen and (max-width: 40em) {
        .message-list li.sticky-post {
          margin: 0;
          position: relative;
          top: 1px; } }
      .message-list li.sticky-post .msg {
        position: relative; }
        .message-list li.sticky-post .msg p {
          font-size: .8rem; }
        .message-list li.sticky-post .msg p.date {
          color: #000;
          font-weight: 600;
          padding: 15px 0.9375rem 0; }
        .message-list li.sticky-post .msg:before {
          display: none; }
          @media screen and (min-width: 40.063em) {
            .message-list li.sticky-post .msg:before {
              background: rgba(255, 255, 255, 0.65);
              border-radius: 2px;
              box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35) inset;
              color: #666;
              display: block;
              font-size: .9rem;
              height: 24px;
              left: -3px;
              line-height: 26px;
              padding: 1px 0 0 1px;
              position: absolute;
              text-align: center;
              top: 11px;
              width: 26px; } }
        .message-list li.sticky-post .msg .buttons {
          padding: 0 0.9375rem; }
          .message-list li.sticky-post .msg .buttons .button {
            background-color: #075a8f;
            font-size: .7rem;
            margin: 0 5px 0 0;
            padding: 5px 12px 4px; }
  @media screen and (min-width: 40.063em) {
    .message-list {
      border-left: 1px solid #cfcdcd;
      border-right: 1px solid #cfcdcd; }
      .message-list li {
        background: #eee;
        border-bottom: 1px solid #cfcdcd;
        border-top: 0;
        margin: 0;
        padding: 0 10px; }
        .message-list li:nth-child(even) {
          background: #f8f8f8; }
        .message-list li .archive-function {
          display: inline-block;
          float: left;
          padding-top: 10px;
          vertical-align: top; }
        .message-list li .msg {
          padding-left: 20px;
          vertical-align: top; }
        .message-list li .date {
          padding-right: 0; }
      .message-list.no-trash li {
        padding-left: 0; }
        .message-list.no-trash li .msg {
          padding-left: 0; } }

.table-items ul.message-list {
  border: 0;
  margin: 0 0 -1px; }

table .message-list,
table .message-list li {
  border: 0;
  box-shadow: none; }

.page-account-summary h1 span.date {
  color: #666;
  display: inline-block;
  float: right;
  font-size: .7rem;
  font-weight: 400;
  padding: 6px 0 0; }

.page-account-summary h2.diversification {
  position: relative; }
  .page-account-summary h2.diversification span {
    position: absolute;
    right: 0.9375rem;
    top: 7px; }
    @media screen and (min-width: 40.063em) {
      .page-account-summary h2.diversification span {
        right: 0; } }
    .page-account-summary h2.diversification span a {
      background: #075a8f;
      border-radius: 50%;
      color: #fff;
      font-size: 1rem;
      font-weight: 400;
      display: inline-block;
      height: 30px;
      line-height: 30px;
      opacity: .7;
      text-align: center;
      width: 30px; }
      .page-account-summary h2.diversification span a i {
        display: none; }
      .page-account-summary h2.diversification span a:hover, .page-account-summary h2.diversification span a.selected {
        opacity: 1; }
      .page-account-summary h2.diversification span a:hover {
        background: #032c46; }

.page-account-summary .graphs {
  position: relative; }
  .page-account-summary .graphs .offset {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }

.page-account-summary .my-returns {
  background: #fff;
  border-bottom: 1px solid #ccc; }
  .page-account-summary .my-returns h2 {
    border-bottom: 1px solid #ccc;
    margin: 0; }
  .page-account-summary .my-returns .value {
    border-right: 1px solid #ccc;
    color: #ff5400;
    display: inline-block;
    text-align: center;
    width: 49%; }
    .page-account-summary .my-returns .value p {
      font-size: 2rem;
      font-weight: 600; }
      .page-account-summary .my-returns .value p sup {
        font-size: 1.1rem;
        left: 2px;
        position: relative;
        top: -10px; }
    .page-account-summary .my-returns .value .small {
      color: #333;
      display: block;
      font-size: .8rem;
      margin: 10px 0 0; }
    .page-account-summary .my-returns .value + .value {
      border: 0;
      color: #075a8f; }
      .page-account-summary .my-returns .value + .value .small {
        color: #333; }
  @media screen and (max-width: 40em) {
    .page-account-summary .my-returns .returns-box.na .value {
      vertical-align: top; }
      .page-account-summary .my-returns .returns-box.na .value p {
        line-height: 1.2;
        margin: 0; }
    .page-account-summary .my-returns .returns-box.na h3 {
      font-size: .8rem;
      margin: 0;
      padding: 10px 20px 0; }
    .page-account-summary .my-returns .returns-box.na .date {
      font-size: .7rem;
      line-height: 1.5;
      margin: 0;
      padding: 10px; } }
  @media screen and (min-width: 40.063em) {
    .page-account-summary .my-returns .returns-box.na .date {
      padding: 0 0 20px; } }

@media screen and (min-width: 40.063em) {
  .page-account-summary .my-returns {
    background: none;
    border: 0; }
    .page-account-summary .my-returns h2 {
      border: 0;
      margin-bottom: 0.5rem;
      margin-top: 0.2rem; }
  .page-account-summary .returns-box {
    background: #eee;
    border-radius: 2px;
    margin: 0 0 20px;
    padding: 15px; }
    .page-account-summary .returns-box .value {
      border-bottom: 1px solid #ccc;
      border-right: 0;
      display: block;
      text-align: left;
      width: 100%; }
      .page-account-summary .returns-box .value p {
        margin: 0; }
    .page-account-summary .returns-box .date {
      color: #333;
      display: block;
      font-size: .7rem;
      font-weight: 400;
      line-height: 1.5; } }

h2.jump-to-ear {
  border-top: 1px solid #ccc;
  cursor: pointer; }

#earinfo {
  background: #fff;
  padding: 0.9375rem; }
  #earinfo h3 {
    font-size: .8rem; }
  @media screen and (min-width: 40.063em) {
    #earinfo {
      background: none;
      padding: 0; } }

.page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item .page-nav {
  padding: 0; }
  .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item .page-nav a.button {
    display: inline-block;
    width: 48%; }

.page-funds-account h2.bordered {
  padding-left: 0.9375rem; }
  .page-funds-account h2.bordered span {
    color: #333;
    font-size: 0.8rem;
    font-weight: 400; }

.page-funds-account .transfer {
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 10px 0.9375rem; }
  .page-funds-account .transfer .transfer-buttons .button {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 2%;
    padding: 10px 0;
    vertical-align: middle;
    white-space: nowrap;
    width: 48%; }
    .page-funds-account .transfer .transfer-buttons .button:first-child {
      margin-left: 0; }
    .page-funds-account .transfer .transfer-buttons .button span {
      display: none; }

.page-funds-account .view-statements {
  background: #fff;
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px; }
  .page-funds-account .view-statements a {
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    border-radius: 2px;
    display: block;
    padding: 10px 0.9375rem;
    position: relative; }
    .page-funds-account .view-statements a:before {
      display: none; }
    .page-funds-account .view-statements a:after {
      border-bottom: 5px solid transparent;
      border-top: 5px solid transparent;
      border-left: 7px solid #999;
      content: ".";
      display: block;
      height: 0;
      margin-top: -4px;
      overflow: hidden;
      position: absolute;
      right: 0.9375rem;
      text-indent: -999em;
      top: 50%;
      z-index: 5; }

.page-funds-account .collapsable-div.transactions {
  margin-top: 20px; }
  .page-funds-account .collapsable-div.transactions .accordion-header {
    padding: 0;
    position: relative; }
    .page-funds-account .collapsable-div.transactions .accordion-header:before {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 7px solid #999;
      bottom: 16px;
      content: ".";
      display: block;
      height: 0;
      overflow: hidden;
      position: absolute;
      right: 0.9375rem;
      text-indent: -999em;
      z-index: 5; }
    .page-funds-account .collapsable-div.transactions .accordion-header a {
      transition: none;
      -o-transition: none;
      -moz-transition: none;
      -webkit-transition: none;
      color: #000;
      display: block;
      padding: 10px 0.9375rem;
      position: relative;
      z-index: 6; }
      .page-funds-account .collapsable-div.transactions .accordion-header a:before {
        display: none; }
    .page-funds-account .collapsable-div.transactions .accordion-header.close {
      background: #075a8f; }
      .page-funds-account .collapsable-div.transactions .accordion-header.close:before {
        border-bottom: 7px solid #fff;
        border-top: 0; }
      .page-funds-account .collapsable-div.transactions .accordion-header.close a {
        color: #fff; }
  .page-funds-account .collapsable-div.transactions .sub-list-box {
    border-bottom: 1px solid #ccc;
    display: none;
    font-size: inherit;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 64.063em) {
      .page-funds-account .collapsable-div.transactions .sub-list-box {
        border-bottom: 0; } }
    .page-funds-account .collapsable-div.transactions .sub-list-box li {
      list-style: none; }
    @media screen and (max-width: 40em) {
      .page-funds-account .collapsable-div.transactions .sub-list-box .button {
        margin: 10px 0;
        padding: 10px 0;
        width: 100%; } }
    .page-funds-account .collapsable-div.transactions .sub-list-box .button.load-more {
      margin-bottom: 0;
      margin-right: 5px; }
    .page-funds-account .collapsable-div.transactions .sub-list-box .button.select-range {
      margin-bottom: 0;
      margin-left: 5px; }
      @media screen and (min-width: 64.063em) {
        .page-funds-account .collapsable-div.transactions .sub-list-box .button.select-range {
          margin: -5px 0 0;
          float: right;
          padding: 8px 15px;
          width: auto; } }
    .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item {
      border-bottom: 1px solid #fff;
      border-radius: 2px;
      color: #000;
      padding: 10px 0.9375rem; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.np {
        padding: 0; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.date-header {
        background: #c9e3f4;
        font-weight: 600; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.date-header span {
          display: none; }
          .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.date-header span:first-child {
            display: inline-block; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item a {
        color: #000;
        display: block; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item a.inline {
          color: #1a5c86;
          display: inline-block;
          padding: 0; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item a.button {
          color: #fff; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item a .value {
          float: right; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item a .view {
          color: #3095d6;
          float: right; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item a.trigger {
          position: relative; }
          .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item a.trigger span.value {
            padding-right: 23px; }
          .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item a.trigger:before {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 7px solid #999;
            content: ".";
            display: block;
            height: 0;
            margin-top: -2px;
            overflow: hidden;
            position: absolute;
            right: 0;
            text-indent: -999em;
            top: 50%;
            z-index: 5; }
          .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item a.trigger.close:before {
            border-bottom: 7px solid #999;
            border-top: 0;
            margin-top: -4px; }
      @media screen and (min-width: 64.063em) {
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item + .sub-list-item.date-header {
          padding-top: 30px;
          position: relative; }
          .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item + .sub-list-item.date-header:before {
            background: #fff;
            border-top: 1px solid #ccc;
            content: " ";
            display: block;
            height: 21px;
            left: -1px;
            position: absolute;
            top: 0;
            width: -moz-calc(100% + 2px);
            width: -webkit-calc(100% + 2px);
            width: calc(100% + 2px); } }
    .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item-details {
      display: none;
      padding-top: 10px; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item-details p {
        color: #075a8f;
        margin: 0; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item-details p strong {
          color: #000; }

.page-funds-account .collapsable-div.transactions .sub-list-box .page-nav,
.page-funds-account .collapsable-div.transactions .sub-list-box .pagination-centered {
  padding: 10px 0; }
  @media screen and (min-width: 64.063em) {
    .page-funds-account .collapsable-div.transactions .sub-list-box .page-nav,
    .page-funds-account .collapsable-div.transactions .sub-list-box .pagination-centered {
      padding: 0; } }

.page-funds-account .collapsable-div.transactions .sub-list-box .page-nav .button {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 10px 0;
  position: relative;
  width: 47.5%; }
  .page-funds-account .collapsable-div.transactions .sub-list-box .page-nav .button:last-child {
    margin-right: 0; }

.page-funds-account .select-range-filter {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5); }
  @media screen and (max-width: 40em) {
    .page-funds-account .select-range-filter + .select-holder {
      margin-top: 20px; } }
  .page-funds-account .select-range-filter label {
    color: #fff; }
  .page-funds-account .select-range-filter p {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
    color: #fff;
    margin: 0 0 20px;
    padding: 0 0 10px; }

.page-funds-account .balance-overview {
  background: #eee;
  margin: 0 0 20px;
  padding: 0; }
  .page-funds-account .balance-overview .segment {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    width: 50%; }
    .page-funds-account .balance-overview .segment:last-child, .page-funds-account .balance-overview .segment:nth-child(2) {
      border-right: 0; }
    .page-funds-account .balance-overview .segment:nth-child(3), .page-funds-account .balance-overview .segment:last-child {
      border-bottom: 0; }
    .page-funds-account .balance-overview .segment span.small {
      color: #333;
      font-size: .7rem;
      font-weight: 600;
      margin: 0; }
    .page-funds-account .balance-overview .segment p {
      color: #ff5400;
      font-size: 1.2rem;
      font-weight: 600;
      line-height: 1;
      margin: 0; }
      .page-funds-account .balance-overview .segment p.arrears {
        color: #bd1010; }
        .page-funds-account .balance-overview .segment p.arrears span {
          font-size: .6rem; }
    .page-funds-account .balance-overview .segment:first-child p, .page-funds-account .balance-overview .segment:nth-child(2) p {
      color: #075a8f; }
  .page-funds-account .balance-overview.s5 .segment:nth-child(4) {
    border-bottom: 0;
    border-right: 0; }
  .page-funds-account .balance-overview.s5 .segment:last-child {
    border-top: 1px solid #ccc;
    width: 100%; }
  .page-funds-account .balance-overview.s3 .segment {
    border-bottom: 0;
    width: 33.3%; }
    .page-funds-account .balance-overview.s3 .segment:nth-child(2) {
      border-right: 1px solid #ccc; }

@media screen and (min-width: 40.063em) {
  .page-funds-account h2 {
    padding-left: 0; }
    .page-funds-account h2 span {
      padding-left: 10px; }
    .page-funds-account h2.start-date {
      text-align: right; }
  .page-funds-account .transfer {
    background: none;
    border: 0;
    padding: 0; }
  .page-funds-account .view-statements {
    background: none;
    border: 0;
    padding: 0;
    text-align: right; }
    .page-funds-account .view-statements a {
      background: #fff;
      border: 1px solid #3095d6;
      display: inline-block;
      margin: 0;
      padding: 7px 10px 8px; }
      .page-funds-account .view-statements a:before {
        display: inline-block;
        font-size: 1.1rem;
        margin: -4px 10px 0 0;
        vertical-align: middle; }
      .page-funds-account .view-statements a:after {
        display: none; }
      .page-funds-account .view-statements a:active, .page-funds-account .view-statements a:focus, .page-funds-account .view-statements a:hover {
        background: #3095d6;
        color: #fff; } }

@media screen and (min-width: 64.063em) {
  .page-funds-account h2.start-date {
    text-align: left; }
  .page-funds-account .transfer .transfer-buttons .button span {
    display: inline; }
  .page-funds-account .balance-overview {
    padding: 0 10px; }
    .page-funds-account .balance-overview .segment {
      border-bottom: 0;
      margin: 20px 0;
      width: 25%; }
      .page-funds-account .balance-overview .segment:nth-child(2) {
        border-right: 1px solid #ccc; }
      .page-funds-account .balance-overview .segment p {
        font-size: 1.2rem; }
        .page-funds-account .balance-overview .segment p.arrears {
          position: relative; }
          .page-funds-account .balance-overview .segment p.arrears span {
            display: block;
            margin-top: 5px;
            position: absolute;
            text-align: center;
            width: 100%; }
    .page-funds-account .balance-overview.s5 .segment {
      width: 20%; }
      .page-funds-account .balance-overview.s5 .segment:nth-child(4) {
        border-bottom: 0;
        border-right: 0; }
      .page-funds-account .balance-overview.s5 .segment:last-child {
        border-left: 1px solid #ccc;
        border-top: 0;
        width: 20%; }
  .page-funds-account .collapsable-div {
    border: 0;
    padding-top: 50px;
    position: relative; }
    .page-funds-account .collapsable-div:after {
      background: #075a8f;
      content: " ";
      height: 1px;
      position: absolute;
      top: 41px;
      width: 100%; }
    .page-funds-account .collapsable-div.transactions .tab-button {
      background: #ddd;
      border: 0;
      border-left: 2px solid #f8f8f8;
      position: absolute;
      top: 0;
      width: 25%; }
      .page-funds-account .collapsable-div.transactions .tab-button:first-child {
        border-left: 0;
        left: 0; }
      .page-funds-account .collapsable-div.transactions .tab-button:nth-child(3) {
        left: 25%; }
      .page-funds-account .collapsable-div.transactions .tab-button:nth-child(5) {
        left: 50%; }
      .page-funds-account .collapsable-div.transactions .tab-button:nth-child(7) {
        left: 75%; }
      .page-funds-account .collapsable-div.transactions .tab-button:before {
        display: none; }
      .page-funds-account .collapsable-div.transactions .tab-button.close {
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
        background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
        background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
        background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
        background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
        background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
        padding-bottom: 3px; }
      .page-funds-account .collapsable-div.transactions .tab-button:active, .page-funds-account .collapsable-div.transactions .tab-button:focus, .page-funds-account .collapsable-div.transactions .tab-button:hover {
        background: #ccc; }
        .page-funds-account .collapsable-div.transactions .tab-button:active.close, .page-funds-account .collapsable-div.transactions .tab-button:focus.close, .page-funds-account .collapsable-div.transactions .tab-button:hover.close {
          background: #075a8f; }
      .page-funds-account .collapsable-div.transactions .tab-button a {
        color: #666;
        font-size: .8rem;
        font-weight: 400;
        text-align: center;
        text-transform: uppercase; }
        .page-funds-account .collapsable-div.transactions .tab-button a.icon-percent:before {
          content: "%";
          font-family: inherit;
          font-weight: 600; }
        .page-funds-account .collapsable-div.transactions .tab-button a:before {
          display: block;
          font-size: 1rem;
          left: 7px;
          position: absolute;
          top: 11px; }
    .page-funds-account .collapsable-div.transactions .transaction-table-header {
      background: #999;
      border-radius: 2px;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative; }
      .page-funds-account .collapsable-div.transactions .transaction-table-header li {
        color: #fff;
        display: inline-block;
        font-size: .8rem;
        font-weight: 600;
        margin: 0;
        padding: 10px 0 10px 0.9375rem;
        white-space: nowrap;
        width: 16%; }
        .page-funds-account .collapsable-div.transactions .transaction-table-header li.info {
          border-left: 1px solid #fff;
          font-family: Georgia, 'Times New Roman', Times, serif;
          font-size: 1.5rem;
          font-style: italic;
          font-weight: bold;
          line-height: 20px;
          position: absolute;
          right: 15px;
          text-align: center;
          width: 30px; }
    .page-funds-account .collapsable-div.transactions .transaction-table-header.stats li {
      width: 12.5%; }
      .page-funds-account .collapsable-div.transactions .transaction-table-header.stats li.transaction-count {
        width: 8%; }
    .page-funds-account .collapsable-div.transactions .sub-list-box {
      background: #f8f8f8;
      display: none;
      margin-top: 10px; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.date-header {
        background: #eee;
        font-weight: 400;
        padding: 0; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.np {
        border: 1px solid #ccc;
        border-bottom-width: 5px;
        margin: 0 0 20px; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.d-trigger, .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link {
        cursor: pointer;
        padding: 0;
        position: relative; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.d-trigger:first-child, .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link:first-child {
          box-shadow: 0 2px 0 #fff inset; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.d-trigger .sub-list-item-details, .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link .sub-list-item-details {
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) inset;
          padding: 10px 0.9375rem; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.d-trigger:before, .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link:before {
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 7px solid #999;
          content: ".";
          display: block;
          height: 0;
          margin-top: -2px;
          overflow: hidden;
          position: absolute;
          right: 15px;
          text-indent: -999em;
          top: 20px;
          z-index: 5; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.d-trigger.close:before, .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link.close:before {
          border-bottom: 7px solid #999;
          border-top: 0;
          margin-top: -4px; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.d-trigger:nth-child(odd), .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link:nth-child(odd) {
          background: #eee; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.d-trigger:last-child, .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link:last-child {
          border-bottom: 0; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.d-trigger span, .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link span {
          display: inline-block;
          font-size: .8rem;
          margin: 0;
          padding: 10px 0 10px 0.9375rem;
          vertical-align: top;
          white-space: nowrap;
          width: 16%; }
          .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.d-trigger span.transaction-type, .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link span.transaction-type {
            white-space: normal; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link {
        cursor: default; }
        .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.no-link:before {
          display: none; }
    .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.stats span {
      width: 12.5%; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item.stats span.transaction-count {
        width: 8%; }
    .page-funds-account .collapsable-div.transactions .table-items {
      border: 1px solid #ccc; }
      .page-funds-account .collapsable-div.transactions .table-items .sub-list-item.date-header {
        background: #999;
        color: #fff;
        font-weight: 600;
        padding: 10px 0 10px 0.9375rem; }
      .page-funds-account .collapsable-div.transactions .table-items .sub-list-item:nth-child(even) {
        background: #eee; }
      .page-funds-account .collapsable-div.transactions .table-items.nh .sub-list-item:nth-child(even) {
        background: #fff; }
      .page-funds-account .collapsable-div.transactions .table-items.nh .sub-list-item:nth-child(odd) {
        background: #eee; }
  .page-funds-account .collapsable-div.transactions.t6 .tab-button {
    width: 16.6666666667%; }
    .page-funds-account .collapsable-div.transactions.t6 .tab-button a {
      font-size: .7rem; }
    .page-funds-account .collapsable-div.transactions.t6 .tab-button:first-child {
      left: 0; }
    .page-funds-account .collapsable-div.transactions.t6 .tab-button:nth-child(3) {
      left: 16.6666666667%; }
    .page-funds-account .collapsable-div.transactions.t6 .tab-button:nth-child(5) {
      left: 33.3333333334%; }
    .page-funds-account .collapsable-div.transactions.t6 .tab-button:nth-child(7) {
      left: 50.0000000001%; }
    .page-funds-account .collapsable-div.transactions.t6 .tab-button:nth-child(9) {
      left: 66.6666666668%; }
    .page-funds-account .collapsable-div.transactions.t6 .tab-button:nth-child(11) {
      left: 83.3333333335%; }
  .page-funds-account .collapsable-div.transactions .transaction-table-header.multi-col li.info {
    width: 30px; } }

@media screen and (min-width: 40.063em) {
  .page-funds-account .balance-overview.s6 .segment:nth-child(3) {
    border-bottom: 1px solid #ccc; }
  .page-funds-account .balance-overview.s6 .segment:nth-child(4) {
    border-right: 0; }
  .page-funds-account .balance-overview.s6 .segment:nth-child(5) {
    border-bottom: 0; } }

@media screen and (min-width: 64.063em) {
  .page-funds-account .balance-overview.s6 .segment {
    margin: 10px 0;
    position: relative;
    width: 33%; }
    .page-funds-account .balance-overview.s6 .segment:nth-child(3) {
      border-bottom: 0;
      border-right: 0; }
    .page-funds-account .balance-overview.s6 .segment:nth-child(4) {
      border-right: 1px solid #ccc; }
    .page-funds-account .balance-overview.s6 .segment:first-child, .page-funds-account .balance-overview.s6 .segment:nth-child(2), .page-funds-account .balance-overview.s6 .segment:nth-child(3) {
      margin-bottom: 0;
      padding-bottom: 15px; }
    .page-funds-account .balance-overview.s6 .segment:nth-child(4), .page-funds-account .balance-overview.s6 .segment:nth-child(5), .page-funds-account .balance-overview.s6 .segment:nth-child(6) {
      border-top: 1px solid #ccc;
      top: -10px; } }

a.manage-accounts {
  display: inline-block;
  font-size: .8rem;
  font-weight: 600;
  padding-bottom: 10px; }
  a.manage-accounts:before {
    float: right;
    margin: 4px 0 0 8px; }
  a.manage-accounts.open:before {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.available-balance {
  color: #ff5400;
  font-size: 1.1rem;
  font-weight: 600; }
  .available-balance span {
    color: #000;
    font-size: .8rem; }

.sub-list-box table.responsive td.narrative,
.sub-list-box .pinned-table td.narrative .narrative {
  color: #666;
  font-size: .7rem; }

.page-funds-account.page-statement .radio-input-holder {
  padding: 20px 0; }

.page-funds-account.page-statement .select-today-content label,
.page-funds-account.page-statement .select-date-range-content label {
  line-height: 36px; }

.page-funds-account.page-statement .select-date-range-content .date-holder {
  background: #ddd !important;
  cursor: default;
  text-shadow: 0 1px 1px #fff; }

.page-funds-account.page-statement .select-date-range-content.enabled .date-holder {
  background: #fff !important;
  text-shadow: none; }

@media screen and (max-width: 64em) {
  .page-funds-account .collapsable-div.transactions .sub-list-box .message-filter {
    background: #0979c0;
    box-shadow: none; }
    .page-funds-account .collapsable-div.transactions .sub-list-box .message-filter a.trigger {
      color: #fff; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .message-filter a.trigger:after {
        border-top-color: rgba(255, 255, 255, 0.6);
        right: 2px; }
      .page-funds-account .collapsable-div.transactions .sub-list-box .message-filter a.trigger.open:after {
        border-bottom-color: rgba(255, 255, 255, 0.6); } }

@media screen and (min-width: 64.063em) {
  .page-funds-account .collapsable-div.transactions .sub-list-box .message-filter {
    margin-bottom: 10px; } }

.page-statement .statement-options .fieldset.error {
  margin-bottom: 15px; }

@media screen and (min-width: 40.063em) {
  .page-statement .select-last-content {
    margin-left: 16.6667%;
    margin-top: -55px; } }

.page-funds-account .collapsable-div.transactions .sub-list-box.notes-section .sub-list-item.no-link span {
  white-space: normal;
  width: auto; }
  @media screen and (min-width: 64.063em) {
    .page-funds-account .collapsable-div.transactions .sub-list-box.notes-section .sub-list-item.no-link span {
      padding: 10px 0.9375rem; } }

.main ul.offers-table.statement-options.disabled {
  cursor: default;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  pointer-events: none; }
  .main ul.offers-table.statement-options.disabled li {
    border: 0; }

.main ul.offers-table.statement-options li,
.main ul.offers-table.statement-options li.selected,
.main ul.offers-table.statement-options li.enabled.selected,
.main ul.offers-table.statement-options li:hover {
  background: #eee;
  border: 1px solid #ccc;
  box-shadow: 0 5px 0 #ccc;
  cursor: pointer;
  display: block;
  margin: 0 0 20px;
  padding: 20px;
  position: relative;
  width: 100%; }
  .main ul.offers-table.statement-options li:before,
  .main ul.offers-table.statement-options li.selected:before,
  .main ul.offers-table.statement-options li.enabled.selected:before,
  .main ul.offers-table.statement-options li:hover:before {
    background: url(../images/rd-check.png) no-repeat 0 0;
    background-size: auto 100%;
    content: " ";
    display: inline-block;
    height: 18px;
    left: 20px;
    position: absolute;
    top: 22px;
    width: 18px; }
  .main ul.offers-table.statement-options li h2,
  .main ul.offers-table.statement-options li.selected h2,
  .main ul.offers-table.statement-options li.enabled.selected h2,
  .main ul.offers-table.statement-options li:hover h2 {
    padding: 0 0 0 30px; }
    .main ul.offers-table.statement-options li h2:before,
    .main ul.offers-table.statement-options li.selected h2:before,
    .main ul.offers-table.statement-options li.enabled.selected h2:before,
    .main ul.offers-table.statement-options li:hover h2:before {
      border-left: 1px dashed #999;
      content: " ";
      display: inline-block;
      height: 26px;
      margin: -3px 16px 0 4px;
      vertical-align: text-top;
      width: 1px; }
    .main ul.offers-table.statement-options li h2 i,
    .main ul.offers-table.statement-options li.selected h2 i,
    .main ul.offers-table.statement-options li.enabled.selected h2 i,
    .main ul.offers-table.statement-options li:hover h2 i {
      color: #666;
      font-style: normal;
      font-weight: 400; }
    .main ul.offers-table.statement-options li h2 span.has-tip,
    .main ul.offers-table.statement-options li.selected h2 span.has-tip,
    .main ul.offers-table.statement-options li.enabled.selected h2 span.has-tip,
    .main ul.offers-table.statement-options li:hover h2 span.has-tip {
      padding-left: 0;
      position: absolute;
      right: 10px; }
    .main ul.offers-table.statement-options li h2 + .fieldset,
    .main ul.offers-table.statement-options li.selected h2 + .fieldset,
    .main ul.offers-table.statement-options li.enabled.selected h2 + .fieldset,
    .main ul.offers-table.statement-options li:hover h2 + .fieldset {
      margin-top: 20px; }
  .main ul.offers-table.statement-options li label,
  .main ul.offers-table.statement-options li.selected label,
  .main ul.offers-table.statement-options li.enabled.selected label,
  .main ul.offers-table.statement-options li:hover label {
    max-width: 88px; }
  @media screen and (min-width: 64.063em) {
    .main ul.offers-table.statement-options li .select-holder,
    .main ul.offers-table.statement-options li.selected .select-holder,
    .main ul.offers-table.statement-options li.enabled.selected .select-holder,
    .main ul.offers-table.statement-options li:hover .select-holder {
      max-width: 166px; } }
  @media screen and (min-width: 480px) {
    .main ul.offers-table.statement-options li .fieldset,
    .main ul.offers-table.statement-options li.selected .fieldset,
    .main ul.offers-table.statement-options li.enabled.selected .fieldset,
    .main ul.offers-table.statement-options li:hover .fieldset {
      padding-left: 50px; } }
  @media screen and (min-width: 64.063em) {
    .main ul.offers-table.statement-options li .fieldset,
    .main ul.offers-table.statement-options li.selected .fieldset,
    .main ul.offers-table.statement-options li.enabled.selected .fieldset,
    .main ul.offers-table.statement-options li:hover .fieldset {
      display: inline-block;
      width: 40%; }
      .main ul.offers-table.statement-options li .fieldset label,
      .main ul.offers-table.statement-options li.selected .fieldset label,
      .main ul.offers-table.statement-options li.enabled.selected .fieldset label,
      .main ul.offers-table.statement-options li:hover .fieldset label {
        max-width: 50px; }
      .main ul.offers-table.statement-options li .fieldset + .fieldset,
      .main ul.offers-table.statement-options li.selected .fieldset + .fieldset,
      .main ul.offers-table.statement-options li.enabled.selected .fieldset + .fieldset,
      .main ul.offers-table.statement-options li:hover .fieldset + .fieldset {
        padding-left: 0; }
      .main ul.offers-table.statement-options li .fieldset .select-holder,
      .main ul.offers-table.statement-options li.selected .fieldset .select-holder,
      .main ul.offers-table.statement-options li.enabled.selected .fieldset .select-holder,
      .main ul.offers-table.statement-options li:hover .fieldset .select-holder {
        width: 166px; } }

.main ul.offers-table.statement-options li.selected,
.main ul.offers-table.statement-options li.enabled.selected {
  box-shadow: none; }
  .main ul.offers-table.statement-options li.selected span.has-tip,
  .main ul.offers-table.statement-options li.enabled.selected span.has-tip {
    background: #075a8f; }
  .main ul.offers-table.statement-options li.selected:hover,
  .main ul.offers-table.statement-options li.enabled.selected:hover {
    box-shadow: none; }
  .main ul.offers-table.statement-options li.selected:before,
  .main ul.offers-table.statement-options li.enabled.selected:before {
    background: url(../images/rd-checked.png) no-repeat 0 0;
    background-size: auto 100%; }

.page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item .threesome .button,
.page-funds-account .collapsable-div.transactions .sub-list-box .threesome .button,
.threesome .button {
  display: inline-block;
  width: 22%; }
  @media screen and (min-width: 480px) {
    .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item .threesome .button,
    .page-funds-account .collapsable-div.transactions .sub-list-box .threesome .button,
    .threesome .button {
      width: 30%; } }
  .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item .threesome .button:nth-child(2),
  .page-funds-account .collapsable-div.transactions .sub-list-box .threesome .button:nth-child(2),
  .threesome .button:nth-child(2) {
    margin: 0 1%; }
  .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item .threesome .button:last-child,
  .page-funds-account .collapsable-div.transactions .sub-list-box .threesome .button:last-child,
  .threesome .button:last-child {
    width: 48%; }
    @media screen and (min-width: 480px) {
      .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item .threesome .button:last-child,
      .page-funds-account .collapsable-div.transactions .sub-list-box .threesome .button:last-child,
      .threesome .button:last-child {
        width: 30%; } }

.page-browse-listings .reveal-modal input[type="submit"],
.page-browse-listings .reveal-modal a.button {
  margin-left: 0; }

@media screen and (min-width: 40.063em) {
  .page-browse-listings .reveal-modal.medium {
    max-width: 500px; } }

.page-browse-listings h1 span {
  color: #858585;
  font-size: .8rem;
  white-space: nowrap; }

.page-browse-listings .action-bar {
  border-bottom: 1px solid #b3b3b3;
  min-height: 50px;
  padding: 10px 0; }

.page-browse-listings .asset-class {
  border-top: 1px solid #b3b3b3;
  position: absolute;
  top: 52px;
  width: 100%; }
  .page-browse-listings .asset-class label {
    display: none; }
  .page-browse-listings .asset-class .select-holder {
    height: 50px;
    padding: 0 0.9375rem 0 40px;
    position: relative;
    vertical-align: middle; }
    .page-browse-listings .asset-class .select-holder .change {
      color: #3095d6;
      font-size: 0.8rem;
      position: absolute;
      right: 40px;
      top: 13px;
      z-index: 1; }
    .page-browse-listings .asset-class .select-holder:before {
      content: '\e81c';
      display: block;
      font-size: 1.2rem;
      font-family: fontello;
      left: 0.9375rem;
      position: absolute;
      top: 14px; }
    .page-browse-listings .asset-class .select-holder.all:before {
      content: '\e81d'; }
    .page-browse-listings .asset-class .select-holder.leasing:before {
      content: '\e81a'; }
    .page-browse-listings .asset-class .select-holder.unsecured-loan:before {
      content: '\e804';
      -ms-transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    .page-browse-listings .asset-class .select-holder select {
      background: none;
      border: 0;
      font-size: 0.8rem;
      font-weight: 600;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%;
      z-index: 2; }
      .page-browse-listings .asset-class .select-holder select option {
        padding: 10px; }
      .page-browse-listings .asset-class .select-holder select:active, .page-browse-listings .asset-class .select-holder select:focus {
        border: 0; }
    .page-browse-listings .asset-class .select-holder:after {
      right: 20px;
      top: 20px; }

.page-browse-listings li.listing .asset-class {
  display: none; }
  @media screen and (min-width: 64.063em) {
    .page-browse-listings li.listing .asset-class {
      display: block; } }

.page-browse-listings ul.inline li:first-child:after {
  content: ""; }

.page-browse-listings .search-form {
  background: #fff;
  display: inline-block;
  float: right;
  height: 32px;
  line-height: 32px;
  margin: 0 0.9375rem 0 0;
  max-width: 50%;
  position: relative;
  vertical-align: middle; }
  .page-browse-listings .search-form input[type="search"],
  .page-browse-listings .search-form input[type="search"]:active,
  .page-browse-listings .search-form input[type="search"]:focus {
    background: none;
    border: 0;
    box-shadow: none;
    color: #666;
    font-size: .8rem;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 0 0 10px;
    width: 90%; }
  .page-browse-listings .search-form input[type="submit"] {
    height: 32px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    z-index: 2; }
  .page-browse-listings .search-form .icon-search {
    background: #3095d6;
    color: #fff;
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  .page-browse-listings .search-form input[disabled],
  .page-browse-listings .search-form input[disabled] + .icon-search:before {
    color: rgba(255, 255, 255, 0.5);
    cursor: default; }

@media screen and (min-width: 40.063em) {
  .page-browse-listings .action-bar {
    padding: 15px 0;
    position: relative; }
  .page-browse-listings .asset-class {
    border: 0;
    display: inline-block;
    position: relative;
    top: auto;
    vertical-align: middle;
    width: 40%; }
    .page-browse-listings .asset-class .select-holder {
      background: #e2e2e2;
      box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
      display: inline-block;
      height: 36px;
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      width: 100%; }
      .page-browse-listings .asset-class .select-holder:before {
        display: none; }
      .page-browse-listings .asset-class .select-holder:after {
        right: 15px;
        top: 15px;
        z-index: 1; }
      .page-browse-listings .asset-class .select-holder select {
        background: none;
        float: right;
        margin: 0;
        padding: 6px .5rem;
        position: relative;
        z-index: 2; }
        .page-browse-listings .asset-class .select-holder select option {
          padding: 0 10px; }
  .page-browse-listings .search-form {
    background: #e2e2e2;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    float: right;
    margin: 0;
    vertical-align: middle;
    width: 33%; } }

.page-browse-listings .search-form input#submit,
.ie9 .page-browse-listings .search-form input#ie9-submit {
  display: block; }

.page-browse-listings .search-form input#ie9-submit,
.ie9 .page-browse-listings .search-form input#submit {
  display: none; }

.ie9 .page-browse-listings .search-form .icon-search {
  height: 37px;
  line-height: 37px;
  width: 40px; }

.ie9 .page-browse-listings .search-form input[disabled] + .icon-search::before {
  color: #fff; }

.appl-no {
  padding-left: 10px; }
  @media screen and (min-width: 40.063em) {
    .appl-no {
      position: absolute;
      right: 0;
      top: 10px; } }
  @media screen and (min-width: 64.063em) {
    .appl-no {
      position: relative;
      right: auto;
      top: auto; } }

@media screen and (min-width: 40.063em) {
  .page-my-investments .appl-no {
    bottom: auto;
    position: relative;
    right: auto;
    top: auto; } }

@media screen and (min-width: 40.063em) {
  .page-finance-agreements .appl-no {
    bottom: auto;
    position: relative;
    right: auto;
    top: auto; } }

@media screen and (min-width: 64.063em) {
  .page-finance-agreements .appl-no {
    bottom: auto;
    position: relative;
    right: auto;
    top: auto; } }

.page-my-investments.page-investments .listings li.listing .table-content li.funding-amount h3 {
  bottom: auto;
  position: relative;
  right: auto;
  top: auto; }

@media screen and (min-width: 40.063em) {
  .page-my-investments.page-investments .appl-no {
    bottom: auto;
    position: relative;
    right: auto;
    top: auto; } }

@media screen and (min-width: 64.063em) {
  .page-my-investments.page-investments .appl-no {
    bottom: auto;
    position: relative;
    right: auto;
    top: auto; } }

.page-my-investments .main h1 a,
.page-manage-applications .main h1 a,
.page-finance-agreements .main h1 a,
.page-unfunded-applications .main h1 a {
  display: inline-block;
  float: right;
  font-size: .7rem;
  font-weight: 400;
  padding: 6px 0 0; }

.page-my-investments .main .sub-section,
.page-manage-applications .main .sub-section,
.page-finance-agreements .main .sub-section,
.page-unfunded-applications .main .sub-section {
  border-bottom: 1px solid #b3b3b3;
  border-top: 1px solid #fff;
  padding: 10px 0.9375rem; }
  .page-my-investments .main .sub-section .note,
  .page-manage-applications .main .sub-section .note,
  .page-finance-agreements .main .sub-section .note,
  .page-unfunded-applications .main .sub-section .note {
    display: inline-block;
    font-weight: 600;
    line-height: 1.2rem;
    padding: 7px 0 0;
    vertical-align: middle; }
  .page-my-investments .main .sub-section a.button,
  .page-manage-applications .main .sub-section a.button,
  .page-finance-agreements .main .sub-section a.button,
  .page-unfunded-applications .main .sub-section a.button {
    display: inline-block;
    margin: 0 2% 0 0;
    white-space: nowrap;
    width: 49%; }
    .page-my-investments .main .sub-section a.button:last-child,
    .page-manage-applications .main .sub-section a.button:last-child,
    .page-finance-agreements .main .sub-section a.button:last-child,
    .page-unfunded-applications .main .sub-section a.button:last-child {
      margin: 0; }
    .page-my-investments .main .sub-section a.button:before,
    .page-manage-applications .main .sub-section a.button:before,
    .page-finance-agreements .main .sub-section a.button:before,
    .page-unfunded-applications .main .sub-section a.button:before {
      display: none; }
    .page-my-investments .main .sub-section a.button.cta,
    .page-manage-applications .main .sub-section a.button.cta,
    .page-finance-agreements .main .sub-section a.button.cta,
    .page-unfunded-applications .main .sub-section a.button.cta {
      background: #ff5400;
      color: #fff;
      display: inline-block;
      padding: 12px 55px 10px 15px;
      position: relative;
      width: auto; }
      .page-my-investments .main .sub-section a.button.cta b,
      .page-manage-applications .main .sub-section a.button.cta b,
      .page-finance-agreements .main .sub-section a.button.cta b,
      .page-unfunded-applications .main .sub-section a.button.cta b {
        background-image: url(../images/hover.png);
        border-left: 1px solid rgba(255, 255, 255, 0.5);
        box-shadow: 1px 0 1px -1px rgba(0, 0, 0, 0.5) inset;
        font-weight: normal;
        height: 100%;
        line-height: 38px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 38px; }
        .page-my-investments .main .sub-section a.button.cta b i,
        .page-manage-applications .main .sub-section a.button.cta b i,
        .page-finance-agreements .main .sub-section a.button.cta b i,
        .page-unfunded-applications .main .sub-section a.button.cta b i {
          -webkit-animation: jump 1s infinite;
          -moz-animation: jump 1s infinite;
          -o-animation: jump 1s infinite;
          -ms-animation: jump 1s infinite;
          animation: jump 1s infinite;
          color: #fff;
          display: block;
          font-size: 1.3rem;
          font-style: normal;
          position: relative; }
      .page-my-investments .main .sub-section a.button.cta:hover, .page-my-investments .main .sub-section a.button.cta.selected,
      .page-manage-applications .main .sub-section a.button.cta:hover,
      .page-manage-applications .main .sub-section a.button.cta.selected,
      .page-finance-agreements .main .sub-section a.button.cta:hover,
      .page-finance-agreements .main .sub-section a.button.cta.selected,
      .page-unfunded-applications .main .sub-section a.button.cta:hover,
      .page-unfunded-applications .main .sub-section a.button.cta.selected {
        background: #ff5400;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
        background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
        background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
        background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
        background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
        background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2)); }
      .page-my-investments .main .sub-section a.button.cta:active, .page-my-investments .main .sub-section a.button.cta:focus,
      .page-manage-applications .main .sub-section a.button.cta:active,
      .page-manage-applications .main .sub-section a.button.cta:focus,
      .page-finance-agreements .main .sub-section a.button.cta:active,
      .page-finance-agreements .main .sub-section a.button.cta:focus,
      .page-unfunded-applications .main .sub-section a.button.cta:active,
      .page-unfunded-applications .main .sub-section a.button.cta:focus {
        background: #ff5400;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
  .page-my-investments .main .sub-section.tab4 a.button,
  .page-manage-applications .main .sub-section.tab4 a.button,
  .page-finance-agreements .main .sub-section.tab4 a.button,
  .page-unfunded-applications .main .sub-section.tab4 a.button {
    margin: 0 1% 10px 0;
    max-width: none;
    width: 48.5%; }
    .page-my-investments .main .sub-section.tab4 a.button:nth-child(2n),
    .page-manage-applications .main .sub-section.tab4 a.button:nth-child(2n),
    .page-finance-agreements .main .sub-section.tab4 a.button:nth-child(2n),
    .page-unfunded-applications .main .sub-section.tab4 a.button:nth-child(2n) {
      float: right;
      margin-right: 0; }
    .page-my-investments .main .sub-section.tab4 a.button:nth-child(3), .page-my-investments .main .sub-section.tab4 a.button:nth-child(4),
    .page-manage-applications .main .sub-section.tab4 a.button:nth-child(3),
    .page-manage-applications .main .sub-section.tab4 a.button:nth-child(4),
    .page-finance-agreements .main .sub-section.tab4 a.button:nth-child(3),
    .page-finance-agreements .main .sub-section.tab4 a.button:nth-child(4),
    .page-unfunded-applications .main .sub-section.tab4 a.button:nth-child(3),
    .page-unfunded-applications .main .sub-section.tab4 a.button:nth-child(4) {
      margin-bottom: 0; }
  @media screen and (min-width: 64.063em) {
    .page-my-investments .main .sub-section.tab4 a.button,
    .page-manage-applications .main .sub-section.tab4 a.button,
    .page-finance-agreements .main .sub-section.tab4 a.button,
    .page-unfunded-applications .main .sub-section.tab4 a.button {
      margin: 0 1.5% 0 0;
      width: 24%; }
      .page-my-investments .main .sub-section.tab4 a.button:nth-child(2n),
      .page-manage-applications .main .sub-section.tab4 a.button:nth-child(2n),
      .page-finance-agreements .main .sub-section.tab4 a.button:nth-child(2n),
      .page-unfunded-applications .main .sub-section.tab4 a.button:nth-child(2n) {
        float: left;
        margin-right: 1%; }
      .page-my-investments .main .sub-section.tab4 a.button:last-child,
      .page-manage-applications .main .sub-section.tab4 a.button:last-child,
      .page-finance-agreements .main .sub-section.tab4 a.button:last-child,
      .page-unfunded-applications .main .sub-section.tab4 a.button:last-child {
        margin-right: 0; } }

@media screen and (min-width: 40.063em) {
  .page-my-investments .main .sub-section,
  .page-manage-applications .main .sub-section,
  .page-finance-agreements .main .sub-section,
  .page-unfunded-applications .main .sub-section {
    border-bottom: 1px solid #cfcdcd;
    border-top: 0;
    padding: 15px 0; }
    .page-my-investments .main .sub-section a.button,
    .page-manage-applications .main .sub-section a.button,
    .page-finance-agreements .main .sub-section a.button,
    .page-unfunded-applications .main .sub-section a.button {
      display: block;
      float: left;
      margin: 0 2% 0 0;
      padding: 10px 0;
      position: relative;
      white-space: nowrap;
      width: 32%; }
      .page-my-investments .main .sub-section a.button.tip,
      .page-manage-applications .main .sub-section a.button.tip,
      .page-finance-agreements .main .sub-section a.button.tip,
      .page-unfunded-applications .main .sub-section a.button.tip {
        padding-right: 25px !important; }
      .page-my-investments .main .sub-section a.button .has-tip,
      .page-manage-applications .main .sub-section a.button .has-tip,
      .page-finance-agreements .main .sub-section a.button .has-tip,
      .page-unfunded-applications .main .sub-section a.button .has-tip {
        position: absolute;
        right: 3px;
        top: 8px; }
  .page-my-investments .main .listings .listing .actions,
  .page-manage-applications .main .listings .listing .actions,
  .page-finance-agreements .main .listings .listing .actions,
  .page-unfunded-applications .main .listings .listing .actions {
    border-top: 0;
    float: right;
    max-width: 50%;
    padding: 0; } }

@media screen and (min-width: 64.063em) {
  .page-my-investments .main .sub-section a.button:before,
  .page-manage-applications .main .sub-section a.button:before,
  .page-finance-agreements .main .sub-section a.button:before,
  .page-unfunded-applications .main .sub-section a.button:before {
    display: block;
    font-size: 1rem;
    left: 7px;
    position: absolute;
    top: 11px; }
  .page-my-investments .main .listings .listing .actions,
  .page-manage-applications .main .listings .listing .actions,
  .page-finance-agreements .main .listings .listing .actions,
  .page-unfunded-applications .main .listings .listing .actions {
    padding: 0 0.9375rem; } }

.page-my-investments .reveal-modal input[type="submit"],
.page-my-investments .reveal-modal a.button {
  margin-left: 0; }

.page-watch-list .main .archive-function {
  border-top: 1px solid #fff;
  padding: 15px 0.9375rem; }
  @media screen and (min-width: 40.063em) {
    .page-watch-list .main .archive-function {
      display: inline-block !important;
      padding-left: 0; } }

.page-watch-list .main .listing ul.table-content {
  position: relative; }

.page-watch-list .main .listing .archive-function {
  border: 0;
  display: inline-block;
  padding: 0 0.9375rem 10px;
  width: auto; }
  .page-watch-list .main .listing .archive-function label {
    margin-top: -6px; }
  @media screen and (max-width: 40em) {
    .page-watch-list .main .listing .archive-function {
      display: block;
      margin: 0;
      position: relative; } }
  @media screen and (min-width: 40.063em) {
    .page-watch-list .main .listing .archive-function {
      display: inline-block !important;
      padding-left: 0; } }
  .page-watch-list .main .listing .archive-function label {
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 40em) {
      .page-watch-list .main .listing .archive-function label {
        display: none; } }
  .page-watch-list .main .listing .archive-function span.delete-item {
    color: #333;
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    vertical-align: top;
    z-index: 1; }
    .page-watch-list .main .listing .archive-function span.delete-item:before {
      display: none; }
    @media screen and (max-width: 40em) {
      .page-watch-list .main .listing .archive-function span.delete-item {
        background: #075a8f;
        color: #fff;
        display: block;
        font-size: 0.8rem;
        font-weight: 400;
        padding: 8px 10px 10px;
        text-align: center;
        text-transform: uppercase;
        width: 100%; }
        .page-watch-list .main .listing .archive-function span.delete-item a {
          color: #fff; }
        .page-watch-list .main .listing .archive-function span.delete-item:before {
          display: inline-block;
          font-size: 1.2rem;
          left: 25px;
          position: absolute;
          top: 9px; } }

.page-watch-list .main .view-link {
  padding: 0 0.9375rem 10px;
  position: relative;
  top: -2px; }
  @media screen and (min-width: 40.063em) {
    .page-watch-list .main .view-link {
      padding: 0; } }

@media screen and (min-width: 64.063em) {
  .page-watch-list .main .archive-function,
  .page-watch-list .main .listing .archive-function {
    padding-left: 0.9375rem; } }

.page-manage-applications .main .status,
.page-finance-agreements .main .status,
.page-unfunded-applications .main .status {
  display: inline-block;
  margin: 0 0 10px;
  padding: 0 10px; }
  .page-manage-applications .main .status span,
  .page-finance-agreements .main .status span,
  .page-unfunded-applications .main .status span {
    color: #000;
    font-size: 0.7rem;
    font-weight: 600; }
    .page-manage-applications .main .status span:before,
    .page-finance-agreements .main .status span:before,
    .page-unfunded-applications .main .status span:before {
      background: #58af26;
      color: #fff;
      display: inline-block;
      font-size: 12px;
      height: 18px;
      line-height: 18px;
      margin: -3px 5px 0 0;
      text-align: center;
      width: 18px; }
    .page-manage-applications .main .status span.cancelled:before,
    .page-finance-agreements .main .status span.cancelled:before,
    .page-unfunded-applications .main .status span.cancelled:before {
      background: #bd1010; }
    .page-manage-applications .main .status span.waiting:before,
    .page-finance-agreements .main .status span.waiting:before,
    .page-unfunded-applications .main .status span.waiting:before {
      background: #075a8f;
      line-height: 16px; }

.page-manage-applications .main .sub-section a.button,
.page-finance-agreements .main .sub-section a.button,
.page-unfunded-applications .main .sub-section a.button {
  width: 31%; }
  .page-manage-applications .main .sub-section a.button span,
  .page-finance-agreements .main .sub-section a.button span,
  .page-unfunded-applications .main .sub-section a.button span {
    display: none; }

@media screen and (min-width: 40.063em) {
  .page-manage-applications .main .status,
  .page-finance-agreements .main .status,
  .page-unfunded-applications .main .status {
    padding-left: 0; }
  .page-manage-applications .main .sub-section a.button,
  .page-finance-agreements .main .sub-section a.button,
  .page-unfunded-applications .main .sub-section a.button {
    width: 32%; } }

@media screen and (min-width: 64.063em) {
  .page-manage-applications .main .status,
  .page-finance-agreements .main .status,
  .page-unfunded-applications .main .status {
    padding-left: 10px; }
  .page-manage-applications .main .sub-section a.button span,
  .page-finance-agreements .main .sub-section a.button span,
  .page-unfunded-applications .main .sub-section a.button span {
    display: inline-block; }
  .page-manage-applications .main .listings li.listing .table-content li.funding-amount,
  .page-manage-applications .main .table-header li.funding-amount,
  .page-finance-agreements .main .listings li.listing .table-content li.funding-amount,
  .page-finance-agreements .main .table-header li.funding-amount,
  .page-unfunded-applications .main .listings li.listing .table-content li.funding-amount,
  .page-unfunded-applications .main .table-header li.funding-amount {
    width: 25%; }
  .page-manage-applications .main .listings li.listing .table-content li.start-date strong, .page-manage-applications .main .listings li.listing .table-content li.maturity-date strong,
  .page-finance-agreements .main .listings li.listing .table-content li.start-date strong,
  .page-finance-agreements .main .listings li.listing .table-content li.maturity-date strong,
  .page-unfunded-applications .main .listings li.listing .table-content li.start-date strong,
  .page-unfunded-applications .main .listings li.listing .table-content li.maturity-date strong {
    display: none; } }

.page-make-a-decision .main .credit-form {
  background: #fff;
  padding: 10px 0.9375rem; }
  .page-make-a-decision .main .credit-form h2 {
    background: url(../images/credit-form-7.png) no-repeat -153px -6px;
    height: 22px;
    margin: 0 auto 20px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999em;
    width: 96px; }
  .page-make-a-decision .main .credit-form .left-section,
  .page-make-a-decision .main .credit-form .right-section {
    background: url(../images/credit-form-7.png) no-repeat;
    height: 442px;
    margin: 0 auto;
    width: 195px; }
  .page-make-a-decision .main .credit-form .left-section {
    background-position: -4px -28px; }
  .page-make-a-decision .main .credit-form .right-section {
    background-position: -199px -28px; }
  .page-make-a-decision .main .credit-form .button-group {
    margin: 20px 0;
    text-align: center; }
    .page-make-a-decision .main .credit-form .button-group .button {
      margin: 20px 5px; }

@media screen and (min-width: 480px) {
  .page-make-a-decision .main .credit-form .left-section,
  .page-make-a-decision .main .credit-form .right-section {
    display: inline-block;
    height: 442px;
    margin: 0 0 20px; }
  .page-make-a-decision .main .credit-form .button-group {
    text-align: left; }
    .page-make-a-decision .main .credit-form .button-group .button {
      margin: 20px 10px 20px 0; }
  .page-make-a-decision .main .credit-form .heading {
    max-width: 390px; } }

.page-my-investments .main .sub-section a.button {
  display: inline-block;
  margin: 0 2% 0 0;
  padding: 10px 0;
  white-space: nowrap;
  width: 49%; }
  @media screen and (min-width: 40.063em) {
    .page-my-investments .main .sub-section a.button {
      display: block;
      float: left;
      margin: 0 2% 0 0;
      padding: 10px 0;
      position: relative;
      white-space: nowrap;
      width: 32%; }
      .page-my-investments .main .sub-section a.button span {
        display: none; } }
  @media screen and (min-width: 64.063em) {
    .page-my-investments .main .sub-section a.button span {
      display: inline-block; } }

.page-previous-finance-agreements .main {
  padding-top: 0; }

@media screen and (min-width: 40.063em) {
  .page-previous-finance-agreements .shell {
    margin-bottom: 0; }
  .page-previous-finance-agreements .main .main-content {
    box-shadow: none; }
    .page-previous-finance-agreements .main .main-content .listings .listing .action-panel {
      padding-right: 0; } }

@media screen and (min-width: 64.063em) {
  .page-previous-finance-agreements .main .main-content .listings .listing .action-panel {
    padding-right: 0.9375rem; } }

.page-auction-detail .main .preparing {
  background: #575757;
  border-radius: 2px;
  padding: 20px;
  text-align: center; }
  .page-auction-detail .main .preparing p {
    color: rgba(255, 255, 255, 0.75);
    font-size: .8rem;
    line-height: 1.2rem;
    margin: 0;
    padding: 20px 0 0; }

.page-auction-detail .main .preparing2 {
  background: #575757;
  border-radius: 2px;
  text-align: center; }
  .page-auction-detail .main .preparing2 .loading-box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 10px 20px; }
    .page-auction-detail .main .preparing2 .loading-box .loading {
      background: #3d3c3c;
      border-radius: 2px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) inset;
      height: 21px;
      margin: 10px auto;
      overflow: hidden;
      padding-right: 2px;
      position: relative;
      width: 264px;
      z-index: 1; }
      .page-auction-detail .main .preparing2 .loading-box .loading .load-bar {
        background-color: #00bf5c;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
        background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
        background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
        background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
        background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
        background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
        border-radius: 1px;
        height: 19px;
        left: 1px;
        max-width: 100%;
        position: relative;
        top: 1px;
        transition: all .2s linear;
        -o-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear; }
      .page-auction-detail .main .preparing2 .loading-box .loading h3 {
        color: rgba(255, 255, 255, 0.75);
        font-size: .7rem;
        position: absolute;
        top: 3px;
        width: 100%;
        z-index: 1; }
  .page-auction-detail .main .preparing2 p {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.75);
    font-size: .8rem;
    line-height: 1.2rem;
    margin: 0;
    padding: 10px 20px; }

@-webkit-keyframes progress {
  to {
    background-position: 30px 0; } }

@-moz-keyframes progress {
  to {
    background-position: 30px 0; } }

@keyframes progress {
  to {
    background-position: 30px 0; } }

.page-auction-detail .main .load-bar .stripes {
  width: 100%;
  height: 18px;
  -webkit-animation: progress 1s linear infinite;
  -moz-animation: progress 1s linear infinite;
  animation: progress 1s linear infinite;
  background-repeat: repeat-x;
  background-size: 30px 30px;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); }

.page-auction-detail .main .auction-status {
  display: block;
  margin: 0 0 0 3px; }
  @media screen and (min-width: 40.063em) {
    .page-auction-detail .main .auction-status {
      margin: 10px 0; } }
  .page-auction-detail .main .auction-status span {
    color: #000;
    font-size: 0.75rem;
    font-weight: 600; }
    .page-auction-detail .main .auction-status span:before {
      background: #58af26;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      font-size: 12px;
      height: 26px;
      line-height: 26px;
      margin: -3px 10px 0 0;
      text-align: center;
      width: 26px; }
    .page-auction-detail .main .auction-status span.cancelled:before {
      background: #bd1010; }

.page-auction-detail .main h1 {
  position: relative; }
  .page-auction-detail .main h1:before {
    position: absolute;
    right: 10px;
    top: 14px; }
  .page-auction-detail .main h1.icon-lock-open:before {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }

.page-auction-detail .main .view-buttons a.button {
  display: inline-block; }
  .page-auction-detail .main .view-buttons a.button:first-child {
    margin-right: 10px; }

.page-auction-detail .main .auction-closing-date,
.page-auction-detail .main .auction-number {
  display: block;
  font-size: 0.7rem;
  padding: 10px 0.9375rem;
  white-space: nowrap; }

.page-auction-detail .main .auction-number {
  text-align: right; }

.page-auction-detail .main .listing-section {
  background: #f8f8f8;
  border-bottom: 1px solid #b3b3b3;
  border-top: 1px solid #b3b3b3;
  border-radius: 2px;
  font-size: .9em;
  margin: 0 0 20px;
  padding: 10px 0; }
  .page-auction-detail .main .listing-section .listing-content {
    box-shadow: 0 1px 0 #fff inset;
    padding: 10px 0.9375rem; }

.page-auction-detail .main h2.auction-amount {
  color: #ff5400;
  font-size: 1.1rem;
  font-weight: 600;
  margin: -5px 0 10px;
  padding: 0; }
  .page-auction-detail .main h2.auction-amount span {
    color: #333;
    display: block;
    font-size: .7rem;
    margin: -5px 0 0; }

.page-auction-detail .main h3 {
  color: #075a8f;
  margin: 0; }

.page-auction-detail .main .rate-range {
  color: #666;
  font-size: .7rem;
  margin: 0; }

.page-auction-detail .main .funding-progress {
  padding: 10px 0; }
  .page-auction-detail .main .funding-progress p {
    color: #333;
    font-size: .7rem;
    margin: 5px 0; }

.page-auction-detail .main .add-panel {
  border-top: 1px solid #ccc; }
  .page-auction-detail .main .add-panel .late-payments {
    color: #075a8f;
    font-size: 1rem;
    font-weight: 600; }
  .page-auction-detail .main .add-panel .pending {
    color: #ff5400;
    font-size: .7rem; }
  .page-auction-detail .main .add-panel .main-score {
    border-radius: 2px;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5) inset;
    color: #fff;
    display: inline-block;
    float: right;
    margin: 0 0 0 5px;
    padding: 0 7px 2px;
    font-weight: 600; }
    .page-auction-detail .main .add-panel .main-score.score-a, .page-auction-detail .main .add-panel .main-score.score-b, .page-auction-detail .main .add-panel .main-score.score-high {
      background: #097a3f; }
    .page-auction-detail .main .add-panel .main-score.score-c, .page-auction-detail .main .add-panel .main-score.score-d, .page-auction-detail .main .add-panel .main-score.score-mid {
      background: #eda406; }
    .page-auction-detail .main .add-panel .main-score.score-e, .page-auction-detail .main .add-panel .main-score.score-f, .page-auction-detail .main .add-panel .main-score.score-low {
      background: #d63131; }

.page-auction-detail .main .available-funds-section h2 {
  margin: 0;
  padding: 0 0.9375rem 10px; }

.page-auction-detail .main .available-funds-section div:last-child {
  text-align: right; }
  .page-auction-detail .main .available-funds-section div:last-child h2 {
    color: #008c43; }

.page-auction-detail .main .place-bid-section h3 {
  color: #000;
  font-size: .8rem;
  margin: 0;
  padding: 10px 0; }

.page-auction-detail .main .place-bid-section .fieldset input {
  background: #e0e0e0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) inset; }
  .page-auction-detail .main .place-bid-section .fieldset input:active, .page-auction-detail .main .place-bid-section .fieldset input:focus {
    background: #e6e6e6; }

.page-auction-detail .main .place-bid-section input[type="submit"] {
  width: 100%; }

.page-auction-detail .main .place-bid-section .quick-quote {
  display: none; }

.page-auction-detail .main .loan-interest-rate-range-section h2 {
  margin: 0;
  padding: 0 0.9375rem 10px; }

.page-auction-detail .main .bidding-history-section h2 {
  margin: 0;
  padding: 0 0.9375rem 10px; }
  .page-auction-detail .main .bidding-history-section h2 span {
    color: #666;
    display: block;
    float: right;
    font-size: 0.7rem;
    text-align: right; }

.page-auction-detail .main .bidding-history-section table.data-table {
  margin: 0; }
  .page-auction-detail .main .bidding-history-section table.data-table tr,
  .page-auction-detail .main .bidding-history-section table.data-table th:nth-child(4),
  .page-auction-detail .main .bidding-history-section table.data-table th:last-child,
  .page-auction-detail .main .bidding-history-section table.data-table td:nth-child(4),
  .page-auction-detail .main .bidding-history-section table.data-table td:last-child {
    display: none; }
  .page-auction-detail .main .bidding-history-section table.data-table tr:first-child,
  .page-auction-detail .main .bidding-history-section table.data-table tr:nth-child(2),
  .page-auction-detail .main .bidding-history-section table.data-table tr:nth-child(3),
  .page-auction-detail .main .bidding-history-section table.data-table tr:nth-child(4),
  .page-auction-detail .main .bidding-history-section table.data-table tr:nth-child(5) {
    display: table-row; }
  .page-auction-detail .main .bidding-history-section table.data-table.all-bids tr {
    display: table-row; }
  .page-auction-detail .main .bidding-history-section table.data-table tr.you td {
    background: #e9f5e3;
    border-bottom: 1px solid #4b8928;
    color: #000;
    font-weight: 600; }

.page-auction-detail .main .bidding-history-section .view-all-bids {
  display: block;
  padding: 10px 0 0;
  position: relative;
  text-align: center; }
  .page-auction-detail .main .bidding-history-section .view-all-bids:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #999;
    content: ".";
    display: inline-block;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0.9375rem;
    text-indent: -999em;
    top: 15px; }
  .page-auction-detail .main .bidding-history-section .view-all-bids.open:after {
    border-bottom: 7px solid #999;
    border-top: 0;
    top: 17px; }

.page-auction-detail .main .button-set {
  padding: 0.9375rem 12px; }
  .page-auction-detail .main .button-set a.button {
    background: #58af26; }
    .page-auction-detail .main .button-set a.button.selected, .page-auction-detail .main .button-set a.button:active, .page-auction-detail .main .button-set a.button:focus, .page-auction-detail .main .button-set a.button:hover {
      background: #58af26;
      background-image: url(../images/hover2.png); }

.page-auction-detail .main .action-block {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px; }
  .page-auction-detail .main .action-block h3 {
    margin: 0; }
    @media screen and (min-width: 40.063em) {
      .page-auction-detail .main .action-block h3 {
        margin: 0 0.9375rem; } }
  .page-auction-detail .main .action-block ul {
    list-style: none;
    margin: 0;
    padding: 20px 0 10px; }
    @media screen and (min-width: 40.063em) {
      .page-auction-detail .main .action-block ul {
        padding: 20px 0.9375rem 10px; } }
    .page-auction-detail .main .action-block ul li {
      margin: 0 0 5px;
      position: relative; }
      .page-auction-detail .main .action-block ul li:before {
        color: #fff;
        display: block;
        font-size: .8rem;
        left: 5px;
        line-height: 26px;
        position: absolute;
        top: 5px;
        width: 26px;
        z-index: 2; }
      .page-auction-detail .main .action-block ul li a {
        background: #075a8f;
        border-radius: 2px;
        color: #fff;
        display: block;
        font-size: 0.8rem;
        height: 36px;
        line-height: 26px;
        padding: 3px 5px 3px 15px;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        width: 100%; }
        @media screen and (min-width: 40.063em) {
          .page-auction-detail .main .action-block ul li a {
            max-width: 185px; } }
        .page-auction-detail .main .action-block ul li a:active, .page-auction-detail .main .action-block ul li a:focus, .page-auction-detail .main .action-block ul li a:hover {
          background: #075a8f;
          background-image: url(../images/hover2.png); }
      .page-auction-detail .main .action-block ul li input[type="submit"] {
        background: #075a8f;
        border: 0;
        border-radius: 2px;
        color: #fff;
        display: block;
        font-size: 0.8rem;
        height: 36px;
        line-height: 26px;
        padding: 3px 5px 3px 15px;
        position: relative;
        text-transform: uppercase;
        white-space: nowrap;
        width: 100%; }
        @media screen and (min-width: 40.063em) {
          .page-auction-detail .main .action-block ul li input[type="submit"] {
            max-width: 185px; } }
        .page-auction-detail .main .action-block ul li input[type="submit"]:active, .page-auction-detail .main .action-block ul li input[type="submit"]:focus, .page-auction-detail .main .action-block ul li input[type="submit"]:hover {
          background: #075a8f;
          background-image: url(../images/hover2.png); }
  @media screen and (min-width: 40.063em) {
    .page-auction-detail .main .action-block {
      border-bottom: 0;
      margin-bottom: 0;
      margin-top: 20px;
      padding: 20px 0; }
      .page-auction-detail .main .action-block h3 {
        margin: 0; }
      .page-auction-detail .main .action-block ul {
        padding: 10px 0; }
        .page-auction-detail .main .action-block ul li {
          display: block;
          width: 100%; } }

.page-auction-detail .main .ask-question,
.page-auction-detail .main .answer-question {
  margin: 10px 0.9375rem; }
  .page-auction-detail .main .ask-question textarea,
  .page-auction-detail .main .answer-question textarea {
    background: #fff;
    border: 0;
    font-size: .8rem;
    height: 100px; }
  .page-auction-detail .main .ask-question input[type="submit"],
  .page-auction-detail .main .answer-question input[type="submit"] {
    margin: 0;
    width: 100%; }

.page-auction-detail .main .answer-question {
  background: #f8f8f8;
  margin: 0 0 20px;
  padding: 10px 0.9375rem; }
  .page-auction-detail .main .answer-question textarea {
    background: #e2e2e2;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2); }
  .page-auction-detail .main .answer-question input[type="submit"] {
    margin: 0 0 30px;
    width: auto; }
  .page-auction-detail .main .answer-question p.trigger {
    margin: 0;
    position: relative; }
    .page-auction-detail .main .answer-question p.trigger a {
      padding: 0 0 0 20px; }
      .page-auction-detail .main .answer-question p.trigger a strong {
        color: #333; }
    .page-auction-detail .main .answer-question p.trigger:before {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 7px solid rgba(0, 0, 0, 0.6);
      content: ".";
      display: block;
      height: 0;
      overflow: hidden;
      position: absolute;
      left: 0;
      text-indent: -999em;
      top: 8px;
      width: 0; }
    .page-auction-detail .main .answer-question p.trigger.close:before {
      border-bottom: 7px solid rgba(0, 0, 0, 0.6);
      border-top: 0; }

.page-auction-detail .main .view-answers .listing-content {
  border-top: 1px solid #ccc; }
  .page-auction-detail .main .view-answers .listing-content strong {
    color: #000;
    font-size: 105%; }
  .page-auction-detail .main .view-answers .listing-content p {
    margin: 0 0 5px; }
  .page-auction-detail .main .view-answers .listing-content:last-child p:last-child {
    margin: 0; }
  .page-auction-detail .main .view-answers .listing-content:first-child {
    border-top: 0; }

.page-auction-detail .main a.button.show-profile {
  background: #075a8f; }
  .page-auction-detail .main a.button.show-profile:active, .page-auction-detail .main a.button.show-profile:focus, .page-auction-detail .main a.button.show-profile:hover {
    background: #075a8f;
    background-image: url(../images/hover.png); }

.page-auction-detail .main .watchlist {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 40px;
  top: 5px;
  z-index: 2; }
  .page-auction-detail .main .watchlist a {
    color: #777;
    display: inline-block;
    font-size: 0.7rem; }
    .page-auction-detail .main .watchlist a:before {
      background: #999;
      color: #fff;
      display: inline-block;
      font-size: .9rem;
      height: 18px;
      line-height: 18px;
      margin: 0 5px 0 0;
      position: absolute;
      right: -29px;
      vertical-align: middle;
      width: 18px; }
  .page-auction-detail .main .watchlist.watching {
    background: none; }
    .page-auction-detail .main .watchlist.watching a {
      color: #000; }
      .page-auction-detail .main .watchlist.watching a:before {
        background: #075a8f; }

.page-auction-detail .main .view-answers .listing-content p.question,
.page-auction-detail .main .view-answers .listing-content p.answer,
.page-auction-detail .main .questions p.question,
.page-auction-detail .main .questions p.answer {
  padding-left: 30px;
  position: relative; }
  .page-auction-detail .main .view-answers .listing-content p.question:before,
  .page-auction-detail .main .view-answers .listing-content p.answer:before,
  .page-auction-detail .main .questions p.question:before,
  .page-auction-detail .main .questions p.answer:before {
    background: #075a8f;
    border-radius: 2px;
    color: #fff;
    content: "Q";
    display: block;
    font-weight: 600;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 20px; }

.page-auction-detail .main .view-answers .listing-content p.answer:before,
.page-auction-detail .main .questions p.answer:before {
  content: "A";
  opacity: .5; }

.page-auction-detail .main .view-answers .listing-content p.question,
.page-auction-detail .main .questions p.question {
  border-bottom: 1px dashed #999;
  margin-bottom: 10px;
  padding-bottom: 10px; }
  .page-auction-detail .main .view-answers .listing-content p.question span,
  .page-auction-detail .main .questions p.question span {
    display: block;
    font-size: .9em; }

.page-auction-detail .main .questions p.question {
  border-bottom: 0;
  padding-left: 0; }
  .page-auction-detail .main .questions p.question span {
    padding-top: 5px; }
  .page-auction-detail .main .questions p.question:before {
    display: none; }

@media screen and (min-width: 40.063em) {
  .page-auction-detail .main h1 {
    display: inline-block;
    margin-right: 10px;
    width: auto; }
  .page-auction-detail .main .watchlist {
    right: 134px;
    top: 12px; }
  .page-auction-detail .main .auction-details-section {
    margin: 20px 0; }
    .page-auction-detail .main .auction-details-section .columns:first-child .auction-details-content {
      border-right: 1px solid #ccc;
      margin-bottom: -1000px;
      padding: 0 20px 1000px 0; }
    .page-auction-detail .main .auction-details-section .columns:last-child .auction-details-content {
      padding: 0 0 0 20px; }
    .page-auction-detail .main .auction-details-section .columns:only-child .auction-details-content {
      border: 0;
      padding: 0;
      width: 200%; }
      .page-auction-detail .main .auction-details-section .columns:only-child .auction-details-content h2.asset-class-type::before {
        right: 0; }
      .page-auction-detail .main .auction-details-section .columns:only-child .auction-details-content .block {
        display: inline-block;
        vertical-align: top;
        width: 48%; }
        .page-auction-detail .main .auction-details-section .columns:only-child .auction-details-content .block p.inline {
          display: block; }
    .page-auction-detail .main .auction-details-section .block {
      padding: 0 0 20px; }
    .page-auction-detail .main .auction-details-section p {
      margin: 0; }
      .page-auction-detail .main .auction-details-section p.inline {
        display: inline; }
    .page-auction-detail .main .auction-details-section h2.available-funds span {
      color: #008c43;
      font-size: 1.1em; }
    .page-auction-detail .main .auction-details-section h3 {
      color: #000;
      font-size: .8rem;
      margin: 0; }
      .page-auction-detail .main .auction-details-section h3.inline {
        display: inline; }
    .page-auction-detail .main .auction-details-section .auction-amount {
      font-size: 1.3rem;
      margin: 0; }
      .page-auction-detail .main .auction-details-section .auction-amount span {
        font-size: .8rem;
        font-weight: 600; }
    .page-auction-detail .main .auction-details-section .content-block.add-panel {
      margin: 0; }
      .page-auction-detail .main .auction-details-section .content-block.add-panel .listing-content {
        display: block;
        margin: 0 auto;
        min-width: 100px;
        text-align: center;
        vertical-align: top;
        width: 49%; }
        .page-auction-detail .main .auction-details-section .content-block.add-panel .listing-content span {
          display: block;
          float: none;
          margin: 10px auto; }
          .page-auction-detail .main .auction-details-section .content-block.add-panel .listing-content span.title {
            color: #000;
            font-weight: 600; }
          .page-auction-detail .main .auction-details-section .content-block.add-panel .listing-content span.main-score {
            max-width: 32px; }
          .page-auction-detail .main .auction-details-section .content-block.add-panel .listing-content span.legend {
            font-size: 0.7rem; }
      .page-auction-detail .main .auction-details-section .content-block.add-panel .view-full-profile {
        color: #000;
        font-size: .8em;
        font-weight: 600;
        padding: 10px 0 0; }
        .page-auction-detail .main .auction-details-section .content-block.add-panel .view-full-profile:before {
          background: #cfcfcf;
          color: #909090;
          display: inline-block;
          height: 18px;
          line-height: 18px;
          margin: -2px 8px 0 0;
          text-align: center;
          vertical-align: middle;
          width: 18px; }
    .page-auction-detail .main .auction-details-section .place-bid-section h3 {
      padding: 0 0 10px; }
    .page-auction-detail .main .auction-details-section .place-bid-section input[type="submit"] {
      display: inline-block;
      margin: 0;
      padding: 8px 15px;
      vertical-align: middle;
      width: auto; }
    .page-auction-detail .main .auction-details-section .place-bid-section .quick-quote {
      display: inline-block;
      font-size: .7rem;
      font-weight: 600;
      padding: 10px 0 10px 5px;
      vertical-align: middle; }
      .page-auction-detail .main .auction-details-section .place-bid-section .quick-quote:before {
        color: #808080;
        font-size: 1.2em;
        padding-right: 5px; }
    .page-auction-detail .main .auction-details-section .progress-block {
      border-top: 1px solid #ccc;
      margin: 20px 0 0 -20px;
      padding: 20px 0 0 20px;
      width: -moz-calc(100% + 20px);
      width: -webkit-calc(100% + 20px);
      width: calc(100% + 20px); }
      .page-auction-detail .main .auction-details-section .progress-block h3 {
        margin: 0 0 10px; }
      .page-auction-detail .main .auction-details-section .progress-block .notifications {
        padding: 20px 0 0; }
  .page-auction-detail .main .bidding-history-section h2 {
    padding-left: 0; }
    .page-auction-detail .main .bidding-history-section h2 span {
      display: inline-block;
      float: none;
      margin: -2px 5px 0;
      text-align: left; }
  .page-auction-detail .main .bidding-history-section .view-all-bids {
    font-size: .8em;
    font-weight: 600;
    padding: 10px;
    text-align: left; }
  .page-auction-detail .main .questions .view-answers {
    display: block !important;
    margin: 0 0 20px; }
    .page-auction-detail .main .questions .view-answers .listing-section {
      border-left: 1px solid #b3b3b3;
      border-right: 1px solid #b3b3b3;
      padding: 0; }
      .page-auction-detail .main .questions .view-answers .listing-section .listing-content {
        padding: 10px; }
        .page-auction-detail .main .questions .view-answers .listing-section .listing-content strong {
          font-size: 110%; }
        .page-auction-detail .main .questions .view-answers .listing-section .listing-content:nth-child(odd) {
          background: #eee; }
  .page-auction-detail .main .questions .ask-question,
  .page-auction-detail .main .questions .answer-question {
    display: block !important;
    margin: 0 0 20px;
    padding: 0; }
    .page-auction-detail .main .questions .ask-question h2,
    .page-auction-detail .main .questions .answer-question h2 {
      margin: 0;
      padding: 10px 0; }
      .page-auction-detail .main .questions .ask-question h2 span,
      .page-auction-detail .main .questions .answer-question h2 span {
        color: #666;
        display: inline-block;
        font-size: 0.7rem;
        margin: -2px 5px 0; }
    .page-auction-detail .main .questions .ask-question input[type="submit"],
    .page-auction-detail .main .questions .answer-question input[type="submit"] {
      padding: 8px 15px;
      width: auto; }
    .page-auction-detail .main .questions .ask-question textarea,
    .page-auction-detail .main .questions .answer-question textarea {
      background: #e2e2e2;
      box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2); } }

@media screen and (min-width: 64.063em) {
  .page-auction-detail .main .watchlist {
    left: 190px;
    right: auto;
    top: 14px; }
    .page-auction-detail .main .watchlist a:before {
      left: 0;
      position: relative;
      top: -1px; }
  .page-auction-detail .main .auction-details-section h2.available-funds span {
    padding-left: 10px; }
  .page-auction-detail .main .auction-details-section .content-block.add-panel .listing-content {
    display: inline-block; }
  .page-auction-detail .main .bidding-history-section table.data-table th:nth-child(4),
  .page-auction-detail .main .bidding-history-section table.data-table th:last-child,
  .page-auction-detail .main .bidding-history-section table.data-table td:nth-child(4),
  .page-auction-detail .main .bidding-history-section table.data-table td:last-child {
    display: table-cell; } }

.page-auction-detail .reveal-modal .content {
  margin: 0 auto;
  text-align: left; }
  .page-auction-detail .reveal-modal .content input[type="submit"],
  .page-auction-detail .reveal-modal .content a.button {
    margin-left: 0; }

.page-borrowers-profile .main h1 a {
  display: inline-block;
  float: right;
  font-size: .7rem;
  font-weight: 400;
  padding: 6px 0 0; }

.page-borrowers-profile .main .listing-section h2 {
  margin: 0;
  padding: 0 0.9375rem 10px; }

.page-borrowers-profile .main .listing-section.personal-info, .page-borrowers-profile .main .listing-section.financial-info {
  margin-top: -1px;
  padding-bottom: 0; }
  .page-borrowers-profile .main .listing-section.personal-info ul, .page-borrowers-profile .main .listing-section.financial-info ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .page-borrowers-profile .main .listing-section.personal-info ul li, .page-borrowers-profile .main .listing-section.financial-info ul li {
      font-size: .8rem; }
      .page-borrowers-profile .main .listing-section.personal-info ul li strong, .page-borrowers-profile .main .listing-section.financial-info ul li strong {
        color: #000;
        font-weight: 600;
        display: inline-block;
        vertical-align: top;
        width: 30%; }
      .page-borrowers-profile .main .listing-section.personal-info ul li span, .page-borrowers-profile .main .listing-section.financial-info ul li span {
        display: inline-block;
        vertical-align: top;
        width: 68%; }

.page-borrowers-profile .main .listing-section.financial-info h3 {
  display: none; }

.page-borrowers-profile .main .listing-section .accordion-header {
  border-top: 1px solid #ccc;
  color: #000;
  display: block;
  font-weight: 600;
  padding: 10px 0.9375rem;
  position: relative; }
  .page-borrowers-profile .main .listing-section .accordion-header:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #999;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -999em;
    top: 15px;
    z-index: 5; }
  .page-borrowers-profile .main .listing-section .accordion-header.close:after {
    border-bottom: 7px solid #999;
    border-top: 0;
    margin-top: -2px; }

.page-borrowers-profile .main .listing-section .list-items {
  background: #eee;
  border-top: 1px dashed #999; }
  .page-borrowers-profile .main .listing-section .list-items:last-child {
    border-bottom: 0; }
  .page-borrowers-profile .main .listing-section .list-items ul.data-table span {
    color: #ff5400;
    float: right;
    font-size: .8rem;
    width: auto; }

.page-borrowers-profile .main .legend {
  background: #fff;
  border-top: 1px dashed #999;
  color: #000;
  padding: 10px 0.9375rem; }
  @media screen and (min-width: 40.063em) {
    .page-borrowers-profile .main .legend {
      background: #f8f8f8; } }

.page-borrowers-profile .main .pa {
  color: #e30a0a;
  font-style: normal; }

@media screen and (min-width: 40.063em) {
  .page-borrowers-profile .main h1 a {
    display: none; }
  .page-borrowers-profile .main .listing-section {
    border: 0;
    border-radius: 2px; }
    .page-borrowers-profile .main .listing-section.personal-info .add-panel {
      background: #eee; }
    .page-borrowers-profile .main .listing-section.personal-info ul {
      padding: 0 0 20px; }
    .page-borrowers-profile .main .listing-section.financial-info h2 {
      padding-left: 0; }
    .page-borrowers-profile .main .listing-section.financial-info h3 {
      background: #a0a0a0;
      border-radius: 2px 2px 0 0;
      color: #fff;
      display: block;
      font-size: .8rem;
      font-weight: 600;
      padding: 10px 0.9375rem; }
    .page-borrowers-profile .main .listing-section.financial-info .list-items {
      border-top: 0;
      display: block !important;
      margin-bottom: 20px; }
      .page-borrowers-profile .main .listing-section.financial-info .list-items .data-table {
        border: 1px solid #ccc;
        border-top: 0; }
    .page-borrowers-profile .main .listing-section.financial-info .legend {
      border-bottom: 1px solid #ccc;
      border-top: 0;
      color: #666; } }

@media screen and (min-width: 64.063em) {
  .page-borrowers-profile .main .listing-section.personal-info ul {
    padding: 20px 0; }
  .page-borrowers-profile .main .listing-section.financial-info .column-block {
    display: inline-block;
    margin-right: 2%;
    vertical-align: top;
    width: 48.5%; }
    .page-borrowers-profile .main .listing-section.financial-info .column-block:last-child {
      margin-right: 0; }
  .page-borrowers-profile .main .listing-section.financial-info .legend {
    padding: 19px 0.9375rem; } }

.page-borrowers-profile .main .listing-section.financial-info h3.all-expandable {
  cursor: pointer;
  padding-left: 30px;
  position: relative; }
  .page-borrowers-profile .main .listing-section.financial-info h3.all-expandable:before {
    color: #fff;
    content: "+";
    font-size: 1.2rem;
    height: 15px;
    left: 8px;
    line-height: 13px;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 15px; }
  .page-borrowers-profile .main .listing-section.financial-info h3.all-expandable.expanded:before {
    content: "-"; }

.page-borrowers-profile .main .listing-section.financial-info ul.data-table li.expandable {
  cursor: pointer;
  padding-left: 30px;
  position: relative; }
  .page-borrowers-profile .main .listing-section.financial-info ul.data-table li.expandable:before {
    color: #666;
    content: "+";
    font-size: 1.2rem;
    height: 15px;
    left: 8px;
    line-height: 13px;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 15px; }
  .page-borrowers-profile .main .listing-section.financial-info ul.data-table li.expandable.expanded:before {
    content: "-"; }
  .page-borrowers-profile .main .listing-section.financial-info ul.data-table li.expandable .sub {
    margin: 10px 0 -10px -30px;
    width: -moz-calc(100% + 40px);
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px); }
    .page-borrowers-profile .main .listing-section.financial-info ul.data-table li.expandable .sub .sub-data-table {
      background: #ddd;
      box-shadow: inset 0 2px 2px -1px rgba(0, 0, 0, 0.25);
      width: 100%; }
      .page-borrowers-profile .main .listing-section.financial-info ul.data-table li.expandable .sub .sub-data-table li {
        background: none;
        border-bottom-color: #999;
        border-bottom-style: dashed;
        color: #333;
        padding-left: 30px; }
        .page-borrowers-profile .main .listing-section.financial-info ul.data-table li.expandable .sub .sub-data-table li span {
          color: #000; }

.page-borrowers-profile .main .listing-section.financial-info ul.data-table li.not-expandable {
  cursor: default;
  padding-left: 30px; }

#quick-quote-box.reveal-modal {
  padding: 20px 40px 0;
  text-align: left; }
  #quick-quote-box.reveal-modal a.close-reveal-modal {
    text-align: center; }

.reveal-modal a.quick-quote:before {
  color: #808080;
  font-size: 1.2em;
  padding-right: 5px; }

.reveal-modal .place-bid-section #place-bid + h3 {
  margin: 20px 0 0; }

.reveal-modal .place-bid-section input[type="submit"] {
  margin-left: 0; }

@media screen and (min-width: 40.063em) {
  .page-auction-detail .main .auction-details-section .adjust-bid p,
  .adjust-bid p {
    padding-bottom: 20px; } }

.page-auction-detail .main .auction-details-section .adjust-bid label,
.adjust-bid label {
  color: #000;
  display: block;
  font-size: .8rem;
  margin-bottom: 10px;
  padding: 8px 0 0; }

label.show-for-modal {
  display: none; }

.reveal-modal .adjust-bid p {
  padding-bottom: 0; }

.reveal-modal#quick-quote-box label {
  color: #000;
  display: inline-block;
  font-size: .8rem;
  margin: 0 0 5px;
  padding: 8px 0 0; }

@media screen and (min-width: 40.063em) {
  .reveal-modal#quick-quote-box {
    max-width: 500px; } }

.reveal-modal#quick-quote-box .fieldset.error label {
  color: #bd1010; }

.reveal-modal#quick-quote-box .fieldset.error span.prefix,
.reveal-modal#quick-quote-box .fieldset.error span.postfix {
  border: 1px solid #bd1010;
  border-right: 0; }

.reveal-modal#quick-quote-box .fieldset.error label.error {
  color: #fff;
  display: block !important;
  margin-bottom: 20px !important; }

@media screen and (min-width: 40.063em) {
  .reveal-modal label.show-for-modal {
    color: #000;
    display: inline-block;
    font-size: .8rem;
    padding: 8px 2% 0;
    vertical-align: top;
    width: 46%; }
    .reveal-modal label.show-for-modal + .input-holder {
      display: inline-block;
      width: 50%; } }

.main .view-answers {
  display: none; }
  @media screen and (min-width: 40.063em) {
    .main .view-answers {
      display: block !important; } }

.main .auction-details-section {
  background: #fff;
  border-bottom: 1px solid #b3b3b3;
  border-top: 1px solid #b3b3b3;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 20px 0.9375rem; }
  .main .auction-details-section h2.available-funds span {
    color: #008c43;
    font-size: 1.1em; }
  .main .auction-details-section h3 {
    color: #000;
    font-size: .8rem;
    margin: 0; }
    .main .auction-details-section h3.inline {
      display: inline; }
  .main .auction-details-section .auction-amount {
    font-size: 1.3rem;
    margin: 0; }
    .main .auction-details-section .auction-amount span {
      font-size: .8rem;
      font-weight: 600; }
  @media screen and (min-width: 40.063em) {
    .main .auction-details-section {
      background: none;
      border: 0;
      margin: 0;
      padding: 0; } }

.page-auction-detail .main h1#PortalMain_m_lblLoanTypeTitle {
  border-top: 1px solid #fff;
  color: #075a8f;
  font-size: 0.9rem; }

.answer-box .qbox {
  border-bottom: 1px dashed #999;
  padding-top: 20px; }
  .answer-box .qbox:last-child {
    border: 0; }
  .answer-box .qbox .answer-this-question {
    color: #ff5400;
    display: block;
    font-size: 0.9em;
    margin: -10px 0 10px; }

h2.asset-class-type:before {
  display: none; }

@media screen and (min-width: 40.063em) {
  h2.asset-class-type {
    padding-right: 36px;
    position: relative; }
    h2.asset-class-type:before {
      background: #999;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      height: 26px;
      line-height: 24px;
      position: absolute;
      right: -10px;
      text-align: center;
      top: 8px;
      width: 26px; } }

.auction-details-content .adjust-bid hr {
  display: none; }

.list-img {
  padding: 0 0 20px; }
  @media screen and (min-width: 40.063em) {
    .list-img {
      border-top: 1px solid #ccc;
      margin: -20px -20px 0 0; }
      .list-img img {
        margin: 10px 10px 10px 0;
        width: calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: -webkit-calc(100% - 10px);
        width: calc(100% - 10px); } }

.main .ads2 .auction-details-section {
  border-top: 0; }

.main .ads2 .watchlist {
  bottom: auto;
  display: inline-block;
  left: auto;
  margin: 0 0 8px;
  position: relative;
  right: auto;
  top: auto;
  vertical-align: middle;
  z-index: 4; }
  @media screen and (max-width: 40em) {
    .main .ads2 .watchlist {
      position: absolute;
      right: 16px;
      top: 11px; } }
  .main .ads2 .watchlist a:before {
    border-radius: 2px;
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0;
    right: auto;
    top: auto; }

.main .ads2 .place-bid-section .notifications {
  padding: 20px 0; }
  @media screen and (min-width: 40.063em) {
    .main .ads2 .place-bid-section .notifications {
      padding: 40px 0 0; } }

.main .ads2 h2.asset-class-type {
  padding-right: 36px;
  position: relative; }
  .main .ads2 h2.asset-class-type:before {
    background: #999;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 26px;
    line-height: 24px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: 8px;
    width: 26px; }

.main .ads2 .questions .view-answers {
  display: block; }
  .main .ads2 .questions .view-answers h2 {
    padding-left: 0.9735rem;
    padding-right: 0.9735rem; }
    @media screen and (min-width: 40.063em) {
      .main .ads2 .questions .view-answers h2 {
        padding: 0; } }

.main .ads2 .questions .ask-question,
.main .ads2 .questions .answer-question {
  display: block !important;
  margin: 0 0 20px;
  padding-left: 0.9735rem;
  padding-right: 0.9735rem; }
  @media screen and (min-width: 40.063em) {
    .main .ads2 .questions .ask-question,
    .main .ads2 .questions .answer-question {
      padding: 0; } }
  .main .ads2 .questions .ask-question h2,
  .main .ads2 .questions .answer-question h2 {
    margin: 0;
    padding: 10px 0; }
    .main .ads2 .questions .ask-question h2 span,
    .main .ads2 .questions .answer-question h2 span {
      color: #666;
      display: inline-block;
      font-size: 0.7rem;
      margin: -2px 5px 0 0; }
      @media screen and (min-width: 64.063em) {
        .main .ads2 .questions .ask-question h2 span,
        .main .ads2 .questions .answer-question h2 span {
          margin-left: 5px; } }
  .main .ads2 .questions .ask-question input[type="submit"],
  .main .ads2 .questions .answer-question input[type="submit"] {
    padding: 8px 15px;
    width: auto; }
  .main .ads2 .questions .ask-question textarea,
  .main .ads2 .questions .answer-question textarea {
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4); }
    @media screen and (min-width: 40.063em) {
      .main .ads2 .questions .ask-question textarea,
      .main .ads2 .questions .answer-question textarea {
        background: #e2e2e2; } }

.main .ads2 .questions .answer-question {
  margin: -20px 0 20px; }
  @media screen and (min-width: 40.063em) {
    .main .ads2 .questions .answer-question {
      margin-top: 0; } }

.page-reporting .report-icon:before {
  color: #999;
  font-size: 1rem;
  margin-right: 5px; }

.page-reporting .reveal-modal {
  text-align: left; }
  .page-reporting .reveal-modal a.close-modal {
    text-align: center; }
  .page-reporting .reveal-modal label {
    padding-right: 10px; }
  .page-reporting .reveal-modal .check-group {
    padding-bottom: 10px; }
    .page-reporting .reveal-modal .check-group .radio-input-holder label span {
      color: rgba(0, 0, 0, 0.5); }
    .page-reporting .reveal-modal .check-group .radio-input-holder.checked label span {
      color: #000; }

.page-reporting .main ul.data-table {
  border: 1px solid #ccc;
  border-radius: 2px;
  border-bottom-width: 4px;
  list-style: none;
  margin: 0 0 20px;
  padding: 0; }

.page-reporting .main .select-date-range-content {
  padding: 10px 0; }

.page-reporting .main h2 {
  margin: 0;
  padding: 10px 0.9375rem; }

.page-reporting .main .alert-box h2 {
  padding: 10px 0; }

.page-reporting .main .content-block a.button {
  padding: 10px 0;
  width: 100%; }

@media screen and (min-width: 40.063em) {
  .page-reporting .main h2 {
    padding-left: 0; }
  .page-reporting .main ul.data-table li:nth-child(even) {
    background: #eee; }
  .page-reporting .main ul.data-table li:nth-child(odd) {
    background: #fff; }
  .page-reporting .main .content-block a.button {
    padding: 8px 15px;
    width: auto; } }

.page-legals-docs .main h2 span {
  color: #666;
  font-size: .7rem;
  font-weight: 600;
  display: block;
  margin: 5px 0 10px; }

.page-legals-docs .main .alert-box h2 {
  padding: 10px 0; }

.page-legals-docs .main .data-table {
  margin: 0 0 20px; }
  .page-legals-docs .main .data-table .table-row {
    background: #fff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0 #fff inset;
    margin: 0 0 20px; }
    .page-legals-docs .main .data-table .table-row:Last-child {
      border-bottom-width: 5px; }
    .page-legals-docs .main .data-table .table-row .uploaded-documents {
      border: 0;
      display: none; }
    .page-legals-docs .main .data-table .table-row h3 {
      color: #000;
      font-size: .8rem;
      margin: 0;
      padding: 0;
      position: relative; }
      .page-legals-docs .main .data-table .table-row h3:before {
        color: #999;
        font-size: 1rem;
        position: absolute;
        right: -10px;
        top: 0; }
    .page-legals-docs .main .data-table .table-row .doctype .note {
      color: #ff5400;
      font-size: .7rem;
      line-height: 1rem;
      margin: 0 0 5px; }
    .page-legals-docs .main .data-table .table-row .doctype,
    .page-legals-docs .main .data-table .table-row .downloadfile,
    .page-legals-docs .main .data-table .table-row .uploadfile,
    .page-legals-docs .main .data-table .table-row .have-uploaded {
      border-top: 1px solid #ccc;
      padding: 10px 0.9375rem; }
    .page-legals-docs .main .data-table .table-row .doctype a,
    .page-legals-docs .main .data-table .table-row .downloadfile a {
      color: #666;
      display: block;
      position: relative; }
      .page-legals-docs .main .data-table .table-row .doctype a:before,
      .page-legals-docs .main .data-table .table-row .downloadfile a:before {
        color: #999;
        font-size: 1rem;
        position: absolute;
        right: -10px;
        top: 0; }
    .page-legals-docs .main .data-table .table-row .downloadfile a:before {
      font-size: 1.2rem;
      right: -6px; }
    .page-legals-docs .main .data-table .table-row .downloadfile a.aspNetDisabled, .page-legals-docs .main .data-table .table-row .downloadfile a.disabled, .page-legals-docs .main .data-table .table-row .downloadfile a[disabled] {
      color: #999;
      opacity: 1; }
      .page-legals-docs .main .data-table .table-row .downloadfile a.aspNetDisabled:before, .page-legals-docs .main .data-table .table-row .downloadfile a.disabled:before, .page-legals-docs .main .data-table .table-row .downloadfile a[disabled]:before {
        color: #ccc; }
    .page-legals-docs .main .data-table .table-row .uploadfile input[type="file"] {
      cursor: pointer;
      opacity: 0;
      position: absolute; }
    .page-legals-docs .main .data-table .table-row .uploadfile label {
      color: #666;
      display: block;
      font-size: .8rem;
      position: relative; }
      .page-legals-docs .main .data-table .table-row .uploadfile label:before {
        color: #999;
        font-size: 1.2rem;
        position: absolute;
        right: -6px;
        top: 0; }
      .page-legals-docs .main .data-table .table-row .uploadfile label.aspNetDisabled, .page-legals-docs .main .data-table .table-row .uploadfile label.disabled, .page-legals-docs .main .data-table .table-row .uploadfile label[disabled] {
        color: #999;
        cursor: default;
        opacity: 1; }
        .page-legals-docs .main .data-table .table-row .uploadfile label.aspNetDisabled:before, .page-legals-docs .main .data-table .table-row .uploadfile label.disabled:before, .page-legals-docs .main .data-table .table-row .uploadfile label[disabled]:before {
          color: #ccc; }
        .page-legals-docs .main .data-table .table-row .uploadfile label.aspNetDisabled input[type="file"], .page-legals-docs .main .data-table .table-row .uploadfile label.disabled input[type="file"], .page-legals-docs .main .data-table .table-row .uploadfile label[disabled] input[type="file"] {
          cursor: default;
          pointer-events: none; }
    .page-legals-docs .main .data-table .table-row.open a.trigger:before {
      border-bottom: 7px solid rgba(0, 0, 0, 0.6);
      border-top: 0;
      top: 11px; }

.page-legals-docs .main .trigger {
  border-top: 1px solid #ccc;
  display: block;
  padding: 10px 0.9375rem;
  position: relative; }
  .page-legals-docs .main .trigger:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid rgba(0, 0, 0, 0.6);
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -999em;
    top: 16px;
    width: 0; }

.page-legals-docs .main .trigger[disabled="disabled"] {
  display: none !important; }

.page-legals-docs .main .uploaded-documents {
  border-top: 1px solid #ccc;
  margin-bottom: 0;
  padding: 0; }
  .page-legals-docs .main .uploaded-documents.yodlee {
    background: #fff; }
    @media screen and (min-width: 40.063em) {
      .page-legals-docs .main .uploaded-documents.yodlee {
        background: none; } }
    .page-legals-docs .main .uploaded-documents.yodlee .doc {
      border-bottom: 1px solid #ccc;
      padding: 10px 0; }
      .page-legals-docs .main .uploaded-documents.yodlee .doc a.delete {
        right: 0; }
        @media screen and (min-width: 40.063em) {
          .page-legals-docs .main .uploaded-documents.yodlee .doc a.delete {
            right: 0; } }
    @media screen and (min-width: 40.063em) {
      .page-legals-docs .main .uploaded-documents.yodlee .doc:first-child {
        border-top: 1px solid #ccc; } }
  .page-legals-docs .main .uploaded-documents .doc {
    color: #666;
    font-size: 0.7rem;
    border-bottom: 1px dashed #999;
    padding: 10px 45px 10px 0.9375rem;
    position: relative; }
    .page-legals-docs .main .uploaded-documents .doc:last-child {
      border: 0; }
    .page-legals-docs .main .uploaded-documents .doc strong {
      color: #000;
      display: block;
      font-size: .8rem; }
    .page-legals-docs .main .uploaded-documents .doc a.view,
    .page-legals-docs .main .uploaded-documents .doc a.delete {
      background: #bd1010;
      border: 0;
      border-radius: 2px;
      box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5) inset;
      color: #fff;
      display: block;
      font-size: 1rem;
      position: absolute;
      height: 24px;
      line-height: 23px;
      right: 40px;
      text-align: center;
      top: 16px;
      width: 24px; }
      .page-legals-docs .main .uploaded-documents .doc a.view span,
      .page-legals-docs .main .uploaded-documents .doc a.delete span {
        display: none; }
    .page-legals-docs .main .uploaded-documents .doc a.view {
      background: #58af26;
      right: 10px; }

.page-legals-docs .main .checkers .upload-preference-radio {
  padding: 0; }

.page-legals-docs .main .checkers .check-me {
  padding: 0 0 40px; }
  .page-legals-docs .main .checkers .check-me label {
    margin: 0; }
    .page-legals-docs .main .checkers .check-me label span {
      min-width: 260px; }
      .page-legals-docs .main .checkers .check-me label span span.has-tip {
        color: #fff;
        min-width: 1px;
        padding-left: 0; }

.page-legals-docs .main .checkers .unchecked + .bank-statements-online {
  display: block; }
  .page-legals-docs .main .checkers .unchecked + .bank-statements-online .yodlee {
    padding: 10px 0; }
    .page-legals-docs .main .checkers .unchecked + .bank-statements-online .yodlee .logos {
      text-align: center; }
      .page-legals-docs .main .checkers .unchecked + .bank-statements-online .yodlee .logos img {
        display: inline-block;
        margin: 5px;
        vertical-align: middle; }

@media screen and (min-width: 480px) {
  .page-legals-docs .main .checkers {
    padding: 0 0 20px; }
    .page-legals-docs .main .checkers .check-me {
      padding: 0 0 20px; }
      .page-legals-docs .main .checkers .check-me label span {
        min-width: 400px; }
        .page-legals-docs .main .checkers .check-me label span a {
          white-space: nowrap; } }

@media screen and (min-width: 40.063em) {
  .page-legals-docs .main .checkers .unchecked + .bank-statements-online .yodlee input[type="submit"] {
    max-width: none;
    white-space: normal;
    width: 49.5%; }
  .page-legals-docs .main .checkers .unchecked + .bank-statements-online .yodlee .logos {
    display: inline-block;
    text-align: right;
    width: 49.5%; }
    .page-legals-docs .main .checkers .unchecked + .bank-statements-online .yodlee .logos img {
      display: inline-block;
      margin: 5px;
      max-width: 48%;
      vertical-align: middle; }
  .page-legals-docs .main h2 {
    padding-left: 0; }
  .page-legals-docs .main .data-table {
    background: #fff; }
    .page-legals-docs .main .data-table .table-header div,
    .page-legals-docs .main .data-table .table-row div {
      display: inline-block;
      padding: 10px 0.9375rem;
      vertical-align: middle; }
      .page-legals-docs .main .data-table .table-header div.doc,
      .page-legals-docs .main .data-table .table-row div.doc {
        display: block;
        padding: 10px 0; }
        .page-legals-docs .main .data-table .table-header div.doc a.view,
        .page-legals-docs .main .data-table .table-header div.doc a.delete,
        .page-legals-docs .main .data-table .table-row div.doc a.view,
        .page-legals-docs .main .data-table .table-row div.doc a.delete {
          top: 18px; }
    .page-legals-docs .main .data-table .table-header .doctype,
    .page-legals-docs .main .data-table .table-row .doctype {
      border: 0;
      width: 58%; }
    .page-legals-docs .main .data-table .table-header .downloadfile,
    .page-legals-docs .main .data-table .table-row .downloadfile {
      border: 0;
      text-align: center;
      width: 20%; }
      .page-legals-docs .main .data-table .table-header .downloadfile a,
      .page-legals-docs .main .data-table .table-row .downloadfile a {
        color: #000; }
        .page-legals-docs .main .data-table .table-header .downloadfile a:before,
        .page-legals-docs .main .data-table .table-row .downloadfile a:before {
          display: block;
          margin: 0 auto;
          position: relative;
          right: auto;
          top: auto; }
        .page-legals-docs .main .data-table .table-header .downloadfile a.disabled, .page-legals-docs .main .data-table .table-header .downloadfile a.aspNetDisabled,
        .page-legals-docs .main .data-table .table-row .downloadfile a.disabled,
        .page-legals-docs .main .data-table .table-row .downloadfile a.aspNetDisabled {
          color: #999;
          cursor: default;
          opacity: 1;
          pointer-events: none; }
          .page-legals-docs .main .data-table .table-header .downloadfile a.disabled:before, .page-legals-docs .main .data-table .table-header .downloadfile a.aspNetDisabled:before,
          .page-legals-docs .main .data-table .table-row .downloadfile a.disabled:before,
          .page-legals-docs .main .data-table .table-row .downloadfile a.aspNetDisabled:before {
            color: #ccc; }
    .page-legals-docs .main .data-table .table-header .uploadfile,
    .page-legals-docs .main .data-table .table-row .uploadfile {
      border: 0;
      width: 20%; }
      .page-legals-docs .main .data-table .table-header .uploadfile label,
      .page-legals-docs .main .data-table .table-row .uploadfile label {
        color: #000;
        text-align: center; }
        .page-legals-docs .main .data-table .table-header .uploadfile label:before,
        .page-legals-docs .main .data-table .table-row .uploadfile label:before {
          display: block;
          margin: 0 auto;
          position: relative;
          right: auto;
          top: auto; }
    .page-legals-docs .main .data-table .table-header {
      color: #fff; }
      .page-legals-docs .main .data-table .table-header div span {
        display: none; }
    .page-legals-docs .main .data-table .table-row {
      background: none;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      margin: 0; }
      .page-legals-docs .main .data-table .table-row:nth-child(even) {
        background: #eee; }
      .page-legals-docs .main .data-table .table-row h3:before {
        display: none; }
      .page-legals-docs .main .data-table .table-row a.trigger {
        border: 0;
        color: #3095d6;
        display: block;
        font-size: .8rem;
        padding: 5px 0 0 20px; }
        .page-legals-docs .main .data-table .table-row a.trigger:before {
          left: 0;
          right: auto;
          top: 12px; }
  .page-legals-docs .main .uploaded-documents {
    background: #fff;
    border-top: 0;
    color: #000; }
    .page-legals-docs .main .uploaded-documents .doc:first-child {
      border-top: 1px dashed #999; }
    .page-legals-docs .main .uploaded-documents .doc a.view,
    .page-legals-docs .main .uploaded-documents .doc a.delete {
      right: 0; }
  .page-legals-docs .main .data-table .table-row:nth-child(2n) .uploaded-documents {
    background: #eee; } }

@media screen and (min-width: 64.063em) {
  .page-legals-docs .main .checkers .check-me label span {
    min-width: 600px; }
  .page-legals-docs .main h2 {
    position: relative; }
    .page-legals-docs .main h2 span {
      display: inline-block;
      padding-left: 10px;
      top: -2px; }
  .page-legals-docs .main .data-table .table-header div span {
    display: inline; }
  .page-legals-docs .main .data-table .table-header .doctype,
  .page-legals-docs .main .data-table .table-row .doctype {
    width: 48%; }
  .page-legals-docs .main .data-table .table-header .downloadfile,
  .page-legals-docs .main .data-table .table-row .downloadfile {
    width: 25%; }
  .page-legals-docs .main .data-table .table-header .uploadfile,
  .page-legals-docs .main .data-table .table-row .uploadfile {
    width: 25%; }
  .page-legals-docs .main .data-table .table-row .uploaded-documents .doc strong {
    display: inline-block;
    padding-right: 10px; }
  .page-legals-docs .main .data-table .table-row .uploaded-documents .doc a.view,
  .page-legals-docs .main .data-table .table-row .uploaded-documents .doc a.delete {
    top: 7px; } }

.page-legals-docs .m-data-table .table-row {
  position: relative; }
  .page-legals-docs .m-data-table .table-row div label {
    color: #000;
    cursor: default;
    display: inline-block;
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
    width: 60px; }
  .page-legals-docs .m-data-table .table-row div.bankaction a.icon-trash {
    background: #bd1010;
    color: #fff;
    display: block;
    float: right;
    font-size: 1rem;
    height: 24px;
    line-height: 24px;
    margin: -3px -6px;
    text-align: center;
    width: 24px; }

@media screen and (min-width: 40.063em) {
  .page-legals-docs .m-data-table .table-row div {
    padding: 10px; }
    .page-legals-docs .m-data-table .table-row div label {
      display: none; }
    .page-legals-docs .m-data-table .table-row div.bankname {
      width: 50%; }
    .page-legals-docs .m-data-table .table-row div.bankaccount {
      width: 20%; }
    .page-legals-docs .m-data-table .table-row div.bankaccountnumber {
      width: 20%; }
    .page-legals-docs .m-data-table .table-row div.bankaction a.icon-trash {
      float: none;
      margin: 0;
      position: absolute;
      right: 7px;
      top: 7px; } }

.page-upload-documents .main .cat {
  border-bottom: 1px solid #b3b3b3;
  border-top: 1px solid #fff; }
  .page-upload-documents .main .cat h2 {
    margin: 0;
    padding: 10px 0 10px 50px; }
    .page-upload-documents .main .cat h2 a {
      display: block;
      font-size: 0.7rem;
      font-weight: 600;
      margin: 5px 0 10px; }
    .page-upload-documents .main .cat h2:before {
      background: #075a8f;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      font-size: 1rem;
      height: 24px;
      left: 0.9375rem;
      line-height: 24px;
      position: absolute;
      text-align: center;
      top: 12px;
      width: 24px; }
    .page-upload-documents .main .cat h2.icon-lock-open:before {
      -ms-transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }
  .page-upload-documents .main .cat p.desc {
    color: #666;
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    margin: -8px 0 15px 50px; }

.page-upload-documents .main .upload-intro {
  border-bottom: 1px solid #b3b3b3;
  border-top: 1px solid #fff;
  margin-bottom: 10px;
  padding-top: 10px; }
  .page-upload-documents .main .upload-intro.content-block {
    padding-top: 10px; }

@media screen and (min-width: 40.063em) {
  .page-upload-documents .main .cat {
    border: 0; }
    .page-upload-documents .main .cat h2 {
      padding: 10px 0 10px 40px; }
      .page-upload-documents .main .cat h2:before {
        left: 0; }
      .page-upload-documents .main .cat h2 a {
        float: right;
        margin: 0; }
    .page-upload-documents .main .cat p.desc {
      margin: -8px 0 15px 40px; }
  .page-upload-documents .main .upload-intro {
    border: 0;
    padding: 10px 0 0; }
    .page-upload-documents .main .upload-intro.content-block {
      background: none; } }

.page-upload-documents .main .bank-statements-online {
  display: block; }
  @media screen and (min-width: 40.063em) {
    .page-upload-documents .main .bank-statements-online .yodlee input[type="submit"] {
      float: none; } }
  .page-upload-documents .main .bank-statements-online .check-me {
    padding: 0; }
  .page-upload-documents .main .bank-statements-online .yodlee {
    padding: 10px 0; }
    .page-upload-documents .main .bank-statements-online .yodlee input[type="submit"] {
      display: block;
      margin: 20px auto; }
    .page-upload-documents .main .bank-statements-online .yodlee .logos {
      text-align: center; }
      .page-upload-documents .main .bank-statements-online .yodlee .logos img {
        display: inline-block;
        margin: 5px;
        vertical-align: middle; }
  @media screen and (min-width: 480px) {
    .page-upload-documents .main .bank-statements-online .yodlee input[type="submit"] {
      display: inline-block;
      max-width: none;
      white-space: normal;
      width: 49.5%; }
    .page-upload-documents .main .bank-statements-online .yodlee .logos {
      display: inline-block;
      text-align: right;
      width: 49.5%; }
      .page-upload-documents .main .bank-statements-online .yodlee .logos img {
        display: inline-block;
        margin: 5px;
        max-width: 48%;
        vertical-align: middle; } }

.page-investment-options.page-legals-docs .main .data-table-block,
.page-investment-options.page-upload-documents .main .data-table-block {
  background: #fff;
  border: 0; }
  @media screen and (min-width: 40.063em) {
    .page-investment-options.page-legals-docs .main .data-table-block,
    .page-investment-options.page-upload-documents .main .data-table-block {
      background: none; } }
  .page-investment-options.page-legals-docs .main .data-table-block .table-row,
  .page-investment-options.page-legals-docs .main .data-table-block .table-row:nth-child(2n+1),
  .page-investment-options.page-upload-documents .main .data-table-block .table-row,
  .page-investment-options.page-upload-documents .main .data-table-block .table-row:nth-child(2n+1) {
    background: none;
    border: 0;
    border-bottom: 1px solid #ccc; }
  .page-investment-options.page-legals-docs .main .data-table-block div .title .desc,
  .page-investment-options.page-upload-documents .main .data-table-block div .title .desc {
    width: 100%; }

.page-investment-options.page-upload-documents .main .data-table-block .table-row,
.page-investment-options.page-upload-documents .main .data-table-block .table-row:first-child {
  border-top: 1px solid #ccc; }

.main .documents-table {
  background: #eee;
  border-top: 1px dashed #999;
  display: block;
  position: relative;
  top: -21px; }
  @media screen and (min-width: 40.063em) {
    .main .documents-table {
      background: #fff;
      top: -21px; } }
  .main .documents-table h2 {
    padding-left: 10px; }
  @media screen and (max-width: 40em) {
    .main .documents-table .uploaded-documents {
      background: #fff; } }

.main .product-info {
  margin-bottom: 20px; }
  .main .product-info:first-child {
    margin-top: 10px; }
  @media screen and (min-width: 40.063em) {
    .main .product-info {
      margin-top: -1px; }
      .main .product-info:first-child {
        margin-top: -1px; } }
  .main .product-info h2 {
    padding-left: 50px; }

h2.icon-product-hunt {
  background: #777;
  color: #fff;
  margin: 0;
  padding-left: 50px;
  position: relative; }
  h2.icon-product-hunt:before {
    background: rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 1.4rem;
    height: 40px;
    left: -4px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px; }

.page-new-application .main .search-form {
  float: none;
  max-width: 336px;
  width: 100%; }
  .page-new-application .main .search-form input[type="search"] {
    background: #fff;
    border-color: #ccc #ddd #ddd #ccc;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25) inset; }
    .page-new-application .main .search-form input[type="search"].active, .page-new-application .main .search-form input[type="search"].focus, .page-new-application .main .search-form input[type="search"]:hover {
      border: 1px solid #999; }
  .page-new-application .main .search-form .icon-search,
  .page-new-application .main .search-form input[type="submit"] {
    height: 36px;
    line-height: 36px;
    width: 36px; }

.page-new-application .main .search-more {
  display: block;
  margin: 0 0 20px; }
  @media screen and (min-width: 64.063em) {
    .page-new-application .main .search-more {
      margin: 43px 0 0 20px; } }

.page-new-application .main .app-type {
  background: #ccc; }
  .page-new-application .main .app-type h2 {
    color: #333;
    font-size: .7rem;
    margin: 0;
    padding: 10px 0.9375rem; }
    @media screen and (min-width: 40.063em) {
      .page-new-application .main .app-type h2 {
        padding: 10px 0; } }
    .page-new-application .main .app-type h2 span {
      float: right;
      font-weight: 400; }

.page-new-application .main .sub-cta {
  padding: 10px 0;
  text-align: center; }
  .page-new-application .main .sub-cta a {
    display: inline-block; }
    .page-new-application .main .sub-cta a span {
      display: none; }
  @media screen and (min-width: 480px) {
    .page-new-application .main .sub-cta a span {
      display: inline-block; } }
  @media screen and (min-width: 40.063em) {
    .page-new-application .main .sub-cta {
      padding: 0;
      text-align: left; } }
  @media screen and (min-width: 64.063em) {
    .page-new-application .main .sub-cta {
      left: 100px;
      position: relative;
      top: -47px;
      width: 300px; } }

.page-new-application .main .content-block.loan-offer {
  margin: 0 0 20px;
  padding: 20px 0.9375rem;
  position: relative; }
  .page-new-application .main .content-block.loan-offer.options:after {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    bottom: -10px;
    color: #666;
    content: "or";
    display: block;
    font-size: .8rem;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin: 0;
    margin: 0 0 0 -15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 30px;
    z-index: 2; }
  .page-new-application .main .content-block.loan-offer ul {
    border-bottom: 1px solid #ccc;
    font-size: .8rem;
    list-style: none;
    margin: 0 auto;
    max-width: 360px;
    padding: 0 0 20px; }
    @media screen and (min-width: 40.063em) {
      .page-new-application .main .content-block.loan-offer ul {
        max-width: none; } }
    .page-new-application .main .content-block.loan-offer ul li span {
      color: #000;
      display: inline-block;
      float: right;
      font-weight: 600;
      text-align: right;
      width: 38%; }
    .page-new-application .main .content-block.loan-offer ul li b {
      font-weight: normal;
      width: 60%; }
  .page-new-application .main .content-block.loan-offer .button-holder {
    padding: 20px 0 0;
    text-align: center; }
    .page-new-application .main .content-block.loan-offer .button-holder .button {
      margin: 0 auto 20px;
      max-width: 360px;
      width: 100%; }
  @media screen and (min-width: 64.063em) {
    .page-new-application .main .content-block.loan-offer {
      padding: 20px 0.9375rem 35px; }
      .page-new-application .main .content-block.loan-offer ul {
        border-bottom: 0;
        border-right: 1px solid #ccc; }
        .page-new-application .main .content-block.loan-offer ul li {
          padding-right: 20px; }
      .page-new-application .main .content-block.loan-offer .button-holder {
        text-align: right; }
        .page-new-application .main .content-block.loan-offer .button-holder .button {
          margin: 20px 0 0;
          width: auto; } }

.page-new-application .main .term-selector {
  margin: 0 auto;
  max-width: 360px;
  padding: 20px 0.9375rem; }
  .page-new-application .main .term-selector h2 {
    margin: -10px 0 20px;
    padding: 0; }
    .page-new-application .main .term-selector h2 span.has-tip {
      color: #fff;
      float: none;
      font-size: .7rem;
      font-weight: 400; }
  .page-new-application .main .term-selector .select-holder {
    background: #eee;
    border: 1px solid #ddd; }

.page-new-application .main table.data-table td.col-desc .icon-mail-alt:before, .page-new-application .main table.data-table th.col-desc .icon-mail-alt:before {
  color: #666; }

.page-new-application .main table.data-table td.col-desc .icon-mail-alt span, .page-new-application .main table.data-table th.col-desc .icon-mail-alt span {
  display: none; }

@media screen and (min-width: 480px) {
  .page-new-application .main table.data-table td.col-desc .icon-mail-alt:before, .page-new-application .main table.data-table th.col-desc .icon-mail-alt:before {
    display: none; }
  .page-new-application .main table.data-table td.col-desc .icon-mail-alt span, .page-new-application .main table.data-table th.col-desc .icon-mail-alt span {
    display: inline; } }

.page-new-application .main table.data-table td.col-add, .page-new-application .main table.data-table th.col-add {
  text-align: right; }
  .page-new-application .main table.data-table td.col-add span, .page-new-application .main table.data-table th.col-add span {
    display: none; }
    @media screen and (min-width: 480px) {
      .page-new-application .main table.data-table td.col-add span, .page-new-application .main table.data-table th.col-add span {
        display: inline; } }

@media screen and (min-width: 40.063em) {
  .page-new-application .main table.data-table.details td.col-name {
    width: 30%; }
  .page-new-application .main table.data-table.details td.col-desc {
    width: 30%; }
  .page-new-application .main table.data-table.details td.col-value {
    width: 30%; }
  .page-new-application .main table.data-table.details td.col-edit {
    width: 5%; }
  .page-new-application .main table.data-table.details td.col-delete {
    width: 5%; } }

.page-new-application .main table.data-table.details a.icon-pencil,
.page-new-application .main table.data-table.details a.icon-trash {
  background: #bd1010;
  border-bottom: 0;
  border-radius: 2px;
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5) inset;
  color: #fff;
  display: block;
  font-size: 1rem;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 24px; }
  .page-new-application .main table.data-table.details a.icon-pencil:active, .page-new-application .main table.data-table.details a.icon-pencil:focus,
  .page-new-application .main table.data-table.details a.icon-trash:active,
  .page-new-application .main table.data-table.details a.icon-trash:focus {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset; }
  .page-new-application .main table.data-table.details a.icon-pencil span,
  .page-new-application .main table.data-table.details a.icon-trash span {
    display: none; }

.page-new-application .main table.data-table.details a.icon-pencil {
  background: #3095d6; }

.page-new-application .main .alt-options {
  position: relative; }
  .page-new-application .main .alt-options .radio-button-group {
    left: 0;
    position: absolute;
    top: -2px;
    width: 100%; }
    .page-new-application .main .alt-options .radio-button-group .radio-input-holder {
      display: block;
      height: 37px;
      padding-left: 10px; }

.page-new-application .main .choose-other-offer p.smaller {
  text-align: center; }

.page-new-application .main .choose-other-offer .button {
  margin: 0 auto;
  max-width: 360px;
  width: 100%; }

@media screen and (min-width: 40.063em) {
  .page-new-application .main .choose-other-offer {
    padding-bottom: 20px; }
    .page-new-application .main .choose-other-offer p.smaller {
      text-align: left; }
    .page-new-application .main .choose-other-offer .button {
      float: right;
      margin: 0;
      padding: 10px 15px;
      width: auto; } }

.page-new-application .main ul.data-table {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px; }
  @media screen and (min-width: 40.063em) {
    .page-new-application .main ul.data-table {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc; } }
  .page-new-application .main ul.data-table li span {
    color: #333;
    float: right;
    font-weight: 600; }
  .page-new-application .main ul.data-table li:nth-child(even) {
    background: #fff; }

.page-new-application .main .alerts .alert-box:last-child::after,
.page-new-application .main .alerts .alert-box:only-child::after,
.page-new-application .main .alerts .alert-box:first-child::before {
  display: none; }

.page-new-application .main .application-detail {
  background: #fff; }
  .page-new-application .main .application-detail a.button span {
    display: none; }
  .page-new-application .main .application-detail .button-group {
    float: right; }
    @media screen and (min-width: 480px) {
      .page-new-application .main .application-detail .button-group {
        text-align: right; } }
  .page-new-application .main .application-detail .detail-tables {
    padding: 0 0.9375rem; }
    @media screen and (min-width: 40.063em) {
      .page-new-application .main .application-detail .detail-tables {
        padding: 0; } }
    .page-new-application .main .application-detail .detail-tables .edit-group {
      float: none;
      padding-bottom: 20px; }
      .page-new-application .main .application-detail .detail-tables .edit-group .button {
        margin: 0 0 10px;
        max-width: none;
        width: 100%; }
    @media screen and (min-width: 480px) {
      .page-new-application .main .application-detail .detail-tables .edit-group {
        float: left;
        text-align: left; }
        .page-new-application .main .application-detail .detail-tables .edit-group .button {
          margin: 0 10px 5px 0;
          width: auto; } }
  .page-new-application .main .application-detail .partner-details h3 {
    border-bottom: 1px dashed #999;
    font-size: .8rem;
    margin: 0 0 20px;
    padding: 0 0 10px; }
  .page-new-application .main .application-detail h2 span {
    color: #666;
    display: block;
    font-size: .8rem;
    font-weight: 400;
    margin: 0; }

.page-new-application .main h2.steps-header {
  background: #fff;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 10px 0.9375rem; }
  @media screen and (min-width: 40.063em) {
    .page-new-application .main h2.steps-header {
      background: none;
      padding: 10px 0; } }

.page-new-application .main .application-notification {
  background: #fff;
  margin: 0 0 20px;
  padding: 10px 0.9375rem; }
  @media screen and (min-width: 40.063em) {
    .page-new-application .main .application-notification {
      background: none;
      margin: 0;
      padding: 20px 0 0; } }

.page-new-application .main ul.next-steps {
  list-style: none;
  margin: 0;
  padding: 0; }
  .page-new-application .main ul.next-steps li {
    background: #fff;
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: .8rem;
    min-height: 100px;
    padding: 10px 10px 10px 105px;
    position: relative; }
    .page-new-application .main ul.next-steps li:before {
      background: #3095d6;
      border-radius: 2px;
      color: #fff;
      display: block;
      font-size: 2rem;
      left: 5px;
      line-height: 80px;
      position: absolute;
      top: 10px;
      width: 80px; }
    .page-new-application .main ul.next-steps li h3 {
      margin: 0 0 10px;
      padding: 0; }
    .page-new-application .main ul.next-steps li p {
      margin: 0;
      padding: 0; }
    .page-new-application .main ul.next-steps li:last-child {
      border-bottom: 0;
      margin-bottom: 20px; }
  @media screen and (min-width: 40.063em) {
    .page-new-application .main ul.next-steps li {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      padding: 10px 10px 10px 100px; }
      .page-new-application .main ul.next-steps li:last-child {
        border-bottom: 1px solid #ccc; } }

@media screen and (min-width: 40.063em) {
  .page-new-application .main .app-type {
    background: none; }
    .page-new-application .main .app-type h2 {
      color: #858585;
      font-size: .8rem;
      padding: 10px 0; }
      .page-new-application .main .app-type h2 span {
        color: #000; }
  .page-new-application .main .application-detail {
    background: none;
    padding: 10px 0 0; }
    .page-new-application .main .application-detail a.button span {
      display: inline-block; } }

@media screen and (min-width: 64.063em) {
  .page-new-application .main .app-type h2 span {
    padding-right: 0.9375rem; } }

.page-leasing-application .result.disabled input,
.page-leasing-application .result.disabled .prefix,
.page-leasing-application .result.disabled label,
.page-new-application .result.disabled input,
.page-new-application .result.disabled .prefix,
.page-new-application .result.disabled label,
.page-account .result.disabled input,
.page-account .result.disabled .prefix,
.page-account .result.disabled label {
  cursor: default;
  opacity: 0.4; }

.page-leasing-application .reveal-modal .accordion-header,
.page-new-application .reveal-modal .accordion-header,
.page-account .reveal-modal .accordion-header {
  color: #000;
  display: block;
  margin: 10px 0;
  position: relative; }
  .page-leasing-application .reveal-modal .accordion-header:after,
  .page-new-application .reveal-modal .accordion-header:after,
  .page-account .reveal-modal .accordion-header:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #999;
    content: ".";
    display: block;
    height: 0;
    margin: 0 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -999em;
    top: 7px;
    vertical-align: middle; }
  .page-leasing-application .reveal-modal .accordion-header.close:after,
  .page-new-application .reveal-modal .accordion-header.close:after,
  .page-account .reveal-modal .accordion-header.close:after {
    border-bottom: 7px solid #999;
    border-top: 0;
    margin-top: -2px; }

.page-leasing-application .reveal-modal input[type="submit"],
.page-leasing-application .reveal-modal a.button,
.page-new-application .reveal-modal input[type="submit"],
.page-new-application .reveal-modal a.button,
.page-account .reveal-modal input[type="submit"],
.page-account .reveal-modal a.button {
  margin-left: 0; }

@media screen and (min-width: 40.063em) {
  .page-leasing-application .reveal-modal.medium,
  .page-new-application .reveal-modal.medium,
  .page-account .reveal-modal.medium {
    max-width: 500px; } }

.page-account .main .table-header > div.steps:last-child {
  padding-right: 0; }

@media screen and (min-width: 64.063em) {
  #equipment-modal label.alphabet-label {
    float: left;
    width: 48%; } }

#equipment-modal #alphabet.select-holder {
  margin-right: 0;
  width: 100%; }
  @media screen and (min-width: 64.063em) {
    #equipment-modal #alphabet.select-holder {
      float: right;
      width: 50%; } }

#equipment-modal #industry-selector.select-holder {
  margin-left: 0;
  width: 100%; }
  @media screen and (min-width: 40.063em) {
    #equipment-modal #industry-selector.select-holder {
      margin-top: 34px; } }
  @media screen and (min-width: 64.063em) {
    #equipment-modal #industry-selector.select-holder {
      margin-top: 0; } }

.reveal-modal#view-application,
.view-application#view-application {
  max-width: 700px; }
  .reveal-modal#view-application h2,
  .view-application#view-application h2 {
    border-bottom: 1px solid #bbb;
    color: #075a8f;
    font-size: 1rem;
    margin: 0 0 20px;
    padding-bottom: 10px; }
  .reveal-modal#view-application h3:before,
  .view-application#view-application h3:before {
    background: #888;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    width: 20px; }
  .reveal-modal#view-application h3.icon-lock-open:before,
  .view-application#view-application h3.icon-lock-open:before {
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    color: #fff; }
  .reveal-modal#view-application h3 a,
  .view-application#view-application h3 a {
    float: right;
    font-size: .8rem; }
  .reveal-modal#view-application .summary div,
  .view-application#view-application .summary div {
    background: #fff;
    height: 60px;
    margin: 0 0 10px;
    min-height: 70px;
    padding: 15px;
    vertical-align: top; }
    .reveal-modal#view-application .summary div .particular,
    .view-application#view-application .summary div .particular {
      color: #000;
      display: block;
      font-size: .7rem;
      font-weight: 600;
      margin: 0; }
    .reveal-modal#view-application .summary div .value,
    .view-application#view-application .summary div .value {
      color: #075a8f;
      display: block;
      font-size: 1.4rem;
      font-weight: 600; }
      .reveal-modal#view-application .summary div .value.rate-value,
      .view-application#view-application .summary div .value.rate-value {
        color: #ff5400; }
      .reveal-modal#view-application .summary div .value sub,
      .view-application#view-application .summary div .value sub {
        bottom: 0;
        color: #666;
        display: inline-block;
        font-size: 0.7rem;
        font-weight: 400; }
    @media screen and (min-width: 480px) {
      .reveal-modal#view-application .summary div,
      .view-application#view-application .summary div {
        display: inline-block;
        width: 31.3%; }
        .reveal-modal#view-application .summary div:nth-child(2),
        .view-application#view-application .summary div:nth-child(2) {
          margin: 0 2%; }
        .reveal-modal#view-application .summary div .particular,
        .view-application#view-application .summary div .particular {
          margin: -4px 0 0; } }
  .reveal-modal#view-application ul.data,
  .view-application#view-application ul.data {
    list-style: none;
    margin: 20px 0;
    padding: 0; }
    .reveal-modal#view-application ul.data li,
    .view-application#view-application ul.data li {
      display: block;
      font-size: .7rem;
      padding: 5px 0;
      text-align: right; }
      .reveal-modal#view-application ul.data li strong,
      .view-application#view-application ul.data li strong {
        float: left; }
      @media screen and (min-width: 480px) {
        .reveal-modal#view-application ul.data li,
        .view-application#view-application ul.data li {
          display: inline-block;
          text-align: left;
          width: 48%; }
          .reveal-modal#view-application ul.data li strong,
          .view-application#view-application ul.data li strong {
            float: none; } }

.view-application#view-application {
  max-width: none; }
  .view-application#view-application h3.data {
    border: 0;
    color: #075a8f;
    font-size: 0.8rem;
    margin: 0;
    padding: 10px 0; }
    .view-application#view-application h3.data span {
      color: #333;
      display: block;
      font-size: 0.7rem;
      font-weight: 400;
      padding: 0; }
    @media screen and (min-width: 40.063em) {
      .view-application#view-application h3.data {
        padding: 0 0 20px; } }

.app-data {
  background: #fff; }
  @media screen and (min-width: 40.063em) {
    .app-data {
      background: none; } }

.page-related-parties-tabs .application-detail {
  display: none; }

ul.related-parties-tabs {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 5px 5px 1px;
  position: relative; }
  @media screen and (min-width: 40.063em) {
    ul.related-parties-tabs {
      background: none;
      padding: 15px 0 0; } }
  ul.related-parties-tabs li {
    margin: 0 0 5px;
    white-space: nowrap; }
    @media screen and (min-width: 480px) {
      ul.related-parties-tabs li {
        display: inline-block;
        margin: 0 1% 5px 0;
        width: 49.5%; }
        ul.related-parties-tabs li:nth-child(2n) {
          margin-right: 0; } }
    @media screen and (min-width: 40.063em) {
      ul.related-parties-tabs li {
        display: inline-block;
        margin: 0 1% 5px 0;
        width: 24.25%; }
        ul.related-parties-tabs li:nth-child(2n) {
          margin-right: 1%; }
        ul.related-parties-tabs li:last-child {
          margin-right: 0; } }
    ul.related-parties-tabs li a {
      display: inline-block;
      font-size: .8rem;
      padding: 10px 0;
      text-align: center;
      width: 100%; }
  @media screen and (min-width: 480px) {
    ul.related-parties-tabs.business-tabs li {
      width: 32.6667%; }
      ul.related-parties-tabs.business-tabs li:nth-child(2n) {
        margin-right: 1%; }
      ul.related-parties-tabs.business-tabs li:last-child {
        margin-right: 0; } }

@media screen and (max-width: 40em) {
  .main .search-email .fieldset {
    position: relative; }
    .main .search-email .fieldset label {
      display: block;
      margin: 0 0 10px;
      width: 100%; }
    .main .search-email .fieldset .input-holder {
      display: block;
      margin: 0;
      padding-right: 44px;
      width: 100%; }
      .main .search-email .fieldset .input-holder input {
        margin: 0 0 10px; }
      .main .search-email .fieldset .input-holder a.search-button {
        margin: 0;
        position: absolute;
        right: 10px;
        top: 38px; } }

@media screen and (min-width: 480px) {
  .main .search-email .fieldset .input-holder a.search-button {
    top: 37px;
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none; } }

@media screen and (min-width: 40.063em) {
  .main .search-email .fieldset .input-holder {
    padding-right: 32px; }
    .main .search-email .fieldset .input-holder a.search-button {
      position: absolute;
      right: -5px;
      top: 0; } }

@media screen and (min-width: 64.063em) {
  .main .search-email .fieldset label {
    width: 140px; }
  .main .search-email .fieldset .input-holder {
    max-width: 480px;
    position: relative; } }

.button-group.get-rate-quote .button:first-child {
  margin-right: 2%;
  width: 48%; }
  @media screen and (min-width: 480px) {
    .button-group.get-rate-quote .button:first-child {
      width: 22.3%; } }

.button-group.get-rate-quote .button:nth-child(2) {
  float: right;
  margin-right: 0;
  width: 48%; }
  @media screen and (min-width: 480px) {
    .button-group.get-rate-quote .button:nth-child(2) {
      float: none;
      margin-right: 2%;
      width: 31.3%; } }

.button-group.get-rate-quote .button:last-child {
  margin-right: 0;
  width: 100%; }
  @media screen and (min-width: 480px) {
    .button-group.get-rate-quote .button:last-child {
      float: right;
      white-space: nowrap;
      width: 41%; } }

.main {
  /*.check-frequency {
        .half {
            padding: 0 0 0 8px;
            text-align: center;
            @include min-screen($min-phonels) {
                display: inline-block;
                text-align: left;
                vertical-align: top;
                width: 50%;
            }
        }
        h2 {
            padding: 0 0 10px;
            @include min-screen($min-phonels) {
                padding: 0;
                position: relative;
                top: 10px;
            }
        }
        .check-group {
            @include min-screen($min-phonels) {
                text-align: right;
            }
        }
        hr {
            margin-bottom: 40px;
        }
        p {
            font-size: .8rem;
            margin: 30px 0 0;
            @include min-screen($min-large) {
                display: inline-block;
                margin: 6px 15px 0 0;
                vertical-align: top;
            }
        }
        .fieldset {
            @include min-screen($min-large) {
                display: inline-block;
            }
        }
    }*/ }
  @media screen and (min-width: 64.063em) {
    .main .loan-offer-intro {
      padding: 10px 0 30px; }
      .main .loan-offer-intro img {
        float: right;
        margin-right: 20px; } }
  .main .loan-offer-intro p {
    margin: 20px 0; }
    @media screen and (min-width: 64.063em) {
      .main .loan-offer-intro p {
        margin: 0;
        text-align: left; } }
  .main .loan-offer-intro svg {
    max-height: 54px; }
    .main .loan-offer-intro svg path {
      fill: #30b55c; }
    .main .loan-offer-intro svg g text {
      fill: #373935;
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-weight: 600; }
  .main .loan-offer-intro-left img {
    display: block;
    margin: 20px 0; }
  @media screen and (min-width: 480px) {
    .main .loan-offer-intro-left img {
      display: inline-block;
      margin: 0 20px 0 0;
      max-width: 180px;
      vertical-align: top;
      width: 180px; }
    .main .loan-offer-intro-left p {
      display: inline-block;
      margin: 0;
      vertical-align: top;
      width: -moz-calc(100% - 210px);
      width: -webkit-calc(100% - 210px);
      width: calc(100% - 210px); } }
  .main .quote-number {
    color: #666;
    display: none;
    font-size: .7rem;
    text-align: right; }
    .main .quote-number b {
      color: #ec4004;
      font-size: .9rem;
      font-weight: 600; }
    @media screen and (min-width: 40.063em) {
      .main .quote-number {
        display: block;
        position: relative;
        right: -30px; } }
    @media screen and (min-width: 64.063em) {
      .main .quote-number {
        right: -50px; } }
  .main h1 span.quote-number {
    color: #ec4004;
    display: inline-block;
    font-size: 0.8em;
    padding-top: 4px;
    white-space: nowrap; }
    @media screen and (min-width: 40.063em) {
      .main h1 span.quote-number {
        display: none; } }
  .main .show-key {
    background: #075a8f;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: .7rem;
    height: 24px;
    line-height: 22px;
    padding-right: 15px;
    position: relative;
    text-align: center;
    width: 75px; }
    .main .show-key i.key {
      color: #fff;
      left: -2px !important; }
    .main .show-key:before {
      border-top: 5px solid #fff;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      content: " ";
      display: block;
      height: 0;
      position: absolute;
      right: 8px;
      top: 9px;
      width: 0; }
    .main .show-key.open:before {
      border-top: 0;
      border-bottom: 5px solid #fff; }
    .main .show-key + table {
      background: #d4e9f6;
      border: 1px solid #075a8f;
      display: none;
      margin: 8px 0;
      width: 100%; }
      .main .show-key + table tr {
        background: none !important; }
        .main .show-key + table tr td, .main .show-key + table tr th {
          background: none !important;
          color: #075a8f;
          font-size: .7rem;
          vertical-align: top; }
        .main .show-key + table tr th {
          white-space: nowrap; }
  .main .main-form .cb-validation .check-me label {
    margin-left: 0; }
  .main .main-form .cb-validation .big-check label.actual,
  .main .main-form .cb-validation .big-check label.actual,
  .main .main-form .cb-validation .big-check + .cb-statements {
    margin-left: 55px !important; }
  .main .loan-term {
    text-align: center; }
    .main .loan-term hr {
      margin: 10px 0; }
    .main .loan-term h3 {
      margin-bottom: 0;
      padding: 10px 0; }
    .main .loan-term h3.frequency,
    .main .loan-term .fieldset {
      padding: 0 15px; }
    @media screen and (min-width: 40.063em) {
      .main .loan-term h3.frequency,
      .main .loan-term .fieldset {
        display: inline-block;
        padding: 0 15px 12px;
        width: auto; }
      .main .loan-term h3.frequency {
        position: relative;
        top: -4px; }
      .main .loan-term .fieldset {
        position: relative;
        top: 7px; } }
  .main .explore-more:before {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #999;
    display: block;
    font-size: 1.2rem;
    height: 30px;
    left: 50%;
    line-height: 32px;
    margin: 0 0 0 -15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 5px;
    width: 30px;
    z-index: 2; }
  .main i.key {
    color: #075a8f;
    font-size: 14px;
    font-style: normal;
    left: 0;
    line-height: 0;
    position: relative;
    top: 4px; }
  .main ul.offers-table {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; }
    .main ul.offers-table.monthly .monthly {
      display: inherit; }
    .main ul.offers-table.monthly dd.monthly,
    .main ul.offers-table.monthly dt.monthly {
      display: inline-block; }
    .main ul.offers-table.monthly .fortnightly {
      display: none; }
    .main ul.offers-table.fortnightly .fortnightly {
      display: inherit; }
    .main ul.offers-table.fortnightly dd.fortnightly,
    .main ul.offers-table.fortnightly dt.fortnightly {
      display: inline-block; }
    .main ul.offers-table.fortnightly .monthly {
      display: none; }
    .main ul.offers-table li {
      background: #fff;
      border: 1px solid #bbb;
      border-radius: 2px;
      cursor: pointer;
      margin: 0 0 20px;
      position: relative;
      width: 100%; }
      .main ul.offers-table li:hover {
        border: 1px solid #888;
        box-shadow: 1px 2px 3px #999; }
      .main ul.offers-table li.top-pick:after {
        border-left: 75px solid transparent;
        border-top: 75px solid #ff5400;
        content: " ";
        display: block;
        height: 0;
        position: absolute;
        right: -1px;
        top: -1px;
        z-index: 2; }
      .main ul.offers-table li.top-pick:before {
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        color: #fff;
        content: "Recommended";
        display: block;
        font-size: .6rem;
        font-weight: 600;
        position: absolute;
        right: -8px;
        text-transform: uppercase;
        top: 23px;
        z-index: 3; }
      .main ul.offers-table li .term {
        background: #ccc;
        color: #222;
        font-size: .9rem;
        padding: 5px 0; }
        .main ul.offers-table li .term span {
          display: block;
          font-size: .7rem;
          margin-top: -2px; }
      .main ul.offers-table li .get {
        background: #fff;
        border-top: 1px solid #bbb;
        text-transform: uppercase; }
        .main ul.offers-table li .get p {
          background: #f2f2f2;
          color: #333;
          font-size: 0.7rem;
          margin: 1px;
          padding: 10px 40px;
          position: relative; }
          .main ul.offers-table li .get p:before {
            background: url(../images/rd-check.png) no-repeat;
            background-size: auto 100%;
            content: " ";
            display: inline-block;
            height: 18px;
            left: 22px;
            position: absolute;
            top: 10px;
            width: 18px; }
      .main ul.offers-table li .content {
        padding: 5px; }
        .main ul.offers-table li .content .tip-top:after {
          background: #aaa;
          border-radius: 50%;
          color: #fff;
          content: "?";
          display: inline-block;
          font-size: .7rem;
          font-weight: 600;
          height: 16px;
          line-height: 16px;
          margin-left: 3px;
          text-align: center;
          vertical-align: middle;
          width: 16px; }
        .main ul.offers-table li .content .tip-top:hover:after {
          background: #075a8f; }
        .main ul.offers-table li .content dd.tip {
          line-height: 1rem;
          padding-right: 20px;
          position: relative; }
          .main ul.offers-table li .content dd.tip b {
            position: absolute;
            right: 2px;
            top: 2px; }
        .main ul.offers-table li .content .repayments {
          color: #666;
          display: inline-block;
          font-size: .7rem;
          font-weight: 400;
          margin: 0 auto;
          position: relative;
          z-index: 3; }
        .main ul.offers-table li .content p.amount {
          color: #444;
          font-size: 3rem;
          font-weight: 700;
          line-height: 1;
          margin: 0;
          padding: 0;
          position: relative; }
          @media screen and (max-width: 40em) {
            .main ul.offers-table li .content p.amount {
              font-size: 2rem; } }
          .main ul.offers-table li .content p.amount:before {
            /*
                        color: #666;
                        content: "Repayments";
                        font-size: .7rem;
                        font-weight: 400;
                        left: 0;
                        position: absolute;
                        text-align: center;
                        top: 3px;
                        width: 100%;
                        */ }
          .main ul.offers-table li .content p.amount sub {
            font-size: .9rem;
            position: relative;
            top: 0; }
          .main ul.offers-table li .content p.amount sup {
            display: inline-block;
            font-size: 1.3rem;
            position: relative;
            top: -20px; }
            @media screen and (max-width: 40em) {
              .main ul.offers-table li .content p.amount sup {
                top: -10px; } }
        .main ul.offers-table li .content p.frequency {
          color: #666;
          font-size: .9rem;
          margin: 0;
          padding: 0;
          position: relative;
          top: -5px; }
          .main ul.offers-table li .content p.frequency + dl {
            margin-top: 10px; }
        .main ul.offers-table li .content hr.dashed {
          margin: 10px 0; }
        .main ul.offers-table li .content dl {
          margin: 0;
          padding: 0 10px;
          text-align: left; }
          .main ul.offers-table li .content dl dd {
            color: #333;
            display: inline-block;
            font-size: .8rem;
            margin: 0 0 5px;
            vertical-align: top;
            width: 65%; }
            .main ul.offers-table li .content dl dd span {
              color: #666;
              display: block;
              font-size: .6rem;
              white-space: nowrap; }
          .main ul.offers-table li .content dl dt {
            color: #000;
            display: inline-block;
            font-size: .9rem;
            font-weight: 600;
            margin: 0 0 5px;
            text-align: right;
            vertical-align: top;
            width: 28%; }
      @media screen and (min-width: 480px) {
        .main ul.offers-table li {
          display: inline-block;
          margin: 0 2% 20px 0;
          vertical-align: top;
          width: 49%; }
          .main ul.offers-table li:nth-child(2n) {
            margin-right: 0; } }
      @media screen and (min-width: 64.063em) {
        .main ul.offers-table li {
          width: 32%; }
          .main ul.offers-table li:nth-child(2n) {
            margin-right: 2%; }
          .main ul.offers-table li:nth-child(3n) {
            margin-right: 0; } }
    .main ul.offers-table.enabled li.selected {
      background: #e1eef7;
      border: 1px solid #075a8f; }
      .main ul.offers-table.enabled li.selected:hover {
        box-shadow: none; }
        @media screen and (min-width: 480px) {
          .main ul.offers-table.enabled li.selected:hover {
            margin-top: 0; } }
      .main ul.offers-table.enabled li.selected .term {
        background: #075a8f;
        color: #fff; }
      .main ul.offers-table.enabled li.selected .content p.amount,
      .main ul.offers-table.enabled li.selected .content p.frequency {
        color: #333; }
      .main ul.offers-table.enabled li.selected .content hr.dashed {
        border-top: 1px dashed #075a8f; }
      .main ul.offers-table.enabled li.selected .content dt {
        color: #000; }
      .main ul.offers-table.enabled li.selected .get p {
        background: #fff;
        color: #000; }
        .main ul.offers-table.enabled li.selected .get p:before {
          background: url(../images/rd-checked.png) no-repeat;
          background-size: auto 100%; }
  .main ul.offers-table.disabled li {
    border: 1px solid #999;
    cursor: default; }
    .main ul.offers-table.disabled li:hover {
      border: 1px solid #999;
      box-shadow: none; }
      @media screen and (min-width: 480px) {
        .main ul.offers-table.disabled li:hover {
          margin-top: 0; } }
    .main ul.offers-table.disabled li.top-pick:after {
      border-top: 75px solid #999; }
    .main ul.offers-table.disabled li .term {
      background: #ccc;
      color: #333; }
    .main ul.offers-table.disabled li .get {
      border-top: 1px solid #ccc; }
      .main ul.offers-table.disabled li .get p {
        background: #eee;
        color: #666; }
    .main ul.offers-table.disabled li .content p.amount {
      color: #666;
      font-size: 3rem; }
      @media screen and (max-width: 40em) {
        .main ul.offers-table.disabled li .content p.amount {
          font-size: 2rem; } }
      .main ul.offers-table.disabled li .content p.amount:before {
        /*
                        color: #666;
                        content: "Repayments";
                        font-size: .7rem;
                        font-weight: 400;
                        left: 0;
                        position: absolute;
                        text-align: center;
                        top: 3px;
                        width: 100%;
                        */ }
      .main ul.offers-table.disabled li .content p.amount sub {
        font-size: .9rem;
        position: relative;
        top: 0; }
      .main ul.offers-table.disabled li .content p.amount sup {
        display: inline-block;
        font-size: 1.3rem;
        position: relative;
        top: -20px; }
        @media screen and (max-width: 40em) {
          .main ul.offers-table.disabled li .content p.amount sup {
            top: -10px; } }
    .main ul.offers-table.disabled li .content p.frequency {
      color: #666;
      font-size: .9rem;
      margin: 0;
      padding: 0;
      position: relative;
      top: -5px; }
      @media screen and (max-width: 40em) {
        .main ul.offers-table.disabled li .content p.frequency {
          font-size: 0.7rem;
          left: 57px; } }
      .main ul.offers-table.disabled li .content p.frequency + dl {
        margin-top: 10px; }
    .main ul.offers-table.disabled li .content hr.dashed {
      margin: 10px 0; }
    .main ul.offers-table.disabled li .content dl dd {
      color: #666; }
      .main ul.offers-table.disabled li .content dl dd span {
        color: #666; }
    .main ul.offers-table.disabled li .content dl dt {
      color: #666; }
    .main ul.offers-table.disabled li.selected .get p:before {
      background: url(../images/rd-checked-disabled.png) no-repeat;
      background-size: auto 100%; }
  .main ul.offers-table.statement-options {
    text-align: left; }
    .main ul.offers-table.statement-options li {
      cursor: default; }
      .main ul.offers-table.statement-options li .content {
        padding-top: 20px;
        text-align: center; }
        .main ul.offers-table.statement-options li .content .frequency {
          padding: 40px 0; }
        .main ul.offers-table.statement-options li .content label {
          text-align: left;
          width: 30%; }
        .main ul.offers-table.statement-options li .content .select-holder,
        .main ul.offers-table.statement-options li .content .date-holder {
          background: #eee;
          width: 63%; }
      .main ul.offers-table.statement-options li .term,
      .main ul.offers-table.statement-options li .get {
        cursor: pointer;
        text-align: center; }
      .main ul.offers-table.statement-options li.selected .select-holder,
      .main ul.offers-table.statement-options li.selected .date-holder {
        background: #fff; }

@media screen and (max-width: 40em) {
  .main ul.offers-table li .content {
    text-align: left; }
  .main ul.offers-table span {
    display: inline-block;
    font-size: 0.8rem; }
  .main ul.offers-table li .content .repayments {
    color: #333;
    display: inline-block;
    font-size: 0.8rem;
    margin: 0 0 0 10px;
    text-align: left; }
  .main ul.offers-table li .content p.amount {
    color: #000;
    display: inline-block;
    float: right;
    font-size: 0.9rem;
    font-weight: 600;
    margin: 10px 28px 5px 0; }
    .main ul.offers-table li .content p.amount sup, .main ul.offers-table li .content p.amount sub, .main ul.offers-table li .content p.amount span {
      color: #000;
      font-size: 0.9rem;
      font-weight: 600;
      top: 0;
      vertical-align: baseline; }
  .main ul.offers-table li .content p.frequency span {
    color: #666 !important;
    font-size: 0.6rem !important;
    line-height: 0;
    margin: 8px 0 0 10px; } }

ul.offer-decision {
  list-style: none;
  margin: 0;
  padding: 20px 0 40px;
  text-align: center; }
  ul.offer-decision li {
    display: block;
    font-size: .8rem;
    padding: 10px 0; }
    ul.offer-decision li:first-child {
      border-bottom: 1px dashed #bbb; }
    @media screen and (min-width: 40.063em) {
      ul.offer-decision li {
        display: inline-block;
        padding: 0; }
        ul.offer-decision li:first-child {
          border-bottom: 0; }
          ul.offer-decision li:first-child:after {
            content: "|";
            display: inline-block;
            margin: 0 10px; } }

#get-offer h4 {
  font-size: 1.1rem; }

#get-offer .offer-process {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
  margin: 20px 0;
  padding: 20px; }
  @media screen and (min-width: 40.063em) {
    #get-offer .offer-process .row .columns:first-child {
      border-right: 1px solid #ddd;
      min-height: 70px; } }
  #get-offer .offer-process p.small {
    font-size: .9rem;
    line-height: 1.2rem !important;
    margin: 0 0 5px;
    padding-left: 5px !important; }
    @media screen and (min-width: 40.063em) {
      #get-offer .offer-process p.small {
        text-align: left; } }
  #get-offer .offer-process strong {
    color: #000; }
  #get-offer .offer-process .more-info {
    border-top: 1px dashed #ccc;
    margin-top: 20px;
    padding: 20px;
    text-align: left; }
    #get-offer .offer-process .more-info p {
      font-size: .9rem;
      margin: 0 0 5px; }
    #get-offer .offer-process .more-info h4 {
      color: #00a64d;
      font-size: 1.2rem; }
  #get-offer .offer-process .preparing {
    text-align: left; }
    #get-offer .offer-process .preparing .loading-box .loading2 {
      background: #f2f2f2;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
      height: 25px;
      margin: 20px auto 0;
      max-width: 264px;
      overflow: hidden;
      padding-right: 6px;
      position: relative;
      width: 100%;
      z-index: 1; }
      @media screen and (min-width: 40.063em) {
        #get-offer .offer-process .preparing .loading-box .loading2 {
          margin: 10px 0; } }
      #get-offer .offer-process .preparing .loading-box .loading2 .load-bar {
        background-color: #2ccb7b;
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.25)));
        background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));
        background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));
        background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));
        background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));
        background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.25));
        height: 19px;
        left: 3px;
        max-width: 100%;
        position: relative;
        top: 3px;
        transition: all .2s linear;
        -o-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear; }
      #get-offer .offer-process .preparing .loading-box .loading2 h3 {
        color: #000;
        font-size: 0.7rem !important;
        font-weight: normal;
        position: absolute;
        text-align: center;
        top: 2px;
        width: 100%;
        z-index: 1; }
    #get-offer .offer-process .preparing p {
      border-top: 1px solid rgba(255, 255, 255, 0.3);
      color: rgba(255, 255, 255, 0.75);
      font-size: .8rem;
      line-height: 1.2rem;
      margin: 0;
      padding: 10px 20px; }
    #get-offer .offer-process .preparing .load-bar .stripes {
      width: 100%;
      height: 18px;
      -webkit-animation: progress 1s linear infinite;
      -moz-animation: progress 1s linear infinite;
      animation: progress 1s linear infinite;
      background-repeat: repeat-x;
      background-size: 30px 30px;
      background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
      background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); }
  #get-offer .offer-process svg {
    max-height: 54px; }
    #get-offer .offer-process svg path {
      fill: #30b55c; }
    #get-offer .offer-process svg g text {
      fill: #373935;
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-weight: 600; }

.offer-process2 {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
  margin: 20px 0;
  padding: 20px; }
  @media screen and (min-width: 64.063em) {
    .offer-process2 .row .columns:first-child {
      border-right: 1px solid #ddd;
      min-height: 70px; } }
  .offer-process2 p.small {
    font-size: .9rem;
    line-height: 1.2rem !important;
    margin: 0 0 5px;
    padding-left: 5px !important; }
    @media screen and (min-width: 40.063em) {
      .offer-process2 p.small {
        text-align: left; } }
  .offer-process2 strong {
    color: #000; }

.coined {
  background: #e9e9e9;
  border: 1px solid #ccc;
  height: 286px;
  overflow: hidden;
  position: relative;
  text-align: center; }
  .coined .coin {
    background: #f4b50a;
    border: 10px solid #f4b50a;
    border-radius: 50%;
    box-shadow: 2px 2px 0 rgba(255, 255, 255, 0.5) inset, -2px -2px #ff9000 inset;
    color: #ff9000;
    display: block;
    font-family: "Calibri", Arial, Helvetica, sans-serif;
    font-size: 80px;
    font-weight: bold;
    height: 110px;
    line-height: 85px;
    margin: 0 auto;
    position: relative;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    top: -110px;
    width: 110px;
    z-index: 3;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    animation: saving 1.5s;
    -moz-animation: saving 1.5s;
    -webkit-animation: saving 1.5s;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite; }
  .coined .coin .inner {
    animation: rotating 2s;
    -moz-animation: rotating 2s;
    -webkit-animation: rotating 2s;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite; }
  .coined .bg {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -3px 3px #ccc;
    height: 143px;
    position: absolute;
    width: 100%;
    z-index: 1; }
  .coined .hole {
    background: #c4c4c4;
    border-top: 4px solid #8f8f8f;
    bottom: 90px;
    height: 22px;
    left: 50%;
    margin: 0 0 0 -60px;
    position: absolute;
    width: 120px;
    z-index: 2; }
  .coined .mask {
    background: #fff;
    border-bottom: 1px solid #ccc;
    bottom: -1px;
    height: 91px;
    left: 50%;
    margin: 0 0 0 -60px;
    position: absolute;
    width: 120px;
    z-index: 4; }

@keyframes saving {
  from {
    top: -110px; }
  to {
    top: 205px; } }

@-moz-keyframes saving {
  from {
    top: -110px; }
  to {
    top: 205px; } }

@-webkit-keyframes saving {
  from {
    top: -110px; }
  to {
    top: 205px; } }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-moz-keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.bukeh-container {
  margin: 20px 0;
  overflow: hidden;
  position: relative;
  text-align: center; }
  @media screen and (min-width: 40.063em) {
    .bukeh-container {
      margin-bottom: 0; } }
  .bukeh-container:after {
    background: -webkit-radial-gradient(center center, circle cover, transparent, rgba(0, 0, 0, 0.75));
    background: radial-gradient(center center, circle cover, transparent, rgba(0, 0, 0, 0.75));
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1; }

.bukeh-container .bokeh {
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 136px;
  height: 1em;
  list-style: none;
  margin: 20px auto;
  position: relative;
  width: 1em; }
  .bukeh-container .bokeh li {
    border-radius: 50%;
    height: .2em;
    position: absolute;
    width: .2em; }
    .bukeh-container .bokeh li:nth-child(1) {
      background: #e29e1b;
      left: 50%;
      margin: 0 0 0 -.1em;
      top: 0;
      -webkit-transform-origin: 50% 250%;
      transform-origin: 50% 250%;
      -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
      animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; }
    .bukeh-container .bokeh li:nth-child(2) {
      background: #dcd522;
      margin: -.1em 0 0 0;
      right: 0;
      top: 50%;
      -webkit-transform-origin: -150% 50%;
      transform-origin: -150% 50%;
      -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
      animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate; }
    .bukeh-container .bokeh li:nth-child(3) {
      background: #5cb619;
      bottom: 0;
      left: 50%;
      margin: 0 0 0 -.1em;
      -webkit-transform-origin: 50% -150%;
      transform-origin: 50% -150%;
      -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
      animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate; }
    .bukeh-container .bokeh li:nth-child(4) {
      background: #953579;
      left: 0;
      margin: -.1em 0 0 0;
      top: 50%;
      -webkit-transform-origin: 250% 50%;
      transform-origin: 250% 50%;
      -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
      animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate; }

@-webkit-keyframes rota {
  from { }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes rota {
  from { }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes opa {
  0% { }
  12.0% {
    opacity: 0.80; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.60; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.60; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }

@keyframes opa {
  0% { }
  12.0% {
    opacity: 0.80; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.60; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.60; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }

.page-new2-application.page-standalone {
  background: #fff; }
  .page-new2-application.page-standalone .content-block {
    padding: 20px; }
    .page-new2-application.page-standalone .content-block textarea {
      min-height: 75px; }
  @media screen and (min-width: 40.063em) {
    .page-new2-application.page-standalone .main-form {
      margin-top: 20px; } }
  .page-new2-application.page-standalone .reveal-modal-bg {
    background: rgba(0, 0, 0, 0.65); }
  .page-new2-application.page-standalone a:not(.button) {
    color: #3095d6;
    text-decoration: underline; }
    .page-new2-application.page-standalone a:not(.button):hover {
      color: #000;
      text-decoration: none; }
    .page-new2-application.page-standalone a:not(.button)#toTop {
      text-decoration: none; }
  .page-new2-application.page-standalone .more-details a:not(.button) {
    color: #075a8f; }
    .page-new2-application.page-standalone .more-details a:not(.button):hover {
      color: #000; }
  .page-new2-application.page-standalone .char-limit {
    color: #666;
    font-size: .7rem; }
    .page-new2-application.page-standalone .char-limit span {
      color: #000;
      display: inline-block;
      font-weight: 600;
      padding-right: 2px; }
    .page-new2-application.page-standalone .char-limit input {
      background: none;
      border: 0;
      box-shadow: none;
      color: #bd1010;
      display: inline-block;
      height: 10px;
      font-size: .7rem;
      font-weight: 600;
      margin: 0;
      min-height: 1px;
      padding: 0 0 0 2px;
      pointer-events: none;
      vertical-align: inherit;
      width: auto; }
  .page-new2-application.page-standalone .close-block {
    font-size: .8rem;
    font-weight: 700; }
  .page-new2-application.page-standalone .content-block a.icon-cancel,
  .page-new2-application.page-standalone .content-block a.icon-cancel:hover {
    color: #fff;
    text-decoration: none; }
  .page-new2-application.page-standalone .quote-number,
  .page-new2-application.page-standalone .application-number {
    background: #ff5400;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 8px;
    position: absolute;
    right: 15px;
    top: -30px;
    z-index: 2; }
    .page-new2-application.page-standalone .quote-number:before,
    .page-new2-application.page-standalone .application-number:before {
      color: #000;
      content: "Quote #";
      display: none;
      left: -50px;
      position: absolute;
      top: auto; }
    @media screen and (min-width: 480px) {
      .page-new2-application.page-standalone .quote-number:before,
      .page-new2-application.page-standalone .application-number:before {
        display: inline-block; } }
    @media screen and (min-width: 40.063em) {
      .page-new2-application.page-standalone .quote-number,
      .page-new2-application.page-standalone .application-number {
        top: 4px; } }
  .page-new2-application.page-standalone .application-number {
    background: #58af26; }
    @media screen and (min-width: 40.063em) {
      .page-new2-application.page-standalone .application-number {
        /*font-size: 0.8rem;
                left: 152px;
                padding: 4px 12px;
                position: relative;
                top: -25px;*/ } }
    .page-new2-application.page-standalone .application-number:before {
      content: "Application #";
      left: -80px; }
  .page-new2-application.page-standalone .shell {
    background: #fff;
    box-shadow: none;
    margin: 0; }
  .page-new2-application.page-standalone .main {
    background: #fff;
    padding-top: 0; }
    .page-new2-application.page-standalone .main .main-content {
      background: none;
      box-shadow: none; }
  .page-new2-application.page-standalone header.app-header img {
    margin: -10px 0 0;
    max-width: 180px; }
    @media screen and (min-width: 40.063em) {
      .page-new2-application.page-standalone header.app-header img {
        margin: -10px 0 10px; } }
  .page-new2-application.page-standalone header.app-header h1 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    padding: 12px 0;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 40.063em) {
      .page-new2-application.page-standalone header.app-header h1 {
        padding: 2px 0 0;
        text-align: left;
        /*&:before {
                        border-left: 1px solid #ccc;
                        content: " ";
                        display: inline-block;
                        font-weight: 400;
                        height: 84px;
                        left: -16px;
                        margin-bottom: 0;
                        position: absolute;
                        top: -38px;
                    }*/ } }
  .page-new2-application.page-standalone .provide-options {
    list-style: none;
    margin: 20px 0 0;
    padding: 0; }
    .page-new2-application.page-standalone .provide-options > li {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #cfcdcd;
      padding: 20px 0 20px 40px;
      position: relative; }
      .page-new2-application.page-standalone .provide-options > li:before {
        background: #075a8f;
        border-radius: 50%;
        color: #fff;
        content: " ";
        display: block;
        font-weight: 700;
        height: 25px;
        left: 0;
        line-height: 23px;
        position: absolute;
        text-align: center;
        top: 20px;
        width: 25px;
        z-index: 1; }
      .page-new2-application.page-standalone .provide-options > li:first-child {
        border-top: 0;
        padding-top: 0; }
        .page-new2-application.page-standalone .provide-options > li:first-child:before {
          top: 0; }
      .page-new2-application.page-standalone .provide-options > li:last-child {
        border-bottom: 0; }
      .page-new2-application.page-standalone .provide-options > li:first-child:before {
        content: "1"; }
      .page-new2-application.page-standalone .provide-options > li:nth-child(2):before {
        content: "2"; }
      .page-new2-application.page-standalone .provide-options > li:nth-child(3):before {
        content: "3"; }
      .page-new2-application.page-standalone .provide-options > li:nth-child(4):before {
        content: "4"; }
      .page-new2-application.page-standalone .provide-options > li:nth-child(5):before {
        content: "5"; }
  .page-new2-application.page-standalone footer.site-footer.app-footer {
    bottom: auto;
    color: #999;
    height: auto;
    padding: 0 0 20px;
    position: relative; }
    .page-new2-application.page-standalone footer.site-footer.app-footer .row {
      border: 0;
      padding: 0; }
    .page-new2-application.page-standalone footer.site-footer.app-footer a {
      color: #3095d6; }
    .page-new2-application.page-standalone footer.site-footer.app-footer .powered {
      margin: 10px 0;
      padding-top: 0;
      width: auto; }
      @media screen and (min-width: 40.063em) {
        .page-new2-application.page-standalone footer.site-footer.app-footer .powered {
          margin-top: -4px; } }
    .page-new2-application.page-standalone footer.site-footer.app-footer .powered img {
      display: inline-block;
      margin: 0 5px;
      opacity: .3; }
    .page-new2-application.page-standalone footer.site-footer.app-footer .powered span {
      display: inline-block; }
    .page-new2-application.page-standalone footer.site-footer.app-footer p.copy {
      margin: 0;
      padding: 0;
      width: auto; }
  .page-new2-application.page-standalone .show-more {
    font-size: 0.7rem;
    position: absolute;
    right: 10px;
    top: 3px; }
    @media screen and (min-width: 480px) {
      .page-new2-application.page-standalone .show-more {
        position: relative;
        right: auto;
        top: auto; } }
  .page-new2-application.page-standalone .select-holder .edit,
  .page-new2-application.page-standalone .input-holder .edit {
    display: none;
    font-size: .7rem;
    position: absolute;
    right: 0;
    top: -29px;
    z-index: 2; }
    @media screen and (min-width: 480px) {
      .page-new2-application.page-standalone .select-holder .edit,
      .page-new2-application.page-standalone .input-holder .edit {
        left: -30px;
        right: auto;
        top: 8px; } }
  .page-new2-application.page-standalone .input-holder .edit {
    display: block; }
    @media screen and (min-width: 480px) {
      .page-new2-application.page-standalone .input-holder .edit {
        left: -30px;
        right: auto;
        top: 8px; } }
  .page-new2-application.page-standalone .more-block {
    margin-left: -20px;
    padding: 0 20px;
    position: relative;
    width: calc(100% + 40px); }
    .page-new2-application.page-standalone .more-block .more-details {
      transition: all .2s linear;
      -o-transition: all .2s linear;
      -moz-transition: all .2s linear;
      -webkit-transition: all .2s linear;
      display: none; }
    .page-new2-application.page-standalone .more-block.open {
      background: #ddd;
      border-bottom: 1px solid rgba(0, 0, 0, 0.15);
      border-top: 1px solid rgba(0, 0, 0, 0.15);
      margin-bottom: 20px;
      padding-top: 20px; }
      .page-new2-application.page-standalone .more-block.open label.descriptive {
        padding: 8px 0 0; }
      .page-new2-application.page-standalone .more-block.open .more-details {
        border-top: 1px dashed #999;
        display: block;
        padding-top: 20px; }
      .page-new2-application.page-standalone .more-block.open .select-holder .edit {
        display: none !important; }
    .page-new2-application.page-standalone .more-block input[readonly] {
      background-color: #eee !important; }
  .page-new2-application.page-standalone .slider-block {
    background: #ddd;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    display: none;
    margin-bottom: 20px;
    margin-left: -20px;
    padding: 20px;
    position: relative;
    width: calc(100% + 40px); }
    .page-new2-application.page-standalone .slider-block.open + hr {
      display: none; }
    @media screen and (min-width: 46.063em) {
      .page-new2-application.page-standalone .slider-block {
        text-align: center; } }
    @media screen and (min-width: 64.063em) {
      .page-new2-application.page-standalone .slider-block {
        padding: 20px 10% 20px 10%; } }
    .page-new2-application.page-standalone .slider-block .input-holder {
      display: block;
      width: 100%; }
      .page-new2-application.page-standalone .slider-block .input-holder span.prefix {
        height: 38px;
        line-height: 37px;
        width: 36px; }
    .page-new2-application.page-standalone .slider-block .button {
      display: inline-block;
      width: 50%; }
      @media screen and (min-width: 46.063em) {
        .page-new2-application.page-standalone .slider-block .button {
          margin-left: 10px;
          width: auto; } }
    .page-new2-application.page-standalone .slider-block .input-holder {
      margin-bottom: 20px; }
      .page-new2-application.page-standalone .slider-block .input-holder .range {
        padding: 7px 0.5rem 5px 40px; }
      @media screen and (min-width: 46.063em) {
        .page-new2-application.page-standalone .slider-block .input-holder {
          display: inline-block;
          margin: 0;
          width: 60%; }
          .page-new2-application.page-standalone .slider-block .input-holder .rangeslider__handle {
            margin-left: -3px; } }
  .page-new2-application.page-standalone .other-fieldset {
    display: none; }
  .page-new2-application.page-standalone .input-holder.per .selector {
    background: #fff;
    border: 1px solid #bbb;
    border-left: 0;
    height: 36px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 82px; }
    .page-new2-application.page-standalone .input-holder.per .selector:after {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 7px solid #999;
      content: " ";
      display: block;
      height: 0;
      pointer-events: none;
      position: absolute;
      right: 9px;
      top: 15px; }
    .page-new2-application.page-standalone .input-holder.per .selector select {
      background: #fff;
      border: 0 !important;
      border-left: 1px dashed #bbb !important;
      color: #333;
      font-size: 0.7rem;
      min-height: 1px;
      padding: 8px 5px; }
  .page-new2-application.page-standalone .input-holder.per input {
    border-right: 0 !important;
    width: calc(100% - 82px); }
    .page-new2-application.page-standalone .input-holder.per input:active + .selector,
    .page-new2-application.page-standalone .input-holder.per input:focus + .selector {
      border: 1px solid #666;
      border-left: 0; }
  .page-new2-application.page-standalone .fieldset.error .input-holder.per input + .selector {
    border: 1px solid #bd1010 !important;
    border-left: 0 !important; }

@media screen and (max-width: 40em) {
  .page-new2-application .sticky-wrapper {
    height: auto !important; } }

.page-new2-application .main .main-content {
  min-height: 1px; }

.page-new2-application .sidepanel {
  margin: 20px 0 0;
  position: relative;
  top: -20px;
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear; }

.page-new2-application .sidepanel ul.wizard {
  background: #181818;
  border-radius: 2px;
  list-style: none;
  margin: 0;
  padding: 10px 0; }
  @media screen and (min-width: 40.063em) {
    .page-new2-application .sidepanel ul.wizard {
      margin-right: 20px; } }
  .page-new2-application .sidepanel ul.wizard li a {
    color: rgba(255, 255, 255, 0.2);
    cursor: default;
    display: block;
    font-size: .8rem;
    padding: 5px 5px 5px 30px;
    position: relative;
    text-decoration: none; }
    .page-new2-application .sidepanel ul.wizard li a:hover {
      color: rgba(255, 255, 255, 0.2); }
  .page-new2-application .sidepanel ul.wizard li.selected a {
    color: #fff; }
    .page-new2-application .sidepanel ul.wizard li.selected a:before {
      border-bottom: 4px solid transparent;
      border-left: 6px solid #fff;
      border-top: 4px solid transparent;
      content: " ";
      display: block;
      height: 0;
      left: 15px;
      position: absolute;
      top: 12px; }
  .page-new2-application .sidepanel ul.wizard li.finished a {
    color: #ffffa3; }
    .page-new2-application .sidepanel ul.wizard li.finished a:before {
      color: #76c14b;
      content: '\e809';
      display: block;
      height: 0;
      left: 10px;
      position: absolute;
      top: 10px; }
  .page-new2-application .sidepanel ul.wizard li.selected a, .page-new2-application .sidepanel ul.wizard li.finished a {
    cursor: pointer; }

.page-new2-application .sidepanel ul.info {
  display: none;
  list-style: none;
  margin: 20px 0;
  padding: 0; }
  .page-new2-application .sidepanel ul.info li {
    border-bottom: 1px solid #ccc;
    font-size: .75rem;
    padding: 5px 0; }
    .page-new2-application .sidepanel ul.info li strong {
      color: #000; }
    .page-new2-application .sidepanel ul.info li:last-child {
      border-bottom: 0; }
  @media screen and (min-width: 40.063em) {
    .page-new2-application .sidepanel ul.info {
      display: block;
      margin-right: 20px; } }

.page-new2-application .progress-block {
  border-top: 1px solid #fff;
  padding: 10px; }
  @media screen and (min-width: 40.063em) {
    .page-new2-application .progress-block {
      border-top: 0;
      padding: 0; } }
  .page-new2-application .progress-block .progress-bar {
    background: #eaeaea;
    border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25) inset;
    display: inline-block;
    height: 21px;
    padding: 1px;
    vertical-align: middle;
    width: 64%; }
    @media screen and (min-width: 40.063em) {
      .page-new2-application .progress-block .progress-bar {
        width: 50%; } }
    .page-new2-application .progress-block .progress-bar .inner-bar {
      background: #a0d850;
      border-radius: 2px;
      box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25) inset, 1px 1px 0 rgba(255, 255, 255, 0.75) inset;
      height: 20px;
      left: 0;
      position: relative;
      top: 0; }
  .page-new2-application .progress-block .percentage {
    display: inline-block;
    font-size: .7rem;
    margin: 0 0 0 10px;
    vertical-align: middle; }
    .page-new2-application .progress-block .percentage strong {
      color: #000;
      font-size: .8rem; }

.page-new2-application .save-progress a {
  display: inline-block;
  float: right;
  font-size: .7rem;
  position: relative;
  top: 3px; }
  .page-new2-application .save-progress a:before {
    color: #999;
    display: inline-block;
    font-size: 1.1rem;
    margin: 0 10px 0 0;
    position: relative;
    text-decoration: none;
    top: 10px;
    vertical-align: middle; }
    @media screen and (min-width: 40.063em) {
      .page-new2-application .save-progress a:before {
        margin: 0 5px 0 0;
        top: 0; } }
    @media screen and (max-width: 40em) {
      .page-new2-application .save-progress a:before {
        font-size: 1.3rem; } }
  .page-new2-application .save-progress a span {
    display: none; }
    @media screen and (min-width: 40.063em) {
      .page-new2-application .save-progress a span {
        display: inline-block;
        text-decoration: underline; } }
  .page-new2-application .save-progress a:hover span {
    color: #000;
    text-decoration: none; }

.page-new2-application .button-set {
  position: relative; }
  .page-new2-application .button-set.three .button {
    margin-right: 20px; }
  .page-new2-application .button-set .save-progress {
    display: inline-block;
    float: right;
    margin-top: 2px; }
    .page-new2-application .button-set .save-progress a {
      font-size: .8rem;
      font-weight: 600; }
      .page-new2-application .button-set .save-progress a:before {
        font-size: 1.8rem;
        top: 0; }
      @media screen and (min-width: 480px) {
        .page-new2-application .button-set .save-progress a span {
          display: inline-block; } }

.page-new2-application .quantity {
  display: inline-block;
  width: 48%;
  position: relative; }
  .page-new2-application .quantity span {
    display: block;
    font-size: .8rem;
    left: 0;
    padding-left: 18px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 9px;
    width: 100%;
    z-index: 1; }
  .page-new2-application .quantity:first-child {
    margin-right: 4%; }
  .page-new2-application .quantity .quantity-up,
  .page-new2-application .quantity .quantity-down {
    color: #999;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
    height: 34px;
    left: 1px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 34px;
    z-index: 2;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .page-new2-application .quantity .quantity-up:hover,
    .page-new2-application .quantity .quantity-down:hover {
      background: #eee;
      color: #000; }
  .page-new2-application .quantity .quantity-up {
    left: auto;
    right: 1px; }
  .page-new2-application .quantity input[type="number"] {
    padding-right: 44px;
    text-align: center;
    width: 100%; }

.page-new2-application .fincom {
  padding: 10px 0 0; }
  .page-new2-application .fincom img {
    display: block;
    margin: 0 auto 20px; }
    @media screen and (min-width: 40.063em) {
      .page-new2-application .fincom img {
        float: right;
        margin: 0 0 10px 20px; } }

.page-new2-application .our-offers .subheader {
  padding: 0 0 0 30px; }
  @media screen and (min-width: 64.063em) {
    .page-new2-application .our-offers .subheader .offer-text {
      display: inline-block;
      width: 50%; }
      .page-new2-application .our-offers .subheader .offer-text h3 {
        display: block;
        margin-top: 14px; } }
  .page-new2-application .our-offers .subheader .fieldset {
    margin-top: -10px; }
    @media screen and (min-width: 64.063em) {
      .page-new2-application .our-offers .subheader .fieldset {
        float: right;
        padding-left: 20px;
        width: 50%; } }
  .page-new2-application .our-offers .subheader label {
    color: #000;
    font-weight: 600;
    margin-left: -30px; }
    @media screen and (min-width: 480px) {
      .page-new2-application .our-offers .subheader label {
        display: inline-block;
        margin-top: 6px;
        width: 44%; } }
    @media screen and (min-width: 64.063em) {
      .page-new2-application .our-offers .subheader label {
        display: block;
        margin-left: 0;
        width: 100%; } }
  .page-new2-application .our-offers .subheader .select-holder {
    margin-left: -30px;
    width: calc(100% + 30px); }
    @media screen and (min-width: 480px) {
      .page-new2-application .our-offers .subheader .select-holder {
        display: inline-block;
        width: calc(54% + 60px); } }
    @media screen and (min-width: 64.063em) {
      .page-new2-application .our-offers .subheader .select-holder {
        display: block;
        margin-left: 0;
        width: 100%; } }
  .page-new2-application .our-offers .subheader h3 {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
    position: relative;
    vertical-align: top; }
    .page-new2-application .our-offers .subheader h3:before {
      color: #ec4004;
      content: '\f112';
      display: inline-block;
      font-size: 1rem;
      left: -30px;
      position: absolute;
      top: 7px;
      transform: rotate(-90deg); }
  .page-new2-application .our-offers .subheader span {
    display: inline-block;
    vertical-align: top; }

.page-new2-application .our-offers table.offers-table {
  border: 1px solid #576e81;
  border-bottom: 0;
  margin: 20px 0; }
  .page-new2-application .our-offers table.offers-table th {
    background: #576e81;
    color: #fff;
    font-size: .8rem;
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
    text-align: center;
    vertical-align: middle; }
    .page-new2-application .our-offers table.offers-table th span {
      display: block;
      font-size: .6rem;
      font-weight: 400;
      margin-top: -5px; }
  .page-new2-application .our-offers table.offers-table td, .page-new2-application .our-offers table.offers-table td:nth-child(odd), .page-new2-application .our-offers table.offers-table td:nth-child(even) {
    background: #f0f6fb;
    border-bottom: 1px solid #576e81;
    color: #666;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 600;
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
    text-align: center; }
  .page-new2-application .our-offers table.offers-table td.loanterm {
    color: #ec4004;
    font-size: 1.5rem;
    font-weight: 700;
    padding-right: 20px;
    position: relative; }
    .page-new2-application .our-offers table.offers-table td.loanterm:before {
      color: #666;
      content: "Select";
      display: block;
      font-size: 0.8rem;
      font-weight: 600;
      left: 165px;
      position: absolute;
      top: 13px; }
      @media screen and (min-width: 40.063em) {
        .page-new2-application .our-offers table.offers-table td.loanterm:before {
          display: none; } }
    .page-new2-application .our-offers table.offers-table td.loanterm:after {
      background: url(../images/rd-check.png) no-repeat;
      background-size: 100% auto;
      content: " ";
      display: block;
      height: 18px;
      position: absolute;
      right: 12px;
      top: 16px !important;
      width: 18px; }
      @media screen and (min-width: 40.063em) {
        .page-new2-application .our-offers table.offers-table td.loanterm:after {
          display: none;
          right: 5px; } }
      @media screen and (min-width: 64.063em) {
        .page-new2-application .our-offers table.offers-table td.loanterm:after {
          right: 12px; } }
    .page-new2-application .our-offers table.offers-table td.loanterm span {
      color: #666;
      display: block;
      font-size: .7rem;
      font-weight: 400; }
  .page-new2-application .our-offers table.offers-table td.rate,
  .page-new2-application .our-offers table.offers-table td.totalcost {
    font-size: 1rem; }
    .page-new2-application .our-offers table.offers-table td.rate i,
    .page-new2-application .our-offers table.offers-table td.totalcost i {
      color: #666;
      font-size: 0.7rem;
      font-style: normal;
      font-weight: 400; }
      @media screen and (min-width: 40.063em) {
        .page-new2-application .our-offers table.offers-table td.rate i,
        .page-new2-application .our-offers table.offers-table td.totalcost i {
          display: none; } }
  .page-new2-application .our-offers table.offers-table td.repayments {
    font-size: 2rem;
    font-weight: 700;
    position: relative; }
    .page-new2-application .our-offers table.offers-table td.repayments sup {
      font-size: 1rem;
      font-weight: 400; }
    .page-new2-application .our-offers table.offers-table td.repayments i {
      color: #666;
      font-size: .7rem;
      font-style: normal;
      font-weight: 400;
      left: -20px;
      position: relative;
      top: 7px; }
  .page-new2-application .our-offers table.offers-table tr:not(.selected):hover td {
    color: #333; }
  .page-new2-application .our-offers table.offers-table tr.selected td {
    background: #c6dff0;
    color: #000;
    position: relative; }
  .page-new2-application .our-offers table.offers-table tr.selected td.loanterm {
    background: #0290b2;
    color: #fff; }
    .page-new2-application .our-offers table.offers-table tr.selected td.loanterm:before {
      color: #fff;
      content: "Selected"; }
    .page-new2-application .our-offers table.offers-table tr.selected td.loanterm:after {
      background: none;
      content: '\e809';
      font-size: .9rem; }
    .page-new2-application .our-offers table.offers-table tr.selected td.loanterm span {
      color: #fff; }

.page-new2-application .offers-list {
  padding: 20px 0; }
  .page-new2-application .offers-list .offer {
    background: #fff;
    border: 1px solid #cacaca;
    margin: 0 0 20px; }
    @media screen and (min-width: 40.063em) {
      .page-new2-application .offers-list .offer {
        display: inline-block;
        margin: 0 2% 2% 0;
        vertical-align: top;
        width: 48%; }
        .page-new2-application .offers-list .offer:nth-child(2n) {
          margin-right: 0; }
        .page-new2-application .offers-list .offer:hover {
          margin-top: -2px; } }
    @media screen and (min-width: 64.063em) {
      .page-new2-application .offers-list .offer {
        width: 31.66%; }
        .page-new2-application .offers-list .offer:nth-child(2n) {
          margin-right: 2%; }
        .page-new2-application .offers-list .offer:nth-child(3n) {
          margin-right: 0; } }
  .page-new2-application .offers-list .offer-header {
    background: #f6f6f6;
    border-bottom: 1px solid #cacaca;
    color: #333;
    font-size: 2rem;
    font-weight: 700;
    padding: 5px 10px 10px;
    position: relative;
    text-align: center; }
    .page-new2-application .offers-list .offer-header .repayment {
      margin-left: 20px; }
    .page-new2-application .offers-list .offer-header span {
      color: #000;
      display: block;
      font-size: .8rem;
      margin: 0 0 10px;
      text-align: left; }
    .page-new2-application .offers-list .offer-header sup {
      font-size: .8rem;
      font-weight: 400; }
    .page-new2-application .offers-list .offer-header i {
      color: #666;
      font-size: .7rem;
      font-style: normal;
      font-weight: 400;
      left: -20px;
      position: relative;
      top: 7px; }
  .page-new2-application .offers-list .offer-body {
    padding: 10px; }
    .page-new2-application .offers-list .offer-body .loan-term,
    .page-new2-application .offers-list .offer-body .rate,
    .page-new2-application .offers-list .offer-body .totalcost {
      color: #000;
      display: block;
      font-size: .7rem;
      line-height: 1.1rem;
      padding-bottom: 10px;
      text-align: right;
      white-space: nowrap; }
      .page-new2-application .offers-list .offer-body .loan-term span,
      .page-new2-application .offers-list .offer-body .rate span,
      .page-new2-application .offers-list .offer-body .totalcost span {
        color: #666;
        display: inline-block;
        float: left;
        font-size: .7rem;
        font-weight: 400;
        text-align: left;
        white-space: normal;
        width: 49%; }
    .page-new2-application .offers-list .offer-body .rate,
    .page-new2-application .offers-list .offer-body .totalcost {
      font-size: .9rem;
      font-weight: 600; }
    .page-new2-application .offers-list .offer-body .loan-term b {
      color: #333;
      font-size: 1.2rem; }
    .page-new2-application .offers-list .offer-body .loan-term span, .page-new2-application .offers-list .offer-body .loan-term i {
      font-style: normal; }
  .page-new2-application .offers-list .offer:hover {
    border: 1px solid #888;
    box-shadow: 1px 2px 3px #999; }
    .page-new2-application .offers-list .offer:hover a.select {
      color: #000;
      text-decoration: none; }
  .page-new2-application .offers-list .offer a.select {
    border-radius: 2px;
    clear: both;
    color: #0290b2;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    margin: -5px 5px 5px;
    position: relative;
    text-align: center;
    text-decoration: underline;
    transition: none; }
    .page-new2-application .offers-list .offer a.select:after {
      color: #fff;
      content: '\e809';
      display: block;
      margin-top: -7px;
      position: absolute;
      right: 14px;
      top: 50%; }
  .page-new2-application .offers-list .offer.selected {
    border: 1px solid #7e97a8;
    box-shadow: 1px 2px 3px #999; }
    .page-new2-application .offers-list .offer.selected .offer-header {
      background: #e1eef7;
      border-bottom: 1px solid #7e97a8;
      color: #000; }
    .page-new2-application .offers-list .offer.selected .loan-term b {
      color: #ec4004; }
    .page-new2-application .offers-list .offer.selected a.select {
      background: #0290b2;
      color: #fff;
      text-decoration: none; }

.page-new2-application .notes-section {
  position: relative; }
  .page-new2-application .notes-section a.show-key,
  .page-new2-application .notes-section a.show-key:hover {
    color: #fff;
    text-decoration: none; }
  .page-new2-application .notes-section p {
    font-size: .7rem;
    font-weight: 600; }
  @media screen and (min-width: 480px) {
    .page-new2-application .notes-section p {
      padding-right: 100px; }
    .page-new2-application .notes-section a.show-key {
      position: absolute;
      right: 0;
      top: 0; } }

@media screen and (max-width: 40em) {
  .page-new2-application .our-offers table.offers-table {
    background: #dadada;
    border: 0;
    margin-left: -10px;
    width: calc(100% + 20px); }
    .page-new2-application .our-offers table.offers-table tr {
      background: none !important; }
    .page-new2-application .our-offers table.offers-table tr:first-child {
      display: none; }
    .page-new2-application .our-offers table.offers-table tr td {
      background: #fff !important;
      border-bottom: 0 !important;
      display: block;
      width: 100%; }
    .page-new2-application .our-offers table.offers-table tr td.loanterm {
      border-bottom: 1px solid #b9b9b9;
      background: #f3f3f3 !important;
      border-top: 1px solid #b9b9b9;
      box-shadow: 0 1px 0 #fff inset;
      text-align: left; }
      .page-new2-application .our-offers table.offers-table tr td.loanterm span {
        display: inline-block;
        vertical-align: middle; }
    .page-new2-application .our-offers table.offers-table tr td.rate,
    .page-new2-application .our-offers table.offers-table tr td.totalcost,
    .page-new2-application .our-offers table.offers-table tr td.repayments {
      color: #000;
      font-size: .8rem;
      font-weight: 400;
      text-align: left;
      padding-bottom: 5px;
      padding-top: 5px;
      white-space: nowrap; }
      .page-new2-application .our-offers table.offers-table tr td.rate span,
      .page-new2-application .our-offers table.offers-table tr td.totalcost span,
      .page-new2-application .our-offers table.offers-table tr td.repayments span {
        color: #666;
        display: inline-block !important;
        font-size: .7rem;
        font-weight: 700;
        width: 150px; }
    .page-new2-application .our-offers table.offers-table tr td.rate {
      padding-top: 10px; }
    .page-new2-application .our-offers table.offers-table tr td.repayments {
      border-bottom: 1px solid #b9b9b9 !important;
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 20px;
      padding-bottom: 10px; }
      .page-new2-application .our-offers table.offers-table tr td.repayments sub,
      .page-new2-application .our-offers table.offers-table tr td.repayments sup {
        font-size: 1rem !important;
        font-weight: 600;
        line-height: inherit;
        position: relative;
        vertical-align: middle;
        top: auto;
        vertical-align: initial; }
      .page-new2-application .our-offers table.offers-table tr td.repayments i {
        left: 5px;
        top: auto; }
    .page-new2-application .our-offers table.offers-table tr.selected td {
      background: #c6dff0 !important; }
    .page-new2-application .our-offers table.offers-table tr.selected td.loanterm {
      background: #0290b2 !important;
      border-top: 1px solid #0290b2;
      box-shadow: none; }
      .page-new2-application .our-offers table.offers-table tr.selected td.loanterm:after {
        right: 10px;
        top: 14px; }
    .page-new2-application .our-offers table.offers-table tr.selected td.repayments {
      border-bottom: 1px solid #0290b2 !important; } }

.page-new2-application .nextsteps {
  list-style: none;
  margin: 0;
  padding: 0; }
  .page-new2-application .nextsteps li {
    border-top: 1px solid #bbb;
    padding: 10px 0 0;
    text-align: center; }
    .page-new2-application .nextsteps li:first-child {
      border: 0; }
    .page-new2-application .nextsteps li:before {
      background: #044f6d;
      border-radius: 50%;
      color: #fff;
      display: block;
      font-size: 2rem;
      height: 60px;
      line-height: 60px;
      margin: 5px auto;
      text-align: center;
      width: 60px; }
    @media screen and (min-width: 40.063em) {
      .page-new2-application .nextsteps li {
        border-left: 1px solid #bbb;
        border-top: 0;
        display: inline-block;
        padding: 10px;
        text-align: left;
        vertical-align: top;
        width: 32.3%; }
        .page-new2-application .nextsteps li:before {
          font-size: 2.2rem;
          height: 80px;
          line-height: 80px;
          margin: 0 auto 20px;
          width: 80px; } }
    @media screen and (min-width: 64.063em) {
      .page-new2-application .nextsteps li {
        padding: 20px; }
        .page-new2-application .nextsteps li:before {
          font-size: 2.8rem;
          height: 120px;
          line-height: 120px;
          width: 120px; } }

.page-new2-application .bookatime {
  padding-bottom: 10px; }
  @media screen and (min-width: 40.063em) {
    .page-new2-application .bookatime .fieldset {
      padding-right: 20px; } }

@media screen and (max-width: 40em) {
  .page-new2-application.page-standalone .our-offers table.offers-table {
    margin-left: -20px;
    width: calc(100% + 40px); } }

#get-offer2 h4 {
  font-size: 1.1rem; }

#get-offer2 .cube-wrapper {
  background-color: #00afd2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00afd2, endColorstr=#131a5b);
  background-image: -webkit-radial-gradient(circle, #00afd2, #131a5b);
  background-image: -moz-radial-gradient(circle, #00afd2, #131a5b);
  background-image: -o-radial-gradient(circle, #00afd2, #131a5b);
  background-image: radial-gradient(circle, #00afd2, #131a5b);
  height: 190px;
  margin-bottom: 20px;
  position: relative;
  text-align: center; }
  @media screen and (min-width: 64.063em) {
    #get-offer2 .cube-wrapper {
      margin-bottom: 0; } }
  #get-offer2 .cube-wrapper p {
    color: #fff;
    display: block;
    padding-right: 20px;
    padding-top: 10px;
    text-align: left;
    font-size: .8rem;
    margin-left: 10px; }

#get-offer2 .cube-folding {
  display: inline-block;
  font-size: 0;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 50px; }
  #get-offer2 .cube-folding span {
    display: inline-block;
    height: 25px;
    position: relative;
    vertical-align: top;
    width: 25px;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
    #get-offer2 .cube-folding span:before {
      background-color: #fff;
      content: " ";
      display: block;
      height: 25px;
      left: 0;
      position: absolute;
      top: 0;
      width: 25px;
      -moz-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      -moz-animation: folding 2.5s infinite linear both;
      -webkit-animation: folding 2.5s infinite linear both;
      animation: folding 2.5s infinite linear both; }

#get-offer2 .cube-folding .leaf2 {
  -moz-transform: rotateZ(90deg) scale(1.1);
  -ms-transform: rotateZ(90deg) scale(1.1);
  -webkit-transform: rotateZ(90deg) scale(1.1);
  transform: rotateZ(90deg) scale(1.1); }

#get-offer2 .cube-folding .leaf2::before {
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  background-color: #f2f2f2; }

#get-offer2 .cube-folding .leaf3 {
  -moz-transform: rotateZ(270deg) scale(1.1);
  -ms-transform: rotateZ(270deg) scale(1.1);
  -webkit-transform: rotateZ(270deg) scale(1.1);
  transform: rotateZ(270deg) scale(1.1); }

#get-offer2 .cube-folding .leaf3::before {
  -moz-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  background-color: #f2f2f2; }

#get-offer2 .cube-folding .leaf4 {
  -moz-transform: rotateZ(180deg) scale(1.1);
  -ms-transform: rotateZ(180deg) scale(1.1);
  -webkit-transform: rotateZ(180deg) scale(1.1);
  transform: rotateZ(180deg) scale(1.1); }

#get-offer2 .cube-folding .leaf4::before {
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  background-color: #e6e6e6; }

@-moz-keyframes folding {
  0%, 10% {
    -moz-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -moz-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -moz-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@-webkit-keyframes folding {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes folding {
  0%, 10% {
    -moz-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -moz-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -moz-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

#get-offer2 .barbox {
  bottom: 30px;
  height: 10px;
  position: absolute;
  text-align: center;
  width: 100%; }

#get-offer2 .barlittle {
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  opacity: 0.1;
  -moz-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-animation: blocks 1s infinite linear;
  -webkit-animation: blocks 1s infinite linear; }

#get-offer2 #block_1 {
  -moz-animation-delay: .4s;
  -webkit-animation-delay: .4s; }

#get-offer2 #block_2 {
  -moz-animation-delay: .3s;
  -webkit-animation-delay: .3s; }

#get-offer2 #block_3 {
  -moz-animation-delay: .2s;
  -webkit-animation-delay: .2s; }

#get-offer2 #block_4 {
  -moz-animation-delay: .3s;
  -webkit-animation-delay: .3s; }

#get-offer2 #block_5 {
  -moz-animation-delay: .4s;
  -webkit-animation-delay: .4s; }

@-moz-keyframes blocks {
  0% {
    -moz-transform: scale(1.2);
    opacity: 1; }
  100% {
    -moz-transform: scale(0.7);
    opacity: 0.1; } }

@-webkit-keyframes blocks {
  0% {
    -webkit-transform: scale(1.2);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.7);
    opacity: 0.1; } }

@media screen and (min-width: 64.063em) {
  .page-account .main .select-time.address-section.postal-section,
  .page-account .main .residential-section {
    margin-top: 9px; } }

.page-account .main .alerts .alert-box:last-child:after,
.page-account .main .alerts .alert-box:only-child:after {
  display: none; }

.page-account .main h1 a {
  float: right;
  font-size: .7rem;
  font-weight: 400;
  padding: 6px 0 0; }
  .page-account .main h1 a:before {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    display: inline-block;
    font-size: .9rem;
    height: 22px;
    line-height: 22px;
    margin: -2px 8px 0 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 22px; }

.page-account .main .sub-section .button,
.page-account .main .sub-section a.button {
  max-width: none; }
  .page-account .main .sub-section .button:last-child,
  .page-account .main .sub-section a.button:last-child {
    display: inline-block;
    float: right;
    margin-right: 0; }

@media screen and (min-width: 40.063em) {
  .page-account .main .alerts .alert-box:first-child:before {
    display: none; }
  .page-account .main h1 a {
    display: none; }
  .page-account .main .breadcrumbs ul {
    display: block;
    padding: 4px 0 0; }
    .page-account .main .breadcrumbs ul li {
      display: inline-block; }
      .page-account .main .breadcrumbs ul li:before {
        content: "|";
        display: inline-block;
        left: -1px;
        margin: 0 3px;
        position: relative;
        top: -1px; }
      .page-account .main .breadcrumbs ul li:first-child:before {
        content: ""; }
      .page-account .main .breadcrumbs ul li a {
        color: #3095d6;
        text-decoration: none; }
        .page-account .main .breadcrumbs ul li a:active, .page-account .main .breadcrumbs ul li a:focus, .page-account .main .breadcrumbs ul li a:hover {
          color: #000; }
  .page-account .main .sub-section {
    border-top: 0; }
  .page-account .main .button-group input[type="submit"],
  .page-account .main .button-group input[type="button"] {
    display: inline-block;
    padding: 8px 15px;
    width: auto; }
  .page-account .main .button-group input[type="button"] {
    margin-right: 10px; } }

@media screen and (min-width: 64.063em) {
  .page-account .main .form-break {
    height: 30px; }
  .page-account .main .sub-section a.button:last-child {
    float: none; } }

.page-investment-options .main .table-row {
  position: relative; }
  .page-investment-options .main .table-row.check {
    padding-left: 0;
    padding-top: 30px; }
  .page-investment-options .main .table-row .radio-input-holder {
    margin: 0;
    position: absolute;
    right: 0;
    top: 10px; }
  .page-investment-options .main .table-row input[type="text"],
  .page-investment-options .main .table-row select,
  .page-investment-options .main .table-row textarea {
    border: 1px solid #ccc;
    margin: 0; }
    .page-investment-options .main .table-row input[type="text"]:active, .page-investment-options .main .table-row input[type="text"]:focus,
    .page-investment-options .main .table-row select:active,
    .page-investment-options .main .table-row select:focus,
    .page-investment-options .main .table-row textarea:active,
    .page-investment-options .main .table-row textarea:focus {
      border: 1px solid #666; }
  .page-investment-options .main .table-row select:active,
  .page-investment-options .main .table-row select:focus {
    border: 0; }
  .page-investment-options .main .table-row a.allowed,
  .page-investment-options .main .table-row a.not-allowed {
    color: #bd1010;
    display: block;
    font-size: 1.2rem;
    position: absolute;
    height: 24px;
    line-height: 24px;
    right: 9px;
    text-align: center;
    top: 9px;
    width: 24px; }
    .page-investment-options .main .table-row a.allowed span,
    .page-investment-options .main .table-row a.not-allowed span {
      display: none; }
  .page-investment-options .main .table-row a.allowed {
    color: #58af26; }

.page-investment-options .main .sub-section .button span {
  display: none; }

.page-investment-options .main .data-table-block p {
  margin: 0; }
  .page-investment-options .main .data-table-block p.viewall span {
    display: inline; }

.page-investment-options .main .data-table-block .desc {
  padding: 0; }

.page-investment-options .main .data-table-block .logo img {
  display: block;
  margin: 10px 0;
  max-width: 200px; }

.page-investment-options .main .data-table-block .title,
.page-investment-options .main .data-table-block .title2,
.page-investment-options .main .data-table-block .history-title,
.page-investment-options .main .data-table-block .asset-class-title,
.page-investment-options .main .data-table-block .reinvestment-title,
.page-investment-options .main .data-table-block .history-reinvestment-title {
  text-align: left; }
  .page-investment-options .main .data-table-block .title h3,
  .page-investment-options .main .data-table-block .title2 h3,
  .page-investment-options .main .data-table-block .history-title h3,
  .page-investment-options .main .data-table-block .asset-class-title h3,
  .page-investment-options .main .data-table-block .reinvestment-title h3,
  .page-investment-options .main .data-table-block .history-reinvestment-title h3 {
    color: #075a8f;
    font-size: .8rem;
    margin: 0; }
    .page-investment-options .main .data-table-block .title h3:before,
    .page-investment-options .main .data-table-block .title2 h3:before,
    .page-investment-options .main .data-table-block .history-title h3:before,
    .page-investment-options .main .data-table-block .asset-class-title h3:before,
    .page-investment-options .main .data-table-block .reinvestment-title h3:before,
    .page-investment-options .main .data-table-block .history-reinvestment-title h3:before {
      display: inline-block;
      margin-right: 10px; }
  .page-investment-options .main .data-table-block .title .check-me,
  .page-investment-options .main .data-table-block .title2 .check-me,
  .page-investment-options .main .data-table-block .history-title .check-me,
  .page-investment-options .main .data-table-block .asset-class-title .check-me,
  .page-investment-options .main .data-table-block .reinvestment-title .check-me,
  .page-investment-options .main .data-table-block .history-reinvestment-title .check-me {
    margin-top: 20px;
    padding: 0 0 10px;
    text-align: left; }
    .page-investment-options .main .data-table-block .title .check-me label,
    .page-investment-options .main .data-table-block .title2 .check-me label,
    .page-investment-options .main .data-table-block .history-title .check-me label,
    .page-investment-options .main .data-table-block .asset-class-title .check-me label,
    .page-investment-options .main .data-table-block .reinvestment-title .check-me label,
    .page-investment-options .main .data-table-block .history-reinvestment-title .check-me label {
      margin: 0; }
      .page-investment-options .main .data-table-block .title .check-me label span,
      .page-investment-options .main .data-table-block .title2 .check-me label span,
      .page-investment-options .main .data-table-block .history-title .check-me label span,
      .page-investment-options .main .data-table-block .asset-class-title .check-me label span,
      .page-investment-options .main .data-table-block .reinvestment-title .check-me label span,
      .page-investment-options .main .data-table-block .history-reinvestment-title .check-me label span {
        min-width: 95px;
        padding-left: 5px;
        white-space: nowrap; }

.page-investment-options .main .data-table-block .asset-class-title h3:before {
  font-size: 1.2rem;
  left: -4px;
  position: relative;
  top: 2px; }

.page-investment-options .main .data-table-block .asset-class-title h3.icon-lock-open:before {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.page-investment-options .main .data-table-block .asset-class-title + .check-me label {
  margin: 0; }

.page-investment-options .main .data-table-block .reinvestment-option .select-holder {
  margin: -5px 0 10px;
  padding: 0; }
  .page-investment-options .main .data-table-block .reinvestment-option .select-holder select {
    border: 1px solid #ccc;
    margin: 0; }

.page-investment-options .main .mobile-history-title {
  color: #000;
  display: inline-block;
  font-weight: 600;
  padding-right: 30px;
  position: relative;
  width: 60%; }
  .page-investment-options .main .mobile-history-title span.icon-help {
    background: #aaa;
    border: 0;
    border-radius: 50%;
    color: #fff;
    font-size: .7rem;
    height: 20px;
    line-height: 20px;
    margin: 0 5px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 20px; }
    .page-investment-options .main .mobile-history-title span.icon-help:active, .page-investment-options .main .mobile-history-title span.icon-help:focus, .page-investment-options .main .mobile-history-title span.icon-help:hover {
      border: 0;
      color: #fff; }

@media screen and (min-width: 480px) {
  .page-investment-options .main .sub-section .button span {
    display: inline-block; }
  .page-investment-options .main .data-table-block .table-header .asset-class-title,
  .page-investment-options .main .data-table-block .table-header .asset-class-title + .check-me,
  .page-investment-options .main .data-table-block .table-header .history-reinvestment-title,
  .page-investment-options .main .data-table-block .table-header .history-reinvestment-option,
  .page-investment-options .main .data-table-block .table-row .asset-class-title,
  .page-investment-options .main .data-table-block .table-row .asset-class-title + .check-me,
  .page-investment-options .main .data-table-block .table-row .history-reinvestment-title,
  .page-investment-options .main .data-table-block .table-row .history-reinvestment-option {
    display: inline-block;
    vertical-align: top; }
  .page-investment-options .main .data-table-block .table-header .reinvestment-title,
  .page-investment-options .main .data-table-block .table-header .reinvestment-option,
  .page-investment-options .main .data-table-block .table-row .reinvestment-title,
  .page-investment-options .main .data-table-block .table-row .reinvestment-option {
    display: inline-block;
    vertical-align: middle; }
  .page-investment-options .main .data-table-block .table-header .asset-class-title + .check-me,
  .page-investment-options .main .data-table-block .table-row .asset-class-title + .check-me {
    position: absolute;
    right: 100px;
    top: 0; }
    .page-investment-options .main .data-table-block .table-header .asset-class-title + .check-me label span,
    .page-investment-options .main .data-table-block .table-row .asset-class-title + .check-me label span {
      min-width: 1px;
      white-space: nowrap; }
  .page-investment-options .main .data-table-block .table-header .reinvestment-title,
  .page-investment-options .main .data-table-block .table-header .history-reinvestment-title,
  .page-investment-options .main .data-table-block .table-row .reinvestment-title,
  .page-investment-options .main .data-table-block .table-row .history-reinvestment-title {
    width: 30%; }
  .page-investment-options .main .data-table-block .table-header .reinvestment-option,
  .page-investment-options .main .data-table-block .table-row .reinvestment-option {
    width: 68%; }
    .page-investment-options .main .data-table-block .table-header .reinvestment-option .select-holder,
    .page-investment-options .main .data-table-block .table-row .reinvestment-option .select-holder {
      margin: 0;
      max-width: 320px;
      width: 100%; }
  .page-investment-options .main .data-table-block .table-header .history-reinvestment-option,
  .page-investment-options .main .data-table-block .table-row .history-reinvestment-option {
    width: 38%; }
  .page-investment-options .main .data-table-block .table-header .mandates-rating,
  .page-investment-options .main .data-table-block .table-row .mandates-rating {
    width: 25%; }
  .page-investment-options .main .data-table-block .table-header .mandates-rating-max,
  .page-investment-options .main .data-table-block .table-row .mandates-rating-max {
    width: 50%; }
    .page-investment-options .main .data-table-block .table-header .mandates-rating-max .input-holder,
    .page-investment-options .main .data-table-block .table-row .mandates-rating-max .input-holder {
      max-width: 320px;
      width: 100%; }
      .page-investment-options .main .data-table-block .table-header .mandates-rating-max .input-holder input,
      .page-investment-options .main .data-table-block .table-row .mandates-rating-max .input-holder input {
        width: 80%; }
      .page-investment-options .main .data-table-block .table-header .mandates-rating-max .input-holder .prefix,
      .page-investment-options .main .data-table-block .table-row .mandates-rating-max .input-holder .prefix {
        width: 18%; } }

@media screen and (min-width: 40.063em) {
  .page-investment-options .main .table-row.check {
    padding-top: 0;
    padding-right: 80px; }
  .page-investment-options .main .data-table-block .mobile-history-title {
    display: none; }
  .page-investment-options .main .data-table-block .table-header div,
  .page-investment-options .main .data-table-block .table-row div {
    display: inline-block;
    vertical-align: top; }
  .page-investment-options .main .data-table-block .desc {
    display: block;
    padding: 0; }
  .page-investment-options .main .data-table-block .logo {
    width: 30%; }
    .page-investment-options .main .data-table-block .logo img {
      max-width: 90%; }
  .page-investment-options .main .data-table-block.product-info .logo {
    float: right; }
  .page-investment-options .main .data-table-block .history-date {
    width: 30%; }
  .page-investment-options .main .data-table-block .title,
  .page-investment-options .main .data-table-block .title2 {
    text-align: left;
    vertical-align: top;
    width: 68%; }
    .page-investment-options .main .data-table-block .title .check-me,
    .page-investment-options .main .data-table-block .title2 .check-me {
      margin-top: 0; }
      .page-investment-options .main .data-table-block .title .check-me label,
      .page-investment-options .main .data-table-block .title2 .check-me label {
        margin: 15px 0 0 0; }
  .page-investment-options .main .data-table-block .title2 {
    width: 100%; }
  .page-investment-options .main .data-table-block .history-title {
    vertical-align: top;
    width: 24%; }
  .page-investment-options .main .data-table-block .history-allow {
    float: right;
    text-align: right;
    white-space: nowrap;
    width: 28%; } }

@media screen and (min-width: 64.063em) {
  .page-investment-options .main .data-table-block div.desc {
    display: inline-block;
    padding-right: 5%;
    width: 76%; }
  .page-investment-options .main .data-table-block div.logo, .page-investment-options .main .data-table-block div.history-date {
    width: 20%; }
  .page-investment-options .main .data-table-block div .title {
    text-align: left;
    vertical-align: top;
    width: 79%; }
    .page-investment-options .main .data-table-block div .title .desc {
      width: 68%; }
    .page-investment-options .main .data-table-block div .title .check-me {
      margin-top: 20px;
      width: 30%; }
      .page-investment-options .main .data-table-block div .title .check-me label {
        margin: 0; }
  .page-investment-options .main .data-table-block div .asset-class-title {
    width: 100%; }
  .page-investment-options .main .data-table-block div .history-reinvestment-option {
    width: 48%; }
  .page-investment-options .main .data-table-block div .history-title {
    width: 24%; }
  .page-investment-options .main .data-table-block .table-row .mandates-rating-max .input-holder .prefix {
    width: 12%; } }

.page-investment-options .main .data-table-block .table-row .history-date,
.page-investment-options .main .data-table-block .table-row .history-title,
.page-investment-options .main .data-table-block .table-row .history-allow {
  padding: 5px 0.9375rem 0; }
  @media screen and (min-width: 40.063em) {
    .page-investment-options .main .data-table-block .table-row .history-date,
    .page-investment-options .main .data-table-block .table-row .history-title,
    .page-investment-options .main .data-table-block .table-row .history-allow {
      padding: 10px 0.9375rem; } }

.page-account .main,
.page-investment-options .main {
  /*
        .select-time {
            padding: 0 0 20px;
            &.address-section {
                padding: 0;
            }
            label {
                display: inline-block;
                max-width: 65px;
                padding: 8px 0 0;
                text-align: center;
                width: 20%;
                &.full {
                    display: block;
                    max-width: none;
                    padding: 8px 0 10px;
                    text-align: left;
                    width: 100%;
                }
            }
            .select-holder {
                display: inline-block;
                max-width: 100px;
                width: 25%;
            }
        }
        */ }
  .page-account .main h1 a,
  .page-investment-options .main h1 a {
    display: inline-block;
    float: right;
    font-size: 0.7rem;
    font-weight: 400;
    padding: 6px 0 0; }
  .page-account .main .table-header .fieldset,
  .page-account .main .table-row .fieldset,
  .page-investment-options .main .table-header .fieldset,
  .page-investment-options .main .table-row .fieldset {
    max-width: none;
    width: 100%; }
    .page-account .main .table-header .fieldset .select-holder,
    .page-account .main .table-row .fieldset .select-holder,
    .page-investment-options .main .table-header .fieldset .select-holder,
    .page-investment-options .main .table-row .fieldset .select-holder {
      width: 90%; }
  .page-account .main .table-header > div,
  .page-investment-options .main .table-header > div {
    color: #fff;
    font-weight: 600;
    padding: 10px; }
  .page-account .main .table-row div div,
  .page-investment-options .main .table-row div div {
    padding: 0; }
  .page-account .main .form-block,
  .page-investment-options .main .form-block {
    padding-bottom: 30px; }
  .page-account .main .button-group input[type="submit"],
  .page-account .main .button-group input[type="button"],
  .page-investment-options .main .button-group input[type="submit"],
  .page-investment-options .main .button-group input[type="button"] {
    display: inline-block;
    padding: 10px 0;
    width: 48%; }
  .page-account .main .button-group input[type="button"],
  .page-investment-options .main .button-group input[type="button"] {
    margin-right: 2%; }
  .page-account .main p.change-pw,
  .page-investment-options .main p.change-pw {
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: .9rem;
    font-weight: 600;
    padding: 0 0 10px; }
    .page-account .main p.change-pw span,
    .page-investment-options .main p.change-pw span {
      color: #666;
      font-size: .7rem;
      font-weight: 400; }
  .page-account .main .mandates-rating,
  .page-account .main .mandates-rating-max,
  .page-investment-options .main .mandates-rating,
  .page-investment-options .main .mandates-rating-max {
    display: inline-block;
    vertical-align: middle;
    width: 48%; }
  .page-account .main .mandates-rating-max .input-holder,
  .page-investment-options .main .mandates-rating-max .input-holder {
    padding: 0; }
    .page-account .main .mandates-rating-max .input-holder input,
    .page-investment-options .main .mandates-rating-max .input-holder input {
      border: 1px solid #ccc;
      display: inline-block;
      margin: 0;
      max-width: 100px;
      width: 63%; }
    .page-account .main .mandates-rating-max .input-holder .prefix,
    .page-investment-options .main .mandates-rating-max .input-holder .prefix {
      display: inline-block;
      width: 35%; }
  .page-account .main .mandates-rating .main-score,
  .page-investment-options .main .mandates-rating .main-score {
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 0 7px;
    font-weight: 600; }
    .page-account .main .mandates-rating .main-score.score-a, .page-account .main .mandates-rating .main-score.score-b,
    .page-investment-options .main .mandates-rating .main-score.score-a,
    .page-investment-options .main .mandates-rating .main-score.score-b {
      background: #097a3f; }
    .page-account .main .mandates-rating .main-score.score-c, .page-account .main .mandates-rating .main-score.score-d,
    .page-investment-options .main .mandates-rating .main-score.score-c,
    .page-investment-options .main .mandates-rating .main-score.score-d {
      background: #eda406; }
    .page-account .main .mandates-rating .main-score.score-e, .page-account .main .mandates-rating .main-score.score-f,
    .page-investment-options .main .mandates-rating .main-score.score-e,
    .page-investment-options .main .mandates-rating .main-score.score-f {
      background: #d63131; }

@media screen and (min-width: 480px) {
  .page-account .main .fieldset label.block-small,
  .page-investment-options .main .fieldset label.block-small {
    display: inline-block;
    width: 40%; }
    .page-account .main .fieldset label.block-small + .input-holder,
    .page-investment-options .main .fieldset label.block-small + .input-holder {
      width: 58%; } }

@media screen and (min-width: 40.063em) {
  .page-account .main .fieldset label.block-small,
  .page-investment-options .main .fieldset label.block-small {
    display: block;
    width: 100%; }
    .page-account .main .fieldset label.block-small + .input-holder,
    .page-investment-options .main .fieldset label.block-small + .input-holder {
      width: 100%; }
  .page-account .main .mandates-rating .main-score,
  .page-investment-options .main .mandates-rating .main-score {
    margin: 8px 0 0; } }

@media screen and (min-width: 64.063em) {
  .page-account .main .table-header,
  .page-investment-options .main .table-header {
    padding: 0; }
  .page-account .main .fieldset .input-holder,
  .page-investment-options .main .fieldset .input-holder {
    max-width: none; } }

.main .table-row select.credit-rating-options.cr-ab {
  background: rgba(9, 122, 63, 0.1);
  border: 1px solid #097a3f; }

.main .table-row select.credit-rating-options.cr-cd {
  background: rgba(237, 164, 6, 0.1);
  border: 1px solid #eda406; }

.main .table-row select.credit-rating-options.cr-ef {
  background: rgba(214, 49, 49, 0.1);
  border: 1px solid #d63131; }

@media screen and (min-width: 40.063em) {
  .page-portfolio .main h1 a {
    display: inline-block;
    float: none;
    font-size: 0.8em;
    white-space: nowrap; }
    .page-portfolio .main h1 a:before {
      color: #999;
      content: "|";
      display: inline-block;
      font-size: .8rem;
      font-weight: 400;
      padding: 0 5px; } }

.page-portfolio .main #credit-rating .mandates-rating {
  display: inline-block;
  margin: 8px 2% 0 0;
  vertical-align: top;
  width: auto; }
  .page-portfolio .main #credit-rating .mandates-rating .main-score {
    margin: 0; }

.page-portfolio .main #credit-rating .desc {
  display: inline-block;
  margin: 8px 0 0;
  vertical-align: top;
  width: 80%; }

.page-portfolio .main .data-table-block {
  border-top: 0; }

.multiple-drag select {
  background: #fff;
  border: 1px solid #bbb; }
  .multiple-drag select:active, .multiple-drag select:focus {
    border: 1px solid #999; }
  .multiple-drag select option {
    cursor: pointer;
    font-size: 0.8rem !important;
    max-width: 100%;
    padding: 2px 6px;
    overflow: hidden; }
    .multiple-drag select option:active, .multiple-drag select option:checked, .multiple-drag select option:focus {
      background: #58af26;
      border: 0;
      border-top: 1px solid #fff;
      box-shadow: 0 0 10px 100px #58af26 inset;
      color: #fff !important;
      outline: 0; }
  @media screen and (min-width: 40.063em) {
    .multiple-drag select {
      height: 112px;
      width: -moz-calc(100% - 26px);
      width: -webkit-calc(100% - 26px);
      width: calc(100% - 26px); } }

.multiple-drag .select-multiple {
  margin: -10px 0 10px;
  text-align: center; }
  .multiple-drag .select-multiple a {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #666;
    display: inline-block;
    height: 26px;
    font-size: .9rem;
    line-height: 22px;
    margin: 3px;
    width: 26px; }
    .multiple-drag .select-multiple a:active, .multiple-drag .select-multiple a:focus, .multiple-drag .select-multiple a:hover {
      border: 1px solid #666;
      color: #000; }
  @media screen and (min-width: 40.063em) {
    .multiple-drag .select-multiple {
      margin: 0;
      position: absolute;
      right: -2px;
      top: 27px; }
      .multiple-drag .select-multiple a {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        display: block; } }

.page-mandates .main .asset-class-mandates-block .table-row {
  padding: 0; }
  .page-mandates .main .asset-class-mandates-block .table-row .main-form {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) inset;
    display: none;
    max-width: none;
    padding-top: 20px;
    width: 100%; }
    @media screen and (min-width: 64.063em) {
      .page-mandates .main .asset-class-mandates-block .table-row .main-form {
        padding-right: 100px; } }
    .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset {
      padding-bottom: 15px; }
      .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder,
      .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder,
      .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder {
        border: 0;
        border-radius: 2px;
        max-width: none;
        width: 58%; }
        @media screen and (min-width: 40.063em) {
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder.small,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder.small,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder.small {
            width: 36%; }
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder.medium,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder.medium,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder.medium {
            width: 42%; } }
        @media screen and (min-width: 64.063em) {
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder.small,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder.small,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder.small {
            width: 166px; } }
        @media screen and (min-width: 90.063em) {
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder.small,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder.small,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder.small {
            width: 199px; } }
        .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder input,
        .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder select,
        .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder input,
        .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder select,
        .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder input,
        .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder select {
          border: 1px solid #bbb;
          border-radius: 2px; }
        .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder.date-fields input[type="number"],
        .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder.date-fields input[type="number"],
        .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder.date-fields input[type="number"] {
          border-left: 1px dashed #bbb;
          margin-bottom: 0; }
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder.date-fields input[type="number"]:active, .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder.date-fields input[type="number"]:focus,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder.date-fields input[type="number"]:active,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder.date-fields input[type="number"]:focus,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder.date-fields input[type="number"]:active,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder.date-fields input[type="number"]:focus {
            border-color: #ccc; }
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .date-holder.date-fields input[type="number"]:first-child,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .input-holder.date-fields input[type="number"]:first-child,
          .page-mandates .main .asset-class-mandates-block .table-row .main-form .fieldset .select-holder.date-fields input[type="number"]:first-child {
            border-style: solid; }
  .page-mandates .main .asset-class-mandates-block .table-row .title2 {
    cursor: pointer;
    position: relative; }
    .page-mandates .main .asset-class-mandates-block .table-row .title2:after {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 7px solid rgba(0, 0, 0, 0.5);
      content: " ";
      display: block;
      height: 0;
      position: absolute;
      right: 19px;
      top: 19px; }
    .page-mandates .main .asset-class-mandates-block .table-row .title2 h3:before {
      background: #fff;
      border-radius: 50%;
      box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35) inset;
      color: #666;
      height: 24px;
      line-height: 24px;
      margin: 0 10px 0 0;
      text-align: center;
      width: 24px; }
    .page-mandates .main .asset-class-mandates-block .table-row .title2.selected:after {
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .page-mandates .main .asset-class-mandates-block .table-row .title2.selected + .main-form {
      display: block; }

.page-investment-options.page-mandates .main .fieldset .input-holder,
.page-investment-options.page-mandates .main .fieldset .select-holder,
.page-investment-options.page-mandates .main .fieldset .date-holder {
  max-width: none; }

.page-investment-options.page-mandates .main .table-row .fieldset .input-holder,
.page-investment-options.page-mandates .main .table-row .fieldset .select-holder,
.page-investment-options.page-mandates .main .table-row .fieldset .date-holder {
  margin: 0;
  max-width: 282px;
  width: 90%; }
  .page-investment-options.page-mandates .main .table-row .fieldset .input-holder.mini,
  .page-investment-options.page-mandates .main .table-row .fieldset .select-holder.mini,
  .page-investment-options.page-mandates .main .table-row .fieldset .date-holder.mini {
    max-width: 103px; }

.page-mandates .main .sub-section,
.page-portfolio .main .sub-section,
.page-history .main .sub-section {
  border-bottom: 0; }
  .page-mandates .main .sub-section a.button:last-child,
  .page-portfolio .main .sub-section a.button:last-child,
  .page-history .main .sub-section a.button:last-child {
    display: none; }
  .page-mandates .main .sub-section a.button:nth-child(2),
  .page-portfolio .main .sub-section a.button:nth-child(2),
  .page-history .main .sub-section a.button:nth-child(2) {
    margin-right: 0; }

.page-mandates .main .table-header h3,
.page-mandates .main .table-row h3,
.page-portfolio .main .table-header h3,
.page-portfolio .main .table-row h3,
.page-history .main .table-header h3,
.page-history .main .table-row h3 {
  margin: 0;
  padding: 0; }

.page-mandates .main .history-applications .table-row h3,
.page-portfolio .main .history-applications .table-row h3,
.page-history .main .history-applications .table-row h3 {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px; }

.page-mandates .main .history-applications .table-row p.date,
.page-portfolio .main .history-applications .table-row p.date,
.page-history .main .history-applications .table-row p.date {
  color: #000;
  font-weight: 600; }

@media screen and (min-width: 40.063em) {
  .page-mandates .main .history-applications .table-row h3,
  .page-portfolio .main .history-applications .table-row h3,
  .page-history .main .history-applications .table-row h3 {
    border-bottom: 0;
    padding-bottom: 0; }
  .page-mandates .main .sub-section a.button,
  .page-portfolio .main .sub-section a.button,
  .page-history .main .sub-section a.button {
    display: block;
    float: left;
    margin: 0 2% 0 0;
    padding: 10px 0;
    position: relative;
    white-space: nowrap;
    width: 32%; }
    .page-mandates .main .sub-section a.button:last-child,
    .page-portfolio .main .sub-section a.button:last-child,
    .page-history .main .sub-section a.button:last-child {
      display: inline-block; }
    .page-mandates .main .sub-section a.button:nth-child(2),
    .page-portfolio .main .sub-section a.button:nth-child(2),
    .page-history .main .sub-section a.button:nth-child(2) {
      margin-right: 2%; }
    .page-mandates .main .sub-section a.button:last-child,
    .page-portfolio .main .sub-section a.button:last-child,
    .page-history .main .sub-section a.button:last-child {
      margin-right: 0; } }

@media screen and (min-width: 40.063em) {
  .page-mandates-wizard .main h1 a,
  .page-wizard .main h1 a {
    display: inline-block;
    float: none;
    font-size: 0.8em;
    white-space: nowrap; }
    .page-mandates-wizard .main h1 a:before,
    .page-wizard .main h1 a:before {
      color: #999;
      content: "|";
      display: inline-block;
      font-size: .8rem;
      font-weight: 400;
      padding: 0 5px; } }

.page-mandates-wizard .main .alert-box:last-child::after,
.page-mandates-wizard .main .alert-box:only-child::after,
.page-wizard .main .alert-box:last-child::after,
.page-wizard .main .alert-box:only-child::after {
  display: none; }

.page-mandates-wizard .main .table-header > div,
.page-wizard .main .table-header > div {
  padding-left: .9375rem; }
  .page-mandates-wizard .main .table-header > div.npl,
  .page-wizard .main .table-header > div.npl {
    padding-left: 0.9375rem; }
    @media screen and (min-width: 40.063em) {
      .page-mandates-wizard .main .table-header > div.npl,
      .page-wizard .main .table-header > div.npl {
        padding-left: 24px; } }

.page-mandates-wizard .main .table-header > b + div,
.page-wizard .main .table-header > b + div {
  padding-left: 52px; }

.page-mandates-wizard .main .table-row,
.page-wizard .main .table-row {
  border-radius: 2px 2px 0 0;
  padding: 10px 0.9375rem; }

.page-mandates-wizard .main .credit-ratings .input-holder,
.page-mandates-wizard .main .credit-ratings .select-holder,
.page-wizard .main .credit-ratings .input-holder,
.page-wizard .main .credit-ratings .select-holder {
  margin: 0;
  width: 100%; }

.page-mandates-wizard .main .credit-ratings .row .row,
.page-wizard .main .credit-ratings .row .row {
  padding: 0 0.5rem;
  width: 100%; }

.page-mandates-wizard .main .sub-table-header,
.page-wizard .main .sub-table-header {
  background: #ccc;
  color: #000;
  font-weight: 600;
  padding: 10px 0; }
  .page-mandates-wizard .main .sub-table-header.table-row,
  .page-wizard .main .sub-table-header.table-row {
    padding: 10px 0.9375rem; }
  .page-mandates-wizard .main .sub-table-header span,
  .page-wizard .main .sub-table-header span {
    padding-left: 0.9375rem; }
  .page-mandates-wizard .main .sub-table-header b,
  .page-wizard .main .sub-table-header b {
    font-weight: inherit;
    display: none; }
    @media screen and (min-width: 480px) {
      .page-mandates-wizard .main .sub-table-header b,
      .page-wizard .main .sub-table-header b {
        display: inline-block; } }
  .page-mandates-wizard .main .sub-table-header.table-header,
  .page-wizard .main .sub-table-header.table-header {
    background: #999; }

.page-mandates-wizard .main .data-table-block,
.page-wizard .main .data-table-block {
  border-top: 0; }
  .page-mandates-wizard .main .data-table-block div .title .desc,
  .page-wizard .main .data-table-block div .title .desc {
    width: auto; }
    .page-mandates-wizard .main .data-table-block div .title .desc a.read-more,
    .page-wizard .main .data-table-block div .title .desc a.read-more {
      border-top: 1px dashed #999;
      display: block;
      margin-top: 15px;
      padding-top: 5px;
      width: 65px; }

.page-investment-options .message-filter .filter-options input[type="submit"],
.page-investment-options .message-filter .filter-options input[type="reset"] {
  max-width: none;
  width: 48%; }
  @media screen and (min-width: 40.063em) {
    .page-investment-options .message-filter .filter-options input[type="submit"],
    .page-investment-options .message-filter .filter-options input[type="reset"] {
      padding: 8px 15px;
      width: auto; } }

.page-investment-options .main .data-table-block .table-row.select-product {
  padding: 0; }
  .page-investment-options .main .data-table-block .table-row.select-product .check-me,
  .page-investment-options .main .data-table-block .table-row.select-product .check-me label {
    margin: 0; }
  .page-investment-options .main .data-table-block .table-row.select-product h3 {
    margin: 2px 0 10px;
    padding-right: 80px; }
    .page-investment-options .main .data-table-block .table-row.select-product h3.np {
      border: 0;
      margin-top: 0; }
  @media screen and (min-width: 40.063em) {
    .page-investment-options .main .data-table-block .table-row.select-product h3 {
      border-top: 0;
      margin-top: 0;
      padding-top: 10px;
      padding-right: 0; }
    .page-investment-options .main .data-table-block .table-row.select-product .title {
      width: 58%; }
      .page-investment-options .main .data-table-block .table-row.select-product .title .desc {
        width: auto; }
    .page-investment-options .main .data-table-block .table-row.select-product .options {
      display: inline-block;
      float: right;
      margin-top: 10px;
      width: 40%; }
      .page-investment-options .main .data-table-block .table-row.select-product .options.radio-input-holder {
        text-align: right; } }
  @media screen and (min-width: 64.063em) {
    .page-investment-options .main .data-table-block .table-row.select-product .title {
      width: 76%; }
    .page-investment-options .main .data-table-block .table-row.select-product .options {
      width: 22%; } }
  .page-investment-options .main .data-table-block .table-row.select-product.haslogo .title .desc {
    display: block;
    margin: 0 auto;
    width: 100%; }
  .page-investment-options .main .data-table-block .table-row.select-product.haslogo .title .logo {
    display: block;
    width: auto; }
  @media screen and (min-width: 64.063em) {
    .page-investment-options .main .data-table-block .table-row.select-product.haslogo .title {
      width: 76%; }
      .page-investment-options .main .data-table-block .table-row.select-product.haslogo .title .desc {
        display: inline-block;
        vertical-align: top;
        width: 68%; }
      .page-investment-options .main .data-table-block .table-row.select-product.haslogo .title .logo {
        display: inline-block;
        vertical-align: top;
        width: 30%; }
    .page-investment-options .main .data-table-block .table-row.select-product.haslogo .options {
      width: 22%; } }

.page-staff-members p.sort-me {
  font-size: .7rem;
  padding-right: 10px; }
  .page-staff-members p.sort-me strong {
    color: #333;
    display: inline-block;
    padding-right: 5px; }
    @media screen and (min-width: 40.063em) {
      .page-staff-members p.sort-me strong span {
        display: none; } }
    @media screen and (min-width: 64.063em) {
      .page-staff-members p.sort-me strong span {
        display: inline-block; } }
  @media screen and (min-width: 40.063em) {
    .page-staff-members p.sort-me span {
      padding-right: 10px; } }
  .page-staff-members p.sort-me a {
    background: #aaa;
    color: #fff;
    display: inline-block;
    padding: 0 5px; }
    .page-staff-members p.sort-me a.selected {
      background: #ff5400; }
    .page-staff-members p.sort-me a i {
      display: none; }

.page-staff-members .main .sub-section a.button,
.page-staff-members .main .sub-section a.button:last-child {
  background-color: #ff5400;
  float: none;
  max-width: 180px;
  width: 100%; }
  .page-staff-members .main .sub-section a.button:active, .page-staff-members .main .sub-section a.button:focus, .page-staff-members .main .sub-section a.button:hover,
  .page-staff-members .main .sub-section a.button:last-child:active,
  .page-staff-members .main .sub-section a.button:last-child:focus,
  .page-staff-members .main .sub-section a.button:last-child:hover {
    background-color: #ff5400; }

.page-staff-members .main ul.listings.roles .table-header {
  border-radius: 2px 2px 0 0;
  padding-left: 0; }

.page-staff-members .main ul.listings.roles li.listing {
  margin: -1px 0 0; }
  @media screen and (min-width: 64.063em) {
    .page-staff-members .main ul.listings.roles li.listing {
      border-bottom-width: 0;
      border-radius: 0;
      box-shadow: 0 1px 0 #fff inset;
      margin: 0; }
      .page-staff-members .main ul.listings.roles li.listing:last-child {
        border-bottom-width: 5px;
        border-radius: 0 0 2px 2px; } }
  .page-staff-members .main ul.listings.roles li.listing .actions {
    padding: 18px 0.9375rem; }
    .page-staff-members .main ul.listings.roles li.listing .actions a {
      background: #58af26;
      border: 0;
      border-radius: 2px;
      box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5) inset;
      color: #fff;
      display: inline-block;
      font-size: 1rem;
      height: 24px;
      line-height: 24px;
      margin-left: 5px;
      text-align: center;
      width: 24px; }
      .page-staff-members .main ul.listings.roles li.listing .actions a span {
        display: none; }
      .page-staff-members .main ul.listings.roles li.listing .actions a.delete {
        background: #bd1010; }
  .page-staff-members .main ul.listings.roles li.listing .member-roles {
    list-style: none;
    margin: 0;
    padding: 0 0 10px; }
    @media screen and (min-width: 64.063em) {
      .page-staff-members .main ul.listings.roles li.listing .member-roles {
        padding: 14px 0; } }
    .page-staff-members .main ul.listings.roles li.listing .member-roles li {
      font-size: .75rem;
      margin: 0;
      padding: 0 0.9375rem;
      white-space: nowrap; }
      @media screen and (min-width: 40.063em) {
        .page-staff-members .main ul.listings.roles li.listing .member-roles li {
          padding-left: 0; } }
      .page-staff-members .main ul.listings.roles li.listing .member-roles li strong {
        color: #333; }
  @media screen and (min-width: 64.063em) {
    .page-staff-members .main ul.listings.roles li.listing h2 + .member-roles {
      display: none; } }

.page-staff-members .main ul.listings.roles h2 {
  margin: 0;
  padding: 13px 0 6px 0.9375rem; }
  @media screen and (min-width: 40.063em) {
    .page-staff-members .main ul.listings.roles h2 {
      padding-left: 0; } }
  @media screen and (min-width: 64.063em) {
    .page-staff-members .main ul.listings.roles h2 {
      padding-left: 0.9375rem; } }

.page-staff-members .main ul.listings.roles .actions {
  border: 0;
  max-width: none; }
  @media screen and (min-width: 40.063em) {
    .page-staff-members .main ul.listings.roles .actions {
      padding: 9px 0 0; } }
  @media screen and (min-width: 64.063em) {
    .page-staff-members .main ul.listings.roles .actions {
      padding: 8px 0.9375rem 0 0; } }

.page-staff-members .main p.sortable-info {
  font-size: .8rem; }
  @media screen and (min-width: 40.063em) {
    .page-staff-members .main p.sortable-info {
      max-width: 95%; } }

.page-staff-members .main h2.sortable-header {
  margin: 0 0 5px;
  padding: 0; }

.page-staff-members .main .connectedSortable {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;
  height: 150px;
  list-style: none;
  margin: 0 0 20px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 10px; }
  @media screen and (min-width: 40.063em) {
    .page-staff-members .main .connectedSortable {
      height: 205px;
      padding: 5px;
      width: 95%; } }
  .page-staff-members .main .connectedSortable li {
    background: #075a8f;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    border-right: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: move;
    font-size: .8rem;
    margin: 0;
    max-width: 80%;
    padding: 5px 10px; }
    .page-staff-members .main .connectedSortable li:last-child {
      margin-bottom: 10px; }
    @media screen and (min-width: 40.063em) {
      .page-staff-members .main .connectedSortable li {
        max-width: none; }
        .page-staff-members .main .connectedSortable li:last-child {
          margin-bottom: 5px; } }
    .page-staff-members .main .connectedSortable li:active, .page-staff-members .main .connectedSortable li:focus {
      background-image: url(../images/hover2.png); }
    .page-staff-members .main .connectedSortable li:hover {
      background-image: url(../images/hover2.png); }

.page-facility-rules .main .documents-table {
  border: 0;
  top: -1px; }

.page-facility-rules .main .listings .listing {
  position: relative; }
  .page-facility-rules .main .listings .listing .status {
    width: 100px; }
  .page-facility-rules .main .listings .listing .main {
    border-top: 0;
    padding: 20px 0 !important; }
    @media screen and (min-width: 40.063em) {
      .page-facility-rules .main .listings .listing .main {
        background: rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.5) inset;
        padding: 15px !important; } }
  .page-facility-rules .main .listings .listing .facility-history {
    display: none;
    font-size: .8rem;
    list-style: none;
    margin: 0;
    padding: 0; }
    .page-facility-rules .main .listings .listing .facility-history li {
      background: #fff;
      border-top: 1px dashed #ccc;
      padding: 10px 0 0; }
  .page-facility-rules .main .listings .listing .funding-progress .progress {
    max-width: 320px; }
  .page-facility-rules .main .listings .listing .progress.in-use {
    background-color: #58af26;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#58af26), to(#43851d));
    background-image: -webkit-linear-gradient(top, #58af26, #43851d);
    background-image: -moz-linear-gradient(top, #58af26, #43851d);
    background-image: -ms-linear-gradient(top, #58af26, #43851d);
    background-image: -o-linear-gradient(top, #58af26, #43851d);
    background-image: linear-gradient(to bottom, #58af26, #43851d);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset; }
    .page-facility-rules .main .listings .listing .progress.in-use .meter {
      background-color: #bd1010;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#bd1010), to(#8e0c0c));
      background-image: -webkit-linear-gradient(top, #bd1010, #8e0c0c);
      background-image: -moz-linear-gradient(top, #bd1010, #8e0c0c);
      background-image: -ms-linear-gradient(top, #bd1010, #8e0c0c);
      background-image: -o-linear-gradient(top, #bd1010, #8e0c0c);
      background-image: linear-gradient(to bottom, #bd1010, #8e0c0c); }
  .page-facility-rules .main .listings .listing .view-facility-docs,
  .page-facility-rules .main .listings .listing .view-history {
    color: #3095d6;
    cursor: pointer;
    padding: 0 18px 0 0;
    position: relative; }
    .page-facility-rules .main .listings .listing .view-facility-docs:after,
    .page-facility-rules .main .listings .listing .view-history:after {
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid #999;
      content: ".";
      display: block;
      height: 0;
      overflow: hidden;
      position: absolute;
      right: 2px;
      text-indent: -999em;
      top: 7px;
      z-index: 5; }
    .page-facility-rules .main .listings .listing .view-facility-docs.open,
    .page-facility-rules .main .listings .listing .view-history.open {
      color: #444; }
      .page-facility-rules .main .listings .listing .view-facility-docs.open:after,
      .page-facility-rules .main .listings .listing .view-history.open:after {
        border-bottom: 5px solid #999;
        border-top: 0;
        top: 6px; }
  .page-facility-rules .main .listings .listing .view-history {
    border-left: 1px solid #999;
    padding: 0 18px 0 8px; }
  .page-facility-rules .main .listings .listing .history-notification {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 400;
    padding: 3px 0 12px;
    vertical-align: top;
    width: 60%; }
    @media screen and (min-width: 480px) {
      .page-facility-rules .main .listings .listing .history-notification {
        width: 75%; } }
    @media screen and (min-width: 40.063em) {
      .page-facility-rules .main .listings .listing .history-notification {
        width: 72%; } }
    @media screen and (min-width: 64.063em) {
      .page-facility-rules .main .listings .listing .history-notification {
        width: 82%; } }
  .page-facility-rules .main .listings .listing .facility-history .status {
    display: inline-block;
    vertical-align: top; }
  .page-facility-rules .main .listings .listing .facility-docs {
    display: none; }
  .page-facility-rules .main .listings .listing .documents-table {
    border-top: 1px solid #ccc;
    font-size: .8rem;
    margin: 0;
    top: auto; }
    .page-facility-rules .main .listings .listing .documents-table .data-table {
      margin: 0; }
      .page-facility-rules .main .listings .listing .documents-table .data-table .table-row:nth-child(2n) {
        background: #f8f8f8; }
        .page-facility-rules .main .listings .listing .documents-table .data-table .table-row:nth-child(2n) .uploaded-documents {
          background: #f8f8f8; }
  .page-facility-rules .main .listings .listing p {
    color: #666;
    display: block;
    font-size: 0.7rem;
    font-weight: 400;
    margin: 0;
    padding: 0; }
  .page-facility-rules .main .listings .listing .asset-class {
    border: 0;
    left: auto;
    right: 0.9375rem;
    top: 5px;
    width: 20px; }
    @media screen and (min-width: 40.063em) {
      .page-facility-rules .main .listings .listing .asset-class {
        right: 0; } }
    @media screen and (min-width: 64.063em) {
      .page-facility-rules .main .listings .listing .asset-class {
        left: 5px;
        top: 8px; } }
  .page-facility-rules .main .listings .listing .view-link {
    margin: 0; }
  .page-facility-rules .main .listings .listing .table-content {
    min-height: 1px;
    padding: 10px; }
    @media screen and (min-width: 40.063em) {
      .page-facility-rules .main .listings .listing .table-content {
        padding: 10px 0; } }
    @media screen and (min-width: 64.063em) {
      .page-facility-rules .main .listings .listing .table-content {
        padding: 10px 0 10px 20px; } }
    .page-facility-rules .main .listings .listing .table-content .funding-amount h3 {
      font-size: .8rem;
      margin-top: 10px; }
      @media screen and (min-width: 480px) {
        .page-facility-rules .main .listings .listing .table-content .funding-amount h3 {
          margin-top: 0;
          position: relative;
          right: auto;
          top: auto; } }
      .page-facility-rules .main .listings .listing .table-content .funding-amount h3:before {
        color: #666;
        content: "Limit";
        display: inline-block;
        font-size: 0.7rem;
        font-weight: 400;
        padding-right: 10px;
        position: relative;
        top: -1px;
        width: 55px; }
        @media screen and (min-width: 64.063em) {
          .page-facility-rules .main .listings .listing .table-content .funding-amount h3:before {
            width: auto; } }
    .page-facility-rules .main .listings .listing .table-content .purpose-of-finance p {
      margin-bottom: 5px;
      margin-top: 5px; }
      @media screen and (min-width: 480px) {
        .page-facility-rules .main .listings .listing .table-content .purpose-of-finance p {
          line-height: 21px;
          margin-bottom: 5px;
          margin-top: 5px;
          padding-right: 15px;
          position: absolute;
          right: 0;
          text-align: right;
          top: 25px;
          width: 50%; } }
      @media screen and (min-width: 40.063em) {
        .page-facility-rules .main .listings .listing .table-content .purpose-of-finance p {
          padding-right: 0; } }
      @media screen and (min-width: 64.063em) {
        .page-facility-rules .main .listings .listing .table-content .purpose-of-finance p {
          position: relative;
          right: auto;
          text-align: left;
          top: auto;
          width: auto; } }
    .page-facility-rules .main .listings .listing .table-content .funding-progress h3 {
      font-size: .8rem; }
      @media screen and (min-width: 480px) {
        .page-facility-rules .main .listings .listing .table-content .funding-progress h3 {
          margin-bottom: 30px;
          margin-top: 0; } }
      @media screen and (min-width: 64.063em) {
        .page-facility-rules .main .listings .listing .table-content .funding-progress h3 {
          margin-bottom: 10px; } }
      .page-facility-rules .main .listings .listing .table-content .funding-progress h3:before {
        color: #666;
        content: "Available";
        display: inline-block;
        font-size: 0.7rem;
        font-weight: 400;
        padding-right: 10px;
        position: relative;
        top: -1px;
        width: 55px; }
        @media screen and (min-width: 64.063em) {
          .page-facility-rules .main .listings .listing .table-content .funding-progress h3:before {
            width: auto; } }
    .page-facility-rules .main .listings .listing .table-content .funding-progress p {
      color: #666;
      font-size: 0.7rem; }
      .page-facility-rules .main .listings .listing .table-content .funding-progress p span {
        display: inline-block;
        width: 55px; }
        @media screen and (min-width: 64.063em) {
          .page-facility-rules .main .listings .listing .table-content .funding-progress p span {
            width: auto; } }

.page-settings .main .listing-section,
.page-new-settings .main .listing-section {
  background: #fff;
  margin-bottom: 20px;
  padding-bottom: 0; }
  @media screen and (min-width: 40.063em) {
    .page-settings .main .listing-section,
    .page-new-settings .main .listing-section {
      background: none; } }
  .page-settings .main .listing-section ul,
  .page-new-settings .main .listing-section ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .page-settings .main .listing-section ul li,
    .page-new-settings .main .listing-section ul li {
      font-size: .8rem; }
      .page-settings .main .listing-section ul li strong,
      .page-new-settings .main .listing-section ul li strong {
        color: #000;
        font-weight: 600;
        display: inline-block;
        vertical-align: top;
        width: 30%; }
      .page-settings .main .listing-section ul li span,
      .page-new-settings .main .listing-section ul li span {
        display: inline-block;
        vertical-align: top;
        width: 68%; }
  .page-settings .main .listing-section h2,
  .page-new-settings .main .listing-section h2 {
    margin: 0;
    padding: 10px 0.9375rem; }
  .page-settings .main .listing-section h3,
  .page-new-settings .main .listing-section h3 {
    display: none; }
  .page-settings .main .listing-section .accordion-header,
  .page-new-settings .main .listing-section .accordion-header {
    border-top: 1px solid #ccc;
    color: #000;
    display: block;
    font-weight: 600;
    padding: 10px 0.9375rem;
    position: relative; }
    .page-settings .main .listing-section .accordion-header:after,
    .page-new-settings .main .listing-section .accordion-header:after {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 7px solid #999;
      content: ".";
      display: block;
      height: 0;
      overflow: hidden;
      position: absolute;
      right: 10px;
      text-indent: -999em;
      top: 15px;
      z-index: 5; }
    .page-settings .main .listing-section .accordion-header.close:after,
    .page-new-settings .main .listing-section .accordion-header.close:after {
      border-bottom: 7px solid #999;
      border-top: 0;
      margin-top: -2px; }
  .page-settings .main .listing-section .list-items,
  .page-new-settings .main .listing-section .list-items {
    background: #eee;
    border-top: 1px dashed #999; }
    .page-settings .main .listing-section .list-items:last-child,
    .page-new-settings .main .listing-section .list-items:last-child {
      border-bottom: 0; }
    .page-settings .main .listing-section .list-items .check-me,
    .page-new-settings .main .listing-section .list-items .check-me {
      margin: 0; }
      .page-settings .main .listing-section .list-items .check-me label,
      .page-new-settings .main .listing-section .list-items .check-me label {
        margin: 0; }
      .page-settings .main .listing-section .list-items .check-me span,
      .page-new-settings .main .listing-section .list-items .check-me span {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

@media screen and (min-width: 40.063em) {
  .page-settings .main .check-me label span,
  .page-new-settings .main .check-me label span {
    min-width: 300px; }
  .page-settings .main .listing-section,
  .page-new-settings .main .listing-section {
    border: 0;
    margin-bottom: 0; }
    .page-settings .main .listing-section h2,
    .page-new-settings .main .listing-section h2 {
      padding-left: 0; }
    .page-settings .main .listing-section h3,
    .page-new-settings .main .listing-section h3 {
      background: #a0a0a0;
      color: #fff;
      display: block;
      font-size: .8rem;
      font-weight: 600;
      margin: 0;
      padding: 10px 0.9375rem; }
    .page-settings .main .listing-section .list-items,
    .page-new-settings .main .listing-section .list-items {
      border-top: 0;
      display: block !important;
      margin-bottom: 20px; }
      .page-settings .main .listing-section .list-items .data-table,
      .page-new-settings .main .listing-section .list-items .data-table {
        border: 1px solid #ccc;
        border-top: 0; } }

@media screen and (min-width: 64.063em) {
  .page-settings .main .column-block,
  .page-new-settings .main .column-block {
    display: inline-block;
    margin-right: 2%;
    vertical-align: top;
    width: 48.5%; }
    .page-settings .main .column-block:last-child,
    .page-new-settings .main .column-block:last-child {
      margin-right: 0; } }

.page-new-settings .main .listing-section ul li {
  padding-right: 70px;
  position: relative; }
  .page-new-settings .main .listing-section ul li span {
    font-size: .75rem;
    width: auto; }
  .page-new-settings .main .listing-section ul li .check-me label {
    background: rgba(160, 160, 160, 0.75);
    border-radius: 2px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #f6f6f6;
    display: block;
    height: 19px;
    position: absolute;
    text-align: center;
    top: 11px;
    width: 20px !important; }
    .page-new-settings .main .listing-section ul li .check-me label input {
      height: 19px;
      left: 0;
      width: 20px; }
    .page-new-settings .main .listing-section ul li .check-me label.checked {
      background: #58af26;
      box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3) inset;
      color: #fff; }
  .page-new-settings .main .listing-section ul li .check-me.email-check-me label, .page-new-settings .main .listing-section ul li .check-me.mobile-check-me label {
    right: 37px; }
    .page-new-settings .main .listing-section ul li .check-me.email-check-me label:before, .page-new-settings .main .listing-section ul li .check-me.mobile-check-me label:before {
      content: "E";
      display: block;
      font-size: .65rem !important;
      height: 19px;
      line-height: 19px;
      position: absolute;
      text-align: center;
      width: 20px; }
  .page-new-settings .main .listing-section ul li .check-me.mobile-check-me label {
    right: 10px; }
    .page-new-settings .main .listing-section ul li .check-me.mobile-check-me label:before {
      content: "M"; }

.page-new-settings .main ul.data-table.mastercb li {
  background: #d5d5d5;
  border-bottom: 1px solid #fff; }
  .page-new-settings .main ul.data-table.mastercb li span {
    color: #000; }
  .page-new-settings .main ul.data-table.mastercb li .check-me label.checked {
    background-color: #58af26;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
  @media screen and (min-width: 40.063em) {
    .page-new-settings .main ul.data-table.mastercb li {
      background: none;
      border: 0;
      padding: 0;
      top: -39px;
      z-index: 2; }
      .page-new-settings .main ul.data-table.mastercb li .check-me label {
        background: rgba(0, 0, 0, 0.2); } }

.page-lend-borrow .main .content-block h2.sub-step-heading,
.page-lend-borrow h2.sub-step-heading {
  left: -50px; }
  @media screen and (max-width: 40em) {
    .page-lend-borrow .main .content-block h2.sub-step-heading b,
    .page-lend-borrow h2.sub-step-heading b {
      display: none; } }

.page-lend-borrow header .button {
  margin: 5px 0 0; }
  @media screen and (min-width: 40.063em) {
    .page-lend-borrow header .button {
      margin: 0;
      position: absolute;
      right: 15px;
      top: 13px; } }

.page-lend-borrow.page-legals-docs .main .uploaded-documents {
  background: #eee; }
  .page-lend-borrow.page-legals-docs .main .uploaded-documents .doc {
    padding-left: 0; }

.page-lend-borrow .main {
  padding-top: 46px; }
  @media screen and (min-width: 40.063em) {
    .page-lend-borrow .main {
      padding-top: 0; } }
  .page-lend-borrow .main .main-content {
    background: #dadada;
    box-shadow: none;
    min-height: 1px; }
  .page-lend-borrow .main .button-group.verification-process a,
  .page-lend-borrow .main .button-group.verification-process input[type="submit"] {
    display: block;
    margin: 0 auto 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%; }
  @media screen and (min-width: 480px) {
    .page-lend-borrow .main .button-group.verification-process a,
    .page-lend-borrow .main .button-group.verification-process input[type="submit"] {
      float: left; }
      .page-lend-borrow .main .button-group.verification-process a.button,
      .page-lend-borrow .main .button-group.verification-process input[type="submit"].button {
        float: right;
        margin-left: 10px;
        width: auto; } }
  .page-lend-borrow .main .select-options a.button {
    display: block; }
  .page-lend-borrow .main .select-options h3 {
    font-size: .9rem;
    padding-left: 40px;
    position: relative; }
    .page-lend-borrow .main .select-options h3 span {
      background: #3095d6;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      height: 28px;
      left: 0;
      line-height: 28px;
      position: absolute;
      text-align: center;
      top: -4px;
      vertical-align: middle;
      width: 28px; }
    .page-lend-borrow .main .select-options h3 + .note {
      font-size: .8rem;
      margin: -5px 0 0 40px; }
  .page-lend-borrow .main .select-options .borrowing-section .content p,
  .page-lend-borrow .main .select-options .investing-section .content p {
    margin: 0;
    padding: 20px 0 10px; }
  @media screen and (min-width: 40.063em) {
    .page-lend-borrow .main .select-options .borrowing-section .content {
      padding-right: 20px; }
      .page-lend-borrow .main .select-options .borrowing-section .content p {
        font-size: 0.7rem;
        line-height: 1rem;
        margin: 0; }
    .page-lend-borrow .main .select-options .borrowing-section + .investing-section {
      border-left: 1px solid #ccc;
      padding-left: 20px; }
    .page-lend-borrow .main .select-options .investing-section .content p {
      font-size: 0.7rem;
      line-height: 1rem;
      margin: 0; } }

@media screen and (min-width: 40.063em) and (min-width: 64.063em) {
  .page-lend-borrow .main .select-options .borrowing-section .content p,
  .page-lend-borrow .main .select-options .investing-section .content p {
    min-height: 45px;
    padding: 0 0 10px; } }

.page-lend-borrow .modal-steps h3 {
  margin: 0 0 5px; }
  .page-lend-borrow .modal-steps h3 span {
    background: #3095d6;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 0 10px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 24px; }

.page-lend-borrow .modal-steps p {
  padding-right: 10px; }

.page-lend-borrow .main .vcard {
  border: 0;
  color: #ff5400;
  font-size: 8rem;
  left: 0;
  margin: 0 0 0 -10%;
  position: absolute;
  top: 0;
  z-index: 2; }
  .page-lend-borrow .main .vcard span {
    display: none; }
  .page-lend-borrow .main .vcard + .vcard {
    color: #58af26;
    margin: 0;
    top: 100px;
    z-index: 3; }

.page-lend-borrow.stick .main {
  padding-top: 46px; }
  @media screen and (min-width: 40.063em) {
    .page-lend-borrow.stick .main {
      padding-top: 0; } }

.page-lend-borrow.scheduled-maintenance .main {
  padding-top: 105px; }
  @media screen and (min-width: 40.063em) {
    .page-lend-borrow.scheduled-maintenance .main {
      padding-top: 0; } }

@media screen and (min-width: 40.063em) {
  .page-lend-borrow.scheduled-maintenance.stick .main {
    padding-top: 39px; } }

.page-lend-borrow.scheduled-maintenance.stick .maintenance-bar {
  top: 0; }

.page-lend-borrow.not-live .main {
  padding-top: 105px; }
  @media screen and (min-width: 40.063em) {
    .page-lend-borrow.not-live .main {
      padding-top: 0; } }

@media screen and (min-width: 40.063em) {
  .page-lend-borrow.not-live.stick .main {
    padding-top: 39px; } }

.page-lend-borrow.not-live.stick .not-live-bar {
  top: 0; }

#confirmation {
  max-width: 800px; }
  #confirmation table {
    background: none; }
    #confirmation table tr, #confirmation table tr:nth-of-type(2n) {
      background: none; }
      #confirmation table tr td, #confirmation table tr:nth-of-type(2n) td {
        display: inline-block;
        min-height: 55px;
        width: 49%; }
        @media screen and (min-width: 40.063em) {
          #confirmation table tr td, #confirmation table tr:nth-of-type(2n) td {
            display: table-cell;
            min-height: 37px;
            width: auto; } }
      #confirmation table tr.address-row td, #confirmation table tr:nth-of-type(2n).address-row td {
        display: block;
        width: 100%; }
        @media screen and (min-width: 40.063em) {
          #confirmation table tr.address-row td, #confirmation table tr:nth-of-type(2n).address-row td {
            display: table-cell;
            min-height: 37px;
            width: auto; } }
    #confirmation table tr:nth-child(2n) td {
      background: #fff; }

#aml-payment-container {
  background: #fff;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch; }
  #aml-payment-container iframe {
    padding: 10px; }
  #aml-payment-container.payment iframe {
    height: 600px; }
    @media screen and (min-width: 40.063em) {
      #aml-payment-container.payment iframe {
        height: 400px; } }
    @media screen and (min-width: 64.063em) {
      #aml-payment-container.payment iframe {
        height: 500px; } }

@media screen and (max-width: 479px) {
  .page-lend-borrow .main-form label.mfull + .input-holder,
  .page-lend-borrow .main-form label.mfull + .date-holder,
  .page-lend-borrow .main-form label.mfull + .select-holder,
  .page-lend-borrow .main-form label.mfull + .combo {
    width: 99%; } }

.page-invest .main .select-options h3,
.page-borrow .main .select-options h3 {
  padding-left: 0; }
  .page-invest .main .select-options h3 + .note,
  .page-borrow .main .select-options h3 + .note {
    margin-left: 0; }

.page-lend-borrow.page-invest .main .select-options .investing-section .content {
  border-left: 0;
  padding-left: 0; }

.content-block.collapse .row.collapse .columns {
  padding-left: 16px;
  padding-right: 16px; }

.page-iob .main .button-group input[type="button"],
.page-iob .main .button-group input[type="submit"] {
  line-height: 1;
  padding: 8px 15px; }

.page-iob .search-email .input-holder {
  position: relative; }

.page-iob .search-email .search-button {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0; }

.page-iob .related-parties-tabs {
  border-top: 0; }

.page-iob.page-new-application .main .application-detail {
  background: none; }

.page-iob .main .uploaded-documents.content-block {
  background: transparent; }

.page-iob .main .table-row {
  padding: 0; }
  .page-iob .main .table-row > div.show-for-small-only {
    padding: 0; }

@media screen and (min-width: 40.063em) {
  .page-iob .skinny > .row > .columns {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 75%; }
    .page-iob .skinny > .row > .columns > .explore-more:before {
      top: -14px; } }

.page-dashboard header.site-header .topbar h2 span {
  display: none; }

.page-dashboard hr.dashed {
  margin: 10px 0; }
  @media screen and (min-width: 40.063em) {
    .page-dashboard hr.dashed {
      margin: 10px 0 20px; } }

.page-dashboard .trading-date {
  color: #666;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  line-height: 36px;
  vertical-align: top;
  white-space: nowrap; }
  @media screen and (max-width: 40em) {
    .page-dashboard .trading-date {
      position: absolute;
      right: 0.9375rem;
      top: 7px; } }
  @media screen and (min-width: 40.063em) {
    .page-dashboard .trading-date {
      float: right;
      margin-left: 10px; } }
  @media screen and (min-width: 64.063em) {
    .page-dashboard .trading-date {
      font-size: .7rem; }
      .page-dashboard .trading-date span {
        padding-left: 5px; } }
  .page-dashboard .trading-date span {
    color: #ff5501;
    font-size: .7rem;
    font-weight: 400; }

.page-dashboard .main .main-content {
  min-height: 1px; }

.page-dashboard .dashboard-toolbar {
  padding: 10px 0;
  position: relative; }
  @media screen and (min-width: 40.063em) {
    .page-dashboard .dashboard-toolbar {
      padding: 0 0 10px; } }
  .page-dashboard .dashboard-toolbar .fieldset {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: top; }
    @media screen and (max-width: 40em) {
      .page-dashboard .dashboard-toolbar .fieldset {
        width: 72%; } }
    .page-dashboard .dashboard-toolbar .fieldset .select-holder {
      border: 0; }
      @media screen and (min-width: 40.063em) {
        .page-dashboard .dashboard-toolbar .fieldset .select-holder {
          background: #dedede;
          margin: 0; } }
      .page-dashboard .dashboard-toolbar .fieldset .select-holder:active, .page-dashboard .dashboard-toolbar .fieldset .select-holder:focus {
        border: 0; }
      .page-dashboard .dashboard-toolbar .fieldset .select-holder select {
        box-shadow: 1px 1px 1px #999 inset; }
  .page-dashboard .dashboard-toolbar .service-links {
    display: none;
    padding: 0 0 0 5px;
    vertical-align: top; }
    @media screen and (min-width: 40.063em) {
      .page-dashboard .dashboard-toolbar .service-links {
        display: inline-block; } }
    .page-dashboard .dashboard-toolbar .service-links a {
      border-bottom: 1px solid #3095d6;
      display: inline-block;
      font-size: .75rem;
      line-height: 1;
      margin: 0 22px 0 0;
      padding-top: 11px;
      position: relative;
      text-decoration: none;
      white-space: nowrap; }
      .page-dashboard .dashboard-toolbar .service-links a:active, .page-dashboard .dashboard-toolbar .service-links a:focus, .page-dashboard .dashboard-toolbar .service-links a:hover {
        border: 0;
        color: #000; }
      .page-dashboard .dashboard-toolbar .service-links a:before {
        border: 0;
        color: #777;
        margin: 0;
        position: absolute;
        right: -16px;
        top: 12px; }
  .page-dashboard .dashboard-toolbar a.refreshdb,
  .page-dashboard .dashboard-toolbar a.cselect,
  .page-dashboard .dashboard-toolbar a.widget-trigger {
    background: #5b7c8f;
    border: 1px solid #5b7c8f;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #fff;
    display: inline-block;
    font-size: .7rem;
    margin: 5px 5px 5px 0;
    padding: 4px 10px 4px 22px;
    position: relative;
    vertical-align: top; }
    .page-dashboard .dashboard-toolbar a.refreshdb i,
    .page-dashboard .dashboard-toolbar a.cselect i,
    .page-dashboard .dashboard-toolbar a.widget-trigger i {
      left: 4px;
      position: absolute; }
    .page-dashboard .dashboard-toolbar a.refreshdb:active, .page-dashboard .dashboard-toolbar a.refreshdb:focus, .page-dashboard .dashboard-toolbar a.refreshdb:hover,
    .page-dashboard .dashboard-toolbar a.cselect:active,
    .page-dashboard .dashboard-toolbar a.cselect:focus,
    .page-dashboard .dashboard-toolbar a.cselect:hover,
    .page-dashboard .dashboard-toolbar a.widget-trigger:active,
    .page-dashboard .dashboard-toolbar a.widget-trigger:focus,
    .page-dashboard .dashboard-toolbar a.widget-trigger:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
    .page-dashboard .dashboard-toolbar a.refreshdb.reloading i,
    .page-dashboard .dashboard-toolbar a.cselect.reloading i,
    .page-dashboard .dashboard-toolbar a.widget-trigger.reloading i {
      -webkit-animation: spin 1s infinite linear;
      -moz-animation: spin 1s infinite linear;
      animation: spin 1s infinite linear; }
  .page-dashboard .dashboard-toolbar a.cselect {
    background: #36454e;
    border: 1px solid #36454e;
    display: none; }
    @media screen and (min-width: 40.063em) {
      .page-dashboard .dashboard-toolbar a.cselect {
        display: inline-block; } }
  .page-dashboard .dashboard-toolbar a.widget-trigger {
    background: #075a8f;
    border: 1px solid #075a8f;
    /*i {
                display: block;
                height: 16px;
                left: auto;
                position: absolute;
                right: 10px;
                top: 5px;
                width: 16px;
                &:before {
                    border-left: 1px solid rgba(255, 255, 255, 0.5);
                    content: " ";
                    display: block;
                    height: 17px;
                    width: 1px;
                }
                &:after {
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-top: 6px solid rgba(255, 255, 255, 0.5);
                    content: " ";
                    display: block;
                    height: 0;
                    overflow: hidden;
                    position: absolute;
                    right: -1px;
                    text-indent: -999em;
                    top: 6px;
                    width: 0;
                }
            }
            &.open {
                i:after {
                    -ms-transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
                    top: 5px;
                }
            }*/ }
  .page-dashboard .dashboard-toolbar .widget-holder {
    display: inline-block;
    position: relative; }
    .page-dashboard .dashboard-toolbar .widget-holder .widget-list {
      display: none; }

.dashboard-toolbar .togglem,
.dashboard-toolbar .layout,
.dashboard-toolbar .widget-sorting,
.dashboard-toolbar .savem {
  background: #36454e;
  border: 1px solid #36454e;
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: .8rem;
  height: 28px;
  line-height: 22px;
  margin: 5px 0 5px 5px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 28px; }
  .dashboard-toolbar .togglem:before,
  .dashboard-toolbar .layout:before,
  .dashboard-toolbar .widget-sorting:before,
  .dashboard-toolbar .savem:before {
    color: #fff;
    content: "-";
    display: block;
    font-size: 1.5rem;
    font-weight: 600; }
  .dashboard-toolbar .togglem.open:before,
  .dashboard-toolbar .layout.open:before,
  .dashboard-toolbar .widget-sorting.open:before,
  .dashboard-toolbar .savem.open:before {
    content: "+";
    font-size: 1.3rem;
    line-height: 24px; }

.dashboard-toolbar .togglem:before {
  content: '\e808';
  font-size: 1.1rem;
  font-weight: 400;
  margin: 4px 0 0 4px; }

.dashboard-toolbar .togglem.open:before {
  content: '\e805';
  font-size: 1.1rem;
  margin: 2px 0 0 5px; }

.dashboard-toolbar .savem {
  background: #ff5400;
  border: 1px solid #ff5400; }
  .dashboard-toolbar .savem.disabled {
    background: #aaa !important;
    border: 1px solid #aaa;
    color: #fff;
    opacity: 1;
    text-shadow: none; }
  .dashboard-toolbar .savem span {
    display: none; }
  @media screen and (min-width: 64.063em) {
    .dashboard-toolbar .savem {
      width: auto; }
      .dashboard-toolbar .savem span {
        color: #fff;
        display: inline-block;
        font-size: .7rem;
        margin: 2px 5px 2px 0;
        text-align: center;
        vertical-align: top;
        width: 102px; } }
  .dashboard-toolbar .savem:before {
    content: '\e847';
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 400;
    margin: 4px 0 0; }
    @media screen and (min-width: 64.063em) {
      .dashboard-toolbar .savem:before {
        margin: 4px 0 0 4px; } }
  .dashboard-toolbar .savem.wait {
    pointer-events: none; }
    .dashboard-toolbar .savem.wait:before {
      content: '\e83f';
      font-size: 0.7rem;
      margin: 8px 2px 0 1px;
      -webkit-animation: spin 1s infinite linear;
      -moz-animation: spin 1s infinite linear;
      animation: spin 1s infinite linear; }
      @media screen and (min-width: 64.063em) {
        .dashboard-toolbar .savem.wait:before {
          margin: 8px 2px 0 8px; } }

.dashboard-toolbar .layout {
  display: none; }
  @media screen and (min-width: 64.063em) {
    .dashboard-toolbar .layout {
      display: inline-block; } }
  .dashboard-toolbar .layout:before {
    left: -4px;
    position: relative;
    top: 2px; }
  .dashboard-toolbar .layout.c2:before {
    content: '\e840'; }
  .dashboard-toolbar .layout.c3:before {
    content: '\e841';
    left: -4px; }
  .dashboard-toolbar .layout.c4:before {
    content: '\e842';
    left: -4px; }

.dashboard-toolbar .widget-sorting {
  display: none;
  background: #58af26;
  border: 1px solid #58af26; }
  @media screen and (min-width: 64.063em) {
    .dashboard-toolbar .widget-sorting {
      display: inline-block; } }
  .dashboard-toolbar .widget-sorting:before {
    content: '\f047';
    font-size: 0.9rem;
    font-weight: 400;
    left: 3px;
    position: relative;
    top: 6px; }
  .dashboard-toolbar .widget-sorting.no-drag {
    background: #b0b0b0;
    border-color: #b0b0b0; }

.select-customer-list {
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #fff;
  padding: 0.9375rem; }
  .select-customer-list .input-holder {
    margin: 0 0 2px;
    position: relative; }
    .select-customer-list .input-holder input {
      box-shadow: 1px 1px 1px #999 inset;
      margin: 0; }
    .select-customer-list .input-holder:before {
      color: #999;
      position: absolute;
      right: 8px;
      top: 12px; }

.grid {
  margin-left: -5px;
  padding: 5px 0 20px;
  position: relative;
  width: calc(100% + 10px);
  width: -moz-calc(100% + 10px);
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px); }
  @media screen and (min-width: 64.063em) {
    .grid {
      margin-top: -5px;
      padding-top: 0; } }

.drag-column.dragula-container,
.drag-column.no-drag {
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  display: inline-block;
  min-height: 52px;
  position: relative;
  vertical-align: top;
  width: 100%; }
  @media screen and (min-width: 40.063em) {
    .drag-column.dragula-container,
    .drag-column.no-drag {
      width: 50%; } }
  .drag-column.dragula-container:before,
  .drag-column.no-drag:before {
    background: #fff;
    border: 1px dashed #ccc;
    color: #aaa;
    content: "Drag widget here";
    display: block;
    font-size: 0.7rem;
    height: 42px;
    left: 5px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px); }

@media screen and (min-width: 40.063em) {
  .drag-column.dragula-container {
    margin: 0 0 -50px;
    min-height: 100px;
    padding: 0 0 50px; } }

.drag-column.dragula-container .widget {
  cursor: move; }

@media screen and (min-width: 64.063em) {
  .grid.show2 .drag-column.dragula-container,
  .grid.show2 .drag-column.no-drag {
    width: 50%; } }

@media screen and (min-width: 64.063em) {
  .grid.show3 .drag-column.dragula-container,
  .grid.show3 .drag-column.no-drag {
    width: 33.33%; } }

@media screen and (min-width: 64.063em) {
  .grid.show4 .drag-column.dragula-container,
  .grid.show4 .drag-column.no-drag {
    width: 25%; } }

.grid-item {
  margin: 5px; }
  .grid-item .widget {
    background: #fff;
    border: 1px solid #cfcdcd;
    border-bottom-width: 5px;
    border-radius: 2px;
    box-shadow: 0 1px 0 #fff inset;
    padding: 10px;
    position: relative; }
    .grid-item .widget .select-holder,
    .grid-item .widget .input-holder input[type="text"] {
      background: #eee; }
    @media screen and (min-width: 40.063em) {
      .grid-item .widget {
        background: #eee; }
        .grid-item .widget .select-holder,
        .grid-item .widget .input-holder input[type="text"] {
          background: #fff; } }
    @media screen and (min-width: 40.063em) {
      .grid-item .widget:hover {
        background: #e7e7e7; } }
    .grid-item .widget .content.offset {
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1; }
  .grid-item + .grid-item {
    margin-top: 10px; }
  .grid-item .widget input[type="text"] {
    box-shadow: 1px 1px 0 #b2b2b2 inset, -1px -1px 0 #ddd inset; }

.grid-item.is-dragging .content,
.grid-item.is-positioning-post-drag .content {
  background: #e5e5e5; }

.grid-item.is-dragging,
.grid-item.is-positioning-post-drag {
  z-index: 3; }

.packery-drop-placeholder {
  outline: 2px dashed #83caf7;
  outline-offset: -4px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s; }

iframe.content {
  background: url(../images/ajax-loader2w.gif) no-repeat center center;
  min-height: 200px; }

.widget a:not(.button) {
  text-decoration: underline; }
  .widget a:not(.button):hover {
    text-decoration: none; }

.widget a.button {
  font-size: 0.72rem;
  margin: 0;
  padding: 6px 10px 5px; }

.widget .button-set a.button {
  display: inline-block;
  width: 48%; }
  .widget .button-set a.button:last-child {
    float: right; }

.widget .actionbar {
  cursor: move;
  margin: 0; }
  .widget .actionbar a {
    text-decoration: none;
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none; }
  .widget .actionbar h2, .widget .actionbar .h2 {
    color: #075a8f;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    width: calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px); }
    .widget .actionbar h2 span > a, .widget .actionbar .h2 span > a {
      padding: 0 2px; }
  .widget .actionbar h2 {
    line-height: 1.2; }
  .widget .actionbar a.refreshdb,
  .widget .actionbar a.pinned {
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    color: #999;
    display: block;
    float: right;
    height: 18px;
    line-height: 1;
    margin: 2px 0 0 5px;
    text-align: center;
    width: 18px; }
    .widget .actionbar a.refreshdb i,
    .widget .actionbar a.pinned i {
      color: #999;
      display: block;
      font-size: .75rem; }
    .widget .actionbar a.refreshdb.reloading i,
    .widget .actionbar a.pinned.reloading i {
      -webkit-animation: spin 1s infinite linear;
      -moz-animation: spin 1s infinite linear;
      animation: spin 1s infinite linear; }
  .widget .actionbar a.refreshdb i {
    display: block;
    height: 18px;
    line-height: 16px;
    margin: -1px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 18px; }
  .widget .actionbar a.toggle,
  .widget .actionbar a.remove {
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    background: #bdbebe;
    border-radius: 2px;
    border-top: 1px solid #9e9b9b;
    border-left: 1px solid #9e9b9b;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    float: right;
    height: 18px;
    line-height: 15px;
    margin-left: 5px;
    text-align: center;
    width: 18px;
    z-index: 2; }
    .widget .actionbar a.toggle:before,
    .widget .actionbar a.remove:before {
      color: #fff;
      content: "-";
      display: block;
      font-size: 1.5rem;
      font-weight: 600; }
  .widget .actionbar a.remove:before {
    content: "+";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg); }
  .widget .actionbar a.toggle {
    line-height: 12px;
    right: 36px; }
    .widget .actionbar a.toggle:before {
      content: '\e808';
      font-size: 0.9rem;
      font-weight: 400;
      margin: 0 0 0 1px; }
    .widget .actionbar a.toggle.open:before {
      content: '\e805';
      margin: 1px 0 0 1px; }
  .widget .actionbar a.pinned:before {
    content: '\e83d';
    cursor: default;
    font-size: 0.9rem;
    font-weight: 400;
    margin: 0 0 0 1px; }

.grid-item .content a.show-chart {
  background: #bbb;
  border: 1px solid #bbb;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 0.8rem;
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 5px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 13px;
  width: 30px; }
  .grid-item .content a.show-chart:hover {
    background: #999;
    border: 1px solid #aaa; }
  .grid-item .content a.show-chart.active {
    background: #3095d6;
    border: 1px solid #3095d6;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #fff; }

.grid-item .h2 b {
  cursor: pointer; }

.grid-item .h2 .history {
  display: inline-block; }

.grid-item .h2 .icon-clock {
  color: #333;
  font-size: 1rem; }
  .grid-item .h2 .icon-clock:before {
    border-radius: 50%;
    left: -5px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px; }

@media screen and (min-width: 40.063em) {
  .grid-item.half-grid {
    display: inline-block;
    width: calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    width: calc(50% - 5px); }
    .grid-item.half-grid + .half-grid {
      float: right; }
    .grid-item.half-grid .widget ul.investment-summary,
    .grid-item.half-grid .widget ul.application-summary {
      display: block;
      float: none; }
      .grid-item.half-grid .widget ul.investment-summary li,
      .grid-item.half-grid .widget ul.application-summary li {
        padding: 0 5px; }
        .grid-item.half-grid .widget ul.investment-summary li p.value,
        .grid-item.half-grid .widget ul.application-summary li p.value {
          font-size: .8rem; } }

.drag-column.no-drag .widget .actionbar {
  cursor: default; }

.widget .iconlink {
  margin-top: 10px;
  padding-left: 32px;
  position: relative; }
  .widget .iconlink:before {
    color: #9d9d9d;
    font-size: 1.2rem;
    left: 0;
    position: absolute; }
  .widget .iconlink.icon-dollar:before {
    background: #9d9d9d;
    border-radius: 50%;
    color: #fff;
    font-size: .9rem;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px; }

.widget .content {
  margin-top: 15px;
  position: relative; }
  .widget .content .darkbox {
    background: #5b7c8f;
    border-radius: 2px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25) inset;
    color: #fff;
    margin: 10px 0 0;
    padding: 10px; }
    .widget .content .darkbox ol li {
      border: 0;
      padding: 5px 0; }
  .widget .content .graph {
    background: none; }
  .widget .content .graph ul.legend[data-pie-id] li::before,
  .widget .content .graph ul.legend[data-bar-id] li::before {
    top: 4px; }
  .widget .content h2.diversification {
    font-size: .8rem;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
    .widget .content h2.diversification span {
      opacity: .5; }
    .widget .content h2.diversification a {
      text-decoration: none; }

.widget .content {
  font-size: .75rem; }

.widget .content p {
  font-size: .75rem; }
  .widget .content p.total {
    border-top: 1px dashed #999;
    margin: 5px 0 0;
    padding: 10px 0 0;
    width: 98%; }
    .widget .content p.total span {
      float: right; }

.widget .content h3 {
  font-size: .8rem; }

.widget .select-holder,
.widget .input-holder {
  box-shadow: 1px 1px 0 #b2b2b2 inset; }

.widget hr {
  margin: 0; }

.widget ul, .widget ol {
  list-style: none;
  margin: 0;
  padding: 0; }
  .widget ul li, .widget ol li {
    font-size: 0.75rem;
    line-height: 1.1rem;
    margin: 0;
    position: relative; }

.widget h2 span.qty {
  color: #bd1010;
  display: inline-block;
  font-size: .7rem;
  font-weight: 400;
  padding: 0 2px; }

.grid-item .note-widget {
  background-color: #f5edc4;
  border-color: #e6d77e; }
  .grid-item .note-widget:hover {
    background-color: #f5edc4; }
  .grid-item .note-widget h2, .grid-item .note-widget .h2 {
    color: #333; }
    .grid-item .note-widget h2 span, .grid-item .note-widget .h2 span {
      color: #666;
      font-size: .7rem;
      font-weight: 400; }
      .grid-item .note-widget h2 span a, .grid-item .note-widget .h2 span a {
        color: #3095d6; }
  .grid-item .note-widget .actionbar a.remove,
  .grid-item .note-widget .actionbar a.toggle {
    background-color: #d2cba7;
    border-top: 1px solid #b9b28d;
    border-left: 1px solid #b9b28d;
    border-bottom: 1px solid #e4dcb3;
    border-right: 1px solid #e4dcb3; }
  .grid-item .note-widget .actionbar a.refreshdb,
  .grid-item .note-widget .actionbar a.pinned {
    color: #7b7763; }
  .grid-item .note-widget .actionbar a.pinned {
    cursor: default; }
  .grid-item .note-widget ul li, .grid-item .note-widget ol li {
    margin: 0 0 5px;
    padding-left: 16px; }
    .grid-item .note-widget ul li a:before, .grid-item .note-widget ol li a:before {
      color: #666;
      display: block;
      font-size: 0.9rem;
      left: -2px;
      margin: 0;
      position: absolute;
      text-decoration: none;
      top: 2px; }

.page-dashboard ul.investment-summary li,
.page-dashboard ul.application-summary li {
  display: inline-block;
  padding: 0 0 10px;
  vertical-align: top;
  width: 49%; }
  .page-dashboard ul.investment-summary li h3,
  .page-dashboard ul.application-summary li h3 {
    color: #666;
    font-size: .7rem;
    font-weight: 400;
    margin: 0; }
  .page-dashboard ul.investment-summary li p.value,
  .page-dashboard ul.application-summary li p.value {
    color: #ff5400;
    font-size: .9rem;
    font-weight: 600;
    margin: 0; }
    .page-dashboard ul.investment-summary li p.value span,
    .page-dashboard ul.application-summary li p.value span {
      color: #333;
      font-size: .6rem;
      font-weight: 400;
      line-height: 1;
      white-space: nowrap; }

@media screen and (min-width: 40.063em) {
  .page-dashboard ul.investment-summary li,
  .page-dashboard ul.application-summary li {
    border-right: 1px dotted #999;
    margin: 0 0 10px;
    padding: 0 15px;
    width: auto; }
    .page-dashboard ul.investment-summary li:first-child,
    .page-dashboard ul.application-summary li:first-child {
      padding-left: 0; }
    .page-dashboard ul.investment-summary li:last-child,
    .page-dashboard ul.application-summary li:last-child {
      border: 0; } }

@media screen and (min-width: 64.063em) {
  .page-dashboard ul.investment-summary,
  .page-dashboard ul.application-summary {
    float: right; } }

.db-messages h3 {
  color: #000;
  font-size: .8rem;
  margin: 0; }

.db-black {
  color: #000;
  white-space: nowrap; }

.db-orange {
  color: #ff4800;
  white-space: nowrap; }

.db-blue {
  color: #075a8f;
  white-space: nowrap; }

.widget .check-list li {
  padding: 0 0 .8rem; }

.widget .db-check {
  border-bottom: 1px solid #fff;
  box-shadow: 0 -1px 0 #d2d2d2 inset; }
  .widget .db-check input {
    height: 18px;
    position: absolute;
    visibility: hidden;
    width: 18px; }
  .widget .db-check label {
    color: #666;
    font-size: 0.7rem;
    padding-left: 25px;
    position: relative;
    text-decoration: none; }
    .widget .db-check label:before {
      background: #cfcece;
      border-radius: 2px;
      border-bottom: 1px solid #cfcece;
      border-left: 1px solid #a9a9a9;
      border-right: 1px solid #cfcece;
      border-top: 1px solid #a9a9a9;
      color: #cfcece;
      content: '\e809';
      display: block;
      height: 18px;
      left: 0;
      line-height: 16px;
      margin: 0;
      position: absolute;
      top: 0;
      vertical-align: middle;
      width: 18px; }
    .widget .db-check label:hover {
      color: #333; }
    .widget .db-check label.checked:before, .widget .db-check label.checked:hover:before {
      background: #58af26;
      border: 1px solid #58af26;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
      color: #fff; }

.widget .content .report-summary {
  background: #5b7c8f;
  border-radius: 2px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25) inset;
  color: #fff;
  display: none;
  margin: 10px 0 0;
  padding: 10px;
  position: relative; }
  .widget .content .report-summary.generated {
    display: block; }
  .widget .content .report-summary h3 {
    color: #fff;
    font-size: .75rem;
    font-weight: 400;
    margin: 0 0 10px; }
  .widget .content .report-summary p.value {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 0; }
  .widget .content .report-summary a.show-details {
    bottom: 10px;
    color: #fff;
    position: absolute;
    right: 10px; }

.col2-list a, .col2-list span, .col2-list i {
  display: inline-block;
  font-style: normal;
  vertical-align: top;
  width: 48.5%; }

.col2-list span {
  text-align: right;
  vertical-align: top; }

.db-messages li,
.col2-list li {
  border-bottom: 1px solid #d2d2d2;
  border-top: 1px solid #fff;
  margin: 0;
  padding: 10px 0; }
  .db-messages li p,
  .col2-list li p {
    margin: 0;
    padding: 0; }

.db-messages li:first-child,
.col2-list li:first-child {
  border-top: 0; }

.db-messages li:last-child,
.col2-list li:last-child {
  border-bottom: 0; }

.db-view-all {
  font-size: .7rem;
  left: 15px;
  position: relative; }
  .db-view-all:before {
    color: #999;
    content: "...";
    font-size: 0.8rem;
    left: -15px;
    line-height: 1;
    position: absolute;
    top: 0; }

.widgets-list {
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  background: #36454e;
  color: #fff;
  height: 100%;
  left: -280px;
  margin: 0;
  padding: 10px;
  position: fixed;
  top: 0;
  width: 280px;
  z-index: 1002; }
  .widgets-list.move {
    box-shadow: 2px 0 2px rgba(0, 0, 0, 0.5); }
  .widgets-list .widget-container {
    height: -moz-calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    padding: 10px 20px 20px;
    position: relative; }
    .widgets-list .widget-container hr {
      background: rgba(255, 255, 255, 0.25);
      box-shadow: none;
      margin: 10px 0 20px; }
    .widgets-list .widget-container h2 {
      color: #f5edc4;
      cursor: pointer;
      font-size: 0.9rem;
      height: 30px;
      margin: 0;
      padding: 0 0 0 26px;
      position: relative; }
      .widgets-list .widget-container h2.disabled {
        cursor: default;
        pointer-events: none; }
        .widgets-list .widget-container h2.disabled + ul {
          display: block !important; }
      .widgets-list .widget-container h2.in-widgets:before, .widgets-list .widget-container h2.br-widgets:before {
        background: rgba(0, 0, 0, 0.35);
        border-radius: 2px;
        box-shadow: -1px -1px 0 rgba(255, 255, 255, 0.15) inset, 1px 1px 0 rgba(0, 0, 0, 0.25) inset;
        color: #fff;
        content: "In";
        display: block;
        font-size: 0.6rem;
        font-weight: 600;
        height: 20px;
        left: 0;
        line-height: 17px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 20px; }
      .widgets-list .widget-container h2.br-widgets:before {
        content: "Br"; }
    .widgets-list .widget-container ul {
      display: none;
      max-height: -moz-calc(100% - 90px);
      max-height: -webkit-calc(100% - 90px);
      max-height: calc(100% - 90px);
      margin: 20px 0;
      overflow-x: hidden;
      overflow-y: hidden;
      width: -moz-calc(100% + 20px);
      width: -webkit-calc(100% + 20px);
      width: calc(100% + 20px); }
  .widgets-list:before {
    /*border-bottom: 7px solid #2b363d;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: ".";
        display: block;
        height: 0;
        left: 11px;
        overflow: hidden;
        position: absolute;
        text-indent: -999em;
        top: -7px;*/ }
  .widgets-list .close {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 2px 4px;
    box-shadow: -1px -1px 0 rgba(255, 255, 255, 0.15) inset, 1px 1px 0 rgba(0, 0, 0, 0.25) inset;
    color: #fff;
    font-size: 0.7rem;
    height: 21px;
    line-height: 20px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 8px;
    transition: none 0s ease 0s;
    width: 21px;
    z-index: 1001; }
    .widgets-list .close:hover {
      height: 25px;
      line-height: 23px;
      right: 6px;
      top: 6px;
      width: 25px; }
  .widgets-list a.button {
    font-size: 0.72rem;
    margin: 0;
    padding: 6px 10px 5px;
    width: 80%; }
    @media screen and (min-width: 480px) {
      .widgets-list a.button {
        width: auto; } }
  .widgets-list .add-widgets {
    background: rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    bottom: 0;
    left: -10px;
    padding: 20px;
    position: relative;
    text-align: center;
    width: -moz-calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px); }
  .widgets-list ul.widgets-check {
    list-style: none;
    margin: 0;
    padding: 0; }
    .widgets-list ul.widgets-check li {
      padding: 0 0 15px; }
    .widgets-list ul.widgets-check input {
      height: 18px;
      position: absolute;
      visibility: hidden;
      width: 18px; }
    .widgets-list ul.widgets-check label {
      color: #ccc;
      font-size: 0.75rem;
      padding-left: 25px;
      position: relative;
      text-decoration: none; }
      .widgets-list ul.widgets-check label:before {
        background: #4a5860;
        border-radius: 2px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 1px solid rgba(0, 0, 0, 0.5);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        border-top: 1px solid rgba(0, 0, 0, 0.5);
        color: #4a5860;
        content: '\e809';
        display: block;
        height: 18px;
        left: 0;
        line-height: 16px;
        margin: 0;
        position: absolute;
        top: 0;
        vertical-align: middle;
        width: 18px; }
      .widgets-list ul.widgets-check label:hover {
        color: #fff; }
      .widgets-list ul.widgets-check label.checked:before, .widgets-list ul.widgets-check label.checked:hover:before {
        background: #58af26;
        border: 1px solid #58af26;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
        color: #fff; }
  .widgets-list.single .widget-container h2 {
    pointer-events: none; }
  .widgets-list.single .widget-container ul {
    display: block !important;
    max-height: -moz-calc(100% - 20px);
    max-height: -webkit-calc(100% - 20px);
    max-height: calc(100% - 20px); }
  .widgets-list.single hr {
    display: none; }

.widget.investor-widget .actionbar,
.widget.borrower-widget .actionbar {
  padding-left: 10px;
  position: relative; }
  .widget.investor-widget .actionbar:after,
  .widget.borrower-widget .actionbar:after {
    border-left: 5px solid transparent;
    border-top: 5px solid #e0400a;
    content: " ";
    display: block;
    height: 0;
    left: -16px;
    position: absolute;
    top: 17px;
    width: 0; }
  .widget.investor-widget .actionbar:before,
  .widget.borrower-widget .actionbar:before {
    background: #e0400a;
    border-radius: 2px 2px 2px 0;
    color: #fff;
    content: "In";
    display: block;
    font-size: 0.6rem;
    font-weight: 600;
    height: 18px;
    left: -16px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 18px; }

.widget.borrower-widget .actionbar:after {
  border-top: 5px solid #1a3b69; }

.widget.borrower-widget .actionbar:before {
  background: #1a3b69;
  content: "Br"; }

.widget.investor-widget:hover .actionbar:after {
  border-top: 5px solid #e0400a; }

.widget.investor-widget:hover .actionbar:before {
  background: #e0400a; }

.widget.borrower-widget:hover .actionbar:after {
  border-top: 5px solid #1a3b69; }

.widget.borrower-widget:hover .actionbar:before {
  background: #1a3b69; }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8; }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }
  .gu-transit:after {
    background: rgba(255, 255, 255, 0.5);
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .gu-transit .widget.investor-widget .actionbar,
  .gu-transit .widget.borrower-widget .actionbar {
    padding-left: 0; }
    .gu-transit .widget.investor-widget .actionbar:after, .gu-transit .widget.investor-widget .actionbar:before,
    .gu-transit .widget.borrower-widget .actionbar:after,
    .gu-transit .widget.borrower-widget .actionbar:before {
      display: none; }

.chart-container {
  padding: 0 0 80px; }
  .chart-container.offset {
    left: -1000px;
    position: absolute;
    top: -1000px;
    width: 100%; }

.ct-line {
  stroke-width: 2px; }

.ct-series-a .ct-line {
  stroke: #fcb441; }

.ct-series-b .ct-line {
  stroke: #e0400a; }

.ct-series-c .ct-line {
  stroke: #056492; }

g[class^='ct-series ct-series-'] .ct-point {
  stroke: transparent;
  stroke-linecap: round;
  stroke-width: 5px; }

.chart-container:hover .ct-series-a .ct-point {
  stroke: #fcb441; }

.chart-container:hover .ct-series-b .ct-point {
  stroke: #e0400a; }

.chart-container:hover .ct-series-c .ct-point {
  stroke: #056492; }

.chartist-tooltip {
  background: #ffffa3;
  border: 1px solid #f1d031;
  border-radius: 2px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  color: #555;
  display: inline-block;
  line-height: 1rem;
  min-width: 5em;
  opacity: 0;
  padding: 5px 9px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  z-index: 1;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear; }
  .chartist-tooltip:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #ffffa3;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    top: 100%;
    width: 0; }

.chartist-tooltip.tooltip-show {
  opacity: 1; }

.ct-area, .ct-line {
  pointer-events: none; }

.ct-legend {
  bottom: -80px;
  left: 0;
  position: absolute;
  z-index: 2; }
  @media screen and (min-width: 64.063em) {
    .ct-legend {
      white-space: nowrap; } }
  .ct-legend li {
    cursor: pointer;
    display: block;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
    padding-left: 23px; }
    .ct-legend li:before {
      background: #58af26;
      border: 1px solid #58af26;
      border-radius: 2px;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
      color: #fff;
      content: '\e809';
      display: block;
      height: 18px;
      left: 0;
      line-height: 16px;
      margin: 0;
      position: absolute;
      top: 0;
      vertical-align: middle;
      width: 18px; }
    .ct-legend li.ct-series-0:before {
      background: #fcb441;
      border: 1px solid #fcb441; }
    .ct-legend li.ct-series-1:before {
      background: #e0400a;
      border: 1px solid #e0400a; }
    .ct-legend li.ct-series-2:before {
      background: #056492;
      border: 1px solid #056492; }
    .ct-legend li.inactive:before {
      background: #cfcece;
      border-bottom: 1px solid #cfcece;
      border-left: 1px solid #a9a9a9;
      border-right: 1px solid #cfcece;
      border-top: 1px solid #a9a9a9;
      color: #cfcece;
      content: ' '; }

footer.site-footer {
  bottom: 0;
  color: rgba(255, 255, 255, 0.5);
  padding: 20px 0;
  text-align: center;
  width: 100%;
  z-index: 1; }
  footer.site-footer p.copy {
    font-size: .75rem; }
  footer.site-footer a {
    color: rgba(255, 255, 255, 0.8);
    font-size: .8rem;
    font-weight: 600; }
    footer.site-footer a:active, footer.site-footer a:focus, footer.site-footer a:hover {
      color: #fff; }
  footer.site-footer ul {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: .75rem;
    margin-bottom: 20px; }
    footer.site-footer ul li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      footer.site-footer ul li a {
        display: block;
        padding: 5px; }
  footer.site-footer .powered {
    font-size: .6rem; }
    footer.site-footer .powered img {
      background: rgba(0, 0, 0, 1e-05);
      display: block;
      margin: 5px auto;
      max-width: 120px;
      opacity: .6;
      transform: rotate(0.0001deg); }
  @media screen and (min-width: 40.063em) {
    footer.site-footer {
      height: 118px;
      padding: 0;
      text-align: left; }
      footer.site-footer a {
        color: rgba(255, 255, 255, 0.5);
        font-size: .75rem;
        font-weight: 400; }
        footer.site-footer a:active, footer.site-footer a:focus, footer.site-footer a:hover {
          color: #fff; }
      footer.site-footer ul {
        border: 0;
        margin: 0; }
        footer.site-footer ul li {
          border: 0;
          display: inline-block; }
          footer.site-footer ul li:after {
            content: "|"; }
          footer.site-footer ul li:last-child:after {
            content: ""; }
          footer.site-footer ul li a {
            display: inline-block;
            padding: 0 5px; }
      footer.site-footer .powered {
        float: right;
        margin-right: 40px;
        padding-top: 32px;
        width: 150px; }
        footer.site-footer .powered span {
          display: block; }
        footer.site-footer .powered img {
          display: block;
          margin: 5px 0; } }
  @media screen and (min-width: 64.063em) {
    footer.site-footer {
      position: fixed; }
      footer.site-footer .powered {
        margin-right: 0; } }

@media screen and (min-width: 40.063em) {
  footer.site-footer p.copy {
    display: inline-block;
    margin: 0;
    padding: 42px 20px 8px;
    vertical-align: top;
    width: 42%; }
  footer.site-footer nav {
    display: inline-block;
    margin: 0;
    padding: 42px 0 8px;
    vertical-align: top;
    width: 50%; } }

@media screen and (min-width: 64.063em) {
  footer.site-footer p.copy {
    padding: 50px 20px 8px;
    width: 35%; }
  footer.site-footer nav {
    padding: 50px 0 8px;
    width: 50%; } }

@media print {
  body {
    line-height: 16px !important; }
  .columns {
    float: none !important; }
  .shell {
    margin: -2cm 0 0 !important; }
  .main-content {
    padding: 0 !important; }
  .hide {
    display: block !important; }
  h1, h2, h3 {
    margin: 10px 0 !important;
    padding: 0 !important; }
  #bidding-history,
  #bidding-history2 {
    padding-top: 20px; }
  a[href^="javascript:"]:after,
  a[href^="#"]:after,
  a[href=""]:after {
    content: ""; }
  .no-print,
  .screen-reader-text,
  header,
  footer,
  .side-menu,
  .menu-toggler,
  .breadcrumbs,
  #toTop,
  .action-bar,
  .page-messages .msg-actions,
  .page-nav,
  .pagination-centered,
  .pagination,
  .archive-function,
  .message-filter,
  .accordion-header::before,
  .transaction-table-header,
  .transfer-buttons,
  .view-statements,
  .page-funds-account .collapsable-div.transactions .sub-list-box .sub-list-item a .view,
  .page-auction-detail .main .auction-details-section .place-bid-section,
  .print-section,
  .listing .asset-class,
  .page-auction-detail .main .watchlist,
  .progress,
  #place-bid,
  .ask-question,
  .container .show-for-small-only,
  a.view-all-bids,
  .view-full-profile,
  .page-auction-detail .main .questions .ask-question,
  .page-auction-detail .main .bidding-history-section h2 span,
  .notifications span::before,
  ul.table-header,
  .table-row a.trigger,
  .main .data-table .table-header,
  .faq-aside,
  .prefix,
  .postfix,
  .page-new-application .main .sub-cta,
  .page-login .topbar,
  .page-lend-borrow .main .vcard,
  .page-lend-borrow .main .select-options h3 span,
  .bc-holder {
    display: none !important; }
  .alert-box,
  input,
  select,
  textarea {
    border-width: 2px !important; }
  tr.list-items {
    display: table-row !important; }
  svg, img {
    max-width: 50% !important; }
  p {
    margin: 5px 0 !important; }
  .message-list {
    border: 0 !important; }
    .message-list li {
      border: 0 !important;
      padding: 0 !important; }
  .graph ul.legend[data-pie-id] li,
  .graph ul.legend[data-bar-id] li {
    padding: 0 !important; }
    .graph ul.legend[data-pie-id] li:before,
    .graph ul.legend[data-bar-id] li:before {
      display: none !important; }
    .graph ul.legend[data-pie-id] li span i,
    .graph ul.legend[data-bar-id] li span i {
      float: none;
      padding-left: 10px; }
  .page-funds-account .collapsable-div.transactions .sub-list-box {
    display: block !important; }
  .uploaded-documents {
    display: block !important; }
    .uploaded-documents a:before {
      display: none !important; }
  .page-lend-borrow .main .select-options h3 {
    padding-left: 0; }
  .page-auction-detail .main .listing-section .listing-content {
    padding: 5px 0 !important; }
  .page-auction-detail .main .bidding-history-section table.data-table tr,
  .page-auction-detail .main .bidding-history-section table.data-table th:nth-child(4),
  .page-auction-detail .main .bidding-history-section table.data-table th:last-child,
  .page-auction-detail .main .bidding-history-section table.data-table td:nth-child(4),
  .page-auction-detail .main .bidding-history-section table.data-table td:last-child {
    display: table-row !important; }
  .page-auction-detail .main .auction-details-section .progress-block {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important; }
  .add-panel {
    padding: 10px 0 !important; }
    .add-panel .listing-content {
      padding: 0 0 20px !important; }
  .page-auction-detail .main .add-panel .main-score {
    float: none !important; }
  .page-auction-detail .main .auction-details-section .block {
    margin: 0 0 20px !important; }
  .check-me label span,
  .remember label span,
  .show-password label span,
  .radio-input-holder label span {
    font-size: 14px !important;
    margin-top: -45px !important; }
  .check-me label input,
  .remember label input,
  .show-password label input,
  .radio-input-holder label input {
    display: inline-block !important;
    height: auto !important;
    position: relative !important;
    visibility: visible !important;
    width: auto !important; }
  .page-help .main .data-holder .question {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .button {
    border: 2px solid #666; } }

@media screen and (min-width: 40.063em) {
  .page-browse-listings a.show-advanced {
    float: right;
    text-align: right;
    width: auto; } }

.search-form {
  display: none !important; }

html {
  overflow-x: hidden; }

body {
  background: #50504f;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: .825rem;
  height: 100%;
  line-height: 1.4em; }

.shell {
  background: #e0e0e0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
  color: #666;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 40.063em) {
    .shell {
      background: #f8f8f8; } }
  @media screen and (min-width: 64.063em) {
    .shell {
      margin-bottom: 118px; } }

.loading {
  background: rgba(0, 0, 0, 0.9);
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1000; }
  .loading .wrapper {
    height: 70px;
    left: 50%;
    margin: -35px 0 0 -100px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px;
    z-index: 1001; }
    .loading .wrapper span {
      color: rgba(255, 255, 255, 0.6);
      display: block;
      font-size: .8rem;
      font-weight: 600;
      margin: 10px auto;
      white-space: nowrap; }

form .row .row .column,
form .row .row .columns {
  padding: 0 0.9375rem; }

@media screen and (min-width: 40.063em) {
  form .row.medium-collapse > .column,
  form .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; } }

.maintenance-bar,
.no-js-bar,
.not-live-bar {
  background: #f1edbf;
  color: #333;
  display: none;
  font-size: .75rem;
  line-height: 1rem;
  padding: 10px 0;
  text-align: center;
  width: 100%; }
  .maintenance-bar p,
  .no-js-bar p,
  .not-live-bar p {
    font-weight: 600;
    margin: 0;
    padding: 0; }
    .maintenance-bar p span,
    .no-js-bar p span,
    .not-live-bar p span {
      display: block; }
  @media screen and (min-width: 40.063em) {
    .maintenance-bar p span,
    .no-js-bar p span,
    .not-live-bar p span {
      display: inline-block; } }

.no-js-bar {
  background: #e14242;
  color: #fff; }

.not-live-bar {
  background: #f2f1e1;
  border-bottom: 1px dashed #bd1010;
  color: #bd1010; }
  .not-live-bar p {
    font-size: 0.8rem; }

.scheduled-maintenance .maintenance-bar {
  display: block; }
  .scheduled-maintenance .maintenance-bar b {
    background: #bd1010;
    border-radius: 2px;
    color: #fff;
    display: none;
    font-size: 0.65rem;
    font-weight: 400;
    margin-right: 5px;
    padding: 2px 8px;
    text-transform: uppercase; }

.scheduled-maintenance.not-live .not-live-bar {
  display: none; }

.scheduled-maintenance.not-live .maintenance-bar b {
  display: inline-block; }
  @media screen and (max-width: 479px) {
    .scheduled-maintenance.not-live .maintenance-bar b {
      display: block;
      margin: 0 auto 2px;
      max-width: 150px; } }

.not-live .not-live-bar {
  display: block; }

.page-login.not-live,
.page-register.not-live,
.page-solo.not-live {
  padding-top: 57px; }
  .page-login.not-live .not-live-bar,
  .page-register.not-live .not-live-bar,
  .page-solo.not-live .not-live-bar {
    display: block;
    position: fixed;
    top: 0;
    z-index: 3; }
  .page-login.not-live .maintenance-bar,
  .page-register.not-live .maintenance-bar,
  .page-solo.not-live .maintenance-bar {
    display: none; }
  @media screen and (min-width: 40.063em) {
    .page-login.not-live,
    .page-register.not-live,
    .page-solo.not-live {
      padding-top: 40px; } }

.page-login.scheduled-maintenance,
.page-register.scheduled-maintenance,
.page-solo.scheduled-maintenance {
  padding-top: 57px; }
  .page-login.scheduled-maintenance .maintenance-bar,
  .page-register.scheduled-maintenance .maintenance-bar,
  .page-solo.scheduled-maintenance .maintenance-bar {
    display: block;
    position: fixed;
    top: 0;
    z-index: 3; }
  .page-login.scheduled-maintenance .not-live-bar,
  .page-register.scheduled-maintenance .not-live-bar,
  .page-solo.scheduled-maintenance .not-live-bar {
    display: none; }
  @media screen and (min-width: 40.063em) {
    .page-login.scheduled-maintenance,
    .page-register.scheduled-maintenance,
    .page-solo.scheduled-maintenance {
      padding-top: 40px; } }

.page-login.not-live,
.page-register.not-live,
.page-solo.not-live {
  padding-top: 57px; }
  .page-login.not-live .maintenance-bar,
  .page-register.not-live .maintenance-bar,
  .page-solo.not-live .maintenance-bar {
    display: none; }
  .page-login.not-live.scheduled-maintenance,
  .page-register.not-live.scheduled-maintenance,
  .page-solo.not-live.scheduled-maintenance {
    padding-top: 75px; }
    .page-login.not-live.scheduled-maintenance .maintenance-bar,
    .page-register.not-live.scheduled-maintenance .maintenance-bar,
    .page-solo.not-live.scheduled-maintenance .maintenance-bar {
      display: block; }
    .page-login.not-live.scheduled-maintenance .not-live-bar,
    .page-register.not-live.scheduled-maintenance .not-live-bar,
    .page-solo.not-live.scheduled-maintenance .not-live-bar {
      display: none; }

.page-login.not-live,
.page-register.not-live,
.page-solo.not-live {
  padding-top: 40px; }

.page-solo.not-live {
  padding-top: 40px; }

.page-solo.scheduled-maintenance {
  padding-top: 57px; }
  @media screen and (min-width: 40.063em) {
    .page-solo.scheduled-maintenance {
      padding-top: 40px; } }
  @media screen and (min-width: 40.063em) {
    .page-solo.scheduled-maintenance.not-live {
      padding-top: 40px; } }
  .page-solo.scheduled-maintenance.not-live .main {
    padding-top: 0; }

.no-js .page-login.scheduled-maintenance, .no-js .page-login.not-live,
.no-js .page-register.scheduled-maintenance,
.no-js .page-register.not-live,
.no-js .page-solo.scheduled-maintenance,
.no-js .page-solo.not-live {
  padding-top: 0; }
  @media screen and (min-width: 40.063em) {
    .no-js .page-login.scheduled-maintenance, .no-js .page-login.not-live,
    .no-js .page-register.scheduled-maintenance,
    .no-js .page-register.not-live,
    .no-js .page-solo.scheduled-maintenance,
    .no-js .page-solo.not-live {
      padding-top: 0; } }
  .no-js .page-login.scheduled-maintenance .maintenance-bar,
  .no-js .page-login.scheduled-maintenance .not-live-bar, .no-js .page-login.not-live .maintenance-bar,
  .no-js .page-login.not-live .not-live-bar,
  .no-js .page-register.scheduled-maintenance .maintenance-bar,
  .no-js .page-register.scheduled-maintenance .not-live-bar,
  .no-js .page-register.not-live .maintenance-bar,
  .no-js .page-register.not-live .not-live-bar,
  .no-js .page-solo.scheduled-maintenance .maintenance-bar,
  .no-js .page-solo.scheduled-maintenance .not-live-bar,
  .no-js .page-solo.not-live .maintenance-bar,
  .no-js .page-solo.not-live .not-live-bar {
    display: none; }

.no-js .page-login.scheduled-maintenance.not-live .maintenance-bar,
.no-js .page-register.scheduled-maintenance.not-live .maintenance-bar,
.no-js .page-solo.scheduled-maintenance.not-live .maintenance-bar {
  display: block; }

.no-js .page-login.scheduled-maintenance.not-live .maintenance-bar b,
.no-js .page-register.scheduled-maintenance.not-live .maintenance-bar b,
.no-js .page-solo.scheduled-maintenance.not-live .maintenance-bar b {
  display: inline-block; }

.reveal-modal h2 {
  color: #075a8f;
  font-size: 1rem;
  margin: 0 0 20px; }

.reveal-modal h3 {
  color: #000;
  font-size: .9rem;
  margin: 0 0 20px; }
