.loading-skeleton{width:140px;height:140px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:50%;display:inline-block}
.loading-skeleton-list{height:300px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}
@keyframes loading{0{background-position:200% 0}
100%{background-position:-200% 0}
}
.fundPortfolio{margin:40px auto 0;background-color:#f5f9ff}
.fundPortfolio .fundPerformance_body{display:block;width:88%;margin:0 auto;padding:0 0 20px}
.fundPortfolio .fundPerformance_body .investment_wrapper_heading{margin:10px 0 18px}
.portfolio_chart{display:flex;text-align:center;gap:16px}
.portfolio_chart>div{border:.5px solid #99bfde;background:#fff;border-radius:8px;padding:16px;min-width:43vw;box-shadow:0 0 8px 0 #005EAC42}
.chart-container{width:140px;height:140px;display:inline-block}
.portfolio_chart_data{margin-top:20px}
.portfolio_chart_data .container{display:flex;gap:20px}
.portfolio_chart_data .card{width:50%;background:#fff;border-radius:8px;padding:24px;border:.5px solid #99bfde;box-shadow:0 0 8px 0 #005EAC42}
.portfolio_chart_data .header{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:1px solid #ededed}
.portfolio_chart_data .tabs button{padding:4px 8px;margin-left:5px;border-radius:20px;cursor:pointer;font-weight:500;font-size:12px;line-height:100%;color:#363c41;border:1px solid #99bfde;background:#fff}
.portfolio_chart_data .tab.active{background:#005eac;color:#fff}
.portfolio_chart_data .list{margin-top:10px}
.portfolio_chart_data .item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #ededed}
.portfolio_chart_data .item:last-child{border:0}
.portfolio_chart_data .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.portfolio_chart_data .pagination button{border:0;background:#005eac;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;border:3px solid #fff;font-size:22px;box-shadow:0 4px 20px 0 #0000001A}
.chartData_heading{font-weight:600;font-size:18px;line-height:22px;color:#002856}
.investmentEquity{border-width:1px 1px 1px 8px;border-style:solid;border-color:#0c8934;background-color:#f6fef8;padding:5px 16px;border-radius:8px;margin-top:18px}
.investmentEquity p{font-weight:400;font-size:14px;line-height:100%;color:#131619;display:flex;align-items:center;gap:5px}
.investmentEquity p span{font-weight:600}
.investmentEquity p span img{width:24px;height:24px}
.equityStock_name,.equityStock_percent{font-weight:400;font-size:14px;line-height:18px;color:#002856}
.equityStock_percent{font-weight:600}
.pagination .page-info{font-weight:400;font-size:14px;line-height:18px;color:#131619}
@media(max-width:767px){.chart-container{width:110px;height:110px}
.portfolio_chart_data .container{flex-direction:column}
.portfolio_chart>div{padding:10px;min-width:40vw}
.portfolio_chart_data .card{width:100%;padding:12px}
.portfolio_chart_data .header{flex-direction:column;gap:8px}
.portfolio_chart_data .header{padding-bottom:10px}
.portfolio_chart_data .tabs button{padding:6px 12px}
#ratingChart{max-width:100%}
}