@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&family=Poppins:wght@200;300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap");
/* line 3, app/assets/stylesheets/application-dark.sass */
#top-header {
  background-color: #131415;
}

/* line 5, app/assets/stylesheets/application-dark.sass */
#top-header .dropdown-header, #top-header .dropdown-item-text > p {
  color: rgba(255, 255, 255, 0.7);
}

/* line 7, app/assets/stylesheets/application-dark.sass */
#top-header .dropdown-item-text > h5 {
  color: white;
}

/* line 10, app/assets/stylesheets/application-dark.sass */
html a, a.btn-link {
  color: rgba(255, 255, 255, 0.7);
}

/* line 13, app/assets/stylesheets/application-dark.sass */
html a:hover, a:focus, a:active, a.btn-link:hover, a.btn-link:active, a.btn-link:focus {
  color: rgba(255, 255, 255, 0.7);
}

/* line 17, app/assets/stylesheets/application-dark.sass */
.bi-arrow-bar-left::before, .bi-arrow-bar-right::before {
  color: rgba(255, 255, 255, 0.7);
}

/* line 19, app/assets/stylesheets/application-dark.sass */
.navbar-vertical-aside .navbar-aside-toggler {
  background-color: #363a3d;
}

/* line 21, app/assets/stylesheets/application-dark.sass */
button.navbar-aside-toggler {
  background-color: #363a3d;
}

/* line 25, app/assets/stylesheets/application-dark.sass */
.breadcrumb li.breadcrumb-item {
  color: rgba(255, 255, 255, 0.7);
}

/* line 27, app/assets/stylesheets/application-dark.sass */
.breadcrumb li.breadcrumb-item.active, .breadcrumb a.breadcrumb-link:hover, .breadcrumb a.breadcrumb-link {
  color: white;
}

/* line 31, app/assets/stylesheets/application-dark.sass */
div.nav-vertical.nav-pills .nav-link {
  color: rgba(255, 255, 255, 0.7);
}

/* line 34, app/assets/stylesheets/application-dark.sass */
div.nav-vertical.nav-pills .nav-link.active, div.nav-vertical.nav-pills .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.7);
}

/* line 38, app/assets/stylesheets/application-dark.sass */
div.nav-vertical.nav-pills .nav-item .nav-link:hover, .nav-vertical.nav-pills .nav-item .nav-link[aria-expanded]:hover {
  color: #F9F9F9;
  font-size: larger;
}

/* line 43, app/assets/stylesheets/application-dark.sass */
.toast .bg-success {
  background-color: #131415 !important;
  color: white !important;
}

/* line 46, app/assets/stylesheets/application-dark.sass */
button.btn-close-white {
  filter: none;
}

/* line 50, app/assets/stylesheets/application-dark.sass */
.toast {
  --bs-toast-bg: rgba(54, 58, 61, 1.0) !important;
}

/* line 54, app/assets/stylesheets/application-dark.sass */
.btn.btn-ghost-secondary:hover, .btn.btn-ghost-secondary:focus {
  color: #1D274A;
  background-color: rgba(255, 255, 255, 0.75) !important;
}

@media (max-height: 700px) {
  /* line 58, app/assets/stylesheets/application-dark.sass */
  .theme-selector-as-nav-link {
    display: block;
  }
}

/* line 1, app/assets/stylesheets/landing/landing-dark.sass */
#login-bg {
  background-image: none !important;
}

/* line 3, app/assets/stylesheets/landing/landing-dark.sass */
.sign-in-card {
  background-color: #34373b;
}

/* line 5, app/assets/stylesheets/landing/landing-dark.sass */
.sign-in-card h1 {
  color: white;
}

/* line 1, app/assets/stylesheets/conversations/conversations-dark.sass */
#message-container {
  background-color: #25282A;
}

/* line 4, app/assets/stylesheets/conversations/conversations-dark.sass */
div.message, li.bg-light {
  background-color: #363a3d !important;
}

/* line 8, app/assets/stylesheets/conversations/conversations-dark.sass */
button.btn-soft-primary, button.btn-soft-primary:active, button.btn-soft-primary:focus, button.btn-soft-primary:hover {
  color: rgba(255, 255, 255, 0.7);
  background-color: #25282A;
  border-color: #363a3d;
}

/* line 13, app/assets/stylesheets/conversations/conversations-dark.sass */
button.btn:first-child:active {
  border-color: #363a3d;
}