.indecativequotecalculatornew{padding-top:32px;padding-bottom:32px;background:#f2f2f8}
.indecativequotecalculatornew .iqDefaultstate{display:none}
.indecativequotecalculatornew .iqDefaultstate.sbldefaultstate,.indecativequotecalculatornew .iqDefaultstate.oddefaultstate{display:block}
.indecativequotecalculatornew .iqDefaultstate .speech-text p{margin-bottom:0}
.indecativequotecalculatornew .od_period{color:#333;display:block;padding-top:32px}
.indecativequotecalculatornew .toggle-wrapper-od .toggle-comp,.indecativequotecalculatornew .toggle-wrapper-sbl .toggle-comp{padding-bottom:32px}
.indecativequotecalculatornew form{margin:0}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-amount{margin:0}
.indecativequotecalculatornew .indicative-left-container .min-max-value-container{color:#333;font-size:16px}
.indecativequotecalculatornew .indicative-left-container #pl-amount,.indecativequotecalculatornew .indicative-left-container #pl-amount-od{margin:0}
.indecativequotecalculatornew .indicative-left-container .pl-borrow-amt-max-value,.indecativequotecalculatornew .indicative-left-container .max-year-value,.indecativequotecalculatornew .indicative-left-container .ic-max-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.sbl-month .text-field-comp{margin-left:32px}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month.sbl-year{margin-right:8px}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp{width:235px;position:relative}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp input{width:100%;height:60px;border-radius:8px}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp span{position:absolute;top:50px;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("https://www.natwest.com/etc.clientlibs/responsive/components/tool/iqcal/clientlibs/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 .sbl-year-month.sbl-month .error-container{margin-left:32px}
.indecativequotecalculatornew .indicative-left-container .sbl-year-month.sbl-year{margin-left:0}
.indecativequotecalculatornew .indicative-left-container .text-field-comp{max-width:471px}
.indecativequotecalculatornew .indicative-left-container .text-field-comp input{padding:17px 20px;box-shadow:none;border-radius:0;background:#fff;width:100%;height:60px;color:#333;margin-top:32px;border:1px solid #333;border-radius:8px;line-height:26px}
.indecativequotecalculatornew .indicative-left-container .text-container{margin-bottom:10px;margin-top:32px}
.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{overflow:hidden}
.indecativequotecalculatornew .indicative-results .rep-block{padding:32px;background:#fff;border-radius:16px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-heading{margin-bottom:20px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-heading h3{font-family:"RNHouseSansRegular",sans-serif;color:#333;font-weight:normal}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-text-block .rep-text-heading{color:#333;padding-bottom:5px;font-size:14px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .rep-text-block .h3{margin-bottom:20px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results .cta-container .cta{padding-top:0;padding-bottom:20px}
.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{margin-bottom:20px}
.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 .cta.cta-primary .cta-text{max-width:290px;min-width:240px}
.indecativequotecalculatornew .cta.cta-primary:hover .cta-text:after{height:8px}
.indecativequotecalculatornew .slider-wrapper{margin:0 0 10px}
.indecativequotecalculatornew .slider-wrapper a:focus{outline:2px solid #5e10b1 !important}
.indecativequotecalculatornew .slider-wrapper .decrement_slider{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/iqcal/clientlibs/clientlib_iqc_calc_base/resources/images/icon-minus_gb.svg");margin-top:6px}
.indecativequotecalculatornew .slider-wrapper .increment_slider{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/iqcal/clientlibs/clientlib_iqc_calc_base/resources/images/icon-plus_gb.svg");margin-top:6px}
.indecativequotecalculatornew .slider-wrapper .slider{width:calc(100% - 118px);height:9px;margin:13px 35px;border-radius:9px}
.indecativequotecalculatornew .slider-wrapper .slider .ui-slider-range{height:9px;margin:0;border-radius:9px;background:#5a287d}
.indecativequotecalculatornew .slider-wrapper .ui-widget.ui-widget-content{background:#be99e6}
.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:35px;height:35px;top:-14px;margin-left:-0.6em;border:0;background:transparent url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/iqcal/clientlibs/clientlib_iqc_calc_base/resources/images/Icon.svg") no-repeat;background-size:100%}
.indecativequotecalculatornew .slider-wrapper .slider.ui-slider-horizontal .ui-slider-handle{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/iqcal/clientlibs/clientlib_iqc_calc_base/resources/images/Icon.svg")}
.indecativequotecalculatornew .slider-wrapper .slider.ui-slider-horizontal .ui-slider-handle:focus{outline:2px solid #5e10b1}
.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 #5e10b1}
.indecativequotecalculatornew .focussed .text-field-comp .input-field{border:1px solid #5e10b1}
.indecativequotecalculatornew .clearfix:after{content:"";display:table;clear:both}
.indecativequotecalculatornew .indicative-amt{display:inline-block}
.indecativequotecalculatornew .indicative-amt .title-comp{color:#5a287d}
@media(min-width:1024px) and (max-width:1255px){.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{width:209px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-results:after{margin-left:-24px;margin-right:-24px}
.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 form{padding-bottom:56px}
.indecativequotecalculatornew .indicative-title{margin-top:15px;margin-bottom:30px}
.indecativequotecalculatornew .indicative-title .header_title{margin-bottom:30px}
.indecativequotecalculatornew .indicative-left-container .text-field-comp{max-width:450px}
.indecativequotecalculatornew .indicative-left-container .indicative-amt .title-comp{line-height:40px}
.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-left-container .pl-textfield-monthyear .sbl-year-month .text-field-comp{width:209px}
.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 .rep-text-heading,.indecativequotecalculatornew .indicative-results .rep-block .rep-results .h3,.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}
}
@media(max-width:767px){.indecativequotecalculatornew form{padding-bottom:32px}
.indecativequotecalculatornew .indicative-left-container .error-container{width:100% !important}
.indecativequotecalculatornew .indicative-left-container .sbl-year-month.sbl-month .error-container{margin-left:0}
.indecativequotecalculatornew .indicative-left-container .sbl-year-month{margin-left:0}
.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 .pl-textfield-monthyear .sbl-year-month{width:100%}
.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.sbl-month .text-field-comp{margin-left:0}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month.sbl-month .text-field-comp input{margin-top:24px}
.indecativequotecalculatornew .indicative-left-container .pl-textfield-monthyear .sbl-year-month.sbl-month .text-field-comp span{top:42px}
.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 .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-heading{margin-bottom:20px}
.indecativequotecalculatornew .indicative-results .rep-block .rep-heading h3{line-height:40px}
.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}
}