.grid.s	.tdata:not(.cs)								{ align-content: start !important; justify-content: start !important; }
.grid.cs .tdata:not(.s)								{ align-content: center; justify-content: start; }
.grid.l .tag										{ text-align: left }
.grid.np .tdata										{ padding: 1px !important; }
.grid.max .tdata .tag								{ width: 100%; flex: auto }
.grid.max a .tag										{ width: 100%; flex: auto }

.tdata												{ display: flex; position: relative; font-size: 12px; width: 100%;  flex-flow: row wrap; line-height: 20px; padding: 4px; column-gap: 2px  }
.tdata												{ border: 1px solid rgba(30, 30, 30, .3); }
.tdata.min											{ padding: 1px !important }
.tdata.col											{ flex-flow: column wrap; }
.tdata.ncol											{ flex-flow: column nowrap; align-content: center }
.tdata.s											{ align-content: start; justify-content: start; }
.tdata.cs											{ align-items: center; align-content: center; justify-content: start; }
.tdata.cr											{ align-items: center; align-content: center; justify-content: end; }
.tdata:not(.r):not(.s)								{ align-content: center; }
.tdata.c											{ justify-content: center; }
.tdata.r											{ justify-content: flex-end; }
.tdata.nr											{ justify-content: start; word-wrap: keep-all; overflow-wrap: normal; white-space: nowrap }
.tdata.big											{ padding: 15px; }
.tdata:not(.no)										{ flex: auto; display: flex; align-self: stretch; position: relative; padding: 4px }
.tdata.rc											{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center; padding: 0px !important }
.tdata.rc > img[class^="userlogo_"]					{ max-height: 25px; max-width: 25px; margin: 0 }
.tdata.up, .topic.up, .ctopic.up					{ margin-top: 10px !important; }
.tdata a.max										{ display: flex; align-items: stretch; width: 100%; padding: 1px 2px 1px 2px }
.tdata.nq											{ background: none !important; padding: 1px 2px 1px 2px !important; border: 0 !important }
.tdata.nbb											{ background: none !important; border: 0 !important }
.tdata.nrow											{ background: none !important; padding: 2px 3px 2px 3px !important; border: 0 !important }
.tdata.max > .tag									{ width: 100%; }
.tdata.wr											{ flex-wrap: nowrap }
[class="tcd"]												{ border: 1px solid rgba(80, 80, 80, .3); }

/* [class="tdata"], .tdata.c, .tdata.s, .tdata.bg, .tdata.r, .tdata.max { background: rgba(245, 245, 245, 1);  } */
/*
.tdata.light								{ background: rgba(242, 242, 242, 1); border: 1px solid rgba(50, 50, 50, .3); }
.tdata.dark									{ background: rgba(245, 245, 245, 1); }
.tdata.darker								{ background: rgba(120, 120, 120, 1);  }
.tdata.darkest								{ background: rgba(50, 50, 50, 1);  border: 0 }
.tdata.green								{ background: rgba(0, 154, 4, .5);  }
.tdata.sh									{ box-shadow: inset 0 3px 3px 0 rgba(20, 20, 20, .3); }
*/
.grid.sh .tdata								{ box-shadow: inset 0 3px 3px 0 rgba(20, 20, 20, .3); }
.darkstatic .tdata				{ border: 1px solid rgba(40, 40, 40, .8) !important }
.tarea.darkest .tdata:not(.select)			{ border-bottom: 1px solid rgba(100, 100, 100, .5);  background: rgba(60, 60, 60, 1); margin-bottom: 3px  }
.tdata.scaler .score						{ transform: scale(0.8); }
.tdata.tdate						{ position: relative }
.tdata.orange						{ background: rgba(208, 101, 31, 1); }
.tarea.fsize .tdata									{  }
.tarea.fsize .tdata  *								{  }
.tarea.dsize .tdata									{ font-size: 11px }
.tarea.dsize .tdata *								{ font-size: 11px }
.tdata.nq2 .tag.min						{ border: unset !important }
/* .grid.np .tdata										{ padding: 1px 2px 1px 2px !important; } */