datagrid table { 
border-collapse: collapse; 
text-align: left;
 width: 100%;
 }
.datagrid {
display: inline-block;
font: normal 12px/150% Arial, Helvetica, sans-serif; 
background: #fff; 
overflow: hidden; 
border: 1px solid #006699;
 -webkit-border-radius: 3px; 
-moz-border-radius: 3px;
 border-radius: 3px;
}
.datagrid table td, 
.datagrid table th { 
	padding: 3px 10px; 
}
.datagrid table thead th {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
background-color:#006699; color:#FFFFFF; 
font-size: 15px;
 font-weight: bold;
  border-left: 1px solid #0070A8;
} 
.datagrid table thead th:first-child { border: none; }
.datagrid table 
tbody td { 
color: #00557F;
border-left: 1px solid #E1EEF4;
font-size: 12px;
font-weight: normal;
text-align: center;
}
.datagrid table tbody .alt td { 
border-left: 1px solid white;
background: #E1EEf4; 
color: #00557F; 
}
.datagrid table tbody 
td:first-child { border-left: none; }
.datagrid table tbody 
tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div 
{ border-top: 1px solid #006699;background: #E1EEf4;}
 .datagrid table 
tfoot td { padding: 0; font-size: 12px }
 .datagrid table tfoot td 
div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; 
padding:0; list-style: none; text-align: right; }
.datagrid table 
tfoot  li { display: inline; }
.datagrid table tfoot li a { 
text-decoration: none; display: inline-block;  padding: 2px 8px; 
margin: 1px;color: #FFFFFF;border: 1px solid 
#006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; 
border-radius: 3px; background:-webkit-gradient( linear, left top, 
left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) 
);background:-moz-linear-gradient( center top, #006699 5%, #00557F 
100% 
);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', 
endColorstr='#00557F');background-color:#006699; }
.datagrid table 
tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: 
none;border-color: #00557F; color: #FFFFFF; background: none; 
background-color:#006699;}
div.dhtmlx_window_active, 
div.dhx_modal_cover_dv { position: fixed !important; 
}
.narrowdatagrid {
	display: none;
}
.narrowdatagrid tr > *:nth-child(1) {
	width: 30%;
}
.narrowdatagrid tr > *:nth-child(2) {
	width: 40%;
}
.narrowdatagrid tr > *:nth-child(3) {
	width: 30%;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.datagrid table thead th {
		font-size: 13px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.widedatagrid {
		display: none;
	}
	.narrowdatagrid, .silesiadatagrid {
		display: inline-block;
		width: 100%;
	}
	.narrowdatagrid table, .silesiadatagrid table {
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.widedatagrid {
		display: none;
	}
	.narrowdatagrid, .silesiadatagrid {
		display: inline-block;
		width: 100%;
	}
	.narrowdatagrid table, .silesiadatagrid table {
		width: 100%;
	}
}