/*! * Datetimepicker for Bootstrap 3 * version : 4.17.37 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} /* ========================================================================== #Transitions ========================================================================== */ #pjWrapperRestaurant_theme1 .btn, #pjWrapperRestaurant_theme1 .pjRbBtnBack:before, #pjWrapperRestaurant_theme1 .pjRbLaunguage .dropdown-menu a, #pjWrapperRestaurant_theme1 .pjRbForm .form-control, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .input-group-addon, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .input-group-addon, #pjWrapperRestaurant_theme1 .btn-link:after { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* ========================================================================== #Animations ========================================================================== */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } /* ========================================================================== #General ========================================================================== */ #pjWrapperRestaurant_theme1 a[href^=tel] { color: inherit; } #pjWrapperRestaurant_theme1 a:focus, #pjWrapperRestaurant_theme1 button:focus { outline: unset; outline: none; } #pjWrapperRestaurant_theme1 .pjRbContainer { padding: 15px; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbBtnBack { position: relative; height: 32px; padding: 0 20px 0 30px; border: 2px solid; font-size: 16px; line-height: 31px; font-weight: 400; text-transform: uppercase; border-radius: 17px; } #pjWrapperRestaurant_theme1 .pjRbBtnBack:before { position: absolute; top: 50%; left: 15px; width: 8px; height: 8px; margin-top: -4px; border: 2px solid; border-top-width: 0; border-right-width: 0; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #pjWrapperRestaurant_theme1 .btn-default { height: 46px; padding: 0 20px; border: 0; font-size: 21px; line-height: 50px; font-weight: 300; text-transform: initial; border-radius: 6px; } #pjWrapperRestaurant_theme1 .btn-primary { height: 46px; padding: 0 20px; border: 0; font-size: 21px; line-height: 50px; font-weight: 300; text-transform: initial; border-radius: 6px; } #pjWrapperRestaurant_theme1 .btn-link { position: relative; margin: 0; padding: 0; font-size: 18px; line-height: 1.2; font-weight: 300; } #pjWrapperRestaurant_theme1 .btn-link:hover, #pjWrapperRestaurant_theme1 .btn-link:focus { text-decoration: none; } #pjWrapperRestaurant_theme1 .btn-link:after { position: absolute; bottom: 0; right: 0; left: 0; height: 1px; content: ''; } #pjWrapperRestaurant_theme1 .btn-link:hover:after, #pjWrapperRestaurant_theme1 .btn-link:focus:after { right: 52%; left: 52%; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbForm .form-group { position: relative; margin: 0; padding-bottom: 30px; } #pjWrapperRestaurant_theme1 .pjRbForm label { margin: 0; font-size: 20px; line-height: 1.4; font-weight: 400; } #pjWrapperRestaurant_theme1 .pjRbForm .form-control { height: 46px; padding: 0 15px; border: 1px solid; font-size: 18px; border-radius: 6px; } #pjWrapperRestaurant_theme1 .pjRbForm select.form-control { cursor: pointer; } #pjWrapperRestaurant_theme1 .pjRbForm .checkbox label { font-size: 17px; line-height: 1.4; font-weight: 300; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #pjWrapperRestaurant_theme1 .pjRbForm .checkbox label .btn-link { font-size: 17px; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .form-control, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .form-control { border-right-width: 0; border-radius: 6px 0 0 6px; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .input-group-addon, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .input-group-addon { font-size: 21px; cursor: pointer; border-radius: 0 6px 6px 0; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .input-group-addon .glyphicon, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .input-group-addon .glyphicon { color: inherit; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .input-group-addon:first-of-type { border-radius: 0; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .input-group-addon { padding: 0 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker [data-action="togglePicker"] span:hover { border: 0; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .btn { padding: 0; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .btn span, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .timepicker-hour, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .timepicker-minute { line-height: 55px; border-radius: 6px; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .btn-primary { padding: 0 10px; } #pjWrapperRestaurant_theme1 .pjRbForm .help-block, #pjWrapperRestaurant_theme1 .pjRbForm .help-block ul, #pjWrapperRestaurant_theme1 .pjRbForm .help-block li { margin: 0; padding: 0; } #pjWrapperRestaurant_theme1 .pjRbForm .help-block { position: absolute; bottom: 10px; left: 0; max-width: 100%; } #pjWrapperRestaurant_theme1 .pjRbForm .help-block li { overflow: hidden; max-width: 100%; font-size: 13px; line-height: 1.4; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbFormVoucher { overflow: hidden; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbFormVoucher label { display: block; width: 100%; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbFormVoucher .pjRbFormVoucherField { overflow: hidden; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbFormVoucher .pjRbFormVoucherActions { float: right; margin-left: 10px; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbFormVoucher .btn-default span { color: inherit; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbFormCaptcha { overflow: hidden; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbFormCaptcha label { display: block; width: 100%; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbFormCaptcha img { float: right; margin: 5px 0 5px 20px; border: solid 1px #E0E3E8; pointer-events: all; vertical-align: middle; cursor: pointer; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbFormCaptcha .pjRbFormCaptchaField { overflow: hidden; } /* ========================================================================== #pjRbFormSearch ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbFormSearch .pjRbFormActions { padding-top: 28px; } /* ========================================================================== #pjRbFormReservation ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbFormReservation { padding: 35px 30px; border-radius: 6px; } #pjWrapperRestaurant_theme1 .pjRbFormReservation p { font-size: 18px; line-height: 1.4; font-weight: 300; } #pjWrapperRestaurant_theme1 .pjRbFormReservation dl { margin: 0; padding-bottom: 30px; font-size: 0; } #pjWrapperRestaurant_theme1 .pjRbFormReservation dt, #pjWrapperRestaurant_theme1 .pjRbFormReservation dd { display: inline-block; float: none; width: 50%; min-width: 1px; margin: 0; padding: 0 10px; font-size: 20px; line-height: 1.4; font-weight: 400; vertical-align: middle; } #pjWrapperRestaurant_theme1 .pjRbFormReservation dt { text-align: right; } #pjWrapperRestaurant_theme1 .pjRbFormReservation dd { text-align: left; } #pjWrapperRestaurant_theme1 .pjRbFormReservation .checkbox { margin: 0; padding-top: 27px; } #pjWrapperRestaurant_theme1 .pjRbFormReservation .pjRbFormActions { padding: 30px 0; } #pjWrapperRestaurant_theme1 .pjRbFormReservation .pjRbFormActions .btn { padding: 0 70px; } /* ========================================================================== #pjRbModal ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbModal .modal-title { margin: 0; padding-bottom: 5px; font-size: 26px; line-height: 1.4; font-weight: 400; } #pjWrapperRestaurant_theme1 .pjRbModal .close { font-size: 28px; opacity: 1; } #pjWrapperRestaurant_theme1 .pjRbModal .modal-body p { font-size: 16px; line-height: 1.4; } /* ========================================================================== #pjRbMain ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbMain, #pjWrapperRestaurant_theme1 .pjRbMain .pjRbHeader, #pjWrapperRestaurant_theme1 .pjRbMain .pjRbBody { border: 0; -webkit-box-shadow: none; box-shadow: none; } #pjWrapperRestaurant_theme1 .pjRbMain { margin: 0; border-radius: 2px; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbHeader { border-radius: 2px 2px 0 0; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbBody { border-radius: 0 0 2px 2px; } /* ========================================================================== #pjRbHeader ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbMain .pjRbHeader { padding: 30px 25px; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbHeader .pjRbHeaderTitle { font-size: 22px; line-height: 1.45; font-weight: 400; text-transform: uppercase; } /* ========================================================================== #pjRbLaunguage ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbLaunguage .pjRbBtnLaunguageTrigger { position: relative; height: 32px; padding: 0 40px 0 20px; border: 0; font-size: 16px; line-height: 36px; font-weight: 400; text-transform: uppercase; border-radius: 16px; } #pjWrapperRestaurant_theme1 .pjRbLaunguage.open .pjRbBtnLaunguageTrigger { border-radius: 16px 16px 0 0; -webkit-box-shadow: none; box-shadow: none; } #pjWrapperRestaurant_theme1 .pjRbLaunguage .pjRbBtnLaunguageTrigger:before { position: absolute; top: 50%; right: 15px; width: 8px; height: 8px; margin-top: -5px; border: 2px solid; border-top-width: 0; border-left-width: 0; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #pjWrapperRestaurant_theme1 .pjRbLaunguage .dropdown-menu { margin: 0; border: 0; border-radius: 6px 0 6px 6px; } #pjWrapperRestaurant_theme1 .pjRbLaunguage .dropdown-menu li { padding: 1px 0; } #pjWrapperRestaurant_theme1 .pjRbLaunguage .dropdown-menu a { padding: 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.6; text-align: right; } #pjWrapperRestaurant_theme1 .pjRbLaunguage .dropdown-menu a img { margin-left: 3px; } /* ========================================================================== #pjRbBody ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbMain .pjRbBody { padding: 40px; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead { padding: 15px 0 25px; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionTitle, #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionSubTitle { margin: 0; font-weight: 400; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionTitle { padding-bottom: 5px; font-size: 26px; line-height: 1.4; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionTitleSmall { font-size: 22px; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionSubTitle { font-size: 20px; line-height: 1.6; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionActions { padding: 20px 0; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionActions .btn-primary { padding: 0 60px; } #pjWrapperRestaurant_theme1 .pjRbTablesMap { overflow-x: auto; overflow-y: hidden; padding: 40px 0; text-align: center; border-radius: 6px; } #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesMapInner { position: relative; margin: 0 auto;overflow: auto;-ms-overflow-y: hidden;overflow-y:hidden;} #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesMapImage { position: relative; z-index: 1; } #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots .pjRbTableHotspot { position: absolute; display: inline-block; z-index: 2; text-align: center; border-radius: 4px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots .pjRbTableHotspotDisabled { opacity: .7; cursor: default; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots .pjRbTableHotspot:hover, #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots .pjRbTableHotspot:focus, #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots .pjRbTableHotspot:active { text-decoration: none; -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* ========================================================================== #pjRbReservationDetails ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbReservationDetails { padding-bottom: 50px; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails ul { margin: 0; padding: 0; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails li { font-size: 0; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails dl { margin: 0; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails dt, #pjWrapperRestaurant_theme1 .pjRbReservationDetails dd { display: inline-block; float: none; width: 50%; min-width: 1px; margin: 0; padding: 0 15px; vertical-align: middle; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails dt { font-size: 20px; line-height: 1.8; font-weight: 400; text-align: right; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails dd { font-size: 18px; line-height: 2; font-weight: 300; text-align: left; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails dd span { display: inline-block; margin-right: 5px; line-height: 36px; text-align: center; border-radius: 4px; padding: 0px 12px;} #pjWrapperRestaurant_theme1 .pjRbReservationDetails .pjRbReservationDetailsActions { padding-top: 20px; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails .pjRbReservationDetailsActions .btn-primary { margin: 0 10px; } /* ========================================================================== .Modal ========================================================================== */ .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-dialog{z-index: 9999;} /* ========================================================================== #Responsive ========================================================================== */ @media only screen and (max-width: 767px) { /* ========================================================================== #pjRbMain ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbMain .pjRbBody { padding: 15px; } /* ========================================================================== #pjRbFormReservation ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbFormReservation .pjRbFormActions .btn { margin: 5px; padding: 0 30px; } } @media only screen and (max-width: 520px) { /* ========================================================================== #pjRbForms ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbForm .form-group { padding-bottom: 20px; } #pjWrapperRestaurant_theme1 .pjRbForm .help-block { bottom: 0; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbFormVoucher .btn-default span { display: none; } #pjWrapperRestaurant_theme1 .pjRbFormReservation .checkbox { padding-top: 10px; } /* ========================================================================== #pjRbHeader ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbMain .pjRbHeader { padding: 15px; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbHeader .pjRbHeaderTitle { font-size: 17px; line-height: 1.9; } /* ========================================================================== #pjRbBody ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead { padding-bottom: 0; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionTitle { font-size: 20px; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionTitleSmall { font-size: 18px; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionSubTitle { font-size: 16px; } /* ========================================================================== #pjRbFormSearch ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbFormSearch .col-xs-6 { width: 100%; } #pjWrapperRestaurant_theme1 .pjRbFormSearch .pjRbFormActions { padding-top: 10px; } /* ========================================================================== #pjRbReservationDetails ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbReservationDetails { padding-bottom: 10px; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails dl { padding-bottom: 5px; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails dt, #pjWrapperRestaurant_theme1 .pjRbReservationDetails dd { display: block; width: 100%; line-height: 1.2; text-align: center; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails .pjRbReservationDetailsActions { padding-top: 5px; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails .pjRbReservationDetailsActions .btn { margin: 5px; } /* ========================================================================== #pjRbFormReservation ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbFormReservation { padding: 20px 15px; } #pjWrapperRestaurant_theme1 .pjRbFormReservation p { margin: 0; } #pjWrapperRestaurant_theme1 .pjRbFormReservation dl { padding-bottom: 10px; } #pjWrapperRestaurant_theme1 .pjRbFormReservation .pjRbFormActions { padding-top: 10px; text-align: center; } #pjWrapperRestaurant_theme1 .pjRbFormReservation .pjRbFormActions .btn { float: none !important; } } @import 'https://fonts.googleapis.com/css?family=Hind:300,400,500|Montserrat'; /* ========================================================================== #General ========================================================================== */ #pjWrapperRestaurant_theme1 * { font-family: 'Hind', sans-serif; color: #7b7d83; } #pjWrapperRestaurant_theme1 .fa { font-family: 'FontAwesome'; } #pjWrapperRestaurant_theme1 .glyphicon { font-family: 'Glyphicons Halflings'; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbBtnBack { border-color: rgba(255, 255, 255, .3); background-color: transparent; color: black; } #pjWrapperRestaurant_theme1 .pjRbBtnBack:hover, #pjWrapperRestaurant_theme1 .pjRbBtnBack:focus { border-color: #fff; background: #fff; color: #636468; } #pjWrapperRestaurant_theme1 .pjRbBtnBack:before { border-color: black; } #pjWrapperRestaurant_theme1 .pjRbBtnBack:hover:before, #pjWrapperRestaurant_theme1 .pjRbBtnBack:focus:before { border-color: black; } #pjWrapperRestaurant_theme1 .btn-default { background: #93a2ae; color: #fff; } #pjWrapperRestaurant_theme1 .btn-default:hover, #pjWrapperRestaurant_theme1 .btn-default:focus { background: #dd373e; } #pjWrapperRestaurant_theme1 .btn-primary { background: #dd373e; color: #fff; } #pjWrapperRestaurant_theme1 .btn-primary:hover, #pjWrapperRestaurant_theme1 .btn-primary:focus { background: #93a2ae; } #pjWrapperRestaurant_theme1 .btn-link { color: #929fad; } #pjWrapperRestaurant_theme1 .btn-link:after { background: #929fad; } #pjWrapperRestaurant_theme1 .rbStartOver { color: #dd373e; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbForm label { color: #3b3e44; } #pjWrapperRestaurant_theme1 .pjRbForm .form-control { border-color: #d3d3d8; background: #fff; color: #7b7d83; -webkit-box-shadow: none; box-shadow: none; } #pjWrapperRestaurant_theme1 .pjRbForm .form-control:focus { border-color: #dd373e; -webkit-box-shadow: 0 0 10px rgba(221, 55, 62, .3); box-shadow: 0 0 10px rgba(221, 55, 62, .3); } #pjWrapperRestaurant_theme1 .pjRbForm .checkbox label { color: #7b7d83; } #pjWrapperRestaurant_theme1 .pjRbForm .checkbox label .btn-link { color: #7b7d83; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .form-control:focus, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .input-group-addon, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .input-group-addon { border-color: #d3d3d8; color: #7b7d83; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .input-group-addon { background: #fff; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .form-control:focus~.input-group-addon, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .input-group-addon:hover, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .form-control:focus~.input-group-addon, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .input-group-addon:hover { color: #dd373e; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .form-control:focus~.input-group-addon, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .form-control:focus~.input-group-addon { border-color: #dd373e; } #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .input-group-addon { background: #fafafa; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker td.disabled, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker td.disabled:hover { background: none; color: #7b7d83; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker [data-action="togglePicker"] span { color: #dd373e; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker [data-action="togglePicker"] span:hover { background: none; color: #fff; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .btn span, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .timepicker-hour, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .timepicker-minute { color: #dd373e; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .btn span:hover, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .timepicker-hour:hover, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .timepicker-picker .timepicker-minute:hover { background: #dd373e; color: #fff; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker th { color: #424242; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .today:before { border-bottom-color: #f15532 !important; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .day:hover, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .month:hover, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .year:hover, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .decade:hover, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .hour:hover, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .minute:hover, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .active { background: #dd373e; color: #fff; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .prev span, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .next span { color: #dd373e; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .prev:hover, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .next:hover { background: #dd373e; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .prev:hover span, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .next:hover span { color: #fff; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .picker-switch { color: #dd373e; } #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .picker-switch:hover, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .bootstrap-datetimepicker-widget .active, #pjWrapperRestaurant_theme1 .pjRbDateTimePicker .bootstrap-datetimepicker-widget .active:hover { background: #dd373e; color: #fff; } #pjWrapperRestaurant_theme1 .bootstrap-datetimepicker-widget { border-color: #ccc; background: #fff; } #pjWrapperRestaurant_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-bottom-color: #ccc; } #pjWrapperRestaurant_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-bottom-color: #fff; } #pjWrapperRestaurant_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-top-color: #ccc; } #pjWrapperRestaurant_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top-color: #fff; } #pjWrapperRestaurant_theme1 .pjRbForm .help-block li { color: #a94442; } #pjWrapperRestaurant_theme1 .pjRbForm .has-error label { color: #a94442; } #pjWrapperRestaurant_theme1 .pjRbForm .has-error .form-control { border-color: #a94442; } #pjWrapperRestaurant_theme1 .pjRbForm .has-success label { color: #3c763d; } #pjWrapperRestaurant_theme1 .pjRbForm .has-success .form-control { border-color: #3c763d; } /* ========================================================================== #pjRbFormReservation ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbFormReservation { background: #fff; } #pjWrapperRestaurant_theme1 .pjRbFormReservation p { color: #7b7d83; } #pjWrapperRestaurant_theme1 .pjRbFormReservation dt, #pjWrapperRestaurant_theme1 .pjRbFormReservation dd { color: #3b3e44; } /* ========================================================================== #pjRbModal ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbModal .modal-title { font-family: 'Montserrat', sans-serif; color: #313131; } #pjWrapperRestaurant_theme1 .pjRbModal .modal-body p { color: #3b3e44; } /* ========================================================================== #pjRbHeader ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbMain .pjRbHeader { /*background: rgb(81,83,85); background: -moz-linear-gradient(left, rgba(81,83,85,1) 0%, rgba(63,65,68,1) 96%); background: -webkit-linear-gradient(left, rgba(81,83,85,1) 0%,rgba(63,65,68,1) 96%); background: linear-gradient(to right, rgba(81,83,85,1) 0%,rgba(63,65,68,1) 96%);*/ /* background-color: white !important; */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#515355', endColorstr='#3f4144', GradientType=1); } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbHeader .pjRbHeaderTitle { font-family: 'Montserrat', sans-serif; color: #000; } /* ========================================================================== #pjRbLaunguage ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbLaunguage .pjRbBtnLaunguageTrigger { background: #fff; color: #636468; } #pjWrapperRestaurant_theme1 .pjRbLaunguage .pjRbBtnLaunguageTrigger:before { border-color: #848c92; } #pjWrapperRestaurant_theme1 .pjRbLaunguage .dropdown-menu { background: #fff; } #pjWrapperRestaurant_theme1 .pjRbLaunguage .dropdown-menu a { color: #636468; } #pjWrapperRestaurant_theme1 .pjRbLaunguage .dropdown-menu a:hover, #pjWrapperRestaurant_theme1 .pjRbLaunguage .dropdown-menu .current a { background: #dd373e; color: #fff; } /* ========================================================================== #pjRbBody ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbMain .pjRbBody { background: white } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionTitle, #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionSubTitle { font-family: 'Montserrat', sans-serif; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionTitle { color: #313131; } #pjWrapperRestaurant_theme1 .pjRbMain .pjRbSection .pjRbSectionHead .pjRbSectionSubTitle { color: #797575; } #pjWrapperRestaurant_theme1 .pjRbTablesMap { background: #fff; padding: 0 !important; } #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots .pjRbTableHotspot { background: #c6d2dd; color: #fff; } /* ========================================================================== #pjRbReservationDetails ========================================================================== */ #pjWrapperRestaurant_theme1 .pjRbReservationDetails dt { color: #3b3e44; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails dd { color: #7b7d83; } #pjWrapperRestaurant_theme1 .pjRbReservationDetails dd span:not(.rbBadge) { background: #f15532; color: #fff; } #pjWrapperRestaurant_theme1 .rbContainer .rbMapContainer .sbook-rect { background-color: #dd373e; } /* Status */ #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots .pjRbHotSpotAvailable { background: linear-gradient(135deg, #10B981 0%, #059669 100%); color: #ffffff; border-radius: 10px; font-weight: 700; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25); border: 1px solid rgba(5, 150, 105, 0.6); transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease; } #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots .pjRbHotSpotAvailable:hover { background: linear-gradient(135deg, #34D399 0%, #10B981 100%); box-shadow: 0 8px 14px rgba(16, 185, 129, 0.35); transform: translateY(-1px); } #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots .pjRbTableHotspotChosen { background: linear-gradient(135deg, #059669 0%, #047857 100%); color: #ffffff; border-radius: 10px; font-weight: 800; border: 2px solid #10B981; box-shadow: 0 8px 16px rgba(5, 150, 105, 0.35); } #pjWrapperRestaurant_theme1 .pjRbTablesMap .pjRbTablesHotspots .pjRbTableHotspotDisabled { background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%); color: #ffffff; opacity: 1; border-radius: 10px; font-weight: 700; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.25); border: 1px solid rgba(220, 38, 38, 0.6); cursor: not-allowed; } /* ========================================================================== #Badges (Disponible / Indisponible) ========================================================================== */ #pjWrapperRestaurant_theme1 .rbBadge { font-family: 'Montserrat', sans-serif; display: inline-flex; align-items: center; color: #ffffff; line-height: 30px; padding: 8px 16px; border-radius: 9999px; /* pill */ font-weight: 600; letter-spacing: .2px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); user-select: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.10); transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease; } #pjWrapperRestaurant_theme1 .rbBadge--available { background: linear-gradient(135deg, #10B981 0%, #059669 100%); border: 1px solid #059669; box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25); } #pjWrapperRestaurant_theme1 .rbBadge--available:hover { background: linear-gradient(135deg, #34D399 0%, #10B981 100%); box-shadow: 0 6px 12px rgba(16, 185, 129, 0.35); transform: translateY(-1px); } #pjWrapperRestaurant_theme1 .rbBadge--unavailable { background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%); border: 1px solid #DC2626; box-shadow: 0 2px 6px rgba(239, 68, 68, 0.25); } #pjWrapperRestaurant_theme1 .rbBadge--unavailable:hover { background: linear-gradient(135deg, #F87171 0%, #EF4444 100%); box-shadow: 0 6px 12px rgba(239, 68, 68, 0.35); transform: translateY(-1px); } #pjWrapperRestaurant_theme1 .rbBadge--available:before { content: "✓"; font-weight: 700; margin-right: 8px; } #pjWrapperRestaurant_theme1 .rbBadge--unavailable:before { content: "✕"; font-weight: 700; margin-right: 8px; } /* Badges size tweak inside reservation details */ #pjWrapperRestaurant_theme1 .pjRbReservationDetails .rbBadge { padding: 6px 14px; line-height: 26px; } .pjRbContainer { padding: 0 !important; margin-top: -18px !important; } /* ========================================================================== #Transitions ========================================================================== */ #pjWrapperRestaurant_theme1 .btn, #pjWrapperRestaurant_theme1 .pjRbBtnBack:before, #pjWrapperRestaurant_theme1 .pjRbLaunguage .dropdown-menu a, #pjWrapperRestaurant_theme1 .pjRbForm .form-control, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbDateTimePicker .input-group-addon, #pjWrapperRestaurant_theme1 .pjRbForm .pjRbSpinner .input-group-addon, #pjWrapperRestaurant_theme1 .btn-link:after { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }