#TabContent3D1
    {
        width:100%;
        height: 25px;
        box-sizing: border-box;
        text-align: center;
        margin-top: 10px;
    }
#TabContent3D1 button
    {
        min-width:150px;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        box-shadow: 1px 3px 5px gray;
        cursor: pointer;
    }
#TabContent3D1 button:nth-child(1)
    {
        border-top-left-radius:48px;
        border-bottom-left-radius:48px;
    }
#TabContent3D1 button:nth-child(2)
    {
        border-top-right-radius:48px;
        border-bottom-right-radius:48px;
    }
#TabContent3D2
    {
        width:100%;
        height: calc(100% - 40px);
        box-sizing: border-box;
        margin-top: 5px;
        border:solid 1px transparent;
        border-top:solid 2px gray;
    }
#TabContent3D21
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
    }
#TabContent3D211
    {
        width:100%;
        box-sizing: border-box;
        padding: 3px;
    }
#TabContent3D211 select
    {
        width:150px;
        height: 25px;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        background-color: lightyellow;
    }
#TabContent3D211 input[type="text"]
    {
        width:150px;
        height: 25px;
        box-sizing: border-box;
        margin-left: 5px;
        border:solid 1px gray;
        border-radius: 3px;
        background-color: lightyellow;
        outline:none;
    }
#TabContent3D211 input[type="button"]
    {
        width:100px;
        height: 25px;
        box-sizing: border-box;
        margin-left: 5px;
        cursor:pointer;
    }
/*###################################################################################################################*/
#TabContent3D212
    {
        width:100%;
        height:calc(100% - 33px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        
        background-color: white;
        overflow-y: auto;
    }
#TabContent3D212T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#TabContent3D212T1 td
    {
        height: 23px;
        border-right:solid 1px rgb(238, 236, 236);
        border-bottom:solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#TabContent3D212T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#TabContent3D212T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#TabContent3D212T1 thead td input[type="text"], #TabContent3D212T1 thead td select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius:3px;
        background-color:  rgb(137, 204, 204);
    }
#TabContent3D212T1 tbody  input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        outline: none;
        background-color: transparent;
    }
#TabContent3D212T1 tbody  input[type="text"]:focus
    {
        border:solid 1px gray;
        border-radius:3px;
        background-color: lightyellow;
    }
#TabContent3D212T1 tbody tr:hover
    {
        background-color: bisque;
    }
/*###################################################################################################################*/
#TabContent3D22
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
        border:solid 1px transparent;
    }
#TabContent3D221
    {
        width:100%;
        height:calc(100% - 4px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        margin-top: 3px;
        background-color: white;
        overflow-y: auto;
    }
#TabContent3D221T1
    {
        width:50%;
        border-spacing: 0;
        table-layout: fixed;
    }
#TabContent3D221T1 td
    {
        height: 23px;
        border-right:solid 1px rgb(238, 236, 236);
        border-bottom:solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#TabContent3D221T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#TabContent3D221T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#TabContent3D221T1 thead td input[type="text"], #TabContent3D221T1 thead td select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius:3px;
        background-color:  rgb(137, 204, 204);
    }
#TabContent3D221T1 tbody  input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        outline: none;
        background-color: transparent;
    }
#TabContent3D221T1 tbody  input[type="text"]:focus
    {
        border:solid 1px gray;
        border-radius:3px;
        background-color: lightyellow;
    }
#TabContent3D221T1 tbody td button
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }
#TabContent3D221T1 tbody tr:hover
    {
        background-color: bisque;
    }