/* KS-ACCOUNT-TABLE-SCROLL-R1: account tables only; mobile visual layer */
.ks-account-table-hint {display:none;}
@media (max-width:767px) {
  .ks-account-table-hint {
    display:block!important; font-size:12px; line-height:1.4;
    color:#48759e; margin:4px 0 8px; padding:0 2px;
  }
  .ks-account-table-scroll {
    display:block!important; max-width:100%!important; width:100%!important;
    overflow-x:auto!important; overflow-y:hidden;
    -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
    scrollbar-width:thin; border-radius:10px;
  }
  .ks-account-table-scroll > table.ks-account-table-data {
    table-layout:auto!important; width:100%!important;
    min-width:820px!important; max-width:none!important; margin-bottom:0!important;
  }
  .ks-account-table-scroll[data-ks-table="sales"] > table.ks-account-table-data {min-width:920px!important;}
  .ks-account-table-scroll[data-ks-table="orders"] > table.ks-account-table-data {min-width:600px!important;}
  .ks-account-table-scroll[data-ks-table="stores"] > table.ks-account-table-data {min-width:810px!important;}
  .ks-account-table-scroll > table.ks-account-table-data th,
  .ks-account-table-scroll > table.ks-account-table-data td {
    white-space:nowrap!important; word-break:normal!important;
    overflow-wrap:normal!important; min-width:72px;
    vertical-align:middle!important;
  }
  .ks-account-table-scroll > table.ks-account-table-data th:first-child,
  .ks-account-table-scroll > table.ks-account-table-data td:first-child {
    min-width:200px!important; max-width:260px!important;
    white-space:normal!important; word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .ks-account-table-scroll > table.ks-account-table-data td:first-child a {
    white-space:normal!important; word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .ks-account-table-scroll > table.ks-account-table-data .btn {white-space:nowrap!important;}
}
