body {
    font-family: 'Roboto', sans-serif;
    background-color: #22262d; /* Nova cor de fundo */
    color: #c8ddf1; /* Cor do texto branco */
}

i {
    cursor: pointer;
    color: #c8ddf1; /* Cor do texto branco */
}

#logo {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    letter-spacing: 2px;
    margin-left: 5px;
    color: #c8ddf1; /* Cor do texto branco */
}

.menu {
    margin-bottom: 25px;
}

.app {
    margin-top: 25px;
}

.pagina {
    border: solid 1px #2c3545; /* Alteração da cor da borda */
    padding: 25px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

li.list-group-item.active {
    /*background-color: rgb(218, 250, 214);*/
    border-color: #009933;
    border-left: solid 10px #009933;
}

li a {
    color: #c8ddf1; /* Cor do texto branco */
}

li a:hover {
    text-decoration: none;
    color: #009933;
}

h4 {
    color: #009933 !important;
}

.tarefa::after {
    content: "";
    margin-top: 20px;
    display: block;
    width: 95%;
    height: 0.5px;
    background-color: #2c3545;
    margin-left: auto;
    margin-right: auto;
}

.pendente {
    color: red;
}

.concluido {
    color: green;
}

#tarefa {
    border: 1px solid #2c3545; /* Alteração da cor da borda */
}

.container.app {
    background-color: #22262d; /* Cor de fundo para a div container app */
}

.menu .list-group-item {
    background-color: #22262d; /* Cor de fundo para os itens da lista */
    border-color: #2c3545; /* Alteração da cor da borda */
}

/* CSS para o input com fundo #1b1e24 e borda #2c3545 */
.input-cinza {
    background-color: #1b1e24; /* Cinza escuro */
    color: #ffffff; /* Texto branco */
    border-color: #2c3545; /* Cor da borda */
}

/* CSS para ajustar a cor do texto do placeholder */
.input-cinza::placeholder {
    color: rgba(255, 255, 255, 0.5); /* Branco com transparência */
}

/* CSS para o input cinza quando está em foco */
.input-cinza:focus, 
.input-cinza:active {
    background-color: #1b1e24; /* Cinza escuro */
    color: #ffffff; /* Texto branco */
    border-color: #2c3545; /* Cor da borda */
    box-shadow: none; /* Remove a sombra padrão */
}