/*##########################################################################################*/
/*TabContent5D1*/
/*##########################################################################################*/
#TabContent5D1
    {
        width:100%;
        height:calc(100% - 30px);
        box-sizing: border-box;
        margin-top: 5px;
        background-color: white;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
.TabContent5D10
    {
        width:100%;
        height: calc(100% - 5px);
        box-sizing: border-box;
        padding:2px;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*TabContent5D11*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#TabContent5D111
    {
        width:20%;
        height: 100%;
        box-sizing: border-box;
        box-shadow: 1px 1px 1px gray inset;
        border:solid 1px gray;
        border-radius: 5px;
        float:left;
        padding:3px;
    }
#TabContent5D111T1
    {
        width:100%;
        border-spacing: 0;
    }
#TabContent5D111T1 td
    {
        height: 23px;
    }
#TabContent5D111T1 .TC5D111_Input
    {
        font-weight: 800;
    }
#TabContent5D111T1 input[type="text"],#TabContent5D111T1 textarea
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background-color: lightyellow;
        outline: none;
        border:solid 1px gray;
        border-radius: 3px;
        box-shadow: 1px 3px 5px gray;
    }
#TabContent5D111T1 .TC5D111_Save
    {
        width: 100%;
        height: 30px;
        box-sizing: border-box;
        font-weight: 800;
        box-shadow: 1px 3px 5px gray;
    }
#TabContent5D112
    {
        width:calc(80% - 2px);
        height: 100%;
        box-sizing: border-box;
        box-shadow: 1px 1px 1px gray inset;
        border:solid 1px gray;
        border-radius: 5px;
        float:right;
    }
#TabContent5D113
    {
        position: absolute;
        top:0;
        left:0;
        width:100vw;
        height: 100vh;
        box-sizing: border-box;
        background-color: rgba(1,0,0,0.5);
    }
#TabContent5D1131
    {
        width:80%;
        height: 50%;
        box-sizing: border-box;
        margin-left:10%;
        margin-top:25vh;
        background-color: white;
        border:solid 1px rgb(49, 49, 49);
        border-radius: 10px;
    }
#TabContent5D11311
    {
        width:100%;
        height: 28px;
        box-sizing: border-box;
        background-color:rgb(68, 69, 70);
        border:solid 1px gray;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
#TabContent5D11311 span
    {
        float:right;
        margin-right:5px;
        margin-top:3px;
        cursor: pointer;
    }
#TabContent5D11312
    {
        width:100%;
        height: calc(100% - 28px);
        box-sizing: border-box;
        overflow-y: auto;
    }
#TabContent5D11312T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#TabContent5D11312T1 td
    {
        height: 23px;
        border-right:solid 1px rgb(238, 236, 236);
        border-bottom:solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#TabContent5D11312T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        text-align: center;
        border:none;
        border-radius: 3px;
        outline: none;
        background-color: rgb(137, 204, 204);
    }
#TabContent5D11312T1 input[type="button"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }
#TabContent5D11312T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#TabContent5D11312T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#TabContent5D11312T1 tbody tr:hover
    {
        background-color: bisque;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*TabContent5D120*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#TabContent5D120
    {
        width:100%;
        height: 25px;
        box-sizing: border-box;
    }
#TabContent5D120 input[type="text"]
    {
        width:50%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;
        outline: none;
    }
#TabContent5D120 button
    {
        width:200px;
        height: 100%;
        box-sizing: border-box;
        margin-left: 5px;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*TabContent5D121*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#TabContent5D121
    {
        width:100%;
        height:calc(100% - 28px);
        box-sizing: border-box;
        margin-top:3px;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
    }
#TabContent5D121T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#TabContent5D121T1 td
    {
        height: 23px;
        border-right:solid 1px rgb(238, 236, 236);
        border-bottom:solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#TabContent5D121T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#TabContent5D121T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#TabContent5D121T1 tbody tr:hover
    {
        background-color: bisque;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*TabContent5D122*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#TabContent5D122
    {
        width:100vw;
        height: 100vh;
        box-sizing: border-box;
        position: absolute;
        top:0;
        left:0;
        background-color: rgba(1,0,0,0.5);
    }
#TabContent5D1221
    {
        width:95%;
        height: 80vh;
        box-sizing: border-box;
        margin-left: 2.5%;
        margin-top: 10vh;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#TabContent5D12211
    {
        width:100%;
        height: 25px;
        box-sizing: border-box;
        background-color: #faf7f7;
        /*box-shadow: 1px 3px 5px gray;*/
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-bottom-right-radius:5px;
    }
#TabContent5D12211 span:first-child
    {
        float:left;
        margin-top: 3px;
        margin-left:4px;
        text-shadow: 1px 3px 5px gray;
        width:70%;
        font-weight: 800;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#TabContent5D12211 span:last-child
    {
        float:right;
        margin-top: 3px;
        margin-right: 5px;
        text-shadow: 1px 3px 5px gray;
    }
#TabContent5D12212
    {
        width:calc(100% - 10px);
        height: calc(100% - 35px);
        box-sizing: border-box;
        overflow-y: auto;
        margin-top: 5px;
        margin-left: 5px;
        border-radius: 5px;
        border:solid 1px rgb(218, 215, 215);
        box-shadow: 1px 3px 5px gray,-1px -3px 5px gray;
    }
#TabContent5D12212T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#TabContent5D12212T1 td
    {
        height: 23px;
        border-right:solid 1px rgb(238, 236, 236);
        border-bottom:solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#TabContent5D12212T1 input[type="text"], #TabContent5D12212T1 select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;
        background-color:rgb(137, 204, 204);
        outline:none;
    }
#TabContent5D12212T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#TabContent5D12212T1 thead td
    {
        font-weight: 800;
        text-align: center;
    }
/*##########################################################################################*/
/*TabContent5D2*/
/*##########################################################################################*/
#TabContent5D2
    {
        width:100%;
        height:25px;
        box-sizing: border-box;
        border-radius: 0px 0px 5px 5px;
        display: flex;
        background-color: #a3adb4e7;
        border:solid 1px white;
    }
#TabContent5D2 button
    {
        height:28px;
        box-sizing: border-box;
        border:none;
        background-color: #a3adb4e7;
        margin-top:-5px;
        min-width: 100px;
        border-bottom: solid 1px #a3adb4e7;
        font-weight: 800;
        cursor:pointer;
        text-shadow: 1px 3px 5px gray;
    }
#TabContent5D2 button:last-child
    {
        border-radius: 0px 0px 5px 0px;
    }