.label {
	font-size: 0.85em;
	color: #000;
}
::placeholder {
	color: red;
	font-size: 0.85em;
	/* font-style: italic; */
}

.relleno {
	color: #6C757D;
}
.relleno:hover {
	color: #000000;
}

.modal-content{
	border:black 1px solid !important;
}

.btn-close{
	background-color: #fff;
}

/* .modal-header{
	border:red 6px solid;
}

.modal-body{
	border:red 6px solid;
}

.modal-footer{
	border:red 6px solid;
} */



/* //? Datatable */
/* div.card-body {margin-bottom: 3em;} */
.dt-table-pequena {
	font-size: 0.85em; /* //? Reduce el tamaño de la fuente al 85% del original */
	line-height: 0.9;  /* //? También puedes ajustar la altura de línea para un mejor espaciado */
}
.dt-table-pequena td,
.dt-table-pequena th {
  line-height: 1.2; /* //? Ayuda a reducir el espacio entre líneas de texto en e; dataTable*/
}


/* //? Esto es para el boton de imagen de un nuevo Item */
.file{
	display: none;
}
.file_name{
	/* background: #eee;
	border: 1px solid #cacaca; */
	font-size: .8rem;
	flex: 1;
}
.file_name SPAN{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 200px;
	padding: 10px 0px;
	display: block;
	cursor: pointer;
}
.file_boton{
	background: #E9ECEF;
	border: 1px solid #CED4DA;
	/* color: #888C8F; */
	white-space: nowrap;
	border-radius: 4px 4px;
	padding: 5px 20px;
	cursor: pointer;
	font-size: .8rem;
}

.cuadradito{
	display: inline-block;	/* Permite aplicar padding y dimensiones */
	padding: 4px 35px;   	/* Espacio interno para que el texto no toque los bordes */
	/* font-size: 0.80em;     	Tamaño de letra más pequeño */
	font-weight: bold;		/* Hace que el texto resalte */
	color: white;				/* Color del texto */
	text-align: center;   	/* Centra el texto */
	white-space: nowrap;  	/* Evita que el texto se divida en varias líneas */
	border-radius: 5px;  	/* Esquinas redondeadas para el aspecto de "pastilla" */
	background-color: #6c757d; /* Color de fondo por defecto (gris) */
	border-width: 0;
	text-align: center;
}
/* Colores de ejemplo para diferentes estados */
.cuadradito-success {background-color: #28a745;}

.cuadradito-warning {background-color: #ffc107;}

.cuadradito-danger {background-color: #dc3545;}

.cuadradito-secondary {background-color: #6C757D;}