.CounterpartyAnalysisBarChart,.CounterpartyAnalysisIndustryChart
{
    border: 1px solid var(--Border);
    min-height: 400px;
    max-width: 300px;
    break-inside: avoid;
}
.CounterpartyAnalysisPieChart
{
    border: 1px solid var(--Border);
    min-height: 400px;
    max-width: 300px;
    break-inside: avoid;
}
.CounterpartyAnalysisPopup
{
    position: absolute;
    top: 5vh;
    left: 1vw;
    border: 1px solid var(--Border);
    background-color: var(--Content);
    z-index: 998;
}
.CounterpartyAnalysisPopupBody
{
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    background-color: var(--Content);
    overflow-x: auto;
    overflow-y: auto;
    resize: both;
    max-height: 95vh;
    max-width: 98vw;
}
.CounterpartyAnalysisDetailPopup
{
    position: absolute;
    top: 10vh;
    left: 2vw;
    border: 1px solid var(--Border);
    background-color: var(--Content);
    z-index: 999;
}
.CounterpartyAnalysisDetailPopupBody
{
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    background-color: var(--Content);
    overflow-x: auto;
    overflow-y: auto;
    resize: both;
    max-height: 85vh;
    max-width: 95vw;
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level2 -- Larger than an iPhone 5/SE
------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 321px)
{
    .CounterpartyAnalysisBarChart
    {
        max-width: 380px;
    }
    .CounterpartyAnalysisPieChart
    {
        max-width: 380px;
    }
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level3 -- Larger than a mobile device
------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 481px)
{
    .CounterpartyAnalysisBarChart
    {
        max-width: 1000px;
    }
    .CounterpartyAnalysisPieChart
    {
        min-height: 500px;
        max-width: 500px;
    }
    .CounterpartyAnalysisIndustryChart
    {
        min-height: 500px;
        max-width: 800px;
    }
    .CounterpartyAnalysisPopup
    {
        top: 10vh;
        left: 10vw;
        box-shadow: 10px 10px 10px var(--Border);
    }
    .CounterpartyAnalysisPopupBody
    {
        max-width: 80vw;
        max-height: 80vh;
    }
    .CounterpartyAnalysisDetailPopup
    {
        top: 20vh;
        left: 20vw;
        box-shadow: 10px 10px 10px var(--Border);
    }
    .CounterpartyAnalysisDetailPopupBody
    {
        max-width: 70vw;
        max-height: 70vh;
    }
}