/* Legacy */
html {
  background: white;
}

a {
  text-decoration: none;
}
a:not(.buttonText) {
  outline: none;
}
a.newWindowLink {
  background-position: 100% 50%;
  padding: 0px 15px 0px 0px;
  background-image: url("/media/icons/external.gif");
}

.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;
}

* {
  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, .italic {
  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;
}

.rAlign {
  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;
}
/* 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 */
.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;
}

.pageContentContainer {
  min-height: 500px;
}
.runtimeDesktop .pageContentContainer.paddedContentContainer {
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 400px;
}
.runtimeMobile .pageContentContainer.paddedContentContainer {
  padding-top: 20px;
  padding-bottom: 20px;
}

body.runtimeDesktop .hideOnDesktop {
  display: none;
}

body.runtimeMobile .hideOnMobile {
  display: none;
}
.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 */
.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);
  }
}
/*! 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;
}
/* Needs to beat the sticky page type selector so date picker popups etc. go above it */
.layerPage {
  z-index: 10;
}

.layerStatic {
  z-index: 30;
}

.layerDetail {
  z-index: 50;
}

.layerDetail2 {
  z-index: 51;
}

.layerDetail3 {
  z-index: 52;
}

.layerDetail4 {
  z-index: 53;
}

.layerAppPageTopmost {
  z-index: 54;
}

.layerHeader {
  z-index: 55;
}

.layerSidebar {
  z-index: 63;
}

/* Beat UIAppPlaceholder */
.layerDesktopFooter {
  z-index: 62;
}

/* Beat the footer */
.layerOverlayBg {
  z-index: 65;
}

.layerOverlay {
  z-index: 70;
}

.grecaptcha-badge {
  z-index: 500;
  bottom: 80px !important;
}

.allowWrap {
  white-space: normal;
}

.block {
  display: block;
}

img {
  vertical-align: middle;
}

.relative, .positionRelative {
  position: relative;
}

.absolute {
  position: absolute;
  top: 0;
  left: 0;
}

