#RemindersD1
    {
        width:30%;
        box-sizing: border-box;
        margin-top: 50px;
        margin-left: 30px;
    }
#RemindersD1 table
    {
        width:100%;
    }
#RemindersD1 table tr td:nth-child(1)
    {
        font-weight: 600;
    }

/*###############################################################################################*/
#VoucherNew
    {
        width:100%;
        border-radius: 5px;
    }
#VoucherNewD1
    {
        width: 100%;
        box-sizing: border-box;
        border-radius: 5px;
        background-color: white;
    }
#VoucherNewD1TabContainer
    {
        width: 100%;
        box-sizing: border-box;
        border-top:solid 1px gray;
        border-left:solid 1px gray;
        border-right:solid 1px gray;
        border-bottom:solid 1px #b7b7b7;
        height: 25px;
        border-radius:5px 5px 0px 0px;
        background-color:white;
        background-image: linear-gradient(rgb(190, 189, 189),#e4e9e6e7,rgb(138, 137, 137));
    }
#VoucherNewD1TabContainer button
    {
        min-width: 100px;
        height: 23px;
        border:none;
        font-weight:700;
        border-radius:3px 3px 0px 0px;
        background-color: transparent;
        cursor:pointer;
        
    }

#VoucherNewD1TabContainer button:hover
    {
        color:green;
        border-top:solid 1px gray;
        border-left:solid 1px gray;
        border-right:solid 1px gray;
    }
.VoucherNewD1TabContent
    {
        width:100%;
        box-sizing: border-box;
        border-right:solid 1px gray;
        border-bottom:solid 1px gray;
        border-left:solid 1px gray;
        border-radius: 0px 0px 5px 5px;
        padding:10px 3px 5px 3px;
    }
.VoucherNewD1TabContent td
    {
        height: 23px;
        /*text-shadow: 3px 3px 5px gray;*/
    }
.VoucherNewD1TabContent table
    {
        width:100%;
        border-spacing:0;
    }
.VoucherNewD1TabContent table input[type="text"], .VoucherNewD1TabContent table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        /*box-shadow: 1px 3px 5px gray;*/
    }

.VoucherNewD1TabContent input[type="text"]
    {
        outline:none;
        
    }
.VoucherNewD1TabContent select
    {
        border:solid 1px gray;
        border-radius: 3px;
        outline:none;
        padding:0px 0px 0px 6px;
    }
.VoucherNewD1TabContent input[type="text"]:focus, .VoucherNewD1TabContent select:focus, .VoucherNewD1TabContent textarea:focus
    {
        border:solid 1px blue;
    }
#VoucherNewD1TaxD1
    {
        width:100%;
        max-height: 150px;
        border:solid 1px gray;
        border-radius: 5px;
        box-sizing: border-box;
        overflow-y: auto;
    }
#VoucherNewD1TaxD1 table
    {
        width:100%;
        border-spacing: 0;
    }
#VoucherNewD1TaxD1 table td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#VoucherNewD1TaxD1 table tr td:last-child
    {
        border-right: none;
    }
#VoucherNewD1TaxD1 table thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#VoucherNewD1TaxD1 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#VoucherNewD1TaxD1 table tbody tr:last-child td
    {
        border-bottom: none;
    }
#VoucherNewD1TaxD1 table td input[type="text"], #VoucherNewD1TaxD1 table td select
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        text-align: center;
    }
#VoucherNewD1TaxD1 table tfoot
    {
        position: sticky;
        bottom:0;
        background-color: white;
    }
#VoucherNewD1TaxD1 table tfoot tr:last-child td
    {
        border-top: solid 1px gray;
    }
#VoucherNewVehicleDuty
    {
        position: absolute;
        top:0;
        right: 0;
        z-index: 5;
        width: 50%;
        height: 100%;
        box-sizing: border-box;
        box-shadow: 1px 3px 5px gray;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: beige;
    }
#VoucherNewVehicleDutyD1
    {
        width:100%;
        height: 30px;
        box-sizing: border-box;
        box-shadow: 1px 3px 5px gray;
        border-bottom: solid 2px gray;
        padding-right: 5px;
        padding-top: 3px;
    }
#VoucherNewVehicleDutyD1 input[type="text"]
    {
        margin-left: 10px;
        font-weight: 800;
        border:none;
        outline:none;
        background-color: transparent;
    }
#VoucherNewVehicleDutyD2
    {
        width:100%;
        height: calc(100% - 25px);
        box-sizing: border-box;
        overflow-y: auto;
    }
#VoucherNewVehicleDutyD2T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#VoucherNewVehicleDutyD2T1 td
    {
        height: 23px;
        border-right:solid 1px rgba(226, 223, 223, 0.856);
        border-bottom:solid 1px rgba(226, 223, 223, 0.856);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#VoucherNewVehicleDutyD2T1 thead
    {
        position: sticky;
        top:0;
        background-color: beige;
    }
#VoucherNewVehicleDutyD2T1 thead td
    {
        text-align: center;
        font-weight: bold;
    }
/*#VoucherNewVehicleDutyD2T1 tbody tr:hover
    {
        border:solid 1px gray;
        border-radius: 5px;
        background-color: #e6e6e6;
        box-shadow: 1px 3px 5px gray;
        cursor: pointer;
    }*/
#VoucherNewD1VehicleDutyD1
    {
        width:100%;
        height: 200px;
        overflow-y: auto;
    }
#VoucherNewD1VehicleDutyD1 table
    {
        border-spacing: 0;
    }
#VoucherNewD1VehicleDutyD1 table thead
    {
        position:sticky;
        top:0;
        background-color: #e4e9e6e7;
    }
#VoucherNewD1VehicleDutyD1 table thead td
    {
        text-align: center;
        font-weight: 700;
    }
.SAP_VoucherNewVehicleDutyDataSelected
    {
        border:solid 1px gray;
        border-radius: 5px;
        background-color: #e6e6e6;
        box-shadow: 1px 3px 5px gray;
    }
/*SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS*/
#VoucherNewExpenseItems
    {
        position: absolute;
        top:0;
        right: 0;
        z-index: 5;
        width: 50%;
        height: 100%;
        box-sizing: border-box;
        box-shadow: 1px 3px 5px gray;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: rgb(223, 223, 212);
    }
#VoucherNewExpenseItemsD1
    {
        width:100%;
        height: 30px;
        box-sizing: border-box;
        border-bottom: solid 1px rgb(133, 133, 113);
        box-shadow: 1px 3px 5px  rgb(128, 128, 79);
        padding-right: 5px;
        padding-top: 3px;
    }
#VoucherNewExpenseItemsD2
    {
        width:100%;
        height:calc(100% - 30px);
        box-sizing: border-box;
        overflow-y: auto;
    }
#VoucherNewExpenseItemsD2T1
    {
        width:100%;
        border-spacing: 0;
    }
#VoucherNewExpenseItemsD2T1 td
    {
        height: 23px;
        border-bottom: solid 1px gray;
    }
#VoucherNewExpenseItemsD2T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;
        outline: none;
    }
#VoucherNewExpenseItemsD2T1 button
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        outline: none;
        background-color: transparent;
    }
