.balance-bar.section {
  position: relative; }

.balance-bar-container {
  font-size: 16px;
  font-family: "Nimbus Sans Regular", "Nimbus Sans TW01"; }
  .balance-bar-container .row {
    display: flex;
    flex-wrap: wrap; }
    .balance-bar-container .row .bb-new {
      border-radius: 0px 4px 4px 4px;
      width: 750px;
      margin-right: 16px; }
  .balance-bar-container .experiencefragment {
    height: 100%; }
  .balance-bar-container .xf-content-height {
    height: 100%;
    margin: 0; }
  .balance-bar-container .aem-Grid {
    height: 100%; }
  .balance-bar-container .balance-bar-message {
    height: 100%; }
  .balance-bar-container .section {
    height: 100%; }
  .balance-bar-container .show-cta {
    height: 100%; }
  .balance-bar-container .bb-cb-container {
    height: 100%; }
    .balance-bar-container .bb-cb-container > div {
      height: 100%; }
  .balance-bar-container .responsivegrid {
    height: 100%; }
  .balance-bar-container .balance-bar-cb-message-wrapper {
    flex-grow: 1;
    padding-right: 0;
    padding-left: 0;
    width: 359px;
    height: 284px;
    box-shadow: 0 0 12px 0 rgba(0, 47, 72, 0.64);
    background-color: #ffffff;
    margin: 36px 0 0 16px;
    border-radius: 4px;
    transition: transform 0.3s ease, height 0.3s ease; }
    .balance-bar-container .balance-bar-cb-message-wrapper:hover {
      transform: scale(1.05); }

.bb-history-tooltip {
  text-align: center; }

@media (max-width: 767px) {
  .text-xs-14 {
    font-size: 14px; }
  .balance-bar-container {
    margin-left: 16px;
    margin-right: 16px; }
    .balance-bar-container .row {
      display: flex;
      flex-wrap: wrap; }
      .balance-bar-container .row .bb-new {
        width: 100%;
        margin: 0; }
    .balance-bar-container .balance-bar-cb-message-wrapper {
      width: 100%;
      margin: 16px 0 0 0px; } }

@media (min-device-width: 768px) and (max-width: 1200px) {
  .balance-bar-container .row {
    display: flex;
    flex-wrap: wrap; }
    .balance-bar-container .row .bb-new {
      margin-right: 0px; }
  .balance-bar-container .balance-bar-cb-message-wrapper {
    width: auto;
    min-width: 359px;
    max-width: 750px;
    margin: 16px 0 0 0; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .balance-bar-container .row {
    display: flex;
    flex-wrap: wrap; }
    .balance-bar-container .row .bb-new {
      width: 704px;
      margin-left: 24px; }
  .balance-bar-container .balance-bar-cb-message-wrapper {
    margin: 16px 24px auto;
    width: 704px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .balance-bar-container .balance-bar-cb-message-wrapper {
    width: auto; } }