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

body.runtimeDesktop .hideOnDesktop {
  display: none;
}

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

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

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

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

.hidden {
  display: none;
}

.notVisible {
  visibility: hidden;
}

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

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

.rAlign {
  text-align: right;
}

* {
  background-repeat: no-repeat;
}

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

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

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

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

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

.camelcase {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

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

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

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

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

h1 {
  margin: 0;
}

h2 {
  margin: 0;
}

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

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

.nFontWeight {
  font-weight: normal;
}

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

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

.lightFontWeight {
  font-weight: 300;
}

.styleItalic {
  font-style: italic;
}

.upperCase {
  text-transform: uppercase;
}

.runtimeDesktop input[type=button], .runtimeDesktop input[type=submit] {
  font-size: 12px;
}
.runtimeDesktop .biggerFont {
  font-size: 19px;
}
.runtimeDesktop .biggestFont {
  font-size: 22px;
}
.runtimeDesktop .bigFont {
  font-size: 17px;
}
.runtimeDesktop, .runtimeDesktop .regularFont {
  font-size: 15px;
}
.runtimeDesktop .smallFont {
  font-size: 14px;
}
.runtimeDesktop .smallerFont {
  font-size: 13px;
}
.runtimeDesktop .smallestFont {
  font-size: 12px;
}
@media only screen and (max-width: 1000px) {
  .runtimeDesktop .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 .biggerFont {
  font-size: 19px;
}
.runtimeMobile .bigFont {
  font-size: 17px;
}
.runtimeMobile, .runtimeMobile .regularFont {
  font-size: 16px;
}
.runtimeMobile .smallFont {
  font-size: 14px;
}
.runtimeMobile .smallerFont {
  font-size: 13px;
}
.runtimeMobile .smallestFont {
  font-size: 12px;
}
.runtimeMobile input[type=button], .runtimeMobile input[type=submit] {
  font-size: 12px;
}

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

form {
  padding: 0;
}

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

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

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

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

.tPadding {
  padding-top: 5px;
}

.ttPadding {
  padding-top: 10px;
}

.tttPadding {
  padding-top: 15px;
}

.ttttPadding {
  padding-top: 20px;
}

.zMargin {
  margin: 0;
}

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

.ztMargin {
  margin-top: 0px;
}

.zlMargin {
  margin-left: 0px;
}

.stMargin {
  margin-top: 2px;
}

.tMargin {
  margin-top: 5px;
}

.ttMargin {
  margin-top: 10px;
}

.tttMargin {
  margin-top: 15px;
}

.ttttMargin {
  margin-top: 20px;
}

.zbMargin {
  margin-bottom: 0px;
}

.bMargin {
  margin-bottom: 5px;
}

.bbMargin {
  margin-bottom: 10px;
}

.bbbMargin {
  margin-bottom: 15px;
}

.bbbbMargin {
  margin-bottom: 20px;
}

.bPadding {
  padding-bottom: 5px;
}

.bbPadding {
  padding-bottom: 10px;
}

.bbbPadding {
  padding-bottom: 15px;
}

.tMargin {
  margin-top: 5px;
}

.ttMargin {
  margin-top: 10px;
}

.vMargin {
  margin: 5px 0px;
}

.vvMargin {
  margin: 10px 0px;
}

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

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

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

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

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

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

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

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

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

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

.lPadding {
  padding-left: 5px;
}

.llPadding {
  padding-left: 10px;
}

.lllPadding {
  padding-left: 15px;
}

.llllPadding {
  padding-left: 20px;
}

.rPadding {
  padding-right: 5px;
}

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

.rrPadding {
  padding-right: 10px;
}

.rrrPadding {
  padding-right: 15px;
}

.rrrrPadding {
  padding-right: 20px;
}

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

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

.llMargin {
  margin-left: 10px;
}

.lllMargin {
  margin-left: 15px;
}

.llllMargin {
  margin-left: 20px;
}

.rMargin {
  margin-right: 5px;
}

.rrMargin {
  margin-right: 10px;
}

.rrrMargin {
  margin-right: 15px;
}

.rrrrMargin {
  margin-right: 20px;
}

.aMargin {
  margin: 5px;
}

.aaMargin {
  margin: 10px;
}

.aaaMargin {
  margin: 15px;
}

.aPadding {
  padding: 5px;
}

.aaPadding {
  padding: 10px;
}

.aaaPadding {
  padding: 15px;
}

.bigTPadding {
  padding-top: 30px;
}

.bigBPadding {
  padding-bottom: 30px;
}

.bigRPadding {
  padding-right: 30px;
}

.bigLPadding {
  padding-left: 30px;
}

.bigTMargin {
  margin-top: 30px;
}

.hugeTMargin {
  margin-top: 50px;
}

.bigBMargin {
  margin-bottom: 30px;
}

.bigLMargin {
  margin-left: 30px;
}

.bigRMargin {
  margin-right: 30px;
}

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

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

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

.bigAPadding {
  padding: 30px;
}

.bigAMargin {
  margin: 30px;
}

.xPadding {
  padding: 0;
}

.xMargin {
  margin: 0;
}

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

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

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

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

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

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

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

.pageBody {
  line-height: 1;
}

* {
  line-height: inherit;
}

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

.vAlignMiddle {
  vertical-align: middle;
}

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

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

.cValign {
  vertical-align: middle;
}

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

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

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

.cAlignSelf {
  justify-self: center;
}

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

.rF {
  float: right;
}

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

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

.block {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

.grayBg {
  background-color: #f5f6f7;
}

.vFaint {
  background-color: #e7f4fa;
}

.yellowBg {
  background-color: #ffffd4;
}

.colorGrayDark {
  color: #606472;
}

.bgText {
  color: #777;
}

.bgTextLighter {
  color: #999;
}

.bgTextLightest {
  color: #ccc;
}

.strongerBgText {
  color: #444;
}

.grayText {
  color: #aaa;
}

.colorBlueTitle {
  color: #36c0ff;
}

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

.green {
  color: #2BD96E;
}

.greenDark {
  color: #48a146;
}

.red {
  color: #E64B30;
}

.orange {
  color: #dc8f23;
}

.white {
  color: white;
}

.destructiveAction {
  background-color: #EC6552;
}

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

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

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

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

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

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

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

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

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

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

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

.cancelButton {
  font-size: 13px;
  text-transform: uppercase;
}
.cancelButton .separatorContainer {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.runtimeDesktop .cancelButton {
  line-height: 29px;
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
}
.runtimeMobile .cancelButton {
  text-align: center;
  margin-top: 15px;
  line-height: 1em;
}
table.UIGrid.UILinkSelector {
  color: #D9D9DE;
}
table.UIGrid.UILinkSelector > tbody > tr > td {
  padding: 0px 10px;
  border-color: #D9D9DE;
}
table.UIGrid.UILinkSelector > tbody > tr > td.firstColumn {
  padding-left: 0px;
}
table.UIGrid.UILinkSelector > tbody > tr > td.lastColumn {
  padding-right: 0px;
}
table.UIGrid.UILinkSelector > tbody > tr > td > a {
  cursor: pointer;
}
table.UIGrid.UILinkSelector > tbody > tr > td > a:hover {
  text-decoration: underline;
}
table.UIGrid.UILinkSelector > tbody > tr > td > a:hover, table.UIGrid.UILinkSelector > tbody > tr > td > a.selected {
  color: #292D3A;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UICheckbox {
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-image: url(/media/ui/UICheckbox/Custom-checkboxes-normal.png);
}
.UICheckbox input[type=checkbox] {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UICheckbox {
    background-image: url(/media/ui/UICheckbox/Custom-checkboxes-normal@2x.png);
  }
}
.UICheckbox.selected {
  background-image: url(/media/ui/UICheckbox/Custom-checkboxes-Selected.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UICheckbox.selected {
    background-image: url(/media/ui/UICheckbox/Custom-checkboxes-Selected@2x.png);
  }
}
.UICheckbox.cancelled {
  background-image: url(/media/ui/UIEditable/icon-cancelEdit.png);
  background-size: 8px;
  background-color: white;
  background-position: 50% 50%;
  border: 2px solid #f1f1f2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UICheckbox.cancelled {
    background-image: url(/media/ui/UIEditable/icon-cancelEdit@2x.png);
  }
}
ul.UIList.bulletStyleNone {
  list-style-type: none;
}
ul.UIList.bulletStyleSquare {
  list-style-type: square;
  padding-left: 20px;
}
ul.UIList.bulletStyleNumber {
  list-style-type: decimal;
  padding-left: 20px;
}
ul.UIList > li {
  padding: initial;
}
ul.UIList.readableText > li {
  padding-bottom: 5px;
}
.UIResponsiveList > div {
  display: inline-block;
  vertical-align: top;
}
.UIResponsiveList.vAlignMiddle > div {
  vertical-align: middle;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.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 .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.moveGood {
  color: #5AC24C;
}
.UIAmount.moveBad {
  color: #E64B30;
}
.UIAmount.movement {
  background-repeat: no-repeat;
  background-position: 0px 50%;
  padding-left: 20px;
  background-size: contain;
}
.UIAmount.movement.moveUp.moveGood {
  background-image: url(/media/UICategories/icon-TopGreen.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount.movement.moveUp.moveGood {
    background-image: url(/media/UICategories/icon-TopGreen@2x.png);
  }
}
.UIAmount.movement.moveUp.moveBad {
  background-image: url(/media/UICategories/icon-TopRed.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount.movement.moveUp.moveBad {
    background-image: url(/media/UICategories/icon-TopRed@2x.png);
  }
}
.UIAmount.movement.moveDown.moveGood {
  background-image: url(/media/UICategories/icon-DownGreen.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount.movement.moveDown.moveGood {
    background-image: url(/media/UICategories/icon-DownGreen@2x.png);
  }
}
.UIAmount.movement.moveDown.moveBad {
  background-image: url(/media/UICategories/icon-DownRed.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIAmount.movement.moveDown.moveBad {
    background-image: url(/media/UICategories/icon-DownRed@2x.png);
  }
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIRadioSelector .labelledRadioContainer {
  margin-right: 15px;
  margin-bottom: 5px;
  position: relative;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 3px;
  cursor: pointer;
}
.UIRadioSelector .labelledRadioContainer .radioContainer {
  position: absolute;
  top: 6px;
  left: 5px;
}
.UIRadioSelector .labelledRadioContainer .radioContainer input[type=radio] {
  margin: 0;
}
.UIRadioSelector .labelledRadioContainer .labelContainer {
  display: block;
  padding: 5px 5px 5px 25px;
  white-space: nowrap;
  overflow: hidden;
}
.UIRadioSelector .labelledRadioContainer.selected, .UIRadioSelector .labelledRadioContainer.selected:hover {
  border-color: #36c0ff;
}
.UIRadioSelector .labelledRadioContainer:hover {
  border-color: #efefef;
}
.UIRadioSelector .labelledRadioContainer .subtextContainer {
  margin-top: 5px;
  text-overflow: ellipsis;
  font-style: italic;
  white-space: normal;
}
.UIRadioSelector .labelledRadioContainer.block {
  display: block;
  white-space: nowrap;
}
.UIRadioSelector .labelledRadioContainer.recommended .subtextContainer {
  margin-right: 20px;
}
.UIRadioSelector .recommendBadgeContainer {
  padding-right: 30px;
  background-image: url(/media/membership/pro-badge.png);
  background-position: 100% 0;
  background-size: 18px;
  line-height: 18px;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: bold;
  float: right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIRadioSelector .recommendBadgeContainer {
    background-image: url(/media/membership/pro-badge@2x.png);
  }
}
.UIRadioSelector.vertical .labelledRadioContainer {
  display: flex;
  margin-right: 0;
}
.UIRadioSelector.vertical .labelledRadioContainer .labelContainer {
  flex: 1;
}
.UIRadioSelector.hasSubtext input[type=radio], .UIRadioSelector.hasSubtext .labelContainer {
  vertical-align: top;
}
.UIRadioSelector .sectionContainer {
  white-space: nowrap;
  font-size: 11px;
  text-align: left;
  background-color: #f5f6f7;
  font-weight: bold;
  padding: 5px;
  text-transform: uppercase;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIPageHeader {
  background-image: url(/media/UIFrontPage/topbackground-image.jpg);
  background-position: 100% 50%;
  background-size: cover;
  position: relative;
  /* Should go over the animation container */
  z-index: 30;
}
.UIPageHeader .headerContentContainer {
  padding: 20px 0px 30px;
}
.UIPageHeader, .UIPageHeader a {
  color: white;
}
.UIPageHeader .logoContainer {
  background-image: url(/media/UIFrontPage/logo-buxfer.png);
  background-size: contain;
  width: 250px;
  height: 75px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIPageHeader .logoContainer {
    background-image: url(/media/UIFrontPage/logo-buxfer@2x.png);
  }
}
.UIPageHeader .logoNavigationContainer {
  margin-bottom: 40px;
}
.UIPageHeader .navigationLinksContainer.UIGrid {
  margin-top: 20px;
}
.UIPageHeader .navigationLinksContainer.UIGrid > tbody > tr > td {
  padding-left: 15px;
}
.UIPageHeader .navigationLinksContainer.UIGrid a {
  padding: 5px;
  text-transform: uppercase;
}
.UIPageHeader .navigationLinksContainer.UIGrid a.navigationLink:hover,
.UIPageHeader .navigationLinksContainer.UIGrid .navigationLink.selected {
  border-bottom: 5px solid #36c0ff;
}
.UIPageHeader .navigationLinksContainer.UIGrid a.demoAction {
  background-color: #42b7ff;
  border-radius: 2px;
}
.UIPageHeader .navigationLinksContainer.UIGrid a.signupAction {
  background-color: #EE624C;
  border-radius: 2px;
}
.UIPageHeader .pageTitleContainer {
  font-size: 40px;
  color: #36c0ff;
  margin: 0 0 10px;
  font-weight: normal;
  text-transform: capitalize;
}
.UIPageHeader .pageTitleContainer.preserveCase {
  text-transform: none;
}
.UIPageHeader .pageSubtitleContainer {
  /* Override browser default for h2 */
  margin: 0;
  font-weight: normal;
  font-size: 22px;
  max-width: 800px;
  line-height: 30px;
  color: #D4D5D5;
}
.UIPageHeader .pageSubtitleContainer a {
  text-decoration: underline;
}
@media only screen and (max-width: 500px) {
  .UIPageHeader .navigationLinksContainer {
    display: none;
  }
  .UIPageHeader .logoNavigationContainer {
    margin-bottom: 20px;
  }
  .UIPageHeader .logoNavigationContainer .logoContainer {
    height: 60px;
  }
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIPageHeader.UIContentLimitedHeader {
  padding: 20px 0;
}
.UIPageHeader.UIContentLimitedHeader .logoContainer {
  background-image: url(/media/UIFrontPage/logo-buxfer.png);
  background-size: contain;
  background-position: 20px 0;
  height: 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIPageHeader.UIContentLimitedHeader .logoContainer {
    background-image: url(/media/UIFrontPage/logo-buxfer@2x.png);
  }
}
@media only screen and (max-width: 500px) {
  .UIPageHeader.UIContentLimitedHeader .logoContainer {
    background-position: 10px 0;
  }
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIContentPageFooter {
  margin-top: 80px;
  color: white;
}
.UIContentPageFooter .linksContainer {
  text-align: left;
  display: inline-block;
}
.UIContentPageFooter .linksContainer.UIResponsiveList > div {
  margin-bottom: 30px;
  margin-right: 30px;
}
@media only screen and (max-width: 500px) {
  .UIContentPageFooter .linksContainer.UIResponsiveList > div {
    width: 50%;
    padding-right: 20px;
    margin-right: 0;
  }
}
.UIContentPageFooter .linksContainer .linkGroupTitle {
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #777;
  padding: 0 10px 3px;
  border-bottom: 2px solid #777;
}
.UIContentPageFooter .linksContainer a {
  display: block;
  padding: 10px;
}
.UIContentPageFooter .contentContainer {
  background-color: #282e33;
  text-align: center;
}
@media only screen and (max-width: 500px) {
  .UIContentPageFooter .contentContainer {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
  .UIContentPageFooter .contentContainer {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 1001px) {
  .UIContentPageFooter .contentContainer {
    padding: 30px;
  }
}
.UIContentPageFooter .copyrightContainer {
  padding: 45px 0px 20px;
  color: #dcdce2;
}
.UIContentPageFooter .UIFrontPageLogin {
  margin-top: 20px;
}
.UIContentPageFooter .signupContainer {
  background-color: #36c0ff;
  background-image: url(/media/UIFrontPage/pattern-letsgetstarted.png);
  background-size: 1273px 330px;
  background-repeat: repeat-x;
  background-position: 0 0;
  padding: 30px 0;
  text-align: center;
  color: #474e66;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIContentPageFooter .signupContainer {
    background-image: url(/media/UIFrontPage/pattern-letsgetstarted@2x.png);
  }
}
.UIContentPageFooter .signupContainer .footerTitle {
  font-weight: bold;
  color: white;
}
@media only screen and (max-width: 500px) {
  .UIContentPageFooter .signupContainer .footerTitle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
  .UIContentPageFooter .signupContainer .footerTitle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1001px) {
  .UIContentPageFooter .signupContainer .footerTitle {
    font-size: 30px;
  }
}
.UIContentPageFooter .signupContainer .UIButton .buttonTitleContainer {
  font-size: 18px;
}
/* Legacy */
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
.UIMobileContentPageHeader {
  height: 46px;
}
.UIMobileContentPageHeader.actionsEnabled {
  height: 80px;
}
.UIMobileContentPageHeader .fixedContentContainer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  background-color: #282e33;
  color: white;
  text-transform: uppercase;
}
.UIMobileContentPageHeader .fixedContentContainer .titleContentContainer {
  height: 46px;
  line-height: 46px;
  position: relative;
}
.UIMobileContentPageHeader .fixedContentContainer .titleContentContainer .navIconContainer {
  background-image: url(/media/logo/piechart-dark-round.png);
  background-size: 25px;
  background-position: 10px 50%;
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 101;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .UIMobileContentPageHeader .fixedContentContainer .titleContentContainer .navIconContainer {
    background-image: url(/media/logo/piechart-dark-round@2x.png);
  }
}
.UIMobileContentPageHeader .fixedContentContainer .titleContentContainer .titleContainer {
  text-align: center;
  height: 100%;
}
.UIMobileContentPageHeader .fixedContentContainer .actionsContainer {
  height: 34px;
  padding: 10px;
  font-size: 12px;
  color: #e0e0e0;
  border: 1px solid #777;
  border-width: 1px 0;
}
.UIDesktopFooter {
  height: auto;
}
.UIDesktopFooter .copyrightItem {
  display: block;
}
/* Legacy */
.UIContentPage {
  color: #282e33;
}

.runtimeDesktop .paddedContentContainer {
  padding: 30px 0;
  min-height: 400px;
}
.runtimeMobile .paddedContentContainer {
  padding: 20px 0;
}
/* 
 * http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
 * https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
 */
/* Legacy */
.UIFrontPageLogin .authButton.UIButton {
  width: 250px;
  border-width: 0;
  display: inline-block;
}
.UIFrontPageLogin .loginInfoLabel {
  font-size: 14px;
  color: #757A8A;
  margin-bottom: 10px;
}
@media only screen and (min-width: 501px) {
  .UIFrontPageLogin .authButton.UIButton {
    margin-right: 20px;
  }
  .UIFrontPageLogin .authButton.UIButton .buttonTitleContainer {
    font-size: 18px;
    padding: 12px 20px;
  }
  .UIFrontPageLogin .authButton.UIButton.loginButton {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .UIFrontPageLogin .authButton.UIButton.signupAction {
    display: block;
    width: 100%;
    margin-bottom: 40px;
  }
  .UIFrontPageLogin .authButton.UIButton.demoButton, .UIFrontPageLogin .authButton.UIButton.loginButton {
    width: 50%;
  }
  .UIFrontPageLogin .authButton.UIButton.demoButton .buttonTitleContainer.controlTitleContainer, .UIFrontPageLogin .authButton.UIButton.loginButton .buttonTitleContainer.controlTitleContainer {
    background-color: transparent;
    text-decoration: underline;
    width: auto;
    margin: 0 20px;
  }
  .UIFrontPageLogin .authButton.UIButton .buttonTitleContainer {
    font-size: 16px;
    padding: 12px 0;
    font-weight: bold;
  }
}
/* Legacy */
.UIAboutUs {
  color: #606472;
  padding-bottom: 60px;
}
.UIAboutUs .missionContainer .missionTitleContainer {
  color: #36c0ff;
  min-height: 60px;
  line-height: 60px;
  vertical-align: middle;
}
@media only screen and (max-width: 500px) {
  .UIAboutUs .missionContainer .missionTitleContainer {
    font-size: 32px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
  .UIAboutUs .missionContainer .missionTitleContainer {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1001px) {
  .UIAboutUs .missionContainer .missionTitleContainer {
    font-size: 45px;
  }
}
.UIAboutUs .missionContainer .missionDescriptionContainer {
  margin-top: 30px;
  max-width: 800px;
  font-size: 17px;
  line-height: 25px;
}
.UIAboutUs .teamContainer .teamTitleContainer {
  margin: 65px 0px 45px;
  font-size: 45px;
  color: #36c0ff;
  min-height: 60px;
  line-height: 60px;
}
.UIAboutUs .teamContainer .teamMembersContainer.UIResponsiveList > div {
  padding: 35px 0;
  width: 250px;
  text-align: center;
}
@media only screen and (max-width: 500px) {
  .UIAboutUs .teamContainer .teamMembersContainer.UIResponsiveList > div {
    width: 50%;
  }
}
.UIAboutUs .teamContainer .teamMemberPhotoContainer {
  margin: 0 auto 20px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 75px;
}
@media only screen and (max-width: 500px) {
  .UIAboutUs .teamContainer .teamMemberPhotoContainer {
    width: 75px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
  .UIAboutUs .teamContainer .teamMemberPhotoContainer {
    width: 75px;
  }
}
@media only screen and (min-width: 1001px) {
  .UIAboutUs .teamContainer .teamMemberPhotoContainer {
    width: 100px;
  }
}
@media only screen and (max-width: 500px) {
  .UIAboutUs .teamContainer .teamMemberPhotoContainer {
    height: 75px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
  .UIAboutUs .teamContainer .teamMemberPhotoContainer {
    height: 75px;
  }
}
@media only screen and (min-width: 1001px) {
  .UIAboutUs .teamContainer .teamMemberPhotoContainer {
    height: 100px;
  }
}
.UIAboutUs .teamContainer .teamMemberPhotoContainer img {
  width: 100%;
}
.UIAboutUs .teamContainer .nameContainer {
  white-space: nowrap;
  color: #000;
  font-size: 18px;
}
.UIAboutUs .teamContainer .roleContainer {
  color: #606472;
  margin-top: 10px;
  text-transform: capitalize;
}