/* ******************************************************* */
/*                                                         */
/*             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-base) * -1);
  font-size: var(--d-font-size-xs);
}
.webform-multiple-table table:before {
  content:'';
  font-style:italic;
  position:absolute;
  margin-top:0;
}

/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */
@media all and (min-width: 768px) {
  /* 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;
  }
  
}