#NavContent1
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
        border:solid 1px transparent;
        padding-top:5px;
    }
#NavContent1D1
    {
        width: 100%;
        height:calc(100% - 35px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        overflow: auto;
    }
#NavContent1D1T1
    {
        border-spacing: 0;
        width: 100%;
        table-layout: fixed;
    }
#NavContent1D1T1 td
    {
        height: 23px;
        border-right:solid 1px rgb(228, 226, 226);
        border-bottom: solid 1px gray;
        
    }
#NavContent1D1T1 input[type="text"], #NavContent1D1T1 select
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;
        outline: none;
    }
#NavContent1D1T1 button
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
        cursor: pointer;
    }
#NavContent1D1T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
        z-index: 3;
    }
#NavContent1D1T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent1D1T1 tbody td
    {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#NavContent1D1T1 thead tr td:nth-child(1),
#NavContent1D1T1 tbody tr td:nth-child(1)
    {
        position: sticky;
        left:0;
        width:30px;
    }
#NavContent1D1T1 thead tr td:nth-child(2),
#NavContent1D1T1 tbody tr td:nth-child(2)
    {
        position: sticky;
        left:33px;
        width:100px;
    }
#NavContent1D1T1 thead tr td:nth-child(3),
#NavContent1D1T1 tbody tr td:nth-child(3)
    {
        position: sticky;
        left:136px;
        width:100px;
    }
#NavContent1D1T1 thead tr td:last-child,
#NavContent1D1T1 tbody tr td:last-child
    {
        position: sticky;
        right:0;
        width:50px;
    }
#NavContent1D1T1 thead tr td:nth-child(1),
#NavContent1D1T1 tbody tr td:nth-child(1),
#NavContent1D1T1 thead tr td:nth-child(2),
#NavContent1D1T1 tbody tr td:nth-child(2),
#NavContent1D1T1 thead tr td:nth-child(3),
#NavContent1D1T1 tbody tr td:nth-child(3),
#NavContent1D1T1 thead tr td:last-child,
#NavContent1D1T1 tbody tr td:last-child
    {
        background-color: white;
    }
#NavContent1D1T1 tbody tr td:nth-child(1),
#NavContent1D1T1 tbody tr td:nth-child(2)
    {
        z-index: 2;
    }
/*###########################################################################*/
#NavContent1D2
    {
        width:100%;
        height: 30px;
        box-sizing: border-box;
    }
#NavContent1D21
    {
        width:70%;
        box-sizing: border-box;
        text-align: left;
        padding-top:3px;
        text-align: left;
        float:left;
    }
#NavContent1D21 button
    {
        min-width:120px;
        height: 30px;
        box-sizing: border-box;
        margin-right: 3px;
        cursor: pointer;
        font-weight: bold;
        text-shadow: 1px 3px 5px gray;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D22
    {
        width:30%;
        box-sizing: border-box;
        padding-top:3px;
        text-align: right;
        float:right;
    }
#NavContent1D22 button
    {
        width:30px;
        height: 30px;
        padding-top:5px;
        border:none;
        background-color: transparent;
        margin-left: 5px;
        cursor: pointer;
        text-shadow: 1px 3px 5px gray;
    }
#NavContent1D22 button:hover
    {
        border-radius: 50%;
        border:solid 1px gray;
        background-color: white;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D22 span
    {
        text-shadow: 1px 3px 5px gray;
    }
/*###########################################################################*/
#NavContent1D3
    {
        width:100vw;
        height: 100vh;
        box-sizing: border-box;
        position: absolute;
        top:0;
        left:0;
        background-color: rgba(0,0,0,0.5);
        z-index: 10;
    }
#NavContent1D31
    {
        width:90%;
        height: 96vh;
        box-sizing: border-box;
        margin-left:5%;
        margin-top:2vh;
        background-color: white;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D311
    {
        width:100%;
        height:30px;
        box-sizing: border-box;
        box-shadow: 1px 3px 5px gray;
        padding:5px;
    }
#NavContent1D312
    {
        width:100%;
        height:calc(100% - 60px);
        box-sizing: border-box;
        border:solid 1px transparent;
        padding:5px;
        overflow: auto;
    }
#NavContent1D312T1
    {
        width:100%;
        border-spacing: 0;
        margin-top: 5px;
        table-layout: fixed;
    }
#NavContent1D312T1 td
    {
       height: 23px;
    }
#NavContent1D312T1 input[type="text"], #NavContent1D312T1 input[type="number"], #NavContent1D312T1 select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        outline: none;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D312T1 .datepicker
    {
        height: 100% !important;
        border:solid 1px gray;
        border-radius: 3px;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D312T1 .datepicker input
    {
        height:18px !important;
        border:none;
        box-sizing: border-box;
        background-color: transparent;
    }
#NavContent1D312T1 span
    {
        display: inline-block;
        font-weight: 800;
        text-shadow: 1px 3px 5px gray;
        width:100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#NavContent1D312T2
    {
        width:100%;
        border-spacing: 0;
        border:solid 1px gray;
        border-radius: 5px;
        margin-top:10px;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D312T2 td
    {
       height: 23px;
       border-right: solid 1px gray;
       border-bottom: solid 1px gray;
    }
#NavContent1D312T2 input[type="text"], #NavContent1D312T2 select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        outline: none;
    }
#NavContent1D312T2 .datepicker
    {
        height: 23px !important;
        
    }
#NavContent1D312T2 .datepicker input
    {
        height:18px !important;
        border:none;
        box-sizing: border-box;
        background-color: transparent;
    }
#NavContent1D312T2 thead td
    {
        font-weight: 800;
        text-align: center;
    }
#NavContent1D312T2 tr td:last-child
    {
        border-right: none;
    }
#NavContent1D312T2 tbody tr:last-child td 
    {
        border-bottom: none;
    }
#NavContent1D312T3
    {
        width:100%;
        border-spacing: 0;
        margin-top: 10px;
        table-layout: fixed;
    }
#NavContent1D312T3 td
    {
        height: 23px;
    }
#NavContent1D312T3 input[type="text"], #NavContent1D312T3 input[type="number"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        outline: none;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D312T3 span
    {
        display: inline-block;
        font-weight: 800;
        text-shadow: 1px 3px 5px gray;
        width:100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        
    }
#NavContent1D312T3 button
    {
        position: absolute;
        right: 3px;
        width:18px;
        height: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: smaller;
        padding:0;
        margin: 0;
        border:none;
        outline: none;
        background-color: transparent;
        cursor: pointer;
        color:rgb(216, 213, 213);
    }
#NavContent1D312T3 button:hover
    {
        background-color: #d6d4d4;
        color:gray;
        border-radius: 3px;
    }
#NavContent1D313
    {
        width:100%;
        height:calc(100% - 60px);
        box-sizing: border-box;
        border:solid 1px transparent;
        padding:5px;
        overflow: auto;
    }
/*###############################################################################################*/
#NavContent1D3131
    {
        width:100%;
        height:80px;
        box-sizing: border-box;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#NavContent1D3131T1
    {
        width:40%;
        border-spacing: 0;
        float: left;
        table-layout: fixed;
    }
#NavContent1D3131T1 td
    {
        height: 23px;
        font-weight: 800;
        text-shadow: 1px 3px 5px gray;
    }
#NavContent1D3131T1 tr td:first-child
    {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#NavContent1D3131T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        box-shadow: 1px 3px 5px gray;
        outline: none;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#NavContent1D3131T2
    {
        width:40%;
        border-spacing: 0;
        float: right;
        table-layout: fixed;
    }
#NavContent1D3131T2 td
    {
        height: 23px;
        font-weight: 800;
        text-shadow: 1px 3px 5px gray;
    }
#NavContent1D3131T1 tr td:first-child
    {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#NavContent1D3131T2 input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        box-shadow: 1px 3px 5px gray;
        outline: none;
    }
/*###############################################################################################*/
#NavContent1D3132
    {
        width:100%;
        height: calc(100% - 80px);
        box-sizing: border-box;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#NavContent1D31321
    {
        width:100%;
        height: calc(40% - 5px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: 1px 3px 5px gray;
        overflow-y: auto;
    }
#NavContent1D31321T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#NavContent1D31321T1 td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#NavContent1D31321T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border: none;
        outline: none;
        background-color: transparent;
    }
#NavContent1D31321T1 button
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }
#NavContent1D31321T1 tr td:last-child
    {
        border-right:none;
    }
#NavContent1D31321T1 thead
    {
        position:sticky;
        top: 0;
        background-color: white;
    }
#NavContent1D31321T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent1D31321T1 tbody tr:hover
    {
        background-color: bisque;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#NavContent1D31322
    {
        width:100%;
        height: calc(60% - 5px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: 1px 3px 5px gray;
        margin-top: 5px;
        overflow-y: auto;
    }
#NavContent1D31322T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#NavContent1D31322T1 td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#NavContent1D31322T1 button
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }
#NavContent1D31322T1 tr td:last-child
    {
        border-right:none;
    }
#NavContent1D31322T1 thead
    {
        position:sticky;
        top: 0;
        background-color: white;
    }
#NavContent1D31322T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent1D31322T1 tbody tr:hover
    {
        background-color: bisque;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*###############################################################################################*/
#NavContent1D314
    {
        width:calc(100% - 20px);
        height:calc(100% - 80px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        margin-top: 10px;
        margin-left: 10px;
        box-shadow: 1px 3px 5px gray;
        overflow: auto;
    }
#NavContent1D314T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D314T1 td
    {
        height: 23px;
        border-right:solid 1px gray;
        border-bottom:solid 1px gray;
    }
#NavContent1D314T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        outline: none;
        text-align: center;
    }
#NavContent1D314T1 tr td:last-child
    {
        border-right:none;
    }
#NavContent1D314T1 thead 
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#NavContent1D314T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent1D314T1 tbody tr:hover
    {
        background-color: bisque;
    }
#NavContent1D314T1 tfoot
    {
        position: sticky;
        bottom:0;
        background-color: white;
    }
#NavContent1D314T1 tfoot td
    {
        font-weight: 800;
        border-bottom: none;
    }
/*###############################################################################################*/
#NavContent1D315
    {
        width: 100%;
        height: 30px;
        box-sizing: border-box;
        text-align: right;
        padding:3px 5px 3px 5px;
    }
#NavContent1D315 button
    {
        min-width: 100px;
        height: 100%;
        box-sizing: border-box;
        box-shadow: 1px 3px 5px gray;
        margin-right: 3px;
        cursor: pointer;
    }