#NavContent1
    {
        width:100%;
        height:100%;
        padding:5px 3px 0 3px;
        display: flex;
        flex-direction: column;
    }
#NavContent1D0
    {
        width:100%;
        height: 100%;
    }
#NavContent1D01
    {
        width:100%;
        height:35px;
        position: relative;
    }
#NavContent1D01 input[type="text"]
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 15px;
        padding:0 35px 0 10px;
        box-shadow: 1px 3px 5px gray;
        outline: none;
    }
#NavContent1D01 i
    {
        position: absolute;
        top:5px;
        right: 10px;
        font-size: 22px;
    }
#NavContent1D02
    {
        width:100%;
        height: calc(100% - 45px);
        margin-top: 10px;
        overflow-y: auto;
    }
#NavContent1D02 .form-group2
    {
        width:100%;
        height: 40px;
        box-shadow: 1px 3px 5px gray;
        margin-bottom: 5px;
        display: flex;
        border-radius: 5px;
        flex-direction: row;
        font-size: 0;
    }
#NavContent1D02 .form-group2 button
    {
        height: 100%;
        font-size: small;
        border:none;
        outline: none;
    }
#NavContent1D02 .form-group2 button:nth-child(1)
    {
        width:10%;
        border-radius: 5px 0 0 5px;
    }
#NavContent1D02 .form-group2 button:nth-child(2)
    {
        width:80%;
        text-align: left;
    }
#NavContent1D02 .form-group2 button:nth-child(3)
    {
        width:10%;
        border-radius: 0 5px 5px 0;
    }
#NavContent1D02 .form-group2 i
    {
        font-size: 22px;
        cursor: pointer;
    }
/*##################################################################################*/
#NavContent1D1
    {
        width:100%;
        height:30px;
        padding:3px 0 3px 3px;
        display: flex;
        justify-content: right;
        align-items: center;
    }
#NavContent1D1 span
    {
        font-weight: 800;
    }
#NavContent1D1 select
    {
        height: 100%;
        border: solid 1px gray;
        border-radius: 3px;
        margin-left: 3px;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D2
    {
        flex-grow: 1;
        width:100%;
        height: calc(100% - 60px);
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        box-shadow: 1px 3px 5px gray;
        overflow-y: auto;
    }
#NavContent1D2T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D2T1 td
    {
        height: 23px;
        border-right: solid 1px rgb(230, 228, 228);
        border-bottom: solid 1px gray;
        
    }
#NavContent1D2T1 input[type="text"], #NavContent1D2T1 select
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 3px;
        outline: none;
    }
#NavContent1D2T1 button
    {
        width:100%;
        height: 100%;
        cursor: pointer;
    }
#NavContent1D2T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
        z-index: 3;
    }
#NavContent1D2T1 thead td
    {
        font-weight: 800;
        text-align: center;
    }
