/* Legacy */
.pageWidthSetter {
  padding-right: 30px;
  padding-left: 30px;
  margin: auto;
  min-width: 1000px;
  max-width: 1200px;
}
body.runtimeMobile .pageWidthSetter {
  min-width: 0;
  padding-right: 15px;
  padding-left: 15px;
}

body.runtimeDesktop .hideOnDesktop {
  display: none;
}

body.runtimeMobile .hideOnMobile {
  display: none;
}
/* Legacy */
a {
  text-decoration: none;
}
a:not(.buttonText) {
  outline: none;
}

.hyperlink {
  cursor: pointer;
  text-decoration: underline;
}

.underline,
.underlineOnHover:hover {
  text-decoration: underline;
}

/* `a` without a `href` doesn't have the right cursor */
a, .clickable {
  cursor: pointer;
}

.hidden {
  display: none;
}

.notVisible {
  visibility: hidden;
}

.pageBody, .pageBody * {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

ul.square {
  list-style-type: square;
}

.rAlign {
  text-align: right;
}

* {
  background-repeat: no-repeat;
}

/* http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css */
.inputPlaceholder {
  color: #ccc;
  font-style: italic;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-style: italic;
}

:-moz-placeholder {
  color: #ccc;
  font-style: italic;
}

::-moz-placeholder {
  color: #ccc;
  font-style: italic;
}

:-ms-input-placeholder {
  color: #ccc;
  font-style: italic;
}

.camelcase {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.dotSeparator {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  height: 14px;
  font-size: 30px;
  line-height: 8px;
}

.truncatedText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

iframe {
  margin: 0;
  border: 0;
}
iframe.hiddenIframe {
  display: none;
  height: 0;
  width: 0;
}

.strikeThrough {
  text-decoration: line-through;
}

h1 {
  margin: 0;
}

h2 {
  margin: 0;
}

.inputLabel {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #606472;
  text-transform: uppercase;
}
td, th, textarea, input, select, a {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

body {
  font-family: "Lato", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.nFontWeight {
  font-weight: normal;
}

.bold, b, strong, .bFontWeight, th {
  font-weight: bold;
}

.semiBold {
  font-weight: 500;
  font-style: normal;
}
.semiBold.preferBold {
  font-weight: 700;
}

.lightFontWeight {
  font-weight: 300;
}

.styleItalic {
  font-style: italic;
}

.upperCase {
  text-transform: uppercase;
}

.runtimeDesktop input[type=button], .runtimeDesktop input[type=submit] {
  font-size: 12px;
}
.runtimeDesktop .biggerFont {
  font-size: 19px;
}
.runtimeDesktop .biggestFont {
  font-size: 22px;
}
.runtimeDesktop .bigFont {
  font-size: 17px;
}
.runtimeDesktop, .runtimeDesktop .regularFont {
  font-size: 15px;
}
.runtimeDesktop .smallFont {
  font-size: 14px;
}
.runtimeDesktop .smallerFont {
  font-size: 13px;
}
.runtimeDesktop .smallestFont {
  font-size: 12px;
}
@media only screen and (max-width: 1000px) {
  .runtimeDesktop .biggestFont {
    font-size: 21px;
  }
  .runtimeDesktop .biggerFont {
    font-size: 18px;
  }
  .runtimeDesktop .bigFont {
    font-size: 16px;
  }
  .runtimeDesktop, .runtimeDesktop .regularFont {
    font-size: 14px;
  }
  .runtimeDesktop .smallFont {
    font-size: 13px;
  }
  .runtimeDesktop .smallerFont {
    font-size: 12px;
  }
  .runtimeDesktop .smallestFont {
    font-size: 11px;
  }
}

.runtimeMobile .biggestFont {
  font-size: 22px;
}
.runtimeMobile .biggerFont {
  font-size: 19px;
}
.runtimeMobile .bigFont {
  font-size: 17px;
}
.runtimeMobile, .runtimeMobile .regularFont {
  font-size: 16px;
}
.runtimeMobile .smallFont {
  font-size: 14px;
}
.runtimeMobile .smallerFont {
  font-size: 13px;
}
.runtimeMobile .smallestFont {
  font-size: 12px;
}
.runtimeMobile input[type=button], .runtimeMobile input[type=submit] {
  font-size: 12px;
}

.fixedWidthFont, .codeBlock {
  font-family: Courier New, Helvetica Neue, Helvetica, Arial, sans-serif;
}
body,
form,
textarea,
input[type=text],
input[type=password],
select {
  margin: 0;
}

form {
  padding: 0;
}

p, div.p {
  padding: 5px 0px 8px;
}

ul, ol {
  margin: 5px 0px 0px;
}

ul li, ol li {
  padding: 0px 2px 5px 0px;
}

ol.noIndent, ul.noIndent {
  padding-left: 20px;
  margin-left: 0;
}

.tPadding {
  padding-top: 5px;
}

.ttPadding {
  padding-top: 10px;
}

.tttPadding {
  padding-top: 15px;
}

.ttttPadding {
  padding-top: 20px;
}

.zMargin {
  margin: 0;
}

table.izPadding td, .zPadding {
  padding: 0;
}

.ztMargin {
  margin-top: 0px;
}

.zlMargin {
  margin-left: 0px;
}

.stMargin {
  margin-top: 2px;
}

.tMargin {
  margin-top: 5px;
}

.ttMargin {
  margin-top: 10px;
}

.tttMargin {
  margin-top: 15px;
}

.ttttMargin {
  margin-top: 20px;
}

.zbMargin {
  margin-bottom: 0px;
}

.bMargin {
  margin-bottom: 5px;
}

.bbMargin {
  margin-bottom: 10px;
}

.bbbMargin {
  margin-bottom: 15px;
}

.bbbbMargin {
  margin-bottom: 20px;
}

.bPadding {
  padding-bottom: 5px;
}

.bbPadding {
  padding-bottom: 10px;
}

.bbbPadding {
  padding-bottom: 15px;
}

.tMargin {
  margin-top: 5px;
}

.ttMargin {
  margin-top: 10px;
}

.vMargin {
  margin: 5px 0px;
}

.vvMargin {
  margin: 10px 0px;
}

.hMargin {
  margin-left: 5px;
  margin-right: 5px;
}

.hhMargin {
  margin-left: 10px;
  margin-right: 10px;
}

.hhhMargin {
  margin-left: 15px;
  margin-right: 15px;
}

.vvvMargin {
  margin-top: 15px;
  margin-bottom: 15px;
}

.vPadding {
  padding-top: 5px;
  padding-bottom: 5px;
}

.vvPadding {
  padding-top: 10px;
  padding-bottom: 10px;
}

.vvvPadding {
  padding-top: 15px;
  padding-bottom: 15px;
}

.hPadding {
  padding-right: 5px;
  padding-left: 5px;
}

.hhPadding {
  padding-right: 10px;
  padding-left: 10px;
}

.hhhPadding {
  padding-right: 15px;
  padding-left: 15px;
}

.lPadding {
  padding-left: 5px;
}

.llPadding {
  padding-left: 10px;
}

.lllPadding {
  padding-left: 15px;
}

.llllPadding {
  padding-left: 20px;
}

.rPadding {
  padding-right: 5px;
}

.rbPadding {
  padding-right: 5px;
  padding-bottom: 5px;
}

.rrPadding {
  padding-right: 10px;
}

.rrrPadding {
  padding-right: 15px;
}

.rrrrPadding {
  padding-right: 20px;
}

.lMargin, .lM {
  margin-left: 5px;
}

.vMargin {
  margin-top: 5px;
  margin-bottom: 5px;
}

.llMargin {
  margin-left: 10px;
}

.lllMargin {
  margin-left: 15px;
}

.llllMargin {
  margin-left: 20px;
}

.rMargin {
  margin-right: 5px;
}

.rrMargin {
  margin-right: 10px;
}

.rrrMargin {
  margin-right: 15px;
}

.rrrrMargin {
  margin-right: 20px;
}

.aMargin {
  margin: 5px;
}

.aaMargin {
  margin: 10px;
}

.aaaMargin {
  margin: 15px;
}

.aPadding {
  padding: 5px;
}

.aaPadding {
  padding: 10px;
}

.aaaPadding {
  padding: 15px;
}

.bigTPadding {
  padding-top: 30px;
}

.bigBPadding {
  padding-bottom: 30px;
}

.bigRPadding {
  padding-right: 30px;
}

.bigLPadding {
  padding-left: 30px;
}

.bigTMargin {
  margin-top: 30px;
}

.hugeTMargin {
  margin-top: 50px;
}

.bigBMargin {
  margin-bottom: 30px;
}

.bigLMargin {
  margin-left: 30px;
}

.bigRMargin {
  margin-right: 30px;
}

.bigHMargin {
  margin-left: 30px;
  margin-right: 30px;
}

.bigHPadding {
  padding-left: 30px;
  padding-right: 30px;
}

.bigVPadding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.bigAPadding {
  padding: 30px;
}

.bigAMargin {
  margin: 30px;
}

.xPadding {
  padding: 0;
}

.xMargin {
  margin: 0;
}

.ibbMargin div {
  margin-bottom: 10px;
}

ul.ivPadding li,
table.ivPadding > tbody > tr > td,
table.ivPadding > tbody > tr > th {
  padding: 5px 0px;
}

ul.iaPadding li,
table.iaPadding > tbody > tr > td,
table.iaPadding > tbody > tr > th {
  padding: 5px;
}

table.iaPadding > tbody > tr > td.label {
  padding-left: 0px;
}

.noSpacing {
  padding: 0;
  margin: 0;
}

div.vspacer {
  margin: 3px 0px;
}

div.hspacer, span.hspacer {
  margin: 0px 3px;
}

.pageBody {
  line-height: 1;
}

* {
  line-height: inherit;
}

.readableText {
  line-height: 1.5;
}
.readableText.limitedWidth {
  max-width: 400px;
}
table.itValign td, table.itValign th, .tValign, .vAlignTop {
  vertical-align: top;
}

.vAlignMiddle {
  vertical-align: middle;
}

table.ibValign td, .bValign {
  vertical-align: bottom;
}

table.icValign > tbody > tr > td, table.UIGrid.cValign > tbody > tr > td {
  vertical-align: middle;
}

.cValign {
  vertical-align: middle;
}

table.icAlign td, .cAlign {
  text-align: center;
}

table.ilAlign td, table.ilAlign th, .lAlign, .lA {
  text-align: left;
}

table.irAlign td, .rAlign, .rA {
  text-align: right;
}

.cAlignSelf {
  justify-self: center;
}

.flex.cAlignItems {
  justify-content: center;
}
.flex.vAlignMiddle {
  align-items: center;
}
.lF {
  float: left;
}

.rF {
  float: right;
}

.cF {
  clear: both;
  font-size: 0px;
  height: 0px;
  /**
   * This rule is needed to avoid an issue with margins
   * See http://stackoverflow.com/questions/8386687/margin-issue-in-firefox
   **/
  overflow: hidden;
}

.clearfix:after {
  content: " "; /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.block {
  display: block;
}

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

.noWrap {
  white-space: nowrap;
}
.elementLoadingIndicator {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(/media/icons/indicator.gif);
  background-position: 50% 50%;
  background-color: white;
  opacity: 0.5;
  display: none;
  z-index: 3000;
}

.loading {
  position: relative;
}
.loading > .elementLoadingIndicator {
  display: block;
}

input[type=text].loading,
input[type=tel].loading,
input[type=email].loading,
input[type=amount].loading,
input[type=number].loading,
input[type=password].loading {
  background-image: url(/media/icons/indicator.gif);
  background-position: 97% 50%;
  background-repeat: no-repeat;
}
/* Legacy */
.roundBorder {
  border-radius: 5px;
}

.tBorder, .hBorder {
  border-top: 1px solid #e0e0e0;
}

.bBorder, .hBorder {
  border-bottom: 1px solid #e0e0e0;
}

.lBorder, .vBorder {
  border-left: 1px solid #e0e0e0;
}

.rBorder, .vBorder {
  border-right: 1px solid #e0e0e0;
}

.aBorder {
  border: 1px solid #e0e0e0;
}

a img {
  border: none;
}
/* Legacy */
.whiteBg {
  background-color: white;
}

.grayBg {
  background-color: #f5f6f7;
}

.vFaint {
  background-color: #e7f4fa;
}

.yellowBg {
  background-color: #ffffd4;
}

.colorGrayDark {
  color: #606472;
}

.bgText {
  color: #777;
}

.bgTextLighter {
  color: #999;
}

.bgTextLightest {
  color: #ccc;
}

.strongerBgText {
  color: #444;
}

.grayText {
  color: #aaa;
}

.colorBlueTitle {
  color: #36c0ff;
}

.blue, .colorBlue {
  color: #74C4E8;
}

.green {
  color: #2BD96E;
}

.greenDark {
  color: #48a146;
}

.red {
  color: #E64B30;
}

.orange {
  color: #dc8f23;
}

.white {
  color: white;
}

.destructiveAction {
  background-color: #EC6552;
}

a {
  color: inherit;
}
a.destructiveAction {
  color: #EC6552;
  background-color: transparent;
}
/* Legacy */
.cc-revoke, .cc-window {
  right: 0px !important;
  left: 0px !important;
  bottom: 0px !important;
  line-height: 16px !important;
  font-size: 14px !important;
  color: #999 !important;
  font-family: "Lato", Arial, sans-serif !important;
  max-width: none !important;
  display: inline-block !important;
  align-self: center;
  text-align: center;
}

.cc-revoke {
  border-radius: 0 !important;
  height: 35px !important;
  text-align: center !important;
}

.cc-window {
  padding: 10.5px 20px !important;
}
.cc-window .cc-message {
  white-space: normal !important;
  margin-bottom: 0 !important;
  margin-right: 20px !important;
}
.cc-window .cc-message, .cc-window .cc-link {
  color: inherit !important;
  white-space: nowrap !important;
  flex: 0 !important;
}
.cc-window .cc-message, .cc-window .cc-compliance, .cc-window .cc-compliance > a {
  display: inline-block !important;
}
.cc-window .cc-compliance {
  margin-left: 10px;
}
.cc-window .cc-btn {
  color: #36c0ff !important;
  text-transform: uppercase !important;
}
.cc-window .cc-link {
  margin-left: 10px;
}
.cc-window .cc-link, .cc-window .cc-btn {
  opacity: 1 !important;
  text-decoration: underline !important;
  padding: 2px 0px !important;
  border: none !important;
  font-size: inherit !important;
}

body.runtimeMobile .cc-revoke, body.runtimeMobile .cc-window {
  font-size: 13px !important;
  line-height: 13px !important;
  color: #ccc;
  border-top: 1px solid black;
  padding: 10.5px 10px !important;
}
body.runtimeMobile .cc-revoke {
  height: 26px !important;
  text-transform: uppercase;
}
body.runtimeMobile .cc-window {
  /* Avoid flex as it doesn't allow children to be inline */
  display: block;
  /* Looks better on iPad */
  text-align: center !important;
}
body.runtimeMobile .cc-message, body.runtimeMobile .cc-compliance {
  display: inline !important;
}
.UILeftRight.equalWidth > .lF, .UILeftRight.equalWidth > .rF {
  width: 50%;
}
/* Legacy */
.UIGrid {
  border-spacing: 0px;
}
.UIGrid.fullWidth {
  width: 100%;
}
.UIGrid tbody > tr > * {
  vertical-align: top;
}
.UIGrid tbody > tr > *.vAlignMiddle {
  vertical-align: middle;
}
.UIGrid tbody > tr > *.vAlignBottom {
  vertical-align: bottom;
}
.UIGrid.vAlignMiddle > tbody > tr > * {
  vertical-align: middle;
}
.UIGrid.vAlignBottom > tbody > tr > * {
  vertical-align: bottom;
}
.UIGrid.ivBorder > tbody > tr > td, .UIGrid.ivBorder > tbody > tr > th {
  border-right: 1px solid #EDEDED;
}
.UIGrid.ivBorder > tbody > tr > td.lastColumn, .UIGrid.ivBorder > tbody > tr > th.lastColumn {
  border-right: none;
}
.UIGrid.ihBorder > tbody > tr > td {
  border-bottom: 1px solid #EDEDED;
}
.UIGrid.ihBorder > tbody > tr.lastRow > td {
  border-bottom: none;
}
.UIGrid.borderColorWhite > tbody > tr > td {
  border-color: white;
}
.UIGrid > tbody > tr.tableHeaderRow > * {
  white-space: nowrap;
  font-size: 11px;
  text-align: left;
  background-color: #f5f6f7;
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
}
.UIGrid.hoverable > tbody > tr:hover {
  background-color: #f9f9f9;
}
.UIGrid.paddedTwoColumnGrid > tbody > tr > td.firstColumn {
  padding-right: 5px;
}
.UIGrid.paddedTwoColumnGrid > tbody > tr > td.lastColumn {
  padding-left: 5px;
}
/* Needs to beat the sticky page type selector so date picker popups etc. go above it */
.UIHoverable {
  position: relative;
  cursor: pointer;
}
.UIHoverable .hoverContainer {
  z-index: 53;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
}
.UIHoverable .hoverContainer > div {
  height: 100%;
}
.UIHoverable:hover > .hoverContainer {
  display: block;
}
/* Legacy */
/* Legacy */
.UIControl {
  cursor: pointer;
}
.UIControl.disabled .controlTitleContainer {
  cursor: not-allowed;
  background-color: #dcdce2;
  color: #999;
}
.UIControl, .UIControl .controlTitleContainer {
  display: inline-block;
  vertical-align: top;
}
.UIControl .controlTitleContainer {
  display: block;
  padding: 6px 15px;
  white-space: nowrap;
}
.runtimeMobile .UIControl.fullWidthOnMobile, .runtimeMobile .UIControl.fullWidthOnMobile .controlTitleContainer, .UIControl.fullWidthControl, .UIControl.fullWidthControl .controlTitleContainer {
  display: block;
}

textarea:focus, input:focus {
  outline: none;
}

textarea,
input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=password],
.customInputContainer {
  border-radius: 3px;
  border: 1px solid #d0d0f0;
}

textarea,
input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=password] {
  max-width: 100%;
  /*
   * This works great for Chrome which seems to have a height based on the cursor not font-size.
   * But breaks Firefox
   padding: 4px 8px 5px;
   */
  padding: 6px 8px;
  transition: box-shadow 0.1s ease-in-out;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  -moz-transition: box-shadow 0.1s ease-in-out;
  -ms-transition: box-shadow 0.1s ease-in-out;
  -o-transition: box-shadow 0.1s ease-in-out;
  transition: border 0.1s ease-in-out;
  -webkit-transition: border 0.1s ease-in-out;
  -moz-transition: border 0.1s ease-in-out;
  -ms-transition: border 0.1s ease-in-out;
  -o-transition: border 0.1s ease-in-out;
  outline: none;
}
textarea.fullWidth,
input[type=text].fullWidth,
input[type=email].fullWidth,
input[type=number].fullWidth,
input[type=tel].fullWidth,
input[type=password].fullWidth {
  width: 100%;
}
textarea:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=password]:focus {
  box-shadow: 0 0 5px rgb(81, 203, 238);
}

input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=password] {
  height: 29px;
}
input[type=text].rAlign,
input[type=email].rAlign,
input[type=number].rAlign,
input[type=tel].rAlign,
input[type=password].rAlign {
  background-position: 10px 50%;
  padding-left: 30px;
  padding-right: 10px;
}
input[type=text].search,
input[type=email].search,
input[type=number].search,
input[type=tel].search,
input[type=password].search {
  background: white url("/media/icons/actions/search-dark.png") no-repeat scroll 5px 50%;
  padding-left: 20px;
  border: 1px solid #d0d0f0;
  min-height: 15px;
}
input[type=text].amount,
input[type=email].amount,
input[type=number].amount,
input[type=tel].amount,
input[type=password].amount {
  width: 120px;
}

textarea {
  overflow: auto;
  height: 100px;
}

input[type=checkbox] {
  margin: 0;
}
/* Legacy */
.UIButton.roundedBorders .controlTitleContainer {
  border-radius: 3px;
}
.UIButton.enabled .controlTitleContainer {
  background-color: #606472;
  color: white;
}
.UIButton.enabled.enableHover .controlTitleContainer:hover, .UIButton.enabled.enableHover .controlTitleContainer:focus {
  background-color: #2B2F3E;
}
.UIButton.enabled.selected .controlTitleContainer.buttonTitleContainer {
  background-color: #36c0ff;
}
.UIButton > .buttonTitleContainer {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.UIButton > .buttonTitleContainer .buttonTitleImageContainer {
  float: right;
  margin-left: 15px;
  background-repeat: no-repeat;
  background-position: 0px 50%;
  background-size: contain;
}
.UIButton.submitButton .fakeSubmitButton {
  font-size: 0px;
  padding: 0px;
  border: none;
  height: 0px;
  display: block;
}
.runtimeMobile .UIButton > .buttonTitleContainer {
  font-size: 15px;
}

.UIButton.UIControl.enabled.redButton .controlTitleContainer.buttonTitleContainer,
.UIButton.UIControl.enabled.redButton .enableHover .controlTitleContainer.buttonTitleContainer:focus,
.UIButton.UIControl.enabled.redButton .enableHover .controlTitleContainer.buttonTitleContainer:hover {
  background-color: #EC6552;
}
.UIButton.UIControl.enabled.orangeButton .controlTitleContainer.buttonTitleContainer,
.UIButton.UIControl.enabled.orangeButton .enableHover .controlTitleContainer.buttonTitleContainer:focus,
.UIButton.UIControl.enabled.orangeButton .enableHover .controlTitleContainer.buttonTitleContainer:hover {
  background-color: #EE624C;
}
.UIButton.UIControl.enabled.greenButton .controlTitleContainer.buttonTitleContainer,
.UIButton.UIControl.enabled.greenButton .enableHover .controlTitleContainer.buttonTitleContainer:focus,
.UIButton.UIControl.enabled.greenButton .enableHover .controlTitleContainer.buttonTitleContainer:hover {
  background-color: #6abf69;
}
.UIButton.UIControl.enabled.goldButton .controlTitleContainer.buttonTitleContainer,
.UIButton.UIControl.enabled.goldButton .enableHover .controlTitleContainer.buttonTitleContainer:focus,
.UIButton.UIControl.enabled.goldButton .enableHover .controlTitleContainer.buttonTitleContainer:hover {
  background-color: #F3A536;
}
.UIButton.UIControl.enabled.grayButton .controlTitleContainer.buttonTitleContainer,
.UIButton.UIControl.enabled.grayButton .enableHover .controlTitleContainer.buttonTitleContainer:focus,
.UIButton.UIControl.enabled.grayButton .enableHover .controlTitleContainer.buttonTitleContainer:hover {
  background-color: #999;
}
.UIButton.UIControl.enabled.blueButton .controlTitleContainer.buttonTitleContainer, .UIButton.UIControl.enabled.blueButton .controlTitleContainer.buttonTitleContainer:focus, .UIButton.UIControl.enabled.blueButton .controlTitleContainer.buttonTitleContainer:hover,
.UIButton.UIControl.enabled.blueButton .enableHover .controlTitleContainer.buttonTitleContainer:focus,
.UIButton.UIControl.enabled.blueButton .enableHover .controlTitleContainer.buttonTitleContainer:focus:focus,
.UIButton.UIControl.enabled.blueButton .enableHover .controlTitleContainer.buttonTitleContainer:focus:hover,
.UIButton.UIControl.enabled.blueButton .enableHover .controlTitleContainer.buttonTitleContainer:hover,
.UIButton.UIControl.enabled.blueButton .enableHover .controlTitleContainer.buttonTitleContainer:hover:focus,
.UIButton.UIControl.enabled.blueButton .enableHover .controlTitleContainer.buttonTitleContainer:hover:hover {
  background-color: #36c0ff;
}

.cancelButton {
  font-size: 13px;
  text-transform: uppercase;
}
.cancelButton .separatorContainer {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.runtimeDesktop .cancelButton {
  line-height: 29px;
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
}
.runtimeMobile .cancelButton {
  text-align: center;
  margin-top: 15px;
  line-height: 1em;
}
table.UIGrid.UILinkSelector {
  color: #D9D9DE;
}
table.UIGrid.UILinkSelector > tbody > tr > td {
  padding: 0px 10px;
  border-color: #D9D9DE;
}
table.UIGrid.UILinkSelector > tbody > tr > td.firstColumn {
  padding-left: 0px;
}
table.UIGrid.UILinkSelector > tbody > tr > td.lastColumn {
  padding-right: 0px;
}
table.UIGrid.UILinkSelector > tbody > tr > td > a {
  cursor: pointer;
}
table.UIGrid.UILinkSelector > tbody > tr > td > a:hover {
  text-decoration: underline;
}
table.UIGrid.UILinkSelector > tbody > tr > td > a:hover, table.UIGrid.UILinkSelector > tbody > tr > td > a.selected {
  color: #292D3A;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UICheckbox {
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-image: url(/media/ui/UICheckbox/Custom-checkboxes-normal.png);
}
.UICheckbox input[type=checkbox] {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UICheckbox {
    background-image: url(/media/ui/UICheckbox/Custom-checkboxes-normal@2x.png);
  }
}
.UICheckbox.selected {
  background-image: url(/media/ui/UICheckbox/Custom-checkboxes-Selected.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UICheckbox.selected {
    background-image: url(/media/ui/UICheckbox/Custom-checkboxes-Selected@2x.png);
  }
}
.UICheckbox.cancelled {
  background-image: url(/media/ui/UIEditable/icon-cancelEdit.png);
  background-size: 8px;
  background-color: white;
  background-position: 50% 50%;
  border: 2px solid #f1f1f2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UICheckbox.cancelled {
    background-image: url(/media/ui/UIEditable/icon-cancelEdit@2x.png);
  }
}
ul.UIList.bulletStyleNone {
  list-style-type: none;
}
ul.UIList.bulletStyleSquare {
  list-style-type: square;
  padding-left: 20px;
}
ul.UIList.bulletStyleNumber {
  list-style-type: decimal;
  padding-left: 20px;
}
ul.UIList > li {
  padding: initial;
}
ul.UIList.readableText > li {
  padding-bottom: 5px;
}
.UIResponsiveList > div {
  display: inline-block;
  vertical-align: top;
}
.UIResponsiveList.vAlignMiddle > div {
  vertical-align: middle;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.greenAmount {
  color: #51B44F;
}

.redAmount {
  color: #E64B30;
}

.fixedWidthAmounts .UIAmount, .fixedWidthAmounts input.amount, .fixedWidthAmounts input.amountInput {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.UIAmount {
  white-space: nowrap;
}
.UIAmount > span {
  display: inline-block;
}
.UIAmount .currencyContainer {
  font-size: 10px;
  line-height: 10px;
  vertical-align: middle;
}
.UIAmount .currencyContainer.position-prefix {
  margin-right: 3px;
}
.UIAmount .currencyContainer.position-suffix {
  margin-left: 3px;
}
.UIAmount.forecastAmount {
  font-style: italic;
  opacity: 0.85;
}
.UIAmount .percentContainer {
  margin-left: 3px;
}
.UIAmount .signSymbol {
  margin-right: 5px;
}
.UIAmount .signSymbol.textSymbol {
  font-size: 11px;
  line-height: 11px;
  vertical-align: middle;
  text-transform: uppercase;
}
.UIAmount .signSymbol.iconSymbol {
  background-position: 0% 50%;
}
.UIAmount .signSymbol.iconSymbol.refundSign {
  width: 12px;
  height: 12px;
  background-image: url(/media/icons/money/refund.png);
  background-size: 12px 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount .signSymbol.iconSymbol.refundSign {
    background-image: url(/media/icons/money/refund.png);
  }
}
.UIAmount .signSymbol.iconSymbol.transferIn {
  width: 12px;
  height: 9px;
  background-image: url(/media/icons/money/transfer-in.gif);
  background-size: 12px 9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount .signSymbol.iconSymbol.transferIn {
    background-image: url(/media/icons/money/transfer-in.gif);
  }
}
.UIAmount .signSymbol.iconSymbol.transferOut {
  width: 12px;
  height: 9px;
  background-image: url(/media/icons/money/transfer-out.gif);
  background-size: 12px 9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount .signSymbol.iconSymbol.transferOut {
    background-image: url(/media/icons/money/transfer-out.gif);
  }
}
.UIAmount .signSymbol.iconSymbol.transferInOut {
  width: 12px;
  height: 12px;
  background-image: url(/media/icons/money/transfer.gif);
  background-size: 12px 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount .signSymbol.iconSymbol.transferInOut {
    background-image: url(/media/icons/money/transfer.gif);
  }
}
.UIAmount.movement {
  background-repeat: no-repeat;
  background-position: 0px 50%;
  padding-left: 18px;
  background-size: 12px;
}
.UIAmount.movement.moveUp.moveGood {
  background-image: url(/media/UICategories/icon-TopGreen.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount.movement.moveUp.moveGood {
    background-image: url(/media/UICategories/icon-TopGreen@2x.png);
  }
}
.UIAmount.movement.moveUp.moveBad {
  background-image: url(/media/UICategories/icon-TopRed.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount.movement.moveUp.moveBad {
    background-image: url(/media/UICategories/icon-TopRed@2x.png);
  }
}
.UIAmount.movement.moveDown.moveGood {
  background-image: url(/media/UICategories/icon-DownGreen.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount.movement.moveDown.moveGood {
    background-image: url(/media/UICategories/icon-DownGreen@2x.png);
  }
}
.UIAmount.movement.moveDown.moveBad {
  background-image: url(/media/UICategories/icon-DownRed.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount.movement.moveDown.moveBad {
    background-image: url(/media/UICategories/icon-DownRed@2x.png);
  }
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIRadioSelector .labelledRadioContainer {
  margin-right: 15px;
  margin-bottom: 5px;
  position: relative;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 3px;
  cursor: pointer;
}
.UIRadioSelector .labelledRadioContainer .radioContainer {
  position: absolute;
  top: 6px;
  left: 5px;
}
.UIRadioSelector .labelledRadioContainer .radioContainer input[type=radio] {
  margin: 0;
}
.UIRadioSelector .labelledRadioContainer .labelContainer {
  display: block;
  padding: 5px 5px 5px 25px;
  white-space: nowrap;
  overflow: hidden;
}
.UIRadioSelector .labelledRadioContainer.selected, .UIRadioSelector .labelledRadioContainer.selected:hover {
  border-color: #36c0ff;
}
.UIRadioSelector .labelledRadioContainer:hover {
  border-color: #efefef;
}
.UIRadioSelector .labelledRadioContainer .subtextContainer {
  margin-top: 5px;
  text-overflow: ellipsis;
  font-style: italic;
  white-space: normal;
}
.UIRadioSelector .labelledRadioContainer.block {
  display: block;
  white-space: nowrap;
}
.UIRadioSelector .labelledRadioContainer.recommended .subtextContainer {
  margin-right: 20px;
}
.UIRadioSelector .recommendBadgeContainer {
  padding-right: 30px;
  background-image: url(/media/membership/pro-badge.png);
  background-position: 100% 0;
  background-size: 18px;
  line-height: 18px;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: bold;
  float: right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIRadioSelector .recommendBadgeContainer {
    background-image: url(/media/membership/pro-badge@2x.png);
  }
}
.UIRadioSelector.vertical .labelledRadioContainer {
  display: flex;
  margin-right: 0;
}
.UIRadioSelector.vertical .labelledRadioContainer .labelContainer {
  flex: 1;
}
.UIRadioSelector.hasSubtext input[type=radio], .UIRadioSelector.hasSubtext .labelContainer {
  vertical-align: top;
}
.UIRadioSelector .sectionContainer {
  white-space: nowrap;
  font-size: 11px;
  text-align: left;
  background-color: #f5f6f7;
  font-weight: bold;
  padding: 5px;
  text-transform: uppercase;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIPageHeader {
  background-image: url(/media/UIFrontPage/topbackground-image.jpg);
  background-position: 100% 50%;
  background-size: cover;
  position: relative;
  /* Should go over the animation container */
  z-index: 30;
}
.UIPageHeader .headerContentContainer {
  padding: 20px 0px 30px;
}
.UIPageHeader, .UIPageHeader a {
  color: white;
}
.UIPageHeader .logoContainer {
  background-image: url(/media/UIFrontPage/logo-buxfer.png);
  background-size: contain;
  width: 250px;
  height: 75px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIPageHeader .logoContainer {
    background-image: url(/media/UIFrontPage/logo-buxfer@2x.png);
  }
}
.UIPageHeader .logoNavigationContainer {
  margin-bottom: 40px;
}
.UIPageHeader .navigationLinksContainer.UIGrid {
  margin-top: 20px;
}
.UIPageHeader .navigationLinksContainer.UIGrid > tbody > tr > td {
  padding-left: 15px;
}
.UIPageHeader .navigationLinksContainer.UIGrid a {
  padding: 5px;
  text-transform: uppercase;
}
.UIPageHeader .navigationLinksContainer.UIGrid a.navigationLink:hover,
.UIPageHeader .navigationLinksContainer.UIGrid .navigationLink.selected {
  border-bottom: 5px solid #36c0ff;
}
.UIPageHeader .navigationLinksContainer.UIGrid a.demoAction {
  background-color: #42b7ff;
  border-radius: 2px;
}
.UIPageHeader .navigationLinksContainer.UIGrid a.signupAction {
  background-color: #EE624C;
  border-radius: 2px;
}
.UIPageHeader .pageTitleContainer {
  font-size: 40px;
  color: #36c0ff;
  margin: 0 0 10px;
  font-weight: normal;
  text-transform: capitalize;
}
.UIPageHeader .pageTitleContainer.preserveCase {
  text-transform: none;
}
.UIPageHeader .pageSubtitleContainer {
  /* Override browser default for h2 */
  margin: 0;
  font-weight: normal;
  font-size: 22px;
  max-width: 800px;
  line-height: 30px;
  color: #D4D5D5;
}
.UIPageHeader .pageSubtitleContainer a {
  text-decoration: underline;
}
@media only screen and (max-width: 500px) {
  .UIPageHeader .navigationLinksContainer {
    display: none;
  }
  .UIPageHeader .logoNavigationContainer {
    margin-bottom: 20px;
  }
  .UIPageHeader .logoNavigationContainer .logoContainer {
    height: 60px;
  }
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIPageHeader.UIContentLimitedHeader {
  padding: 20px 0;
}
.UIPageHeader.UIContentLimitedHeader .logoContainer {
  background-image: url(/media/UIFrontPage/logo-buxfer.png);
  background-size: contain;
  background-position: 20px 0;
  height: 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIPageHeader.UIContentLimitedHeader .logoContainer {
    background-image: url(/media/UIFrontPage/logo-buxfer@2x.png);
  }
}
@media only screen and (max-width: 500px) {
  .UIPageHeader.UIContentLimitedHeader .logoContainer {
    background-position: 10px 0;
  }
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIContentPageFooter {
  margin-top: 80px;
  color: white;
}
.UIContentPageFooter .linksContainer {
  text-align: left;
  display: inline-block;
}
.UIContentPageFooter .linksContainer.UIResponsiveList > div {
  margin-bottom: 30px;
  margin-right: 30px;
}
@media only screen and (max-width: 500px) {
  .UIContentPageFooter .linksContainer.UIResponsiveList > div {
    width: 50%;
    padding-right: 20px;
    margin-right: 0;
  }
}
.UIContentPageFooter .linksContainer .linkGroupTitle {
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #777;
  padding: 0 10px 3px;
  border-bottom: 2px solid #777;
}
.UIContentPageFooter .linksContainer a {
  display: block;
  padding: 10px;
}
.UIContentPageFooter .contentContainer {
  background-color: #282e33;
  text-align: center;
}
@media only screen and (max-width: 500px) {
  .UIContentPageFooter .contentContainer {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
  .UIContentPageFooter .contentContainer {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 1001px) {
  .UIContentPageFooter .contentContainer {
    padding: 30px;
  }
}
.UIContentPageFooter .copyrightContainer {
  padding: 45px 0px 20px;
  color: #dcdce2;
}
.UIContentPageFooter .UIFrontPageLogin {
  margin-top: 20px;
}
.UIContentPageFooter .signupContainer {
  background-color: #36c0ff;
  background-image: url(/media/UIFrontPage/pattern-letsgetstarted.png);
  background-size: 1273px 330px;
  background-repeat: repeat-x;
  background-position: 0 0;
  padding: 30px 0;
  text-align: center;
  color: #474e66;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIContentPageFooter .signupContainer {
    background-image: url(/media/UIFrontPage/pattern-letsgetstarted@2x.png);
  }
}
.UIContentPageFooter .signupContainer .footerTitle {
  font-weight: bold;
  color: white;
}
@media only screen and (max-width: 500px) {
  .UIContentPageFooter .signupContainer .footerTitle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
  .UIContentPageFooter .signupContainer .footerTitle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1001px) {
  .UIContentPageFooter .signupContainer .footerTitle {
    font-size: 30px;
  }
}
.UIContentPageFooter .signupContainer .UIButton .buttonTitleContainer {
  font-size: 18px;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIMobileContentPageHeader {
  height: 46px;
}
.UIMobileContentPageHeader.actionsEnabled {
  height: 80px;
}
.UIMobileContentPageHeader .fixedContentContainer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  background-color: #282e33;
  color: white;
  text-transform: uppercase;
}
.UIMobileContentPageHeader .fixedContentContainer .titleContentContainer {
  height: 46px;
  line-height: 46px;
  position: relative;
}
.UIMobileContentPageHeader .fixedContentContainer .titleContentContainer .navIconContainer {
  background-image: url(/media/logo/piechart-dark-round.png);
  background-size: 25px;
  background-position: 10px 50%;
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 101;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIMobileContentPageHeader .fixedContentContainer .titleContentContainer .navIconContainer {
    background-image: url(/media/logo/piechart-dark-round@2x.png);
  }
}
.UIMobileContentPageHeader .fixedContentContainer .titleContentContainer .titleContainer {
  text-align: left;
  padding: 0 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}
.UIMobileContentPageHeader .fixedContentContainer .actionsContainer {
  height: 34px;
  padding: 10px;
  font-size: 12px;
  color: #e0e0e0;
  border: 1px solid #777;
  border-width: 1px 0;
}
.UIDesktopFooter {
  height: auto;
}
.UIDesktopFooter .copyrightItem {
  display: block;
}
/* Legacy */
.UIContentPage {
  color: #282e33;
}

.runtimeDesktop .paddedContentContainer {
  padding: 30px 0;
  min-height: 400px;
}
.runtimeMobile .paddedContentContainer {
  padding: 20px 0;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIFrontPageLogin .authButton.UIButton {
  width: 250px;
  border-width: 0;
  display: inline-block;
}
.UIFrontPageLogin .loginInfoLabel {
  font-size: 14px;
  color: #757A8A;
  margin-bottom: 10px;
}
@media only screen and (min-width: 501px) {
  .UIFrontPageLogin .authButton.UIButton {
    margin-right: 20px;
  }
  .UIFrontPageLogin .authButton.UIButton .buttonTitleContainer {
    font-size: 18px;
    padding: 12px 20px;
  }
  .UIFrontPageLogin .authButton.UIButton.loginButton {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .UIFrontPageLogin .authButton.UIButton.signupAction {
    display: block;
    width: 100%;
    margin-bottom: 40px;
  }
  .UIFrontPageLogin .authButton.UIButton.demoButton, .UIFrontPageLogin .authButton.UIButton.loginButton {
    width: 50%;
  }
  .UIFrontPageLogin .authButton.UIButton.demoButton .buttonTitleContainer.controlTitleContainer, .UIFrontPageLogin .authButton.UIButton.loginButton .buttonTitleContainer.controlTitleContainer {
    background-color: transparent;
    text-decoration: underline;
    width: auto;
    margin: 0 20px;
  }
  .UIFrontPageLogin .authButton.UIButton .buttonTitleContainer {
    font-size: 16px;
    padding: 12px 0;
    font-weight: bold;
  }
}
/*! jQuery UI - v1.10.3 - 2013-06-22
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.datepicker.css, jquery.ui.menu.css
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0; /* support: IE7 */
  font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff url(/media/jquery/flick/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #444444;
}

.ui-widget-content a {
  color: #444444;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #dddddd url(/media/jquery/flick/images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x;
  color: #444444;
  font-weight: bold;
}

.ui-widget-header a {
  color: #444444;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #dddddd;
  background: #f6f6f6 url(/media/jquery/flick/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #0073ea;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #0073ea;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #0073ea;
  background: #0073ea url(/media/jquery/flick/images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #ffffff;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #dddddd;
  background: #ffffff url(/media/jquery/flick/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #ff0084;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ff0084;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #cccccc;
  background: #ffffff url(/media/jquery/flick/images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
  color: #444444;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #444444;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ff0084;
  background: #ffffff url(/media/jquery/flick/images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #222222;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #222222;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/media/jquery/flick/images/ui-icons_ff0084_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(/media/jquery/flick/images/ui-icons_0073ea_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(/media/jquery/flick/images/ui-icons_666666_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(/media/jquery/flick/images/ui-icons_ffffff_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(/media/jquery/flick/images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(/media/jquery/flick/images/ui-icons_0073ea_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/media/jquery/flick/images/ui-icons_ff0084_256x240.png);
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 2px;
}

/* Overlays */
.ui-widget-overlay {
  background: #eeeeee url(/media/jquery/flick/images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
}

.ui-widget-shadow {
  margin: -4px 0 0 -4px;
  padding: 4px;
  background: #aaaaaa url(/media/jquery/flick/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.6;
  filter: Alpha(Opacity=60);
  border-radius: 0px;
}
/* Legacy */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #5c9fc9;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #5c9fc9;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #5c9fc9;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  color: #ffffff;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0.1em 0;
}

.ui-datepicker th {
  padding: 0.2em;
}

.ui-datepicker {
  font-size: 12px;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIContentSidebar .titleContainer {
  background-color: #f5f6f7;
  padding: 8px 15px 7px;
  border: 1px solid #e0e0e0;
  border-width: 0 0 1px;
  margin: 0;
}
.UIContentSidebar.isTopicList .titleContainer {
  border-width: 1px 0;
}
.UIContentSidebar .labelContainer {
  display: block;
  font-size: 14px;
  padding: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.UIContentSidebar .labelContainer::after {
  content: " ";
  white-space: pre;
  background-image: url(/media/mobile/app/UISection/arrow-clickability.png);
  background-size: 6px 10px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  float: right;
  display: block;
  width: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIContentSidebar .labelContainer::after {
    background-image: url(/media/mobile/app/UISection/arrow-clickability@2x.png);
  }
}
.UIContentSidebar .labelContainer {
  white-space: nowrap;
}
.UIContentSidebar .labelContainer.selected {
  background-color: #36c0ff;
  color: white;
}
.UIContentSidebar .labelContainer.selected::after {
  visibility: hidden;
}
.runtimeDesktop .UIContentSidebar {
  display: inline-block;
}
.runtimeDesktop .UIContentSidebar.isSidebar {
  background-color: white;
  padding-left: 60px;
  float: right;
}
.runtimeDesktop .UIContentSidebar.isSidebar .contentContainer {
  border: 1px solid #e0e0e0;
  border-width: 0 1px;
}
.runtimeDesktop .UIContentSidebar.isSidebar .labelContainer {
  padding: 15px;
  display: block;
}
.runtimeMobile .UIContentSidebar {
  margin: 0 -15px;
}
.runtimeMobile .UIContentSidebar.isSidebar {
  display: none;
}
/* Legacy */
.ui-autocomplete.ui-menu {
  border: 1px solid #dcdce2;
  border-width: 0px 1px 1px 1px;
  border-radius: 0;
  box-shadow: 1px 2px 5px 0px #000;
  padding: 0;
}
.ui-autocomplete.ui-menu.resultType-bank {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-autocomplete.ui-menu .ui-corner-all {
  border-radius: 0;
}
.ui-autocomplete.ui-menu .ui-autocomplete-category,
.ui-autocomplete.ui-menu .ui-menu-item > a {
  border: 1px solid #eaebeb;
  border-width: 0px 0px 1px;
  padding: 5px;
  line-height: 25px;
  font-size: 15px;
}
.ui-autocomplete.ui-menu .ui-menu-item > a {
  color: #353d42;
}
.ui-autocomplete.ui-menu .ui-menu-item > a.ui-state-active {
  background: white;
  margin: 0;
}
.ui-autocomplete.ui-menu .ui-menu-item.disabled > a {
  font-style: italic;
  cursor: default;
  color: #777;
}
.ui-autocomplete.ui-menu .ui-menu-item.enabled > a.ui-state-active {
  /* Do not make this background-color. There is a wrapper div inside the a which then inherits a background from ui-widget-content */
  background: #42b7ff;
  margin: 0;
}
.ui-autocomplete.ui-menu .ui-menu-item.enabled > a.ui-state-active, .ui-autocomplete.ui-menu .ui-menu-item.enabled > a.ui-state-active div.resultMetadata, .ui-autocomplete.ui-menu .ui-menu-item.enabled > a.ui-state-active div.resultMetadata .UIAmount {
  color: #fcfcfd;
}
.ui-autocomplete.ui-menu .ui-menu-item.enabled > a .resultName {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-autocomplete.ui-menu .ui-menu-item.enabled > a .resultMetadata {
  font-size: 13px;
  line-height: 13px;
  color: #aaa;
  float: right;
  margin-top: 6px;
  margin-left: 50px;
}
.ui-autocomplete.ui-menu .ui-autocomplete-category {
  font-weight: bold;
  padding: 6px 5px;
  white-space: nowrap;
  font-size: 11px;
  line-height: 1em;
  text-align: left;
  background-color: #f5f6f7;
  color: #abadaf;
  color: #777;
}
/* Legacy */
.UIHelpCenter .helpContentContainer {
  padding: 30px 0px;
}
@media only screen and (max-width: 500px) {
  .UIHelpCenter .helpContentContainer {
    padding: 20px 0;
  }
}
/* Legacy */
.UIHelpTopic a {
  text-decoration: underline;
}
.UIHelpTopic .UIButton a {
  text-decoration: none;
}
.UIHelpTopic, .UIHelpTopic div, .UIHelpTopic li {
  line-height: 22px;
}
.UIHelpTopic .titleContainer {
  font-size: 18px;
}
.UIHelpTopic .helpTopicDescription {
  border-bottom: 1px solid #DCDCE2;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.UIHelpTopic a {
  text-decoration: underline;
}
.UIHelpTopic ul, .UIHelpTopic ol {
  padding-left: 20px;
  margin-left: 0;
}
.UIHelpTopic ul {
  list-style-type: square;
}
.UIHelpTopic div.helpSubTitle {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  padding: 2px 1px;
  margin: 10px 5px 10px 0px;
  font-weight: bold;
  color: #333;
}
.UIHelpTopic .faqTitleContainer {
  color: #606472;
  margin-bottom: 30px;
}
/* Legacy */
.UIHelpFAQs {
  line-height: 22px;
}
.UIHelpFAQs .faqItemContainer {
  margin-bottom: 20px;
}
.UIHelpFAQs .questionContainer {
  cursor: pointer;
  text-decoration: none;
  text-decoration: underline;
}
.UIHelpFAQs .answerContainer {
  margin: 10px 0px 40px;
  background-color: #eee;
  padding: 10px 10px 20px;
}
.UIHelpFAQs .answerContainer.closed {
  display: none;
}

.UIModalDialog .UIHelpTopic .UIHelpFAQs .titleContainer {
  margin-bottom: 20px;
  font-size: 15px;
}
.UIHelpTopic .UIGrid.popularBanks > tbody > tr > td {
  padding: 5px;
}
.UIHelpApi blockquote {
  margin: 10px 0;
  border: 1px solid #e0e0e0;
  background-color: #f7f7f7;
  padding: 10px;
}
.UIHelpApi .commandSection {
  width: 100%;
  background-color: #E5F2FB;
  border-bottom: 1px solid #B2E7FB;
  padding: 5px 3px;
}
.UIHelpApi ul > li > span.lang {
  float: left;
  width: 80px;
}
.UIHelpApi ul > li > a.file {
  margin-right: 20px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIMembershipPlans {
  border-bottom: 1px solid #efefef;
}
.UIMembershipPlans .periodPriceContainer-1 {
  display: none;
}
.UIMembershipPlans.selectedPeriod-1 .periodPriceContainer-1 {
  display: block;
}
.UIMembershipPlans.selectedPeriod-1 .periodPriceContainer-12 {
  display: none;
}
.UIMembershipPlans .planPeriodSelector {
  text-align: center;
  margin-bottom: 5px;
}
.UIMembershipPlans .planPeriodSelector .UIRadioSelector {
  display: inline-block;
}
.UIHelpTopic .UIMembershipPlans div {
  line-height: 1em;
}
.UIHelpTopic .UIMembershipPlans a {
  text-decoration: none;
}
.UIMembershipPlans .plansContainer {
  display: flex;
  flex-direction: row-reverse;
}
.UIMembershipPlans .planContainer {
  flex: 1;
  border-left: 1px solid #efefef;
  display: inline-block;
}
.UIMembershipPlans .planContainer.firstPlan {
  border-width: 0 0 1px;
}
.UIMembershipPlans.UIGrid > tbody > tr > td {
  padding: 0px;
  white-space: nowrap;
  border-right: 1px solid #efefef;
}
.UIMembershipPlans.UIGrid > tbody > tr > td.lastColumn {
  border-right: none;
}
.UIMembershipPlans .topBorderContainer {
  height: 5px;
  opacity: 0.5;
  display: none;
}
.UIMembershipPlans .topBorderContainer.basic {
  background-color: #dcdce2;
}
.UIMembershipPlans .topBorderContainer.pilot {
  background-color: #6abf69;
}
.UIMembershipPlans .topBorderContainer.plus {
  background-color: #36c0ff;
}
.UIMembershipPlans .topBorderContainer.pro {
  background-color: #EE624C;
}
.UIMembershipPlans .topBorderContainer.prime {
  background-color: #F3A536;
}
.UIMembershipPlans .priceSubtextContainer {
  color: #999;
  font-size: 11px;
  font-style: italic;
}
.UIMembershipPlans.hasUpgradeButtons .planTitleContainer {
  height: 105px;
  padding-bottom: 0;
}
.UIMembershipPlans .planTitleContainer {
  padding: 20px;
  border-color: #999;
  border-width: 2px 0;
  border-style: solid;
}
.UIMembershipPlans .planTitleContainer .planTitleLabel {
  font-size: 20px;
}
.UIMembershipPlans .planTitleContainer.basic {
  border-color: #dcdce2;
}
.UIMembershipPlans .planTitleContainer.pilot {
  border-color: #6abf69;
}
.UIMembershipPlans .planTitleContainer.plus {
  border-color: #36c0ff;
}
.UIMembershipPlans .planTitleContainer.pro {
  border-color: #EE624C;
}
.UIMembershipPlans .planTitleContainer.prime {
  border-color: #F3A536;
}
.UIMembershipPlans .planTitleContainer.basic .planTitleLabel {
  color: #606472;
}
.UIMembershipPlans .planTitleContainer.pilot .planTitleLabel {
  color: #6abf69;
}
.UIMembershipPlans .planTitleContainer.plus .planTitleLabel {
  color: #36c0ff;
}
.UIMembershipPlans .planTitleContainer.pro .planTitleLabel {
  color: #EE624C;
}
.UIMembershipPlans .planTitleContainer.prime .planTitleLabel {
  color: #F3A536;
}
.UIMembershipPlans .planTitleContainer .secondaryText {
  color: #dcdce2;
}
.UIMembershipPlans .planTitleContainer .planPricingLabel {
  font-size: 18px;
  line-height: 20px;
}
.UIMembershipPlans .planFeaturesContainer {
  margin-bottom: 30px;
}
.UIMembershipPlans .planFeaturesContainer .featureListContainer .planFeaturesSeparator {
  color: #777;
  background-color: #efefef;
  padding: 8px 20px;
  font-size: 12px;
  text-transform: uppercase;
}
.UIMembershipPlans .planFeaturesContainer .featureListContainer .featureLabel.previousPlan {
  color: #ccc;
}
.UIMembershipPlans .planFeaturesContainer .featureListContainer .featureLabel .featureTextContainer {
  white-space: nowrap;
  padding: 10px 20px;
  position: relative;
}
.UIMembershipPlans .planFeaturesContainer .featureListContainer .featureLabel .featureTextContainer:hover {
  background-color: #f5f6f7;
}
.UIMembershipPlans .planFeaturesContainer .featureListContainer .featureLabel .featureTextContainer .helpIconContainer {
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url(/media/app/UIHeader/icon-helpNormal.png);
  background-size: contain;
  width: 14px;
  height: 14px;
  background-position: 0 0;
  margin-left: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIMembershipPlans .planFeaturesContainer .featureListContainer .featureLabel .featureTextContainer .helpIconContainer {
    background-image: url(/media/app/UIHeader/icon-helpNormal@2x.png);
  }
}
.UIMembershipPlans .planFeaturesContainer .featureListContainer.pro .UIHoverable .hoverContainer, .UIMembershipPlans .planFeaturesContainer .featureListContainer.prime .UIHoverable .hoverContainer {
  left: -250px;
}
.UIMembershipPlans .planFeaturesContainer .featureListContainer.pro .tooltipContainer, .UIMembershipPlans .planFeaturesContainer .featureListContainer.prime .tooltipContainer {
  background-image: url(/media/ui/UIPopup/popup-arrow-right.png);
  background-size: 11px 18px;
  background-position: 100% 20px;
  padding-right: 9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIMembershipPlans .planFeaturesContainer .featureListContainer.pro .tooltipContainer, .UIMembershipPlans .planFeaturesContainer .featureListContainer.prime .tooltipContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-right@2x.png);
  }
}
.UIMembershipPlans .UIButton.selectPlanButton {
  margin-top: 15px;
}
.UIMembershipPlans .UIButton.selectPlanButton.pilot .buttonTitleContainer {
  background-color: #6abf69;
}
.UIMembershipPlans .UIButton.selectPlanButton.plus .buttonTitleContainer {
  background-color: #36c0ff;
}
.UIMembershipPlans .UIButton.selectPlanButton.pro .buttonTitleContainer {
  background-color: #EE624C;
}
.UIMembershipPlans .UIButton.selectPlanButton.prime .buttonTitleContainer {
  background-color: #F3A536;
}
.UIMembershipPlans .UIHoverable .hoverContainer {
  width: 250px;
  left: 100%;
  top: -10px;
}
.UIMembershipPlans .UIHoverable .hoverContainer > div {
  height: auto;
}
.UIMembershipPlans .UIHoverable .tooltipContainer {
  background-image: url(/media/ui/UIPopup/popup-arrow-left.png);
  background-size: 11px 18px;
  background-position: 0 20px;
  padding-left: 9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIMembershipPlans .UIHoverable .tooltipContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-left@2x.png);
  }
}
.UIMembershipPlans .UIHoverable .tooltipContainer .featureTooltip {
  padding: 20px;
  white-space: normal;
  color: white;
  font-weight: normal;
  border-radius: 5px;
  background-color: #282e33;
}
.UIMembershipPlans div.featureTooltip {
  line-height: 22px;
}
@media only screen and (max-width: 500px) {
  .UIMembershipPlans {
    margin: 0 -15px;
  }
  .UIMembershipPlans .plansContainer {
    display: block;
  }
  .UIMembershipPlans .planContainer {
    width: 100%;
    border: none;
  }
  .UIMembershipPlans .planTitleContainer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .UIMembershipPlans .planTitleContainer .planTitleLabel {
    float: left;
  }
  .UIMembershipPlans .planTitleContainer .planPricingLabel {
    padding: 0;
    float: right;
    text-align: right;
  }
  .UIMembershipPlans .planTitleContainer .planPricingLabel .pricingLabelSubtext {
    display: none;
  }
  .UIMembershipPlans.hasUpgradeButtons .planTitleContainer {
    height: auto;
  }
  .UIMembershipPlans .planTitleContainer, .UIMembershipPlans .planFeaturesContainer .featureListContainer .featureLabel .featureTextContainer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .UIMembershipPlans .planFeaturesContainer {
    margin: 0;
  }
  .UIMembershipPlans .previousPlanFeatureContainer {
    display: none;
  }
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIContentSidebar .titleContainer {
  background-color: #f5f6f7;
  padding: 8px 15px 7px;
  border: 1px solid #e0e0e0;
  border-width: 0 0 1px;
  margin: 0;
}
.UIContentSidebar.isTopicList .titleContainer {
  border-width: 1px 0;
}
.UIContentSidebar .labelContainer {
  display: block;
  font-size: 14px;
  padding: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.UIContentSidebar .labelContainer::after {
  content: " ";
  white-space: pre;
  background-image: url(/media/mobile/app/UISection/arrow-clickability.png);
  background-size: 6px 10px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  float: right;
  display: block;
  width: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIContentSidebar .labelContainer::after {
    background-image: url(/media/mobile/app/UISection/arrow-clickability@2x.png);
  }
}
.UIContentSidebar .labelContainer {
  white-space: nowrap;
}
.UIContentSidebar .labelContainer.selected {
  background-color: #36c0ff;
  color: white;
}
.UIContentSidebar .labelContainer.selected::after {
  visibility: hidden;
}
.runtimeDesktop .UIContentSidebar {
  display: inline-block;
}
.runtimeDesktop .UIContentSidebar.isSidebar {
  background-color: white;
  padding-left: 60px;
  float: right;
}
.runtimeDesktop .UIContentSidebar.isSidebar .contentContainer {
  border: 1px solid #e0e0e0;
  border-width: 0 1px;
}
.runtimeDesktop .UIContentSidebar.isSidebar .labelContainer {
  padding: 15px;
  display: block;
}
.runtimeMobile .UIContentSidebar {
  margin: 0 -15px;
}
.runtimeMobile .UIContentSidebar.isSidebar {
  display: none;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIFeatures > table.UIGrid > tbody > tr > td.firstColumn {
  background-color: #f5f6f7;
}
.UIFeatures .featureDetailsContainer {
  padding: 15px 0px;
  max-width: 600px;
}
@media only screen and (max-width: 500px) {
  .UIFeatures .featureDetailsContainer {
    padding-top: 15px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
  .UIFeatures .featureDetailsContainer {
    padding-top: 15px;
  }
}
@media only screen and (min-width: 1001px) {
  .UIFeatures .featureDetailsContainer {
    padding-top: 30px;
  }
}
.UIFeatures .featureDetailsContainer .featureTitleContainer {
  font-size: 22px;
}
.UIFeatures .featureDetailsContainer .featureLabel {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.UIFeatures .featureDetailsContainer .featureDescriptionContainer {
  color: #605473;
  line-height: 24px;
}
.UIFeatures .featureDetailsContainer .featureDescriptionContainer .UIList {
  margin-bottom: 30px;
}
.UIFeatures .featureDetailsContainer .featureDescriptionContainer .UIList li {
  margin-bottom: 10px;
}
.UIFeatures .featureDetailsContainer .featureImageContainer, .UIFeatures .featureDetailsContainer .UIFrontPageFeatures {
  margin: 40px 0;
}
.UIFeatures .featureDetailsContainer .featureImageContainer, .UIFeatures .featureDetailsContainer .UIFrontPageFeatures .graphicsContainer {
  width: 100%;
  height: 300px;
}
.UIFeatures .featureDetailsContainer .featureImageContainer.feature-sync, .UIFeatures .featureDetailsContainer .UIFrontPageFeatures .graphicsContainer.feature-sync {
  background-image: url(/media/UIFeatures/all-accounts-one-place.png);
  background-size: contain;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFeatures .featureDetailsContainer .featureImageContainer.feature-sync, .UIFeatures .featureDetailsContainer .UIFrontPageFeatures .graphicsContainer.feature-sync {
    background-image: url(/media/UIFeatures/all-accounts-one-place.png);
  }
}
.UIFeatures .featureDetailsContainer .goalsFeatureContainer .graphicsContainer {
  height: 200px;
}
.UIFeatures .featureDetailsContainer .UIHelpTopic {
  margin-top: 40px;
}
.UIFeatures .featureDetailsContainer .UIHelpTopic .faqTitleContainer {
  font-size: initial;
  font-weight: bold;
  margin-bottom: 20px;
}
.UIFeatures .featureDetailsContainer .UIHelpTopic .questionContainer {
  font-weight: normal;
}
.UIFeatures .UIFrontPageFeatures {
  background-color: white;
  padding: 0;
}
.UIFeatures .UIFrontPageFeatures .budgetGraphicsContainer {
  margin-left: 30px;
  margin-right: 80px;
}
.UIFeatures .UIFrontPageCategoriesChart {
  margin: 30px 0 40px;
}
.UIFeatures .UIFrontPageCategoriesChart .pieChartLegend .UIItemList {
  margin: 0 0 0 40px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIFrontPageFeatures {
  padding: 20px 0 60px;
  background-color: #f5f6f7;
}
.UIFrontPageFeatures .UIGrid.sectionsContainer {
  margin-left: -20px;
  margin-right: -20px;
}
.UIFrontPageFeatures .featureContainer {
  margin: 20px 0;
}
.UIFrontPageFeatures .featureContainer .graphicsContainer {
  height: 300px;
  margin-top: 50px;
}
.UIFrontPageFeatures .featureTitleContainer, .UIFrontPageFeatures .featureDescriptionContainer {
  margin-left: 5px;
}
.UIFrontPageFeatures .featureTitleContainer {
  color: #36c0ff;
  white-space: nowrap;
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
}
.UIFrontPageFeatures div.featureDescriptionContainer {
  margin-top: 10px;
  color: #757A8A;
  font-size: 18px;
  line-height: 22px;
}
.UIFrontPageFeatures .featureTextContainer {
  border-top: 1px solid #e0e0e0;
  margin-top: 30px;
}
.UIFrontPageFeatures .subFeatureContainer {
  margin-top: 20px;
  background-position: 10px 0px;
  background-size: auto 18px;
  padding-left: 50px;
}
.UIFrontPageFeatures .subFeatureTitleContainer {
  color: #606472;
  font-size: 16px;
  text-transform: uppercase;
}
.UIFrontPageFeatures div.subFeatureDescriptionContainer {
  padding: 5px 0px 10px;
  color: #757A8A;
  font-size: 16px;
  line-height: 18px;
}
.UIFrontPageFeatures .spendingFeatureContainer .graphicsContainer {
  height: 300px;
  background-position: 50% 0;
  background-image: url(/media/UIFrontPage/UIFeatures/graphics/spending.png);
  background-size: 475px 234px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .spendingFeatureContainer .graphicsContainer {
    background-image: url(/media/UIFrontPage/UIFeatures/graphics/spending.png);
  }
}
.UIFrontPageFeatures .budgetGraphicsContainer {
  margin: 0 40px;
  min-width: 175px;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer {
  margin-bottom: 15px;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .budgetInfoContainer {
  margin-bottom: 5px;
  font-size: 13px;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .progressContainer {
  position: relative;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .UIBudgetProgressBar {
  padding-right: 2px;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .UIBudgetProgressBar .UIProgressBar {
  width: 100%;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .UIBudgetProgressBar .UIProgressBar, .UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .UIBudgetProgressBar .UIProgressBar .outer {
  border-radius: 5px;
  padding: 0;
  border: none;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .UIBudgetProgressBar .UIProgressBar .inner {
  background-image: url(/media/UIFrontPage/UIFeatures/graphics/striped.png);
  background-size: 805px 24px;
  background-repeat: repeat-x;
  background-position: 0 0;
  height: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .UIBudgetProgressBar .UIProgressBar .inner {
    background-image: url(/media/UIFrontPage/UIFeatures/graphics/striped@2x.png);
  }
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .UIBudgetProgressBar .UIProgressBar.overLimitExtended {
  width: 40px;
  right: -40px;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .UIBudgetProgressBar .UIProgressBar.overLimitExtended .outer {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .UIBudgetProgressBar.overLimitRegular .UIProgressBar.regularProgressBar .outer {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer.budgetRed .balanceContainer {
  color: #E64B30;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer.budgetOrange .balanceContainer {
  color: #FDB77B;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer.budgetGreen .balanceContainer {
  color: #51B44F;
}
.UIFrontPageFeatures .budgetGraphicsContainer .budgetContainer .budgetNameContainer {
  color: #606472;
}
.UIFrontPageFeatures .inputFeatureContainer .inputGraphicsContainer {
  background-size: 400px;
  background-position: 50% 0;
  background-image: url(/media/UIFeatures/all-accounts-one-place.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .inputFeatureContainer .inputGraphicsContainer {
    background-image: url(/media/UIFeatures/all-accounts-one-place.png);
  }
}
.UIFrontPageFeatures .futureFeatureContainer .graphicsContainer .balanceContainer {
  white-space: nowrap;
  font-size: 14px;
  padding-top: 15px;
  text-align: center;
  width: 400px;
  margin: auto;
}
.UIFrontPageFeatures .futureFeatureContainer .graphicsContainer .balanceContainer .balanceLabelContainer {
  text-transform: uppercase;
  font-size: 14px;
  color: #777;
  margin-bottom: 10px;
}
.UIFrontPageFeatures .futureFeatureContainer .graphicsContainer .balanceContainer .UIAmount {
  font-size: 20px;
  margin-bottom: 25px;
}
.UIFrontPageFeatures .futureFeatureContainer .graphicsContainer .chartContainer {
  height: 230px;
  background-position: 50% 0;
  background-image: url(/media/UIFrontPage/UIFeatures/graphics/Forecast.png);
  background-size: 330px 266px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .futureFeatureContainer .graphicsContainer .chartContainer {
    background-image: url(/media/UIFrontPage/UIFeatures/graphics/Forecast@2x.png);
  }
}
@media only screen and (min-width: 501px) {
  .UIFrontPageFeatures .powerfulFeatureContainer > .UILeftRight > .lF {
    float: none;
    width: 100%;
    max-width: none;
  }
  .UIFrontPageFeatures .powerfulFeatureContainer > .UILeftRight > .rF {
    display: none;
  }
  .UIFrontPageFeatures .powerfulFeatureContainer .subFeatureContainer {
    float: left;
    padding-right: 40px;
    width: 50%;
  }
  .UIFrontPageFeatures .powerfulFeatureContainer .subFeatureContainer.acl {
    clear: left;
  }
}
.UIFrontPageFeatures .retirementFeatureContainer .graphicsContainer {
  background-image: url(/media/UIFrontPage/UIFeatures/graphics/Investments.png);
  background-size: 396px 204px;
  background-position: 50% 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .retirementFeatureContainer .graphicsContainer {
    background-image: url(/media/UIFrontPage/UIFeatures/graphics/Investments@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.sync {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-syncaccounts.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.sync {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-syncaccounts@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.upload {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-uploadstatment.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.upload {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-uploadstatment@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.manual {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-addtransaction.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.manual {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-addtransaction@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.nestedtags {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-tagsNormal.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.nestedtags {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-tagsNormal@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.autotags {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-automatic-tag-rules.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.autotags {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-automatic-tag-rules@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.insights {
  background-image: url(/media/UIFrontPage/UIFeatures/text/Icon-reportsNormal2.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.insights {
    background-image: url(/media/UIFrontPage/UIFeatures/text/Icon-reportsNormal2@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.budgets {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-budgets.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.budgets {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-budgets@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.alerts, .UIFrontPageFeatures .subFeatureContainer.smart-alerts {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-alert.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.alerts, .UIFrontPageFeatures .subFeatureContainer.smart-alerts {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-alert@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.forecast {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-forecast.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.forecast {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-forecast@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.retirement {
  background-image: url(/media/retirement/icon-goalsNormal.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.retirement {
    background-image: url(/media/retirement/icon-goalsNormal@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.reminders {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-reminders.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.reminders {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-reminders@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.investments {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-investmentsNormal.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.investments {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-investmentsNormal@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.rules {
  background-image: url(/media/rules/icon-rules-lightning@1x.png);
  background-position: 13px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.rules {
    background-image: url(/media/rules/icon-rules-lightning@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.split {
  background-image: url(/media/UITransactionList/items/icon-itemizeNormal.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.split {
    background-image: url(/media/UITransactionList/items/icon-itemizeNormal@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.acl {
  background-image: url(/media/app/UIAction/icon-leave.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.acl {
    background-image: url(/media/app/UIAction/icon-leave@2x.png);
  }
}
.UIFrontPageFeatures .subFeatureContainer.currency {
  background-image: url(/media/app/UIAction/icon-currency.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIFrontPageFeatures .subFeatureContainer.currency {
    background-image: url(/media/app/UIAction/icon-currency@2x.png);
  }
}
@media only screen and (max-width: 500px) {
  .UIFrontPageFeatures {
    padding-top: 0;
    padding-bottom: 0;
  }
  .UIFrontPageFeatures .pageWidthSetter.contentContainer {
    padding: 0;
  }
  .UIFrontPageFeatures .sectionsContainer {
    margin-top: -20px;
  }
  .UIFrontPageFeatures .featureContainer.pageSectionCard {
    min-width: 0;
    min-height: 0;
    border-width: 1px 0;
    border-radius: 0;
  }
  .UIFrontPageFeatures .featureContainer .featureTitleContainer,
  .UIFrontPageFeatures .featureContainer .featureDescriptionContainer,
  .UIFrontPageFeatures .featureContainer .subFeatureDescriptionContainer {
    line-height: 1.5em;
  }
  .UIFrontPageFeatures .featureContainer .featureTitleContainer {
    white-space: normal;
    font-size: 22px;
  }
  .UIFrontPageFeatures .featureContainer .featureDescriptionContainer {
    font-size: 17px;
    margin-top: 0;
  }
  .UIFrontPageFeatures .featureContainer .graphicsContainer {
    max-width: 100%;
    min-height: 200px;
    height: auto;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    background-size: contain;
  }
  .UIFrontPageFeatures .featureContainer .graphicsContainer .budgetGraphicsContainer {
    margin: 0 10px;
    min-width: 0;
  }
  .UIFrontPageFeatures .featureContainer .graphicsContainer .budgetGraphicsContainer .UIProgressBar.overLimitExtended {
    width: 20px;
    right: -20px;
  }
  .UIFrontPageFeatures .featureContainer.futureFeatureContainer .graphicsContainer .balanceContainer {
    width: auto;
  }
  .UIFrontPageFeatures .subFeatureContainer {
    background-position: 5px 0;
    padding-left: 35px;
  }
}
/* Legacy */
/* 
 * sectionsContainer: Every cell will be of same height.
 * pageSectionsContainer: Cells are sized to fit.
 * sectionCardsContainer: Every cell is a card itself. Useful to put multiple cards in 1 cell.
 */
.sectionsContainer.UIGrid > tbody > tr > td,
.pageSectionsContainer.UIGrid > tbody > tr > td > div,
.pageSectionCard {
  border: 1px solid #dcdce2;
  padding: 20px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 10px #dcdce2;
}
.sectionsContainer.UIGrid > tbody > tr > td .cardTitle,
.pageSectionsContainer.UIGrid > tbody > tr > td > div .cardTitle,
.pageSectionCard .cardTitle {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 30px;
}

.pageSectionCard.inlineBlock {
  vertical-align: top;
}
.pageSectionCard.noMargin {
  margin: 0;
}
.pageSectionCard.noBottomMargin {
  margin-bottom: 0;
}

.sectionCardsContainer.UIGrid > tbody > tr > td .pageSectionCard {
  margin: 0;
}
.sectionCardsContainer.UIResponsiveList {
  margin-left: 20px;
  margin-top: 20px;
}
.sectionCardsContainer.UIResponsiveList .pageSectionCard {
  margin-left: 0;
  margin-top: 0;
}

.pageSectionsContainer.UIGrid > tbody > tr > td > div,
.sectionsContainer.UIGrid > tbody > tr > td > div,
.pageSectionCard {
  min-height: 200px;
  min-width: 300px;
}
.pageSectionsContainer.UIGrid > tbody > tr > td > div.noMinWidthCard,
.sectionsContainer.UIGrid > tbody > tr > td > div.noMinWidthCard,
.pageSectionCard.noMinWidthCard {
  min-width: 0;
}
.pageSectionsContainer.UIGrid > tbody > tr > td > div.noMinHeightCard,
.sectionsContainer.UIGrid > tbody > tr > td > div.noMinHeightCard,
.pageSectionCard.noMinHeightCard {
  min-height: 0;
}

table.pageSectionsContainer.UIGrid,
table.sectionsContainer.UIGrid,
table.sectionCardsContainer.UIGrid {
  border-spacing: 20px;
}
table.pageSectionsContainer.UIGrid.noTopSpacing,
table.sectionsContainer.UIGrid.noTopSpacing,
table.sectionCardsContainer.UIGrid.noTopSpacing {
  margin-top: -20px;
}

.pageSectionCard {
  margin: 20px;
}
.pageSectionCard.noHighlight {
  background-color: transparent;
  border: none;
  box-shadow: none;
  min-height: 0;
}
.pageSectionCard.noPadding {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.pageSectionCard .bannerContainer {
  margin: 0 -20px 40px -20px;
  padding: 10px 20px;
  border: 1px solid #e0e0e0;
  border-width: 1px 0;
  background-color: #f5f6f7;
}

.cardHeaderButtonContainer {
  float: right;
  margin-top: -8px;
}

.componentPlaceholder > div {
  min-height: 200px;
}
