table{
	border: none;	
	margin-top: 0px !important;
}
.table-header.d-flex{
	justify-content: space-between;
}
.table-header .sort-bar p{
	margin: 0 10px 0 0; 
}
.table-header .sort-bar input{
	border: none;
	border-bottom: none;
}
.users-view{
	padding: 10px;
	background: #fff; 
	box-shadow: 0 0 4px #a2a2a2;
}
.user-details{
	display: none;
}
.user-detail{
	padding: 5px;
	/*padding: 0 10px 10px 10px;*/
	background: #4f6dac;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.user-preview{
	padding: 0 10px;
	justify-content: space-between;
	background: #fff;
	box-shadow: 0px 0px 3px 0px #0C8FBE;
	border-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	cursor: pointer;
	color: #000;
}
.user-preview p{
	margin: 5px 0; 
}
.cta-edit-user{
	font-size: 13px;
}
.user-preview .cta-edit-user a{
	text-align: center;
	text-decoration: underline;
	color: #244895;
	z-index: 999;
}
.user-detail .d-flex {
	justify-content: flex-start;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.user-details .d-flex p{
	margin: 10px;
}
.user-details p span{
	color: #0C8FBE;
}

.user.active .user-preview{
	background: #0C8FBE;
	color: #fff;
}

.dataTables_length select {
    background-color: #fff !important;
}
#example_wrapper{
	padding: 10px 0;
    background: #ffffff;
    border: none;
    font-size: 13px !important;
}
#example_filter{
	margin-bottom: 20px;
}
.table-header{
	justify-content: flex-start;
	margin-bottom: 10px;
}
.table-header .search-bar input{
	border : none;
	border-bottom: 1px solid #244895;
}
.table-header .search-bar input:focus{
	outline: none;
	border-bottom-color: #c5c5c5;
}
thead{
	/*background: #0b8fbf;*/
	background-color: #fff;
	color: #000;
}
#example tbody tr:nth-child(odd) {
	cursor: pointer;
}
thead th,
tbody td,tbody th,
tfoot th{
    text-align: left;
    font-size: 11px;
	border: none !important; 	 
}
thead th,tbody th,
tfoot th {
	padding: 10px 20px 9px!important;
}
tbody td{
	color: #5C6A75;
	padding: 9px 20px !important;
}
#example_filter input[type="search"] {
    background: #fff;
}
.dataTables_length label{
	text-transform: capitalize;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 11px;	
}
.dataTables_length label select{
	margin: 10px 7px; 
}
tbody tr:nth-child(4n+1){
	background: #fff;  
}

tbody>tr>td,
tbody>tr>th,
tfoot>tr>td,
tfoot>tr>th,
thead>tr>td,
thead>tr>th {
	border: 1px solid #ddd;
	border-bottom-color: #ddd !important;
}

.pagination {
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagination a {
	text-decoration: none;
	color: #000;
	border-right: 1px solid #000;
	padding: 0px 5px; 
}
.pagination a:last-child {
	border-right: none;
}
.pagination a.active {
  background-color: #88D5E9;
  color: #fff;
}
.pagination a:hover:not(.active) {background-color: #88D5E9; color: #fff;}
#unitable_wrapper{
	width: 100%;
	overflow-x: auto;
}