﻿@media only screen and (max-width: 800px) {
	.dataTables_wrapper > .row > .col-sm-12 {
		padding: 0 !important;
		width: 100% !important;
	}

	.dataTable {
		/*width: 120%;
        margin-right: -11%;*/
	}

		.dataTable .row,
		.dataTable .col-sm-12 {
			width: 100%;
			padding: 0;
			margin: 0;
		}

		.dataTable, .dataTable thead, .dataTable tbody, .dataTable th, .dataTable td, .dataTable tr {
			display: inline-block;
		}

	#devices-table .last-event {
		white-space: normal;
	}

	.dataTable thead tr {
		position: absolute;
		top: -9999px;
		right: -9999px;
	}

			.dataTable tr {
				border: 1px solid black;
				width: 100%;
				border-width: 0 0 1px 0;
				padding: 3px;
				padding-right: 10px;
			}

			.dataTable td {
		/*		width: 47%;*/
				border: 0 !important;
				padding: 0 !important;
		/*		display: inline-block !important;*/
			}

				.dataTable td[data-th='undefined'] {
					/*display: none !important;*/
				}

				.dataTable td div {
					display: inline-block;
				}


				.dataTable td:before {
					content: " "attr(data-th)" ";
					font-weight: bold;
				}

			.dataTable td.sorting_1:before {
				display: none;
			}

	.dataTables_filter {
		display: block;
		float: left;
	}

	.dataTable.map-mode .dataTable, .dataTable thead, .dataTable tbody, .dataTable th, .dataTable td, .dataTable tr {
		display: block;
	}

	.dataTable.map-mode td {
		width: 100%;
	}
}
