/* Tecnolab — KV do portal de resultados. Carregar após os estilos do Matrix. */
:root {
  --tecnolab-verde: #12723a;
  --tecnolab-verde-profundo: #013928;
  --tecnolab-verde-suave: #99bc6d;
  --bs-primary: #12723a;
  --bs-primary-rgb: 18, 114, 58;
  --bs-secondary: #12723a;
  --bs-secondary-rgb: 18, 114, 58;
  --bs-link-color: #12723a;
  --bs-link-color-rgb: 18, 114, 58;
  --bs-link-hover-color: #013928;
  --bs-link-hover-color-rgb: 1, 57, 40;
  --bs-focus-ring-color: rgba(18, 114, 58, .25);
  --bs-mx-secondary-100: #e7f1eb;
  --bs-mx-secondary-200: #cfe3d8;
  --bs-mx-secondary-300: #a9ceba;
  --bs-mx-secondary-400: #69a980;
  --bs-mx-secondary-500: #12723a;
  --bs-mx-secondary-600: #0e5b2e;
  --bs-mx-secondary-700: #0a4928;
  --bs-mx-secondary-800: #013928;
  --bs-mx-secondary-900: #0b2620;
  --md-sys-color-primary: #12723a;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #e7f1eb;
  --md-sys-color-on-primary-container: #013928;
}
#app-header { border-top-color: #12723a !important; }
#screen-header { background: #12723a !important; color: #fff; }
.dropdown-search h4, table.exame .fa-eye,
.card-exame .info-exame .fas.fa-eye { color: #12723a !important; }
.btn-primary, .btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #12723a;
  --bs-btn-border-color: #12723a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #013928;
  --bs-btn-hover-border-color: #013928;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #013928;
  --bs-btn-active-border-color: #013928;
  --bs-btn-focus-shadow-rgb: 18, 114, 58;
  background-color: #12723a;
  border-color: #12723a;
  color: #fff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active,
.btn-success:hover, .btn-success:active, .btn-success.active,
.show > .btn-primary.dropdown-toggle, .show > .btn-success.dropdown-toggle {
  background-color: #013928 !important;
  border-color: #013928 !important;
  color: #fff !important;
}
.btn-primary:focus, .btn-success:focus, .btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(18, 114, 58, .25);
}
.btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled],
.btn-success.disabled, .btn-success:disabled, .btn-success[disabled] {
  background: #e7f1eb !important;
  border-color: #a9ceba !important;
  color: #536e5e !important;
}
.btn-outline-primary {
  --bs-btn-color: #12723a;
  --bs-btn-border-color: #12723a;
  --bs-btn-hover-bg: #12723a;
  --bs-btn-hover-border-color: #12723a;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #013928;
  --bs-btn-active-border-color: #013928;
  color: #12723a; border-color: #12723a;
}
.btn-outline-primary:hover, .btn-outline-primary.active { background: #12723a; color: #fff; }
a:not(.btn):not(.nav-link):not(.navbar-menu):not(.dropdown-item):not(.navbar-brand),
.btn-link { color: #12723a; }
a:not(.btn):not(.nav-link):not(.navbar-menu):not(.dropdown-item):not(.navbar-brand):hover,
.btn-link:hover { color: #013928; }
.btn-custom .badge, .bg-primary, .bg-secondary { background-color: #12723a !important; }
.text-primary, .text-secondary { color: #12723a !important; }
.border-primary, .border-secondary { border-color: #12723a !important; }
.table.exame, .th-solicitacao { border-top-color: #99bc6d !important; }
.table.exame h3, table.evolucao h3 { background: #edf4e9; border-color: #99bc6d; }
.evolucao-pac .info-paciente { border-bottom-color: #99bc6d; }
.info-busca { background-color: #12723a; border-color: #12723a; }
.form-control:focus, .form-select:focus {
  border-color: #69a980;
  box-shadow: 0 0 0 .2rem rgba(18, 114, 58, .2);
}
.custom-control-input:checked ~ .custom-control-label::before,
.form-check-input:checked { background-color: #12723a; border-color: #12723a; }
.page-link { color: #12723a; }
.page-link:hover { color: #013928; background-color: #e7f1eb; }
.page-item.active .page-link { color: #fff; background-color: #12723a; border-color: #12723a; }
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover { background-color: #12723a; }
.bootstrap-datetimepicker-widget table td.today::before { border-bottom-color: #12723a; }

/* Faixas superiores e separação do cabeçalho, incluindo estilos personalizados do portal. */
html body #app-header, html body nav#app-header.navbar {
  border-top-color: #12723a !important;
  border-bottom-color: #12723a !important;
}
html body #screen-header, html body header#screen-header {
  background-color: #12723a !important;
  background-image: none !important;
  border-top-color: #12723a !important;
  border-bottom-color: #12723a !important;
}
#app-header::before, #app-header::after { background-color: #12723a !important; }
:root {
  --bs-mx-default-secondary-100: #e7f1eb;
  --bs-mx-default-secondary-200: #cfe3d8;
  --bs-mx-default-secondary-300: #a9ceba;
  --bs-mx-default-secondary-400: #69a980;
  --bs-mx-default-secondary-500: #12723a;
  --bs-mx-default-secondary-600: #0e5b2e;
  --bs-mx-default-secondary-700: #0a4928;
  --bs-mx-default-secondary-800: #013928;
  --bs-mx-default-secondary-900: #0b2620;
}

/* Número da página selecionada: prevalece sobre a regra geral de links. */
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus,
.pagination .page-link[aria-current="page"],
.pagination li.active > a,
.pagination li.active > span {
  color: #ffffff !important;
  background-color: #12723a !important;
  border-color: #12723a !important;
}
.pagination .page-item.active .page-link *,
.pagination .page-link[aria-current="page"] * {
  color: #ffffff !important;
}

/* Cabeçalho Angular confirmado no inspetor: mx-menu > nav.bg-mx-net.
   Esse componente não possui o id app-header usado pelas páginas ASPX. */
html body mx-menu,
html body mx-menu > nav.navbar.bg-mx-net,
html body mx-menu nav.bg-mx-net {
  border-top-color: #12723a !important;
  border-bottom-color: #12723a !important;
}
html body mx-menu > nav.navbar.bg-mx-net::before,
html body mx-menu > nav.navbar.bg-mx-net::after {
  border-top-color: #12723a !important;
  border-bottom-color: #12723a !important;
  background-color: #12723a !important;
}

/* Faixas do Angular: o azul é o fundo do nav, visível em volta da área bg-light. */
:root {
  --bs-mx-net: #12723a;
  --bs-mx-net-rgb: 18, 114, 58;
  --bs-mx-net-text-emphasis: #013928;
  --bs-mx-net-bg-subtle: #e7f1eb;
  --bs-mx-net-border-subtle: #99bc6d;
}
html body mx-menu nav.navbar.bg-mx-net {
  --bs-mx-net-rgb: 18, 114, 58;
  background-color: #12723a !important;
}

/* Botão do nome do paciente, identificado no inspetor. */
.btn.btn-outline-mx-secondary {
  --bs-btn-color: #12723a;
  --bs-btn-border-color: #12723a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #12723a;
  --bs-btn-hover-border-color: #12723a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #013928;
  --bs-btn-active-border-color: #013928;
  --bs-btn-focus-shadow-rgb: 18, 114, 58;
  --bs-btn-disabled-color: #536e5e;
  --bs-btn-disabled-border-color: #99bc6d;
  color: #12723a !important;
  border-color: #12723a !important;
}
.btn.btn-outline-mx-secondary:hover,
.btn.btn-outline-mx-secondary:focus-visible {
  color: #fff !important;
  background-color: #12723a !important;
  border-color: #12723a !important;
}
.btn.btn-outline-mx-secondary:active,
.btn.btn-outline-mx-secondary.active,
.show > .btn.btn-outline-mx-secondary.dropdown-toggle {
  color: #fff !important;
  background-color: #013928 !important;
  border-color: #013928 !important;
}
.btn.btn-outline-mx-secondary:disabled,
.btn.btn-outline-mx-secondary.disabled {
  color: #536e5e !important;
  background-color: transparent !important;
  border-color: #99bc6d !important;
}

/* Ações do Angular, como Alterar cadastro e Salvar senha. */
.btn.btn-mx-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #12723a;
  --bs-btn-border-color: #12723a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #013928;
  --bs-btn-hover-border-color: #013928;
  --bs-btn-focus-shadow-rgb: 18, 114, 58;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #013928;
  --bs-btn-active-border-color: #013928;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #12723a;
  --bs-btn-disabled-border-color: #12723a;
  color: #fff !important;
  background-color: #12723a !important;
  border-color: #12723a !important;
}
.btn.btn-mx-secondary:hover,
.btn.btn-mx-secondary:focus-visible,
.btn.btn-mx-secondary:active,
.btn.btn-mx-secondary.active,
.show > .btn.btn-mx-secondary.dropdown-toggle {
  color: #fff !important;
  background-color: #013928 !important;
  border-color: #013928 !important;
}
.btn.btn-mx-secondary:focus,
.btn.btn-mx-secondary:focus-visible {
  box-shadow: 0 0 0 .2rem rgba(18, 114, 58, .25) !important;
}
.btn.btn-mx-secondary:disabled,
.btn.btn-mx-secondary.disabled {
  color: #fff !important;
  background-color: #12723a !important;
  border-color: #12723a !important;
  box-shadow: none !important;
}