﻿.DocumentSectionDisabled
{
    display: none;
}
.DocumentSectionOpenBranch,.DocumentSectionClosedBranch,.DocumentSectionOpenLeaf,.DocumentSectionClosedLeaf
{
    padding:1px;
    padding-left: .25em;
    border-left: 1px solid lightgrey;
}
.DocumentSectionOpenBranch,.DocumentSectionClosedBranch
{
    background-color: var(--Header);
}
.DocumentSectionContent
{
    display: none;
    padding: 1px;
    padding-left: .25em;
    border-left: 1px solid lightgrey;
}

.DocumentSectionContent.pw {
    max-width:var(--PrintWidth);
}

.DocumentSectionTitleSpan
{
}

@media only screen {
    .DocumentSectionOpenBranch .DocumentSectionTitleSpan::before,
    .DocumentSectionOpenLeaf .DocumentSectionTitleSpan::before {
        content: '▼';
    }

    .DocumentSectionClosedLeaf .DocumentSectionTitleSpan::before {
        content: '▶';
    }
    .DocumentSectionClosedBranch::before
    {
        content: '▶';
    }
}

@media only print {

    .DocumentSectionOpenBranch,.DocumentSectionClosedBranch,.DocumentSectionOpenLeaf,.DocumentSectionClosedLeaf,.DocumentSectionContent
    {
        padding:0;
        border:0;
        max-width:var(--PrintWidth);
        background-color: var(--Content);
    }

    .DocumentSectionClosedLeaf .DocumentSectionTitleSpan {
        display:none;
    }
    .DocumentSectionTitleSpan
    {
        padding:10px 0 0 0;
    }
}

.DocumentSectionTitleSpan:hover
{
    text-decoration: underline;
    color: var(--Hover);
    cursor: pointer;
}
.DocumentSectionSubmenuTitle,.DocumentSectionHighlightedSubmenuTitle
{
    display: none;
    padding-left: 1em;
    border-left: 1px solid lightgrey;
    background-color: var(--Header);
}
.DocumentSectionMenuItem
{
    display: none;
    padding-left: 1em;
    padding-right: 4px;
    border-left: 1px solid lightgrey;
}
.DocumentSectionMenuItem:hover
{
    text-decoration: underline;
    color: var(--Hover);
    background-color: var(--Header);
    cursor: pointer;
}
/*
.DocumentSectionHighlightedSubmenuTitle
{
    display: none;
    padding-left: 1em;
    border-left: 1px solid lightgrey;
    background-color: var(--Disabled);
    color: white;
    font-weight: bold;
}
*/
.DocumentSectionHighlightedMenuItem
{
    display: none;
    padding-left: 1em;
    background-color: var(--Disabled);
    color: white;
    font-weight: bold;
}
.DocumentSectionSubmenu
{
    display: block;
    padding-left: 1em;
    border-left: 1px solid lightgrey;
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level2 -- Larger than an iPhone 5/SE
------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 321px)
{
    .DocumentSectionOpenBranch,.DocumentSectionClosedBranch,.DocumentSectionOpenLeaf,.DocumentSectionClosedLeaf,.DocumentSectionContent
    {
        padding:2px;
        padding-left: 1em;
    }
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level3 -- Larger than a mobile device
------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 481px)
{
    .DocumentSectionOpenBranch,.DocumentSectionClosedBranch,.DocumentSectionOpenLeaf,.DocumentSectionClosedLeaf,.DocumentSectionContent
    {
        padding-left: 1em;
    }
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level4 -- Larger than an iPad
------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 769px)
{
    .DocumentSectionOpenBranch,.DocumentSectionClosedBranch
    {
        display: none;
    }
    .DocumentSectionOpenLeaf,.DocumentSectionClosedLeaf,.DocumentSectionContent
    {
        padding-left: 0px;
        border-left: none;
    }
}
/* ------------------------------------------------------------------------------------------------
   Media Query for Level5 -- Larger than a small screen
------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 1025px)
{
}
