.itemCounter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; margin: 5px 0px 15px; }

.itemCounter input[type='number'] { -moz-appearance: textfield; }

.itemCounter input::-webkit-outer-spin-button, .itemCounter input::-webkit-inner-spin-button { -webkit-appearance: none; }

.itemCounter .text { display: block; font-size: 0.95rem; line-height: 1rem; }

.itemCounter .value { 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; }

.itemCounter .value .val { 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; width: 60px; padding: 5px 15px; background: #fff; border: 1px solid #ced4da; height: 30px; font-size: 1rem; line-height: 1.4rem; text-align: center; }

@media (max-width: 991.98px) { .itemCounter .value .val { width: 35px; padding: 5px; } }

.itemCounter .value .val :not(input) { width: initial; }

.itemCounter .value .action { position: relative; 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: 5px; background: #fff; border: 1px solid #bbb; width: 30px; height: 30px; font-size: 1.1rem; cursor: pointer; }

.itemCounter .value .action:first-of-type { left: 1px; }

.itemCounter .value .action:last-of-type { right: 1px; }

.itemCounter .value .action:hover { background: #f8f8f8; }

.itemCounter .value #sum.disabled, .itemCounter .value #minus.disabled { pointer-events: none; opacity: .5; }