/* ====================== DATA TABLE ====================== */
.adminTable { margin-bottom:20px; }

table.dataTable thead th {
	padding: 10px 20px 10px 10px;
	background-color:#333;
	font-size:13px;
	font-weight: bold;
	color:#fff;
	text-align:left;
}
table.data th:hover:not(:first-child):not(.unsortable) {
	background-color:#111;
	cursor:pointer;
}
table.data th:first-child {
	cursor:default !important;
}
table.dataTable tr.odd td {
	background-color:#f1f1f1;
}
table.dataTable tr.flagged td {
	background-color:#fbdfdd;
}
table.dataTable tr.flagged.odd td {
	background-color:#f0d4d2;
}
table.dataTable tr.highlighted td {
	background-color:#fff5c2;
}
table.dataTable tr.highlighted.odd td {
	background-color:#f6e9a9;
}

table.dataTable tr td {
	overflow: hidden; /* this is what fixes the expansion */
	text-overflow: ellipsis; /* not supported in all browsers, but I accepted the tradeoff */
	white-space: nowrap;
	max-width:350px;
	
}


table.data tr:hover td {
	background-color:#bac0c9 !important;
	cursor:pointer;
}
table.data tr.selected td {
	background-color:#0065bd;
	color:#fff;
}
table.data tr.odd.selected td {	background-color:#005dae; }

table.dataTable.no-footer {
  border-bottom: 1px solid #ccc;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right 6px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > thead > tr > th:first-child {
  position: relative;
  padding-left: 50px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 6px;
  left: 10px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  font-family:sans-serif;
  text-indent: 0px;
  line-height:16px;
  content: '+';
  background-color: #3391d1;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #2144a1;
}

.dataTables_wrapper { font-size:12px; }
.dataTables_wrapper .dataTables_filter label { text-indent: -9999px; white-space: nowrap;
  overflow: hidden; }
.dataTables_wrapper .dataTables_filter input {
	box-sizing:border-box;
	width:200px;
	margin:0 0 0 6px;
	height:32px;
	padding:0 0 0 5px;
	border:1px solid #ccc;
	background:url(../_images/icons/grey_search_small.png) no-repeat right 10px center #fff;
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
	padding-bottom:6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  padding:4px 6px;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 0;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border:0;
  background: #0065bd !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #999 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff !important;
  border:0;
  background: #7ab4e6;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background: #7ab4e6;
  box-shadow:none;
}

table.data tr td.dataTables_empty, table.data tr td.dataTables_empty:hover {
	padding:12px;
	margin:0;
	line-height:18px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#444;
	text-align:center;
	
	background:#d7eef7;
	border:1px solid #8ab7c8;
	color:#238aae;   
}

table.data .dataTable_check, table.data .dataTable_checkAll { width:16px; padding:10px; }
table.data input[type="checkbox"].checkbox + label span { margin:0px !important; }

.data .profile-photo {
	width:20px;
	height:25px;
}