/* ******************************************************* */
/*                                                         */
/*             This file should not be changed.            */
/*    If changes are required - override in styles.css     */
/*                                                         */
/* ******************************************************* */

/* MOBILE SMALL - Non-Retina - (0-321px) */
/* --------------- Table Styles --------------- */
table {
  border:0;
  border-spacing:0;
  width:100%;
}
/* === Responsive Tables === */
table { 
  border-collapse: collapse;
  overflow-x: scroll;
  overflow-y: hidden;
  display:block;
}
table:before {
  content:'Swipe left and right to view the rest of the table';
  font-style:italic;
  position:absolute;
  margin-top:calc(var(--d-margin-bottom) * -1);
  font-size: var(--d-font-size-xs);
}
.webform-multiple-table table:before {
  content:'';
  font-style:italic;
  position:absolute;
  margin-top:0;
}
table tr th {
  background-color:var(--d-color-th-bg);
}
thead tr th:first-child {
  border-top-left-radius: var(--d-border-radius);
  border-bottom-left-radius: var(--d-border-radius);
}
thead tr th:last-child {
  border-top-right-radius: var(--d-border-radius);
  border-bottom-right-radius: var(--d-border-radius);
}
table tr th,
table tr th p,
table tr th a,
table tr th a:hover,
table tr th a:focus-visible,
table tr th a:active {
  color:var(--d-color-th);
  font-weight:var(--d-font-weight-bold);
}
table tr th,
table tr td {
  vertical-align:top;
  padding:var(--d-space-xs) var(--d-space-s);
  border-top:1px solid var(--d-color-th-border);
  border-bottom:1px solid var(--d-color-th-border);
}
table tr td {
  border-top:1px solid var(--d-color-td-border);
  border-bottom:1px solid var(--d-color-td-border);
}
table thead + tbody tr td {
  border-top:none;
}
table caption {
  margin-bottom: var(--d-space-xxs);
}

/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */
@media all and (min-width: 768px), print {
  /* TABLET - Non-Retina - (768px-1024px) */
  
  /* === Responsive Tables === */
  table { 
    overflow:auto; /* reset overflow from mobile */
    display:table; /* reset display from mobile */
  }
  table:before {
    content:'';
    margin-top:0;
  }
  
}