@import 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');

.future-calculator-section h1 {
	font-size: 30px;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}
.future-calculator {
	width: 100% !important;
	max-width: 100% !important;
}
.highcharts-credits {
	display: none;
}
.fu-text-blue {
	color:#3974CE;
}
.fu-text-green {
	color:#098D69;
}
.fu-right-title {
	text-align: center;
}
.fu-left-title {
	text-align: center;
}
.future-calculator-forms label {
	font-size: 16px;
}
.future-calculator-forms .form-group label {
	width: 150px;
}
.future-calculator-forms .fu-hide-account-section label {
	width: auto;
}
.future-calculator-forms {
	background: #f6f5fb;
	padding: 0px 20px;
}
.future-calculator-forms .form-group input:focus{
	outline: none;
	outline-offset: 0px;
}
.fu-user-outputs-section {
	margin-top: 25px;
}
.future-calculator-forms .form-group {
    margin-bottom: 0.1rem;
}
.fu-taxable-form-input.disabled-taxable-inputs input,.fu-tax-exempt-form-input.disabled-tax-exempt-inputs input {
	background: #cccccc2b !important;
}
.future-calculator-forms input[type='text']
{
	width: 68%;
    -webkit-backface-visibility: hidden;
    background: #fff;
    border: solid 1px #ccc;
    border-bottom-width: 1px;
    box-sizing: border-box;
    outline: none;
    height: 36px;
    padding: 0px 10px;
    -webkit-appearance: none;
    outline-offset: 0;
    border-radius: 0;
    line-height: 1.8 !important;
    font-size: 16px;
}
.future-slidecontainer input[type='range']
{	
	border: none;	
	outline: none;
	padding: 0;
	-webkit-appearance: auto;
	-webkit-appearance: range;	
}
.future-slidecontainer{ text-align: center; margin-top: 10px; margin-bottom: 10px; }
#fu-range-slider-value{ vertical-align: top; font-size: 18px; }
.future-calculator-forms .fu-hide-account-section .form-group{
    max-width: 352px;
    margin: auto;
}
input#fu-range-slider::-webkit-slider-thumb{background-color: #f99 !important; color: #000;}

/**/

.future-calculator-forms .fu-hide-account-left .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.future-calculator-forms .fu-hide-account-left .form-group label {
  position: relative;
  cursor: pointer;
}

.future-calculator-forms .fu-hide-account-left .form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  top: -2px;
}
.future-calculator-forms .fu-hide-account-left .fu-hide-leverage .form-group label:before{
	border: 2px solid #ff3333 !important;
}


.future-calculator-forms .fu-hide-account-left .form-group input:checked + label:after {
   content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 7px;
    width: 6px;
    height: 11px;
    border: solid #3974ce;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/**/
.future-calculator-forms .fu-hide-account-right .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.future-calculator-forms .fu-hide-account-right .form-group label {
  position: relative;
  cursor: pointer;
}

.future-calculator-forms .fu-hide-account-right .form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
   border: 2px solid #098d69;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  margin-top: -3px;
}

