.block-calculator input,
.block-calculator button{color: var(--wp--custom--dark--1);}

.block-calculator .calculator-input{
	display:flex;
	gap:20px;
	margin-bottom:30px;
}

@media screen and (max-width:600px){
	.block-calculator .calculator-input{flex-direction:column;}
}

.block-calculator .container-input{flex:1;}

.block-calculator .container-input input{
	text-align:left!important;
	border-radius: var(--wp--custom--radius--full);
	    background-color: white;
}

.block-calculator .container-button{text-align:center;}

.block-result {
	 display: none;
	 background-color: var(--wp--custom--secondary--main);
	 border: solid 1px black;
	 border-radius: 15px;
	 box-sizing: border-box;
	 width: 100%;
	 margin: 30px auto 0;
	 padding: 20px;
}

@media screen and (max-width:900px){
	.block-result{
		padding-left:5px!important;
		padding-right:5px!important;
		margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
		line-height:1;
	}
	
	.remove-padding-mobile{
		padding-left:0!important;
		padding-right:0!important;
	}
}

.tooltip{
	position: relative;
	    padding-bottom: 3px;
	border-bottom:1px dotted white;
}

label[for="investment_length"]{
	text-align:center;
    display: block;
	    margin-top: 25px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
    border-radius: 6px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -100px;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

 .block-result .heading {
	 font-size: 24px;
	 line-height: 1.5;
	 padding: 15px 0 25px;
	 text-align: center;
	 text-transform: uppercase;
}
 .block-result .heading.with-sub {
	 padding-bottom: 5px;
}
 .block-result .subheading {
	 line-height: 1.5;
	 text-align: center;
}
 .block-result .row-chart {
	 display: flex;
	 min-height: 500px;
	 flex-direction: column;
}
 .block-result .row-chart .container-chart {
	 width: 100;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
	 gap: 1rem;
}
 .block-result .row-chart .container-chart #containerChart {
	 height: 200px!important;
	 width: 100% !important;
	 min-height: 200px;
}

 .block-result #chart{background-color: white;}

 .block-result .row-chart .container-chart #chart {
	 height: 100%;
}
 .block-result .row-chart .container-chart #chartInfo {
	 font-size: 1em;
	 line-height: 1.2;
	 text-align: left;
	 width: 100%;
}

.block-result .row-chart .container-chart .investment-table, .block-result .row-chart .container-chart .investment-table-mobile {
	 width: auto;
	 max-width: 100%;
	 border-collapse: collapse;
	 margin-bottom: 1rem;
}
 .block-result .row-chart .container-chart .investment-table .orange, .block-result .row-chart .container-chart .investment-table-mobile .orange {
	 color: #fd632d;
	 font-weight: bold;
}
 .block-result .row-chart .container-chart .investment-table .blue, .block-result .row-chart .container-chart .investment-table-mobile .blue {
	 color: #2aa8e2;
	 font-weight: bold;
}
 .block-result .row-chart .container-chart .investment-table .header-row, .block-result .row-chart .container-chart .investment-table-mobile .header-row, .block-result .row-chart .container-chart .investment-table .data-row, .block-result .row-chart .container-chart .investment-table-mobile .data-row {
	 display: table-row;
	 border-bottom: 1px solid #ccc;
}
 .block-result .row-chart .container-chart .investment-table .header-row.with-crypto .data-title, .block-result .row-chart .container-chart .investment-table-mobile .header-row.with-crypto .data-title, .block-result .row-chart .container-chart .investment-table .data-row.with-crypto .data-title, .block-result .row-chart .container-chart .investment-table-mobile .data-row.with-crypto .data-title {
	 border-right: solid 5px #52a5db;
}
 .block-result .row-chart .container-chart .investment-table .header-row.without-crypto .data-title, .block-result .row-chart .container-chart .investment-table-mobile .header-row.without-crypto .data-title, .block-result .row-chart .container-chart .investment-table .data-row.without-crypto .data-title, .block-result .row-chart .container-chart .investment-table-mobile .data-row.without-crypto .data-title {
	 border-right: solid 5px #e86e3d;
}
 .block-result .row-chart .container-chart .investment-table .header-row .header-cell, .block-result .row-chart .container-chart .investment-table-mobile .header-row .header-cell, .block-result .row-chart .container-chart .investment-table .data-row .header-cell, .block-result .row-chart .container-chart .investment-table-mobile .data-row .header-cell, .block-result .row-chart .container-chart .investment-table .header-row .data-cell, .block-result .row-chart .container-chart .investment-table-mobile .header-row .data-cell, .block-result .row-chart .container-chart .investment-table .data-row .data-cell, .block-result .row-chart .container-chart .investment-table-mobile .data-row .data-cell, .block-result .row-chart .container-chart .investment-table .header-row .data-title, .block-result .row-chart .container-chart .investment-table-mobile .header-row .data-title, .block-result .row-chart .container-chart .investment-table .data-row .data-title, .block-result .row-chart .container-chart .investment-table-mobile .data-row .data-title {
	 display: table-cell;
	 padding: 4px 8px;
	 text-align: center;
}
 .block-result .row-chart .container-chart .investment-table .header-row .header-cell, .block-result .row-chart .container-chart .investment-table-mobile .header-row .header-cell, .block-result .row-chart .container-chart .investment-table .data-row .header-cell, .block-result .row-chart .container-chart .investment-table-mobile .data-row .header-cell {
	 font-weight: bold;
}
 .block-result .row-chart .container-chart .investment-table .header-row .data-title, .block-result .row-chart .container-chart .investment-table-mobile .header-row .data-title, .block-result .row-chart .container-chart .investment-table .data-row .data-title, .block-result .row-chart .container-chart .investment-table-mobile .data-row .data-title {
	 font-weight: bold;
	 text-align: left;
}
 .block-result .row-chart .container-chart .investment-table .header-row .data-cell, .block-result .row-chart .container-chart .investment-table-mobile .header-row .data-cell, .block-result .row-chart .container-chart .investment-table .data-row .data-cell, .block-result .row-chart .container-chart .investment-table-mobile .data-row .data-cell {
	 border-right: 1px solid #ccc;
}
 .block-result .row-chart .container-chart .investment-table .header-row .data-cell:last-child, .block-result .row-chart .container-chart .investment-table-mobile .header-row .data-cell:last-child, .block-result .row-chart .container-chart .investment-table .data-row .data-cell:last-child, .block-result .row-chart .container-chart .investment-table-mobile .data-row .data-cell:last-child {
	 border-right: 0 !important;
}
 .block-result .row-chart .container-chart .investment-table-mobile {
	 display: none;
}

