:root {
        
        --quaterm: calc(var(--margin) / 4);
        --halfm: calc(var(--margin) / 2);
        --margin: 10px; 
        --doublem: calc(var(--margin) * 2);
        --ddoublem: calc(var(--doublem) * 2);
        --dddoublem: calc(var(--ddoublem) * 2);
        
        --stroke: 1px solid grey;
    }



.table{
    
    position: relative;
    float: left;
    
    width: 100%;
    height:auto;
    
    border: var(--stroke);
    border-left:0;
    
}

#tcategories{
    
    
    width: calc(100% - 13px);
    
}

#tcategories .row:last-child{
    
    border:0;
    
}

.row{
    
    position: relative;
    float: left;
    
    width:100%;
    height:auto;
    
    overflow:hidden;
    
    border-bottom: var(--stroke);
    
}

.cell{
    
    position: relative;
    float: left;
    
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    
    
}

.cell img{
    
    position: relative;
    float: left;
    height:15px;
    
}

#theader .cell{
    
    color:grey;
    
}

#tctitle{
    
    
    padding-right: var(--margin);
    width: calc(15% - var(--margin));
    
    
}

#tcexercises{
    
    width: 84%;
    
}

#texercises{
    
    border:0;
    
}

.texercise:hover{
    
    background-color:lightgrey !important;
    cursor: pointer;
    
}

#texercises .row:last-child{
    
    border:0;
    
}

#tmarker{
    
    width:15px;
    padding-left: var(--halfm);
    padding-right: var(--halfm);
    
}

.miniexercise, .miniheader{
    
    position: relative;
    float: left;
    
    margin-top: 3px;
    
    width: 12px;
    height:12px;
    
    border-radius: 9px;
    
    border: var(--stroke);
    
}

.miniheader{
    
    background-color:lightgray;
    
}

.miniexercise:hover{
    
    cursor: grab;
    
}

#tduration{
    
    width:55px; 
    color:blue;
    padding-right: var(--margin);
    
    
}

#ttitle{
    
    width:300px;
    padding-right: var(--margin);
    
}

#tparticipants{
    
    width: 40px;
    padding-right: var(--margin);
    
}

#tdynamic{
    
    width: 150px;
    min-height: 10px;
    
}

#ttouch{
    

    
}