#NavContent1D2T1 tbody td
    {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

#NavContent1D3
    {
        width:100%;
        height:30px;
        display: flex;
        flex-direction: row;
    }
#NavContent1D31
    {
        flex-grow: 1;
        height:100%;
        padding-top:3px;
        display: flex;
        gap:3px;
    }
#NavContent1D31 button
    {
        height: 100%;
        padding:0 20px 0 20px;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: 1px 3px 5px gray;
        text-shadow: 1px 3px 5px gray;
        cursor: pointer;
    }
#NavContent1D32
    {
        width:30%;
        height:100%;
        padding:3px 0 3px 0;
        display: flex;
        justify-content: right;
        align-items: center;
    }
#NavContent1D32 button
    {
        width:30px;
        height: 30px;
        padding-top:5px;
        border:none;
        background-color: transparent;
        margin-left: 5px;
        cursor: pointer;
        text-shadow: 1px 3px 5px gray;
    }
#NavContent1D32 button:hover
    {
        border-radius: 50%;
        border:solid 1px gray;
        background-color: white;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D32 span
    {
        text-shadow: 1px 3px 5px gray;
    }
#NavContent1D4
    {
        position: absolute;
        top:0;
        left:0;
        width:100vw;
        height: 100vh;
        background-color: rgba(0,0,0,.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 100;
    }
#NavContent1D41
    {
        width:40%;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
        display: flex;
        flex-direction: column;
    }

#NavContent1D411
    {
        width:100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: solid 1px gray;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D411 span
    {
        display: block;
        font-weight: 800;
        text-shadow: 1px 3px 5px gray;
        margin-left: 5px;
    }
#NavContent1D411 i
    {
        font-size: 2rem;
        margin-right: 5px;
        text-shadow: 1px 3px 5px gray;
        cursor: pointer;
    }
#NavContent1D412
    {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        padding:10px;
    }
#NavContent1D412 .form-group
    {
        width:100%;
        margin-top: 10px;
    }
#NavContent1D412 .form-group input[type="text"]
    {
        width: 100%;
        height: 30px;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D412 .form-group1
    {
        width:100%;
        margin-top: 10px;
        text-align: right;
    }
#NavContent1D412 .form-group1 button
    {
        height: 30px;
        cursor: pointer;
        padding:3px 20px 3px 20px;
        box-shadow: 1px 3px 5px gray;
        font-weight: 800;
    }
#NavContent1D5
    {
        position: absolute;
        top:0;
        left:0;
        width:100vw;
        height: 100vh;
        background-color: rgba(0,0,0,.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 100;
    }

#NavContent1D51
    {
        width:90%;
        height: 90vh;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: rgb(221, 221, 221);
        display: flex;
        flex-direction: row;
        padding:3px;
        transition: width 1s ease, height 1s ease;
    }
#NavContent1D5 .hidecontent
    {
        width:clamp(350px,25vw,400px);
    }
#NavContent1D511
    {
        width:280px;
        height: 100%;
        padding:5px;
    }
#NavContent1D511 .hidecontent
    {
        width:100%;
    }
#NavContent1D5111
    {
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center;
        position: relative;
    }
#NavContent1D5111 i
    {
        display:inline-block;
        position: absolute;
        top:3px;
        right:3px;
        font-size: 18px;
    }
#NavContent1D5112
    {
        width:100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
#NavContent1D5113
    {
        width:100%;
        height: calc(100% - 220px);
        overflow: auto;
    }
#NavContent1D5113 .Active
    {
        background-color: gray;
        border:solid 1px white;
    }
#NavContent1D5113 button
    {
        width:100%;
        height: 30px;
        margin-bottom: 5px;
        border:solid 1px gray;
        border-radius: 5px;
        text-align: left;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D5112 span:nth-child(1)
    {
        font-weight: bold;
    }
#NavContent1D5111 img
    {
        width:140px;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
    }
#NavContent1D512
    {   
        flex-grow: 1;
        width: calc(100% - 200px);
        height: 100%;
        display: flex;
        flex-direction: column;
        padding:5px;
    }
#NavContent1D5121
    {
        width:100%;
        height:23px;
        position: relative;
    }
#NavContent1D5121 i
    {
        position: absolute;
        top:-3px;
        right:0;
        font-size: 2rem;
        margin-right: 5px;
        text-shadow: 1px 3px 5px gray;
        cursor: pointer;
    }
#NavContent1D5122
    {
        flex-grow: 1;
        width: 100%;
        padding:20px 5px 5px 5px;
        height:calc(100% - 23px);
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: -10px 0px 15px -5px rgba(0,0,0,.5);
        background-color: rgb(221, 221, 221);
        position:relative
    }
/*####################################################################################################################*/
/*Name*/
/*####################################################################################################################*/
#NavContent1D51220
    {
        width:100%;
        height: 100%;
        overflow-y: auto;
        
    }
#NavContent1D512201 
    {
        width:100%;
    }
#NavContent1D512201T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512201T1 td
    {
        height: 30px;
    }
#NavContent1D512201T1 tr td:nth-child(1), #NavContent1D512201T1 tr td:nth-child(4)
    {
        font-weight: 800;
    }
#NavContent1D512201T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        padding-left: 10px;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24);
        background-color: white;
        color:black;
        outline: none;
    }
#NavContent1D512201T1 input[type="text"]:disabled
    {
        background-color: rgb(221, 221, 221);
        box-shadow:none;
    }
#NavContent1D512201T1 .Active
    {
        border:none;
    }
#NavContent1D512201T1 .Inactive
    {
        border-bottom:solid 2px gray;
    }
#NavContent1D512202 
    {
        width:100%;
        height:30px;
        margin-top: 5px;
        display: flex;
        justify-content: right;
        align-items: center;
        gap: 3px;
    }
#NavContent1D512202 button
    {
        padding:0 30px 0 30px;
        height:100%;
        border:solid 1px gray;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D512202 button:hover
    {
        border:solid 1px black;
    }
#NavContent1D512203 
    {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        background-color: rgba(0,0,0,.3);
        z-index: 4;
        display: flex;
        justify-content: center;
        align-items: center;
    }
#NavContent1D5122031
    {
        width:80%;
        height: 80%;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#NavContent1D51220311
    {
        width:100%;
        height: 30px;
        box-shadow: 1px 3px 5px gray;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:0 8px 0 8px;
    }
#NavContent1D51220311 i
    {
        font-size: 18px;
        cursor: pointer;
    }
#NavContent1D51220312
    {
        width:100%;
        height: calc(100% - 30px);
        padding:10px 5px 5px 5px;
    }
#NavContent1D512203121
    {
        width:100%;
        height:100%;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
    }
#NavContent1D512203121T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512203121T1 td
    {
        height: 30px;
        border-right: solid 1px gray;
        border-bottom:solid 1px gray;
    }
#NavContent1D512203121T1 tr td:last-child
    {
        border-right: none;
    }
#NavContent1D512203121T1 tr:first-child td:first-child
    {
        border-top-left-radius: 5px;
    }
#NavContent1D512203121T1 tr:first-child td:last-child
    {
        border-top-right-radius: 5px;
    }
#NavContent1D512203121T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#NavContent1D512203121T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
/*####################################################################################################################*/
/*Personal Information*/
/*####################################################################################################################*/
#NavContent1D51221 
    {
        width:100%;
        height: 100%;
        overflow-y: auto;
    }
#NavContent1D512211 
    {
        width:100%;
    }
#NavContent1D512211T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512211T1 td
    {
        height: 30px;
    }
#NavContent1D512211T1 .Active
    {
        border:none;
    }
#NavContent1D512211T1 .Inactive
    {
        border-bottom:solid 2px gray;
    }
#NavContent1D512211T1 tr td:nth-child(1), #NavContent1D512211T1 tr td:nth-child(4)
    {
        font-weight: 800;
    }
#NavContent1D512211T1 input[type="text"], #NavContent1D512211T1 select
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24);
        background-color: white;
        color:black;
        outline: none;
    }
#NavContent1D512211T1 input[type="text"]:disabled, #NavContent1D512211T1 select:disabled
    {
        background-color: rgb(221, 221, 221);
        box-shadow:none;
    }
#NavContent1D512211T1 .dp__input_wrap
    {
        border:none;
        outline: none;
        height: 26px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
    }
#NavContent1D512211T1 .dp__input_wrap input
    {
        border:none;
        outline: none;
        height: 26px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
    }
#NavContent1D512211T1 .EnabledDatePicker
    {
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24);
        background-color: white !important;
        height: 27px !important;
    }
#NavContent1D512211T1 .EnabledDatePicker input
    {
        background-color: transparent;
    }
#NavContent1D512211T1 .DisabledDatePicker
    {
        border:solid 1px gray !important;
        border-radius: 5px !important;
        box-shadow:none;
        background-color: rgb(221, 221, 221) !important;
        height: 28px !important;
        outline: none !important;
    }
#NavContent1D512211T1 .DisabledDatePicker input
    {
        background-color: transparent;
    }
#NavContent1D512212
    {
        width:100%;
        height: 30px;
        margin-top: 10px;
        display: flex;
        justify-content: right;
        gap:3px;
    }
#NavContent1D512212 button
    {
        padding:0 20px 0 20px;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        font-weight: 800;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D512212 button:hover
    {
        background-color: gray;
        border:solid 1px black;
        color:white;
    }
#NavContent1D512213 
    {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        background-color: rgba(0,0,0,.3);
        z-index: 4;
        display: flex;
        justify-content: center;
        align-items: center;
    }
#NavContent1D5122131
    {
        width:80%;
        height: 80%;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#NavContent1D51221311
    {
        width:100%;
        height: 30px;
        box-shadow: 1px 3px 5px gray;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:0 8px 0 8px;
    }
#NavContent1D51221311 i
    {
        font-size: 18px;
        cursor: pointer;
    }
#NavContent1D51221312
    {
        width:100%;
        height: calc(100% - 30px);
        padding:10px 5px 5px 5px;
    }
#NavContent1D512213121
    {
        width:100%;
        height:100%;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
    }
#NavContent1D512213121T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512213121T1 td
    {
        height: 30px;
        border-right: solid 1px gray;
        border-bottom:solid 1px gray;
    }
#NavContent1D512213121T1 tr td:last-child
    {
        border-right: none;
    }
#NavContent1D512213121T1 tr:first-child td:first-child
    {
        border-top-left-radius: 5px;
    }
#NavContent1D512213121T1 tr:first-child td:last-child
    {
        border-top-right-radius: 5px;
    }
#NavContent1D512213121T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#NavContent1D512213121T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
/*####################################################################################################################*/
/*Family Information*/
/*####################################################################################################################*/
#NavContent1D51222 
    {
        width:100%;
        height: 100%;
        overflow-y: auto;
    }
#NavContent1D512221
    {
        width:100%;
        margin-bottom: 30px;
    }
#NavContent1D512221T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512221T1 td
    {
        height: 30px;
    }
#NavContent1D512221T1 tr td:nth-child(1), #NavContent1D512221T1 tr td:nth-child(4)
    {
        font-weight: 800;
    }
#NavContent1D512221T1 .Active
    {
        border:none;
    }
#NavContent1D512221T1 .Inactive
    {
        border-bottom:solid 2px gray;
    }
#NavContent1D512221T1 input[type="text"], #NavContent1D512221T1 select
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24);
        background-color: white;
        color:black;
        outline: none;
    }
#NavContent1D512221T1 input[type="text"]:disabled, #NavContent1D512221T1 select:disabled
    {
        background-color: rgb(221, 221, 221);
        box-shadow:none;
    }
#NavContent1D512222
    {
        width:100%;
        margin-top: 10px;
    }
#NavContent1D512222T1
    {
        width:100%;
        border-spacing: 3px;
    }
#NavContent1D512222T1 td
    {
        height: 30px;
    }
#NavContent1D512222T1 tr td:nth-child(1)
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent1D512222T1 .Active
    {
        border:none;
    }
#NavContent1D512222T1 .Inactive
    {
        border-bottom:solid 2px gray;
    }
#NavContent1D512222T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24);
        background-color: white;
        color:black;
        outline: none;
    }
#NavContent1D512222T1 input[type="text"]:disabled, #NavContent1D512222T1 select:disabled
    {
        background-color: rgb(221, 221, 221);
        box-shadow:none;
    }
#NavContent1D512222T1 .dp__input_wrap
    {
        border:none;
        outline: none;
        height: 26px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
    }
#NavContent1D512222T1 .dp__input_wrap input
    {
        border:none;
        outline: none;
        height: 26px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
    }
#NavContent1D512222T1 .EnabledDatePicker
    {
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24) !important;
        background-color: white !important;
        height: 28px !important;
    }
#NavContent1D512222T1 .DisabledDatePicker
    {
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:none;
        background-color: rgb(221, 221, 221) !important;
        height: 28px !important;
    }
#NavContent1D512222T1 thead td
    {
        text-align: center;
        font-weight: 900;
    }
#NavContent1D512223
    {
        width:100%;
        height: 30px;
        text-align: right;
        margin-top: 10px;
        display: flex;
        justify-content: right;
        align-items: center;
        gap:3px;
    }
#NavContent1D512223 button
    {
        padding:0 20px 0 20px;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        font-weight: 800;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D512223 button:hover
    {
        background-color: gray;
        border:solid 1px black;
        color:white;
    }

#NavContent1D512224 
    {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        background-color: rgba(0,0,0,.3);
        z-index: 4;
        display: flex;
        justify-content: center;
        align-items: center;
    }
#NavContent1D5122241
    {
        width:80%;
        height: 80%;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#NavContent1D51222411
    {
        width:100%;
        height: 30px;
        box-shadow: 1px 3px 5px gray;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:0 8px 0 8px;
    }
#NavContent1D51222411 i
    {
        font-size: 18px;
        cursor: pointer;
    }
#NavContent1D51222412
    {
        width:100%;
        height: calc(100% - 30px);
        padding:10px 5px 5px 5px;
    }
#NavContent1D512224121
    {
        width:100%;
        height:100%;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
    }
#NavContent1D512224121T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512224121T1 td
    {
        height: 30px;
        border-right: solid 1px gray;
        border-bottom:solid 1px gray;
    }
#NavContent1D512224121T1 tr td:last-child
    {
        border-right: none;
    }
#NavContent1D512224121T1 tr:first-child td:first-child
    {
        border-top-left-radius: 5px;
    }
#NavContent1D512224121T1 tr:first-child td:last-child
    {
        border-top-right-radius: 5px;
    }
#NavContent1D512224121T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#NavContent1D512224121T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
/*####################################################################################################################*/
/*Educational Background And Employment Record*/
/*####################################################################################################################*/
#NavContent1D51223 
    {
        width:100%;
        height: 100%;
        overflow-y: auto;
    }
#NavContent1D51223 span
    {
        font-weight: bold;
    }
#NavContent1D51223 hr
    {
        margin: none;
    }
#NavContent1D512231
    {
        width:100%;
        border-radius: 5px;
        margin-bottom: 10px;
    }
#NavContent1D512231T1
    {
        width:100%;
        border-spacing: 3px;
    }
#NavContent1D512231T1 td
    {
        height: 30px;
    }
#NavContent1D512231T1 .Active
    {
        border:none;
    }
#NavContent1D512231T1 .Inactive
    {
        border-bottom:solid 2px gray;
    }
#NavContent1D512231T1 tr td:last-child
    {
       border-right: none;
    }
#NavContent1D512231T1 input[type="text"], #NavContent1D51223T1 select
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24);
        background-color: white;
        color:black;
        outline: none;
    }
#NavContent1D512231T1 input[type="text"]:disabled, #NavContent1D512231T1 select:disabled
    {
        background-color: rgb(221, 221, 221);
        box-shadow:none;
    }
#NavContent1D512231T1 thead td
    {
        font-weight: 800;
        text-align: center;
        
    }
#NavContent1D512232
    {
        width:100%;
        border-radius: 5px;
        margin-bottom: 10px;
    }
#NavContent1D512232T1
    {
        width:100%;
        border-spacing: 3px;
    }
#NavContent1D512232T1 td
    {
        height: 30px;
    }
#NavContent1D512232T1 .Active
    {
        border:none;
    }
#NavContent1D512232T1 .Inactive
    {
        border-bottom:solid 2px gray;
    }
#NavContent1D512232T1 tr td:last-child
    {
       border-right: none;
    }
#NavContent1D512232T1 tr td:first-child
    {
       text-align: center;
    }
#NavContent1D512232T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24);
        background-color: white;
        color:black;
        outline: none;
    }
#NavContent1D512232T1 input[type="text"]:disabled, #NavContent1D512232T1 select:disabled
    {
        background-color: rgb(221, 221, 221);
        box-shadow:none;
    }
#NavContent1D512232T1 thead td
    {
        font-weight: 800;
        text-align: center;
        
    }
#NavContent1D512233
    {
        width:100%;
        border-radius: 5px;
        margin-bottom: 10px;
    }
#NavContent1D512233T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512233T1 td
    {
        height: 30px;
    }
#NavContent1D512233T1 tr td:last-child
    {
       border-right: none;
    }
#NavContent1D512233T1 input[type="text"]
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24);
        background-color: white;
        color:black;
        outline: none;
    }
#NavContent1D512233T1 input[type="text"]:disabled, #NavContent1D512233T1 select:disabled
    {
        background-color: rgb(221, 221, 221);
        box-shadow:none;
    }
#NavContent1D512233T1 thead td
    {
        font-weight: 800;
        text-align: center;
        
    }
#NavContent1D512234
    {
        width:100%;
        height: 30px;
        margin-top: 10px;
        display: flex;
        justify-content: right;
        align-items: center;
        gap:3px;
    }
#NavContent1D512234 button
    {
        padding:0 20px 0 20px;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        font-weight: 800;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D512234 button:hover
    {
        background-color: gray;
        border:solid 1px black;
        color:white;
    }
#NavContent1D512235 
    {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        background-color: rgba(0,0,0,.3);
        z-index: 4;
        display: flex;
        justify-content: center;
        align-items: center;
    }
#NavContent1D5122351
    {
        width:80%;
        height: 80%;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#NavContent1D51223511
    {
        width:100%;
        height: 30px;
        box-shadow: 1px 3px 5px gray;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:0 8px 0 8px;
    }
#NavContent1D51223511 i
    {
        font-size: 18px;
        cursor: pointer;
    }
#NavContent1D51223512
    {
        width:100%;
        height: calc(100% - 30px);
        padding:10px 5px 5px 5px;
    }
#NavContent1D512235121
    {
        width:100%;
        height:100%;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
    }
#NavContent1D512235121T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512235121T1 td
    {
        height: 30px;
        border-right: solid 1px gray;
        border-bottom:solid 1px gray;
    }
#NavContent1D512235121T1 tr td:last-child
    {
        border-right: none;
    }
#NavContent1D512235121T1 tr:first-child td:first-child
    {
        border-top-left-radius: 5px;
    }
#NavContent1D512235121T1 tr:first-child td:last-child
    {
        border-top-right-radius: 5px;
    }
#NavContent1D512235121T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#NavContent1D512235121T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
/*####################################################################################################################*/
/*Status History*/
/*####################################################################################################################*/
#NavContent1D51224 
    {
        width:100%;
        height: 100%;
        overflow-y: auto;
    }
#NavContent1D51224 hr
    {
        margin: none;
    }
#NavContent1D512241
    {
        width:100%;
        max-height:100%;
        border:solid 1px gray;
        border-radius: 5px;
        margin-bottom: 10px;
        overflow-y: auto;
    }
#NavContent1D512241T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#NavContent1D512241T1 td
    {
        height: 25px;
        border-right:solid 1px gray;
        border-bottom: solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#NavContent1D512241T1 tr td:last-child
    {
        border-right:none;
    }
#NavContent1D512241T1 button
    {
        width:100%;
        height: 100%;
        cursor: pointer;
    }
#NavContent1D512241T1 input[type="text"], #NavContent1D512241T1 select
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 3px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24);
        outline: none;
    }
#NavContent1D512241T1 .dp__input_wrap
    {
        border:none;
        outline: none;
        height: 25px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
    }
#NavContent1D512241T1 .dp__input_wrap input
    {
        border:none;
        outline: none;
        height: 25px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
    }
#NavContent1D512241T1 .datepicker
    {
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24) !important;
        background-color: white !important;
        height: 100% !important;
    }


#NavContent1D512241T1 thead
    {
        position: sticky;
        top:0;
        background-color: rgb(221, 221, 221);
    }
#NavContent1D512241T1 thead td
    {
        font-weight: 800;
        text-align: center;
    }
#NavContent1D512241T1 tbody tr:hover
    {
        background-color: bisque;
    }
#NavContent1D512241T1 tfoot
    {
        position: sticky;
        bottom:0;
        background-color: rgb(221, 221, 221);
    }
#NavContent1D512241T1 tfoot tr:last-child td
    {
        border-bottom:none;
    }
/*####################################################################################################################*/
/*Leave History*/
/*####################################################################################################################*/
#NavContent1D51225
    {
        width:100%;
        height: 100%;
        overflow-y: auto;
    }
#NavContent1D51225 hr
    {
        margin: none;
    }
#NavContent1D512251
    {
        width:100%;
        max-height:100%;
        border:solid 1px gray;
        border-radius: 5px;
        margin-bottom: 10px;
        overflow-y: auto;
    }
#NavContent1D512251T1
    {
        width:100%;
        border-spacing: 0;
        table-layout: fixed;
    }
#NavContent1D512251T1 td
    {
        height: 25px;
        border-right:solid 1px gray;
        border-bottom: solid 1px gray;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
#NavContent1D512251T1 tr td:last-child
    {
        border-right:none;
    }
#NavContent1D512251T1 button
    {
        width:100%;
        height: 100%;
        cursor: pointer;
        font-size: clamp(10px,2vw,14px);
    }
#NavContent1D512251T1 input[type="text"], #NavContent1D512251T1 select
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 3px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24);
        outline: none;
    }
