.datagrid table { border-collapse: collapse; text-align: left; width: 100%; background-color:#efefef;} 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #BCBCBC; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.datagrid table td, .datagrid table th 
{ padding: 1px 2px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E6E6E6), color-stop(1, #CCCCCC) );background:-moz-linear-gradient( center top, #E6E6E6 5%, #CCCCCC 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#CCCCCC');background-color:#E6E6E6; color:#000000; font-size: 12px; font-weight: bold; border-left: 1px solid #A3A3A3; } 
.datagrid.maintitle {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A6A6A6), color-stop(1, #CCCCCC) );background:-moz-linear-gradient( center top, #A6A6A6 5%, #CCCCCC 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#CCCCCC');background-color:#A6A6A6; color:#000000; font-size: 12px; font-weight: bold; border-left: 1px solid #A3A3A3; } 


.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #5D5D5D; border-left: 1px solid #F3F3F3;font-size: 12px;font-weight: normal; border-bottom:0px solid #000000;}
.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 #BCBCBC;background: #F3F3F3;} 
.datagrid table tfoot td {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E6E6E6), color-stop(1, #CCCCCC) );background:-moz-linear-gradient( center top, #E6E6E6 5%, #CCCCCC 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#CCCCCC');background-color:#E6E6E6; color:#000000; font-size: 12px; font-weight: bold; border-left: 1px solid #A3A3A3;  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: #F5F5F5;border: 1px solid #BCBCBC;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BCBCBC), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #BCBCBC 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #7D7D7D; color: #F5F5F5; background: none; background-color:#8C8C8C;}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

.datagrid table tbody input[type="text"]{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height:100%;
	outline:none;
	box-shadow:none;
	/* padding:0px 3px 0px; */
	border:transparent;
}
.datagrid table tbody input[type="password"]{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height:100%;
	outline:none;
	box-shadow:none;
	/* padding:0px 3px 0px; */
	border:transparent;
}

/* table body */

.datagrid table tbody select{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height:100%;
	border:transparent;
}

.datagrid table tbody td{
	white-space:nowrap;
}

.datagrid table tbody tr:hover{
	background-color:#BEBEBE;
}

.datagrid table tbody textarea{
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:transparent;
	width:100%;
	height:100%;
	overflow-x: hidden;
}
/* table head */

.datagrid table thead input[type="text"]{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}

.datagrid table thead textarea{
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:transparent;
	width:100%;
	overflow-x: hidden;
}

.datagrid table tfoot input[type="text"]{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	/* padding:0px 3px 0px; */
	border:transparent;
}

.datagrid table tbody li:hover{
	box-sizing: border-box;
	background-color:#c1c1c1;
}

.datagrid table tbody li:nth-child(even){
	box-sizing: border-box;
	background-color:#f0f0f0;
}
.datagrid table tbody li:nth-child(odd){
	box-sizing: border-box;
	background-color:#d0d0d0;
}

.datagrid table tbody li:hover{
	box-sizing: border-box;
	background-color:#c1c1c1;
}