body {
  padding-top: 50px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.settings,
.products {
  text-align: left;
}

.bg-success {
  padding: 15px;
}

.btn .caret {
  margin-left: 2px;
}

.cart-submit,
.cart-back {
  float: right;
  margin: 0px 2px;
}

.font-weight-bold {
  font-weight: bold;
}

.line-through {
  text-decoration: line-through;
}

.red {
  color: red;
}

/* Styling carried over from upgrade (not in bootstrap 5.0.2) */

a {
  color: #428bca;
  text-decoration: none;
}

code {
  background-color: #f9f2f4;
}

.collapse {
  justify-content: space-between;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

label {
  font-weight: 700;
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.note {
  font-size: x-small;
  font-style: italic;
  clear: both;
}

@media (min-width: 992px) {
  .container,
  .container-fluid {
    max-width: 960px;
  }
}

@media (max-width: 992px) {
  .col-4,
  .navbar-header {
    width: 100%;
  }

  .navbar-header {
    width: 100%;
  }

  .navbar-toggler {
    float: right;
  }
}