.list
{
    max-height:300px;    
    
}
::-webkit-scrollbar {
width: 12px;
}

/* Track */
::-webkit-scrollbar-track 
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb 
{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(59,59,59,255); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:window-inactive 
{
    background: rgba(255,0,0,0.4); 
}
/*
thead th 
{
    position: sticky; top: 0; z-index: 1;
    
    background-color: #333131; 
} 
*/

.loader 
{
   
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.top-buffer { margin-top:20px; }