/* Remove spin buttons on number inputs in Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  text-align: center;
}

/* Set padding for the container */
.container {
  padding: 0 5px;
}

/* Override number input appearance for Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Center align text */
.center {
  text-align: center;
}

/* Right align text */
.right {
  text-align: right;
}

/* Set width for specific elements */
.ten {
  width: 10% !important;
}

.thirty {
  width: 30% !important;
}

.hundred {
  width: 100% !important;
}

/* Style for price span */
span#price {
  margin-right: 10%;
  display: inline;
  float: right;
}

/* Style for plus button */
.plus-btn {
  background: #28a745;
}

/* Style for plus and minus buttons */
.minus-btn,
.plus-btn {
  width: 40px;
  height: 40px;
  padding: 0;
}

/* Prevent line breaks in table cells */
table {
  white-space: nowrap;
}

/* Remove bullet points from lists */
ul {
  list-style: none;
}

/* Improve touch interaction */
* {
  touch-action: manipulation;
}