File: public/flat-admin/sass/page-elements/tables.scss

.table{
	&.table-hover{
		tr{
			&:hover{
				&>td{
					background: #f8f8f8;
				}
			}
		}
	}
	.with-checkbox{
		width:10px;

		input{
			margin-left:4px;
			margin-top: 0;
		}
	}
	&.dataTable{
		margin-bottom:10px;
		clear:both;

		&.dataTable-grouping{
			.group{
				background: #e6e6e6;
				border-top:2px solid #ccc;

				&.expanded-group{
					background:url("../img/expanded-group.jpg") no-repeat left center #e6e6e6;
					padding-left:33px;

					&:hover{
						cursor:pointer;
					}
				}

				&.collapsed-group{
					background:url("../img/collapsed-group.jpg") no-repeat left center #e6e6e6;
					padding-left:33px;

					&:hover{
						cursor:pointer;
					}
				}
			}
		}

		.sorting_asc{
			background:url("../img/sorting-asc.png") no-repeat right center #eee;
		}

		.sorting_desc{
			background:url("../img/sorting-desc.png") no-repeat right center #eee;
		}

		.sorting{
			background:url("../img/sorting.png") no-repeat right center #eee;
		}

		.sorting,.sorting_desc, .sorting_asc{
			padding-right:30px;
			white-space:nowrap;
		}

		&.dataTable-scroll-x{
			border-collapse:separate;
			max-width:none;

			td{
				white-space:nowrap;
			}
		}

		th:focus{
			outline:none;
		}

		&.dataTable-reorder{
			th{
				&:hover{
					cursor:move;
				}
			}
		}
	}

	&.table-colored-header{
		thead{
			th,td{
				background:$blue;
				color:#fff;
			}
		}
	}

	&.table-nohead{
		thead{
			display: none;

			th,td{
				display: none;
			}
		}

		tr{
			&:first-child{
				td{
					border:0;
				}
			}
		}
	}

	tr{
		td{
			vertical-align: middle;
			.label{
				margin-right: 3px;
			}
		}

		th{
			vertical-align: middle;
			background:#eee;
		}
	}

	&.table-user{
		tr{
			&.alpha{
				td{
					&.alpha-val{
						span{
							background: $blue;
							color:#fff;
							display: block;
							padding:10px 0 ;
							text-align:center;
							font-size:18px;
						}
					}
				}

				&:hover{
					td{
						background: white;
						cursor:pointer;
					}
				}
			}

			&:first-child{
				td{
					border:0;
				}
			}

			td{
				border-top:1px dotted #ccc;

				&.img{
					width:40px;
					img{
						width:40px;
					}
				}
				&.user{
					text-align:left;
					vertical-align: middle;
				}

				&.icon{
					width:20px;
					vertical-align: middle;

					.online{
						font-size:10px;
						color:#4fa828;
					}
				}

				.btn{
				}
			}
		}
	}
}

.table-mail{
	tbody tr{
		&>td{
			cursor:pointer;
		}
		&.warning{
			&>td{
				background-color:lighten($blue,38%);
			}
		}
	}
	.table-checkbox{
		width:15px;
	}
	.table-icon{
		width:20px;

		.sel-star{
			color:#aaa;
			text-decoration: none;

			&:hover{
				color:$orange;
			}

			&.active{
				color:$orange;
			}
		}
	}
	.table-date{
		width:100px;
	}
	.table-fixed-medium{
		width:200px;
	}
}

.table-pagination{
	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;

		&.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;

			&.active{
				background:$blue;
				color:#fff;
			}
		}
	}
}

.dataTable-columnfilter, .usertable{
	.thefilter{
		th{
			background-color: #eee;
			vertical-align: middle;
			color:#777;
		}

		.filter_column{
			input{
				margin-bottom: 0;
				width:100%;
				padding:4px 0;
				text-indent:8px;
				background: #fff;
			}

			select{
				margin-bottom: 0;
				width:100%;
				background: #fff;
			}
		}
	}
}

.input-mini select{
	width:60px;
}