.future-calculator-forms .fu-hide-account-right .form-group input:checked + label:after {
   content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 7px;
    width: 6px;
    height: 11px;
    border: solid #3974ce;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#fu-taxable-total-growth {
	color: #3974CE;
}
#fu-tax-exempt-total-growth {
	color: #098D69;
} 
.future-calculator-forms .fu-taxable-tax-output-color input {
	background-color: #c4d7f4;
	border-color: #3974ce;
}
.future-calculator-forms .fu-tax-exempt-output-color input {
	background-color: #bce7de;
	border-color: #098d69;
}
.dwn-pdf-print-btn a{
	background: linear-gradient(to right, rgba(234,92,21,1) 0%, rgba(255,123,0,1) 100%);
	padding: 8px 20px;
	font-weight: 500;
	color: #fff;
	text-decoration: none !important;
	font-size: 14px !important;
}
.dwn-pdf-print-btn{
	text-align: center;
	padding: 20px 0px;
}
.dwn-pdf-print-btn a:hover{ color:#fff;}
.future-calculator-section,.future-calculator{ width: 100%; margin: auto; }
.fu-user-outputs-section input{ font-weight:500; }
#future-chart{ display:none; width: 100%; max-width: 100%; }
.taxable-table tr th,.tax-exempt-table tr th, .irr-table tr th{
	color: #fff;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	border: 0;	
	border-right: 1px solid #ebebeb;
	padding: 0.5em;
	vertical-align: middle;
	word-break: unset !important;
}
.taxable-table tr th{ background: #3974CE;}
.tax-exempt-table tr th{ background: #098D69;}
.irr-table tr th {background: #ff3333;}
.taxable-table tbody tr:nth-of-type,.tax-exempt-table tbody tr:nth-of-type(2n+1), .irr-table tbody tr:nth-of-type(2n+1){
	background: #f5f5f5;
}
.taxable-table tbody td,.tax-exempt-table tbody td, .irr-table tbody td{
	padding: 6px;
	vertical-align: top;
	font-size: 11px;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	border-right: 1px solid #ebebeb;
	border: 1px solid #dee2e6;
    text-align: center;
}
.marginleft-10{ margin-left: 10px; }
.demo-table-1,.demo-table-2{ display:none; }
.duplicate-inputs{ margin-top: 8px; }
.fu-left-title,.fu-right-title {
	margin-top: 0px;
	font-size:20px;
	margin-bottom:10px;
}
.future-calculator-forms .duplicate-inputs .form-group label,
.pay-interest-check .form-group label,
.leverage-total-growth-loan .form-group label, 
.leverage-irr-growth .form-group label, 
.irr-calc-table .form-group label 
{
	position: relative;
	cursor: pointer;
	width: auto;
	margin-bottom:0px;
}
.duplicate-inputs .form-group input,
.pay-interest-check .form-group input,
.leverage-total-growth-loan .form-group input, 
.leverage-irr-growth .form-group input, 
.irr-calc-table .form-group input 
{
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 20;
	display: none;
	cursor: pointer;
}
.pay-interest-check label,
.duplicate-inputs label,
.leverage-total-growth-loan label, 
.leverage-irr-growth label, 
.irr-calc-table label 
{
	width: auto;
}
.duplicate-inputs .form-group label::before,
.pay-interest-check .form-group label::before,
.leverage-total-growth-loan .form-group label::before,
.leverage-irr-growth .form-group label::before,
.irr-calc-table .form-group label::before
{
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #f96710;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 7px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	margin-top: -3px;
}
.pay-interest-check .form-group label::before,
.leverage-total-growth-loan .form-group label::before,
.leverage-irr-growth .form-group label::before,
.irr-calc-table .form-group label::before
{
	border: 2px solid #ff3333 !important;
}

.pay-interest-check{max-width: 200px;margin: auto; margin-top: 10px;}

.duplicate-inputs .form-group input:checked + label::after,
.pay-interest-check .form-group input:checked + label::after, 
.leverage-total-growth-loan .form-group input:checked + label::after, 
.leverage-irr-growth .form-group input:checked + label::after, 
.irr-calc-table .form-group input:checked + label::after 
{
	content: '';
	display: block;
	position: absolute;
	top: 6px;
	left: 7px;
	width: 6px;
	height: 11px;
	border: solid #3974ce;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.future-erase-cont a{	
	padding: 8px 20px;
	font-weight: 500;
	color: #fff;
	text-decoration: none !important;
	font-size: 14px !important;
}
.future-erase-cont{
	text-align: center;
	padding: 0px 0px 10px 0px;
}
.future-erase-cont a:hover{ color:#fff;}

/* #future-taxable-inputs-erase{
	color: #3974CE;
}
#future-tax-exempt-inputs-erase{
	color: #098D69;
} */
#future-taxable-inputs-erase,#future-tax-exempt-inputs-erase{ text-decoration: none; }
#future-taxable-inputs-erase:hover,#future-taxable-inputs-erase:active{ color: #3974CE; }
#future-tax-exempt-inputs-erase:hover,#future-tax-exempt-inputs-erase:active{ color: #098D69; }
#future-taxable-inputs-erase:focus{ color: #3974CE; outline: none; }
#future-tax-exempt-inputs-erase:focus{ color: #098D69; outline: none; }
.future-calculator-chart {
    width: 100%;
    max-width: 100%;
	position: relative;
}
.future-table-content{ margin-top: 20px }
.fu-hide-account-section.fu-hide-account-left,.fu-hide-account-section.fu-hide-account-right{ margin-bottom: 0px;}
.fu-same-size-section .form-group{ text-align: center; }
/* .fu-same-size-section{ visibility: hidden; } */

#fu-pants-image-modal {
	display: none;
	position: absolute;
	z-index: 99;
	top: 15px;
	left: 115px;
}
.fu-loan-pants-image {
	width: 120px;
}
#fu-pants-image-modal .close {
	position: absolute;
	top: -13px;
	right: 3px;
	z-index: 999;
	outline: none;
	font-size: 23px;
}
.future-table-content table{ width: 100%;} 

.top-checkboxes {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 20px 20px 5px;
}
.top-checkboxes .form-group {
    margin: 0 40px;
}

.leverage-total-growth-loan, .leverage-irr-growth {
    margin-top: 30px;
    margin-bottom: 27px;
}
#leverage-total-net-loan {
    font-size: 18px;
    padding-left: 24%;
}
#leverage-irr-total-growth
{
	font-size: 18px;
    padding-left: 22%;
}
#leverage-percentage-growth {
    font-size: 18px;
    padding-left: 24%;
}
#leverage-irr-percentage-growth
{
	font-size: 18px;
    padding-left: 23%;
}
.leverage_positive_value{
    color: #098d69 !important;
}
.leverage_negitive_value{ 
    color: #ff3232 !important;
}

#irr-print-table {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.row .future-table-content .form-group label {
    width: unset;
}

