/** lista de seleccion personalizada JC */

		/* Estilos para el contenedor principal */
		.jc-dropdown {
			position: relative;
			display: inline-block;
			width: 100%;
		}

		.jc-dropdown-item:active, .jc-dropdown-item:hover {
			background-color: #008293 !important;
			color: white !important;
			width: 100%;
			padding: 5px;
			border-radius: 5px;
		}

		/* Estilos para los elementos de la lista */
		.jc-dropdown-item {
			padding: 8px;
			cursor: pointer;
			font-size: 14px !important;
			padding: 5px;
		}
 
		/* Estilos para la lista desplegable */
		.jc-dropdown-list {
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			max-height: 250px;
			overflow-y: auto;
			border: 1px solid #ccc;
			border-radius: 10px;
			display: none;
			background-color: #f0f0f0;
			padding-left: 10px;
			padding-right: 10px;
			z-index: 150;
			padding-top: 10px;
			list-style-type: none;
		}

		.jc-dropdown-list.open {
			display: block;
			transform: translateY(-123%);
		  }

		.jc-selected{
			background-color: #00829370 !important;
			color: white !important;
			padding: 5px;
			border-radius: 5px;
		}

		/* Estilos para el campo de búsqueda/selección */
		.jc-search-select {
			width: 100%;
			padding: 8px;
			border: 1px solid #ccc;
			border-radius: 5px;
			font-size: 14px;
		  }
		
		  /* Estilos para el caret */
		  
		  .caret {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background-color: white;
			width: 10px;
			height: 20px;
			right: 10px;
			padding-left: 5px;
			cursor: pointer;
		}

		.type-search{
			margin-top: 10px;
			margin-bottom: 10px;
			border: 1px solid lightgray;
			width: 95%;
			border-radius: 5px;
			background-color: white;
			font-size: 12px;
			padding: 6px;
		}

		.jc-disabled{
			color: lightgray !important;
			font-style: italic !important;
			pointer-events: none !important;
		}

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