@import url('https://fonts.googleapis.com/css?family=Lato:300,400,500,700&display=swap');

::-webkit-scrollbar {
    width: 2px;
}

body {
    background: transparent;
    color: #FFF;
    font-family: Lato, sans-serif;
    padding-bottom: 50px;
}

h2{
	font-size: 20px;
	font-weight: 700;
}

a, a:hover, a:focus {
    color: #212020;
	text-decoration: none;
}

span.bootstrap-timepicker-hour {
    color: black;
}
span.bootstrap-timepicker-minute {
    color: black;
}

body.single-locations #locationContentSide {
    position: fixed;
    top: 90px;
    left: 45px;
    bottom: 30px;
}
#waiting_button_list{
    margin-top: 0;
}
#waiting_button_list label{
    text-transform: unset;
}
#datos_reserva, #datos_personales {
    margin-top: -20px;
    padding: 0;
}
.row{
    margin: 0;
}
a {
	font-weight: 500 !important;
    font-family: Lato, sans-serif;
    color: #212020  ;
}

div {
	font-weight: 500 !important;
    font-family: Lato, sans-serif;
    color: #212020;
    max-width: 68.75vw;
    margin: 0 auto;
}
@media screen and (max-width: 1320px) {
    div{
        max-width: 100%;
    }
}
.info_header2 a.pull-left{
	color: #909090 !important;
	font-size: 12px;
}

.pull-left{
	color: #909090;
	font-size: 12px;
    font-weight: 500;
}

.info_perview{
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    padding: 10px;
    color: white;
    background: #212020;
    letter-spacing: 0.1em;
    display: flex;
    justify-content: center;
}
#commentary_reserv{
    padding: 0 15px;
}
a#have, a#have_es {
  background-color: transparent;
  color: #212020;
  padding: 8px 20px;
  border: 1px solid #212020;
  text-decoration: none;
  font-size: 13px !important;
  float: right;
}

a#have:hover, a#have_es:hover  {
  background-color: #212020;
  color: #ffffff;
}

span.LV_validation_message.LV_invalid{
	color: #da0013  ;
    font-size: 12px;
}

.info_header2 a.pull-left {
    display: block;
    float: none !important;
    text-align: left;
    font-size: 16px;
    margin-bottom: 10px;
    color: #212020;
}

input[type=checkbox] {
    margin-right: -3px;
    accent-color: #212020;
}
.form-control{
	font-family: Lato, sans-serif;
	margin-bottom: 0px;
    font-size: 16px;
    line-height: 16px;
    box-shadow: none;
    border: 1px solid #212020;
}
.form-control:focus{
	border-color: #BFBFBF;
	box-shadow: 0 0 0px ;
}

/* Buttons and links */

input[type=button].form-control,
#volver_commentary {
    padding: 0 20px;
    border: 1px solid #212020;
    text-decoration: none;
    font-size: 15px;
    background-color: transparent;
    color: #212020; 
    height: 49px;
}
#reg_button, #login_box, #waiting-box{
    width: 100%;
    padding: 0; 
}
#reservar_button {
    margin-top: 20px;
}
input[type=button].form-control.reservarButton, 
button.form-control.reservarButton,
#btn-validate {
    background-color: #212020;
    color: #fff;
    border: 1px solid #212020;
	font-family: Lato, sans-serif;
    margin: 0 auto;
    height: 49px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25em;
    border-radius: 0 !important;
}
button.btn.dropdown-toggle.btn-default{
    border: 1px solid #212020;
}
input[type=button].form-control.reservarButton:hover,
button.form-control.reservarButton:hover,
#btn-validate:hover {
	background-color: transparent;
    font-weight: 700;
    color: #212020;
    border: 1px solid #212020;
}
#group-request-box{
    width: 100%;
    padding: 0;
}
#group_request_button input[type=button].form-control{
    white-space: normal;
    height: auto;
    min-height: 49px;
    font-size: 14px;
}

input#finish_reserv_system.form-control{
	background-color: #212020;
    color: #fff;
    border: 1px solid #212020;
}

input#finish_reserv_system.form-control:hover{
	background-color: transparent;
    font-weight: 700;
    color: #212020;
    border: 1px solid #212020;
}
#commentary_div{
    margin-top: 13px;
    text-align: left;
    width: 100%;
}
#commentary_div a {
    color: black;
    text-decoration: underline;
}
div#commentary_div.col-sm-5.pull-right.text-right a{
  background-color: transparent;
  color: #212020;
  text-decoration: none;
  font-size: 15px;
}


