body {
    font-family: 'Ubuntu', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Ubuntu', sans-serif;
}

p, span, a {
    font-family: 'Ubuntu', sans-serif;
}

.uiFiltro {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    align-items: center
}

.dt-row {
    overflow-x: auto;
}
.logo-img {
    width: 100%; /* A imagem ocupará toda a largura da div pai */
    height: auto; /* A altura será ajustada automaticamente para manter a proporção */
    max-width: 100%; /* Garante que a imagem não exceda o tamanho da div pai */
    object-fit: contain; /* Mantém a proporção da imagem dentro da div */
}
.dados label {
    font-weight: 700;
}

.dados span {
    padding-left: 5px;
}
.top-right-link {
    position: fixed; 
    top: 5px; 
    right: 5px;
}
.img-candido {
    position: relative; /* Necessário para o posicionamento absoluto do pseudo-elemento */
    min-height: 100vh; /* Garante que a div ocupe pelo menos 100% da altura da janela */
    overflow: auto; /* Permite a rolagem automática se o conteúdo exceder o tamanho do container */
}
    .img-candido:before {
        content: ""; /* Necessário para o pseudo-elemento */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url('../assets/img/candidomendes.jpg'); /* Substitua pelo caminho da sua imagem */
        background-size: cover; /* Faz a imagem cobrir todo o espaço da div */
        background-repeat: no-repeat; /* Impede a repetição da imagem */
        background-position: center; /* Centraliza a imagem na div */
        background-attachment: fixed; /* Faz com que a imagem não se mova ao rolar a página */
        opacity: 0.8; /* Define a opacidade da imagem de fundo */
        z-index: -1; /* Coloca a imagem atrás do conteúdo */
        pointer-events: none; /* Garante que a imagem de fundo não interfira com a interação do usuário */
    }
.ou {
    margin-bottom: 0px;
    font-size: 1rem;
    font-style: italic;
}
@media (max-width: 992px) {
    .add-protocolo {
        margin-top: 50px;
    }
}
hr.solid {
    border-top: 2px solid #999;
}
hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    color: #999;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.toast-container {
    z-index: 1050;
}

.custom-toast-header {
    font-size: 0.875rem; /* Ajusta o tamanho da fonte do cabeçalho */
    padding:0 !important;
}

.toast-header .btn-close {
    margin-left: auto !important; /* Move o botão de fechar para o canto direito */
    margin-right: 0;
}
.card-body {
    padding: 20px; /* Aumenta o espaço interno */
}
.card {
    background-color: #f9f9f9; /* Cor de fundo suave */
    border-radius: 10px; /* Bordas arredondadas */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Sombra leve */
}
.card-title {
    font-weight: 600;
    color: #333; /* Cor mais escura */
}
.row.align-items-center {
    margin-bottom: 10px; /* Espaçamento entre as linhas */
}
.test-environment-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ff4d4d; /* Cor de fundo da faixa */
    color: #FFF; /* Cor do texto */
    text-align: center; /* Centraliza o texto horizontalmente */
    font-size: 14px; /* Tamanho da fonte */
    padding: 5px 0; /* Espaçamento vertical */
    z-index: 1000; /* Garante que a faixa fique sobre outros elementos */
    white-space: nowrap; /* Impede que o texto quebre em múltiplas linhas */
    overflow: hidden; /* Esconde qualquer conteúdo que exceda a largura */
    box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.2); /* Adiciona uma leve sombra para destacar a faixa */
}
