.sorting, .sorting_asc, .sorting_desc{
	padding-right: 20px;
	cursor: pointer;
}
.sorting {background: transparent url("../img/tables/sort_both.png") right center no-repeat;}
.sorting_asc {background: transparent url("../img/tables/sort_asc.png") right center no-repeat;}
.sorting_desc {background: transparent url("../img/tables/sort_desc.png") right center no-repeat;}

.edit, .delete, .view, .graph{
	width: 20px;
	height: 20px;
	display: inline-block;
}
.edit:link,
.edit:visited ,
.edit:hover ,
.edit:active {
	background: transparent url("../img/icones/edit.png") center center no-repeat;
	background-size: 20px 20px;
}
.delete:link,
.delete:visited ,
.delete:hover ,
.delete:active {
	background: transparent url("../img/icones/delete.png") center center no-repeat;
	background-size: 20px 20px;
}
.view:link,
.view:visited ,
.view:hover ,
.view:active {
	background: transparent url("../img/icones/view.png") center center no-repeat;
	background-size: 20px 20px;
}
.graph:link,
.graph:visited ,
.graph:hover ,
.graph:active {
	background: transparent url("../img/icones/graph.png") center center no-repeat;
	background-size: 20px 20px;
}

table.responsive tbody td{
	vertical-align: middle;
}
table.responsive tbody td span{
	display: none;
	float: left;
}
.table td.links{text-align: center;}

@media (max-width: 1024px) {
	/* CSS Responsive table */
	.table{
		overflow: hidden;
	}
	.table td.links{text-align: left;}
	table.responsive,
	table.responsive thead,
	table.responsive tbody,
	table.responsive th,
	table.responsive td,
	table.responsive tr { display: block; clear: both; float: left; width: 100%;}
	table.responsive tbody td span{display: inline; font-weight: bold;}
	
	table.responsive >tbody>tr:nth-child(odd)  td{
		background-color: #ddd;
	}
	table.responsive >tbody>tr:nth-child(even)  td{
		background-color: #fff;
	}
			
	.table-bordered>tbody>tr>td,
	.table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>td,
	.table-bordered>tfoot>tr>th,
	.table-bordered>thead>tr>td,
	.table-bordered>thead>tr>th {display: block; clear: both;border: none;}
	
	table.responsive thead tr { position: absolute; top: 0px; left: 0px; }
	
	
	.panel-primary table.responsive tr { border-bottom: 1px solid #ddd; border-right: 1px solid #337ab7; border-left: 1px solid #337ab7;}
	.panel-primary table.responsive tr:last-child { border-bottom: 1px solid #337ab7;}
	
	.panel-success table.responsive tr { border-bottom: 1px solid #ddd; border-right: 1px solid #5cb85c; border-left: 1px solid #5cb85c;}
	.panel-success table.responsive tr:last-child { border-bottom: 1px solid #5cb85c;}

	.panel-warning table.responsive tr { border-bottom: 1px solid #ddd; border-right: 1px solid #f0ad4e; border-left: 1px solid #f0ad4e;}
	.panel-warning table.responsive tr:last-child { border-bottom: 1px solid #f0ad4e;}

	.panel-critical table.responsive tr,
	.panel-danger table.responsive tr{ border-bottom: 1px solid #ddd; border-right: 1px solid #d9534f; border-left: 1px solid #d9534f;}
	.panel-critical table.responsive tr:last-child,
	.panel-danger table.responsive tr:last-child	{ border-bottom: 1px solid #d9534f;}

	
	table.responsive tr:first-child { display: none; }
	
#tabela{
	width:100%;
	border:solid 1px;
	text-align:left;
   	border-collapse:collapse; 
}

#tabela tbody tr{
	border:solid 1px;
	height:30px;
	cursor:pointer;
}

#tabela thead{
	background:beige;
}

#tabela thead th:nth-child(1){
	width:100px;
}

#tabela input[placeholder]{
	width:100%;
}	

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #909;
}

}