body {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* RDR Alterações */
    
/* Alterar cor de fundo da linha de uma tabela */
.questao-row {
    background-color: #bcf1ec; /* Cor de fundo para as questões */
}

/* Alterar cards usado CursoOnline */
.curso-card {
    width: 100%; /* Defina a largura desejada */
    height: 300px; /* Defina a altura desejada */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #ddd; /* Adiciona uma borda fina */
    padding: 5px; /* Adiciona um pouco de padding para melhorar a aparência */
    border-radius: 5px; /* Adiciona cantos arredondados */
    /* height: 100%; */
    text-align: center; /* Centraliza o texto no card */
    margin-bottom: 15px; /* Espaçamento vertical entre os cards */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.curso-card-body img {
    width: 100%;
    height: 120px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.curso-card-title {
    font-size: 1.5rem; /* Aumenta o tamanho da fonte */
    font-weight: bold; /* Deixa o texto em negrito */
    color: #007bff; /* Cor de destaque (azul, por exemplo) */
    text-align: center; /* Centraliza o título */
    margin-bottom: 10px; /* Espaço abaixo do título */
}

.curso-card-descricao {
    font-size: 12px; /* Tamanho da fonte ajustado */
    color: #333; /* Cor opcional para o texto */
}

.curso-card-footer {
    display: flex;
    justify-content: space-between;
    margin-top: auto; /* Garantir que o footer fique no final do card */
}

.curso-card-footer .btn {
    flex: 1;
    margin-right: 10px;
}

.curso-card-footer .btn:last-child {
    margin-right: 0;
}

/* Rodapé modelo da página centralizado */
.footer-custom {
    background-color: #f8f9fa; /* Cor de fundo */
    padding: 20px; /* Espaçamento interno */
    text-align: center; /* Centraliza o texto */
    color: #333; /* Cor do texto */
    border-top: 1px solid #ddd; /* Borda superior */
}

.footer-custom p {
    margin: 0; /* Remove a margem padrão */
}

/* Alterar os inputs da página Perfil de usuário ModulesProfiles */
.editable-input {
    width: auto; /* Permite que o input ajuste seu tamanho automaticamente */
    max-width: 100px; /* Define um tamanho máximo para o input */
    padding: 2px 5px; /* Ajusta o padding do input para reduzir o tamanho */
    font-size: 0.875rem; /* Ajusta o tamanho da fonte */
    line-height: 1.2; /* Define a altura da linha para os inputs */
}

.editable-input-text {
    width: auto; /* Permite que o input ajuste seu tamanho automaticamente */   
    max-width: 100px; /* Define um tamanho máximo para o input */
    padding: 2px 5px; /* Ajusta o padding do input para reduzir o tamanho */
    font-size: 1.3rem; /* Ajusta o tamanho da fonte */
    line-height: 1.5; /* Define a altura da linha */
}

.ad-full-width-height {
    width: 100%; /* Permite que o input ajuste seu tamanho automaticamente */
    max-width: 100%; /* Define um tamanho máximo para o input */
    padding: 2px 5px; /* Ajusta o padding do input para reduzir o tamanho */
    font-size: 1.5rem; /* Ajusta o tamanho da fonte */
    line-height: 1.6; /* Define a altura da linha para os inputs */
}

/* Foto do menu usuario */
.user-photo {
    width: 40px;  /*Ajuste o tamanho conforme necessário */
    height: 40px; /* Ajuste o tamanho conforme necessário */
    border-radius: 50%; /* Torna a imagem circular */
    object-fit: cover; /* Garante que a imagem se ajuste bem no contêiner */
}

.task-list {
    max-height: 200px; /* Ajuste a altura conforme necessário */
    overflow-y: auto; /* Adiciona barra de rolagem vertical */
}

.more-tasks {
    max-height: 200px; /* Ajuste a altura conforme necessário */
    overflow-y: auto; /* Adiciona barra de rolagem vertical */
}