body{overflow-y:hidden}.row{margin-left:0;margin-right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.topbar{width:100%;height:100vh;padding-left:1rem;padding-right:1rem;border-bottom:1px solid rgba(0,0,0,.16);-webkit-box-shadow:rgba(0,0,0,.1) 0 3px 6px;box-shadow:0 3px 6px rgba(0,0,0,.1)}.topbar .top-bar-title{height:100%;font-size:2rem;font-weight:700}.topbar .top-bar-button-layout{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%}.topbar .top-bar-button-layout,.topbar .top-bar-button-layout .top-bar-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topbar .top-bar-button-layout .top-bar-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:80%;font-size:1.5rem;margin-right:1rem}.topbar .top-bar-button-layout .top-bar-button .icon-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0;margin-right:.5rem;font-size:1rem}.menu-icon-grids{width:23rem;padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.menu-icon-grids>a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:11rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:18px 12px;color:#a855f7;border-radius:4px}.button-size{font-size:28px;margin-bottom:4px;color:#a855f7}.active-class,.menu-icon-grids>a:hover,.menu-icon-grids>a:hover>.button-size,.menu-icon-grids>a>.active-button-size{background:#a855f7;color:#fff}.active-class>.button-size,.active-class>span{color:#fff}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:#fff;text-decoration:none}.pop-root{height:100vh}.top-bar{height:7%}.router-view{height:100%}.title-text{color:#fff;font-weight:700;-ms-flex-item-align:center;align-self:center;padding:.5rem;font-size:1.5rem}.default-info-card,.top-layout .info-card .item-card,.top-layout .info-card .storage-card,.top-layout .info-card .total-count-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;width:100%;height:calc(16.66667% - 8.33333px);-webkit-box-shadow:rgba(0,0,0,.1) 0 3px 6px,rgba(0,0,0,.1) 0 3px 6px;box-shadow:0 3px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.1)}.app-barcode-pop-layout{margin:0;margin-top:10px;padding:0;height:100%;font-size:16px}.top-layout{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:78%}.top-layout .info-card{width:25%;height:100%;margin-left:5px}.top-layout .info-card .content{border-radius:5px;width:100%;height:100%;-webkit-box-shadow:rgba(0,0,0,.1) 0 3px 6px,rgba(0,0,0,.1) 0 3px 6px;box-shadow:0 3px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.1)}.top-layout .info-card .storage-card{margin-bottom:10px}.top-layout .info-card .item-card{margin-bottom:10px;color:#fff}.top-layout .info-card .item-card h2{color:#fff}.top-layout .list-card{width:80%;height:100%;margin:0 5px 0 5px;background-color:#fff;-webkit-box-shadow:rgba(0,0,0,.1) 0 3px 6px,rgba(0,0,0,.1) 0 3px 6px;box-shadow:0 3px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.1);border-radius:5px}.top-layout .list-card div{width:100%;border-radius:5px}.top-layout .list-card div .vgt-fixed-header .vgt-table thead tr th{background-color:#f2f4f7}.top-layout .list-card div .vgt-responsive{max-height:78vh}.top-layout .button-card{width:5%;height:100%;font-size:1.5rem;-webkit-box-shadow:rgba(0,0,0,.1) 0 3px 6px,rgba(0,0,0,.1) 0 3px 6px;box-shadow:0 3px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.1);border-radius:.3rem;margin-right:.3rem}.top-layout .button-card .plus-button{width:100%;height:50%;background-color:#b7df89;border-radius:.3rem .3rem 0 0}.top-layout .button-card .active-plus-button,.top-layout .button-card .plus-button:hover{background-color:#9ed461;-webkit-box-shadow:#365316 3px 3px 6px 0 inset;box-shadow:inset 3px 3px 6px 0 #365316}.top-layout .button-card .active-plus-button{width:100%;height:50%;border-radius:.3rem .3rem 0 0}.top-layout .button-card .minus-button{background-color:#f46a67;width:100%;height:50%;border-radius:0 0 .3rem .3rem}.top-layout .button-card .active-minus-button,.top-layout .button-card .minus-button:hover{background-color:#f03b38;-webkit-box-shadow:#560806 3px 3px 6px 0 inset;box-shadow:inset 3px 3px 6px 0 #560806}.top-layout .button-card .active-minus-button{width:100%;height:50%;border-radius:0 0 .3rem .3rem}.bottom-layout{width:100%;height:15%}.bottom-layout .status-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:1rem}.bottom-layout .item-inflow-button,.bottom-layout .status-text{width:30%;height:60%;font-size:2rem}.tablestyles{font-size:1.5rem}.icon-size{font-size:5rem;margin-bottom:1rem}.move-storage-icon{margin-top:3vw;font-size:7rem;margin-bottom:1rem}@media (-webkit-min-device-pixel-ratio:1.9895833333333333),(min-resolution:191dpi){.icon-size{font-size:3rem;margin-bottom:1rem}.move-storage-icon{font-size:5rem}.ellipsis,.multiselect__content-wrapper,.multiselect__placeholder,.multiselect__single{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.top-layout{width:100%;height:78%}.top-layout .list-card div .vgt-fixed-header{width:99.2%}.top-layout .list-card div .vgt-fixed-header .vgt-table thead tr th{font-size:1.1rem}.top-layout .list-card div .vgt-fixed-header .vgt-table th.line-numbers,.top-layout .list-card div .vgt-fixed-header .vgt-table th.vgt-checkbox-col{width:30px;font-size:1.1rem}.top-layout .list-card div .vgt-responsive{max-height:79vh}.top-layout .list-card div .vgt-responsive .vgt-table thead tr th{font-size:1.1rem}.top-layout .list-card div .vgt-responsive .vgt-table th.line-numbers,.top-layout .list-card div .vgt-responsive .vgt-table th.vgt-checkbox-col{width:30px;font-size:1.1rem}.multiselect{font-size:1.1rem!important;padding:0!important;min-width:15vw;max-width:20vw;border-radius:.25rem;border:none!important}.multiselect__input{margin-bottom:0}.multiselect__input,.multiselect__placeholder,.multiselect__single{font-size:1.1rem!important}.multiselect__placeholder{margin-bottom:0;min-width:10vw;max-width:10vw}.multiselect__content-wrapper{width:auto;min-width:20vw;max-width:400px}.tablestyles{font-size:3vw}}@media (max-width:959px){.top-layout{display:block;width:100%;height:82%}.top-layout .info-card{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:20%;margin-top:5px}.top-layout .info-card .content{width:calc(100% - 10px)}.top-layout .info-card .content,.top-layout .info-card .storage-card{height:100%;margin-right:5px;-webkit-box-shadow:rgba(0,0,0,.1) 0 3px 6px,rgba(0,0,0,.1) 0 3px 6px;box-shadow:0 3px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.1)}.top-layout .info-card .storage-card{width:calc(16.66667% - 8.33333px)}.top-layout .info-card .item-card{margin-right:5px}.top-layout .info-card .item-card,.top-layout .info-card .total-count-card{width:calc(33.33333% - 16.66667px);height:100%;-webkit-box-shadow:rgba(0,0,0,.1) 0 3px 6px,rgba(0,0,0,.1) 0 3px 6px;box-shadow:0 3px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.1)}.top-layout .list-card{width:calc(100% - 10px);height:80%;margin:5px}.top-layout .list-card div .vgt-fixed-header{width:100%}.top-layout .list-card div .vgt-fixed-header .vgt-table thead tr th{font-size:4vw;background-color:#f2f4f7}.top-layout .list-card div .vgt-responsive{max-height:62vh}.top-layout .list-card div .vgt-responsive .vgt-table tbody tr td,.top-layout .list-card div .vgt-responsive .vgt-table thead tr th{font-size:4vw}.top-layout .button-card{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 10px);margin:5px;height:10%;font-size:1.5rem}.top-layout .button-card .plus-button{width:50%;height:100%;margin:0;background-color:#b7df89;border-radius:.3rem 0 0 .3rem}.top-layout .button-card .active-plus-button,.top-layout .button-card .plus-button:hover{background-color:#9ed461;-webkit-box-shadow:#365316 3px 3px 6px 0 inset;box-shadow:inset 3px 3px 6px 0 #365316}.top-layout .button-card .active-plus-button{width:50%;height:100%;border-radius:.3rem 0 0 .3rem}.top-layout .button-card .minus-button{width:50%;height:100%;background-color:#f46a67;border-radius:0 .3rem .3rem 0}.top-layout .button-card .active-minus-button,.top-layout .button-card .minus-button:hover{background-color:#f03b38;-webkit-box-shadow:#560806 3px 3px 6px 0 inset;box-shadow:inset 3px 3px 6px 0 #560806}.top-layout .button-card .active-minus-button{width:50%;height:100%;border-radius:0 .3rem .3rem 0}.bottom-layout{width:100%;height:10%}.bottom-layout .item-inflow-button,.bottom-layout .status-text{width:40%;height:60%;font-size:2rem}.multiselect{font-size:4vw!important;padding:0!important;border:none!important;min-width:20vw;max-width:20vw;border-radius:.25rem}.multiselect__input{font-size:4vw!important;margin-bottom:0}.multiselect__placeholder,.multiselect__single{font-size:4vw!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiselect__placeholder{margin-bottom:0;min-width:15vw;max-width:15vw}}