.help-inline {
	padding-left: 0px !important;
}


.pagination .disabled a {
	
	 cursor: not-allowed !important; 
}

/* .pagination .prev:not (.disabled ) a:hover {
	color: black !important;
} */

.pagination .first:not (.disabled ) a:hover {
	color: black !important;
}

.pagination .next:not (.disabled ) a:hover {
	color: black !important;
}

.pagination .last:not (.disabled ) a:hover {
	color: black !important;
}

.pagination .last:not (.disabled ) a {
	background-color: transparent !important;
}

.pagination .last:not (.disabled ) a:hover {
	background-color: transparent !important;
}

a.page-link {
	width: 25px !important;
	height: 25px !important;
	border: none !important;
	color: black !important;
	background-color: #DBDBDB !important;
	border-radius: 0px !important;
	padding: 5px !important;
}

.aui .pagination ul>.active>a, .aui .pagination ul>.active>span {
	color: white !important;
	cursor: default !important;
	background-color: #003D53 !important;
}

.aui .pagination ul>li:first-child>a, .aui .pagination ul>li:first-child>span
	{
	background-color: transparent !important;
}

li.page-item.prev .page-link {
	background: transparent !important;
}

li.page-item.next .page-link {
	background: transparent !important;
}

li.page-item.last .page-link {
	background-color: t !important;
}

.aui .pagination ul {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0) !important;
}

.aui .pagination ul>.disabled>a {
	color: #999 !important;
	background-color: transparent !important;
	cursor: default;
}

a.page-link:hover {
	color: white !important;
	background-color: #003D53 !important;
}

.control-group.error select {
	border: 1px solid #B50303 !important;
}

.errorServiceDirectory, .errorRegimen {
	display: none;
	color: #b50303;
}

.pagination a, .pagination span {
	display: inline-block;
	width: 20px; /* Ancho del bot�n */
	height: 20px; /* Alto del bot�n igual al ancho */
	line-height: 20px; /* Centrado vertical del texto */
	text-align: center; /* Centrado horizontal del texto */
	margin: 2px; /* Espacio entre botones */
	border: 1px solid #ddd; /* Borde */
	border-radius: 4px; /* Esquinas ligeramente redondeadas */
	background-color: #fff; /* Fondo blanco */
	color: #007bff; /* Color del texto */
	text-decoration: none; /* Eliminar subrayado */
	font-size: 14px; /* Tama�o de fuente */
	border-left-width: -1px;
}

.pagination a:hover {
	background-color: #f0f0f0; /* Fondo al pasar el mouse */
}

.pagination a.active {
	background-color: #003366; /* Fondo del bot�n activo */
	color: #fff; /* Texto blanco para el bot�n activo */
	font-weight: bold; /* Texto en negrita */
}

.error-label-service-directory .error-label-regimen {
	color: #b50303;
}

/* El select estar� oculto inicialmente */
.hidden {
	display: none;
}

/* Clase para mostrar el select */
.visible {
	display: block;
}

.coverage-checkbox {
	display: flex;
	align-items: center;
	gap: 20px;
}

.custom-radio {
	appearance: none !important;
	width: 28px !important;
	height: 28px !important;
	border: 2px solid #0072bc !important;
	border-radius: 50% !important;
	outline: none !important;
	cursor: pointer !important;
	position: relative;
}

.aui label {
	display: flex !important;
	align-items: center !important;
	gap: 3px;
}

