﻿.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child + html .cf { zoom: 1; }

.rt { width: 100%; border-collapse: collapse; border-spacing: 0; }

.rt th,
.rt td { margin: 0; padding: 0.4166em; vertical-align: top; }
.rt th { text-align: left; }

.dataTables_filter { float: right; margin-top: 19px; position: relative; }
.dataTables_filter:before { content: 'Filter'; display: block; left: 0; position: absolute; text-align: right; top: -19px; }

	@media only screen and (max-width: 639px) {
		tr > td { line-height: 48px !important; }
		tr > td:not(.td-menu) { overflow: hidden; }

		#rt1 { display: block; position: relative; width: 100%; }
		#rt1 thead { display: block; float: left; }
		#rt1 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
		#rt1 thead tr { display: block; }
		#rt1 th { display: block; padding: 0 32px 0 12px; text-align: right; width: 120px !important; }
		#rt1 tbody tr { display: inline-block; vertical-align: top; }
		#rt1 td { display: block;  }

		table.dataTable thead .sorting { background-position: right 4px center; }

		#rt2 { display: block; position: relative; width: 100%; }
		#rt2 thead { display: block; float: left; }
		#rt2 tbody { display: -webkit-box; overflow-x: auto; }
		#rt2 th,
		#rt2 tr,
		#rt2 td { display: block; }

		.data-my-table { display: block; position: relative; width: 100%; }
		.data-my-table thead { display: block; float: left; }
		.data-my-table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
		.data-my-table thead tr { display: block; }
		.data-my-table th { display: block; width: 120px !important; }
		.data-my-table tbody tr { display: inline-block; vertical-align: top; }
		.data-my-table td { display: block; }
		.dataTables_length { display: none;}

		table.dataTable thead .sorting_desc { background-position: right 4px center; }

		/* sort out borders */
		.rt th { border-bottom: 0; }
		.rt td { border-left: 0; border-right: 0; border-bottom: 0; }
		.table-bordered > tbody tr:first-child td { border-width: 0 0 1px; }

		.table-bordered { border-color: #ddd; border-style: solid; border-width: 1px 1px 0 0; }
		.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-color: #ddd; border-style: solid; border-width: 0 0 1px 1px; }
		.table-bordered > thead > tr > th { background: rgba(0, 0, 0, 0) url("../images/sort_asc-rot.png") no-repeat scroll right center; height: 48px; line-height: 48px; padding: 0 28px 0 12px; background-position: right 3px center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
		.table-bordered > thead > tr { box-shadow: -1px 0 0 #ddd inset;}
		.table-bordered > tfoot  { display: none;}}

tfoot { display: table-header-group; }

.table-scroll { overflow-x: auto; }
