1 | .flex-row { display: flex; flex-direction: row; }
|
2 |
|
3 | .toolbar { padding: 0; background-color: #ffffff; color: #616161; }
|
4 | .toolbar .disabled { cursor: default; }
|
5 | .toolbar .disabled mat-icon { cursor: default; color: #9e9e9e; }
|
6 | .toolbar va-search-box { margin-right: 10px; width: 350px; }
|
7 | .toolbar .table-controls-row { padding: 0 10px 10px; display: flex; flex-direction: row; align-items: center; }
|
8 | .toolbar .table-controls-row:first-of-type { padding-top: 10px; }
|
9 |
|
10 | .top-border { border-top: 1px solid #ffffff; }
|
11 |
|
12 | .selected { background-color: #ffffff; }
|
13 |
|
14 | .row { display: flex; flex-wrap: wrap; }
|
15 |
|
16 | .row + .row-gutters { margin-top: 0; }
|
17 |
|
18 | .row-gutters { margin-top: -20px; margin-left: -20px; }
|
19 |
|
20 | .row-gutters > .col-flex { padding-top: 20px; padding-left: 20px; }
|
21 |
|
22 | .col-flex { position: relative; max-width: 100%; box-sizing: border-box; flex: 0 0 auto; width: 100%; }
|
23 |
|
24 | @media screen and (min-width: 480px) { .col-flex { width: 50%; } }
|
25 | @media screen and (min-width: 1200px) { .col-flex { width: 33.333333%; } }
|