@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
body {
    font-family: 'Poppins', sans-serif;
}
html, body {
    background-color: #c7c7c7;
}
.header-desktop, .menu-sidebar .logo, #chat_header {
    background-color: #000000;
}
.menu-sidebar, .menu-sidebar .menu-sidebar__content {
    background-color: #000000;
}
.account-item .content .js-acc-btn, .noti__item i, .header-exp-count, #exp_counter, .header-exp-count small,
.account-item .content .js-acc-btn:hover, .noti__item i:hover {
    color: #ffffff}
.menu-sidebar .menu-sidebar__content li a, .menu-sidebar .menu-sidebar__content li a i, 
.tutory-menu-closed .menu-sidebar__content .navbar-sidebar li a i,
.navbar-sidebar .navbar__list li:hover > a,
.navbar-sidebar .navbar__list li.active>a {
    color: #ffffff}
#bia_help .bia-title, #bia_menu h3, #bia_menu ul a {
    color: #ffffff}
#bia_help .bia-title, #bia_menu {
    background-color: #000000}
#bia_help img, .bia-profile img, .bot-profile img, .review-profile img  {
    border-color: #000000}
#chat_container .chat-message.chat-bot-message .chat-message-text,#chat_container .chat-message.chat-user-message .chat-message-text,#chat_container .bia-profile,.goal-review-intro,.review-profile  {
    color: #000000}
#tarefas_dia_aluno .au-task-list .au-task__item--primary .au-task__item-inner {
    border-left-color: #1c3e69 !important;
}
.legend-week-activities span.legend-color.legend-1, 
.card-desempenho-header h2.desemp-title-34::before, 
.bg-estudo,
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-1,
#dashboard_summary .day-activity-step-1 
{
    background-color:#1c3e69 !important;
}
.btn-desempenho-modalidades .btn-modal-34, .btn-desempenho-modalidades .btn-modal-34:hover 
{
    background: #1c3e69 !important;
    border-color: #1c3e69 !important;
}
.color-estudo {
    color: #1c3e69 !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--warning .au-task__item-inner, 
.meta-aviso-resumo-texto 
{
    border-left-color: #5a9bd5 !important;
}
.legend-week-activities span.legend-color.legend-2, 
.card-desempenho-header h2.desemp-title-35::before, 
.bg-resumo,
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-2,
#dashboard_summary .day-activity-step-2
{
    background-color:#5a9bd5 !important;
}

.btn-desempenho-modalidades .btn-modal-35, 
.btn-desempenho-modalidades .btn-modal-35:hover 
{
    background: #5a9bd5 !important;
    border-color: #5a9bd5 !important;
}

.color-resumo {
    color: #5a9bd5 !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--danger .au-task__item-inner, 
.meta-aviso-revisao-texto 
{
    border-left-color: #6b5b95 !important;
}
.legend-week-activities span.legend-color.legend-3, 
.card-desempenho-header h2.desemp-title-36::before, 
.bg-revisao,
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-3,
#dashboard_summary .day-activity-step-3
{
    background-color:#6b5b95 !important;
}

.btn-desempenho-modalidades .btn-modal-36, 
.btn-desempenho-modalidades .btn-modal-36:hover 
{
    background: #5a9bd5 !important;
    border-color: #5a9bd5 !important;
}

.color-revisao {
    color: #5a9bd5 !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--success .au-task__item-inner, 
.meta-aviso-exercicio-texto 
{
    border-left-color: #003f5c !important;
}
.legend-week-activities span.legend-color.legend-4, 
.card-desempenho-header h2.desemp-title-37::before, 
.bg-exercicio,
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-4,
#dashboard_summary .day-activity-step-4
{
    background-color:#003f5c !important;
}

.btn-desempenho-modalidades .btn-modal-37, 
.btn-desempenho-modalidades .btn-modal-37:hover 
{
    background: #003f5c !important;
    border-color: #003f5c !important;
}

.color-exercicio {
    color: #003f5c !important;
}
/*Custom CSS*/
/* ?? Arredondar todas as caixas e seções */
.card, .box, .content-box, .container, .metas-container, .progress-container, 
.footer-container, .help-box, .message-box, .stats-box, .calendar-box, 
.dashboard-section, .study-card, .schedule-box, .lesson-box, .task-box {
    border-radius: 15px !important; /* Bordas arredondadas */
    background-color: #F8F9FA !important; /* Fundo mais clean */
    padding: 15px !important;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1) !important; /* Sombra suave */
}

/* ?? Arredondar o campo "Estudou algo fora do planejado?" */
.footer-container {
    border-radius: 15px !important;
    background-color: #EAEAEA !important;
    padding: 15px !important;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* ?? Arredondar Botões */
button, .btn {
    border-radius: 12px !important;
    padding: 10px 16px !important;
    font-weight: bold !important;
    transition: 0.3s;
}

button:hover, .btn:hover {
    background-color: #0033A0 !important;
    transform: scale(1.03);
}

/* ?? Arredondar Inputs e Caixas de Texto */
input, textarea, select {
    border-radius: 12px !important;
    padding: 8px !important;
}

/* ?? Arredondar Barra de Progresso */
.progress-bar {
    border-radius: 12px !important;
}

/* ??? Arredondar imagens e avatares */
img, .avatar, .profile-picture {
    border-radius: 50% !important; /* Deixa imagens de perfil redondas */
}

/* ? Melhorando a experiência ao passar o mouse */
a, .link {
    border-radius: 8px !important;
    transition: all 0.3s ease-in-out;
}

a:hover, .link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    transform: scale(1.02);
}
/* ?? Aumentar espaçamento entre os blocos */
.card, .box, .content-box {
    margin: 20px 0px !important; /* Adiciona um espaçamento maior entre os blocos */
    padding: 20px !important; /* Mantém um espaçamento interno confortável */
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15) !important; /* Efeito flutuante mais visível */
    border-radius: 15px !important; /* Mantém as bordas arredondadas */
}
/* ?? Ajustar a caixa de seleção das horas */
select {
    border-radius: 5px !important; /* Reduz o arredondamento para não tampar o conteúdo */
    padding: 8px !important;
    height: auto !important; /* Ajusta o tamanho automaticamente */
    min-width: 100px !important; /* Garante que a largura não fique muito pequena */
    overflow: visible !important; /* Evita que as opções fiquem escondidas */
}

/* ?? Ajustar o formulário de horários */
.form-container {
    border-radius: 10px !important; /* Mantém um arredondamento sutil, sem exagero */
    padding: 15px !important;
    max-width: 600px !important; /* Ajusta para evitar que fique muito largo */
}

/* ?? Evitar que os elementos dentro do formulário fiquem cortados */
.form-container select {
    display: block !important;
    width: 100% !important; /* Garante que as caixas fiquem bem ajustadas */
}
/* Estilizando a caixa de ajuda */
.assistant-box {
    border-radius: 12px; /* Arredondamento das bordas */
    background-color: #ffffff; /* Fundo branco para um visual clean */
    padding: 15px; /* Espaçamento interno */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

/* Estilizando o texto dentro da caixa */
.assistant-box p, .assistant-box a {
    font-size: 14px;
    color: #333333; /* Cor escura para melhor leitura */
}

/* Botões dentro da caixa */
.assistant-box button {
    border-radius: 8px; /* Botões arredondados */
    background-color: #2F4F6F; /* Azul escuro para combinar com a identidade */
    color: #ffffff; /* Texto branco */
    padding: 8px 12px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

/* Efeito hover nos botões */
.assistant-box button:hover {
    background-color: #1C3E69; /* Tom um pouco mais escuro ao passar o mouse */
}
/* Esconde o texto original do botão */
.btn-meta-download-material span {
  font-size: 0 !important;
  position: relative;
}

/* Insere o novo texto */
.btn-meta-download-material span::after {
  content: "Acessar Lei Seca";
  font-size: 14px !important;
  font-weight: 600;
  color: white;
  position: relative;
}
/* Deixa o fundo da caixa branco, como o restante da interface */
.activity-notify-replan.card.custom-card {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  padding: 15px;
  border-radius: 10px;
  box-shadow: none;
  border-left: none;
}

/* Título com apenas um "!" básico */
.activity-notify-replan.card.custom-card h3::after {
  content: " !";
  font-size: 18px;
  color: #b3261e;
  margin-left: 4px;
}

/* Título em vermelho escuro */
.activity-notify-replan.card.custom-card h3 {
  color: #b3261e !important;
  font-weight: bold;
  font-size: 18px;
}

/* Texto explicativo */
.activity-notify-replan.card.custom-card p {
  color: #1a1a1a !important;
  font-size: 14px;
}