@media screen and (max-width:767px) {
/*********************************************************************/

/*                         TABLAS  RESPONSIVE                        */

/*********************************************************************/

	
#tablaWidget {
	padding: 0!important;
	background-color: transparent!important
}

#tablaWidget{
	width: 100%;
	margin: 0;
	border-spacing: inherit!important;
	background-color: transparent!important;
}
#tablaWidget caption {
	background-image: none;
}
#tablaWidget thead {
	display: none;
}
#tablaWidget tbody td {
	/*display: inline-block;*/
	background-color: #fff!important;
	border-radius: 0;
	border-bottom:none!important;
	padding: inherit!important;
	width:100%;
	display: -webkit-box; 
	display: -webkit-flex;
  	display: flex;
	flex-direction: row;
	margin-top:0!important;
	margin-bottom:0!important;
}

#tablaWidget tbody td:first-child, #tablaWidget tbody tr td:last-child{
	border:none!important;
	}
	


#tablaWidget tbody tr{
	height:inherit!important;
	border-bottom:none!important;
	display:block;
	overflow:hidden;
	border-top:none;
	margin: 0 0 0.3em 0;
	}
	
#tablaWidget tbody tr:last-child{
	border-bottom:none!important;	
	}	

#tablaWidget tbody td:before {
	content: attr(data-th);
	font-weight: bold;

	text-align: left;
	color: #394729!important;
	background-color: #e2e7dc!important;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 48%!important;
	padding: 5px 0 5px 2%;
	border-bottom: solid 1px #fff;
}

#tablaWidget tbody td > span, #tablaWidget tbody td > a, #tablaWidget tbody td.acciones > ul{
	/*float: right;
	clear: none;*/
	width: 48%!important;
	padding: 5px 0 5px 5px!important;
	margin: 0;
	/*display: inline-block;*/
	font-size: 100%!important;
	border-bottom: solid 1px #efefef;
	background-color: #fff!important;
	/*min-height:2em;*/
	display:flex;
	display: -webkit-box; 
-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1; 
}


#gestion-user .table-content table.sortable.table-multi-th .fontL span{
	font-size:0.5rem!important;
	}

/********************************************************************/
	
	
#tablaWidget td span{
	display:inline-block!important;  
	width:inherit;
	margin:0 auto;
	text-align:right!important;
	padding-right:15%!important;
	}	

/********************************************************************/

#tablaWidget tbody tr td.acciones ul li{ 
display:block!important;
list-style-type:none;
padding:0.8em 5px!important;
}


/****************************************************************************************************************/
/*********************************************** FIN BLOQUE 2 ***************************************************/
/****************************************************************************************************************/

}