.react-date-picker-with-icon{
    border:1px solid #515260;
    border-radius:4px;
    font-family:"CircularStd-Book",Arial,sans-serif !important;
    height:48px;
    width:100%
}
.react-datepicker__month-text{
    border:2px solid #fff !important;
    font-size:14px !important;
    font-family:"CircularStd-Book",Arial,sans-serif !important;
    font-style:normal !important;
    line-height:2.5 !important;
    margin:0px !important;
    color:#515260 !important;
    font-weight:400 !important
}
.react-datepicker__month-text:hover,.react-datepicker__month-text:focus{
    background-color:#f2f6ff !important;
    border:2px solid #ff9e01 !important;
    border-radius:0 !important
}
.react-datepicker__month{
    margin:.4rem .2rem .4rem .2rem !important
}
.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{
    width:6.2rem !important
}
.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{
    background-color:#ff9e01 !important;
    border:2px solid #ff9e01 !important;
    border-radius:0 !important
}
.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover,.react-datepicker__day--keyboard-selected:focus,.react-datepicker__month-text--keyboard-selected:focus,.react-datepicker__quarter-text--keyboard-selected:focus,.react-datepicker__year-text--keyboard-selected:focus{
    background-color:#ff9e01 !important;
    border-radius:0 !important
}
.react-datepicker__month--selected{
    color:#fff !important
}
.react-datepicker{
    font-family:"CircularStd-Book",Arial,sans-serif !important;
    border:none !important;
    box-shadow:0px 0px 1px rgba(21,21,21,.1),0px 2px 8px -1px rgba(21,21,21,.2);
    width:324px;
    padding:0px 9px 0px 9px
}
.react-datepicker__header{
    background:#fff !important
}
.react-datepicker-year-header{
    font-family:"CircularStd-Bold",Arial,sans-serif !important;
    color:#151515 !important;
    font-size:16px !important
}
.react-datepicker__month-container{
    float:none !important
}
.react-datepicker__navigation{
    height:30%
}
.react-datepicker__navigation{
    height:30%;
    top:-16px !important
}
.react-datepicker__navigation--previous,.react-datepicker__navigation--next{
    margin-top:29px !important
}
.react-datepicker__navigation-icon::before{
    border-color:#ff9e01 !important
}
.sticky-summary-card{
    position:fixed;
    width:100%;
    z-index:10;
    bottom:0;
    left:0
}
@media only screen and (min-width: 47.4375rem){
    .sticky-summary-card{
        border-top:5px solid #3139f2;
        top:0;
        bottom:initial
    }
}
.switch{
    border-radius:1.3333333333rem;
    font-size:0.6666666667rem;
    letter-spacing:0.0277777778rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:#b1b7c5;
    border:0.1111111111rem solid #b1b7c5;
    color:#151515;
    cursor:pointer;
    display:-webkit-box;
    display:flex;
    font-family:CircularStd-Bold,Arial,sans-serif;
    font-style:normal;
    font-weight:600;
    outline:none;
    overflow:hidden;
    padding-left:1px;
    padding-right:1px;
    position:relative;
    margin-bottom:0;
    margin-right:0
}
.switch:after{
    padding:0.7777777778rem 1.3333333333rem;
    border-radius:1.3333333333rem;
    bottom:0;
    content:"";
    left:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.switch[aria-checked=true]{
    background-color:#ff9e01
}
.switch[aria-checked=false] .switch__label:first-child,.switch[aria-checked=true] .switch__label:last-child{
    background-color:#fff;
    color:#fff
}
.switch__label{
    line-height:1.6;
    border-radius:1.3333333333rem;
    padding-top:.4em;
    margin-top:1px;
    z-index:5;
    pointer-events:none;
    width:20px;
    height:20px;
    display:block
}
.switch__label:after,.switch__label:before{
    content:"";
    display:block;
    height:0;
    width:0
}
#scheduleTable td{
    font-family:"Roboto",Arial,sans-serif;
    white-space:nowrap;
    font-size:14px
}
.BackToTop{
    margin-bottom:4rem;
    width:48px;
    height:48px;
    transform:unset;
    box-shadow:0px 2px 8px -1px rgba(21,21,21,.2);
    filter:drop-shadow(0px 0px 1px rgba(21, 21, 21, 0.1))
}
.ContentWithNavigation-tocNav,.TableOfContents-nav{
    display:none !important
}
@media only screen and (min-width: 77.4375rem){
    .ContentWithNavigation-tocNav,.TableOfContents-nav{
        display:block !important
    }
}
#amortization-calculator{
    padding-left:var(--section-x-spacing);
    padding-right:var(--section-x-spacing)
}
@media only screen and (max-width: 47.43749rem){
    #amortization-calculator{
        padding:0 !important
    }
}
@media print{
    footer,article,.print-hidden,.toggle-button,.chartjs-size-monitor,canvas,.chart,.sticky-summary-card,.input-tooltip,.FormSelect-arrow,.Tooltip-trigger{
        display:none !important
    }
    .print-block{
        display:block !important
    }
    .print-flex{
        display:flex !important
    }
    .print-grid{
        display:grid !important
    }
    body,#amortization-calc-container{
        padding-top:0 !important;
        margin-top:0 !important
    }
    .summary-box-container{
        margin-top:1em !important;
        margin-bottom:6em !important
    }
    label{
        display:inline
    }
}