#NavContent1D512251T1 .dp__input_wrap
    {
        border:none;
        outline: none;
        height: 25px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
    }
#NavContent1D512251T1 .dp__input_wrap input
    {
        border:none;
        outline: none;
        height: 25px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
    }
#NavContent1D512251T1 .datepicker
    {
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24) !important;
        background-color: white !important;
        height: 100% !important;
    }


#NavContent1D512251T1 thead
    {
        position: sticky;
        top:0;
        background-color: rgb(221, 221, 221);
        z-index: 3;
    }
#NavContent1D512251T1 thead td
    {
        font-weight: 800;
        text-align: center;
    }
#NavContent1D512251T1 tbody tr:hover
    {
        background-color: bisque;
    }
#NavContent1D512251T1 tfoot
    {
        position: sticky;
        bottom:0;
        background-color: rgb(221, 221, 221);
        z-index: 3;
    }
#NavContent1D512251T1 tfoot tr:last-child td
    {
        border-bottom:none;
    }
/*####################################################################################################################*/
/*Mandatory Contribution*/
/*####################################################################################################################*/
#NavContent1D51226
    {
        width:100%;
        height: 100%;
        overflow-y: auto;
    }
#NavContent1D512261
    {
        width:100%;
        max-height:100%;
        overflow-y: auto;
    }
