body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
}

.header {
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.logo {
    width: 100px; /* Ajuste o tamanho conforme necessário */
    margin-right: 20px;
}

.entity-name {
    margin: 0;
    color: #333;
}

.container {
    display: flex;
    padding: 20px;
}

.sidebar {
    width: 300px;
    margin-right: 20px;
}

.menu-container {
    background-color: #fff; /* Cor de fundo do menu */
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.menu {
    padding: 15px;
    cursor: pointer;
    border-bottom: 1px solid #eee; /* Cor da borda do menu */
    transition: background-color 0.3s;
    color: #1962b6;  /* Cor do texto do menu*/
}
.menu-link {
    text-decoration: none;
    color: inherit;
}

.menu-link:hover {
    text-decoration: none;
}

.menu-link .fa-arrow-right {
    margin-right: 5px;
}

.menu:hover {
    background-color: #e3edf1; /* Cor de fundo do menu ao passar o mouse */
}

.submenu {
    display: none;
    padding: 10px 0;
    background-color: #fafafa; /*  #fafafa; Cor de fundo do submenu */
    list-style-type: none;
}

.submenu li {
    padding: 8px 15px;
    cursor: pointer;
    transition: background-color 0.3s;
    color: #333; /* Cor do texto do submenu */
}

.submenu li:hover {
    background-color: #e3edf1; /* Cor de fundo do submenu ao passar o mouse */
}

.content {
    flex: 1;
    background-color: #fff; /* Cor de fundo do conteúdo */
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra do conteúdo */
}

.file-list-container {
    padding: 20px;
}

.file-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.file-table th,
.file-table td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd; /* Cor da borda da tabela */
}

.file-table th {
    background-color: #f2f2f2; /* Cor de fundo do cabeçalho da tabela */
    font-weight: bold;
}

.file-name {
    width: 50%;
}

.file-size,
.file-extension,
.file-view,
.file-download {
    width: 12.5%;
    text-align: center;
}

.file-view a,
.file-download a {
    color: #333; /* Cor do link icones visualizar e download */
    text-decoration: none;
}

.file-view a:hover,
.file-download a:hover {
    color: #368cfc; /* Cor do link ao passar o mouse icones visualizar e download */
}

.file-view i,
.file-download i {
    font-size: 18px;
}