#VoucherNewExpenseItemsD2T1 thead
    {
        position:sticky;
        top:0;
        background-color:  rgb(223, 223, 212);
    }
#VoucherNewExpenseItemsD2T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#VoucherNewExpenseItemsD2T1 tfoot
    {
        position: sticky;
        bottom:0;
        background-color:  rgb(223, 223, 212);
    }
/*#############################################################*/
.VoucherNewD1PlateNumberOption
    {
        width: calc(100% - 3px);
        /*border:solid 1px gray;*/
        border-radius: 0px 0px 5px 5px;
        position: absolute;
        /*background-color: #f0f0f0;*/
        height: 200px;
        overflow-y: auto;
    }
.VoucherNewD1PlateNumberOption ul 
    {
        position: absolute;
        background: white;
        border: 1px solid #ccc;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
    
.VoucherNewD1PlateNumberOption li
    {
        padding: 5px;
        cursor: pointer;
        box-sizing: border-box;
        border-bottom: solid 1px gray;
    }
    
.VoucherNewD1PlateNumberOption li:hover 
    {
        background-color: #d6d4d4;
    }
.VoucherNewD1PlateNumberSelected
    {
        background-color:#b7b7b7;
    }
/*#############################################################*/
#VoucherNewD2
    {
        width:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        margin-top: 5px;
        background-color: white;
        /*overflow-y: auto;*/
    }
#VoucherNewD2 table
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#VoucherNewD2 table td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#VoucherNewD2 table tr td:last-child
    {
        border-right: none;
    }
#VoucherNewD2 table td input[type="text"], #VoucherNewD2 table td select
    {
        border:none;
        width:100%;
        height:100%;
        box-sizing: border-box;
        outline: none;
    }
#VoucherNewD2 table td input[type="text"]:focus, #VoucherNewD2 table td input[type="checkbox"]:focus, #VoucherNewD2 table td select:focus
    {
        border:solid 1px blue;
        border-radius: 3px;
    }
#VoucherNewD2 table thead
    {
        position:sticky;
        top:0;
        background-color: white;
        z-index:1;
    }
#VoucherNewD2 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#VoucherNewD2 table tfoot
    {
        position:sticky;
        bottom:0;
        background-color: white;
    }
#VoucherNewD2 tfoot td label
    {
        display: inline-block;
        width:100%;
    }
#VoucherNewD2 tfoot td input[type="button"]  
    {
        width: 100%;
        height: 100%;
        cursor: pointer;
        border:solid 1px gray;
    } 
#VoucherNewD2 tfoot tr:last-child td
    {
        /*border-top      :solid 1px gray;*/
        border-bottom   :none;
    }
/*#############################################################*/
#VoucherNewD2A
    {
        width:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        margin-top: 5px;
        background-color: white;
    }
#VoucherNewD2A table
    {
        width:100%;
        border-spacing: 0;
    }
#VoucherNewD2A table td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#VoucherNewD2A table tr td:last-child
    {
        border-right: none;
    }
#VoucherNewD2A table td input[type="text"], #VoucherNewD2A table td select
    {
        border:none;
        width:100%;
        height:100%;
        box-sizing: border-box;
        outline: none;
    }
#VoucherNewD2A table td input[type="text"]:focus, #VoucherNewD2A table td input[type="checkbox"]:focus, #VoucherNewD2A table td select:focus
    {
        border:solid 1px blue;
        border-radius: 3px;
        
    }
#VoucherNewD2A table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#VoucherNewD2A tfoot td label
    {
        display: inline-block;
        width:100%;
    }
#VoucherNewD2A tfoot td input[type="button"]  
    {
        width: 100%;
        height: 100%;
        cursor: pointer;
    } 
#VoucherNewD2A tfoot tr:last-child td
    {
        border-bottom: none;
    }
/*#############################################################*/
#VoucherNewD2B
    {
        width:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        margin-top: 5px;
        background-color: white;
        /*overflow-y: auto;*/
    }
#VoucherNewD2B table
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#VoucherNewD2B table td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#VoucherNewD2B table tr td:last-child
    {
        border-right: none;
    }
#VoucherNewD2B table td input[type="text"], #VoucherNewD2B table td select
    {
        border:none;
        width:100%;
        height:100%;
        box-sizing: border-box;
        outline: none;
    }
#VoucherNewD2B 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);
    }
#VoucherNewD2B button:hover
    {
        background-color: #d6d4d4;
        color:gray;
        border-radius: 3px;
    }
#VoucherNewD2B table td input[type="text"]:focus, #VoucherNewD2B table td input[type="checkbox"]:focus, #VoucherNewD2B table td select:focus
    {
        border:solid 1px blue;
        border-radius: 3px;
    }
#VoucherNewD2B table thead
    {
        position:sticky;
        top:0;
        background-color: white;
        z-index:1;
    }
#VoucherNewD2B table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#VoucherNewD2B table tfoot
    {
        position:sticky;
        bottom:0;
        background-color: white;
    }
#VoucherNewD2B tfoot td label
    {
        display: inline-block;
        width:100%;
    }
#VoucherNewD2B tfoot td input[type="button"]  
    {
        width: 100%;
        height: 100%;
        cursor: pointer;
        border:solid 1px gray;
    } 
#VoucherNewD2B tfoot tr:last-child td
    {
        /*border-top      :solid 1px gray;*/
        border-bottom   :none;
    }
/*############################################################*/
#VoucherNewD3
    {
        width: 100%;
        box-sizing: border-box;
        padding:5px 5px 5px 0px;
        text-align: right;
    }
#VoucherNewD3 button
    {
        min-width:80px;
        height: 23px;
        box-shadow: 1px 3px 5px gray;
        cursor: pointer;
        margin-left:3px;
    }
/*############################################################*/
#VoucherNewD4
    {
        width:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        overflow: auto;
    }
#VoucherNewD4 table
    {
        width:100%;
        border-spacing: 0;
    }
#VoucherNewD4 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#VoucherNewD4 thead td
    {
        text-align: center;
        font-weight: 600;
    }
#VoucherNewD4 td
    {
        border-right:solid 1px gray;
        border-bottom:solid 1px gray;
        height: 23px;
        padding:0;
    }
#VoucherNewD4 tr td:last-child
    {
        border-right: none;
    }
#VoucherNewD4 input[type="text"]
    {
        width:100%;
        box-sizing: border-box;
        border:none;
        height: 100%;
        margin:0;
        outline:none;
        padding-right: 22px;
        background-color: transparent;
    }
#VoucherNewD4 select
    {
        width:100%;
        box-sizing: border-box;
        border:none;
        height: 100%;
        margin:0;
        outline:none;
        background-color: transparent;
    }
#VoucherNewD4 input[type="text"][disabled],#VoucherNewD4 Select:disabled
    {
        background-color: transparent;
    }
#VoucherNewD4 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);
    }
#VoucherNewD4 button:hover
    {
        background-color: #d6d4d4;
        color:gray;
        border-radius: 3px;
    }
#VoucherNewD4 i
    {
        position: absolute;
        top:3px;
        left: 4px;
        cursor: pointer;
    }
#VoucherNewD4 tbody tr:hover
    {
        background-color: bisque;
    }
