@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap);#app{font-family:Inter,sans-serif;width:100%;height:100%;min-width:100%;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;margin:0;padding:0;position:absolute}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.login-view[data-v-4ca1d03f]{position:relative}.vs-sidebar-content .reduce .open .absolute .title-perusahaan[data-v-0539d087]{font-size:8px}.title-perusahaan[data-v-0539d087]{text-align:center;font-size:14px;width:100%;font-weight:700}.hide_view[data-v-10f4d888],.hide_view[data-v-14d17810],.hide_view[data-v-290a0e98],.hide_view[data-v-34dac07c],.hide_view[data-v-5de0d4b4],.hide_view[data-v-6957cfcf],.hide_view[data-v-6e52abd0],.hide_view[data-v-d2ba1ed4]{display:none}.name-pt{padding:0 10px 0 10px;font-size:14px;font-weight:700}.navbar-nav{padding:5px 0 0 0;color:red}.NavbarCp{box-shadow:0 2px 3px -2px rgba(0,0,0,.5)}.navbar-toggler{border:0}.navbar-toggler i{color:#1b3169;padding-right:.5rem;font-size:26px}#show-slow{opacity:1;transition:opacity .3s}#hide-slow{opacity:0!important}.navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;background-color:#fff}.nav-active{border-bottom:5px solid #ef4e24}.nav-item-active{background-color:#b7b5b5;border-radius:8px}.left-sidebar{font-size:14px}.blog-navbar{color:#1b3169;font-weight:700;opacity:1;z-index:1}.blog-navbar:hover{color:red}.content-navbar{width:60%;z-index:10}.content-navbar .vs-navbar__group__item{color:#1b3169;font-weight:700;opacity:1;z-index:1}.content-navbar .vs-navbar__group__item:hover{color:red}.content-navbar .vs-navbar__group__items{background-color:#fff;color:#1b3169;font-weight:700;opacity:1;position:absolute}.content-navbar .vs-navbar__group__items .item-group .vs-navbar__item:hover{background-color:#b7b5b5;border-radius:8px;z-index:50}.content-navbar-mobile .judul-navbar{color:#1b3169}.content-navbar-mobile .item-navbar{color:#1b3169;background-color:hsla(0,0%,85%,.478);text-align:center}.logo-perusahaan{margin:0 0 5px 20px}.right-navbar{width:100%;text-align:right;margin-right:2rem}.right-navbar .active{background-color:#ef4d23;color:#fff;text-align:center;height:28px;cursor:pointer}.right-navbar .active p{padding:2px 0 0 0}.right-navbar .noactive{background-color:#fff;color:#ef4d23;text-align:center;height:28px;border:1px solid #ef4d23;cursor:pointer}.right-navbar .noactive p{padding:2px 0 0 0}.right-navbar #button-nav:hover{background-color:#ef4d23;color:#fff}.login-admin{height:100%;width:100%;margin:0;position:fixed;padding:0}.login-admin #line1-login{height:100%;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:url(/img/onboard1.cb918e34.png)}.login-admin #line1-login #line-overlay{height:100%;width:100%;margin:0;padding:0;background-color:hsla(0,0%,100%,.659)}.login-admin #line1-login .content{position:relative}.login-admin #line1-login .content #sub1{margin-top:16rem}.login-admin #line1-login .content #sub1 h5{margin-bottom:3rem;font-weight:bolder}.login-admin #line1-login .content #sub2{margin-top:6rem}.login-admin #line1-login .content .konten-form-login{padding:30px 30px 0 30px}.login-admin #line1-login .content .konten-form-login h6{font-style:bold}.login-admin #line1-login .content .konten-form-login .input{display:flex;flex-direction:column-reverse;position:relative;padding-top:1.5rem}.login-admin #line1-login .content .konten-form-login .input+.input{margin-top:1.5rem}.login-admin #line1-login .content .konten-form-login .input-label{color:#8597a3;position:absolute;top:1.5rem;transition:.25s ease}.login-admin #line1-login .content .konten-form-login .input-field{border:0;z-index:1;background-color:transparent;border-bottom:2px solid #eee;font:inherit;font-size:1.125rem;padding:.25rem 0}.login-admin #line1-login .content .konten-form-login .input-field:focus,.login-admin #line1-login .content .konten-form-login .input-field:valid{outline:0;border-bottom-color:#6658d3}.login-admin #line1-login .content .konten-form-login .input-field:focus+.input-label,.login-admin #line1-login .content .konten-form-login .input-field:valid+.input-label{color:#6658d3;transform:translateY(-1.5rem)}.login-admin #line1-login .content .konten-form-login .forget-password{margin:20px 0 20px 0}.login-admin #line1-login .content .konten-form-login .forget-password .cnt2{padding:5px 0 0 0}.login-admin #line1-login .content .konten-form-login .button-display{display:flex;justify-content:flex-end}.login-admin #line1-login .content .konten-form-login .button-display button{background:#12083a}.login-admin #line1-login .content .konten-form-login .button-display button p{padding:0 20px 0 20px;text-align:center;height:10px}.login-admin #line1-login .content .konten-form-login .dont-have{margin:15px 0 0 0;text-align:center}.login-admin #line1-login .content .konten-form-login .dont-have span{color:blue;cursor:pointer}.login-admin #line1-login .content .card{border-radius:15px 15px 15px 15px}.login-admin #line1-login .content .logo-perusahaan{padding:0 30px 0 0}.login-admin #line1-login .content .edit1{font-size:14px}@media only screen and (max-width:768px){.login-admin #line1-login,.login-admin #line1-login #line-overlay{height:auto}.login-admin #line1-login .content{position:relative}.login-admin #line1-login .content #sub1{margin-top:2rem}.login-admin #line1-login .content #sub2{margin-top:6rem;margin-bottom:6rem}}.vs-icon-plus{background-color:#fff}.vs-select-content{width:100%;max-width:100%}.dashboard-admin .vs-sidebar-content{border-radius:0 0 0 0}.dashboard-admin .buttonExport{width:-moz-fit-content;width:fit-content}.dashboard-admin .content{margin:auto;width:100%;height:100%;overflow:hidden;position:absolute}.dashboard-admin .content .vs-pagination-content{z-index:0}.dashboard-admin .content .screen{overflow:auto;height:100%;width:100%;padding-top:2rem;padding-left:16rem;padding-right:2rem;z-index:0}.dashboard-admin .content .footer{width:100%;height:50px;bottom:0;left:0;background:#1b3169}.dashboard-admin .content .footer p{text-align:center;color:#fff;padding:15px 0 0 0}.tombol_tab{width:100%;background-color:#1b3169;padding:8px;cursor:pointer;border-radius:26px;color:#fff}