#NavContent1D512261T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512261T1 td
    {
        height: 30px;
    }
#NavContent1D512261T1 tr td:first-child, #NavContent1D512261T1 tr td:nth-child(3)
    {
        font-weight: bold;
    }
#NavContent1D512261T1 input[type="text"], #NavContent1D512261T1 select
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: inset 1px 1px 1px black;
        outline: none;
    }
#NavContent1D512261T1 input[type="text"]:disabled, #NavContent1D512261T1 select:disabled
    {
        background-color: rgb(221, 221, 221);
        color:black;
        box-shadow:none;
    }
#NavContent1D512262
    {
        width:100%;
        height: 30px;
        text-align: right;
        margin-top: 10px;
    }
#NavContent1D512262 button
    {
        padding:0 20px 0 20px;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        font-weight: 800;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D512262 button:hover
    {
        background-color: gray;
        border:solid 1px black;
        color:white;
    }
/*####################################################################################################################*/
/*Payroll And Billing Details*/
/*####################################################################################################################*/
#NavContent1D51227
    {
        width:100%;
        height: 100%;
        overflow-y: auto;
    }
#NavContent1D51227 strong
    {
        font-weight: 800;
        text-shadow: 1px 3px 5px gray;
    }
#NavContent1D512271
    {
        width:100%;
        max-height:100%;
        margin-bottom: 5px;
    }
#NavContent1D512271T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512271T1 td
    {
        height: 30px;
    }
#NavContent1D512271T1 .Active
    {
        border:none;
    }
#NavContent1D512271T1 .Inactive
    {
        border-bottom:solid 2px gray;
    }
#NavContent1D512271T1 tr td:first-child, #NavContent1D512271T1 tr td:nth-child(4)
    {
        font-weight: bold;
    }
#NavContent1D512271T1 input[type="text"], #NavContent1D512271T1 select
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: inset 1px 1px 1px black;
        outline: none;
    }