#VoucherNewD4 tfoot
    {
        position: sticky;
        bottom:0;
        background-color: white;
    }
#VoucherNewD4 tfoot td
    {
        font-weight: 600;
    }
#VoucherNewD4 tfoot td label
    {
        display: inline-block;
        width:100%;
    }
#VoucherNewD4 tfoot td input[type="button"]  
    {
        width: calc(100% - 2px);
        height: 100%;
        box-sizing: border-box;
        margin:1px;
        cursor: pointer;
    } 
#VoucherNewD4 tfoot tr:last-child td
    {
        border-bottom: none;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#VoucherNewD5
    {
        position: absolute;
        top:0;
        left: 0;
        min-width: 100%;
        max-width: 100vw;
        min-height: 100%;
        max-height: 100vh;
        box-sizing: border-box;
        margin: none;
        background-color: rgba(0,0,0,0.5);
        z-index: 5;
    }
#VoucherNewD51
    {
        width:80%;
        height: 95vh;
        margin-left:10%;
        margin-top: 2.5vh;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        background-color: white;
    }
#VoucherNewD511
    {
        width:100%;
        height:25px;
        box-sizing: border-box;
        box-shadow: 1px 3px 5px gray;
        position: relative;
    }
#VoucherNewD511 i
    {
        position: absolute;
        top:0;
        right:3px;
        font-size:24px;
        color:red;
        cursor: pointer;
    }
#VoucherNewD512
    {
        width:100%;
        height:calc(100% - 25px);
        padding: 5px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
#VoucherNewD5121
    {
        width:100;
        min-height:30%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: 1px 3px 5px gray;
    }
#VoucherNewD51211
    {
        width:100%;
        padding:5px 3px 5px 3px;
        box-sizing: border-box;
    }
#VoucherNewD51211 table
    {
        width:100%;
        border-spacing: 0;
    }
#VoucherNewD51211 table td
    {
        height: 25px;
    }
#VoucherNewD51211 table input[type="text"], #VoucherNewD51211 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        outline: none;
    }
#VoucherNewD51212
    {
        width:100%;
        height: 31px;
        box-sizing: border-box;
        text-align: right;
        padding: 3px;
    }
#VoucherNewD51212 button
    {
        min-width: 100px;
        height: 100%;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#VoucherNewD5122
    {
        flex-grow: 1;
        width:100%;
        height: calc(60% - 2px);
        margin-top: 5px;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: 1px 3px 5px gray;
        overflow-y: auto;
    }
#VoucherNewD5122 table
    {
        width:100%;
        border-spacing: 0;
    }
#VoucherNewD5122 table td
    {
        height: 20px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#VoucherNewD5122 table tr td:last-child
    {
        border-right:none;
    }
#VoucherNewD5122 table input
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        outline: none;
    }
#VoucherNewD5122 table button
    {
        width:100px;
        height:100%;
        box-sizing: border-box;
        cursor: pointer;
    }
#VoucherNewD5122 .ActiveRow
    {
        background-color: green;
    }
#VoucherNewD5122 table thead
    {
        position:sticky;
        top:0;
        z-index: 3;
        background-color: white;
    }
#VoucherNewD5122 table thead td
    {
        text-align: center;
        font-weight: 700;
    }
#VoucherNewD5122 table thead input
    {
        background-color: #e4e9e6e7;
        border:solid 1px gray;
        border-radius: 3px;
    }
#VoucherNewD5122 table tbody input[type="text"]
    {
        border:none;
        background-color: transparent;
    }
#VoucherNewD5122 table tbody tr:hover
    {
        background-color: beige;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Find Voucher%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#VoucherFindD1
    {
        width: 100%;
        box-sizing: border-box;
    }
#VoucherFindD1 table
    {
        width:100%;
        border-spacing: 0;
    }
#VoucherFindD1 table td
    {
        height: 23px;
    }
#VoucherFindD1 table input[type="text"], #VoucherFindD1 table select
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#VoucherFindD2
    {
        width:100%;
        text-align: right;
    }
#VoucherFindD2 button
    {
        margin:5px;
        height:23px;
        width:80px;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#VoucherFindD3
    {
        width: 100%;
        height:calc(100% - 160px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        overflow: auto;
        background-color: white;
    }
#VoucherFindD3T1
    {
        width: 100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#VoucherFindD3T1 td
    {
        height: 23px;
        border-right:solid 1px gray;
        border-bottom: solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#VoucherFindD3T1 tr td:last-child
    {
        border-right: none;
    }

#VoucherFindD3T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#VoucherFindD3T1 thead td
    {
        text-align: center;
        font-weight: 700;
    }
#VoucherFindD3T1 thead label
    {
        
        width:100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor:pointer;
    }
#VoucherFindD3T1 thead label:hover
    {
        text-decoration: underline;
        color:blue;
    }
#VoucherFindD3 thead input
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 3px;
        outline: none;
    }
#VoucherFindD3T1 thead select
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 3px;
        outline: none;
    }
#VoucherFindD3T1 input[type="text"]
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        outline: none;
    }

#VoucherFindD3T1 tbody input[type="text"]
    {
        border:none;
        background-color: transparent;
        font-weight: none;
    }
#VoucherFindD3T1 tbody input[type="button"]
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }
#VoucherFindD3T1 tbody tr:hover
    {
        background-color: bisque;
    }
#VoucherFindD3T1 tfoot
    {
        position: sticky;
        bottom:0;
        z-index: 3;
        background-color: white;

    }
#VoucherFindD3T1 tfoot tr:nth-child(1) td
    {
        border-top:solid 1px gray;
    }
#VoucherFindD3T1 tfoot td
    {
        font-weight: 600;
        padding-right: 5px;
        height: 23px;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Voucher Submit%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#VoucherSubmitD0
    {
        width: 100%;
        box-sizing: border-box;
    }
#VoucherSubmitD0 table
    {
        width: 100%;
        border-spacing: 0;
    }
#VoucherSubmitD0 table td
    {
        height: 22px;
    }    
#VoucherSubmitD0 table input[type="text"], #VoucherSubmitD0 table select
    {
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
    }
#VoucherSubmitD0 tfoot button
    {
        min-width:100px;
        height: 22px;
        box-shadow: 1px 3px 5px gray;
        cursor: pointer;
        margin-top: 5px;
        margin-left: 3px;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#VoucherSubmitD1
    {
        width: 100%;
        height: calc(100% - 108px);
        margin-top:5px;
        box-sizing: border-box;
        border: solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
        background-color: white;
    }
#VoucherSubmitD1 table
    {
        width: 100%;
        border-spacing: 0;
    }
#VoucherSubmitD1 td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#VoucherSubmitD1 input[type="text"]
    {
        width:100%;
        height: 100%;
        border:none;
        box-sizing: border-box;
        background-color: transparent;
    }
#VoucherSubmitD1 tr td:last-child
    {
        border-right: none;
    }
#VoucherSubmitD1 thead
    {
        position:sticky;
        top:0;
        z-index: 3;
        background-color: white;
    }
#VoucherSubmitD1 thead td
    {
        text-align: center;
        font-weight: 600;
    }
#VoucherSubmitD1 tbody input[type="checkbox"]
    {
        cursor: pointer;
    }
#VoucherSubmitD1 tbody tr:hover
    {
        background-color: bisque;
    }
#VoucherSubmitD1 tfoot
    {
        position: sticky;
        bottom:0;
        z-index: 3;
        background-color: white;
    }
#VoucherSubmitD1 tfoot tr td:nth-child(4)
    {
        text-align: center;
    }
#VoucherSubmitD1 tfoot tr:nth-child(1) td
    {
        color:rgb(236, 139, 12);
        border-top:solid 1px gray;
    }
#VoucherSubmitD1 tfoot tr:nth-child(2)
    {
        color:rgb(12, 53, 231);
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Debit Memo%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#VoucherDebitMemoD1
    {
        width: 100%;
        box-sizing: border-box;
        
        
    }
#VoucherDebitMemoD1TabContainer
    {
        width: 100%;
        box-sizing: border-box;
        border-top:solid 1px gray;
        border-left:solid 1px gray;
        border-right:solid 1px gray;
        border-bottom:solid 1px #b7b7b7;
        height: 25px;
        font-size: 0;
        border-radius:5px 5px 0px 0px;
        /*background-color:white;*/
        background-image: linear-gradient(rgb(190, 189, 189),#e4e9e6e7,rgb(138, 137, 137));
    }
#VoucherDebitMemoD1TabContainer button
    {
        width: 80px;
        height: 23px;
        border:none;
        font-weight:bold;
        border-radius:3px 3px 0px 0px;
        background-color: transparent;
        cursor:pointer;
        
    }

#VoucherDebitMemoD1TabContainer button:hover
    {
        color:green;
        border-left:solid 1px gray;
        border-top:solid 1px gray;
        border-right:solid 1px gray;
    }
.VoucherDebitMemoD1TabContent
    {
        width:100%;
        box-sizing: border-box;
        border-right:solid 1px gray;
        border-bottom:solid 1px gray;
        border-left:solid 1px gray;
        border-radius: 0px 0px 5px 5px;
        padding:10px 3px 5px 3px;
        background-color: white;
    }
.VoucherDebitMemoD1TabContent table
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
.VoucherDebitMemoD1TabContent table td
    {
        height: 22px;
    }
.VoucherDebitMemoD1TabContent table input[type="text"], .VoucherDebitMemoD1TabContent table select, .VoucherDebitMemoD1TabContent table textarea
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        outline:none;
    }
.VoucherDebitMemoD1TabContent table input:focus, .VoucherDebitMemoD1TabContent table select:focus, .VoucherDebitMemoD1TabContent table textarea:focus
    {
        border:solid 1px blue;
    }
#VoucherDebitMemoD2
    {
        margin:5px;
        text-align: right;
    }
#VoucherDebitMemoD2 button
    {
        margin-left:3px;
        cursor:pointer;
        height: 23px;
        box-shadow: 1px 3px 5px gray;
    }
#VoucherDebitMemoD3
    {
        width: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#VoucherDebitMemoD3 table
    {
        width:100%;
        border-spacing: 0;
    }
#VoucherDebitMemoD3 table td
    {
        height: 22px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#VoucherDebitMemoD3 table tr td:last-child
    {
        border-right: none;
    }
#VoucherDebitMemoD3 table thead
    {
        position: sticky;
        top:0;
        z-index: 3;
        background-color: white;
    }
#VoucherDebitMemoD3 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#VoucherDebitMemoD3 table input[type="text"], #VoucherDebitMemoD3 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        background-color: transparent;
        outline: none;
    }
#VoucherDebitMemoD3 table tfoot td
    {
        text-align: center;
        font-weight: 600;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Item Received%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#VoucherItemsReceivedD1
    {
        width:40%;
        height: 25px;
        box-sizing: border-box;
    }
#VoucherItemsReceivedD1 input
    {
        width:100%;
        border:solid 1px gray;
        border-radius: 5px;
        outline: none;
    }
#VoucherItemsReceivedD2
    {
        width:100%;
        height: calc(100% - 30px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        margin-top: 5px;
        background-color: white;
    }
#VoucherItemsReceivedD2T1
    {
        width:100%;
        border-spacing: 0;
    }
#VoucherItemsReceivedD2T1 td
    {
        height: 25px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#VoucherItemsReceivedD2T1 tr td:last-child
    {
        border-right: none;
    }
#VoucherItemsReceivedD2T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing:border-box;
        border:solid 1px gray;
        border-radius: 3px;
    }
#VoucherItemsReceivedD2T1 thead
    {   
        position: sticky;
        top:0;
    }
#VoucherItemsReceivedD2T1 thead td
    {
        text-align: center;
        font-weight: bold;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Payment New%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#PaymentNewD1
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        
    }
#PaymentNewD11
    {
        width: 100%;
        box-sizing: border-box;
        background-color: white;
    }
#PaymentNewTabContainer
    {
        width: 100%;
        box-sizing: border-box;
        border-top:solid 1px gray;
        border-left:solid 1px gray;
        border-right:solid 1px gray;
        border-bottom:solid 1px #b7b7b7;
        height: 25px;
        font-size: 0;
        border-radius:5px 5px 5px 0px;
        /*background-color: #c5c5c5;*/
        background-image: linear-gradient(rgb(190, 189, 189),#e4e9e6e7,rgb(138, 137, 137));
    }
#PaymentNewTabContainer button
    {
        width: 80px;
        height: 23px;
        border:none;
        font-weight:bold;
        border-radius:3px 3px 0px 0px;
        background-color: transparent;
        cursor:pointer;
        
    }

#PaymentNewTabContainer button:hover
    {
        color:green;
        border-left:solid 1px gray;
        border-top:solid 1px gray;
        border-right:solid 1px gray;
    }
.PaymentNewContent
    {
        width:100%;
        box-sizing: border-box;
        border-right:solid 1px gray;
        border-bottom:solid 1px gray;
        border-left:solid 1px gray;
        border-radius: 0px 0px 5px 5px;
        padding:10px 3px 5px 3px;
    }
.PaymentNewContent table
    {
        width:100%;
        border-spacing: 0;
    }
.PaymentNewContent table td
    {
        height: 23px;
    }
.PaymentNewContent table td textarea
    {
        display: block;
    }
.PaymentNewContent table td input[type="text"], .PaymentNewContent table td select, .PaymentNewContent table td textarea
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        outline:none;  
    }
.PaymentNewContent table td input[type="text"]:focus, .PaymentNewContent table td select:focus, .PaymentNewContent table td textarea:focus
    {
        border:solid 1px blue;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PaymentNewD12
    {
        margin:5px;
        text-align: right;
    }
#PaymentNewD12 button
    {
        min-width:120px;
        height: 25px;
        margin-left:3px;
        cursor:pointer;
        box-shadow: 1px 3px 5px gray;
        border:solid 1px gray;
        border-radius: 3px;

    }
#PaymentNewD13
    {
        width:100%;
        border:solid 1px gray;
        border-radius: 5px;
        box-sizing: border-box;
        background-color: white;
    }
#PaymentNewD13 table
    {
        width:100%;
        border-spacing: 0;
    }
#PaymentNewD13 table thead
    {
        position: sticky;
        top:0;
    }
#PaymentNewD13 table thead tr:nth-child(1) td
    {
        background-image: linear-gradient(rgb(190, 189, 189),#e4e9e6e7,rgb(138, 137, 137));
    }
#PaymentNewD13 table thead tr:nth-child(1) td span
    {
        float:right;
        margin-right: 10px;
        font-size:medium;
        color:red;
        cursor:pointer;
    }
#PaymentNewD13 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#PaymentNewD13 table td
    {
        height:22px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#PaymentNewD13 table tr td:last-child
    {
        border-right: none;
    }
#PaymentNewD13 table input, #PaymentNewD13 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        outline:none;
    }
#PaymentNewD13 table tfoot  td
    {
        font-weight: bold;
    }

#PaymentNewD14
    {
        width:100%;
        height: calc(100% - 254px);
        border:solid 1px gray;
        border-radius: 5px;
        box-sizing: border-box;
        margin-top: 5px;
        overflow-y: auto;
        background-color: white;
    }
#PaymentNewD14 table
    {
        width:100%;
        border-spacing: 0;
    }
#PaymentNewD14 table thead
    {
        position: sticky;
        top:0;
        z-index: 3;
        background-color: white;
    }
#PaymentNewD14 table thead tr:nth-child(1) td
    {
        /*background-image: linear-gradient(#e4e9e6e7,gray);*/
        background-image: linear-gradient(rgb(190, 189, 189),#e4e9e6e7,rgb(138, 137, 137));
    }
#PaymentNewD14 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#PaymentNewD14 table td
    {
        height:22px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#PaymentNewD14 table tr td:last-child
    {
        border-right: none;
    }
#PaymentNewD14 table input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        outline:none;
    }
#PaymentNewD14 table input[type="text"]:focus
    {
        border:solid 1px blue;
        border-radius: 3px;
    }
#PaymentNewD14 table input[type="button"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
    }
#PaymentNewD14 table tfoot
    {
        position: sticky;
        bottom:0;
        z-index: 3;
        background-color: white;
    }
#PaymentNewD14 table tfoot tr:nth-child(1) td
    {
        border-top: solid 1px gray;
    }
#PaymentNewD14 table tfoot  td
    {
        font-weight: bold;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Payment Find%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#PaymentFindD1
    {
        width: 100%;
        box-sizing: border-box;
    }
#PaymentFindD1 table
    {
        width:100%;
    }
#PaymentFindD1 table td
    {
        height: 22px;
    }
#PaymentFindD1 table input[type="text"], #PaymentFindD1 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PaymentFindD2
    {
        text-align: right;
    }
#PaymentFindD2 button
    {
        width:80px;
        height: 22px;
        margin:5px;
        cursor: pointer;
        box-sizing: border-box;
        box-sizing: 1px 3px 5px gray;
    }
#PaymentFindD3
    {
        width:100%;
        height: calc(100% - 168px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        overflow-y: auto;
    }
#PaymentFindD3 table
    {
        width:100%;
        border-spacing: 0;
    }
#PaymentFindD3 table td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#PaymentFindD3 table tr td:last-child
    {
        border-right: none;
    }
#PaymentFindD3 table thead
    {
        position: sticky;
        top:0;
        background-color:white;
    }
#PaymentFindD3 table thead td
    {
        text-align: center;
        font-weight: 700;
    }
#PaymentFindD3 table tbody input[type="button"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }
#PaymentFindD3 table tbody tr:hover
    {
        background-color: bisque;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Payment Submit%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#PaymentSubmitD1
    {
        width: 100%;
        box-sizing: border-box;
    }
#PaymentSubmitD1 table
    {
        width:100%;
    }
#PaymentSubmitD1 table td
    {
        height: 22px;
    }
#PaymentSubmitD1 table input[type="text"], #PaymentSubmitD1 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PaymentSubmitD2
    {
        text-align: right;
    }
#PaymentSubmitD2 button
    {
        min-width:80px;
        height: 22px;
        margin:5px;
        cursor: pointer;
        box-sizing: border-box;
        box-shadow: 1px 3px 5px gray;
    }
#PaymentSubmitD3
    {
        width:100%;
        height: calc(100% - 90px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
        background-color: white;;
    }
#PaymentSubmitD3 table
    {
        width:100%;
        border-spacing: 0;
    }
#PaymentSubmitD3 table td
    {
        height: 22px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#PaymentSubmitD3 table tr td:last-child
    {
        border-right: none;
    }
#PaymentSubmitD3 table thead
    {
        position: sticky;
        top:0;
        z-index: 3;
        background-color:white;
    }
#PaymentSubmitD3 table thead td
    {
        text-align: center;
        font-weight: 700;
    }
#PaymentSubmitD3 table tfoot td
    {
        font-weight: 700;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Issuance New%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#ExpenseIssuanceNewD1
    {
        width: 100%;
        box-sizing: border-box;
        border-radius: 5px;
        background-color: white;
    }
#ExpenseIssuanceNewD11
    {
        width: 100%;
        box-sizing: border-box;
        border-top:solid 1px gray;
        border-left:solid 1px gray;
        border-right:solid 1px gray;
        border-bottom:solid 1px #b7b7b7;
        height: 25px;
        font-size: 0;
        border-radius:5px 5px 5px 0px;
        /*background-color: #c5c5c5;*/
        background-image: linear-gradient(rgb(190, 189, 189),#e4e9e6e7,rgb(138, 137, 137));
    }
#ExpenseIssuanceNewD11 button
    {
        min-width: 100px;
        height: 23px;
        border:none;
        font-weight:bold;
        border-radius:3px 3px 0px 0px;
        background-color: transparent;
        cursor:pointer;
        
    }
#ExpenseIssuanceNewD11 button:hover
    {
        color:green;
        border-left:solid 1px gray;
        border-top:solid 1px gray;
        border-right:solid 1px gray;
    }
.ExpenseIssuanceNewD1TabContent
    {
        width:100%;
        box-sizing: border-box;
        border-right:solid 1px gray;
        border-bottom:solid 1px gray;
        border-left:solid 1px gray;
        border-radius: 0px 0px 5px 5px;
        padding:10px 3px 5px 3px;
    }
.ExpenseIssuanceNewD1TabContent table
    {
        width:100%;
        border-spacing: 0;
    }
.ExpenseIssuanceNewD1TabContent td
    {
        height:23px;
    }
.ExpenseIssuanceNewD1TabContent input[type="text"], .ExpenseIssuanceNewD1TabContent select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;
    }
#ExpenseIssuanceNewD121
    {
        width:100%;
    }
#ExpenseIssuanceNewD121T1
    {
        width:100%;
        border-spacing: 0;
    }
#ExpenseIssuanceNewD121T1 td
    {
        height:23px;
    }
#ExpenseIssuanceNewD121T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
    }
#ExpenseIssuanceNewD122
    {
        width:100%;
        max-height: 200px;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        margin-top: 3px;
        overflow-y: auto;
    }
#ExpenseIssuanceNewD122T1
    {
        width:100%;
        border-spacing: 0;
    }
#ExpenseIssuanceNewD122T1 td
    {
        height:23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#ExpenseIssuanceNewD122T1 tr td:last-child
    {
        border-right: none;
    }
#ExpenseIssuanceNewD122T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#ExpenseIssuanceNewD122T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#ExpenseIssuanceNewD123
    {
        width:100%;
        margin-top: 3px;
    }
#ExpenseIssuanceNewD123T1
    {
        width:100%;
        border-spacing: 0;
    }

#ExpenseIssuanceNewD123T1 td
    {
        height:23px;
    }
#ExpenseIssuanceNewD123T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
    }
#ExpenseIssuanceNewD14D1
    {
        width:100%;
        min-height: 100px;
        max-height: 200px;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
    }
#ExpenseIssuanceNewD15
    {
        position: absolute;
        top:0;
        left:0;
        min-width: 100%;
        max-width: 100vw;
        min-height: 100%;
        max-height: 100vh;
        box-sizing: border-box;
        background-color: rgba(0,0,0,0.5);
        z-index: 10;
    }
#ExpenseIssuanceNewD151
    {
        width: 50%;
        height: 60vh;
        box-sizing: border-box;
        margin-top: 20vh;
        margin-left: 25%;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        display: flex;
        flex-direction: column;
    }
#ExpenseIssuanceNewD1511
    {
        width:100%;
        height: 25px;
        position: relative;
        border-bottom: solid 1px gray;
        box-shadow: 1px 3px 5px gray;
    }
#ExpenseIssuanceNewD1511 i
    {
        position: absolute;
        top:3px;
        right:3px;
    }
#ExpenseIssuanceNewD1512
    {
        flex-grow: 1;
        width:100%;
        height: calc(100% - 25px);
        overflow-y: auto;
    }
#ExpenseIssuanceNewD1512 table
    {
        width:100%;
        border-spacing: 0;
    }
#ExpenseIssuanceNewD1512 table td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#ExpenseIssuanceNewD1512 table thead
    {
        position: sticky;
        top:0;
        background-color: white;
        z-index: 3;
    }
#ExpenseIssuanceNewD1512 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#ExpenseIssuanceNewD1512 table tbody tr:hover
    {
        background-color: beige;
    }
#ExpenseIssuanceNewD2
    {
        width:100%;
        max-height:200px;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        margin-top: 5px;
        background-color: white;
        overflow-y: auto;
    }
#ExpenseIssuanceNewD2 table
    {
        width:100%;
        border-spacing: 0;
    }
#ExpenseIssuanceNewD2 table td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#ExpenseIssuanceNewD2 table tr td:last-child
    {
        border-right: none;
    }
#ExpenseIssuanceNewD2 table thead
    {
        position: sticky;
        top:0;
        z-index: 3;
        background-color: white;
    }
#ExpenseIssuanceNewD2 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#ExpenseIssuanceNewD2 table tbody input[type="text"], #ExpenseIssuanceNewD2 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        outline:none;
        background-color: transparent;
    }
#ExpenseIssuanceNewD2 table tbody input[type="text"]:focus
    {
        border:solid 1px blue;
        border-radius: 4px;
    }
#ExpenseIssuanceNewD2 table tbody input[type="checkbox"]
    {
        cursor:pointer;
    }
#ExpenseIssuanceNewD2 table tbody tr:hover
    {
        background-color: antiquewhite;
    }
#ExpenseIssuanceNewD2 table tfoot
    {
        position: sticky;
        bottom:0;
        z-index: 3;
        background-color: white;
    }
#ExpenseIssuanceNewD2 table tfoot tr:first-child td
    {
        border-top:solid 1px gray;
    }
#ExpenseIssuanceNewD3
    {
        width:100%;
        box-sizing: border-box;
        padding:5px;
        text-align: right;
    }
#ExpenseIssuanceNewD3 button
    {
        min-width: 100px;
        height: 25px;
        margin-left: 3px;
        box-shadow: 1px 3px 5px gray;
        cursor:pointer;
    }
#ExpenseIssuanceNewD4
    {
        width:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#ExpenseIssuanceNewD4 table
    {
        width:100%;
        border-spacing: 0;
    }
#ExpenseIssuanceNewD4 table td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#ExpenseIssuanceNewD4 table tr td:last-child
    {
        border-right: none;
    }
#ExpenseIssuanceNewD4 table thead
    {
        position: sticky;
        top:0;
        z-index: 3;
        background-color: white;
    }
#ExpenseIssuanceNewD4 table thead td
    {
        font-weight: 600;
        text-align: center;
    }
#ExpenseIssuanceNewD4 table tbody input[type="text"], #ExpenseIssuanceNewD4 table tbody select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        outline: none;
    }
#ExpenseIssuanceNewD4 table tbody input[type="text"]:focus, #ExpenseIssuanceNewD4 table tbody select:focus
    {
        border:solid 1px blue;
        border-radius: 4px;
    }
#ExpenseIssuanceNewD4 table tfoot
    {
        position: sticky;
        bottom:0;
        z-index: 3;
        background-color: white;
    }
#ExpenseIssuanceNewD4 table tfoot td
    {
        font-weight: 600;
        text-align: center;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Issuance Find%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#ExpenseIssuanceFind
    {
        width:calc(100% - 5px);
        display: flex;
        flex-direction: column;
    }
#ExpenseIssuanceFindD1
    {
        width:100%;
    }
#ExpenseIssuanceFindD1 table
    {
        width:100%;
        border-spacing:0;
    }
#ExpenseIssuanceFindD1 td
    {
        height: 23px;
    }
#ExpenseIssuanceFindD1 input[type="text"], #ExpenseIssuanceFindD1 select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 4px;

    }
#ExpenseIssuanceFindD2
    {
        width: 100%;
        box-sizing: border-box;
        text-align: right;
        padding: 5px;
    }
#ExpenseIssuanceFindD2 button
    {
        min-width: 100px;
        height: 25px;
        box-sizing: 1px 3px 5px gray;
    }
#ExpenseIssuanceFindD3
    {
        flex-grow: 1;
        width:100%;
        height: calc(100% - 85px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        overflow-y: auto;
    }
#ExpenseIssuanceFindD3 table
    {
        width:100%;
        border-spacing: 0;
    }
#ExpenseIssuanceFindD3 td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#ExpenseIssuanceFindD3 button
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }
#ExpenseIssuanceFindD3 table tr td:last-child
    {
        border-right: none;
    }
#ExpenseIssuanceFindD3 thead
    {
        position: sticky;
        top:0;
        background-color: white;
        z-index: 3;
    }
#ExpenseIssuanceFindD3 thead td
    {
        text-align: center;
        font-weight: 600;
    }
#ExpenseIssuanceFindD3 tbody input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        outline: none;
        background-color: transparent;
    }
#ExpenseIssuanceFindD3 tbody input[type="text"]:focus
    {
        border:solid 1px blue;
        border-radius: 4px;
    }
#ExpenseIssuanceFindD3 tbody input[type="button"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }
#ExpenseIssuanceFindD3 tbody tr:hover
    {
        background-color: antiquewhite;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%ExpenseIssuanceSetBalance%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#ExpenseIssuanceSetBalanceD1
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#ExpenseIssuanceSetBalanceD1 table
    {
        width:100%;
        border-spacing: 0;
    }
#ExpenseIssuanceSetBalanceD1 table td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#ExpenseIssuanceSetBalanceD1 table tr td:last-child
    {
        border-right: none;
    }
#ExpenseIssuanceSetBalanceD1 table thead input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        background-color: beige;
    }
#ExpenseIssuanceSetBalanceD1 table button
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        cursor:pointer;
    }
#ExpenseIssuanceSetBalanceD1 table thead
    {
        position: sticky;
        top:0;
        z-index:3;
        background-color: white;
    }
#ExpenseIssuanceSetBalanceD1 table thead td
    {
        text-align: center;
        font-weight: 800;
    }
#ExpenseIssuanceSetBalanceD1 table tbody input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
        outline: none;
        background-color: transparent;
    }
#ExpenseIssuanceSetBalanceD1 table tbody input[type="text"]:focus
    {
        border:solid 1px blue;
        border-radius: 3px;
    }
#ExpenseIssuanceSetBalanceD1 table tbody input[type="button"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        cursor:pointer;
    }
#ExpenseIssuanceSetBalanceD1 table tbody .datepicker,
#ExpenseIssuanceSetBalanceD1 table tbody .datepicker input
    {
        border:none;
        background-color: transparent;
        text-align: center;
    }
#ExpenseIssuanceSetBalanceD1 table tbody tr:hover
    {
        background-color: antiquewhite;
    }
#ExpenseIssuanceSetBalanceD1 table tfoot .datepicker,
#ExpenseIssuanceSetBalanceD1 table tfoot .datepicker input,
#ExpenseIssuanceSetBalanceD1 table tfoot select,
#ExpenseIssuanceSetBalanceD1 table tfoot input[type="text"]
    {
        background-color: lightgreen;
        text-align: center;
    }
#ExpenseIssuanceSetBalanceD1 table tfoot select,
#ExpenseIssuanceSetBalanceD1 table tfoot input[type="text"]
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
    }
#ExpenseIssuanceSetBalanceD1 table tfoot button
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        cursor:pointer;
    }
#ExpenseIssuanceSetBalanceD1 table tfoot
    {
        position: sticky;
        bottom:0;
        z-index:3;
        background-color: white;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Posting Voucher%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#PostingVoucherD0
    {
        width: 100%;
        box-sizing: border-box;
    }
#PostingVoucherD0 table
    {
        width: 100%;
        border-spacing: 0;
    }
#PostingVoucherD0 table td
    {
        height: 22px;
    }    
#PostingVoucherD0 table input[type="text"], #PostingVoucherD0 table select
    {
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
    }
#PostingVoucherD0 tfoot button
    {
        min-width:100px;
        height: 22px;
        box-shadow: 1px 3px 5px gray;
        cursor: pointer;
        margin-top: 5px;
        margin-left: 3px;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PostingVoucherD1
    {
        width: 100%;
        height: calc(100% - 108px);
        margin-top:5px;
        box-sizing: border-box;
        border: solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
        background-color: white;
    }
#PostingVoucherD1 table
    {
        width: 100%;
        border-spacing: 0;
    }
#PostingVoucherD1 td
    {
        height: 23px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#PostingVoucherD1 input[type="text"]
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border:none;
    }
#PostingVoucherD1 tr td:last-child
    {
        border-right: none;
    }
#PostingVoucherD1 thead td
    {
        text-align: center;
        font-weight: 600;
    }
#PostingVoucherD1 tbody input[type="checkbox"]
    {
        cursor: pointer;
    }
#PostingVoucherD1 tfoot
    {
        position: sticky;
        bottom: 0;
        z-index: 3;
        background-color: white;
    }
#PostingVoucherD1 tfoot tr td:nth-child(4)
    {
        text-align: center;
    }
#PostingVoucherD1 tfoot tr:nth-child(1) td
    {
        color:rgb(236, 139, 12);
        border-top:solid 1px gray;
    }
#PostingVoucherD1 tfoot tr:nth-child(2)
    {
        color:rgb(12, 53, 231);
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Payment Submit%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#PostingCheckD1
    {
        width: 100%;
        box-sizing: border-box;
    }
#PostingCheckD1 table
    {
        width:100%;
    }
#PostingCheckD1 table td
    {
        height: 22px;
    }
#PostingCheckD1 table input[type="text"], #PostingCheckD1 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PostingCheckD2
    {
        text-align: right;
    }
#PostingCheckD2 button
    {
        width:80px;
        height: 22px;
        margin:5px;
        cursor: pointer;
        box-sizing: border-box;
        box-shadow: 1px 3px 5px gray;
    }
#PostingCheckD3
    {
        width:100%;
        height: calc(100% - 90px);
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
        background-color: white;
    }
#PostingCheckD3 table
    {
        width:100%;
        border-spacing: 0;
    }
#PostingCheckD3 table td
    {
        height: 22px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#PostingCheckD3 table tr td:last-child
    {
        border-right: none;
    }
#PostingCheckD3 table thead
    {
        position: sticky;
        top:0;
        z-index: 3;
        background-color:white;
    }
#PostingCheckD3 table thead td
    {
        text-align: center;
        font-weight: 700;
    }
#PostingCheckD3 table tfoot td
    {
        font-weight: 700;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Supplier New%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#SupplierNewD1
    {
        width:100%;
        box-sizing: border-box;
        overflow-y: auto;
    }
#SupplierNewD1 table
    {
        width:100%;
        border-spacing: 0;
    }
#SupplierNewD1 table td
    {
        height: 23px;
    }
#SupplierNewD1 table #SupplierNewCodeOption
    {
        width:100%;
        box-sizing: border-box;
        position: absolute;
        height: 100px;
        border:solid 1px gray;

    }
#SupplierNewD1 table input[type="text"], #SupplierNewD1 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
        padding:4px 0px 4px 10px;
        outline: none;
    }
#SupplierNewD1 table input[type="text"]:hover, #SupplierNewD1 table select:hover
    {
        border:solid 1px blue;
    }
#SupplierNewD2
    {
        border-top:solid 1px gray;
        margin-top:10px;
        padding-top:5px;
        text-align: right;
    }
    
#SupplierNewD2 button
    {
        width:100px;
        height: 23px;
        cursor:pointer;
        font-weight: 600;
        box-shadow: 1px 3px 5px gray;
    }

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Supplier Find%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#SupplierFindD1
    {
        width:100%;
        box-sizing: border-box;
    }
#SupplierFindD1 table
    {
        width:100%;
    }
#SupplierFindD1 table td
    {
        height: 23px;
    }
#SupplierFindD1 table input
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
    }
#SupplierFindD2
    {
        width:100%;
        box-sizing: border-box;
        text-align: right;
    }
#SupplierFindD2 button
    {
        width:100px;
        height: 23px;
        box-sizing: border-box;
        margin:5px;
        box-shadow: 1px 3px 5px gray;
        cursor: pointer;
    }
#SupplierFindD3
    {
        width:100%;
        height:calc(100% - 62px);
        box-sizing: border-box;
        overflow-y: auto;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#SupplierFindD3 table
    {
        width:100%;
        border-spacing: 0;
    }
#SupplierFindD3 table td
    {
        height: 20px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#SupplierFindD3 table tr td:last-child
    {
        border-right:none;
    }
#SupplierFindD3 table input
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        outline: none;
    }
#SupplierFindD3 table thead
    {
        position:sticky;
        top:0;
        z-index: 3;
        background-color: white;
    }
#SupplierFindD3 table thead td
    {
        text-align: center;
        font-weight: 700;
    }
#SupplierFindD3 table thead input
    {
        background-color: #e4e9e6e7;
        border:solid 1px gray;
        border-radius: 3px;
    }
#SupplierFindD3 table tbody input[type="text"]
    {
        border:none;
        background-color: transparent;
    }
#SupplierFindD3 table tbody tr:hover
    {
        background-color: beige;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%VATCodes%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#VATCodesD1
    {
        width:100%;
        height:100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#VATCodesD1 table
    {
        width:100%;
        border-spacing: 0;
    }
#VATCodesD1 table td
    {
        height: 20px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#VATCodesD1 table tr td:last-child
    {
        border-right:none;
    }
#VATCodesD1 table thead
    {
        position: sticky;
        top:0;
        z-index: 3;
        background-color: white;
    }
#VATCodesD1 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#VATCodesD1 table thead input[type="text"], #VATCodesD1 table thead select
    {
        background-color: #e4e9e6e7;
        border:solid 1px gray;
        border-radius: 3px;
    }
#VATCodesD1 table input[type="text"], #VATCodesD1 table input[type="button"], #VATCodesD1 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
    }
#VATCodesD1 table tbody input[type="text"], #VATCodesD1 table tbody select
    {
        border:none;
    }
#VATCodesD1 table input[type="text"][disabled], #VATCodesD1 table select:disabled
    {
        background-color: transparent;
        color:black;
    }
#VATCodesD1 table input[type="button"]
    {
        cursor:pointer;
    }

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%WHTCodes%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#WHTCodesD1
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#WHTCodesD1 table
    {
        width:100%;
        border-spacing: 0;
    }
#WHTCodesD1 table td
    {
        height: 20px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#WHTCodesD1 table tr td:last-child
    {
        border-right:none;
    }
#WHTCodesD1 table thead
    {
        position: sticky;
        top:0;
        z-index: 3;
        background-color: white;
    }
#WHTCodesD1 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#WHTCodesD1 table thead input[type="text"], #WHTCodesD1 table thead select
    {
        border:solid 1px gray;
        border-radius: 3px;
        background-color:#e4e9e6e7;
    }
#WHTCodesD1 table input[type="text"], #WHTCodesD1 table input[type="button"], #WHTCodesD1 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
    }
#WHTCodesD1 table input[type="text"], #WHTCodesD1 table select
    {
        border:none;
    }
#WHTCodesD1 table input[type="text"][disabled], #WHTCodesD1 table select:disabled
    {
        background-color: transparent;
        color:black;
    }
#WHTCodesD1 table input[type="button"]
    {
        cursor:pointer;
    }

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%PettyCashCodes%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#PettyCashCodesD1
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#PettyCashCodesD1 table
    {
        width:100%;
        border-spacing: 0;
    }
#PettyCashCodesD1 table td
    {
        height: 20px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#PettyCashCodesD1 table tr td:last-child
    {
        border-right:none;
    }
#PettyCashCodesD1 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#PettyCashCodesD1 table thead input[type="text"], #PettyCashCodesD1 table thead select
    {
        border:solid 1px gray;
        border-radius: 3px;
        background-color: #e4e9e6e7;
    }
#PettyCashCodesD1 table input[type="text"], #PettyCashCodesD1 table input[type="button"], #PettyCashCodesD1 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
    }
#PettyCashCodesD1 table input[type="text"], #PettyCashCodesD1 table select
    {
        border:none;
    }
#PettyCashCodesD1 table input[type="text"][disabled], #PettyCashCodesD1 table select:disabled
    {
        background-color: transparent;
        color:black;
    }
#PettyCashCodesD1 table input[type="button"]
    {
        cursor:pointer;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%ItemCodes%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#ItemCodesD1
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        overflow-y: auto;
    }
#ItemCodesD1 table
    {
        width:100%;
        border-spacing: 0;
    }
#ItemCodesD1 table td
    {
        height: 20px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#ItemCodesD1 table tr td:last-child
    {
        border-right:none;
    }
#ItemCodesD1 table thead
    {
        position:sticky;
        top:0;
        z-index: 3;
        background-color: white;
    }
#ItemCodesD1 table thead td
    {
        text-align: center;
        font-weight: 600;
    }
#ItemCodesD1 table thead input[type="text"], #ItemCodesD1 table thead select
    {
        border:solid 1px gray;
        border-radius: 3px;
        background-color: #e4e9e6e7;
    }
#ItemCodesD1 table input[type="text"], #ItemCodesD1 table input[type="button"], #ItemCodesD1 table select
    {
        width:100%;
        height: 100%;
        box-sizing: border-box;
    }
#ItemCodesD1 table input[type="text"], #ItemCodesD1 table select
    {
        border:none;
    }
#ItemCodesD1 table input[type="text"][disabled], #ItemCodesD1 table select:disabled
    {
        background-color: transparent;
        color:black;
    }
#ItemCodesD1 table input[type="button"]
    {
        cursor:pointer;
    }
#ItemCodesD1 table tbody tr:hover
    {
        background-color: antiquewhite;
    }
#ItemCodesD1 table tfoot
    {
        position:sticky;
        bottom:0;
        z-index: 3;
        background-color: white;
    }
#ItemCodesD1 table tfoot input[type="text"], #ItemCodesD1 table tfoot select
    {
        border:solid 1px gray;
        border-radius: 3px;
        background-color: #def7e8e7;
    }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%AP Registered%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#APRegisterD1
    {
        width: 100%;
        box-sizing: border-box;
    }
#APRegisterD1 table
    {
        width:100%;
        border-spacing: 0;
    }
#APRegisterD1 table td
    {
        height: 22px;
    }
#APRegisterD1 table input[type="text"], #APRegisterD1 table select
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
    }
#APRegisterD2
    {
        text-align: right;
    }
#APRegisterD2 button
    {
        margin:5px 1px 5px 5px;
        height: 23px;
        width:150px;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
        border:solid 1px gray;
        border-radius: 3px;
    }

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%Check Registered%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#CheckRegisterD1
    {
        width: 100%;
        box-sizing: border-box;
    }
#CheckRegisterD1 table
    {
        width:100%;
        border-spacing: 0;
    }
#CheckRegisterD1 table td
    {
        height: 22px;
    }
#CheckRegisterD1 table input[type="text"], #CheckRegisterD1 table select
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border:solid 1px gray;
        border-radius: 3px;
    }
#CheckRegisterD2
    {
        text-align: right;
    }
#CheckRegisterD2 button
    {
        margin:5px 1px 5px 5px;
        height: 23px;
        width:150px;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
        border:solid 1px gray;
        border-radius: 3px;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*#######################################################################################*/