/* Table sorting styles (vanilla JS – replaces jQuery TableSorter) */
.tablesorter-headerRow {
	height: 70px;
}
.tablesorter-default {
	width:100%;
	font:12px/18px Arial,Sans-serif;
	color:#333;
	background-color:#fff;
	border-spacing:0;
	margin:10px 0 15px;
	text-align:left;
}
.tablesorter-default th,.tablesorter-default thead td {
	font-weight:700;
	color:#000;
	background-color:#fff;
	border-collapse:collapse;
	border-bottom:#ccc 1px solid;
	padding:0;
}
.tablesorter-default .tablesorter-header {
	background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position:center right;
	background-repeat:no-repeat;
	cursor:pointer;
	white-space:normal;
	padding:4px 20px 4px 4px;
}
.tablesorter-default thead .tablesorter-headerAsc {
	background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom:#000 2px solid;
}
.tablesorter-default thead .tablesorter-headerDesc {
	background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom:#000 2px solid;
}
.tablesorter-default thead .sorter-false {
	background-image:none;
	cursor:default;
	padding:4px;
}
.tablesorter-default td {
	font-size: 14px;
	background-color:#fff;
	border-bottom:0;
	padding: 10px 4px;
	vertical-align:middle;
}
.tablesorter-default tbody>tr:hover>td {
	background-color: #f0f0f0;
	color:#000;
}

/* Reflow: responsive table layout */
@media ( max-width: 767px ) {
	tr.table-cell {
		display: flow-root;
		margin: 40px 0;
        border: 1px solid black !important;
	}
	.table-cell-first {
	display: flow-root;
	background: transparent !important;
	padding: 20px 5px !important;
    border-top: 1px solid black !important;
    border-right: 1px solid black !important;
    border-bottom: 2px solid black !important;
    border-left: 1px solid black !important;
    font-size: 18px !important;
    font-weight: 700;
	}
	table.ui-table-reflow thead {
		display: none;
	}
  .ui-table-reflow td,
  .ui-table-reflow th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 100% !important;
    height: auto !important;
  }
  .ui-table-reflow tbody td[data-title]:before {
    color: black;
    font-size: .9em;
    content: attr(data-title);
    float: left;
    width: 25%;
    white-space: pre-wrap;
    text-align: bottom;
    display: inline-block;
  }
}