/** for theme dark */
body {
  color: #fff;
}
.dark, .dark header , .dark .bg-dark{
  background: #1e1e1e !important;
}
.dark nav {
  border-bottom: 1px solid #1e1e1e;
  padding: 15px;
}



/** other css */
.navbar-badge {
  font-size: .6rem;
  font-weight: 300;
  padding: 2px 4px;
  position: absolute;
  right: 5px;
  top: 9px;
}
.main-header .navbar-nav .nav-item {
  margin: 0;
}
.main-header .nav-link {
  height: 2.5rem;
  position: relative;
}
.navbar-expand-lg .navbar-nav a.nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}


/** wallet connect */
#accounts {
  background: rgba(193,193,193,.45);
  padding: 2px 10px;
  border-radius: 10px;
}
.dark .card {
  /* background-color:#1e222d; */
  background-color: rgba(255,255,255,.04);
  color: #fff;
}
.dark .form-control, .form-control:focus {
  background-color: #2a2e39;
  border: 1px solid #2a2e39;
  color: #ffffff;
}
.dark table tbody td, .dark table thead th {
  border-top: 1px solid #2a2e39 !important;
}
.dark table thead th {
  border-bottom: 0 !important;
}
.dark .table thead th {
  color: #4f5966;
}
.dark table tbody tr:hover {
  background: #2a2e39;
}

.settings-notification li {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #f0f3fa;
  align-items: center;
}
.dark .settings-notification li {
  border-bottom: 1px solid #2a2e39;
}
.dark .settings-notification span {
  color: #4f5966;
  font-size: .9rem;
}
.notification-label p {
  margin-bottom: 0;
}
.custom-select {
  background-color: transparent !important;
  color: #b4bcc6;
  border: 1px solid rgba(255,255,255,.15);
  padding: 8px 20px;
  font-size: 1rem;
  border-radius: 7px;
}
.custom-select:focus, 
.custom-select:active, 
.custom-select:focus-visible {
  outline: 0 !important
}


.bootstrap-select .dropdown-menu {
  background-color: #464d61 !important;
}

.bootstrap-select .dropdown-menu ul li a{
  color: #ddd !important;
}
.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active{
  background-color: #71798d !important;
}
.bootstrap-select .dropdown-item:hover {
  background-color: #71798d;
}