File: public/flat-admin/sass/plugins/datatables.scss

table.DTCR_clonedTable {
	background-color: white;
	z-index: 202;
	cursor:move;
}

div.DTCR_pointer {
	width: 1px;
	background-color: $blue;
	z-index: 201;

	&:before{
		content:"\f063";
		font-family: "FontAwesome";
		position: absolute;
		top:-25px;
		left:-5px;
		color:$blue;
	}
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * ColVis styles
 */
.ColVis {
	float: right;
	margin-bottom: 1em;
}

.ColVis_Button {
	position: relative;
	float: left;
	margin-right: 3px;
	padding: 3px 5px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #d0d0d0;
	cursor: pointer;
	*cursor: hand;
}

button.ColVis_Button::-moz-focus-inner { 
	border: none !important;
	padding: 0;
}

.ColVis_text_hover {
	border: 1px solid #999;
	background-color: #f0f0f0;
}

div.ColVis_collectionBackground {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	z-index: 1100;
}

div.ColVis_collection {
	position: relative;
	width: 150px;
	background-color: #f3f3f3;
	padding: 3px;
	border: 1px solid #ccc;
	z-index: 1102;
}

div.ColVis_collection button.ColVis_Button {
	background-color: white;
	width: 100%;
	float: none;
	margin-bottom: 2px;
}

div.ColVis_collection button.ColVis_Group {
	background: #dadada;
	border: 1px solid #bababa;
}

div.ColVis_catcher {
	position: absolute;
	z-index: 1101;
}

.disabled {
	color: #999;
}



button.ColVis_Button {
	text-align: left;
}

div.ColVis_collection button.ColVis_Button:hover {
	border: 1px solid #999;
	background-color: #f0f0f0;
}

div.ColVis_collection button.ColVis_Group:hover {
	background: #bababa;
	border: 1px solid #424242;
}

span.ColVis_radio {
	display: inline-block;
	width: 20px;
}


.dataTables_wrapper{

	.ColVis{
		margin:10px 10px 10px 0;

		.ColVis_Button{
			background:#eee;
			padding:3px 8px;
			border:0;

			i{
				margin-left:5px;
			}

			&:hover{
				background: #ddd;
			}
		}
	}

	.dataTables_length{
		float:left;
		min-width:200px;
		margin:10px 10px 5px 10px;

		.input-mini{
			float:left;
		}
		label{
			&>span{
				float:left;
				margin: 4px 5px;
			}
		}
	}

	.DTTT_container{
		margin:10px 5px 10px 0;

		.DTTT_button{
			background: #eee;
			@include box-shadow(none);
			@include border-radius(0);
			border:0;
			margin-right:5px;
			color:#333;

			&:hover{
				background: #ddd;
			}
		}
	}

	.dataTables_filter{
		float:right;
		margin:10px 10px 5px 5px;

		input{
			margin-bottom: 0;
		}
	}

	.dataTables_info{
		float:left;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:10px;

		span{
			font-weight:600;
		}
	}

	.dataTables_paginate{
		float:right;
		margin-right:5px;
		margin-top:10px;
		margin-bottom: 10px;

		&>a{
			margin-right:5px;
			background:#eee;
			padding:3px 8px;
			color:#333;
			text-decoration:none;
			cursor:pointer;

			&.paginate_button_disabled{
				color:#999;

				&:hover{
					background: #eee;
					cursor:default;
				}
			}

			&:hover{
				background:#ddd;
			}
		}

		&>span{
			&>a{
				padding:3px 8px;
				margin-right:5px;
				background: #eee;
				color:#333;
				text-decoration:none;
				cursor:pointer;

				&.paginate_active{
					background:$blue;
					color:#fff;
				}
			}
		}
	}
}
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

.DTFC_Cloned{
	background:#eee;
	border-right:1px solid #ddd;
}

div.DTS tbody th,
div.DTS tbody td {
	white-space: nowrap;
}

div.DTS tbody tr.even {
	background-color: white;
}

.alert{
	&.alert-nomargin{
		margin: 0;
	}
}

.DTFC_LeftHeadWrapper{
	border-right:1px solid #ddd;
}

div.DTS div.DTS_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 20px;
	margin-top: -20px;
	margin-left: -100px;
	z-index: 1;

	border: 1px solid #999;
	padding: 20px 0;
	text-align: center;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.5);
}

div.DTS div.dataTables_scrollHead {
	background-color: white;
}

div.DTS div.dataTables_scrollBody {
	z-index: 2;
}