:root {
--ladolce-bg: #49bcbf;
}
.psb-publicform {
}
.psb-form-row {
margin-right: 18px;
}
.psb-form-row:last-child {
margin-right: 0;
}
.psb-form-label {
}
.psb-obly {
position:relative;
}
.psb-obly::after {
position:absolute;
content:"*";
}
.psb-form-value {
}
#psb-check-dates {
border: 1px solid silver;
padding: 10px 20px;
border-radius: 8px;
}
.psb-roominputs, .psb-roomdetails {
display:inline-block;
vertical-align:top;
padding:0px 10px 0px 0px;
width:calc(50% - 11px);
}
.psb-roomdetails {
padding:0px 0px 0px 10px;
border-left:1px dashed silver;
}
.psb-roomtitle {
font-weight:bold;
margin:0px 0px 16px 0px;
}
.psb-roomdescript {
margin:0px;
}
.psb-pricedescript {
margin: 20px 0px 0px 20px;
border: 1px dashed #d0d0d0;
padding: 10px 18px;
border-radius: 8px;
}
.psb-pricedescript-title {
font-weight: bold;
color: silver;
margin: -10px -18px 4px -18px;
background-color: #f6f6f6;
padding: 4px 8px;
}
.psb-numof {
width:80px;
}
.psb-age {
display:inline-block;
}
.psb-input-error {
background-color: #ffcccc;
color: #000;
}    .psb_radios_list {
list-style: none;
}
.psb_radios_list li {
display: inline-block;
width: 25%;
} .psb_radio_container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 1em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .psb_radio_container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .psb_radio_checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
} .psb_radio_container:hover input ~ .psb_radio_checkmark {
background-color: #ccc;
} .psb_radio_container input:checked ~ .psb_radio_checkmark {
background-color: #49bcbf;
} .psb_radio_checkmark:after {
content: "";
position: absolute;
display: none;
} .psb_radio_container input:checked ~ .psb_radio_checkmark:after {
display: block;
} .psb_radio_container .psb_radio_checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} #psb-check-dates {
border-radius: 0;
padding: 10px;
}
.psb-roominputs, .psb-roomdetails {
display: block;
width: 100%;
}
.psb-roominputs {
background-color: #49bcbf;
margin: -10px -10px 10px -10px;
padding: 10px;
color: #fff;
}
.psb-roominputs .psb-form-label {
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 2px;
}
.psb-roominputs .psb-capacity, .psb-roominputs .psb-form-row {
display: inline-block;
}
.psb-calendar-holder {
display: inline-block;
position: relative;
background-color: var(--ladolce-bg);
width: 150px;
}
.psb-calendar-holder:after {
position: absolute;
bottom: 11px;
right: 11px;
font-family: 'Linearicons-Free';
content: "\e836";
font-size: 20px;
color: #fff;
}
.psb-calendar-holder .psb-calendar {
background-color: transparent;
color: #fff;
margin: 0px;
}
#psb-heads {
font-weight: bold;
margin-bottom: 20px;
display: block;
}
.psb-roomthumb {
float: left;
margin: 0 20px 20px 0;
}
.psb-form-row .eltd-btn {
background-color: #fff;
border-color: #fff !important;
line-height: 1.6em;
margin-top: -2px;
}
.psb-form-row .eltd-btn span {
color: #545454;
}
.psb-form-row .eltd-btn:hover,
.psb-form-row .eltd-btn.eltd-btn-solid:not(.eltd-btn-custom-border-hover):hover {
background-color: var(--ladolce-bg);
color: #fff;
border-color: #fff !important;
}
.psb-form-row .eltd-btn:hover span {
color: #fff;
}
.psb-errors {
border: 1px solid red;
display: block;
width: fit-content;
padding: 4px 20px;
margin: 0 0 30px 0;
background-color: #fce8e8;
}
.psb-errors span {
background-color: #f9bdbd;
padding: 0 6px;
border-radius: 4px;
}.custom-select {
position: relative;
border: 1px solid #fff;
width: 150px;
}
.custom-select select {
display: none; }
.select-selected {
background-color: var(--ladolce-bg);
} .select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
} .select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
} .select-items div,.select-selected {
color: #ffffff;
padding: 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
user-select: none;
}
.select-items div {
background: #fff;
color: #545454;
} .select-items {
position: absolute;
background-color: #f3f3f3;
top: 100%;
left: 0;
right: 0;
z-index: 99;
} .select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}