div#datos_reserva:before {
    content: 'LOGO';
    color: transparent;
    font-size: 169px;
    display: block;
    background-image: url(https://restaurante.covermanager.com/wp-content/uploads/2025/03/EUSKAL-ETXEA-TABERNA.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;
}