/*
 * The page around the table, as a demo of Docs on table-bro.com shows it: not a part of the setup of Getting started.
 * The table takes the width of the content of a page of Docs, up to 1140px with sides of 1.5rem, on the background of
 * the page; its shadows and its rounded corners are the ones of the skin.
 */
body {
  box-sizing: border-box;
  max-width: 1140px;
  margin: 0 auto;
  padding: 1.5rem;

  font-family: Arial, Helvetica, sans-serif;

  background-color: #fff;
}

/*
 * On table-bro.com the native skin stands on a page with Bootstrap, which gives it the shadow of its class shadow-lg,
 * the borders of its rows and lists without the margins of the browser. A page without Bootstrap gives them itself.
 */
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

table-bro.nv table > :not(caption) > * > * {
  border-bottom: 1px solid #dee2e6;
}

table-bro.nv ul {
  margin-top: 0;
}
