/* tableGrammar styles */


.tableGrammar {
    width: 60%;

    border-collapse: collapse;
    border-color:    var(--colorHorizontalMainBar);
    border-style:    solid;
    border-width:    2px;
}

.tableGrammar tr {
    background-color: transparent;
    border: 2px solid var(--colorHorizontalMainBar);
}


.tableGrammar th {
    background-color: transparent;
    
    border-color: var(--colorHorizontalMainBar);
    border-style: solid;
    border-width: 2px;
    
    padding-top:    10px;
    padding-bottom: 10px;
    padding-left:   6px;
    padding-right:  6px;
    
    text-align: center;
    vertical-align: top;
    
    color: white;
}

.tableGrammar td {
    background-color: transparent;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    border-right: 2px solid var(--colorHorizontalMainBar);
    
    padding-top:    6px;
    padding-bottom: 6px;
    padding-left:   6px;
    padding-right:  6px;
    
    text-align:     center;
    vertical-align: top;
}

.tableGrammarColumn1 {
    width: 50%;
    border-right: 2px solid var(--colorHorizontalMainBar);
    color: black;
}

.tableGrammarColumn2 {
    width: 50%;
}