@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.atas-kiri[data-v-71e8f465]{width:90px;top:-1.5rem;position:relative;right:45%}.pembungkus[data-v-6ffcd098]{margin-top:0;height:200px;overflow:hidden}.gambar[data-v-6ffcd098]{position:relative;left:25%;width:400px;z-index:1}.caption[data-v-80253d9e]{color:#6d6d6d8c}.p-fix[data-v-80253d9e]{padding:2rem}.caption[data-v-611359b7]{color:#6d6d6d8c}.p-fix[data-v-611359b7]{padding:2rem}.padding-fix .v-toolbar__content{padding:4px}.fixed[data-v-0a18cb5a]{position:fixed;top:0;z-index:5}.border-notif[data-v-1e3ca186]{border:1.5px solid #42a5f5;border-left:6px solid #42a5f5!important}.title[data-v-1e3ca186]{font-size:16px;font-weight:600;margin-bottom:2px}.body[data-v-1e3ca186]{font-size:13px}#app{font-family:Poppins,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background-color:#f7f7ff}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateX(20px);opacity:0}h3[data-v-838abbb4]{margin:40px 0 0}ul[data-v-838abbb4]{list-style-type:none;padding:0}li[data-v-838abbb4]{display:inline-block;margin:0 10px}a[data-v-838abbb4]{color:#42b983}.user-profile .v-skeleton-loader__avatar{width:100%!important;height:7rem!important}.menu-left .v-skeleton-loader__button{margin-left:auto;width:120px;height:150px}.menu-right .v-skeleton-loader__button{margin-right:auto;width:120px;height:150px}.logout .v-skeleton-loader__button{width:100%}.mail[data-v-4ef8e784]{width:32px;margin-top:.3rem}.user[data-v-4ef8e784]{max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.menu-kiri[data-v-4ef8e784]{width:120px;margin-left:auto}.menu-kanan[data-v-4ef8e784]{width:120px;margin-right:auto}.icon-menu[data-v-4ef8e784]{max-width:100%;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain}.border-radius[data-v-4ef8e784]{border-radius:15px}.font-size-menu[data-v-4ef8e784]{font-size:10pt;color:#fff;font-weight:700}.login-page-title{font-size:44pt;font-weight:700;margin-bottom:2rem}.login-karyawan-title{font-size:20pt;font-weight:700;margin-bottom:5rem}.nama-karyawan{font-size:14pt;color:#000;font-weight:700;margin-bottom:0}.jabatan-karyawan{font-size:12pt;color:#000;margin-bottom:0}:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-birulangit:#e7edf9;--bs-primary:#285e89;--bs-birulangit-rgb:231,237,249;--bs-primary-rgb:40,94,137;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#285e89;text-decoration:underline}a:hover{color:#204b6e}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer:before{content:"\2014\00A0"}.img-fluid,.img-thumbnail{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y)*-1);margin-right:calc(var(--bs-gutter-x)*-.5);margin-left:calc(var(--bs-gutter-x)*-.5)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333%}.col-2{flex:0 0 auto;width:16.66667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333%}.col-5{flex:0 0 auto;width:41.66667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333%}.col-8{flex:0 0 auto;width:66.66667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333%}.col-11{flex:0 0 auto;width:91.66667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:.25rem}.g-1,.gy-1{--bs-gutter-y:.25rem}.g-2,.gx-2{--bs-gutter-x:.5rem}.g-2,.gy-2{--bs-gutter-y:.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333%}.col-sm-2{flex:0 0 auto;width:16.66667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333%}.col-sm-5{flex:0 0 auto;width:41.66667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333%}.col-sm-8{flex:0 0 auto;width:66.66667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333%}.col-sm-11{flex:0 0 auto;width:91.66667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333%}.col-md-2{flex:0 0 auto;width:16.66667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333%}.col-md-5{flex:0 0 auto;width:41.66667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333%}.col-md-8{flex:0 0 auto;width:66.66667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333%}.col-md-11{flex:0 0 auto;width:91.66667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333%}.col-lg-2{flex:0 0 auto;width:16.66667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333%}.col-lg-5{flex:0 0 auto;width:41.66667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333%}.col-lg-8{flex:0 0 auto;width:66.66667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333%}.col-lg-11{flex:0 0 auto;width:91.66667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333%}.col-xl-2{flex:0 0 auto;width:16.66667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333%}.col-xl-5{flex:0 0 auto;width:41.66667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333%}.col-xl-8{flex:0 0 auto;width:66.66667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333%}.col-xl-11{flex:0 0 auto;width:91.66667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333%}.col-xxl-2{flex:0 0 auto;width:16.66667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333%}.col-xxl-5{flex:0 0 auto;width:41.66667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333%}.col-xxl-8{flex:0 0 auto;width:66.66667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333%}.col-xxl-11{flex:0 0 auto;width:91.66667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333%}.offset-xxl-2{margin-left:16.66667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333%}.offset-xxl-5{margin-left:41.66667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333%}.offset-xxl-8{margin-left:66.66667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333%}.offset-xxl-11{margin-left:91.66667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.alert{position:relative;padding:1rem 1rem;margin-bottom:.5rem;border:2px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-birulangit{color:#5c5f64;background-color:#fafbfe;border-color:#f8fafd}.alert-birulangit .alert-link{color:#4a4c50}.alert-primary{color:#183852;background-color:#d4dfe7;border-color:#bfcfdc}.alert-primary .alert-link{color:#132d42}.atas-kiri-payroll img{width:250px!important;top:-7.5rem!important;position:relative;right:45%!important}.bawah-tengah-payroll{margin-top:-60%!important}.bawah-tengah-payroll .gambar{left:-5%!important;z-index:3}.bg-slip{background-image:url(data:image/png;base64,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);background-size:100%}.container-bg-slip{position:relative;text-align:center;color:#fff}.headers-pdf{position:absolute;top:50%;left:50%;width:100%;padding:10%;transform:translate(-50%,-51%)}.title-address{font-weight:700;font-size:16pt}.detail-alamat{font-size:8pt;margin-bottom:0}.card-headers{padding:.8rem;background:#fff;border-radius:20px}.table-headers-kiri{border:1px solid;background:#fff0b5;border-radius:10px 0 0 0}.table-headers-kanan{border:1px solid;border-radius:0 10px 0 0;border-left:0;background:#fff0b5}.table-headers-kiri-title{font-size:14pt;font-weight:600;text-align:start;margin-left:1rem}.table-body-kanan,.table-body-kiri{border:1px solid;border-top:0;border-bottom:0;background:#fff}.table-body-kanan{border-left:0}.table-footer1{border:1px solid;background:#ffc2cf}.table-footer2{border-radius:0 0 10px 10px;border:1px solid;border-top:0;background:#8ac5e5}.fw-600{font-weight:600}.btn-primary{color:#1c4362;background-color:#285e89;border-color:#1f4a6b}.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary:hover{color:#050d13;background-color:#2e6c9d;border-color:#3479b0}.btn-check:focus+.btn-primary,.btn-primary:focus{box-shadow:0 0 0 .25rem rgba(31,73,106,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#000;background-color:#537ea1;border-color:#365c7a}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(31,73,106,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#285e89;border-color:#1f4a6b}.alert-birulangit{color:#000;background-color:#e7edf9;border-color:#bbc7db}.alert-birulangit .alert-link{color:#000}.color-primary{color:#285e89}.background-color-sukses{background-color:#e5f6e2;border:2px solid #7dc271;color:#000!important;border-radius:20px}.background-color-warning{background-color:#fff0cf;border:2px solid #dfcb82;color:#000!important;border-radius:20px}.background-color-error{background-color:#ffcccb;color:#000!important;border:2px solid #d95057;border-radius:20px}.background-color-info{background-color:#cfd8dc;color:#000!important;border:2px solid #90a4ae;border-radius:20px!important}.background-color-sixth{background-color:#80c9dd}.background-color-seventh{background-color:#c3e6f0}.background-color-primary{background-color:#f7f7ff}.background-color-secondary{background-color:#e57716}.background-color-third{background-color:#09307d}.background-color-fourth{background-color:#0063c6}.background-color-fifth{background-color:#d8eef9}.main-title{margin-bottom:0;font-size:18pt;font-weight:700}.aktif:active,.hover:hover{cursor:pointer;opacity:.7}.font-size-normal{font-size:14pt}.border-form{border-radius:15px;border:0}.border-form-primary{border-radius:15px;border:2px solid #bbe7ef}.app-margin-fix{max-width:425px!important;margin-left:auto;margin-right:auto}.card-mx-fix{margin-left:1rem;margin-right:1rem}.camera canvas,.camera video{height:100%!important;-o-object-fit:cover;object-fit:cover;width:100%;min-height:100%}input[readonly].nothing{background-color:#fff}.tekan{cursor:pointer}.tekan:active{opacity:.7}.container-aspect-1{width:100%;padding-top:100%}