.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;display:none;align-items:center;justify-content:center;z-index:9999;transition:opacity 1s ease-in-out}.overlay.fade-out{opacity:0;pointer-events:none}.popup-content{position:relative}.popup-content img{max-width:90%;max-height:80vh;display:block}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:flex-start;padding-top:9px;z-index:11}.modal-content{background:#ffffff26;padding:20px;max-width:400px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000001a;color:#313131;text-align:center;border:1px solid rgba(255,255,255,.3);animation:popup .3s ease-out forwards}@keyframes popup{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-content p{font-size:1.1rem;margin:0;padding-bottom:10px}.modal-input{width:100%;margin-bottom:17px;box-sizing:border-box;border:none;outline:none;border-bottom:2px solid #3333333a;background-color:transparent;box-shadow:none}input.modal-input:focus{outline:none;box-shadow:none}.modal-ok{background:#f0f0f052;color:#4b4b4b;padding:9px 30px;font-size:16px;font-weight:600;border:none;border-radius:12px;margin:5px;box-shadow:6px 6px 12px #00000012,-3px -3px 12px #ffffffb3;cursor:pointer;transition:box-shadow .4s ease,transform .2s ease}.modal-ok:hover{box-shadow:3px 3px 6px #00000009,-3px -3px 6px #ffffff80;transform:translateY(-1px)}#modal-cancel{color:#9b9b9b}#main-content{display:none}#loginError{color:red;display:none}.h2-style{font-size:21px}.label-p{margin-bottom:-0px}#cart-style{overflow-y:scroll;height:100%;min-height:37px}.h3-style{color:#4f4f4f;font-size:51px;font-style:italic}.clearall-kebwh{margin-top:auto}.clearall-kanan{display:flex;justify-content:end}.clearmini{padding:10px;margin-right:10px}.h3-stylekembalian{font-size:15px;margin-top:15px;margin-bottom:-15px}.angkakembalian{display:block;text-align:center;color:#4f4f4f;font-size:30px}.cancelgray{color:#9b9b9b}.settingnaon{display:none}.logologin{margin:0 auto}.containerpmstr{position:absolute;margin-top:30;font-size:16px;font-family:sans-serif;color:#333}.welcomeadmin{font-weight:700;color:#336c92}.itemmasterstyle{overflow-y:scroll;height:100%;min-height:37px}table{border-collapse:collapse;width:100%}td{text-align:center;padding:2px}thead,tfoot{background-color:#f3f3f3}tfoot{display:flex;margin-top:auto}thead th,tfoot td{padding:10px;border:1px solid #ccc}tbody td{padding:2px}thead,tfoot{display:table;width:100%;table-layout:fixed}tbody{display:block;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}tbody tr{display:table;width:100%;table-layout:fixed;border-bottom:1px dashed lightgray}.transactionstyle1{height:100%;min-height:37px}.transactionstyle2{height:100%;display:flex;flex-direction:column}