#NavContent1D512271T1 input[type="text"]:disabled, #NavContent1D512271T1 select:disabled
    {
        background-color: rgb(221, 221, 221);
        color:black;
        box-shadow:none;
    }
#NavContent1D512271 button
    {
        padding:0 20px 0 20px;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        font-weight: 800;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
        margin-left: 3px;
    }
#NavContent1D512271 button:hover
    {
        background-color: gray;
        border:solid 1px black;
        color:white;
    }
#NavContent1D512272
    {
        width:100%;
        max-height:100%;
        margin-bottom: 5px;
    }
#NavContent1D512272T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512272T1 td
    {
        height: 30px;
    }
#NavContent1D512272T1 .Active
    {
        border:none;
    }
#NavContent1D512272T1 .Inactive
    {
        border-bottom:solid 2px gray;
    }
#NavContent1D512272T1 tr td:first-child, #NavContent1D512272T1 tr td:nth-child(4)
    {
        font-weight: bold;
    }
#NavContent1D512272T1 input[type="text"], #NavContent1D512272T1 select
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: inset 1px 1px 1px black;
        outline: none;
    }
#NavContent1D512272T1 input[type="text"]:disabled, #NavContent1D512272T1 select:disabled
    {
        background-color: rgb(221, 221, 221);
        color:black;
        box-shadow:none;
    }