#second_step_system button{
	background-color: transparent;
    font-weight: 700;
    color: #212020;
    border: 1px solid #212020;
}

#extra_message_container{
	margin-top: 10px !important;
}

#extra_message_container .extra_message span{
	font-size: 14px !important;
}

.mt10 .pull-left a{
    font-size: 14px;
}

#locationContentSide .bookingContainer .CMiframeContainer body{
	padding-bottom: 0px !important;	
}


#locationContentSide .bookingContainer{
	background-color: #f4f4f4 !important;
	overflow-y: scroll;	
}

label{
	font-family: Lato, sans-serif;
    font-size: 14px;
	margin-top: 10px;
    text-transform: uppercase;
}
#extra_box select {
    margin-top: 10px;
}

.text-center{
	font-family: Lato, sans-serif;
    color: #000000;
    font-size: 17px;
	margin-top: 10px;
}

#searchwithoutbottom{
	font-family: Lato, sans-serif;
    color: #000000;
    font-size: 15px;
	margin-top: 10px;
}

.table{
	border-color: none;
}

.text-center button{
	background-color: #212020;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #212020;
}


.text-center button:hover{
	background-color: transparent;
    font-weight: 700;
    color: #212020;
    border: 1px solid #212020;
}


.btn .btn-default .bottomsearch{
	background-color: #212020;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #212020;
}

.btn .btn-default .bottomsearch:hover{
	background-color: transparent;
    font-weight: 700;
    color: #212020;
    border: 1px solid #212020;
}

#name_accort_user, #email_user, #phone_user{
	font-family: Lato, sans-serif;
    color: #000000;
    font-size: 15px;
}

#locationContentSide .bookingContainer h2 {
    font-size: 22px;
    font-weight: 700;
	margin-bottom: 10px;
}



#datepicker{
	padding-bottom: 20px;
}

.color_res a {
    color: black;
}
#date_box{
    margin-top: 0;
}
.ui-datepicker{
    width:100%; 
}
.ui-datepicker .ui-datepicker-header{
	font-weight: 500 !important;
	font-family: Lato, sans-serif;
    font-size: 17px;
    border: 0;
    padding: 0.6em 0;
}

.ui-datepicker.ui-widget {
    border: 0;
}
.ui-datepicker .ui-datepicker-title {
    color: #212020;
    margin: 0 3.3em;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    display: flex;
    align-items: center;
    justify-content: center;
    top: 11px;
}
.ui-datepicker .ui-datepicker-next{
    right:10px;
}
.ui-datepicker .ui-datepicker-prev{
    left:10px;
}
.ui-datepicker .ui-datepicker-next span{
    background-image: url(https://admin.cbbcgroup.com/wp-content/themes/twentytwentyone-child/assets/images/circle-arrow-right.svg);
    width: 20px;
    height: 20px;
    background-position: center;
    position: relative;
    margin: 0;
    top: 0;
    left: 0;
}
.ui-datepicker .ui-datepicker-prev span{
    background-image: url(https://admin.cbbcgroup.com/wp-content/themes/twentytwentyone-child/assets/images/circle-arrow-left.svg);
    width: 20px;
    height: 20px;
    background-position: center;
    position: relative;
    margin: 0;
    top: 0;
    left: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-color: white;
    text-align: center;
}

.title_name_of {
    font-family: Lato, sans-serif;
    color: black;
    font-weight: 500;
    font-size: 16px;
}

#have_es {
    font-size: 100%;
    text-decoration: none;
	font-weight: 700;
}

.legal_notice {
    font-size: 11px;
    line-height: 20px;
    border-top: 1px solid white;
    margin-top: 20px;
    padding: 20px 15px 0;
}

#alert_time {
    background-color: white;
    color: #212020;
    font-size: 12px;
    border: 0;
    border-top: 4px solid #212020;
    padding: 12px 20px;
    text-align: center;
}
#reloj {
    font-weight: 700;
}

#reservarButton{
	background-color: #ffffff !important;
	color: #212020 !important;
	padding: 8px 20px !important;
	border: 1px solid #212020 !important;
	text-decoration: none !important;
	font-size: 15px !important;
}

#people-box-select, #hour-box-select {
    margin-top: 0;
}
#extra_message_container {
    margin-top: 0 !important;
}
#extra-box-select{
    margin-top: 0!important;
}