/* Styles definition here */


/* Separador estetico */
#fbuilder .pbreak.pb0 { margin-top: 4px; }

/* Colores celdas calendario */

/* Encabezado */
.ahb_m6 #fbuilder .ui-datepicker-header {
	font-size: 25px;
	
}

/* Celdas */
.ahb_m6 #fbuilder td a, .ahb_m6 #fbuilder td span {
	width: 100%;
	border-radius: 0px;
}
.ui-datepicker-unselectable.ui-state-disabled.nonworking.notavailslot a {	/* Desabilitar cursor en dias confirmados o reservados */
	cursor: context-menu;
	pointer-events: none;
    opacity: 0.5;
	color: red;
}
	


/* Agrandar tamaño checkbox */
#fbuilder input[type="checkbox"] { transform: scale(2); margin-left: 6px; margin-right: 10px; }

/* Campos obligatorios */
span.r {color: #ff0d00; }

form.cpp_form.no-prefetch #fbuilder .slotsCalendar.slotsCalendarfieldname1_1 {					/* Contenedor del botón "Añadir día seleccionado" */
	display:		flex;
	flex-direction:	column;
	align-items:	center;
	height:			190px;
	}
	form.cpp_form.no-prefetch #fbuilder .slots div a:hover 	{ background: #517df5 !important; }	/* Botón "Añadir día seleccionado" */
	form.cpp_form.no-prefetch #fbuilder .slots div a {
		background-color:	#1246d6;
		display: 			inline-flex;
		align-items: 		center;
		column-gap: 		0.5em;
		border: 			1px solid #0038d3;
		border-radius: 		5px;
		padding: 			0.5rem 2rem;
		font-size: 			1px;												/* Esconder el 00:00 de la hora que genera el plugin */
		font-weight: 		600;
		text-decoration: 	none;
		color: 				transparent !important;
		transition: 		all 0.3s ease-in-out 0s;
		}
		form.cpp_form.no-prefetch #fbuilder .slots div a::after { 								/* Generar el icono + y el texto del botón */
			content: 	url('data:image/svg+xml,<svg aria-hidden="true" role="img" height="0.7em" width="0.7em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"></path></svg>')" Añadir día seleccionado";
			color: 		#fff;
			font-size: 	16px;
			}
		form.cpp_form.no-prefetch #fbuilder .slots div.currentSelection.htmlUsed a {
			background-color: 	#1246d6 !important;
			transition: 		all 0.3s ease-in-out 0s;
			}
		div:has(> div.htmlUsed.currentSelection.choosen) {						/* Difuminar el padre del botón tras pincharlo */
			opacity: 	30%;
			transition: all 0.3s ease-in-out 0s;
			}