.pb-r-wrap,
.pb-r-wrap .pb-r-wrap {
padding: 40px 20px;
}
.pb-r-wrap .form-control-group,
.pb-r-wrap .pb-r-wrap .form-control-group {
max-width: 1240px;
margin: 0 auto
}
.pb-c.ui-datepicker .ui-datepicker-next,
.pb-c.ui-datepicker .ui-datepicker-next-hover {
right: 2px
}
@font-face {
font-family: system;
font-style: normal;
font-weight: 300;
src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma")
}
.pb-r-wrap * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pb-r-wrap .form-control-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.pb-r-wrap .pb-r-wrap * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pb-r-wrap h5 {
margin: 10px;
font-size: 18px;
}
.pb-r-wrap .form-control {
position: relative;
height: 37px
}
@media only screen and (max-width:768px) {
.pb-r-wrap .form-control-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.pb-r-wrap .form-control-group .pb-form-control {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pb-r-wrap .form-control-group .pb-form-control:last-of-type {
padding-right: 0
}
.pb-r-wrap .form-control-group .pb-form-control.grow-1x {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.pb-r-wrap .form-control-group .pb-form-control.grow-2x {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2
}
.pb-r-wrap .form-control-group .pb-form-control.grow-3x {
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3
}
.pb-r-wrap .form-control-group .pb-form-control.a-width {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0
}
.pb-r-wrap .form-control-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.pb-r-wrap label {
display: inline-block;
font-size: 1.1em;
font-weight: 400;
margin-bottom: 5px;
}
@media only screen and (max-width:768px) {
.pb-r-wrap .form-control-group .pb-form-control {
padding-right: 0
}
.pb-r-wrap .form-control-button {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 15px
}
.pb-r-wrap label {
margin-top: 10px
}
}
.pb-r-wrap .form-control,
.pb-r-wrap input,
.pb-r-wrap input.form-control,
.pb-r-wrap select,
.pb-r-wrap select.form-control {
display: block;
width: 100%;
border: 1px solid grey;
padding: 8px 10px;
font-size: 16px;
line-height: 1.5;
color: #495057;
border-radius: 3px;
-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: none;
}
.pb-r-wrap .form-control:focus,
.pb-r-wrap input.form-control:focus,
.pb-r-wrap input:focus,
.pb-r-wrap select.form-control:focus,
.pb-r-wrap select:focus {
outline: 0
}
.pb-r-wrap input[type=radio],
.pb-r-wrap input[type=checkbox] {
margin-right: 10px
}
.pb-r-wrap select {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#c1c1c1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat!important;
padding-right: 30px
}
.pb-r-wrap select:hover {
cursor: pointer
}
.pb-r-wrap select:disabled {
opacity: .5
}
.pb-r-wrap select:focus {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="grey" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat!important
}
.pb-r-wrap .form-control .pb-form-icon,
.pb-r-wrap .form-control .pb-form-icon span {
vertical-align: top
}
.pb-r-wrap .form-control .pb-form-icon svg {
width: 10px
}
.pb-r-wrap .form-control .pb-form-icon .value {
vertical-align: text-bottom;
margin-left: 2px;
padding-right: 5px
}
.pb-r-wrap .form-control .icon-adult svg {
width: 14px
}
.pb-r-wrap .btn-submit {
padding: 12px 40px;
border: 1px solid #000;
color: #000;
text-transform: none;
background: #fff !important;
font-size: 16px;
line-height: 1;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.pb-r-wrap .btn-submit:hover {
background: #000 !important;
border: 1px solid #000;
color: #fff;
}
.pb-r-wrap .pb-person {
position: relative
}
.pb-r-wrap .pb-dropdown {
position: absolute;
width: 240px;
top: 100%;
padding: 8px 10px;
border-radius: 3px;
z-index: 1;
-webkit-box-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
box-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15)
}
@media only screen and (max-width:768px) {
.pb-r-wrap .pb-dropdown {
position: relative;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none
}
}
.pb-r-wrap .pb-dropdown .form-group .col-md-6 {
display: block;
width: 115px;
float: left;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding: 0 5px
}
@media only screen and (max-width:768px) {
.pb-r-wrap .pb-dropdown .form-group .col-md-6 {
width: 50%
}
}
.pb-r-wrap .pb-dropdown .row {
margin: 0
}
.pb-r-wrap .pb-dropdown p {
padding: 10px 0;
margin: 0;
clear: both
}
.pb-r-wrap .pb-dropdown>div {
margin: 5px -5px;
clear: both
}
.pb-r-wrap .pb-dropdown>div:after,
.pb-r-wrap .pb-dropdown>div:before {
content: "";
display: table
}
.pb-r-wrap .pb-dropdown>div:after {
clear: both
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-zfix,
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
content: "";
display: table
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-clearfix {
zoom: 1
}
.ui-helper-zfix {
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-state-disabled {
cursor: default!important
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.pb-c.ui-datepicker {
width: 17em;
display: none
}
.pb-c.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.pb-c.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.pb-c.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-Nextdatepicker-next-hover {
top: 1px
}
.pb-c.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.pb-c.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.pb-c.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.pb-c.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.pb-c.ui-datepicker select.ui-datepicker-month-year {
width: 100%
}
.pb-c.ui-datepicker select.ui-datepicker-month,
.pb-c.ui-datepicker select.ui-datepicker-year {
width: 49%
}
.pb-c.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse
}
.pb-c.ui-datepicker th {
text-align: center
}
.pb-c.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.pb-c.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.pb-c.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em;
width: auto;
overflow: visible
}
.pb-c.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.pb-c.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.pb-c.ui-datepicker.ui-datepicker-multi {
width: auto
}
.pb-c.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.pb-c.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
@media only screen and (max-width:480px) {
.pb-c.ui-datepicker-multi-2 .ui-datepicker-group {
width: 100%
}
.pb-c.ui-datepicker-multi-2 {
width: 100vw!important;
left: 0!important;
padding: 0 10px
}
}
.pb-c.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.pb-c.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.pb-c.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.pb-c.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.pb-c.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.pb-c.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
#ui-datepicker-div,
.pb-c {
display: none
}
.pb-c.ui-datepicker {
padding: 0
}
.pb-c.ui-datepicker .ui-datepicker-title {
margin-top: .4em;
margin-bottom: .3em;
color: #5f6368
}
.pb-c.ui-datepicker .ui-datepicker-next,
.pb-c.ui-datepicker .ui-datepicker-next-hover,
.pb-c.ui-datepicker .ui-datepicker-prev,
.pb-c.ui-datepicker .ui-datepicker-prev-hover {
top: .9em;
border: none
}
.pb-c.ui-datepicker .ui-datepicker-prev-hover {
left: 2px
}
.pb-c.ui-datepicker .ui-datepicker-next span,
.pb-c.ui-datepicker .ui-datepicker-prev span {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="black" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center center no-repeat!important;
margin-top: 0;
width: 16px;
height: 16px;
top: 0;
font-weight: 400;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: .3
}
.pb-c.ui-datepicker .ui-datepicker-next span:hover,
.pb-c.ui-datepicker .ui-datepicker-prev span:hover {
opacity: .8
}
.pb-c.ui-datepicker .ui-datepicker-prev span {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.pb-c.ui-datepicker .ui-datepicker-next.ui-state-disabled span,
.pb-c.ui-datepicker .ui-datepicker-prev.ui-state-disabled span {
opacity: .05
}
.pb-c.ui-datepicker table {
margin: 0
}
.pb-c.ui-datepicker th {
padding: 1em 0;
font-size: 13px;
font-weight: 400;
border: none;
border-top: 1px solid #dadce0
}
.pb-c.ui-datepicker td {
border: none;
padding: 0
}
.pb-c td .ui-state-default {
background: 0 0;
border: none;
text-align: center;
padding: .5em;
margin: 0;
font-weight: 400;
color: #333;
font-size: 14px
}
.pb-c .ui-state-disabled {
opacity: 1
}
.pb-c .ui-state-disabled .ui-state-default {
color: rgba(0, 0, 0, .26)
}
.pb-c td .ui-state-active,
.pb-c td .ui-state-hover {
background: #4285f4;
color: #fff
}
.pb-c .ui-datepicker-header {
border: none;
background: 0 0;
font-weight: 400;
font-size: 15px
}
.pb-c .ui-datepicker-header .ui-state-hover {
background: 0 0;
border-color: transparent;
cursor: pointer;
border-radius: 0
}
.pb-c.ui-widget {
background: #fff;
border: none;
border-radius: 3px;
-webkit-box-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
box-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15)
}
.pb-dialog.ui-dialog .ui-dialog-content {
padding: 0
}
.pb-dialog.ui-dialog {
background: #fff;
border-radius: 3px
}
.pb-dialog.ui-dialog iframe {
border: 0
}
.pb-dialog.ui-dialog .ui-dialog-titlebar {
position: relative;
padding: 5px;
border: 0;
background: 0 0
}
.pb-dialog .ui-button .ui-icon {
background-image: none!important
}
.pb-dialog.ui-dialog .ui-dialog-titlebar-close {
background: 0 0;
border: 0;
position: absolute;
right: 5px;
top: 50%;
width: 20px;
margin: -10px 0 0;
padding: 1px;
height: 20px;
font-size: 0
}
.pb-dialog.ui-dialog .ui-dialog-titlebar-close:after,
.pb-dialog.ui-dialog .ui-dialog-titlebar-close:before {
content: '';
position: absolute;
top: 8px;
width: 16px;
height: 2px;
left: 1px;
background-color: #333
}
.pb-dialog.ui-dialog .ui-dialog-titlebar-close:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.pb-dialog.ui-dialog .ui-dialog-titlebar-close:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}