.btn_eliminar, .imagen_lnk, .thead {
		 border: none;
		 cursor: pointer;
	}
	
	.required:after {
		content: " *";
		color: red;
	}

	.select_autowidth {
		width: auto !important;
	}

	.no_display_block {
		display: inline-block !important;
	}

	.table-col-title {
		text-align: center;
		font-weight: bold;
	}

	.usr-badge-fixed-w {
		font-weight: normal;
		width: 40px;
		height: 20px;
		vertical-align: middle;
	}

	.dep-badge-fixed-w {
		font-weight: normal;
		width: 50px;
		height: 20px;
		vertical-align: middle;
	}

	.add-task-lnk, .f_pointer {
		cursor: pointer;
	}

	.w_fix {
			box-sizing: border-box !important;
	}

	.no-box-s {
		-webkit-box-sizing: initial;
		-moz-box-sizing: initial;
		box-sizing:content-box;
	}

	.active_sort_asc:after {
		content: " ▲";
		font-size: small;
		font-weight: normal;
	}

	.active_sort_desc:after {
		content: " ▼";
		font-size: small;
		font-weight: normal;
	}

	.no_active_sort:after {
		content: " ▲▼";
		font-size: small;
		font-weight: normal;
		color: grey;
	}

	.img_bg_center {
		background: url('../images/header.png') center / cover no-repeat;
	}


	.custom-card { 
		border-radius: 5px;
		box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
		display: flex; 
		flex-direction: column; 
		height: 90%;
	}

	.card-body { 
		flex: 1;
	}


	.responsive-text {
		font-size: 20px; /* Default for small screens */
	  }
	
	@media (min-width: 768px) {
	.responsive-text-lg {
		font-size: 26px; /* Larger text for medium to large screens */
	}
	}

	.text-shadow {
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Customize shadow here */
	  }

	  .no-border {
		border: none; /* Removes the border */
	  }

	  .text_top {
		font-size: 48px;
	  }

	  @media (max-width: 768px) {
		.text_top {
		  padding: 10px; /* Adjust the padding as needed */
		}
	  }

	  #accordion {
		min-height: 300px; /* Set a minimum height for the accordion */
		width: 100%;
	  }

	  .card-header button[aria-expanded="true"] {
		background-color: #28a745; /* Green background */
		color: white; /* White text for contrast */
		border: none; /* Optional: Remove border */
	  }
	  
	  /* Optional: Add hover effect for better UX */
	  .card-header button:hover {
		background-color: #218838; /* Darker green on hover */
		color: white;
	  }