html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.container input[type='text'] {
  background-color: #fafafa;
  border: solid 1px #a9b3ca;
  border-radius: 5px;
  font-size: 1.6rem;
  font-weight: 300;
}

.container h3 {
  color: #28417a;
}

/* Chrome/Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; 
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
/*------------------------------------
- COLOR primary
- See: https://lingtalfi.com/bootstrap4-color-generator#
------------------------------------*/
.alert-primary {
  color: #090f1d;
  background-color: #92a8db;
  border-color: #839cd6;
}

.alert-primary hr {
  border-top-color: #6f8dd0;
}

.alert-primary .alert-link {
  color: #000000;
}

.badge-primary {
  color: #fff;
  background-color: #28417a;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  color: #fff;
  background-color: #1b2c53;
}

.bg-primary {
  background-color: #28417a !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #1b2c53 !important;
}

.border-primary {
  border-color: #28417a !important;
}

.btn-primary {
  color: #fff;
  background-color: #28417a;
  border-color: #28417a;
}

.btn-primary:hover {
  color: #fff;
  background-color: #1f325f;
  border-color: #1b2c53;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 65, 122, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #28417a;
  border-color: #28417a;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1b2c53;
  border-color: #172648;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 65, 122, 0.5);
}

.btn-outline-primary {
  color: #28417a;
  background-color: transparent;
  border-color: #28417a;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #28417a;
  border-color: #28417a;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 65, 122, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #28417a;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #28417a;
  border-color: #28417a;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 65, 122, 0.5);
}

.list-group-item-primary {
  color: #090f1d;
  background-color: #839cd6;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #090f1d;
  background-color: #6f8dd0;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #090f1d;
  border-color: #090f1d;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #839cd6;
}

.table-hover .table-primary:hover {
  background-color: #6f8dd0;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #6f8dd0;
}

.text-primary {
  color: #28417a !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #1b2c53 !important;
}