:root {
  --sp-p-hor-mobile: 10px;
}

#Panel_Results{overflow-x:auto;}
#COMPUTE {
    padding:15px 35px;
    border-radius:5px;
    background-color:#263D8A;
    color:#fff;
    cursor:pointer;
    border:none !important;
  }
    #COMPUTE:hover {
    background-color:#232A5E;
  }
  
  .answer {
    font-weight: bold;
    font-size: 24px;
    line-height:32px;
  }
 .panel {margin-bottom:45px;}
  
  input[value="Remove"]{
    padding:6px 12px;
    border-radius:5px;
    background-color:#D62329;
    color:#fff;
    cursor:pointer;
    border:none !important;
  }
  
  input[value="Add"]{
    padding:6px 12px;
    border-radius:5px;
    background-color:#2b7b04;
    color:#fff;
    cursor:pointer;
    border:none !important;
  }
  
  #tvcCalculatorResultsId { color:#D62329;}

hr {color:#fff; background-color:#fff;}

#tvcInputTable1 {
  width:100%;
}

#tvcInputTable1 td:first-child, #tvcInputTable2 td:first-child, #tvcInputTable3 td:first-child,
#tvcInputTable4 td:first-child{
  width:40%;
  padding-right: 15px;
}

#AmortizableLoansTable td:first-child, #RevolvingAccountsTable td:first-child, #TransactionHistoryTable td:first-child {width:auto;}

[type=checkbox]:checked, [type=checkbox]:not(:checked), [type=radio]:checked, [type=radio]:not(:checked) {
 position:relative;
  left:0;
}

input:not([type=submit]), select {
  background-color: rgba(var(--clr-base-dk-rgb),.05) !important;
  border: 0!important;
  border-radius: var(--br-input)!important;
  padding: 16px 18px!important;
}
label, .tvcInputPClass {font-weight:bold;}
fieldset { border:none; padding-left:0; padding-right:0;}
.tvcLegendForRadioClass {display:none !important;}

table h3 {border-bottom:1px solid #eae8ed;}

table {width:100%; border-collapse:collapse;}
.DetailTable legend, .tvcPayoffFieldsetClass legend, .InputCollection legend { display:block; background:#232a5e; width:100%; color:#fff; padding:0 .5em;}
.DetailTable th:not([class=Right]) p, .SubDetailTable th:not([class=right]) p{ text-align: left; font-weight:bold;margin: 0; line-height:16px;}
.DetailTable th p, .SubDetailTable th p {font-weight:bold;margin: 0; padding:5px 0;}
.DetailTable td p {line-height:16px;}
.DetailTable td, .DetailTable th {border-bottom:1px solid #eae8ed;}
.SubDetailTable td, .SubDetailTable th {border-bottom:none; }

.tvcPayoffTableClass { font-size:14px;}
.tvcPayoffTableClass tr:first-child {background:#eae8ed;}

.Right, .right, .Right p, .right p{ text-align:right !important;}
.Left, .left, .Left p, .left p {text-align:left !important;}
.tvcHidePClass {padding-right:5px; visibility:hidden; !important}
#DIVCalculatorDisclaimer, #DIVCalculatorTips, #DIVCalculatorResultsDetail {display:none;}
.cAmortHeader { background:#e8eaee!important; width:100%;}
.cAmortTable tr:nth-child(odd) {background:#f0f2f5;}
.tvcStandardCommentPClass {width: 125px;
    font-size: 12px;
    line-height: 12px;}

.DetailTable caption { background:#232a5e; width:100%; color:#fff; padding:0.25em 0.5em; text-align:left; font-size:12px; }
.DetailTable caption h4 {font-size:18px;}
  
.tvcHideLabelClass { display:none; }
#tvcLOANSTARTMONTH, #tvcSTARTMONTH, #tvcAMOUNT { width:50%; float:left; margin-right: 15px;}
#tvcLOANSTARTYEAR, #tvcSTARTYEAR, #tvcFREQUENCY, #tvcTRANSACTION0AMOUNT_TYPE {width:45%; float:left; }

.tvcMonthsOrYearsInputClass, .tvcPercentOrDollarInputClass {width:45% !important; float:left !important; margin-right: 5px !important;}
.tvcFieldsetForRadioClass{width:50% !important; float:left !important; margin-top: 5px !important;}
.tvcPercentOrDollarInputClass ~ select {width:50% !important; float:left !important; }

@media screen and (max-width: 981px) {
  #tvcLOANSTARTMONTH,#tvcSTARTMONTH, #tvcAMOUNT { width:100%; margin-bottom:5px;}
  #tvcLOANSTARTYEAR, #tvcSTARTYEAR, #tvcFREQUENCY, #tvcTRANSACTION0AMOUNT_TYPE {width:100%;}
  .tvcMonthsOrYearsInputClass, .tvcPercentOrDollarInputClass { width:100% !important; margin-bottom:5px !important;}
  .tvcFieldsetForRadioClass {width:100% !important; margin-top: -10px !important;}
}

[type=checkbox]:checked:not(.hs-toggle-switch-input), [type=checkbox]:not(:checked):not(.hs-toggle-switch-input), [type=radio]:checked, [type=radio]:not(:checked) {
    left: 0 !important;
    position: relative !important;
}

#DIVCalculatorDisclaimer { display:block !important; }