@charset "UTF-8";
@font-face {
  font-family: 'fontello';
  src: url("../fonts/budget-symbols.eot?30313030");
  src: url("../fonts/budget-symbols.eot?30313030#iefix") format("embedded-opentype"), url("../fonts/budget-symbols.woff?30313030") format("woff"), url("../fonts/budget-symbols.ttf?30313030") format("truetype"), url("../fonts/budget-symbols.svg?30313030#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon-cancel-circled:before {
  content: '\e800'; }

/* '' */
.icon-cancel:before {
  content: '\e801'; }

/* '' */
.icon-ok-circled:before {
  content: '\e802'; }

/* '' */
.icon-ok:before {
  content: '\e803'; }

/* '' */
.icon-plus-circled:before {
  content: '\e807'; }

/* '' */
.icon-trash:before {
  content: '\e809'; }

/* '' */
.icon-pencil:before {
  content: '\e80a'; }

/* '' */
@font-face {
  font-family: 'rams-symbols';
  src: url("../fonts/rams-symbols.eot?29078108");
  src: url("../fonts/rams-symbols.eot?29078108#iefix") format("embedded-opentype"), url("../fonts/rams-symbols.woff?29078108") format("woff"), url("../fonts/rams-symbols.ttf?29078108");
  font-weight: normal;
  font-style: normal; }
[class^="glyphicon-"]:before, [class*=" glyphicon-"]:before {
  font-family: 'Glyphicons Halflings';
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'rams-symbols';
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.budget-icon [class^="icon-"]:before, .budget-icon [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-twitter:before {
  content: '\e800'; }

.icon-search:before {
  content: '\e801'; }

.icon-linkedin:before {
  content: '\e802'; }

.icon-facebook:before {
  content: '\e803'; }

.icon-gplus:before {
  content: '\e804'; }

.icon-profile:before {
  content: '\e805'; }

.icon-youtube-play:before {
  content: '\e806'; }

.icon-live-chat:before {
  content: '\e807'; }

.icon-phone:before {
  content: '\e808'; }

.icon-meeting:before {
  content: '\e809'; }

.icon-loudhailer:before {
  content: '\e80a'; }

.icon-info:before {
  content: '\e80b'; }

.icon-graph-down:before {
  content: '\e80c'; }

.icon-flag:before {
  content: '\e80d'; }

.icon-calculator:before {
  content: '\e80e'; }

.icon-cta-arrow-right:before {
  content: '\e80f'; }

.icon-circle-close:before {
  content: '\e810'; }

.icon-download:before {
  content: '\e811'; }

.icon-exclimation:before {
  content: '\e812'; }

.icon-image:before {
  content: '\e813'; }

.icon-equals:before {
  content: '\e814'; }

.icon-plus:before {
  content: '\e815'; }

.icon-circle:before {
  content: '\e816';
  margin: 0; }

.icon-circle-outline:before {
  content: '\e817';
  margin: 0; }

.icon-heart:before {
  content: '\e818'; }

.icon-home:before {
  content: '\e819'; }

.icon-shuffle:before {
  content: '\e81b'; }

.icon-piggy:before {
  content: '\e81d'; }

.icon-flash:before {
  content: '\e81e'; }

.icon-cw:before {
  content: '\e81f'; }

.icon-puzzle:before {
  content: '\e820'; }

.icon-cta-arrow-down:before, .panel-accordion .panel-heading a.collapsed i.icon-cta-arrow-up:before, .panel-accordion .panel-heading a.collapsed i.icon-cta-arrow-toggle:before, .panel-accordion .collapsed .icon-cta-arrow-toggle:before, .form-group .select-menu .caret:before, .navbar .nav-primary > ul > li.active > a:after, .navbar .nav-primary > ul > li:hover > a:after, .navbar .nav-primary > ul > li:focus > a:after,
.icon-cta-arrow-left:before,
.icon-cta-arrow-up:before,
.panel-accordion .icon-cta-arrow-toggle:before {
  content: '\e80f'; }

@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-11 {
    width: 91.66666667%; }

  .col-sm-10 {
    width: 83.33333333%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-8 {
    width: 66.66666667%; }

  .col-sm-7 {
    width: 58.33333333%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-5 {
    width: 41.66666667%; }

  .col-sm-4 {
    width: 33.33333333%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-2 {
    width: 16.66666667%; }

  .col-sm-1 {
    width: 8.33333333%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-pull-11 {
    right: 91.66666667%; }

  .col-sm-pull-10 {
    right: 83.33333333%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-8 {
    right: 66.66666667%; }

  .col-sm-pull-7 {
    right: 58.33333333%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-5 {
    right: 41.66666667%; }

  .col-sm-pull-4 {
    right: 33.33333333%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-2 {
    right: 16.66666667%; }

  .col-sm-pull-1 {
    right: 8.33333333%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-push-11 {
    left: 91.66666667%; }

  .col-sm-push-10 {
    left: 83.33333333%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-8 {
    left: 66.66666667%; }

  .col-sm-push-7 {
    left: 58.33333333%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-5 {
    left: 41.66666667%; }

  .col-sm-push-4 {
    left: 33.33333333%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-2 {
    left: 16.66666667%; }

  .col-sm-push-1 {
    left: 8.33333333%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-offset-12 {
    margin-left: 100%; }

  .col-sm-offset-11 {
    margin-left: 91.66666667%; }

  .col-sm-offset-10 {
    margin-left: 83.33333333%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-8 {
    margin-left: 66.66666667%; }

  .col-sm-offset-7 {
    margin-left: 58.33333333%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-5 {
    margin-left: 41.66666667%; }

  .col-sm-offset-4 {
    margin-left: 33.33333333%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-2 {
    margin-left: 16.66666667%; }

  .col-sm-offset-1 {
    margin-left: 8.33333333%; }

  .col-sm-offset-0 {
    margin-left: 0; }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-12 {
    width: 100%; }

  .col-md-11 {
    width: 91.66666667%; }

  .col-md-10 {
    width: 83.33333333%; }

  .col-md-9 {
    width: 75%; }

  .col-md-8 {
    width: 66.66666667%; }

  .col-md-7 {
    width: 58.33333333%; }

  .col-md-6 {
    width: 50%; }

  .col-md-5 {
    width: 41.66666667%; }

  .col-md-4 {
    width: 33.33333333%; }

  .col-md-3 {
    width: 25%; }

  .col-md-2 {
    width: 16.66666667%; }

  .col-md-1 {
    width: 8.33333333%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-pull-11 {
    right: 91.66666667%; }

  .col-md-pull-10 {
    right: 83.33333333%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-8 {
    right: 66.66666667%; }

  .col-md-pull-7 {
    right: 58.33333333%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-5 {
    right: 41.66666667%; }

  .col-md-pull-4 {
    right: 33.33333333%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-2 {
    right: 16.66666667%; }

  .col-md-pull-1 {
    right: 8.33333333%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-push-11 {
    left: 91.66666667%; }

  .col-md-push-10 {
    left: 83.33333333%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-8 {
    left: 66.66666667%; }

  .col-md-push-7 {
    left: 58.33333333%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-5 {
    left: 41.66666667%; }

  .col-md-push-4 {
    left: 33.33333333%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-2 {
    left: 16.66666667%; }

  .col-md-push-1 {
    left: 8.33333333%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-offset-12 {
    margin-left: 100%; }

  .col-md-offset-11 {
    margin-left: 91.66666667%; }

  .col-md-offset-10 {
    margin-left: 83.33333333%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-8 {
    margin-left: 66.66666667%; }

  .col-md-offset-7 {
    margin-left: 58.33333333%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-5 {
    margin-left: 41.66666667%; }

  .col-md-offset-4 {
    margin-left: 33.33333333%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-2 {
    margin-left: 16.66666667%; }

  .col-md-offset-1 {
    margin-left: 8.33333333%; }

  .col-md-offset-0 {
    margin-left: 0; } }
body {
  background: #fff; }

.calculator-shell {
  margin: 10px 15px 0;
  max-width: 1170px;
  margin: 15px auto; }
  @media (min-width: 768px) and (max-width: 991px) {
    .calculator-shell .container {
      width: 100%; } }
  .calculator-shell h1, .calculator-shell h2, .calculator-shell h3, .calculator-shell h4, .calculator-shell h5, .calculator-shell h6 {
    color: #3D3D3D; }
  .calculator-shell h1, .calculator-shell h2, .calculator-shell h3, .calculator-shell h4, .calculator-shell h5, .calculator-shell h6, .calculator-shell a, .calculator-shell div, .calculator-shell span, .calculator-shell ul, .calculator-shell li, .calculator-shell ol, .calculator-shell label {
    font-family: 'Source Sans Pro', sans-serif; }
  .calculator-shell form {
    background: none; }
  .calculator-shell .block {
    display: block !important; }
  .calculator-shell .inline-block {
    display: inline-block !important; }
  .calculator-shell .inline {
    display: inline !important; }
  .calculator-shell .stretch {
    width: 100% !important; }
  .calculator-shell .no-padding {
    padding: 0 !important; }
  @media (max-width: 767px) {
    .calculator-shell .no-padding-mobile {
      padding: 0 !important; } }
  .calculator-shell .no-padding-top {
    padding-top: 0 !important; }
  .calculator-shell .no-padding-bottom {
    padding-bottom: 0 !important; }
  .calculator-shell .no-padding-left {
    padding-left: 0 !important; }
  .calculator-shell .no-padding-right {
    padding-right: 0 !important; }
  @media (max-width: 767px) {
    .calculator-shell .no-padding-left-xs {
      padding-left: 0 !important; } }
  @media (max-width: 767px) {
    .calculator-shell .no-padding-right-xs {
      padding-right: 0 !important; } }
  .calculator-shell .no-margin {
    margin: 0 !important; }
  @media (max-width: 767px) {
    .calculator-shell .no-margin-mobile {
      margin: 0 !important; } }
  .calculator-shell .no-margin-top {
    margin-top: 0 !important; }
  .calculator-shell .no-margin-bottom {
    margin-bottom: 0 !important; }
  .calculator-shell .no-background {
    background: none !important;
    background-color: transparent !important; }
  .calculator-shell .no-border {
    border: 0 !important; }
  .calculator-shell .no-border-top {
    border-top: 0 !important; }
  .calculator-shell .no-border-bottom {
    border-bottom: 0 !important; }
  .calculator-shell .relative {
    position: relative !important; }
  .calculator-shell .text-center {
    text-align: center !important; }
  @media (max-width: 767px) {
    .calculator-shell .text-left-mobile {
      text-align: left !important; } }
  @media (max-width: 767px) {
    .calculator-shell .text-right-mobile {
      text-align: right !important; } }
  @media (max-width: 767px) {
    .calculator-shell .text-center-mobile {
      text-align: center !important; } }
  .calculator-shell .blue-text {
    color: #1972B4 !important; }
  .calculator-shell .dark-grey-text {
    color: #3D3D3D !important; }
  .calculator-shell .orange-text {
    color: #FC6621 !important; }
  .calculator-shell .red-text {
    color: #E30000 !important; }
  .calculator-shell .bold {
    font-weight: bold !important; }
  .calculator-shell .content-gutter {
    padding: 0 15px;
    box-sizing: border-box; }
  .calculator-shell .white-bg {
    background: #fff !important; }
  .calculator-shell .white-text {
    color: #fff !important; }
  .calculator-shell .grey-bg {
    background: #F8F8F8 !important; }
  .calculator-shell .grey-text {
    color: #75767A !important; }
  .calculator-shell .text-indented {
    text-indent: -9999px !important; }
  .calculator-shell .text-normal {
    font-weight: normal !important; }
  .calculator-shell .f-16px {
    font-size: 16px; }
  .calculator-shell .no-list-style {
    list-style: none; }
  @media (max-width: 767px) {
    .calculator-shell .mobile-text-left {
      text-align: left !important; } }
  .calculator-shell .border-top-grey {
    border-top: 1px solid #EEEEEE; }
  .calculator-shell .border-bottom-grey {
    border-bottom: 1px solid #EEEEEE; }
  @media (max-width: 767px) {
    .calculator-shell .border-top-grey-mobile {
      border-top: 1px solid #EEEEEE; } }
  .calculator-shell .border-right-grey {
    border-right: 1px solid #EEEEEE; }
  .calculator-shell .border-grey {
    border: 1px solid #EEEEEE !important; }
  .calculator-shell .modal .modal-header .close {
    font-size: 32px; }
  .calculator-shell .nav-tabs {
    border-bottom: 0;
    padding: 0;
    background: none;
    margin: 0; }
    .calculator-shell .nav-tabs.single-item li.active a, .calculator-shell .nav-tabs.single-item li.active a:active, .calculator-shell .nav-tabs.single-item li.active a:focus, .calculator-shell .nav-tabs.single-item li a, .calculator-shell .nav-tabs.single-item li a:active, .calculator-shell .nav-tabs.single-item li a:focus {
      border-bottom: 1px solid #EEEEEE !important;
      font-size: 18px;
      text-align: center; }
      .calculator-shell .nav-tabs.single-item li.active a span, .calculator-shell .nav-tabs.single-item li.active a span.single-line, .calculator-shell .nav-tabs.single-item li.active a:active span, .calculator-shell .nav-tabs.single-item li.active a:active span.single-line, .calculator-shell .nav-tabs.single-item li.active a:focus span, .calculator-shell .nav-tabs.single-item li.active a:focus span.single-line, .calculator-shell .nav-tabs.single-item li a span, .calculator-shell .nav-tabs.single-item li a span.single-line, .calculator-shell .nav-tabs.single-item li a:active span, .calculator-shell .nav-tabs.single-item li a:active span.single-line, .calculator-shell .nav-tabs.single-item li a:focus span, .calculator-shell .nav-tabs.single-item li a:focus span.single-line {
        font-size: 18px;
        text-align: center; }
      @media (min-width: 768px) and (max-width: 991px) {
        .calculator-shell .nav-tabs.single-item li.active a, .calculator-shell .nav-tabs.single-item li.active a:active, .calculator-shell .nav-tabs.single-item li.active a:focus, .calculator-shell .nav-tabs.single-item li a, .calculator-shell .nav-tabs.single-item li a:active, .calculator-shell .nav-tabs.single-item li a:focus {
          font-size: 18px; }
          .calculator-shell .nav-tabs.single-item li.active a span, .calculator-shell .nav-tabs.single-item li.active a:active span, .calculator-shell .nav-tabs.single-item li.active a:focus span, .calculator-shell .nav-tabs.single-item li a span, .calculator-shell .nav-tabs.single-item li a:active span, .calculator-shell .nav-tabs.single-item li a:focus span {
            font-size: 18px; } }
    .calculator-shell .nav-tabs > li {
      border: 0;
      margin-bottom: 0;
      background: none; }
      .calculator-shell .nav-tabs > li:hover a {
        box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.14);
        -webkit-transition: box-shadow 0.3s linear;
        -moz-transition: box-shadow 0.3s linear;
        -ms-transition: box-shadow 0.3s linear;
        -o-transition: box-shadow 0.3s linear;
        transition: box-shadow 0.3s linear; }
      .calculator-shell .nav-tabs > li:hover a, .calculator-shell .nav-tabs > li:focus a {
        outline: none;
        background: #fff;
        color: #3D3D3D;
        border: 1px solid #EEEEEE; }
        .calculator-shell .nav-tabs > li:hover a span, .calculator-shell .nav-tabs > li:focus a span {
          color: #1972B4; }
      .calculator-shell .nav-tabs > li.active > a {
        box-shadow: none;
        color: #75767A;
        background: #fff;
        padding-bottom: 20px;
        border-bottom: 0;
        cursor: pointer; }
        .calculator-shell .nav-tabs > li.active > a span {
          color: #1972B4; }
        .calculator-shell .nav-tabs > li.active > a .arrow i:before {
          -webkit-transform: rotate(270deg) !important;
          -moz-transform: rotate(270deg) !important;
          -ms-transform: rotate(270deg) !important;
          -o-transform: rotate(270deg) !important;
          transform: rotate(270deg) !important;
          filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(270), M12=-sin(270), M21=sin(270), M22=cos(270));
          -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(270), M12=-sin(270), M21=sin(270), M22=cos(270))";
          zoom: 1; }
        .calculator-shell .nav-tabs > li.active > a:focus {
          border: 1px solid #EEEEEE;
          border-bottom: 0 !important; }
      .calculator-shell .nav-tabs > li.toggle-view > a {
        box-shadow: none !important;
        color: #3D3D3D !important;
        background: #F8F8F8 !important;
        padding-bottom: 10px !important;
        border-bottom: 1px solid #EEEEEE !important; }
        .calculator-shell .nav-tabs > li.toggle-view > a .arrow i:before {
          -webkit-transform: rotate(90deg) !important;
          -moz-transform: rotate(90deg) !important;
          -ms-transform: rotate(90deg) !important;
          -o-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
          filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90));
          -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90))";
          zoom: 1; }
      .calculator-shell .nav-tabs > li > a {
        position: relative;
        padding-right: 40px;
        background: #F8F8F8;
        text-align: left;
        color: #75767A;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        border-radius: 0;
        border: 1px solid #EEEEEE;
        -webkit-transition: box-shadow 0.3s linear;
        -moz-transition: box-shadow 0.3s linear;
        -ms-transition: box-shadow 0.3s linear;
        -o-transition: box-shadow 0.3s linear;
        transition: box-shadow 0.3s linear; }
        .calculator-shell .nav-tabs > li > a span {
          text-align: left;
          padding: 0;
          color: #1972B4;
          font-size: 14px;
          min-height: 35px; }
          .calculator-shell .nav-tabs > li > a span.single-line {
            font-size: 16px;
            display: block;
            color: #75767A;
            padding-top: 0;
            min-height: 44px; }
        .calculator-shell .nav-tabs > li > a .arrow {
          position: absolute;
          right: 10px;
          top: 10px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .calculator-shell .nav-tabs > li > a {
            font-size: 12px; }
            .calculator-shell .nav-tabs > li > a span, .calculator-shell .nav-tabs > li > a span.single-line {
              font-size: 12px; }
            .calculator-shell .nav-tabs > li > a span.single-line {
              min-height: 34px; } }
      .calculator-shell .nav-tabs > li p {
        padding: 10px; }
  .calculator-shell .mobile-nav-tabs {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 15px; }
    .calculator-shell .mobile-nav-tabs button.btn {
      width: 100%;
      border-color: #EEEEEE !important;
      border-bottom: 1px solid #EEEEEE !important;
      background: #fff !important; }
      .calculator-shell .mobile-nav-tabs button.btn:active, .calculator-shell .mobile-nav-tabs button.btn:focus, .calculator-shell .mobile-nav-tabs button.btn:hover {
        background: #fff !important; }
      .calculator-shell .mobile-nav-tabs button.btn a {
        font-size: 18px;
        color: #3D3D3D;
        font-weight: bold;
        display: block;
        word-wrap: break-word;
        white-space: normal; }
        .calculator-shell .mobile-nav-tabs button.btn a:active, .calculator-shell .mobile-nav-tabs button.btn a:focus, .calculator-shell .mobile-nav-tabs button.btn a:hover {
          background: #fff !important; }
      .calculator-shell .mobile-nav-tabs button.btn span {
        color: #1972B4; }
      .calculator-shell .mobile-nav-tabs button.btn span.caret {
        top: 50%;
        right: 10px;
        margin-top: -3px;
        position: absolute;
        color: #3D3D3D; }
    .calculator-shell .mobile-nav-tabs ul.dropdown-menu {
      left: 15px;
      right: 15px;
      width: auto !important; }
      .calculator-shell .mobile-nav-tabs ul.dropdown-menu li a {
        display: block;
        word-wrap: break-word;
        white-space: normal; }
  .calculator-shell label {
    font-weight: normal;
    font-size: 16px; }
  .calculator-shell .lead-title {
    padding: 26px 38px; }
    @media (max-width: 767px) {
      .calculator-shell .lead-title {
        padding: 15px 0; } }
  @media (max-width: 767px) {
    .calculator-shell .form-group {
      margin-bottom: 25px; } }
  .calculator-shell .form-group.addon-left .input-group-addon {
    border-right: 0;
    border-radius: 0; }
  .calculator-shell .form-group.addon-left .input-group .form-control {
    border-left: 0;
    border-radius: 0; }
  .calculator-shell .form-group.addon-right .input-group-addon {
    border-left: 0;
    border-radius: 0; }
  .calculator-shell .form-group.addon-right .input-group .form-control {
    border-right: 0;
    border-radius: 0; }
  .calculator-shell .form-group.addon-bothsides .input-group-addon {
    border-right: 0;
    border-radius: 0; }
    .calculator-shell .form-group.addon-bothsides .input-group-addon.right {
      border-left: 0;
      border-radius: 0; }
  .calculator-shell .form-group.addon-bothsides .input-group .form-control {
    border-left: 0;
    border-right: 0;
    border-radius: 0; }
  .calculator-shell .form-group.select-right .input-group .form-control {
    border-radius: 0; }
  .calculator-shell .form-group.select-right .input-group .input-group-btn.open .dropdown-toggle {
    background: #F8F8F8 !important; }
  .calculator-shell .form-group.select-right .input-group .input-group-btn .dropdown-toggle {
    background: #fff;
    border-radius: 0;
    border: 1px solid #EEEEEE !important;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
    width: 90px;
    font-size: 13px; }
    .calculator-shell .form-group.select-right .input-group .input-group-btn .dropdown-toggle:hover {
      background: #F8F8F8;
      -webkit-transition: background 0.2s linear;
      -moz-transition: background 0.2s linear;
      -ms-transition: background 0.2s linear;
      -o-transition: background 0.2s linear;
      transition: background 0.2s linear; }
    .calculator-shell .form-group.select-right .input-group .input-group-btn .dropdown-toggle.budget-recommendation-trigger {
      width: 50px; }
  .calculator-shell .input-group-addon {
    background: #fff; }
    .calculator-shell .input-group-addon.addon-text {
      line-height: 32px;
      margin: 0;
      float: left;
      width: auto;
      font-size: 16px; }
  .calculator-shell .tab-content {
    margin-top: -2px;
    background: transparent;
    padding: 0; }
    @media (max-width: 767px) {
      .calculator-shell .tab-content {
        background: none; } }
  .calculator-shell .input-col, .calculator-shell .output-col {
    padding: 30px 38px; }
    @media (max-width: 767px) {
      .calculator-shell .input-col, .calculator-shell .output-col {
        padding: 15px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .calculator-shell .input-col, .calculator-shell .output-col {
        padding: 30px 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .calculator-shell .output-col {
      border-top: 1px solid #EEEEEE; } }
  .calculator-shell .input-group {
    position: relative;
    border-bottom: 1px solid transparent; }
    .calculator-shell .input-group.blue-border {
      border-bottom: 1px solid #1972B4; }
    .calculator-shell .input-group.inline-input-group {
      display: inline; }
      .calculator-shell .input-group.inline-input-group .input-group-btn {
        display: inline;
        margin: 0; }
        @media (max-width: 767px) {
          .calculator-shell .input-group.inline-input-group .input-group-btn.left-align-mobile-dropdown .dropdown-menu {
            left: 0; } }
        .calculator-shell .input-group.inline-input-group .input-group-btn button.btn {
          border-color: #EEEEEE;
          border-bottom: 1px solid #EEEEEE !important;
          font-size: 18px;
          margin-top: 11px; }
        .calculator-shell .input-group.inline-input-group .input-group-btn .dropdown-menu {
          top: 20px; }
    .calculator-shell .input-group .input-group-addon {
      color: #3D3D3D;
      border: 0;
      border-bottom: 1px solid #EEEEEE; }
    .calculator-shell .input-group .form-control {
      min-height: 45px;
      box-shadow: none;
      color: #1972B4;
      font-size: 18px;
      border: 0;
      border-bottom: 1px solid #EEEEEE; }
      .calculator-shell .input-group .form-control:focus {
        border-color: transparent;
        outline: none; }
        .calculator-shell .input-group .form-control:focus .input-group-addon {
          border-bottom-color: transparent; }
    .calculator-shell .input-group.counter-buttons {
      float: left; }
      .calculator-shell .input-group.counter-buttons input {
        width: 55px;
        text-align: center; }
    .calculator-shell .input-group.plus-minus {
      height: 45px;
      float: left;
      display: block;
      margin-left: 10px; }
      .calculator-shell .input-group.plus-minus .btn {
        width: 45px;
        height: 45px;
        line-height: 32px;
        border: 1px solid #EEEEEE;
        background: #fff; }
        .calculator-shell .input-group.plus-minus .btn:hover {
          background: #F8F8F8; }
  .calculator-shell .input-group-btn:last-child > .btn {
    margin-left: 0; }
  .calculator-shell .input-group-btn > .btn {
    min-height: 45px; }
  .calculator-shell .btn.breakdown {
    margin-top: 40px;
    background: #1972B4;
    color: #fff;
    font-weight: normal;
    border: 0;
    text-align: center;
    max-width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap; }
  .calculator-shell .journey-nav {
    border-top: 1px solid #EEEEEE;
    padding: 15px 10px; }
    @media (max-width: 767px) {
      .calculator-shell .journey-nav {
        border-bottom: 1px solid #EEEEEE;
        padding: 0; } }
    .calculator-shell .journey-nav h3 {
      margin-top: 14px;
      font-size: 20px;
      line-height: 1.4; }
      .calculator-shell .journey-nav h3 a {
        font-size: 20px; }
      @media (max-width: 991px) {
        .calculator-shell .journey-nav h3 {
          text-align: left; } }
    .calculator-shell .journey-nav a {
      font-size: 16px;
      font-weight: bold;
      margin-top: 14px;
      margin-bottom: 14px;
      line-height: 1.4;
      text-align: right;
      display: block;
      padding-right: 60px;
      position: relative; }
      @media (max-width: 767px) {
        .calculator-shell .journey-nav a {
          margin-bottom: 25px; } }
      .calculator-shell .journey-nav a.external-link {
        font-weight: normal;
        font-size: 20px; }
      .calculator-shell .journey-nav a:hover {
        text-decoration: none; }
        .calculator-shell .journey-nav a:hover span.btn {
          background: #B7E096;
          border-color: #B7E096;
          -webkit-transition: background 0.2s linear;
          -moz-transition: background 0.2s linear;
          -ms-transition: background 0.2s linear;
          -o-transition: background 0.2s linear;
          transition: background 0.2s linear; }
      .calculator-shell .journey-nav a:focus, .calculator-shell .journey-nav a:active {
        text-decoration: none; }
        .calculator-shell .journey-nav a:focus span.btn, .calculator-shell .journey-nav a:active span.btn {
          background: #004833;
          border-color: #004833;
          color: #fff; }
      .calculator-shell .journey-nav a span {
        margin-left: 15px;
        position: absolute;
        top: 0;
        right: 0; }
  .calculator-shell .btn {
    border-radius: 0; }
  .calculator-shell .btn-info {
    color: #3D3D3D;
    background-color: #78C339;
    border-color: #78C339;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear; }
  .calculator-shell span.col-split {
    background: #EEEEEE;
    width: 1px;
    height: 100%;
    left: 50%;
    margin-left: -0.5px;
    position: absolute; }
  .calculator-shell .dropdown-toggle {
    border-bottom: 1px solid transparent !important;
    -webkit-transition: border-color 0.4s linear;
    -moz-transition: border-color 0.4s linear;
    -ms-transition: border-color 0.4s linear;
    -o-transition: border-color 0.4s linear;
    transition: border-color 0.4s linear; }
    .calculator-shell .dropdown-toggle.with-bottom-border {
      border-bottom: 1px solid #EEEEEE !important; }
  .calculator-shell ul.dropdown-menu {
    padding: 0;
    list-style: none; }
    .calculator-shell ul.dropdown-menu li {
      padding: 0 !important; }
      .calculator-shell ul.dropdown-menu li a {
        padding: 8px 10px;
        background: #fff;
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear; }
        .calculator-shell ul.dropdown-menu li a:hover {
          background: #F8F8F8;
          -webkit-transition: background 0.2s linear;
          -moz-transition: background 0.2s linear;
          -ms-transition: background 0.2s linear;
          -o-transition: background 0.2s linear;
          transition: background 0.2s linear; }
  .calculator-shell .highcharts-container {
    max-width: 100% !important; }
  .calculator-shell .tooltip-icon {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 50%;
    top: 4px;
    background: #1972B4;
    border-radius: 30px;
    cursor: pointer; }
    .calculator-shell .tooltip-icon:hover {
      background: #0BC2FF; }
    @media (min-width: 320px) and (max-width: 480px) {
      .calculator-shell .tooltip-icon {
        top: 0px;
        right: 15%; } }
    @media (min-width: 481px) and (max-width: 767px) {
      .calculator-shell .tooltip-icon {
        top: 0px;
        right: 30%; } }
    .calculator-shell .tooltip-icon i {
      color: #fff;
      font-size: 9px;
      top: -5px;
      position: relative;
      left: 1px; }
      @media (max-width: 767px) {
        .calculator-shell .tooltip-icon i {
          top: -2px; } }
  .calculator-shell .assumption-group {
    margin-top: 20px; }
    .calculator-shell .assumption-group ol {
      padding: 0 15px; }
      .calculator-shell .assumption-group ol li {
        line-height: 24px;
        font-size: 12px; }
    .calculator-shell .assumption-group .tooltip-icon {
      right: -20px;
      top: 3px; }
  .calculator-shell .editable-text {
    color: #1972B4;
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px solid #1972B4; }
    .calculator-shell .editable-text.boxed {
      width: 55px;
      border: 1px solid #eee;
      background: #fff;
      padding: 8px 0; }
  .calculator-shell .editable-text-input {
    display: inline-block;
    text-align: center;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #1972B4;
    height: 30px; }
    .calculator-shell .editable-text-input:focus {
      outline: none; }
    .calculator-shell .editable-text-input.two-char {
      width: 40px; }
    .calculator-shell .editable-text-input.four-char {
      width: 60px; }
    .calculator-shell .editable-text-input.five-char {
      width: 70px; }
    .calculator-shell .editable-text-input.custom-repayments {
      max-width: 150px; }
    .calculator-shell .editable-text-input.boxed {
      border: 1px solid #eee;
      background: #fff;
      padding: 8px 0;
      height: 37px;
      display: inline-block; }
  .calculator-shell .compare-graph-spacer {
    height: 80px; }
    @media (max-width: 767px) {
      .calculator-shell .compare-graph-spacer {
        height: 40px; } }
  .calculator-shell p.legend-key {
    font-size: 16px;
    font-weight: normal;
    padding-left: 20px;
    position: relative;
    display: block !important; }
    .calculator-shell p.legend-key span {
      width: 15px;
      height: 15px;
      display: block;
      position: absolute;
      left: 0;
      top: 4px; }
      .calculator-shell p.legend-key span.green {
        background: #B7E096; }
      .calculator-shell p.legend-key span.blue {
        background: #86E1FF; }
  .calculator-shell .messages h4 {
    line-height: 1.6; }
  .calculator-shell .well {
    border-radius: 0;
    box-shadow: none;
    border: 0; }
  .calculator-shell .bar-container {
    position: relative;
    width: 100%;
    height: 150px; }
    @media (max-width: 767px) {
      .calculator-shell .bar-container {
        height: auto;
        padding-right: 5px !important; } }
    .calculator-shell .bar-container.bottom-bar {
      margin-bottom: 15px !important; }
    .calculator-shell .bar-container .tooltip-icon {
      top: 3px;
      right: 0; }
      @media (max-width: 767px) {
        .calculator-shell .bar-container .tooltip-icon {
          display: none; } }
      .calculator-shell .bar-container .tooltip-icon i {
        left: -1px;
        top: -5px; }
  .calculator-shell .info {
    margin-top: 10px;
    position: relative; }
    .calculator-shell .info p {
      padding-left: 0px;
      padding-right: 30px;
      font-size: 16px; }
      @media (min-width: 320px) and (max-width: 480px) {
        .calculator-shell .info p {
          font-size: 13px; } }
      @media (min-width: 481px) and (max-width: 767px) {
        .calculator-shell .info p {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .calculator-shell .info p {
          padding: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .calculator-shell .info p {
          font-size: 16px; } }
    .calculator-shell .info h5 {
      padding-left: 0px;
      padding-right: 30px; }
  .calculator-shell .bar {
    width: 40px;
    height: auto;
    position: absolute;
    left: 60px; }
    @media (max-width: 767px) {
      .calculator-shell .bar {
        display: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .calculator-shell .bar {
        left: 10px; } }
    .calculator-shell .bar.cashflow {
      top: 0;
      background: #B7E096; }
    .calculator-shell .bar.equityValue {
      bottom: 0;
      background: #86E1FF; }
  @media (max-width: 767px) {
    .calculator-shell .table-col {
      padding-right: 0 !important; } }
  .calculator-shell .tbl-title {
    display: block;
    font-size: 16px;
    margin-bottom: 10px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .calculator-shell .tbl-title {
        font-size: 11px !important; } }
    @media (min-width: 481px) and (max-width: 767px) {
      .calculator-shell .tbl-title {
        font-size: 13px !important; } }
    @media (max-width: 767px) {
      .calculator-shell .tbl-title {
        line-height: 1.3em; } }
  .calculator-shell .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #75767a; }
  .calculator-shell .tooltip-inner {
    color: #fff;
    background: #75767a;
    padding: 10px;
    max-width: 600px;
    position: relative;
    font-size: 16px; }
    .calculator-shell .tooltip-inner h4, .calculator-shell .tooltip-inner p {
      color: #fff;
      text-align: left;
      font-size: 12px;
      margin-top: 0; }
    .calculator-shell .tooltip-inner h4 {
      margin-bottom: 0; }
    .calculator-shell .tooltip-inner p {
      margin-bottom: 15px; }
  .calculator-shell .rent-vs-buy-table {
    margin: 30px 0; }
  .calculator-shell .mobile-collapse-trigger {
    width: 100%;
    background: none;
    text-align: left;
    box-shadow: none;
    border: none;
    padding: 15px 65px 15px 15px;
    font-size: 18px;
    cursor: pointer;
    position: relative; }
    .calculator-shell .mobile-collapse-trigger:hover {
      text-decoration: none; }
    @media (max-width: 767px) {
      .calculator-shell .mobile-collapse-trigger {
        border: 1px solid #EEEEEE;
        border-bottom: 0;
        box-shadow: 4px -3px 10px rgba(0, 0, 0, 0.05); }
        .calculator-shell .mobile-collapse-trigger.collapsed {
          border-bottom: 1px solid #EEEEEE; } }
    .calculator-shell .mobile-collapse-trigger .btn {
      position: absolute;
      right: 15px;
      bottom: 7px; }
      .calculator-shell .mobile-collapse-trigger .btn i:before {
        -webkit-transform: rotate(270deg) !important;
        -moz-transform: rotate(270deg) !important;
        -ms-transform: rotate(270deg) !important;
        -o-transform: rotate(270deg) !important;
        transform: rotate(270deg) !important;
        filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(270), M12=-sin(270), M21=sin(270), M22=cos(270));
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(270), M12=-sin(270), M21=sin(270), M22=cos(270))";
        zoom: 1; }
    .calculator-shell .mobile-collapse-trigger.collapsed p {
      display: block; }
    .calculator-shell .mobile-collapse-trigger.collapsed i:before {
      -webkit-transform: rotate(90deg) !important;
      -moz-transform: rotate(90deg) !important;
      -ms-transform: rotate(90deg) !important;
      -o-transform: rotate(90deg) !important;
      transform: rotate(90deg) !important;
      filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90));
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90))";
      zoom: 1; }
    .calculator-shell .mobile-collapse-trigger p {
      font-size: 14px;
      display: none; }
    .calculator-shell .mobile-collapse-trigger .result {
      display: block;
      color: #1972B4;
      font-weight: bold;
      margin: 5px 0; }
  .calculator-shell .tab-content > .tab-pane.single {
    border: 1px solid #EEEEEE; }
  @media (max-width: 767px) {
    .calculator-shell .tab-content > .tab-pane {
      display: block !important;
      margin-bottom: 15px;
      background: #fff; } }
  .calculator-shell .tab-pane.last .collapse.calc-collapse {
    box-shadow: -4px 3px 10px rgba(0, 0, 0, 0.05); }
  .calculator-shell .collapse.calc-collapse {
    height: auto !important;
    border: 1px solid #eeeeee;
    background: #fff;
    box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.05); }
    @media (min-width: 768px) {
      .calculator-shell .collapse.calc-collapse {
        display: block; } }
  .calculator-shell .icon-cta-arrow-down:before {
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90));
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90))";
    zoom: 1; }
  .calculator-shell .icon-cta-arrow-right:before {
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(0), M12=-sin(0), M21=sin(0), M22=cos(0));
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(0), M12=-sin(0), M21=sin(0), M22=cos(0))";
    zoom: 1; }
  .calculator-shell .icon-cta-arrow-left:before {
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(180), M12=-sin(180), M21=sin(180), M22=cos(180));
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(180), M21=sin(180), M22=cos(180))";
    zoom: 1; }
  .calculator-shell [ng\:cloak], .calculator-shell [ng-cloak], .calculator-shell [data-ng-cloak], .calculator-shell [x-ng-cloak], .calculator-shell .ng-cloak, .calculator-shell .x-ng-cloak {
    display: none !important; }
  .calculator-shell .disclaimer {
    margin-top: 10px;
    float: left;
    padding: 10px; }
    .calculator-shell .disclaimer a {
      font-size: 12px !important;
      display: inline-block !important;
      margin: 0 !important;
      padding: 0 !important; }
  .calculator-shell .assumptions-popup-trigger {
    background: none;
    color: #1972B4;
    border: 0;
    padding: 15px;
    padding-left: 0; }
    .calculator-shell .assumptions-popup-trigger:focus, .calculator-shell .assumptions-popup-trigger:active {
      outline: none; }
  .calculator-shell #repayments-assumptions h4, .calculator-shell #repayments-assumptions p {
    text-align: left;
    font-size: 12px;
    margin-top: 0; }
  .calculator-shell #repayments-assumptions h4 {
    margin-bottom: 0; }
  .calculator-shell #repayments-assumptions p {
    margin-bottom: 15px;
    display: block !important; }
  .calculator-shell .budgetIncomeForm, .calculator-shell .expenseDataForm {
    margin-bottom: 50px; }
  .calculator-shell .budget-details {
    background: #F8F8F8;
    padding: 15px 30px;
    border-bottom: 0; }
    .calculator-shell .budget-details.budget-details-income {
      background: #78C339; }
    .calculator-shell .budget-details.budget-details-expense {
      background: #C4C5C6; }
    .calculator-shell .budget-details button.duration-btn {
      margin-top: 10px; }
    @media (max-width: 767px) {
      .calculator-shell .budget-details {
        padding: 15px; }
        .calculator-shell .budget-details button.duration-btn {
          width: 100% !important; } }
  .calculator-shell .add-income-container, .calculator-shell .add-expense-container {
    margin: 0 0 15px;
    padding: 15px;
    border: 1px solid #EEEEEE;
    border-left: 0;
    border-right: 0; }
    .calculator-shell .add-income-container button.btn, .calculator-shell .add-expense-container button.btn {
      min-height: 45px; }
      .calculator-shell .add-income-container button.btn.frequency span, .calculator-shell .add-expense-container button.btn.frequency span {
        display: inline-block;
        position: relative;
        top: 2px; }
    .calculator-shell .add-income-container input.with-typeahead + ul.dropdown-menu, .calculator-shell .add-expense-container input.with-typeahead + ul.dropdown-menu {
      width: auto;
      right: 0; }
      .calculator-shell .add-income-container input.with-typeahead + ul.dropdown-menu > .active > a, .calculator-shell .add-expense-container input.with-typeahead + ul.dropdown-menu > .active > a {
        color: #333;
        background: #F8F8F8; }
    .calculator-shell .add-income-container ul.dropdown-menu.recommendations-list, .calculator-shell .add-expense-container ul.dropdown-menu.recommendations-list {
      max-height: 310px;
      overflow-y: scroll; }
  .calculator-shell .modal.add-item-modal .item-name-group {
    margin-bottom: 10px; }
  .calculator-shell .modal.add-item-modal .add-btn-group {
    margin-top: 10px; }
  .calculator-shell.itemEditModal .modal-header .close {
    font-size: 32px; }
  .calculator-shell.itemEditModal .incomeDataItem:hover, .calculator-shell.itemEditModal .expenseDataItem:hover {
    background: none; }
  .calculator-shell.itemEditModal .item-name-group {
    margin-bottom: 10px; }
  .calculator-shell.itemEditModal .edit-btn-group {
    margin-top: 20px; }
    .calculator-shell.itemEditModal .edit-btn-group button.btn {
      margin-top: 10px; }
  .calculator-shell .btn.add-item {
    margin-left: 10px; }
    .calculator-shell .btn.add-item + .tooltip .tooltip-inner {
      width: auto; }
  .calculator-shell .btn.budget-btn {
    height: 46px;
    padding: 0; }
    @media (max-width: 767px) {
      .calculator-shell .btn.budget-btn {
        margin-top: 13px; } }
    .calculator-shell .btn.budget-btn:hover {
      background: none; }
      .calculator-shell .btn.budget-btn:hover i {
        -webkit-transition: color 0.2s linear;
        -moz-transition: color 0.2s linear;
        -ms-transition: color 0.2s linear;
        -o-transition: color 0.2s linear;
        transition: color 0.2s linear; }
        .calculator-shell .btn.budget-btn:hover i.icon-plus-circled {
          color: #78C339; }
        .calculator-shell .btn.budget-btn:hover i.icon-trash {
          color: #999; }
        .calculator-shell .btn.budget-btn:hover i.icon-pencil {
          color: #1972B4; }
    .calculator-shell .btn.budget-btn i {
      font-size: 36px; }
      @media (max-width: 767px) {
        .calculator-shell .btn.budget-btn i {
          font-size: 24px; } }
      .calculator-shell .btn.budget-btn i:before {
        display: block; }
      .calculator-shell .btn.budget-btn i.icon-plus-circled {
        color: #78C339; }
      .calculator-shell .btn.budget-btn i.icon-trash {
        color: #75767A; }
      .calculator-shell .btn.budget-btn i.icon-pencil {
        color: #75767A; }
      .calculator-shell .btn.budget-btn i.icon-ok {
        color: #78C339; }
      .calculator-shell .btn.budget-btn i.icon-cancel {
        color: #78C339; }
  .calculator-shell .incomeDataItem, .calculator-shell .expenseDataItem, .calculator-shell .budget-income-result, .calculator-shell .budget-expense-result {
    padding: 15px 0; }
    .calculator-shell .incomeDataItem:hover, .calculator-shell .expenseDataItem:hover, .calculator-shell .budget-income-result:hover, .calculator-shell .budget-expense-result:hover {
      background: #F8F8F8; }
    .calculator-shell .incomeDataItem h4, .calculator-shell .expenseDataItem h4, .calculator-shell .budget-income-result h4, .calculator-shell .budget-expense-result h4 {
      font-size: 18px;
      cursor: pointer;
      padding-left: 30px; }
      .calculator-shell .incomeDataItem h4.frequency, .calculator-shell .expenseDataItem h4.frequency, .calculator-shell .budget-income-result h4.frequency, .calculator-shell .budget-expense-result h4.frequency {
        padding-right: 8px;
        padding-left: 0;
        text-align: center; }
    .calculator-shell .incomeDataItem button.btn.frequency span, .calculator-shell .expenseDataItem button.btn.frequency span, .calculator-shell .budget-income-result button.btn.frequency span, .calculator-shell .budget-expense-result button.btn.frequency span {
      display: inline-block;
      position: relative;
      top: 2px; }
    .calculator-shell .incomeDataItem .item-actions .btn-group, .calculator-shell .expenseDataItem .item-actions .btn-group, .calculator-shell .budget-income-result .item-actions .btn-group, .calculator-shell .budget-expense-result .item-actions .btn-group {
      margin-left: 8px; }
      .calculator-shell .incomeDataItem .item-actions .btn-group i, .calculator-shell .expenseDataItem .item-actions .btn-group i, .calculator-shell .budget-income-result .item-actions .btn-group i, .calculator-shell .budget-expense-result .item-actions .btn-group i {
        font-size: 24px; }
  .calculator-shell .budget-income-result:hover, .calculator-shell .budget-expense-result:hover {
    background: none; }
  .calculator-shell .budget-income-result h4, .calculator-shell .budget-expense-result h4 {
    cursor: default; }
  .calculator-shell .budget-breakdown {
    padding: 35px; }
    .calculator-shell .budget-breakdown .budget-bars {
      margin-top: 30px;
      background: #EEEEEE;
      height: 45px;
      width: 100%; }
      .calculator-shell .budget-breakdown .budget-bars .bar-item {
        display: block;
        height: 45px;
        float: left; }
        .calculator-shell .budget-breakdown .budget-bars .bar-item.in {
          background: #B7E096; }
        .calculator-shell .budget-breakdown .budget-bars .bar-item.out {
          background: #86E1FF; }
    .calculator-shell .budget-breakdown .duration-btn {
      width: 160px; }
      .calculator-shell .budget-breakdown .duration-btn.frequency span {
        display: inline-block;
        position: relative;
        top: 2px; }
    .calculator-shell .budget-breakdown .in-out {
      margin-top: 30px; }
      .calculator-shell .budget-breakdown .in-out .arrow {
        margin-top: 3px; }
    .calculator-shell .budget-breakdown .result-value {
      margin-top: 0; }
      @media (min-width: 767px) and (max-width: 991px) {
        .calculator-shell .budget-breakdown .result-value {
          margin-top: 165px;
          font-size: 16px; } }
      @media (min-width: 992px) {
        .calculator-shell .budget-breakdown .result-value {
          margin-top: 150px; } }
    .calculator-shell .budget-breakdown .net-disposable-income {
      position: absolute;
      top: 140px;
      left: 50%;
      margin-left: -95px; }
      @media (max-width: 767px) {
        .calculator-shell .budget-breakdown .net-disposable-income {
          position: relative;
          left: auto;
          top: 0;
          margin-left: 0; } }
      .calculator-shell .budget-breakdown .net-disposable-income h4.lead {
        font-size: 24px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .calculator-shell .budget-breakdown .net-disposable-income {
          top: 142px;
          margin-left: -72px; }
          .calculator-shell .budget-breakdown .net-disposable-income h4.lead {
            font-size: 18px; } }
  .calculator-shell table.breakdown-table thead th {
    vertical-align: top; }
  .calculator-shell table.breakdown-table tbody td {
    vertical-align: initial; }
  .calculator-shell table.breakdown-table.rent-vs-buy-table small {
    display: block;
    font-weight: normal; }
  .calculator-shell table.breakdown-table.rent-vs-buy-table .result-value {
    display: block;
    font-size: 30px; }
    @media (min-width: 320px) and (max-width: 480px) {
      .calculator-shell table.breakdown-table.rent-vs-buy-table .result-value {
        font-size: 14px; } }
    @media (min-width: 481px) and (max-width: 767px) {
      .calculator-shell table.breakdown-table.rent-vs-buy-table .result-value {
        font-size: 24px; } }
    @media (max-width: 767px) {
      .calculator-shell table.breakdown-table.rent-vs-buy-table .result-value {
        padding: 0; } }
  .calculator-shell table.breakdown-table.rent-vs-buy-table .tooltip.rentbuy .tooltip-inner {
    width: auto; }

@media (min-width: 992px) and (max-width: 1200px) {
  .repayments-initial-grid {
    padding: 75px 38px !important; } }

.inline-input-group.main-repayments-result-period {
  margin-left: 10px; }
  @media (max-width: 400px) {
    .inline-input-group.main-repayments-result-period {
      margin-left: 0; } }
  .inline-input-group.main-repayments-result-period button.btn {
    margin-top: -10px !important;
    font-size: 30px !important; }
    @media (max-width: 400px) {
      .inline-input-group.main-repayments-result-period button.btn {
        margin-top: 10px !important; } }

.custom-repayments-header {
  margin-bottom: 20px; }
  .custom-repayments-header .inline-input-group {
    margin-left: 10px; }
    @media (max-width: 538px) {
      .custom-repayments-header .inline-input-group .dropdown-menu {
        left: 0 !important; } }
  @media (min-width: 320px) and (max-width: 500px) {
    .custom-repayments-header .inline-input-group {
      margin-left: 0; }
      .custom-repayments-header .inline-input-group button {
        font-size: 16px; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .custom-repayments-header .repayment-title {
      width: 100%;
      text-align: right; }
    .custom-repayments-header .inline-input-group {
      float: right !important; } }

.rams-nav a {
  padding: 12px 20px !important;
  text-align: center !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  margin-bottom: 14px !important; }
  .rams-nav a.btn-info {
    transition: none !important; }
    .rams-nav a.btn-info:hover {
      color: #3D3D3D;
      background-color: #609c2d;
      border-color: #5b942b; }
  .rams-nav a.btn-primary {
    color: #3D3D3D;
    background-color: #0BC2FF;
    border-color: #0BC2FF; }
    .rams-nav a.btn-primary:hover {
      color: #3D3D3D;
      background-color: #00a1d7;
      border-color: #009acd; }

.user-actions {
  position: absolute;
  bottom: 5px;
  right: 5px; }
  .user-actions button.btn {
    width: 40px; }
    .user-actions button.btn:hover {
      background: none; }
      .user-actions button.btn:hover span:before {
        color: #1972B4; }
    .user-actions button.btn span:before {
      color: #75767a;
      font-size: 20px; }

.save_pdf_trigger {
  margin-top: 10px; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.highcharts-container {
  width: 100% !important; }

.budget-donut-graph .highcharts-container {
  display: block !important; }

@media print {
  .calculator-shell .collapse.calc-collapse {
    display: block; }

  .calculator-shell .tab-content > .tab-pane {
    display: none !important; }

  .calculator-shell .tab-content > .tab-pane.active {
    display: block !important; }

  .calculator-shell .input-col, .calculator-shell .output-col {
    padding: 0 !important; }

  #extraAndLumpSumGrid_0, #extraAndLumpSumInterestGrid_0, #offsetGrid_0 {
    max-width: 100%; }

  .journey-nav, ul.nav-tabs, .mobile-collapse-trigger, .assumption-group, .btn.breakdown {
    display: none !important; }

  .tab-content {
    border: 1px solid #ccc !important; }

  canvas.print-canvas {
    max-width: 98%;
    max-height: 100%;
    page-break-after: always !important; } }
.cursor {
  cursor: pointer !important; }

.p-and-i-breakdown-label {
  margin-bottom: 80px; }

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