@CHARSET "UTF-8";

@media (max-width: 480px) {

	table.table {
		display: block;
	}
	table.table tbody {
		display: block;
	}
	table.table tr {
		display: block;
    	border-top: 1px solid #DDDDDD;
	}
	table.table tr:after,
	table.table td:last-child:after {
		content: "";
		display: block;
		clear: both;
	}
	table.table th {
		display: none;
	}
	table.table td {
		border: 0;
		display: block;
		float: left;
		width: auto;
		padding: 3px;
	}
	
	table.table td.has-title:before {
		content: attr(title);
	}
	
	tbody#underlag_body tr:after {
	
		display: block;
		padding-bottom: 25px;
		margin-bottom: 25px;
	
	}
	
	table.underlag td {
		display: block;
		float: none;
		clear: both;
		border-bottom: 1px solid #DDDDDD
	}
	
	table.underlag td:last-child {
		border-bottom: 0;
	}
	
	table.underlag tfoot td.has-title .belopp {
		float: right;
		text-align: right;
	}
	
	table.table td.small {
		font-size: 80%;
		color: gray;
	}
	
	table.table td.belopp {
		float:right;
		clear:right;
		text-align: right;
	}
	table.table td.betald {
		clear: both;
	}
	
	table.table td.actions {
		float: right;
	}
	
	table.table td.newline {
		clear: both;
	}
	
	.table-striped tbody tr:nth-child(2n+1) {
	   background-color: #F9F9F9;
	}
}