| .pos { |
| padding: 15px; |
| } |
| .cart-container { |
| padding: 0 15px; |
| display: inline-block; |
| width: 39%; |
| vertical-align: top; |
| } |
| .item-container { |
| padding: 0 15px; |
| display: inline-block; |
| width: 60%; |
| vertical-align: top; |
| } |
| .search-field { |
| width: 60%; |
| } |
| .search-field input::placeholder { |
| font-size: 12px; |
| } |
| .item-group-field { |
| width: 40%; |
| margin-left: 15px; |
| } |
| .cart-wrapper .list-item__content:not(:first-child) { |
| justify-content: flex-end; |
| } |
| .cart-items { |
| height: 200px; |
| overflow: auto; |
| } |
| .fields { |
| display: flex; |
| } |
| .pos-items-wrapper { |
| max-height: 480px; |
| overflow: auto; |
| } |
| .pos-item-wrapper { |
| display: flex; |
| flex-direction: column; |
| justify-content: space-between; |
| } |
| .image-view-container { |
| display: block; |
| } |
| .image-view-container .image-field { |
| height: auto; |
| } |
| .empty-state { |
| height: 100%; |
| position: relative; |
| } |
| .empty-state span { |
| position: absolute; |
| color: #8D99A6; |
| font-size: 12px; |
| top: 50%; |
| left: 50%; |
| transform: translate(-50%, -50%); |
| } |