

.table {
	width: 100%;
	position: relative;
	border-collapse: collapse; 
	margin-bottom: 0px;
}

.table td{
	padding: 10px;
	background: #fbfbfb;
}

.table tbody tr td {
	height: 47px;
}

.table tbody tr td a:not(a[href^="mailto:"]){
	word-break: break-all;
}

.table thead tr td{ 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	padding: 13px 10px 10px 10px;	
	border: 1px solid #fff;
	border-top: 0px;
	background-color: #eff2f5;
	font: 12px arial;
	color: #181818;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.table thead tr td div{
	position: relative;
}

.table thead tr td:first-child{
	border-left: 0px;
}

.table thead tr td a {
	display: block;
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
}

.table thead tr td a.sort{
	padding-left: 0px;
	padding-right: 0px;
}

.table-thead-tr-td-last-child,
table thead tr td:last-child{
	border-right: 0px;
}

/* table body classes */
.table tbody tr td{	
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font: 13px arial;
	color: #646464;
	vertical-align: middle;
	background: #eff2f5;
}

.table tbody tr td:first-child{
	border-left: 0px!important;
}

.table tbody tr td:last-child{
	border-right: 0px;
}

.table-td-odd,
.table tbody tr:nth-child(odd) td{
	background: #fff;
	border-left: 1px solid #eff2f5;
}

.table-tr-last-child td,
.table tbody tr:last-child td{
	border-bottom: 0px;
}

/*   table footer classes  */
.table tfoot tr td{
	border-top: 1px solid #fff;
	background: #eff2f5;
	padding: 15px;
}

.table tfoot tr td:first-child{
	border-left: 0px;
}

/*content inside tables */
.table tbody tr td img {
	border:1px solid #fff;
}

.table tbody td.actions {
	text-align: center;
}

.table div.checker {
	display: inline!important;
	float: none!important;
	padding: 0px!important;
	margin-right: 0px!important;
	box-shadow: none!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
}

.table div.checker span{
	position: relative;
	top: 2px;
}

/*sorting classes */
.table a.sort {
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 6px;
	right: 0px;
	margin-top: -6px;
	font-size: 16px;
}

.table a.sort .sign{
	display: none;
}

.table a.sort.up .sign:first-child{
	display: block;
}

.table a.sort.down .sign:last-child{
	display: block;
}

/*sortable*/
.table tbody tr.ui-sortable-helper td{
	border-top: 1px solid #9d9d9d;
	border-bottom: 1px solid #9d9d9d;
}

.table tbody tr.ui-sortable-helper td:first-child{
	border-left: 1px solid #9d9d9d;
}

.table tbody tr.ui-sortable-helper td:last-child{
	border-right: 1px solid #9d9d9d;
}

/*mouse hover*/
.table tbody tr:hover td{
	background: #e4e7eb;
}

/*checkall*/
.table td.tcheckall {
	width: 20px;
	padding-right: 15px;
	padding-left: 15px;
}

.table td.table_empty{
	text-align: center;
	padding: 20px;
}

.table thead td .checker{
	position: relative;
	top: -3px;
}

.table tr a .ico{
	font-size: 16px;
}

.table tbody tr td a{
	overflow:hidden;
    text-overflow:ellipsis;
	display: block;
}

.table .sign {
	font-size: 16px;
}

.table td div a .sign:last-child,
.table td p .sign:last-child {
	margin-right: 0px;
}

.table tbody tr td a.normal {
	display: inline-block;
	overflow: initial;
}


@media (max-width:700px){

	.table-responsive {
		border: 0!important;
	}

	.table thead {
		display: none;
	}

	.table td{ 
		display: block;
		width: 100%;	
		height: auto!important;
	}

	.table tbody tr {
	    display: block;
	}

	.table td[data-header]:before {
		content: attr(data-header);
		display: block;
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 5px;
		text-align: left!important;
	}

	.table td[data-header][align="center"],
	.table td[data-header] {
		position: relative;
		text-align: left!important;
	}

	.table td:not([data-header]) {
		width: 100%;
	}


	.table td[data-header]:before {
		position: absolute;
		transform:  translateY(-50%);
		top: 50%;
		left: 8px;
		max-width: 80px;
		
	}

	.table-responsive .table tbody tr:first-child td:first-child {
		border-top: 0!important;
	}

	.table td {
		white-space: initial!important;
		border-left: 0!important;
		border-right: 0!important;
		border-bottom: 0!important;
	}

	.table td[data-header] {
		padding-left: 100px;
	}

}

