.compare-chart-wrapper{position:relative;margin-top:20px;min-height:1px}.chart-tooltip{background-color:rgba(26,15,66,.8);border-radius:5px;color:#fff;opacity:1;pointer-events:none;position:absolute;transition:all .1s ease;border:#000}.tooltip-ul{margin:0;list-style:none;padding:0;text-align:center;font-weight:600;font-family:'Arial';padding:10px}.tooltip-ul li p{display:flex;flex-direction:column}.body-item{display:flex;align-items:center;font-weight:normal;margin-top:5px;text-align:left}.body-line-value{flex:1 0 auto;text-align:right;margin-left:10px;font-weight:600}.color-square{min-height:20px;min-width:20px;margin-right:5px;border-width:2px;display:inline-block}.fa-disabled{background-color:#c4c7c6;cursor:not-allowed}.flex-row.portfolio{margin:0 0 30px 0;width:100%;flex-wrap:wrap;border-radius:0 5px 5px 5px;justify-content:space-between}.flex-row.portfolio div{min-width:368px}.periodContainer{display:flex;justify-content:space-around;height:50px;margin:0 10px 0 30px;border:1px solid;border-width:1px 0}.periodContainer .period{flex:1;text-align:center;display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column;gap:4px}.periodContainer .period:not(:last-child){border-right:1px solid}.periodContainer .period:hover{cursor:pointer;background-color:rgba(17,104,179,.2)}.periodContainer .period.active{background-color:#150c40;color:#fff}.periodContainer .period .label{font-weight:700}.periodContainer .period .value{}.risk-chart,.bar-chart,.performance-chart{position:relative}.risk-chart{min-height:300px;flex:1 1 40%;max-width:40%}.bar-chart{min-height:170px;flex:1 1 50%;max-width:50%}.performance-chart,.box.performance-chart{margin-top:30px}.chart-legend{display:flex;flex:0 1 58%}@media(max-width:767px){.flex-row.performance div{flex:1 1 100%;max-width:100%}.flex-row.portfolio .risk-chart,.flex-row.portfolio .bar-chart,.flex-row.portfolio .performance-chart{flex:1 1 100%;max-width:100%}}.legend-table{flex:1 1 auto;height:fit-content}.legend-table tr{height:50px}.legend-table td{padding-right:20px}tr.legend-header{font-weight:700;text-align:left;height:auto}.fund-details .legend-table tr.legend-header td{padding:0 20px 0 0}.legend-table .body-item{text-align:right}.flex-row.portfolio .legend-color-container{display:flex;min-width:auto;align-items:center;max-width:100%}.legend-color-circle{border-radius:50%;min-width:16px;min-height:16px;margin-right:10px}.portfoilo-tabs{display:flex;margin-top:30px}.portfoilo-tabs span{background-color:#fff;border-radius:5px 5px 0 0;border-bottom:0;padding:10px;border:1px solid rgba(17,104,179,.2);border-bottom:none}.portfoilo-tabs span:hover{cursor:pointer;background-color:rgba(17,104,179,.2)}.portfoilo-tabs span.active{background-color:#eef6fb;color:#000;border:none}.flex-row.portfolio .risk-button-container{flex:1 1 100%;max-width:100%;display:flex;gap:20px;margin:0 0 20px 26px;position:relative}.risk-button-container>span{align-items:center;gap:10px}.risk-button{border-radius:50%;cursor:pointer;position:relative;padding-left:30px}.risk-button.active::before{background-color:#150c40;box-shadow:inset 0 0 0 5px #fff}.risk-button.active::after{box-shadow:inset 0 0 0 2px #150c40}.risk-button::before{height:18px;width:18px;border-radius:50%;box-shadow:inset 0 0 0 2px #b1b3b6;content:"";position:absolute;left:0}.risk-button::after{height:18px;width:18px;box-shadow:inset 0 0 0 2px #150c40;border-radius:50%;content:"";position:absolute;left:0;top:0}.fund-details .box table tr:nth-last-child(2) td{background:none}.portfolio-fee{border-top:1px solid;font-weight:600}.fund-details .box table tr.portfolio-fee td{padding-top:20px}