.custom-radio:checked::before {
	content: '' !important;
	width: 13px !important;
	height: 13px !important;
	background-color: #0069A7 !important;
	border-radius: 50% !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.custom-radio:focus {
	outline: none !important;
	box-shadow: none !important;
}

.custom-radio {
	width: 28px !important;
	height: 28px !important;
	border: 2px solid #0069A7 !important;
	border-radius: 50% !important;
}

.form-group {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
}

.radio-item {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.custom-select {
	display: inline-block !important;
	vertical-align: middle !important;
	margin-top: 4px !important;
}

.custom-label {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	color: #212121 !important;
	cursor: pointer !important;
	margin-left: 0 !important;
}

.radio-item {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

#_integralroutes_WAR_integralroutesportlet_dptoSeleccionado,
	#_integralroutes_WAR_integralroutesportlet_citySeleccionado,
	#_integralroutes_WAR_integralroutesportlet_specialitySelect,
	#_integralroutes_WAR_integralroutesportlet_integralRouteSelect,
	#_integralroutes_WAR_integralroutesportlet_serviceAmbulatorySelect,
	#_integralroutes_WAR_integralroutesportlet_ambulatoryInput {
	width: 478px;
	height: 39px;
	border: 1px solid;
	border-radius: 4px;
	font-size: 14px;
	padding: 5px;
	box-sizing: border-box;
}

#_integralroutes_WAR_integralroutesportlet_buttonAceptDeviceSecure,
	#_integralroutes_WAR_integralroutesportlet_errorSystemButtonAcept {
	background-color: transparent !important;
	background-image: linear-gradient(to bottom, transparent, transparent)
		!important;
	background-repeat: repeat-x;
	border-color: transparent !important;
	box-shadow: none !important;
	color: #0069a7;
	text-transform: uppercase;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

.modal__button {
	background: none;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold !important;
	padding: 10px 20px;
}

.modal__footer {
	border: none;
	display: flex;
	justify-content: flex-end;
}

.modal__header, .modal__body, .modal__footer {
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}

.modal__header {
	align-items: center;
	display: flex;
	font-size: 14px !important;
}

.modal__title {
	color: #333;
	display: inline-block;
	margin: 0;
}

/* Revisar BEM */
.modal__header h2 {
	color: #333333 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 29px !important;
	text-align: left !important;
}

._integralroutes_WAR_integralroutesportlet_overlay {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal--alt {
	border-radius: 0px !important;
	margin: 10px 0 !important;
	max-height: 90vh !important;
	overflow: auto !important;
	padding: 0 20px !important;
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 420px !important;
}

.modal__content {
	background: #fff;
	width: 100%;
}

.center-button {
	width: 98px;
	height: 44px;
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	border-radius: 5px;
	padding: 0;
}

.center-container {
	display: flex !important; /* Flexbox para alinear elementos */
	justify-content: center !important; /* Centra horizontalmente */
	align-items: center !important; /* Centra verticalmente */
	width: 100% !important; /* Ocupa el ancho completo del contenedor */
	margin-top: 20px !important; /* Espaciado superior opcional */
	margin-bottom: 20px !important; /* Espaciado inferior opcional */
	text-align: center !important;
	/* Asegura que el texto del paginador tambi�n est� centrado */
}
.center-container-button {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 90% !important;
	margin:50px;
}


/* Contenedor de las cards */
/*ESTILOS CARDS*/
/* Contenedor principal */
.cards-containerMain {
	display: grid; /* Activa CSS Grid */
	grid-template-columns: repeat(3, 1fr); /* 3 columnas de igual ancho */
	grid-gap: 29px; /* Espaciado entre las cards */
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 1200px; /* Ancho m�ximo del contenedor */
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

.cards-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 3 columnas */
	grid-gap: 29px; /* Espaciado entre las cards */
	margin: 20px auto;
	max-width: 1200px;
	padding: 10px;
	align-items: stretch; /* Cards con la misma altura */
}

#_integralroutes_WAR_integralroutesportlet_card-dividerMain {
	border: none;
	height: 1px;
	background-color: #e0e0e0;
	margin: 20px 0;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px;
	box-sizing: content-box;
}

#_integralroutes_WAR_integralroutesportlet_card-divider {
	border: none;
	height: 1px;
	background-color: #e0e0e0;
	margin: 20px 0;
	width: 100%;
}

/* Estilo de la card */
.cardMain {
	width: 344px;
	background: #f5f5f5; /* Fondo gris claro */
	border-radius: 8px; /* Esquinas redondeadas */
	box-shadow: none; /* Elimina el sombreado */
	padding: 20px !important;
	font-family: 'Source Sans Pro', sans-serif;
	box-sizing: border-box; /* Evita que padding afecte el tama�o */
}

.card {
	background: #f5f5f5;
	border-radius: 8px;
	padding: 20px !important;
	font-family: 'Source Sans Pro', sans-serif;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between; /* Ajusta el contenido */
	box-shadow: none;
	overflow: hidden; /* Evita que el contenido sobresalga */
}
/* Header de la card */
.card-header {
	display: flex; /* Hace que los elementos se alineen en fila */
	align-items: center; /* Centra verticalmente los elementos */
	gap: 10px; /* Espacio entre la imagen y el t�tulo */
}

._integralroutes_WAR_integralroutesportlet_card-icon {
	width: 40px;
	height: 40px;
	background-color: #0072bc; /* Fondo azul */
	border-radius: 50%; /* Hace que el contenedor sea circular */
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 7px 21px rgba(0, 0, 0, 1); /* Sombra ligera */
	position: relative; /* Permite ajustes relativos */
	z-index: 1; /* Asegura que la sombra est� visible */
}

._integralroutes_WAR_integralroutesportlet_card-icon img {
	width: 47px; /* Tama�o de la imagen SVG */
	height: 47px;
	max-width: 47px !important;
	z-index: 2;
}

#_integralroutes_WAR_integralroutesportlet_card-title {
	margin: 0; /* Elimina m�rgenes predeterminados */
	font-size: 18px !important; /* Tama�o del t�tulo */
	font-weight: bold !important;
	color: #0097DA !important; /* Color espec�fico */
	line-height: 1.2; /* Altura de l�nea ajustada */
	font-family: 'Roboto', sans-serif; /* Fuente */
}

