/* Customização do menu lateral */
.main-sidebar {
    background-color: #343a40 !important;
    /* Define a cor de fundo do menu lateral */
}

/* Personalizando os itens do menu */
.main-sidebar .nav-link {
    color: #FFF;
    /* Definir a cor do texto */
}

/* Personalizar a cor dos ícones */
.main-sidebar .nav-link i {
    color: #ffffff;
    /* Definir a cor dos ícones */
}

/* Se você quiser mudar a cor do painel de usuário */
.main-sidebar .user-panel .image .img-circle {
    background-color: #EA7E28 !important;
    /* Alterar o fundo da imagem de perfil */
    color: white !important;
    /* Cor do texto (inicial do nome) */
}


/* Aumentar o tamanho da imagem e adicionar margem */
.user-initial {
    width: 60px;
    height: 60px;
    margin: 15px;
    /* Margem ao redor da imagem */
}


/* Personalize a cor de fundo do item de menu ativo */
.nav-sidebar .nav-link.active {
    background-color: #007bff;
    /* Cor de fundo personalizada */
    color: white;
    /* Cor do texto (branca, por exemplo) */
}

/* Efeito de hover para os itens do menu */
.nav-sidebar .nav-link:hover {
    background-color: #0056b3;
    /* Cor de fundo ao passar o mouse */
    color: white;
    /* Cor do texto ao passar o mouse */
}

/* Cor de fundo da sub-aba ativa */
.nav-sidebar .nav-treeview .nav-link.active {
    background-color: #FFF !important;
    /* Cor de fundo personalizada para sub-aba ativa */
    color: white;
    /* Cor do texto da sub-aba ativa */
}

.nav-sidebar .nav-treeview .nav-link.active i {
    color: #000;
}

/* Aplicar indentação à esquerda nos itens do submenu */
.nav-treeview .nav-item {
    padding-left: 14px !important;
    /* Ajuste conforme necessário */
}

/* Se você quiser que os itens do submenu se movam mais para a esquerda, reduza o valor */
.nav-treeview .nav-link {
    padding-left: 7px !important;
    /* Pode ser ajustado conforme o seu layout */
}

/* Quando o menu está colapsado (menu minimizado) */
.sidebar-collapse .brand-link {
    height: 40px;
    /* Altura do logo reduzida no estado colapsado */
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-collapse #bemvindo-text {
    display: none;
}

.sidebar-collapse .brand-link img {
    width: 60px !important;
    /* Tamanho pequeno da imagem */
    height: 40px;
    /* Tamanho pequeno da imagem */
    transition: width 0.3s, height 0.3s;
    /* Transição suave */
}

/* Quando o menu está expandido (menu maximizado) */
.sidebar-expanded .brand-link {
    height: 200px;
    /* Aumenta a altura do brand-link para o tamanho desejado */
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-expanded .brand-link img {
    width: auto;
    /* Largura automática para manter a proporção */
    height: auto;
    /* Ajusta a altura automaticamente para não deformar */
    max-height: 100%;
    /* Define uma altura máxima para o logo */
    transition: width 0.3s, height 0.3s;
    /* Transição suave */
}


/* Definindo as cores personalizadas para as small-boxes */
.bg-azul {
    background-color: #343a40 !important;
}

.bg-verde {
    background-color: #BBF01D !important;
}

.bg-laranja {
    background-color: #EA7E28 !important;
}

.bg-vermelho {
    background-color: #F55D3B !important;
}


/*SELECTS2*/
.select2-container--default .select2-selection--single {
    height: 38px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
}

.select2-container--default .select2-selection__rendered {
    line-height: 45px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    /* Garante que a seta ocupe toda a altura do select */
    display: flex;
    align-items: center;
    /* Centraliza a seta verticalmente */
}


.list-group-item {
    transition: all 0.3s ease;
    /* Suaviza a transição ao remover um item */
}

.list-group-item.remover {
    opacity: 0;
    /* Faz o item desaparecer suavemente */
    height: 0;
    /* Ajusta a altura do item para zero */
}




/*DATATABLES*/

/* Estilos para todas as tabelas DataTable */
table.dataTable,
table.dataTable th,
table.dataTable td {
    border: 0.5px solid rgba(244, 244, 244, 0.5) !important;
}

/* Estilo para a borda superior da primeira linha */
table.dataTable tr:nth-child(1) td {
    border-top: 1px solid rgba(180, 180, 180, 0.5) !important;
}


/* Adicionar padding aos controles de pesquisa e paginação */
.dataTables_wrapper .dataTables_filter input {
    padding: 5px 10px;
    /* Espacamento do campo de busca */
}

.dataTables_wrapper .dataTables_length select {
    padding: 5px 10px;
    /* Espacamento do campo de seleção (Mostrar X registros) */
}

.dataTables_wrapper .dataTables_info {
    padding-top: 10px;
    /* Espaçamento do texto de exibição (mostrando X a Y de Z registros) */
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 10px;
    /* Espaçamento da navegação de páginas */
}

.dataTables_wrapper {
    padding: 10px 15px;
    /* Adiciona padding ao redor do DataTables */
}

/* Estilo adicional para a tabela para evitar que a borda da tabela e a página fiquem coladas */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    margin: 10px 0;
    /* Margem entre as seções de controles */
}

