/* Texto da Logomarca na default */

.app-brand-text.demo {
    font-size: 1.3rem !important;
}

/* Remover as bolinhas decorativas na default */

.authentication-wrapper.authentication-basic .authentication-inner::before,
.authentication-wrapper.authentication-basic .authentication-inner::after {
  display: none !important;
  content: none !important;
}

/* Cor do Texto da Logo na barra de navegação */

.layout-navbar {
    color: #000000 !important;
}

/* Bolinhas para identificar o Birads */

.badge.badge-dot {
    block-size: 1rem !important;
    inline-size: 1rem !important;
}

/* Cor primária --------------------------------------  */

:root,
[data-bs-theme=light] {
  --bs-primary: #04858E !important;
  --bs-primary-rgb: 4, 133, 142 !important;
  --bs-link-color: var(--bs-primary) !important;
  --bs-link-hover-color: rgba(var(--bs-primary-rgb), 0.8) !important;
}

:root, [data-bs-theme=light], [data-bs-theme=dark] {
    --bs-primary-bg-subtle: #DFEFF0 !important;
}

[data-bs-theme=dark] {
  --bs-primary: #04858E !important;
  --bs-primary-rgb: 4, 133, 142 !important;
  --bs-link-color: var(--bs-primary) !important;
  --bs-link-hover-color: rgba(var(--bs-primary-rgb), 0.8) !important;
}

/* Cor primária (fim) --------------------------------------  */

/* Coloca os três pontos mais próximos e o espaço entre linhas menor */

.btn-icon {
    block-size: auto !important;
    inline-size: auto !important;
}

/* Os campos do modal que não são editáveis */

.form-control-plaintext {
    background-color: #b1b1b124 !important;
    font-weight: bold !important;
}


.btn-label-danger {
    --bs-btn-color: #ffffff !important;
    --bs-btn-bg: color-mix(in sRGB, #d9d9d9 var(--bs-bg-label-tint-amount), #000000) !important;
}

.filter-selectbox .select2-container,
.filter-unidade-selectbox .select2-container {
  width: 100% !important;
}

@media (max-width: 575.98px) {
  .card-datatable .dt-fixedheader {
    min-width: 560px;
  }

  .card-datatable .dt-fixedheader th,
  .card-datatable .dt-fixedheader td {
    font-size: 0.78rem;
    padding: 0.45rem 0.5rem;
    white-space: nowrap;
  }
}

.btn-outline-secondary {
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, #83d096);
}

.btn[class*=btn-outline-] {
    --bs-btn-bg: #83d096;
}

.btn-outline-secondary {
    --bs-btn-color: #ffffff;
}

.btn-outline-secondary {
    --bs-btn-color: #ffffff;
    --bs-btn-border-color: #83d096;
    --bs-btn-border-width: 1.5px;
}
.card-datatable .dt-fixedheader thead th,
.dtfh-floatingparent-head thead th {
  font-weight: 700;
}

.card-datatable {
  opacity: 0;
  transition: opacity 0.15s ease;
}

.select2-container--default.select2-container .select2-selection, .select2-container--default.select2-container--open .select2-selection {
    background-color: #00848e !important;
}

.select2-container.select2-container--default .select2-selection--single  {
    background-color: #00848e !important;
}

.select2-selection__placeholder, .select2-selection__rendered {
    color: #fff !important;
}

.select2-selection__choice {
    background-color: #3babb3 !important;
    color: #fff !important;
    border: none !important;
}

#filter-unidade:not(.select2-hidden-accessible) {
    background-color: #3babb3;
    color: transparent !important;
}

.form-select {
    border: var(--bs-border-width) solid #d9dee3 !important;
    color: #697a8d !important;
    background-color: #fff !important;
    height: 38px !important;
    box-shadow: none !important;
}

.form-select:focus,
.form-select:focus-within {
    border-color: #d9dee3 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.form-select optgroup,
.form-select option {
    background-color: #fff;
    color: #697a8d;
}

.select2-search__field::placeholder {
    color: #fff !important;
    opacity: 1;
}

.dt-empty {
    text-align: left !important;
}
.foto-perfil {
  object-fit: cover;
  object-position: center top;
}

.required-marker {
  color: var(--bs-danger, #ff3e1d);
}

.usuario-foto-thumb {
  width: 130px;
  height: 130px;
  object-fit: cover;
  object-position: center top;
  border: 1px solid var(--bs-border-color);
  border-radius: .75rem;
  background-color: var(--bs-body-bg);
}

.combo-especialidade .dropdown-toggle,
.combo-tratamento .dropdown-toggle {
  position: absolute !important;
  inset-block: 1px;
  inset-inline-end: 1px;
  z-index: 5;
  width: 2.5rem;
  padding: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #697a8d !important;
  box-shadow: none !important;
}

.combo-especialidade .dropdown-toggle:hover,
.combo-especialidade .dropdown-toggle:focus,
.combo-especialidade .dropdown-toggle.show,
.combo-tratamento .dropdown-toggle:hover,
.combo-tratamento .dropdown-toggle:focus,
.combo-tratamento .dropdown-toggle.show {
  background-color: transparent !important;
  border: 0 !important;
  color: #697a8d !important;
  box-shadow: none !important;
}

.combo-especialidade > .form-control,
.combo-tratamento > .form-control {
  width: 100%;
  padding-inline-end: 2.75rem;
  border-radius: var(--bs-border-radius) !important;
}

.combo-especialidade .dropdown-menu,
.combo-tratamento .dropdown-menu {
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
}

.alert-primary-soft {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), .12);
  border-color: rgba(var(--bs-primary-rgb), .25);
}

/* Mensagens de sucesso no padrão da cor primária do sistema */
.alert-success {
  --bs-alert-color: #04858E;
  --bs-alert-bg: #DFEFF0;
  --bs-alert-border-color: rgba(4, 133, 142, .25);
  --bs-alert-link-color: #04858E;
  color: #04858E !important;
  background-color: #DFEFF0 !important;
  border-color: rgba(4, 133, 142, .25) !important;
}

/* O botão de fechar acompanha a cor de cada tipo de mensagem. */
.alert .btn-close {
  position: relative;
  color: inherit !important;
  background: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.alert .btn-close::before {
  content: "\00d7";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: currentColor;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}

.alert .alert-close {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  opacity: .8;
  transform: translateY(-50%);
}

.alert .alert-close:hover,
.alert .alert-close:focus {
  color: inherit;
  opacity: 1;
}

/* Mantém o botão de fechar dentro do cabeçalho em todos os modais. */
.modal .modal-header .btn-close {
  inset-block-start: .75rem !important;
  inset-inline-end: .75rem !important;
  margin: 0 !important;
  color: #697a8d !important;
  background-color: rgba(133, 146, 163, .16) !important;
  border-radius: var(--bs-border-radius) !important;
  opacity: 1 !important;
  transform: none !important;
}

.modal .modal-header .btn-close::before {
  background-color: currentColor !important;
}

.modal .btn-close:hover,
.modal .btn-close:focus,
.modal .btn-close:active {
  color: #566a7f !important;
  background-color: rgba(133, 146, 163, .28) !important;
  transform: none !important;
}