@charset "UTF-8";
/* line 1, app/assets/stylesheets/custom.css.scss */
.px-6 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

/* line 6, app/assets/stylesheets/custom.css.scss */
#error-explanation {
  color: red;
}

/* line 8, app/assets/stylesheets/custom.css.scss */
#error-explanation ul {
  color: red;
  margin: 0 0 30px 0;
}

/* line 14, app/assets/stylesheets/custom.css.scss */
.has-error .help-block, .field_with_errors .help-block,
.has-error .control-label,
.field_with_errors .control-label,
.has-error .radio,
.field_with_errors .radio,
.has-error .checkbox,
.field_with_errors .checkbox,
.has-error .radio-inline,
.field_with_errors .radio-inline,
.has-error .checkbox-inline,
.field_with_errors .checkbox-inline,
.has-error.radio label,
.radio.field_with_errors label,
.has-error.checkbox label,
.checkbox.field_with_errors label,
.has-error.radio-inline label,
.radio-inline.field_with_errors label,
.has-error.checkbox-inline label,
.checkbox-inline.field_with_errors label {
  color: #a94442;
}

/* line 27, app/assets/stylesheets/custom.css.scss */
.has-error .form-control, .field_with_errors .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 31, app/assets/stylesheets/custom.css.scss */
.has-error .form-control:focus, .field_with_errors .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

/* line 37, app/assets/stylesheets/custom.css.scss */
.has-error .input-group-addon, .field_with_errors .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

/* line 43, app/assets/stylesheets/custom.css.scss */
.has-error .form-control-feedback, .field_with_errors .form-control-feedback {
  color: #a94442;
}

/* line 49, app/assets/stylesheets/custom.css.scss */
.field_with_errors .form-control {
  color: #a94442;
}

/* line 54, app/assets/stylesheets/custom.css.scss */
.custom-icon {
  width: 24px;
  height: 24px;
}

/* line 59, app/assets/stylesheets/custom.css.scss */
.custom-icon:hover {
  color: var(--primary-color);
}

/* Scrolling Panel */
/* line 65, app/assets/stylesheets/custom.css.scss */
.scrollable-content {
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 70, app/assets/stylesheets/custom.css.scss */
.scrollable-content-500 {
  overflow-y: auto;
  overflow-x: hidden;
  height: 500px;
}

/* line 76, app/assets/stylesheets/custom.css.scss */
.scrollable-content-h {
  height: 180px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

/* line 83, app/assets/stylesheets/custom.css.scss */
.thumb-h {
  height: 90%;
  display: inline-block;
  margin-right: 5px;
}

/* line 89, app/assets/stylesheets/custom.css.scss */
body ::-webkit-scrollbar {
  width: 5px;
  background: #a4a4a4;
}

/* line 94, app/assets/stylesheets/custom.css.scss */
body :hover::-webkit-scrollbar-thumb {
  background: #d6d6d6;
}

/* line 98, app/assets/stylesheets/custom.css.scss */
.follow-up-green {
  border: 3px solid #1acd1a;
}

/* line 102, app/assets/stylesheets/custom.css.scss */
.follow-up-yellow {
  border: 3px solid #f3ed39;
}

/* line 106, app/assets/stylesheets/custom.css.scss */
.follow-up-red {
  border: 3px solid #df0e0e;
}

/* line 110, app/assets/stylesheets/custom.css.scss */
.mosaic-search {
  width: 150px;
}

/* line 114, app/assets/stylesheets/custom.css.scss */
.mosaic-search-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  fill: var(--header-prime-color);
  color: var(--header-prime-color);
  margin-block-start: -29px;
  margin-inline-start: 5.7rem;
}

/* line 124, app/assets/stylesheets/custom.css.scss */
.mosaic-search .form-control {
  border-radius: 20px;
}

/* line 128, app/assets/stylesheets/custom.css.scss */
#contextMenu {
  position: absolute;
  display: none;
  z-index: 10;
}

/* line 134, app/assets/stylesheets/custom.css.scss */
.circle-segment {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #087f6d;
}

