.cq-wcm-edit.aem-AuthorLayer-Edit .overpayment--detailstwo.disabled,.cq-wcm-edit.aem-AuthorLayer-Edit .odpaycalc_tool--textcomp.toggleno.disabled,.cq-wcm-edit.aem-AuthorLayer-Edit .overpayment--detailsthree.disabled,.cq-wcm-edit.aem-AuthorLayer-Edit .odpaycalc_tool--textcomp.toggleyes.disabled,.cq-wcm-edit.aem-AuthorLayer-Edit .odpaycalc_tool--payextra.disabled,.cq-wcm-edit.aem-AuthorLayer-Edit .overdraftpay .odpaycalc_tool--lumpsum .payextratext.disabled{display:block !important}
.odpaycalc_tool--legaltext{padding-bottom:10px;text-align:center;font-size:12px}
.odpaycalc_tool--lumpsum .focuselem{color:#5e10b1 !important}
.odpaycalc_tool--lumpsum .errorelem{color:#e60303 !important}
.odpaycalc_tool--dropdownyy .enalbemenu,.odpaycalc_tool--dropdownmm .enalbemenu{pointer-events:none}
.odpaycalc_tool-disable .form-input-field.focus{-webkit-transform:translateY(0);transform:translateY(0)}
.odpaycalc_tool-disable .form-input-field.focus .form__input-wrap{border-color:#646068}
.odpaycalc_tool-disable .form-input-field.focus .form__input-wrap:after{opacity:0}
.odpaycalc_tool-disable .form-input-field.focus .form-field-label{color:#333}
.lineseperatorbottomxs{border:1px solid #c9c9c9;margin-bottom:19.5px}
.form-input-field .form__input-wrap .text-field-comp input,.dropdown-mainwrap .dropdown-wrap .ui-selectmenu-button .ui-selectmenu-text{color:#333 !important}
.overdraftpay .odpaycalc_textonlyhero--titlecomp h2,.overdraftpay .odpaycalc_textonlyhero--titlecomp h1,.overdraftpay .odpaycalc_textonlyhero--titlecomp h3,.overdraftpay .odpaycalc_textonlyhero--titlecomp h4{color:#5a287d}
.odpaycalc_textonlyhero--textcomp span{color:#5a287d}
.overdraftpay .heading .text-comp,.overdraftpay .resultSummary .overpayment--details__label .text-comp,.form-input-field .form-field-wrap .form-field-label{color:#333}
.odpaycalc_tool--timeremainingtext p{color:#333}
.odpaycalc_tool--textcomp.toggleno,.odpaycalc_tool--textcomp.toggleyes,.active.text-comp{color:#333}
.odpaycalc_tool--textcomp{margin-bottom:32px}
.overpayment--detailstwo.disabled,.odpaycalc_tool--textcomp.toggleno.disabled,.overpayment--detailsthree.disabled,.odpaycalc_tool--textcomp.toggleyes.disabled,.odpaycalc_tool--payextra.disabled,.overdraftpay .odpaycalc_tool--lumpsum .payextratext.disabled{display:none !important}
.overpayment--detailstwo.active,.odpaycalc_tool--textcomp.toggleno.active,.overpayment--detailsthree.active,.odpaycalc_tool--textcomp.toggleyes.active,.odpaycalc_tool--payextra.active,.overdraftpay .odpaycalc_tool--lumpsum .payextratext.active{display:block}
.odpaycalc_tool--error .modal-footer .cancelBtn .cta.cta-primary .cta-text{color:#5e10b1;background-color:#fff;border:1px solid #5e10b1}
.odpaycalc_tool--error .modal-footer .cancelBtn .cta.cta-primary:hover .cta-text{color:#3c1053}
.odpaycalc_tool .cmp-container{background-image:url("../../../../../clientlibs/clientlib_base/resources/images/ErrorIcon.svg");border:1px solid #cf223f;margin:0 12px 24px 12px;background-color:#fae9ec;border-radius:8px;border-left-width:4px;padding:16px 16px 6px 60px;background-repeat:no-repeat;background-position:20px 18px}
.odpaycalc_tool .cmp-container .title{line-height:18px;margin-bottom:5px}
.odpaycalc_tool .cmp-container .title-comp{color:#333;font-family:"RNHouseSansRegular",sans-serif;font-size:14px;font-weight:bold}
.odpaycalc_tool .cmp-container .rte{font-size:14px;line-height:18px}
.odpaycalc_tool .form-input-field .form__input-wrap .input-field[isvalid="true"]{background-image:none}
.odpaycalc_tool .form-input-field.errorState .input-field[isvalid="true"]{background-image:none !important}
.odpaycalc_tool .form-input-field .form__input-wrap .input-field[aria-invalid="true"]{background-image:none !important}
.odpaycalc_tool .form-input-field .form-field-label{font-size:18px;color:#333}
.odpaycalc_tool .form-input-field .form-field-label .astrick{display:none}
.odpaycalc_tool .form-input-field.errorState .form-field-wrap .form-field-label{color:#333}
.odpaycalc_tool .form-input-field.errorState .form-field-wrap .form__input-wrap{border:2px solid #cf223f}
.odpaycalc_tool .form-input-field.errorState .error-container{display:flex;padding-top:8px}
.odpaycalc_tool .form-input-field.errorState .error-container .error-text{color:#646068;font-size:16px;line-height:26px;padding-top:2px}
.odpaycalc_tool .form-input-field.errorState .error-container::before{content:' ';background-image:url("../../../../../clientlibs/clientlib_base/resources/images/ErrorIcon.svg");background-repeat:no-repeat;display:inline-block;width:40px;height:24px;flex-shrink:0}
.odpaycalc_tool .errContainer{display:none}
.odpaycalc_tool .errContainer .overpaymentExceededError{display:flex;padding-top:8px}
.odpaycalc_tool .errContainer .overpaymentExceededError .error-text{color:#646068;font-size:16px;line-height:26px;padding-top:2px}
.odpaycalc_tool .errContainer .overpaymentExceededError::before{content:' ';background-image:url("../../../../../clientlibs/clientlib_base/resources/images/ErrorIcon.svg");background-repeat:no-repeat;display:inline-block;width:40px;height:24px}
.odpaycalc_tool .odpaycalc_tool--dropdown .odpaycalc_tool--timeremainingtext .timerem{font-size:18px}
.odpaycalc_tool--intrate .form-input-field .form__input-wrap .text-field-comp input{background-image:none;background-repeat:no-repeat;background-position:100% 21px}
.overdraftpay .odpaycalc_tool--togglecontainer{padding:0}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp{margin-bottom:0}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper{width:50%;height:64px;float:left}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper .btn-primary{font-size:16px;line-height:22px;padding:10px 20px 12px 20px;float:left;width:100%;height:100%;position:relative;background-color:transparent;color:#5e10b1;display:table;border:1px solid #5e10b1}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper .btn-primary input:focus+.buttonfocus{position:absolute;top:-6px;bottom:-6px;left:0;outline:1px solid #5e10b1;z-index:98;width:100%;display:inline-block}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper .btn-primary .toogleBtn{left:0;margin:0;position:absolute;opacity:0;width:100%;height:100%;top:0;cursor:pointer;z-index:99}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper .btn-primary.selected{background-color:#3c1053;color:white}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper .btn-primary .btntext{overflow:hidden;font-size:18px;line-height:22px;width:100%;height:100%;white-space:normal;display:table-cell;vertical-align:middle}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper .btn-primary .btntext span{max-height:48px;display:block;overflow:hidden;word-break:break-word}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper:first-child .btn-primary{border-radius:100px 0 0 100px}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper:last-child .btn-primary{border-radius:0 100px 100px 0}
.overdraftpay .header-email-cta{display:none;float:right}
.overdraftpay .header-email-cta.cq-Editable-dom{display:block}
.overdraftpay .header-email-cta .cta-with-img-wrapper a .cta-image{transform:translateY(-50%);top:50%}
.overdraftpay .header-email-cta{display:none;float:right}
.overdraftpay .header-email-cta.cq-Editable-dom{display:block}
.overdraftpay .header-email-cta .cta-with-img-wrapper a .cta-image{transform:translateY(-50%);top:50%}
.overdraftpay .odpaycalc_textonlyhero{background-color:#fbba20}
.overdraftpay .odpaycalc_textonlyhero--titlecomp{padding-top:10px}
.overdraftpay .odpaycalc_midsec{padding:30px 0 0 0;background-color:#f2eaf9;position:relative}
.overdraftpay .odpaycalc_midsec .container{padding-left:16px;padding-right:27px}
.overdraftpay .odpaycalc_midsec--titlecomp{padding-top:20px}
.overdraftpay .odpaycalc_midsec--logoutrte{padding-top:10px}
.overdraftpay .odpaycalc_midsec--logoutrte p{margin-bottom:24px}
.overdraftpay .odpaycalc_midsec--loginrtesingle{margin-bottom:20px}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .container{padding-left:10px;padding-right:10px}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary span.text-comp{font-size:14px;line-height:26.06px;color:#333}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .rtelogout{margin-top:10px}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .rtelogout p{margin-top:20px}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary .mortbalance,.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary .timeremaining,.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary .monthlyinterest,.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary .monthlypay{margin-top:20px}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary--mortbalancevalue,.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary--monthlyinterestvalue,.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary--timeremainingvalue,.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary--monthlypayvalue{margin-top:7px;font-size:30px;line-height:30px;color:#5a287d}
.overdraftpay .odpaycalc_midsec--loginmulti .multiaccounttitle{padding-left:66px;border-top:1px solid #cccfd0;border-radius:0;border-bottom:1px solid #cccfd0}
.overdraftpay .odpaycalc_midsec--loginmulti .multiaccounttitle a::before{background-color:#5e10b1;width:40px;height:40px;position:absolute;left:7px;top:20px;padding:5px 11px 0 14px;padding-bottom:14px;content:'+';font-size:24px;color:#fff;border-radius:8px}
.overdraftpay .odpaycalc_midsec--loginmulti .multiaccounttitle a .collapsed::before{content:url("clientlib_overpaymenttool_base/resources/images/icon-open.svg")}
.overdraftpay .odpaycalc_midsec--loginmulti .multiaccounttitle a.collapsed_link::before{content:'-';font-size:24px;padding:5px 11px 0 14px}
.overdraftpay .odpaycalc_midsec--loginmulti .multiaccounttitle .title-comp{color:#5e10b1;font-size:18px;font-family:"RNHouseSansRegular",sans-serif;font-weight:normal;letter-spacing:.2px;line-height:30px;padding:29px 0 27px}
.overdraftpay .odpaycalc_midsec--loginmulti .subac{margin-bottom:20px}
.overdraftpay .odpaycalc_midsec--loginmulti a:hover,.overdraftpay .odpaycalc_midsec--loginmulti a:focus{text-decoration:none}
.overdraftpay .odpaycalc_midsec--loginmulti .collapse .acard-block .sub_lineseperator{border-bottom:1px solid #cccfd0;border-radius:0;margin:0 8.3%;clear:both;padding-bottom:20px}
.overdraftpay .odpaycalc_midsec--loginmulti #collapseExample{clear:both;width:100%}
.overdraftpay .odpaycalc_midsec--loginmulti .card-body{background:0;display:inline-block;border:0;width:100%;padding:0}
.overdraftpay .odpaycalc_midsec--loginmulti .card-body:last-child .sub_lineseperator{border:0}
.overdraftpay .odpaycalc_midsec--loginmulti .card-body--multi::after{border:1px solid #cccfd0;border-radius:0}
.overdraftpay .odpaycalc_midsec--loginmulti .card-body--multi .acard-lable{color:#333;font-size:16px;font-family:"RNHouseSansRegular",sans-serif;font-weight:normal;letter-spacing:0;line-height:26.06px}
.overdraftpay .odpaycalc_midsec--loginmulti .card-body--multi .acard-value{color:#42145f;font-size:18px;font-family:"RNHouseSansRegular",sans-serif;font-weight:normal;letter-spacing:.2px;line-height:26px}
.overdraftpay .odpaycalc_midsec:after{border-right:31px solid transparent;border-top:21px solid #f2eaf9;left:16.6%;display:block;content:"";width:0;height:0;position:absolute;border-left:31px solid transparent;bottom:-20px}
.overdraftpay .odpaycalc_tool--titlecomp{padding-top:24px}
.overdraftpay .odpaycalc_tool--titlecomp h3{font-size:24px;font-weight:700}
.overdraftpay .odpaycalc_tool--timeremainingtext .timerem{margin-bottom:5px;font-size:16px;line-height:26px;display:block}
.overdraftpay .odpaycalc_tool--togglecomp{padding-top:24px}
.overdraftpay .odpaycalc_tool--textcomp{padding-top:24px}
.overdraftpay .odpaycalc_tool--textcomp .text-comp{font-size:16px}
.overdraftpay .odpaycalc_tool--input .form-field-label{margin-top:20px}
.overdraftpay .odpaycalc_tool--input .form-input-field .form-field-wrap .form__input-wrap{width:auto;padding-bottom:16px;height:60px}
.overdraftpay .odpaycalc_tool--dropdown{margin-top:20px}
.overdraftpay .odpaycalc_tool--dropdown .dropdown-mainwrap .dropdown-wrap .dropdown-selected{height:60px}
.overdraftpay .odpaycalc_tool--dropdown .dropdown-mainwrap .dropdown-wrap .dropdown-selected .ui-button.ui-selectmenu-button{padding:18px 44px 16px 20px}
.overdraftpay .odpaycalc_tool--dropdown .dropdown-mainwrap .dropdown-wrap .ui-selectmenu-button .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s{width:17px;height:17px;background-image:url("clientlib_overpaymenttool_base/resources/images/dropdown_champ.svg")}
.overdraftpay .odpaycalc_tool--dropdown .dropdown-mainwrap .dropdown-wrap .dropdown-selected .dropdown-select{background-image:url("clientlib_overpaymenttool_base/resources/images/dropdown_champ.svg")}
.overdraftpay .odpaycalc_tool--dropdown .dropdown-mainwrap .dropdown-wrap.dropdown-open{top:0;transition:none}
.overdraftpay .odpaycalc_tool--dropdown .dropdown-mainwrap .dropdown-wrap.dropdown-open .ui-selectmenu-button .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s{background-image:url("clientlib_overpaymenttool_base/resources/images/dropdown_expanded_champ.svg")}
.overdraftpay .odpaycalc_tool--dropdown .dropdown-mainwrap .dropdown-wrap.dropdown-large.active .dropdown-selected.expanded .dropdown-select{background-image:url("clientlib_overpaymenttool_base/resources/images/dropdown_expanded_champ.svg") !important}
.overdraftpay .odpaycalc_tool--dropdownyy{width:46.6%;display:inline-block}
.overdraftpay .odpaycalc_tool--dropdownmm{width:51.1%;padding-left:15px;display:inline-block}
.overdraftpay .odpaycalc_tool--intrate .form-field-label{margin-top:20px}
.overdraftpay .odpaycalc_tool--intrate .form-input-field .form-field-wrap .form__input-wrap{width:auto;height:60px}
.overdraftpay .odpaycalc_tool--payextra .form-field-label{margin-top:20px;width:max-content}
.overdraftpay .odpaycalc_tool--payextra .form-input-field .form-field-wrap .form__input-wrap{width:auto;height:60px}
.overdraftpay .odpaycalc_tool--lumpsum{padding-top:20px}
.overdraftpay .odpaycalc_tool--lumpsum .payextratext{display:inline;float:left;font-size:16px;line-height:26px;padding-right:3px;margin-bottom:0;color:#333}
.overdraftpay .odpaycalc_tool--lumpsum .form-field-label{margin-top:20px;display:inline}
.overdraftpay .odpaycalc_tool--lumpsum .form-input-field .form-field-wrap .form__input-wrap{width:auto;height:60px}
.overdraftpay .odpaycalc_tool--cta{padding-top:24px}
.overdraftpay .odpaycalc_tool--cta .cta.cta-primary .cta-text{min-width:335px}
.overdraftpay .odpaycalc_tool--recal{padding-left:0;padding-right:0}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary{margin-bottom:60px}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary .cta-text{border:1px solid #5e10b1;background-color:#fff;color:#5e10b1;min-width:335px}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary:hover .cta-text{color:#3c1053}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary:focus{background-color:#fff;color:#5e10b1}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary:focus .cta-text{outline:3px solid #5e10b1;outline-offset:2px}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary:focus:hover{color:#3c1053}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary:focus:hover .cta-text{background-color:transparent}
.overdraftpay .odpaycalc_tool--graphresults .axislabel{color:#333;font-family:"RNHouseSansBold",sans-serif;font-size:12px;font-weight:bold;height:18px;line-height:18px;width:113px}
.overdraftpay .graph-placeholder{margin-left:-20px}
.overdraftpay .heading{text-align:center;margin-bottom:20px}
.overdraftpay .heading .text-comp{font-size:14px;line-height:18px;padding-right:9px}
.overdraftpay .heading .h3{display:inline-block;font-size:22px;line-height:32px}
.overdraftpay .heading .h3 strong{font-weight:normal}
.overdraftpay .resultSummary .row{margin-right:0;margin-left:0}
.overdraftpay .resultSummary .overpayment--details{text-align:center}
.overdraftpay .resultSummary .overpayment--detailsone{margin-top:36px}
.overdraftpay .resultSummary .overpayment--detailsone:before{content:"";width:100%;height:9px;background:#8b3fb2;position:absolute;top:-20px;left:0}
.overdraftpay .resultSummary .overpayment--details__label{margin-bottom:5px}
.overdraftpay .resultSummary .overpayment--details__label .text-comp{font-size:16px;line-height:20px}
.overdraftpay .resultSummary .overpayment--details__value{font-size:22px;line-height:32px;color:#5a287d}
.overdraftpay .resultSummary .overpayment--details__value strong{font-weight:normal}
.overdraftpay .resultSummary .overpayment--detailstwo,.overdraftpay .resultSummary .overpayment--detailsthree{margin-top:44px}
.overdraftpay .resultSummary .overpayment--detailstwo:before,.overdraftpay .resultSummary .overpayment--detailsthree:before{content:"";width:100%;height:9px;background:#be99e6;position:absolute;top:-20px;left:0}
.overdraftpay .resultSummary .overpayment--detailsfour{margin-top:44px;margin-bottom:48px}
.overdraftpay .resultSummary .overpayment--detailsfour:before{content:"";width:100%;height:9px;background:#8b3fb2;position:absolute;top:-20px;left:0}
.overdraftpay .odpaycalc_tool--error .light-box .light-box__container{width:335px;padding:56px 20px 46px}
.overdraftpay .odpaycalc_tool--error .light-box .light-box__container .modal-header .close:after,.overdraftpay .odpaycalc_tool--error .light-box .light-box__container .modal-header .close:before{background:#5e10b1}
@media(min-width:768px) and (max-width:1023px){.overdraftpay .odpaycalc_tool--payextra.disabled{display:none}
.overdraftpay .heading{text-align:center;margin-bottom:0}
.overdraftpay .loginmulti .monthlypay{margin-left:8.33333%}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .btn-primary{font-size:18px;padding:10px 40px 12px 40px}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper{height:66px}
.overdraftpay .odpaycalc_tool--intrate.d-none ~ .odpaycalc_tool--payextra{margin-left:0;padding-left:0}
.overdraftpay .odpaycalc_tool--legaltext{padding-bottom:44px}
.overdraftpay .lineseperatorbottomxs{display:none}
.overdraftpay .lineseperator{border:1px solid #cccfd0;margin-top:-14px;margin-bottom:13px;margin-left:50px;margin-right:6px}
.overdraftpay .odpaycalc_textonlyhero{padding-top:36px;padding-bottom:0}
.overdraftpay .odpaycalc_textonlyhero--titlecomp{width:400px;padding-top:20px;padding-bottom:38px}
.overdraftpay .odpaycalc_textonlyhero--img{padding-top:4px}
.overdraftpay .odpaycalc_image_wrapper .comp-img-generic{height:160px}
.overdraftpay .odpaycalc_midsec{padding:25px 0 0 0}
.overdraftpay .odpaycalc_midsec .container{padding-left:24px;padding-right:24px}
.overdraftpay .odpaycalc_midsec--logoutrte{padding-top:20px}
.overdraftpay .odpaycalc_midsec--loginmulti .card-body--multi .acard-lable{width:77.6%;font-size:14px;height:36px;line-height:18px}
.overdraftpay .odpaycalc_midsec--loginmulti .multiaccounttitle{padding:0 0 0 66px}
.overdraftpay .odpaycalc_midsec--loginmulti .card-body--multi{padding-left:6px}
.overdraftpay .odpaycalc_midsec:after{left:18%}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary span.text-comp{font-size:18px;color:#333}
.overdraftpay .odpaycalc_tool--togglecomp{padding-top:24px}
.overdraftpay .odpaycalc_tool--dropdownyy{width:48%;display:inline-block}
.overdraftpay .odpaycalc_tool--dropdownyy .dropdown-wrap{width:auto !important}
.overdraftpay .odpaycalc_tool--dropdownyy .dropdown-wrap .dropdown-selected{width:100% !important}
.overdraftpay .odpaycalc_tool--dropdownyy .dropdown-wrap .dropdown-select{width:100% !important}
.overdraftpay .odpaycalc_tool--dropdownmm{width:51%;padding-left:24px;display:inline-block}
.overdraftpay .odpaycalc_tool--dropdownmm .dropdown-wrap{width:auto !important}
.overdraftpay .odpaycalc_tool--dropdownmm .dropdown-wrap .dropdown-selected{width:100.2% !important}
.overdraftpay .odpaycalc_tool--dropdownmm .dropdown-wrap .dropdown-select{width:100% !important}
.overdraftpay .odpaycalc_tool--intrate{width:48%;display:inline-block}
.overdraftpay .odpaycalc_tool--payextra{width:51.9%;display:inline-block;padding-left:29px;margin-left:-5px}
.overdraftpay .odpaycalc_tool--lumpsum .form-field-label{margin-top:21px}
.overdraftpay .odpaycalc_tool--lumpsum .form-input-field .form-field-wrap .form__input-wrap{width:auto}
.overdraftpay .odpaycalc_tool--cta{padding-top:14px}
.overdraftpay .odpaycalc_tool--cta .cta.cta-primary .cta-text{min-width:586px}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary{margin-bottom:65px;margin-top:-25px}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary .cta-text{min-width:586px}
.overdraftpay .odpaycalc_tool--graphresults{margin-left:3.5px}
.overdraftpay .odpaycalc_tool--graphresults #js-graph-placeholder{margin-left:0}
.overdraftpay .odpaycalc_tool--graphresults .legendWrap{transform:translate(125px,6.5px)}
.overdraftpay .odpaycalc_tool--graphresults .legend .series:nth-child(1){transform:translate(171px,6.5px)}
.overdraftpay .odpaycalc_tool--graphresults .legend .series:nth-child(1) path.line{transform:translate(-3px,0)}
.overdraftpay .odpaycalc_tool--graphresults .legend .series:nth-child(2){transform:translate(-18px,6.5px)}
.overdraftpay .odpaycalc_tool--graphresults .legend .series:nth-child(2) path.line{transform:translate(-6px,0);stroke-dasharray:9,6 !important}
.overdraftpay .odpaycalc_tool--error .light-box .light-box__container{width:82.6%;padding:53px 28px 37px}
.overdraftpay .heading{position:static;text-align:center}
.overdraftpay .heading .text-comp{font-size:14px;line-height:18px;padding-right:10px}
.overdraftpay .resultSummary .overpayment--detailsone,.overdraftpay .resultSummary .overpayment--detailstwo,.overdraftpay .resultSummary .overpayment--detailsthree,.overdraftpay .resultSummary .overpayment--detailsfour{margin-top:52px;width:30.15%}
.overdraftpay .resultSummary .overpayment--detailsone:before,.overdraftpay .resultSummary .overpayment--detailstwo:before,.overdraftpay .resultSummary .overpayment--detailsthree:before,.overdraftpay .resultSummary .overpayment--detailsfour:before{top:-25px}
.overdraftpay .resultSummary .overpayment--details__label{margin-bottom:10px;padding-left:3px;padding-right:4px}
}
@media(min-width:1024px) and (max-width:1255px){.overdraftpay .odpaycalc_tool--payextra.disabled{display:none}
.overdraftpay .heading{text-align:center;margin-bottom:0}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .btn-primary{line-height:26px;padding:10px 40px 12px 40px}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper{height:66px}
.overdraftpay .odpaycalc_tool--legaltext{padding-bottom:44px}
.overdraftpay .lineseperator{border:1px solid #cccfd0;margin-top:-14px;margin-bottom:13px}
.overdraftpay .lineseperatorbottomxs{display:none}
.overdraftpay .odpaycalc_textonlyhero{padding-top:30px;padding-bottom:24px}
.overdraftpay .odpaycalc_textonlyhero .text-comp{font-size:18px;letter-spacing:0;line-height:26px}
.overdraftpay .odpaycalc_textonlyhero--titlecomp{width:500px;padding-top:20px}
.overdraftpay .odpaycalc_tool--titlecomp{padding-top:32px}
.overdraftpay .odpaycalc_tool--titlecomp h3{font-size:26px}
.overdraftpay .odpaycalc_image_wrapper{padding:0 26px}
.overdraftpay .odpaycalc_image_wrapper .comp-img-generic{height:144px}
.overdraftpay .odpaycalc_midsec{padding:31px 0 0 0}
.overdraftpay .odpaycalc_midsec--logoutrte{padding-top:20px}
.overdraftpay .odpaycalc_midsec--logoutrte p{margin-bottom:32px}
.overdraftpay .odpaycalc_midsec:after{left:20.75%}
.overdraftpay .odpaycalc_midsec--loginmulti .card-body--multi .acard-lable{width:74.6%;height:42px;line-height:21px}
.overdraftpay .odpaycalc_midsec--loginmulti .collapse .acard-block .sub_lineseperator{margin:20px 85px}
.overdraftpay .odpaycalc_midsec--loginmulti .collapse .acard-block:last-child .lineseperator{border:0}
.overdraftpay .odpaycalc_midsec--loginmulti .subac{border-bottom:0;margin-bottom:0}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary{padding:0}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary span.text-comp{font-size:18px}
.overdraftpay .odpaycalc_tool--togglecomp{padding-top:32px}
.overdraftpay .odpaycalc_tool--dropdownyy{width:47.7%;display:inline-block}
.overdraftpay .odpaycalc_tool--dropdownmm{display:inline-block;padding-left:25px}
.overdraftpay .odpaycalc_toolmm{width:51.3%;padding-left:35px}
.overdraftpay .odpaycalc_tool--intrate{width:48.45%;display:inline-block}
.overdraftpay .odpaycalc_tool--payextra{width:48%;display:inline-block;margin-left:20px}
.overdraftpay .odpaycalc_tool--lumpsum{padding-top:22px}
.overdraftpay .odpaycalc_tool--lumpsum .form-field-label{margin-top:22px}
.overdraftpay .odpaycalc_tool--lumpsum .form-input-field .form-field-wrap .form__input-wrap{width:auto}
.overdraftpay .odpaycalc_tool--cta{padding-top:13px}
.overdraftpay .odpaycalc_tool--cta .cta.cta-primary .cta-text{min-width:766px}
.overdraftpay .odpaycalc_tool--recal{display:block !important}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary{margin-bottom:50px;margin-top:-23px}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary .cta-text{min-width:766px}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary:hover .cta-text{color:#3c1053}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary:focus{background-color:#fff;color:#5e10b1}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary:focus .cta-text{outline:3px solid #5e10b1;outline-offset:2px}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary:focus:hover{color:#3c1053}
.overdraftpay .odpaycalc_tool--recal .cta.cta-primary:focus:hover .cta-text{background-color:transparent}
.overdraftpay .odpaycalc_tool--graphresults .graph-container{margin-left:41px}
.overdraftpay .odpaycalc_tool--graphresults .graph-container .legendWrap{transform:translate(274px,-10px)}
.overdraftpay .odpaycalc_tool--graphresults .graph-container .legend .series:nth-child(1){transform:translate(0,5px)}
.overdraftpay .odpaycalc_tool--graphresults .graph-container .legend .series:nth-child(1) path.line{transform:translate(-3.5px,0)}
.overdraftpay .odpaycalc_tool--graphresults .graph-container .legend .series:nth-child(2){transform:translate(-2px,5px)}
.overdraftpay .odpaycalc_tool--graphresults .graph-container .legend .series:nth-child(2) path.line{transform:translate(-6.5px,0);stroke-dasharray:9,6 !important}
.overdraftpay .odpaycalc_tool--graphresults.without-payment .graph-container .legend .series:nth-child(1){transform:translate(188px,5px)}
.overdraftpay .odpaycalc_tool--error .light-box .light-box__container{width:64.1%;padding:53px 39px 47px}
.overdraftpay .heading{position:static;text-align:center;width:80%}
.overdraftpay .heading .text-comp{font-size:14px;line-height:18px;padding-right:10px}
.overdraftpay .resultSummary .overpayment--detailsone,.overdraftpay .resultSummary .overpayment--detailstwo,.overdraftpay .resultSummary .overpayment--detailsthree,.overdraftpay .resultSummary .overpayment--detailsfour{margin-top:53px;width:33.3%}
.overdraftpay .resultSummary .overpayment--detailsone:before,.overdraftpay .resultSummary .overpayment--detailstwo:before,.overdraftpay .resultSummary .overpayment--detailsthree:before,.overdraftpay .resultSummary .overpayment--detailsfour:before{top:-25px}
.overdraftpay .resultSummary .overpayment--details__label{margin-bottom:10px;padding-left:33px;padding-right:33px}
.overdraftpay .odpaycalc_midsec .container{padding-left:22px}
.overdraftpay .odpaycalc_tool--intrate.d-none ~ .odpaycalc_tool--payextra{margin-left:0}
}
@media(min-width:1256px){.odpaycalc_tool--textcomp{margin-bottom:32px}
.odpaycalc_tool--graphresults #xlhide{display:none}
.overdraftpay .heading{margin-bottom:0}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .btn-primary{line-height:26px;padding:10px 12px}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper{height:66px}
.overdraftpay .odpaycalc_tool--legaltext{padding-bottom:44px;text-align:left}
.overdraftpay .odpaycalc_textonlyhero .text-comp{font-size:22px;letter-spacing:0;line-height:32px}
.overdraftpay .odpaycalc_textonlyhero--titlecomp{padding-top:20px;padding-bottom:50px}
.overdraftpay .odpaycalc_textonlyhero--textcomp{padding-top:50px}
.overdraftpay .odpaycalc_tool--titlecomp{padding-top:32px}
.overdraftpay .odpaycalc_tool--titlecomp h3{font-size:30px}
.overdraftpay .odpaycalc_image_wrapper{padding-top:3px}
.overdraftpay .odpaycalc_image_wrapper .comp-img-generic{height:273px}
.overdraftpay .odpaycalc_midsec{padding:58px 0 0 0}
.overdraftpay .odpaycalc_midsec--logoutrte{padding-top:20px}
.overdraftpay .odpaycalc_midsec--logoutrte p{margin-bottom:32px}
.overdraftpay .odpaycalc_midsec:after{left:27.28%;border-right:50 px solid transparent;border-top:33 px solid #f2eaf9;border-left:50 px solid transparent;bottom:-33 px}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .title-comp{padding-top:34px}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary .mortbalance,.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary .timeremaining,.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary .monthlyinterest,.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary .monthlypay{margin-top:22px}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .mortgage-usersummary .col-lg-2.col-md-4.col-sm-5.col-sm-offset-right-1.col-xs-6.timeremaining{margin-right:50px}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary span.text-comp{font-size:16px;color:#333}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .rtelogout{margin-top:12px}
.overdraftpay .odpaycalc_midsec--loginrtesingle .mortgage-summary .rtelogout p{margin-top:0}
.overdraftpay .odpaycalc_midsec--loginmulti .subac{border-bottom:0;margin-bottom:0}
.overdraftpay .odpaycalc_tool--togglecomp{padding-top:32px}
.overdraftpay .odpaycalc_tool--input .form-field-label{margin-top:44px;width:max-content}
.overdraftpay .odpaycalc_tool--input .form-input-field .form-field-wrap .form__input-wrap{width:auto;height:66px}
.overdraftpay .odpaycalc_tool--dropdown{margin-top:33px}
.overdraftpay .odpaycalc_tool--dropdown .dropdown-mainwrap .dropdown-wrap .dropdown-selected{height:66px}
.overdraftpay .odpaycalc_tool--dropdown .dropdown-mainwrap .dropdown-wrap .dropdown-selected .ui-button.ui-selectmenu-button{padding:20px 44px 20px 20px}
.overdraftpay .odpaycalc_tool--dropdownyy{width:47.2%;display:inline-block}
.overdraftpay .odpaycalc_tool--dropdownmm{width:51.5%;display:inline-block}
.overdraftpay .odpaycalc_tool--intrate .form-field-label{margin-top:33px}
.overdraftpay .odpaycalc_tool--intrate .form-input-field .form-field-wrap .form__input-wrap{width:auto;height:66px}
.overdraftpay .odpaycalc_tool--payextra .form-field-label{width:max-content;margin-top:33px}
.overdraftpay .odpaycalc_tool--payextra .form-input-field .form-field-wrap .form__input-wrap{width:auto;height:66px}
.overdraftpay .odpaycalc_tool--lumpsum{margin-top:33px;padding-top:0}
.overdraftpay .odpaycalc_tool--lumpsum .form-field-label{margin-top:33px}
.overdraftpay .odpaycalc_tool--lumpsum .form-input-field .form-field-wrap .form__input-wrap{width:auto;height:66px}
.overdraftpay .odpaycalc_tool--cta{padding-top:33px}
.overdraftpay .odpaycalc_tool--cta .cta.cta-primary .cta-text{min-width:225px}
.overdraftpay .odpaycalc_tool--graphresults{padding-left:13px}
.overdraftpay .odpaycalc_tool--graphresults .graph-container{margin-top:218.5px;width:640px}
.overdraftpay .odpaycalc_tool--graphresults .graph-container #js-graph-placeholder{margin-left:-6px}
.overdraftpay .odpaycalc_tool--graphresults .graph-container #js-graph-placeholder .legendWrap{transform:translate(119px,-34px)}
.overdraftpay .odpaycalc_tool--graphresults .graph-container .legend .series:nth-child(1){transform:translate(176px,5.5px)}
.overdraftpay .odpaycalc_tool--graphresults .graph-container .legend .series:nth-child(1) path.line{transform:translate(-3.5px,0)}
.overdraftpay .odpaycalc_tool--graphresults .graph-container .legend .series:nth-child(2){transform:translate(-10px,5.5px)}
.overdraftpay .odpaycalc_tool--graphresults .graph-container .legend .series:nth-child(2) path.line{transform:translate(-6.5px,0);stroke-dasharray:9,6 !important}
.overdraftpay .odpaycalc_tool--error .light-box .light-box__container{width:60%;padding:41px 75px 51px}
.overdraftpay .lineseperator{border:1px solid #cccfd0;margin-top:9px;margin-bottom:14px;margin-left:55px}
.overdraftpay .lineseperatorbottom{border:1px solid #cccfd0;margin-left:55px;margin-top:10px}
.overdraftpay .heading{text-align:center}
.overdraftpay .heading .text-comp{font-size:14px;line-height:18px;padding-right:10px}
.overdraftpay .resultSummary{margin-left:55px}
.overdraftpay .resultSummary .overpayment--detailsone,.overdraftpay .resultSummary .overpayment--detailstwo,.overdraftpay .resultSummary .overpayment--detailsthree,.overdraftpay .resultSummary .overpayment--detailsfour{margin-top:35px;width:33.28%;margin-bottom:0}
.overdraftpay .resultSummary .overpayment--detailsone:before,.overdraftpay .resultSummary .overpayment--detailstwo:before,.overdraftpay .resultSummary .overpayment--detailsthree:before,.overdraftpay .resultSummary .overpayment--detailsfour:before{top:-20px}
.overdraftpay .resultSummary .overpayment--details__label{margin-bottom:10px;padding-left:3px;padding-right:3px}
}
.graph-placeholder{width:100%;height:100%;font-family:"RNHouseSansRegular",sans-serif;font-size:13px;font-size:1.3rem;line-height:16px;line-height:1.6rem}
.legend .series{cursor:pointer;font-size:14px;font-size:1.4rem;line-height:18px}
.legend circle{stroke-width:1px}
.legend .disabled circle{fill-opacity:0}
.axis path{fill:none;stroke:#50266b;stroke-opacity:1;shape-rendering:crispedges;stroke-width:2px}
.axis.domain{stroke-opacity:1}
.axis line{fill:none;stroke:#000;stroke-opacity:.25;shape-rendering:crispEdges}
.axis.zero{stroke-opacity:.75}
.axis.y line{fill:none;stroke:#eee;opacity:1;shape-rendering:crispEdges;stroke-width:2px}
.point-paths path{stroke-opacity:0;fill-opacity:0}
.lines path{fill:none;stroke-width:2px}
.lines .point{stroke-width:0;stroke-opacity:0;fill-opacity:0}
.lines .point.hover{stroke-width:5px;stroke-opacity:.5}
.line.hover path{stroke-width:1px}
.line-1 path{stroke-dasharray:4 4}
.tick{opacity:0}
.nvtooltip{position:absolute;padding:11px 12px 13px 12px;background-color:#f2eaf9;opacity:.80;text-align:center;font-family:"RNHouseSansRegular",sans-serif;font-size:14px;font-size:1.4rem;line-height:18px;line-height:1.8rem;color:#646068}
.nvtooltip span{bottom:-9px;border-style:solid;border-right:10px solid transparent;border-top:6px solid #f2eaf9;border-left:10px solid transparent;position:absolute;left:44%;border-bottom-color:transparent}
.legendColorBox div{border:0 !important}
.legend table{border-spacing:5px;background-image:url("../../../../../../../etc.clientlibs/dmp/clientlibs/clientlibs_base/resources/images/misc/current-mortgages-legend.gif");background-position:right center;background-repeat:no-repeat}
.legend table td{padding-right:3.125em;text-align:right}
.legend.custom-legend{background-image:url("../../../../../../../etc.clientlibs/dmp/clientlibs/clientlibs_base/resources/images/misc/overpayments-legend.gif") !important}
#graph-tooltip{position:absolute;display:none;padding:.625em;background-color:#e1e1f1;opacity:.80;text-align:center;font-family:"RNHouseSansRegular",sans-serif;font-size:13px;line-height:16px;line-height:1.6rem;color:#5a287d;z-index:99}
#graph-tooltip span{background:url("../../../../../../../etc.clientlibs/dmp/clientlibs/clientlibs_base/resources/images/misc/tooltip-arrow.gif") !important;display:inline-block;width:9px;height:5px;bottom:-5px;position:absolute;left:48%}
.axisLabel{position:absolute;text-align:center;font-size:12px}
.xaxisLabel{bottom:-20px;left:0;right:0}
.yaxisLabel{top:30%;left:-20px;transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0}
.tool-comp .input-field--width-very-small,.natyes .input-field--width-very-small{width:4.6em}
.custom-split-field .form-input-row{display:inline-block;margin:0 15px;margin:0rem 1.5rem}
.custom-split-field .input-label{padding-left:15px;padding-left:1.5rem}
.overpayment--non-graph-info{display:none}
.overpayment .error-container{left:14%;bottom:75%}
.overpayment .custom-split-field .error-container{left:0;bottom:115%}
@media only screen and (min-width:568px) and (max-width:700px){.overpayment--graph.desk--three-fifths{width:100%}
.tool--overpayment .desk--two-fifths{width:100%}
}
@media(max-width:767px){.legend .series:nth-child(1){transform:translate(21px,1px)}
.legend .series:nth-child(1) .line{transform:translate(-8.5px,0)}
.legend .series:nth-child(2){transform:translate(11px,26px)}
.legend .series:nth-child(2) .line{transform:translate(-2px,0);stroke-dasharray:9,6 !important}
.android .axislabel{outline-offset:4px !important}
.overdraftpay .odpaycalc_textonlyhero .text-comp{font-size:18px;letter-spacing:0;line-height:26px}
.overdraftpay .odpaycalc_textonlyhero--titlecomp{padding-top:10px}
.overdraftpay .odpaycalc_midsec--titlecomp{padding-top:10px}
.overdraftpay .odpaycalc_midsec--loginmulti .collapse .acard-block .sub_lineseperator{margin:20px 3px}
.overdraftpay .odpaycalc_midsec--loginmulti .collapse .acard-block:last-child .lineseperator{border:0}
.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper .btn-primary .btntext{font-size:16px}
.overdraftpay .odpaycalc_tool--graphresults .axislabel{font-size:11px;width:104px;outline:1px solid #cbcbcb;outline-offset:10px}
.overdraftpay .odpaycalc_tool--error .light-box .light-box__container{max-height:448px;height:auto}
.odpaycalc_tool--graphresults{display:flex;flex-direction:column}
.odpaycalc_tool--graphresults .resultview{order:1}
.odpaycalc_tool--graphresults .graph-container{order:2}
.odpaycalc_tool--graphresults .odpaycalc_tool--recal{order:3}
.overdraftpay .resultSummary .heading{display:none}
}
@media(max-width:767px){.overdraftpay .odpaycalc_midsec--loginmulti .card-body--multi .acard-value{height:26px;overflow:hidden;margin-bottom:15px}
.overdraftpay .odpaycalc_midsec--loginmulti .collapse .acard-block .sub_lineseperator{margin-top:0;padding-bottom:5px}
}
.overdraftpay .odpaycalc_tool--graphresults .container-two{background-color:#ffeae6}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense span{font-size:16px;color:#333}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense .amount_value{color:#5a287d}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .blueberry,.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .peachpie,.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .aubergine,.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .broccoli,.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .tangerine,.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .watermelon,.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .yolk,.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .powderblue{background-repeat:no-repeat;background-position:bottom;background-size:100% 15%;font-style:normal;background-position-y:95%}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .blueberry{background-image:url("clientlib_overpaymenttool_base/resources/images/Blueberry.png")}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .peachpie{background-image:url("clientlib_overpaymenttool_base/resources/images/Peachpie.png")}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .aubergine{background-image:url("clientlib_overpaymenttool_base/resources/images/Aubergine.png")}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .broccoli{background-image:url("clientlib_overpaymenttool_base/resources/images/Broccoli.png")}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .tangerine{background-image:url("clientlib_overpaymenttool_base/resources/images/Tangerine.png")}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .watermelon{background-image:url("clientlib_overpaymenttool_base/resources/images/Watermelon.png")}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .powderblue{background-image:url("clientlib_overpaymenttool_base/resources/images/Powderblue.png")}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .yolk{background-image:url("clientlib_overpaymenttool_base/resources/images/Yolk.png")}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .default{border-bottom:0 solid transparent}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .brand-marking .js-money-saved{display:inline-block}
@media only screen and (min-width:1024px) and (max-width:1439px){.overdraftpay .odpaycalc_tool{margin-top:72px}
.overdraftpay .odpaycalc_tool--graphresults .container-two{border-radius:16px;display:flex;justify-content:space-evenly;align-items:center}
.overdraftpay .odpaycalc_tool--graphresults .container-two .imageone-container .image-two-container img{width:50%;position:relative;left:20%;width:50%}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container{display:flex;flex-direction:column;padding-top:20px;width:60%}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense{margin-bottom:10px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense .amount_value{font-size:26px;font-weight:700;line-height:36px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense .amount_value.js-money-saved{font-size:38px;line-height:48px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .shelf_one .results_container{font-size:26px;margin-bottom:32px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .show_on_tab{display:none}
.overdraftpay .odpaycalc_tool--cta{padding-top:24px;padding-bottom:20px}
.overdraftpay .odpaycalc_tool--cta .cta.cta-primary .cta-text{min-width:200px}
.overdraftpay .odpaycalc_midsec:after{border-right:48px solid transparent;border-top:40px solid #f2eaf9;left:16.6%;display:block;content:"";width:0;height:0;position:absolute;border-left:48px solid transparent;bottom:-40px;left:12%}
.overdraftpay .dropdown-mainwrap .dropdown-wrap.dropdown-large{width:100%}
.overdraftpay .dropdown-mainwrap .dropdown-wrap.dropdown-large .dropdown-selected{width:auto}
.overdraftpay .odpaycalc_tool--input .form-field-label{margin-top:0}
.overdraftpay .odpaycalc_tool--dropdownyy{width:43.7%;display:inline-block}
.overdraftpay .odpaycalc_tool--intrate{width:100%;display:inline-block}
.overdraftpay .odpaycalc_tool--payextra{width:100%;display:inline-block;margin-left:0}
.overdraftpay .odpaycalc_tool--legaltext{padding-top:24px;text-align:left;padding-bottom:0}
}
@media only screen and (min-width:1440px){.overdraftpay .odpaycalc_tool--graphresults .container-two{display:flex;justify-content:space-evenly;align-items:center;height:100%;display:flex;border-radius:16px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container{display:flex;flex-direction:column}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .show_on_tab{display:none}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense{margin-bottom:20px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense .amount_value{font-size:30px;font-weight:700;line-height:40px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense .amount_value.js-money-saved{font-size:40px;line-height:50px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .shelf_one .results_container{font-size:26px;margin-bottom:32px}
.overdraftpay .odpaycalc_tool--input .form-field-label{margin-top:0}
.overdraftpay .odpaycalc_tool{margin-top:72px}
.overdraftpay .odpaycalc_midsec:after{border-right:48px solid transparent;border-top:41px solid #f2eaf9;display:block;content:"";width:0;height:0;position:absolute;border-left:48px solid transparent;bottom:-40px;left:14%}
.overdraftpay .odpaycalc_tool--legaltext{padding-top:24px;text-align:left;padding-bottom:0}
.overdraftpay .odpaycalc_tool--cta{padding-top:24px;padding-bottom:20px}
}
@media only screen and (max-width:1023px){.overdraftpay .odpaycalc_tool--graphresults{margin-left:0}
.overdraftpay .odpaycalc_tool--graphresults .container-two{display:flex;border-radius:16px;justify-content:space-between;align-items:center;padding-left:25px;margin-bottom:25px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .show_on_desktop{display:none}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container{display:flex;flex-direction:column;padding-top:14px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .shelf_one{display:flex}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .shelf_one .results_container{font-weight:700;font-size:18px;width:50%;padding-top:10px;font-size:26px;margin-bottom:32px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .shelf_one .show_on_tab .image-two-container img{width:50%;position:relative;left:50px;top:12px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense{margin-bottom:20px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense .amount_value{font-size:24px;font-weight:700;line-height:32px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense span{font-size:16px}
.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .align-expense .amount_value.js-money-saved{font-size:34px;line-height:44px}
.overdraftpay .odpaycalc_midsec:after{border-right:48px solid transparent;border-top:40px solid #f2eaf9;left:16.6%;display:block;content:"";width:0;height:0;position:absolute;border-left:48px solid transparent;bottom:-40px;left:12%}
.overdraftpay .odpaycalc_tool--dropdownyy{width:47%;display:inline-block}
.overdraftpay .odpaycalc_tool--intrate{width:100%;display:inline-block}
.overdraftpay .odpaycalc_tool--payextra{width:100%;display:inline-block;padding-left:0;margin-left:0}
.overdraftpay .odpaycalc_tool{margin-top:64px}
.overdraftpay .odpaycalc_tool .mortgage-agc{margin-top:0}
.overdraftpay .odpaycalc_tool--input .form-field-label{margin-top:0 !important}
.overdraftpay .odpaycalc_tool--cta{padding-top:24px;padding-bottom:20px}
.overdraftpay .odpaycalc_tool--cta .cta.cta-primary .cta-text{min-width:200px}
.overdraftpay .odpaycalc_tool--legaltext{padding-top:20px;text-align:left;padding-bottom:0}
.show_on_tab .image-two-container{height:80px;width:85%}
}
@media only screen and (min-width:1920px){.overdraftpay .odpaycalc_midsec:after{border-right:48px solid transparent;border-top:40px solid #f2eaf9;display:block;content:"";width:0;height:0;position:absolute;border-left:48px solid transparent;bottom:-40px;left:23%}
}
.odpaycalc_tool--legaltext{font-size:14px;font-weight:400;line-height:18px}
@media only screen and (max-width:767px){.overdraftpay .odpaycalc_tool--graphresults .container-two .textone-container .shelf_one .show_on_tab .image-two-container img{left:50%;top:0}
}
@media only screen and (max-width:374px){.overdraftpay .odpaycalc_tool--togglecomp .toggle-comp .button-wrapper .btn-primary .btntext{font-size:14px;line-height:16px;padding:4px 2px 1px 8px}
}
@media only screen and (min-width:1536px) and (max-width:1919px){.overdraftpay .odpaycalc_midsec:after{border-right:48px solid transparent;border-top:41px solid #f2eaf9;display:block;content:"";width:0;height:0;position:absolute;border-left:48px solid transparent;bottom:-40px;left:17%}
}
@media only screen and (min-width:2540px){.overdraftpay .odpaycalc_midsec:after{border-right:48px solid transparent;border-top:40px solid #f2eaf9;display:block;content:"";width:0;height:0;position:absolute;border-left:48px solid transparent;bottom:-40px;left:29%}
}
@media only screen and (max-width:767px){.overdraftpay .odpaycalc_tool{margin-top:56px}
.overdraftpay .odpaycalc_midsec:after{border-right:32px solid transparent;border-top:24px solid #f2eaf9;display:block;content:"";width:0;height:0;position:absolute;border-left:32px solid transparent;bottom:-24px;left:36%}
}