/* reset */
.performance-table table,
.performance-table tr,
.performance-table th,
.performance-table td {
    border: none;
    font-weight: normal;
}

/* css */
.hidden {
    display: none;
}

.performance-table {
    margin: 0.125rem auto;
    padding: 1rem 0;
    font-family: var(--e-global-typography-text-font-family);
    font-size: 1rem;
	font-weight: var(--e-global-typography-text-font-weight);
	line-height: var(--e-global-typography-text-line-height);
	color: var(--e-global-color-3ff177c);
}

.performance-table table {
    margin: 1rem auto;
    border-collapse: collapse;
}

.performance-table tr {
    border-bottom: 1px solid #DDE4F3;
}

.performance-table h4,
.performance-table p,
.performance-table th,
.performance-table td {
    padding: 0.375rem 0;
    text-align: left;
}

.performance-table h4 {
    font-family: var(--e-global-typography-d5f23d1-font-family), Sans-serif;
    font-size: var(--e-global-typography-d5f23d1-font-size);
    font-weight: var(--e-global-typography-d5f23d1-font-weight);
    line-height: var(--e-global-typography-d5f23d1-line-height);
    letter-spacing: var(--e-global-typography-d5f23d1-letter-spacing);
    word-spacing: var(--e-global-typography-d5f23d1-word-spacing);
	color: var(--e-global-color-c481a7b);
	margin-bottom: 0;
}

.performance-table .table-subtitle {
	margin-bottom: 2rem;
}

.performance-table .highlight-annual-header {
	font-weight: 600;
}

.performance-table td, .performance-table th {
	background-color: transparent !important;
}
.performance-table td {
	padding: 1rem 0;
}

.performance-table .positive,
.performance-table .negative {
	border-radius: 7px;
	padding: 11px 13px 9px 13px;
	font-weight: 600;
}
.performance-table .positive {
    color: #3B8E7A;
	background-color: rgba(0, 201, 165, 0.15);
}

.performance-table .negative {
    color: #DB6868;
	background-color: rgba(197, 82, 103, 0.15); 
}

.visualizer-front svg {
    overflow: visible !important;
}
.performance-table:nth-child(1) tr th:nth-child(1),
.performance-table:nth-child(2) tr th:nth-child(1) {
	width: 270px;
}
.performance-table:nth-child(1) tr th:nth-child(2),
.performance-table:nth-child(2) tr th:nth-child(2) {
	width: 170px;
}
.performance-table:nth-child(3) tr th:nth-child(1) {
	width: 100px;
}
.performance-table:nth-child(3) tr th:nth-child(2) {
	width: 170px;
}
.performance-table:nth-child(3) tr th:nth-child(3) {
	width: 170px;
}
@media (min-width: 1200px) {
	.performance-table:nth-child(1) tr th:nth-child(1),
	.performance-table:nth-child(2) tr th:nth-child(1) {
		width: 350px;
	}
	.performance-table:nth-child(1) tr th:nth-child(2),
	.performance-table:nth-child(2) tr th:nth-child(2) {
		width: 225px;
	}
	.performance-table:nth-child(3) tr th:nth-child(1) {
		width: 125px;
	}
	.performance-table:nth-child(3) tr th:nth-child(2) {
		width: 225px;
	}
	.performance-table:nth-child(3) tr th:nth-child(3) {
		width: 225px;
	}
}