| 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 md-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%; } }
|