:root{--Primary-10: #acaeb3;--Primary-25: #3a9584;--Primary-Primary: #2d8575;--Primary-Primary-Hover: #138671;--Primary-75: #0e6656;--Primary-100: #02382e;--Accent-Accent-1: #ffd681;--Accent-Accent-2: #faf7ea;--Neutral-White: #fff;--Neutral-Light-Grey: #f8f8f9;--Neutral-Grey: #f0f3f4;--Neutral-Dark-Grey: #5c5e62;--Neutral-Black: #081225;--Semantic-Success-10: #a3cfbb;--Semantic-Success: #28a745;--Semantic-Success-100: #0f5132;--Semantic-Error-10: #f8d7da;--Semantic-Error: #dc3545;--Semantic-Error-100: #58151c;--Semantic-Information-10: #cff4fc;--Semantic-Information: #17a2b8;--Semantic-Information-100: #055160;--Semantic-Warning-10: #fef1c5;--Semantic-Warning: #fccd45;--Semantic-Warning-100: #e49203;--Neutral-Green: #2d5928;--Border: #dbdfe6;--Primary-Green: #2d5928;--Primary-Grey: #e0e0e0;--Primary-Yellow: #f5d900;--Hover-Green: #2d592872}html{font-size:16px}body{height:100vh;background-color:var(--Neutral-Light-Grey);display:flex}.small-shadow{box-shadow:0 1px 4px #0000001a}.regular-shadow{box-shadow:0 6px 10px #0000001f}.large-shadow{box-shadow:0 8px 35px #00000029}.navbarx{width:25%;background-color:var(--Primary-Green);padding:1rem;row-gap:.6875rem;position:relative;height:100%;overflow:auto;display:flex;flex-direction:column;scrollbar-width:none;align-items:center;height:100vh;border-right:2px solid var(--Border)}.top_navbar,.bottom_navbar{padding:1.35rem 1rem;gap:1rem;display:flex;width:100%;flex-grow:auto}.top_navbar{border-bottom:2px solid var(--Border);top:0}.bottom_navbar{border-top:1px solid var(--Border);justify-content:end}.wrapper_logo{background-color:var(--Neutral-White);border-radius:50%;gap:.625rem;display:flex;padding:.5rem;align-items:flex-start}.text_logo{color:var(--Neutral-White);font-family:Inter;font-size:20px;font-style:normal;font-weight:700;line-height:1.21875rem}.mid_navbar{width:100%;padding:0;flex-grow:1}.header{background-color:var(--Neutral-White);margin-bottom:1.5rem;border-bottom:2px solid var(--Border)!important}.top_header{display:flex;padding:.75rem;justify-content:space-between;align-items:center;border-bottom:2px solid var(--Border)}.bottom_header{justify-content:start!important;column-gap:.5rem;align-items:center;padding:.75rem 1.7rem;display:flex}.path_header{color:var(--Neutral-Dark-Grey);font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;word-spacing:.5rem;text-transform:capitalize}.btn_logout{font-size:1.5rem;border:none;color:var(--Neutral-Black);font-style:normal;font-weight:400;line-height:1.5rem}.btn_logout:hover{border:none}.btn-header:hover .btn-collapse-sidebar{color:var(--Neutral-Dark-Grey)!important}.list_nav{display:flex;column-gap:1rem;width:100%;padding:.75rem 1rem;align-items:center;transition:.5s}.nav-link-custom:hover,.active-nav-link{background-color:#97b69488!important;border-radius:.375rem!important}.sidebar-nav{padding:0;display:flex;flex-direction:column;gap:.3125rem}.nav-link-custom{padding:0!important}.iconSidebarList{font-size:1.5rem;color:var(--Primary-Grey)}.iconSidebarList-Close{transform:rotate(0);transition:rotate 1s linear}.iconSidebarList-Open{transform:rotate(180deg);transition:rotate 1s linear}.list_nav div{color:var(--Primary-Grey);font-family:Inter;font-size:1rem;font-style:normal;font-weight:300;line-height:1.5rem}.active-nav-link-text{color:var(--Neutral-Green)!important}.nav-title-custom{color:#ffffff61;font-family:Inter;font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;padding:.5rem 1rem;text-transform:uppercase}.wrapper_icon_collapse{padding-right:1rem}.iconCollapse{font-size:.5rem;color:var(--Primary-10);width:1.5rem;display:flex;justify-content:center}.btn-collapse-sidebar{font-size:1.5rem;color:var(--Neutral-Dark-Grey)}.wrapper_user_data{width:max-content;font-size:1rem;color:#373737;font-weight:600;padding-right:1.5rem}.wrapper_user_data .role{font-size:small;text-align:center;color:#373737ab}.wrapper_main_content{padding:0rem 1.7rem}.text_footer{color:var(--Neutral-Black);font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}.text_footer span{color:var(--Primary-Primary, #2d8575)}.text_footer{padding:2rem 1.5rem}.wrapperDataTableBackOffice,.cardBackoffice{display:flex;padding:2rem 1.5rem;flex-direction:column;align-items:flex-start;gap:2.5rem;align-self:stretch;border-radius:1rem;border:1px solid var(--Neutral-White);background:var(--Neutral-White)}.wrapperDataTableBackOffice #serverSide_wrapper{width:100%}.title_table{color:#000;font-family:Inter;font-size:2.4375rem;font-style:normal;font-weight:800;line-height:2.925rem}.wrapper_top_section_data_table{justify-content:space-between;align-items:center}.wrapper_top_section_data_table .btn{background-color:#2d5928}.wrapper_top_section_data_table button,.wrapper_top_section_data_table a{display:flex;padding:.5rem 1rem;align-items:center;gap:.5rem;border-radius:.5rem;border:none;background:#5856d6;color:var(--Neutral-White);height:max-content;white-space:nowrap}button{border:none;background-color:transparent}.wrapper_top_section_data_table a:hover{background-color:#027764!important;border:none;color:var(--Neutral-White)!important}.data_table_container,.sub_card_content{display:flex;padding:1.5rem 1rem;flex-direction:column;align-items:flex-start;gap:2.5rem;align-self:stretch;border-radius:.25rem;border:1px solid var(--Neutral-Light-Grey);background:var(--Neutral-White)}.wrapper_top_section_data_table button:disabled{background:var(--Semantic-Success-10)!important;color:var(--Neutral-White);border:none}.nav-item button{width:100%}.collapse_list{padding-left:40px}#btnSubmit{background-color:#2d5928}#btnSubmit:hover{background-color:#428f39}#btnEdit{background-color:#2d5928}#btnEdit:hover{background-color:#428f39}.custom_input_group{border:var(--cui-border-width) solid var(--cui-border-color)!important;margin-bottom:0!important}.custom_input_group div span{background-color:#00000026!important}.update_realisasi{color:var(--Primary-Green)!important;background-color:var(--Primary-Yellow)!important;border:1px solid var(--Primary-Green)!important}.btn_report{font-size:1rem;line-height:24px;font-weight:400;column-gap:1rem}.icon_laporan i{font-size:32px}@keyframes rotate{}