/***********************************************
Responsive Table Classes
***********************************************/

.table_div
{
    width:100%;
    margin:0;    
}

.table_row
{
    width:100%;    
    overflow:auto;
}

.head
{
    background-color:rgba(200,200,200,1);        
}

.table_row.even
{
    background-color:rgba(200,200,200,1);
}

.table_row.odd
{
    background-color:rgba(255,255,255,1);
}

.table_row.even:hover
{
    background-color: #666F89;
    color:#fff;
}

.table_row.odd:hover
{
    background-color:#666F89;
    color:#fff;
}

.table_grid
{
    width:14%;
    padding:4px;
    float:left; 
    text-align:center;   
}

.table_grid.oszlop1
{
    width:20%;
}

.table_content
{
    float:left;
    width:80%;
}

.table_header
{
    float:left;
}


/***** Mobile (portrait 300px) *****/
@media only screen and (max-width: 767px) 
{
    .table_grid
    {
        width:100%;
        padding:10px;
        float:left;    
        text-align:center;
    } 
    
    .table_header
    {
        overflow:auto;
        width:40%;
        float:left;
    }
    
    .table_content
    {
        overflow:auto;
        width:30%;    
        float:left;
    }
    
    .table_grid.oszlop1
    {
        width:30%;
        vertical-align: text-bottom;
    }
}