/* Alterar estilo dos títulos das colunas da DataTable */
.table th {
    background-color: #ffffff;
    /* Cor de fundo (opcional, pode ajustar conforme necessário) */
    color: #949494;
    /* Cor do texto dos títulos */
    font-weight: normal;
    /* Remover o negrito */
}

/* Para garantir que os cabeçalhos se destaquem menos e não sejam bold */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    font-weight: normal;
    /* Remover negrito dos textos de controles, se necessário */
}

/* Para as tabelas com DataTables, garantir que as células de título não sejam negrito */
.table th {
    font-weight: normal !important;
    /* Remover negrito, garantindo com !important */
}

/* Alterar o estilo dos textos de controle (filtros, select, etc.) */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    font-weight: normal !important;
    /* Remover negrito */
    color: #949494 !important;
    /* Definir a cor desejada (#949494) */
}

/* Textos do filtro (campo de pesquisa) */
.dataTables_wrapper .dataTables_filter label {
    color: #949494 !important;
    /* Cor dos textos no campo de pesquisa */
    font-weight: normal !important;
    /* Remover negrito */
}

/* Textos do select (mostrar registros por página) */
.dataTables_wrapper .dataTables_length label {
    color: #949494 !important;
    /* Cor dos textos no seletor de quantidade de registros */
    font-weight: normal !important;
    /* Remover negrito */
}

/* Texto da paginação (anterior, próximo, números de página) */
.dataTables_wrapper .dataTables_paginate a {
    color: #949494 !important;
    /* Cor para os links da paginação */
    font-weight: normal !important;
    /* Remover negrito */
}

/* Textos da informação sobre quantos registros estão sendo exibidos */
.dataTables_wrapper .dataTables_info {
    color: #949494 !important;
    /* Cor para a informação de registros exibidos */
    font-weight: normal !important;
    /* Remover negrito */
}

.content-wrapper {
    border-radius: 15px !important;
}

.label-custom {
    color: #949494;
    /* Cor cinza */
    font-weight: normal !important;
    /* Remove o negrito */
}

/*BG Campos Form*/
.row.bg-light-gray {
    background-color: #f4f4f4;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 15px;
}

/* Mensagem de erro */
.invalid-feedback {
    display: none;
    font-size: 0.875em;
    color: #dc3545;
    margin-top: 0.5rem;
    /* Espaço entre o campo e a mensagem de erro */
    margin-bottom: 1rem;
    /* Mais espaçamento abaixo da mensagem */
}

/*SWEETALERTS*/

/* Personalização para SweetAlert */
.swal2-popup {
    border-radius: 8px;
}

