@font-face{font-family:PrintFont;src:url(/fonts/CalSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}#mainNav.active{left:0}#content.active{width:100%;margin-left:0}.table>tbody{text-transform:capitalize}#sidebar{min-width:280px;max-width:280px;background:#32373d;color:#fff;transition:all .3s;position:fixed;top:0;left:0;height:100vh;z-index:1031;overflow-y:auto}#sidebar.active{width:250px;transition:width .3s;display:block;margin-left:-280px}#sidebar ul.components{padding:0;margin:0}#sidebar ul li a{padding:15px 25px;display:block;color:rgba(255,255,255,.8);background:#32373d;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}#sidebar ul li.active>a{font-weight:700}#sidebar ul li a:hover,#sidebar ul li.active>a{color:#000;background:#ffc107;border-bottom:1px solid #ffc107}#sidebar ul li a span{margin-right:10px;font-size:16px;width:25px;display:inline-block}.user-logo .img{width:90px;height:90px;border-radius:50%;margin:0 auto 10px;background-size:cover;background-position:50%;border:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1}.user-logo .img:hover{animation:logoHover 1s infinite}.user-logo .img:active{transform:scale(.95);animation:none}@keyframes logoHover{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}.user-logo h3{color:#fff;font-size:16px;margin-bottom:0;font-weight:500;font-family:Poppins,sans-serif}.img.bg-wrap{background:#ffc107;background-image:url(/images/kuning.jpg);background-size:cover;background-position:50%;padding:30px 0}.spasi{margin-top:25px}.breadcrumb,.breadcrumb-item,.breadcrumb-item.active{color:#fff}#mainNav{position:fixed;top:0;right:0;left:280px;height:60px;background-color:#ffc107!important;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease;z-index:1030;padding:.5rem 1rem}#mainNav .nav-link{color:#000;font-weight:600;padding:.5rem 1rem;font-family:Poppins,sans-serif;font-size:14px}.breadcrumb{background:transparent;margin:0}.breadcrumb-item{font-family:Poppins,sans-serif;font-size:14px}.notif small{width:20px;height:20px;background:#ffc107;border-radius:50%;font-size:11px;color:#000;position:absolute;top:50%;right:25px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-weight:600}#content{width:calc(100% - 280px);margin-left:280px;min-height:100vh;padding-top:60px}#content,#sidebarCollapse{transition:all .3s;position:relative}#sidebarCollapse{width:35px;height:35px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffc107;border:none;box-shadow:0 1px 3px rgba(0,0,0,.2);z-index:1040}#sidebarCollapse:hover{background:#e0a800}#sidebar .custom-menu{display:inline-block;position:absolute;top:20px;right:-17px;z-index:1032}#currentTime{font-family:Poppins,sans-serif;font-weight:500}@media (max-width:991.98px){#sidebar{margin-left:-280px}#content,#sidebar.active{margin-left:0}#content{width:100%}#mainNav{left:0}#mainNav.active{left:280px}#content.active{width:calc(100% - 280px);margin-left:280px}}.number-wrapper{position:relative;display:inline-block;margin:1rem 0}.number-wrapper h2{font-size:4rem!important;font-weight:700;color:#2d3748;margin:0;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.number-icon{position:absolute;top:-10px;right:-20px;background:#ffc107;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(255,193,7,.3)}.number-icon i{color:#fff;font-size:1.2rem}.btn-glow{position:relative;overflow:hidden;border:none;color:#000;font-weight:500;letter-spacing:.5px;transition:all .3s ease}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,193,7,.4)}.btn-glow:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255,255,255,.2);transform:rotate(45deg);animation:glow 1.5s linear infinite}@keyframes glow{0%{transform:rotate(45deg) translateX(-100%)}to{transform:rotate(45deg) translateX(100%)}}.card{border:none;transition:transform .3s ease,box-shadow .3s ease;background:#ffffff}.card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.table{background-color:#ffffff}.row .card p{color:#4a5568;font-size:1rem;margin-bottom:1.5rem}.legend-container{background:linear-gradient(145deg,#ffffff,#f8f9fa);padding:1rem;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin:1.5rem 0}.legend-box{width:24px;height:24px;border-radius:6px;margin-right:.5rem}.legend-box.bg-primary{background-color:rgba(54,162,235,.8)!important;box-shadow:0 2px 4px rgba(54,162,235,.2)}.legend-box.bg-danger{background-color:rgba(255,99,132,.8)!important;box-shadow:0 2px 4px rgba(255,99,132,.2)}.card canvas{height:300px!important;width:100%!important;padding:1rem;background-color:#ffffff}.navbar{background:linear-gradient(90deg,#ffc107,#ffb300)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar .nav-link,.navbar .navbar-text{color:#000!important;font-weight:500}.main-content{padding:2rem!important;background-color:#343a40}.breadcrumb{background-color:transparent;padding:0;margin-bottom:2rem}.breadcrumb-item{color:#f1f1f1;font-size:.9rem}.breadcrumb-item.active{color:#f1f1f1;font-weight:500}@media (max-width:768px){.row .col-md-6{margin-bottom:1rem}.login-info{flex-direction:column;text-align:center}.login-info img{margin-bottom:1rem}.card canvas{height:250px!important}.login-info strong{min-width:auto;margin-right:.5rem}.login-info strong:after{content:""}.number-wrapper{margin:.5rem 0}.number-wrapper h2{font-size:3rem!important}.number-icon{width:30px;height:30px;top:-5px;right:-15px}.number-icon i{font-size:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffc107;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffb300}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{margin-right:.5em;display:inline-block;box-sizing:border-box;content:"";border-color:transparent transparent transparent rgba(0,0,0,.5);border-style:solid;border-width:5px 0 5px 10px}.dataTables_wrapper{overflow-x:auto}.dataTables_filter,.dataTables_info{position:-webkit-sticky;position:sticky;left:0}.dt-scroll-head{display:none}.dataTables_filter{float:left!important}@media (min-width:768px){.dt-container .d-md-flex{display:unset!important}}