﻿.LocationsOpenNode
{
    font-weight: bold;
    vertical-align: top;
}
.LocationsOpenNode:hover
{
    color: blue;
    text-decoration: underline;
}
.LocationsOpenNodeNormal
{
    vertical-align: top;
}
.LocationsClosedNode
{

}
 .LocationsClosedNode:hover
{
    color: blue;
    text-decoration: underline;
}
.LocationsPopup
{
    position: fixed;
    top: 5vh;
    left: 1vw;
    border: 1px solid var(--Border);
    background-color: var(--Content);
    z-index: 998;
}
.LocationsPopupBody
{
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    background-color: var(--Content);
    max-height: 90vh;
    max-width: 98vw;
    overflow-x: auto;
    overflow-y: auto;
    resize: both;
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level3 -- Larger than a mobile device
------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 481px)
{
    .LocationsPopup
    {
        top: 10vh;
        left: 10vw;
        box-shadow: 10px 10px 10px var(--Border);
    }
    .LocationsPopupBody
    {
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 1em;
        max-height: 80vh;
        max-width: 80vw;
    }
}