.btn-fb-blue {
  background-color: #1a6ed8;
  border-radius: 5px;
  margin-right: 4px;
  padding: 7px 14px;
}

body {
  background-color: #f0f2f5;
}

.navbar-bg {
  background-color: #ffff;
  box-shadow: 0px 2px 4px rgb(220,220,220);
}

.btn-fb-blue:hover {
  color: #fff;
  background-color: #155cb5;
}

.btn-fb-blue:foc {
  color: #fff;
  background-color: #155cb5;
  border-color: #15151500;
}

.btn-check:active + .btn-fb-blue:focus {
  box-shadow: 0 0 0 .25rem rgba(60, 60, 60, 0);
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-fb-blue:active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem #155db500;
}

.btn-check:focus + .btn-primary, .btn-fb-blue:focus {
  color: #fff;
  box-shadow: 0 0 0 .25rem #155db500;
  background-color: #155cb5;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-fb-blue:active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #155cb5;
  border-color: #155db500;
}

.btn-fb-blue.btn-gray {
  background-color: #d8dadf;
  color: black;
}

.btn-fb-blue.btn-gray:hover {
  background-color: #c8cacf;
}