1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
  
32
  
33
  
34
  
35
  
36
  
37
  
38
  
39
  
40
  
41
  
42
  
43
  
44
  
45
  
46
  
47
  
48
  
49
  
50
  
51
  
52
  
53
  
54
  
55
  
56
  
57
  
58
  
59
  
60
  
61
  
62
  
63
  
64
  
65
  
66
  
67
  
68
  
69
  
70
  
71
  
72
  
73
  
74
  
75
  
76
  
77
  
78
  
79
  
80
  
81
  
82
  
83
  
84
  
85
  
86
  
87
  
88
  
89
  
90
  
91
  
92
  
93
  
94
  
95
  
96
  
97
  
98
  
99
  
100
  
101
  
102
  
103
  
104
  
105
  
106
  
107
  
108
  
109
  
110
  
111
  
112
  
113
  
114
  
115
  
116
  
117
  
118
  
119
  
120
  
121
  
122
  
123
  
124
  
125
  
126
  
127
  
128
  
129
  
130
  
131
  
132
  
133
  
134
  
135
  
136
  
137
  
138
  
139
  
140
  
141
  
142
  
143
  
144
  
145
  
146
  
147
  
148
  
149
  
150
  
151
  
152
  
153
  
154
  
155
  
156
  
157
  
158
  
159
  
160
  
161
  
162
  
163
  
164
  
165
  
166
  
167
  
168
  
169
  
170
  
171
  
172
  
173
  
174
  
175
  
176
  
177
  
178
  
179
  
180
  
181
  
182
  
183
  
184
  
185
  
186
  
187
  
188
  
189
  
190
  
191
  
192
  
193
  
194
  
195
  
196
  
197
  
198
  
199
  
200
  
201
  
202
  
203
  
204
  
205
  
206
  
207
  
208
  
209
  
210
  
211
  
212
  
213
  
214
  
215
  
216
  
217
  
218
  
219
  
220
  
221
  
222
  
223
  
224
  
225
  
226
  
227
  
228
  
229
  
230
  
231
  
232
  
233
  
234
  
235
  
236
  
237
  
238
  
239
  
240
  
241
  
242
  
243
  
244
  
245
  
246
  
247
  
248
  
249
  
250
  
251
  
252
  
253
  
254
  
255
  
256
  
257
  
258
  
259
  
260
  
261
  
262
  
263
  
264
  
265
  
266
  
267
  
268
  
269
  
270
  
271
  
272
  
273
  
274
  
275
  
276
  
277
  
278
  
279
  
280
  
281
  
282
  
283
  
284
  
285
  
286
  
287
  
288
  
289
  
290
  
291
  
292
  
293
  
294
  
295
  
296
  
297
  
298
  
299
  
300
  
301
  
302
  
303
  
304
  
305
  
306
  
307
  
308
  
309
  
310
  
311
  
312
  
313
  
314
  
315
  
316
  
317
  
318
  
319
  
320
  
321
  
322
  
323
  
324
  
325
  
326
  
327
  
328
  
329
  
330
  
331
  
332
  
333
  
334
  
335
  
336
  
337
  
338
  
339
  
340
  
341
  
342
  
343
  
344
  
345
  
346
  
347
  
348
  
349
  
350
  
351
  
352
  
353
  
354
  
355
  
356
  
357
  
358
  
359
  
360
  
361
  
362
  
363
  
364
  
365
  
366
  
367
  
368
  
369
  
370
  
371
  
372
  
373
  
374
  
375
  
376
  
377
  
378
  
379
  
380
  
381
  
382
  
383
  
384
  
385
  
386
  