.block-result td, .block-result th{
	padding: 0 10px;
}
 .block-result .row-chart .container-chart .investment-table-mobile .header-row .header-cell, .block-result .row-chart .container-chart .investment-table-mobile .data-row .header-cell, .block-result .row-chart .container-chart .investment-table-mobile .header-row .data-cell, .block-result .row-chart .container-chart .investment-table-mobile .data-row .data-cell, .block-result .row-chart .container-chart .investment-table-mobile .header-row .data-title, .block-result .row-chart .container-chart .investment-table-mobile .data-row .data-title {
	 padding: 6px 4px;
}
 @media screen and (max-width: 767px) {
	 .block-result .row-chart .container-chart .investment-table {
		 display: none;
	}
	 .block-result .row-chart .container-chart .investment-table-mobile {
		 display: block;
	}
}
 .block-result .row-chart .container-chart .header-cell[data-year="1"], .block-result .row-chart .container-chart .data-cell[data-year="1"] {
	 background-color: #fff;
}
 .block-result .row-chart .container-chart .header-cell[data-year="2"], .block-result .row-chart .container-chart .data-cell[data-year="2"] {
	 background-color: #f9f9f9;
}
 .block-result .row-chart .container-chart .header-cell[data-year="3"], .block-result .row-chart .container-chart .data-cell[data-year="3"] {
	 background-color: #fff;
}
 .block-result .row-chart .container-chart .header-cell[data-year="4"], .block-result .row-chart .container-chart .data-cell[data-year="4"] {
	 background-color: #f9f9f9;
}
 .block-result .row-chart .container-chart .header-cell[data-year="5"], .block-result .row-chart .container-chart .data-cell[data-year="5"] {
	 background-color: #fff;
}
 .block-result .row-chart .container-chart .header-cell[data-year="6"], .block-result .row-chart .container-chart .data-cell[data-year="6"] {
	 background-color: #f9f9f9;
}
 .block-result .row-chart .container-chart .header-cell[data-year="7"], .block-result .row-chart .container-chart .data-cell[data-year="7"] {
	 background-color: #fff;
}
 .block-result .row-chart .container-chart .header-cell[data-year="8"], .block-result .row-chart .container-chart .data-cell[data-year="8"] {
	 background-color: #f9f9f9;
}
 .block-result .row-chart .container-chart .header-cell[data-year="9"], .block-result .row-chart .container-chart .data-cell[data-year="9"] {
	 background-color: #fff;
}
 .block-result .row-chart .container-chart .header-cell[data-year="10"], .block-result .row-chart .container-chart .data-cell[data-year="10"] {
	 background-color: #f9f9f9;
}
 .block-result .row-chart .container-info .container-balance {
	 background-color: var(--wp--custom--secondary--dark);
	 border-radius: border-radius: var(--wp--custom--radius--sm);
	 padding: 20px 15px 10px;
}
 .block-result .row-chart .container-info .container-balance .title {
	 border-bottom: 1px solid #f4f4f4;
	 font-size: 28px;
	 margin-bottom: 10px;
	 padding-bottom: 15px;
	 font-weight: 500;
}
 .block-result .row-chart .container-info .container-balance .row-balance {
	 display: flex;
	 padding-bottom: 10px;
}
 .block-result .row-chart .container-info .container-balance .row-balance .info {
	 width: 50%;
}
 .block-result .row-chart .container-info .container-balance .row-balance .small {
	 font-size: 12px;
}
 .block-result .row-chart .container-info .container-balance .row-balance .value {
	 display: flex;
	 justify-content: flex-end;
	 align-items: center;
	 font-size: 30px;
	 text-align: right;
	 width: 50%;
}
 .block-result .row-chart .container-info .container-balance .row-balance .value.orange {
	 color: #fd632d;
}
 .block-result .row-chart .container-info .container-balance .row-balance .value.blue {
	 color: #2aa8e2;
}
 .block-result .row-chart .container-info .container-compare {
	 padding-top: 1rem;
}
 .block-result .row-chart .container-info .container-compare .title {
	 font-size: 18px;
	 font-weight: bold;
	 padding: 10px 0 5px;
	 text-align: center;
}
 .block-result .row-chart .container-info .container-compare .row {
	 border-bottom: 1px solid #e7e7e7;
	 text-align: center;
}
 .block-result .row-chart .container-info .container-compare .row.header {
	 border-bottom: 0 !important;
}
 .block-result .row-chart .container-info .container-compare .row.header > td {
	 background-color: var(--wp--custom--secondary--dark);
}
 .block-result .row-chart .container-info .container-compare .row > td {
	 padding: 5px 8px;
}
 .block-result .row-chart .container-info .container-compare .row > td:first-child {
	 border: 0 !important;
	 text-align: left !important;
}
 .block-result .row-chart .container-info .container-compare .row .col-portfolio {
	 width: 33%;
}
 .block-result .row-chart .container-info .container-compare .row .col-split {
	 width: 33%;
}
 .block-result .row-chart .container-info .container-compare .row .col-balance {
	 width: 34%;
}
 .block-result .row-chart .container-info .container-getstarted {
	 padding: 35px 0 15px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .block-result .row-chart .container-info .container-getstarted button {
	 background-color: #fd632d;
	 border: 0;
	 border-radius: 5px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 color: white;
	 width: 100%;
	 max-width: 300px;
	 height: 37px;
	 text-align: center;
	 text-decoration: none;
	 box-shadow: 0 2px 1px #a4abb0;
	 font-size: 20px !important;
	 text-shadow: 1px 1px 1px #000;
}
 .block-result .row-info {
	 font-size: 12px;
	 font-style: italic;
	 line-height: 1.5;
	 padding-top: 30px;
}
 .block-result .row-back {
	 color: white;
	 font-weight: bold;
	 text-align: center;
	 padding-top: 10px;
}
 .block-result .row-back span {
	 cursor: pointer;
	 transition: all 0.3s ease;
}
 .block-result .row-back span:hover {
	 text-decoration: underline;
}

.block-calculator .container-input input[type=text].error{border: solid 2px red !important;}


/*SCROLL MOBILE TABLE*/
#chartInfo {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on mobile */
	position: relative;
	padding-bottom:20px;
}


	#chartInfo:after {
        content: "<- Swipe to scroll - >";
        position: absolute;
        bottom: 10px;
        left: 10px;
        font-style: italic;
        font-size: 12px;
	}


 

#chartInfo table {
  width: max-content; /* ensures horizontal scroll when content exceeds container */
  /*min-width: 100%;*/ /* keeps table from shrinking too much */
  border-collapse: collapse;
}

#chartInfo table td,
#chartInfo table th {
  white-space: nowrap; /* prevents text from wrapping */
}


/* Add to Any */

.addtoany-post .addtoany_list {
	position: relative;
	top: -1px;
}

.addtoany-post .addtoany_list a { 
	font-size: 0 !important;
	line-height: 1;
}