/* DataTables */

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}

tfoot input.search_init, thead input.search_init {
	color: #999;
}

table.dataTable tfoot tr th, table.dataTable thead tr td {
	text-align: center;
}

table.dataTable tfoot tr th input[type="text"], table.dataTable thead tr td input[type="text"] {
	margin: 2px 1px 2px 4px;
	padding: 0 0 0 3px;
	width: 100%;
}

table.dataTable tfoot tr th select, table.dataTable thead tr td select, table.dataTable thead tr td select.form-control {
	margin: 2px 1px;
	padding: 1px 0 0 0;
	width: 100%;
}

table.dataTable tfoot tr th input[type="checkbox"], table.dataTable thead tr td input[type="checkbox"] {
	margin: 2px 0 0 0;
	/*width: 100%;*/
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

table.dataTable tbody tr td.dataTables_empty {
	text-align: center;
}

table.qci-bootstrap {
	border-bottom: solid 1px #888;
}

table.data {
	font-size: 12px;
	line-height: 131%;
	border-collapse: collapse;
	border-bottom: solid 1px #888;
}

	table.qci-bootstrap thead th {
		text-align: left;
		color: #333;
		border-bottom: solid 1px #888;
	}
	
	table.data thead th {
		text-align: left;
		padding: 1px 10px;
		color: #333;
		border-bottom: solid 1px #888;
	}

	table.data thead .sorting::after, 
	table.data thead .sorting_asc::after, 
	table.data thead .sorting_desc::after {
		top: 0;
	}
	
	table.data thead th.column-narrow {
		padding: 1px 4px;
	}
	
	table.qci-bootstrap thead td,
	table.data thead td {
		border-bottom: solid 1px #888;
	}

	table.data tbody td {
		padding: 2px 8px;
		border-bottom: solid 1px #ccc;
		-moz-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	
	table.data tbody td.column-narrow {
		padding: 2px 4px;
	}
	
	tr.ui-draggable-dragging td {
		font-size: 12px;
		line-height: 131%;
		border-collapse: collapse;
		border-bottom: solid 1px #888;	
		padding: 2px 8px;
	}

	table.data.row_click tbody tr:not(.row_selected) {
		cursor: pointer;
		*cursor: hand;
	}

		table.data.row_click tbody tr:not(.row_selected):hover td {
			background-color: #feefb3 /*rgba(19, 0, 255, 0.20)*/ /*#EDF8FF*/;
		}

			table.data.row_click tbody tr:not(.row_selected):hover td.sorting_1 {
				background-color: #ffe374 /*rgba(19, 0, 255, 0.40)*/ /*#DEE5EA*/;
			}

	table.data tbody tr:last-child td {
		border-bottom: solid 1px #666;
	}

	table.data tbody tr:hover td a, table.data tbody tr:hover td a.action:hover {
		color: #0060a6;
		text-decoration: underline;
	}

		table.data tbody tr:hover td a.action {
			color: #0060a6;
			text-decoration: none;
		}
		
	table.qci-bootstrap thead tr td,
	table.data tfoot tr, 
	table.data thead tr td {
		background-color: #F7F7F7;
		padding: 0 6px 0 0;
		/*padding-left: 0;*/
		/*padding-right: 12px;*/
	}

	table.data:not(.dataTable) tr.row_selected td {
		background-color: #DDDDDD;
	}

table thead td, table th {
	vertical-align: bottom;
}

td.right,
/*th.right,
table thead tr td.right,
table thead tr th.right,*/
table tbody tr td.right {
	text-align: right;
}

td.center,
/*th.center,*/
/*table thead tr td.center,*/
/*table thead tr th.center,*/
table tbody tr td.center {
	text-align: center;
}

td.left,
/*th.left,*/
/*table thead tr td.left,*/
/*table thead tr th.left,*/
table tbody tr td.left {
	text-align: left;
}

td.nowrap,
th.nowrap,
table thead tr td.nowrap,
table thead tr th.nowrap,
table tbody tr td.nowrap {
	white-space: nowrap;
}

table thead tr td.radio_button_filter {
	padding: 0 2px;
}

table.data input[type="radio"],
table.data input[type="checkbox"] {
	margin: 0 0 2px 0;
	vertical-align: middle;
}

table.dataTable tbody td.table-cell-editable {
	padding: 1px 2px 1px 4px;
	vertical-align: middle;
}

table.dataTable input.table-cell-edit_input {
	width: 100%;
	max-width: none;
}

table.dataTable tr.child input.table-cell-edit_input {
	width: auto;
	max-width: none;
}

table.dataTable tr.child input.table-cell-edit_input.form-control {
	display: inline-block;
}

table.dataTable input.table-cell-edit_input:not(.form-control) {
	padding: 0 0 0 4px;
}

table.dataTable select.table-cell-edit_select_input {
	/*font-size: 8pt;*/
	width: 100%;
}

div.dataTables_paginate {
	float: right;
	padding: 5px;
}

	div.dataTables_paginate a {
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}

div.DTTT_container a {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

div.dataTables_wrapper div.dt-buttons {
    float: right;
}

a.hidden {
	display: none;
}

a.icon-link {
	text-decoration: none !important;
}

.dataTables_info {
	float: left;
}

@media screen and (max-width: 767px) {
	div.dataTables_length {
		text-align: left; /* Override bootstrap's centering */
	}
}

/* override boostrap table-striped styling to use better styling via odd even classes */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: transparent;
}

.table-striped > tbody > tr.odd {
  background-color: #f3f4f5;
}

.bg-danger {
    background-color: #f2dede !important;
}

.bg-warning {
    background-color: #fcf8e3 !important;
}

.tabletools-bootstrap div.DTTT_container {
	float: right;
}

.tabletools-bootstrap div.DTTT_container a.DTTT_button {
	margin-right: 3px;
}

.tabletools-bootstrap div.DTTT_container a.DTTT_button-print {
	margin-left: 5px;
}

/* For Responsive plugin */

table.dataTable.data.dtr-inline.collapsed tbody td:first-child,
table.dataTable.data.dtr-inline.collapsed tbody th:first-child {
	position: relative;
	padding-left: 24px;
	cursor: pointer;
}

table.dataTable.data.dtr-inline.collapsed tbody td.child,
table.dataTable.data.dtr-inline.collapsed tbody th.child {
	cursor: default;
}

table.dataTable.dtr-inline.collapsed tbody td.child,
table.dataTable.dtr-inline.collapsed tbody th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, 
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
	cursor: default;
}

table.dataTable.data.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.data.dtr-inline.collapsed tbody th:first-child:before {
	top: 2px;
	left: 4px;
	height: 10px;
	width: 10px;
	display: block;
	position: absolute;
	color: white;
	border: 2px solid white;
	border-radius: 10px;
	text-align: center;
	line-height: 8px;
	box-shadow: 0 0 3px #444;
	box-sizing: content-box;
	content: '+';
	background-color: #31b131;
}

table.dataTable.data tr.child ul li {
	padding: 0.1em 0;
}

table.dataTable.data.dtr-inline.collapsed tbody tr.child td:before {
	display: none;
}

.table-hover.dataTable.data > tbody > tr.child:hover > td,
.table-hover.dataTable.data > tbody > tr.child:hover > th,
.table-hover.dataTable > tbody > tr.child:hover > td,
.table-hover.dataTable > tbody > tr.child:hover > th {
	background: transparent !important;
}

.table-hover.dataTable.data > tbody > tr:hover,
.table-hover.dataTable > tbody > tr:hover {
	background-color: #eceeef;
}

/* END Responsive plugin */

/* END DataTables */