.absoluteFill {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rabsolute {
  position: absolute;
  top: 0;
  right: 0;
}

.fixed {
  position: fixed;
}

.halfWidth {
  width: 50%;
}

.runtimeMobile .fullWidthOnMobile,
.fullWidth,
table.fullWidth {
  width: 100%;
}

.fullHeight {
  height: 100%;
}

.overflowHidden {
  overflow: hidden;
}

.flex {
  display: flex;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIAttachmentList .attachmentContainer {
  margin: 10px 10px 0 0;
}
.UIAttachmentList .attachmentContainer .listItemActionContainer {
  width: 14px;
  height: 14px;
  background-size: contain;
  margin: 0 0 0 15px;
}
.UIAttachmentList .filePreviewContainer {
  vertical-align: middle;
  height: 150px;
  border: 1px solid #e0e0e0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
}
.UIAttachmentList .filePreviewContainer.memoTextContainer {
  text-align: left;
  padding: 25px 10px;
  height: auto;
}
.UIAttachmentList .filePreviewContainer img {
  max-width: 100%;
  max-height: 100%;
  text-align: center;
}
.UIAttachmentList .filePreviewContainer.iconPreview {
  background-position: 50% 50%;
}
.UIAttachmentList .filePreviewContainer.iconPreview.fileType-pdf {
  background-image: url(/media/UITransactionList/items/iconPDF.png);
  background-size: 20px 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) {
  .UIAttachmentList .filePreviewContainer.iconPreview.fileType-pdf {
    background-image: url(/media/UITransactionList/items/iconPDF@2x.png);
  }
}
.UIAttachmentList .filePreviewContainer.iconPreview.fileType-txt {
  background-image: url(/media/UITransactionList/items/iconTXT.png);
  background-size: 20px 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) {
  .UIAttachmentList .filePreviewContainer.iconPreview.fileType-txt {
    background-image: url(/media/UITransactionList/items/iconTXT@2x.png);
  }
}
.UIAttachmentList .filePreviewContainer.iconPreview.fileType-generic {
  background-image: url(/media/UITransactionList/items/iconGeneric.png);
  background-size: 20px 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) {
  .UIAttachmentList .filePreviewContainer.iconPreview.fileType-generic {
    background-image: url(/media/UITransactionList/items/iconGeneric@2x.png);
  }
}
.UIAttachmentList .fileInfoContainer {
  border: 1px solid #e0e0e0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-width: 1px 1px 0;
  padding: 10px;
  white-space: nowrap;
}
.UIAttachmentList .fileInfoContainer > .UILeftRight > .lF {
  width: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIAttachmentList .fileInfoContainer > .UILeftRight > .rF {
  background-color: white;
}
/* Legacy */
.UIBanner .secondaryContentContainer.UIGrid > tbody > tr > td.firstColumn {
  padding-right: 20px;
}
.UIBanner .secondaryContentContainer.UIGrid > tbody > tr > td.lastColumn {
  padding-left: 20px;
  border-left: 1px solid #e0e0e0;
  color: #777;
}
.UIBanner .UIMembershipBenefits .inputLabel {
  margin-bottom: 10px;
}
/* Needs to beat the sticky page type selector so date picker popups etc. go above it */
/* Legacy */
.UIDesktopAppContainer {
  /* Allow scrolling past NUX */
}
.UIDesktopAppContainer .fixedHeaderContainer {
  background-color: #f5f6f7;
  position: sticky;
  top: 50px;
  z-index: 41;
  box-shadow: 0 0 10px #dcdce2;
}
.UIDesktopAppContainer.hasNuxChecklist {
  padding-bottom: 300px;
}
.UIDesktopAppContainer .pageFiltersContainer {
  background: white;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 10px 10px 25px;
}
.UIDesktopAppContainer .pageFiltersContainer .labelledInputContainer {
  margin: 0;
}
.UIDesktopAppContainer .pageFiltersContainer .customFiltersContainer {
  margin-left: 50px;
}
.UIDesktopAppContainer .pageTabSelector > table.UIGrid.UILinkSelector {
  color: #bbb;
}
body.syncAllActive .UIDesktopAppContainer {
  padding-bottom: 180px;
}
/* Legacy */
.relativePageBodyContainer {
  position: relative;
}

.warning, .warningContainer {
  background-position: 0 3px;
  padding: 2px 0px 0px 30px;
  min-height: 20px;
  background-image: url("/media/icons/warning-small.gif");
}
.warning.concise, .warningContainer.concise {
  min-height: 0;
  padding-top: 0;
  padding-left: 25px;
  background-size: 15px;
}
.error, .errorTextContainer, .errorMessageContainer {
  color: #f00;
  background-image: url("/media/icons/error-small.png");
  background-position: 0 4px;
  padding-left: 25px;
  line-height: 1.5em;
}

.errorMessageContainer {
  display: none;
}
.errorMessageContainer.enabled {
  display: block;
}
/* Legacy */
.pageWidthSetter {
  min-width: 1000px;
}

body.pageBody .appContent {
  padding-bottom: 60px;
}

/* Make sure background color stretches all the way to the bottom for pages with short content (e.g. NUX) */
body, html {
  height: 100%;
  background-color: #f5f6f7;
}

@keyframes blinkBorder {
  50% {
    border-color: #fc7655;
  }
}
@keyframes blinkBackground {
  50% {
    background-color: #fc7655;
  }
}
.devLoginIndicator {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  border: 5px solid transparent;
  background-color: transparent;
  animation: blinkBorder 1s infinite;
  z-index: 2000;
}
body.desktop .devLoginIndicator {
  display: none;
}

body.devLogin.runtimeMobile, body.devLogin .devLoginFlasher {
  animation: blinkBackground 1s infinite;
}

.secondaryButton {
  display: inline-block;
  margin: 8px 0 0 20px;
  font-size: 13px;
  text-transform: uppercase;
}

a.secondaryButton {
  text-decoration: underline;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIDesktopAppTitle {
  background-color: white;
  padding-left: 25px;
  border-bottom: 1px solid #e0e0e0;
  height: 61px;
  /* The `.UIGrid` is needed for this rule to trump others */
}
.UIDesktopAppTitle .pageTitleContainer {
  font-size: 26px;
  color: #36c0ff;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: 0% 2px;
  white-space: nowrap;
  /* Default */
  background-image: url(/media/app/UIFilters/icon-transactionsTitle.png);
  background-size: 20px 20px;
}
.UIDesktopAppTitle .pageTitleContainer.truncated {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryAccounts {
  background-image: url(/media/app/UIFilters/icon-accountsTitle.png);
  background-size: 20px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryAccounts {
    background-image: url(/media/app/UIFilters/icon-accountsTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryReminders {
  background-image: url(/media/app/UIFilters/icon-remindersTitle.png);
  background-size: 20px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryReminders {
    background-image: url(/media/app/UIFilters/icon-remindersTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryInsights {
  background-image: url(/media/app/UIFilters/Icon-reportsTittle.png);
  background-size: 21px 21px;
}
@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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryInsights {
    background-image: url(/media/app/UIFilters/Icon-reportsTittle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryBudgets {
  background-image: url(/media/app/UIFilters/icon-budgetsTitle.png);
  background-size: 21px 21px;
}
@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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryBudgets {
    background-image: url(/media/app/UIFilters/icon-budgetsTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryTags {
  background-image: url(/media/app/UIFilters/icon-tagsTitle.png);
  background-size: 20px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryTags {
    background-image: url(/media/app/UIFilters/icon-tagsTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryDashboard {
  background-image: url(/media/app/UIFilters/icon-dashboardTitle.png);
  background-size: 20px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryDashboard {
    background-image: url(/media/app/UIFilters/icon-dashboardTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryForecast {
  background-image: url(/media/app/UIFilters/icon-forecastTitle.png);
  background-size: 20px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryForecast {
    background-image: url(/media/app/UIFilters/icon-forecastTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryPayments {
  background-image: url(/media/app/UIFilters/icon-paymentsTitle.png);
  background-size: 20px 19px;
}
@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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryPayments {
    background-image: url(/media/app/UIFilters/icon-paymentsTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryContacts {
  background-image: url(/media/app/UIFilters/icon-contactsTitle.png);
  background-size: 18px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryContacts {
    background-image: url(/media/app/UIFilters/icon-contactsTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryGroups {
  background-image: url(/media/app/UIFilters/icon-GroupsTitle.png);
  background-size: 20px 18px;
}
@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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryGroups {
    background-image: url(/media/app/UIFilters/icon-GroupsTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryInvites {
  background-image: url(/media/app/UIFilters/icon-inviteTitle.png);
  background-size: 20px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryInvites {
    background-image: url(/media/app/UIFilters/icon-inviteTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategorySettings {
  background-image: url(/media/app/UIFilters/icon-settingsTitle.png);
  background-size: 20px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategorySettings {
    background-image: url(/media/app/UIFilters/icon-settingsTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryDownload {
  background-image: url(/media/app/UIFilters/icon-downloadTitle.png);
  background-size: 20px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryDownload {
    background-image: url(/media/app/UIFilters/icon-downloadTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryRules {
  background-image: url(/media/app/UIFilters/icon-rulesTitle.png);
  background-size: 14px 21px;
}
@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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryRules {
    background-image: url(/media/app/UIFilters/icon-rulesTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryAlerts {
  background-image: url(/media/app/UIAction/icon-alerts.png);
  background-size: 18px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryAlerts {
    background-image: url(/media/app/UIAction/icon-alerts@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryTransactions {
  background-image: url(/media/app/UIFilters/icon-transactionsTitle.png);
  background-size: 20px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryTransactions {
    background-image: url(/media/app/UIFilters/icon-transactionsTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryInvestments {
  background-image: url(/media/app/UIFilters/icon-investmentsTitle.png);
  background-size: 21px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryInvestments {
    background-image: url(/media/app/UIFilters/icon-investmentsTitle@2x.png);
  }
}
.UIDesktopAppTitle .pageTitleContainer.navigationCategoryRetirement {
  background-image: url(/media/retirement/icon-goalsTitle.png);
  background-size: 20px 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) {
  .UIDesktopAppTitle .pageTitleContainer.navigationCategoryRetirement {
    background-image: url(/media/retirement/icon-goalsTitle@2x.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) {
  .UIDesktopAppTitle .pageTitleContainer {
    background-image: url(/media/app/UIFilters/icon-transactionsTitle@2x.png);
  }
}
.UIDesktopAppTitle.loading .UIGrid .pageTitleContainer {
  padding-left: 30px;
  background-image: url(/media/icons/indicator.gif);
  background-position: 0 50%;
  background-size: 16px;
}
.UIDesktopAppTitle .pageTitleMetadata {
  font-size: 13px;
  color: #777;
}
.UIDesktopAppTitle .pageActionList > .UIGrid > tbody > tr > td {
  width: 1px;
  vertical-align: middle;
}
.UIDesktopAppTitle .secondaryActionShowButton,
.UIDesktopAppTitle .secondaryActionHideButton {
  cursor: pointer;
  font-size: 30px;
  width: 60px;
  text-align: center;
  padding: 13px 0px 17px;
}
.UIDesktopAppTitle .pageActionList.hasSecondaryActions {
  position: relative;
  margin-right: 35px;
}
.UIDesktopAppTitle .secondaryActionsContainer {
  position: absolute;
  left: 100%;
  top: 0;
  background: white;
}
.UIDesktopAppTitle .secondaryActionList,
.UIDesktopAppTitle .secondaryActionHideButton, .UIDesktopAppTitle.actionsExpanded .secondaryActionShowButton {
  display: none;
}
.UIDesktopAppTitle.actionsExpanded .secondaryActionList, .UIDesktopAppTitle.actionsExpanded .secondaryActionHideButton,
.UIDesktopAppTitle .secondaryActionShowButton {
  display: block;
}
@media only screen and (max-width: 1000px) {
  .UIDesktopAppTitle .secondaryActionShowButton,
  .UIDesktopAppTitle .secondaryActionHideButton {
    padding-top: 12px;
    padding-bottom: 13px;
  }
}
.UIDesktopAppTitle .UICategoryNavigation .categoryName, .UIDesktopAppTitle .UICategoryNavigation .categorySeparator {
  color: #36c0ff;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UINavigationItem {
  text-transform: uppercase;
  cursor: pointer;
  height: 50px;
  color: #ccc;
  display: block;
  font-size: 10px;
  background-position: 50% 8px;
  text-align: center;
  white-space: nowrap;
  padding: 35px 5px 0px;
  min-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UINavigationItem:hover {
  color: #f6f7f8;
  background-color: #495055;
}
.UINavigationItem.loading {
  background-image: none;
}
.UINavigationItem.loading .elementLoadingIndicator {
  background-position: 50% 10px;
  background-size: 16px 16px;
}
.UINavigationItem.highlighted, .UINavigationItem.highlighted:hover {
  color: #f6f7f8;
  background-color: #42b7ff;
}
.UINavigationItem.selected, .UINavigationItem:hover {
  color: #f6f7f8;
  background-color: #495055;
}
.UIPopup.opening .popupHandleContainer .UINavigationItem, .UIPopup.open .popupHandleContainer .UINavigationItem {
  background-color: #495055;
  color: white;
}
.UINavigationItem.itemTypeAccounts {
  background-image: url(/media/UISidebar/icon-accountsNormal.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeAccounts {
    background-image: url(/media/UISidebar/icon-accountsNormal@2x.png);
  }
}
.UINavigationItem.itemTypeAccounts.highlighted, .UINavigationItem.itemTypeAccounts.selected, .UINavigationItem.itemTypeAccounts:hover {
  background-image: url(/media/UISidebar/icon-accountsActive.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeAccounts.highlighted, .UINavigationItem.itemTypeAccounts.selected, .UINavigationItem.itemTypeAccounts:hover {
    background-image: url(/media/UISidebar/icon-accountsActive@2x.png);
  }
}
.UINavigationItem.itemTypeReminders, .UINavigationItem.itemTypeSchedules {
  background-image: url(/media/UISidebar/icon-remindersNormal.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeReminders, .UINavigationItem.itemTypeSchedules {
    background-image: url(/media/UISidebar/icon-remindersNormal@2x.png);
  }
}
.UINavigationItem.itemTypeReminders.highlighted, .UINavigationItem.itemTypeReminders.selected, .UINavigationItem.itemTypeReminders:hover, .UINavigationItem.itemTypeSchedules.highlighted, .UINavigationItem.itemTypeSchedules.selected, .UINavigationItem.itemTypeSchedules:hover {
  background-image: url(/media/UISidebar/icon-remindersActive.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeReminders.highlighted, .UINavigationItem.itemTypeReminders.selected, .UINavigationItem.itemTypeReminders:hover, .UINavigationItem.itemTypeSchedules.highlighted, .UINavigationItem.itemTypeSchedules.selected, .UINavigationItem.itemTypeSchedules:hover {
    background-image: url(/media/UISidebar/icon-remindersActive@2x.png);
  }
}
.UINavigationItem.itemTypeTags {
  background-image: url(/media/UISidebar/icon-tagsNormal.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeTags {
    background-image: url(/media/UISidebar/icon-tagsNormal@2x.png);
  }
}
.UINavigationItem.itemTypeTags.highlighted, .UINavigationItem.itemTypeTags.selected, .UINavigationItem.itemTypeTags:hover {
  background-image: url(/media/UISidebar/icon-tagsActive.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeTags.highlighted, .UINavigationItem.itemTypeTags.selected, .UINavigationItem.itemTypeTags:hover {
    background-image: url(/media/UISidebar/icon-tagsActive@2x.png);
  }
}
.UINavigationItem.itemTypeContacts {
  background-image: url(/media/UISidebar/icon-GroupsNormal.png);
  background-size: 20px 18px;
}
@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) {
  .UINavigationItem.itemTypeContacts {
    background-image: url(/media/UISidebar/icon-GroupsNormal@2x.png);
  }
}
.UINavigationItem.itemTypeContacts.highlighted, .UINavigationItem.itemTypeContacts.selected, .UINavigationItem.itemTypeContacts:hover {
  background-image: url(/media/UISidebar/icon-GroupsActive.png);
  background-size: 20px 18px;
}
@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) {
  .UINavigationItem.itemTypeContacts.highlighted, .UINavigationItem.itemTypeContacts.selected, .UINavigationItem.itemTypeContacts:hover {
    background-image: url(/media/UISidebar/icon-GroupsActive@2x.png);
  }
}
.UINavigationItem.searchAction {
  background-image: url(/media/app/UIHeader/icon-search-dark.png);
  background-size: 23px 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) {
  .UINavigationItem.searchAction {
    background-image: url(/media/app/UIHeader/icon-search-dark@2x.png);
  }
}
.UINavigationItem.searchAction:hover {
  background-image: url(/media/app/UIHeader/icon-search-dark-over.png);
  background-size: 23px 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) {
  .UINavigationItem.searchAction:hover {
    background-image: url(/media/app/UIHeader/icon-search-dark-over@2x.png);
  }
}
.UINavigationItem.helpAction {
  background-image: url(/media/app/UIHeader/icon-helpNormal.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) {
  .UINavigationItem.helpAction {
    background-image: url(/media/app/UIHeader/icon-helpNormal@2x.png);
  }
}
.UINavigationItem.helpAction:hover {
  background-image: url(/media/app/UIHeader/icon-helpOver.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) {
  .UINavigationItem.helpAction:hover {
    background-image: url(/media/app/UIHeader/icon-helpOver@2x.png);
  }
}
.UINavigationItem.settingsAction {
  background-image: url(/media/app/UIAction/icon-profile.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) {
  .UINavigationItem.settingsAction {
    background-image: url(/media/app/UIAction/icon-profile@2x.png);
  }
}
.UINavigationItem.uploadAction {
  background-image: url(/media/app/UIHeader/icon-statmentNormal.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) {
  .UINavigationItem.uploadAction {
    background-image: url(/media/app/UIHeader/icon-statmentNormal@2x.png);
  }
}
.UINavigationItem.uploadAction:hover {
  background-image: url(/media/app/UIHeader/icon-statmentOver.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) {
  .UINavigationItem.uploadAction:hover {
    background-image: url(/media/app/UIHeader/icon-statmentOver@2x.png);
  }
}
.UINavigationItem.syncAction {
  background-image: url(/media/app/UIHeader/icon-syncAccountsNormal.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) {
  .UINavigationItem.syncAction {
    background-image: url(/media/app/UIHeader/icon-syncAccountsNormal@2x.png);
  }
}
.UINavigationItem.syncAction:hover {
  background-image: url(/media/app/UIHeader/icon-syncAccountsOver.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) {
  .UINavigationItem.syncAction:hover {
    background-image: url(/media/app/UIHeader/icon-syncAccountsOver@2x.png);
  }
}
.UINavigationItem.downloadAction {
  background-image: url(/media/app/UIHeader/icon-downloadNormal.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) {
  .UINavigationItem.downloadAction {
    background-image: url(/media/app/UIHeader/icon-downloadNormal@2x.png);
  }
}
.UINavigationItem.downloadAction:hover {
  background-image: url(/media/app/UIHeader/icon-downloadOver.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) {
  .UINavigationItem.downloadAction:hover {
    background-image: url(/media/app/UIHeader/icon-downloadOver@2x.png);
  }
}
.UINavigationItem.rulesAction, .UINavigationItem.itemTypeRules {
  background-image: url(/media/rules/icon-rules-lightning.png);
  background-size: 14px 21px;
}
@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) {
  .UINavigationItem.rulesAction, .UINavigationItem.itemTypeRules {
    background-image: url(/media/rules/icon-rules-lightning@2x.png);
  }
}
.UINavigationItem.rulesAction.highlighted, .UINavigationItem.rulesAction.selected, .UINavigationItem.rulesAction:hover, .UINavigationItem.itemTypeRules.highlighted, .UINavigationItem.itemTypeRules.selected, .UINavigationItem.itemTypeRules:hover {
  background-image: url(/media/UITransactionList/UIActions/icon-rules-white.png);
  background-size: 14px 21px;
}
@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) {
  .UINavigationItem.rulesAction.highlighted, .UINavigationItem.rulesAction.selected, .UINavigationItem.rulesAction:hover, .UINavigationItem.itemTypeRules.highlighted, .UINavigationItem.itemTypeRules.selected, .UINavigationItem.itemTypeRules:hover {
    background-image: url(/media/UITransactionList/UIActions/icon-rules-white@2x.png);
  }
}
.UINavigationItem.upgradeAction.UINavigationItem {
  background-image: url(/media/app/UIAction/icon-password-white.png);
}
.UINavigationItem.upgradeAction.UINavigationItem, .UINavigationItem.upgradeAction.UINavigationItem:hover {
  color: #F3A536;
  font-weight: bold;
}
@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) {
  .UINavigationItem.upgradeAction.UINavigationItem {
    background-image: url(/media/app/UIAction/icon-password-white@2x.png);
  }
}
.UINavigationItem.inviteAction {
  background-image: url(/media/app/UIHeader/icon-inviteNormal.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) {
  .UINavigationItem.inviteAction {
    background-image: url(/media/app/UIHeader/icon-inviteNormal@2x.png);
  }
}
.UINavigationItem.inviteAction.highlighted, .UINavigationItem.inviteAction.selected, .UINavigationItem.inviteAction:hover {
  background-image: url(/media/app/UIHeader/icon-inviteActive.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) {
  .UINavigationItem.inviteAction.highlighted, .UINavigationItem.inviteAction.selected, .UINavigationItem.inviteAction:hover {
    background-image: url(/media/app/UIHeader/icon-inviteActive@2x.png);
  }
}
.UINavigationItem.itemTypeDashboard {
  background-image: url(/media/UISidebar/icon-dashboardNormal.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeDashboard {
    background-image: url(/media/UISidebar/icon-dashboardNormal@2x.png);
  }
}
.UINavigationItem.itemTypeDashboard.highlighted, .UINavigationItem.itemTypeDashboard.selected, .UINavigationItem.itemTypeDashboard:hover {
  background-image: url(/media/UISidebar/icon-dashboardActive.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeDashboard.highlighted, .UINavigationItem.itemTypeDashboard.selected, .UINavigationItem.itemTypeDashboard:hover {
    background-image: url(/media/UISidebar/icon-dashboardActive@2x.png);
  }
}
.UINavigationItem.itemTypeForecast {
  background-image: url(/media/UISidebar/icon-forecastNormal.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeForecast {
    background-image: url(/media/UISidebar/icon-forecastNormal@2x.png);
  }
}
.UINavigationItem.itemTypeForecast.highlighted, .UINavigationItem.itemTypeForecast.selected, .UINavigationItem.itemTypeForecast:hover {
  background-image: url(/media/UISidebar/icon-forecastActive.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeForecast.highlighted, .UINavigationItem.itemTypeForecast.selected, .UINavigationItem.itemTypeForecast:hover {
    background-image: url(/media/UISidebar/icon-forecastActive@2x.png);
  }
}
.UINavigationItem.itemTypePayments {
  background-image: url(/media/UISidebar/icon-paymentsNormal.png);
  background-size: 20px 19px;
}
@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) {
  .UINavigationItem.itemTypePayments {
    background-image: url(/media/UISidebar/icon-paymentsNormal@2x.png);
  }
}
.UINavigationItem.itemTypePayments.highlighted, .UINavigationItem.itemTypePayments.selected, .UINavigationItem.itemTypePayments:hover {
  background-image: url(/media/UISidebar/icon-paymentsActive.png);
  background-size: 20px 19px;
}
@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) {
  .UINavigationItem.itemTypePayments.highlighted, .UINavigationItem.itemTypePayments.selected, .UINavigationItem.itemTypePayments:hover {
    background-image: url(/media/UISidebar/icon-paymentsActive@2x.png);
  }
}
.UINavigationItem.itemTypeInsights {
  background-image: url(/media/UISidebar/Icon-reportsNormal2.png);
  background-size: 21px 21px;
}
@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) {
  .UINavigationItem.itemTypeInsights {
    background-image: url(/media/UISidebar/Icon-reportsNormal2@2x.png);
  }
}
.UINavigationItem.itemTypeInsights.highlighted, .UINavigationItem.itemTypeInsights.selected, .UINavigationItem.itemTypeInsights:hover {
  background-image: url(/media/UISidebar/Icon-reportsActive2.png);
  background-size: 21px 21px;
}
@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) {
  .UINavigationItem.itemTypeInsights.highlighted, .UINavigationItem.itemTypeInsights.selected, .UINavigationItem.itemTypeInsights:hover {
    background-image: url(/media/UISidebar/Icon-reportsActive2@2x.png);
  }
}
.UINavigationItem.itemTypeBudgets {
  background-image: url(/media/UISidebar/icon-budgetsNormal.png);
  background-size: 21px 21px;
}
@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) {
  .UINavigationItem.itemTypeBudgets {
    background-image: url(/media/UISidebar/icon-budgetsNormal@2x.png);
  }
}
.UINavigationItem.itemTypeBudgets.highlighted, .UINavigationItem.itemTypeBudgets.selected, .UINavigationItem.itemTypeBudgets:hover {
  background-image: url(/media/UISidebar/icon-budgetsActive.png);
  background-size: 21px 21px;
}
@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) {
  .UINavigationItem.itemTypeBudgets.highlighted, .UINavigationItem.itemTypeBudgets.selected, .UINavigationItem.itemTypeBudgets:hover {
    background-image: url(/media/UISidebar/icon-budgetsActive@2x.png);
  }
}
.UINavigationItem.itemTypeInvestments {
  background-image: url(/media/UISidebar/icon-investmentsNormal.png);
  background-size: 21px 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) {
  .UINavigationItem.itemTypeInvestments {
    background-image: url(/media/UISidebar/icon-investmentsNormal@2x.png);
  }
}
.UINavigationItem.itemTypeInvestments.highlighted, .UINavigationItem.itemTypeInvestments.selected, .UINavigationItem.itemTypeInvestments:hover {
  background-image: url(/media/UISidebar/icon-investmentsActive.png);
  background-size: 21px 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) {
  .UINavigationItem.itemTypeInvestments.highlighted, .UINavigationItem.itemTypeInvestments.selected, .UINavigationItem.itemTypeInvestments:hover {
    background-image: url(/media/UISidebar/icon-investmentsActive@2x.png);
  }
}
.UINavigationItem.itemTypeRetirement {
  background-image: url(/media/retirement/icon-goalsNormal.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeRetirement {
    background-image: url(/media/retirement/icon-goalsNormal@2x.png);
  }
}
.UINavigationItem.itemTypeRetirement.highlighted, .UINavigationItem.itemTypeRetirement.selected, .UINavigationItem.itemTypeRetirement:hover {
  background-image: url(/media/retirement/icon-goalsActive.png);
  background-size: 20px 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) {
  .UINavigationItem.itemTypeRetirement.highlighted, .UINavigationItem.itemTypeRetirement.selected, .UINavigationItem.itemTypeRetirement:hover {
    background-image: url(/media/retirement/icon-goalsActive@2x.png);
  }
}
/* 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;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIDesktopNotice {
  border: 1px solid #F3A536;
  padding: 10px;
  position: relative;
}
.UIDesktopNotice.insideOverlay {
  border-width: 0 0 1px;
  border-color: #e0e0e0;
  margin-bottom: 30px;
  color: #777;
}
.UIDesktopNotice.insideCard {
  position: relative;
  color: #777;
  font-size: 14px;
  border-width: 0px 0px 1px;
  margin: 0 -20px 40px;
  padding: 0 20px 20px;
  background-color: #f5f6f7;
}
.UIDesktopNotice.insideCard.footerNotice {
  border-width: 1px 0 0;
  padding-top: 15px;
  margin-top: 40px;
  margin-bottom: -20px;
  border-radius: 0 0 5px 5px;
}
.UIDesktopNotice.insideCard .secondaryButton {
  margin-left: 0;
  margin-top: 10px;
  font-size: 12px;
  display: block;
}
.UIDesktopNotice.pageSection {
  border-width: 2px;
  border-radius: 5px;
  margin: 20px;
  background-color: white;
  padding: 15px 20px;
}
.UIDesktopNotice .dismissActionContainer {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url(/media/ui/UIModalDialog/icon-ModalClose.png);
  background-size: 20px 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) {
  .UIDesktopNotice .dismissActionContainer {
    background-image: url(/media/ui/UIModalDialog/icon-ModalClose@2x.png);
  }
}
.UIDesktopNotice > div > .UIGrid > tbody > tr > td.firstColumn {
  padding-right: 25px;
}
.UIDesktopNotice .titleContainer, .UIDesktopNotice .noticeTitleContainer {
  font-weight: bold;
  margin-bottom: 20px;
}
.UIDesktopNotice.errorNotice {
  border-color: #EE624C;
}
.UIDesktopNotice.errorNotice .titleContainer {
  color: #EE624C;
}
.UIDesktopNotice .rightContentContainer {
  padding-left: 120px;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIDesktopTitleFilters {
  /* This is needed for proper vertical centering of the account filter dropdown */
}
.componentPlaceholder > .UIDesktopTitleFilters {
  min-height: 0;
}
.UIDesktopTitleFilters .filtersContainer.UIGrid > tbody > tr > td {
  padding-right: 40px;
  vertical-align: middle;
}
.UIDesktopTitleFilters .filtersContainer.UIGrid > tbody > tr > td.firstColumn {
  padding-right: 45px;
}
.UIDesktopTitleFilters .secondaryFilterContainer {
  display: block;
  font-weight: 300;
  height: 30px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 0 15px;
}
.UIDesktopTitleFilters .secondaryFilterContainer .popupArrowContainer {
  background-image: url(/media/ui/UIPopup/popup-arrow-top.png);
  background-size: 18px 11px;
}
@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) {
  .UIDesktopTitleFilters .secondaryFilterContainer .popupArrowContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-top@2x.png);
  }
}
.UIDesktopTitleFilters .secondaryFilterContainer .popupHandleContainer, .UIDesktopTitleFilters .secondaryFilterContainer .filterTitleContainer {
  white-space: nowrap;
  font-size: 16px;
  color: #606472;
}
.UIDesktopTitleFilters .secondaryFilterContainer .popupHandleContainer {
  display: table-cell;
  padding-left: 30px;
  background-position: 0px 50%;
}
.UIDesktopTitleFilters .secondaryFilterContainer .dropdownFilterTitleContainer {
  background-image: url(/media/app/UIFilters/dropdown-dark.png);
  background-size: 10px 5px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right: 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) {
  .UIDesktopTitleFilters .secondaryFilterContainer .dropdownFilterTitleContainer {
    background-image: url(/media/app/UIFilters/dropdown-dark@2x.png);
  }
}
.UIDesktopTitleFilters .secondaryFilterContainer .accountFilter .popupHandleContainer {
  background-image: url(/media/UISidebar/icon-accountsNormal.png);
  background-size: 14px;
}
@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) {
  .UIDesktopTitleFilters .secondaryFilterContainer .accountFilter .popupHandleContainer {
    background-image: url(/media/UISidebar/icon-accountsNormal@2x.png);
  }
}
.UIDesktopTitleFilters .secondaryFilterContainer .tagFilter .popupHandleContainer {
  background-image: url(/media/UISidebar/icon-tagsNormal.png);
  background-size: 14px;
}
@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) {
  .UIDesktopTitleFilters .secondaryFilterContainer .tagFilter .popupHandleContainer {
    background-image: url(/media/UISidebar/icon-tagsNormal@2x.png);
  }
}
.UIDesktopTitleFilters .secondaryFilterContainer .reminderPeriodPicker {
  text-transform: uppercase;
}
.UIDesktopTitleFilters .secondaryFilterContainer .reminderPeriodPicker, .UIDesktopTitleFilters .secondaryFilterContainer .UIPopup > .popupHandleContainer {
  vertical-align: middle;
  line-height: 28px;
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer {
  padding: 0;
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .filterTitleContainer {
  padding: 0 15px;
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer.hasNavigationArrows .filterTitleContainer {
  border: 1px solid #e0e0e0;
  border-width: 0 1px;
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .arrowContainer {
  width: 28px;
  height: 28px;
  background-position: 50% 50%;
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .arrowContainer.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .prevPeriodArrowContainer {
  background-image: url(/media/ui/UIPeriodPicker/icons-arrowLeft.png);
  background-size: 6px 10px;
  /* @include backgroundImage('/media/ui/UIPopup', 'popup-arrow-left.png', 'popup-arrow-left@2x.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) {
  .UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .prevPeriodArrowContainer {
    background-image: url(/media/ui/UIPeriodPicker/icons-arrowLeft@2x.png);
  }
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .nextPeriodArrowContainer {
  background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight.png);
  background-size: 6px 10px;
  /* @include backgroundImage('/media/ui/UIPopup', 'popup-arrow-right.png', 'popup-arrow-right@2x.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) {
  .UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .nextPeriodArrowContainer {
    background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight@2x.png);
  }
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .UIPeriodPicker .popupHandleContainer {
  padding-left: 0;
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .UIPeriodPicker .calendarHandleContainer {
  padding-right: 20px;
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .UIPeriodPicker .calendarHandleContainer .periodDescriptionContainer {
  padding-left: 23px;
}
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .UIPeriodPicker .calendarHandleContainer .periodDescriptionContainer,
.UIDesktopTitleFilters .secondaryFilterContainer.periodPickerContainer .UIPopup > .popupHandleContainer {
  background-size: 14px;
}
@media only screen and (max-width: 1000px) {
  .UIDesktopTitleFilters {
    font-size: 25px;
  }
  .UIDesktopTitleFilters > .UIGrid > tbody > tr > td {
    padding: 15px 30px 15px 0px;
  }
}
.UIDesktopTitleFilters .UIPeriodPicker .calendarHandleContainer .periodDescriptionContainer,
.UIDesktopTitleFilters .secondaryFilterContainer .popupHandleContainer {
  font-size: 15px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
/* Needs to beat the sticky page type selector so date picker popups etc. go above it */
.UIDesktopAppHeader {
  background-color: #282e33;
  color: #606472;
  height: 50px;
}
.UIDesktopAppHeader .navigationContentContainer {
  background-color: #282e33;
  /* This container is fixed, so header can take the appropriate height */
  z-index: 55;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 50px;
}
.UIDesktopAppHeader .UIResponsiveList {
  white-space: nowrap;
}
.UIDesktopAppHeader .actionSidebarContainer {
  background-color: #282e33;
  z-index: 55;
  position: fixed;
  white-space: nowrap;
}
.UIDesktopAppHeader .actionSidebarContainer .UINavigationItem {
  color: #999;
}
.UIDesktopAppHeader .logoContainer {
  border-bottom: 1px solid #1c2024;
  background-image: url(/media/logo/piechart-dark-round.png);
  background-color: #282e33;
  background-position: 50% 50%;
  background-size: 30px;
  width: 60px;
  min-width: 60px;
  height: 50px;
  display: block;
  color: white;
}
@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) {
  .UIDesktopAppHeader .logoContainer {
    background-image: url(/media/logo/piechart-dark-round@2x.png);
  }
}
.UIDesktopAppHeader .logoContainer:hover {
  background-color: #282e33;
}
.UIDesktopAppHeader .searchInputContainer {
  display: none;
  position: absolute;
  right: 15px;
  top: 0;
  background-color: #282e33;
  line-height: 50px;
  height: 50px;
  vertical-align: middle;
}
.UIDesktopAppHeader .searchInputContainer input.globalSearchInput {
  width: 100%;
  font-size: 14px;
  border: none;
  border-radius: 15px;
  background-color: white;
  background-position: 12px 50%;
  background-image: url(/media/app/UIHeader/icons-search.png);
  background-size: 17px 15px;
  padding: 5px 10px 5px 35px;
  /* Needed to center align on Safari Mac */
  line-height: 29px;
}
@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) {
  .UIDesktopAppHeader .searchInputContainer input.globalSearchInput {
    background-image: url(/media/app/UIHeader/icons-search@2x.png);
  }
}
.UIDesktopAppHeader .searchInputContainer input.globalSearchInput.loading {
  background-image: url(/media/icons/indicator.gif);
  background-position: 10px 50%;
}
.UIDesktopAppHeader.searchActive .searchInputContainer {
  display: block;
}
.UIDesktopAppHeader ::-webkit-input-placeholder {
  color: #ABADAF;
  font-style: italic;
}
.UIDesktopAppHeader :-moz-placeholder {
  color: #ABADAF;
  font-style: italic;
}
.UIDesktopAppHeader ::-moz-placeholder {
  color: #ABADAF;
  font-style: italic;
}
.UIDesktopAppHeader :-ms-input-placeholder {
  color: #ABADAF;
  font-style: italic;
}
.UIDesktopAppHeader .addActionContainer .UIPopup .popupContentContainer {
  text-align: left;
}
.UIDesktopAppHeader .addActionContainer .UIPopup .addAction {
  background-image: url(/media/app/UIHeader/icon-addtransactionNormal.png);
  background-size: 20px 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) {
  .UIDesktopAppHeader .addActionContainer .UIPopup .addAction {
    background-image: url(/media/app/UIHeader/icon-addtransactionNormal@2x.png);
  }
}
.UIDesktopAppHeader .addActionContainer .UIPopup .addAction:hover {
  background-image: url(/media/app/UIHeader/icon-addtransactionActive.png);
  background-size: 20px 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) {
  .UIDesktopAppHeader .addActionContainer .UIPopup .addAction:hover {
    background-image: url(/media/app/UIHeader/icon-addtransactionActive@2x.png);
  }
}
.UIDesktopAppHeader .addActionContainer .UIPopup.opening .popupHandleContainer .addAction, .UIDesktopAppHeader .addActionContainer .UIPopup.open .popupHandleContainer .addAction {
  background-image: url(/media/app/UIHeader/icon-addtransactionActive.png);
  background-size: 20px 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) {
  .UIDesktopAppHeader .addActionContainer .UIPopup.opening .popupHandleContainer .addAction, .UIDesktopAppHeader .addActionContainer .UIPopup.open .popupHandleContainer .addAction {
    background-image: url(/media/app/UIHeader/icon-addtransactionActive@2x.png);
  }
}
.UIDesktopAppHeader .UIPopup .popupContentContainer .optionLink {
  min-width: 150px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIDesktopFooter {
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  position: fixed;
  background-color: #282e33;
  text-align: right;
  text-transform: uppercase;
  padding: 5px 0;
}
.UIDesktopFooter > .footerItemsContainer.UIResponsiveList > div {
  margin: 0 5px;
}
.UIDesktopFooter .UINavigationItem {
  min-width: 0;
  line-height: 30px;
  vertical-align: middle;
  border-radius: 3px;
  font-size: 11px;
  height: auto;
  background-position: 10px 50%;
  background-size: auto 14px;
  padding: 0 10px 0 30px;
}
.UIDesktopFooter .UINavigationItem.footerItem {
  padding: 0 10px;
}
.UIDesktopFooter .UINavigationItem:hover {
  color: white;
}
.UIDesktopFooter .UINavigationItem.exitDemoAction {
  background-image: url(/media/UITransactionList/items/CloseButton.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) {
  .UIDesktopFooter .UINavigationItem.exitDemoAction {
    background-image: url(/media/UITransactionList/items/CloseButton@2x.png);
  }
}
.UIDesktopFooter .UINavigationItem.buttonAction {
  border: 3px solid #1c2024;
  line-height: 24px;
}
.UIDesktopFooter .UINavigationItem.buttonAction.upgradeAction {
  border-color: #F3A536;
}
.UIDesktopFooter .UINavigationItem.buttonAction.upgradeAction:hover {
  background-color: #F3A536;
  color: white;
}
.UIDesktopFooter .UIPopup .popupHandleContainer > .footerItem {
  background-image: url(/media/ui/UIDropdown/Dropdown-inactive.png);
  background-size: 10px 6px;
  background-position: 100% 50%;
  padding-right: 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) {
  .UIDesktopFooter .UIPopup .popupHandleContainer > .footerItem {
    background-image: url(/media/ui/UIDropdown/Dropdown-inactive@2x.png);
  }
}
.UIDesktopFooter .UIPopup .popupHandleContainer > .footerItem:hover {
  background-image: url(/media/ui/UIDropdown/icon-dropdown-arrow-down.png);
  background-size: 10px 6px;
}
@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) {
  .UIDesktopFooter .UIPopup .popupHandleContainer > .footerItem:hover {
    background-image: url(/media/ui/UIDropdown/icon-dropdown-arrow-down@2x.png);
  }
}
.UIDesktopFooter .UIPopup.opening .popupHandleContainer, .UIDesktopFooter .UIPopup.open .popupHandleContainer {
  background-color: #353a4c;
}
.UIDesktopFooter .UIPopup.opening .popupHandleContainer > .footerItem, .UIDesktopFooter .UIPopup.open .popupHandleContainer > .footerItem {
  background-image: url(/media/ui/UIDropdown/icon-dropdown-arrow-up.png);
  background-size: 10px 6px;
  color: white;
}
@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) {
  .UIDesktopFooter .UIPopup.opening .popupHandleContainer > .footerItem, .UIDesktopFooter .UIPopup.open .popupHandleContainer > .footerItem {
    background-image: url(/media/ui/UIDropdown/icon-dropdown-arrow-up@2x.png);
  }
}
.UIDesktopFooter .UIPopup .popupHandleContainer .footerItem {
  padding-right: 30px;
}
.UIDesktopFooter .UIPopup .popupContentContainer .optionLink {
  text-align: right;
  font-size: 13px;
}
.UIDesktopFooter .settingsActionContainer .UIMenu .optionLink.viewerInfoContainer {
  font-size: 11px;
  line-height: 15px;
  min-width: 150px;
  max-width: 200px;
  white-space: normal;
  cursor: default;
  color: #999;
  background-color: transparent;
}
.UIPageStatus {
  padding: 10px 20px;
  color: #2B2F3E;
  cursor: pointer;
}
.UIPageStatus.async {
  display: none;
}
.UIPageStatus.success {
  background-color: #30d283;
  color: white;
}
.UIPageStatus.warning {
  background: #FDBE2C;
}
.UIPageStatus.info {
  background-color: #FFF;
}
.UIPageStatus.error {
  background: #EE624C;
  color: white;
}
.UIPageStatus .titleContainer {
  margin-right: 10px;
  white-space: nowrap;
}
.UIPageStatus .detailsContainer {
  margin-top: 5px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIAppPlaceholder {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
}
body.sidebarOpen.sidebarPositionLeft .UIAppPlaceholder {
  left: 280px;
}
.UIAppPlaceholder .loading {
  font-size: 26px;
  padding-left: 55px;
  border-bottom: 1px solid #e0e0e0;
  height: 61px;
  line-height: 60px;
  vertical-align: middle;
  text-align: left;
  color: #55A5F8;
  background-color: white;
  background-image: url(/media/icons/indicator.gif);
  background-repeat: no-repeat;
  background-position: 25px 50%;
}
@media only screen and (max-width: 1000px) {
  .UIAppPlaceholder .loading {
    font-size: 25px;
  }
}
@charset "UTF-8";
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIPageAction {
  display: block;
  text-align: center;
  padding: 12px 10px 0px;
  min-width: 65px;
  height: 60px;
}
.UIPageAction .labelContainer {
  text-align: center;
  margin-top: 5px;
  font-size: 10px;
  color: #606472;
  cursor: pointer;
  white-space: nowrap;
}
.UIPageAction .imageContainer {
  height: 22px;
}
.UIPageAction .imageContainer img {
  max-height: 20px;
}
.UIPageAction.favoriteAction .imageContainer img {
  display: none;
}
.UIPageAction.favoriteAction .imageContainer::before {
  font-size: 20px;
  content: "☆";
  color: #777;
}
.UIPageAction.favoriteAction.enabled .imageContainer::before {
  content: "★";
  color: #F3A536;
}
.UIPageAction.destructiveAction {
  background: transparent;
}
.UIPageAction.destructiveAction .labelContainer {
  color: #e64b30;
}
@media only screen and (max-width: 1000px) {
  .UIPageAction {
    padding: 12px 10px;
    max-height: 55px;
  }
  .UIPageAction .imageContainer,
  .UIPageAction .imageContainer img {
    height: 15px;
  }
}

/* Generic actions */
.iconAction {
  width: 14px;
  height: 14px;
}
.iconAction.historyAction {
  background-image: url(/media/app/UIAction/icon-sync-history.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) {
  .iconAction.historyAction {
    background-image: url(/media/app/UIAction/icon-sync-history@2x.png);
  }
}
.iconAction.downloadAction {
  background-image: url(/media/app/UIHeader/icon-downloadNormal@1x.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) {
  .iconAction.downloadAction {
    background-image: url(/media/app/UIHeader/icon-downloadNormal@2x.png);
  }
}
.iconAction.uploadAction {
  background-image: url(/media/app/UIHeader/icon-statmentNormal.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) {
  .iconAction.uploadAction {
    background-image: url(/media/app/UIHeader/icon-statmentNormal@2x.png);
  }
}
.iconAction.settingsAction {
  background-image: url(/media/app/UIHeader/icon-settingsNormal.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) {
  .iconAction.settingsAction {
    background-image: url(/media/app/UIHeader/icon-settingsNormal@2x.png);
  }
}
.iconAction.searchAction {
  background-image: url(/media/app/UIHeader/icon-search-dark.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) {
  .iconAction.searchAction {
    background-image: url(/media/app/UIHeader/icon-search-dark@2x.png);
  }
}
/* Legacy */
.UIDownloadPageAction .titleContainer {
  padding: 10px;
  text-align: center;
  background: #36c0ff;
}
.UIDownloadPageAction .downloadContentContainer {
  padding: 40px;
  text-align: center;
}
/* Legacy */
.UIComponent .elementLoadingIndicator {
  background-color: transparent;
}
.UIComponent .errorContainer {
  margin-top: 20px;
  color: #777;
  font-style: italic;
  line-height: 1.2em;
}
/* Legacy */
.UIRuleInput {
  /* Overwrite display styles for UIControl */
}
.UIRuleInput .allInputRowsContainer {
  margin-bottom: 30px;
}
.UIRuleInput .primaryInputContainer {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIRuleInput .primaryInputContainer input[type=text],
.UIRuleInput .primaryInputContainer input[type=password],
.UIRuleInput .primaryInputContainer .UIButton {
  width: 180px;
}
.UIRuleInput .primaryInputContainer .UIDropdown.UIControl {
  width: 180px;
}
.UIRuleInput .primaryInputContainer .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIRuleInput .matchTypeInputContainer {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIRuleInput .matchTypeInputContainer input[type=text],
.UIRuleInput .matchTypeInputContainer input[type=password],
.UIRuleInput .matchTypeInputContainer .UIButton {
  width: 120px;
}
.UIRuleInput .matchTypeInputContainer .UIDropdown.UIControl {
  width: 120px;
}
.UIRuleInput .matchTypeInputContainer .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIRuleInput input.inputValueContainer {
  width: 250px;
}
.UIRuleInput .inputContainer {
  display: inline-block;
  vertical-align: top;
}
.UIRuleInput .hidden {
  display: none;
}
.UIRuleInput .listItemActionContainer.deleteRowAction {
  height: 29px;
  width: 29px;
  margin: 0 0 0 10px;
  background-position: 50% 50%;
  display: none;
}
.UIRuleInput .inputRowContainer.primaryInputSelected .deleteRowAction {
  display: block;
}
.UIRuleInput .inputRowContainer .regexpHelp {
  display: none;
  margin-top: 10px;
  font-style: italic;
}
.UIRuleInput .inputRowContainer.regexpSelected .regexpHelp {
  display: block;
}
/* Legacy */
.UIRulePreview {
  border-radius: 5px;
  background-color: #f5f6f7;
  border: 1px solid #e0e0e0;
}
.UIRulePreview.emptyFilters {
  padding: 35px;
}
.UIRulePreview .resultsLabelContainer {
  margin: 15px 0 15px 10px;
}
.UIRulePreview .emptyResultsContainer {
  padding: 15px;
}
.UIRulePreview .transactionList.UIGrid {
  border-bottom: none;
}
.UIRulePreview .transactionList.UIGrid > tbody > tr > td.firstColumn, .UIRulePreview .transactionList.UIGrid > tbody > tr > td.lastColumn {
  white-space: nowrap;
}
.UIRulePreview .UIListNavigation {
  border-top: 1px solid #e0e0e0;
  margin: 0;
  padding: 11px 0;
}
.UITransactionRules.UIRuleList .UIGrid.UIItemList > tbody > tr > td.firstColumn {
  padding-left: 0;
}
.UITransactionRules.UIRuleList .UIGrid.UIItemList > tbody > tr > td.lastColumn {
  padding-right: 10px;
}
/* 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;
}
@charset "UTF-8";
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
/* Needs to beat the sticky page type selector so date picker popups etc. go above it */
body.sidebarOpen.sidebarPositionLeft .UIDesktopAppHeader .logoContainer.UINavigationItem {
  width: 280px;
}
body.sidebarOpen.sidebarPositionRight .UIDesktopAppHeader .navigationContentContainer {
  padding-right: 280px;
}

body.pageBody.sidebarPositionLeft .UISidebar {
  left: 0;
}
body.pageBody.sidebarPositionLeft .UISidebar .drawersContainer, body.pageBody.sidebarPositionLeft .UISidebar .sidebarItemsContainer {
  left: 0;
}
body.pageBody.sidebarPositionLeft .UISidebar .drawerPositionButton {
  background-image: url(/media/app/UIAction/icon-groupLeave-white.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) {
  body.pageBody.sidebarPositionLeft .UISidebar .drawerPositionButton {
    background-image: url(/media/app/UIAction/icon-groupLeave-white@2x.png);
  }
}
body.pageBody.sidebarPositionRight .UISidebar {
  right: 0;
}
body.pageBody.sidebarPositionRight .UISidebar .drawersContainer, body.pageBody.sidebarPositionRight .UISidebar .sidebarItemsContainer {
  right: 0;
}
body.pageBody.sidebarPositionRight .UISidebar .drawerPositionButton {
  background-image: url(/media/app/UIAction/icon-groupLeave-white-left.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) {
  body.pageBody.sidebarPositionRight .UISidebar .drawerPositionButton {
    background-image: url(/media/app/UIAction/icon-groupLeave-white-left@2x.png);
  }
}

body.pageBody.sidebarPositionLeft .UIDesktopFooter {
  padding-left: 280px;
}
body.pageBody.sidebarPositionRight .UIDesktopFooter {
  padding-right: 280px;
}

.relativePageBodyContainer {
  margin-right: 0;
  margin-left: 0;
}
body.pageBody.runtimeDesktop.sidebarOpen.sidebarPositionLeft .relativePageBodyContainer {
  margin-left: 280px;
}
body.pageBody.runtimeDesktop.sidebarOpen.sidebarPositionRight .relativePageBodyContainer {
  margin-right: 280px;
}

.pageContentContainer.pageWidthSetter {
  min-width: 944px;
}
body.pageBody.sidebarOpen .pageContentContainer.pageWidthSetter {
  min-width: 720px;
}

/* #353a4c */
.UISidebar {
  top: 50px;
  bottom: 0;
  position: fixed;
  overflow: visible;
  padding: 0;
  color: #aaa;
}
.UISidebar.closed .drawersContainer {
  display: none;
}
.UISidebar .drawersContainer {
  width: 280px;
  position: absolute;
  top: 0;
  bottom: 40px;
  background-color: #282e33;
}
.UISidebar .emptyStateContainer {
  margin-top: 40px;
  font-size: 18px;
  color: #999;
}
.UISidebar .UISidebarDrawer {
  width: 280px;
  display: none;
}
.UISidebar .UISidebarDrawer.isSelected {
  display: block;
}
.UISidebar .drawerFooterContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 10px;
}
.UISidebar .bulkSelectCheckbox {
  display: none;
  width: 100%;
  height: auto; /* Override UICheckbox */
  background-color: #282e33;
  background-position: 50% 50%;
  background-image: url(/media/UISidebar/drawer/checkbox-unselected.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) {
  .UISidebar .bulkSelectCheckbox {
    background-image: url(/media/UISidebar/drawer/checkbox-unselected@2x.png);
  }
}
.UISidebar .bulkSelectCheckbox.selected {
  background-image: url(/media/UISidebar/drawer/checkbox-selected.png);
  background-size: 12px 12px;
  background-color: #575c60;
}
@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) {
  .UISidebar .bulkSelectCheckbox.selected {
    background-image: url(/media/UISidebar/drawer/checkbox-selected@2x.png);
  }
}
.UISidebar .itemContainer {
  border-bottom: 1px solid #1c2024;
  cursor: pointer;
  position: relative;
}
.UISidebar .itemContainer.restrictedItem {
  background-image: url(/media/icons/warning-small.gif);
  background-size: 13px auto;
  background-position: 8px 50%;
}
@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) {
  .UISidebar .itemContainer.restrictedItem {
    background-image: url(/media/icons/warning-small.gif);
  }
}
.UISidebar .itemContainer:hover .favoriteActionContainer.disabled::before,
.UISidebar .itemContainer:hover .itemContentContainer {
  color: #ccc;
}
.UISidebar .itemContainer:hover, .UISidebar .itemContainer:hover .itemBalance, .UISidebar .itemContainer:hover .bulkSelectCheckbox {
  background-color: #575c60;
}
.UISidebar .itemContainer.highlighted, .UISidebar .itemContainer.highlighted:hover {
  background-color: #36c0ff;
  color: white;
}
.UISidebar .itemContainer .itemContentContainer {
  padding: 10px 10px;
  color: #aaa;
}
.UISidebar .itemContainer .itemContentContainer .overflowContentContainer {
  overflow: hidden;
  text-overflow: ellipsis;
}
.UISidebar .itemContainer .itemContentContainer .overflowContentContainer .itemName {
  margin-left: 20px;
}
.UISidebar .itemContainer .itemName {
  width: 10px;
  overflow: visible;
  white-space: nowrap;
}
.UISidebar .itemContainer .itemBalance {
  background-color: #282e33;
  padding-left: 25px;
  white-space: nowrap;
  text-align: right;
}
.UISidebar .itemContainer .itemDescription {
  display: none;
  color: #dcdce2;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
}
.UISidebar .drawerHeaderContainer .titleContainer {
  font-weight: bold;
  text-transform: uppercase;
}
.UISidebar .totalItemContainer {
  font-weight: bold;
}
.UISidebar .drawerFooterContainer .actionsContainer {
  padding: 10px;
  background-color: #495055;
}
.UISidebar .drawerFooterContainer .actionsContainer .UIButton.UIControl {
  margin-left: 10px;
}
.UISidebar .drawerFooterContainer .actionsContainer .UIButton.UIControl.firstButton {
  margin-left: 0;
}
.UISidebar .drawerFooterContainer .actionsContainer .UIButton.UIControl .buttonTitleContainer {
  font-size: 13px;
  color: #ccc;
  padding: 0;
  background: none;
  vertical-align: middle;
  text-decoration: underline;
  /* Translations can be long. But don't mess up "Calendar", "Add group", etc. 
  max-width: 65px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
   */
}
.UISidebar .drawerFooterContainer .actionsContainer .UIButton.UIControl .buttonTitleContainer:hover {
  color: white;
}
.UISidebar .drawerFooterContainer .actionsContainer .UIButton.UIControl.redButton .controlTitleContainer.buttonTitleContainer {
  background-color: transparent;
  color: #EE624C;
}
.UISidebar .drawerFooterContainer .actionsContainer .editDisableAction {
  display: none;
  float: right;
}
.UISidebar .drawerFooterContainer .actionsContainer .editEnableAction {
  margin-right: 10px;
}
.UISidebar .drawerFooterContainer .actionsContainer .bulkActionsContainer {
  display: none;
}
.UISidebar .drawerFooterContainer .actionsContainer .UIButton.disabled > .controlTitleContainer {
  background: #282e33;
  color: #495055;
}
.UISidebar .sectionListContainer .sectionTitleContainer {
  color: #aaa;
  background-color: #474e66;
  cursor: pointer;
  border-bottom: 1px solid #282e33;
  padding: 10px 10px 9px 30px;
  background-position: 10px 50%;
}
.UISidebar .sectionListContainer .sectionTitleContainer, .UISidebar .sectionListContainer .sectionTitleContainer.opening {
  background-image: url(/media/UISidebar/drawer/arrow-open.png);
  background-size: 9px 6px;
}
@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) {
  .UISidebar .sectionListContainer .sectionTitleContainer, .UISidebar .sectionListContainer .sectionTitleContainer.opening {
    background-image: url(/media/UISidebar/drawer/arrow-open@2x.png);
  }
}
.UISidebar .sectionListContainer .sectionTitleContainer.closed, .UISidebar .sectionListContainer .sectionTitleContainer.closing {
  background-position: 12px 50%;
  background-image: url(/media/UISidebar/drawer/arrrow-closed.png);
  background-size: 6px 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) {
  .UISidebar .sectionListContainer .sectionTitleContainer.closed, .UISidebar .sectionListContainer .sectionTitleContainer.closing {
    background-image: url(/media/UISidebar/drawer/arrrow-closed@2x.png);
  }
}
.UISidebar .sectionListItemsContainer.closed {
  display: none;
}
.UISidebar .emptyStateContainer {
  padding: 30px 15px;
  text-align: center;
}
.UISidebar .sortTitlesContainer {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 11px;
}
.UISidebar .sortTitlesContainer .sortTitleContainer {
  background-image: url(/media/UITransactionList/sortDown.png);
  background-size: 6px 4px;
  background-position: 100% 50%;
  padding-right: 15px;
  cursor: pointer;
  /* Fit to width, if there's only one column title */
  display: inline-block;
  text-transform: uppercase;
}
@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) {
  .UISidebar .sortTitlesContainer .sortTitleContainer {
    background-image: url(/media/UITransactionList/sortDown@2x.png);
  }
}
.UISidebar .sortTitlesContainer .sortTitleContainer.sortedDesc {
  color: #36c0ff;
}
.UISidebar .sortTitlesContainer .sortTitleContainer.sortedAsc {
  color: #36c0ff;
  background-image: url(/media/UITransactionList/sortUp.png);
  background-size: 6px 4px;
}
@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) {
  .UISidebar .sortTitlesContainer .sortTitleContainer.sortedAsc {
    background-image: url(/media/UITransactionList/sortUp@2x.png);
  }
}
.UISidebar .sortTitlesContainer .rF .sortTitleContainer {
  background-position: 0% 50%;
  padding-left: 15px;
  padding-right: 0px;
}
.UISidebar .itemListScrollContainer {
  padding-bottom: 30px;
}
.UISidebar .UISidebarDrawer.editModeEnabled .bulkActionsContainer {
  display: block;
}
.UISidebar .UISidebarDrawer.editModeEnabled .editEnableAction,
.UISidebar .UISidebarDrawer.editModeEnabled .actionButtonsContainer {
  display: none;
}
.UISidebar .UISidebarDrawer.editModeEnabled .editDisableAction {
  display: inline-block;
}
.UISidebar .UISidebarDrawer.editModeEnabled .itemContainer.selected {
  background-color: #575c60;
}
.UISidebar .UISidebarDrawer.editModeEnabled .sectionTitleContainer .sectionBalanceContainer,
.UISidebar .UISidebarDrawer.editModeEnabled .itemBalance {
  display: none;
}
.UISidebar .UISidebarDrawer.editModeEnabled .bulkSelectCheckbox {
  display: block;
}
.UISidebar .UISidebarDrawer.editModeEnabled .favoriteActionContainer {
  display: none;
}
.UISidebar .itemActionsContainer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
}
.UISidebar .favoriteActionContainer {
  width: 100%;
  height: 35px;
}
.UISidebar .favoriteActionContainer::before {
  content: "☆";
  color: #777;
}
.UISidebar .favoriteActionContainer.enabled::before {
  content: "★";
  color: #F3A536;
}
.UISidebar .drawerCloseButton, .UISidebar .drawerPositionButton {
  float: right;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 15px;
  margin-left: 10px;
}
.UISidebar .drawerCloseButton {
  background-image: url(/media/UITransactionList/items/CloseButton.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) {
  .UISidebar .drawerCloseButton {
    background-image: url(/media/UITransactionList/items/CloseButton@2x.png);
  }
}
.UISidebar .UIAmount {
  font-size: 14px;
  /* make sure height is same, else overflowing account names can be seen in the background */
  line-height: 15px;
  vertical-align: middle;
}
.UISidebar .UIAmount.greenAmount {
  color: #48a146;
}
.UISidebar .UIAmount.redAmount {
  color: #ce432b;
}
.UISidebar.forcePositioned .drawerPositionButton {
  display: none;
}
.UISidebar .sidebarItemsContainer {
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 280px;
  background-color: #282e33;
  white-space: nowrap;
  overflow: hidden;
  z-index: 64;
}
.UISidebar .sidebarItemsContainer .UINavigationItem {
  padding-left: 0;
  padding-right: 0;
  font-size: 8px;
  padding-top: 29px;
  background-size: auto 16px;
  min-width: 56px;
}
.UISidebar .sidebarItemsContainer .UINavigationItem.itemTypeFavorites {
  padding-top: 0;
}
.UISidebar .sidebarItemsContainer .UINavigationItem.itemTypeFavorites::before {
  content: "★";
  display: block;
  color: #999;
  height: 29px;
  line-height: 29px;
  text-align: center;
  vertical-align: center;
  font-size: 17px;
}
.UISidebar .sidebarItemsContainer .UINavigationItem.itemTypeFavorites.highlighted::before, .UISidebar .sidebarItemsContainer .UINavigationItem.itemTypeFavorites.selected::before, .UISidebar .sidebarItemsContainer .UINavigationItem.itemTypeFavorites:hover::before {
  color: #f5f6f7;
}
body.pageBody.sidebarPositionRight .UISidebar .sidebarItemsContainer {
  right: 0;
  border-width: 0 0 0 1px;
}
.UISidebar .UIMembershipBlock {
  text-align: left;
  background-color: transparent;
  color: #ccc;
}
@media only screen and (max-width: 500px) {
  .UISidebar .UIMembershipBlock {
    font-size: 14px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
  .UISidebar .UIMembershipBlock {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .UISidebar .UIMembershipBlock {
    font-size: 15px;
  }
}
.UISidebar .UIMembershipUpsell {
  background-color: transparent;
  color: #ccc;
  border-width: 1px 0;
}
.UISidebar .UIMembershipUpsell .upgradeButton {
  display: block;
  margin: 15px 0;
}
.UISidebar .UIMembershipUpsell .secondaryButtonContainer {
  display: block;
  margin-left: 0;
  text-align: center;
}
.UISidebar .UIMembershipUpsell .secondaryButtonContainer .secondaryButton {
  margin: 0;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UISidebarTagDrawer .itemToggleIconContainer {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background-position: 50%;
}
.UISidebarTagDrawer .tagContainer.hasChildren > .itemContainer .itemToggleIconContainer, .UISidebarTagDrawer .tagContainer.hasChildren.opening > .itemContainer .itemToggleIconContainer {
  background-image: url(/media/UISidebar/drawer/arrow-open.png);
  background-size: 9px 6px;
}
@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) {
  .UISidebarTagDrawer .tagContainer.hasChildren > .itemContainer .itemToggleIconContainer, .UISidebarTagDrawer .tagContainer.hasChildren.opening > .itemContainer .itemToggleIconContainer {
    background-image: url(/media/UISidebar/drawer/arrow-open@2x.png);
  }
}
.UISidebarTagDrawer .tagContainer.hasChildren.closed > .itemContainer .itemToggleIconContainer, .UISidebarTagDrawer .tagContainer.hasChildren.closing > .itemContainer .itemToggleIconContainer {
  background-image: url(/media/UISidebar/drawer/arrrow-closed.png);
  background-size: 6px 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) {
  .UISidebarTagDrawer .tagContainer.hasChildren.closed > .itemContainer .itemToggleIconContainer, .UISidebarTagDrawer .tagContainer.hasChildren.closing > .itemContainer .itemToggleIconContainer {
    background-image: url(/media/UISidebar/drawer/arrrow-closed@2x.png);
  }
}
.UISidebarTagDrawer .tagContainer.hasChildren.closed > .childTagsContainer, .UISidebarTagDrawer .tagContainer.hasChildren.opening > .childTagsContainer {
  display: none;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UISidebarDrawer .itemContainer .outOfSync {
  background-image: url(/media/sync/icon-SyncError-Drawer.png);
  background-size: auto 100%;
  background-position: 0 50%;
  padding-left: 25px;
}
@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) {
  .UISidebarDrawer .itemContainer .outOfSync {
    background-image: url(/media/sync/icon-SyncError-Drawer@2x.png);
  }
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.componentPlaceholder > .UIQuickSummary {
  min-height: 85px;
}
.UIQuickSummary .UIEditable {
  margin-top: -6px;
}
.UIQuickSummary .itemListContainer.UIGrid > tbody > tr > td {
  padding: 20px 25px 10px 0;
  text-align: center;
}
.UIQuickSummary.embeddedSummary .itemListContainer.UIGrid > tbody > tr > td {
  padding: 0;
}
.UIQuickSummary.pageSectionCard {
  min-height: 0;
  padding: 0;
}
.UIQuickSummary .quickSummaryTitle {
  color: #606472;
  font-size: 13px;
  text-transform: uppercase;
  white-space: nowrap;
}
.UIQuickSummary .quickSummaryTitle.hasHelpTopic {
  background-image: url(/media/app/UIHeader/icon-helpNormal.png);
  background-size: contain;
  background-position: 100% 50%;
  padding-right: 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) {
  .UIQuickSummary .quickSummaryTitle.hasHelpTopic {
    background-image: url(/media/app/UIHeader/icon-helpNormal@2x.png);
  }
}
@media only screen and (max-width: 1000px) {
  .UIQuickSummary .quickSummaryTitle {
    font-size: 12px;
  }
}
.UIQuickSummary .UIAmount {
  font-size: 20px;
  /* Shrink to fit. Else movements look weird with the arrow far apart from the center-aligned amount */
  display: inline-block;
}
.UIQuickSummary .UIAmount .currencyContainer {
  font-size: 13px;
  line-height: 13px;
}
@media only screen and (max-width: 1000px) {
  .UIQuickSummary .UIAmount {
    font-size: 18px;
  }
}
.UIQuickSummary .UIAmount.movement {
  background-size: 16px;
  padding-left: 25px;
}
.UIQuickSummary .summaryItemContainer {
  /* Test the moveUp/moveDown icons if you change this. */
  display: inline-block;
  /* Guarantee a minimum spacing */
  padding: 0 25px;
}
.UIQuickSummary .movementAmountContainer {
  white-space: nowrap;
}
.UIQuickSummary .movementAmountContainer .UIAmount {
  display: inline-block;
  vertical-align: middle;
}
.UIQuickSummary .movementAmountContainer .dotSeparator {
  color: #999;
}
.UIQuickSummary .periodContainer {
  margin-top: 5px;
  color: #999;
  font-size: 11px;
  text-transform: uppercase;
}
.UIQuickSummary .warningContainer {
  display: block;
  margin-right: 7px;
  background-size: 20px;
  width: 20px;
  height: 30px;
  background-image: url("/media/icons/warning.gif");
}
.UIAmountTypeInput .amountInput {
  width: 60px;
  border-left-width: 0;
  padding-left: 0;
}
.UIAmountTypeInput .typeInputContainer .UIDropdown .dropdownTitleContainer .dropdownTitleContentContainer {
  width: 30px;
  padding-right: 0;
  padding-left: 20px;
  background-position: 0 50%;
  background-size: 8px;
  text-align: right;
}
.UIAmountTypeInput .typeInputContainer .UIDropdown .dropdownOptionsContainer {
  text-align: left;
}
.UIAmountTypeInput .typeInputContainer .UIDropdown > .popupOverlayContainer {
  min-width: 137px;
}
.UIAmountTypeInput .typeInputContainer .UIDropdown > .popupOverlayContainer .dropdownOption {
  padding-left: 30px;
}
.UIEditable .editContainer .UIAmountTypeInput {
  position: relative;
}
.UIEditable .editContainer .UIAmountTypeInput .firstInputContainer {
  position: absolute;
  top: 0;
  left: -46px;
}
.UIEditable .editContainer .UIAmountTypeInput .amountInput {
  width: 100%;
  border-radius: 0;
}
/* Legacy */
.UIBankPicker {
  position: relative;
}
.UIBankPicker .UIBankInput .UIComboInput .secondInputContainer {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIBankPicker .UIBankInput .UIComboInput .secondInputContainer .UIDropdown.UIControl {
  width: 90px;
}
.UIBankPicker .UIBankInput .UIComboInput .secondInputContainer .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIBankPicker .UIBankInput .UIComboInput .secondInputContainer .inputLabel {
  margin-left: 8px;
}
.UIBankPicker.usePlaid .nameInputContainer {
  display: none;
}
.UIBankPicker.usePlaid.showNameInput .nameInputContainer {
  display: block;
}
.UIBankPicker .scrollContentContainer {
  /* Keep the last row half-visible */
  max-height: 298.6666666667px;
  overflow: auto;
  margin: 0 -15px;
}
.UIBankPicker .banksContainer .bankContainer {
  cursor: pointer;
  overflow: hidden;
  padding: 7.5px;
  white-space: nowrap;
  border-bottom: 1px solid #e0e0e0;
}
.UIBankPicker .banksContainer .bankContainer > tbody > tr > td {
  vertical-align: middle;
}
.UIBankPicker .banksContainer .bankContainer:hover {
  background-color: #f5f6f7;
}
.UIBankPicker .banksContainer .bankContainer:hover .nameContainer {
  text-decoration: underline;
  color: #000;
}
.UIBankPicker .banksContainer .bankContainer .nameContainer {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 14px;
  color: #282e33;
  padding: 0 15px 0 5px;
  white-space: normal;
  max-height: 40px;
}
.UIBankPicker .banksContainer .bankContainer .imageContainer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}
.UIBankPicker .banksContainer .bankContainer .imageContainer img {
  width: 100%;
  height: 100%;
}
.UIBudgetEventPicker .listItemActionContainer {
  width: 14px;
  height: 14px;
}

/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIBudgetAmountInput {
  text-align: left;
  min-width: 120px;
}

.UIBudgetAmount .UIEditable .editContainer {
  cursor: default;
}
.UIBudgetAmount.type-available .UIEditable .editButton {
  background-image: url(/media/icons/money/transfer-gray.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) {
  .UIBudgetAmount.type-available .UIEditable .editButton {
    background-image: url(/media/icons/money/transfer-gray.gif);
  }
}
.UIBudgetAmount.type-available .UIEditable.editingEnabled > .UIHoverable > .contentContainer {
  visibility: visible;
  border: 1px solid #ccc;
  background-color: #fff;
  position: relative;
  z-index: 54;
}
.UIBudgetAmount.type-available .UIEditable .editContainer {
  z-index: 53;
  /* To align with the border of the hoverable */
  top: 1px;
  left: 100%;
  /* To avoid double border */
  margin-left: -1px;
}
.UIBudgetAmount.type-available .UIEditable .editContainer .primaryButton, .UIBudgetAmount.type-available .UIEditable .editContainer .editCancelButton {
  display: none;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIBudgetList .budgetListContainer.UIGrid.UIItemList {
  /* Leave some space below the total row */
  margin-bottom: 30px;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td {
  vertical-align: middle;
  position: relative;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td .UIBudgetProgressBar {
  position: absolute;
  bottom: 4px;
  left: 10px;
  right: 10px;
  width: auto;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td .UIBudgetProgressBar .outer {
  border-radius: 1.5px;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td .UIBudgetProgressBar .inner {
  height: 3px;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td.amountCell {
  text-align: right;
  padding-right: 5px;
  padding-left: 25px;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td.amountCell.paddedEditable .UIAmount {
  margin-right: 2px;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td.amountCell.editable {
  padding-top: 4px;
  padding-bottom: 3px;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td.amountCell.editable .UIEditable {
  display: block; /* full-width */
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td.amountCell.editable .UIEditable .primaryInput {
  text-align: right;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td.actionsContainer {
  padding-right: 0;
  /* For the overlimit bar */
  padding-left: 10px;
  white-space: nowrap;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr > td.actionsContainer .listItemActionContainer {
  margin: 0 5px 0 10px;
  display: inline-block;
}
.UIBudgetList .budgetListContainer.UIGrid.UIItemList > tbody > tr.subtagRowContainer > td {
  xborder-color: rgba(249, 249, 249, 0.9764705882);
  border-style: dashed;
}
.UIBudgetList.highlightForecastCells table.budgetListContainer.UIGrid > tbody > tr > .forecastCell {
  border-left: 2px solid #F3A536;
  border-right: 2px solid #F3A536;
}
.UIBudgetList.highlightForecastCells table.budgetListContainer.UIGrid > tbody > tr.firstRow > .forecastCell {
  border-top: 2px solid #F3A536;
  border-radius: 0px 0px 0 0;
}
.UIBudgetList.highlightForecastCells table.budgetListContainer.UIGrid > tbody > tr.lastRow > .forecastCell {
  border-bottom: 2px solid #F3A536;
  border-radius: 0px 0px 5px 5px;
}
.UIBudgetList .spentAmount {
  color: #989898;
}
.UIBudgetList .leftAmount {
  margin-right: 2px;
}
.UIBudgetList .limitRed .leftAmount {
  color: #E64B30;
}
.UIBudgetList .limitOrange .leftAmount {
  color: #FDB77B;
}
.UIBudgetList .limitGreen .leftAmount {
  color: #51B44F;
}
.UIBudgetList .buttonsContainer {
  padding-right: 70px;
}
.UIBudgetList .UIGrid.buttonsContainer > tbody > tr td.firstColumn {
  padding-right: 20px;
}
.UIBudgetList .budgetName {
  padding-right: 10px;
  white-space: nowrap;
}
.UIBudgetList.modeConcise .UIBudgetProgressBar {
  margin-top: 3px;
}
.UIBudgetList .marker {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  border-left: 1px dotted #FDB77B;
}
.UIBudgetList .nestingIndicator {
  /* @include backgroundImage('/media/UISidebar/drawer', 'arrow-open.png', 'arrow-open@2x.png'); */
  background-image: url(/media/UISidebar/drawer/arrrow-closed.png);
  background-size: 6px 9px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
  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) {
  .UIBudgetList .nestingIndicator {
    background-image: url(/media/UISidebar/drawer/arrrow-closed@2x.png);
  }
}
.UIBudgetList .legendSymbol {
  width: 14px;
  height: 14px;
  border-radius: 7px;
  border-color: transparent;
}
.UIBudgetList .categoriesChartContainer {
  margin-bottom: 50px;
}
.UIBudgetList .subtagIconContainer {
  margin: 0 10px 0 0;
  color: #ccc;
}
/* Legacy */
.UIBudgetInput {
  /* Match the input height */
}
.UIBudgetInput .inputsContainer {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIBudgetInput .inputsContainer input[type=text],
.UIBudgetInput .inputsContainer input[type=password],
.UIBudgetInput .inputsContainer .UIButton {
  width: 170px;
}
.UIBudgetInput .inputsContainer .UIDropdown.UIControl {
  width: 170px;
}
.UIBudgetInput .inputsContainer .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIBudgetInput .inputsContainer .UIRadioSelector {
  width: 170px;
}
.UIBudgetInput .inputsContainer .labelledInputContainer {
  width: 170px;
}
.UIBudgetInput .inputsContainer .fullWidthInputContainer .labelledInputContainer, .UIBudgetInput .inputsContainer .fullWidthInputContainer .UIRadioSelector {
  width: 100%;
}
.UIBudgetInput .UIPeriodInput .periodUnitInputContainer, .UIBudgetInput .UIPeriodInput .stopDateInputContainer {
  float: right;
  clear: right;
}
.UIBudgetInput .UIPeriodInput .startDateInputContainer {
  float: left;
}
.UIBudgetInput .tagNameContainer {
  height: 29px;
  vertical-align: middle;
}
.UIBudgetInput .metadataContainer {
  margin-top: 30px;
  padding: 20px;
  min-height: 200px;
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}
.UIBudgetInput .editOptionsContainer .labelledRadioContainer {
  display: block;
  margin: 10px 0 0;
}
.UIBudgetInput.guided .labelledInputContainer .inputLabel {
  font-size: 16px;
  text-transform: none;
  margin-bottom: 10px;
}
.UIBudgetInput.guided .stepNavigator {
  background-color: #f5f6f7;
  font-weight: bold;
  color: #777;
  padding: 15px 30px;
  text-transform: uppercase;
  margin: -30px -30px 30px;
}
.UIBudgetInput.guided .labelledInputContainer .subtextContainer {
  font-size: 14px;
}
.UIBudgetInput.guided .inputHelpDetailsContainer {
  margin: -15px 0 30px;
  font-style: italic;
  color: #777;
}
.UIBudgetPeriod {
  margin-top: 20px;
  color: #606472;
  font-size: 12px;
}

.UIBudgetPeriod .dateListContainer.UIGrid {
  border: 1px solid #DCDCE2;
  background: #F2F2F2;
  border-radius: 5px;
}

.UIBudgetPeriod .dateListContainer.UIGrid > tbody > tr td {
  text-align: left;
}

.UIBudgetPeriod .dateListContainer .tickContainer {
  padding: 5px;
  display: table-cell;
}

.UIBudgetPeriod .dateListContainer.UIGrid > tbody > tr td.firstColumn .tickContainer,
.UIBudgetPeriod .dateListContainer.UIGrid > tbody > tr td.lastColumn .tickContainer {
  background: white;
  border-radius: 5px;
}

.UIBudgetPeriod .dateListContainer.UIGrid > tbody > tr td.lastColumn {
  width: 1%;
}

.UIBudgetPeriod .periodDescriptionContainer {
  text-align: center;
  padding: 0px 2px 2px;
}
/* Legacy */
.UIBudgetProgressBar {
  /* https://codepen.io/jo-asakura/pen/stFHi */
}
.UIBudgetProgressBar.regular {
  white-space: nowrap;
  position: relative;
  width: 100%;
}
.UIBudgetProgressBar.regular > .UIProgressBar .progressBarContainer {
  padding: 0;
  border: none;
}
.UIBudgetProgressBar.regular > .UIProgressBar .progressBarContainer, .UIBudgetProgressBar.regular > .UIProgressBar .progressBarContainer .outer, .UIBudgetProgressBar.regular > .UIProgressBar .progressBarContainer .inner {
  border-radius: 0;
}
.UIBudgetProgressBar.regular > .UIProgressBar .progressBarContainer .inner {
  height: 4px;
  min-width: 3px;
  border-radius: 0;
}
.UIBudgetProgressBar.regular > .UIProgressBar .progressBarContainer .outer {
  background-color: #f2f2f2;
}
.UIBudgetProgressBar.regular > .UIProgressBar.style-red .inner {
  background-color: #EE624C;
}
.UIBudgetProgressBar.regular > .UIProgressBar.style-orange .inner {
  background-color: #FDB77B;
}
.UIBudgetProgressBar.regular > .UIProgressBar.style-green .inner {
  background-color: #5FDC9F;
}
.UIBudgetProgressBar.regular > .UIProgressBar.overLimitExtended {
  width: 10px;
  position: absolute;
  right: -10px;
  top: 0;
}
.UIBudgetProgressBar.regular > .UIProgressBar.overLimitExtended .outer {
  background-color: #E97F70;
}
.UIBudgetProgressBar.regular > .UIProgressBar.overLimitExtended .progressBarContainer {
  border-left: none;
}
.UIBudgetProgressBar.regular > .UIProgressBar.overLimitRegular .progressBarContainer {
  border-right: none;
}
.UIBudgetProgressBar.regular.inverted > .UIProgressBar .inner {
  background-color: #f2f2f2;
}
.UIBudgetProgressBar.regular.inverted > .UIProgressBar.style-orange .outer {
  background-color: #FDB77B;
}
.UIBudgetProgressBar.regular.inverted > .UIProgressBar.style-green .outer {
  background-color: #5FDC9F;
}
.UIBudgetProgressBar.circular {
  margin: 0 5px;
  height: 16px;
  width: 16px;
  float: left;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.UIBudgetProgressBar.circular.empty {
  background: #5FDC9F;
}
.UIBudgetProgressBar.circular.overLimit {
  background: #E97F70;
}
.UIBudgetProgressBar.circular.hasOverlay {
  background: linear-gradient(to right, #f2f2f2 50%, #5FDC9F 50%);
}
.UIBudgetProgressBar.circular.hasOverlay.isOverTodaysLimit {
  background: linear-gradient(to right, #f2f2f2 50%, #FDB77B 50%);
}
.UIBudgetProgressBar.circular.hasOverlay > .overlay {
  border-radius: 0 100% 100% 0/50%;
  display: block;
  height: 100%;
  margin-left: 50%;
  transform-origin: left;
}
.UIBudgetProgressBar.circular.hasOverlay.lessThanHalf > .overlay {
  background: #5FDC9F;
}
.UIBudgetProgressBar.circular.hasOverlay.moreThanHalf > .overlay {
  background: #f2f2f2;
}

/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIBudgetEmptyState .emptyStateChart {
  width: 250px;
  min-height: 300px;
  margin-right: 25px;
  background-image: url(/media/UIDashboard/empty-budget.png);
  background-size: 340px 260px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@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) {
  .UIBudgetEmptyState .emptyStateChart {
    background-image: url(/media/UIDashboard/empty-budget@2x.png);
  }
}
.UIBudgetEmptyState .emptyStateTitle {
  margin: 25px 0 20px;
}
/* Legacy */
.UIBudgetAllocation {
  min-width: 200px;
}
.UIBudgetAllocation .pageSectionCard {
  padding: 0;
  min-width: 0;
  min-height: 0;
}
.UIBudgetAllocation .pageSectionCard .cardTitle {
  padding: 20px 20px 0;
  margin-bottom: 20px;
  font-weight: bold;
}
.UIBudgetAllocation .UIItemList.UIGrid {
  border: none;
}
.UIBudgetAllocation .UIItemList.UIGrid > tbody > tr.firstRow > td {
  padding-top: 15px;
}
.UIBudgetAllocation .UIItemList.UIGrid > tbody > tr.firstRow > td.lastColumn {
  padding-top: 5px;
}
.UIBudgetAllocation .UIItemList.UIGrid > tbody > tr > * {
  white-space: nowrap;
  vertical-align: middle;
}
.UIBudgetAllocation .UIItemList.UIGrid > tbody > tr > *.firstColumn {
  padding-left: 15px;
  padding-right: 15px;
}
.UIBudgetAllocation .UIItemList.UIGrid > tbody > tr > *.column2 {
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
}
.UIBudgetAllocation .UIItemList.UIGrid > tbody > tr > *.lastColumn {
  padding: 0;
}
.UIBudgetAllocation .UIItemList.UIGrid > tbody > tr > *.lastColumn .listItemActionContainer {
  width: 30px;
  margin: 0;
}
.UIBudgetAllocation .UIItemList.UIGrid > tbody > tr > *.emptyRow {
  padding: 30px 0 0;
}
.UIBudgetAllocation .UIItemList.UIGrid > tbody > tr.totalRow > td {
  text-transform: uppercase;
  border-color: #282e33;
  border-width: 0;
}
.UIBudgetAllocation .UIItemList.UIGrid > tbody > tr.tableHeaderRow > * {
  color: #777;
  font-weight: normal;
}
.UIBudgetAllocationSettings .accountSelector {
  display: none;
}
.UIBudgetAllocationSettings.showAccountSelector .accountSelector {
  display: block;
}
/* Legacy */
.UIBudgetSummary .totalRow {
  border: 1px solid #e0e0e0;
  border-width: 1px 0 0;
  padding: 10px;
}
.UIBudgetSummary .availableRow > .totalRow {
  border-color: #606472;
  border-width: 1px 0;
}
/* Legacy */
.UICategories {
  min-height: 300px;
}
.UICategories .emptyChartLegend {
  margin-top: 30px;
}
.UICategories .emptyChartLegend .categoryNameContainer {
  font-style: italic;
}
.UICategories .genericPieChartLegendContainer .UIItemList.UIGrid > tbody {
  position: relative;
}
.UICategories .genericPieChartLegendContainer .UIItemList.UIGrid > tbody > tr > td {
  position: relative;
}
.UICategories .genericPieChartLegendContainer .UIItemList.UIGrid > tbody > tr > td .budgetMarkerContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  border-left: 1px dashed #e0e0e0;
}
.UICategories .genericPieChartLegendContainer .UIItemList.UIGrid > tbody > tr > td.amountContainer {
  text-align: right;
  padding-right: 5px;
  padding-left: 25px;
}
.UICategories .genericPieChartLegendContainer .UIItemList.UIGrid > tbody > tr > td.movementContainer .UIAmount {
  font-size: 90%;
  color: #aaa;
  font-weight: normal;
}
.UICategories .genericPieChartLegendContainer .UIItemList.UIGrid > tbody > tr > td.separatorCell {
  min-width: 60px;
}
.UICategories .genericPieChartLegendContainer .UIItemList.UIGrid > tbody > tr > td div.progressContainer {
  position: absolute;
  left: 25px;
  right: 5px;
  bottom: 0;
  top: 0;
}
.UICategories .genericPieChartLegendContainer .UIItemList.UIGrid > tbody > tr > td .UIBudgetProgressBar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
}
.UICategories .genericPieChartLegendContainer .UIItemList.UIGrid > tbody > tr > td .UIBudgetProgressBar .outer {
  border-radius: 1.5px;
}
.UICategories .genericPieChartLegendContainer .UIItemList.UIGrid > tbody > tr > td .UIBudgetProgressBar .inner {
  height: 3px;
}
/* Legacy */
.UICategoryNavigation {
  background: white;
}
.UICategoryNavigation .categorySeparator {
  color: #606472;
  padding-left: 10px;
  padding-right: 10px;
}
.UIDashboard .UIGrid td.bBorder {
  border-bottom: 1px solid #e0e0e0;
}
.UIDashboard .sectionsContainer .UIListNavigation {
  padding-left: 0;
  padding-right: 0;
  font-size: 13px;
}
.UIDashboard .sectionsContainer .UIPeriodPicker .calendarHandleContainer {
  background-size: 8px;
  padding-right: 12px;
}
/* Legacy */
.UIForecastBalance .UIForecastCard {
  margin: 20px 20px 0px 20px;
}
.UIForecastBalance .emptyStateContainer {
  padding: 70px 0px 20px;
}
.UIForecastBalance .emptyStateContainer .emptyStateTitle {
  color: #36c0ff;
}
/* Legacy */
.UIDashboardSettings .sectionContainer {
  height: 35px;
  padding: 10px 0;
}
.UIDashboardSettings .sectionContainer, .UIDashboardSettings .sectionContainer label {
  cursor: move;
}
.UIDashboardSettings .sortPlaceholder {
  height: 35px;
  line-height: 1.2em;
  border: 1px solid #e0e0e0;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UISyncDashboardNotice .accountListContainer.UIGrid {
  margin-top: 15px;
  border-top: 1px solid #f5f6f7;
}
.UISyncDashboardNotice .accountListContainer.UIGrid > tbody > tr:hover {
  background-color: #f5f6f7;
}
.UISyncDashboardNotice .accountListContainer.UIGrid > tbody > tr > td {
  padding: 10px;
  vertical-align: middle;
  border-bottom: 1px solid #f5f6f7;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIBackupSettings .providerButton {
  padding-left: 50px;
}
.UIBackupSettings .providerButton .UIButton .controlTitleContainer {
  display: block;
  width: 200px;
}
.UIBackupSettings .providerButton.dropboxButtonContainer {
  background-image: url(/media/logos/dropbox-32.png);
  background-size: 32px 30px;
}
@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) {
  .UIBackupSettings .providerButton.dropboxButtonContainer {
    background-image: url(/media/logos/dropbox-64.png);
  }
}
.UIBackupSettings .providerButton.driveButtonContainer {
  background-image: url(/media/logos/drive-32.png);
  background-size: 32px 32px;
}
@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) {
  .UIBackupSettings .providerButton.driveButtonContainer {
    background-image: url(/media/logos/drive-64.png);
  }
}
.UIBackupSettings .providerButton.microsoftButtonContainer {
  background-image: url(/media/logos/onedrive-32.png);
  background-size: 32px 32px;
}
@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) {
  .UIBackupSettings .providerButton.microsoftButtonContainer {
    background-image: url(/media/logos/onedrive-64.png);
  }
}
.UIDownload .filtersContainer.UIGrid > tbody > tr > td {
  padding-right: 20px;
}
.UIDownload .downloadFormContainer {
  width: 300px;
}
.UIDownload .UIProgressBar {
  display: none;
  width: 200px;
  margin-left: 20px;
}
.UIDownload .UIProgressBar.active {
  display: inline-block;
}
/* Legacy */
.UIDownloadPreview .dataContainer {
  background-color: #f5f5f5;
  overflow: auto;
}
.UIDownloadPreview .dataContainer > .UIGrid {
  border-top: 1px solid white;
}
.UIDownloadPreview .dataContainer > .UIGrid > tbody > tr > th, .UIDownloadPreview .dataContainer > .UIGrid > tbody > tr > td {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid white;
  white-space: nowrap;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIHoldingInput .UIComboInput {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIHoldingInput .UIComboInput .UIDropdown.UIControl {
  width: 90px;
}
.UIHoldingInput .UIComboInput .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIHoldingInput .inputGridContainer {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIHoldingInput .inputGridContainer input[type=text],
.UIHoldingInput .inputGridContainer input[type=password],
.UIHoldingInput .inputGridContainer .UIButton {
  width: 190px;
}
.UIHoldingInput .inputGridContainer .UIDropdown.UIControl {
  width: 190px;
}
.UIHoldingInput .inputGridContainer .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIHoldingInput input.nonEditable {
  border: none;
  padding-left: 0;
}
.UIHoldingInput input.nonEditable input,
.UIHoldingInput input.nonEditable textarea,
.UIHoldingInput input.nonEditable .UIControl .dropdownTitleContainer {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.UIHoldingInput input.nonEditable input:focus,
.UIHoldingInput input.nonEditable textarea:focus,
.UIHoldingInput input.nonEditable .UIControl .dropdownTitleContainer:focus {
  box-shadow: none;
}
.UIHoldingInput input[name=price].loading {
  color: white;
  background-position: 5px 50%;
  background-image: url(/media/mobile/loading/whiteCard-Loading.gif);
  background-size: 24px 4px;
}
@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) {
  .UIHoldingInput input[name=price].loading {
    background-image: url(/media/mobile/loading/whiteCard-Loading@2x.gif);
  }
}
.UIPeriodInput .customInputsContainer.UIComboInput .firstInputContainer {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIPeriodInput .customInputsContainer.UIComboInput .firstInputContainer .UIDropdown.UIControl {
  width: 50px;
}
.UIPeriodInput .customInputsContainer.UIComboInput .firstInputContainer .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIPeriodInput .customInputsContainer.UIComboInput .secondInputContainer {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIPeriodInput .customInputsContainer.UIComboInput .secondInputContainer .UIDropdown.UIControl {
  width: 120px;
}
.UIPeriodInput .customInputsContainer.UIComboInput .secondInputContainer .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIPeriodInput .stopDateInputContainer, .UIPeriodInput .customInputsContainer {
  display: none;
}
.UIPeriodInput.isRepeatEnabled .stopDateInputContainer {
  display: block;
}
.UIPeriodInput.isCustomRepeatEnabled .customInputsContainer {
  display: inline-block;
}
.UIPeriodInput.isCustomRepeatEnabled .periodUnitContainer {
  display: none;
}
.UIPeriodStartSetting {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIPeriodStartSetting input[type=text],
.UIPeriodStartSetting input[type=password],
.UIPeriodStartSetting .UIButton {
  width: 90px;
}
.UIPeriodStartSetting .UIDropdown.UIControl {
  width: 90px;
}
.UIPeriodStartSetting .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIPeriodStartSetting .UIGrid.settingsContainer > tbody > tr > td {
  white-space: nowrap;
  padding: 5px 10px;
  vertical-align: middle;
}
.UIPeriodStartSetting .UIGrid.settingsContainer > tbody > tr > td.firstColumn {
  font-size: 12px;
  padding-left: 0px;
}
.UIPeriodStartSetting .UIGrid.settingsContainer > tbody > tr > td .UIDropdown {
  text-transform: uppercase;
}
.UIRecurrenceInfo > div {
  white-space: nowrap;
  margin-right: 30px;
}
.UIRecurrenceEditModeSelector .UIRadioSelector {
  display: inline-block;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIReminderCalendar {
  margin-top: 20px;
}
.UIReminderCalendar .dayTitle, .UIReminderCalendar .day {
  float: left;
  border-color: #ccc;
}
.UIReminderCalendar .day {
  height: 150px;
}
.UIReminderCalendar .day .label {
  font-size: 13px;
  color: #606472;
}
.UIReminderCalendar .day.today, .UIReminderCalendar .dropdownContainer {
  background: #e7f4fa;
}
.UIReminderCalendar .dropdownContainer {
  position: absolute;
  left: -1px;
  top: -1px;
  min-width: 100%;
  padding: 10px 10px 20px;
  box-shadow: 3px 3px 4px 2px #dcdce2;
  border: 1px solid #777;
}
.UIReminderCalendar .dayTitle {
  background: #f3f3f3;
}
.UIReminderCalendar .event, .UIReminderCalendar .fullEvent {
  cursor: pointer;
  white-space: nowrap;
  padding-top: 10px;
}
.UIReminderCalendar .event {
  width: 95%;
  overflow: hidden;
}
.UIReminder table.itemListContainer > tbody > tr > td {
  padding-right: 30px;
}
/* Legacy */
.UIReminderInput .accountInputContainer .transferAccountContainer {
  display: none;
}
.UIReminderInput .accountInputContainer.transferSelected .regularAccountContainer {
  display: none;
}
.UIReminderInput .accountInputContainer.transferSelected .transferAccountContainer {
  display: block;
}
.UIReminderInput .leftRightInputsContainer {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIReminderInput .leftRightInputsContainer input[type=text],
.UIReminderInput .leftRightInputsContainer input[type=password],
.UIReminderInput .leftRightInputsContainer .UIButton {
  width: 170px;
}
.UIReminderInput .leftRightInputsContainer .UIDropdown.UIControl {
  width: 170px;
}
.UIReminderInput .leftRightInputsContainer .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIReminderInput .labelledInputContainer.checkboxInput {
  margin-bottom: 10px;
}
.UIReminderInput .editOptionsContainer .labelledRadioContainer {
  display: block;
  margin: 10px 0 0;
}
.UIReminderInput.editMode-current .UIPeriodInput .periodUnitInputContainer, .UIReminderInput.editMode-current .UIPeriodInput .stopDateInputContainer {
  display: none;
}
/* Legacy */
.UIRetirementPlanInput {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIRetirementPlanInput input[type=text],
.UIRetirementPlanInput input[type=password],
.UIRetirementPlanInput .UIButton {
  width: 140px;
}
.UIRetirementPlanInput .UIDropdown.UIControl {
  width: 140px;
}
.UIRetirementPlanInput .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIRetirementPlanInput .inputLabel {
  width: 140px;
}
.UIRetirementPlanInput .labelledInputContainer {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}
.UIRetirementPlanInput .sectionLabel {
  font-weight: bold;
  background-color: #f5f6f7;
  color: black;
  padding: 10px;
  margin: 0 -10px 10px;
  width: auto;
}
.UIKidsEducationPlanInput .stagesInputsContainer.UIGrid {
  border: none;
}
.UIKidsEducationPlanInput .stagesInputsContainer.UIGrid > tbody > tr > td {
  white-space: nowrap;
  vertical-align: middle;
  border: none;
}
.UIKidsEducationPlanInput .stagesInputsContainer.UIGrid > tbody > tr > td .inputLabel {
  margin: 0;
}
.UIKidsEducationPlanInput .stagesInputsContainer.UIGrid > tbody > tr > td input[type=text] {
  width: 100%;
}
.UIRetirementGoalList .UIAmount {
  text-align: right;
}
.UIRetirementGoalList .goalsItemList.UIItemList tr.tableHeaderRow > * {
  border: none;
}
.UIRetirementGoalList .listItemActionContainer {
  display: inline-block;
  margin: 0 0 0 15px;
  height: 15px;
  width: 15px;
}
.UIRetirementPlansPage .topChartsContainer {
  margin-bottom: 0px;
}
.UIRetirementPlansPage .netWorthAmountsContainer.UIGrid > tbody > tr > td {
  text-align: center;
}
.UIRetirementPlanCategoriesChart .pieChartLegend.legendContainer > .UIGrid {
  width: 100%;
}
.UIRetirementPlanSetup {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIRetirementPlanSetup input[type=text],
.UIRetirementPlanSetup input[type=password],
.UIRetirementPlanSetup .UIButton {
  width: 140px;
}
.UIRetirementPlanSetup .UIDropdown.UIControl {
  width: 140px;
}
.UIRetirementPlanSetup .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIRetirementPlanSetup .inputLabel {
  width: 140px;
  white-space: normal;
}
.UIRetirementPlanSetup .UILocationInput, .UIRetirementPlanSetup .UILocationInput > div {
  display: inline-block;
  vertical-align: top;
}
.UIRetirementPlanSetup .labelledInputContainer {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}
/* Legacy */
.UISyncReconnect .infoTextContainer {
  max-width: 500px;
}
.UISyncReconnect .separatorCell {
  font-weight: bold;
  text-align: center;
  padding: 40px 0px;
}
.UISyncReconnect .UISyncAccountSelect .accountListContainer .accountList {
  width: 100%;
}
.UISyncReconnect .emptySessionsContainer.UIGrid.UIItemList > tbody > tr > * {
  vertical-align: middle;
  white-space: nowrap;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UISyncPrivacy .explanationContainer {
  color: #606472;
  line-height: 18px;
}
.UISyncPrivacy .privacyOptionsContainer {
  margin-top: 20px;
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin: 10px 0px 20px;
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr > td {
  padding: 20px 10px;
  vertical-align: middle;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.lastRow > td {
  border-bottom: none;
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer > td.lastColumn {
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 80px;
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.selected > td {
  background-color: #36c0ff;
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer .descriptionContainer {
  margin-top: 10px;
  color: #606472;
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.selected, .UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.selected .descriptionContainer {
  color: white;
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.saveModeServer > td.lastColumn {
  background-image: url(/media/sync/UIPrivacy/icon-serverNormal.png);
  background-size: 41px 42px;
}
@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) {
  .UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.saveModeServer > td.lastColumn {
    background-image: url(/media/sync/UIPrivacy/icon-serverNormal@2x.png);
  }
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.saveModeOffline > td.lastColumn {
  background-image: url(/media/sync/UIPrivacy/icon-browserNormal.png);
  background-size: 53px 43px;
}
@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) {
  .UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.saveModeOffline > td.lastColumn {
    background-image: url(/media/sync/UIPrivacy/icon-browserNormal@2x.png);
  }
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.saveModeNone > td.lastColumn {
  background-image: url(/media/sync/UIPrivacy/icon-noStore.png);
  background-size: 43px 43px;
}
@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) {
  .UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.saveModeNone > td.lastColumn {
    background-image: url(/media/sync/UIPrivacy/icon-noStore@2x.png);
  }
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.selected.saveModeServer > td.lastColumn {
  background-image: url(/media/sync/UIPrivacy/icon-serverSelected.png);
  background-size: 41px 42px;
}
@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) {
  .UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.selected.saveModeServer > td.lastColumn {
    background-image: url(/media/sync/UIPrivacy/icon-serverSelected@2x.png);
  }
}
.UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.selected.saveModeOffline > td.lastColumn {
  background-image: url(/media/sync/UIPrivacy/icon-browserSelected.png);
  background-size: 53px 43px;
}
@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) {
  .UISyncPrivacy .privacyOptionsContainer > .UIGrid > tbody > tr.saveModeContainer.selected.saveModeOffline > td.lastColumn {
    background-image: url(/media/sync/UIPrivacy/icon-browserSelected@2x.png);
  }
}
.UISyncStep {
  color: #606472;
}
.UISyncStep .mainContentContainer input[name=bankName] {
  width: 100%;
}
.UISyncStep .UIGrid.securityContainer {
  margin-top: 70px;
}
.UISyncStep .UIGrid.securityContainer > tbody > tr td {
  vertical-align: middle;
  text-align: center;
}
.UISyncStep .navigationContainer .UIButton.continueButton .buttonTitleContainer {
  padding-right: 50px;
  padding-left: 50px;
}
/* Legacy */
.UISyncLogin .bankNameContainer {
  color: #36c0ff;
  font-size: 18px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.UISyncLogin .inputsContainer .loginInput {
  width: 200px;
}
.UISyncLogin .inputsContainer .loginInput.UIAddressInput {
  width: auto;
}
.UISyncLogin .loginInstructionsContainer {
  margin-top: 30px;
  padding: 15px 0;
  border-top: 1px solid #e0e0e0;
}
.UISyncLogin .loginInstructionsContainer a {
  text-decoration: underline;
}
.UISyncLogin .saveModeListContainer {
  margin-right: 30px;
  margin-left: 10px;
  font-size: 13px;
  color: #888;
}
.UISyncLogin .saveModeListContainer label {
  white-space: nowrap;
  margin-left: 5px;
  cursor: pointer;
}
.UISyncLogin .saveModeHelpLink {
  color: #aaa;
  font-size: 10px;
  margin-top: 15px;
  display: block;
}
.UISyncLogin .bankInfoContainer {
  margin-left: 20px;
  float: right;
  max-width: 50%;
  min-width: 30%;
  padding: 10px;
}
.UISyncLogin .bankInfoContainer img.logoImage {
  max-width: 200px;
  max-height: 100px;
}
.UISyncLogin .bankInfoContainer .infoItemContainer {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  margin-right: 10px;
  max-width: 100%;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UISyncAccountSelect .errorMessageContainer {
  visibility: hidden;
  margin-top: 20px;
  height: 18px;
}
.UISyncAccountSelect.hasError .errorMessageContainer {
  visibility: visible;
}
.UISyncAccountSelect .UIGrid.accountList {
  margin-top: 15px;
  border-top: 1px solid #EFEFEF;
}
.UISyncAccountSelect .UIGrid.accountList > tbody > tr > td, .UISyncAccountSelect .UIGrid.accountList > tbody > tr > th {
  padding-left: 15px;
}
.UISyncAccountSelect .UIGrid.accountList > tbody > tr > td {
  text-align: left;
  padding: 15px;
  border-bottom: 1px solid #EFEFEF;
  vertical-align: middle;
  white-space: nowrap;
}
.UISyncAccountSelect .UIGrid.accountList .arrowContainer {
  width: 6px;
  height: 10px;
  background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight.png);
  background-size: 6px 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) {
  .UISyncAccountSelect .UIGrid.accountList .arrowContainer {
    background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight@2x.png);
  }
}
.UISyncDownload .UIProgressBar.hasError .titleContainer {
  color: #EE624C;
  background-image: url("/media/sync/icon-SyncError.png");
  background-position: 5px 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 30px;
}
/* Legacy */
.UISyncChallenge .infoContainer {
  color: #36c0ff;
  font-size: 20px;
  margin-bottom: 30px;
}
.UISyncChallenge .answerContainer {
  margin-top: 5px;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UISyncAll {
  text-align: left;
}
.UISyncAll .statusContainer {
  display: none;
  position: relative;
  background-color: #36c0ff;
  border-radius: 3px;
  padding: 2px 5px 2px 40px;
  background-size: 18px;
  background-position: 10px 50%;
  white-space: nowrap;
}
.UISyncAll .statusContainer .closeActionContainer {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  background-image: url(/media/UITransactionList/items/CloseButton.png);
  background-size: 15px;
  background-position: 10px 50%;
  cursor: pointer;
}
@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) {
  .UISyncAll .statusContainer .closeActionContainer {
    background-image: url(/media/UITransactionList/items/CloseButton@2x.png);
  }
}
.UISyncAll .syncAction {
  margin-left: 20px;
}
.UISyncAll.running .syncAction {
  display: none;
}
.UISyncAll.running, .UISyncAll.completed {
  color: white;
}
.UISyncAll.running .statusContainer, .UISyncAll.completed .statusContainer {
  display: block;
}
.UISyncAll .iconContainer {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 30px;
  background-position: 50% 50%;
  border-radius: 0px;
}
.UISyncAll.inactive .statusContainer {
  background-image: url(/media/app/UIHeader/icon-syncAccountsNormal.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) {
  .UISyncAll.inactive .statusContainer {
    background-image: url(/media/app/UIHeader/icon-syncAccountsNormal@2x.png);
  }
}
.UISyncAll.inactive .statusContainer:hover {
  background-image: url(/media/app/UIHeader/icon-syncAccountsOver.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) {
  .UISyncAll.inactive .statusContainer:hover {
    background-image: url(/media/app/UIHeader/icon-syncAccountsOver@2x.png);
  }
}
.UISyncAll.running .statusContainer {
  background-image: url(/media/sync/all/UIProgress/sync-animated.gif);
  background-size: 20px;
}
.UISyncAll.completed .closeActionContainer {
  display: block;
}
.UISyncAll .progressContainer {
  padding: 1px 10px;
  text-align: center;
  display: inline-block;
  border-radius: 3px;
}
.UISyncAll .progressContainer.inactive {
  display: none;
}
.UISyncAll .progressContainer.challengesProgressContainer {
  animation-name: blinkingBackground;
  animation-duration: 2s;
  animation-iteration-count: 5;
}
@keyframes blinkingBackground {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #e25532;
  }
  100% {
    background-color: transparent;
  }
}
.UISyncAll .progressContainer .inputLabel, .UISyncAll .progressContainer .progressTextContainer {
  font-size: 11px;
  font-weight: bold;
}
.UISyncAll .progressContainer .inputLabel {
  color: white;
  margin-bottom: 3px;
  font-weight: 10px;
}
.UISyncAll.running .progressContainer.completedProgressContainer {
  display: none;
}
.UISyncAllInfo .UIItemList {
  min-width: 500px;
}
/* Legacy */
.UITrend .UIChart {
  margin: 30px 0px 0px 15px;
}
.UITrend .periodUnitPicker.UIDropdown.UIControl .controlTitleContainer {
  font-size: 11px;
  color: #999;
}
.UITrend .headerContainer > div {
  margin-left: 10px;
}
/* Legacy */
.UITimeline .UIChart {
  margin: 30px 0px 0px 15px;
}
.UITimeline .budgetTitle {
  color: #fc5f38;
}
.UITimeline.contentNotAvailable {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.UITimeline.contentNotAvailable img {
  width: 100%;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIChartTypeSelector {
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  background-color: #5ec1ff;
  height: 20px;
  width: 20px;
  overflow: visible;
}
.UIChartTypeSelector .typeContainer {
  background-size: contain;
  height: 20px;
  width: 20px;
}
.UIChartTypeSelector .typeContainer.typeLine {
  background-image: url(/media/UIChartTypeSelector/linechart-normal@1x.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) {
  .UIChartTypeSelector .typeContainer.typeLine {
    background-image: url(/media/UIChartTypeSelector/linechart-normal@2x.png);
  }
}
.UIChartTypeSelector .typeContainer.typeBar {
  background-image: url(/media/UIChartTypeSelector/barchart-normal@1x.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) {
  .UIChartTypeSelector .typeContainer.typeBar {
    background-image: url(/media/UIChartTypeSelector/barchart-normal@2x.png);
  }
}
.UIChartTypeSelector .typeContainer.typeData {
  background-image: url(/media/UIChartTypeSelector/data-normal@1x.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) {
  .UIChartTypeSelector .typeContainer.typeData {
    background-image: url(/media/UIChartTypeSelector/data-normal@2x.png);
  }
}
.UIChartTypeSelector:hover {
  border-radius: 5px 5px 0px 0px;
}
.UIChartTypeSelector:hover .unselectedTypesContainer {
  display: block;
}
.UIChartTypeSelector:hover .typeContainer.selected.typeLine {
  background-image: url(/media/UIChartTypeSelector/linechart-on@1x.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) {
  .UIChartTypeSelector:hover .typeContainer.selected.typeLine {
    background-image: url(/media/UIChartTypeSelector/linechart-on@2x.png);
  }
}
.UIChartTypeSelector:hover .typeContainer.selected.typeBar {
  background-image: url(/media/UIChartTypeSelector/barchart-on@1x.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) {
  .UIChartTypeSelector:hover .typeContainer.selected.typeBar {
    background-image: url(/media/UIChartTypeSelector/barchart-on@2x.png);
  }
}
.UIChartTypeSelector:hover .typeContainer.selected.typeData {
  background-image: url(/media/UIChartTypeSelector/data-on@1x.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) {
  .UIChartTypeSelector:hover .typeContainer.selected.typeData {
    background-image: url(/media/UIChartTypeSelector/data-on@2x.png);
  }
}
.UIChartTypeSelector .unselectedTypesContainer {
  display: none;
  background-color: #D5D6D7;
  border-radius: 0px 0px 5px 5px;
}
.UIChartTypeSelector .unselectedTypesContainer .typeContainer.typeLine {
  background-image: url(/media/UIChartTypeSelector/linechart-open@1x.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) {
  .UIChartTypeSelector .unselectedTypesContainer .typeContainer.typeLine {
    background-image: url(/media/UIChartTypeSelector/linechart-open@2x.png);
  }
}
.UIChartTypeSelector .unselectedTypesContainer .typeContainer.typeBar {
  background-image: url(/media/UIChartTypeSelector/barchart-open@1x.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) {
  .UIChartTypeSelector .unselectedTypesContainer .typeContainer.typeBar {
    background-image: url(/media/UIChartTypeSelector/barchart-open@2x.png);
  }
}
.UIChartTypeSelector .unselectedTypesContainer .typeContainer.typeData {
  background-image: url(/media/UIChartTypeSelector/data-open@1x.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) {
  .UIChartTypeSelector .unselectedTypesContainer .typeContainer.typeData {
    background-image: url(/media/UIChartTypeSelector/data-open@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
 */
.UIPieChart {
  position: relative;
}
.UIPieChart.centered {
  margin: auto;
}
.UIPieChart .emptyChartContainer {
  vertical-align: middle;
  background-image: url(/media/UIDashboard/empty-expenses.png);
  background-size: 350px 350px;
  background-size: contain;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  text-align: center;
}
@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) {
  .UIPieChart .emptyChartContainer {
    background-image: url(/media/UIDashboard/empty-expenses@2x.png);
  }
}
.UIPieChart .totalContainer {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
}
.UIPieChart .totalLabelContainer {
  font-size: 13px;
  color: #606472;
  text-align: center;
  margin-bottom: 10px;
}
.UIPieChart .totalAmountContainer {
  font-size: 22px;
  color: #606472;
  display: inline-block;
}

.pieChartLegend.legendContainer > .UIGrid > tbody > tr > td, .pieChartLegend.legendContainer > .UIGrid > tbody > tr > td .labelContainer {
  padding: 10px 5px;
}
.pieChartLegend.legendContainer > .UIGrid > tbody > tr > td.firstColumn {
  padding-right: 0px;
  padding-left: 0px;
}
.pieChartLegend.legendContainer > .UIGrid > tbody > tr.othersGroup.expanded > td {
  border-top: 1px solid #f2f2f2;
}
.pieChartLegend.legendContainer > .UIGrid .legendItemPercentContainer {
  text-align: right;
  color: #606472;
  padding-left: 20px;
}

.pieChartLegend.legendContainer > .UIGrid > tbody > tr > td, .genericPieChartLegendContainer > .UIGrid > tbody > tr > td {
  white-space: nowrap;
  vertical-align: middle;
}
.pieChartLegend.legendContainer > .UIGrid > tbody > tr > td.firstColumn, .genericPieChartLegendContainer > .UIGrid > tbody > tr > td.firstColumn {
  padding-right: 0px;
  padding-left: 0px;
}
.pieChartLegend.legendContainer > .UIGrid > tbody > tr > td .legendSymbol, .genericPieChartLegendContainer > .UIGrid > tbody > tr > td .legendSymbol {
  margin: 0 5px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  border-color: transparent;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIChartTooltip {
  color: white;
  font-size: 15px;
  padding: 0;
  position: absolute;
  display: none;
  white-space: nowrap;
}
.UIChartTooltip .seriesValue {
  text-align: right;
  padding-left: 15px;
}
.UIChartTooltip .labelContainer {
  text-transform: uppercase;
  margin-right: 30px;
}
.UIChartTooltip .detailsContainer {
  border-radius: 5px;
  padding: 5px 10px;
  background-color: #282e33;
}
.UIChartTooltip .detailsContainer > table.summaryContainer {
  width: 100%;
}
.UIChartTooltip .detailsContainer > table.summaryContainer > tbody > tr > td {
  padding: 10px 40px 10px 0;
  border-top: 1px solid #777;
  vertical-align: middle;
}
.UIChartTooltip .detailsContainer > table.summaryContainer > tbody > tr > td.lastColumn {
  padding-right: 0;
}
.UIChartTooltip .detailsContainer > table.summaryContainer > tbody > tr > td.seriesIconContainer {
  padding-right: 20px;
  padding-left: 5px;
}
.UIChartTooltip .detailsContainer > table.summaryContainer > tbody > tr > td.seriesIconContainer > div {
  width: 12px;
  height: 12px;
  border-radius: 6px;
}
.UIChartTooltip .detailsContainer > table.summaryContainer > tbody > tr.row0 > td {
  border: none;
}
.UIChartTooltip .detailsContainer .UIGrid.transactionList td {
  padding: 10px;
}
.UIChartTooltip .detailsContainer .UIGrid.transactionList .UIAmount {
  text-align: right;
  padding-left: 20px;
}
.UIChartTooltip .detailsContainer .tooltipFooter {
  background-color: #606472;
  padding: 10px;
  color: #F9F9F9;
}
.UIChartTooltip .detailsContainer .tooltipFooter .seeAllLink {
  margin-left: 20px;
}
.UIChartTooltip .arrowContainer {
  position: absolute;
}
.UIChartTooltip.regularChart .arrowContainer {
  height: 10px;
  top: -9px;
  left: 0;
  right: 0;
  background-image: url(/media/ui/UIPopup/popup-arrow-top.png);
  background-size: 18px 11px;
  background-position: 50% 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) {
  .UIChartTooltip.regularChart .arrowContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-top@2x.png);
  }
}
.UIChartTooltip.horizontalBarChart .arrowContainer {
  width: 10px;
  right: -9px;
  top: 0;
  bottom: 0;
  background-image: url(/media/ui/UIPopup/popup-arrow-right.png);
  background-size: 11px 18px;
  background-position: 0 50%;
}
@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) {
  .UIChartTooltip.horizontalBarChart .arrowContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-right@2x.png);
  }
}

.UIChart .tooltipContainer.expanded .UIChartTooltip .detailsContainer {
  padding: 0;
}
.UIPaymentInput .paymentInputContainer.UIGrid > tbody > tr > td {
  padding: 5px 10px;
}
.UIPaymentInput .paymentInputContainer.UIGrid > tbody > tr > td.firstColumn {
  padding-top: 10px;
  text-align: right;
}
.UIPaymentInput .paymentInputContainer input[type=text] {
  width: auto;
}
.UIPaymentInput .helpContentContainer li {
  margin-bottom: 5px;
}
.UIContactSettle .inputsContainer.UIGrid > tbody > tr td {
  vertical-align: middle;
  padding: 10px 10px 0px 0px;
}
/* Legacy */
.UIIouShare .membersContainer .UIGrid > tbody > tr > td {
  padding: 0 10px 10px 0;
  vertical-align: middle;
}
.UIIouShare .UIItemList > tbody > tr.firstRow > td {
  border-top: none;
}
.UIIouShare .shortNameContainer, .UIIouShare .UIGroupSettlementPlan .contactNameContainer {
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #606472;
  font-size: 12px;
  text-align: center;
  color: white;
}
@media only screen and (max-width: 500px) {
  .UIIouShare {
    max-width: 100%;
    overflow: auto;
  }
  .UIIouShare .pageSectionCard {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .UIIouShare .transactionsContainer {
    overflow: auto;
    width: 100%;
  }
}
.UIIouBalanceList .emptyBalanceContainer {
  padding: 30px 0px;
}
.UIIouBalanceList .actionLink {
  margin-left: 15px;
}
table.UIIouDetails.UIGrid > tbody > tr > * {
  padding: 10px 15px 10px 0px;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}
table.UIIouDetails.UIGrid > tbody > tr > * .amt {
  text-align: right;
}
.UIGroupSettle .inputsContainer.UIGrid > tbody > tr > td {
  padding: 10px;
  vertical-align: middle;
}
.UIGroupSettle .inputsContainer.UIGrid > tbody > tr > td.firstColumn {
  text-align: right;
}
.UIGroupSettlementPlan table.payplanContainer > tbody > tr > td, .UIGroupSettlementPlan table.payplanContainer > tbody > tr > th {
  padding: 5px;
}
.UIInvestmentHoldingList .UIItemList {
  margin-bottom: 20px;
}
.UIInvestmentHoldingList .UIItemList > tbody > tr > th {
  white-space: nowrap;
}
.UIInvestmentHoldingList .UIItemList > tbody > tr > td .UIAmount {
  text-align: right;
}
.UIInvestmentHoldingList.hasEditAction .UIItemList > tbody > tr > td.lastColumn {
  padding-right: 5px;
  padding-left: 10px;
  white-space: nowrap;
}
.UIInvestmentHoldingList.hasEditAction .UIItemList > tbody > tr > td.lastColumn .editAction {
  margin: 0;
  height: 15px;
  width: 15px;
}
.UIInvestmentHoldingList .metadataCellContainer {
  position: relative;
  padding-bottom: 15px;
}
.UIInvestmentHoldingList .metadataCellContainer .metadataContainer {
  white-space: nowrap;
  max-width: 200px;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.UIInvestmentHoldingList .rAlign > .metadataCellContainer > .metadataContainer {
  left: auto;
  right: 0;
}
/* Legacy */
.UIForecastNumbers > .UIGrid.UIItemList {
  border-bottom: none;
}
.UIForecastNumbers > .UIGrid.UIItemList > tbody > tr.borderRow > td {
  border-color: #282e33;
}
.UIForecastNumbers > .UIGrid.UIItemList > tbody > tr.firstRow > td {
  border: none;
}
.UIForecastNumbers > .UIGrid.UIItemList > tbody > tr > td {
  white-space: nowrap;
}
.UIForecastNumbers > .UIGrid.UIItemList > tbody > tr > td.lastColumn {
  text-align: right;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIMembershipBenefits {
  /* TODO: copy-paste from UIMembershipPlans */
}
.UIMembershipBenefits ul.featureList {
  list-style-type: none;
  padding-left: 0;
}
.UIMembershipBenefits .featureTextContainer {
  white-space: nowrap;
  padding: 2px 30px 2px 5px;
  position: relative;
}
.UIMembershipBenefits .featureTextContainer:hover {
  background-color: #f5f6f7;
}
.UIMembershipBenefits .featureTextContainer .helpIconContainer {
  position: absolute;
  right: 5px;
  top: 6px;
  background-image: url(/media/app/UIHeader/icon-helpNormal.png);
  background-size: contain;
  width: 14px;
  height: 14px;
  background-position: 0 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) {
  .UIMembershipBenefits .featureTextContainer .helpIconContainer {
    background-image: url(/media/app/UIHeader/icon-helpNormal@2x.png);
  }
}
.UIMembershipBenefits .UIHoverable .hoverContainer {
  z-index: 1000;
  width: 250px;
  left: 100%;
  top: -18px;
}
.UIMembershipBenefits .UIHoverable .hoverContainer > div {
  height: auto;
}
.UIMembershipBenefits .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) {
  .UIMembershipBenefits .UIHoverable .tooltipContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-left@2x.png);
  }
}
.UIMembershipBenefits .UIHoverable .tooltipContainer .featureTooltip {
  padding: 20px;
  white-space: normal;
  color: white;
  font-weight: normal;
  border-radius: 5px;
  background-color: #282e33;
}
.runtimeMobile .UIMembershipBenefits > .UIGrid {
  width: 100%;
}
.runtimeMobile .UIMembershipBenefits .UIHoverable .hoverContainer {
  top: auto;
  left: auto;
  bottom: 35px;
  right: 0px;
}
.runtimeMobile .UIMembershipBenefits .UIHoverable .hoverContainer .tooltipContainer {
  padding-left: 0;
  padding-bottom: 9px;
  background-position: 95% 100%;
  background-size: 18px 11px;
  background-image: url(/media/ui/UIPopup/popup-arrow-bottom.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) {
  .runtimeMobile .UIMembershipBenefits .UIHoverable .hoverContainer .tooltipContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-bottom@2x.png);
  }
}
.UIMembershipGiftSend {
  max-width: 700px;
}
.UIMembershipGiftSend textarea {
  height: 155px;
}
/* Legacy */
.UIMembershipPayment .inputLabel {
  color: #606472;
  font-weight: bold;
}
.UIMembershipPayment .cardWidthSetter {
  max-width: 500px;
}
.UIMembershipPayment .footerTextContainer {
  color: #777;
  margin: 25px 0px 20px;
}
.UIMembershipPayment .expandedPaymentButtonsContainer {
  display: none;
}
.UIMembershipPayment.showAllPaymentMethods .expandedPaymentButtonsContainer {
  display: block;
}
.UIMembershipPayment.showAllPaymentMethods .defaultPaymentButtonsContainer {
  display: none;
}
.UIMembershipPayment.showAllPaymentMethods .morePaymentOptionsLinkContainer {
  display: none;
}
.UIMembershipPaymentList.pageSectionCard {
  margin: 0;
}
.UIMembershipPaymentList .UIItemList > tbody > tr > * {
  white-space: nowrap;
}
/* 
 * 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 */
.UIMembershipPlanSelector .savingsContainer {
  margin-left: 20px;
  color: #F3A536;
  font-weight: bold;
}
.UIMembershipPlanSelector .UIDropdown .dropdownTitleContainer {
  min-width: 100px;
}
.UIMembershipPlanSelector .labelledInputContainer {
  margin-bottom: 20px;
}
.UIMembershipPlanSelector .UIRadioSelector {
  display: inline-block;
}
.UIMembershipPlanSelector .planTypeLabelContainer {
  width: 80px;
  display: inline-block;
}
.UIMembershipPlanSelector .planPeriodLabelContainer {
  width: 100px;
  display: inline-block;
}
.UIMembershipPlanSelector .priceContainer {
  width: 45px;
  display: inline-block;
  text-align: right;
  margin-right: 5px;
}
.UIMembershipPlanSelector .priceContainer.originalPriceContainer {
  text-decoration: line-through;
  color: #ccc;
}
.UIMembershipPlanSelector .footerLinksContainer {
  color: #777;
  margin-top: 25px;
  text-align: right;
}
.UIMembershipPlanSelector .footerLinksContainer .hyperlink {
  margin-bottom: 25px;
  display: block;
}
/* Legacy */
.UIMembershipUpsell.insideCard {
  color: #999;
}
.UIMembershipUpsell.UIDesktopNotice.pageSection {
  border-width: 0 0 1px;
  border-radius: 0;
  margin: 0;
  color: #606472;
}
.UIMembershipUpsell .secondaryButtonContainer {
  display: inline-block;
  margin-left: 15px;
}
.UIMembershipUpsell .expandedContentContainer {
  display: none;
}
.UIMembershipUpsell.expanded .expandedContentContainer {
  display: block;
}
.UIMembershipUpsell.expanded .conciseContentContainer {
  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
 */
.UIMembershipBlock {
  background: white;
  position: relative;
}
.UIMembershipBlock .titleContainer {
  font-size: 18px;
  line-height: 22px;
  /* To avoid getting too close to the dismiss action */
  margin-right: 20px;
}
.UIMembershipBlock .descriptionContainer {
  margin-top: 10px;
}
.UIMembershipBlock .descriptionContainer div, .UIMembershipBlock .descriptionContainer li {
  line-height: 21px;
}
.UIMembershipBlock .actionsContainer {
  margin-top: 25px;
}
.UIMembershipBlock .blockContainer {
  padding-top: 25px;
  padding-left: 25px;
}
.UIMembershipBlock.fullPage {
  font-size: 17px;
  margin: 20px;
  padding: 25px;
}
.UIMembershipBlock.fullPage .titleContainer {
  font-size: 25px;
}
.UIMembershipBlock.fullPage .descriptionContainer {
  margin-top: 25px;
}
.UIMembershipBlock.fullPage .blockContainer {
  padding-top: 35px;
  max-width: 500px;
  margin: auto;
}
.UIMembershipBlock .dismissActionContainer {
  position: absolute;
  /* Assumes this will only show in a pageSectionCard which adds some padding */
  top: -10px;
  right: -10px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url(/media/ui/UIModalDialog/icon-ModalClose.png);
  background-size: 20px 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) {
  .UIMembershipBlock .dismissActionContainer {
    background-image: url(/media/ui/UIModalDialog/icon-ModalClose@2x.png);
  }
}
/* Legacy */
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UINuxChecklist {
  color: #555;
}
.UINuxChecklist.pageSectionCard {
  padding: 0;
  min-height: auto;
  overflow: hidden;
}
.UINuxChecklist .closeActionContainer {
  width: 15px;
  height: 15px;
  cursor: pointer;
  background-image: url(/media/nux/UIChecklist/arrow-up.png);
  background-size: 10px 6px;
  background-position: 50% 50%;
  margin-right: 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) {
  .UINuxChecklist .closeActionContainer {
    background-image: url(/media/nux/UIChecklist/arrow-up@2x.png);
  }
}
.UINuxChecklist.collapsed .closeActionContainer {
  background-image: url(/media/nux/UIChecklist/arrow-down.png);
  background-size: 10px 6px;
}
@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) {
  .UINuxChecklist.collapsed .closeActionContainer {
    background-image: url(/media/nux/UIChecklist/arrow-down@2x.png);
  }
}
.UINuxChecklist .headerContainer {
  background-color: #777;
  color: white;
  font-size: 12px;
}
.UINuxChecklist .headerContainer > .UIGrid > tbody > tr > td {
  padding: 10px 0px 10px 10px;
  vertical-align: middle;
}
.UINuxChecklist .headerContainer .UIProgressBar {
  width: 100px;
}
.UINuxChecklist .headerContainer .UIProgressBar .progressBarContainer {
  border-radius: 0;
  border-width: 0;
  padding: 0;
  overflow: hidden;
}
.UINuxChecklist .headerContainer .UIProgressBar .outer, .UINuxChecklist .headerContainer .UIProgressBar .inner {
  border-radius: 0;
  height: 8px;
}
.UINuxChecklist .headerContainer .UIProgressBar .outer {
  background-color: white;
}
.UINuxChecklist .stepsContainer {
  border-top: 1px solid #e0e0e0;
}
.UINuxChecklist .stepsContainer > .UIGrid > tbody > tr > td {
  border-right: 1px solid #e0e0e0;
}
.UINuxChecklist .stepsContainer > .UIGrid > tbody > tr > td.lastColumn {
  border: none;
}
.UINuxChecklist .stepContainer {
  border-top: 1px solid #e0e0e0;
}
.UINuxChecklist .stepContainer.firstStep, .UINuxChecklist .stepContainer {
  border-top: none;
}
.UINuxChecklist .stepContainer .stepHeaderContainer {
  font-size: 13px;
  padding: 8px 10px;
  white-space: nowrap;
}
.UINuxChecklist .stepContainer .stepHeaderContainer .stepIndexContainer {
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
  background-color: #777;
  color: white;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 3px;
}
.UINuxChecklist .stepContainer .stepHeaderContainer .stepNameContainer {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}
.UINuxChecklist .stepContainer .stepDetailsContainer {
  border-top: 1px solid #e0e0e0;
}
.UINuxChecklist .stepContainer .stepActionContainer {
  white-space: nowrap;
  padding: 10px;
}
.UINuxChecklist .stepContainer .stepActionContainer:hover {
  background-color: #f5f6f7;
  color: black;
}
.UINuxChecklist .stepContainer .stepActionContainer:hover .actionLabel {
  text-decoration: underline;
}
.UINuxChecklist .stepContainer .stepActionContainer.complete {
  font-style: italic;
  color: #ccc;
}
.UINuxChecklist .stepContainer .stepActionContainer .UICheckbox {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.UINuxChecklist .stepContainer .stepActionContainer .UICheckbox, .UINuxChecklist .stepContainer .stepActionContainer .actionLabel {
  display: inline-block;
  vertical-align: middle;
}
.UINuxChecklist .stepContainer.unselectedStep .stepHeaderContainer {
  color: #999;
}
.UINuxChecklist .stepContainer.unselectedStep .stepDetailsContainer {
  display: none;
}
.UINuxChecklist .stepContainer .skipAction {
  font-size: 10px;
  margin-left: 45px;
  margin-top: 4px;
  color: #999;
  display: none;
}
.UINuxChecklist .stepContainer .skipAction.clickable:hover {
  color: black;
}
.UINuxChecklist .stepContainer .stepActionContainer:hover .skipAction {
  display: block;
}
.UINuxChecklist.collapsed .headerContainer {
  cursor: pointer;
}
.UINuxChecklist.collapsed .stepsContainer {
  display: none;
}
body.tutorialActive .UINuxChecklist {
  display: none;
}
/* Legacy */
.UIDashboardNux {
  padding-right: 40px;
}
.UIDashboardNux .pageSectionsContainer > tbody > tr.firstRow > td.lastColumn {
  height: 1px;
}
.UIDashboardNux .UIHelpFAQs .faqItemContainer {
  margin-bottom: 10px;
}
.UIDashboardNux .UIHelpFAQs .questionContainer {
  font-weight: normal;
}
.UIDashboardNux .UIBankPicker {
  max-width: 620px;
}
.UIDashboardNux .UIBankPicker .scrollContentContainer {
  height: 210px;
  overflow: hidden;
  margin: 0;
}
.UIDashboardNux.showAllBanks .UIBankPicker .scrollContentContainer {
  overflow: auto;
  height: auto;
  max-height: none;
}
.UIDashboardNux.showAllBanks .seeMoreBanksLink {
  display: none;
}
.UIDashboardNux .UISoftwareUploadPicker {
  max-width: 400px;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UINuxTour {
  padding-top: 40px;
  text-align: center;
}
.UINuxTour .overlayBg {
  opacity: 0.7;
}
.UINuxTour .pageSectionCard {
  position: relative;
  z-index: 2000;
}
.UINuxTour .previousButton, .UINuxTour .skipButton {
  display: block;
  width: 100px;
  margin-top: 8px;
}
.UINuxTour .previousButton {
  text-align: left;
}
.UINuxTour .skipButton {
  text-align: right;
}
.UINuxTour .previousButton {
  visibility: hidden;
}
.UINuxTour .finishButton {
  display: none;
}
.UINuxTour.hasPreviousPane .previousButton {
  visibility: visible;
}
.UINuxTour.isLastPane .finishButton {
  display: inline-block;
}
.UINuxTour.isLastPane .nextButton {
  display: none;
}
.UINuxTour .featurePane {
  display: none;
  padding: 30px 40px 80px;
  text-align: left;
  height: 450px;
  width: 500px;
}
.UINuxTour .featurePane.selected {
  display: block;
}
.UINuxTour .featurePane .titleContainer {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.UINuxTour .featurePane .subtitleContainer {
  margin-top: 10px;
  color: #777;
}
.UINuxTour .featurePane .subfeatureContainer {
  margin-top: 20px;
  padding-left: 40px;
}
.UINuxTour .featurePane .subfeatureContainer .subfeatureTitleContainer {
  margin-top: 25px;
  text-transform: uppercase;
}
.UINuxTour .featurePane .subfeatureContainer .subfeatureSubtitleContainer {
  margin-top: 5px;
  color: #777;
  line-height: 1.3em;
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-sync {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-syncaccounts.png);
  background-size: 25px 21px;
}
@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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-sync {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-syncaccounts@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-upload {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-uploadstatment.png);
  background-size: 18px 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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-upload {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-uploadstatment@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-manual {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-addtransaction.png);
  background-size: 20px 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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-manual {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-addtransaction@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-nestedtags {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-tagsNormal.png);
  background-size: 20px 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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-nestedtags {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-tagsNormal@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-autotags {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-automatic-tag-rules.png);
  background-size: 26px 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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-autotags {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-automatic-tag-rules@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-insights {
  background-image: url(/media/UIFrontPage/UIFeatures/text/Icon-reportsNormal2.png);
  background-size: 21px 21px;
}
@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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-insights {
    background-image: url(/media/UIFrontPage/UIFeatures/text/Icon-reportsNormal2@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-budgets {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-budgets.png);
  background-size: 21px 21px;
}
@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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-budgets {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-budgets@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-alerts, .UINuxTour .featurePane .subfeatureContainer.subfeature-smart-alerts {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-alert.png);
  background-size: 18px 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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-alerts, .UINuxTour .featurePane .subfeatureContainer.subfeature-smart-alerts {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-alert@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-reminders, .UINuxTour .featurePane .subfeatureContainer.subfeature-calendar {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-reminders.png);
  background-size: 20px 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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-reminders, .UINuxTour .featurePane .subfeatureContainer.subfeature-calendar {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-reminders@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-investments {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-investmentsNormal.png);
  background-size: 21px 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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-investments {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-investmentsNormal@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-forecast {
  background-image: url(/media/UIFrontPage/UIFeatures/text/icon-forecast.png);
  background-size: 20px 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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-forecast {
    background-image: url(/media/UIFrontPage/UIFeatures/text/icon-forecast@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-retirement {
  background-image: url(/media/retirement/icon-goalsNormal.png);
  background-size: 20px 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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-retirement {
    background-image: url(/media/retirement/icon-goalsNormal@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-rules {
  background-image: url(/media/rules/icon-rules-lightning.png);
  background-size: 14px 21px;
}
@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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-rules {
    background-image: url(/media/rules/icon-rules-lightning@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-split {
  background-image: url(/media/UITransactionList/items/icon-itemizeNormal.png);
  background-size: 20px 18px;
}
@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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-split {
    background-image: url(/media/UITransactionList/items/icon-itemizeNormal@2x.png);
  }
}
.UINuxTour .featurePane .subfeatureContainer.subfeature-currency {
  background-image: url(/media/app/UIAction/icon-currency.png);
  background-size: 20px 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) {
  .UINuxTour .featurePane .subfeatureContainer.subfeature-currency {
    background-image: url(/media/app/UIAction/icon-currency@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
 */
.UIAlertPopup.UIPopup {
  position: relative;
}
.UIAlertPopup.UIPopup .popupContentContainer {
  min-width: 350px;
  white-space: normal;
}
.UIAlertPopup.UIPopup .seeAllButtonContainer {
  padding: 10px 10px 5px;
}
.UIAlertPopup.UIPopup .popupHandleContainer .UINavigationItem {
  background-image: url(/media/app/UIHeader/icons-alertNormal.png);
  background-size: 18px 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) {
  .UIAlertPopup.UIPopup .popupHandleContainer .UINavigationItem {
    background-image: url(/media/app/UIHeader/icons-alertNormal@2x.png);
  }
}
.UIAlertPopup.UIPopup .popupHandleContainer .UINavigationItem:hover {
  background-image: url(/media/app/UIHeader/icons-alertActive.png);
  background-size: 18px 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) {
  .UIAlertPopup.UIPopup .popupHandleContainer .UINavigationItem:hover {
    background-image: url(/media/app/UIHeader/icons-alertActive@2x.png);
  }
}
.UIAlertPopup.UIPopup.opening .popupHandleContainer .UINavigationItem, .UIAlertPopup.UIPopup.open .popupHandleContainer .UINavigationItem {
  background-image: url(/media/app/UIHeader/icons-alertActive.png);
  background-size: 18px 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) {
  .UIAlertPopup.UIPopup.opening .popupHandleContainer .UINavigationItem, .UIAlertPopup.UIPopup.open .popupHandleContainer .UINavigationItem {
    background-image: url(/media/app/UIHeader/icons-alertActive@2x.png);
  }
}
.UIAlertPopup.UIPopup .popupHandleContainer .badgeContainer {
  position: absolute;
  top: 2px;
  right: 15px;
  background: #e64b30;
  border: 1px solid #e64b30;
  border-radius: 9px;
  font-size: 11px;
  color: white;
  padding: 3px 6px;
}
.UIAlertPopup.UIPopup.opening .popupHandleContainer .badgeContainer, .UIAlertPopup.UIPopup.open .popupHandleContainer .badgeContainer {
  color: #606472;
  border-color: white;
  background: white;
}
/* Legacy */
.UIAlertList .UIGrid.alertListContainer > tbody > tr:hover {
  background-color: #606472;
}
.UIAlertList .UIGrid.alertListContainer > tbody > tr > td {
  border-bottom: 1px solid #dcdce2;
  vertical-align: top;
  padding: 10px 15px;
}
.UIAlertList .UIGrid.alertListContainer > tbody > tr > td.dateHeaderRow {
  font-size: 13px;
  padding-top: 6px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.UIAlertList.popup .UIGrid.alertListContainer > tbody > tr > td {
  border-color: #606472;
}
.UIAlertList.popup .UIGrid.alertListContainer > tbody > tr > td.dateHeaderRow {
  border: none;
  background-color: #606472;
}
.UIAlertList.popup .UIGrid.alertListContainer > tbody > tr.lastRow > td {
  border: none;
}
.UIAlertList.fullPage .UIGrid.alertListContainer > tbody > tr > td.dateHeaderRow {
  background-color: #f5f6f7;
  font-weight: bold;
}
.UIAlertList .emptyStateContainer {
  display: none;
  padding: 40px 0px;
  text-align: center;
}
.UIAlertList.empty .emptyStateContainer {
  display: block;
}
.UIAlertList.empty .alertListContainer {
  display: none;
}
/* Legacy */
.UIAlertListPage .UIAlertList .UIGrid.alertListContainer > tbody > tr:hover {
  background-color: #f5f6f7;
}
.UIAlertListPage .UIAlertList .UIGrid.alertListContainer > tbody > tr > td > a {
  padding: 15px 5px;
}
.UIFreebirdFeedback .commentsInput {
  height: 100px;
  margin: 20px 0px;
}
.UIAccountMultiSelector .UIRadioSelector {
  max-height: 300px;
  overflow: auto;
  padding-right: 20px;
}
.UIAccountEdit .UILeftRight {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UIAccountEdit .UILeftRight input[type=text],
.UIAccountEdit .UILeftRight input[type=password],
.UIAccountEdit .UILeftRight .UIButton {
  width: 150px;
}
.UIAccountEdit .UILeftRight .UIDropdown.UIControl {
  width: 150px;
}
.UIAccountEdit .UILeftRight .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UIAccountEdit .metadataFieldsContainer .inputFieldContainer {
  float: left;
  width: 50%;
}
.UIAccountEdit .metadataFieldsContainer .inputFieldContainer .labelledInputContainer {
  width: 100%;
  padding-right: 10px;
}
.UIAccountPage .chartsContainer {
  max-width: 1200px;
}
.UIAccountPage .UIForecastBalance .UIButton.seeAllButton {
  margin-top: 30px;
  display: inline-block;
}
.UIAccountPage .UIAccountBalanceChart {
  margin-top: 30px;
}
/* Legacy */
.UIAccountInput .UIBankPicker .scrollContentContainer {
  margin: 0;
}
.UIAccountInput .UIGrid.syncInputsContainer > table > tr > td.firstColumn {
  padding-right: 30px;
}
.UIAccountInput .UIGrid.syncInputsContainer > table > tr > td.lastColumn {
  padding-left: 30px;
  width: 100px;
  border-left: 1px solid #e0e0e0;
}
.UIAccountInput .bottomActionsContainer {
  margin: 40px 0 20px;
}
.UIAccountInput .bottomActionsContainer .UIButton {
  margin-right: 20px;
}
.UIAccountInput.isZillowSyncDisabled .UIAddressInput {
  display: none;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIAccountOutOfSyncNotice .contentContainer {
  background-image: url(/media/sync/icon-SyncError-Drawer.png);
  background-size: 24px 20px;
  background-position: 0 3px;
  padding-left: 35px;
}
@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) {
  .UIAccountOutOfSyncNotice .contentContainer {
    background-image: url(/media/sync/icon-SyncError-Drawer@2x.png);
  }
}
.UIAccountOutOfSyncNotice .accountListContainer.UIGrid {
  margin-top: 20px;
}
.UIAccountOutOfSyncNotice .accountListContainer.UIGrid > tbody > tr > td {
  padding: 0 10px 20px 0;
  vertical-align: middle;
}
.UIAccountOutOfSyncNotice .accountListContainer.UIGrid > tbody > tr > td .syncButton {
  margin-right: 40px;
  font-size: 12px;
}
.UIChurnFeedback .customInputsContainer {
  display: none;
}
.UIChurnFeedback .passwordInput {
  width: 200px;
}
.UIChurnFeedback textarea {
  height: 100px;
  width: 100%;
}
.UINetWorth .chartContainer {
  margin-top: 25px;
}
.UIInsightPage .forecastSettingContainer form.isLoading {
  background-image: url(/media/icons/indicator.gif);
  background-position: 0% 50%;
}
.UIInsightPage .forecastSettingContainer form.isLoading input[name=enableForecast] {
  visibility: hidden;
}
.UITagInput .UIGrid > tbody > tr > td {
  padding: 10px;
  vertical-align: middle;
}
.UITagInput .UIGrid > tbody > tr > td.firstColumn {
  font-weight: bold;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UITopMovers {
  /* Extra classes needed to override UIGrid.tableHeaderRow > th classes */
}
.UITopMovers .amountContainer {
  margin-left: 20px;
}
.UITopMovers table.UIItemList.UIGrid > tbody > tr > * {
  white-space: nowrap;
  text-align: right;
}
.UITopMovers table.UIItemList.UIGrid > tbody > tr > *.firstColumn {
  text-align: left;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.helpIconContainer {
  background-image: url(/media/app/UIHeader/icon-helpNormal.png);
  background-size: contain;
  width: 13px;
  height: 13px;
}
@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) {
  .helpIconContainer {
    background-image: url(/media/app/UIHeader/icon-helpNormal@2x.png);
  }
}
/* 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;
}
/* 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;
}
.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 */
.UIPeriodPicker.UIPopup .popupOverlayContainer {
  min-width: 225px;
}
.UIPeriodPicker .customPeriodContainer {
  font-size: 13px;
}
.UIPeriodPicker .customPeriodContainer .customPeriodDetailsContainer {
  display: none;
}
.UIPeriodPicker .customPeriodContainer.selected .customPeriodDetailsContainer {
  display: block;
}
.UIPeriodPicker .customPeriodContainer .customDateInput {
  width: 100%;
  text-align: center;
}
.UIPeriodPicker .customPeriodDetailsContainer .customDateLabelsContainer {
  margin-top: 3px;
}
.UIPeriodPicker .customPeriodDetailsContainer .customDateLabelsContainer .customPeriodSubmitButton {
  margin-top: 3px;
}
.UIPeriodPicker .customPeriodDetailsContainer .customDateLabelsContainer > .UIGrid > tbody > tr > td {
  border: 1px solid #2B2F3E;
  border-width: 0px 1px 0px 0px;
}
.UIPeriodPicker .customPeriodDetailsContainer .customDateLabelsContainer > .UIGrid > tbody > tr > td.lastColumn {
  border-width: 0px 0px 0px 1px;
}
.UIPeriodPicker .dateLabelContainer {
  padding: 10px 5px;
  text-align: center;
  background: #606472;
}
.UIPeriodPicker .dateLabelContainer.selected {
  background: #36c0ff;
  color: white;
}
.UIPeriodPicker .dateLabelContainer .dateTypeLabel {
  margin-bottom: 5px;
}
.UIPeriodPicker.UIControl.UIPopup .popupContentContainer {
  padding: 5px;
  /* All the crazy selectors in the two rules below make sure nothing else on
   * earth overrides these no matter where &` is embedded. See
   * `UITransactionListSearch` for an example.
   * The elements need to be `UIButtons` so they can submit a form in the larger
   * element that they are embedded in.
   */
}
.UIPeriodPicker.UIControl.UIPopup .popupContentContainer .shortcutsContainer.UIGrid > tbody > tr > td {
  padding: 0 5px 5px 0;
}
.UIPeriodPicker.UIControl.UIPopup .popupContentContainer .shortcutsContainer.UIGrid > tbody > tr > td.lastColumn {
  padding-right: 0;
}
.UIPeriodPicker.UIControl.UIPopup .popupContentContainer .shortcutsContainer.UIGrid .UIControl.UIButton .controlTitleContainer.buttonTitleContainer {
  white-space: nowrap;
}
.UIPeriodPicker.UIControl.UIPopup .popupContentContainer .shortcutsOutsideGrid .UIButton {
  margin-bottom: 5px;
}
.UIPeriodPicker.UIControl.UIPopup .popupContentContainer .UIControl.UIButton .controlTitleContainer.buttonTitleContainer {
  border: none;
}
.UIPeriodPicker.UIControl.UIPopup .popupArrowContainer {
  background-image: url(/media/ui/UIPopup/popup-arrow-top.png);
  background-size: 18px 11px;
}
@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) {
  .UIPeriodPicker.UIControl.UIPopup .popupArrowContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-top@2x.png);
  }
}
.UIPeriodPicker.handleStyle-calendar .popupHandleContainer {
  font-size: 13px;
}
.UIPeriodPicker .calendarHandleContainer {
  background-image: url(/media/app/UIFilters/dropdown-dark.png);
  background-size: 10px 5px;
  background-position: 100% 50%;
  padding-right: 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) {
  .UIPeriodPicker .calendarHandleContainer {
    background-image: url(/media/app/UIFilters/dropdown-dark@2x.png);
  }
}
.UIPeriodPicker .calendarHandleContainer .periodDescriptionContainer {
  white-space: nowrap;
  background-image: url(/media/ui/UIPeriodPicker/icon-calendar.png);
  background-size: contain;
  background-position: 0px 50%;
  padding-left: 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) {
  .UIPeriodPicker .calendarHandleContainer .periodDescriptionContainer {
    background-image: url(/media/ui/UIPeriodPicker/icon-calendar@2x.png);
  }
}
.UIPeriodPicker .dropdownTitleContentContainer, .UIPeriodPicker .periodDescriptionContainer {
  text-transform: uppercase;
}
.UIPeriodPicker .customDatesErrorContainer {
  display: none;
  padding: 10px 15px;
  margin: 10px 0;
  border: 3px solid red;
  border-radius: 3px;
  font-size: 15px;
}
.UIPeriodPicker .customDatesErrorContainer.hasErrors {
  display: block;
}
/* Legacy */
.UIAclSettings .twoSectionsContainer.UIGrid > tbody > tr > td {
  padding-left: 30px;
}
.UIAclSettings .twoSectionsContainer.UIGrid > tbody > tr > td.firstColumn {
  padding-right: 30px;
  padding-left: 0;
  border-right: 1px solid #e0e0e0;
}
.membershipUpdateButtonsContainer.UIGrid > tbody > tr > td {
  padding-right: 10px;
}
.UITransactionsSettings .customEmailContainer {
  margin: -15px 0 0 22px;
}
.UIForecastBalanceAlerts .UIGrid.UIItemList > tbody > tr > td.firstColumn {
  padding-right: 0;
}
.UIForecastBalanceAlerts .severeAlertIcon {
  background-image: url("/media/icons/error-small.png");
  width: 15px;
  height: 15px;
  background-position: 0 50%;
}
.UIForecastBalanceAlertSettings .thresholdsContainer.UIGrid > tbody > tr.unconfiguredAccountRow {
  display: none;
}
.UIForecastBalanceAlertSettings .thresholdsContainer.UIGrid > tbody > tr > td {
  padding: 5px 10px;
  vertical-align: middle;
}
.UIForecastBalanceAlertSettings .thresholdsContainer.UIGrid > tbody > tr > td.firstColumn {
  padding-left: 0;
  text-align: right;
}
.UIForecastBalanceAlertSettings .thresholdsContainer.UIGrid > tbody > tr > td .accountNameContainer {
  max-width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.UIForecastBalanceAlertSettings .thresholdsContainer.UIGrid > tbody > tr > td .inputLabel {
  margin: 0;
}
.UIForecastBalanceAlertSettings .perAccountThresholdsContainer.empty .inputLabel, .UIForecastBalanceAlertSettings .perAccountThresholdsContainer.empty .thresholdsContainer {
  display: none;
}
.UIForecastBalanceAlertSettings.expanded .toggleLink {
  display: none;
}
.UIForecastBalanceAlertSettings.expanded .thresholdsContainer.UIGrid > tbody > tr.unconfiguredAccountRow {
  display: table-row;
}
.UIForecastBalanceAlertSettings.expanded .perAccountThresholdsContainer.empty .inputLabel, .UIForecastBalanceAlertSettings.expanded .perAccountThresholdsContainer.empty .thresholdsContainer {
  display: initial;
}
.UISupportRequest {
  min-width: 300px;
  max-width: 600px;
}
.UISupportRequest .errorMessageContainer {
  display: block;
  max-width: 300px;
}
.UISupportRequest .invalidInputContainer .inputLabel {
  color: red;
}
.UISupportRequest .customInputsContainer {
  display: none;
}
.UISupportRequest .customInputsContainer.enabled {
  display: block;
}
.UISupportRequest textarea {
  height: 100px;
  width: 100%;
}
.UISupportRequest textarea[name=banks] {
  height: 100px;
}
.UISupportRequest .syncErrorSelector.UIRadioSelector .labelContainer {
  white-space: normal;
}
/* Hide the default launcher on chat popout */
.zEWidget-launcher--active {
  display: none;
}
.UIFastlink {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: white;
  text-align: center;
  font-size: 18px;
  background-image: url(/media/icons/indicator.gif);
  background-position: 50% 80px;
  padding: 140px 0;
}
.UIFastlink iframe {
  min-height: 800px;
}
/* Legacy */
.UISyncMigration .accountListContainer.UIGrid > tbody > tr:hover > td {
  background-color: #f5f6f7;
}
.UISyncMigration .accountListContainer.UIGrid > tbody > tr > td, .UISyncMigration .accountListContainer.UIGrid > tbody > tr > th {
  padding: 10px 55px 5px 10px;
  white-space: nowrap;
  vertical-align: top;
  border-top: 1px solid #e0e0e0;
}
.UISyncMigration .accountListContainer.UIGrid > tbody > tr > th {
  background-color: #f5f6f7;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.UISyncMigration .accountListContainer.UIGrid > tbody > tr .accountNameContainer {
  margin-bottom: 10px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UITransactionList {
  /**
   * TODO: This needs to be generalized to the entire page container, else the horizontal scrollbar is not easily visible
   * Still better than just a hidden overflow.
   * UPDATE: Setting overflow-x affects overflow-y also for some reason.
   * https://stackoverflow.com/questions/18135204/setting-overflow-y-causes-overflow-x-to-change-as-well
   .transactionListOuterContainer {
     overflow-x: auto;
   }
   */
}
.UITransactionList .nonEditable {
  padding: 6px 2px;
}
.UITransactionList.pageSectionCard {
  padding-right: 0;
  padding-left: 0;
}
.UITransactionList .UIGrid.transactionListContainer {
  border-bottom: 1px solid #e0e0e0;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > td, .UITransactionList .UIGrid.transactionListContainer > tbody > tr th.firstColumn {
  cursor: pointer;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > td {
  vertical-align: top;
  padding: 5px 10px;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > td.lastColumn {
  border-right: none;
  padding-right: 5px;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.transactionRow > td {
  border-width: 1px 0 0 0;
  border-top: 1px solid #e0e0e0;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.noBorder > td {
  border: none;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td {
  background-color: #f9f9f9;
  border-top: 1px solid #606472;
  padding: 10px 0 10px 40px;
  cursor: pointer;
  color: #999;
  background-image: url(/media/UISidebar/drawer/arrow-open.png);
  background-size: 9px 6px;
  background-repeat: no-repeat;
  background-position: 15px 50%;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td .titleText {
  color: #333;
  font-weight: bold;
}
@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) {
  .UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td {
    background-image: url(/media/UISidebar/drawer/arrow-open@2x.png);
  }
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td .dotSeparator {
  line-height: 12px;
  height: 12px;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td .UIListNavigation {
  margin-top: 0;
  font-size: 12px;
  font-weight: normal;
  color: inherit;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td .UIListNavigation .infoTextContainer {
  display: block;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td .UIListNavigation .loadMoreLink {
  margin-left: 5px;
  color: inherit;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td .UIListNavigation .loadMoreLink:hover {
  color: #333;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > td .paddedCell {
  /* 1px extra for the border to match the hoverable cells */
  padding: 7px 3px;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > td .convertedCurrencyAmountContainer {
  padding-bottom: 0;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.pendingTransactionRow > td {
  color: #474e66;
  font-style: italic;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.pendingTransactionRow > td .dateCell {
  white-space: nowrap;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow {
  /*
  &.expandedRow > td {
    display: none;
  }
  */
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow .transactionTypeContainer {
  width: 15px;
  height: 15px;
  background-position: 0 0;
  /* generic */
  background-image: url(/media/UISidebar/icon-forecastNormal.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) {
  .UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow .transactionTypeContainer {
    background-image: url(/media/UISidebar/icon-forecastNormal@2x.png);
  }
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow .transactionTypeContainer.budget {
  background-image: url(/media/UISidebar/icon-budgetsNormal.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) {
  .UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow .transactionTypeContainer.budget {
    background-image: url(/media/UISidebar/icon-budgetsNormal@2x.png);
  }
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow .transactionTypeContainer.reminder {
  background-image: url(/media/UISidebar/icon-remindersNormal.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) {
  .UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow .transactionTypeContainer.reminder {
    background-image: url(/media/UISidebar/icon-remindersNormal@2x.png);
  }
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow .transactionTypeContainer.transaction {
  background-image: url(/media/UISidebar/icon-accountsNormal.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) {
  .UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow .transactionTypeContainer.transaction {
    background-image: url(/media/UISidebar/icon-accountsNormal@2x.png);
  }
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow .loading > .transactionTypeContainer {
  background-image: url(/media/icons/indicator.gif);
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow > td.firstColumn .paddedCell {
  padding-left: 0;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.selected > td, .UITransactionList .UIGrid.transactionListContainer > tbody > tr:hover > td {
  background-color: #f5f6f7;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > th {
  font-size: 12px;
  white-space: nowrap;
  text-align: left;
  padding: 10px 12px; /* 10px for cells + 2px for editables */
  vertical-align: middle;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > th.firstColumn {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > th.rAlign {
  text-align: right;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > th, .UITransactionList .UIGrid.transactionListContainer > tbody > tr > th a {
  color: #7C7C7C;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > th .sortableColumnTitle > div {
  background-image: url(/media/UITransactionList/icons-sortingNothing.png);
  background-size: 6px 10px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 15px;
  display: inline-block;
}
@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) {
  .UITransactionList .UIGrid.transactionListContainer > tbody > tr > th .sortableColumnTitle > div {
    background-image: url(/media/UITransactionList/icons-sortingNothing@2x.png);
  }
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > th .sortableColumnTitle.sortedUp, .UITransactionList .UIGrid.transactionListContainer > tbody > tr > th .sortableColumnTitle.sortedDown {
  color: #36c0ff;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > th .sortableColumnTitle.sortedUp > div {
  background-image: url(/media/UITransactionList/icons-sortingUp.png);
  background-size: 6px 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) {
  .UITransactionList .UIGrid.transactionListContainer > tbody > tr > th .sortableColumnTitle.sortedUp > div {
    background-image: url(/media/UITransactionList/icons-sortingUp@2x.png);
  }
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > th .sortableColumnTitle.sortedDown > div {
  background-image: url(/media/UITransactionList/icons-sortingDown.png);
  background-size: 6px 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) {
  .UITransactionList .UIGrid.transactionListContainer > tbody > tr > th .sortableColumnTitle.sortedDown > div {
    background-image: url(/media/UITransactionList/icons-sortingDown@2x.png);
  }
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.selected > td, .UITransactionList .UIGrid.transactionListContainer > tbody > tr:hover > td {
  background-color: #f5f6f7;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.openingBalanceRow > td {
  cursor: default;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > .itemsContainer {
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  /* To avoid spurious whitespace: https://stackoverflow.com/a/20025159/3023161 */
  height: 29px;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > .itemsContainer .UITransactionListItem.iconContainer {
  height: 29px;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > td.actionsContainer, .UITransactionList .UIGrid.transactionListContainer > tbody > tr > td.actionsToggleCell {
  padding: 0;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > td.actionsContainer > div {
  display: none;
  /* Min-height is required for the 'Loading ...' status to show up */
  min-height: 38px;
  background-color: #f5f6f7;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr > td.actionsContainer.lastForecastTransactionRow {
  border-bottom: 1px solid #606472;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.splitTransactionRow {
  display: none;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.splitTransactionRow.expanded {
  display: table-row;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.splitTransactionRow > td {
  border-style: dashed;
}
.UITransactionList .UIGrid.transactionListContainer > tbody > tr.splitTransactionRow > td.emptySplitTransactionCell {
  border: none;
}
.UITransactionList .emptyStateContainer {
  padding: 40px 20px;
}
.UITransactionList .emptyStateContainer .emptyStateTitle {
  color: #777;
  font-style: italic;
}
.UITransactionList .emptyStateContainer .emptyStateContent {
  color: #2B2F3E;
  margin-top: 10px;
}
.UITransactionList .emptyStateContainer .emptyStateContent a {
  text-decoration: underline;
  margin-left: 5px;
}
.UITransactionList .statusCountContainer {
  margin-left: 10px;
  padding: 2px 5px;
  font-size: 11px;
  border: 1px solid #dcdce2;
  color: #dcdce2;
}
.UITransactionList .UILinkSelector a.selected .statusCountContainer,
.UITransactionList .UILinkSelector a:hover .statusCountContainer {
  color: #2b2f3e;
}
.UITransactionList .UIIouDetails {
  border: none;
}
.UITransactionList .UIIouDetails > tbody > tr > td {
  border: none;
}
.UITransactionList .actionsToggleButtonContainer {
  height: 39px;
  width: 40px; /* icon width = 12px */
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.UITransactionList .actionsToggleButtonContainer.closed {
  background-image: url(/media/UITransactionList/UIActions/openDetails.png);
  background-size: 12px 7px;
}
@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) {
  .UITransactionList .actionsToggleButtonContainer.closed {
    background-image: url(/media/UITransactionList/UIActions/openDetails@2x.png);
  }
}
.UITransactionList .actionsToggleButtonContainer.open {
  background-image: url(/media/UITransactionList/UIActions/closeDetails-dark.png);
  background-size: 12px 7px;
}
@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) {
  .UITransactionList .actionsToggleButtonContainer.open {
    background-image: url(/media/UITransactionList/UIActions/closeDetails-dark@2x.png);
  }
}
.UITransactionList.hasSelectedTransactions {
  user-select: none;
}
.UITransactionList.hasSelectedTransactions .actionsToggleButtonContainer {
  /* Avoid shift in layout on selecting transactions */
  visibility: hidden;
}
.UITransactionList.hasSelectedTransactions .UIGrid.transactionListContainer > tbody > tr:hover > td {
  background-color: transparent;
}
.UITransactionList.hasSelectedTransactions .UIGrid.transactionListContainer > tbody > tr.selected > td {
  background-color: #f5f6f7;
}
.UITransactionList.forecastClosed .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td {
  background-image: url(/media/UISidebar/drawer/arrrow-closed.png);
  background-size: 6px 9px;
  border-top: 1px solid #e0e0e0;
}
@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) {
  .UITransactionList.forecastClosed .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td {
    background-image: url(/media/UISidebar/drawer/arrrow-closed@2x.png);
  }
}
.UITransactionList.forecastClosed .UIGrid.transactionListContainer > tbody > tr.forecastSectionHeaderRow > td .seeAllContainer {
  display: none;
}
.UITransactionList.forecastClosed .UIGrid.transactionListContainer > tbody > tr.forecastTransactionRow {
  display: none;
}
.UITransactionList.forecastClosed .UIGrid.transactionListContainer > tbody > tr.firstTransactionRow > td {
  border-top: 1px solid #e0e0e0;
}
.UITransactionList.forecastClosed .UIGrid.transactionListContainer > tbody > tr > td.actionsContainer.lastForecastTransactionRow {
  border: none;
}
.UITransactionList.noTransactions {
  max-width: 800px;
}
.UITransactionList .deletionNoticeContainer {
  font-style: italic;
  color: #777;
  margin: 20px 0 -20px 10px;
}
.UITransactionList.hasSelectedTransactions .stickyActionsContainer {
  /* Needed so it's not transparent and allows elements to go behind it */
  background-color: white;
  border-bottom: 1px solid #e0e0e0;
  /* TODO: This is only sticky when enabled, else it blocks the green status message bar. */
  position: sticky;
  top: 111px;
  z-index: 55;
}
.UITransactionList.hasSelectedTransactions .stickyActionsContainer .UIListNavigation {
  margin: 15px;
  font-size: 12px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UITransactionListHeader {
  padding-right: 20px;
  padding-left: 20px;
}
.UITransactionListHeader .iconAction {
  margin-left: 15px;
  width: 20px;
  height: 30px;
  background-position: 100% 50%;
}
.UITransactionListHeader .iconAction.historyAction {
  background-size: 18px 18px;
}
.UITransactionListHeader .iconAction.searchAction {
  background-size: 16px 15px;
}
.UITransactionListHeader .iconAction.downloadAction {
  background-size: 18px 18px;
}
.UITransactionListHeader .iconAction.reconcileAction {
  background-image: url(/media/app/UIAction/icon-reconciled.png);
  background-size: 20px 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) {
  .UITransactionListHeader .iconAction.reconcileAction {
    background-image: url(/media/app/UIAction/icon-reconciled@2x.png);
  }
}
.UITransactionListHeader .iconAction.trashAction {
  background-image: url(/media/ui/UIDropdown/DeleteButton.png);
  background-size: 16px 18px;
}
@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) {
  .UITransactionListHeader .iconAction.trashAction {
    background-image: url(/media/ui/UIDropdown/DeleteButton@2x.png);
  }
}
.UITransactionList.pageSectionCard .UIGrid.transactions > tbody > tr > td .UITransactionListAmountCell {
  white-space: nowrap;
}
.UITransactionList.pageSectionCard .UIGrid.transactions > tbody > tr > td .UITransactionListAmountCell .UIAmount {
  text-align: right;
}
.UITransactionList.pageSectionCard .UIGrid.transactions > tbody > tr > td .UITransactionListAmountCell .UIEditable .editContainer input.amountInput {
  text-align: right;
  padding-right: 2px;
}
.UITransactionList.pageSectionCard .UIGrid.transactions > tbody > tr > td .UITransactionListAmountCell .multiCurrencyAmountsContainer > .paddedCell {
  padding-bottom: 0;
}
.UITransactionList .UITransactionListDateCell {
  white-space: nowrap;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UITransactionListAccountCell .transferAccountContainer.toAccountContainer {
  background-image: url(/media/icons/money/transfer-in-gray.gif);
  margin-left: 3px;
  background-size: 12px;
  padding-left: 15px;
  background-position: 0 50%;
}
.UITransactionListAccountCell.nonEditable .transferAccountContainer.toAccountContainer {
  padding-left: 20px;
  margin-top: 10px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UITransactionListDetails {
  padding: 10px 15px;
  cursor: default;
}
.UITransactionListDetails .actionGrid > .UIControl {
  margin: 0px 10px 10px 0;
}
.UITransactionListDetails .actionGrid > .UIButton .buttonTitleContainer {
  background-position: 10px 50%;
  background-size: auto 15px;
  padding-left: 31px;
}
.UITransactionListDetails .actionGrid > .UIButton.addAction .buttonTitleContainer {
  background-image: url(/media/app/UIHeader/icon-addtransactionActive.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) {
  .UITransactionListDetails .actionGrid > .UIButton.addAction .buttonTitleContainer {
    background-image: url(/media/app/UIHeader/icon-addtransactionActive@2x.png);
  }
}
.UITransactionListDetails .actionGrid > .UIButton.editAction .buttonTitleContainer {
  background-image: url(/media/UITransactionList/UIActions/edit.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) {
  .UITransactionListDetails .actionGrid > .UIButton.editAction .buttonTitleContainer {
    background-image: url(/media/UITransactionList/UIActions/edit@2x.png);
  }
}
.UITransactionListDetails .actionGrid > .UIButton.copyAction .buttonTitleContainer {
  background-image: url(/media/UITransactionList/UIBulkActions/copy.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) {
  .UITransactionListDetails .actionGrid > .UIButton.copyAction .buttonTitleContainer {
    background-image: url(/media/UITransactionList/UIBulkActions/copy@2x.png);
  }
}
.UITransactionListDetails .actionGrid > .UIButton.itemizeAction .buttonTitleContainer {
  background-image: url(/media/UITransactionList/UIActions/itemize.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) {
  .UITransactionListDetails .actionGrid > .UIButton.itemizeAction .buttonTitleContainer {
    background-image: url(/media/UITransactionList/UIActions/itemize@2x.png);
  }
}
.UITransactionListDetails .actionGrid > .UIButton.attachAction .buttonTitleContainer {
  background-image: url(/media/UITransactionList/UIActions/attach.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) {
  .UITransactionListDetails .actionGrid > .UIButton.attachAction .buttonTitleContainer {
    background-image: url(/media/UITransactionList/UIActions/attach@2x.png);
  }
}
.UITransactionListDetails .actionGrid > .UIButton.reminderAction .buttonTitleContainer {
  background-image: url(/media/UISidebar/icon-remindersActive.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) {
  .UITransactionListDetails .actionGrid > .UIButton.reminderAction .buttonTitleContainer {
    background-image: url(/media/UISidebar/icon-remindersActive@2x.png);
  }
}
.UITransactionListDetails .actionGrid > .UIButton.detailsAction .buttonTitleContainer {
  background-image: url(/media/UITransactionList/UIActions/details.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) {
  .UITransactionListDetails .actionGrid > .UIButton.detailsAction .buttonTitleContainer {
    background-image: url(/media/UITransactionList/UIActions/details@2x.png);
  }
}
.UITransactionListDetails .actionGrid > .UIButton.deleteAction .buttonTitleContainer {
  background-image: url(/media/UITransactionList/UIActions/delete.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) {
  .UITransactionListDetails .actionGrid > .UIButton.deleteAction .buttonTitleContainer {
    background-image: url(/media/UITransactionList/UIActions/delete@2x.png);
  }
}
.UITransactionListDetails .actionGrid > .UIButton.cancelAction .buttonTitleContainer {
  background-image: url(media/UITransactionList/items/CloseButton.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) {
  .UITransactionListDetails .actionGrid > .UIButton.cancelAction .buttonTitleContainer {
    background-image: url(media/UITransactionList/items/CloseButton@2x.png);
  }
}
.UITransactionListDetails .actionGrid > .UIButton.ruleAction .buttonTitleContainer {
  padding-left: 26px;
  background-image: url(/media/UITransactionList/UIActions/icon-rules-white.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) {
  .UITransactionListDetails .actionGrid > .UIButton.ruleAction .buttonTitleContainer {
    background-image: url(/media/UITransactionList/UIActions/icon-rules-white@2x.png);
  }
}
.UITransactionListDetails .actionGrid > .UIButton.duplicateAction .buttonTitleContainer, .UITransactionListDetails .actionGrid > .UIButton.restoreAction .buttonTitleContainer {
  padding-left: 15px;
}
.UITransactionListDetails .detailsContentContainer {
  margin-left: 40px;
  margin-top: 20px;
}
.UITransactionListDetails .detailsContentContainer > table > tbody > tr > th, .UITransactionListDetails .detailsContentContainer > table > tbody > tr > td {
  padding: 10px 15px;
  vertical-align: top;
  text-align: left;
}
.UITransactionListDetails .detailsContentContainer > table > tbody > tr > th {
  color: #606472;
  font-weight: normal;
  font-size: 12px;
}
.UITransactionListDetails .detailsContentContainer .amt {
  text-align: right;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UITransactionListSearch.expandedContainer {
  margin: 0 -20px;
  display: none;
  /* Add the padding/margin on an inner div so they don't get animated during expand/collapse */
}
.UITransactionListSearch.expandedContainer .filtersContainer {
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-width: 1px 0;
  margin: 20px 0;
  padding: 20px;
}
.UITransactionListSearch.expandedContainer .expandedFilterList.UIGrid > tbody > tr > td {
  padding-left: 20px;
}
.UITransactionListSearch.expandedContainer .expandedFilterList.UIGrid > tbody > tr > td.firstColumn {
  padding-left: 0;
}
.UITransactionListSearch.expandedContainer .expandedFilterList.UIGrid > tbody > tr.lastRow .labelledInputContainer {
  margin-bottom: 0;
}
.UITransactionListSearch.expandedContainer .searchButton {
  margin-top: 30px;
}
.UITransactionListSearch.expanded.expandedContainer {
  display: block;
}
.UITransactionListSummary {
  margin-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
}
.UITransactionListSummary .labelContainer {
  color: #999;
}
.UITransactionListSummary .UIAmount {
  margin: 0px 20px 0px 10px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UITransactionListItem {
  display: inline-block;
}
.UITransactionListItem.iconContainer {
  height: 29px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.UITransactionListItem.UIPopup .popupContentContainer {
  min-width: 250px;
}
.UITransactionListItem .popupTitleContainer {
  background: #36c0ff;
  padding: 5px 0px 5px 10px;
  white-space: nowrap;
}
.UITransactionListItem .popupTitleContainer div.lF {
  margin-top: 8px;
}
.UITransactionListItem .popupCloseContainer {
  background-image: url(/media/UITransactionList/items/CloseButton.png);
  background-size: 20px 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-right: 0px;
  height: 30px;
}
@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) {
  .UITransactionListItem .popupCloseContainer {
    background-image: url(/media/UITransactionList/items/CloseButton@2x.png);
  }
}
.UITransactionListItem .popupCloseContainer {
  width: 30px;
}
.UITransactionListItem .deleteAction, .UITransactionListItem .editAction {
  background-position: 50% 10px;
  padding: 15px 0px;
  display: inline-block;
  width: 40px;
}
.UITransactionListItem .editAction {
  background-image: url(/media/UITransactionList/UIActions/edit.png);
  background-size: 20px 20px;
  background-size: 18px;
}
@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) {
  .UITransactionListItem .editAction {
    background-image: url(/media/UITransactionList/UIActions/edit@2x.png);
  }
}
.UITransactionListItem .deleteAction {
  background-image: url(/media/UITransactionList/items/DeleteButton.png);
  background-size: 16px 18px;
}
@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) {
  .UITransactionListItem .deleteAction {
    background-image: url(/media/UITransactionList/items/DeleteButton@2x.png);
  }
}
.UITransactionListItem.UITransactionListAttachmentItem.iconContainer {
  background-image: url(/media/UITransactionList/items/icon-attachNormal.png);
  background-size: 14px 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) {
  .UITransactionListItem.UITransactionListAttachmentItem.iconContainer {
    background-image: url(/media/UITransactionList/items/icon-attachNormal@2x.png);
  }
}
.UITransactionListItem.UITransactionListAttachmentItem.UIPopup.opening .iconContainer, .UITransactionListItem.UITransactionListAttachmentItem.UIPopup.open .iconContainer {
  background-image: url(/media/UITransactionList/items/icon-attachActive.png);
  background-size: 14px 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) {
  .UITransactionListItem.UITransactionListAttachmentItem.UIPopup.opening .iconContainer, .UITransactionListItem.UITransactionListAttachmentItem.UIPopup.open .iconContainer {
    background-image: url(/media/UITransactionList/items/icon-attachActive@2x.png);
  }
}
.UITransactionListItem.UITransactionListReminderItem.iconContainer {
  background-image: url(/media/UITransactionList/items/icon-ReminderNormal.png);
  background-size: 20px 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) {
  .UITransactionListItem.UITransactionListReminderItem.iconContainer {
    background-image: url(/media/UITransactionList/items/icon-ReminderNormal@2x.png);
  }
}
.UITransactionListItem.UITransactionListReminderItem.UIPopup.opening .iconContainer, .UITransactionListItem.UITransactionListReminderItem.UIPopup.open .iconContainer {
  background-image: url(/media/UITransactionList/items/icon-ReminderActive.png);
  background-size: 20px 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) {
  .UITransactionListItem.UITransactionListReminderItem.UIPopup.opening .iconContainer, .UITransactionListItem.UITransactionListReminderItem.UIPopup.open .iconContainer {
    background-image: url(/media/UITransactionList/items/icon-ReminderActive@2x.png);
  }
}
.UITransactionListItem.UITransactionListSplitItem {
  width: 29px;
}
.UITransactionListItem.UITransactionListSplitItem.iconContainer {
  background-image: url(/media/UITransactionList/items/icon-itemizeNormal.png);
  background-size: 20px 18px;
}
@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) {
  .UITransactionListItem.UITransactionListSplitItem.iconContainer {
    background-image: url(/media/UITransactionList/items/icon-itemizeNormal@2x.png);
  }
}
.UITransactionListItem.UITransactionListSplitItem.UIPopup.opening .iconContainer, .UITransactionListItem.UITransactionListSplitItem.UIPopup.open .iconContainer {
  background-image: url(/media/UITransactionList/items/icon-itemizeActive.png);
  background-size: 20px 18px;
}
@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) {
  .UITransactionListItem.UITransactionListSplitItem.UIPopup.opening .iconContainer, .UITransactionListItem.UITransactionListSplitItem.UIPopup.open .iconContainer {
    background-image: url(/media/UITransactionList/items/icon-itemizeActive@2x.png);
  }
}
.UITransactionListItem.UITransactionListIouItem {
  background-image: url(/media/UISidebar/icon-GroupsNormal.png);
  background-size: 20px 18px;
  background-size: 16px;
}
@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) {
  .UITransactionListItem.UITransactionListIouItem {
    background-image: url(/media/UISidebar/icon-GroupsNormal@2x.png);
  }
}
.UITransactionListItem.UITransactionListStatusItem.statusPending.iconContainer {
  background-image: url(/media/UITransactionList/items/icon-pending.png);
  background-size: 13px 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) {
  .UITransactionListItem.UITransactionListStatusItem.statusPending.iconContainer {
    background-image: url(/media/UITransactionList/items/icon-pending@2x.png);
  }
}
.UITransactionListItem.UITransactionListStatusItem.statusReconciled.iconContainer {
  background-image: url(/media/UITransactionList/items/icon-reconciled.png);
  background-size: 13px 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) {
  .UITransactionListItem.UITransactionListStatusItem.statusReconciled.iconContainer {
    background-image: url(/media/UITransactionList/items/icon-reconciled@2x.png);
  }
}
.UITransactionListItem.UITransactionListStatusItem .popupContentContainer {
  max-width: 300px;
  white-space: normal;
}
.UITransactionListItem.UITransactionListStatusItem .statusEditContainer.UIGrid > tbody > tr > td {
  padding: 0px 10px 10px 0px;
  vertical-align: middle;
}
.UITransactionListItem.UITransactionListRulesItem.iconContainer {
  background-image: url(/media/rules/rules-lightning-light@1x.png);
  background-size: 14px 21px;
}
@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) {
  .UITransactionListItem.UITransactionListRulesItem.iconContainer {
    background-image: url(/media/rules/rules-lightning-light@2x.png);
  }
}
.UITransactionListItem.UITransactionListRulesItem.UIPopup.opening .iconContainer, .UITransactionListItem.UITransactionListRulesItem.UIPopup.open .iconContainer {
  background-image: url(/media/app/UIFilters/icon-rulesTitle.png);
  background-size: 14px 21px;
}
@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) {
  .UITransactionListItem.UITransactionListRulesItem.UIPopup.opening .iconContainer, .UITransactionListItem.UITransactionListRulesItem.UIPopup.open .iconContainer {
    background-image: url(/media/app/UIFilters/icon-rulesTitle@2x.png);
  }
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
/**
 * Match the selected row color, else it looks odd on selecting
 * $tokenBackgroundColor: #f9f9f9;
 */
.UITagToken {
  white-space: nowrap;
  padding: 6px 8px;
  /* transparent border is needed cuz hover state has a border */
  border: 1px solid transparent;
  background-color: #f5f6f7;
}

/* Has to work for forecast transactions also */
.UITransactionList .transactionsContainer .tagsContainer {
  text-align: right;
}
.UITransactionList .transactionsContainer .tagsContainer .tokenContainer {
  /* Float is needed to shrink to width. Clear is needed to have each token on a new line */
  float: right;
  clear: right;
  margin-top: 5px;
}
.UITransactionList .transactionsContainer .tagsContainer .tokenContainer.firstToken {
  margin-top: 0;
}
.UITransactionList .transactionsContainer .tagsContainer .UITagToken.addButton {
  background-image: url(/media/ui/UIEditable/AddButton.png);
  background-size: 8px 8px;
  background-position: 50% 50%;
  cursor: pointer;
  height: 29px;
  width: 29px;
}
@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) {
  .UITransactionList .transactionsContainer .tagsContainer .UITagToken.addButton {
    background-image: url(/media/ui/UIEditable/AddButton@2x.png);
  }
}
.UITransactionList .transactionsContainer .tagsContainer .UITagToken:hover,
.UITransactionList .transactionsContainer .tagsContainer .tokenContainer > .UIHoverable:hover .UITagToken,
.UITransactionList .transactionsContainer .tagsContainer .UITransactionListSplitItem:hover {
  color: #152530;
  background-color: white;
  border: 1px solid #ccc;
}
.UITransactionList .transactionsContainer .tagsContainer .tokenContainer > .UIHoverable .hoverContainer {
  top: 0;
  left: 100%;
  bottom: 0;
  right: auto;
  width: auto;
}
.UITransactionList .transactionsContainer .tagsContainer .UIEditable.addTagEditable .UITagToken {
  border: none;
  height: 27px;
}
.UITransactionList .transactionsContainer .tagsContainer .UIEditable.addTagEditable:hover .UITagToken {
  background-color: white;
}
.UITransactionList .transactionsContainer .tagsContainer .UIEditable.addTagEditable .contentContainer {
  padding: 0;
}
.UITransactionList .transactionsContainer .tagsContainer .UIEditable.addTagEditable .editContainer {
  max-width: none;
  left: auto;
  right: -55px;
}
.UITransactionList .transactionsContainer .tagsContainer .UIEditable.addTagEditable .editButton,
.UITransactionList .transactionsContainer .tagsContainer .UIEditable.addTagEditable .primaryButton.UIButton.submitButton .buttonTitleContainer,
.UITransactionList .transactionsContainer .tagsContainer .UIEditable.addTagEditable .primaryButton.UIButton.editCancelButton .buttonTitleContainer {
  height: 29px;
  width: 29px;
}

.UITransactionListTagInput input.primaryInput, .UIEditable .editContainer .UITransactionListTagInput input.primaryInput {
  min-width: 200px;
  width: auto;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UITransactionListInlinePopup {
  position: relative;
  /* To overlap the tag border */
  margin-top: -1px;
  z-index: 44;
}
.UITransactionListInlinePopup .innerContentContainer {
  padding: 10px;
  background-color: #F2F2F4;
  border: 1px solid #dcdce2;
  box-shadow: 3px 3px 5px 0px #606472;
}
/* Needs to beat the sticky page type selector so date picker popups etc. go above it */
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UITransactionListBulkActions {
  padding: 0;
}
.UITransactionListBulkActions .infoContainer {
  font-style: italic;
  color: #777;
  padding: 10px 10px 5px;
  visibility: hidden;
}
.UITransactionListBulkActions .infoContainer .singleInfoContainer, .UITransactionListBulkActions .infoContainer .selectAllInViewActionContainer {
  display: none;
}
.UITransactionListBulkActions .infoContainer .actionLinkContainer {
  margin-left: 15px;
  text-decoration: underline;
  cursor: pointer;
}
.UITransactionListBulkActions .infoContainer .clearActionContainer {
  display: none;
}
.UITransactionListBulkActions.unselected:hover .infoContainer {
  visibility: visible;
}
.UITransactionListBulkActions.unselected .unselectedInfoContainer {
  display: block;
}
.UITransactionListBulkActions.selected .infoContainer {
  visibility: visible;
}
.UITransactionListBulkActions.selected .infoContainer .selectedInfoContainer {
  display: block;
}
.UITransactionListBulkActions.selected .infoContainer .clearActionContainer {
  display: block;
}
.UITransactionListBulkActions.selected .bulkActionsContainer .UIButton {
  opacity: 1;
}
.UITransactionListBulkActions.selectedAll .infoContainer .selectAllInViewActionContainer {
  display: inline;
}
.UITransactionListBulkActions.selectedAll .infoContainer .selectedInfoContainer {
  display: block;
}
.UITransactionListBulkActions.selectedAllInView .infoContainer .selectedInfoContainer {
  display: none;
}
.UITransactionListBulkActions.selectedAllInView .infoContainer .selectedAllInViewInfoContainer {
  display: block;
}
.UITransactionListBulkActions .bulkActionsContainer .UIButton {
  opacity: 0.5;
}
.UITransactionListBulkActions .bulkActionsContainer > .UIGrid > tbody > tr > td {
  vertical-align: middle;
  padding: 7px 10px;
}
.UITransactionListBulkActions .bulkActionsContainer > .UIGrid > tbody > tr > td.firstColumn {
  padding: 7px 10px;
}
.UITransactionListBulkActions .bulkActionsContainer .UIButton.bulkActionButton > .buttonTitleContainer {
  min-width: 150px;
}
/* Legacy */
.UITransactionListRuleInput {
  /* Offset alignment for tags */
  text-align: left;
}
.UITransactionListRuleInput .toggleContainer.UIGrid {
  font-size: 12px;
  color: #777;
}
.UITransactionListRuleInput .toggleContainer.UIGrid > tbody > tr > td {
  vertical-align: middle;
}
.UITransactionListRuleInput .labelsContainer {
  margin: 2px 0px 0px 5px;
  white-space: nowrap;
}
.UITransactionListRuleInput .labelsContainer label {
  text-transform: uppercase;
}
.UITransactionListRuleInput .labelsContainer .editLabel {
  display: none;
}
.UITransactionListRuleInput .ruleInputContainer {
  padding-top: 10px;
  display: none;
}
.UITransactionListRuleInput .ruleInputContainer input[type=text] {
  border: 1px solid #DCDCE2;
  width: 100%;
}
.UITransactionListRuleInput.selected .ruleInputContainer {
  display: block;
}
.UITransactionListRuleInput.selected .labelsContainer .createLabel {
  display: none;
}
.UITransactionListRuleInput.selected .labelsContainer .editLabel {
  display: block;
}
.UITransactionListRuleInput .UIRuleList {
  min-width: 300px;
}
.UITransactionListRuleInput .UIRuleList .ruleKeyword {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
}
/* Legacy */
.UITransactionInput {
  /* This has to go on the content because if content is too long, the grid will overflow
   * any width you set on it
   */
}
.UITransactionInput .currencyRateInput {
  width: 120px;
}
.UITransactionInput table.inputsContainer > tbody > tr > td.firstColumn {
  padding-right: 20px;
}
.UITransactionInput input.tagsInput,
.UITransactionInput input[type=text].UIDateInput,
.UITransactionInput input.amount,
.UITransactionInput .UIFileUpload {
  width: 180px;
}
.UITransactionInput .UIDropdown.UIControl {
  width: 180px;
}
.UITransactionInput .UIDropdown.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UITransactionInput .memoInput {
  height: 80px;
}
.UITransactionInput .UITransactionReminderInput .UIDropdown .dropdownTitleContainer .dropdownTitleContentContainer {
  width: auto;
}
.UITransactionInput .labelledInputContainer {
  margin-bottom: 20px;
}
/* Legacy */
.UITransactionMultipleInput input.UIDateInput {
  width: 65px;
}
.UITransactionMultipleInput .typeTextContainer {
  width: 10px;
  margin-right: 8px;
  margin-left: 29px;
}
.UITransactionMultipleInput .tagsInput {
  width: 150px;
}
.UITransactionMultipleInput .rowsContainer.UIGrid {
  width: 100%;
}
.UITransactionMultipleInput .rowsContainer.UIGrid > tbody > tr > * {
  padding: 10px 5px;
}
.UITransactionMultipleInput .rowsContainer.UIGrid > tbody > tr > *.lastColumn {
  padding-right: 0;
}
.UITransactionMultipleInput .rowsContainer.UIGrid > tbody > tr > *.titleContainer {
  padding-top: 0;
  padding-bottom: 5px;
}
.UITransactionMultipleInput .rowsContainer.UIGrid > tbody > tr.transactionRow input.UIDateInput {
  width: 100%;
}
.UITransactionMultipleInput .rowsContainer.UIGrid > tbody > tr.tableHeaderRow > td {
  padding: 5px 5px 5px 10px;
  color: #606472;
}
.UISplitBillInput .participantInput {
  width: 175px;
}
.UISplitBillInput input.amount {
  width: 70px;
  margin-left: 5px;
  text-align: right;
}
.UISplitBillInput .payersContainer .addPayerLink {
  display: none;
}
.UISplitBillInput .sharersContainer .unevenSplitLink {
  display: none;
}
.UISplitBillInput.singlePayer .payersContainer input.amount {
  display: none;
}
.UISplitBillInput.singlePayer .payersContainer .addPayerLink {
  display: block;
}
.UISplitBillInput.singlePayer .payersContainer .participantInput {
  width: 250px;
}
.UISplitBillInput.singlePayer .payersContainer .participantDeleteAction {
  visibility: hidden;
}
.UISplitBillInput.singleSharer .sharersContainer .participantDeleteAction {
  visibility: hidden;
}
.UISplitBillInput.singleSharer .sharersContainer .evenSplitInputContainer {
  display: none;
}
.UISplitBillInput .evenSplitInputContainer {
  float: right;
  margin-right: 15px;
}
.UISplitBillInput .evenSplitInputContainer .labelledInputContainer {
  margin: 0;
}
.UISplitBillInput .evenSplitInputContainer .inputLabel {
  font-size: 11px;
}
.UISplitBillInput.evenSplit .sharersContainer .evenSplitLink {
  display: none;
}
.UISplitBillInput.evenSplit .sharersContainer .unevenSplitLink {
  display: inline;
}
.UISplitBillInput.evenSplit .sharersContainer input.amount {
  display: none;
}
.UISplitBillInput.evenSplit .sharersContainer .participantInput {
  width: 250px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UITransactionDetails .metadataContainer {
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 25px;
}
.UITransactionDetails .notEditableNoticeContainer {
  max-width: 500px;
  background-position-y: 7px;
}
.UITransactionDetails .accountContainer {
  background-image: url(/media/mobile/transactions/input/icon-accounts.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) {
  .UITransactionDetails .accountContainer {
    background-image: url(/media/mobile/transactions/input/icon-accounts@2x.png);
  }
}
.UITransactionDetails .tagsContainer {
  background-image: url(/media/mobile/transactions/input/icon-tags.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) {
  .UITransactionDetails .tagsContainer {
    background-image: url(/media/mobile/transactions/input/icon-tags@2x.png);
  }
}
.UITransactionDetails .dateContainer {
  background-image: url(/media/page/icon-calendar.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) {
  .UITransactionDetails .dateContainer {
    background-image: url(/media/page/icon-calendar@2x.png);
  }
}
.UITransactionDetails .editHistoryContainer {
  margin-top: 30px;
}
.UITransactionDetails .editHistoryContainer table.editChangesContainer > tbody > tr > td {
  padding: 2px 5px;
}
/* Legacy */
/* Legacy */
.UITransactionSplitInput .UIQuickSummary {
  padding-bottom: 10px;
}
.UITransactionSplitInput .UIQuickSummary .longTextContainer {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.UITransactionSplitInput .UIQuickSummary .itemListContainer.UIGrid > tbody > tr > td {
  padding-top: 0;
  text-align: left;
}
.UITransactionSplitInput .UIQuickSummary .summaryItemContainer {
  padding-left: 0;
}
@media only screen and (max-width: 500px) {
  .UITransactionSplitInput .UIQuickSummary .UIAmount {
    font-size: 14px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
  .UITransactionSplitInput .UIQuickSummary .UIAmount {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1001px) {
  .UITransactionSplitInput .UIQuickSummary .UIAmount {
    font-size: 15px;
  }
}
.UITransactionSplitInput .addItemLink {
  margin: 10px 0px 0px 25px;
}
.UITransactionSplitInput .descriptionContainer {
  margin-bottom: 20px;
}
.UITransactionSplitInput .UIGrid.itemList > tbody > tr.hiddenRow {
  display: none;
}
.UITransactionSplitInput .UIGrid.itemList > tbody > tr > *.firstColumn {
  padding-right: 20px;
}
.UITransactionSplitInput .UIGrid.itemList > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.UITransactionSplitInput .UIGrid.itemList > tbody > tr > td input.tagNameInput {
  width: 100%;
}
.UITransactionSplitInput .UIGrid.itemList > tbody > tr > td input.amount {
  text-align: right;
}
.UITransactionSplitInput .UIGrid.itemList > tbody > tr > th {
  text-align: right;
  font-size: 13px;
}
.UITransactionSplitInput .UIGrid.itemList > tbody > tr > th.lastColumn {
  padding-right: 10px;
}
.UITransactionSplitInput table.rowsContainer.UIGrid > tbody > tr > * {
  padding: 10px 5px;
}
.UITransactionSplitInput table.rowsContainer.UIGrid > tbody > tr.tableHeaderRow > td {
  padding: 5px 5px 5px 10px;
  color: #606472;
}
.UITransactionSplitInput table.rowsContainer.UIGrid > tbody > tr > td.firstColumn {
  width: 120px;
}
.UITransactionSplitInput table.rowsContainer.UIGrid > tbody > tr > td.firstColumn input.amountInput {
  text-align: right;
}
.UITransactionSplitInput table.rowsContainer.UIGrid > tbody > tr.remainingAmountRow {
  white-space: nowrap;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}
.UITransactionSplitInput table.rowsContainer.UIGrid > tbody > tr.remainingAmountRow.zeroAmount {
  opacity: 0;
}
.UITransactionSplitInput table.rowsContainer.UIGrid > tbody > tr.remainingAmountRow .remainingAmountContainer {
  text-align: right;
  padding-right: 9px;
}
.UITransactionSplitInput .tagsInput {
  width: 150px;
}
.UITransactionSplitByTagInput .addItemLink {
  margin: 10px 0px 0px 25px;
}
.UITransactionSplitByTagInput .descriptionContainer {
  margin-bottom: 20px;
}
.UITransactionSplitByTagInput .UIGrid.itemList > tbody > tr.hiddenRow {
  display: none;
}
.UITransactionSplitByTagInput .UIGrid.itemList > tbody > tr > *.firstColumn {
  padding-right: 20px;
  text-align: right;
}
.UITransactionSplitByTagInput .UIGrid.itemList > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.UITransactionSplitByTagInput .UIGrid.itemList > tbody > tr > td input.tagNameInput {
  width: 100%;
}
.UITransactionSplitByTagInput .UIGrid.itemList > tbody > tr > td input.amount {
  text-align: right;
}
.UITransactionSplitByTagInput .UIGrid.itemList > tbody > tr.tableHeaderRow > * {
  font-size: 13px;
}
.UITransactionSplitByTagInput .UIGrid.itemList > tbody > tr.tableHeaderRow > *.firstColumn {
  padding-right: 29px;
}
/* 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;
}
/* Legacy */
.inputLabel {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #606472;
  text-transform: uppercase;
}
.inputLabel.bgText {
  color: #ccc;
}
.inputLabel .hyperlink {
  font-weight: normal;
}
.inputLabel.noMargin {
  margin: 0;
}

.labelledInputContainer {
  margin-bottom: 30px;
}
.labelledInputContainer .nonEditableInputContainer {
  height: 29px;
  line-height: 29px;
  vertical-align: middle;
}
.labelledInputContainer.checkboxInput input[type=checkbox] {
  vertical-align: top;
}
.labelledInputContainer.checkboxInput .inputLabel {
  margin: 0;
}
.labelledInputContainer.checkboxInput .checkboxLabel {
  display: inline-block;
  cursor: pointer;
}
.labelledInputContainer.checkboxInput .subtextContainer {
  margin-top: 5px;
}
.labelledInputContainer .helpIconContainer {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: 12px;
  height: 12px;
}
.labelledInputContainer .optionalContainer {
  display: inline-block;
  margin-left: 15px;
  font-weight: normal;
}
.labelledInputContainer .subtextContainer {
  font-style: italic;
  font-size: 12px;
  color: #999;
}

.inputFooterContainer {
  margin: -20px 0 35px;
}

.inputOptionalLabel {
  font-style: italic;
  font-size: 12px;
  color: #777;
}
/* Legacy */
.UIComboInput {
  white-space: nowrap;
}
.UIComboInput input,
.UIComboInput textarea,
.UIComboInput .UIControl .dropdownTitleContainer {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.UIComboInput input:focus,
.UIComboInput textarea:focus,
.UIComboInput .UIControl .dropdownTitleContainer:focus {
  box-shadow: none;
}
.UIComboInput .firstInputContainer .dropdownTitleContainer,
.UIComboInput .firstInputContainer input[type=text],
.UIComboInput .firstInputContainer input[type=email],
.UIComboInput .firstInputContainer input[type=number],
.UIComboInput .firstInputContainer input[type=tel],
.UIComboInput .firstInputContainer input[type=password] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
.UIComboInput .secondInputContainer .dropdownTitleContainer,
.UIComboInput .secondInputContainer input[type=text],
.UIComboInput .secondInputContainer input[type=email],
.UIComboInput .secondInputContainer input[type=number],
.UIComboInput .secondInputContainer input[type=tel],
.UIComboInput .secondInputContainer input[type=password] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.UIComboInput.selectorPosition-right .firstInputContainer input[type=text],
.UIComboInput.selectorPosition-right .firstInputContainer input[type=email],
.UIComboInput.selectorPosition-right .firstInputContainer input[type=number],
.UIComboInput.selectorPosition-right .firstInputContainer input[type=tel],
.UIComboInput.selectorPosition-right .firstInputContainer input[type=password], .UIComboInput.selectorPosition-left .secondInputContainer input[type=text],
.UIComboInput.selectorPosition-left .secondInputContainer input[type=email],
.UIComboInput.selectorPosition-left .secondInputContainer input[type=number],
.UIComboInput.selectorPosition-left .secondInputContainer input[type=tel],
.UIComboInput.selectorPosition-left .secondInputContainer input[type=password] {
  width: 100%;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
/* jQuery UI classes:
 * .ui-state-default: Defaults
 * .ui-priority-secondary: Not current month
 * .ui-state-highlight: Highlighted date (e.g., today)
 * .ui-state-hover: On mouse over
 */
input[type=text].UIDateInput {
  width: 120px;
}
input[type=text].UIDateInput.fullWidth {
  width: 100%;
}

.pageBody .ui-datepicker {
  padding: 0;
  width: auto;
  background: #2B2F3E;
  /* Not having these left/right offsets causes flicker on hover */
}
.pageBody .ui-datepicker .ui-datepicker-header,
.pageBody .ui-datepicker .ui-state-default {
  background: transparent;
}
.pageBody .ui-datepicker .ui-widget-content {
  border: none;
}
.pageBody .ui-datepicker .ui-datepicker-header {
  border: none;
  padding: 3px 0px;
}
.pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin-top: 3px;
}
.pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 5px;
}
.pageBody .ui-datepicker .ui-datepicker-header .ui-icon {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 6px 10px;
}
.pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 2px;
}
.pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 2px;
}
.pageBody .ui-datepicker .ui-datepicker-header .ui-state-hover {
  background-color: transparent;
  border: 1px solid transparent;
}
.pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  background-image: url(/media/ui/UIPeriodPicker/icons-arrowLeft-hover.png);
  background-size: 6px 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) {
  .pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    background-image: url(/media/ui/UIPeriodPicker/icons-arrowLeft-hover@2x.png);
  }
}
.pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover .ui-icon {
  background-image: url(/media/ui/UIPeriodPicker/icons-arrowLeft-hover.png);
  background-size: 6px 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) {
  .pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover .ui-icon {
    background-image: url(/media/ui/UIPeriodPicker/icons-arrowLeft-hover@2x.png);
  }
}
.pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight-hover.png);
  background-size: 6px 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) {
  .pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight-hover@2x.png);
  }
}
.pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover .ui-icon {
  background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight-hover.png);
  background-size: 6px 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) {
  .pageBody .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover .ui-icon {
    background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight-hover@2x.png);
  }
}
.pageBody .ui-datepicker .ui-state-default {
  font-weight: bold;
  border: none;
  padding: 5px;
}
.pageBody .ui-datepicker .ui-priority-secondary {
  color: #F9F9F9;
}
.pageBody .ui-datepicker .ui-state-hover {
  color: white;
}
.pageBody .ui-datepicker .ui-datepicker-title select {
  border: none;
  background: #2B2F3E;
  color: white;
  outline: none;
}
.pageBody .ui-datepicker .ui-datepicker-month {
  margin-right: 0;
}
.pageBody .ui-datepicker table.ui-datepicker-calendar {
  border-spacing: 0px;
  margin-bottom: 0px;
}
.pageBody .ui-datepicker .ui-datepicker-calendar > thead > tr > th {
  color: white;
  background: #606472;
  font-weight: bold;
  border: 2px solid #2B2F3E;
  padding: 5px;
}
.pageBody .ui-datepicker .ui-datepicker-calendar > tbody > tr > td {
  padding: 1px;
  text-align: center;
}
.pageBody .ui-datepicker .ui-datepicker-calendar > tbody > tr > td a {
  color: white;
  background: #353a4c;
  border: 1px solid transparent;
}
.pageBody .ui-datepicker .ui-datepicker-calendar > tbody > tr > td.ui-datepicker-current-day a.ui-state-default,
.pageBody .ui-datepicker .ui-datepicker-calendar > tbody > tr > td.selectedDate a.ui-state-default,
.pageBody .ui-datepicker .ui-datepicker-calendar > tbody > tr > td > a.ui-state-active {
  color: white;
  background-color: #36c0ff;
}
.pageBody .ui-datepicker .ui-datepicker-calendar > tbody > tr > td.dateInSelectedRange a,
.pageBody .ui-datepicker .ui-datepicker-calendar > tbody > tr > td > a.ui-state-highlight {
  border: 1px solid #36c0ff;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
/* Legacy */
.UIControl .dropdownTitleContainer {
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #d0d0f0;
  border-radius: 3px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: white;
  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;
}
.UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
  padding-right: 18px;
  background-image: url(/media/app/UIFilters/dropdown-dark.png);
  background-size: 10px 5px;
  background-position: 100% 50%;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@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) {
  .UIControl .dropdownTitleContainer .dropdownTitleContentContainer {
    background-image: url(/media/app/UIFilters/dropdown-dark@2x.png);
  }
}
.UIControl .dropdownTitleContainer.truncatedTitle .dropdownTitleContentContainer,
.UIControl .dropdownTitleContainer .dropdownTitleContentContainer.truncatedTitle {
  max-width: 120px;
}
.UIControl .dropdownTitleContainer:focus {
  box-shadow: 0 0 5px rgb(81, 203, 238);
}
.UIControl.fullWidthControl .dropdownTitleContainer .dropdownTitleContentContainer {
  max-width: none;
}

.UIDropdown.UIControl .inputPlaceholder.regularCase {
  text-transform: none;
}
.UIDropdown.UIControl.open .dropdownTitleContainer, .UIDropdown.UIControl.opening .dropdownTitleContainer, .UIDropdown.UIControl.closing .dropdownTitleContainer {
  background-color: #282e33;
  border-color: #282e33;
  color: white;
}
.UIDropdown.UIControl.open .dropdownTitleContainer .dropdownTitleContentContainer, .UIDropdown.UIControl.opening .dropdownTitleContainer .dropdownTitleContentContainer, .UIDropdown.UIControl.closing .dropdownTitleContainer .dropdownTitleContentContainer {
  background-image: url(/media/ui/UIDropdown/Dropdown:Up.png);
  background-size: 10px 6px;
}
@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) {
  .UIDropdown.UIControl.open .dropdownTitleContainer .dropdownTitleContentContainer, .UIDropdown.UIControl.opening .dropdownTitleContainer .dropdownTitleContentContainer, .UIDropdown.UIControl.closing .dropdownTitleContainer .dropdownTitleContentContainer {
    background-image: url(/media/ui/UIDropdown/Dropdown:Up@2x.png);
  }
}
.UIDropdown.UIControl.open.verticalAlignBottom .dropdownTitleContainer, .UIDropdown.UIControl.opening.verticalAlignBottom .dropdownTitleContainer, .UIDropdown.UIControl.closing.verticalAlignBottom .dropdownTitleContainer {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.UIDropdown.UIControl.open.verticalAlignTop .dropdownTitleContainer, .UIDropdown.UIControl.opening.verticalAlignTop .dropdownTitleContainer, .UIDropdown.UIControl.closing.verticalAlignTop .dropdownTitleContainer {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.UIDropdown.UIControl.disabled .dropdownTitleContainer .dropdownTitleContentContainer {
  background-image: url(/media/ui/UIDropdown/Dropdown-inactive.png);
  background-size: 10px 6px;
}
@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) {
  .UIDropdown.UIControl.disabled .dropdownTitleContainer .dropdownTitleContentContainer {
    background-image: url(/media/ui/UIDropdown/Dropdown-inactive@2x.png);
  }
}
.UIDropdown.UIControl .popupContentContainer .dropdownSearchContainer {
  padding: 2px 0px 1px; /* Padding makes sure we get black background */
  margin: 0px 2px; /* Margin makes sure width of input can be 100% */
}
.UIDropdown.UIControl .popupContentContainer .dropdownSearchContainer input[type=text].searchInput {
  background-image: url(/media/ui/UISearchField/search.png);
  background-size: 15px 14px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  width: 100%;
  border: 1px solid #353A4B;
  border-width: 0px 0px 1px 0px;
  padding-left: 35px;
}
@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) {
  .UIDropdown.UIControl .popupContentContainer .dropdownSearchContainer input[type=text].searchInput {
    background-image: url(/media/ui/UISearchField/search@2x.png);
  }
}
.UIDropdown.UIControl .dropdownOptionsContainer .dropdownOption {
  padding: 8px 15px 8px 9px;
  border-top: 1px solid #353A4B;
  white-space: nowrap;
  font-size: 13px;
}
.UIDropdown.UIControl .dropdownOptionsContainer .dropdownOption:hover, .UIDropdown.UIControl .dropdownOptionsContainer .dropdownOption.highlighted {
  background-color: #606472;
}
.UIDropdown.UIControl .dropdownOptionsContainer .dropdownOption.sectionLabel {
  text-transform: uppercase;
  background-color: #474e66;
}
.UIDropdown.UIControl.multiSelectDisabled .dropdownOptionsContainer .dropdownOption.selected, .UIDropdown.UIControl.multiSelectDisabled .dropdownOptionsContainer .dropdownOption.selected:hover {
  color: white;
  background-color: #36c0ff;
  border-color: #36c0ff;
}
.UIDropdown.UIControl .optionCheckboxContainer {
  float: left;
  width: 25px;
  vertical-align: middle;
}
.UIDropdown.UIControl .popupContentContainer .buttonsContainer {
  padding: 5px;
}
.UIDropdown.UIControl .popupContentContainer .buttonsContainer .UIButton.UIControl .buttonTitleContainer.controlTitleContainer, .UIDropdown.UIControl .popupContentContainer .buttonsContainer .UIButton.UIControl .buttonTitleContainer.controlTitleContainer:hover {
  background-color: #606472;
  border-bottom: none;
}
.UIDropdown.UIControl .popupContentContainer .buttonsContainer .cancelButton {
  font-size: 12px;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.UIDropdown.UIControl .dropdownOptionsContainer .dropdownOptionsScrollHeightSetter {
  max-height: 400px;
  overflow: hidden;
}
.UIDropdown.UIControl .dropdownOptionsContainer .optionsLoadingContainer {
  min-height: 100px;
  background: url(/media/loading/Loading-small-buttonbg.gif) 50% 50% no-repeat;
}
.UIDropdown.UIControl.embeddedStyle .dropdownTitleContainer {
  padding: 5px 10px;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #777;
  font-size: 12px;
}
.UIDropdown.UIControl.embeddedStyle .dropdownTitleContainer:hover {
  border: 1px solid #ccc;
}
.UIDropdown.UIControl.embeddedStyle .dropdownTitleContainer .dropdownTitleContentContainer {
  padding-right: 12px;
  background-image: url(/media/app/UIFilters/dropdown-dark.png);
  background-size: 6px;
}
@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) {
  .UIDropdown.UIControl.embeddedStyle .dropdownTitleContainer .dropdownTitleContentContainer {
    background-image: url(/media/app/UIFilters/dropdown-dark@2x.png);
  }
}
.UIDropdown.UIControl.embeddedStyle.UIPopup .popupArrowContainer {
  background-image: url(/media/ui/UIPopup/popup-arrow-top.png);
  background-size: 18px 11px;
}
@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) {
  .UIDropdown.UIControl.embeddedStyle.UIPopup .popupArrowContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-top@2x.png);
  }
}
.UIDropdown.UIControl.embeddedStyle.open .dropdownTitleContainer, .UIDropdown.UIControl.embeddedStyle.opening .dropdownTitleContainer, .UIDropdown.UIControl.embeddedStyle.closing .dropdownTitleContainer {
  border: 1px solid #ccc;
  background-color: initial;
  color: #777;
}
.UIDropdown.UIControl .selectAllContainer label {
  font-size: 13px;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Needs to beat the sticky page type selector so date picker popups etc. go above it */
.UIEditable {
  position: relative;
  cursor: pointer;
  display: inline-block; /* fit-to-width */
  vertical-align: top;
}
.UIEditable > .UIHoverable .hoverContainer {
  white-space: nowrap;
  left: 100%;
}
.UIEditable .hoverContainer .actionContainer,
.UIEditable .primaryButton.UIButton.submitButton .buttonTitleContainer,
.UIEditable .primaryButton.UIButton.editCancelButton .buttonTitleContainer {
  width: 29px;
  height: 29px;
}
.UIEditable .hoverContainer .actionContainer {
  border: 1px solid #ccc;
  border-width: 1px 1px 1px 0;
  background-position: 50% 50%;
  display: inline-block;
}
.UIEditable .navigateButton {
  background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight.png);
  background-size: 6px 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) {
  .UIEditable .navigateButton {
    background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight@2x.png);
  }
}
.UIEditable .searchButton {
  background-image: url(/media/app/UIHeader/icon-search-dark.png);
  background-size: 16px;
}
@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) {
  .UIEditable .searchButton {
    background-image: url(/media/app/UIHeader/icon-search-dark@2x.png);
  }
}
.UIEditable .editButton {
  background-image: url(/media/ui/UIEditable/EditButton.png);
  background-size: 16px 16px;
}
@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) {
  .UIEditable .editButton {
    background-image: url(/media/ui/UIEditable/EditButton@2x.png);
  }
}
.UIEditable .deleteButton {
  background-image: url(/media/ui/UIEditable/icon-cancelEdit.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) {
  .UIEditable .deleteButton {
    background-image: url(/media/ui/UIEditable/icon-cancelEdit@2x.png);
  }
}
.UIEditable > .UIHoverable > .contentContainer {
  border: 1px solid transparent;
}
.UIEditable > .UIHoverable > .contentContainer,
.UIEditable > .editContainer input.primaryInput {
  padding: 6px 2px;
}
.UIEditable > .UIHoverable:hover > .contentContainer, .UIEditable > .UIHoverable:hover > .hoverContainer {
  background-color: white;
}
.UIEditable > .UIHoverable:hover > .contentContainer {
  border: 1px solid #ccc;
}
.UIEditable .editContainer {
  z-index: 50;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.UIEditable .editContainer .primaryInput {
  width: 100%;
  border-radius: 0;
}
.UIEditable .editContainer .primaryInput.UIDropdown.UIControl .dropdownTitleContainer {
  border-top-right-radius: 0px;
}
.UIEditable .editContainer .primaryInput, .UIEditable .editContainer .primaryButton {
  position: relative;
  z-index: 45;
}
.UIEditable .editContainer, .UIEditable .editContainer > form > .UIResponsiveList {
  max-width: 100%;
}
.UIEditable .editContainer > form > .UIResponsiveList {
  display: inline-block;
  white-space: nowrap;
}
.UIEditable.editingEnabled > .editContainer {
  display: block;
}
.UIEditable.editingEnabled > .UIHoverable > .hoverContainer {
  display: none;
}
.UIEditable.editingEnabled > .UIHoverable > .contentContainer {
  visibility: hidden;
}
.UIEditable > .UIHoverable .hoverContainer .UIButton .buttonTitleContainer,
.UIEditable .UIButton.primaryButton .buttonTitleContainer {
  padding: 0;
  border: none;
  background-color: none;
}
.UIEditable .primaryButton.submitButton.UIButton .buttonTitleContainer {
  background-color: #606472;
  background-image: url("/media/ui/UIEditable/SubmitButton.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.UIEditable .primaryButton.editCancelButton.UIButton .buttonTitleContainer {
  background-color: #606472;
  background-image: url(/media/ui/UIEditable/icon-cancelEdit.png);
  background-size: 12px 12px;
  background-position: 50% 50%;
}
@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) {
  .UIEditable .primaryButton.editCancelButton.UIButton .buttonTitleContainer {
    background-image: url(/media/ui/UIEditable/icon-cancelEdit@2x.png);
  }
}
.UIEditable .primaryButton.UIButton.editCancelButton .buttonTitleContainer {
  color: #e64b30;
  text-align: center;
  padding-top: 10px;
  border: 2px solid #606472;
}
.UIEditable .primaryButton.UIButton.editCancelButton .buttonTitleContainer {
  background-color: #F1F1F2;
}
.UIEditable.rAlign input {
  text-align: right;
}
/* Legacy */
.UIInputWidget {
  margin: -5px;
}
.UIInputWidget .labelledInputContainer {
  padding: 5px;
  border: 2px solid transparent;
  border-radius: 3px;
  margin-bottom: 20px;
}
.UIInputWidget .changeInputContainer:hover .labelledInputContainer {
  border-color: #efefef;
}
.UIInputWidget .changeInputContainer .changeLink {
  font-size: 11px;
  float: right;
  display: block;
  text-transform: uppercase;
  text-decoration: underline;
  margin: 20px 10px 0 0;
}
a.UILinkToggle {
  cursor: pointer;
}
/* Legacy */
.UIMenu .optionLink {
  display: block;
  padding: 10px;
  white-space: nowrap;
  cursor: pointer;
  background-color: #353a4c;
  margin: 0px 1px;
  border-bottom: 1px solid #000;
}
.UIMenu .optionLink.hoverable:hover {
  background: #606472;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.overlayBg, .bxOverlayContainer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #000;
  display: none;
}
.overlayBg.visible, .bxOverlayContainer.visible {
  display: block;
}

.bxOverlayContainer {
  overflow: scroll;
}

.pageBody.disableScroll {
  overflow: hidden;
}

.pageBody.overlayVisible .bxOverlayContainer,
.pageBody.overlayVisible .overlayBg {
  display: block;
}

.overlayBg {
  overflow: hidden;
  background: #000;
  opacity: 0.45;
  filter: alpha(opacity=45);
}

.UIModalDialog {
  box-shadow: 2px 3px 5px 0px #000;
  position: absolute;
  display: none;
  border-radius: 5px;
}
.UIModalDialog .modalTitleContainer {
  border-radius: 5px 5px 0 0;
}
.UIModalDialog .modalBodyContainer {
  background-color: white;
}
.UIModalDialog .modalBodyContainer, .UIModalDialog .modalButtonsContainer {
  border-radius: 0 0 5px 5px;
}
.UIModalDialog .modalTitleContainer {
  color: white;
  font-size: 25px;
  text-transform: capitalize;
  padding: 20px 10px 20px 30px;
}
.UIModalDialog .modalTitleContainer .closeIconContainer {
  float: right;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url(/media/UITransactionList/items/CloseButton.png);
  background-size: 20px 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) {
  .UIModalDialog .modalTitleContainer .closeIconContainer {
    background-image: url(/media/UITransactionList/items/CloseButton@2x.png);
  }
}
.UIModalDialog .modalTitleContainer .backNavigationAction {
  display: none;
  width: 15px;
  background-image: url(/media/mobile/app/UIHeader/arrow-back.png);
  background-size: 7px 13px;
  background-position: 0 50%;
  cursor: pointer;
  margin: 0 10px 0 -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) {
  .UIModalDialog .modalTitleContainer .backNavigationAction {
    background-image: url(/media/mobile/app/UIHeader/arrow-back@2x.png);
  }
}
.UIModalDialog.canNavigateBack .backNavigationAction {
  display: inline-block;
}
.UIModalDialog.styleRegular .modalTitleContainer {
  background-color: #36c0ff;
}
.UIModalDialog.styleError .modalTitleContainer {
  padding-left: 60px;
  background-color: #EE624C;
  background-image: url(/media/ui/UIModalDialog/icon-error.png);
  background-position: 20px 50%;
  background-size: 25px;
}
@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) {
  .UIModalDialog.styleError .modalTitleContainer {
    background-image: url(/media/ui/UIModalDialog/icon-error@2x.png);
  }
}
.UIModalDialog.styleError .backNavigationAction {
  display: none;
}
.UIModalDialog .modalButtonsContainer {
  background-color: #f9f9f9;
}
.UIModalDialog .modalContentContainer,
.UIModalDialog .modalButtonsContainer {
  padding: 30px;
}
.UIModalDialog .UIGrid.modalButtonsContainer > tbody td.firstColumn {
  padding-right: 10px;
}
.UIModalDialog .overlayHeaderContainer,
.UIModalDialog .overlaySubtitleContainer {
  padding: 15px 30px;
  margin: -30px -30px 30px;
  background-color: #f5f6f7;
}
.UIModalDialog .overlaySubtitleContainer {
  border-bottom: 1px solid #e0e0e0;
}
.UIPhoneInput .dropdownTitleContainer {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.UIPhoneInput input[type=text] {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 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 */
.UIPopup {
  position: relative;
}
.UIPopup .popupHandleContainer {
  cursor: pointer;
}
.UIPopup .popupOverlayContainer {
  position: absolute;
}
.UIPopup .popupContentContainer {
  background-color: #282e33;
  white-space: nowrap;
  box-shadow: 2px 4px 4px 0px #333;
  border-radius: 0px 0px 3px 3px;
  overflow: hidden;
}
.UIPopup.verticalAlignTop .popupContentContainer {
  box-shadow: 0px -2px 4px 0px #333;
  border-radius: 3px 3px 0 0;
}
.UIPopup .popupContentContainer,
.UIPopup .popupContentContainer a {
  color: white;
}
.UIPopup .popupContentContainer input[type=text] {
  color: #333;
}
.UIPopup.closed .popupOverlayContainer {
  display: none;
}
.UIPopup.open .popupOverlayContainer {
  display: block;
}
.UIPopup .popupCloseContainer {
  cursor: pointer;
}
.UIPopup .popupArrowContainer {
  background-repeat: no-repeat;
}
.UIPopup.alignBottomCenter .popupArrowContainer {
  height: 9px;
  background-image: url(/media/ui/UIPopup/popup-arrow-top.png);
  background-size: 18px 11px;
  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) {
  .UIPopup.alignBottomCenter .popupArrowContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-top@2x.png);
  }
}
.UIPopup.alignBottomLeft .popupArrowContainer {
  height: 9px;
  background-image: url(/media/ui/UIPopup/popup-arrow-top.png);
  background-size: 18px 11px;
  background-position: 2px 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) {
  .UIPopup.alignBottomLeft .popupArrowContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-top@2x.png);
  }
}
.UIPopup.alignRight .popupArrowContainer {
  margin-top: 10px;
  width: 9px;
  height: 20px;
  background-image: url(/media/ui/UIPopup/popup-arrow-left-selected.png);
  background-size: 10px 20px;
  background-position: 0px 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) {
  .UIPopup.alignRight .popupArrowContainer {
    background-image: url(/media/ui/UIPopup/popup-arrow-left-selected@2x.png);
  }
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIProgressBar .titleContainer {
  margin-bottom: 15px;
}
.UIProgressBar.hideTitle .titleContainer {
  display: none;
}
.UIProgressBar .progressBarContainer {
  border: 1px solid #dcdce2;
  padding: 2px;
}
.UIProgressBar .progressBarContainer .outer {
  background-color: #f9f9f9;
}
.UIProgressBar .progressBarContainer, .UIProgressBar .progressBarContainer .outer {
  border-radius: 5px;
  overflow: hidden;
}
.UIProgressBar .progressBarContainer .inner {
  height: 17px;
  min-width: 5px;
}
.UIProgressBar.style-blue .inner {
  background-image: url(/media/sync/UIDownload/progress-background.png);
  background-size: 435px 30px;
  background-repeat: repeat;
  background-color: #73C4E9;
}
@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) {
  .UIProgressBar.style-blue .inner {
    background-image: url(/media/sync/UIDownload/progress-background@2x.png);
  }
}
.UIProgressBar.style-red .inner {
  background-color: #E97F70;
}
.UIProgressBar.style-orange .inner {
  background-color: #FDB77B;
}
.UIProgressBar.style-green .inner {
  background-color: #5FDC9F;
}
.UIProgressBar.hasError .outer {
  background-color: #EE624C;
}
.UIProgressBar.hasError .inner {
  display: none;
}
/* Legacy */
.UITextInput {
  display: inline-block;
  position: relative;
}
.UITextInput.hasSuffix input {
  padding-right: 33px;
}
.UITextInput.hasPrefix input {
  padding-left: 33px;
}
.UITextInput .affixContainer {
  position: absolute;
  min-width: 30px;
  top: 0;
  bottom: 0;
  padding: 0 7px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #d0d0f0;
}
.UITextInput .suffixContainer {
  right: 0;
  border-width: 0 0 0 1px;
}
.UITextInput .prefixContainer {
  left: 0;
  border-width: 0 1px 0 0;
}
.UITutorial {
  width: 0;
  height: 0;
}
.UITutorial .tooltipContainer {
  position: fixed;
  background: #2b2f3e;
  display: none;
  color: #ffffff;
  width: 300px;
  z-index: 110;
}
.UITutorial .tooltipContainer.invisible {
  visibility: hidden;
  display: block;
}
.UITutorial .tutorialBodyContainer {
  padding: 10px;
}
.UITutorial .tutorialTitleContainer,
.UITutorial .tutorialContentContainer {
  padding-left: 10px;
  padding-right: 10px;
}
.UITutorial .tutorialTitleContainer {
  margin-top: 5px;
}
.UITutorial .tutorialContentContainer {
  margin: 15px 0px 15px;
}
.UITutorial .tutorialBackButton {
  border: 2px solid #606472;
  color: #606472;
  font-size: 17px;
  margin-right: 10px;
  padding-top: 6px;
  text-align: center;
  cursor: pointer;
  /* TODO(ui): Hardcoded to match `UIButton` */
  width: 29px;
  height: 29px;
  border-radius: 3px;
}
.UITutorial .tutorialDoneButton {
  display: none;
}
.UITutorial.firstStep .tutorialBackButton {
  display: none;
}
.UITutorial.lastStep .tutorialDoneButton {
  display: block;
}
.UITutorial.lastStep .tutorialNextButton {
  display: none;
}
.UITutorial .highlightBackgroundContainer {
  position: fixed;
  top: 0;
  left: 0;
  border: 5px solid #2b2f3e;
  display: none;
  z-index: 120;
}

.tutorialHighlighted {
  position: relative;
  z-index: 110;
  background: #fff;
}
.UIFileUpload, .UIFileUpload .uploadIframeContainer {
  width: 200px;
  height: 30px;
  overflow: hidden;
}
.UIFileUpload .uploadingMessageContainer {
  display: none;
  height: 16px;
  background-image: url(/media/icons/indicator.gif);
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding: 2px 0px 0px 25px;
}
.UIFileUpload.uploading .uploadingMessageContainer {
  display: block;
}
.UIFileUpload.uploading .uploadIframeContainer {
  display: none;
}
table.UIGrid.uploadInfoContainer > tbody > tr > th, table.UIGrid.uploadInfoContainer > tbody > tr > td {
  padding: 6px 6px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e0e0e0;
}
.UISoftwareUpload .UIList.instructionsContainer {
  padding-left: 35px;
}
.UISoftwareUpload .UIList.instructionsContainer > li {
  padding-bottom: 10px;
}
.UISoftwareUpload .UIProgressBar {
  display: none;
  width: 300px;
  margin: 10px 0;
}
.UISoftwareUpload .UIProgressBar.active {
  display: block;
}
.UIUpload .mainContentContainer.UILeftRight .rF {
  max-width: 300px;
}
.UIUpload .instructionsContainer {
  margin-top: 50px;
}
.UIUpload .UIProgressBar {
  display: none;
  width: 200px;
  margin-top: 20px;
}
.UIUpload .UIProgressBar.active {
  display: block;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UISoftwareUploadPicker .providerContainer {
  margin: 0 0 10px 0;
}
.UISoftwareUploadPicker .providerContainer:hover {
  background-color: white;
}
.UISoftwareUploadPicker.conciseMode .providerContainer {
  display: inline-block;
  margin: 0 10px 0 0;
  padding-right: 10px;
  border: 1px solid transparent;
}
.UISoftwareUploadPicker.conciseMode .providerContainer:hover {
  border: 1px solid #e0e0e0;
  background-color: #f9f9f9;
}
.UISoftwareUploadPicker .logoContainer {
  display: block;
  background-size: 30px;
  height: 30px;
  background-position: 0 50%;
  padding-left: 40px;
  line-height: 30px;
  vertical-align: middle;
}
.UISoftwareUploadPicker .logoContainer.mintUploadContainer {
  background-image: url("/media/nux/mint-logo.jpeg");
}
.UISoftwareUploadPicker .logoContainer.personalCapitalUploadContainer {
  background-image: url("/media/nux/personal-capital-logo.png");
}
.UISoftwareUploadPicker .logoContainer.ynabUploadContainer {
  background-image: url("/media/nux/ynab-logo.png");
}
.UISoftwareUploadPicker .logoContainer.quickenUploadContainer {
  background-image: url("/media/nux/quicken-logo.png");
}
.UISoftwareUploadPicker .logoContainer.msmoneyUploadContainer {
  background-image: url("/media/nux/mint-logo.png");
}
/* Legacy */
.UIInviteList .manualInvitesContainer textarea {
  width: 100%;
  height: 150px;
}
.UIInviteList table.redeemStatsContainer.UIGrid > tbody > tr > td {
  padding: 10px 30px 10px 0px;
  white-space: nowrap;
}
.UIInviteList table.redeemStatsContainer.UIGrid > tbody > tr > td.firstColumn {
  width: 120px;
}
.UIInviteList table.redeemStatsContainer.UIGrid > tbody > tr > td.lastColumn {
  text-align: right;
}
/* Legacy */
.UIItemList.UIGrid {
  border-bottom: 1px solid #e0e0e0;
}
.UIItemList.UIGrid > tbody > tr > * {
  padding: 10px;
  border: 1px solid #e0e0e0;
  /* Allows others to override top border with bottom border more easily.
   * border-top only sets border-top-style
   */
  border-width: 1px 0 0;
  vertical-align: top;
}
.UIItemList.UIGrid > tbody > tr > * .subTitleContainer {
  margin-top: 3px;
  margin-bottom: -5px;
  font-size: 11px;
  font-style: italic;
  color: #999;
}
.UIItemList.UIGrid > tbody > tr > th, .UIItemList.UIGrid > tbody > tr.tableHeaderRow > td {
  text-align: left;
  background-color: #f5f6f7;
  font-size: 11px;
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
}
.UIItemList.UIGrid > tbody > tr:hover {
  background-color: #f9f9f9;
}
.UIItemList.UIGrid > tbody > tr.totalRow > td {
  border: 1px solid #606472;
  border-width: 1px 0;
  font-weight: bold;
}
.UIItemList.UIGrid > tbody > tr.emptyRow:hover {
  background-color: white;
}
.UIItemList.UIGrid > tbody > tr.emptyRow > td {
  padding: 15px 0;
}
.UIItemList.UIGrid.rightAlignAmounts .UIAmount {
  text-align: right;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.sortableListContainer .sortableColumnTitle {
  background-image: url(/media/UITransactionList/icons-sortingNothing.png);
  background-size: 6px 10px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 15px;
  display: inline-block;
}
.sortableListContainer .sortableColumnTitle.sortedUp, .sortableListContainer .sortableColumnTitle.sortedDown {
  color: #42b7ff;
}
@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) {
  .sortableListContainer .sortableColumnTitle {
    background-image: url(/media/UITransactionList/icons-sortingNothing@2x.png);
  }
}
.sortableListContainer .sortableColumnTitle.sortedUp {
  background-image: url(/media/UITransactionList/icons-sortingUp.png);
  background-size: 6px 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) {
  .sortableListContainer .sortableColumnTitle.sortedUp {
    background-image: url(/media/UITransactionList/icons-sortingUp@2x.png);
  }
}
.sortableListContainer .sortableColumnTitle.sortedDown {
  background-image: url(/media/UITransactionList/icons-sortingDown.png);
  background-size: 6px 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) {
  .sortableListContainer .sortableColumnTitle.sortedDown {
    background-image: url(/media/UITransactionList/icons-sortingDown@2x.png);
  }
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.listItemActionContainer {
  cursor: pointer;
  display: inline-block;
  margin-left: 15px;
  background-position: 0 0;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.listItemActionContainer.smallSize {
  display: inline-block;
  height: 13px;
  width: 13px;
}
.listItemActionContainer.smallSize.addAction {
  background-size: 8px;
  background-position: 50% 50%;
}
.listItemActionContainer.smallSize.navigateAction {
  background-size: 6px;
  background-position: 50% 50%;
}
.listItemActionContainer.editAction {
  background-image: url(/media/app/UIAction/icon-edit.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) {
  .listItemActionContainer.editAction {
    background-image: url(/media/app/UIAction/icon-edit@2x.png);
  }
}
.listItemActionContainer.deleteAction {
  background-image: url(/media/app/UIAction/icon-delete.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) {
  .listItemActionContainer.deleteAction {
    background-image: url(/media/app/UIAction/icon-delete@2x.png);
  }
}
.listItemActionContainer.cancelAction {
  background-image: url(/media/ui/UIEditable/icon-cancelEdit.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) {
  .listItemActionContainer.cancelAction {
    background-image: url(/media/ui/UIEditable/icon-cancelEdit@2x.png);
  }
}
.listItemActionContainer.deleteRowAction {
  background-image: url(/media/ui/UIEditable/icon-cancelEdit.png);
  background-size: 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) {
  .listItemActionContainer.deleteRowAction {
    background-image: url(/media/ui/UIEditable/icon-cancelEdit@2x.png);
  }
}
.listItemActionContainer.searchAction {
  background-image: url(/media/app/UIHeader/icons-search.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) {
  .listItemActionContainer.searchAction {
    background-image: url(/media/app/UIHeader/icons-search@2x.png);
  }
}
.listItemActionContainer.addAction {
  background-image: url(/media/ui/UIEditable/AddButton.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) {
  .listItemActionContainer.addAction {
    background-image: url(/media/ui/UIEditable/AddButton@2x.png);
  }
}
.listItemActionContainer.downloadAction {
  background-image: url(/media/app/UIHeader/icon-downloadNormal.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) {
  .listItemActionContainer.downloadAction {
    background-image: url(/media/app/UIHeader/icon-downloadNormal@2x.png);
  }
}
.listItemActionContainer.navigateAction {
  background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight.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) {
  .listItemActionContainer.navigateAction {
    background-image: url(/media/ui/UIPeriodPicker/icons-arrowRight@2x.png);
  }
}
.listItemActionContainer.helpAction {
  background-image: url(/media/app/UIHeader/icon-helpNormal.png);
  background-size: contain;
  background-position: 50% 50%;
}
@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) {
  .listItemActionContainer.helpAction {
    background-image: url(/media/app/UIHeader/icon-helpNormal@2x.png);
  }
}
.UIListItemEdit textarea {
  height: 200px;
}
.UIListNavigation {
  margin-top: 20px;
  text-align: center;
  color: #BCBCBC;
  white-space: nowrap;
}
.UIListNavigation > .UIGrid > tbody > tr > td {
  vertical-align: middle;
  padding: 0px 5px;
}
.UIListNavigation .loadMoreLink {
  text-transform: uppercase;
  display: block;
}
.UIListNavigation .loadMoreLink.selected, .UIListNavigation .loadMoreLink:hover {
  color: #606472;
}
.UIListNavigation .pageSizeContainer {
  margin-left: 100px;
}
.UIListNavigation .pageSizeContainer > .UIGrid > tbody > tr > td {
  padding-left: 10px;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIRuleList .emptyState {
  font-size: 25px;
  color: #606472;
  padding-top: 30px;
}
.UIRuleList .ruleKeyword {
  font-size: 12px;
  text-transform: uppercase;
  margin: -3px 10px 0 0;
  font-weight: 600;
  background-color: #f5f6f7;
  color: #000;
  padding: 5px 10px;
  display: inline-block;
}
.UIRuleList > .UIGrid.UIItemList {
  margin-bottom: 30px;
}
.UIRuleList > .UIGrid.UIItemList > tbody > tr > td, .UIRuleList > .UIGrid.UIItemList > tbody > tr > th {
  padding: 10px 40px 10px 10px;
}
.UIRuleList .arrowContainer {
  display: inline-block;
  margin: 0 10px;
  background-image: url(/media/icons/arrows/right-short.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 10px 6px;
  width: 10px;
  height: 6px;
}
.UIRuleList .listItemActionContainer {
  margin: 0 0 0 20px;
  width: 18px;
  height: 18px;
}
/* Legacy */
.UITransactionListPrint table.transactionsContainer > tbody > tr > * {
  text-align: left;
}
.UITransactionListPrint table.transactionsContainer > tbody > tr > th {
  font-size: 13px;
}
.UITransactionListPrint table.transactionsContainer > tbody > tr > *.amount {
  text-align: right;
  padding-right: 20px;
  white-space: nowrap;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIThirdPartyLogin .titleContainer {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.UIThirdPartyLogin .authButton {
  height: 52px;
}
.UIThirdPartyLogin .authButton .buttonTitleContainer {
  height: 100%;
  display: block;
  padding: 18px 20px;
  white-space: nowrap;
}
.UIThirdPartyLogin .moreOptionsLink {
  font-size: 12px;
}
.UIThirdPartyLogin .thirdPartyButton {
  color: #757A8A;
  font-size: 14px;
  font-weight: bold;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
  padding-left: 52px;
  background-color: #f5f6f7;
  background-size: 52px;
  background-position: 0 50%;
}
.UIThirdPartyLogin .thirdPartyButton .buttonTitleContainer {
  border: 1px solid #e0e0e0;
  border-width: 1px 1px 1px 0;
}
.UIThirdPartyLogin .thirdPartyButton.secondaryOption {
  display: none;
}
.UIThirdPartyLogin.isExpanded .thirdPartyButton.secondaryOption {
  display: block;
}
.UIThirdPartyLogin.isExpanded .moreOptionsLink {
  display: none;
}
.UIThirdPartyLogin .thirdPartyButton.google, .UIThirdPartyLogin .thirdPartyButton.apple, .UIThirdPartyLogin .thirdPartyButton.email {
  border: 1px solid #e0e0e0;
}
.UIThirdPartyLogin .thirdPartyButton.google .buttonTitleContainer, .UIThirdPartyLogin .thirdPartyButton.apple .buttonTitleContainer, .UIThirdPartyLogin .thirdPartyButton.email .buttonTitleContainer {
  border-width: 0 0 0 1px;
  border-color: #ccc;
}
.UIThirdPartyLogin .thirdPartyButton.facebook {
  background-image: url(/media/auth/UIThirdParty/icon-facebook.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) {
  .UIThirdPartyLogin .thirdPartyButton.facebook {
    background-image: url(/media/auth/UIThirdParty/icon-facebook@2x.png);
  }
}
.UIThirdPartyLogin .thirdPartyButton.apple {
  background-image: url(/media/auth/UIThirdParty/logo-apple.png);
  background-size: 39px 44px;
  background-color: black;
  background-position: 5px 50%;
}
.UIThirdPartyLogin .thirdPartyButton.apple .buttonTitleContainer {
  background-color: #f5f6f7;
}
@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) {
  .UIThirdPartyLogin .thirdPartyButton.apple {
    background-image: url(/media/auth/UIThirdParty/logo-apple@2x.png);
  }
}
.UIThirdPartyLogin .thirdPartyButton.microsoft {
  background-image: url(/media/auth/UIThirdParty/icon-windows.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) {
  .UIThirdPartyLogin .thirdPartyButton.microsoft {
    background-image: url(/media/auth/UIThirdParty/icon-windows@2x.png);
  }
}
.UIThirdPartyLogin .thirdPartyButton.google {
  background-image: url(/media/auth/UIThirdParty/icon-google-new.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) {
  .UIThirdPartyLogin .thirdPartyButton.google {
    background-image: url(/media/auth/UIThirdParty/icon-google-new@2x.png);
  }
}
.UIThirdPartyLogin .thirdPartyButton.yahoo {
  background-image: url(/media/auth/UIThirdParty/icon-yahoo.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) {
  .UIThirdPartyLogin .thirdPartyButton.yahoo {
    background-image: url(/media/auth/UIThirdParty/icon-yahoo@2x.png);
  }
}
.UIThirdPartyLogin .thirdPartyButton.email {
  background-image: url(/media/android/appIcons/icon_36.png);
  background-size: 28px;
  background-position: 11px 50%;
}
@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) {
  .UIThirdPartyLogin .thirdPartyButton.email {
    background-image: url(/media/android/appIcons/icon_72.png);
  }
}
/* Legacy */
.UIAuthDialog.UIModalDialog.styleRegular.flipping {
  box-shadow: none;
}
.UIAuthDialog.UIModalDialog.styleRegular.authModeSignup .modalTitleContainer {
  color: #36c0ff;
  background-color: #f5f6f7;
}
.UIAuthDialog.UIModalDialog.styleRegular .modalContentContainer {
  padding: 0;
}
.UIAuthDialog.UIModalDialog.styleRegular .UIThirdPartyLogin {
  padding: 20px 30px;
}
.UIAuthDialog.UIModalDialog.styleRegular .regularAuthContainer {
  border-top: 3px solid #dcdce2;
  padding: 20px 30px;
}
.UIAuthDialog.UIModalDialog.styleRegular .regularAuthContainer .titleContainer {
  color: #606472;
  font-size: 15px;
}
.UIAuthDialog.UIModalDialog.styleRegular .regularAuthContainer .inputsContainer.UIGrid {
  margin: 20px 0px 10px;
}
.UIAuthDialog.UIModalDialog.styleRegular .regularAuthContainer .inputsContainer.UIGrid > tbody > tr > td.firstColumn {
  padding-right: 10px;
}
.UIAuthDialog.UIModalDialog.styleRegular .regularAuthContainer .regularAuthButton.UIButton .buttonTitleContainer {
  font-size: 18px;
}
.UIAuthDialog.UIModalDialog.styleRegular .regularAuthContainer .stayLoggedInContainer.UIGrid {
  margin-top: 4px;
}
.UIAuthDialog.UIModalDialog.styleRegular .regularAuthContainer .stayLoggedInContainer.UIGrid > tbody > tr > td {
  vertical-align: middle;
}
.UIAuthDialog.UIModalDialog.styleRegular .regularAuthContainer .stayLoggedInContainer.UIGrid > tbody > tr > td.firstColumn {
  padding-right: 10px;
}
.UIAuthDialog.UIModalDialog.styleRegular .infoContainer {
  border-top: 1px solid #dcdce2;
  padding: 20px 30px;
  background-color: #f5f6f7;
  font-size: 14px;
}
.UIAuthDialog.UIModalDialog.styleRegular .authToggleContainer .loginContent,
.UIAuthDialog.UIModalDialog.styleRegular .authToggleContainer .signupContent {
  display: none;
}
.UIAuthDialog.UIModalDialog.styleRegular.authModeLogin .authToggleContainer .loginContent {
  display: block;
}
.UIAuthDialog.UIModalDialog.styleRegular.authModeSignup .authToggleContainer .signupContent {
  display: block;
}
.UIAuthDialog.UIModalDialog.styleRegular.authModeSignup .legaleseContainer {
  font-size: 13px;
  color: #606472;
  padding: 10px 0px;
}
.UIAuthDialog.UIModalDialog.styleRegular.authModeSignup .legaleseContainer a {
  color: #606472;
}
.UIAuthDialog.UIModalDialog.styleRegular .authModeToggleContainer {
  border-top: 1px solid #dcdce2;
  padding: 20px 30px;
  background-color: #f5f6f7;
  font-size: 14px;
  text-align: center;
}
.UIAuthDialog.UIModalDialog.styleRegular .authModeToggleContainer .authToggleLink {
  color: #36c0ff;
  margin-left: 10px;
}
.UIAuthDialog.UIModalDialog.styleRegular .forgotPasswordLink {
  font-weight: normal;
  color: #999;
}
/* 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;
}
/* 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;
}