.Sidebar[data-v-6dce9bdb]{padding-left:20px;padding-top:16px;display:flex;height:100%;flex-direction:column}.sidebarMenu[data-v-6dce9bdb]{color:#000;font-size:14px;font-weight:bolder;text-decoration:none;margin-left:8px}router-link a[data-v-6dce9bdb]:hover{text-decoration:none}p[data-v-6dce9bdb]{margin:0}.Sidebar a[data-v-6dce9bdb]:hover{text-decoration:none}.Sidebar a[data-v-6dce9bdb]:active{color:red}.listMenu[data-v-6dce9bdb]{display:flex;margin-top:25px}img[data-v-6dce9bdb]{width:24px;height:24px}.Navbar[data-v-5b2aad3b]{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;top:0;border-bottom:1px solid #a1a9a9}#titleNavbar[data-v-5b2aad3b]{font-size:20px;font-weight:700;color:#00803c;margin:0}#userImg[data-v-5b2aad3b]{width:24px;height:24px}button[data-v-5b2aad3b]{border:none;background-color:transparent}.rightSide[data-v-5b2aad3b]{display:flex}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding:0;margin:0}*{font-family:Inter,sans-serif}.app{height:100%;width:100%}.spinner-border{min-width:300px;min-height:300px;text-align:center}.loading{justify-content:center;display:flex}.sideBar{width:235px}.mainPage{padding:0}.main,.mainPage{width:100%;display:flex}.main{height:100%}#addButton{display:flex;background-color:#00803c;padding:10px 31px;color:#fff;border-radius:40px}.actionFill{display:flex;justify-content:space-evenly}#submit{padding:10px 20px;margin-top:8px;background-color:#00803c;color:#fff;width:100%;border-radius:20px}input{margin-bottom:40px}input,select{width:100%;padding:10px 20px;border:1px solid #e8e4e4;border-radius:20px;font-size:14px}select{margin-bottom:24px}.pagination{justify-content:center}.inCol,.inRow,.pagination{display:flex}.inCol{width:100%;flex-direction:column}h3[data-v-1935ec24]{margin:40px 0 0}ul[data-v-1935ec24]{list-style-type:none;padding:0}li[data-v-1935ec24]{display:inline-block;margin:0 10px}a[data-v-1935ec24]{color:#42b983}[data-v-46efd545]{margin:0}.LoginPage[data-v-46efd545]{display:flex;width:100%;padding:0;height:100vh;background-color:#ededed}.LoginBox[data-v-46efd545]{background-color:#fff;border-radius:20px;padding-right:40px;padding-left:40px;padding-top:32px;padding-bottom:32px;border:1px solid #a3a2a2;width:400px}#logo[data-v-46efd545]{max-width:59px;max-height:19px;margin-bottom:32px}#title[data-v-46efd545]{font-weight:700;font-size:28px;margin-bottom:4px}#subTitle[data-v-46efd545]{font-size:16px;font-weight:400;color:#757575;margin-bottom:60px}#inputTitle[data-v-46efd545]{color:#9e9e9e;font-size:12px}input[data-v-46efd545]{width:100%;border-radius:20px;border:1px solid #e0e0e0;padding:10px;margin-bottom:25px}button[data-v-46efd545]{width:100%;border-radius:20px;background-color:#00803c}button[data-v-46efd545]:hover{color:#00803c;background-color:#fff}input:active input[data-v-46efd545]:hover{border-color:#00803c}.databaseEmployee[data-v-6df835bb]{display:flex;flex-direction:column;background-color:#ededed;width:100%;padding:30px 40px;min-height:100vh}.headMain[data-v-6df835bb]{display:flex;width:100%;justify-content:space-between}.leftSide[data-v-6df835bb]{display:flex}table[data-v-6df835bb]{margin-top:20px;border:1px solid #e8e4e4;border-radius:20}table th[data-v-6df835bb]{background-color:#e5f2eb}table td[data-v-6df835bb],table th[data-v-6df835bb]{padding-top:12px;padding-bottom:12px;text-align:left;font-size:16px}table td[data-v-6df835bb]{background-color:#fff}tbody tr[data-v-6df835bb]{border-bottom:.2px solid #b6aeae}#plusImg[data-v-6df835bb]{margin-right:8px}p[data-v-6df835bb]{margin:0;margin-bottom:0}button[data-v-6df835bb]{border:none;background-color:transparent}.title[data-v-6df835bb]{margin-bottom:20px}#titleText[data-v-6df835bb]{font-size:20px;font-weight:800}.modal-content[data-v-6df835bb]{border-radius:20px;padding:24px}.modal-title[data-v-6df835bb]{font-size:18px;font-weight:bolder}.modal-content p[data-v-6df835bb]{color:#9e9e9e;font-size:12px;margin-bottom:4px;padding-left:5px}input[data-v-6df835bb],select[data-v-6df835bb]{width:100%;padding:10px 20px;border:1px solid #e8e4e4;border-radius:20px;font-size:14px;margin-bottom:24px}img[data-v-6df835bb]{height:24px;width:24px}.databaseEmployee[data-v-372c18d0]{display:flex;flex-direction:column;background-color:#ededed;width:100%;min-height:100vh;padding:30px 40px}input[data-v-372c18d0]{margin-bottom:24px}.headMain[data-v-372c18d0]{display:flex;width:100%;justify-content:space-between}.leftSide[data-v-372c18d0]{display:flex}table[data-v-372c18d0]{margin-top:20px;border:1px solid #e8e4e4;border-radius:20}table th[data-v-372c18d0]{background-color:#e5f2eb}table td[data-v-372c18d0],table th[data-v-372c18d0]{padding-top:12px;padding-bottom:12px;text-align:left;font-size:16px}table td[data-v-372c18d0]{background-color:#fff}tbody tr[data-v-372c18d0]{border-bottom:.2px solid #b6aeae}#plusImg[data-v-372c18d0]{color:#fff;margin-right:8px}p[data-v-372c18d0]{margin:0;margin-bottom:0}button[data-v-372c18d0]{border:none}.title[data-v-372c18d0]{margin-bottom:20px}#titleText[data-v-372c18d0]{font-size:20px;font-weight:800}.modal-content[data-v-372c18d0]{border-radius:20px;padding:24px}.modal-title[data-v-372c18d0]{font-size:18px;font-weight:bolder}.modal-content p[data-v-372c18d0]{color:#9e9e9e;font-size:12px;margin-bottom:4px;padding-left:5px}img[data-v-372c18d0]{height:24px;width:24px}table button[data-v-372c18d0]{background-color:transparent}.printArea[data-v-372c18d0]{justify-content:center;width:100%;display:none}.qr[data-v-372c18d0]{margin-top:50px;display:flex;justify-content:center}#namaCabang[data-v-372c18d0]{margin-top:12px;text-align:center;font-size:42px;font-weight:800}.databaseEmployee[data-v-54a26cf6]{display:flex;flex-direction:column;background-color:#f5f5f5;width:100%;min-height:100vh;padding:30px 40px}.headMain[data-v-54a26cf6]{display:flex;width:100%;justify-content:space-between}.leftSide[data-v-54a26cf6]{display:flex}#HeadTitle td[data-v-54a26cf6]{font-size:20px}#HeadTitle[data-v-54a26cf6]{border-collapse:separate!important}#titleTable[data-v-54a26cf6]{width:200px}#tableData[data-v-54a26cf6]{margin-top:20px;border:1px solid #e8e4e4;border-radius:20}#tableData th[data-v-54a26cf6]{background-color:#e5f2eb}#tableData td[data-v-54a26cf6],#tableData th[data-v-54a26cf6]{padding-top:12px;padding-bottom:12px;text-align:left;font-size:16px}#tableData td[data-v-54a26cf6]{background-color:#fff}tbody tr[data-v-54a26cf6]{border-bottom:.2px solid #b6aeae}#plusImg[data-v-54a26cf6]{margin-right:8px}p[data-v-54a26cf6]{margin:0;margin-bottom:0}.secondHead[data-v-54a26cf6]{display:flex;padding:0;margin-top:8px}img[data-v-54a26cf6]{height:24px;width:24px}button[data-v-54a26cf6]{border:none}.title[data-v-54a26cf6]{margin-bottom:20px}#titleText[data-v-54a26cf6]{font-size:20px;font-weight:800}.modal-content[data-v-54a26cf6]{border-radius:20px;padding:24px}.modal-title[data-v-54a26cf6]{font-size:18px;font-weight:bolder}.modal-content p[data-v-54a26cf6]{color:#9e9e9e;font-size:12px;margin-bottom:4px;padding-left:5px}input[data-v-54a26cf6]{width:100%;font-size:14px;margin-bottom:24px}input[data-v-54a26cf6],select[data-v-54a26cf6]{padding:10px 20px;border:1px solid #e8e4e4;border-radius:20px}select[data-v-54a26cf6]{font-size:16px;font-weight:bolder;margin-bottom:16px}#branchSelect[data-v-54a26cf6]{width:30%}#submit[data-v-54a26cf6]{padding:10px 20px;background-color:#00803c;color:#fff;width:100%;border-radius:20px}#monthPicker[data-v-54a26cf6]{width:30%;margin-top:20px;font-size:14px;font-weight:bolder;border:1px solid #ededed;border-radius:60px}.Personal[data-v-231ce482]{display:flex;min-height:100vh;flex-direction:column;background-color:#ededed;width:100%;padding:30px 40px}.headMain[data-v-231ce482]{display:flex;width:100%;justify-content:space-between}.leftSide[data-v-231ce482]{display:flex}#HeadTitle td[data-v-231ce482]{font-size:20px}#HeadTitle[data-v-231ce482]{border-collapse:separate!important}#titleTable[data-v-231ce482]{width:200px}#tableData[data-v-231ce482]{margin-top:20px;border:1px solid #e8e4e4;border-radius:20}#tableData th[data-v-231ce482]{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#e5f2eb;font-size:16px}#tableData td[data-v-231ce482]{padding-top:0;padding-bottom:0;text-align:left;background-color:#fff;font-size:14px}tbody tr[data-v-231ce482]{border-bottom:.2px solid #b6aeae}#plusImg[data-v-231ce482]{margin-right:8px}p[data-v-231ce482]{margin:0;margin-bottom:0}.secondHead[data-v-231ce482]{display:flex;padding:0;margin-top:8px}img[data-v-231ce482]{height:24px;width:24px}button[data-v-231ce482]{border:none;background-color:transparent}.title[data-v-231ce482]{margin-bottom:20px}#titleText[data-v-231ce482]{font-size:20px;font-weight:800}.modal-content[data-v-231ce482]{border-radius:20px;padding:24px}.modal-title[data-v-231ce482]{font-size:18px;font-weight:bolder}.modal-content p[data-v-231ce482]{color:#9e9e9e;font-size:12px;margin-bottom:4px;padding-left:5px}input[data-v-231ce482]{width:100%;font-size:14px;margin-bottom:24px}input[data-v-231ce482],select[data-v-231ce482]{padding:10px 20px;border:1px solid #e8e4e4;border-radius:20px}select[data-v-231ce482]{font-size:16px;font-weight:bolder;margin-bottom:16px}#branchSelect[data-v-231ce482]{width:30%}#submit[data-v-231ce482]{padding:10px 20px;background-color:#00803c;color:#fff;width:100%;border-radius:20px}#monthPicker[data-v-231ce482]{width:30%;margin-top:20px;font-size:14px;font-weight:bolder;border:1px solid #ededed;border-radius:60px}.TypeAbsen[data-v-6f813692]{display:flex;flex-direction:column;background-color:#ededed;width:100%;min-height:100vh;padding:30px 40px}input[data-v-6f813692]{margin-bottom:24px}.headMain[data-v-6f813692]{display:flex;width:100%;justify-content:space-between}.leftSide[data-v-6f813692]{display:flex}table[data-v-6f813692]{margin-top:20px;border:1px solid #e8e4e4;border-radius:20}table th[data-v-6f813692]{background-color:#e5f2eb}table td[data-v-6f813692],table th[data-v-6f813692]{padding-top:12px;padding-bottom:12px;text-align:left;font-size:16px}table td[data-v-6f813692]{background-color:#fff}tbody tr[data-v-6f813692]{border-bottom:.2px solid #b6aeae}#plusImg[data-v-6f813692]{color:#fff;margin-right:8px}p[data-v-6f813692]{margin:0;margin-bottom:0}button[data-v-6f813692]{border:none}.title[data-v-6f813692]{margin-bottom:20px}#titleText[data-v-6f813692]{font-size:20px;font-weight:800}.modal-content[data-v-6f813692]{border-radius:20px;padding:24px}.modal-title[data-v-6f813692]{font-size:18px;font-weight:bolder}.modal-content p[data-v-6f813692]{color:#9e9e9e;font-size:12px;margin-bottom:4px;padding-left:5px}select[data-v-6f813692]{font-size:16px;border:1px solid #e8e4e4;border-radius:20px;padding:10px 20px;font-weight:400;margin-bottom:16px}img[data-v-6f813692]{height:24px;width:24px}.TypeAbsen[data-v-7ead130e]{display:flex;flex-direction:column;background-color:#ededed;width:100%;min-height:100vh;padding:30px 40px}input[data-v-7ead130e]{margin-bottom:24px}.headMain[data-v-7ead130e]{display:flex;width:100%;justify-content:space-between}.leftSide[data-v-7ead130e]{display:flex}table[data-v-7ead130e]{margin-top:20px;border:1px solid #e8e4e4;border-radius:20}table th[data-v-7ead130e]{background-color:#e5f2eb}table td[data-v-7ead130e],table th[data-v-7ead130e]{padding-top:12px;padding-bottom:12px;text-align:left;font-size:16px}table td[data-v-7ead130e]{background-color:#fff}tbody tr[data-v-7ead130e]{border-bottom:.2px solid #b6aeae}#plusImg[data-v-7ead130e]{color:#fff;margin-right:8px}p[data-v-7ead130e]{margin:0;margin-bottom:0}button[data-v-7ead130e]{border:none}.title[data-v-7ead130e]{margin-bottom:20px}#titleText[data-v-7ead130e]{font-size:20px;font-weight:800}.modal-content[data-v-7ead130e]{border-radius:20px;padding:24px}.modal-title[data-v-7ead130e]{font-size:18px;font-weight:bolder}.modal-content p[data-v-7ead130e]{color:#9e9e9e;font-size:12px;margin-bottom:4px;padding-left:5px}select[data-v-7ead130e]{font-size:16px;border:1px solid #e8e4e4;border-radius:20px;padding:10px 20px;font-weight:400;margin-bottom:16px}img[data-v-7ead130e]{height:24px;width:24px}