/* line 2, ../sass/_sortable.sass */
table[data-sortable] {
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 6, ../sass/_sortable.sass */
table[data-sortable] th {
  vertical-align: bottom;
  font-weight: bold;
}
/* line 10, ../sass/_sortable.sass */
table[data-sortable] th, table[data-sortable] td {
  text-align: left;
  padding: 10px;
}
/* line 14, ../sass/_sortable.sass */
table[data-sortable] th:not([data-sortable="false"]) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  cursor: pointer;
}
table[data-sortable] tbody tr th:not([data-sortable="false"]) {
  cursor: default; 
}
/* line 26, ../sass/_sortable.sass */
table[data-sortable] th:after {
  content: "";
  visibility: hidden;
  display: inline-block;
  vertical-align: inherit;
  height: 0;
  width: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  margin-right: 1px;
  margin-left: 10px;
  float: right;
}
/* line 40, ../sass/_sortable.sass */
table[data-sortable] th[data-sorted="true"]:after {
  visibility: visible;
}
/* line 43, ../sass/_sortable.sass */
table[data-sortable] th[data-sorted-direction="descending"]:after {
  border-top-color: inherit;
  margin-top: 8px;
}
/* line 47, ../sass/_sortable.sass */
table[data-sortable] th[data-sorted-direction="ascending"]:after {
  border-bottom-color: inherit;
  margin-top: 3px;
}

/* ========== WHITE ========== */
table[data-sortable].sortable-white {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  background: var(--white);
}
table[data-sortable].sortable-white thead th {
  border-bottom: 2px solid #e0e0e0;
}
table[data-sortable].sortable-white tbody td {
  border-top: 1px solid #e0e0e0;
}
table[data-sortable].sortable-white th[data-sorted="true"] {
  background: #f8f8f8;
  border-bottom-color: var(--roarange);
}
table[data-sortable].sortable-white th[data-sorted="true"][data-sorted-direction="descending"]:after {
  border-top-color: #333;
  color: #333;
}
table[data-sortable].sortable-white th[data-sorted="true"][data-sorted-direction="ascending"]:after {
  border-bottom-color: #333;
  color: #333;
}
table[data-sortable].sortable-white.sortable-striped tbody > tr:nth-child(odd) > td {
  background-color: var(--light);
}


/* ========== LIGHT ========== */
table[data-sortable].sortable-light {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  background: var(--light);
}
table[data-sortable].sortable-light thead th {
  border-color: #bebebe;
  border-bottom: 2px solid #bebebe;
}
table[data-sortable].sortable-light tbody th{
  border-color: #bebebe;
}
table[data-sortable].sortable-light tbody {
  border-color: #bebebe;
}
table[data-sortable].sortable-light tbody td {
  border-color: #bebebe;
  border-top: 1px solid #bebebe;
}
table[data-sortable].sortable-light th[data-sorted="true"] {
  background: var(--gray);
  border-bottom-color: var(--roarange);
}
table[data-sortable].sortable-light th[data-sorted="true"][data-sorted-direction="descending"]:after {
  border-top-color: #333;
}
table[data-sortable].sortable-light th[data-sorted="true"][data-sorted-direction="ascending"]:after {
  border-bottom-color: #333;
}
table[data-sortable].sortable-light.sortable-striped tbody > tr:nth-child(odd) > td {
  background-color: #dddddd;
}


/* ========== DARK ========== */
table[data-sortable].sortable-dark {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--white);
  background: var(--dark);
  border-color:#666
}
table[data-sortable].sortable-dark tbody {
  border-color: #666;
}
table[data-sortable].sortable-dark thead th {
  border-color: #666;
  border-bottom: 2px solid #666;
}
table[data-sortable].sortable-dark tbody td {
  border-color: #666;
  border-top: 1px solid #666;
}
table[data-sortable].sortable-dark tbody th{
  border-color: #666;
}
table[data-sortable].sortable-dark th[data-sorted="true"] {
  color: var(--white);
  background: var(--black);
  border-bottom-color: var(--roarange);
}
table[data-sortable].sortable-dark th[data-sorted="true"][data-sorted-direction="descending"]:after {
  border-top-color: var(--white);
  color: var(--white);
}
table[data-sortable].sortable-dark th[data-sorted="true"][data-sorted-direction="ascending"]:after {
  border-bottom-color: var(--white);
  color: var(--white);
}
table[data-sortable].sortable-dark.sortable-striped tbody > tr:nth-child(odd) > td {
  background-color: var(--black);
}


/* ========== BLACK ========== */
table[data-sortable].sortable-black {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--white);
  background: var(--black);
  border-color: #666;
}
table[data-sortable].sortable-black thead th {
  border-color: #666;
  border-bottom: 2px solid #666;
}
table[data-sortable].sortable-black tbody {
  border-color: #666;
}
table[data-sortable].sortable-black tbody th{
  border-color: #666;
}
table[data-sortable].sortable-black tbody td {
  border-color: #666;
  border-top: 1px solid #666;
}
table[data-sortable].sortable-black th[data-sorted="true"] {
  color: var(--white);
  background: var(--dark);
  border-bottom-color: var(--roarange);
}
table[data-sortable].sortable-black th[data-sorted="true"][data-sorted-direction="descending"]:after {
  border-top-color: var(--white);
  color: var(--white);
}
table[data-sortable].sortable-black th[data-sorted="true"][data-sorted-direction="ascending"]:after {
  border-bottom-color: var(--white);
  color: var(--white);
}
table[data-sortable].sortable-black.sortable-striped tbody > tr:nth-child(odd) > td {
  background-color: var(--dark);
}