/* line 2, app/assets/stylesheets/custom.scss */
.notifications .far {
  color: #e8eaf7;
  border-radius: 50%;
  padding: 11px 12px;
  top: -1rem;
  left: -1.3rem;
  margin-right: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease;
}

/* line 13, app/assets/stylesheets/custom.scss */
.notifications .bell-style {
  background-color: rgba(31, 45, 61, 0.15);
}

/* line 17, app/assets/stylesheets/custom.scss */
.notifications .bell-style:hover {
  background-color: rgba(31, 45, 61, 0.3);
}

/* line 21, app/assets/stylesheets/custom.scss */
.notifications .has-notifications {
  border: 2px solid #fd4b6e;
  background: #fd4b6e;
}

/* line 26, app/assets/stylesheets/custom.scss */
.notifications .has-notifications:hover {
  background-color: #fd4b6e;
}

/* line 30, app/assets/stylesheets/custom.scss */
.notifications .fa.has-notifications {
  color: #eb5a46;
}

/* line 33, app/assets/stylesheets/custom.scss */
.notifications .text-danger-notification {
  color: #fd4b6e;
}

/* line 37, app/assets/stylesheets/custom.scss */
.notifications .text-notice-notification {
  color: #4ba8b6;
}

/* line 41, app/assets/stylesheets/custom.scss */
.notifications .wrap-delete-icon {
  position: relative;
}

/* line 43, app/assets/stylesheets/custom.scss */
.notifications .wrap-delete-icon .delete-icon {
  cursor: pointer;
  color: #1b3e64;
  position: absolute;
  right: -15px;
  top: 5px;
}

/* line 52, app/assets/stylesheets/custom.scss */
.notifications a {
  font-size: 13px;
}

/* line 56, app/assets/stylesheets/custom.scss */
.notifications .notifications-dropdown {
  right: 0.75rem !important;
  max-height: 400px !important;
  overflow-x: auto !important;
}

/* line 62, app/assets/stylesheets/custom.scss */
.notifications .notifications-dropdown p {
  min-width: 200px;
}

/* line 66, app/assets/stylesheets/custom.scss */
.notifications hr {
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}

/* line 72, app/assets/stylesheets/custom.scss */
.notifications .clear-all {
  color: #bbb;
  text-decoration: underline;
}

/* line 77, app/assets/stylesheets/custom.scss */
.notifications .counter.counter-lg {
  top: -24px !important;
}

/* line 81, app/assets/stylesheets/custom.scss */
.notifications .counter.counter-lg {
  top: -27px;
}

/* line 85, app/assets/stylesheets/custom.scss */
.notifications .alert {
  position: relative;
  color: #fff;
  background-color: red;
  padding: 1px 5px;
  border-radius: 10em;
  font-size: 0.4rem;
  right: 17px;
  bottom: 14px;
}

/* line 96, app/assets/stylesheets/custom.scss */
.notifications .counter {
  position: relative;
  top: -23px;
  left: auto;
  z-index: 2;
  padding: 1px 7px;
  margin-left: -23px;
  font-size: 11px;
  color: #fff;
  background-color: #fe1212;
  border-radius: 10em;
}

/* line 108, app/assets/stylesheets/custom.scss */
.notifications .notification-note {
  color: #4a90e2;
}

/* line 114, app/assets/stylesheets/custom.scss */
#modal-notification-settings .modal-content {
  padding: 20px;
}

/* line 119, app/assets/stylesheets/custom.scss */
.container-background:before {
  background-color: #5e72e4 !important;
}

/* line 123, app/assets/stylesheets/custom.scss */
.bg-overprimary {
  background-color: #5e72e4 !important;
}

/* line 127, app/assets/stylesheets/custom.scss */
.btn-overprimary {
  background-color: #5e72e4 !important;
  border-color: #5e72e4 !important;
}

/* line 132, app/assets/stylesheets/custom.scss */
.over-active {
  background-color: #5e72e4 !important;
}

/* line 136, app/assets/stylesheets/custom.scss */
.text-underline {
  text-decoration: none !important;
}

/* line 140, app/assets/stylesheets/custom.scss */
.over-hover:hover:not(.active) {
  color: #5e72e4 !important;
}

/* line 144, app/assets/stylesheets/custom.scss */
.card-responsive {
  /* Medium devices (landscape tablets, 768px and up) */
  /* Large devices (laptops/desktops, 992px and up) */
  /* Extra large devices (large laptops and desktops, 1200px and up) */
}

@media only screen and (min-width: 768px) {
  /* line 144, app/assets/stylesheets/custom.scss */
  .card-responsive {
    max-width: 415px;
  }
}

@media only screen and (min-width: 820px) {
  /* line 144, app/assets/stylesheets/custom.scss */
  .card-responsive {
    max-width: 430px;
  }
}

@media only screen and (min-width: 900px) {
  /* line 144, app/assets/stylesheets/custom.scss */
  .card-responsive {
    max-width: 520px;
  }
}

@media only screen and (min-width: 940px) {
  /* line 144, app/assets/stylesheets/custom.scss */
  .card-responsive {
    max-width: 560px;
  }
}

