body {
    font-family: 'Arial', sans-serif;
}
html, body {
    background-color: #b0b0b0;
}
.header-desktop, .menu-sidebar .logo, #chat_header {
    background-color: #a1a1a1;
}
.menu-sidebar, .menu-sidebar .menu-sidebar__content {
    background-color: #ababab;
}
.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: #000000}
#bia_help .bia-title, #bia_menu {
    background-color: #b7b7b7}
#bia_help img, .bia-profile img, .bot-profile img, .review-profile img  {
    border-color: #b7b7b7}
#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: #333333}
#tarefas_dia_aluno .au-task-list .au-task__item--primary .au-task__item-inner {
    border-left-color: #4400ff !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:#4400ff !important;
}
.btn-desempenho-modalidades .btn-modal-34, .btn-desempenho-modalidades .btn-modal-34:hover 
{
    background: #4400ff !important;
    border-color: #4400ff !important;
}
.color-estudo {
    color: #4400ff !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--warning .au-task__item-inner, 
.meta-aviso-resumo-texto 
{
    border-left-color: #87786e !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:#87786e !important;
}

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

.color-resumo {
    color: #87786e !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--danger .au-task__item-inner, 
.meta-aviso-revisao-texto 
{
    border-left-color: #da3ab3 !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:#da3ab3 !important;
}

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

.color-revisao {
    color: #87786e !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item--success .au-task__item-inner, 
.meta-aviso-exercicio-texto 
{
    border-left-color: #0fa758 !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:#0fa758 !important;
}

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

.color-exercicio {
    color: #0fa758 !important;
}
/*Custom CSS*/
/* Tela de Login */
#login_table {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100vh;
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
    color: #333;
    background-repeat: no-repeat;
    background-size: cover;
}
#login_table .login-placeholder.login-aluno {
    background-color: #2727277a !important;
    backdrop-filter: blur(5px);
    border-radius: 10px !important;
    color: #333 !important;
    border: 1px solid #215d79;
}
#login_table .login-placeholder.login-aluno .login-input {
    border: none;
    border-radius: 8px !important;
    background-color: rgba(220, 220, 220, 0.1) !important;
    color:#fff !important;
    margin: 10px;
    padding: 8px 20px;
}
#login_table .login-placeholder.login-aluno .login-input:focus {
    color: #fff !important;
    background-color: rgb(224 224 224 / 8%) !important;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, .3);
}
.login-placeholder .login-input::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
#login_table .login-placeholder.login-aluno .login-submit {
    background-color: #0473E3 !important;
    border-radius: 8px !important;
}

body {
  opacity: 0;
  animation: aparecer 0.3s ease forwards;
  animation-delay: 0.3s;
}

@keyframes aparecer {
  to { opacity: 1; }
}