.EIURiskPopup
{
    position: absolute;
    top: 5vh;
    left: 1vw;
    border: 1px solid var(--Border);
    background-color: var(--Content);
    z-index: 998;
}
.EIURiskPopupBody
{
    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;
}
.EIURiskPopup0           { text-align: center; }
.EIURiskPopup1           { background-color: var(--EIURisk1); text-align: center; font-weight: bold; color: white; }
.EIURiskPopup2           { background-color: var(--EIURisk2); text-align: center; font-weight: bold; color: black; }
.EIURiskPopup3           { background-color: var(--EIURisk3); text-align: center; font-weight: bold; color: black; }
.EIURiskPopup4           { background-color: var(--EIURisk4); text-align: center; font-weight: bold; color: black; }
.EIURiskPopup5           { background-color: var(--EIURisk5); text-align: center; font-weight: bold; color: white; }
/* ------------------------------------------------------------------------------------------------
   Media Query for Level3 -- Larger than a mobile device
------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 481px)
{
    .EIURiskPopup 
    {
        top: 10vh;
        left: 10vw;
        box-shadow: 10px 10px 10px var(--Border);
    }

    .EIURiskPopupBody 
    {
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 1em;
        max-width: 80vw;
        max-height: 80vh;
    }
}