*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-col-span-1{grid-column:span 1/span 1!important}.tw-col-span-2{grid-column:span 2/span 2!important}.tw-col-span-3{grid-column:span 3/span 3!important}.tw-col-span-4{grid-column:span 4/span 4!important}.tw-mb-16{margin-bottom:4rem!important}.tw-mb-8{margin-bottom:2rem!important}.tw-flex{display:flex!important}.tw-grid{display:grid!important}.tw-hidden{display:none!important}.tw-h-28{height:7rem!important}.tw-w-full{width:100%!important}.tw-basis-5\/12{flex-basis:41.666667%!important}.tw-basis-6\/12{flex-basis:50%!important}.tw-basis-7\/12{flex-basis:58.333333%!important}.tw-table-auto{table-layout:auto!important}.tw-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.tw-cursor-pointer{cursor:pointer!important}.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.tw-flex-row{flex-direction:row!important}.tw-flex-col{flex-direction:column!important}.tw-flex-wrap{flex-wrap:wrap!important}.tw-items-end{align-items:flex-end!important}.tw-items-center{align-items:center!important}.tw-justify-start{justify-content:flex-start!important}.tw-justify-center{justify-content:center!important}.tw-justify-between{justify-content:space-between!important}.tw-gap-2{gap:.5rem!important}.tw-gap-3{gap:.75rem!important}.tw-gap-4{gap:1rem!important}.tw-gap-5{gap:1.25rem!important}.tw-gap-6{gap:1.5rem!important}.tw-self-center{align-self:center!important}.tw-rounded-xl{border-radius:.75rem!important}.tw-rounded-l-xl{border-bottom-left-radius:.75rem!important;border-top-left-radius:.75rem!important}.tw-rounded-r-xl{border-bottom-right-radius:.75rem!important;border-top-right-radius:.75rem!important}.tw-rounded-tl-xl{border-top-left-radius:.75rem!important}.tw-rounded-tr-xl{border-top-right-radius:.75rem!important}.tw-border{border-width:1px!important}.tw-border-0{border-width:0!important}.tw-border-gray-700{--tw-border-opacity:1!important;border-color:rgb(55 65 81/var(--tw-border-opacity))!important}.tw-bg-\[\#4d8aff\]{--tw-bg-opacity:1!important;background-color:rgb(77 138 255/var(--tw-bg-opacity))!important}.tw-bg-opacity-20{--tw-bg-opacity:0.2!important}.tw-p-2{padding:.5rem!important}.tw-p-4{padding:1rem!important}.tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.tw-py-4{padding-bottom:1rem!important;padding-top:1rem!important}.tw-pb-2{padding-bottom:.5rem!important}.tw-pl-4{padding-left:1rem!important}.tw-pt-6{padding-top:1.5rem!important}.tw-text-center{text-align:center!important}.tw-text-base{font-size:1rem!important;line-height:1.5rem!important}.tw-text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.tw-text-xs{font-size:.75rem!important;line-height:1rem!important}.tw-font-bold{font-weight:700!important}.tw-font-medium{font-weight:500!important}.tw-font-semibold{font-weight:600!important}.tw-capitalize{text-transform:capitalize!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.tw-transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.tw-duration-300{transition-duration:.3s!important}.App{text-align:center}body{background-color:#f8f5f2}a{text-decoration:none}select{width:100%!important}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.odd\:tw-bg-\[\#4d8aff\]:nth-child(odd){--tw-bg-opacity:1!important;background-color:rgb(77 138 255/var(--tw-bg-opacity))!important}.odd\:tw-bg-opacity-20:nth-child(odd){--tw-bg-opacity:0.2!important}.focus\:tw-scale-90:focus,.hover\:tw-scale-90:hover{--tw-scale-x:.9!important;--tw-scale-y:.9!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}@media (min-width:640px){.sm\:tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sm\:tw-gap-4{gap:1rem!important}}@media (min-width:768px){.md\:tw-flex{display:flex!important}.md\:tw-hidden{display:none!important}.md\:tw-h-max{height:-webkit-max-content!important;height:max-content!important}.md\:tw-w-56{width:14rem!important}.md\:tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}}.navhead{border-radius:12px;cursor:pointer;display:flex;flex-direction:row;gap:12px;padding:12px;position:relative;transition:background-color .3s;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.navhead:hover{background-color:#0000000d}@media(min-width:1024px){.navhead{font-size:16px}}.navhead-dropdown{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px 0 #0003;display:none;margin-top:60px;min-width:160px;padding:4px;position:absolute;right:0;z-index:1}.navhead:hover .navhead-dropdown{display:block}.nav-profile-container{border-radius:100px;height:42px;position:relative;width:42px}.nav-profile-content{border-radius:100px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.dropdown-container{align-items:center;background:#fff;border:1px solid #cecece;border-radius:12px;display:flex;flex-direction:row;flex-grow:4;height:32px;justify-content:space-between;min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;width:100%}.dropdown-text{font-size:14px}.button-container-group2{align-items:center;display:flex;gap:12px;justify-content:center;padding:12px 16px;text-align:center}.button-style{background:#4d8aff;border-radius:4px;color:#fff;font-size:12px;text-align:center}.button-style:hover{background:#7ba8ff}@media(min-width:1024px){.button-style{font-size:16px}}.button-text{text-align:center}a{color:#000}.button-disable{background-color:#bfbfbf;border-radius:4px;cursor:not-allowed}.small-button{font-size:12px;padding:5px 10px}.content{gap:40px;margin-left:2%;margin-right:2%}.lowongan-container{gap:28px}.lowongan-container,.manual-container{display:flex;flex-direction:column;width:100%}.table-container-group2{align-items:center;background-color:#fff;border-radius:28px;display:flex;flex-direction:column;gap:20px;padding:12px 20px}@media(max-width:1360px){.table-container-group2{align-items:flex-start;overflow:hidden;overflow-x:scroll}}.table-contents-group2{align-items:center;display:flex;flex-direction:column;gap:20px;overflow:hidden;width:95%}.table-content-container{padding-top:10px;width:103%}.table-content{height:40px;padding-bottom:10px;padding-top:10px}.table-header-container{width:105%}.table-header-group2{align-items:center;background-color:#4d8aff;height:40px;padding:4px 0;width:100%}.table-header-item{flex-direction:row;width:auto}.table-content-item{width:10%}.header-content{align-items:center;background-color:#4d8aff;border-radius:18px;color:#fff;display:flex;height:40px;justify-content:center;padding:4px;width:100%}table{border-collapse:initial;border-spacing:0;width:100%}td{font-size:14px}.table-header th{background-color:#4d8aff;font-size:14px}.pagination{gap:4px;justify-items:center;list-style:none;padding:0}.page-link{background-color:#cecece;border-radius:8px;color:#fff;padding:8px 12px;transition-duration:.2s}.page-link:hover{background-color:#4d8aff;color:#fff}.active{background:#fff;border:3px solid #4d8aff;border-radius:8px;color:#4d8aff;font-size:12px;text-align:center}.active:hover{background:#7ba8ff;border:3px solid #7ba8ff;color:#fff}@media(min-width:1024px){.active{font-size:16px}}.page-link-button{background-color:#aeaeae;border-radius:8px;color:#fff;margin:0 8px;padding:8px 12px;transition-duration:.2s}.page-link-button:hover{background-color:#4d8aff;color:#fff}.modalBackground{height:100vh;justify-content:center;opacity:0;transition:opacity .3s;width:100vw;z-index:1}.modalBackground,.modalContainer{align-items:center;display:flex;position:fixed}.modalContainer{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0003;flex-direction:column;height:280px;left:50%;padding:20px;text-align:center;top:-100%;transform:translate(-50%,-50%);transition:top .5s ease-in-out;width:340px}.warning-icon{color:#e74c3c;font-size:80px;margin-top:-30px}.modalContainer .title{font-family:inherit;font-size:14px;text-align:center}.titleCloseBtn button{background-color:#0000;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.modalContainer .body{font-size:18px;text-align:center}.modalContainer .footer{align-items:center;display:flex;gap:10px;justify-content:center}.modalContainer .footer button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:40px;width:120px}#cancelBtn{background-color:#e74c3c}@media(max-width:768px){.modalContainer{width:80%}}@media(max-width:480px){.modalContainer{width:55%}.modalContainer .title{font-size:16px}.modalContainer .body,.modalContainer .footer button{font-size:14px}}.search-input{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;display:flex;position:relative}.search-input .search-icon{color:#666;cursor:pointer;font-size:.8rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{border:none;border-radius:20px;height:30px;outline:none;padding:.5em 1em .5em 30px;width:80%}.search-input input::placeholder{font-size:14px}.content{align-items:center;justify-content:center}.body-container{justify-content:center;max-width:500px;width:100%}.back{margin-left:30px}.profile-info-container{flex-direction:row}.profile-details-container{padding:12px 24px}.profile-details-body{flex-direction:row;gap:44px}.profile-details-body-column{gap:24px}.profile-details-body-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.filters-container{justify-content:space-around}.card-form-container{max-width:800px;width:100%}@media(max-width:768px){.card-form-container{gap:10px;margin-left:auto;margin-right:auto;max-width:75%;padding:1rem}}.button-with-margin{margin-top:50px}.button-container{justify-content:space-between}.responsive-dropdowns{display:flex;flex-direction:column;gap:10px}.dropdown{width:100%}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.TextBox-container{align-items:center;background:#fff;border:1px solid #cecece;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:row;flex-grow:4;font-size:16px;height:32px;justify-content:space-between;min-height:calc(6em + 1rem + 2px);padding:1rem;resize:vertical;width:100%}.TextBox-text{color:#8e8e8e}.login-form-container{flex-direction:column;gap:24px;height:100vh;margin:auto;width:100%}.login-form-container,.login-title{align-items:center;display:flex;justify-content:center}.login-title{color:#080808;flex-direction:row;gap:16px}.login-form{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 14px 64px -4px #18274b1f,0 8px 22px -6px #18274b1f;display:flex;flex-direction:column;gap:32px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:48px 72px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:960px){.login-form{gap:16px;padding:32px 42px}}@media(max-width:768px){.login-form{gap:16px;padding:24px 28px}}.login-input-container{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:12px}.login-input{align-items:center;align-self:stretch;border:.25px solid #bebebf;border:.25px solid var(--text-tertiary,#bebebf);border-radius:8px;display:flex;flex:1 0;gap:5px;padding:12px 16px;transition:border-color .3s ease}.login-input:hover{border:1px solid #4d8aff;border:1px solid var(--text-tertiary,#4d8aff)}.error-message{color:red}.success-message{color:green}.long-button-container,.space-container{align-items:center;cursor:pointer;display:flex;justify-content:center;width:100%}.long-button-container{padding:12px 16px}.button-container{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:center;margin-bottom:10px;margin-top:12px;padding:12px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button-style{background-color:#4d8aff;border-radius:8px;transition:background-color .3s ease}.button-style:hover{background-color:#7ba8ff}.button-text{color:#fff}.table-buttons-container2{display:flex;flex-direction:column;gap:.25rem}.button-container2{align-items:center;display:flex;gap:12px;justify-content:center;min-width:4rem;padding:.5rem}.button-actions{background-color:#e6e6e6;border:none;border-radius:4px;color:#080808;cursor:pointer;font-size:14px;padding:5px}.filter{align-items:center;background:#fff;border:1px solid #cecece;border-radius:8px;display:flex;flex-direction:row;flex-grow:4;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;max-width:250px;padding:8px;position:relative;transition:border .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.filter:hover{border:1.25px solid #4d8aff}.filter-container{border:none;height:100%;outline:none;width:100%}.filter-text{color:#8e8e8e}.profile-item-container{align-items:flex-start;align-self:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-start;max-width:800px;padding:1.5rem;width:100%}@media(max-width:960px){.profile-item-container{gap:10px;max-width:90%;padding:1rem}}.notes-text{color:#717171;font-size:14px}.profile-picture-container{border-radius:12px;padding-bottom:100%;position:relative;width:100%}.profile-picture-content{border-radius:12px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.tabungan-container{border-radius:12px;padding-bottom:56%;position:relative;width:100%}.tabungan-content{border-radius:12px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}html{width:100%}.medium-m8{font-size:12px}@media(min-width:768px){.medium-m8{font-size:16px}}.view{overflow:visible}.container-shadow{box-shadow:0 4px 8px 0 #0000001a}.profile{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}@media(min-width:1200px){.profile{align-items:flex-start;width:100%}}.profile-info-container{align-self:center;max-width:1280px}.profile-details-body{gap:12px;justify-content:flex-start}.profile-details-body-divide{display:flex;flex-direction:column;gap:12px}.pelanggaran-wrap{align-items:flex-start;display:flex;flex-direction:row}@media screen and (max-width:1200px){.pelanggaran-wrap{align-items:center;flex-direction:column;width:100%}}.pelanggaran-container{background:#fff;border-radius:8px;box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000004d;display:flex;gap:20px;margin:10px;max-width:400px;padding:20px!important}.date{font-size:12px}.pelanggaran-text{font-size:14px;line-height:1.2rem}.no-surat{font-weight:700}.keras{color:#fe654f}.keterangan{display:flex;flex-direction:column;gap:5px;margin-left:20px;margin-top:5px}.keterangan-item{align-items:center;display:flex}.keterangan-box{height:15px;margin-right:10px;width:15px}.merah .keterangan-box{background-color:#fe654f}.hitam .keterangan-box{background-color:#000}.keterangan-text{font-size:14px}.navbar{display:flex;height:177px}.navbar,.navdown{flex-direction:column}.navdown{background-color:#4d8aff;display:none;padding:4px 10px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:opacity .5s ease-in-out}@media(min-width:768px){.navdown{display:flex;flex-direction:row}}@media(min-width:1024px){.navdown{gap:8px;padding:8px 45px}}.navdown.open{display:flex;opacity:1}.navtop{align-items:center;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:24px 45px}@media screen and (max-width:768px){.navtop{padding:16px 24px}}.user{display:flex;flex-direction:row;gap:12px}.user-details{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.name,.position{font-size:18px;font-weight:500}.position{color:#8e8e8e}.title{align-items:center;color:#080808;gap:16px}.navlink,.title{display:flex;flex-direction:row}.navlink{border-radius:12px;color:#fff;cursor:pointer;font-size:12px;gap:12px;padding:12px;transition:background-color .3s;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.navlink:hover{background-color:#7ba8ff}@media(min-width:1024px){.navlink{font-size:16px}}.navitem{align-items:center;display:flex;gap:12px}.dropdown-content{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px 0 #0003;display:none;margin-top:30px;min-width:160px;padding:4px;position:absolute;z-index:1}.navlinkdrop.medium-m8{color:#333;display:block;padding:12px 16px;text-decoration:none}.navlink.medium-m8:hover .dropdown-content{display:block}.navlinkdrop:hover{background-color:#0000000d;border-radius:12px}.logo-container{height:56px;width:96px}@media(min-width:1024px){.logo-container{height:-webkit-max-content;height:max-content;width:180px}}.content-honor{display:flex;flex-direction:column;gap:40px;margin-bottom:2%;margin-left:5%;margin-right:15%}.content-honor-2{margin-left:10%;margin-right:10%}.head-honor{margin-bottom:-1.5%}.filters-container-honor{justify-content:center;margin-bottom:-2.5%;margin-top:-2.5%}.table-container{gap:0}.table-contents{width:95%}.table-content-container-honor{align-items:center;flex-flow:row wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;padding-bottom:0;padding-top:0;width:107%}.table-header-container{width:107%}.table-header-pembayaranhonor{align-items:center;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:40px;width:99%}.table-header-item-2{justify-content:center}.table-content-item{flex-direction:row;gap:8px}.table-content-item-2-asdos-honor{word-wrap:break-word;color:#080808;flex-grow:3.25;justify-content:center;overflow-wrap:break-word;text-align:center;width:20px;word-break:break-word}.table-content-item-2-asdos-honor,.total-row{align-items:center;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.total-row{min-height:80px;width:100%}.content-group1{display:flex;flex-direction:column;gap:40px;margin-bottom:5%;margin-left:10%;margin-right:10%}@media(max-width:768px){.content-group1{margin-left:5%;margin-right:5%}}.body-container-group1{display:flex;flex-direction:column;gap:40px;width:100%}.back{color:#080808;margin-bottom:20px}.list-of-matkul-container{display:flex;flex-wrap:wrap;gap:41px;width:100%}.list-of-matkul-container>*{flex-basis:calc(29.3% - 41px);flex-grow:0;flex-shrink:0}@media(max-width:1200px){.list-of-matkul-container>*{flex-basis:calc(28.25% - 41px);flex-grow:0;flex-shrink:0}}@media(max-width:768px){.list-of-matkul-container{flex-direction:column;gap:20px;justify-content:center}.list-of-matkul-container>*{flex:0 0 100%}}.logs-container{display:flex;flex-direction:column;gap:28px;width:100%}.filters-container{margin-bottom:-1%;margin-top:-1%}.filters-container,.filters-container-pembayaranhonor{align-items:center;display:flex;flex-flow:row wrap;gap:18px;justify-content:space-between;width:100%}.card-form-container{max-width:500px}.card-form-container,.card-form-container-s2{align-self:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:20px;margin-bottom:5vh;padding:1.5rem;width:70%}.card-form-container-s2{max-width:1500px}.normal-container{align-items:center;justify-content:center}.filters-container-honor{flex-flow:row wrap;gap:18px}.filters-container-honor,.no-content{align-items:center;display:flex;width:100%}.no-content{align-self:center;background-color:#ffebcd;border:2px solid red;border-radius:2px;flex-direction:row;justify-content:flex-start;padding:1.5rem}@media(max-width:768px){.no-content{width:auto}}.text-container{display:flex;gap:1.5vw;width:100%}@media(max-width:700px){.text-container{flex-direction:column;gap:3vh}}.text-message-container{display:flex;flex:60% 1;flex-direction:column;gap:2vh}.text-message{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;gap:10px;max-width:650px;padding:1.5rem}.text-message-header{align-items:center;display:flex;justify-content:space-between}.text-message-date,.text-message-name{font-size:14px;font-weight:700}.text-input-container{background-color:#fff;border-radius:10px;display:flex;flex:40% 1;flex-direction:column;height:100%;max-width:400px;padding:1.5rem}@media(max-width:700px){.text-input-container{max-width:700px}}.inputbox-container{align-items:center;background:#fff;border:1px solid #cecece;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:row;flex-grow:4;font-family:inherit;font-size:14px;height:32px;justify-content:space-between;min-height:calc(6em + 1rem + 2px);padding:1rem;resize:vertical;width:100%}.inputbox-container::placeholder{color:#bfbfbf}.inputbox-text{color:#8e8e8e}.datepicker-container,.timepicker-container{align-items:center;background:#fff;border:1px solid #cecece;border-radius:12px;display:flex;flex-direction:row;flex-grow:4;height:32px;justify-content:space-between;min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;width:100%}.datepicker-text{color:#8e8e8e}.searchselect-container{align-items:center;background:#fff;border:1px solid #cecece;border-radius:12px;display:flex;flex-direction:row;flex-grow:4;height:32px;justify-content:space-between;min-height:calc(1.5em + 1rem + 2px);padding:.2rem;width:100%}.searchselect-text{font-size:14px}.table-content-container{padding-bottom:10px}.table-header-item-2{flex-grow:1.3;text-align:center}.table-header-item-4{flex-grow:2}.table-header-item-4,.table-header-item-5{word-wrap:break-word;align-items:center;color:#fff;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow-wrap:break-word;text-align:center;word-break:break-word}.table-header-item-5{flex-grow:4}.table-content-item-2{text-align:start}.table-content-item-5{align-items:flex-start;flex-grow:2.85;justify-content:flex-start}.modal{background-color:#000;background-color:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.modal__header{display:flex;font-weight:700;justify-content:center;margin-bottom:1.5rem;padding:2px 16px}.modal__content{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;gap:1vh;margin:15% auto;padding:1.5rem;position:relative;width:30%}.modal__body{display:flex;flex-direction:row;gap:2vw;justify-content:center;padding:2px 16px}.table-content-container{width:100%}.table-header-item-3{flex-grow:.5;justify-content:center}.table-content-item-2{flex-grow:.5;width:20px}.table-content-item-2-klaimhonor{word-wrap:break-word;align-items:center;color:#080808;display:flex;flex-direction:row;flex-grow:2.25;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow-wrap:break-word;text-align:center;width:20px;word-break:break-word}.table-content-item-3{flex-grow:.35}.table-content-item-3-klaimhonor{flex-direction:column;flex-grow:.35;text-align:center}.table-content-item-3-klaimhonor,.table-content-item-4{word-wrap:break-word;align-items:center;color:#080808;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-wrap:break-word;word-break:break-word}.table-content-item-4{flex-direction:row;justify-content:left;margin-left:5px;text-align:start;width:230px}.table-content-item-5{word-wrap:break-word;align-items:center;color:#080808;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-left:10px;overflow-wrap:break-word;text-align:start;width:100px;word-break:break-word}.table-content-item-check{flex-direction:row;text-align:start;width:5px}.matkul-container{align-items:flex-start;background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:20px 28px}.matkul-header{align-items:center;align-self:stretch;display:flex;gap:16px;justify-content:space-between}.matkul-details{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.matkul-detail{color:#717171;gap:8px}.matkul-detail,.matkul-id{align-items:center;display:flex}.matkul-id{background:#4d8aff;border-radius:3.528px;color:#fff;gap:10px;justify-content:center;padding:4px 6px}.table-container{align-items:center;background-color:#fff;border-radius:28px;display:flex;flex-direction:column;gap:20px;padding:12px 20px}@media(max-width:1360px){.table-container{align-items:center;overflow:hidden;overflow-x:scroll}}.filter-sort-search-row{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:8px 20px;width:100%}.filter-sort,.filter-sort-search-row{align-items:center;display:flex;flex-direction:row}.filter-sort{gap:8px;width:350px}.table-contents{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.table-content-container{flex-flow:row wrap;justify-content:space-around;padding-bottom:0;padding-top:0}.table-content,.table-content-container{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.table-content{flex-direction:row;min-height:80px;padding:0;width:100%}.table-header-container{background-color:#4d8aff;border-radius:18px;flex-flow:row wrap;justify-content:space-around;padding-bottom:10px;padding-top:10px}.table-header,.table-header-container{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.table-header{flex-direction:row;min-height:40px}.table-header-item{word-wrap:break-word;align-items:center;color:#fff;display:flex;flex-direction:column;flex-grow:1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow-wrap:break-word;text-align:center;word-break:break-word}.table-header-item-2{flex-grow:2;text-align:start}.table-header-item-2,.table-header-item-3{word-wrap:break-word;align-items:center;color:#fff;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-wrap:break-word;word-break:break-word}.table-header-item-3{flex-grow:.25;text-align:center}.table-content-item{word-wrap:break-word;flex-direction:column;justify-content:center;overflow-wrap:break-word;word-break:break-word}.table-content-icons,.table-content-item{align-items:center;color:#080808;display:flex;flex-grow:1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center}.table-content-icons{flex-direction:row;justify-content:space-evenly}.table-content-item-2{flex-grow:2;text-align:center}.table-content-item-2,.table-content-item-2-dos-rev{word-wrap:break-word;align-items:center;color:#080808;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow-wrap:break-word;word-break:break-word}.table-content-item-2-dos-rev{flex-grow:6;text-align:start;width:20px}.table-content-item-2-rev{flex-direction:row;flex-grow:2.5;text-align:start;width:20px}.table-content-item-2-rev,.table-content-item-3{word-wrap:break-word;align-items:center;color:#080808;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-wrap:break-word;word-break:break-word}.table-content-item-3{flex-grow:.9;padding-right:20px}.table-content-item-3,.table-content-item-check{flex-direction:column;justify-content:center;text-align:center}.table-content-item-check{word-wrap:break-word;align-items:center;color:#080808;display:flex;flex-grow:.3;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-wrap:break-word;padding-right:30px;word-break:break-word}.table-buttons-container{display:flex;flex-direction:row;flex-grow:.7;gap:10px}.icons{height:28px;width:28px}.profile-group1{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}@media(min-width:1200px){.profile-group1{align-items:flex-start;width:100%}}.profile-info-container{align-items:center;display:flex;flex-direction:column;gap:40px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(min-width:1200px){.profile-info-container{flex-direction:row;gap:16px;width:100%}}.profile-image-container{border-radius:12px;height:216px;object-fit:cover;width:222px}.profile-details-container{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:20px;padding:24px 36px;width:100%}@media(min-width:1200px){.profile-details-container{padding:16px 24px;width:100%}}.profile-details-heading{align-items:center;display:flex;flex-direction:row;gap:8px;width:100%}.profile-details-body{display:flex;flex-direction:column;gap:24px;width:100%}@media(min-width:1200px){.profile-details-body{flex-direction:row;gap:44px}}.profile-details-body-column{display:flex;flex-direction:row;gap:12px}@media(min-width:1200px){.profile-details-body-column{gap:24px}}.profile-details-body-content{display:flex;flex-direction:column;gap:32px;width:50%}@media(min-width:1200px){.profile-details-body-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.profile2{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}@media(min-width:700px){.profile2{align-items:flex-start;padding-left:1rem;width:100%}}.card-body{background:#fff;background:var(--neutral-0,#fff);border-radius:6.547px;flex-direction:column;gap:26.189px;padding:39.284px;width:337px}.card-body,.number-placeholder{align-items:center;display:flex}.number-placeholder{background:#e1f7f3;background:var(--brand-green-surface,#e1f7f3);border-radius:100px;justify-content:center;padding:22px 18px}.number{font-feature-settings:"clig" off,"liga" off;color:#429450;color:var(--success-normal,#429450);font-family:Inter;font-size:24px;font-weight:700}.number,.title{font-style:normal;line-height:normal;text-align:center}.title{color:#750303;color:var(--neutral-90,#750303);font-weight:500;width:180px}.cardcontainer{align-content:center;align-items:center;border-radius:12px;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:40px 0;width:100%}.content{flex-wrap:wrap}.custom-link{color:inherit}.table-container-honor-rate{align-items:center;background:#fff;background:var(--neutral-0,#fff);border-radius:27.467px;display:flex;flex-direction:column;gap:22.89px;padding:20px 13.733px;width:829px}.table-title-tetapkan-honor-rate{align-items:center;align-self:stretch;background:#4d8aff;border-radius:18.311px;display:flex;gap:36px;height:57.222px;padding:4.578px 27.467px}.title-honor-per-jam{font-feature-settings:"cv04" on,"cv03" on,"cv02" on,"cv11" on,"clig" off,"liga" off;color:#fff;color:var(--neutral-80,#fff);font-family:Inter;font-size:13.733px;font-style:normal;font-weight:700;line-height:150%;width:420px}.title-is-active,.title-keterangan,.title-year{width:380px}.title-is-active,.title-keterangan,.title-operasi,.title-year{font-feature-settings:"cv04" on,"cv03" on,"cv02" on,"cv11" on,"clig" off,"liga" off;color:#fff;color:var(--neutral-80,#fff);font-family:Inter;font-size:13.733px;font-style:normal;font-weight:700;line-height:150%}.title-operasi{width:150px}.title-rate{font-feature-settings:"cv04" on,"cv03" on,"cv02" on,"cv11" on,"clig" off,"liga" off;font-family:Inter;font-size:13.733px;font-style:normal;font-weight:700}.table-content-container-honor-rate{align-items:flex-start;align-self:stretch;border-radius:27.467px;display:flex;flex-direction:column;gap:4.578px;padding:10px 13.733px}.table-content-honor-rate{align-items:center;border-bottom:1.144px solid #ffffff1a;border-bottom:1.144px solid var(--primary-white-4,#ffffff1a);display:flex;gap:36px;padding:4.578px 13.733px;width:775px}.content-honor-per-jam{width:165px}.content-honor-keterangan,.content-honor-per-jam{font-feature-settings:"cv04" on,"cv03" on,"cv02" on,"cv11" on,"clig" off,"liga" off;color:#080808;color:var(--neutral-100,#080808);flex-shrink:0;font-family:Inter;font-size:13.733px;font-style:normal;font-weight:600;line-height:150%}.content-honor-keterangan{width:132px}.content-honor-is-active{font-feature-settings:"cv04" on,"cv03" on,"cv02" on,"cv11" on,"clig" off,"liga" off;color:#080808;color:var(--neutral-100,#080808);cursor:pointer;flex-shrink:0;font-family:Inter;font-size:13.733px;font-style:normal;font-weight:600;line-height:150%;width:140px}.content-honor-is-active.active{color:green}.content-honor-is-active.inactive{color:red}.content-honor-year{width:139px}.content-honor-operasi,.content-honor-year{font-feature-settings:"cv04" on,"cv03" on,"cv02" on,"cv11" on,"clig" off,"liga" off;color:#080808;color:var(--neutral-100,#080808);flex-shrink:0;font-family:Inter;font-size:13.733px;font-style:normal;font-weight:600;line-height:150%}.content-honor-operasi{align-items:center;display:flex;flex-direction:row;gap:3%;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add-button{font-feature-settings:"cv04" on,"cv03" on,"cv02" on,"cv11" on,"clig" off,"liga" off;color:#080808;color:var(--neutral-100,#080808);flex-shrink:0;font-family:Inter;font-size:13.733px;font-style:normal;font-weight:600;line-height:150%;width:159px}.status-message{background-color:#fff;border:1px solid #ccc;border-radius:5px;display:inline-block;left:50%;padding:5px;position:absolute;top:-20px;transform:translateX(-50%);z-index:999}.frame-container{display:flex;flex-direction:column;gap:23px;margin-left:27%;margin-right:27%}@media(max-width:1024px){.frame-container{margin-left:16%;margin-right:16%}}@media(max-width:768px){.frame-container{margin-left:5%;margin-right:5%}}.frame-container2{display:flex;flex-direction:column;gap:23px;margin-left:32%;margin-right:32%}@media(max-width:1024px){.frame-container2{margin-left:20%;margin-right:20%}}@media(max-width:768px){.frame-container2{margin-left:5%;margin-right:5%}}.header-container{align-items:center;display:flex;flex-direction:column;gap:29px}.title-container{align-items:center;gap:9px}.filter-container-honor{align-items:center;display:flex;gap:18px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.inputbox-container-group2{align-items:center;background:#fff;border:1px solid #cecece;border-radius:12px;box-sizing:border-box;font-size:16px;justify-content:space-between;padding:.5rem .75rem;width:100%}.inputbox-container-group2:disabled{background-color:#f2f2f2;color:gray}.inputbox-text-group2{color:#8e8e8e}.inputonerow-container{align-items:center;background:#fff;border:1px solid #cecece;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:row;font-family:inherit;font-size:14px;gap:8px;height:32px;padding:1rem;resize:vertical;width:100%}.inputonerow-container::placeholder{color:#bfbfbf}.inputonerow-text{border:none;color:#8e8e8e;outline:none}.content{display:flex;flex-direction:column;gap:20px;margin-bottom:5%;margin-left:10%;margin-right:10%}@media(max-width:768px){.content{margin-left:5%;margin-right:5%}}.filters-container-perbulan{align-items:center;display:flex;flex-flow:row wrap;gap:18px;justify-content:flex-start;margin-right:1.5%;width:100%}.title-container{align-items:flex-start;gap:8px;margin-bottom:2%;padding-top:30px}.kategori-card,.title-container{display:flex;flex-direction:column}.kategori-card{background:#4d8aff;border-radius:8px;color:#fff;margin:20px 0 15px;width:90%}.kategori-card,.kategori-card2{align-items:center;justify-content:center;min-height:57.22px;text-align:center}.kategori-card2{margin-bottom:0;width:100%}.kategori-card2,.text-message2{display:flex;flex-direction:column}.text-message2{background-color:#fff;border-radius:12px;gap:10px;max-width:650px;padding:1rem 1.3rem}.text-message-name2{font-size:14px;font-weight:700}.center{font-size:16px;font-weight:700;text-align:center}.right-input{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;margin-left:6%;margin-right:60px;min-height:40px;text-align:center;width:80%}.marginize{margin-top:2%}.category-container{display:flex;gap:1.5vw}@media(max-width:700px){.category-container{flex-direction:column;gap:3vh}}.left-align-table{align-items:center;border-radius:10px;max-width:400px;padding:0 1.5rem}.left-align-table,.right-column{display:flex;flex:40% 1;flex-direction:column;height:100%}.right-column{background-color:#fff;border-radius:12px;padding:1.5rem;width:100%}.kategori-container{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:14%;margin-top:1%;width:120%}.input-category-title-text,.kategori-container{align-items:center;background:#fff;border-radius:12px;display:flex}.input-category-title-text{border:1px solid #cecece;margin-bottom:2vh}.input-category-description-text,.input-category-title-text{box-sizing:border-box;flex-direction:row;flex-grow:4;font-family:inherit;font-size:14px;justify-content:space-between;padding:1rem;resize:vertical;width:100%}.input-category-description-text{align-items:center;background:#fff;border:1px solid #cecece;border-radius:12px;display:flex;height:32px;min-height:calc(6em + 1rem + 2px)}.left-column{gap:20px}.content-honor-2,.left-column{display:flex;flex-direction:column}.content-honor-2{gap:40px;margin-bottom:2%;margin-left:0;margin-right:15%}.table-container-honor{align-items:center;background:#fff;background:var(--neutral-0,#fff);border-radius:27.467px;display:flex;flex-direction:column;gap:22.89px;margin-bottom:5%;padding:20px 13.733px;width:829px}.table-title-honor{align-items:center;align-self:stretch;background:#4d8aff;border-radius:18.311px;display:flex;gap:36px;height:57.222px;padding:4.578px 27.467px}.title-npm{width:78px}.title-name,.title-npm{color:#fff;color:var(--neutral-80,#fff);line-height:150%}.title-name{width:350px}.title-pendidikan{width:173px}.title-pendidikan,.title-rate{color:#fff;color:var(--neutral-80,#fff);line-height:150%}.title-rate{width:104px}.table-content-container-honor{align-items:flex-start;align-self:stretch;border-radius:27.467px;display:flex;flex-direction:column;gap:4.578px;padding:10px 13.733px}.table-content-honor{align-items:center;border-bottom:1.144px solid #ffffff1a;border-bottom:1.144px solid var(--primary-white-4,#ffffff1a);display:flex;gap:36px;padding:4.578px 13.733px;width:775px}.content-honor-npm{width:80px}.content-honor-nama,.content-honor-npm{color:#080808;color:var(--neutral-100,#080808);flex-shrink:0;line-height:150%}.content-honor-nama{width:300px}.content-honor-pendidikan{color:#080808;color:var(--neutral-100,#080808);flex-shrink:0;line-height:150%;width:159px}.content-honor-rate{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:8px;width:159px}.save-changes-button{align-items:center;background:#4d8aff;border:1px solid #cecece;border-radius:8px;display:flex;flex-direction:row;flex-grow:4;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;max-width:250px;padding:8px;position:relative;transition:border .3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.save-changes-button:hover{border:2px solid #8e8e8e;cursor:pointer}.save-honor-text{color:#fff}.dropdown-honor-select{align-items:center;background:#fff;border:1px solid #cecece;border-radius:12px;display:flex;flex-direction:row;flex-grow:4;font-family:inherit;font-size:14px;height:20px;justify-content:space-between;min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;width:100%}.semibold-h4{font-size:28px;font-weight:600}.medium-m6{font-size:20px;font-weight:500}.body-p8{font-size:16px}.body-p9{font-size:14px}.container-shadow{box-shadow:0 4px 4px 0 #00000040}.header-h4{font-size:28px;font-weight:700}.header-h5{font-size:24px;font-weight:700}.header-h6{font-size:20px;font-weight:700}.header-h7{font-size:16px;font-weight:700}.header-h8{font-size:12px;font-weight:700}.medium-m9{font-size:12px;font-weight:500}.medium-m8{font-size:16px;font-weight:500}.medium-m7{font-weight:500}.body-p7,.medium-m7{font-size:18px}.view{display:flex;flex-direction:column;gap:40px;width:100%}.container-shadow{box-shadow:0 8px 24px -4px #18274b14,0 6px 12px -6px #18274b1f}.container-left{width:100%}.container-left,.small-padding{display:flex;flex-direction:row}.small-padding{align-items:center;gap:5px;justify-content:center}.divider{border-top:2px solid #b5b5b5}.pointer{cursor:pointer}.nostyle{color:inherit;text-decoration:none}.container-center{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-top:2vh;width:100%}.container-buttons{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:95%}.enlarged{height:2.5%;width:2.5%}.filter-title-container{align-items:center;display:flex;flex-direction:row;gap:5vw}.pagination{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:8px;padding-top:4px}.pages{display:flex;flex-direction:row;gap:8px}.page{background-color:#4d8aff;border:none;border-radius:5px;color:#e6e6e6;cursor:pointer;padding:8px 12px;transition:background-color .5s ease}.page:hover{background-color:#7ba8ff}.page-disabled{background-color:#e6e6e6;border:none;border-radius:5px;color:#080808;padding:8px 12px}.body-container,.body-container-2{align-items:center;display:flex;flex-direction:column;gap:27px}.body-container-2{justify-content:center;max-width:600px;width:100%}.body-upper{flex-direction:column;gap:38px}.body-upper,.filter-container{align-items:center;display:flex}.filter-container{gap:18px}.table-pembayaran{align-items:center;background:#fff;background:var(--neutral-0,#fff);border-radius:27.467px;display:flex;flex-direction:column;gap:22.89px;padding:20px 13.733px;width:584px}.pembayaran-title{align-items:center;align-self:stretch;background:#4d8aff;border-radius:18.311px;display:flex;gap:40px;height:57.222px;padding:4.578px 27.467px}.pembayaran-container{align-items:flex-start;align-self:stretch;border-radius:27.467px;display:flex;flex-direction:column;gap:4.578px;padding:10px 13.733px}.pembayaran-content{align-items:center;border-bottom:1.144px solid #ffffff1a;border-bottom:1.144px solid var(--primary-white-4,#ffffff1a);display:flex;gap:40px;padding:4.578px 13.733px;width:100%}.title-asisten{color:#fff;width:130px}.title-jam{color:#fff;width:115px}.title-total{color:#fff;font-size:14px;width:150px}.title-month{color:#fff;font-size:14px;width:78px}.content-asisten{color:#080808;font-size:14px;width:110px}.content-jam{width:95px}.content-jam,.content-total{color:#080808;font-size:14px}.content-total{width:150px}.content-month{color:#080808;font-size:14px;width:78px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Inter,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.f589d0d1.css.map*/