@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-appearance:none;appearance:none;border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--bg-color:#ecf3ff;--bg-color-variant:#fff;--text-color:#000;--color-red:#b0182e;--color-red-transparent:#af182f40;--color-red-hover:#ec7082;--color-red-variant:#c2185b;--color-primary:#ee7214;--color-primary-hover:#f7b787;--color-primary-transparent:#074a9733;--color-primary-variant:#f7b787;--color-yellow:#f18e06;--color-yellow-hover:#fbb557;--color-green:#1e7e5d;--color-green-hover:#42d2a2;--color-purple:#a12b99;--color-purple-hover:#df85d9;--color-white:#fff;--color-white-variant:#f3f4f8;--color-dark:#000;--color-dark-variant:#262626;--card-padding:1.8rem;--circle-border-radius:50%;--transition:all 300ms ease}body{background:#ecf3ff!important;background:var(--bg-color)!important;color:#000!important;color:var(--text-color)!important;font-family:Inter,sans-serif!important;font-size:.85rem;height:100%;margin:0 auto!important;max-width:2048px;overflow-y:hidden}body.dark-theme{--bg-color:#1a1a1a;--bg-color-variant:#262626;--text-color:#fff}body.light-theme{--bg-color:#f4faff;--bg-color-variant:#fff;--text-color:#000}a{color:#000;text-decoration:none}.tablde td{vertical-align:center}.fas{font-size:20px!important}.nav-link.active{background-color:none!important;border:none;border-bottom:2px solid #5a9eb9!important;border-radius:0;color:#5a9eb9!important}.tools-icon{font-size:100px}.setting-nav .nav-link.active{background-color:initial;color:#5a9eb9!important}.setting-nav .nav-link:hover{background-color:none!important;border:none;border-bottom:2px solid #5a9eb9!important;border-radius:0;color:#5a9eb9!important}.navbar>.container-fluid{flex-wrap:nowrap}.navbar .nav-container{justify-content:space-between}.nav-menu{color:#ee7214;color:var(--color-primary);display:flex;height:3rem}.nav-profile{align-items:center;background:#0000;display:flex;gap:.25rem;height:100%;padding:0 1rem;text-align:left}.nav-profile img{display:block;height:auto;width:100%}.nav-profile-photo{border-radius:50%;height:2.5rem;overflow:hidden;width:2.5rem}.btn-notif{--webkit-background-clip:text;-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#00d4ff,#0072ff);border:none;border-radius:50%!important}.div-menu-top{display:flex;max-width:400px;overflow-x:auto;padding-right:10px;width:100%}.div-menu-top::-webkit-scrollbar{height:0;width:.5em}.div-menu-top::-webkit-scrollbar-thumb{background-color:#fff;border-radius:2px}.div-menu-top::-hover{background:#fff}.div-menu-top-p{display:block}#qMenu.form-control{margin:0 auto;width:85%}.sidebar-footer{bottom:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1.2rem 1rem;width:100%}.sidebar-footer-img{grid-gap:1rem;background:#5a9eb9;border-radius:1rem;display:grid;gap:1rem;height:100%;padding:2rem .5rem;width:100%}.sidebar-footer-img img{height:auto;margin:0 auto;width:100%}.sidebar-tutorial-btn{margin:0 auto;width:80%}#sidebar.hide .sidebar-footer .sidebar-footer-img{display:none}.sidebar-tutorial-mini{display:none;transition:all .4s ease}.nav-link.active{background:#0000!important;border-bottom:1px solid #5b9eb9!important;color:#5b9eb9!important;width:500!important}.nav-link:hover{background:none!important;color:#5b9eb9!important}.tag-input-container{border:1px solid #ccc;display:flex;flex-wrap:wrap;padding:5px}.tag{align-items:center;background-color:#007bff;border-radius:10px;color:#fff;display:flex;margin:2px;padding:5px 10px}.tag-text{margin-right:5px}.close-button{cursor:pointer}.input-tag{border:none;outline:none}.d-none{display:none}.d-block{display:block}#sidebar.hide .sidebar-footer .sidebar-tutorial-mini{display:inline-block;height:2.5rem}#ulMenu .dropdown-toggle:after{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-bottom-right-radius:0!important;border-top-right-radius:0!important}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-bottom-left-radius:0!important;border-top-left-radius:0!important;margin-left:-1px}th{cursor:pointer}a,a:focus,a:hover{color:inherit;text-decoration:none;transition:all .3s}.wrapper{align-items:stretch;background-color:#fff!important;display:flex;position:relative;width:100%}#content{background-color:#ecf3ff!important;background-color:var(--bg-color)!important;transition:all .3s;width:100%}#content,#sidebar{height:100vh;overflow-y:auto}#sidebar{background:#fff;background:var(--bg-color-variant);background-image:url(/static/media/Designer.c4256d88b18543461544.jpeg);box-shadow:3px 4px 8px 0 #f7b500;color:#000;color:var(--text-color);font-size:.875rem;line-height:1.5rem;max-width:15.625rem;min-width:15.625rem;transition:.5s;transition:all .3s ease}#sidebar,#sidebar .transbox{background-repeat:no-repeat;background-size:auto}#sidebar .transbox{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.navbar{background-color:#fff;background-color:var(--bg-color-variant);color:#000;color:var(--text-color)}a[data-bs-toggle=collapse]{position:relative}#sidebar .sidebar-header{padding:1.25rem}#sidebar ul.components{border-bottom:1px solid #ee7214;border-bottom:1px solid var(--color-primary);padding:.75rem}#sidebar ul p{color:#fff;padding:.625rem}#sidebar ul li a{background:#ecf3ff;background:var(--bg-color);color:#000;color:var(--text-color);display:block;font-size:.85rem;margin:.125rem .25rem;padding:.625rem;text-align:left}#sidebar ul li a:hover{color:#f1f3f5}#sidebar ul li a:hover,#sidebar ul li.active>a,a[aria-expanded=true]{background:#ee7214;background:var(--color-primary);border-radius:5px;box-shadow:3px 4px 8px 0 #0003}#sidebar ul li.active>a,a[aria-expanded=true]{border:none!important;color:#fff}ul ul a{background:#dadadd;font-size:.9em!important;padding-left:1.875rem!important}#sidebar.hide{max-width:5rem;min-width:5rem;text-align:center}#sidebar.hide .nama-menu{display:none}#sidebar .sidebar-header .logo-panjang{display:block}#sidebar .sidebar-header .logo{display:none}#sidebar.hide .sidebar-header .logo{display:block}#sidebar.hide .sidebar-header .logo-panjang{display:none}#sidebar .nama-menu,#sidebar ul li a.dropdown-toggle{font-weight:500}#sidebar.hide ul li a{font-size:.85em;padding:1.25rem .625rem;text-align:center}#sidebar.hide ul li a i{display:block;font-size:1.8em;margin-right:0}#sidebar.hide .dropdown-toggle:after{bottom:.625rem;right:50%;top:auto;transform:translateX(50%)}#divPesan{bottom:.9375rem;position:fixed;right:.9375rem;width:30vw;z-index:999999999999}#divExtension{bottom:0;cursor:pointer;display:none;padding:1rem;position:absolute;right:0}#divExtension,#divExtension a{color:#979a9c99}#divExtension a:hover{color:#7c7c7c}#divNeracaAwal{bottom:0;color:#888a8a;cursor:pointer;padding:1rem;position:absolute;right:0}#divNeracaAwal a{color:#888a8a}#divNeracaAwal a:hover{color:#585454}.alert{border-radius:.75rem!important}.alert .close{font-size:1em;position:absolute;right:.3125rem;top:.3125rem}.mid{margin-bottom:.625rem;max-width:11.25rem;min-height:1.5rem}.mid,.mid-big{border-radius:.25rem}.mid-big{margin-bottom:.9375rem;max-width:35rem;min-height:2.5rem}.mid-big-subtitle{border-radius:.25rem;margin-bottom:1.25rem;max-width:60rem;min-height:1.5rem}.lazyColor{animation:AnimationName 1s ease infinite reverse;background:linear-gradient(135deg,#d3dfe880 30%,#a9b8c580 38%,#a8b6c199 41%,#a8b6c199 50%,#a8b6c199 0,#a9b8c599 51%,#d3dfe899 57%,#d3dfe899 80%,#d3dfe899 0);background-size:1200% 1200%;opacity:.5}@keyframes AnimationName{0%{background-position:0 92%}to{background-position:100% 9%}}.btn-edit:hover .material-icons{font-size:1.125rem}.btn-edit .material-icons{font-size:.875rem}.icon-filter{cursor:pointer;font-size:1.125rem!important}.main-header{padding:.625rem .625rem .5rem 1rem}.main-title{font-size:1.2rem;font-weight:500;margin-bottom:0!important}.akun-plot{font-size:.95rem}.main-body{border-radius:50px;overflow-y:auto;padding:.625rem}.div-content,.main-body{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.div-content{background:#fff;background:var(--bg-color-variant);color:#000!important;color:var(--text-color)!important;margin-bottom:3rem;margin-top:1rem;padding:1rem;width:100%}.div-sum{overflow-x:auto;padding-bottom:1.5rem;width:100%}.loading{opacity:1;transition:opacity .05s}.loading.fade{opacity:0}.div-table{min-height:60vh}.div-table-mini{min-height:20vh}.form-total{font-size:1rem;font-weight:700;white-space:nowrap}.pagination{margin-right:2rem;padding-top:1.25rem}.page-item{border-radius:.3125rem;margin-left:.3125rem;margin-right:.3125rem}.page-link.active-paggination{border-radius:.3125rem}.page-link.active-paggination,.page-link:hover{background-color:#ee7214!important;background-color:var(--color-primary)!important;color:#fefefe!important}::-webkit-scrollbar{height:.3125rem;width:.3125rem}::-webkit-scrollbar-track{border-radius:.3125rem;box-shadow:inset 0 0 10px grey}::-webkit-scrollbar-thumb{background:#ee7214;background:var(--color-primary);border-radius:.3125rem}::-webkit-scrollbar-thumb:hover{background:#1a1c20}.material-icons{display:inline-flex!important;vertical-align:top!important}.table{font-size:.85rem}.table td{vertical-align:middle}.table-dark i{color:#fff;color:var(--color-white)}.bg-thead{background:#ee7214!important;background:var(--color-primary)!important;border-bottom:2px solid #fff!important;color:#fafafa!important;font-weight:500!important;white-space:nowrap}.bg-thead th{border:none!important;padding-bottom:.875rem!important;padding-top:.875rem!important}.table th{border-bottom:none!important}[tooltip]{position:relative}[tooltip]:after,[tooltip]:before{display:none;font-size:.9em;line-height:1;opacity:0;pointer-events:none;position:absolute;text-transform:none;-webkit-user-select:none;user-select:none}[tooltip]:before{border:5px solid #0000;content:"";z-index:1001}[tooltip]:after{background:#ee7214;background:var(--color-primary);border-radius:.3ch;box-shadow:0 1em 2em -.5em #00000059;color:#fff;content:attr(tooltip);font-family:Inter,sans-serif;max-width:21em;min-width:3em;overflow:hidden;padding:1ch 1.5ch;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1000}[tooltip]:hover:after,[tooltip]:hover:before{display:block}[tooltip=""]:after,[tooltip=""]:before{display:none!important}[tooltip]:not([flow]):before,[tooltip][flow^=up]:before{border-bottom-width:0;border-top-color:#ee7214;border-top-color:var(--color-primary);bottom:100%}[tooltip]:not([flow]):after,[tooltip][flow^=up]:after{bottom:calc(100% + 5px)}[tooltip]:not([flow]):after,[tooltip]:not([flow]):before,[tooltip][flow^=up]:after,[tooltip][flow^=up]:before{left:50%;transform:translate(-50%,-.5em)}[tooltip][flow^=down]:before{border-bottom-color:#ee7214;border-bottom-color:var(--color-primary);border-top-width:0;top:100%}[tooltip][flow^=down]:after{top:calc(100% + 5px)}[tooltip][flow^=down]:after,[tooltip][flow^=down]:before{left:50%;transform:translate(-50%,.5em)}[tooltip][flow^=left]:before{border-left-color:#ee7214;border-left-color:var(--color-primary);border-right-width:0;left:-5px;top:50%;transform:translate(-.5em,-50%)}[tooltip][flow^=left]:after{right:calc(100% + 5px);top:50%;transform:translate(-.5em,-50%)}[tooltip][flow^=right]:before{border-left-width:0;border-right-color:#ee7214;border-right-color:var(--color-primary);right:-5px;top:50%;transform:translate(.5em,-50%)}[tooltip][flow^=right]:after{left:calc(100% + 5px);top:50%;transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}[tooltip]:not([flow]):hover:after,[tooltip]:not([flow]):hover:before,[tooltip][flow^=down]:hover:after,[tooltip][flow^=down]:hover:before,[tooltip][flow^=up]:hover:after,[tooltip][flow^=up]:hover:before{animation:tooltips-vert .3s ease-out forwards}[tooltip][flow^=left]:hover:after,[tooltip][flow^=left]:hover:before,[tooltip][flow^=right]:hover:after,[tooltip][flow^=right]:hover:before{animation:tooltips-horz .3s ease-out forwards}button.dropdown-item{color:#000;font-size:.85rem}button.dropdown-item:hover{border:1px solid #ee7214;border-color:var(--color-primary);color:#ee7214;color:var(--color-primary);font-size:.85rem}.image-upload>input{display:none}.form-group label{font-size:.8rem}.modal-body{padding:.625rem 1.875rem}.btn-close{color:#000!important;color:var(--text-color)!important}.btn-close-modal{background-color:#6c757d!important;color:#fefefe!important;padding:1px!important}.form-control:focus{border-color:#ee7214!important;border-color:var(--color-primary)!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ee7214!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px var(--color-primary)!important}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#b0182e!important;border-color:var(--color-red)!important}.form-control{background-color:#fff3;border:1px solid #bdbdbd!important;border:"none";border-radius:8px!important;color:#000;color:var(--text-color);font-size:.8rem!important}.number-format{text-align:right}textarea.form-control{color:#000;color:var(--text-color)}#edtDocNumber.form-control,#edtDocNumberScanerSALES.form-control{font-size:.8rem!important}.form-select:focus{border-color:#2d2d2d!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #2d2d2d!important}.form-select{background-color:#fff3;border-radius:8px!important;color:#000;color:var(--text-color);font-size:.8rem!important}.form-check-input:checked{background-color:#ee7214!important;background-color:var(--color-primary)!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #2d2d2d!important}.form-check-input:checked,.form-control-sc:focus{border-color:#ee7214!important;border-color:var(--color-primary)!important}.form-control-sc:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ee7214!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px var(--color-primary)!important}.form-select option{background-color:#fff;background-color:var(--bg-color-variant);color:#000;color:var(--text-color)}.form-control-sc{border:1px solid #bdbdbd!important;border-radius:8px 0 0 8px!important}.form-hide{display:none}.txt-icon{display:inline;font-family:Inter;font-size:.875rem!important;font-style:normal;font-weight:500;line-height:1rem;margin-left:.25rem}.color-bgt-merah{border-color:#c2185b!important;border-color:var(--color-red-variant)!important;color:#c2185b!important;color:var(--color-red-variant)!important}.color-bgt-merah:hover{font-weight:700!important}.color-bgt-ungu{border-color:#9c27b0!important;color:#9c27b0!important}.color-bgt-ungu:hover{font-weight:700!important}.color-bgt-biru{border-color:#ee7214!important;border-color:var(--color-primary)!important;color:#ee7214!important;color:var(--color-primary)!important}.color-bgt-biru:hover{font-weight:700!important}.color-bgt-emas{border-color:#ee7214!important;border-color:var(--color-primary)!important;color:#ee7214!important;color:var(--color-primary)!important}.color-bgt-emas:hover{font-weight:700!important}.color-bg-merah{background-color:#c2185b!important;background-color:var(--color-red-variant)!important;color:#fff!important}.color-bg-ungu{background-color:#9c27b0!important;color:#fff!important}.color-bg-biru,.color-bgt-default{background-color:#ee7214!important;background-color:var(--color-primary)!important;color:#fff!important}.btn{border-radius:8px!important;font-size:14px!important;height:36px!important}.btn-default span.material-icons{font-size:20px}.btn-add{padding:.375rem .75rem .375rem .5rem!important}.btn-default{align-items:center;background-color:#ee7214!important;background-color:var(--color-primary)!important;border-radius:8px!important;color:#fefefe!important;display:flex!important;font-size:14px!important;height:36px!important;justify-content:center}.btn-default:hover{box-shadow:inset 0 0 10px #2d2d2d}.btn-default:focus,.btn-default:hover{background-color:#ee7214!important;background-color:var(--color-primary)!important;border:1px solid #2d2d2d;color:#fefefe!important}.btn-kasir:focus{background-color:#b0182e!important;background-color:var(--color-red)!important;border:1px solid #2d2d2d;color:#fefefe!important}.btn-default-2{background-color:#ee7214!important;background-color:var(--color-primary)!important;color:#fefefe!important}.btn-default-2,.btn-menu{border-radius:8px!important}.btn-menu{color:#939393!important;white-space:nowrap}.btn-menu.active-menu,.btn-menu:focus,.btn-menu:hover{background:#ee7214!important;background:var(--color-primary)!important;color:#fff!important}.btn-opsi{border:none;border-radius:50%!important;color:#939393!important;display:flex;height:auto!important;padding:0!important;white-space:nowrap!important}.btn-opsi:hover{background-color:#ee7214!important;background-color:var(--color-primary)!important;box-shadow:inset 0 0 10px #fefe;color:#fefe!important}.btn-sc{background:#ee7214!important;background:var(--color-primary)!important;border-radius:0 8px 8px 0!important;color:#fff!important}.btn-sc:focus,.btn-sc:hover{background:#fff!important;color:#ee7214!important;color:var(--color-primary)!important}.badge.bg-warning{background:#fef9dd!important;color:#fbb557!important;color:var(--color-yellow-hover)!important}.badge.bg-success,.badge.bg-warning{border-radius:19px!important;padding:6px!important}.badge.bg-success{background:#ecf9f1!important;color:#53c16e!important}.badge.bg-primary{background:#f7b787!important;background:var(--color-primary-hover)!important;color:#ee7214!important;color:var(--color-primary)!important}.badge.bg-danger,.badge.bg-primary{border-radius:19px!important;padding:6px!important}.badge.bg-danger{background:#fef2f9!important;color:#ec7082!important;color:var(--color-red-hover)!important}.badge.bg-danger-notif{animation:blink .8s linear infinite;background:#b0182e!important;background:var(--color-red)!important;border:1px solid #fff;border-radius:19px!important;padding:3px!important}.div-img{padding-top:.625rem;position:relative}.div-img .btn-img{border:none;border-radius:5px;cursor:pointer;font-size:1rem;left:90%;position:absolute;text-align:center;top:1.875rem;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.div-img .btn-img:hover{background-color:#000}.modal-header{border:1px solid #fff3;border-radius:.75rem .75rem 0 0!important}.modal-content,.modal-header{background:#fff;background:var(--bg-color-variant);color:#000;color:var(--text-color)}.modal-content{border:1px solid #fff3;border-radius:.75rem .75rem .75rem .75rem!important}.modal-footer{background:#fff;background:var(--bg-color-variant);border:1px solid #fff3;border-radius:0 0 .75rem .75rem!important;color:#000;color:var(--text-color)}.alert>.start-icon{margin-right:0;margin-right:.3125rem;min-width:12.5rem;text-align:center}.greencross{color:#25ff0b;font-size:1.125rem;text-shadow:none}.alert-simple.alert-success{background-color:rgba(7,149,66,.122);border:1px solid #24f10675;box-shadow:0 0 2px #259c08;color:#0ad406;cursor:pointer;text-shadow:2px 1px #000;text-shadow:2px 1px var(--color-dark);transition:.5s}.alert-success:hover{background-color:#07954259;transition:.5s}.alert-simple.alert-info{border:1px solid #074a9733;border:1px solid var(--color-primary-transparent);box-shadow:0 0 2px #f7b787;box-shadow:0 0 2px var(--color-primary-hover);color:#f7b787;color:var(--color-primary-hover);cursor:pointer;text-shadow:2px 1px #00040a}.alert-info:hover,.alert-simple.alert-info{background-color:#074a9733;background-color:var(--color-primary-transparent);transition:.5s}.blue-cross{color:#f7b787;color:var(--color-primary-hover);font-size:1.125rem;text-shadow:none}.alert-simple.alert-warning{background-color:#dc800129;border:1px solid #f18e06cf;box-shadow:0 0 2px #ffb103;color:#ffb103;cursor:pointer;text-shadow:2px 1px #00040a;transition:.5s}.alert-warning:hover{background-color:#dc800154;transition:.5s}.warning{color:#ffb40b;font-size:1.125rem;text-shadow:none}.alert-simple.alert-danger{background-color:#af182f40;background-color:var(--color-red-transparent);border:1px solid #f10606cf;box-shadow:0 0 2px #ec7082;box-shadow:0 0 2px var(--color-red-hover);color:#ec7082;color:var(--color-red-hover);cursor:pointer;text-shadow:2px 1px #000;text-shadow:2px 1px var(--color-dark);transition:.5s}.alert-danger:hover{background-color:#7b0a02;color:#fff;transition:.5s}.danger{color:#ec7082;color:var(--color-red-hover);font-size:1.125rem;text-shadow:none}.alert-simple.alert-primary{border:1px solid #074a9733;border:1px solid var(--color-primary-transparent);box-shadow:0 0 2px #f7b787;box-shadow:0 0 2px var(--color-primary-hover);color:#f7b787;color:var(--color-primary-hover);cursor:pointer;text-shadow:2px 1px #000;text-shadow:2px 1px var(--color-dark)}.alert-primary:hover,.alert-simple.alert-primary{background-color:#074a9733;background-color:var(--color-primary-transparent);transition:.5s}.alertprimary{color:#f7b787;color:var(--color-primary-hover);font-size:1.125rem;text-shadow:none}.accordion-header.alert:before{border-radius:3px;border-right:4px solid;content:"";height:1.75rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.accordion-button:not(.collapsed):after{background-position:50%;border-radius:50%;padding:.75rem}.accordion-flush .accordion-collapse{margin-left:1.5rem}.alert-danger,.alert-info,.alert-warning{color:#000;font-size:14px;font-weight:400;line-height:17px}.fa-times{animation:blink-1 2s infinite both}.animated{animation-duration:1s;animation-fill-mode:both;z-index:10000000!important}.modal{overflow:auto!important}.img-fluid{height:auto;max-width:100%}.dropdown-item{cursor:pointer!important}@keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes shadowBlink{0%{box-shadow:0 0 0 .3rem #0d6efd40}50%{box-shadow:none}to{box-shadow:0 0 0 .3rem #0d6efd40}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{opacity:1;transform:perspective(400px) rotateX(0deg)}}.flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutX{0%{opacity:1;transform:perspective(400px) rotateX(0deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.cursor{cursor:pointer}@keyframes blink-1{0%,50%,to{opacity:1}25%,75%{opacity:0}}@media (max-width:768px){.pagination{margin-right:0}#divPesan{bottom:.9375rem;position:fixed;right:.9375rem;width:95vw}#sidebar.hide{margin-left:-5rem!important;max-width:5rem;min-width:5rem;text-align:center}#sidebar{margin-left:0}#sidebar .sidebar-header strong,#sidebar.hide .sidebar-header h3{display:none}#sidebar.hide .sidebar-header strong{display:block}#sidebar.hide ul li a{font-size:.85em;padding:1.25rem .625rem}#sidebar.hide ul li a i{display:block;font-size:1.8em;margin-bottom:.3125rem;margin-right:0}#sidebar.hide ul ul a{padding:.625rem!important}.dropdown-toggle:after{transform:translateX(50%)}.main-title{color:#000!important;color:var(--text-color)!important;text-align:left}.div-table{min-height:60vh}}.card-sum{border-radius:.75rem;margin-right:1.625rem;min-height:8rem;min-width:15.625rem}.card-info,.card-sum{cursor:pointer;width:100%}.card-info{border-radius:12px!important;margin-right:25px;min-height:127px!important;min-width:250px!important;padding:10px 0}.card-info.activeClass{background-color:#b2cde8;box-shadow:none}.card-info.activeClass .sum-info{color:#0f0e2f}.card-body-baru{border-left:10px solid #f7b787;border-left:10px solid var(--color-primary-variant);padding:0 1.5rem!important}.card-body-kuning{border-left:10px solid #fbb557;border-left:10px solid var(--color-yellow-hover);padding:0 1.5rem!important}.card-body-hijau{border-left:10px solid #53c16e;padding:0 1.5rem!important}.card-body-merah{border-left:10px solid #b0182e;border-left:10px solid var(--color-red);padding:0 1.5rem!important}.card-body-repeat{border-left:10px solid #a12b99;border-left:10px solid var(--color-purple);padding:0 1.5rem!important}.card-body-last{border-left:10px solid #f7b787;border-left:10px solid var(--color-primary-variant);padding:0 1.5rem!important}.sum-info{color:#939393;font-size:1rem;text-align:right}.card-title{color:#000;font-size:1rem;font-weight:500;letter-spacing:.01em;line-height:1.875rem}.div-sum>div{box-shadow:0 .75rem .5rem #848bc82e;transition:all .3s ease}.div-sum>div:hover{box-shadow:none}.shadow1{box-shadow:0 3px 8px #0000003d}.shadow2{box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017}.shadow3{box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d}.shadow4{box-shadow:0 20px 30px -10px #26394d}.shadow5{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.shadow6{box-shadow:0 30px 60px -12px #32325d40,0 1.125px 36px -18px #0000004d}.shadow7{box-shadow:0 2px 1px #00000017,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017}.shadow8{box-shadow:0 30px 90px #0006}.shadow9{box-shadow:0 2px 4px #0006,0 7px 13px -3px #0000004d,inset 0 -3px 0 #0003}#divPrint{visibility:hidden}@media print{body *{visibility:hidden}#divPrint,#divPrint *{visibility:visible}#divPrint{left:0;position:absolute;top:0}}.form-label{font-size:.8rem!important;margin-bottom:.2rem!important}.form-check-label{font-size:.8rem}.form-setting-table{display:grid;grid-template-columns:1fr 1fr}.bg-thead-grey{background:#f3f4f8!important;border-bottom:1px solid #0000!important}.bg-total-grey{background:#d7dcfa;font-size:1rem;font-weight:600;letter-spacing:.01em;line-height:1.2rem}@keyframes flipArrow{to{transform:rotate(-180deg)}}.grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.grid-2-n{display:grid;grid-template-columns:1fr 1fr}.grid-3_7{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:30% auto}.grid-rep-3{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.grid-04-oto{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:.4fr auto}.grid-07-oto{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:40% auto}.grid-cst-1{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:auto 10% auto}.r-gap-1{row-gap:1rem}.c-gap-3{column-gap:3rem}.mbt-0{margin-bottom:0}.n-wrap{white-space:nowrap}.div-none,.li-drag button{display:none}.li-drag:hover button{display:block}.li-drag:hover{background-color:#f7f7f7}.btn-edit:hover .material-icons{font-size:18px}.btn-edit .material-icons{font-size:14px}.modal__container{background:#fff3;display:grid;font-size:.9rem;font-weight:500;height:100vh;left:0;place-items:center;position:fixed;text-align:center;top:0;width:100vw;z-index:101}.modal__container .modal__body{background:#d6edff;border-radius:1rem;box-shadow:0 0 1rem #336ecc;height:90%;max-height:650px;max-width:1600px;overflow:hidden;padding:1rem 1rem 3rem;position:absolute;width:70%}.modal__container.fade-in{animation:modal-show .2s ease-in-out}@keyframes modal-show{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal__body-header .material-icons{font-size:1rem}.modal__body-header{align-items:center;display:flex;gap:.5rem;padding-left:1rem}.modal__body-header h5{font-size:.8rem;margin-bottom:0}.modal__body-header .modal-close-btn{cursor:pointer;position:absolute;right:1rem;top:1rem}.modal__setting{display:grid;grid-template-columns:20rem auto;height:100%;text-align:left}.modal__setting-left{overflow-y:hidden;padding:1rem;width:100%}.modal__setting-left .user__profile{align-items:center;cursor:pointer;display:flex;gap:1rem;margin-bottom:1rem}.user__profile-picture img{display:block;width:100%}.user__profile-picture{align-items:center;border-radius:50%;border-radius:var(--circle-border-radius);display:flex;height:3rem;overflow:hidden;width:3rem}.setting__left-box{height:100%;overflow-y:auto;padding-bottom:3rem;padding-right:1rem}.setting__left-menu{align-items:center;background:#0000;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem 1rem}.setting__left-menu.active{background:#336ecc33;border-left:4px solid #336ecc}.setting__left-menu .menu-icon{font-size:1rem!important}.setting__left-menu .menu-item{font-size:.8rem}.modal__setting-right{overflow:hidden;padding:1rem;width:100%}.setting__right-header{margin:1rem 0 2rem}.setting__right-title{font-size:1.2rem;font-weight:500}.setting__right-body{height:100%;overflow-y:auto;padding:0 1rem 3rem 0;scrollbar-width:thin}.setting__right-group{margin-bottom:1rem}.setting__right-subtitle{font-size:1rem;margin-bottom:.5rem}.setting__right-box{align-items:center;background:#fffc;border-radius:.25rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;text-align:left;transition:all .3s ease;transition:var(--transition);width:100%}.collapse.setting__right-box{margin-top:-1rem}.right__box-menu{align-items:center;cursor:pointer;display:flex;gap:1rem}.right__box-menu h4{font-size:.8rem;font-weight:500;margin-bottom:0}.right__box-menu h4.setting-desc{color:#222;font-weight:300;margin-top:.25rem}.account__group{align-items:baseline;display:grid;grid-template-columns:40% 60%}.tutorial{background:#0009;display:none;font-size:.9rem;height:100vh;left:0;place-items:center;position:fixed;top:0;width:100vw;z-index:100}.tutorial-card{background:linear-gradient(119.23deg,#5a9eb9 -3.96%,#a1dfea 101.54%);border-radius:1rem;box-shadow:0 0 1rem rgba(15,99,138,.473);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2rem 3rem;width:60%}.tutorial-card h2{font-size:1.75rem;line-height:2rem;text-align:center}.tutorial-card h2,.tutorial-card h4{color:#fff;font-weight:600;letter-spacing:.01em}.tutorial-card h4{font-size:1rem;line-height:1.2rem}.tutorial-body{background-position:100% 100%;background-repeat:no-repeat;background-size:10rem;position:relative}.tutorial-left{display:grid;grid-template-columns:1fr;margin-top:1rem}.tutorial-left .tutorial-video{cursor:pointer;height:auto;margin-bottom:3rem;width:50%}.tutorial-left .tutorial-link{background:#fff;border:1px solid #0000;border-radius:.5rem;color:#2d6085;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem;width:60%}.tutorial-left .tutorial-link input[type=text]{background:#0000;border:none;width:100%}.tutorial-copy-link{cursor:pointer;display:flex}.tutorial-checkbox{align-items:center;height:100%}.tutorial-btn{margin-top:1rem;width:35%}.accordion-item{border:none}.accordion-button:not(.collapsed){background-color:initial;box-shadow:none;color:#212529}.accordion-button:focus{box-shadow:none}.accordion-header.alert-danger,.accordion-header.alert-info,.accordion-header.alert-success,.accordion-header.alert-warning{background:none;border:none}.accordion-button{padding:0}@media (max-width:1400px){.modal__container .modal__body{width:75%}}@media (max-width:1200px){.txt-icon{display:none}.div-menu-top{max-width:300px}.dropdown-menu-lg-start[data-bs-popper]{left:-6rem;right:auto}.dropdown-item{padding-right:.25rem;width:3rem}.modal__container .modal__body{width:80%}.modal__setting{grid-template-columns:18rem auto}}@media (max-width:1024px){.div-menu-top-p{display:none}.nav-profile{margin-right:2rem;padding-left:0}.tutorial-card{width:80%}.modal__setting{grid-template-columns:1fr}.modal__setting .modal__setting-left{background-color:#d6edff;height:100%;left:-18rem;position:absolute;transition:left .3s ease-in-out;width:18rem}#btnExpandSidebar{display:block!important}}@media (max-width:768px){#dropData{width:100%}#settLokasi,.dropdown-toggle:after{display:none}.dropdown-toggle:after{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.navbar .nav-container{justify-content:space-between}.nav-profile{margin-right:0;padding-right:0}.opsi-mobile{display:block}.div-menu-top,.div-menu-top-p .btn,.opsi-desktop,.table tbody tr:hover .opsi-desktop,.txt-icon{display:none}.tutorial-card{width:95%}.tutorial-body{background-image:none}.tutorial-left .tutorial-link,.tutorial-left .tutorial-video{width:100%}.tutorial-left .tutorial-btn{width:12rem}.modal__container .modal__body{padding:1rem 0 3rem;width:95%}.right__box-menu h4.setting-desc{display:none}}@media print{.cetak-modal *{visibility:visible}@page{size:A4 portrait}.cetak-modal{width:100%}}.chat-container{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:80vh;overflow:hidden;padding:10px}.chat-box{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:10px}.chat-message{word-wrap:break-word;border-radius:15px;display:inline-block;margin-bottom:8px;max-width:70%;padding:10px 15px}.chat-message-left{align-self:flex-start;background-color:#e1f5fe;text-align:left}.chat-message-right{align-self:flex-end;background-color:#c8e6c9;text-align:right}.chat-input{background:#fff;border-top:1px solid #ddd;display:flex;padding:10px}.chat-input input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:8px}.chat-input button{margin-left:10px;padding:8px 15px}body{overflow-x:hidden}.bg-side{background-color:#fefefe;background-image:url(/static/media/bg-1.5df89e9d8a73af6ab649.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:98vh;min-width:100%}.img-side-bottom{bottom:0;position:absolute;right:-12px;width:calc(40% - 30px)}.div-img-top{left:42px;position:absolute;top:32px;width:calc(100% - 80px)}.logo{width:156px}.card-form{margin:30vh auto auto;padding:10px;width:50%}.card-form h4{color:#1d1d1d;font-size:28px}.card-form h6{color:#404040;font-size:16px}.btn-login{background-color:#ee7214!important;color:#fff!important}.btn-login:hover{background-color:var(--color-primary)!important;border:1px solid #2d2d2d;box-shadow:inset 0 0 10px #2d2d2d;color:#fefefe!important}.btn-opsi{cursor:pointer;margin:0!important;padding:11px 5px 0 0!important;position:absolute;right:10px}.btn-opsi:hover{background-color:#fefefe!important;color:#1c446b!important}.form-control{border:1px solid #bdbdbd;border-radius:8px}.material-icons{display:inline-flex;vertical-align:top}.btn-close-modal{background-color:#292d32!important;border-radius:50%!important;color:#fefefe;padding:5px}@media screen and (max-width:768px){.bg-side{display:none}.div-img-top{left:32px;top:22px}.card-form{margin-top:20vh;width:90%}.card-form h4{font-size:24px}.card-form h6{font-size:14px}}