@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");
@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 1, app/assets/stylesheets/nps_survey-dark.scss */
.nps-btn {
  background: #25282a;
  border-color: #3b3f42;
}

/* line 6, app/assets/stylesheets/nps_survey-dark.scss */
.nps-btn.detractor:hover {
  background-color: rgba(239, 68, 68, 0.18);
}

/* line 10, app/assets/stylesheets/nps_survey-dark.scss */
.nps-btn.passive:hover {
  background-color: rgba(234, 179, 8, 0.18);
}

/* line 14, app/assets/stylesheets/nps_survey-dark.scss */
.nps-btn.promoter:hover {
  background-color: rgba(34, 197, 94, 0.18);
}

/* line 18, app/assets/stylesheets/nps_survey-dark.scss */
.nps-labels {
  color: #9aa0a6;
}

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

/* line 7, 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 11, app/assets/stylesheets/application-dark.sass */
.bi-arrow-bar-left::before, .bi-arrow-bar-right::before {
  color: rgba(255, 255, 255, 0.7);
}

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

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

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

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

/* line 26, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .sidebar-brand-top {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

/* line 29, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .ri-wordmark {
  color: #fff;
}

/* line 32, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .ri-wordmark .ri-slash,
aside.navbar-vertical-aside .ri-wordmark .ri-strong,
aside.navbar-vertical-aside .ri-wordmark .ri-light {
  color: #fff;
}

/* line 37, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .ri-portal {
  color: rgba(255, 255, 255, 0.7);
}

/* line 42, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .nav-item > .nav-link {
  color: rgba(255, 255, 255, 0.7);
}

/* line 45, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .nav-item > .nav-link:hover, aside.navbar-vertical-aside .nav-item > .nav-link:focus, aside.navbar-vertical-aside .nav-item > .nav-link[aria-expanded]:hover {
  background-color: rgba(255, 255, 255, 0.07);
  color: #F9F9F9;
  font-size: 0.875rem;
}

/* line 52, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .nav-item > .nav-link.active, aside.navbar-vertical-aside .nav-item > .nav-link.active:hover, aside.navbar-vertical-aside .nav-item > .nav-link.active:focus {
  background-color: rgba(255, 255, 255, 0.12);
  color: #fff;
}

/* line 58, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .nav-item > .nav-link.active > i,
aside.navbar-vertical-aside .nav-item > .nav-link.active > [class^="bi-"],
aside.navbar-vertical-aside .nav-item > .nav-link.active > [class*=" bi-"],
aside.navbar-vertical-aside .nav-item > .nav-link.active .nav-link-title, aside.navbar-vertical-aside .nav-item > .nav-link.active:hover > i,
aside.navbar-vertical-aside .nav-item > .nav-link.active:hover > [class^="bi-"],
aside.navbar-vertical-aside .nav-item > .nav-link.active:hover > [class*=" bi-"],
aside.navbar-vertical-aside .nav-item > .nav-link.active:hover .nav-link-title, aside.navbar-vertical-aside .nav-item > .nav-link.active:focus > i,
aside.navbar-vertical-aside .nav-item > .nav-link.active:focus > [class^="bi-"],
aside.navbar-vertical-aside .nav-item > .nav-link.active:focus > [class*=" bi-"],
aside.navbar-vertical-aside .nav-item > .nav-link.active:focus .nav-link-title {
  color: #fff;
}

/* line 64, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .nav-item > .nav-link.active > i::before,
aside.navbar-vertical-aside .nav-item > .nav-link.active > [class^="bi-"]::before,
aside.navbar-vertical-aside .nav-item > .nav-link.active > [class*=" bi-"]::before, aside.navbar-vertical-aside .nav-item > .nav-link.active:hover > i::before,
aside.navbar-vertical-aside .nav-item > .nav-link.active:hover > [class^="bi-"]::before,
aside.navbar-vertical-aside .nav-item > .nav-link.active:hover > [class*=" bi-"]::before, aside.navbar-vertical-aside .nav-item > .nav-link.active:focus > i::before,
aside.navbar-vertical-aside .nav-item > .nav-link.active:focus > [class^="bi-"]::before,
aside.navbar-vertical-aside .nav-item > .nav-link.active:focus > [class*=" bi-"]::before {
  color: #fff;
}

/* line 69, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .nav-item > .wiki-nav-link,
aside.navbar-vertical-aside .nav-item > form > .wiki-nav-link {
  color: rgba(255, 255, 255, 0.7);
}

/* line 73, app/assets/stylesheets/application-dark.sass */
aside.navbar-vertical-aside .nav-item > .wiki-nav-link:hover, aside.navbar-vertical-aside .nav-item > .wiki-nav-link:focus,
aside.navbar-vertical-aside .nav-item > form > .wiki-nav-link:hover,
aside.navbar-vertical-aside .nav-item > form > .wiki-nav-link:focus {
  background-color: rgba(255, 255, 255, 0.07);
  color: #F9F9F9;
}

