@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:#fff;--bg-color-variant:#fff5f5;--text-color:#000;--color-red:#b0182e;--color-red-transparent:#af182f40;--color-red-hover:#ec7082;--color-red-variant:#c2185b;--color-primary:#67081d;--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;--primary-color:#185ee0;--secondary-color:#e6eef9;--card-padding:1.8rem;--circle-border-radius:50%;--transition:all 300ms ease}*,:after,:before{box-sizing:border-box}body{background:#fff!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-x:hidden;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}.video-card{background:#fff;border-radius:10px;bottom:20px;box-shadow:0 4px 10px #00000026;cursor:pointer;height:150px;overflow:hidden;padding:5px;position:fixed;right:20px;width:260px;z-index:9999}.video-card iframe{border-radius:10px;height:100%;pointer-events:auto;width:100%}.bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(0)}}.close-btn{background:#0009;border:none;border-radius:50%;color:#fff;font-size:18px;line-height:1;padding:4px 8px;right:8px;top:4px;z-index:10}.close-btn,.overlay{cursor:pointer;position:absolute}.overlay{align-items:center;background:#0000004d;border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0;z-index:9}.play-btn{background:#fffc;border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;font-size:24px;padding:10px 16px}.access-denied-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;text-align:center}.access-denied-icon{animation:pulse 1.5s infinite;color:#dc3545;font-size:80px;margin-bottom:20px}.access-denied-title{color:#343a40;font-size:32px;margin-bottom:10px}.access-denied-message{color:#6c757d;font-size:18px;margin-bottom:30px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.gallery-container{grid-gap:12px;background-color:#fafafa;border:2px dashed #ccc;border-radius:10px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));height:80vh;overflow-y:auto;padding:20px;transition:background-color .3s}.gallery-container.dragover{background-color:#e6f7ff;border-color:#1890ff}.gallery-item{aspect-ratio:1/1;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;position:relative;width:100%}.gallery-item img{display:block;height:100%;object-fit:cover;width:100%}.centered-img-container{align-items:center;border:2px dashed #ccc;border-radius:10px;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:auto;padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.custom-pill-nav{background-color:#fff;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;padding:5px;width:100%}.shadow-custom{box-shadow:0 10px 36px 0 #00000029,0 0 0 1px #0000000f}.top-right-button-relative{border:none;color:red;cursor:pointer;font-size:14px;padding:8px 15px;position:absolute;right:-20px;top:-13px}.color-default{color:#67081d;color:var(--color-primary)}.custom-pill-nav .nav-link{color:#495057;font-weight:700}.custom-pill-nav .nav-link.active{background-color:initial;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;color:#67081d!important;color:var(--color-primary)!important}.custom-badge{background-color:#67081d;background-color:var(--color-primary);color:#e6eef9!important;font-size:.8em;margin-left:5px}.tablde td{vertical-align:center}.btn-icon{color:#67081d;color:var(--color-primary)}.fas{font-size:20px!important}.icon-label{font-size:10px!important}.tools-icon{font-size:100px}.nav-menu{color:#67081d;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}.tag-input-container{border:1px solid #ccc;display:flex;flex-wrap:wrap;padding:5px}.tag{align-items:center;background-color:#67081d;background-color:var(--color-primary);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;display:flex;position:relative}#content,.wrapper{background-color:#fff!important;width:100%}#content{background-color:var(--bg-color)!important;overflow-y:auto;transition:all .3s}#sidebar{background:#fff5f5;background:var(--bg-color-variant);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;box-shadow:3px 4px 8px 0 #f7b500;color:#000;color:var(--text-color);font-size:.875rem;height:100vh;line-height:1.5rem;max-width:15.625rem;min-width:15.625rem;overflow-y:auto;transition:.5s;transition:all .3s ease}#sidebar .transbox{background-repeat:no-repeat;background-size:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.navbar{background-color:#fff5f5;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 #67081d;border-bottom:1px solid var(--color-primary);padding:.75rem}#sidebar ul p{color:#fff;padding:.625rem}#sidebar ul li a{background:#fff;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:#67081d;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;padding:.625rem}.div-content{background:#fff5f5;background:var(--bg-color-variant);border-radius:15px;color:#000!important;color:var(--text-color)!important;height:90vh;margin-bottom:3rem;margin-top:1rem;overflow-y:auto;padding:1rem;width:100%}.div-content::-webkit-scrollbar{display:none}.div-content{-ms-overflow-style:none;scrollbar-width:none}.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:#67081d!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:#67081d;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:#67081d!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:#67081d;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:#67081d;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:#67081d;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:#67081d;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:#67081d;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 #67081d;border-color:var(--color-primary);color:#67081d;color:var(--color-primary);font-size:.85rem}button.dropdown-item:active{background-color:#67081d!important;background-color:var(--color-primary)!important;color:#fff5f5;color:var(--bg-color-variant)}.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;border-radius:50%!important;color:#fefefe!important;padding:1px!important}.form-control:focus{border-color:#67081d!important;border-color:var(--color-primary)!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #67081d!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)}.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:#67081d!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:#67081d!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 #67081d!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px var(--color-primary)!important}.form-select option{background-color:#fff5f5;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:#67081d!important;border-color:var(--color-primary)!important;color:#67081d!important;color:var(--color-primary)!important}.color-bgt-biru:hover{font-weight:700!important}.color-bgt-emas{border-color:#67081d!important;border-color:var(--color-primary)!important;color:#67081d!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:#67081d!important;background-color:var(--color-primary)!important;color:#fff!important}.btn{border-radius:8px!important;font-size:14px!important;height:36px!important}.btn-ig{background:#833ab4;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);color:#fefe}.btn-ig:hover{border:2px solid #000;color:#fefe}.btn-default span.material-icons{font-size:20px}.btn-add{padding:.375rem .75rem .375rem .5rem!important}.btn-default{align-items:center;background-color:#67081d!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:#67081d!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:#67081d!important;background-color:var(--color-primary)!important;border-radius:8px!important;color:#fefefe!important}.btn-default-soft{align-items:center;background-color:#ffe7e7;background-position:0 0;border:1px solid #fee0e0;border-radius:11px;box-sizing:border-box;color:#67081d;color:var(--color-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:700;line-height:33.4929px;list-style:https://www.smashingmagazine.com/images/bullet.svg none outside url(https://www.smashingmagazine.com/images/bullet.svg);padding:2px 12px;text-align:center;text-decoration:none;text-shadow:none;text-underline-offset:1px;touch-action:manipulation;transition:border .2s ease-in-out,box-shadow .2s ease-in-out;user-select:none;-webkit-user-select:none;white-space:nowrap;word-break:break-word}.btn-default-soft:active,.btn-default-soft:focus,.btn-default-soft:hover{outline:0}.btn-default-soft:active{background-color:#67081d;background-color:var(--color-primary);box-shadow:inset 0 1px 3px 0 #0000001f;color:#fff}.btn-default-soft:hover{background-color:#ffe3e3;border-color:#faa4a4}.btn-default-soft:active:hover,.btn-default-soft:focus,.btn-default-soft:focus:hover{background-color:#67081d;background-color:var(--color-primary);box-shadow:inset 0 1px 3px 0 #0000001f;color:#fff}.btn-menu{border-radius:8px!important;color:#939393!important;white-space:nowrap}.btn-menu.active-menu,.btn-menu:focus,.btn-menu:hover{background:#67081d!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;margin:0!important;padding:0!important;white-space:nowrap!important}.btn-opsi:hover{background-color:#67081d!important;background-color:var(--color-primary)!important;box-shadow:inset 0 0 10px #fefe;color:#fefe!important}.btn-sc{background:#67081d!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:#67081d!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-secondary{cursor:pointer}.badge.bg-primary,.badge.bg-secondary{border-radius:19px!important;padding:6px!important}.badge.bg-primary{background:#67081d!important;background:var(--color-primary)!important}.badge.bg-danger{background:#fef2f9!important;border-radius:19px!important;color:#ec7082!important;color:var(--color-red-hover)!important;padding:6px!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}.card-shadow{border-radius:20px;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326}.card-header{border-radius:20px 20px 0 0!important}.card-device{--card-gradient:var(--color-primary),var(--color-primary-variant);background-position:centr;background-repeat:no-repeat;background-size:cover}.card-device img{max-height:max(10rem,30vh);mix-blend-mode:overlay}.card-ig{border-radius:20px 20px 0 0!important;color:#fefe}.card-ig,.ig-gradient{background:#833ab4;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045)}.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:#fff5f5;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:#fff5f5;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){#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:center}.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}@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%)}.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{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}.tabs-new{background-color:#fff;border-radius:99px;display:flex;padding:.75rem;position:relative}.shadow-card,.tabs-new{box-shadow:0 0 1px 0 #185ee026,0 6px 12px 0 #185ee026}.tabs-new *{z-index:2}.input-redio{display:none}.tab-new{border-radius:99px;cursor:pointer;font-size:1.25rem;font-weight:500;height:54px;transition:color .15s ease-in;width:100%}.notification-new,.tab-new{align-items:center;display:flex;justify-content:center}.notification-new{background-color:#e6eef9;background-color:var(--secondary-color);border-radius:50%;height:2rem;margin-left:.75rem;transition:.15s ease-in;width:2rem}.input-radio:checked+label{color:#185ee0;color:var(--primary-color)}.input-radio:checked+label>.notification{background-color:#185ee0;background-color:var(--primary-color);color:#fff}#tabsSatu:checked~.glider-new{transform:translateX(10%)}#tabsDua:checked~.glider-new{transform:translateX(120%)}#tabsTiga:checked~.glider-new{transform:translateX(240%)}.glider-new{background-color:#e6eef9;background-color:var(--secondary-color);border-radius:99px;display:flex;height:54px;position:absolute;transition:.25s ease-out;width:200px;z-index:1}@media (max-width:700px){.tabs-new{transform:scale(.6)}}.chat-list{border-right:1px solid #ddd;height:100%}.chat-messages{max-height:80vh;min-height:80vh}.chat-messages,.chat-messages2{background:#f5f5f5;height:calc(100% - 60px);overflow-y:auto;padding:10px}.chat-messages2{max-height:64vh;min-height:64vh}.chat-input{align-items:center;background:#fff;border-top:1px solid #ddd;display:flex;height:60px;padding:0 10px}.chat-item.active{background-color:#e9ecef;color:#67081d;color:var(--color-primary)}.message-bubble{border-radius:15px;font-size:14px;margin-bottom:5px;max-width:70%;padding:8px 12px}.message-sent{align-self:flex-end;background-color:#dcf8c6}.message-received{align-self:flex-start}.google-btn,.message-received{background-color:#fff;border:1px solid #ddd}.google-btn{align-items:center;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#444;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease}.google-btn:hover{background-color:#f7f7f7;box-shadow:0 4px 6px #00000026}.google-btn img{height:20px;margin-right:8px;width:20px}