/*************************************************************************
**
** Copyright (c) by jeff (jeff@bqic.de)
**
** Author:  jeff
**
** File:    $Id: $
**
** Purpose: the table css
**
** Created: 2022-10-27 13:54
**
** Update:  $Date: $
**
** Notes:
**
************************************************************************/

table 
{
    width:                  100%;
    padding:                10px;
    border:                 1px solid #ffd200    border-radius:          3px;
}

.fixed_table
{
    table-layout:           fixed;
}

tr
{
    display:                flex;
    flex-direction:         row;
    flex-wrap:              wrap;
    margin:                 5px 0;
    color:                  white;
}

th 
{
    display:                flex;
    flex-flow:              row nowrap;
    flex-grow:              1;
    flex-basis:             0;
    margin:                 2px;
    word-break:             break-word;
    overflow:               hidden;
    text-overflow:          ellipsis;
    white-space:            nowrap;
    font-weight:            bold;
    background-color:       white;
    justify-content:        center;
    border:                 1px solid #ffd200;
    border-radius:          3px;
    color:                  #ffd200;
}

td 
{
    display:                flex;
    flex-flow:              row nowrap;
    flex-grow:              1;
    flex-basis:             0;
    margin:                 2px;
    word-break:             break-word;
    overflow:               hidden;
    text-overflow:          ellipsis;
    white-space:            nowrap;
    border:                 1px solid #efefef;
    border-radius:          3px;
}

tr:nth-of-type(even) 
{
    background-color:       #f2f2f2;
}

tr:nth-of-type(odd) 
{
    background-color:       #ffffff;
}

tr:hover
{
    background-color:       #f38606;
    color:                  white;
    cursor:                 pointer;
}