@media only screen and (min-width: 992px) {
  /* line 144, app/assets/stylesheets/custom.scss */
  .card-responsive {
    max-width: 640px;
  }
}

@media only screen and (min-width: 1150px) {
  /* line 144, app/assets/stylesheets/custom.scss */
  .card-responsive {
    max-width: 700px;
  }
}

@media only screen and (min-width: 1200px) {
  /* line 144, app/assets/stylesheets/custom.scss */
  .card-responsive {
    max-width: 850px;
  }
}

/* line 177, app/assets/stylesheets/custom.scss */
.cbt-thought-record-text {
  min-width: 86px;
}

/* line 181, app/assets/stylesheets/custom.scss */
.overview-split {
  width: 45%;
}

/* line 185, app/assets/stylesheets/custom.scss */
.table-scale {
  min-width: 100%;
}

/* line 189, app/assets/stylesheets/custom.scss */
.text-import_error {
  color: #ff5630;
}

/* line 193, app/assets/stylesheets/custom.scss */
.form-group-filter {
  margin-right: 2rem;
  border: 1px solid #e0e6ed;
}

/* line 196, app/assets/stylesheets/custom.scss */
.form-group-filter .select-group-filter {
  border-radius: 1.2rem;
}

/* line 202, app/assets/stylesheets/custom.scss */
.notifications .dropdown-menu.notifications-dropdown {
  left: -13.5625rem;
}

/* line 207, app/assets/stylesheets/custom.scss */
.str-video {
  background-color: #272a30;
  color: #ffffff;
  height: 100dvh;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
}

/* line 218, app/assets/stylesheets/custom.scss */
.navbar-collapse {
  width: 14rem !important;
}

/* line 220, app/assets/stylesheets/custom.scss */
.navbar-collapse .navbar-vertical-content {
  width: 100% !important;
}

/* line 225, app/assets/stylesheets/custom.scss */
.select2-selection__choice__remove {
  border-right: none !important;
}
/* line 1, app/assets/stylesheets/table.scss */
.mw-20 {
  max-width: 20px;
}

/* line 5, app/assets/stylesheets/table.scss */
.mw-30 {
  max-width: 30px;
}

/* line 9, app/assets/stylesheets/table.scss */
.mw-40 {
  max-width: 40px;
}

/* line 13, app/assets/stylesheets/table.scss */
.mw-50 {
  max-width: 50px;
}

/* line 17, app/assets/stylesheets/table.scss */
.mw-60 {
  max-width: 60px;
}

/* line 21, app/assets/stylesheets/table.scss */
.mw-70 {
  max-width: 70px;
}

/* line 25, app/assets/stylesheets/table.scss */
.mw-80 {
  max-width: 80px;
}

/* line 29, app/assets/stylesheets/table.scss */
.mw-100 {
  max-width: 100px;
}

/* line 33, app/assets/stylesheets/table.scss */
.mw-120 {
  max-width: 120px;
}

/* line 37, app/assets/stylesheets/table.scss */
.mw-150 {
  max-width: 150px;
}

/* line 41, app/assets/stylesheets/table.scss */
.mw-200 {
  max-width: 200px;
}

/* line 45, app/assets/stylesheets/table.scss */
.w-10 {
  width: 10%;
}

/* line 49, app/assets/stylesheets/table.scss */
.w-40 {
  width: 40%;
}

/* line 53, app/assets/stylesheets/table.scss */
.profilePicture {
  background-color: #fff !important;
  color: var(--falcon-navbar-vertical-default-link-color) !important;
}

/* line 58, app/assets/stylesheets/table.scss */
.profileNameColor {
  color: rgba(var(--falcon-link-color-rgb), var(--falcon-link-opacity, 1));
}
/* line 1, app/assets/stylesheets/utils/fonts.scss */
.fs-12 {
  font-size: 12px;
}

/* line 5, app/assets/stylesheets/utils/fonts.scss */
.fs-07rem {
  font-size: 0.7rem;
}
/* Custom noUiSlider styles */
.noUi-target {
  height: 8px;
  border: none;
  border-radius: 4px;
  background: #e9ecef;
  box-shadow: none;
}

.noUi-connect {
  background: #0d6efd;
  border-radius: 4px;
}

.noUi-handle {
  width: 18px !important;
  height: 18px !important;
  right: -9px !important;
  top: -3px !important;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  border: 2px solid #0d6efd;
  cursor: pointer;
}

.noUi-handle:before,
.noUi-handle:after {
  display: none;
}

/* Hover and active states */
.noUi-handle:hover {
  background: #f8f9fa;
}

.noUi-active {
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *





 */

.mw-500 {
  max-width: 500px;
}

.mw-600 {
  max-width: 600px;
}

.mw-700 {
  max-width: 700px;
}

.mw-1000 {
  max-width: 1000px;
}

.w-95 {
  width: 95px !important;
}

.PhoneInputInput {
  height: 35px;
  border: 1px solid rgb(216, 226, 239);
  border-radius: 4px;
}