/** 
GRAMMAR
 */
table tr td, table tr th { border: 1px solid #eee; padding: 0.5rem; text-align: left;}
#main-content table {
    margin-left: 5rem;
    margin-right: 5rem;

}
#main-content table.table {
    width: calc(100% - 10rem);

}


.no-border,
table.no-border > tr  > td,
table.no-border > tbody > tr  > td,
table.no-border > tr > th
table.no-border > thead > tr > th { border-width: 0; }
.cree { color: #995320; font-style: italic; }
.translation { color:#666; }
td  .cree {
    font-style: normal;
}
.text-right,
table.text-right tr td,
table.text-right tr th
{
    text-align: right !important;
}
.text-right,
table.text-right tr td,
table.text-right tr th
{
    text-align: right !important;
}
.text-center,
table.text-center tr td,
table.text-center tr th {
    text-align: center !important;
}
.border { border: 1px solid #666 !important;}
.border-left {
    border-left:  1px solid #666 !important;
}
.border-right {
    border-right:  1px solid #666 !important;
}
.border-top {
    border-top:  1px solid #666 !important;
}
.border-bottom {
    border-bottom:  1px solid #666 !important;
}

.thick-border,
table.thick-cell-borders > tr  > td,
table.thick-cell-borders > tbody > tr  > td,
table.thick-cell-borders > tr > th
table.thick-cell-borders > thead > tr > th
{ border: 2px solid #222 !important;}
.thick-border-left {
    border-left:  2px solid #222 !important;
}
.thick-border-right {
    border-right:  2px solid #222 !important;
}
.thick-border-top {
    border-top:  2px solid #222 !important;
}
.thick-border-bottom {
    border-bottom:  2px solid #222 !important;
}

table.table.compact,
#main-content table.compact {
    width: auto;

    margin-bottom: 1rem;
}