.table-bordered {
  border: 1px solid #c0c0c0;
  border-left-width: 0;
  border-collapse: separate; }
  .table-bordered th,
  .table-bordered td {
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0; }
  .table-bordered thead:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child td {
    border-top-width: 0; }
  .table-bordered tbody:first-child tr:first-child th[scope="row"] {
    border-top: none; }


/* .table-striped tbody > tr:nth-child(odd) > th {
  background-color: #ebebeb; } */
  /* f7f8f8 */
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f8f8;
  }
  /* .table-striped tbody tr:first-of-type {
    background-color: #ebebeb;
  } */
  /* .table-striped tbody > tr:nth-child(first) > td{
    background-color: #ebebeb;
  } */
.table-scrollable {
  margin: 1rem 0;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%; }
  .table-scrollable table {
    margin: 0; }


@media print and (max-width: 536px), screen and (max-width: 47.99em) {
  /*
	 * Force the columns to display as rows on small viewports.
     * Headers are applied with data attributes.
	 */
  [data-tablelist] {
    opacity: 0; }
  .tablelist {
    display: block; }
    .tablelist thead,
    .tablelist tfoot {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    .tablelist tbody,
    .tablelist tr,
    .tablelist td {
      position: static;
      display: block;
      overflow: visible;
      visibility: visible; }
    .tablelist tr:before, .tablelist tr:after {
      content: "";
      display: table; }
    .tablelist tr:after {
      clear: both; }
    .tablelist td,
    .tablelist th[scope=row] {
      float: left;
      width: 100%; }
      [dir="rtl"] .tablelist td, [dir="rtl"]
      .tablelist th[scope=row] {
        float: right; }
    .tablelist td:before, .tablelist td:after {
      display: block;
      /* padding: 0.5rem 0; */
      font-weight: bold; }
    .tablelist td:before {
      content: attr(data-thead); }
    .tablelist th[scope=row]:before, .tablelist th[scope=row]:after {
      display: block;
      padding: 0.5rem 0;
      font-weight: bold; }
    .tablelist th[scope=row]:before {
      content: attr(data-thead); }
    .tablelist td:after,
    .tablelist th[scope=row]:after {
      content: attr(data-tfoot); }
    .tablelist.table-bordered {
      border-top-width: 0; }
      .tablelist.table-bordered.no-thead {
        border-top-width: 1px; }
      .tablelist.table-bordered thead:first-child tr:first-child th,
      .tablelist.table-bordered tbody:first-child tr:first-child td {
        border-top-width: 1px; } }



@media (min-width: 75em) {
  .gsi {
    width: 4px; } }

.scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

[data-lock],
[data-lock] body {
  overflow: hidden;
  touch-action: none; }

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden; }
  .ir:before {
    content: "";
    display: block;
    height: 150%;
    width: 0; }

.hidden {
  display: none !important; }

.vhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: no-wrap;
  width: 1px; }
  .vhidden.focusable:active, .vhidden.focusable:focus {
    clip: auto;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit; }

.invisible {
  visibility: hidden; }

.fade-out,
.fade-in {
  transition: opacity .3s; }

.fade-out {
  opacity: 0 !important; }

.fade-in {
  opacity: 1 !important; }

.visible-xxs,
.visible-xs,
.visible-s,
.visible-m,
.visible-l {
  display: none !important; }