#cabecera{
margin: 0 auto;
}
.menu{
width:100%;
margin-left:10vw;
  margin-bottom:15px;
  float:left;
}
#menu{
float:center;
z-index:4;
width: 100%;
text-align:center;
margin-bottom:15px;
}
/* menu */
#menu ul {
 list-style:none;
 margin:0;
 padding:0;
}
/* items del menu */
#contenido{float:left;width:100%}

#menu ul li {
 background-color:#2e518b;
}
/* enlaces del menu */
#menu ul a {
 display:block;
 color:#fff;
 text-decoration:none;
 font-weight:400;
 font-size:11px;
 padding:5px;
 font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 text-transform:uppercase;
 letter-spacing:1px;
}
/* items del menu */
#menu ul li {
 position:relative;
 float:left;
 margin:0;
 padding:0;
}
/* efecto al pasar el ratón por los items del menu */
#menu ul li:hover {
 background:#5b78a7;
}
/* menu desplegable */
#menu ul ul {
 display:none;
 position:absolute;
 top:100%;
 left:0;
 background:#eee;
 padding:0;
}
/* items del menu desplegable */
#menu ul ul li {
 float:none;
 width:150px
}
/* enlaces de los items del menu desplegable */
#menu ul ul a {
 line-height:120%;
 padding:5px;
}
/* items del menu desplegable al pasar el ratón */
#menu ul li:hover > ul {
 display:block;
}

.col-search-input {
    margin-top: 10px;
    display: block;
    width: 100%;
}
.datatable-container
{  
    padding: 20px;
    width:80%;
    margin: 0 auto;
}
tfoot {
    display: table-header-group;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 5px 6px 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #0099cc !important;	
    padding: 0.4em 0.8em;
    border: #eaeaea 1px solid;;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #0099cc !important;
	border-color: #eaeaea !important;
    background-color: #eaeaea !important;
	background:unset;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
	background: unset !important;
	border: #0099cc 1px solid !important;
    background-color: #0099cc !important;
	cursor: default;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border: 1px solid #ddd;
    border-left: none;
    border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fff;
}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #f3f3f3; 
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #fff; 
}
table.dataTable thead th, table.dataTable thead td {
	border: 1px solid #ddd;
    border-left: none;
}
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {
    background-color: #f3f3f3;
}
.datatables_length{
	padding-bottom: 15px;
}
table.dataTable{
	border-left:1px solid #ddd;
}
.dataTables_wrapper select,.dataTables_wrapper input 
{
	border:1px solid #ddd;
	padding:0.4em;
}
#tbl-contact_filter {
    margin-bottom: 20px;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    border-top: none;
    border-right: #e0e0e0 1px solid;
    border-bottom: #e0e0e0 1px solid;
 }
.dt-buttons{margin-left:0px}
.table-buttons {
  margin:0;
  padding:0;
  width: 100%;
  display:flex;
  justify-content:flex-end; //alinea sobre el eje x
}
.socioambiental_icon
{
background:url(../images/socioambiental.png) no-repeat center;
	cursor: pointer;
	width: 20px;
	height:20px;
	float:left;
	padding:0px !important;
	padding-bottom:0px !important;
	margin-left:5px;
	display: block;
    background-size:cover
    
}

.situacional_icon
{
background:url(../images/situacional.png) no-repeat center;
	cursor: pointer;
	width: 20px;
	height:20px;
	float:left;
	padding:0px !important;
	padding-bottom:0px !important;
	margin-left:5px;
	display: block;
    background-size:cover}
.view_icon
{
background:url(../images/view.png) no-repeat center;
	cursor: pointer;
	width: 20px;
	height:20px;
	float:left;
	padding:0px !important;
	padding-bottom:0px !important;
	margin-left:5px;
	display: block;
    background-size:cover
    
}
.edit_icon
{
background:url(../images/edit.png) no-repeat center;
	cursor: pointer;
	width: 20px;
	height:20px;
	float:left;
	padding:0px !important;
	padding-bottom:0px !important;
	margin-left:5px;
	display: block;
    background-size:cover
}