table {
  background-color: transparent;
  color: #fff; /*NEW*/
}
th {
  text-align: left;
}
table a{
  background-color: transparent;
  color: #fff; /*NEW*/
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.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.42857143;
  /*vertical-align: top;*/
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.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 #ddd;
}
.table .table {
  background-color: #fff;
}
.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 #ddd;
}
.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 #ddd;
}
.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-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.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-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.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:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.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:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.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:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

/* TABLE FOR CARD LIST */
.table-card {
	background-color: transparent;
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	color: #fff; /*NEW*/
}
.table-card th{
	text-align: left;
}
.table-card a{
	color: #fff;
}
.table-card th i{
	cursor: pointer;
}
.table-card > thead > tr > th,
.table-card > tbody > tr > th,
.table-card > tfoot > tr > th,
.table-card > thead > tr > td,
.table-card > tbody > tr > td,
.table-card > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	/*vertical-align: top;*/
	border-top: 1px solid #ddd;
}
.table-card > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
.table-card > caption + thead > tr:first-child > th,
.table-card > colgroup + thead > tr:first-child > th,
.table-card > thead:first-child > tr:first-child > th,
.table-card > caption + thead > tr:first-child > td,
.table-card > colgroup + thead > tr:first-child > td,
.table-card > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.table-card > tbody + tbody {
	border-top: 2px solid #ddd;
}
.table-card-condensed > thead > tr > th,
.table-card-condensed > tbody > tr > th,
.table-card-condensed > tfoot > tr > th,
.table-card-condensed > thead > tr > td,
.table-card-condensed > tbody > tr > td,
.table-card-condensed > tfoot > tr > td {
	padding: 5px;
}
.table-card-bordered {
	border: 1px solid #ddd;
}
.table-card-bordered > thead > tr > th,
.table-card-bordered > tbody > tr > th,
.table-card-bordered > tfoot > tr > th,
.table-card-bordered > thead > tr > td,
.table-card-bordered > tbody > tr > td,
.table-card-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}
.table-card-bordered > thead > tr > th,
.table-card-bordered > thead > tr > td {
	border-bottom-width: 2px;
}
.table-card-striped > tbody > tr:nth-child(odd) > td,
.table-card-striped > tbody > tr:nth-child(odd) > th{
	background-color: transparent;/*#f9f9f9*/
}
.table-card-hover > tbody > tr:hover > td,
.table-card-hover > tbody > tr:hover > th,
.table-card-hover > tbody > tr:hover > td a {
	background-color: #f5f5f5;/*#f5f5f5*/
	color: #000;
}
.table-card col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}
.table-card td[class*="col-"],
.table-card th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}
.table-card > thead > tr > td.active,
.table-card > tbody > tr > td.active,
.table-card > tfoot > tr > td.active,
.table-card > thead > tr > th.active,
.table-card > tbody > tr > th.active,
.table-card > tfoot > tr > th.active,
.table-card > thead > tr.active > td,
.table-card > tbody > tr.active > td,
.table-card > tfoot > tr.active > td,
.table-card > thead > tr.active > th,
.table-card > tbody > tr.active > th,
.table-card > tfoot > tr.active > th {
	background-color: #f5f5f5;
}
.table-card-hover > tbody > tr > td.active:hover,
.table-card-hover > tbody > tr > th.active:hover,
.table-card-hover > tbody > tr.active:hover > td,
.table-card-hover > tbody > tr:hover > .active,
.table-card-hover > tbody > tr.active:hover > th {
	background-color: #e8e8e8;
}
.table-card > thead > tr > td.success,
.table-card > tbody > tr > td.success,
.table-card > tfoot > tr > td.success,
.table-card > thead > tr > th.success,
.table-card > tbody > tr > th.success,
.table-card > tfoot > tr > th.success,
.table-card > thead > tr.success > td,
.table-card > tbody > tr.success > td,
.table-card > tfoot > tr.success > td,
.table-card > thead > tr.success > th,
.table-card > tbody > tr.success > th,
.table-card > tfoot > tr.success > th {
	background-color: #dff0d8;
}
.table-card-hover > tbody > tr > td.success:hover,
.table-card-hover > tbody > tr > th.success:hover,
.table-card-hover > tbody > tr.success:hover > td,
.table-card-hover > tbody > tr:hover > .success,
.table-card-hover > tbody > tr.success:hover > th {
	background-color: #d0e9c6;
}
.table-card > thead > tr > td.info,
.table-card > tbody > tr > td.info,
.table-card > tfoot > tr > td.info,
.table-card > thead > tr > th.info,
.table-card > tbody > tr > th.info,
.table-card > tfoot > tr > th.info,
.table-card > thead > tr.info > td,
.table-card > tbody > tr.info > td,
.table-card > tfoot > tr.info > td,
.table-card > thead > tr.info > th,
.table-card > tbody > tr.info > th,
.table-card > tfoot > tr.info > th {
	background-color: #d9edf7;
}
.table-card-hover > tbody > tr > td.info:hover,
.table-card-hover > tbody > tr > th.info:hover,
.table-card-hover > tbody > tr.info:hover > td,
.table-card-hover > tbody > tr:hover > .info,
.table-card-hover > tbody > tr.info:hover > th {
	background-color: #c4e3f3;
}
.table-card > thead > tr > td.warning,
.table-card > tbody > tr > td.warning,
.table-card > tfoot > tr > td.warning,
.table-card > thead > tr > th.warning,
.table-card > tbody > tr > th.warning,
.table-card > tfoot > tr > th.warning,
.table-card > thead > tr.warning > td,
.table-card > tbody > tr.warning > td,
.table-card > tfoot > tr.warning > td,
.table-card > thead > tr.warning > th,
.table-card > tbody > tr.warning > th,
.table-card > tfoot > tr.warning > th {
	background-color: #fcf8e3;
}
.table-card-hover > tbody > tr > td.warning:hover,
.table-card-hover > tbody > tr > th.warning:hover,
.table-card-hover > tbody > tr.warning:hover > td,
.table-card-hover > tbody > tr:hover > .warning,
.table-card-hover > tbody > tr.warning:hover > th {
	background-color: #faf2cc;
}
.table-card > thead > tr > td.danger,
.table-card > tbody > tr > td.danger,
.table-card > tfoot > tr > td.danger,
.table-card > thead > tr > th.danger,
.table-card > tbody > tr > th.danger,
.table-card > tfoot > tr > th.danger,
.table-card > thead > tr.danger > td,
.table-card > tbody > tr.danger > td,
.table-card > tfoot > tr.danger > td,
.table-card > thead > tr.danger > th,
.table-card > tbody > tr.danger > th,
.table-card > tfoot > tr.danger > th {
	background-color: #f2dede;
}
.table-card-hover > tbody > tr > td.danger:hover,
.table-card-hover > tbody > tr > th.danger:hover,
.table-card-hover > tbody > tr.danger:hover > td,
.table-card-hover > tbody > tr:hover > .danger,
.table-card-hover > tbody > tr.danger:hover > th {
	background-color: #ebcccc;
}

