body {
    background-color: #f8f9fa;
}

.nav-link:hover {
    color: var(--bs-info) !important;
}

.user-icon{
    width: 30px;
    height: 30px;
}

.box-shadow {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.bg_number_circle {
    background-color: rgb(216, 216, 216);
    border-radius: 500px;
    padding: 2px 4px;
    margin:0 0 0 10px;
    width:30px;
    height:30px;
    text-align: center;
    align-items: center;
}

.bg_number_circle_active {
    background-color: #0d6efd;
    border-radius: 500px;
    padding: 2px 4px;
    margin:0 0 0 10px;
    width:30px;
    height:30px;
    text-align: center;
    align-items: center;
    color: white;

}

.labels_sup{
    font-size: 10px;
}

.box-esq{
    border: 1px solid #ededed;
    border-radius: 5px;
    padding: 15px;
    color: rgb(108 117 125);
    
}

 .box-esq h2 {
    font-size: 15px;
    font-weight: 600;
    color: #0d6efd;
    margin-top: 30px;
}

.box-esq h3 {
    font-size: 12px;
    font-weight: 400;
    color: white ;
    float:right;
    padding:2px 10px; 
    border-radius: 100px;
}

.box-esq p {
    font-size: 13px;
    
}

.box_icons a {
    margin:0 0 0 10px;
    
}

.multiline-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Número de linhas visíveis */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scrollable-box {
    height: 450px; /* Defina a altura fixa desejada */
    overflow-y: auto; /* Adicione rolagem vertical */
    border: 1px solid #ddd; /* Opcional: borda para destacar o box */
    padding: 10px; /* Espaçamento interno */
    background-color: #fff; /* Opcional: cor de fundo */
}

.scrollable-prompt {
    height: 350px; /* Defina a altura fixa desejada */
    overflow-y: auto; /* Adicione rolagem vertical */
    border: 1px solid #ddd; /* Opcional: borda para destacar o box */
    padding: 10px; /* Espaçamento interno */
    background-color: #fff; /* Opcional: cor de fundo */
}

.encapselect {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 2px;
    margin-top: 1px;
    background-color: #fff;
}

/* Sobrescrevendo a cor primária */
.btn-primary {
    background-color: #8400F2 !important; /* Nova cor */
    border-color: #8400F2 !important;
}

.text-primary {
    color: #8400F2 !important; /* Nova cor */
}

/* Sobrescrevendo outras cores */
.bg-primary {
    background-color: #8400F2 !important;
}

.border-primary {
    border-color: #8400F2 !important;
}

/* Exemplo para outras cores */
.btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.label-conteudo label {
    font-size: 12px;
    font-weight: 600;
    color: #8400F2;
}

a {
    text-decoration: none;   /* remove sublinhado */
    color: inherit;          /* herda a cor do texto pai */
    cursor: pointer;         /* opcional, muda o cursor para indicar clicável */
}