#NavContent1D512272 button
    {
        padding:0 20px 0 20px;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        font-weight: 800;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
        margin-left: 3px;
    }
#NavContent1D512272 button:hover
    {
        background-color: gray;
        border:solid 1px black;
        color:white;
    }

#NavContent1D512273
    {
        width:100%;
        max-height:calc(100% - 305px);
        text-align: right;
        border:solid 1px gray;
        border-radius: 5px;
        margin-top: 5px;
        overflow-y: auto;
    }
#NavContent1D512273T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512273T1 td
    {
        height: 25px;
        border-right: solid 1px gray;
        border-bottom: solid 1px gray;
    }
#NavContent1D512273T1 tr td:last-child
    {
        border-right: none;
    }
#NavContent1D512273T1 thead
    {
        position: sticky;
        top:0;
        background-color: rgb(221, 221, 221);
    }
#NavContent1D512273T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent1D512273T1 tbody tr:hover
    {
        background-color: bisque;
    }
#NavContent1D512274 
    {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        background-color: rgba(0,0,0,.3);
        z-index: 4;
        display: flex;
        justify-content: center;
        align-items: center;
    }
#NavContent1D5122741
    {
        width:80%;
        height: 80%;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: white;
    }
#NavContent1D51227411
    {
        width:100%;
        height: 30px;
        box-shadow: 1px 3px 5px gray;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:0 8px 0 8px;
    }
