#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;
    }
#NavContent1D1T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
        z-index: 3;
    }
#NavContent1D1T1 thead tr:first-child td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent1D1T1 tbody td
    {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
/*###########################################################################*/
#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;
        background-color: rgba(0,0,0,0.5);
        position: absolute;
        top:0;
        left:0;
        z-index: 8;
    }
#NavContent1D31
    {
        width:80%;
        height: 90%;
        box-sizing: border-box;
        margin-top:5vh;
        margin-left: 10%;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#NavContent1D311
    {
        width:100%;
        height: 30px;
        box-sizing: border-box;
        border-bottom: solid 1px gray;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D311 span
    {
        display: block;
        margin-left:15px;
        margin-top: 10px;
        font-weight: 800;
        float:left;
    }
#NavContent1D312
    {
        width:100%;
        height:calc(100% - 30px);
        box-sizing: border-box;
    }
#NavContent1D3121
    {
        width:100%;
        box-sizing: border-box;
        padding:5px;
    }
#NavContent1D3121T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D3121T1 td
    {
        height: 23px;
    }
#NavContent1D3121T1 input[type="text"], #NavContent1D3121T1 select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;
        outline: none;
    }
#NavContent1D3121T1 textarea
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;
        display: block;
        outline:none;
    }
#NavContent1D3121T1 .datepicker
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;
        outline:none;
        background-color: white;
    }
#NavContent1D3121T1 .datepicker input
    {
        height:18px !important;
        border:none;
        box-sizing: border-box;
        background-color: transparent;
    }
#NavContent1D3121T1 button
    {
        min-width:100px;
        height: 120%;
        box-sizing: border-box;
        cursor: pointer;
    }
#NavContent1D3122
    {
        width:calc(100% - 10px);
        height: calc(100% - 200px);
        box-sizing: border-box;
        margin-left:5px;
        
    }
#NavContent1D31221
    {
        width:100%;
        height:calc(100% - 25px);
        box-sizing: border-box;
    }
#NavContent1D312211
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
        border:solid 1px transparent;
    }
#NavContent1D3122111
    {
        width:100%;
        max-height: calc(100% - 50px);
        box-sizing: border-box;
        margin-top: 20px;
        border: solid 1px gray;
        border-radius: 5px;
    }
#NavContent1D3122111T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#NavContent1D3122111T1 td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#NavContent1D3122111T1 input[type="text"], #NavContent1D3122111T1 input[type="number"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;
        outline: none;
        font-size: clamp(11px, 2vw, 14px);
    }
#NavContent1D3122111T1 button
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
        font-size: clamp(9px, 2vw, 14px);
    }
#NavContent1D3122111T1 tr:first-child td:first-child
    {
        border-top-left-radius: 5px;
    }
#NavContent1D3122111T1 tr:first-child td:last-child
    {
        border-top-right-radius: 5px;
    }
#NavContent1D3122111T1 tr td:last-child
    {
        border-right: none;
    }
#NavContent1D3122111T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#NavContent1D3122111T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent1D3122111T1 tbody tr:hover
    {
        background-color: bisque;
    }
#NavContent1D3122111T1 tfoot tr:last-child td
    {
        border-bottom: none;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#NavContent1D312212
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
    }
#NavContent1D3122121
    {
        width:100%;
        height:30px;
        box-sizing: border-box;
        padding-top:3px;
        padding-left: 3px;
    }
#NavContent1D3122121 input[type="text"]
    {
        width:30%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;
        outline: none;
    }
#NavContent1D3122122
    {
        width:calc(100% - 2px);
        height:calc(100% - 143px);
        box-sizing: border-box;
        margin-left: 1px;
        margin-top:5px;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
    }
#NavContent1D3122122T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#NavContent1D3122122T1 td
    {
        height: 23px;
        border-right:solid 1px rgb(214, 213, 213);
        border-bottom: solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#NavContent1D3122122T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#NavContent1D3122122T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent1D3122122T1 tbody tr:hover
    {
        background-color: bisque;
    }
#NavContent1D3122123
    {
        width:calc(100% - 2px);
        height:30px;
        box-sizing: border-box;
        margin-left: 1px;
        margin-top:5px;
        text-align: right;
    }
#NavContent1D3122123 button
    {
        min-width: 100px;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }
/*##############################################################################################*/
#NavContent1D31222
    {
        width:100%;
        height:25px;
        box-sizing: border-box;
        border-radius: 0px 0px 5px 5px;
        display: flex;
        background-color: #525353e7;
        border:solid 1px white;
    }
#NavContent1D31222 button
    {
        min-width: 150px;
        height:28px;
        box-sizing: border-box;
        border:none;
        background-color: #525353e7;
        margin-top:-5px;
        border-bottom: solid 1px #525353e7;
        font-weight: 800;
        cursor:pointer;
        text-shadow: 1px 3px 5px gray;
    }
#NavContent1D31222 button:last-child
    {
        border-radius: 0px 0px 5px 0px;
    }