/* Foundation v2.1.4 http://foundation.zurb.com */

/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Conte nts
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* Mobile */

/* @media only screen and (max-width: 767px) { */
  table.responsive {
    margin-bottom: 0;
    width: -webkit-fill-available !important;
  }
  .pinned {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f2f2f2;
    width: 35%;
    max-width: 212px;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #404040; /* */
    /*border-left: 1px solid #404040;*/
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); /* */
  }
  body.dark .pinned {
    background: #1e1e1e;
  }

  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
    margin-bottom: 0;
  }
  .pinned table th, .pinned table td {
    white-space: nowrap;
    text-align: left !important;
    border-left: none !important;
    /* border-right: none !important; */
  }
  .pinned table th {
    border-right: none !important;
  }
  .pinned td:last-child {
    border-bottom: 0;
  }
  div.table-wrapper {
    position: relative;
    overflow: hidden;
    border: 1px solid #404040; /* */
  }
  div.table-wrapper div.scrollable table {
    margin-left: 35%;
    /* max-width: 1050px; */
  }
  @media only screen and (min-width: 640px) {
    div.table-wrapper div.scrollable table {
      margin-left: 212px;
    }
  }
  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
  }
  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
  }
  table.responsive th:first-child,
  table.responsive td:first-child,
  table.responsive.pinned td {
    display: none;
  }

  table.responsive td:last-child,
  table.responsive th:last-child{
        border-right: none;
    }

  table.responsive.center th, table.responsive.center td {
    text-align:center;
  }

  table.responsive th {
   /* border: none !important; */
}
/*}*/

/* -----------------------------------------
   Page Name 1
----------------------------------------- */

/* -----------------------------------------
   Page Name 2
----------------------------------------- */