387
  
 
table { 
  font-size: 100%; 
  width: 100%; 
  border-collapse: collapse; 
 
  &+ table { 
    margin-top: $spacing-unit; 
  } 
 
  &+ .section { 
    margin-top: $spacing-unit*2; 
  } 
 
  pre { 
    margin: 0; 
  } 
 
  th { 
    text-align: left; 
  } 
 
  &.auto { 
    width: auto; 
 
    th, 
    td { 
      padding-left: $spacing-unit; 
 
      &:first-child { 
        padding-left: 0; 
      } 
    } 
  } 
 
  &.rxn-var-list { 
    margin-bottom: $spacing-unit; 
 
    th, 
    td { 
      padding: 0; 
      padding-bottom: $spacing-unit/3; 
      vertical-align: top; 
 
      &:not(.rxn-btn-td) { 
        &+ .rxn-btn-td { 
          padding-left: $spacing-unit; 
        } 
      } 
    } 
 
    .port-url { 
      margin-bottom: $spacing-unit/3; 
    } 
 
    // .rxn-new-row { 
    //   border-top: 1px solid darken($body-bg, 2%); 
    //   padding-top: $spacing-unit/2; 
    // } 
  } 
 
  &.valign-top { 
    th, td { 
      vertical-align: top; 
    } 
  } 
 
  .valign-top { 
    vertical-align: top; 
  } 
 
  td, 
  th { 
    padding-bottom: $spacing-unit/2; 
 
    &.num { 
      text-align: right; 
      white-space: nowrap; 
    } 
 
    &.no-padding { 
      padding: 0; 
    } 
  } 
 
  td + td, 
  th + th { 
    padding-left: $spacing-unit/2; 
  } 
 
  > tr { 
    &:last-child { 
      td { 
        padding-bottom: 0; 
      } 
    } 
  } 
 
  &.devinfo { 
    table { 
      td { 
        padding-left: 0; 
        padding-bottom: 0; 
      } 
    } 
  } 
 
  &.ports-port { 
    td:first-child { 
      width: 25%; 
    } 
  } 
 
  &.nice { 
    border-left: 1px solid $topmenu-bg; 
    border-right: 1px solid $topmenu-bg; 
 
    &.no-th { 
      border-top: 1px solid $topmenu-bg; 
    } 
 
    &.auto { 
      tr { 
        td:first-child, 
        th:first-child { 
          padding-left: $spacing-unit; 
        } 
      } 
    } 
 
    tr { 
      &:hover { 
        color: $white; 
      } 
    } 
 
    th, 
    td { 
      padding: $spacing-unit/2 $spacing-unit; 
      &.no-padding { 
        padding: 0; 
      } 
    } 
 
    thead, 
    table table thead { 
      background: $topmenu-bg; 
    } 
 
    tbody { 
      background: lighten($main-column-bg, 2%); 
 
      > tr { 
        &:nth-child(2n+1) { 
          background: lighten($main-column-bg, 4%); 
        } 
      } 
    } 
 
 
    tbody, 
    tfoot, 
    .sum, 
    .column-hdr { 
      td, 
      th { 
        border-bottom: 1px solid $topmenu-bg; 
        border-left: 1px dashed $topmenu-bg; 
 
        &:first-child { 
          border-left: 0; 
        } 
      } 
    } 
 
    tfoot, 
    .sum, 
    .column-hdr, 
    .tbl-details, 
    .tbl-open { 
      font-weight: bold; 
      color: $light-grey; 
      background: lighten($body-bg, 2%) !important; 
    } 
  } 
 
  .tbl-open { 
    > td { 
      a { 
        color: $brand-color; 
      } 
    } 
  } 
 
  &.db-list { 
    table { 
      border-left: 1px solid $topmenu-bg; 
      border-right: 1px solid $topmenu-bg; 
      border-bottom: 1px solid $topmenu-bg; 
      margin-bottom: $spacing-unit/2; 
 
      tbody { 
        tr { 
          &:last-child { 
            td { 
              border-bottom: 0; 
            } 
          } 
        } 
      } 
    } 
 
    tbody { 
 
      .group-hdr { 
        background: $topmenu-bg !important; 
        th { 
          padding-top: $spacing-unit; 
          padding-bottom: $spacing-unit; 
          @include text-size(lg); 
        } 
 
        a { 
          text-decoration: none; 
          color: $light-grey; 
        } 
      } 
 
      .db { 
        a { 
          text-decoration: none; 
          font-weight: bold; 
          display: block; 
        } 
      } 
 
      .tbl-details { 
        font-weight: normal; 
        td { 
          .description { 
            padding: $spacing-unit/2 0; 
            font-style: italic; 
            border-bottom: 1px solid $topmenu-bg; 
          } 
        } 
      } 
    } 
  } 
 
  &.matrix { 
    width: auto; 
 
    a { 
      text-decoration: none; 
      display: inline-block; 
    } 
 
    .db, 
    .conf { 
      background: lighten($body-bg, 4%); 
    } 
 
    .conf { 
      text-align: center; 
      vertical-align: bottom; 
 
      a { 
        @include     text-size(sm); 
        white-space: nowrap; 
        display:     inline-block; 
      } 
    } 
 
    tr { 
      &:nth-child(2n+1) { 
        td { 
          &:not(.db) { 
            background: lighten($main-column-bg, 3%); 
          } 
        } 
      } 
    } 
 
    th, 
    td { 
      border: 1px solid lighten($body-bg, 1%); 
      padding: $spacing-unit/2 $spacing-unit; 
    } 
 
 
    td { 
      white-space: nowrap; 
      &:not(.db) { 
        a { 
          color: $body-color; 
          padding: 2px; 
 
          &:hover { 
            color: lighten($body-color, 35%); 
          } 
        } 
      } 
    } 
 
    .group-hdr { 
      > th { 
        text-align: center; 
 
        &:first-child { 
          width: 220px; 
          background: darken($body-bg, 2%); 
          vertical-align: bottom; 
          text-align: left; 
          border-top: 0; 
          border-left: 0; 
          padding-top: $spacing-unit*2; 
        } 
      } 
    } 
  } 
 
  &.mem { 
    width: auto; 
 
    thead { 
      th { 
        &:first-child { 
          width: 180px; 
        } 
      } 
    } 
 
    tr { 
      border-bottom: 1px dotted lighten($main-column-bg, 7%); 
    } 
 
    th, 
    td { 
      padding: $spacing-unit/3 0; 
      padding-right: $spacing-unit; 
    } 
 
    .less { 
      color: $grey; 
    } 
 
    .more { 
      color: $rxn-red; 
    } 
 
    tbody, 
    tfoot { 
      font-family: monospace; 
      tr { 
        &:hover { 
          background: lighten($main-column-bg, 3%); 
        } 
      } 
    } 
    thead { 
      border-bottom: 1px solid lighten($main-column-bg, 10%); 
    } 
    tfoot { 
      font-weight: bold; 
      border-top: 1px solid lighten($main-column-bg, 10%); 
    } 
  } 
 
  &.hilite-1stcol { 
    tr { 
      td { 
        padding: $spacing-unit/2 $spacing-unit/2; 
        border-bottom: 1px solid $main-column-bg; 
        background: lighten($main-column-bg, 3%); 
 
        &:first-child { 
          font-family: monospace; 
          font-weight: bold; 
          white-space: nowrap; 
          background: darken($main-column-bg, 3%); 
          border-bottom: 1px solid $main-column-bg; 
        } 
      } 
    } 
  } 
}