@charset "UTF-8";
.alert-red {
  color: #D84847; }

.action-blue {
  color: #0047F5; }

.ms-calc {
  background-color: transparent;
  padding: 0;
  margin: 2rem 0;
  border: 1px solid #e1e1e1;
  /* Tooltip container */
  /* Tooltip text */
  /* Show the tooltip text when you mouse over the tooltip container */ }
  .ms-calc .hide {
    display: none !important; }
  .ms-calc h2 {
    margin: 0; }
    .ms-calc h2.shaded {
      background-color: #f3f3f3;
      color: #0047F5;
      border-bottom: 1px solid #c3c3c3;
      padding: 1rem 1.5rem; }
  .ms-calc h3 {
    margin-top: 1rem;
    /*test */ }
  .ms-calc p {
    flex: 0 100%; }
    @media screen and (min-width: 40rem) {
      .ms-calc p {
        flex: 0 auto; }
        .ms-calc p.col-max2 {
          flex: 0 50%; }
        .ms-calc p.col-max3 {
          flex: 0 33%; } }
  .ms-calc h3, .ms-calc h4, .ms-calc h5, .ms-calc p {
    padding: 0 1rem;
    box-sizing: border-box; }
    @media screen and (min-width: 40rem) {
      .ms-calc h3, .ms-calc h4, .ms-calc h5, .ms-calc p {
        padding: 0 0 0 1.5rem; } }
  .ms-calc .col100 {
    flex-basis: 100%;
    padding-right: 1rem; }
    @media screen and (min-width: 40rem) {
      .ms-calc .col100 {
        padding-right: 1.5rem; } }
  .ms-calc .flex {
    position: relative; }
  .ms-calc hr {
    margin: 1rem 0 !important;
    background-color: transparent;
    color: transparent;
    border-bottom: 2px dotted #ccc;
    border-top: none !important;
    max-width: none !important; }
    .ms-calc hr.hr-break {
      border: none;
      margin: 0 !important; }
  .ms-calc input[type="text"], .ms-calc input[type="number"] {
    border-color: #d0d0d0; }
  .ms-calc input[type="checkbox"], .ms-calc input[type="radio"] {
    width: auto; }
  .ms-calc select {
    width: 100%;
    border: .05rem solid #d0d0d0 !important; }
  .ms-calc input {
    text-align: left;
    width: 100%; }
    .ms-calc input.empty {
      background-image: radial-gradient(circle at center, #D84847 3px, transparent 4px);
      background-repeat: no-repeat;
      background-position-x: right;
      background-size: 1rem 100%; }
  .ms-calc input, .ms-calc select {
    margin: 0 1rem 0.5rem 0; }
    @media screen and (min-width: 40rem) {
      .ms-calc input, .ms-calc select {
        width: 12rem; }
        .ms-calc input.input100, .ms-calc select.input100 {
          width: 100%; }
        .ms-calc input.small, .ms-calc select.small {
          width: 5rem; } }
  .ms-calc .input {
    flex-wrap: wrap;
    display: flex;
    position: relative; }
  .ms-calc .label-required {
    background-image: radial-gradient(circle at center, #D84847 3px, transparent 4px);
    background-repeat: no-repeat;
    background-position-x: left;
    background-size: 1rem 100%;
    padding-left: 1rem;
    font-size: .75rem;
    margin: 1.25rem 0 0 1.5rem; }
  .ms-calc label .pulse {
    animation: pulse .5s;
    animation-iteration-count: 2; }
@keyframes pulse {
  0% {
    color: #666;
    text-shadow: none; }
  20% {
    color: #fff;
    background-color: #D84847;
    text-shadow: -1px 1px 8px #fff, 1px -1px 8px #666; }
  100% {
    color: #666;
    text-shadow: none; } }
  .ms-calc .result {
    display: none; }
  .ms-calc .enlarge-text {
    font-size: 1.7em;
    color: #0047F5;
    font-weight: bold; }
  .ms-calc .result-box {
    border: none;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 0;
    background-color: transparent; }
    .ms-calc .result-box > h3:first-child {
      color: #0047F5; }
    .ms-calc .result-box.last {
      border-bottom: none; }
  .ms-calc #chart {
    padding: .25rem; }
  .ms-calc .explore:not(:last-child), .ms-calc .toggleContainer:not(:last-child) {
    margin-bottom: 1rem; }
  .ms-calc .explore .toggleContent, .ms-calc .toggleContainer .toggleContent {
    display: none; }
  .ms-calc .explore.open .btnToggle:after, .ms-calc .toggleContainer.open .btnToggle:after {
    transform: rotate(-135deg); }
  .ms-calc .explore.open .toggleContent, .ms-calc .toggleContainer.open .toggleContent {
    display: block; }
  .ms-calc .explore .btnToggle, .ms-calc .toggleContainer .btnToggle {
    padding: 1rem 1.5rem;
    margin: 0;
    position: relative;
    cursor: pointer;
    background-color: #0047F5;
    color: #fff; }
    .ms-calc .explore .btnToggle:after, .ms-calc .toggleContainer .btnToggle:after {
      content: "";
      display: inline-block;
      width: .6rem;
      height: .6rem;
      transform: rotate(45deg);
      transform-origin: center;
      position: absolute;
      right: 1rem;
      top: 1.4rem;
      border-right: .1rem solid #fff;
      border-bottom: .1rem solid #fff; }
    .ms-calc .explore .btnToggle.light, .ms-calc .toggleContainer .btnToggle.light {
      background-color: #f3f3f3;
      color: #222; }
      .ms-calc .explore .btnToggle.light:after, .ms-calc .toggleContainer .btnToggle.light:after {
        border-right: .1rem solid #acacac;
        border-bottom: .1rem solid #acacac; }
  .ms-calc .key {
    display: inline-block;
    width: 15px;
    height: 12px;
    margin-right: 5px; }
    .ms-calc .key.bar1 {
      background-color: #0047F5; }
    .ms-calc .key.bar2 {
      background-color: #42BFC7; }
  .ms-calc table.chart-tooltip {
    font-size: .75rem !important;
    margin-bottom: 0 !important; }
    .ms-calc table.chart-tooltip td, .ms-calc table.chart-tooltip th {
      padding: .25rem !important;
      background-color: #ffffff !important;
      border: 0 none !important;
      font-weight: normal; }
  .ms-calc table.pw100 {
    border: none;
    margin-bottom: 0 !important; }
    .ms-calc table.pw100 td, .ms-calc table.pw100 th {
      border: none !important; }
    .ms-calc table.pw100 tr {
      border-bottom: 1px solid #ccc; }
  .ms-calc .tooltip:not(.glossButton) {
    position: relative;
    display: inline-block;
    text-decoration: none;
    overflow: visible;
    font-size: .75rem !important;
    padding: .1rem .35rem !important;
    margin: 0 .25rem !important;
    background-color: #0047F5 !important;
    color: white !important;
    border-radius: 1rem !important;
    border: none !important;
    min-width: auto !important;
    line-height: .9rem; }
    .ms-calc .tooltip:not(.glossButton):before {
      content: "?"; }
    .ms-calc .tooltip:not(.glossButton):focus {
      outline: none;
      background-color: #42BFC7 !important; }
    .ms-calc .tooltip:not(.glossButton).dotted {
      /* alternate style, best used for text rather than ? symbol */
      border-bottom: 1px dashed #222 !important;
      background-image: none;
      background-color: transparent !important;
      color: #222 !important;
      font-size: unset !important;
      cursor: help !important;
      padding: 0 !important;
      margin: 0 !important;
      border-radius: 0 !important; }
      .ms-calc .tooltip:not(.glossButton).dotted:before {
        content: ""; }
    .ms-calc .tooltip:not(.glossButton).light {
      color: #fff !important;
      border-bottom: 1px dashed #fff !important; }
  .ms-calc .tooltip .tooltiptext:not(.glossButton) {
    visibility: hidden;
    width: 240px;
    bottom: 100%;
    left: 50%;
    margin-left: -120px;
    /* Use half of the width (300/2 = 150), to center the tooltip */
    margin-bottom: .4rem;
    font-style: normal;
    font-size: .8rem;
    color: #333;
    background-color: #ACE8FA;
    text-align: center;
    padding: .5rem;
    border-radius: .25rem;
    box-sizing: border-box;
    white-space: normal;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1; }
    .ms-calc .tooltip .tooltiptext:not(.glossButton).align-left {
      text-align: left; }
    @media screen and (max-width: 39rem) {
      .ms-calc .tooltip .tooltiptext:not(.glossButton) {
        /* to stop tooltip going off screen display fixed at bottom of screen on narrow devices - transition to slide up from bottom */
        left: 0;
        position: fixed;
        bottom: -4rem;
        margin: 0;
        border-radius: 0;
        width: 100%;
        transition: bottom .8s;
        font-size: 1rem;
        padding: 1rem .5rem; } }
  .ms-calc .tooltip:hover .tooltiptext {
    visibility: visible; }
    @media screen and (max-width: 39rem) {
      .ms-calc .tooltip:hover .tooltiptext {
        bottom: 0; } }
  .ms-calc .tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ACE8FA transparent transparent transparent; }

.dismissTooltip {
  font-size: .75rem;
  position: absolute;
  left: 1.5rem;
  top: 6rem;
  transform: translateY(-10px);
  transition: .2s all;
  opacity: 0; }
  .dismissTooltip.show {
    transform: translateY(0);
    opacity: 1; }
  .dismissTooltip .btnDismiss {
    border: none !important;
    min-width: auto !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    color: white !important;
    padding: 0 !important;
    width: 1rem;
    height: 1rem;
    line-height: .75rem;
    margin: 0 0 0 .25rem;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='%23000' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'/%3E%3C/svg%3E ");
    background-size: .75rem .75rem;
    text-indent: -1000rem; }

body:not(.using-mouse) .btnDismiss:focus {
  outline: 0.2rem solid #ff9100 !important; }

.loading-dots:before {
  content: none; }
.loading-dots span {
  animation-name: blink;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-fill-mode: both; }
.loading-dots span:nth-child(2) {
  animation-delay: .2s; }
.loading-dots span:nth-child(3) {
  animation-delay: .4s; }

@keyframes blink {
  0% {
    opacity: .1; }
  10% {
    opacity: .1; }
  20% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }
.toast {
  opacity: 0;
  position: fixed;
  bottom: .5rem;
  z-index: 1;
  left: -.5rem;
  margin: 1rem;
  width: calc(100% - 1rem);
  border-radius: .3rem;
  height: 2rem;
  background-color: #1F1247;
  color: #BEBEBE;
  text-align: center;
  line-height: 2rem;
  transition: opacity 0.5s ease-in-out; }
  @media screen and (min-width: 40rem) {
    .toast {
      width: 100%;
      max-width: 40rem;
      left: 50%;
      transform: translateX(-50%);
      margin: 1rem 0; } }
  .toast span {
    position: relative; }
  .toast span:after {
    font-size: 2.5rem;
    border-radius: 5rem;
    min-width: 1rem;
    color: #bebebe;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: -1.5rem;
    top: .1rem;
    width: 1rem;
    height: 1rem;
    content: "Ô£ö";
    text-indent: -9999rem;
    background: transparent url(https://static.moneysmart.gov.au/nextgen/img/thick-tick-white.svg);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: .6rem;
    border: 1px solid #bebebe; }
  .toast.error {
    background-color: #D84847;
    color: #fff; }
    .toast.error span:after {
      content: unset; }

/*# sourceMappingURL=beta_global_calc.css.map */