.gr_td, .irr-perecentage, .years-equity, .irr-final-balance  {
    color: #04845d;
    font-weight: 700;
    text-align: center;
}
.oop, .total-of-pocket
{
	color: #ff3333;
    font-weight: 700;
    text-align: center;	
}
.test_final_row_1 td, .test_final_row_2 td, .test_final_row_3 td 
{
    border: unset !important;
}
td.years-equity, td.irr-perecentage, td.gr_td, td.irr-final-balance, td.oop, td.total-of-pocket 
{
	border: 3px solid #04845d !important;
}
.leverage-total-growth-loan, .leverage-irr-growth
{
	margin-left: 18em;
}
.demo-table-1 tr:last-child td:last-child{
	font-weight: bold;
	color: #3974CE;
}
.demo-table-2 tr:last-child td:last-child{
	font-weight: bold;
	color: #098D69;
}
.irr-table-oop tr:last-child td:last-child{
	font-weight: bold;
	color: #ff3333 !important;
}
.irr-table tr th
{
	text-align: center !important; 
}

@page {
    margin-left: 5mm;
    margin-right: 5mm;
 }
@media print {
 .dwn-pdf-print-btn,.duplicate-inputs,.highcharts-credits,.fu-hide-account-section, .irr-calc-table{ display: none !important; }
 .future-calculator-forms .fu-hide-account-section .form-group{ max-width: 100% !important; }
  body { margin-left: 5mm; margin-right: 5mm}
  .taxable-table tbody td, .tax-exempt-table tbody td{ padding: 10px 6px; }
  .print-padding-right{ padding-left:0px !important; padding-right:10px !important; }
  .print-padding-left{ padding-right:0px !important; padding-left:10px !important; }
  .duplicate-input-row{ margin-top: 120px; }
  .future-slidecontainer{ margin-top: 80px; } 
  .future-table-content{  break-after: always; }
  .future-table-content{  page-break-after: always; }
  /*#fu-pants-image-modal{ display:none !important;}*/

  	.future-calculator-forms {
	    background: #f6f5fb !important;
	    padding: 0px 20px !important;
	}

	.taxable-table tbody td, .tax-exempt-table tbody td, .irr-table tbody td{
		padding: 6px  !important;
		vertical-align: top !important;
		font-size: 11px !important;
		color: #000 !important;
		font-family: 'Montserrat', sans-serif !important;
		font-weight: 400 !important;
		border-right: 1px solid #ebebeb !important;
		border: 1px solid #dee2e6 !important;
	    text-align: center !important;
	}

  	.taxable-table tr th{ background: #3974CE !important;}
  	.tax-exempt-table tr th{ background: #098D69 !important;}
  	.irr-table tr th{ background: #ff3333 !important;}
  	.taxable-table tbody tr:nth-of-type,.tax-exempt-table tbody tr:nth-of-type(2n+1), .irr-table tbody tr:nth-of-type(2n+1){
		background: #f5f5f5 !important;
	}

	.taxable-table tr th, 
	.tax-exempt-table tr th,
	.irr-table tr th {
	    color: #fff !important;
	    font-size: 12px !important;
	    font-family: 'Montserrat', sans-serif !important;
	    font-weight: 500 !important;
	    border: 0 !important;
	    border-right: 1px solid #ebebeb !important;
	    padding: 0.5em !important;
	    vertical-align: middle !important;
	}

	/*#future-taxable-inputs-erase{ color: #3974CE !important;  }
	#future-tax-exempt-inputs-erase{ color: #098D69 !important;  }*/
	.fu-text-blue {
		color: #3974CE !important;
	}
	.fu-text-green {
		color:#098D69 !important;
	}
	.fu-text-red{color: #ff3333 !important; }
	.leverage-table tr th{ background: #ff3333 !important; }

	.demo-table-1 tr:last-child td:last-child{
	font-weight: bold !important;
	color: #3974CE !important;
	}
	.demo-table-2 tr:last-child td:last-child{
		font-weight: bold !important;
		color: #098D69 !important;
	}
	.irr-table-oop tr:last-child td:last-child{
		font-weight: bold !important;
		color: #ff3333 !important;
	}
	.gr_td, .irr-perecentage, .years-equity, .irr-final-balance  {
	    color: #04845d !important;
	    font-weight: 700 !important;
	    text-align: center !important;
	}
	.oop, .total-of-pocket
	{
		color: #ff3333 !important;
	    font-weight: 700 !important;
	    text-align: center !important;	
	}
	.leverage-total-growth-loan, .leverage-irr-growth
	{
		margin-top: 5% !important;
		margin-left: 18em !important;
		margin-bottom: 0px !important;
	}
}