@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);.jquerycssmenu ul{list-style:none;padding:0;margin:0;font-size:12px;font-family:Poppins;color:#fff}.jquerycssmenu li{position:relative;display:inline-block;margin-right:5px}.jquerycssmenu a{text-decoration:none;padding:5px 15px;display:block;border-radius:3px}.jquerycssmenu a,.jquerycssmenu a:hover{background-color:#2e649d;color:#fff}.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:150px;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.1)}.dropdown-menu li{display:flex;width:100%;border-bottom:1px solid #fff}.dropdown-menu a{width:100%;padding:5px 15px;background-color:#2e649d;color:#fff}.dropdown-menu a:hover{background-color:#2e649d;color:#c5c1ff}.dropdown:hover>.dropdown-menu{display:block}.dropdown>.dropdown-menu .dropdown-menu{top:0;left:100%;display:none;position:absolute}.dropdown-menu .dropdown:hover>.dropdown-menu{display:block}.check-btn{opacity:0;position:relative;top:2px}.label-custom{margin:0 2px;border-radius:10px;font-family:Inter;font-style:normal;font-weight:600;font-size:15px;line-height:40px;text-align:center;width:100%;transition:.3s ease;background:#f5f7fb;border:.794239px solid #838383;box-sizing:border-box;border-radius:7.94239px;padding-right:20px}.label-custom:hover{background-color:#d6dbf5;cursor:pointer}.hero-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.top-content{padding:20px;background-color:#3272b3;color:#fff;display:flex;justify-content:space-between;align-items:center}.top-content h4{margin:0;font-size:1.5rem}.top-content p{margin:0;font-size:.9rem}.logo-kanan img{max-height:50px}.bottom-content{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;padding:20px}.left-content,.right-content{flex:1 1;min-width:300px}.judul2 h3,.judul h3{margin:0;font-size:1.2rem;color:#333;display:flex;align-items:center}.judul2 img{margin-left:10px;height:20px}.notification-nothing{text-align:center;color:#777}.nothing-row img.nothing-image{max-width:150px}.card{padding:15px 15px 5px;border-radius:10px}.card-hr{border-radius:10px;border:1px solid #d8d8d8;box-shadow:1px 2px 10px #d6d6d6}.card-hr,.card-pribadi{background-color:#fff;color:#535353;padding:20px;text-align:center}.card-pribadi{border-radius:10px}.card h2{font-size:2rem;margin:10px 0}.card p{font-size:.9rem}.recent-activity{margin-top:20px}.recent-link ul{list-style:none;padding:0}.recent-link ul li{margin:10px 0}.recent-link ul li a{text-decoration:none;color:#007bff}.recent-link ul li a:hover{text-decoration:underline}.transparent-modal-body{background-color:none;height:100%!important}.hover-name{color:#005a9f;font-weight:700;text-decoration:none}.hover-name:hover{text-decoration:underline}*{font-family:"Inter",sans-serif}.page-login-desktop{color:#fff;background-image:url(/static/media/bg-desktop-img.7022e023.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;position:fixed;width:100%;height:100%}.card-login{text-align:left}.card-login .card{background-color:rgba(245,247,252,.807843137254902);border:1px solid #4368c5;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.card-login input,.card-login label{color:#000}.card-login button{background-color:#4368c5;color:#fff;width:100%;margin-top:10px}.card-login .input-box{width:100%;border-bottom:1px solid #4368c5}.card-login input{width:95%;border:none;outline:none;background:transparent}.input-box .bi{margin-right:10px}.input-box .eye{position:absolute;margin-top:10px;cursor:pointer}.input-box #hide1{display:none}.logo-desktop{text-align:right;margin-top:10px;margin-right:15px}.logo-desktop img{width:120px}.footer-login{position:fixed;bottom:0;color:#fff;font-weight:600;width:100%;text-align:center;background-color:rgba(54,54,54,.38823529411764707);padding-top:5px;padding-bottom:5px}.footer-login p{margin:0}.footer-login .footer-center{width:600px;text-align:center;margin:0 auto}.page-login .content-login{text-align:center;padding-top:8%;font-weight:600}.content-login h1{color:#fff;font-size:35px;font-weight:650}.img-wrapper-login,.img-wrapper-logo-login{margin:30px 0}.img-wrapper-login img{width:570px}.img-wrapper-logo-login img{width:240px}.page-login .bg-form-login-top{text-align:center;margin-top:30%;background-size:cover;color:#4368c5}.page-login .form-login{padding:5% 15%}.form-login h4{text-transform:uppercase;font-weight:600;color:#025f48;margin-bottom:20px;font-size:20px}.form-login .form-group{margin:18px 0}.form-group input{margin-top:0;margin-bottom:5px}.form-group a{text-decoration:none;color:#858585}.form-login .btn-login .button-login:hover{background-color:#636fee!important}.login-hidden{display:none}@media (max-width:1450.98px){.card-login .card{width:350px}.page-login .content-login{padding-top:8%}.content-login h1{font-size:28px!important}.img-wrapper-login,.img-wrapper-logo-login{margin-top:15px}.img-wrapper-login img{width:400px}.page-login .bg-form-login-top{margin-top:25%}.page-login .form-login{padding:1% 15%}.bg-form-login-top img{width:175px}.bg-form-login-top h3{font-size:23px}.form-login .form-group label{font-size:14px}.btn-login .button-login,.forget-password{font-size:14px!important}}.bg-phone{background-image:url(/static/media/bg-phone-img.80ddc4ca.jpg);background-repeat:no-repeat;background-size:contain;padding:50%}.card-login-phone{margin-top:-110px;z-index:200}.card-login-phone .card{padding:25px 40px;background-color:#eaf4ff;border-radius:30px 30px 0 0;border:none;height:75vh}.card-login-phone .card .form-group label{font-size:14px;color:#4368c5}.card-login-phone .card .form-group input{background-color:#eaf4ff;border:none;border-bottom:1px solid #4368c5;border-radius:0}.card-login-phone .card .btn-login-phone{width:50%;margin:auto}.card-login-phone .card .btn-login-phone .button-login-phone{box-shadow:0 8px 10px 0 rgba(15,108,247,.2),0 6px 20px 0 rgba(7,117,243,.19)}.footer-login-phone{position:fixed;bottom:0;width:100%;font-size:14px}.footer-login-phone .footer-center-phone{text-align:center;margin:0 auto}.header .btn-menu-header{height:8%;margin-top:12px;background-color:#d7d0ff;border-radius:10px}.header .btn-menu-header .btn{font-size:13px}.ps-menu-button{padding-top:0!important}.ps-menu-button:hover{background-color:#627ec7!important;color:#fff!important}.ps-active{font-weight:600!important;color:#fffb00!important}.sidebar .logo-dashboard{width:200px;padding-top:12px;margin:auto}.sidebar .logo-dashboard img{border:1px solid #4368c5;border-radius:10px}.sidebar .dash-side{margin-bottom:-10px}.sidebar .app-name{font-size:13px;margin-top:8px;margin-bottom:10px;border-top:1px dashed #627ec7;border-bottom:1px dashed #627ec7;padding:5px 17px;background-color:#3b63c7}.sidebar .app-name .icon-app{width:16px;margin-right:8px}.sidebar .menu-module{font-size:13px}.sidebar .menu-module .icon-arrow{width:12px}.body{margin:5px 10px}.body .kosong{height:70vh}.body-content,.body .body-header{background-color:#fff;padding:20px;box-shadow:2px 2px 10px #bfbfbf}.body .body-header{margin-bottom:8px}.body .body-header .title-page{color:#4747ac;padding-top:5px}.body .body-header .btn-create{background-color:#4368c5;color:#fff;font-size:13px;cursor:pointer}.body .body-header .btn-create:hover{background-color:#5d7fd6;color:#fff}.body .body-dashboard{background-color:#fff;padding:20px;box-shadow:2px 2px 10px #bfbfbf;height:80vh}.body .body-dashboard .card{border:1px solid #4368c5;border-left:3px solid #4368c5}.body .body-dashboard .card .card-dash hr{margin:0}.body .body-dashboard .card-title-dash{text-align:left;font-weight:600}.body .body-dashboard .card-title-dash h5{color:#4368c5;font-size:18px}.body .body-dashboard .card-title-dash h2{color:#000}.body .body-dashboard .icon-dash span{width:320px!important}.body .body-dashboard .card-detail{text-align:left;color:#4368c5;margin-top:5px;margin-bottom:0}.body .body-dashboard .card-detail p{margin:0;padding:0}.body .body-content .nav-tabs .nav-item .active{background-color:#4368c5;color:#fff}.body .body-content .nav-tabs .nav-item{color:#000!important;font-size:14px}.body .line-show{align-items:center;padding-left:10px}.body .line-search,.body .line-show{flex:50% 1;display:flex;font-size:13px}.body .line-search{justify-content:end}.body .body-table{display:block;height:100%;overflow-y:auto;overflow-x:auto}.body .body-table thead tr{border-bottom:1px solid #35385a;font-size:14px;color:#4747ac!important}.body .body-table thead tr th{color:#4747ac}.body .body-table tbody{font-size:13px}.body .body-table .button-detail:hover{background-color:#8279ff;color:#fff}.body .body-table .button-detail{background-color:#aca6ff}.body .body-table .button-detail,.body .body-table .button-table{cursor:pointer;font-size:12px;border:none;padding:5px 10px;border-radius:5px}.body .body-table .button-edit,.body .body-table .button-table{background-color:#ffd000}.body .body-table .button-edit:hover{background-color:#ffae00;color:#fff}.body .body-table .button-delete{background-color:#b10000;color:#fff}.body .body-table .button-delete:hover{background-color:#eb2929}.modal .header-modal{padding:20px 20px 0}.modal .header-modal .x-close{cursor:pointer}.modal .header-modal .x-close:hover{color:#ad0000}.modal .modal-body{margin-top:-20px}.modal .label-form{font-size:14px;color:#4747ac;margin-bottom:10px}.modal .select-form{width:100%;height:45px;padding-left:10px;font-size:15px}.modal .label-group-form,.modal .select-form{border-radius:5px;cursor:pointer;border:1px solid #4747ac}.modal .label-group-form{position:relative;display:flex;align-items:center;justify-content:space-between;background-color:initial;padding:5px;height:42px}.modal .label-name-form{position:absolute;top:-12px;left:10px;background-color:#fff;color:#4747ac;padding:0 5px;font-size:14px}.label-group-form{position:relative;display:flex;align-items:center;justify-content:space-between;background-color:initial;border:1px solid #4747ac;padding:5px;border-radius:5px;cursor:pointer;height:42px}.label-name-form{position:absolute;top:-12px;left:10px;background-color:#fff;color:#4747ac;padding:0 5px;font-size:14px}.modal .label-input-form{background-color:initial;border:none;outline:none;padding:5px 5px 5px 10px;flex:1 1;font-size:14px;width:300px;font-size:15px}.modal .btn-modal-create{background-color:#4747ac;color:#fff;border-radius:5px;font-size:13px}.modal .btn-modal-create:hover{background-color:#4368c5}.modal .hasil-scan{font-size:14px}.modal .hasil-scan .form-label-scan{color:#4747ac;font-weight:600}.scan-image-container{position:relative;overflow:hidden;margin:10px}.scan-image-container img{width:100%;height:auto}.scan-image-container .img-qr{position:absolute;top:0;left:0;height:100%;width:100%;justify-content:center;align-items:center;text-align:center;margin-top:37%}.scan-image-container .img-qr .text-qr{margin-top:20px;line-height:12px;display:block}.scan-image-container .img-qr .text-qr h6,.scan-image-container .img-qr .text-qr p{font-size:18px}.modal-body .display-form{display:none}.page-loader{background-color:#fff;position:absolute;z-index:100;width:86%;height:auto}.img-loader{margin:auto;text-align:center;padding-top:20%;padding-bottom:20%}@media (max-width:1399.98px){.page-loader{width:80%}}@media (max-width:773.98px){.page-loader{width:98%}.img-loader{margin:auto;text-align:center;padding-top:50%;padding-bottom:50%}}.colored-progress-bar-error{--swal2-progress-color:#ff5a5a!important;--swal2-progress-height:5px}.colored-progress-bar-success{--swal2-progress-color:#00e554!important;--swal2-progress-height:5px}.sidebar{transition:2s;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.sidebar,.sidebar:hover{background-color:#fff!important}.sidebar:hover{width:250px;transition-property:width;transition-duration:1s;transition-delay:.5s}.sidebar-icon{transition:all 11s ease;background-color:#000!important}#about1:hover{text-align:left;align-items:left;transition-property:padding;transition-duration:.5s}#about1,#about1:hover{width:100%;transition-delay:.5s}#about1{transition-property:width;transition-duration:1s}
/*# sourceMappingURL=main.c6b1783a.chunk.css.map */