.divEntorno{
	float: right;
	position: fixed;
}

.peque{
	width: 50px;
}


.conjuntoAdjuntos{
	padding: 10px;

}

.objetoAdjunto{
	margin-top: 15px;
}

.imgAdjunto{
	width: 50px;
	border-radius: 20%;
}

.inlineRight{
	display: inline;
	float: right;
	margin: 10px;
	margin-top: -25px;
}

.asistente{
	background: url(../images/asistente.png) no-repeat;
	background-size: contain;
	background-position: right;
	color: #86FF33;
}

.asistenteChico{
	background: url(../images/asistente.png) no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;
	float: right;
	margin-top: -50px;
}

.colorVerde{
	color: #86FF33;
}

.colorAtencion{
	color: #FF8333;
}

.faRefresh{
	float: right;
	display: inline;
}

.card{
	margin-top: 20px !important;
}

.log-user{
	color: wheat !important;
	margin-top: -105px;
}

.subeOnBlurTitulo{
	transition: transform 0.6s ease;
}

#titulo{
	transition: transform 0.6s ease;
	width: 65%;
	margin-left: 1%;
}

#alCentro{
		display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-bottom: 50%;
	    position: fixed;
	    height: 0;
	    margin-left: 40%;
	    margin-top: -16%;
}

#loaderGreen{
	color: #A0F36D;
	background-image: url("../images/loader_green.gif");
	background-repeat: no-repeat;
	z-index: 1000;
	height: 500px;
	width: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dt-buttons .btn {
    background-color: #4CAF50; /* Color de fondo */
    color: white; /* Color del texto */
    border-radius: 4px; /* Bordes redondeados */
    padding: 8px 16px; /* Espaciado interno */
    margin: 5px; /* Espaciado entre los botones */
    border: none; /* Sin bordes */
}

.dt-buttons .btn:hover {
    background-color: #45a049; /* Color al pasar el ratón */
}

#tablaRegistros_wrapper {
    max-width: 100%;
    overflow-x: auto;  /* Agrega un scroll horizontal si la tabla es más ancha */
}

/* Estilo solo para el input de búsqueda en DataTables */
.dataTables_filter input {
    width: 100%;              /* Se ajusta al tamaño del contenedor */
    padding: 10px;            /* Espaciado interno */
    font-size: 16px;          /* Tamaño de fuente */
    border: 2px solid #4CAF50; /* Borde sólido con color */
    border-radius: 5px;       /* Esquinas redondeadas */
    outline: none;            /* Elimina el borde predeterminado al hacer clic */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra sutil */
    transition: border 0.3s ease, box-shadow 0.3s ease; /* Transición suave en el borde */
}

.dataTables_filter input:focus {
    border-color: #66cc66;    /* Cambia el color del borde al hacer foco */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Incrementa la sombra al hacer foco */
}