.swal2-popup.swal2-success {
    background-color: #BBF01D !important;
    /* Verde */
}

.swal2-popup.swal2-error {
    background-color: #F55D3B !important;
    /* Vermelho */
}

.swal2-popup.swal2-warning {
    background-color: #EA7E28 !important;
    /* Laranja */
}

.swal2-popup.swal2-info {
    background-color: #00ADEF !important;
    /* Azul */
}

/* Ajustar as cores do texto */
.swal2-title,
.swal2-content {
    color: #fff;
    /* Branco para contraste */
}

.swal2-actions .swal2-confirm {
    background-color: #00ADEF !important;
    /* Botão azul */
    border-color: #00ADEF !important;
}

.swal2-actions .swal2-cancel {
    background-color: #F55D3B !important;
    /* Botão vermelho */
    border-color: #F55D3B !important;
}

/*FOOTER*/

.main-footer {
    background-color: #ffffff; /* Cor de fundo opcional */
    padding: 10px 0; /* Espaçamento vertical */
}

.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0; /* Remove o padding padrão do container */
}

.footer-left {
    margin-right: auto !important; /* Garante que a imagem encoste à esquerda */
}

.footer-image {
    width: 550px; /* Ajuste o tamanho da imagem conforme necessário */
    height: auto;
}

.footer-center {
    text-align: center;
    font-size: 0.8rem; /* Reduz o tamanho do texto */
    flex-grow: 1; /* Faz com que o conteúdo central se ajuste ao espaço disponível */
}

.footer-right {
    margin-left: auto !important; /* Garante que a versão encoste à direita */
    font-size: 0.8rem; /* Reduz o tamanho do texto */
    text-align: right !important;
}


/*tabela relações ver detalhes*/

/* Estilos para tabelas com a classe 'table-light' */
.table-light,
.table-light th,
.table-light td {
    border: 0.9px solid rgba(244, 244, 244, 0.6) !important; /* Borda fina e clara para a tabela */
}

/* Estilo para a borda superior da primeira linha */
.table-light tr:nth-child(1) td {
    border-top: 1px solid rgba(180, 180, 180, 0.5) !important; 
    /* Borda superior mais forte para a primeira linha */
}

/* Estilo dos cabeçalhos da tabela */
.table-light th {
    background-color: #ffffff; /* Cor de fundo branca para os cabeçalhos */
    color: #949494; /* Cor do texto dos cabeçalhos */
    font-weight: normal; /* Remover negrito nos cabeçalhos */
}

/* Bordas entre as células de forma consistente */
.table-light td {
    padding: 10px; /* Espaçamento interno nas células */
}

/* Modificar o estilo dos controles de pesquisa e navegação, similar ao DataTables */
.table-light-wrapper .table-light-filter input,
.table-light-wrapper .table-light-length select,
.table-light-wrapper .table-light-info,
.table-light-wrapper .table-light-paginate {
    padding: 5px 10px; /* Ajuste de padding */
}

/* Alinhamento e espaçamento para a navegação e filtros */
.table-light-wrapper {
    padding: 10px 15px; /* Padding adicional ao redor da tabela */
}

/* Alterar estilo de paginação e informações sobre a tabela */
.table-light-wrapper .table-light-info,
.table-light-wrapper .table-light-paginate {
    color: #949494 !important; /* Cor do texto para os controles */
    font-weight: normal !important; /* Remover negrito */
}

/* Alterar as cores dos links da paginação */
.table-light-wrapper .table-light-paginate a {
    color: #949494 !important;
    font-weight: normal !important; /* Remover negrito */
}


/*BOTÃO PROCURAR*/

/* Substituir o texto do botão 'Browse' */
.custom-file-input::-webkit-file-upload-button::after {
    content: "Procurar"!important;  /* Substitua pelo texto desejado */
    color: #fff!important;
    background-color: #6c757d!important;  /* Cor de fundo do botão */
    padding: 5px 10px!important;
    border-radius: 5px!important;
    cursor: pointer!important;
}