/* Contenido de la card */
.card-content {
	font-size: 14px;
	color: #333;
}

.card-row {
	display: flex;
	justify-content: space-between; /* Divide las columnas uniformemente */
	margin-bottom: 10px;
}

.card-columnMain {
	width: 48%; /* Espacio uniforme para las columnas */
}

.card-column {
	word-break: break-word; /* Ajusta texto largo */
	flex: 1; /* Columnas flexibles */
}

.card-column p {
	margin: 0; /* Elimina m�rgenes extra */
	line-height: 1.4;
}

.card-column strong {
	font-weight: bold;
	color: #333;
}

/* Media Query para dispositivos peque�os */
@media ( max-width : 768px) {
	
	.column 
	
	.pagination a, .pagination span {
		width: 24px; /* Botones m�s peque�os en m�viles */
		height: 24px;
		line-height: 24px;
		font-size: 12px; /* Fuente m�s peque�a */
		margin: 1px; /* Espaciado m�s ajustado */
	}
	.pagination {
		gap: 3px; /* Reduce el espacio entre botones */
	}
	#_integralroutes_WAR_integralroutesportlet_dptoSeleccionado,
		#_integralroutes_WAR_integralroutesportlet_citySeleccionado,
		#_integralroutes_WAR_integralroutesportlet_specialitySelect,
		#_integralroutes_WAR_integralroutesportlet_integralRouteSelect,
		#_integralroutes_WAR_integralroutesportlet_serviceAmbulatorySelect,
		#_integralroutes_WAR_integralroutesportlet_ambulatoryInput {
		width: 330px;
		height: 39px;
		border: 1px solid;
		border-radius: 4px;
		font-size: 14px;
		padding: 5px;
		box-sizing: border-box;
	}
	.modal__title {
		font-size: 16px;
		font-weight: 700;
	}
	.modal--alt {
		left: calc(50% - 30%) !important;
		top: calc(50% - 25%) !important;
		transform: none !important;
	}
	.modal__content {
		padding: 10px !important;
		width: auto !important;
	}
	.cards-container {
		grid-template-columns: 1fr; /* Cambia a 1 columna */
		grid-gap: 20px; /* Espaciado entre las cards */
	}
	.card {
		width: 100%; /* Ocupa el ancho completo */
		padding: 15px !important; /* Ajuste del padding */
	}
	.card-header {
		flex-direction: column; /* Coloca el icono y t�tulo en vertical */
		align-items: center; /* Centra los elementos */
		text-align: center; /* Centra el texto */
	}
	.card-icon {
		width: 50px; /* Ajusta el tama�o del icono */
		height: 50px;
	}
	#_integralroutes_WAR_integralroutesportlet_card-title {
		font-size: 16px;
		line-height: 1.4;
		margin-top: 10px; 
	}
	.card-row {
		flex-direction: column;
		gap: 5px; 
	}
	.card-column {
		width: 100% !important; 
		text-align: center !important; 
	}
}