/* ==========================================================================
   Styles for the Datastore Right Click Options page
   (docs/source-datastore/tips-and-tricks/right-click-options.md). One file
   mirroring the page's path, so these tables can be adjusted without touching
   any other page's styles. Applies only to the tables wrapped in
   <div class="datastore-right-click-table" markdown>.
   ========================================================================== */

/* Fixed column widths; when the viewport is too narrow for them, the theme's
   own table wrapper provides the sideways scroll. */
.md-typeset .datastore-right-click-table table {
  width: 62rem;
  table-layout: fixed;
}

.md-typeset .datastore-right-click-table th,
.md-typeset .datastore-right-click-table td {
  vertical-align: top;
}

.md-typeset .datastore-right-click-table th:nth-child(1),
.md-typeset .datastore-right-click-table td:nth-child(1) {
  width: 12rem;
  white-space: nowrap;
}

.md-typeset .datastore-right-click-table th:nth-child(2),
.md-typeset .datastore-right-click-table td:nth-child(2) {
  width: 4rem;
  text-align: center;
}

.md-typeset .datastore-right-click-table th:nth-child(3),
.md-typeset .datastore-right-click-table td:nth-child(3) {
  width: 28rem;
}

.md-typeset .datastore-right-click-table th:nth-child(4),
.md-typeset .datastore-right-click-table td:nth-child(4) {
  width: 18rem;
}