#NavContent1D51227411 i
    {
        font-size: 18px;
        cursor: pointer;
    }
#NavContent1D51227412
    {
        width:100%;
        height: calc(100% - 30px);
        padding:10px 5px 5px 5px;
    }
#NavContent1D512274121
    {
        width:100%;
        height:100%;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
    }
#NavContent1D512274121T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512274121T1 td
    {
        height: 30px;
        border-right: solid 1px gray;
        border-bottom:solid 1px gray;
    }
#NavContent1D512274121T1 tr td:last-child
    {
        border-right: none;
    }
#NavContent1D512274121T1 tr:first-child td:first-child
    {
        border-top-left-radius: 5px;
    }
#NavContent1D512274121T1 tr:first-child td:last-child
    {
        border-top-right-radius: 5px;
    }
#NavContent1D512274121T1 thead
    {
        position: sticky;
        top:0;
        background-color: white;
    }
#NavContent1D512274121T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
/*####################################################################################################################*/
/*Payroll Attendance*/
/*####################################################################################################################*/
#NavContent1D51228
    {
        width:100%;
        height: 100%;
        overflow-y: auto;
    }
#NavContent1D512281
    {
        width:100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
        overflow-y: auto;
    }
#NavContent1D512281T1
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512281T1 td
    {
        height: 30px;
        border-right:solid 1px gray;
        border-bottom: solid 1px gray;
    }
#NavContent1D512281T1 thead
    {
        position: sticky;
        top:0;
        background-color: rgb(221, 221, 221);
    }
#NavContent1D512281T1 thead td
    {
        text-align: center;
        font-weight: 800;
    }
#NavContent1D512281T1 tbody td
    {
        text-align: center;
    }
