@import "https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{appearance:none;box-sizing:border-box;border:0;outline:0;margin:0;padding:0;text-decoration:none;list-style:none}:root{--bg-color:#ecf3ff;--bg-color-variant:#fff;--text-color:#000;--text-color-muted:#6c757d;--border-color:#0000001a;--color-red:#b0182e;--color-red-transparent:#af182f40;--color-red-hover:#ec7082;--color-red-variant:#c2185b;--color-primary:#015cce;--color-primary-hover:#015cce;--color-primary-transparent:#074a9733;--color-primary-variant:#015cce;--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 .3s ease}body{max-width:2048px;height:100%;font-size:.85rem;overflow:hidden;color:var(--text-color)!important;background-color:#0000!important;background-image:linear-gradient(#f0f5ff8c,#f0f5ff8c),url(/assets/Designer-D9qh6PSt.jpg)!important;background-position:50%!important;background-repeat:repeat,repeat!important;background-size:cover!important;background-attachment:fixed!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important;margin:0 auto!important;font-family:Inter,sans-serif!important}body.dark-theme{background-color:#0000!important;background-image:linear-gradient(#0a0b19b3,#0a0b19b3),url(/assets/Designer-D9qh6PSt.jpg)!important;background-position:50%!important;background-repeat:repeat,repeat!important;background-size:cover!important;background-attachment:fixed!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important}body.light-theme{background-color:#0000!important;background-image:linear-gradient(#dce6f566,#dce6f566),url(/assets/Designer-D9qh6PSt.jpg)!important;background-position:50%!important;background-repeat:repeat,repeat!important;background-size:cover!important;background-attachment:fixed!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important}body.dark-theme{--bg-color:#1a1a1a;--bg-color-variant:#262626;--text-color:#fff;--text-color-muted:#b0b0b0;--border-color:#ffffff1a}body.dark-theme .card,body.dark-theme .offcanvas,body.dark-theme .dropdown-menu{background-color:var(--bg-color-variant)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}body.dark-theme .table{--bs-table-color:#fff;--bs-table-bg:transparent;--bs-table-border-color:#ffffff1a;--bs-table-striped-bg:#ffffff0d;--bs-table-striped-color:#fff;--bs-table-active-bg:#ffffff1a;--bs-table-active-color:#fff;--bs-table-hover-bg:#ffffff12;--bs-table-hover-color:#fff;color:#fff!important}body.dark-theme .table th,body.dark-theme .table td,body.dark-theme .table thead th{color:#fff!important;background-color:#0000!important;border-color:#ffffff1a!important}body.dark-theme .table.table-dark,body.dark-theme .table-dark{--bs-table-bg:#ffffff0f;color:#fff!important;background-color:#ffffff0f!important}body.light-theme .table.table-dark,body.light-theme .table-dark{--bs-table-bg:transparent!important;color:#000!important;--bs-table-color:#000!important;--bs-table-border-color:#0000001a!important;--bs-table-striped-bg:#00000008!important;--bs-table-striped-color:#000!important;--bs-table-hover-bg:#0000000d!important;--bs-table-hover-color:#000!important;background-color:#0000!important}body.light-theme .table.table-dark th,body.light-theme .table.table-dark td,body.light-theme .table-dark th,body.light-theme .table-dark td{color:#000!important;background-color:#0000!important;border-color:#0000001a!important}body.dark-theme .modal-header,body.dark-theme .modal-footer{border-color:var(--border-color)!important}body.light-theme .modal-content{-webkit-backdrop-filter:blur(20px)!important;color:#0f172a!important;background:#ffffffe6!important;border:1px solid #fffc!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 40px 100px -20px #00000026!important}body.light-theme .modal-title,body.light-theme .modal-header h1,body.light-theme .modal-header h2,body.light-theme .modal-header h3,body.light-theme .modal-header h4,body.light-theme .modal-header h5,body.light-theme .modal-header h6{color:#0f172a!important}body.light-theme .modal-header,body.light-theme .modal-footer{background:#00000005!important;border-color:#00000014!important}body.light-theme .modal-content .form-control,body.light-theme .modal-content .form-select,body.light-theme .modal-content .dx-texteditor{color:#1e293b!important;background:#ffffffb3!important;border:1px solid #00000026!important}body.light-theme .form-control.is-invalid,body.light-theme .was-validated .form-control:invalid,body.light-theme .form-select.is-invalid,body.light-theme .was-validated .form-select:invalid{border-color:var(--color-red)!important}body.light-theme .modal-content .form-control::placeholder{color:#94a3b8!important}body.light-theme .modal-content label{color:#475569!important;font-weight:500!important}body.light-theme .modal-content .btn-close{filter:none!important;opacity:.6!important}body.light-theme .modal-content .btn-secondary{color:#1e293b!important;background:#0000000d!important;border:1px solid #0000001a!important}body.light-theme .modal-content .btn-secondary:hover{background:#0000001a!important}body.light-theme .modal-backdrop.show{opacity:.45!important}body.dark-theme .modal-content{color:#fff!important;background:#191928f2!important;border-radius:20px!important;overflow:hidden!important}body.dark-theme .modal-content .btn-close{filter:invert()grayscale()brightness(200%)!important}body.dark-theme .form-control,body.dark-theme .form-select{color:var(--text-color)!important;border-color:var(--border-color)!important;background-color:#ffffff0d!important}body.dark-theme .form-control::placeholder{color:#fff6}.is-readonly,.form-control[readonly],.form-select[readonly],.form-control[disabled],.form-select[disabled]{cursor:not-allowed;opacity:.8!important;background-color:#0000000d!important;border-style:solid!important;border-color:#0000001a!important}body.dark-theme .is-readonly,body.dark-theme .form-control[readonly],body.dark-theme .form-select[readonly],body.dark-theme .form-control[disabled],body.dark-theme .form-select[disabled]{color:#ffffff80!important;background-color:#ffffff08!important;border-color:#ffffff0d!important}body.light-theme .is-readonly,body.light-theme .form-control[readonly],body.light-theme .form-select[readonly],body.light-theme .form-control[disabled],body.light-theme .form-select[disabled]{color:#64748b!important;background-color:#00000005!important;border-color:#0000000d!important}body.dark-theme .list-group-item{background-color:var(--bg-color-variant)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme h5,body.dark-theme h6,body.dark-theme .card-title{color:var(--text-color)!important}body.dark-theme .text-muted{color:var(--text-color-muted)!important}.dropdown-menu.dropdown-glass{-webkit-backdrop-filter:blur(35px)saturate(200%)!important;background:#ffffff40!important;border:1px solid #fff6!important;border-radius:20px!important;padding:12px!important;box-shadow:0 10px 40px #00000026,inset 0 0 0 1px #ffffff4d!important}body.dark-theme .dropdown-menu.dropdown-glass{background:#0f0f1973!important;border-color:#ffffff26!important;box-shadow:0 20px 60px #00000073,inset 0 0 0 1px #ffffff0d!important}.dropdown-glass .dropdown-item{margin:4px 0;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-color)!important;border-radius:12px!important;padding:10px 15px!important;font-weight:500!important}.dropdown-glass .dropdown-item:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translate(6px);color:#007aff!important;background:#007aff1f!important}body.dark-theme .dropdown-glass .dropdown-item:hover{color:#fff!important;background:#ffffff14!important}.dropdown-glass .dropdown-divider{margin:10px 0;border-color:#ffffff26!important}body.dark-theme .ql-toolbar,body.dark-theme .ql-container{background-color:var(--bg-color-variant)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}body.dark-theme .ql-snow .ql-stroke{stroke:var(--text-color)!important}body.dark-theme .ql-snow .ql-fill{fill:var(--text-color)!important}body.dark-theme .ql-snow .ql-picker{color:var(--text-color)!important}body.dark-theme .ql-snow .ql-picker-options{background-color:var(--bg-color-variant)!important;border-color:var(--border-color)!important}body.light-theme{--bg-color:#f4faff;--bg-color-variant:#fff;--text-color:#000;--text-color-muted:#6c757d;--border-color:#0000001a}a{color:#000;text-decoration:none}.tablde td{vertical-align:center}.material-icons{font-size:20px!important}.nav-link.active{border:none;border-radius:0;background-color:none!important;color:#5a9eb9!important;border-bottom:2px solid #5a9eb9!important}.tools-icon{font-size:100px}.setting-nav .nav-link.active{background-color:#0000;color:#5a9eb9!important}.setting-nav .nav-link:hover{border:none;border-radius:0;background-color:none!important;color:#5a9eb9!important;border-bottom:2px solid #5a9eb9!important}.navbar>.container-fluid{flex-wrap:nowrap}.navbar .nav-container{justify-content:space-between}.nav-menu{height:2.5rem;color:var(--color-primary);display:flex}.nav-profile{text-align:left;background:0 0;align-items:center;gap:.25rem;height:100%;padding:0 1rem;display:flex}.nav-profile img{width:100%;height:initial;display:block}.nav-profile-photo{border-radius:50%;width:2.2rem;height:2.2rem;overflow:hidden}.btn-notif{--webkit-background-clip:text;-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#00d4ff,#0072ff);border:none;border-radius:50%!important}.div-menu-top{width:100%;max-width:400px;padding-right:10px;display:flex;overflow-x:auto}.div-menu-top::-webkit-scrollbar{width:.5em;height:0}.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{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;width:90%;margin:10px auto 5px;padding:10px 15px;font-size:13px;transition:all .3s}#qMenu.form-control:focus{border-color:var(--primary-color);background:#ffffff1f;box-shadow:0 0 0 4px #ee721426}#qMenu.form-control::placeholder{color:#fff6}.sidebar-footer{width:100%;height:fit-content;padding:1.2rem 1rem;bottom:2rem}.sidebar-footer-img{background:#5a9eb9;border-radius:1rem;gap:1rem;width:100%;height:100%;padding:2rem .5rem;display:grid}.sidebar-footer-img img{width:100%;height:initial;margin:0 auto}.sidebar-tutorial-btn{width:80%;margin:0 auto}#sidebar.hide .sidebar-footer .sidebar-footer-img{display:none}.sidebar-tutorial-mini{transition:all .4s;display:none}.nav-link.active{color:#5b9eb9!important;background:0 0!important;border-bottom:1px solid #5b9eb9!important;width:500px!important}.nav-link:hover{color:#5b9eb9!important;background:0 0!important}.tag-input-container{border:1px solid #ccc;flex-wrap:wrap;padding:5px;display:flex}.tag{color:#fff;background-color:#007bff;border-radius:10px;align-items:center;margin:2px;padding:5px 10px;display:flex}.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{height:2.5rem;display:inline-block}#ulMenu .dropdown-toggle:after{position:absolute;top:50%;right:1.25rem;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-top-right-radius:0!important;border-bottom-right-radius:0!important}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0!important;border-bottom-left-radius:0!important}th{cursor:pointer}a,a:hover,a:focus{color:inherit;text-decoration:none;transition:all .3s}.wrapper{align-items:stretch;width:100%;display:flex;position:relative;background-color:#0000!important}#content{width:100%;height:100vh;transition:all .3s;position:relative;overflow-y:auto;background:0 0!important}body.dark-theme #content,body.light-theme #content{background:0 0!important}#tampil{min-height:calc(100vh - 60px);padding:.5rem;position:relative}body.dark-theme #tampil,body.light-theme #tampil{background:0 0}.main-body{min-height:calc(100vh - 62px);padding:1rem}.div-content{border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(25px)saturate(180%)!important;background:#ffffff59!important;border:1px solid #ffffff4d!important;box-shadow:0 8px 32px #1f26871a!important}body.light-theme .div-content{-webkit-backdrop-filter:blur(25px)saturate(180%)!important;background:#ffffff4d!important;border:1px solid #fff6!important}.div-content:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f268733!important}body.dark-theme .div-content{-webkit-backdrop-filter:blur(25px)saturate(180%)!important;background:#14142373!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #0000004d!important}body.dark-theme .div-content:hover{box-shadow:0 12px 40px #0000008c,0 4px 12px #00000059}.main-title{letter-spacing:-.3px;background:linear-gradient(135deg, var(--color-primary), #b45309);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}body.dark-theme .main-title{background:linear-gradient(135deg,#f97316,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#sidebar{color:#fff;z-index:1000;background:linear-gradient(160deg,#0f1021 0%,#1a1230 50%,#0e1a2b 100%);border-right:1px solid #ffffff14;flex-direction:column;min-width:260px;max-width:260px;height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden;box-shadow:4px 0 30px #00000059}#sidebar:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:#ee721426;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;left:-60px}#sidebar:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:#4a192c40;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:-40px}#sidebar .sidebar-header,#sidebar .transbox,#sidebar ul{z-index:1;position:relative}#sidebar .transbox{flex-direction:column;flex:1;min-height:0;padding:10px 0;display:flex;overflow:visible auto}#sidebar .transbox::-webkit-scrollbar{width:6px}#sidebar .transbox::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.navbar{-webkit-backdrop-filter:blur(16px);z-index:999;background:#ffffffb3;border-bottom:1px solid #ffffff4d;padding:.4rem 1.5rem;position:sticky;top:0;box-shadow:0 4px 20px #0000000f}body.dark-theme .navbar{-webkit-backdrop-filter:blur(16px);background:#1a1a1abf;border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #0000004d}a[data-bs-toggle=collapse]{position:relative}#sidebar .sidebar-header{border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;padding:10px;display:flex}#sidebar ul.components{border:none;padding:5px 12px 15px}#sidebar ul li a{color:#ffffffb3;background:0 0;border-radius:12px;align-items:center;gap:12px;margin:4px 0;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}#sidebar ul li a i{text-align:center;width:24px;transition:transform .2s;font-size:18px!important}#sidebar ul li a:hover{color:#fff;background:#ffffff14}#sidebar ul li a:hover i{transform:scale(1.1)}#sidebar ul li.active>a,#sidebar .menu.active>a{color:#fff;-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff26;font-weight:600;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d;background:#ffffff1f!important}#sidebar ul li.active>a:before,#sidebar .menu.active>a:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:3px;height:40%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #fff9}#sidebar ul li.active>a i,#sidebar .menu.active>a i{color:var(--primary-color);text-shadow:0 0 8px #ee72144d;transform:scale(1.1)}ul ul a{color:#ffffff80!important;background:0 0!important;margin:2px 0!important;padding-left:36px!important;font-size:13px!important}ul ul a:hover{color:#fff!important;background:#ffffff0d!important}#sidebar.hide{min-width:80px;max-width:80px}#sidebar.hide #qMenu{display:none}#sidebar.hide .nama-menu{-webkit-backdrop-filter:blur(12px);white-space:nowrap;opacity:0;visibility:hidden;z-index:10001;pointer-events:none;background:#0f172af2;border:1px solid #ffffff1a;border-radius:10px;margin-top:-10px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .3s,transform .3s;display:block;position:fixed;left:80px;box-shadow:0 10px 30px #00000080;color:#fff!important}#sidebar.hide .nama-menu:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:6px solid #0f172af2;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}#sidebar.hide ul li:hover>a .nama-menu,#sidebar.hide ul li:hover>.dropdown-toggle .nama-menu{opacity:1;visibility:visible;transform:translate(10px)}#sidebar.hide ul li a{justify-content:center;padding:15px;position:relative}#sidebar.hide ul li a i{margin:0;font-size:22px!important}#sidebar .nama-menu{font-weight:500}#sidebar .logo-panjang{display:block}#sidebar .logo,#sidebar.hide .logo-panjang{display:none}#sidebar.hide .logo{width:40px;height:auto;display:block}#sidebar.hide .sidebar-header{padding:20px 10px}body.light-theme #sidebar{-webkit-backdrop-filter:blur(25px)!important;color:#0f172a!important;background:#ffffff73!important;border-right:1px solid #fff6!important;box-shadow:4px 0 30px #0000000d!important}body.light-theme #sidebar:before{background:#ee721414!important}body.light-theme #sidebar:after{background:#015cce1a!important}body.light-theme #sidebar .sidebar-header{border-bottom:1px solid #ffffff4d!important}body.light-theme #sidebar .logo-panjang,body.light-theme #sidebar .logo{filter:none!important}body.light-theme #qMenu.form-control{color:#0f172a!important;background:#ffffff4d!important;border:1px solid #0000001a!important}body.light-theme #qMenu.form-control::placeholder{font-weight:500;color:#475569!important}body.light-theme #sidebar ul li a{font-weight:500;color:#1e293b!important}body.light-theme #sidebar ul li a:hover{color:#000!important;background:#ffffff80!important}body.light-theme #sidebar ul li a i{color:#475569!important}body.light-theme #sidebar ul li.active>a,body.light-theme #sidebar .menu.active>a{color:var(--color-primary)!important;background:#fff9!important;border:1px solid #015cce26!important;font-weight:600!important;box-shadow:0 4px 12px #0000000d!important}body.light-theme #sidebar ul li.active>a i,body.light-theme #sidebar .menu.active>a i{color:var(--color-primary)!important}body.light-theme #sidebar ul li.active>a:before,body.light-theme #sidebar .menu.active>a:before{background:var(--color-primary)!important;box-shadow:0 0 10px #015cce66!important}body.light-theme #sidebar ul ul a{color:#334155!important}body.light-theme #sidebar ul ul a:hover{color:var(--color-primary)!important;background:#fff6!important}body.light-theme #sidebar .transbox::-webkit-scrollbar-thumb{background:#0003}#divPesan{z-index:2147483647;width:30vw;position:fixed;bottom:.9375rem;right:.9375rem}#divExtension{cursor:pointer;color:#979a9c99;padding:1rem;display:none;position:absolute;bottom:0;right:0}#divExtension a{color:#979a9c99}#divExtension a:hover{color:#7c7c7c}#divNeracaAwal{cursor:pointer;color:#888a8a;padding:1rem;position:absolute;bottom:0;right:0}#divNeracaAwal a{color:#888a8a}#divNeracaAwal a:hover{color:#585454}.alert{border-radius:.75rem!important}.alert .close{font-size:1em;position:absolute;top:.3125rem;right:.3125rem}.mid{border-radius:.25rem;max-width:11.25rem;min-height:1.5rem;margin-bottom:.625rem}.mid-big{border-radius:.25rem;max-width:35rem;min-height:2.5rem;margin-bottom:.9375rem}.mid-big-subtitle{border-radius:.25rem;max-width:60rem;min-height:1.5rem;margin-bottom:1.25rem}.lazyColor{opacity:.5;background:linear-gradient(135deg,#d3dfe880 30%,#a9b8c580 38%,#a8b6c199 41% 50%,#a8b6c199 50%,#a9b8c599 51%,#d3dfe899 57% 80%,#d3dfe899 80%) 0 0/1200% 1200%;animation:1s infinite reverse AnimationName}@-webkit-keyframes AnimationName{0%{background-position:0 92%}50%{background-position:100% 9%}to{background-position:0 92%}}@-moz-keyframes AnimationName{0%{background-position:0 92%}50%{background-position:100% 9%}to{background-position:0 92%}}@keyframes AnimationName{0%{background-position:0 92%}to{background-position:100% 9%}}.li-drag button{display:none}.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;height:fit-content;padding:.625rem;overflow-y:auto}.div-content{background:var(--bg-color-variant);width:100%;height:fit-content;margin-top:1rem;margin-bottom:3rem;padding:1rem;color:var(--text-color)!important}.div-sum{width:100%;padding-bottom:1.5rem;overflow-x:auto}.loading{opacity:1;transition:opacity 50ms}.loading.fade{opacity:0}.div-table{min-height:60vh}.div-table-mini{min-height:20vh}.form-total{white-space:nowrap;font-size:1rem;font-weight:700}.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;background-color:var(--color-primary)!important;color:#fefefe!important}.page-link:hover{background-color:var(--color-primary)!important;color:#fefefe!important}::-webkit-scrollbar{width:.3125rem;height:.3125rem}::-webkit-scrollbar-track{border-radius:.3125rem;box-shadow:inset 0 0 10px gray}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:.3125rem}::-webkit-scrollbar-thumb:hover{background:#1a1c20}.material-icons{vertical-align:top!important;display:inline-flex!important}.table{font-size:.85rem}.dx-row-clickable{cursor:pointer!important}.dx-row-clickable:hover td{background-color:#015cce14!important}.table td{vertical-align:middle}.table-dark i{color:var(--color-white)}.bg-thead{white-space:nowrap;background:var(--color-primary)!important;color:#fafafa!important;border-bottom:2px solid #fff!important;font-weight:500!important}.bg-thead th{border:none!important;padding-top:.875rem!important;padding-bottom:.875rem!important}.table th{border-bottom:none!important}[tooltip]{position:relative}[tooltip]:before,[tooltip]:after{text-transform:none;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;font-size:.9em;line-height:1;display:none;position:absolute}[tooltip]:before{content:"";z-index:1001;border:5px solid #0000}[tooltip]:after{content:attr(tooltip);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:var(--color-primary);color:#fff;z-index:1000;border-radius:.3ch;min-width:3em;max-width:21em;padding:1ch 1.5ch;font-family:Inter,sans-serif;overflow:hidden;box-shadow:0 1em 2em -.5em #00000059}[tooltip]:hover:before,[tooltip]:hover:after{display:block}[tooltip=""]:before,[tooltip=""]:after{display:none!important}[tooltip]:not([flow]):before,[tooltip][flow^=up]:before{border-bottom-width:0;border-top-color:var(--color-primary);bottom:100%}[tooltip]:not([flow]):after,[tooltip][flow^=up]:after{bottom:calc(100% + 5px)}[tooltip]:not([flow]):before,[tooltip]:not([flow]):after,[tooltip][flow^=up]:before,[tooltip][flow^=up]:after{left:50%;transform:translate(-50%,-.5em)}[tooltip][flow^=down]:before{border-top-width:0;border-bottom-color:var(--color-primary);top:100%}[tooltip][flow^=down]:after{top:calc(100% + 5px)}[tooltip][flow^=down]:before,[tooltip][flow^=down]:after{left:50%;transform:translate(-50%,.5em)}[tooltip][flow^=left]:before{border-right-width:0;border-left-color:var(--color-primary);top:50%;left:-5px;transform:translate(-.5em,-50%)}[tooltip][flow^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=right]:before{border-left-width:0;border-right-color:var(--color-primary);top:50%;right:-5px;transform:translate(.5em,-50%)}[tooltip][flow^=right]:after{top:50%;left:calc(100% + 5px);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:before,[tooltip]:not([flow]):hover:after,[tooltip][flow^=up]:hover:before,[tooltip][flow^=up]:hover:after,[tooltip][flow^=down]:hover:before,[tooltip][flow^=down]:hover:after{animation:.3s ease-out forwards tooltips-vert}[tooltip][flow^=left]:hover:before,[tooltip][flow^=left]:hover:after,[tooltip][flow^=right]:hover:before,[tooltip][flow^=right]:hover:after{animation:.3s ease-out forwards tooltips-horz}button.dropdown-item{color:#000;font-size:.85rem}button.dropdown-item:hover{border:1px solid;border-color:var(--color-primary);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:var(--text-color)!important}.btn-close-modal{color:#fefefe!important;background-color:#6c757d!important;border-radius:50%!important;padding:1px!important}.form-control:focus{border-color:var(--color-primary)!important;box-shadow:inset 0 1px 1px #00000013, 0 0 8px var(--color-primary)!important}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--color-red)!important}.form-control{color:var(--text-color);background-color:#fff3;border:1px solid #bdbdbd!important;border-radius:8px!important;font-size:.8rem!important}.number-format{text-align:right}textarea.form-control{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 #00000013,0 0 8px #2d2d2d!important}.form-select{color:var(--text-color);background-color:#fff3;border-radius:8px!important;font-size:.8rem!important}.form-check-input:checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;box-shadow:inset 0 1px 1px #00000013,0 0 8px #2d2d2d!important}.form-control-sc:focus{border-color:var(--color-primary)!important;box-shadow:inset 0 1px 1px #00000013, 0 0 8px var(--color-primary)!important}.form-select option{color:var(--text-color);background-color:var(--bg-color-variant)}.form-control-sc{border:1px solid #bdbdbd!important;border-radius:8px 0 0 8px!important}.form-hide{display:none}.txt-icon{margin-left:.25rem;font-family:Inter;font-style:normal;font-weight:500;line-height:1rem;display:inline;font-size:.875rem!important}.color-bgt-merah{border-color:var(--color-red-variant)!important;color:var(--color-red-variant)!important}.color-bgt-merah:hover{font-weight:700!important}.color-bgt-ungu{color:#9c27b0!important;border-color:#9c27b0!important}.color-bgt-ungu:hover{font-weight:700!important}.color-bgt-biru{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.color-bgt-biru:hover{font-weight:700!important}.color-bgt-emas{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.color-bgt-emas:hover{font-weight:700!important}.color-bg-merah{background-color:var(--color-red-variant)!important;color:#fff!important}.color-bg-ungu{color:#fff!important;background-color:#9c27b0!important}.color-bg-biru,.color-bgt-default{background-color:var(--color-primary)!important;color:#fff!important}.btn{border-radius:8px!important;height:36px!important;font-size:14px!important}.btn-default span.material-icons{font-size:20px}.btn-add{padding:.375rem .75rem .375rem .5rem!important}.btn-default,.btn-primary,.btn-danger,.btn-secondary,.btn-success,.btn-warning{cursor:pointer;justify-content:center;align-items:center;gap:8px;position:relative;overflow:hidden;color:#fff!important;border:none!important;border-radius:10px!important;height:38px!important;padding:0 1.25rem!important;font-size:14px!important;font-weight:500!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.btn-default span.material-icons,.btn-primary i,.btn-danger i,.btn-secondary i,.btn-success i,.btn-warning i{font-size:20px!important}.btn-default,.btn-primary{background:linear-gradient(135deg, var(--color-primary), #0047a5)!important}.btn-danger{background:linear-gradient(135deg, var(--color-red), #8e1224)!important}.btn-success{background:linear-gradient(135deg, var(--color-green), #145a42)!important}.btn-warning{background:linear-gradient(135deg, var(--color-yellow), #c47305)!important;color:#fff!important}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569)!important}.btn-default:hover,.btn-primary:hover,.btn-danger:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover{filter:brightness(1.1);transform:translateY(-2px);color:#fff!important}.btn-default:hover,.btn-primary:hover{box-shadow:0 10px 15px -3px #015cce4d,0 4px 6px -2px #015cce33!important}.btn-danger:hover{box-shadow:0 10px 15px -3px #b0182e4d,0 4px 6px -2px #b0182e33!important}.btn-success:hover{box-shadow:0 10px 15px -3px #1e7e5d4d,0 4px 6px -2px #1e7e5d33!important}.btn-warning:hover{box-shadow:0 10px 15px -3px #f18e064d,0 4px 6px -2px #f18e0633!important}.btn-secondary:hover{box-shadow:0 10px 15px -3px #64748b4d,0 4px 6px -2px #64748b33!important}.btn-default:active,.btn-primary:active,.btn-danger:active,.btn-secondary:active,.btn-success:active,.btn-warning:active{filter:brightness(.95);transform:translateY(0);box-shadow:0 2px 4px -1px #0000000f!important}.btn-default:focus,.btn-primary:focus,.btn-danger:focus,.btn-secondary:focus,.btn-success:focus,.btn-warning:focus{outline:none;box-shadow:0 0 0 3px #015cce66!important}.btn-kasir:focus{border:1px solid #2d2d2d;background-color:var(--color-red)!important;color:#fefefe!important}.btn-default-2{background:linear-gradient(135deg, var(--color-primary), #0047a5)!important;color:#fff!important;border-radius:10px!important;font-weight:500!important;transition:all .25s!important}.btn-default-2:hover{filter:brightness(1.1);transform:scale(1.02)}.btn-menu{white-space:nowrap;color:#64748b!important;border-radius:10px!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.btn-menu:hover{transform:translate(4px);background:var(--color-primary-transparent)!important;color:var(--color-primary)!important}.btn-menu.active-menu{background:var(--color-primary)!important;color:#fff!important;box-shadow:0 4px 12px #015cce40!important}.btn-menu:focus,.btn-menu.active-menu{background:var(--color-primary)!important;color:#fff!important}.btn-opsi{border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;color:#64748b!important;border-radius:50%!important;transition:all .2s!important}.btn-opsi:hover{transform:rotate(90deg);background-color:var(--color-primary-transparent)!important;color:var(--color-primary)!important}.btn-sc{color:#fff!important;background:var(--color-primary)!important;border-radius:0 8px 8px 0!important}.btn-sc:hover,.btn-sc:focus{color:var(--color-primary)!important;background:#fff!important}.badge.bg-warning{color:var(--color-yellow-hover)!important;background:#fef9dd!important;border-radius:19px!important;padding:6px!important}.badge.bg-success{color:#53c16e!important;background:#ecf9f1!important;border-radius:19px!important;padding:6px!important}.badge.bg-primary{background:var(--color-primary-hover)!important;color:var(--color-primary)!important;border-radius:19px!important;padding:6px!important}.badge.bg-danger{color:var(--color-red-hover)!important;background:#fef2f9!important;border-radius:19px!important;padding:6px!important}.badge.bg-danger-notif{border:1px solid #fff;animation:.8s linear infinite blink;background:var(--color-red)!important;border-radius:19px!important;padding:3px!important}.div-img{padding-top:.625rem;position:relative}.div-img .btn-img{cursor:pointer;text-align:center;border:none;border-radius:5px;font-size:1rem;position:absolute;top:1.875rem;left:90%;transform:translate(-50%,-50%)}.div-img .btn-img:hover{background-color:#000}.modal-header,.modal-content,.modal-footer{color:var(--text-color)}.alert>.start-icon{text-align:center;min-width:12.5rem;margin-right:.3125rem}.greencross{color:#25ff0b;text-shadow:none;font-size:1.125rem}.alert-simple.alert-success{color:#0ad406;text-shadow:2px 1px var(--color-dark);cursor:pointer;background-color:#0795421f;border:1px solid #24f10675;transition:all .5s;box-shadow:0 0 2px #259c08}.alert-success:hover{background-color:#07954259;transition:all .5s}.alert-simple.alert-info{border:1px solid var(--color-primary-transparent);background-color:var(--color-primary-transparent);box-shadow:0px 0px 2px var(--color-primary-hover);color:var(--color-primary-hover);text-shadow:2px 1px #00040a;cursor:pointer;transition:all .5s}.alert-info:hover{background-color:var(--color-primary-transparent);transition:all .5s}.blue-cross{color:var(--color-primary-hover);text-shadow:none;font-size:1.125rem}.alert-simple.alert-warning{color:#ffb103;text-shadow:2px 1px #00040a;cursor:pointer;background-color:#dc800129;border:1px solid #f18e06cf;transition:all .5s;box-shadow:0 0 2px #ffb103}.alert-warning:hover{background-color:#dc800154;transition:all .5s}.warning{color:#ffb40b;text-shadow:none;font-size:1.125rem}.alert-simple.alert-danger{background-color:var(--color-red-transparent);box-shadow:0px 0px 2px var(--color-red-hover);color:var(--color-red-hover);text-shadow:2px 1px var(--color-dark);cursor:pointer;border:1px solid #f10606cf;transition:all .5s}.alert-danger:hover{color:#fff;background-color:#7b0a02;transition:all .5s}.danger{color:var(--color-red-hover);text-shadow:none;font-size:1.125rem}.alert-simple.alert-primary{border:1px solid var(--color-primary-transparent);background-color:var(--color-primary-transparent);box-shadow:0px 0px 2px var(--color-primary-hover);color:var(--color-primary-hover);text-shadow:2px 1px var(--color-dark);cursor:pointer;transition:all .5s}.alert-primary:hover{background-color:var(--color-primary-transparent);transition:all .5s}.alertprimary{color:var(--color-primary-hover);text-shadow:none;font-size:1.125rem}.accordion-header.alert:before{content:"";border-right:4px solid;border-radius:3px;width:0;height:1.75rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.accordion-button:not(.collapsed):after{background-position:50%;border-radius:50%;padding:.75rem}.accordion-flush .accordion-collapse{margin-left:1.5rem}.alert-warning,.alert-danger,.alert-info{color:#000;font-size:14px;font-weight:400;line-height:17px}.fa-times{animation:2s infinite both blink-1}.animated{animation-duration:1s;animation-fill-mode:both;z-index:10000000!important}.modal-body{overflow-y:auto}.img-fluid{max-width:100%;height:auto}.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}}@-webkit-keyframes flipInX{0%{opacity:0;-webkit-transform:perspective(400px)rotateX(90deg)}40%{-webkit-transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg)}to{opacity:1;-webkit-transform:perspective(400px)rotateX(0)}}@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(0)}}.flipInX{animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{opacity:1;-webkit-transform:perspective(400px)rotateX(0)}to{opacity:0;-webkit-transform:perspective(400px)rotateX(90deg)}}@keyframes flipOutX{0%{opacity:1;transform:perspective(400px)rotateX(0)}to{opacity:0;transform:perspective(400px)rotateX(90deg)}}.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.cursor{cursor:pointer}@keyframes blink-1{0%,50%,to{opacity:1}25%,75%{opacity:0}}@media (width<=768px){.pagination{margin-right:0}#divPesan{width:95vw;position:fixed;bottom:.9375rem;right:.9375rem}#sidebar.hide{text-align:center;min-width:5rem;max-width:5rem;margin-left:-5rem!important}#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{padding:1.25rem .625rem;font-size:.85em}#sidebar.hide ul li a i{margin-bottom:.3125rem;margin-right:0;font-size:1.8em;display:block}#sidebar.hide ul ul a{padding:.625rem!important}.dropdown-toggle:after{transform:translate(50%)}.main-title{text-align:left;color:var(--text-color)!important}.div-table{min-height:60vh}}.card-sum{cursor:pointer;border-radius:.75rem;width:100%;min-width:15.625rem;min-height:8rem;margin-right:1.625rem}.card-info{cursor:pointer;width:100%;margin-right:25px;padding:10px 0;border-radius:12px!important;min-width:250px!important;min-height:127px!important}.card-info.activeClass{box-shadow:none;background-color:#b2cde8}.card-info.activeClass .sum-info{color:#0f0e2f}.card-body-baru{border-left:10px solid var(--color-primary-variant);padding:0 1.5rem!important}.card-body-kuning{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 var(--color-red);padding:0 1.5rem!important}.card-body-repeat{border-left:10px solid var(--color-purple);padding:0 1.5rem!important}.card-body-last{border-left:10px solid var(--color-primary-variant);padding:0 1.5rem!important}.sum-info{color:#939393;text-align:right;font-size:1rem}.card-title{letter-spacing:.01em;color:#000;font-size:1rem;font-weight:500;line-height:1.875rem}.div-sum>div{transition:all .3s;box-shadow:0 .75rem .5rem #848bc82e}.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 #0003}#divPrint{visibility:hidden}@media print{body *{visibility:hidden}#divPrint,#divPrint *{visibility:visible}#divPrint{position:absolute;top:0;left:0}}.form-label{margin-bottom:.2rem!important;font-size:.8rem!important}.form-check-label{font-size:.8rem}.form-setting-table{grid-template-columns:1fr 1fr;display:grid}.bg-thead-grey{background:#f3f4f8!important;border-bottom:1px solid #0000!important}.bg-total-grey{letter-spacing:.01em;background:#d7dcfa;font-size:1rem;font-weight:600;line-height:1.2rem}@keyframes flipArrow{to{transform:rotate(-180deg)}}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-2-n{grid-template-columns:1fr 1fr;display:grid}.grid-3_7{grid-template-columns:30% auto;gap:1rem;display:grid}.grid-rep-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.grid-04-oto{grid-template-columns:.4fr auto;gap:1rem;display:grid}.grid-07-oto{grid-template-columns:40% auto;gap:1rem;display:grid}.grid-cst-1{grid-template-columns:auto 10% auto;gap:.5rem;display:grid}.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{z-index:101;text-align:center;background:#fff3;place-items:center;width:100vw;height:100vh;font-size:.9rem;font-weight:500;display:grid;position:fixed;top:0;left:0}.modal__container .modal__body{background:#d6edff;border-radius:1rem;width:70%;max-width:1600px;height:90%;max-height:650px;padding:1rem 1rem 3rem;position:absolute;overflow:hidden;box-shadow:0 0 1rem #336ecc}.modal__container.fade-in{animation:.2s ease-in-out modal-show}@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;gap:.5rem;padding-left:1rem;display:flex}.modal__body-header h5{margin-bottom:0;font-size:.8rem}.modal__body-header .modal-close-btn{cursor:pointer;position:absolute;top:1rem;right:1rem}.modal__setting{text-align:left;grid-template-columns:20rem auto;height:100%;display:grid}.modal__setting-left{width:100%;padding:1rem;overflow-y:hidden}.modal__setting-left .user__profile{cursor:pointer;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.user__profile-picture img{width:100%;display:block}.user__profile-picture{border-radius:var(--circle-border-radius);align-items:center;width:3rem;height:3rem;display:flex;overflow:hidden}.setting__left-box{height:100%;padding-bottom:3rem;padding-right:1rem;overflow-y:auto}.setting__left-menu{cursor:pointer;background:0 0;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;display:flex}.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{width:100%;padding:1rem;overflow:hidden}.setting__right-header{margin:1rem 0 2rem}.setting__right-title{font-size:1.2rem;font-weight:500}.setting__right-body{scrollbar-width:thin;height:100%;padding:0 1rem 3rem 0;overflow-y:auto}.setting__right-group{margin-bottom:1rem}.setting__right-subtitle{margin-bottom:.5rem;font-size:1rem}.setting__right-box{transition:var(--transition);text-align:left;background:#fffc;border-radius:.25rem;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding:1rem;display:flex}.collapse.setting__right-box{margin-top:-1rem}.right__box-menu{cursor:pointer;align-items:center;gap:1rem;display:flex}.right__box-menu h4{margin-bottom:0;font-size:.8rem;font-weight:500}.right__box-menu h4.setting-desc{color:#222;margin-top:.25rem;font-weight:300}.account__group{grid-template-columns:40% 60%;align-items:baseline;display:grid}.tutorial{z-index:100;background:#0009;place-items:center;width:100vw;height:100vh;font-size:.9rem;display:none;position:fixed;top:0;left:0}.tutorial-card{background:linear-gradient(119.23deg,#5a9eb9 -3.96%,#a1dfea 101.54%);border-radius:1rem;width:60%;height:fit-content;padding:2rem 3rem;box-shadow:0 0 1rem #0f638a79}.tutorial-card h2{letter-spacing:.01em;color:#fff;text-align:center;font-size:1.75rem;font-weight:600;line-height:2rem}.tutorial-card h4{letter-spacing:.01em;color:#fff;font-size:1rem;font-weight:600;line-height:1.2rem}.tutorial-body{background-position:100% 100%;background-repeat:no-repeat;background-size:10rem;position:relative}.tutorial-left{grid-template-columns:1fr;margin-top:1rem;display:grid}.tutorial-left .tutorial-video{width:50%;height:initial;cursor:pointer;margin-bottom:3rem}.tutorial-left .tutorial-link{color:#2d6085;background:#fff;border:1px solid #0000;border-radius:.5rem;justify-content:space-between;gap:1rem;width:60%;margin-bottom:.5rem;padding:.5rem;display:flex}.tutorial-left .tutorial-link input[type=text]{background:0 0;border:none;width:100%}.tutorial-copy-link{cursor:pointer;display:flex}.tutorial-checkbox{align-items:center;height:100%}.tutorial-btn{width:35%;margin-top:1rem}.accordion-item{border:none}.accordion-button:not(.collapsed){color:#212529;box-shadow:none;background-color:#0000}.accordion-button:focus{box-shadow:none}.accordion-header.alert-warning,.accordion-header.alert-danger,.accordion-header.alert-info,.accordion-header.alert-success{background:0 0;border:none}.accordion-button{padding:0}@media (width<=1400px){.modal__container .modal__body{width:75%}}@media (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{width:3rem;padding-right:.25rem}.modal__container .modal__body{width:80%}.modal__setting{grid-template-columns:18rem auto}}@media (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;width:18rem;height:100%;transition:left .3s ease-in-out;position:absolute;left:-18rem}#btnExpandSidebar{display:block!important}}@media (width<=768px){#dropData{width:100%}.dropdown-toggle:after,#settLokasi{display:none}.dropdown-toggle:after{position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.navbar .nav-container{justify-content:space-between}.nav-profile{margin-right:0;padding-right:0}.opsi-mobile{display:block}.opsi-desktop,.table tbody tr:hover .opsi-desktop,.txt-icon,.div-menu-top-p .btn,.div-menu-top{display:none}.tutorial-card{width:95%}.tutorial-body{background-image:none}.tutorial-left .tutorial-video,.tutorial-left .tutorial-link{width:100%}.tutorial-left .tutorial-btn{width:12rem}.modal__container .modal__body{width:95%;padding:1rem 0 3rem}.right__box-menu h4.setting-desc{display:none}}@media print{.cetak-modal *{visibility:visible}@page{size:A4 portrait}.cetak-modal{width:100%}}@keyframes toast-progress{0%{width:100%}to{width:0%}}.modal__container .modal__body{padding:1rem 0 3rem}.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;flex-direction:column;height:80vh;padding:10px;display:flex;overflow:hidden}.chat-box{flex-direction:column;flex:1;padding:10px;display:flex;overflow-y:auto}.chat-message{word-wrap:break-word;border-radius:15px;max-width:70%;margin-bottom:8px;padding:10px 15px;display:inline-block}.chat-message-left{text-align:left;background-color:#e1f5fe;align-self:flex-start}.chat-message-right{text-align:right;background-color:#c8e6c9;align-self:flex-end}.chat-input{background:#fff;border-top:1px solid #ddd;padding:10px;display:flex}.chat-input input{border:1px solid #ccc;border-radius:5px;flex:1;padding:8px}.chat-input button{margin-left:10px;padding:8px 15px}.custom-toast{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:9999;background:#ffffff73;border:1px solid #ffffff4d;border-left:6px solid #0d6efd;border-radius:18px;align-items:flex-start;min-width:320px;max-width:450px;margin-bottom:16px;padding:18px 24px 18px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}.toast-success{border-left-color:#198754}.toast-danger{border-left-color:#dc3545}.toast-warning{border-left-color:#ffc107}.toast-info{border-left-color:#0d6efd}.custom-toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:14px;display:flex}.custom-toast-icon i{font-size:26px}.toast-success .custom-toast-icon{color:#198754}.toast-danger .custom-toast-icon{color:#dc3545}.toast-warning .custom-toast-icon{color:#ffc107}.toast-info .custom-toast-icon{color:#0d6efd}.custom-toast-body{flex-grow:1}.custom-toast-title{color:#1d1d1f;margin-bottom:3px;font-size:16px;font-weight:700;display:block}.custom-toast-details{color:#48484a;margin:0;font-size:14px;line-height:1.5}.custom-toast-close{cursor:pointer;color:#86868b;background:0 0;border:none;margin-left:12px;padding:0;font-size:22px;line-height:1;transition:all .2s}.custom-toast-close:hover{color:#1d1d1f}.custom-toast-progress{opacity:.6;width:100%;height:4px;position:absolute;bottom:0;left:0}.toast-success .custom-toast-progress{background:#198754}.toast-danger .custom-toast-progress{background:#dc3545}.toast-warning .custom-toast-progress{background:#ffc107}.toast-info .custom-toast-progress{background:#0d6efd}body.dark-theme .custom-toast{background:#1e1e2d99;border:1px solid #ffffff1a;box-shadow:0 10px 40px #0006}body.dark-theme .custom-toast-title{color:#fff}body.dark-theme .custom-toast-details{color:#d1d1d6}body.dark-theme .custom-toast-close{color:#8e8e93}body.dark-theme .custom-toast-close:hover{color:#fff}#divPesan{z-index:99999;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:20px;right:20px}#divPesan .custom-toast{pointer-events:auto}