/* primary color*/
/* .text-primary {
  color: #0439b4 !important;
} */
.btn-primary {
  background-color: #0439b4 !important;
  background-color: #777 !important;
}
/* .btn-primary:hover {
  background-color: #bbcffd !important;
} */
.bg-primary {
  background-color: #0439b4 !important;
  background-color: #777 !important;
  color: #fefefe !important;
}
/* a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #bbcffd !important;
} */

/* secondary color*/
.text-secondary {
  color: #d9d9d9 !important;
}
.btn-secondary {
  background-color: #d9d9d9 !important;
}
/* .btn-secondary:hover {
  background-color: #bebbbb !important;
} */
.bg-secondary {
  background-color: #d9d9d9 !important;
}
/* a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: #bebbbb !important;
} */

/* danger color*/
.text-danger {
  color: #ff004e !important;
}
.btn-danger {
  background-color: #ff004e !important;
}
/* .btn-danger:hover {
  background-color: #9e174f !important;
} */
.bg-danger {
  background-color: #ff004e !important;
  color: #fefefe !important;
}
/* a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
  background-color: #9e174f !important;
} */

/* dark color*/
.text-dark {
  color: #131313 !important;
}
/* .btn-dark {
  background-color: #131313 !important;
} */
/* .btn-dark:hover {
  background-color: #403f3f !important;
} */
.btn-dark:disabled {
  background-color: #eee;
  border: 1px solid #777;
  color: #131313;
  font-weight: 500;
}
.bg-dark {
  background-color: rgba(0, 0, 0, 0.4) !important;
  border-radius: 4px;
}
/* a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #403f3f !important;
} */

.badge {
  border: 0;
}

a {
  color: #131313;
}

/* pagenation color*/
.active > .page-link,
.page-link {
  color: #131313;
}

.active > .page-link,
.page-link.active {
  z-index: 3;
  color: #fff;
  background-color: #131313;
  border-color: #131313;
}

.btn {
  border: none;
}
.badge {
  border-radius: 2px;
  width: 30px;
  text-align: center;
}

.fa-lg {
  vertical-align: 0;
}

.text-success {
  background-color: rgb(0, 220, 168) !important;
}
.bg-success {
  background-color: rgb(0, 220, 168) !important;
}
.text-pri {
  color: rgb(0, 220, 168) !important;
}
.bg-pri {
  background-color: rgb(0, 220, 168) !important;
  color: #131313 !important;
}
/* prim color*/
.text-prim {
  color: #131313 !important;
}
.btn-prim {
  background-color: #ddd !important;
}
/* .btn-prim:hover {
  background-color: #ddd !important;
} */
.bg-prim {
  background-color: #ddd !important;
  color: #131313 !important;
}
/* a.bg-prim:focus,
a.bg-prim:hover,
button.bg-prim:focus,
button.bg-prim:hover {
  background-color: #ddd !important;
} */

.text-online {
  color: #bbcffd;
  color: rgb(0, 220, 168);
}
.bgd9 {
  background-color: #d9d9d9 !important;
}
.--bs-card-bg {
  background-color: rgba(255, 255, 255, 0) !important;
}
.card-header {
  border-bottom: 0 !important;
}
.chat-card-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 0 !important;
  padding: 10px 5px 10px 5px;
}
.card-body {
  overflow-y: auto;
}
ul {
  margin: 10px 0px;
}