@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); /*! * 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} .pj-calendar .btn-primary, .pj-calendar-day p { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .pj-calendar-head, .pj-calendar-views, .pj-calendar-actions, .pj-calendar-body { *zoom: 1; } .pj-calendar-head:after, .pj-calendar-views:after, .pj-calendar-actions:after, .pj-calendar-body:after { content: ''; clear: both; display: table; } .pj-calendar { } .pj-calendar-day-header, .pj-calendar-day { width: 14.285714285714286%; float: left; float: left; text-align: center;} .pj-calendar-head.pj-calendar-8-columns .pj-calendar-day-header{width: 12.5%;} .pj-calendar-body.pj-calendar-8-columns .pj-calendar-day{width: 12.5%;} .pj-calendar-head p, .pj-calendar-day p { margin: 0; padding: 32% 0; font-size: 15px; position: relative;} .pj-calendar-day { } .pj-calendar-day p:hover { } .pj-calendar-day p { margin: 0 1px 1px 0; cursor: pointer; } .pj-calendar-body { margin-left: 1px; } .pj-calendar-head {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 1px;} .pj-calendar-head p { font-weight: bold; padding: 10% 0;} .pj-calendar-day-selected p {} .pj-calendar-day-selected p:hover {} .pj-calendar-day-today p {} .pj-calendar-day-today p:hover {} .pj-calendar-day-disabled p:hover, .pj-calendar-day-disabled p { background: transparent; cursor: default;} .pj-calendar-day-past p:hover, .pj-calendar-day-past p { cursor: not-allowed;} .pj-calendar-day-inactive p:hover, .pj-calendar-day-inactive p { cursor: not-allowed;} .pj-calendar-actions { position: relative; padding: 10px;} .pj-calendar-actions .btn { position: relative; z-index: 2; } .pj-calendar-ym { position: absolute; top: 9px; left: 0; width: 100%; z-index: 1; text-align: center; font-weight: bold; font-size: 21px;} .pj-calendar-views { padding: 10px 10px 0;} .pj-calendar-views .btn-primary { font-size: 15px;} @media (max-width: 420px) { .pj-calendar-head p, .pj-calendar-day p { padding: 22% 0; } .pj-calendar-cell p, .pj-calendar-head p { font-size: 14px; } .pj-calendar-cell { padding-left: 0; padding-right: 0; } } /* ========================================================================== #Transitions ========================================================================== */ #pjWrapperSharedBooking_theme1 .btn, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:before, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:after, #pjWrapperSharedBooking_theme1 .pjShBForm .form-control, #pjWrapperSharedBooking_theme1 .pjShBDateTime .input-group-addon, #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBMyReservationTitle a, #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination a, #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle, #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle .icon-bar, #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent .pjShBReservationTitle a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* ========================================================================== #General ========================================================================== */ #pjWrapperSharedBooking_theme1 a[href^=tel] { color: inherit; } #pjWrapperSharedBooking_theme1 a:focus { outline: unset; outline: none; } #pjWrapperSharedBooking_theme1 .pjShBContainer { padding: 15px; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperSharedBooking_theme1 .btn:hover, #pjWrapperSharedBooking_theme1 .btn:focus { text-decoration: none; outline: none; } #pjWrapperSharedBooking_theme1 .btn-link { margin: 0; padding: 0 5px; } #pjWrapperSharedBooking_theme1 .btn-primary { height: 34px; margin: 0; padding: 0 20px; font-size: 16px; line-height: 31px; font-weight: 400; } /* ========================================================================== #pjShBPagination ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBPagination { padding: 20px 0; } #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination { margin: 0; font-size: 0; } #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination li { display: inline-block; padding: 2px; font-size: 13px; } #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination a { padding: 4px 10px 5px !important; border-radius: 4px; } #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination .active a { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBForm .form-control { -webkit-box-shadow: none; box-shadow: none; } #pjWrapperSharedBooking_theme1 .pjShBForm { padding: 10px 0; } #pjWrapperSharedBooking_theme1 .pjShBForm .form-group { margin-bottom: 30px; } #pjWrapperSharedBooking_theme1 .pjShBForm .form-control { padding: 0 15px; } #pjWrapperSharedBooking_theme1 .pjShBForm select.form-control { cursor: pointer; } #pjWrapperSharedBooking_theme1 .pjShBDateTime .form-control { border-right-width: 0; -webkit-box-shadow: none; box-shadow: none; } #pjWrapperSharedBooking_theme1 .pjShBDateTime .input-group-addon { cursor: pointer; } #pjWrapperSharedBooking_theme1 .pjShBDateTime .input-group-addon span { color: inherit; } #pjWrapperSharedBooking_theme1 .pjShBTime .btn-primary { padding: 0 6px !important; } #pjWrapperSharedBooking_theme1 .pjShBTime .bootstrap-datetimepicker-widget { max-width: 100%; } #pjWrapperSharedBooking_theme1 .pjShBTime .bootstrap-datetimepicker-widget td, #pjWrapperSharedBooking_theme1 .pjShBTime .bootstrap-datetimepicker-widget td span { width: 34px; height: 34px; line-height: 34px; } #pjWrapperSharedBooking_theme1 .pjShBTime .bootstrap-datetimepicker-widget td .btn { padding: 0; } #pjWrapperSharedBooking_theme1 .pjShBTime .bootstrap-datetimepicker-widget td .btn-primary { padding: 6px; } #pjWrapperSharedBooking_theme1 .pjShBForm .has-error { position: relative; } #pjWrapperSharedBooking_theme1 .pjShBForm .help-block, #pjWrapperSharedBooking_theme1 .pjShBForm .help-block * { margin: 0; } #pjWrapperSharedBooking_theme1 .pjShBForm .help-block { position: absolute; bottom: -20px; left: 0; max-width: 100%; } #pjWrapperSharedBooking_theme1 .pjShBForm .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; } #pjWrapperSharedBooking_theme1 .pjShBFormAccess .pjShBFormActions { padding-top: 10px; } /* ========================================================================== #pjShBHeader ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBHeader { margin: 0; } #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-header { padding: 13px 15px; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav { margin: 0; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:hover, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:focus { outline: none; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav .active a { position: relative; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:before, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:after { position: absolute; right: 0; left: 0; height: 1px; content: ''; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:before { top: -1px; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:after { bottom: -1px; } /* ========================================================================== #pjShBBody ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBBody { padding-top: 15px; } /* ========================================================================== #pjShBReservations ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBReservations { margin: 0; } #pjWrapperSharedBooking_theme1 .pjShBReservation { padding: 10px 0; } #pjWrapperSharedBooking_theme1 .pjShBMyReservations .list-group-item .btn-link { text-decoration: underline; } #pjWrapperSharedBooking_theme1 .pjShBMyReservations .list-group-item .btn-link:hover, #pjWrapperSharedBooking_theme1 .pjShBMyReservations .list-group-item .btn-link:focus { text-decoration: none; } #pjWrapperSharedBooking_theme1 .pjShBReservation .thumbnail { margin: 0; padding: 15px; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationImage img { max-width: 100%; margin-bottom: 5px; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationAsideArticle { margin: 0; padding: 5px 0 15px; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationAsideArticle p { font-size: 14px; line-height: 1.4; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationAsideArticle p a:hover { text-decoration: none; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationAsideArticle .pjShBReservationAsideArticleTitle { margin: 0; padding-bottom: 5px; font-size: 18px; line-height: 1.4; font-weight: 700; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent p { margin: 0; font-size: 14px; line-height: 1.6; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent .pjShBReservationTitle { padding-bottom: 10px; font-size: 22px; line-height: 1.2; font-weight: 700; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent .pjShBReservationGroupTitle { padding: 10px 0 0; font-size: 18px; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent .pjShBReservationTitle a { color: inherit; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent .pjShBReservationTitle a:hover { text-decoration: none; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationMeta { margin: 0; padding: 5px 0 0; font-size: 0; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationMeta:first-of-type { padding-top: 10px; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationMeta dt, #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationMeta dd { display: inline-block; float: none; width: 100%; min-width: 1px; margin: 0; font-size: 15px; vertical-align: middle; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationMeta dt { padding: 0 3px 0 0; font-weight: 400; text-align: left; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationMeta dd { padding: 0; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationMeta dd strong { font-weight: 700; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationMeta .row { padding-bottom: 5px; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationActions { padding-top: 15px; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationActions { padding: 25px 0 20px; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationRestrictions { margin: 0; padding: 10px 0; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationRestrictions ul { margin: 0; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationRestrictions li { padding-left: 10px; font-size: 15px; line-height: 1.4; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationRestrictions .pjShBReservationRestrictionsTitle { margin: 0; padding: 0; font-size: 18px; font-weight: 700; } #pjWrapperSharedBooking_theme1 .text-danger {color: #a94442;} #pjWrapperSharedBooking_theme1 .text-success {color: #3c763d;} /* ========================================================================== #pjShBFormFilters ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBFormFilters { font-size: 0; text-align: justify; } #pjWrapperSharedBooking_theme1 .pjShBFormFilters:after { display: inline-block; width: 100%; content: ''; } #pjWrapperSharedBooking_theme1 .pjShBFormFilters .form-group, #pjWrapperSharedBooking_theme1 .pjShBFormFilters .form-group .form-control, #pjWrapperSharedBooking_theme1 .pjShBFormFilters .form-group label { overflow: hidden; max-width: 100%; } #pjWrapperSharedBooking_theme1 .pjShBFormFilters .form-group { margin-bottom: 0; padding: 0 10px 5px; vertical-align: bottom; } #pjWrapperSharedBooking_theme1 .pjShBFormFilters label { margin-bottom: 5px; padding-right: 10px; font-size: 15px; vertical-align: } #pjWrapperSharedBooking_theme1 .pjShBFormFilters .form-group label { display: block; } #pjWrapperSharedBooking_theme1 .pjShBFormFilters .form-group option { overflow: hidden; max-width: 100%; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } /* ========================================================================== #pjShBMyReservations ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBMyReservations { margin-top: 10px; } #pjWrapperSharedBooking_theme1 .pjShBMyReservations .panel-heading { padding: 15px; } #pjWrapperSharedBooking_theme1 .pjShBMyReservations .panel-heading .panel-title { font-size: 18px; font-weight: 700; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation .btn-link { padding: 0; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation p { margin: 0; line-height: 1.7; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBMyReservationTitle { margin: 0; font-size: 16px; line-height: 1.5; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBMyReservationTitle a:hover, #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBMyReservationTitle a:focus { text-decoration: none; } /* ========================================================================== Modal ========================================================================== */ .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } /* ========================================================================== Calendar ========================================================================== */ #pjWrapperSharedBooking_theme1 .pj-calendar { border: 1px solid #ccc; } #pjWrapperSharedBooking_theme1 .pj-calendar-day { background: #f7f7f7; } #pjWrapperSharedBooking_theme1 .pj-calendar-day p:hover { } #pjWrapperSharedBooking_theme1 .pj-calendar-day p {background: #fff; } #pjWrapperSharedBooking_theme1 .pj-calendar-head { background: #f8f8f8;} #pjWrapperSharedBooking_theme1 .pj-calendar-body {background: #f8f8f8 none repeat scroll 0 0;} #pjWrapperSharedBooking_theme1 .pj-calendar-day-selected p { background: #12965d; color: #fff; } #pjWrapperSharedBooking_theme1 .pj-calendar-day-selected p:hover { background: #128956;} #pjWrapperSharedBooking_theme1 .pj-calendar-day-today p { background: #ffdb99; color: #333; } #pjWrapperSharedBooking_theme1 .pj-calendar-day-today p:hover { background: #f1ce8d; color: #333;} #pjWrapperSharedBooking_theme1 .pj-calendar-day-past p:hover, #pjWrapperSharedBooking_theme1 .pj-calendar-day-past p { background: #dde4e6; color: #333;} #pjWrapperSharedBooking_theme1 .pj-calendar-day-inactive p:hover, #pjWrapperSharedBooking_theme1 .pj-calendar-day-inactive p { background: #d21e1d; color: #fff;} #pjWrapperSharedBooking_theme1 .pj-calendar-day-disabled p:hover, #pjWrapperSharedBooking_theme1 .pj-calendar-day-disabled p { background: transparent; cursor: default; color: inherit;} #pjWrapperSharedBooking_theme1 .pj-calendar-ym{font-size: 18px; top: 12px;} #pjWrapperSharedBooking_theme1 .pjSaCalendarPartly p{background: #ffdb99; color: #333; } #pjWrapperSharedBooking_theme1 .pjSaCalendarPartly p:hover { background: #f1ce8d; color: #333;} #pjWrapperSharedBooking_theme1 .pjSaCalendarDate p, #pjWrapperSharedBooking_theme1 .pjSaCalendarDate p:hover{ cursor: default; } #pjWrapperSharedBooking_theme1 .pjSaCalendarClickable p:hover, #pjWrapperSharedBooking_theme1 .pjSaCalendarClickable p { cursor: pointer; } #pjWrapperSharedBooking_theme1 .pjSaCalendarClickable.focus p:hover, #pjWrapperSharedBooking_theme1 .pjSaCalendarClickable.focus p { background-color: #1b6aac; color: #fff; } #pjWrapperSharedBooking_theme1 .pjShBInlineCalendar .btn-primary .glyphicon { color: inherit; } #pjWrapperSharedBooking_theme1 .pjShBInlineCalendar .pjShBInlineCalendarBottom > p { margin: 0; padding-bottom: 5px; font-size: 16px; line-height: 1.4; } #pjWrapperSharedBooking_theme1 .pjShBInlineCalendar .pjShBInlineCalendarBottom > p label { color: inherit; } #pjWrapperSharedBooking_theme1 .pjShBInlineCalendar .pjShBInlineCalendarBottom .pjShBMyReservations { margin-top: 0; } #pjWrapperSharedBooking_theme1 .pjShBInlineCalendar .pjShBInlineCalendarBottom .pjShBMyReservations .panel-heading { padding: 5px 15px; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and (max-width: 767px) { /* ========================================================================== #Forms ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBDateTime .form-control { padding-right: 0; padding-left: 5px; } #pjWrapperSharedBooking_theme1 .pjShBDateTime .input-group-addon { padding-right: 5px; padding-left: 5px; } /* ========================================================================== #pjShBHeader. ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle { margin: 0; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav { border: 0; padding: 0; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav li { margin: 0; padding: 2px 0; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav a { padding: 0 10px; line-height: 1.6; border-radius: 0; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:before, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:after { display: none; } #pjWrapperSharedBooking_theme1 .pjShBHeader .btn-link { margin-top: 5px; } /* ========================================================================== #pjShBReservation ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationImage { padding-bottom: 15px; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent .pjShBReservationTitle { padding-bottom: 5px; } } @media only screen and (max-width: 480px) { /* ========================================================================== #Forms ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBForm .form-group { margin-bottom: 20px; } #pjWrapperSharedBooking_theme1 .pjShBForm .help-block { bottom: -17px; } #pjWrapperSharedBooking_theme1 .pjShBFormAccess .col-xs-6 { width: 100%; } #pjWrapperSharedBooking_theme1 .pjShBDate .bootstrap-datetimepicker-widget.pull-right { left: 0 !important; right: auto !important; } #pjWrapperSharedBooking_theme1 .pjShBDate .bootstrap-datetimepicker-widget.pull-right:before, #pjWrapperSharedBooking_theme1 .pjShBDate .bootstrap-datetimepicker-widget.pull-right:after { right: auto !important; left: 6px !important; } #pjWrapperSharedBooking_theme1 .pjShBTime .bootstrap-datetimepicker-widget .timepicker-picker table tr:nth-child(2) td:nth-child(4) { padding-left: 0; } /* ========================================================================== #pjShBReservation ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent .pjShBReservationTitle { font-size: 18px; font-weight: 400; } /* ========================================================================== #pjShBMyReservations ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBMyReservations .pjShBMyReservation .col-xs-6 { width: 100%; } } /* ========================================================================== #General ========================================================================== */ #pjWrapperSharedBooking_theme1 * { font-family: 'Open Sans', sans-serif; color: #4d4f4e; } #pjWrapperSharedBooking_theme1 .fa { font-family: 'FontAwesome'; } #pjWrapperSharedBooking_theme1 .glyphicon { font-family: 'Glyphicons Halflings'; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperSharedBooking_theme1 .btn-link, #pjWrapperSharedBooking_theme1 .pjShBStartOver { color: #55af33; } #pjWrapperSharedBooking_theme1 .btn-link:hover, #pjWrapperSharedBooking_theme1 .pjShBStartOver:hover { color: #2e85d2; } #pjWrapperSharedBooking_theme1 .btn-primary { border-color: #1b6aac; color: #fff; background: rgb(64,152,226); background: -moz-linear-gradient(top, rgba(64,152,226,1) 0%, rgba(46,134,208,1) 100%); background: -webkit-linear-gradient(top, rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%); background: linear-gradient(to bottom, rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4098e2', endColorstr='#2e86d0',GradientType=0 ); } #pjWrapperSharedBooking_theme1 .btn-primary:hover, #pjWrapperSharedBooking_theme1 .btn-primary:focus { border-color: #1b6aac; background: rgb(46,134,208); background: -moz-linear-gradient(top, rgba(46,134,208,1) 0%, rgba(64,152,226,1) 100%); background: -webkit-linear-gradient(top, rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%); background: linear-gradient(to bottom, rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e86d0', endColorstr='#4098e2',GradientType=0 ); } /* ========================================================================== #pjShBPagination ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination a { border-color: #ded8d8; background: #f7f7f7; color: #000; } #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination a:hover, #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination a:focus, #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination .active a { color: #fff; } #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination a:hover, #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination a:focus { border-color: #2e85d2; background: #2e85d2; } #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination .active a { border-color: #55af33; background: #55af33; } /* ========================================================================== #Forms ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBForm .form-control { border-color: #ded8d8; background: #f7f7f7; } #pjWrapperSharedBooking_theme1 .pjShBForm .form-control:focus { border-color: #2e85d2; -webkit-box-shadow: 0 0 10px rgba(27, 106, 172, .3); box-shadow: 0 0 10px rgba(27, 106, 172, .3); } #pjWrapperSharedBooking_theme1 .pjShBDateTime .form-control, #pjWrapperSharedBooking_theme1 .pjShBDateTime .input-group-addon, #pjWrapperSharedBooking_theme1 .pjShBDateTime .form-control:focus { border-color: #ded8d8; background: #f7f7f7; } #pjWrapperSharedBooking_theme1 .pjShBDateTime .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } #pjWrapperSharedBooking_theme1 .pjShBDateTime .input-group-addon { color: #2e85d2; } #pjWrapperSharedBooking_theme1 .pjShBDateTime .input-group-addon:hover { color: #55af33; } #pjWrapperSharedBooking_theme1 .pjShBDateTime td.disabled, #pjWrapperSharedBooking_theme1 .pjShBDateTime td.disabled:hover { background: none; color: #ded8d8; } #pjWrapperSharedBooking_theme1 .pjShBDateTime .today:before { border-bottom-color: #55af33 !important; } #pjWrapperSharedBooking_theme1 .pjShBDateTime .day:hover, #pjWrapperSharedBooking_theme1 .pjShBDateTime .month:hover, #pjWrapperSharedBooking_theme1 .pjShBDateTime .year:hover, #pjWrapperSharedBooking_theme1 .pjShBDateTime .decade:hover, #pjWrapperSharedBooking_theme1 .pjShBDateTime .hour:hover, #pjWrapperSharedBooking_theme1 .pjShBDateTime .minute:hover, #pjWrapperSharedBooking_theme1 .pjShBDateTime .active { background: #2e85d2; color: #fff; } #pjWrapperSharedBooking_theme1 .pjShBDate .prev span, #pjWrapperSharedBooking_theme1 .pjShBDate .next span { color: #1b6aac; } #pjWrapperSharedBooking_theme1 .pjShBDate .prev:hover, #pjWrapperSharedBooking_theme1 .pjShBDate .next:hover { background: #1b6aac; } #pjWrapperSharedBooking_theme1 .pjShBDate .prev:hover span, #pjWrapperSharedBooking_theme1 .pjShBDate .next:hover span { color: #fff; } #pjWrapperSharedBooking_theme1 .pjShBDate .picker-switch { color: #57af35; } #pjWrapperSharedBooking_theme1 .pjShBDate .picker-switch:hover, #pjWrapperSharedBooking_theme1 .pjShBDate .bootstrap-datetimepicker-widget .active, #pjWrapperSharedBooking_theme1 .pjShBDate .bootstrap-datetimepicker-widget .active:hover { background: #1b6aac; color: #fff; } #pjWrapperSharedBooking_theme1 .pjShBTime a { color: #1b6aac; } #pjWrapperSharedBooking_theme1 .pjShBTime a:hover span, #pjWrapperSharedBooking_theme1 .pjShBTime td > span:hover { background: #1b6aac; color: #fff; } #pjWrapperSharedBooking_theme1 .pjShBTime .btn-primary { border-color: #1b6aac; color: #fff; background: rgb(64,152,226); background: -moz-linear-gradient(top, rgba(64,152,226,1) 0%, rgba(46,134,208,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,152,226,1)), color-stop(100%,rgba(46,134,208,1))); background: -webkit-linear-gradient(top, rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%); background: -o-linear-gradient(top, rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%); background: -ms-linear-gradient(top, rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%); background: linear-gradient(to bottom, rgba(64,152,226,1) 0%,rgba(46,134,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4098e2', endColorstr='#2e86d0',GradientType=0 ); } #pjWrapperSharedBooking_theme1 .pjShBTime .btn-primary:hover { border-color: #1b6aac; color: #fff; background: rgb(46,134,208); background: -moz-linear-gradient(top, rgba(46,134,208,1) 0%, rgba(64,152,226,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,134,208,1)), color-stop(100%,rgba(64,152,226,1))); background: -webkit-linear-gradient(top, rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%); background: -o-linear-gradient(top, rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%); background: -ms-linear-gradient(top, rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%); background: linear-gradient(to bottom, rgba(46,134,208,1) 0%,rgba(64,152,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e86d0', endColorstr='#4098e2',GradientType=0 ); } #pjWrapperSharedBooking_theme1 .bootstrap-datetimepicker-widget { border-color: #ccc; background: #fff; } #pjWrapperSharedBooking_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-bottom-color: #ccc; } #pjWrapperSharedBooking_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-bottom-color: #fff; } #pjWrapperSharedBooking_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-top-color: #ccc; } #pjWrapperSharedBooking_theme1 .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top-color: #fff; } #pjWrapperSharedBooking_theme1 .pjShBForm .has-error .form-control, #pjWrapperSharedBooking_theme1 .pjShBForm .has-error .pjShBDateTime .input-group-addon, #pjWrapperSharedBooking_theme1 .pjShBForm .has-error .pjShBDateTime .form-control:focus ~ .input-group-addon { border-color: #a94442; } #pjWrapperSharedBooking_theme1 .pjShBForm .has-error label, #pjWrapperSharedBooking_theme1 .pjShBForm .has-error li { color: #a94442; } #pjWrapperSharedBooking_theme1 .pjShBForm .has-success .form-control, #pjWrapperSharedBooking_theme1 .pjShBForm .has-success .pjShBDateTime .input-group-addon, #pjWrapperSharedBooking_theme1 .pjShBForm .has-success .pjShBDateTime .form-control:focus ~ .input-group-addon { border-color: #3c763d; } #pjWrapperSharedBooking_theme1 .pjShBForm .has-success label, #pjWrapperSharedBooking_theme1 .pjShBForm .has-success li { color: #3c763d; } /* ========================================================================== #pjShBHeader ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBHeader { border-color: #ded8d8; background: #f7f7f7; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a { color: #000; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:hover, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:focus, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav .active a { color: #fff; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:hover, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:focus, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:hover:before, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:hover:after, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:focus:before, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:focus:after { background: #2e85d2; } #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav .active a, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav .active a:before, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav .active a:after { background: #55af33; } /* ========================================================================== #pjShBReservations ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBReservation .thumbnail { border-color: #ded8d8; background: #fff; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationAsideArticle .pjShBReservationAsideArticleTitle { color: #2e85d2; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationAsideArticle p a { color: #55af33; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationAsideArticle p a:hover { color: #1b6aac; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent .pjShBReservationTitle { color: #2e85d2; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent .pjShBReservationTitle a:hover { color: #55af33; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationMeta dd { color: #55af33; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationMeta dd strong { color: inherit; } #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationRestrictions .pjShBReservationRestrictionsTitle { color: #2e85d2; } /* ========================================================================== #pjShBMyReservations ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBMyReservations, #pjWrapperSharedBooking_theme1 .pjShBMyReservations .panel, #pjWrapperSharedBooking_theme1 .pjShBMyReservations .panel-heading, #pjWrapperSharedBooking_theme1 .pjShBMyReservations .panel-body, #pjWrapperSharedBooking_theme1 .pjShBMyReservations .list-group, #pjWrapperSharedBooking_theme1 .pjShBMyReservations .list-group-item, #pjWrapperSharedBooking_theme1 .pjShBMyReservations .panel-footer { border-color: #ded8d8; } #pjWrapperSharedBooking_theme1 .pjShBMyReservations .panel-title { color: #35393a; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation { background: #fff; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation:nth-child(even) { background: #f7f7f7; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBMyReservationTitle a { color: #2e85d2; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBMyReservationTitle a:hover, #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBMyReservationTitle a:focus { color: #55af33; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBstatusPending { color: #3c763d; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBstatusCancelled { color: #a94442; } #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBstatusConfirmed { color: #55af33; } /* ========================================================================== #pj-calendar ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBInlineCalendar .pj-calendar-ym { color: #2e85d2; } #pjWrapperSharedBooking_theme1 .pjShBInlineCalendar .pjSaCalendarClickable.focus p:hover, #pjWrapperSharedBooking_theme1 .pjShBInlineCalendar .pjSaCalendarClickable.focus p { background-color: #1b6aac; color: #fff; } #pjWrapperSharedBooking_theme1 .pjShBInlineCalendar .pjShBInlineCalendarBottom > p { color: #2e85d2; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and (max-width: 767px) { /* ========================================================================== #pjShBHeader. ========================================================================== */ #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle { border-color: #2e85d2; } #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle:hover, #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle:focus { border-color: #55af33; background: #55af33; } #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle .icon-bar { background: #2e85d2; } #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle:hover .icon-bar, #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle:focus .icon-bar { background: #fff; } } /* ========================================================================== #Transitions ========================================================================== */ #pjWrapperSharedBooking_theme1 .btn, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:before, #pjWrapperSharedBooking_theme1 .pjShBHeader .pjShBNav .navbar-nav a:after, #pjWrapperSharedBooking_theme1 .pjShBForm .form-control, #pjWrapperSharedBooking_theme1 .pjShBDateTime .input-group-addon, #pjWrapperSharedBooking_theme1 .pjShBMyReservation .pjShBMyReservationTitle a, #pjWrapperSharedBooking_theme1 .pjShBPagination .pagination a, #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle, #pjWrapperSharedBooking_theme1 .pjShBHeader .navbar-toggle .icon-bar, #pjWrapperSharedBooking_theme1 .pjShBReservation .pjShBReservationContent .pjShBReservationTitle a { -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; }