@font-face {
  font-family: 'icomoon';
  src:  url('/~/media/Files/W/Whistletree/fonts/icomoon/icomoon-eot.eot?7743s4');
  src:  url('/~/media/Files/W/Whistletree/fonts/icomoon/icomoon-eot.eot?7743s4#iefix') format('embedded-opentype'),
    url('/~/media/Files/W/Whistletree/fonts/icomoon/icomoon-ttf.ttf?7743s4') format('truetype'),
    url('/~/media/Files/W/Whistletree/fonts/icomoon/icomoon-woff.woff?7743s4') format('woff'),
    url('/~/media/Files/W/Whistletree/fonts/icomoon/icomoon-svg.svg?7743s4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-link-arrow:before {
  content: "\e907";
}
.icon-edit:before {
  content: "\e900";
}
.icon-info:before {
  content: "\e901";
}
.icon-right-arrow:before {
  content: "\e902";
}
.icon-tick:before {
  content: "\e903";
}
.icon-notification:before {
  content: "\e904";
}
.icon-see-results:before {
  content: "\e905";
}
.icon-play-arrow:before {
  content: "\e906";
}

input::-ms-clear {
    display: none;
}

.rad-highlight#mortgage-deal{display:none;}
.tools-snapdown-title.repayment-calculator { background: url("/~/media/Images/W/Whistletree/content-images/calculators/rate-calc-snap-icon.png") no-repeat scroll 15px center #f6f6f6; }
.tools-snapdown-title.overpayment-calculator {background: url("/~/media/Images/W/Whistletree/content-images/calculators/payment-snap-icon.png") no-repeat scroll 15px center #f6f6f6; }

.bottom-content-wrap{width:100%;float:left;margin-top:20px;}
.bottom-content-wrap ol{list-style: decimal;padding: 0  0 0 15px;font-style: italic;}
.bottom-content-wrap ol li{padding-bottom:10px;}
#calcBox.newcalc {width: 820px !important;}
#calcBox label{padding: 10px 0 10px 0;}
.calculators-new h1{display:none;}
.newcalc #resultbox{width: 710px;}
.calculators-new .container-responsive {overflow-x: auto;overflow-y: hidden;width: 100%;}

.visible-xs{display:none;}
.new-calc-row {
  border-top: 1px solid #cfd7df;
  padding: 25px 0 40px 20px;
}
.input-eg {
  color: #75757a;
  font-family: "AvantGarde Light";
  left: 20px;
  line-height: 24px;
  position: absolute;
  top: 13px;
  z-index: 3;background:#fff;
}
.newcalc .new-calc-row input {
  background: none;
  border: medium none;
}
.new-calc-row-max-width > .new-calc-row-input-wrap {
  max-width: 63.5%;
}
.new-calc-row-input-wrap {
  /* border: 1px solid #cfd7df;
  display: inline-block;
  position: relative;
  width: 100%;*/
  background: #ffffff;
  border: 1px solid #cfd7df;
  color: #001887;
  display: inline-block;
  font-size: 1.667em;
  line-height: 24px;
  position: relative;
  width: 100%;
}
.mortgage-item-left {
  float: left;
  width: 28.5%;
}
.mortgage-item-right {
  float: left;
  margin-left: 70px;
  width: 29%;
}
.calc-wrap{padding-top: 36px;border-top: 1px solid #e4e4e2;}
.max860.head-content {padding: 0 18% 0 20px;}
.head-content .rad-notes strong {color: #001887;}
.head-content .rad-notes {font-size: 1em !important;line-height: 18px !important;}
.newcalc .new-calc-row .new-calc-row-input-wrap input {background: #ffffff none repeat scroll 0 0;color: #001887;  display: inline-block;  font-family: "ITCAvantGardeW04-Medium 1122896";  font-size: 1em;  height: 29px;  line-height: 1;  padding: 10px 20px;  position: relative;  width: 50%;border: 0;box-shadow: none;}
/* .newcalc .new-calc-row .new-calc-row-input-wrap input {background: #ffffff none repeat scroll 0 0;color: #001887;  display: inline-block;  font-family: "ITCAvantGardeW04-Medium 1122896";  font-size: 1em;  height: 27px;  line-height: 24px;  position: relative;  width: 50%;border: 0;box-shadow: none;margin: 10px 20px;padding-left: 0px;} */
.newcalc .new-calc-row.mo-row.row-five .new-calc-row-input-wrap input{width:85%;}
.new-calc-row.row-one .input-eg {
  left: 46px;
}
.new-calc-row.row-one .extra-text {
  display: inline-block;
  float: none;
  left: 20px;
  padding: 0;
  position: relative;
  z-index: 5;
}
.extra-text {
  color: #001887;
  display: block;
  float: right;
  padding: 12px 20px 13px 0px;
} .newcalc .new-calc-row.row-one .new-calc-row-input-wrap input {
      padding-left: 30px;
}
.newcalc .new-calc-row .new-calc-row-input-wrap input:focus {
  z-index: 4;
}
.txtalign {
  display: block;
  text-align: center;
}
.calculators-new #calcHeader {background: #001887 url(/~/media/Images/W/Whistletree/content-images/calculators/rate-rise-calc-ttl-img.png) no-repeat scroll right center !important;height: auto;margin: 0 0 23px;padding: 11px 0 15px 20px;}
.calculators-new .max860 {
  max-width: 860px;
}
.calculators-new #calcHeader p {
  font-size: 2em;
  line-height: 1;
  padding: 0;
}
.calculators-new .newcalc .rateriseform {
  font-family: "ITCAvantGardeW04-Medium 1122896";
  /*font-size: 1.167em;*/
  padding: 0;
}
.calculators-new p {
  font-size: 1.167em;
  line-height: 22px;
}
.calculators-new .newcalc .rateriseform .rad-notes {
  font-size: 1em;
  line-height: 18px;
}
.calculators-new .newcalc .rateriseform strong {
  font-family: "AvantGarde Bold";
  font-weight: 400;
}
.calculators-new #calcBox h2 {color: #001887;font-family: "AvantGarde Bold";font-size: 2em;font-weight: 400;line-height: 1;margin: 30px 0 16px;}
.calculators-new #calcBox.newcalc {
  max-width: 100% !important;
  width: 100% !important;
}
.calculators-new .content-left.invspan12 {
  position: relative;
}
.calculators-new .content-right.invspan3 {
  color: #ffffff;
  float: right;
  margin-left: 0;
  right: 0;
  top: 36px;
}
.calculators-new .right-col-help-content {
  margin-top: 22px;
}
.calculators-new .signposts-wrapper .right-col-help-content{padding-right: 41px;}
.calculators-new .right-col-help-header {
  color: #ffffff;
  font-family: "ITCAvantGardeW04-Medium 1122896";
  font-size: 2em;
  line-height: 1;
}
.calculators-new .right-col-help-content > p {font-family: "ITCAvantGardeW04-Medium 1122896";font-size: 1.2em;line-height: 20px;color: #fff;padding: 0;}
.calculators-new .signposts-wrapper .right-col-help-content > p{font-size: 1.355em;line-height: 24px;}
.calculator-top-content-left {
  float: left;
}
.calculators-new .right-col-container-img {
  background: #8a8f8b none repeat scroll 0 0;
  /*padding-bottom: 20px;*/
}
#content-right .right-col-container-img{padding-bottom: 20px;}
.calculators-new .right-col-help-inner {
  background: #8a8f8b url("/~/media/Images/W/Whistletree/content-images/calculators/rate-rise-calc-useful-tools-calc.png") no-repeat scroll right bottom;
  padding: 27px 20px 60px;
}
.calculator-top-content-left > p {margin-bottom: 18px;padding: 0 20px;}
.calculator-top-content-left > p.rad-notes strong{color:#001887}
.calculators-new p.new-calc-row-ttl {
  color: #001887;
  font-size: 1.5em;
  line-height: 24px;padding-bottom: 20px;
}
.disabled .new-calc-row-ttl{    color: #001887 !important;}
.new-calc-row-max-width {
  position: relative;
}
.calculators-new .newcalc #resultbox {
  float: none;    padding-bottom: 20px;
  font-family: "ITCAvantGardeW04-Medium 1122896";
  padding: 0 20px;
}
.intre,.intre:focus {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 7px solid #f6f6f6;
  color: #001887;
  font-size: 1.667em;
  line-height: 24px;
  padding: 11px 0 8px;
  text-align: center;
}
.intre.active,.intre.active:focus,.intre:hover {
background: #001987 none repeat scroll 0 0;
    border-bottom: 7px solid #001367;
    color: #ffffff;
}
.icon-information-button {color: #001887; font-size: 2em;line-height: 1;padding-left: 25px;position: relative;top: 13px;z-index: 50;}
.new-calc-row.row-one .icon-information-button{top:0;left: -5px;}
.icon-information-button.active .icon-info:before  {content: "\e908";}
.trueOutstandingMortgage.icon-tick {
  color: #7fcbbc;
  display: inline-block;
  font-size: 2.5em;
  line-height: 1;
  padding-left: 20px;
  position: absolute;
  top: 6px;
}
.trueOutstandingMortgage {
  display: none;
}
.hidden-popup.hiddendiv {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #b2b2b1;
  max-width: 20%;
  padding: 20px;
  position: absolute;
  right: 20px;
  top: -40px;
}
.mo-row.row-five .hidden-popup.hiddendiv{max-width:26%;}
.hidden-popup.hiddendiv strong{color:#3b4a6b;font-weight: normal;font-family: "AvantGarde Bold";}
.hidden-popup.hiddendiv:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 45%;
    left: -11px;
    transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);
    border-bottom: 1px solid #b2b2b1;
    border-left: 1px solid #b2b2b1;
}
.calculators-new .hidden-popup.hiddendiv p {
  font-size: 1em;
  line-height: 18px;
  padding: 0;
}
.new-calc-row.opened {
  background: #f6f6f6 none repeat scroll 0 0;
}
.calculators-new .errorRED p.new-calc-row-ttl,
.calculators-new .errorRED #loanamtfldValidate,
#yearMonthValidate,
#intRateValidate,#overpayValidate
.calculators-new .new-calc-row.errorRED .extra-text,
.newcalc .new-calc-row.errorRED .new-calc-row-input-wrap input,
.errorRED .icon-information-button,.errorRED .input-eg,.errorRED #switchpercValidate,.errorRED #lumpsumvalidate,.errorRED #overpayValidate
{
  color:#ea554f !important;
}
.errorRED .new-calc-row-input-wrap {border: 1px solid #ea554f;}
.new-calc-row.errorRED:not(.disabled) {
  background: #f7bbb9 none repeat scroll 0 0;
}
.new-calc-row-input-wrap.makeGreen {
  border: 1px solid #99a8e6;
}
.calculators-new .rate-rise-result-wrap {
  display: none;
  font-family: "ITCAvantGardeW04-Medium 1122896";padding-top: 90px;width: 100%;float: left;}
.rate-rise-result-wrap.interest-results,.rate-rise-result-wrap.repayment-results{padding-top:74px;}

.icon-notification {
    padding-bottom: 25px;
  display: none;
  font-family: "AvantGarde Bold" !important;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 24px;
}
.icon-notification:before {
  font-family: "icomoon" !important;
      font-size: 2em;
    position: relative;
    top: 6px;
  padding-right: 10px;
}
.calculators-new .calcbutton.pad-top {
  background: rgb(0, 26, 135) none repeat scroll 0% 0% !important;
  height: auto;
  width: auto;
  font-size: 1.7em;
  line-height: 24px;
  padding: 14px 16px 15px 20px;
  margin: 0;
}
.signposts-wrapper .calcbutton.pad-top{padding-bottom:8px !important;font-family: "ITCAvantGardeW04-Medium 1122896";}
.calculators-new .calcbutton.pad-top span {width: 24px;height: 25px;display: inline-block;overflow: hidden;line-height: 1;vertical-align: text-top;margin-left: 14px;font-size: 25px;font-family: "ITCAvantGardeW04-Medium 1122896";}
.calculators-new .calcbutton.pad-top span:before {width: 24px;height: 26px;display: inline-block;overflow: hidden;line-height: 1;vertical-align: text-top;margin-left: -2px}
.calculators-new .calcbutton.pad-top:hover {
  color: #ffffff;
}
.rrc-edit-details {
  background: #f6f6f6 none repeat scroll 0 0;
  color: #001987;
  display: inline-block;
  font-size: 1.667em;
  line-height: 24px;
  margin-right: 30px;
  padding: 14px 30px 14px 20px;    margin-left: 20px;
}
.rrc-edit-details:hover{
  color: #001987;
}
.rrc-edit-details .icon-edit {
  padding-left: 10px;
}
.rrc-next-steps {
  background: #001887 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-size: 1.667em;
  line-height: 24px;
  margin-right: 30px;
  padding: 14px 30px 14px 20px;
}
.rrc-next-steps,.rrc-next-steps:hover {
  color: #ffffff;
}
.rrc-next-steps  span.icon-link-arrow {
    padding-left: 20px;
    font-size: 0.6em;
}
.rrc-next-steps .icon-play-arrow {
  font-size: 0.4em;
  padding-left: 20px;
}
.calculators-new .pad-left-right {
  padding-left: 20px;
  padding-right: 20px;
}
.calculators-new .rate-rise-result-wrap-ttl {  color: #1c1251;  font-family: "AvantGarde Bold";  font-size: 2.5em;line-height: 38px;padding-bottom: 53px;}
.rate-rise-result-wrap-result1 .rrc-result-int-txt {color: #1c1251;  font-size: 2.5em;  line-height: 40px;
  padding: 0 0 26px;}
  .calculators-new .interest-results .rate-rise-result-wrap-ttl,.calculators-new .repayment-results .rate-rise-result-wrap-ttl{padding-bottom:31px;}
.rate-rise-result-wrap-result1.single-block{margin-bottom:30px;}
.interest-results .rate-rise-result-wrap-result1.single-block,.repayment-results .rate-rise-result-wrap-result1.single-block{margin-bottom:19px;}
 .three-col-block .rate-rise-result-wrap-result1 .rrc-result-int-txt{padding: 0 0 20px;}
 .interest-results .rate-rise-result-wrap-result1 .rrc-result-int-txt,.repayment-results .rate-rise-result-wrap-result1 .rrc-result-int-txt{padding:0 0 18px;}
.rate-rise-result-wrap-result1-left {position:relative;
  float: left;
  width: 62%;
}
.rate-rise-result-wrap-result1-left:after{width: 73px;height: 50px;content: "\e902";font-family: Icomoon;color: #3aabc5;font-size: 6em;position: absolute;top: 30%;right: 22%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);line-height: 50px;}

.rate-rise-result-wrap-result1-right {
  float: right;
  width: 38%;
}
.calculators-new p.rrc-result-int-fig {
  color: #3aabc5;
  font-family: "AvantGarde Demi";
  font-size: 5em;
  line-height: 65px;
}
.rate-rise-result-wrap-result1 {
  background: rgba(0, 0, 0, 0) url("/~/media/Images/W/Whistletree/content-images/calculators/rate-rise-calc-home-pound-img.png") no-repeat scroll right bottom;
  margin-bottom: 60px;
  padding-bottom: 71px;
}
.interest-results .rate-rise-result-wrap-result1,.repayment-results .rate-rise-result-wrap-result1{padding-bottom:119px}
.calculators-new .rrc-result-int-fig {
  color: #3aabc5;
  font-family: "AvantGarde Demi";
  font-size: 5em;
  line-height: 1;
  padding: 0;
}
.calculators-new .mo-result-text .rrc-result-int-fig{display:block;font-size: 2.5em;margin-bottom: 10px;word-break: break-all;}
.rate-rise-result-wrap-result2{padding-bottom: 80px;}
#re-term-data > p:first-child span.small-text {display:block;text-align: right;}
.new-calc-row-input-wrap input::-webkit-outer-spin-button,
.new-calc-row-input-wrap input::-webkit-inner-spin-button {/* display: none; <- Crashes Chrome on hover */-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}

.newcalc .new-calc-row.row-one input{width:80%;}
.new-calc-row:last-child{padding-bottom:0;}
#data-target-container{margin-bottom:60px !important;width: 100% !important;}
.txtalign{font-size: 0.82em;}
span.big-text {font-size: 1.67em;font-family: "AvantGarde Demi";line-height: 15px;margin-left: -5px;}
.highcharts-color-0 text{color: #001887 !important;font-size:1.35em;fill: #001887 !important;line-height: 24px;font-family: "ITCAvantGardeW04-Medium 1122896";}
/* #data-target-container rect.highcharts-point.highcharts-color-0 {stroke-width: 29px;} */
#chart-container rect.highcharts-point.highcharts-color-0 {stroke-width: 0;}
.signposts-wrapper {padding: 61px 20px 0;border-top:1px solid #3aabc5;display:none;margin-top: 30px;margin-bottom: 30px;}
#data-target-container .highcharts-label > span {font-weight: normal !important;}
#data-target-container .highcharts-label .txtalign {font-family: "ITCAvantGardeW04-Medium 1122896";}
/*.signpost-box {width: 47%;float: left;margin-right: 35px;margin-top: 70px;}*/
.signpost-box { width: 32%; float: left; margin-right: 20px; /* margin-top: 70px; */ margin-bottom:20px; }
.signpost-box > a {display: block;width: 100%;float: left;}
.signpost-box:nth-child(2),.signpost-box:first-child{margin-top:0;}
/*.signpost-box:nth-child(2n+2){margin-right:0;float:right;}*/
.signpost-box.right-col-container-img:last-child { margin-right: 0;}
.signpost-box .right-col-help-inner{min-height:200px;padding: 27px 20px 25px;margin-bottom:20px;float:left;}
.signpost-box .signpost-left{width:80%;float:left;}
.signpost-box .signpost-right{width:40%;float:left;}
.signpost-link{float:right;width: 100%;}

.signpost-link a{background:#fff;color:#31abc6;font-size:1.7em;line-height:24px;padding:15px 47px 14px 20px;margin-bottom:20px;display: inline-block;position:relative;font-family: "ITCAvantGardeW04-Medium 1122896";}
.signpost-link a:after{content: "\e907";font-family: Icomoon;color: #31abc6;font-size: 0.65em;position: absolute;right: 20px;top: 22px;line-height: 12px;}
.signposts-wrapper h2{color: #001887;font-family: "AvantGarde Bold";font-size: 2em;font-weight: 400;line-height: 1;margin-bottom:25px;}
.signposts-wrapper .calcbutton{background: rgb(77, 91, 126) none repeat scroll 0% 0%;height: auto;width: auto;    font-size: 1.7em;line-height: 24px;padding: 14px 20px 12px 19px;margin: 0;}
.signposts-wrapper .calcbutton.pad-top span {width: 30px;height: 30px;display: inline-block;overflow: hidden;line-height: 30px;vertical-align: text-top;margin-left: 24px;font-size: 28px;top: -5px;position: relative;}
.signposts-wrapper .calcbutton.pad-top span:before {width: 30px;height: 36px;display: inline-block;overflow: hidden;line-height: 1;vertical-align: text-top;margin-left: -3px;}
.signposts {margin-bottom: 40px;width: 100%;float: left;}

.disabled input{visibility: hidden;z-index: -10 !important;}
.disabled .icon-tick{display:none !important;}
.disabled .new-calc-row-input-wrap,.disabled .new-calc-row-input-wrap input,.disabled .input-eg{background: #f6f6f6;}
.disabled .new-calc-row-input-wrap{border: 1px solid #cfd7df;}
.disabled .extra-text{color: #aaaaaa;}
.disabled{cursor:default;display:none;}



/*-----Overpayment-----*/
#calcbtn-mo{display:none;}
.three-col-block {width: 33%;float: left;}
p.mo-result-text {color: #3aabc5;font-size: 1.67em;line-height: 24px;padding: 0;position:relative;padding-right:80px;}
.three-col-block:last-child .mo-result-text{padding-right:0;}
.three-col-block .mo-result-text{padding-bottom:10px;}
/*.mo-result-text::after {content: '\e902';position: absolute;right: 10px;top: 20px;font-family: Icomoon;font-size: 4.5rem;}*/
.mo-result-text::after {content: '\e902';position: absolute;right: 10px;top: 20px;font-family: Icomoon;font-size: 2.5rem;left: 288px;}
.three-col-block:last-child .mo-result-text::after{display:none;}
.overpayments-table tr th{color: #001887;font-size: 1.5em;line-height:20px;font-family: "ITCAvantGardeW04-Medium 1122896";padding: 18px 20px 18px 20px;text-align:right;vertical-align:middle;font-weight: normal;}
.overpayments-table tr{border-bottom:1px dashed #a6adbe;}
.overpayments-table tbody tr td{font-size:2.5em;font-family: "AvantGarde Demi";line-height:30px;vertical-align: middle;padding: 18px 20px 21px 20px;text-align:right;}
.overpayments-table tbody tr td:first-child{font-size:1.5em;font-family: "AvantGarde Demi";line-height:30px;text-align:left;}
.overpayments-table tbody tr:first-child td{color:#3aabc5;}
.overpayments-table tbody tr:last-child td{color:#1c1251;}
.highcharts-axis.highcharts-yaxis span {text-align: right;color: #001887 !important;font-size: 1.25em !important;line-height: 20px;font-family: "ITCAvantGardeW04-Medium 1122896" !important;padding-right:20px;}
.datalabelInside {position: absolute;top: 40px;left: 50%;color: #ffffff;transform: translateX(-50%) rotate(-90deg);-ms-transform: translateX(-50%) rotate(-90deg);-webkit-transform: translateX(-50%) rotate(-90deg);-moz-transform: translateX(-50%) rotate(-90deg);font-size: 2.727em;font-family: "AvantGarde Demi";text-shadow: 1px 1px #001887;}
.datalabel {color: #001887;font-size: 1.65em;line-height: 20px;text-align: center;position: relative;top: -10px;}
.value{display:block;}
#chart-container > div{margin:0 auto;}
#chart-container {margin-top: 125px;margin-bottom:65px;}
#chart-container .highcharts-xaxis-labels tspan{color: #001887 !important;fill: #001887 !important;font-family: "ITCAvantGardeW04-Medium 1122896" !important;font-size: 1.28em;}
#chart-container .highcharts-yaxis-labels tspan{color: #001887 !important;fill: #001887 !important;font-size: 1em;font-family: "AvantGarde Demi" !important;}
.footnote {color: #001887;font-family: "AvantGarde Demi";padding: 0 20px 15px;}
#chart-container .highcharts-label{width: 170px;word-wrap: break-word;}
#chart-container .highcharts-label > span,#chart-container .highcharts-data-labels > span{white-space:initial !important;font-weight: normal !important;font-family: "ITCAvantGardeW04-Medium 1122896" !important;}
#chart-container .highcharts-data-labels > span {margin-left: 15px !important;}

.mo-row:not(.disabled) .lump-btn:not(.active):focus,.lump-btn {background: #f6f6f6 none repeat scroll 0 0;border-bottom: 7px solid #f6f6f6;color: #001b87;font-size: 1.667em;line-height: 24px;padding: 11px 0 5px;text-align: center;display: inline-block;width: 170px;float: left;cursor: pointer;margin-right: 70px;}
.opened .lump-btn:not(.active){border: 1px solid #cfd7df;padding-bottom: 11px;}
.lump-btn.active{background: #001b87 none repeat scroll 0 0;border-bottom: 7px solid #011667; color: #ffffff;}
.lump-sum-input-wrap {width: 100%;float: left;}
.show_lump_values {position: relative;float: left;width: 100%;display:none;margin-top: 40px;}
.disabled .lump-btn {cursor: default;color: #aaaaaa;background: #f6f6f6 none repeat scroll 0 0;border-bottom: 7px solid #f6f6f6;}
.show_lump_values .mortgage-item-right{position:relative;}
span.in_text {position: absolute;left: -40px;top: 13px;color: #001887;font-size: 1.5em;line-height: 24px;}
.disabled .lump-btn:focus{outline:0 !important}
.disabled .show_lump_values{display:none !important;}
.new-calc-row.disabled .new-calc-row-ttl{color:#aaa;}
.disabled .icon-notification{display:none !important;}
#re-term-data p:first-child {float: left;padding-right: 30px;margin-right: 25px;border-right: 1px solid #a6adbe;}
#re-term-data p{float:left;font-size: 1em;}
.mobile-chart-heading{display:none;}
.mobile-chart-heading p {text-align: left;color: #001887 !important;font-size: 1.25em !important;line-height: 20px;font-family: "ITCAvantGardeW04-Medium 1122896" !important;padding-left: 20px;padding-right: 45%;}
.mobi-table{display:none;}

.repayments-chart {width: 100%;float: left;margin: 50px 0 115px;}
.repayments-chart #chartbox-mo{height: 400px;margin-left: 5px;padding-left: 0;width: 70%;position: relative;float: left;/*background:url(~/media/Images/B/Bradford-And-Bingley-Plc/content-images/new-calculator/overpayment-calc/chart-bg.jpg);*/background:none;}
.repayments-chart #chartlegend-mo *{display:block;}
.repayments-chart #chartlegend-mo table{width:100%;font-size:100% !important;}
.repayments-chart #chartlegend-mo td.legendColorBox{display: block;float: left;padding-right: 5px;padding-left: 0;clear: left;}
.repayments-chart #chartlegend-mo td.legendLabel{display: block;float: left;color: #001887;font-family: "AvantGarde Demi";font-size: 1.18em;padding: 0;padding-bottom: 20px;}
.repayments-chart .legendColorBox > div{border:0 !important;top:0;}
.repayments-chart .legendColorBox > div > div{border-width: 1px !important;min-width: 15px !important;}
.repayments-chart div#chartholder-mo {width: 100%;height: 410px;left:0;top:0;}
.rotateup{display: inline;left: 0;position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align:center;color: #001887;font-size: 1.35em;    line-height: 20px;}
.repayments-chart .flot-tick-label.tickLabel {font-size: 1.1em;color: #001887;font-family: "AvantGarde Demi";}
.repayments-chart .chart-box{width:70%;margin:0 auto;}
.repayments-chart #chartlegend-mo{float:right;width: 27%;}
.repayments-chart .xaxis-title{text-align: center;margin-left:13%;color: #001887;font-size: 1.35em;line-height: 20px;}



/*----Repayment-----*/
.repayment-table1 td{position:relative;}
.int-row *{color:#ea554f !important;}
.pp-row *{color:#6b2034 !important;}
.repay-row *{color:#a99d8f !important;}
.repayment-table1 td{font-size: 2.5em;line-height:20px;padding: 25px 20px 19px;vertical-align: middle;font-family: "AvantGarde Demi";}
.repayment-table1 td:first-child{font-size: 1.5em;}
.repayment-table2 td{font-size: 2.5em;line-height:20px;padding: 24px 20px 25px;vertical-align: middle;font-family: "AvantGarde Demi";}
.repayment-table2 td:first-child{font-size: 1.5em;}
.repayment-table1 .icon-information-button{text-align: left;position: relative;font-size: 1.4em;float: left;    padding: 0;top: 0;}
span.td-text {display: inline-block;float: left;width: 41%;}
.repayment-table1 th,.repayment-table1 td{width:20%;}
.repayment-table1 th:first-child,.repayment-table1 td:first-child{width:60%}
/* .repayment-table1 th:nth-child(2),.repayment-table1 td:nth-child(2){width:38%} */
.repayment-table1 tr,.repayment-table2 tr{border-bottom:1px dashed #a6adbe;}
.repayment-table1 th,.repayment-table2 th{color:#001887;font-size: 1.5em;line-height:20px;padding: 22px 20px 10px;vertical-align: top;font-weight: normal;}
.repayment-table1 th:nth-child(2),.repayment-table1 td:nth-child(2){text-align:center;}
.repayment-table1 th:last-child,.repayment-table1 td:last-child{text-align:right;}
.repayment-table2 th:last-child,.repayment-table2 td:last-child{text-align:right;}
td .hidden-popup.hiddendiv {position: relative;float: left;max-width: 40%;top: 0;right: 0;margin-left: 15px;font-size: 0.8em;line-height: 20px;padding:10px 20px}
td .hidden-popup.hiddendiv:after{top: 6px;width: 10px;height: 10px;left: -6px;}
div#chart1,div#chart2 {width: 100%;float: left;}
#chart1 g.highcharts-legend-item.highcharts-column-series.highcharts-color-1.highcharts-series-1,#chart1 g.highcharts-legend-item.highcharts-column-series.highcharts-color-0.highcharts-series-1 {display: none !important;}
#chart1 {margin-top: 110px;margin-bottom: 77px;padding-bottom: 70px;border-bottom: 1px solid #576f8e;}
/* #chart1 .highcharts-legend-item rect.highcharts-point {width: 15px !important;height: 11px !important;rx: 0 !important;ry: 0 !important;y: 5 !important;} */
#chart1 .highcharts-point.highcharts-color-0:first-child{fill:#ea554f}
#chart1 .highcharts-point.highcharts-color-0:nth-child(2){fill:#6b2034}
#chart1 .highcharts-point.highcharts-color-0:last-child{fill:#a99d8f}
#chart1 .highcharts-legend-item text,#chart2 .highcharts-legend-item text{color: #455f82 !important;fill: #455f82 !important;font-family:'AvantGarde Demi' !important;font-size: 14px !important;line-height: 30px !important;font-weight: normal !important}
#chart1 .highcharts-xaxis-labels text{color: #455f82 !important;fill: #455f82 !important;font-family:"ITCAvantGardeW04-Medium 1122896" !important;font-size: 15px !important;line-height: 30px !important;font-weight: normal !important}
#chart1 .highcharts-yaxis-labels text,#chart2 .highcharts-yaxis-labels text{color: #455f82 !important;fill: #455f82 !important;font-family:'AvantGarde Demi' !important;font-size: 11px !important;line-height: 30px !important;font-weight: normal !important}
#chart2 .highcharts-xaxis-labels text{color: #455f82 !important;fill: #455f82 !important;font-family: "ITCAvantGardeW04-Medium 1122896" !important;font-size: 15px !important;line-height: 30px !important;font-weight: normal !important;}
#chart2 .highcharts-data-label span{color: #455f82 !important;fill: #455f82 !important;font-family:'AvantGarde Demi' !important;font-size: 16px !important;line-height: 30px !important;font-weight: normal !important;}
#chart2 .highcharts-data-label:last-child{display:none !important;}
.bottom-warning .bw-wrap{float: left;background: #31abc6;color: #fff;padding: 32px 90px 35px 100px;clear: both;    margin-bottom: 70px;margin-top: 65px;font-family: "ITCAvantGardeW04-Medium 1122896";line-height: 24px;font-size: 1.34em;position:relative;}
.bottom-warning p:before {content: "\e904";color: #fff;font-family: Icomoon;position: absolute;top: 41px;left: 20px;font-size: 2.4em;line-height: 33px;}
.top-wrapper {width: 100%;float: left;}
.bottom-wrapper {width: 100%;float: left;}
#chart2 {margin-top: 70px;}
.bottom-wrapper .rate-rise-result-wrap-ttl.pad-left-right {padding-bottom: 0;}
.top-wrapper .rate-rise-result-wrap-ttl.pad-left-right {padding-bottom: 40px;}
#chart1 .highcharts-stack-labels span:nth-child(4){display:none !important;}
#chart1 .highcharts-stack-labels span:nth-child(5){display:none !important;}
#chart1 .highcharts-stack-labels span:nth-child(6){display:none !important;}

.top-wrapper .mobile-chart-heading p,.bottom-wrapper .mobile-chart-heading p{float:left;text-align:right;}
.bottom-warning{padding-left:20px;padding-right:20px;width: 100%;float: left;max-width: 1130px;}
.main-table{padding:0 20px;}
#repayment-mortgage #calcHeader{width:auto;}

.bottom-content-wrap p {padding-bottom: 10px;}
/*.row-five.rm-row .hidden-popup.hiddendiv:after{top:50px}*/

.new-calc-row.row-five.rm-row .hidden-popup.hiddendiv{max-width:33%}

.show_lump_values .hidden-popup.hiddendiv{top:-30px;}










@media all and (min-width:992px){
.new-calc-row.row-four .hidden-popup.hiddendiv,.new-calc-row.row-five .hidden-popup.hiddendiv {/*top: -35px;*/left: 43%;}
}

@media all and (max-width:991px){
.calculators-new #content-right{display:none;}
}

@media all and (max-width:1170px) and (min-width:992px){
/*.signpost-box{margin-right:45px;}*/
	.signpost-box { margin-right: 19px;}
}

@media all and (max-width:1024px) and (min-width:991px){
.repayments-chart .chart-box{width:85%;}
.repayments-chart #chartlegend-mo{width:23%;}
.repayments-chart #chartbox-mo{width:75%;}
.signpost-box .signpost-left {width: 60%;float: left;}
.signpost-box .signpost-right {width: 40%;float: left;}
.signpost-link a {padding: 15px 35px 14px 10px;}
/*.signpost-box .right-col-help-inner {padding: 27px 20px 55px;}*/
.signpost-link a:after{right:15px;}
.repayments-chart .xaxis-title{margin-left:18%;}
}

@media all and (max-width:991px) and (min-width:768px){
span.in_text{left:-19px;}
.calculators-new .max860 > .max860{width:100% !important;max-width:100% !important;padding-left:0  !important;padding-right:0;}
.max860.head-content p {padding-left: 20px;padding-right: 20px;}
.calculators-new #calcHeader p{padding-left:20px;}
.overpayments-table tr th,.overpayments-table tbody tr td{padding-left:0;padding-right:0;vertical-align:top;}
.main-table{padding:0 20px;}
.mobile-chart-heading{display:block;margin-top:40px;width: 100%;float: left;}
#chart-container{margin-top:10px;}
.calculators-new .right-col-help-inner{background-size:contain;}
.calculators-new .right-col-help-content{width:82%;}
.calculators-new .right-col-container-img{margin-bottom:5px;}
.mortgage-item-right,.mortgage-item-left{width:300px;}
.mortgage-item-right{margin-left:25px;}
.newcalc .new-calc-row .new-calc-row-input-wrap input{width:50%;}
.hidden-popup.hiddendiv,.show_lump_values .hidden-popup.hiddendiv{float: left;margin-top: 25px;position: relative;margin-right: 15px;top:0;left:0;max-width: 666px;width: 100%;margin-right:15px;}
.new-calc-row.row-four .hidden-popup.hiddendiv,.new-calc-row.row-five.mo-row .hidden-popup.hiddendiv{max-width: 340px;clear: both;}
.hidden-popup.hiddendiv:after {content: '';width: 20px;height: 20px;background: #fff;position: absolute; top: -11px;left: auto;transform: rotate(45deg);border-bottom: 0;border-left: 0;border-top: 1px solid #b2b2b1;border-left: 1px solid #b2b2b1;right: 35px;}
.new-calc-row {border-top: 1px solid #cfd7df; padding: 25px 0 30px 20px;}
.new-calc-row.row-one .hidden-popup.hiddendiv{float:none;}
.new-calc-row-max-width > .new-calc-row-input-wrap {max-width: 624px;}
.calculators-new .rate-rise-result-wrap{padding-top:55px;}
.rate-rise-result-wrap-result1 .rrc-result-int-txt{font-size:2.2em;padding-right: 10px;line-height: 30px;}
.three-col-block .rate-rise-result-wrap-result1 .rrc-result-int-txt{font-size:2em;}
.rate-rise-result-wrap-result1-left:after {font-size: 4em;right: 8%;}
.rate-rise-result-wrap-result1-left .rrc-result-int-txt{padding-right: 40%;}
.rate-rise-result-wrap-result1{padding-bottom:110px;}
.signpost-box{margin-right:0;width:100%;}
.signposts-wrapper{padding:53px 0 0;}
.sign-container{padding:0 15px;}
.signposts-wrapper .right-col-container-img{margin-bottom:30px;margin-top: 0;}
.signpost-link{width:100%;}
.signposts{margin-bottom:10px;}
.rrc-edit-details{margin-left:15px;}
.calculators-new .mo-result-text .rrc-result-int-fig{font-size:2.3em;line-height:50px;}
.mo-result-text::after {font-size:2.5em;}
.overpayments-table {width: 100%;overflow: scroll;}
.overpayments-table tbody tr td{font-size:2.2em;}
.overpayments-table tr td,.overpayments-table tr th{width:25%;}
.footnote{padding:20px}
#re-term-data p:first-child{width:25%;padding-right: 20px;margin-right: 20px;}
#re-term-data p:last-child{width:45%;}
.rm-row.row-five .hidden-popup.hiddendiv,.new-calc-row.row-five.rm-row .hidden-popup.hiddendiv{max-width:340px;clear:both;}
td .hidden-popup.hiddendiv{margin-top: 20px; max-width: 67%; margin-left: 20px; min-width: inherit; width: 100%;}
td .hidden-popup.hiddendiv::after {top: -6px;width: 10px;height: 10px;left: 85%;}
#chart1,#chart2{margin-top:0;}
span.td-text{width:65%;padding-left:20px;}
.repayment-table1 th:first-child, .repayment-table1 td:first-child{width:50%;padding-left:0;}
.repayment-table1 th, .repayment-table1 td{width:25%;padding-left:0;}
.new-calc-row-input-wrap.makeGreen,.new-calc-row-input-wrap.makeGreen input,.makeGreen .input-eg{background:#ebeeff !important;}
.trueOutstandingMortgage.icon-tick{display:none !important;}
.disabled .new-calc-row-input-wrap, .disabled .new-calc-row-input-wrap input, .disabled .input-eg {background: #f6f6f6 !important;}
/*.signpost-box .right-col-help-inner{min-height:210px;}*/
.repayment-table1 td{vertical-align:top;}
.main-repayments-table{padding:0 15px;}
.repayments-chart .chart-box{width:95%;float:left;margin-left:10px;position: relative;padding-top: 50px;}
.repayments-chart #chartlegend-mo {float: left;position: absolute;top: 0;left: 17%;width: auto;}
.repayments-chart #chartlegend-mo .legendColorBox{clear:none !important;}
.repayments-chart #chartlegend-mo td:nth-child(3){padding-left:20px;}
.repayments-chart #chartbox-mo{width:100%;}
.repayments-chart .xaxis-title{margin-left:18%;}
.interest-results .rate-rise-result-wrap-result1 .rrc-result-int-txt, .repayment-results .rate-rise-result-wrap-result1 .rrc-result-int-txt {padding: 0 20px 18px 0;}
.overpayments-table tr th, .overpayments-table tbody tr td{vertical-align:middle;}
}

@media all and (max-width:767px){
.right-col-help-inner{background-image:none !important;}
.new-calc-row-max-width > .new-calc-row-input-wrap{max-width:85%;}
.icon-information-button{padding-left:15px;}
.mo-row.row-three .icon-information-button,.show_lump_values .icon-information-button,.dual-input-row .icon-information-button{top:80px;}
.lump-btn,.mo-row:not(.disabled) .lump-btn:not(.active):focus{margin-bottom:20px;width:85%;}
.mortgage-item-left,.mortgage-item-right{width:100%;margin-left:0;}
.mortgage-item-left{margin-bottom:15px;}
.new-calc-row {padding: 25px 10px 40px 10px;}
.newcalc .new-calc-row.row-one input{width:65%;}
.show_lump_values{margin-top:20px;}
.new-calc-row.row-three .mortgage-item-left,.new-calc-row.row-three .mortgage-item-right,.new-calc-row.mo-row.row-five .mortgage-item-left,.show_lump_values .mortgage-item-left,.show_lump_values .mortgage-item-right{width:85%;}
.newcalc .new-calc-row .new-calc-row-input-wrap input{width:50%;}
.new-calc-row.row-four .mortgage-item-left,.row-five.rm-row .mortgage-item-left{margin-bottom:0;width:85%;}
.hidden-popup.hiddendiv,.mo-row.row-five .hidden-popup.hiddendiv,.new-calc-row.row-five.rm-row .hidden-popup.hiddendiv,.show_lump_values .hidden-popup.hiddendiv{float: left;position: relative;top:0;left:0;max-width:100%;margin-top: 10px;}
.show_lump_values .hidden-popup.hiddendiv{width: calc(100% - 40px);
-ms-width: calc(100% - 40px);
-webkit-width: calc(100% - 40px);}
/* .new-calc-row.row-four .hidden-popup.hiddendiv{max-width: 48%;clear: both;} */
.new-calc-row.mo-row.row-four .hidden-popup.hiddendiv{max-width: 100%;clear: both;}
.hidden-popup.hiddendiv:after {content: '';width: 15px;height: 15px;background: #fff;position: absolute; top: -9px;left: auto;transform: rotate(45deg);border-bottom: 0;border-left: 0;border-top: 1px solid #b2b2b1;border-left: 1px solid #b2b2b1;right: auto;left: calc(85% + 20px);left: -ms-calc(85% + 20px);left: -webkit-calc(85% + 20px);}
.new-calc-row.row-one .hidden-popup.hiddendiv{float:none;}
.icon-notification,.trueOutstandingMortgage.icon-tick{display:none !important;}
.new-calc-row-ttl{color:#001887 !important;}
.new-calc-row.errorRED{background:#fff !important;}
.errorRED input,.errorRED .new-calc-row-input-wrap{background:#f7bbb9 !important;}
.errorRED .new-calc-row-input-wrap{border:1px solid #ea554f;}
.errorRED .input-eg{color:#ea554f;background: #f7bbb9 !important;}
.new-calc-row-input-wrap.makeGreen,.new-calc-row-input-wrap.makeGreen input,.makeGreen .input-eg{background:#ebeeff !important;}
.disabled .new-calc-row-input-wrap, .disabled .new-calc-row-input-wrap input, .disabled .input-eg {background: #f6f6f6 !important;}
.calculators-new .rate-rise-result-wrap-ttl{font-size:1.8em;line-height:28px;padding-bottom: 20px;}
.rate-rise-result-wrap-result1 .rrc-result-int-txt {color: #1c1251;font-size: 0.917em;line-height: 15px;padding: 0 0 26px;}
.three-col-block .rrc-result-int-txt{position:relative;padding-right:35px !important;}
.interest-results .rate-rise-result-wrap-result1, .repayment-results .rate-rise-result-wrap-result1{padding-bottom:90px;margin-bottom:50px;}
.three-col-block p.rrc-result-int-txt:after {content: '\e902';position: absolute;right: 10px;top: 6px;font-family: Icomoon;font-size: 1.2rem;color: #3aabc5;}
.three-col-block:last-child .rrc-result-int-txt{padding-right:0;}
.three-col-block:last-child p.rrc-result-int-txt:after{display:none;}
.three-col-block .mo-result-text{padding-right:0;}
.three-col-block .mo-result-text:after{display:none;}
.calculators-new p.rrc-result-int-fig{font-size:2.35em;line-height:30px;}
.rate-rise-result-wrap-result1-left:after{font-size:3em;right:0;}
.rate-rise-result-wrap-result1-left .rrc-result-int-txt{padding-right:50%;}
#data-target-container{display:none !important;}
.highlight-wrap{padding:0 10px;}
.rad-highlight.hide.chartsTable{display:table !important;}
.rad-highlight.hide.chartsTable td:nth-child(3),.rad-highlight.hide.chartsTable td:nth-child(4),.rad-highlight.hide.chartsTable th:nth-child(3),.rad-highlight.hide.chartsTable th:nth-child(4){display:none;}
.rad-highlight.hide.chartsTable tr{border-bottom: 1px #cfd3dc dashed;}
.rad-highlight.hide.chartsTable tr td{padding:15px 0;font-family: "AvantGarde Demi";color: #001887;font-size: 1.5em;line-height: 20px;}
.rad-highlight.hide.chartsTable tr th{font-size: 1.2em;line-height: 18px;padding:15px 10px 15px 0;}
.calculators-new .pad-left-right {padding-left: 10px;padding-right: 10px;}
.rrc-edit-details{margin-left:10px;margin-bottom:20px;margin-top:20px}
.rrc-next-steps{margin-left:10px;}
.signpost-box{margin-right:0;width:100%;margin-top: 30px !important;}
.signposts{margin-bottom:40px;}
.calculators-new .rate-rise-result-wrap{padding-top:30px;}
.rate-rise-result-wrap-result1{margin-bottom: 40px;padding-bottom: 95px;}
.signposts-wrapper{padding:53px 0 0;}
.signposts-wrapper h2{padding:0 10px;margin: 0;}
.signpost-left,.signpost-right{width:100% !important;}
.signpost-link{width:100%;}
.signpost-right{margin-top:35px;}
.signposts-wrapper .calcbutton{margin-left:20px;}
p.mo-result-text{font-size:0.923em;line-height:15px;}
.calculators-new .mo-result-text .rrc-result-int-fig{font-size:2.2em;line-height:30px;}
.rate-rise-result-wrap-result1{background-position:94% bottom;}
#chart-container{display:none;}
.mobi-table{display:block;}
.overpayments-table *{text-align:right !important;vertical-align:top !important;}
.overpayments-table tr td.inv-responsive-data-header{font-size: 1.25em !important;line-height: 18px !important;font-family: "ITCAvantGardeW04-Medium 1122896" !important;padding-right:20px !important;color: #001887 !important;vertical-align: middle !important;}
.overpayments-table #inv-responsive-table-0 td.inv-responsive-data-content{color:#3aabc5;}
.overpayments-table #inv-responsive-table-1 td.inv-responsive-data-content{color:#1c1251;}
.overpayments-table td{border:0 !important}
.overpayments-table table{border-bottom: 1px dashed #a6adbe;}
.overpayments-table table#inv-responsive-table-0{border-top: 1px dashed #a6adbe;}
.overpayments-table tr{border:0;}
.overpayments-table tbody tr td{padding-top:10px;padding-bottom:10px;padding-right:0;padding-left:0;}
.main-table{padding:0 10px;}
.overpayments-table tbody tr:last-child td{padding-bottom:30px;}
#re-term-data p:first-child{width:30%;padding-right: 5px;margin-right: 10px;}
#re-term-data p:last-child{width:40%;}
.footnote{padding:0 10px;}
.calculator-top-content-left > p{padding:0 10px;}
.calculators-new #calcHeader p{font-size:1.5em;padding-left:10px;}
.calculators-new #calcHeader{padding-left:0px;background:#001887 url(/~/media/Images/W/Whistletree/content-images/calculators/rate-rise-calc-ttl-img.png) no-repeat scroll right center / contain !important}
.visible-xs{display:block;}
.calculators-new .max860 {width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0;}
.max860.head-content p {padding-left: 10px;padding-right: 10px;}
.calculators-new #calcHeader p{padding-left:10px;padding-right: 40px;}
#chart1,#chart2{display:none;}

span.td-text {font-family: "ITCAvantGardeW04-Medium 1122896";font-size: 0.7em;width: calc(100% - 30px);}
td .icon-information-button {position: relative;float: left;top: 4px;font-size: 0.8em;padding-left:10px}
.tab1 .inv-responsive-data-tr td{padding:10px 0 0;border:0;}
.tab1 table:first-child *{color:#ea554f !important;}
.tab1 table:last-child *{color:#a99d8f !important;}
.tab1 table:nth-child(2) *{color:#6b2034 !important;}
.tab1 .inv-responsive-data-content {font-size: 2em;font-family: "AvantGarde Demi";border: 0;line-height: 24px;}
.tab1 table .inv-responsive-data-header {color: #001887 !important;font-size: 1.5em;}
.tab1 table {border-top: 1px dashed #d2d6de;}
.tab1 table:last-child {border-bottom: 1px dashed #d2d6de;}
.repayment-table2 td {padding: 15px 0px 17px;}
.repayment-table2 td:last-child{font-size: 1.8em;}
.repayment-table2 thead{display:none;}
.repayment-table2 tr:first-child{border-top: 1px dashed #a6adbe;}
.repayment-table2{margin-top:40px}
.tab1 table tr:first-child td{padding-top:20px;}
.tab1 table:last-child tr:last-child td{padding-bottom:20px;}
.tab1.pad-left-right {margin-bottom: 40px;padding-bottom: 30px;border-bottom: 1px solid #576f8e;}
.bottom-warning {padding-left: 10px;padding-right: 10px;    width: calc(100% - 20px);
    width: -ms-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);}
.bottom-warning .bw-wrap{margin-top:20px;padding: 60px 10px 30px 10px;margin-bottom: 30px;}
.bottom-warning p:before{top:20px;left:10px;}
.top-wrapper {margin-top: 20px;}
.signpost-box .right-col-help-inner{min-height:inherit;padding: 27px 15px 25px;float: left;}
td .hidden-popup.hiddendiv {position: relative;float: right;max-width: 100%;top: 0;right: 0;margin-left: 0;font-size: 0.6em;line-height: 20px;padding: 10px 10px;font-weight: normal;width: 90%;left: auto;text-align: left;}
td .hidden-popup.hiddendiv::after {top: -6px;width: 10px;height: 10px;left: auto;right: 5px;}
.tab1 .repayment-table1,.main-table .inv-responsive-table-processed,.main-repayments-table .inv-responsive-table-processed{display:none !important;}
.tab1 .inv-responsive-table-wrapper,.main-table .inv-responsive-table-wrapper,.main-repayments-table .inv-responsive-table-wrapper{display:block !important;}
#re-term-data > p:first-child span.small-text{text-align:left;}
.repayments-chart{display:none !important;}
.calculators-new .signposts-wrapper .right-col-help-content{padding-right:0;}
span.in_text {left: auto;right: -32px;top: -55px;}
.signpost-left{height:auto !important}
}

@media all and (max-width:1130px) and (min-width:992px){
.calculator-top-content-left.max860{max-width:76%;}
.calculator-top-content-left.max860 .max860{max-width:100%;}
.hidden-popup.hiddendiv{top:-50px;max-width:18%;}
.new-calc-row.row-four .hidden-popup.hiddendiv/*,.new-calc-row.row-five.rm-row .hidden-popup.hiddendiv*/{max-width:20%;left: 40%;}
}

@media all and (min-width:430px) and (max-width:767px){
.newcalc .new-calc-row .new-calc-row-input-wrap input{width:45% !important;}
td .hidden-popup.hiddendiv{max-width:400px;}
.overpayments-table tr td.inv-responsive-data-header{text-align:left !important;}
}

@media all and (max-width:330px){
.icon-information-button {padding-left: 5px !important;}
.newcalc .new-calc-row .new-calc-row-input-wrap input {width: 40% !important;}
.hidden-popup.hiddendiv::after {left: calc(85% + 10px) !important;
    left: -ms-calc(85% + 10px) !important;
    left: -webkit-calc(85% + 10px) !important;
}
}

@media all and (max-width:1150px) and (min-width:1129px){
.calculators-new .content-right.invspan3{width:20% !important;}
.signpost-box .signpost-right{width:40%}
.signpost-box .signpost-left{width:60%;}
}

@media all and (max-width:1160px) and (min-width:992px){
.calculators-new .signposts-wrapper .right-col-help-content{padding-right:0;}
.right-col-help-header,.calculators-new .signposts-wrapper .right-col-help-content > p{padding-right:20px;}
/*.signpost-box .right-col-help-inner{min-height:210px !important;}*/
}

@media all and (max-width:1023px) and (min-width:992px){

}

@media all and (max-width:1170px) and (min-width:767px){
.bottom-warning{max-width: calc(100% - 40px);
max-width: -ms-calc(100% - 40px);
max-width: -webkit-calc(100% - 40px);}
}


#calcBox.ratesrisecalc {
    width: 820px !important;
}
#calcBox label{padding: 10px 0 10px 0;}

#rate-rise-calculator h1{display:none;}

.ratesrisecalc #resultbox{    width: 710px;}

.calc-wrap {
    padding-top: 36px;
    border-top: 1px solid rgb(228, 228, 226);
}


#rate-rise-calculator #content-right, #repayment-mortgage #content-right, #overpaying-mortgage #content-right{
    padding-top: 0px;
}



#repayment-mortgage .calculators-new #calcHeader {
    background: #001887 url(/~/media/Images/W/Whistletree/content-images/calculators/repayment-calc-ttl-img.png) no-repeat scroll right center !important;
    height: auto;
    margin: 0 0 23px;
    padding: 11px 0 15px 20px;
}

#overpaying-mortgage .calculators-new #calcHeader {
    background: #001887 url(/~/media/Images/W/Whistletree/content-images/calculators/overplaymet-ttl-img.png) no-repeat scroll right center !important;
    height: auto;
    margin: 0 0 23px;
    padding: 11px 0 15px 20px;
}


span.mo-result-text {
    color: #3aabc5;
    font-size: 1.67em;
    line-height: 24px;
    padding: 0;
    position: relative;
    padding-right: 80px;
}