.tab-scroll-x {
    overflow-x: auto;
}

.tabela {
    width: 95%;
    border-collapse: separate;
    margin: auto;    
    font-size: large;
    position: relative;        
}

.tabela thead , .tabela tfoot {
    background-color: rgba(54, 59, 72, 0.899);
    color: white;
}

.tabela thead {
    position: sticky;    
    top: 0em;		
    background-color: rgba(54, 59, 72, 0.899);
}
.tabela thead th {
    padding: 10px;            
}

.tabela tr {
    border: 1.7px solid #dee2e6;
    padding: 10px;
}

.tabela tr:nth-child(even) {
    background-color: rgb(241, 237, 237);
}

.tabela tr:hover {
    background-color: rgba(77, 77, 77, 0.801);
    box-shadow: 0px 0px 15px rgb(0, 0, 0);
    outline: none;
}

.tabela th, .tabela td {
    text-align: center;        
    padding: 0px 8px;    
}

.tabela input, .tabela select {
    width: 90%;
    height: 60%;
    border: none;
    border-bottom: 1.55px solid rgb(0, 0, 0);
}

.tabela td {
    height: 40px;
    vertical-align: middle;    
}

@media (max-width:650px) {
    .tabela {
        width: 100%;
        margin: 0px;
        font-size: medium;        
    }    
    
    .tabela th, .tabela td {        
        padding: 0px 4px;    
    }
}

.name:hover{
    cursor: pointer;          
}