.affiliatepress-networkchart-container{    
    display: block;
    position: relative;
}
.affiliatepress-network-chart{
    height: 100%;
    width: 100%;
}
.ap-node-data{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    justify-content: space-around;
    padding: 10px;
    margin-bottom: 10px;
}
.ap-node-data-img{
    border-radius:100px;
    width:40px;
    height:40px;
    margin-right: 10px;
}
.ap-node-data-text{
    font-size: var(--ap-field-label-size);
    font-family: var(--ap-primary-font);
    color: var(--ap-content-color);
    font-weight: 600;
    margin-top: 4px;
}
.ap-node-data-text{
    font-weight: normal;
}
.ap-node-data-text b{
    font-weight: 600;
}
.ap-network-chart-detail{
    height: 100%;
    margin-bottom: 4px;
}

#affiliatepress-network-chart svg .link{
    stroke: var(--ap-front-border-color) !important;
}
#affiliatepress-network-chart svg .node-button-div{
    background-color: transparent !important;
}
#affiliatepress-network-chart svg .node-button-div div{
    border: 1px solid var(--ap-front-border-color) !important; 
    background-color: var(--ap-front-cl-white) !important;
}

#affiliatepress-network-chart svg .node-button-div div div{
    border: none !important;
}

#affiliatepress-network-chart svg .node-button-div span{
    color: var(--ap-front-content-color) !important;
}

#affiliatepress-network-chart .node-button-foreign-object{
    height: 37px;
    width: 40px;
    background-color: transparent !important;
}
.ap-affiliate-menu-item svg path.ap-perfomance-bonus-svg{
    stroke: unset;
}
.ap-affiliate-panel-sidebar .ap-affiliate-menu-item:hover svg path.ap-perfomance-bonus-svg{
    fill: var(--ap-front-content-color);
}