/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: inline-block !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


 #events input.select_another_btn   {
	/position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: inline-block !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}



 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* 	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: inline-block !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}

 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

#main #main-buttons { text-align: center !important; } 

/* Solución específica para telepicnic.simplybook.it */
#booking-form button,
#events input[type="submit"],
#eventForm input[type="submit"],
.simplybook-widget button,
.simplybook-widget input[type="submit"],
#events button,
#eventForm button {
    margin: 10px auto !important;
    float: none !important;
    display: table !important;
    width: auto !important;
}

/* Centrar contenedores */
.form-actions,
.button-container,
.btn-container,
#events .button-container,
#eventForm .button-container {
    text-align: center !important;
    width: 100% !important;
}

/* Estilo inline directo */
#events input.reserve_time_btn,
#eventForm #save_button,
#events input.select_another_btn {
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
}

/* Cambiar el fondo del menú desplegable */
.sb-menu, .sb-menu-container, .mobile-menu, .sb-sidebar, .sb-slide-menu {
    background-color: #09840E !important;
}

/* Cambiar color de texto del menú */
.sb-menu a, .sb-menu span, .sb-menu li {
    color: #FFFFFF !important;
}/* Cambiar el fondo del menú desplegable */
.sb-slide-menu, .sb-sidebar, .sb-menu, .sb-menu-container {
    background-color: #09840E !important;
}

/* Cambiar el color del texto del menú */
.sb-slide-menu a, .sb-sidebar a, .sb-menu a, .sb-menu-container a {
    color: #FFFFFF !important;
}

/* Fondo del menú móvil */
.drawer-nav {
    background-color: #09840E !important;
}

/* Color de texto dentro del menú */
.drawer-nav a,
.drawer-nav li,
.drawer-nav span {
    color: #FFFFFF !important;
}

/* Opcional: Cambiar color de íconos del menú si están en SVG */
.drawer-nav svg path {
    fill: #FFFFFF !important;
}
/* Cambiar el fondo del menú desplegable */
.clase-del-menu {
    background-color: #09840E !important;
}

/* Cambiar el color del texto del menú */
.clase-del-texto {
    color: #FFFFFF !important;
}