.container {
  padding: 0;
  max-width: 600px;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.ps-5 {
  padding-left: 2rem !important;
}

.pe-5 {
  padding-right: 2rem !important;
}

.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.btn-my-gray {
  color: #000;
  /*background-color: #0d6efd;*/
  background-color: #e9eaeb;
  /*border-color: #0d6efd;*/
  border-color: #e9eaeb;
}

.btn-my-gray:hover {
  color: #000;
  /*background-color: #0b5ed7;*/
  background-color: #d9dadb;
  /*border-color: #0a58ca*/
  border-color: #d4d9da;
}

.btn-check:focus + .btn-my-gray, .btn-my-gray:focus {
  color: #000;
  background-color: #d9dadb;
  border-color: #d4d9da;
  /*box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)*/
}

.btn-check:active + .btn-my-gray, .btn-check:checked + .btn-my-gray, .btn-my-gray.active, .btn-my-gray:active, .show > .btn-my-gray.dropdown-toggle {
  color: #000;
  background-color: #d4d9da;
  border-color: #d4d9da
}

.btn-check:active + .btn-my-gray:focus, .btn-check:checked + .btn-my-gray:focus, .btn-my-gray.active:focus, .btn-my-gray:active:focus, .show > .btn-my-gray.dropdown-toggle:focus {
  /*box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)*/
}

.btn-my-gray.disabled, .btn-my-gray:disabled {
  color: #000;
  background-color: #e9eaeb;
  border-color: #e9eaeb;
}

.btn-light:hover {
  background-color: #eaebec !important;
}