#NavContent1D512281T1 tbody td div
    {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
/*####################################################################################################################*/
/*Others*/
/*####################################################################################################################*/
#NavContent1D51229
    {
        width:100%;
        height: 100%;
        overflow-y: auto;
    }
#NavContent1D512291
    {
        width:100%;
        border:solid 1px gray;
        border-radius: 5px;
        padding:10px;
        margin-top: 20px;
        position: relative;
    }
#NavContent1D512291 span
    {
        position:absolute;
        top:-8px;
        left:10px;
        background-color: rgb(221, 221, 221);
        font-weight: 800;
    }
#NavContent1D512291 table
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512291 table td
    {
        height: 30px;
    }
#NavContent1D512291 table td:first-child
    {
        font-weight: 800;
    }
#NavContent1D512291 .dp__input_wrap
    {
        border:none;
        outline: none;
        height: 25px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
    }
#NavContent1D512291 .dp__input_wrap input
    {
        border:none;
        outline: none;
        height: 25px !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
    }
#NavContent1D512291 .datepicker
    {
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow:inset 1px 1px 1px rgb(24, 24, 24) !important;
        background-color: white !important;
        height: 100% !important;
    }
#NavContent1D512291 .btn
    {
        width:120px;
        height:28px;
        border:solid 1px gray;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D512291 .btn:hover
    {
        border:solid 1px black;
    }
#NavContent1D512292
    {
        width:100%;
        border:solid 1px gray;
        border-radius: 5px;
        padding:10px;
        margin-top: 20px;
        position: relative;
    }
#NavContent1D512292 span
    {
        position:absolute;
        top:-8px;
        left:10px;
        background-color: rgb(221, 221, 221);
        font-weight: 800;
    }
#NavContent1D512292 table
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512292 table td:first-child
    {
        font-weight: 800;
    }
#NavContent1D512292 table input[type="text"]
    {
        width:100%;
        height: 26px;
        border:solid 1px gray;
        border-radius: 5px;
        padding-left: 10px;
        box-shadow: inset 1px 1px 1px black;
        outline: none;
    }
#NavContent1D512292 button
    {
        width:120px;
        height:28px;
        border:solid 1px gray;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D512292 button:hover
    {
        border:solid 1px black;
    }
#NavContent1D512293
    {
        width:100%;
        border:solid 1px gray;
        border-radius: 5px;
        padding:10px;
        margin-top: 20px;
        position: relative;
    }
#NavContent1D512293 span
    {
        position:absolute;
        top:-8px;
        left:10px;
        background-color: rgb(221, 221, 221);
        font-weight: 800;
    }
#NavContent1D512293 table
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512293 table td:first-child, #NavContent1D512293 table td:nth-child(4)
    {
        font-weight: 800;
    }
#NavContent1D512293 table input[type="text"]
    {
        width:100%;
        height: 26px;
        border:solid 1px gray;
        border-radius: 5px;
        padding-left: 10px;
        box-shadow: inset 1px 1px 1px black;
        outline: none;
    }
#NavContent1D512293 button
    {
        width:120px;
        height:28px;
        border:solid 1px gray;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D512293 button:hover
    {
        border:solid 1px black;
    }
#NavContent1D512294
    {
        width:100%;
        border:solid 1px gray;
        border-radius: 5px;
        padding:10px;
        margin-top: 20px;
        position: relative;
    }
#NavContent1D512294 span
    {
        position:absolute;
        top:-8px;
        left:10px;
        background-color: rgb(221, 221, 221);
        font-weight: 800;
    }
#NavContent1D512294 table
    {
        width:100%;
        border-spacing: 0;
    }
#NavContent1D512294 table td:first-child, #NavContent1D512294 table td:nth-child(4)
    {
        font-weight: 800;
    }
#NavContent1D512294 table input[type="text"], #NavContent1D512294 table select
    {
        width:100%;
        height: 26px;
        border:solid 1px gray;
        border-radius: 5px;
        padding-left: 10px;
        box-shadow: inset 1px 1px 1px black;
        outline: none;
    }
#NavContent1D512294 table input[type="text"]:disabled, #NavContent1D512294 table select:disabled
    {
        background-color: transparent;
        box-shadow: none;
    }
#NavContent1D512294 button
    {
        width:120px;
        height:28px;
        border:solid 1px gray;
        border-radius: 5px;
        cursor: pointer;
        box-shadow: 1px 3px 5px gray;
    }
#NavContent1D512294 button:hover
    {
        border:solid 1px black;
    }
#NavContent1D8
    {
        position: absolute;
        top:0;
        left:0;
        width:100vw;
        height:100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0,0,0,.5);
        z-index: 999;
        
    }
#NavContent1D81
    {
        width:500px;
        height:98vh;
        border:solid 1px gray;
        border-radius: 5px;
        background-color: rgb(197, 197, 197);
    }
#NavContent1D81 iframe
    {
        width: 100%;
        height: 100%;
        border:solid 1px gray;
        border-radius: 5px;
    }