.grid-container{display:grid;grid-template-columns:auto auto auto;grid-gap:10px}.gridlabel{text-align:left;width:150px}.gridlabelcat{text-align:left;width:106px}.griddata,.separator{margin:0}.grid-container1{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:10px}.item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title,.title-only{-webkit-box-flex:1;-ms-flex:1;flex:1}.title-only{text-align:right}.img-fluid{max-width:50%;max-height:100px}.loading_main_background{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(42,42,43,.45);z-index:9999}.preloder img{width:auto;margin:12% 38%;border-radius:50%;opacity:.6}.loading_main_background img{width:5%!important;margin:20% 50%!important;opacity:1!important;position:absolute}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;color:#fff}.badge,.badge-primary{background-color:#007bff}.bin-badge{display:inline-block;margin:0 10px 10px 0;padding:8px;border:1px solid #dee2e6;border-radius:6px;text-align:center;background-color:#f8f9fa;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05)}.bin-number{font-weight:700;color:#007bff;margin-bottom:4px}.bin-expiry{font-size:.8rem;color:#6c757d;margin-bottom:4px}.bin-quantity{font-size:.9rem;padding:.25em .4em}.badge-success{background-color:#28a745;color:#fff}.badge-info{background-color:#17a2b8;color:#fff}img{vertical-align:middle;border-style:none}