/* line 142, app/assets/stylesheets/custom.css.scss */
.circle-segment img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 148, app/assets/stylesheets/custom.css.scss */
.circle-segment-sm {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #7487ba;
}

/* line 156, app/assets/stylesheets/custom.css.scss */
.circle-segment-sm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 162, app/assets/stylesheets/custom.css.scss */
.badge-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  /* Tamanho da bolinha */
  height: 35px;
  /* Tamanho da bolinha */
  border-radius: 50%;
  /* Faz a forma circular */
  background-color: #6d6d6d;
  /* Cor de fundo da bolinha */
  color: white;
  /* Cor do texto */
  font-size: 1.25rem;
  /* Tamanho do texto */
}

/* line 174, app/assets/stylesheets/custom.css.scss */
.bg-ice {
  background-color: #f7f8f9 !important;
}

/* line 179, app/assets/stylesheets/custom.css.scss */
span.link-like {
  color: blue;
  /* Cor do link */
  text-decoration: underline;
  /* Sublinha o texto */
  cursor: pointer;
  /* Cursor em forma de mãozinha */
  transition: color 0.3s ease;
  /* Adiciona um efeito suave na mudança de cor */
}

/* line 186, app/assets/stylesheets/custom.css.scss */
span.link-like:hover {
  color: darkblue;
  /* Muda a cor quando o mouse passa por cima */
}

/* line 190, app/assets/stylesheets/custom.css.scss */
span.link-like-plain {
  color: blue;
  /* Cor do link */
  cursor: pointer;
  /* Cursor em forma de mãozinha */
  transition: color 0.3s ease;
  /* Adiciona um efeito suave na mudança de cor */
}

/* line 196, app/assets/stylesheets/custom.css.scss */
.btn-outline-light.custom-dropdown-toggle.show {
  color: #868e96 !important;
  background-color: #ededed !important;
  border-color: #ededed !important;
}

/* line 202, app/assets/stylesheets/custom.css.scss */
.btn-with-icon {
  display: flex;
  align-items: center;
}

/* line 207, app/assets/stylesheets/custom.css.scss */
.border.border-gray {
  border: 1px solid #d7d0d0 !important;
  opacity: 1;
}

/* line 212, app/assets/stylesheets/custom.css.scss */
.editor-container {
  height: 250px;
  /* Define a altura inicial */
  max-height: 250px;
  /* Define a altura máxima */
  overflow-y: auto;
  /* Adiciona uma barra de rolagem se o conteúdo exceder a altura máxima */
}

/* line 218, app/assets/stylesheets/custom.css.scss */
.clinic-logo-container {
  height: fit-content;
}

/* line 222, app/assets/stylesheets/custom.css.scss */
.avatar-container {
  height: fit-content;
}

/* line 226, app/assets/stylesheets/custom.css.scss */
.signup-body {
  background-color: #f7f8f9 !important;
}

/* line 230, app/assets/stylesheets/custom.css.scss */
.options-left {
  width: 140px;
}

/* line 234, app/assets/stylesheets/custom.css.scss */
.options-right {
  width: 60px;
}

/* line 238, app/assets/stylesheets/custom.css.scss */
.vgallery {
  width: 160px;
}

/* line 242, app/assets/stylesheets/custom.css.scss */
.hgallery {
  width: 500px;
  height: 50px;
}

/* line 247, app/assets/stylesheets/custom.css.scss */
.no-image {
  height: 500px;
}

/* line 251, app/assets/stylesheets/custom.css.scss */
.no-image-compare {
  height: 570px;
}

/* line 255, app/assets/stylesheets/custom.css.scss */
#terms h5,
#privacy h5 {
  font-size: 1.10rem;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 262, app/assets/stylesheets/custom.css.scss */
#terms p,
#privacy p {
  margin-bottom: 5px;
}

/* line 267, app/assets/stylesheets/custom.css.scss */
.landing-body .landing-section-heading:before {
  left: 40%;
  /* Adiciona isso para centralizar o pseudo-elemento */
}