/* Datagrid Table */
.tbl-container {
	border-radius: 8px;
    padding: 1px;
    border: 1px solid #e8e8e8;
    background-color: #e8e8e8;
}

table.tbl {
	width: 100%;
	font-size: 12px;
	clear: both;
	border-collapse: collapse;
	border-spacing: 1px;
}

td.tbl-header {
	background: #E8E8E8 !important;
	font-family: 'Nunito Sans', sans-serif;
	text-align: center;
	padding: 10px;
	color: #666666;
	font-size: 12px;
}

table.tbl td:not(.tbl-header) {
	padding: 10px;
	border: 1px solid #efefef;
}

table.tbl tr.tbl-row-odd td:not(.tbl-header) {
	border: 1px solid #fff;
}

td.MyTitle {
	text-transform: uppercase;
	padding: 5px;
	text-align: center
}

.MyBorder {
	border: 0px #CCCCCC solid;
}

table.display thead th {
	background: #E8E8E8 !important;
	font-family: 'Nunito Sans', sans-serif;
	text-align: center;
	padding: 10px;
	font-weight: normal;
	color: #666666;
	font-size: 12px;
	cursor: pointer;
	border: 1px solid #ffffff;

	/*cursor: hand;*/
}

table.display tfoot th {
	background: #B1B1B2 !important;
	text-align: left;
	padding: 3px;
	color: #FFFFFF;
	font-size: 12px;
	border-top: 0px solid black;
	font-weight: normal;
}

/* Version 1.6.2 */
.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ff9501;
}

.paging_full_numbers span.paginate_active {
	background-color: #ff9501;
}

/* Version 1.10.10 */
.paging_full_numbers a.paginate_button {
	background-color: #EFEFEF;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ff9501;
}

.paging_full_numbers a.paginate_active {
	background-color: #ff9501;
}

.paging_full_numbers a.current {
	background-color: #ff9501;
}

td.tbl-header A {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF
}

td.tbl-header A:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF
}

tr.tbl-footer A {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF
}

tr.tbl-footer A:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF
}

table.tbl-footer {
	font-size: 12px;
	color: #FFFFFF
}

tr.tbl-row {}

tr.tbl-row:hover {
	background: #EBFFFF;
}

/* Old color: #E9E9E9 */
tr.tbl-row-even {
	background: #fff;
}

tr.tbl-row-odd {
	background: #efefef;
}

tr.tbl-row-1odd {
	background: #fff;
}

tr.tbl-row-highlight:hover,
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
	background: #ff9501;
	cursor: pointer;
}

td.tbl-nav {
	background: #B1B1B2 !important;
	height: 20px;
	border-top: 0px solid #c3daf9;
	color: #FFFFFF;
}

td.tbl-pages {
	text-align: center;
}

td.tbl-row-num {
	text-align: right;
}

td.tbl-cell {}

td.tbl-controls {
	text-align: center;
}

td.tbl-found {}

td.tbl-checkall {
	text-align: center
}

td.tbl-page {
	text-align: right;
}

td.tbl-noresults {
	font-weight: bold;
	color: #9F0000;
	height: 45px;
	text-align: center;
}

span.tbl-reset {
	margin: 5px 5px;
}

span.tbl-reset A {
	text-decoration: none;
	font-weight: bold;
	color: #016AA0
}

span.tbl-reset A:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #016AA0
}

img.tbl-reset-image {
	margin-right: 5px;
	border: 0;
}

span.tbl-create {
	margin: 5px 0;
}

span.tbl-create A {
	text-decoration: none;
	font-weight: bold;
	color: #016AA0
}

span.tbl-create A:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #016AA0
}

img.tbl-create-image {
	margin-right: 5px;
	border: 0;
}

div.tbl-filter-box {
	font-size: 10px;
}

img.tbl-arrows {
	border: 0;
}

img.tbl-order-image {
	margin: 0 2px;
	border: 0;
}

img.tbl-filter-image {
	border: 0;
}

img.tbl-control-image {
	border: 0;
}

span.page-selected {
	color: #0B80BD;
	font-weight: bold;
}

input.tbl-checkbox {}


/*DATAGRID CUSTOM*/
.datagrid-oddRow,
.dataTable .odd {
	background-color: #FFF;
}

.datagrid-evenRow,
.dataTable .even {
	background-color: #F9F9F9;
}

.datagrid-marked {
	background-color: #D2D2D2;
}

.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
	background: #ff9501 !important;
	color: #000000;
	cursor: default;
}

.datagrid-row-selected {
	background: #ff9501 !important;
	color: #000000;
}

.datagrid-header-row {
	color: #fff !important;
	font-weight: bold;
	/*background: url('../images/theme/default/head_bg.gif');*/
	background-color: #A8A6A6 !important;

}

.datagrid-header td {
	border-width: 0 1px 1px 0;
	border-style: dotted;
	border-color: #fff;
	white-space: normal;
	line-height: normal;
}

.datagrid-header .datagrid-cell span {
	white-space: normal !important;
	line-height: normal !important;
}