.search-container {
  display: flex;
  height: 38px;
  border: 1px solid #ced4da;
  border-radius: 7px;
  padding: 0 8px;
}

input.search {
  flex: 1;
  height: 100%;
  font-size: 14px;
  border: none;
  outline: none;
  background-color: transparent;
  color: white !important;
}

button.search {
  height: 100%;
  color: white;
  font-size: 14px;
  border: none;
  background-color: transparent;
}

.tabs-category {
  display: flex;
}

.btn-category {
  margin-top: 10px;
  padding: 8px 16px;
  border: none;
  border-bottom: 3px solid transparent;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  color: #6a6a6a;
  outline: none !important;
}

.btn-category.active {
  border-bottom: 3px solid #242424;
  color: #242424;
}

.nav-link:link,
.nav-link:visited {
  color: white;
  text-decoration: none;
}

body {
  background-color: #292929;
}

.footer {
  background-color: #292929 !important;
  color: white;
}

.text-muted {
  color: white !important;
}

h3, th, td {
  color: white !important;
}

.btn-category {
  background: transparent;
  color: #6a6a6a;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
}

.btn-category.active {
  border-bottom: 3px solid white;
  color: white !important;
}

.btn {
  color: white !important;
}

form {
  background-color: #292929;
  border-radius: 8px;
  padding: 30px;
  max-width: 500px;
  margin: 60px auto;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
form label {
  color: white;
}