/* skip denest */
@import url("/assets/theme-4cf48ea4.css");
@import url("/assets/rails_bootstrap_forms-08b24c3b.css");

@import url("/assets/base/framework-028c6b0e.css");

@import url("/assets/vendor/headway-c996fe12.css");
@import url("/assets/vendor/croppie-319a7a6b.css");
@import url("/assets/vendor/select2-54f3d08b.css");
@import url("/assets/vendor/select2_theme-90e7e5f0.css");
@import url("/assets/vendor/dropzone-f54cf01b.css");
@import url("/assets/vendor/article-01616a3e.css");
@import url("/assets/vendor/redactor-8ab44334.css");
@import url("/assets/vendor/redactor_video-e93d566c.css");
@import url("/assets/vendor/redactor_tribute-c0cf1fc3.css");
@import url("/assets/vendor/videojs-b5f37a5c.css");
@import url("/assets/vendor/flatpicker-d3cd2ca3.css");
@import url("/assets/vendor/flatpicker_light-061823e3.css");
@import url("/assets/vendor/swiper-b753f95f.css");
@import url("/assets/vendor/multiselect-eee29fbd.css");
@import url("/assets/vendor/slick-d1edd234.css");
@import url("/assets/vendor/slick-theme-398b6aab.css");
@import url("/assets/vendor/intl-tel-input-6f85ee1b.css");
@import url("/assets/vendor/quill-931374ea.css");

@import url("/assets/components/avatar-d1c14420.css");
@import url("/assets/components/breadcrumb-73a681a1.css");
@import url("/assets/components/badges-6f33bdd9.css");
@import url("/assets/components/widgets-b2b5753f.css");
@import url("/assets/components/upgrade_recode-b4ff435d.css");
@import url("/assets/components/task_widget-49f4e97c.css");
@import url("/assets/components/task_change-82eb01a2.css");
@import url("/assets/components/scrollable-9c0b79b5.css");
@import url("/assets/components/simple-form-wizard-62b4446e.css");
@import url("/assets/components/tabs-1ca9da24.css");
@import url("/assets/components/collapse-29fa2074.css");
@import url("/assets/components/markable-8563265a.css");
@import url("/assets/components/modals-fb2930af.css");
@import url("/assets/components/panels-ebc22e45.css");

@import url("/assets/base/darkmode-c6dbceea.css");


html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;   /* prevent a sideways hop when scrollbar needed or not */
}

@supports not (scrollbar-gutter: stable) {
  html {
    overflow-y: scroll;
  }
}

.gray-300 {
  color: var(--bs-gray-300);
}

.gray-500 {
  color: var(--bs-gray-500);
}

.gray-600 {
  color: var(--bs-gray-600);
}

.gray-700 {
  color: var(--bs-gray-700);
}

.bg-light-blue {
  color: #fff;
  background: var(--bs-blue-200);
}

.page-header {
  background: #13374b;
  margin-top: 0.25rem;
  margin-bottom: 0 !important;
  padding: 0.75rem 1rem;
  border-bottom: 4px solid var(--bs-secondary);
}

.page-header__h1 {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 0;
}

.site-search {
  position: relative;
}

.site-search__term {
  height: calc(1em + 0.75rem + 2px);
  padding: 0.25rem 0.5rem;
  padding-right: 32px;
}

.site-search__submit {
  line-height: 1rem;
  overflow: auto;
  position: absolute;
  top: 0; bottom: 0; right: 0;
}

/* Login /logins/new */
.login-form {
  border-right: 2px solid var(--bs-primary);
  padding-right: 30px;
}

:is(.user-registration-form, .login-form) .form-control {
  border-color: #ced4da;
}

.login-reg p {
  font-size: 1.2rem;
}

/* Devise /devices/new */
.devise-instructions p {
  font-size: 1.2rem;
}

.devise-sent {
  color: green;
  padding-left: 5px;
}

.devise-sent:before {
  content: '\2713\0020';
}

.watermark {
  min-height: 540px;
  background: url("/assets/watermark-1200-full-light-1a89f335.png");
  background-position: -50px -25px;
  background-size: auto 540px;
  background-repeat: no-repeat;
}

.mobile-body {
  min-height: 100vh;
}

/* Practitioner Pricing Notes */
.price-notes {
  width: 100%;
  max-height: 300px;
  background-color: #f1f2f3;
  border: solid 2px #d6d9db;
  border-radius: 6px;
  overflow-x: auto;
  overflow-y: scroll;
  padding: 15px;
  margin: 8px 4px 0 0;
}

.price-notes p:last-of-type {
  margin-bottom: 0;
}

/* Select2 */
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-dropdown {
  border-color: #e9e9ec;
}

.select2-dropdown {
  z-index: 1200;
}

footer .customer-support {
  --bs-bg-opacity: 1;

  color: var(--bs-gray-600);
  background: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
  border-radius: 0 0 12px 12px; 
  padding: 1rem; 
}

footer .customer-support a {
  color: var(--bs-gray-600);
}

footer .customer-support__title {
  font-weight: bold;
}

/* Bootstrap 5 Adjustments */
.header--default .navbar-nav .nav-link {
  color: rgba(41,43,47,0.5);
}

.modal .btn-close {
  width: unset;
  height: unset;
  margin: unset;
}

.vendor-form .form-label,
.vendor-form .intl-tel-input {
  display: block;
}

.clinic-onboarding {
  margin-bottom: 1.5rem;
}

.clinic-onboarding__contact-details {
  border: 1px solid #e9e9ec;
  border-radius: 0.375rem;
  margin-top: 1.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
}

.clinic-onboarding__contact-details > .form-label {
  display: inline-block;
  background: #fff;
  position: relative;
  padding: 2px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -2px;
  margin-bottom: 0;
}