#NavContent2
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
        border:solid 1px transparent;
        padding-top:5px;
        display: flex;
        flex-direction: column;
    }
#NavContent2D1
    {
        width: 100%;
        height: calc(100% - 33px);
        display: flex;
        flex-direction: row;
        gap:3px;
    }
/*############################################################################*/
#NavContent2D11
    {
        width: 80%;
        height:100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
#NavContent2D111
    {
        width: 100%;
        height:30px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap:3px;
        position: relative;
    }
#NavContent2D111 input[type="text"]
    {
        width: 50%;
        height:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: inset 1px 1px 1px black;
        outline: none;
        padding-left: 10px;
    }
#NavContent2D111 button
    {
        height:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        outline: none;
        font-weight: 800;
        text-shadow: 1px 3px 5px gray;
        box-shadow: 1px 3px 5px gray;
        cursor: pointer;
    }
#NavContent2D112
    {
        flex-grow: 1;
        width: 100%;
        height:calc(100% - 63px);
        margin-top: 3px;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        overflow-y: auto;
    }
#NavContent2D112T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent2D112T1 td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#NavContent2D112T1 input[type="checkbox"]
    {
        cursor: pointer;
    }
#NavContent2D112T1 tr:first-child td:first-child
    {
        border-radius: 5px 0 0 0;
    }
#NavContent2D112T1 tr:first-child td:last-child
    {
        border-radius: 0 5px 0 0;
    }
#NavContent2D112T1 tr td:last-child
    {
        border-right: none;
    }
#NavContent2D112T1 thead
    {
        position:sticky;
        top:0;
        background-color: white;
    }
#NavContent2D112T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent2D112T1 tbody tr:hover
    {
        background-color: gray;
        font-weight: 800;
        color: white;
    }
#NavContent2D112T1 tfoot
    {
        position:sticky;
        bottom:0;
        background-color: white;
    }
#NavContent2D112T1 tfoot td
    {
        font-weight: 800;
    }
/*############################################################################*/
#NavContent2D12
    {
        width: calc(20% - 5px);
        height:100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
#NavContent2D121
    {
        width: 100%;
        height:30px;
        box-sizing: border-box;
    }
#NavContent2D121 input[type="text"]
    {
        width: 30%;
        height:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        outline: none;
        padding-left: 10px;
    }
#NavContent2D122
    {
        flex-grow: 1;
        width: 100%;
        height:calc(100% - 63px);
        margin-top: 3px;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        overflow-y: auto;
    }
#NavContent2D122T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent2D122T1 td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#NavContent2D122T1 input[type="checkbox"]
    {
        cursor: pointer;
    }
#NavContent2D122T1 tr:first-child td:first-child
    {
        border-radius: 5px 0 0 0;
    }
#NavContent2D122T1 tr:first-child td:last-child
    {
        border-radius: 0 5px 0 0;
    }
#NavContent2D122T1 tr td:last-child
    {
        border-right: none;
    }
#NavContent2D122T1 thead
    {
        position:sticky;
        top:0;
        background-color: white;
    }
#NavContent2D122T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent2D122T1 tbody tr:hover
    {
        background-color: gray;
        font-weight: 800;
        color: white;
    }
#NavContent2D122T1 tfoot
    {
        position:sticky;
        bottom:0;
        background-color: white;
    }
#NavContent2D122T1 tfoot td
    {
        font-weight: 800;
    }
/*########################################################################*/
#NavContent2D2
    {
        width: 100%;
        height:30px;
        box-sizing: border-box;
        margin-top: 3px;
        text-align: left;
    }
#NavContent2D2 button
    {
        padding:0 30px 0 30px;
        height:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        outline: none;
        cursor: pointer;
    }