.app{display:flex;flex-direction:column;height:100vh;width:100%;position:fixed;font-family:Poppins;font-style:normal;overflow:hidden}body{font:"Figtree",sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;width:100%;position:fixed;font-family:Arial,Helvetica,sans-serif;font-style:normal;overflow:hidden}button{font-weight:500;font-size:medium;cursor:pointer}.MuiDataGrid-toolbarContainer button{height:32px;font-size:12px;border:solid;border-color:#696969;border-width:.01rem;color:#696969;padding:0 10px}label,p{font-size:15px}.content .row{margin:0}.row .fulfil-tbl{height:70vh;margin:20px 0}.main-content{height:calc(100vh - 90px);display:flex;overflow:hidden;background-color:#ebf0f2e5}.head{margin:1% 0}.content{border-radius:10px;overflow:hidden;background-color:#fff;flex-grow:1;width:100%}.sidebar{display:flex;flex-direction:column;width:250px;max-height:90vh;height:calc(100svh - 90px);padding:20px;font-size:10px;font-weight:400;text-wrap:nowrap}.sidebar .row{width:220px}.sidebar a:hover{background-color:#d3d3d3;margin-right:10px;width:220px;border-radius:8px;color:#000;text-wrap:nowrap}.sidebar a{width:220px;display:block;font-size:14px;text-decoration:none;border-radius:8px;color:#333;border:#333;border-width:2px;text-wrap:nowrap}.sidebar-name{margin-top:5px;padding-bottom:5px}.sidebar a.active{background-color:#b6edff;margin-right:10px;border-radius:8px;text-wrap:nowrap;color:#000}body{font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sticky-header{position:sticky;top:0;z-index:3100;background-color:#fff}.pg-hdr{padding:15px 0 10px 10px;border-width:.5px;border-radius:5px;margin:10px 0 0 10px;align-items:center;position:sticky;width:100%}.pg-hdr h2{font-weight:500;margin:0}.header{background-color:#ebf0f2c3;width:100%;height:90px;color:#000;text-align:center}.blank-bttn{border:none;background:none}.submit{background:#166ee1;border:none;color:#fff;height:36px;border-radius:5px;margin:0 0 0 10px;cursor:pointer;display:flex;justify-content:center;align-items:center}.submit:hover{background:#0d6be7dc;cursor:pointer}.submit:disabled{background:#d3d3d328;color:#d3d3d3}#add-form{margin:1% 10%;border:solid lightgray;border-width:.5px;border-radius:5px;padding:1%;width:80%;height:71.5vh;gap:1px;font-size:14px;box-shadow:#00000029 0 1px 4px}#create-fm{height:52vh}#inspect-form{margin:1% 10%;width:80%;border-width:.5px;border-radius:5px;padding:1%;height:71.5vh;gap:1px;font-size:14px;box-shadow:#00000029 0 1px 4px}#inspect-sect{overflow-y:scroll;overflow-x:hidden;height:54vh}#scn-bttn{margin:10% 40%}#img-sel{width:100%;border:1px solid lightgray}#img-sel:hover{border:1px solid black}.sticky-sub{top:85%}.pstat{border-right:solid rgb(244,239,239);background-color:#fff;height:85px;padding:10px}.pstat p{border-bottom:.105rem dotted;width:max-content;padding-left:0;gap:15px}#parstat{padding:5px 35px;max-width:350px;border:solid lightgray;border-width:1.2px;border-radius:10px;margin:1%;box-shadow:#0000001f 0 1px 2px,#0000003d 0 .5px .5px}#high-pie{padding:10px 20px;border:solid lightgray;border-radius:10px;border-width:thin;box-shadow:#0000001f 0 1px 2px,#0000003d 0 .5px .5px}.ilook{text-wrap:nowrap;margin-bottom:10px}#pal-fm{height:63vh}#order-btn{font-size:small;height:28px}.wave-bttn{position:relative;margin:0 0 0 10px;color:#fff;background-color:#166ee1;border:none;border-radius:5px;overflow:hidden;height:36px}.wave-bttn:before{content:"";position:absolute;top:50%;left:-100%;width:200%;height:36px;border-radius:5px;background:linear-gradient(0deg,#fff3,#fff9,#fff3);animation:wave 1.85s infinite}#filter-lbl{font-weight:500;font-size:12px;color:gray;margin-bottom:5px}.pick-shelf{min-height:570px}.grid-cell-wrap{white-space:normal;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;line-height:1.2em;max-height:2.4em;display:flex;align-content:center}@media(max-width:1025px){.head{margin:2% 0}.sidebar{width:250px}.sidebar .row{width:220px}.sidebar a:hover{background-color:#d3d3d3;margin-right:10px;width:250px;border-radius:8px;color:#000;text-wrap:nowrap}.sidebar a{width:225px}.sidebar a.active{width:250px;background-color:#b6edff}.sidebar a.active .row{width:250px}#parstat{max-width:0;min-width:300px}#high-pie{max-width:0;min-width:100%}#add-form{margin:2%;flex-direction:row;border:none;height:72vh;overflow-x:hidden;width:auto;max-height:100%}#create-fm{height:55vh}#inspect-form{margin:2%;height:67vh;width:auto}#inspect-sect{overflow-y:scroll;height:48.5vh}#scn-bttn{margin:10% 32%}#h-logo{width:87%}#h-av{width:50px}#img-sel{border:1px solid gray}#img-sel:hover{border:1px solid black}.ilook{text-wrap:wrap;margin-bottom:10px}#colpse-sdbr{width:12.333%}.row .fulfil-tbl{height:67vh;margin:20px 0}#pal-tbl{height:calc(var(--vh, 1vh) * 100);margin:0}}@media(max-width:800px){#add-form{margin:2%;border:none;height:72.5vh}.pick-shelf{max-height:80vh;min-height:80vh}#create-fm{height:60vh}#inspect-form{margin:2%;height:72.5vh;width:auto}#inspect-sect{overflow-y:scroll;height:60vh}#scn-bttn{margin:10% 32%}#h-logo{width:85%}#h-av{width:50px}.sticky-sub{top:92%}#pal-fm{height:85vh}}@keyframes wave{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(3);opacity:.4}to{transform:translate(-50%,-50%) scale(6);opacity:0}}