.indecativequotecalculatornew{margin-top:35px;margin-bottom:35px}
.indecativequotecalculatornew .indicative_calculator{margin:0 30px}
.indecativequotecalculatornew form{margin:0}
.indecativequotecalculatornew .indicative-left-container{padding:0 10px 30px 0}
.indecativequotecalculatornew .indicative-left-container .pl-textfield{margin:0}
.indecativequotecalculatornew .indicative-left-container .min-max-value-container{color:#333;font-size:16px}
.indecativequotecalculatornew .indicative-left-container .pl-borrow-amt-max-value,.indecativequotecalculatornew .indicative-left-container .max-year-value{float:right}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month{display:inline-block}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp{width:174px;position:relative;margin-right:8px}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp input{width:100%;height:66px;margin-top:20px}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp span{position:absolute;top:41px;left:40px;pointer-events:none;z-index:10;color:#333}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp.disabledField input,.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp.disabledField span{color:#e3e3e3 !important}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp.disabledField input{border:1px solid #e3e3e3;pointer-events:none}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .error-container{width:174px}
.indecativequotecalculatornew .indicative-left-container .errorState .input-field[isvalid="false"]{animation:shake .4s;animation-iteration-count:1;border:1px solid #e60303;color:#e60303;background:url("clientlib_iqc_calc_base/resources/images/icon-error.png") no-repeat 95% 21px}
.indecativequotecalculatornew .indicative-left-container .errorState .text-field-comp span{color:#e60303 !important}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-amount .col-xs-12.col-sm-12.col-md-12.col-lg-12,.indecativequotecalculatornew .indicative-left-container .sbl-year-month .col-xs-12.col-sm-12.col-md-12.col-lg-12{padding:0}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-amount .col-xs-12.col-sm-12.col-md-12.col-lg-12 .error-container,.indecativequotecalculatornew .indicative-left-container .sbl-year-month .col-xs-12.col-sm-12.col-md-12.col-lg-12 .error-container{color:#e60303;background:0;padding-top:10px;padding:0;margin-top:10px}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-amount .col-xs-12.col-sm-12.col-md-12.col-lg-12 .error-container .error-text,.indecativequotecalculatornew .indicative-left-container .sbl-year-month .col-xs-12.col-sm-12.col-md-12.col-lg-12 .error-container .error-text{font-size:14px;line-height:18px}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-amount .col-xs-12.col-sm-12.col-md-12.col-lg-12 .error-container .error-arrow,.indecativequotecalculatornew .indicative-left-container .sbl-year-month .col-xs-12.col-sm-12.col-md-12.col-lg-12 .error-container .error-arrow{display:none}
.indecativequotecalculatornew .indicative-left-container .text-field-comp{width:372px}
.indecativequotecalculatornew .indicative-left-container .text-field-comp input{box-shadow:none;border-radius:0;background:#fff;width:100%;height:66px;color:#333;margin-top:20px;border:1px solid #333}
.indecativequotecalculatornew .indicative-left-container .text-container{margin-bottom:10px;margin-top:30px}
.indecativequotecalculatornew .indicative-left-container .text-container .title-comp{color:#333;line-height:32px}
.indecativequotecalculatornew .indicative-left-container .indicative-term{margin-bottom:50px}
.indecativequotecalculatornew .indicative-results{padding:0 0 0 20px;overflow:hidden}
.indecativequotecalculatornew .indicative-results .rep-block{border-left:1px solid #e1dada;padding-left:29px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-heading{margin-bottom:20px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-text-block .h3-custom{margin-bottom:20px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .cta-container{margin-top:10px;margin-bottom:35px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-itr-block p{font-size:16px;line-height:26px;margin:0}
.indecativequotecalculatornew .indicative-results .rep-block .indicative-results .rep-block .rep-heading{margin-bottom:35px}
.indecativequotecalculatornew .indicative-results .rep-block .indicative-results .rep-block .rep-results{margin-bottom:35px}
.indecativequotecalculatornew .indicative-results .rep-block .indicative-results .rep-block .rep-results .rep-text-block .rep-text-heading{margin-bottom:1px}
.indecativequotecalculatornew .indicative-results .rep-block .indicative-results .rep-block .rep-results .rep-text-block .h3-custom{margin-bottom:20px}
.indecativequotecalculatornew .indicative-results .rep-block .indicative-results .rep-block .rep-results .cta-container{margin-top:15px;margin-bottom:35px}
.indecativequotecalculatornew .indicative-results .rep-block .indicative-results .rep-block .rep-results .rep-itr-block{margin-bottom:35px}
.indecativequotecalculatornew .indicative-results .rep-block .indicative-results .rep-block .rep-results .rep-itr-block p{font-size:16px;line-height:26px;margin:0}
.indecativequotecalculatornew .indicative-results .rep-block .indicative-results .rep-block .cta-container .cta.cta-secondary{text-decoration:none;position:relative;line-height:26px}
.indecativequotecalculatornew .indicative-results .rep-block .indicative-results .rep-block .cta-container .cta.cta-secondary span{line-height:26px}
.indecativequotecalculatornew .indicative-results .h3-custom{line-height:40px;font-size:30px}
.indecativequotecalculatornew .cta.cta-primary .cta-text{max-width:290px;min-width:240px;padding:20px}
.indecativequotecalculatornew .cta.cta-primary:hover .cta-text:after{height:8px}
.indecativequotecalculatornew .slider-wrapper .slider{width:100%;height:4px;margin:0;border-radius:0}
.indecativequotecalculatornew .slider-wrapper .slider .ui-slider-range{height:5px;margin:2px 0;border-radius:0;background:#42145f;top:-1px}
.indecativequotecalculatornew .slider-wrapper .ui-widget.ui-widget-content{background:#e3e3e3}
.indecativequotecalculatornew .slider-wrapper .decrement_slider,.indecativequotecalculatornew .slider-wrapper .increment_slider{display:none}
.indecativequotecalculatornew .slider-wrapper .slider.ui-widget-content .ui-state-default,.indecativequotecalculatornew .slider-wrapper .slider.ui-widget-header .ui-state-default,.indecativequotecalculatornew .slider-wrapper .slider.ui-widget-content.sliding .ui-state-default,.indecativequotecalculatornew .slider-wrapper .slider.ui-widget-header.sliding .ui-state-default{width:30px;height:30px;top:-13px;margin-left:-0.6em;border:0;background:transparent url("clientlib_iqc_calc_base/resources/images/natwest-slider.svg") no-repeat;background-size:100%}
.indecativequotecalculatornew .slider-wrapper .slider.ui-slider-horizontal .ui-slider-handle:focus{outline:1px auto #1d7b8a}
.indecativequotecalculatornew .title-comp+.tooltip{width:24px;height:24px}
.indecativequotecalculatornew .errorState .text-field-comp:after,.indecativequotecalculatornew .errorState.focussed .text-field-comp:after{content:" "}
.indecativequotecalculatornew .cta.cta-primary:hover .cta-text:after{content:" "}
.indecativequotecalculatornew .focussed .text-field-comp:after{content:" ";border-top:6px solid #1d7b8a}
.indecativequotecalculatornew .focussed .text-field-comp .input-field{border:1px solid #1d7b8a}
.indecativequotecalculatornew .text-field-comp input{padding:20px}
.indecativequotecalculatornew .clearfix:after{content:"";display:table;clear:both}
.indecativequotecalculatornew .indicative-amt{display:inline-block}
@media(min-width:1024px) and (max-width:1255px){.indecativequotecalculatornew .indicative-left-container{padding:0 12px 30px 0}
.indecativequotecalculatornew .indicative-left-container .text-container{margin-top:20px}
.indecativequotecalculatornew .indicative-left-container .text-container .title-comp{font-size:18px}
.indecativequotecalculatornew .indicative-left-container .repay-yearMonth{margin-top:30px}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp span{top:42px}
.indecativequotecalculatornew .indicative-results{padding:0 0 0 12px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results:after{margin-left:-24px;margin-right:-24px}
.indecativequotecalculatornew .indicative-results .h3-custom{line-height:40px;font-size:26px}
.indecativequotecalculatornew .error-container{padding-right:25px;margin-top:38px}
.indecativequotecalculatornew .title-comp+.tooltip{width:28px;height:28px}
.indecativequotecalculatornew .text-field-comp input{padding:15px 20px 13px 20px}
}
@media(min-width:768px) and (max-width:1023px){.indecativequotecalculatornew .indicative-title{margin-top:15px;margin-bottom:30px}
.indecativequotecalculatornew .indicative-title .header_title{margin-bottom:30px}
.indecativequotecalculatornew .indicative-left-container{padding-right:0}
.indecativequotecalculatornew .indicative-left-container .indicative-amt .title-comp{line-height:40px}
.indecativequotecalculatornew .indicative-left-container .text-container{margin-top:20px}
.indecativequotecalculatornew .indicative-left-container .text-container .title-comp{line-height:26px}
.indecativequotecalculatornew .indicative-left-container .repay-yearMonth{margin-top:30px}
.indecativequotecalculatornew .indicative-left-container .indicative-term{margin-bottom:50px}
.indecativequotecalculatornew .indicative-results{border-top:1px solid #e1dada;border-left:0;padding-left:0}
.indecativequotecalculatornew .indicative-results .rep-block{padding-top:30px;border-left:0;padding-left:0}
.indecativequotecalculatornew .indicative-results .rep-block .rep-heading h3{line-height:40px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results{margin-bottom:30px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results:after{margin-left:-50px;margin-right:0}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-text-block .rep-text-heading .text-comp{line-height:22px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .cta-container{margin-top:4px;margin-bottom:16px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-text-heading,.indecativequotecalculatornew .indicative-results .rep-block .rep-results .h3-custom,.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-itr-block{width:341px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-itr-block p{line-height:28px}
.indecativequotecalculatornew .indicative-results .rep-block .cta-container{width:301px}
.indecativequotecalculatornew .indicative-results .h3-custom{line-height:40px;font-size:24px}
}
@media(max-width:767px){.indecativequotecalculatornew{margin-top:30px}
.indecativequotecalculatornew .indicative_calculator{margin:0}
.indecativequotecalculatornew .indicative-left-container{padding:0 0 30px 0}
.indecativequotecalculatornew .indicative-left-container .error-container{width:100% !important}
.indecativequotecalculatornew .indicative-left-container .text-container{margin-top:20px}
.indecativequotecalculatornew .indicative-left-container .text-container .title-comp{line-height:26px}
.indecativequotecalculatornew .indicative-left-container .repay-yearMonth{margin-top:30px}
.indecativequotecalculatornew .indicative-left-container .text-field-comp{width:100%}
.indecativequotecalculatornew .indicative-left-container .sbl-year{padding-right:5px}
.indecativequotecalculatornew .indicative-left-container .sbl-month{padding-left:5px}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month{width:49%}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp{width:100%}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp input{padding-left:15px}
.indecativequotecalculatornew .indicative-title{margin-top:0;margin-bottom:30px}
.indecativequotecalculatornew .indicative-title .header_title{margin-bottom:30px}
.indecativequotecalculatornew .indicative-title{margin-bottom:30px}
.indecativequotecalculatornew .indicative-left-container .indicative-term{margin-bottom:30px}
.indecativequotecalculatornew .indicative-results{border-left:0;padding:0;border-top:1px solid #e1dada}
.indecativequotecalculatornew .indicative-results .rep-block{padding:30px 20px 0 20px;margin-bottom:30px;margin-left:-22px;margin-right:-22px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results:after{margin-left:-11px;margin-right:-10px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-text-block .rep-text-heading{margin-bottom:0;font-size:18px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-text-block .rep-text-heading .text-comp{line-height:22px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-itr-block p{line-height:28px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .cta-container{margin-top:4px;margin-bottom:16px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-heading{margin-bottom:20px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-heading h3{line-height:40px}
.indecativequotecalculatornew .indicative-results .h3-custom{line-height:40px;font-size:24px}
.indecativequotecalculatornew .error-container{padding-right:26px;margin-top:34px}
.indecativequotecalculatornew .cta.cta-primary .cta-text{margin-left:0;margin-right:0}
.indecativequotecalculatornew .indicative-amt .title-comp{float:none;line-height:40px}
}