body {
  font-family: "Inter Tight", sans-serif;
}

.bg-white {
  background: #000 !important;
}

#content {
  background: #000;
}

.logo-container {
  text-align: center;
  padding: 50px 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-container img {
  height: 100px;
}

@media (min-width: 768px) {
  .logo-container img {
    height: 200px;
  }
}

.sidebar-brand-text img {
  height: 50px;
}

.text-gray-900,
.text-gray-800 {
  color: #ffffff !important;
}

.text-muted {
  color: #fff !important;
}

.text-primary {
  color: #1d1d1d !important;
}

.card-profile-stats .heading,
b,
p,
label,
.form-group .form-control-label {
  color: #fff;
}

.card-profile-image + .card-body h5,
.card-profile-image + .card-body p {
  color: #fff;
}

.heading-small {
  color: #000;
}

.bg-gradient-primary {
  background: #000 !important;
}

.card-header {
  border: none;
}

.card {
  background: #1D1D1D;
  border: none;
}

.card-header {
  background-color: #2fd892;
}

.avatar {
  background: #000;
}

.heading-small:before {
  background-color: #fff;
}

#payment-options li {
  color: #fff;
}

button.dropdown-toggle {
  color: #fff;
}

.btn-login {
  background-color: #2fd892;
  color: #000;
}

.btn-danger {
  background-color: red;
  border-color: red;
}

a,
a.small {
  color: #2fd892;
}

.table-responsive td,
.table-responsive th,
.table-responsive span {
  color: #fff;
}

/*
.btn-primary {
    background-color: #2fd892;
    border-color: #2fd892;
    &:hover{
        opacity:0.9;
        background-color: #000;
        border-color: #000;
    }
}
.btn-secondary{
    background-color: #2fd892;
    border-color: #2fd892;
}*/