table {
  max-width: 100%;
  background-color: transparent;
}

/*TABLES TABLES TABLES TABLES*/

.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th {
  text-align: left;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

@media (max-width: 768px) {
  /*don't want float on mobile, use whole width*/
  .mobile .inline-right, .mobile .inline-left { float:none;clear:both;}
  /*standard responsive setup***********************************************/
  .mobile .scroll-it {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
  .mobile .scroll-it > .table {
    margin-bottom: 0;
  }
  .mobile .scroll-it > .table > thead > tr > th,
  .mobile .scroll-it > .table > tbody > tr > th,
  .mobile .scroll-it > .table > tfoot > tr > th,
  .mobile .scroll-it > .table > thead > tr > td,
  .mobile .scroll-it > .table > tbody > tr > td,
  .mobile .scroll-it > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .mobile .scroll-it > .table-bordered {
    border: 0;
  }
  .mobile .scroll-it > .table-bordered > thead > tr > th:first-child,
  .mobile .scroll-it > .table-bordered > tbody > tr > th:first-child,
  .mobile .scroll-it > .table-bordered > tfoot > tr > th:first-child,
  .mobile .scroll-it > .table-bordered > thead > tr > td:first-child,
  .mobile .scroll-it > .table-bordered > tbody > tr > td:first-child,
  .mobile .scroll-it > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .mobile .scroll-it > .table-bordered > thead > tr > th:last-child,
  .mobile .scroll-it > .table-bordered > tbody > tr > th:last-child,
  .mobile .scroll-it > .table-bordered > tfoot > tr > th:last-child,
  .mobile .scroll-it > .table-bordered > thead > tr > td:last-child,
  .mobile .scroll-it > .table-bordered > tbody > tr > td:last-child,
  .mobile .scroll-it > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .mobile .scroll-it > .table-bordered > tbody > tr:last-child > th,
  .mobile .scroll-it > .table-bordered > tfoot > tr:last-child > th,
  .mobile .scroll-it > .table-bordered > tbody > tr:last-child > td,
  .mobile .scroll-it > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }

 /*this is the style to ivert headers to left side static column************/
  .mobile .rotate-it .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  .mobile .rotate-it * html .cf { zoom: 1; }
  .mobile .rotate-it *:first-child+html .cf { zoom: 1; }
  .mobile .rotate-it table { width: 100%; border-collapse: collapse; border-spacing: 0;border:1px solid #ddd;border-width:0 1px 0 1px; }
  .mobile .rotate-it .table thead > tr > th,
  .mobile .rotate-it .table thead > tr > td { margin: 0; vertical-align: top; }
  .mobile .rotate-it th { text-align: left; }
  .mobile .rotate-it table { display: block; position: relative; width: 100%; }
  .mobile .rotate-it thead { display: block; float: left; }
  .mobile .rotate-it tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
  .mobile .rotate-it thead tr { display: block; }
  .mobile .rotate-it th { display: block; text-align: right; }
  .mobile .rotate-it tbody tr { display: inline-block; vertical-align: top; }
  .mobile .rotate-it td { display: block; min-height: 1.25em; text-align: left; }
  /* sort out borders */
  .mobile .rotate-it th { border-bottom: 0; border-left: 0; }
  .mobile .rotate-it td { border-left: 0; border-right: 0; border-bottom: 0; }
  .mobile .rotate-it tbody tr { border-left: 1px solid #bbb; }
  .mobile .rotate-it td:first-child { border-color: #bbb;}
  .mobile .rotate-it td:last-child { border-bottom: 1px solid #bbb; }
  /*overwrite existing bootstrap setting*/
  .mobile .rotate-it .table thead > tr > th {border-bottom: 0;}
  .mobile .rotate-it .table thead:first-child tr:first-child th:first-child {border-top: 1px solid #bbb;}
  .mobile .rotate-it .table thead tr th{border-bottom:1px solid #bbb; background-color: #dedede;}
}