/* line 78, app/assets/stylesheets/application-dark.sass */
.masquerade-banner {
  background-color: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.7);
}

/* line 83, app/assets/stylesheets/application-dark.sass */
.navbar-dropdown-account .account-menu-value {
  color: var(--bs-dropdown-link-color);
}

/* line 87, app/assets/stylesheets/application-dark.sass */
.navbar-dropdown-account .dropdown-item:hover, .navbar-dropdown-account .dropdown-item:focus, .navbar-dropdown-account .dropdown-item:active,
.navbar-dropdown-account button.dropdown-item:hover,
.navbar-dropdown-account button.dropdown-item:focus,
.navbar-dropdown-account button.dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.07) !important;
  color: #F9F9F9 !important;
}

/* line 92, app/assets/stylesheets/application-dark.sass */
.navbar-dropdown-account .dropdown-item:hover i, .navbar-dropdown-account .dropdown-item:focus i, .navbar-dropdown-account .dropdown-item:active i,
.navbar-dropdown-account button.dropdown-item:hover i,
.navbar-dropdown-account button.dropdown-item:focus i,
.navbar-dropdown-account button.dropdown-item:active i {
  color: #F9F9F9;
}

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

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

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

/* line 107, app/assets/stylesheets/application-dark.sass */
.crm-navbar {
  background-color: #25282A;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

/* line 112, app/assets/stylesheets/application-dark.sass */
.crm-navbar .nav-pills .crm-navbar-divider {
  background-color: rgba(255, 255, 255, 0.15);
}

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

/* line 118, app/assets/stylesheets/application-dark.sass */
.crm-navbar .nav-pills .nav-link:hover, .crm-navbar .nav-pills .nav-link:focus, .crm-navbar .nav-pills .nav-link.active {
  background-color: rgba(255, 255, 255, 0.07);
  color: #F9F9F9;
}

/* line 125, 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 129, app/assets/stylesheets/application-dark.sass */
  .theme-selector-as-nav-link {
    display: block;
  }
}

/* line 3, app/assets/stylesheets/landing/landing-dark.sass */
.auth__logo-cisco--light {
  display: none !important;
}

/* line 6, app/assets/stylesheets/landing/landing-dark.sass */
.auth__logo-cisco--dark.auth__logo-cisco--mobile {
  display: block;
}

/* line 9, app/assets/stylesheets/landing/landing-dark.sass */
.auth__logo-cisco--dark.auth__logo-cisco--desktop {
  display: none;
}

@media (min-width: 992px) {
  /* line 13, app/assets/stylesheets/landing/landing-dark.sass */
  .auth__logo-cisco--dark.auth__logo-cisco--mobile {
    display: none;
  }
  /* line 16, app/assets/stylesheets/landing/landing-dark.sass */
  .auth__logo-cisco--dark.auth__logo-cisco--desktop {
    display: block;
  }
}

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

/* line 23, app/assets/stylesheets/landing/landing-dark.sass */
#login-bg .ri-wordmark {
  color: #fff;
}

/* line 26, app/assets/stylesheets/landing/landing-dark.sass */
#login-bg .ri-wordmark .ri-slash,
#login-bg .ri-wordmark .ri-strong,
#login-bg .ri-wordmark .ri-light {
  color: #fff;
}

/* line 31, app/assets/stylesheets/landing/landing-dark.sass */
#login-bg .auth__logo-td--light {
  display: none;
}

/* line 34, app/assets/stylesheets/landing/landing-dark.sass */
#login-bg .auth__logo-td--dark {
  display: block;
}

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

/* line 40, app/assets/stylesheets/landing/landing-dark.sass */
.sign-in-card #sub-heading,
.sign-in-card .form-label,
.sign-in-card .form-check-label {
  color: rgba(255, 255, 255, 0.7);
}

/* line 44, app/assets/stylesheets/landing/landing-dark.sass */
.sign-in-card a.form-label-link {
  color: #fff;
}

/* line 46, app/assets/stylesheets/landing/landing-dark.sass */
.sign-in-card .form-control {
  background-color: #25282A;
  border-color: #2f3235;
  color: #fff;
}

/* line 50, app/assets/stylesheets/landing/landing-dark.sass */
.sign-in-card .form-control:focus {
  background-color: #25282A;
  border-color: #2f3235;
  color: #fff;
}

/* line 54, app/assets/stylesheets/landing/landing-dark.sass */
.sign-in-card .form-control:-webkit-autofill,
.sign-in-card .form-control:-webkit-autofill:hover,
.sign-in-card .form-control:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #25282A inset;
  box-shadow: 0 0 0 1000px #25282A inset;
  -webkit-text-fill-color: #fff;
  caret-color: #fff;
  transition: background-color 99999s ease-out;
}

/* 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;
}