label, input
{
display: block;
}
input, textarea, h2
{
margin-bottom: 20px;
}
h2
{
display: inline-block;
}
#time_0
{
display: block !important;
}
@media screen and (min-width: 551px) {
.rowLeft,
.rowRight {
display: inline;
}
}
@media screen and (max-width: 550px) {
.rowLeft,
.rowRight {
display: block;
width: 100%;
}
.rowRight
{
padding-bottom: 40px;	
}
.rowRight .cancel-reservation
{
float: left;
margin-top: 0px;
}
} .redi-reservation-select {
-moz-box-sizing: border-box;
background-clip: padding-box;
border: 1px solid #B7AEA6;
border-radius: 0.236em;
box-shadow: 0 0 0.236em 0 #E5E1DE;
color: #6C6158;
font-family: "Cutive", sans-serif;
font-size: 0.857em;
line-height: 1.618em;
outline: medium none;
padding: 0.4em;
transition: all 0.2s ease-in-out 0s;
margin-bottom: 20px;
}
.redi-reservation-alert {
background-color: #FCF8E3;
border: 1px solid #FBEED5;
border-radius: 4px 4px 4px 4px;
margin-bottom: 20px;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
strong {
font-weight: bold;
}
.redi-reservation-alert-error {
background-color: #F2DEDE;
border-color: #EED3D7;
color: #B94A48;
}
.redi-reservation-error h4 {
color: #B94A48;
}
.redi-reservation-alert-info {
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #3A87AD;
}
.redi-reservation-alert-success {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #468847;
}
.redi_required {
color: #DD0000;
}
.ui-datepicker {
z-index: 9999 !important;
}
.ui-timepicker-div > dl > dt {
font-weight: bold;
}
.ui-timepicker-div > dl > dd {
margin: 0 0 20px;
}
#persons, #redi-restaurant-startDate, #redi-restaurant-startTime, #children, #update_persons, #update_children, #placeID {
width: 250px;
margin-bottom: 20px;
}
.children_description {
margin: -15px 0 20px 0;
font-size: 14px;
}
#redi-restaurant-startHour, #redi-restaurant-startMinute {
width: 83px;
}
.redi-restaurant-button-wrapper
{
margin-top: 12px; 
margin-bottom: 24px;
}
.redi-restaurant-button {
font-weight: normal;
margin-bottom: 15px !important;	
}
.redi-restaurant-time-button {
float: left;
margin-left: 5px;
width: 21%;
margin-top: 5px;
padding-left: 2% !important;
padding-right: 2% !important;
}
.redi-restaurant-time-button, .redi-restaurant-button, .redi-restaurant-duration-button {
margin: 1px;
border: 1px solid #d3d3d3;
background-color: #e6e6e6;
display: inline;
} .redi-restaurant-time-button:not(.disabled),
.redi-restaurant-button:not(:disabled),
.redi-restaurant-duration-button:not(.disabled) {
cursor: pointer;
} .redi-restaurant-time-button:not(.disabled):hover,
.redi-restaurant-button:not(:disabled):hover,
.redi-restaurant-duration-button:not(.disabled):hover {
border: 1px solid #999999;
background: #dadada;
color: #212121;
}
.redi-restaurant-time-button[select="select"], .redi-restaurant-button[select="select"], .redi-restaurant-duration-button[select="select"]{
font-weight: bold !important;
background-color: #DFF0D8 !important;
} .redi-restaurant-button:not(:disabled):hover,
.redi-restaurant-duration-button:not(.disabled):hover,
.redi-restaurant-time-button:not(.disabled):hover { border: 1px solid #999999;
background: #dadada;
color: #212121;
} .redi-restaurant-button:disabled,
.redi-restaurant-button[disabled] {
cursor: not-allowed;
background-color: #e6e6e6; color: #999;
border-color: #d3d3d3;
pointer-events: none; opacity: 0.6; }
.cancel-reservation,
.modify-reservation {
float: right;
}
.ui-tooltip {
padding: 10px 20px;
border-radius: 5px;
width: 250px;
}
.ui-tooltip-content {
border: none;
}
.redi-restaurant-time-button.normal {
width: 15%;
}
.UserComments
{
width: 100%;
max-width: 30em;
}
.buttons-wrapper
{
margin-bottom: 15px;
}
.redi-restaurant-cancelReason
{
width: 413px;
}
#redi-restaurant-modifyEmail {
margin-bottom: 20px;
}
input#redi-restaurant-startDate.redi-invalid{
border-color: #B94A48;
}
#redi-restaurant-startDate .ui-datepicker-inline .ui-datepicker-calendar tr td, 
#redi-restaurant-startDate .ui-datepicker-inline .ui-datepicker-calendar tr th 
{
padding: 1px;
}
.link-waitlist-form
{
cursor: pointer;
text-decoration: underline;
font-weight: bold;
} .iti 
{
display: block;
}
.services-left
{
display: none;
background: green;
padding: 10px;
color: white;
}
.redi-radiobutton-label, .redi-radiobutton
{
display: inline;
}
#intlTel
{
margin-bottom: 20px !important;
}
.redi-modify-date, .redi-modify-time
{
font-weight: bold;
}
.redi_calendar_fully_booked a
{
background: red !important;
} .userfeedback .radio{
position: relative;
height: 40px;
line-height: 40px;
font-size: 30px;
}
.userfeedback .radio label {
position: absolute;
top: 0;
left: 0;
height: 100%;
cursor: pointer;
}
.userfeedback .radio label:last-child {
position: static;
}
.userfeedback .radio label:nth-child(1) {
z-index: 5;
}
.userfeedback .radio label:nth-child(2) {
z-index: 4;
}
.userfeedback .radio label:nth-child(3) {
z-index: 3;
}
.userfeedback .radio label:nth-child(4) {
z-index: 2;
}
.userfeedback .radio label:nth-child(5) {
z-index: 1;
}
.userfeedback .radio label input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.userfeedback .radio label .icon {
float: left;
color: transparent;
}
.userfeedback .radio label:last-child .icon {
color: #000;
}
.userfeedback .radio:not(:hover) label input:checked ~ .icon,
.userfeedback .radio:hover label:hover input ~ .icon {
color: #ffd700;
}
.userfeedback .radio label input:focus:not(:checked) ~ .icon:last-child {
color: #000;
text-shadow: 0 0 5px #ffd700;
}
.userfeedback input[type="submit"] {
text-align: right;
margin-left: auto;
margin-right: 0;
display: block;
}
.userfeedback textarea {
height: 100px;
margin-top: 10px;
margin-bottom: 0;
width: 100%;
}
.userfeedback span {
font-weight: bold;
}
.userfeedback .field_row {
padding-bottom: 20px;
}
form.userfeedback {
padding-top: 50px;
}
.userfeedback span span.req_start {
margin-left: 2px;
color: red;
} #confirm-reservation-form, #confirm-reservation-form .wp-block-table
{
width: 100%;
}
#confirm-reservation-form table tr td:first-child
{
font-weight: bold;
}
#redi-confirm-visit-buttons
{
display: flex;
justify-content: center;
}
#redi-confirm-visit-buttons input
{
color: white;
height: 80px;
margin: 20px;
width: 35%;
padding: 20px;
}
#redi-restaurant-confirm-visit
{
background-color: green;
}
#redi-restaurant-visit-cancel
{
background-color: red;
}
.redi-restaurant-time-button {
position: relative;
display: inline-block;
cursor: pointer;
}
.redi-restaurant-time-button.disabled {
background-color: #ccc;
color: #999;
}
.redi-restaurant-time-button[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 8px 12px;
border-radius: 6px;
white-space: nowrap;
font-size: 14px;
font-weight: bold;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
opacity: 1;
visibility: hidden;
transition: visibility 0s linear 0.2s, opacity 0.2s ease;
pointer-events: none;
}
.redi-restaurant-time-button[data-tooltip].disabled:hover::after {
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text] {
margin-bottom: 20px !important;
}
.redi-modify-date-time, .redi-modify-date
{
margin-bottom: 20px;
}