div#datos_reserva:before {
    content: 'LOGO';
    color: transparent;
    font-size: 50px;
    display: block;
    background-image: url(https://restaurante.covermanager.com/wp-content/uploads/2025/02/logo-cadaques-blanco.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

option {

color: #3E3E3E !important;

}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {

padding: 0px!important;

margin: 0px!important;

width: 100%;

background:transparent!important;

}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {

border: none;

}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {

border: none!important;

}

span.ui-state-default {

border: none!important;

}

body {

background: black !important;

color: white;

font-family: 'Karla', Arial, sans-serif !important;

font-size: 1em;

}

select#people-box-select {

background: transparent;

border: 1px solid white;

color: white!important;

}

div#horas{

background: transparent;

border: 1px solid white;

color: black;

appearance: none!important;

}

select#hour-box-select {

background: transparent;

box-shadow: none!important;

color: white;

border: none;

}

select#extra-box-select {

background: transparent!important;

border: 1px solid white!important;

color: white!important;

}

input.form-control.reservarButton.step1 {

border-radius: 0px;

background: white;

color: black;

}

div#horas {

background: transparent!important;

color: white!important;

appearance: none!important;

}

input.form-control.step1 {

background: transparent;

color: white;

border: 1px solid white;

}

span.ui-state-default {

background: transparent!important;

}

a.ui-state-default.ui-state-highlight.ui-state-active {

border:none!important;

color: #f8f2e7bf!important;

}

.ui-widget-content .ui-state-active {

background: white!important;

color: red!important;

}

.ui-state-default, .ui-widget-content .ui-state-default {

border: none!important;

}

a.ui-state-default:hover {

background: white!important;

color: black!important;

}

.ui-datepicker table{

font-size:1.5em;

}

select#hour-box-select {

box-shadow: none;

background: transparent;

border: 1px solid white;

color: white;

}

a.ui-state-default {

color: white!important;

}

.ui-widget-content .ui-state-default {

background: transparent!important;

}

span.ui-datepicker-month {

font-size: 1.5em;

text-transform: uppercase;

font-weight: 300;

color:white!important;

}

span.ui-datepicker-year{

font-size: 1.5em;

text-transform: uppercase;

font-weight: 300;

color:white!

}

.ui-datepicker-title {

padding-bottom: 4%;

}

span.ui-state-default {

color: #F8F2E7!important;

}

select#people-box-select:focus {

box-shadow: none;

}

thead {

color: white;

}

.ui-icon-circle-triangle-e {

background-position: -16px -128px;

}

a.ui-datepicker-next.ui-corner-all {

background: white;

}

.ui-icon-circle-triangle-w {

background-position: -48px -128px;

}

a.ui-datepicker-prev.ui-corner-all.ui-state-disabled {

background: white!important;

}

a.ui-datepicker-prev.ui-corner-all {

background: white;

}

.text-center.col-sm-12.col-xs-12.mt10 a {

color: white!important;

}

button#button_search_email {

border-top-right-radius: 0px;

border-bottom-right-radius: 0px;

background: black;

color: white!important;

}

input#search_email_client {

background: transparent;

}

input#search_email_client {

background: transparent;

color: white;

}

input#user_first_name {

background: transparent;

color: white!important;

}

input#user_last_name {

background: transparent;

color: white!important;

}

input#user_email {

background: transparent;

color: white;

}

button.btn.dropdown-toggle.btn-default {

background: #000000d9;

color: white;

}

input#user_phone {

background: transparent;

color: white;

}

span.ui-datepicker-year {

color: white!important;

}

table.ui-datepicker-calendar {

font-family: 'Karla', Arial, sans-serif !important;

}

.ui-datepicker td span{

text-align: center!important;

}

a.ui-state-default.ui-state-highlight.ui-state-active {

text-align: center!important;

}

a.ui-state-default {

text-align: center!important;

}

a.ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover:hover {

color: black!important;

}