/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

.book.btn-with-icon {
display: none !Important;
}

#header {
background-color: #000000;
}

@media only screen and (min-width: 1025px) {
#header .nav-wrapper #sb_menu .nav li a {
color: #ffffff !important;
  }
#header .nav-wrapper #sb_menu .nav li.active a {
color: #3968cb !important;
}
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .avatar .logged-out {
filter: invert(94%) sepia(0%) saturate(7490%) hue-rotate(234deg) brightness(107%) contrast(100%) !important;
}
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .avatar .logged-in  {
filter: invert(94%) sepia(0%) saturate(7490%) hue-rotate(234deg) brightness(107%) contrast(100%) !important;
  }
}

 #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   {
	/* add your css rule here */
}


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


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


 #eventForm #save_button   {
	/* add your css rule here */
}


 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 */
}

.invoice-pay-page .invoice-table td {
font-size: 17px;
font-weight: 600;
}

.invoice-pay-page .message::after {
display: block;
font-size: 18px;
padding: 40px;
font-weight: 600;
}
.invoice-pay-page .message:lang(en):after {
content: "Thank you booking your appointment with Dr. Aleksander. Please check your confirmation sent by email.";
}
.invoice-pay-page .message:lang(es):after {
content: "Gracias por reservar su cita con el Dr. Aleksander. Por favor verifique la confirmación enviada por correo electrónico.";
}
.invoice-pay-page .message:lang(no):after {
content: "Takk, du har nå booket time med Dr. Aleksander. Vennligst sjekk bekreftelsen sendt på e-post.";
}

.payment-modal .payment-system-container .payment-system-delay .name::after {
display: inline;
font-size: 14px !important;
line-height: 1.45;
font-weight: 600;
width: 100%;
}
.payment-modal .payment-system-container .payment-system-delay .name:lang(en):after {
content: "Pay with Wise or cash at the clinic";
}
.payment-modal .payment-system-container .payment-system-delay .name:lang(es):after {
content: "Paga con Wise o en efectivo en la clínica";
}
.payment-modal .payment-system-container .payment-system-delay .name:lang(no):after {
content: "Betal med Wise eller kontant på klinikken";
}


.payment-modal .payment-system-container .payment-system-stripe .name::after {
content: "Pay with card now";
display: inline;
font-size: 14px !important;
line-height: 1.45;
font-weight: 600;
width: 100%;
}
.payment-modal .payment-system-container .payment-system-stripe .name::after {
display: inline;
font-size: 14px !important;
line-height: 1.45;
font-weight: 600;
width: 100%;
}
.payment-modal .payment-system-container .payment-system-stripe .name:lang(en):after {
content: "Pay with card";
}
.payment-modal .payment-system-container .payment-system-stripe .name:lang(es):after {
content: "Pagar con tarjeta";
}
.payment-modal .payment-system-container .payment-system-stripe .name:lang(no):after {
content: "Betal med kort";
}

.payment-modal .payment-system-container .payment-system .name {
font-size: 0;
}

.payment-modal .payment-system-container .payment-system-delay .img::after {
  background-image: url("https://chiropractorinspain.es/wp-content/uploads/2023/09/wise-cash-icons.png");
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  content: ".";
  font-size: 0;
}
.payment-modal .payment-system-container .payment-system-delay .img img {
display: none;
}

#steps::before {
display: block;
font-size: 17px;
font-weight: 600;
padding: 0 20px 20px 20px;
margin-bottom: 50px;
text-align: center;
}
#steps:lang(en):before {
content: "NB! If it has been more than two years since your last appointment you must choose «First visit with chiropractor».";
}
#steps:lang(es):before {
content: "¡NÓTESE BIEN! Si han pasado más de dos años desde su última cita deberá elegir «Primera visita con quiropráctico».";
}
#steps:lang(no):before {
content: "NB! Hvis det har gått mer enn to år siden siste time, må du velge «Første besøk hos Kiropraktor».";
}