/* Estilo para garantir que o rodapé fique no final da página */
html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
.content {
    flex: 1;
}
footer {
    background-color: #f8f9fa;
}
/* Estilos personalizados */
.header-section {
    background-color: #343a40;
    color: white;
    padding: 5px 0;
    text-align: center;
    font-size: 1.5rem;
    margin-top: 56px;
}
.info-section {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.info-section .left-col {
    background-color: #f3f3f3;
    padding: 20px 10px 0px;
    width: 100%;
}
.info-section .right-col {
    background-color: #f3f3f3;
    padding: 20px;
    width: 10%;
    text-align: center;
}
.right-col select, .right-col button {
    margin-top: 10px;
}

/* Faz o menu hamburguer sobrepor o conteúdo ao abrir */
.navbar-collapse {
   
    background-color: #343a40;
    padding: 10px;
    border-radius: 10px;
}

/* Estilo para o botão de fechar no menu */
.close-menu {
    color: white;
    background: none;
    border: none;
    font-size: 1.5rem;
    margin-right: 20px;
}

.form-select{
    margin-bottom: 10px;
}

.font-table-lista{
    font-size: 13px;
}

.btn-primary {
    background-color: #2e2b2b; /* Cor de fundo */
    border-color: #000;     /* Cor da borda */
}

.btn-primary:focus {
    background-color: #2e2b2b; /* Cor de fundo */
    border-color: #000;     /* Cor da borda */
}

.btn-primary:hover {
    background-color: #333; /* Cor de fundo no hover */
    border-color: #000;     /* Cor da borda no hover */
}
.btn-primary:active {
    background-color: #555 !important; /* Cor de fundo */
    border-color: #000;     /* Cor da borda */
}

.btn-primary:disabled {
    background-color: #ccc;    /* Cor de fundo quando desabilitado */
    border-color: #999;        /* Cor da borda quando desabilitado */
    cursor: not-allowed;       /* Cursor indicando que está desabilitado */
    opacity: 0.65;             /* Opacidade para indicar desabilitado */
}

.modal-footer{
    justify-content: center !important;
}

.modified{
    width: 40% !important;
}

.error{
    border-color: #dc3545 !important; /* Cor vermelha para indicar erro */
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); /* Efeito de sombra */
}

#lista-de-contas {
    cursor: pointer;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('loading.gif') 50% 50% no-repeat white;
}

.list-group {
    background-color: #f8f9fa !important; /* Cor cinza clara */
    border-color: #dee2e6 !important; /* Cor da borda */
}