/* RESPONSIVE DATA */

@media screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.table-responsive > .table {
		margin-bottom: 0;
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}
	.table-responsive > .table-bordered {
		border: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}
	
	/* TABLE FOR CARD LIST */

	.table-card-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.table-card-responsive > .table-card {
		margin-bottom: 0;
	}
	.table-card-responsive > .table-card > thead > tr > th,
	.table-card-responsive > .table-card > tbody > tr > th,
	.table-card-responsive > .table-card > tfoot > tr > th,
	.table-card-responsive > .table-card > thead > tr > td,
	.table-card-responsive > .table-card > tbody > tr > td,
	.table-card-responsive > .table-card > tfoot > tr > td {
		white-space: nowrap;
	}
	.table-card-responsive > .table-card-bordered {
		border: 0;
	}
	.table-card-responsive > .table-card-bordered > thead > tr > th:first-child,
	.table-card-responsive > .table-card-bordered > tbody > tr > th:first-child,
	.table-card-responsive > .table-card-bordered > tfoot > tr > th:first-child,
	.table-card-responsive > .table-card-bordered > thead > tr > td:first-child,
	.table-card-responsive > .table-card-bordered > tbody > tr > td:first-child,
	.table-card-responsive > .table-card-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}
	.table-card-responsive > .table-card-bordered > thead > tr > th:last-child,
	.table-card-responsive > .table-card-bordered > tbody > tr > th:last-child,
	.table-card-responsive > .table-card-bordered > tfoot > tr > th:last-child,
	.table-card-responsive > .table-card-bordered > thead > tr > td:last-child,
	.table-card-responsive > .table-card-bordered > tbody > tr > td:last-child,
	.table-card-responsive > .table-card-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}
	.table-card-responsive > .table-card-bordered > tbody > tr:last-child > th,
	.table-card-responsive > .table-card-bordered > tfoot > tr:last-child > th,
	.table-card-responsive > .table-card-bordered > tbody > tr:last-child > td,
	.table-card-responsive > .table-card-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}
}