/*body{

	background-color: rgb(241, 245, 249);

}*/



/*table.modulotab{

	border-collapse: collapse;

	width: 100%;

	font-size: .9em;

}*/



/*table.modulotab td,th{

	padding: 5px 10px;

}*/







table.modulotab td.titlehidden{

		display:none;

	}



/*estilos para la tajeta modo mobil*/

.modulotarg{

	display:none;

}



.ptarget{

	overflow: auto;

    margin-left: 20%;

    text-align: center;

    margin-right: 20%;

	/*overflow: auto;



	width: calc(100% - 100px);

	margin-left:30%;

	text-align: justify;*/

	/*width: calc(80% - 100px);

	text-align: auto;*/

}

.ptargettitlemedia{

	font-weight:bold;

}



/*.ptargettitle{

    display: flex;

    flex-direction: row;

    margin-top:5px;

}



.ptargettitle b{

	margin-right: 5px;

}*/



.ptargettitle {

    display: flex;

    flex-direction: row;

    margin-top: 5px;

    text-align: left;

    /*white-space: nowrap;*/

}





.ptargettitle b {

    margin-right: 5px;

    min-width: max-content;

}



.ptargettitle span {

    overflow: auto;

    text-align: left;

}



.padding-ptargettitle{

    padding-left: 0.25rem !important;

    padding-right: 0.25rem !important;

}





/*termina estilo targeta modo mobil*/

/*table.modulotab{

	display:block;	

}*/ 





@media ( min-width: 30em){

table.modulotab td.mostrarmasocultos{

			display:table-cell !important;

	}

	

table.modulotab td.mostrarmasoculto{

			display:none!important;



		}

	.btnmostrarmas{

		display:none !important;

	}



table.modulotab td.actionsfooter{

		display: none;

	}

}



@media ( max-width: 30em){ /* 30*16px=480px*/

	.modulotarg{

		position: relative;

		display:block;

		z-index: 15;

	}



	table.modulotab{

		display:none;	

	} 



	table.modulotab tr{

		display: flex;

		flex-direction: column;

		border: 1px solid grey;

		padding: 1em;

		margin-bottom: 1em;

	}

	

	table.modulotab td,

	table.modulotab th{



		border: none;

	}



	table.modulotab td.hiddencard{

		display:none;

	}



	table.modulotab td[data-titulo]{

		display: flex;

	}



	table.modulotab td[data-titulo]::before{

		content: attr(data-titulo);

		width: 90px;

		color: darkgrey;

		font-weight: bold;



	}



	table.modulotab thead{

		display: none;

	}



	table.modulotab td.titlehidden{

		display:block;

		text-align:center;

	}



	.btnmostrarmas{

		display:flex;

		background-color:darkgrey !important;

		border-radius: 9999px !important; 

		color:white;

	}



	table.modulotab td.mostrarmasoculto{

		display: none;

	}



	table.modulotab td.mostrarmasocultos{

		display: none;

	}



	.btn-card{

		padding: 0;

		display:inline;

	}

	

	.form-btn-card{

		margin: 0; padding: 0; /*display:inline;*/ margin-top: 5%;

	}



	table.modulotab td.actionsfooter{

		display: block;

	}



}





