body {
  background-color: #cccccc;
  font-family: system-ui;
}

h1 {
  color: #032b5e;
  font-family: system-ui;
}

#body-login {
  background-color: #032b5e;
}

.button {
  background-color: #032b5e;
}

.button:hover,
.button:focus {
  background-color: #0a428b;
  color: #fefefe;
}

.button.success:hover,
.button.success:focus {
  background-color: #69c58b;
  color: #fff;
}

.button.success,
.button.success.disabled,
.button.success[disabled],
.button.success.disabled:hover,
.button.success[disabled]:hover,
.button.success.disabled:focus,
.button.success[disabled]:focus {
  background-color: #43ac6a;
  color: #fff;
}

.button.secondary,
.button.secondary.disabled,
.button.secondary[disabled],
.button.secondary.disabled:hover,
.button.secondary[disabled]:hover,
.button.secondary.disabled:focus,
.button.secondary[disabled]:focus {
  background-color: #999999;
  color: #fff;
}

.button.warning,
.button.warning.disabled,
.button.warning[disabled],
.button.warning.disabled:hover,
.button.warning[disabled]:hover,
.button.warning.disabled:focus,
.button.warning[disabled]:focus {
  background-color: #ff6600;
  color: #fff;
}

.top-bar {
  background: #032b5e;
  margin-bottom: 10px;
}

.top-bar a {
  font-size: 1.5em;
  color: #fff;
}

.pasarela-pedido span {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  background: #666666;
  border-radius: 15px;
  color: #fff;
  padding-top: 3px;
}

.pasarela-pedido .activo {
  background: #086cf3;
}

[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea,
select {
  margin: 0 0 0.5rem;
}

.margin-top-10 {
  margin-top: 10px;
}

table .button {
  margin-bottom: 0;
}

tbody th,
tbody td {
  padding: 0.5rem 0.5rem 0.5rem;
}

.descuentoPor {
  background: #fd9393;
  border: solid 1px #f77e7e;
  color: #5d320e;
  padding: 3px 5px;
  font-weight: bold;
  border-radius: 3px;
  margin-left: 5px;
}

.azul {
  background: #086cf3;
}
ss