:root { --vbo-white-bg-color: #fff;
--vbo-grey-bg-color: #eee;
--vbo-light-grey-bg-color: #f6f6f6;
--vbo-light-dark-grey-bg-color: #444;
--vbo-light-dark-grey-bg-color-hover: #666; --vbo-border-color: #ddd;
--vbo-light-border-color: #eee; --vbo-text-color: #444;
--vbo-middle-text-color: #666;
--vbo-light-text-color: #999;
--vbo-contrast-text-color: #fff;
---vbo-body-text-color: #444; --vbo-input-style: #fff;
--vbo-input-style-deactive: #f6f7f7;
--vbo-input-style-nested-deactive: #eee; --vbo-base-color: #2282bd;
--vbo-base-color-hover: #1890ce;
--vbo-darkblue-color: #144D5C;
--vbo-blue-color: #3286B8;
--vbo-blue-color-hover: #2B74A0;
--vbo-lightblue-color: #80b3ca;
--vbo-lightblue-color-hover: #649fbb;
--vbo-green-color: #52aa20;
--vbo-green-color-hover: #4c794c;
--vbo-orange-color: #FF8000;
--vbo-orange-color-hover: #D06800;
--vbo-red-color: #c70000;
--vbo-red-color-hover: #9f0000; --vbo-tag-red-bg: #fbdcd9;
--vbo-tag-red-txt: #4c211d;
--vbo-tag-red-border: #eed2d0;
--vbo-tag-green-bg: #daebdc;
--vbo-tag-green-txt: #0b2e0f;
--vbo-tag-green-border: #d2ddd2;
--vbo-tag-olive-bg: #C7D8B4;
--vbo-tag-olive-txt: #3B5024;
--vbo-tag-olive-border: #afc19a;
--vbo-tag-blue-bg: #bed6fb;
--vbo-tag-blue-txt: #222950;
--vbo-tag-blue-border: #b6ceda;
--vbo-tag-ocean-bg: #d2e5f2;
--vbo-tag-ocean-txt: #223d50;
--vbo-tag-ocean-border: #c8dbe1;
--vbo-tag-brown-bg: #f0dfd7;
--vbo-tag-brown-txt: #4d3124;
--vbo-tag-brown-border: #ded2ca;
--vbo-tag-yellow-bg: #f8e5b3;
--vbo-tag-yellow-txt: #6d4e00;
--vbo-tag-yellow-border: #e8dcae;
--vbo-tag-orange-bg: #ffe3ca;
--vbo-tag-orange-txt: #543521;
--vbo-tag-orange-border: #eac9b1;
--vbo-tag-purple-bg: #e8ddee;
--vbo-tag-purple-txt: #38174a;
--vbo-tag-purple-border: #dad3de;
--vbo-tag-pink-bg: #f6dfe9;
--vbo-tag-pink-txt: #542d3e;
--vbo-tag-pink-border: #e3d2da;
--vbo-tag-black-bg: #d0d0d0;
--vbo-tag-black-txt: #3e3e3e;
--vbo-tag-black-border: #929292;
--vbo-tag-gray-bg: #e5e4e0;
--vbo-tag-gray-txt: #3e3e3e;
--vbo-tag-gray-border: #d3d3d1;
}
a:focus {
text-decoration: none;
}
.fancybox-opened {
height: 80% !important;
}
.fancybox-opened .fancybox-skin {
height: 100% !important;
}
.vbo-oconfirm-tblcont {
display: inline-block;
width: 100%;
}
.vbentercoupon .vbhaveacoupon {
display:block;
padding:0 0 5px 0;
}
.vbentercoupon-inner {
display: flex;
flex-wrap: wrap;
}
.vbo-coupon-outer {
background: none repeat scroll 0 0 var(--vbo-light-grey-bg-color);
border: 1px dashed var(--vbo-blue-color-hover);
font-size: 1.1em;
padding: 15px;
}
.vbo-oconfirm-middlep {
display: flex;
margin: 20px 0 30px;
}
.vbo-coupon-outer, .vbo-enterpin-block {
margin: 5px;
}
.vbo-coupon-outer, .vbo-enterpin-block {
vertical-align: top;
flex: 1;
}
.vbo-enterpin-btns {
display: flex;
flex-wrap: wrap;
}
.vbentercoupon input.vbinputcoupon, .vbo-enterpin-block #vbo-pincode-inp {
background: none repeat scroll 0 0 var(--vbo-white-bg-color);
border: 1px solid var(--vbo-border-color);
padding: 6px 8px;
margin-bottom: 0;
width: auto;
height: auto;
flex: 1;
display: inline-block;
}
.vbentercoupon input.vbsubmitcoupon, .vbo-enterpin-top .vbo-pincode-sbmt {
border-radius: 2px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
padding: 7px 30px;
margin: 0 0 0 5px;
border: 0;
vertical-align: top;
width: auto;
align-self: center;
}
.vbo-enterpin-block {
background: var(--vbo-light-grey-bg-color) none repeat scroll 0 0;
border: 1px solid var(--vbo-blue-color-hover);
padding: 15px;
display: inline-block;
float: right;
}
.vbo-enterpin-block > span {
font-size: 1.1em;
}
.vbo-enterpin-inner > span {
margin-bottom: 5px;
display: block;
}
.vbo-oconfirm-middlep > div:only-child {
text-align: center;
}
.vbo-oconfirm-middlep > div:only-child .vbo-coupon-form {
display: inline-block;
}
.vbo-enterpin-success {
text-align: center;
font-size: 1.1em;
}
.vbo-enterpin-success .vbo-enterpin-welcome {
padding: 0 0 8px 0;
display: block;
}
.vbo-enterpin-error {
color: var(--vbo-red-color);
font-size: 1em;
margin: 0 0 20px;
padding: 10px;
}
.vbo-oconfirm-cfield-input input {
background: var(--vbo-input-style);
border: 1px solid var(--vbo-border-color);
color: var(--vbo-text-color);
height: 42px;
font-size: 14px;
padding: 10.5px 10px;
}
.vbo-oconfirm-cfield-input textarea {
background: var(--vbo-input-style);
border: 1px solid var(--vbo-border-color);
color: var(--vbo-text-color);
}
.vbo-oconfirm-cfield-input select {
padding: 10.5px 30px 10.5px 10px;
background: var(--vbo-input-style) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
background-size: auto;
background-size: 8px 10px;
width: 100% !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid var(--vbo-border-color);
height: auto;
font-size: 14px;
color: var(--vbo-text-color);
font-weight: normal;
height: 42px;
}
.vblocationbox .vbloclistloctimebox {
color: var(--vbo-blue-color);
}
.vblocationbox .vbloclistlocdescr {
margin:10px 0 0 0;
}
.vblocationbox .vbloclistlocdescr p {
margin: 0px 0 5px 0;
}
.vbo-results-head {
margin: 0 0 20px;
border: 1px solid var(--vbo-light-border-color);
box-shadow: 0 1px 10px rgba(0,0,0,.1);
padding: 10px;
display: inline-block;
width: 100%;
}
.vbo-results-head > .vbo-results-chdates {
float: right;
padding: 0;
margin-left: auto;
border-right: 0;
font-weight: normal;
text-transform: capitalize;
}
.vbo-results-chdates a {
background: transparent;
padding: 8px 12px;
font-size: .9em;
display: inline-block;
margin: 5px 5px 5px 20px;
border-radius: 3px;
text-decoration: none !important;
}
.vbpaymentnamediff {
font-weight: bold;
margin: 0 10px 0 0;
}
.vbvordudata {
background: var(--vbo-light-grey-bg-color);
border:1px solid var(--vbo-border-color);
padding:15px;
line-height:1.6em;
margin:0 10px 0 0;
font-size:13px;
}
.vbo-badge, .vbo-label {
display: inline-block;
text-decoration: none;
padding: 4px 6px;
font-size: 11px;
line-height: 14px;
font-weight: bold;
border-radius: 20px;
color: var(---vbo-body-text-color);
vertical-align: baseline;
white-space: nowrap;
background-color: var(--vbo-light-border-color);
}
.vbo-badge:hover, .vbo-label:hover {
text-decoration: none;
background-color: var(--vbo-border-color);
}
.vbo-label {
border-radius: 6px;
}
.vbo-badge.badge-success, .vbo-label.label-success {
background-color: #c9f4c9;
color: #097900;
}
.vbo-badge.badge-success:hover, .vbo-label.label-success:hover {
background-color: #428242;
color: #fff;
}
.vbo-badge.badge-danger, .vbo-label.label-danger {
background-color: #ffd1d1;
color: #800;
}
.vbo-badge.badge-danger:hover, .vbo-label.label-danger:hover {
background-color: #e61717;
color: #fff;
}
.vbo-badge.badge-warning, .vbo-label.label-warning {
background-color: #ffead6;
color: #f38321;
}
.vbo-badge.badge-warning:hover, .vbo-label.label-warning:hover {
background-color: #ad6704;
color: #fff;
}
.vbo-badge.badge-info, .vbo-label.label-info {
background-color: #bdd7e3;
color: #13438e;
}
.vbo-badge.badge-info:hover, .vbo-label.label-info:hover {
background-color: #498fb3;
color: #fff;
}
.vbvordudata p {
margin:0;
padding:0;
}
.vbvordudata span {
display:block;
}
.vbo-bookingdet-userdetail-lbl, .vbo-booking-details-bookinfo-lbl {
font-weight: bold;
text-transform: uppercase;
font-size: .9em;
display: block;
}
.vbo-booking-details-bookinfo-val {
font-size: 1.1em;
}
.vbo-booking-details-wrapper {
width: 100%;
display: inline-block;
}
.vbo-booking-details-wrapper > div {
width: 100%;
margin: 5px 0;
display: inline-block;
}
.vbo-booking-details-midcontainer {
display: flex;
flex-wrap: wrap;
}
.vbo-booking-details-midcontainer > div {
flex: 1;
margin: 5px;
padding: 24px;
border-radius: 6px;
border: 1px solid var(--vbo-light-border-color);
box-shadow: 0 3px 3px 0 rgba(50,54,72,.08);
}
.vbo-booking-details-midcontainer > .vbo-booking-details-actions {
flex: 0 0 25%;
}
.vbo-booking-details-bookinfo, .vbo-bookingdet-userdetail {
margin: 12px 0;
}
.vbvordudatatitle {
margin-bottom: 9px;
display: block;
border-bottom: 1px solid var(--vbo-light-border-color);
padding-bottom: 5px;
text-transform: uppercase;
color: var(--vbo-light-text-color);
}
.vbo-booking-rooms-wrapper {
width: 100%;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 5px 0;
}
.vbvordroominfo {
line-height:1.8em;
border:1px solid var(--vbo-light-border-color);
box-shadow: 0 3px 3px 0 rgba(50,54,72,.08);
padding: 24px;
flex-wrap: wrap;
border-radius: 6px;
margin: 5px;
width: 100%;
}
.vbvordroominfo-multi {
width: calc(50% - 10px);
}
.vbo-booking-roomphoto {
display: inline-block;
max-width: 300px;
vertical-align: top;
margin-bottom: 10px;
}
.vbvordroominfo-multi .vbo-booking-roomphoto {
float: none;
display: block;
}
.vbvordroominfo img {
max-width: 100%;
height: auto;
border-radius: 6px;
}
.vbo-booking-rooms-wrapper .vbordroomdet {
display: inline-block;
margin-left: 25px;
text-align: left;
flex: 1;
vertical-align: top;
}
.vbo-booking-rooms-wrapper .vbo-booking-room-extras {
border-top: 1px solid var(--vbo-light-border-color);
padding-top: 5px;
margin-top: 5px;
}
.vbo-booking-rooms-wrapper .vbo-booking-room-extras > div {
margin-bottom: 10px;
}
.vbo-booking-rooms-wrapper .vbo-booking-room-extras > div:last-child {
margin-bottom: 0;
}
.vbo-booking-rooms-wrapper .vbo-booking-room-extras > div > div > div {
padding: 3px 0;
line-height: 1.3em;
} 
.vbo-booking-rooms-wrapper .vbo-booking-room-extras .vbo-booking-item-row {
display: flex;
}
.vbo-booking-rooms-wrapper .vbo-booking-room-extras .vbo-booking-item-row .vbo-booking-pricename {
margin-right: 10px;
}
.vbo-booking-rooms-wrapper .vbo-booking-room-extras .vbo-booking-item-row .vbo-booking-pricedet {
margin-left: auto;
font-weight: bold;
white-space: nowrap;
}
.vbvordroominfo-multi .vbvordroominfo {
display: flex;
}
.vbvordroominfo-multi .vbordroomdet {
margin: 15px 0 0;
width: 100%;	
}
.vbvordroominfo-multi .vbo-booking-roomphoto {
max-width: 100%;
}
.vbo-booking-details-bookinfo-splitstay {
border: 1px solid  var(--vbo-blue-color);
padding: 10px;
border-radius: 6px;
}
.vbo-booking-details-bookinfo-splitstay .vbo-booking-details-bookinfo-lbl {
text-transform: initial;
}
.vbo-booking-details-bookinfo-splitstay i {
margin-right: 4px;
color: var(--vbo-blue-color);
}
.vbo-booking-splitstay-info {
display: block;
border-radius: 10px;
margin-bottom: 10px;
}
.vbo-booking-splitstay-info .vbo-booking-splitstay-info-room > span {
padding: 0px 10px;
display: inline-block;
}
.vbo-booking-splitstay-info .vbo-booking-splitstay-info-room > span:first-child {
padding-left: 0;
}
.vbo-booking-splitstay-info .vbo-booking-splitstay-info-room > span i {
margin-right: 3px;
font-size: .9em;
opacity: .8;
}
.vbvordroominforoom .vbordroomdet + img {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid var(--vbo-border-color);
padding:1px;
}
.vbvordroominforoom .vbordroomdet .vbvordroominfotitle {
font-weight:bold;
font-size: 1em;
color: var(--vbo-darkblue-color);
}
.vbo-booking-costs-list {
border-radius: 4px;
border: 1px solid var(--vbo-border-color);
box-shadow: 0 3px 3px 0 rgba(50,54,72,.08);
padding: 10px;
font-size: 1.1em;
margin: 20px 5px 30px;
}
.vbo-booking-costs-list .vbo-booking-cost-detail {
display: flex;
padding: 5px 10px;
}
.vbo-booking-costs-list .vbo-booking-cost-detail-total + .vbo-booking-cost-detail {
border-top: 1px solid var(--vbo-light-border-color);
}
.vbo-booking-costs-list .vbo-booking-cost-lbl {
margin-right: 15px;
}
.vbo-booking-costs-list .vbo-booking-cost-val {
margin-left: auto;
}
.vbo-booking-costs-list .vbo-booking-cost-detail-total {
font-weight: bold;
font-size: 1.2em;
}
.vbo-booking-costs-list .vbo-booking-cost-detail-remainingbalance {
color: var(--vbo-blue-color);
}
.vbvordpaybutton table {
margin: 0 auto 15px;
}
.vbvordpaybutton table td {
padding: 5px;
text-align: left;
}	
.vbvordpaybutton table td input {
padding: 3px 5px;
}
.vbvordpaybutton table td input.button {
width: 100%;
background: none repeat scroll 0 0 var(--vbo-green-color);
border: 0 none;
border-radius: 4px;
color: var(--vbo-contrast-text-color);
cursor: pointer;
display: inline-block;
font-size: 16px;
margin: 8px 0 0;
padding: 8px 25px;
text-align: center;
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
}
.vbvordpaybutton table td input.button:hover {
background: var(--vbo-green-color-hover);
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
}
.offline-cc-overlay-outer {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color: rgba(0,0,0,0.5);
display: none;
}
.offline-cc-overlay-inner {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 40%;
height: 70%;
max-width: 580px;
z-index: 101;
padding: 0;
border-radius: 16px;
background-color: var(--vbo-white-bg-color);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .5);
overflow: auto;
text-align: center;
}
.offline-cc-overlay-inner > p {
border-bottom: 1px solid var(--vbo-border-color);
margin-bottom: 25px;
padding: 20px 30px 15px;
font-size: 16px;
}
.offline-cc-overlay-inner h1 {
font-size: 1.5em;
text-transform: uppercase;
}
.vbo-offline-cc-container {
margin: 0 30px 30px;
} 
.vbo-offline-cc-container .vbo-offline-cc-row {
margin-bottom: 14px;
}
.vbo-offline-cc-container .vbo-offline-cc-row-submit {
margin-bottom: 0;
margin-top: 10px;
}
.vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-lbl {
margin-bottom: 3px;
text-align: left;
font-size: .9em;
}
.vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-val {
display: flex;
}
.vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-val > * {
flex: 1;
height: 50px !important;
border: 1px solid var(--vbo-border-color);
border-radius: 6px !important;
box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
}
.vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-val #credit_card_number {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-val select[name="credit_card_type"] {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-right: 0;
}
.vbo-offline-cc-container .vbo-offline-cc-row-group-validity, .vbo-offline-cc-container .vbo-offline-cc-row-group-cardholder {
display: flex;
flex-wrap: wrap;
}
.vbo-offline-cc-container .vbo-offline-cc-row-group-validity .vbo-offline-cc-row-validity {
flex: 1;
}
.vbo-offline-cc-container .vbo-offline-cc-row-group-validity .vbo-offline-cc-row-cvv {
flex-basis: 120px;
} 
.vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-val select[name="expire_month"] {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-val select[name="expire_year"] {
flex-basis: 100px;
flex-grow: 0;
border-left: 0;
border-radius: 0 !important;
border-radius: 0 !important;
}
.vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-val #credit_card_cvv {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-left: 0;
}
.vbo-offline-cc-container .vbo-offline-cc-row-group-cardholder > div {
flex: 1;
}
.vbo-offline-cc-container .vbo-offline-cc-row-group-cardholder .vbo-offline-cc-row-fname input {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-right: 0;
}
.vbo-offline-cc-container .vbo-offline-cc-row-group-cardholder .vbo-offline-cc-row-lname input {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.vbo-offline-cc-row-group-cardpan {
display: flex;
flex-wrap: wrap;
}
.vbo-offline-cc-row-group-cardpan .vbo-offline-cc-row-cardtype {
flex-basis: 200px;
}
.vbo-offline-cc-row-group-cardpan .vbo-offline-cc-row-cardpan {
flex: 1;
}
.vbo-offline-cc-container .vbo-offline-cc-row-submit .button {
background: var(--vbo-light-dark-grey-bg-color);
border: 1px solid var(--vbo-light-dark-grey-bg-color);
color: var(--vbo-contrast-text-color);
box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
}
.vbo-offline-cc-container .vbo-offline-cc-row-submit .button:hover {
background: var(--vbo-light-dark-grey-bg-color-hover);
border: 1px solid var(--vbo-light-dark-grey-bg-color-hover);
}
.offline-cc-overlay-closer {
float: right;
cursor: pointer;
padding: 8px 15px;
}
.vbvordroominforoom .vbvordcosts {
background:none;
border:0;
padding:0;
box-sizing: border-box;
}
.vbvordroominfo p, .vbvordcosts p {
margin:0;
padding:0;
}
.vbvordcoststitlemain > span { 
font-size: 1.2em;
font-weight: bold;
}	
.vbvordcosts {
margin:15px 5px 0;
border: 1px solid var(--vbo-border-color);
border-radius: 6px;
line-height:2em;
padding:24px;
text-align: left;
box-shadow: 0 2px 5px 0 rgba(50,54,72,.08);
}
.vbvordcosts.vbo-amount-paid-block .vbvordcoststot {
font-size: 1.1em;
columns: var(--vbo-blue-color);
}
.vbvordroominfo .vbvordcosts {
box-shadow: none;
background: var(--vbo-white-bg-color);
border: 1px solid var(--vbo-light-border-color);
padding: 15px;
display: inline-block;
margin-top: 0;
}
.vbvordroominfo-multi .vbvordcosts {
margin: 15px 0 0;
display: block;
}
.vbvordcosts .vbvordcoststot {
font-size: 1.4em;
text-align: right;
font-weight: bold;
}
.vbo-remaining-balance-block {
margin-top: 3px;
background: var(--vbo-white-bg-color);
}
.vbo-remaining-balance-block .vbvordcoststot {
font-size: 1.1em;
color: var(--vbo-blue-color);
}
.vbo-booking-modcanc-container {
text-align: center;
}
.vbo-booking-modcanc-container > div {
display: inline-block;
}
.vbo-booking-details-intro {
margin-bottom: 25px;
}
.vbo-booking-details-head {
font-weight: normal;
padding: 10px 15px;
text-align: center;
margin: 5px;
display: inline-block;
border-radius: 4px;
}
.vbo-booking-details-head > h4 {
margin: 0;
padding: 0;
}
.vbo-booking-details-head-confirmed {
background: var(--vbo-green-color);
color: #fff;
}
.vbo-booking-details-head-pending {
background: var(--vbo-orange-color);
color: #fff;
}
.vbo-booking-details-head-cancelled {
background: var(--vbo-red-color);
color: #fff;
}
.vbo-booking-canc-cmd i, .vbo-booking-mod-cmd i {
margin-right: 4px;
}
.vbo-booking-mod-cmd a, .vbo-booking-canc-cmd span {
padding: 7px 14px;
background: var(--vbo-blue-color);
display: block;
margin-top: 10px;
border-radius: 2px;
color: #fff;
cursor: pointer;
text-align: center;
}
.vbo-booking-canc-cmd span {
background-color: var(--vbo-red-color);
}
.vbo-booking-mod-cmd a:hover, .vbo-booking-mod-cmd a:active, .vbo-booking-mod-cmd a:focus {
background: var(--vbo-blue-color-hover);
text-decoration: none;
color: #fff;
}
.vbo-booking-canc-cmd span:hover {
background: var(--vbo-red-color-hover);
}
.vbo-booking-precheckin-cmd a {
background: var(--vbo-green-color);
}
.vbo-booking-precheckin-cmd a:hover, .vbo-booking-precheckin-cmd a:active, .vbo-booking-precheckin-cmd a:focus {
background: var(--vbo-green-color-hover);
}
.vbo-booking-roomupgrade-cmd a {
background: var(--vbo-orange-color);
}
.vbo-booking-roomupgrade-cmd a:hover {
background: var(--vbo-orange-color-hover);
}
.vbo-booking-cancform-inner {
border: 1px solid var(--vbo-border-color);
padding: 20px;
margin-top: 10px;
background: var(--vbo-light-grey-bg-color);
}
.vbo-booking-cancform-inner .vbo-booking-canc-details-policy {
margin-bottom: 10px;
font-weight: bold;
}
.vbo-booking-canc > div {
margin: 10px 0;
}
.vbo-btn-cancelbooking {
padding: 7px 14px;
background: var(--vbo-red-color);
display: inline-block;
margin-top: 10px;
border-radius: 2px;
color: #fff;
cursor: pointer;
text-align: center;
border: 0;
}
.vbo-btn-cancelbooking:hover {
background: var(--vbo-red-color-hover);
}
.vbo-booking-modification-helper {
font-weight: normal;
padding: 15px;
margin: 5px 0 10px;
border: 2px solid var(--vbo-blue-color);
color: var(--vbo-blue-color);
background: var(--vbo-white-bg-color);
}
.vbo-booking-modification-helper .vbo-booking-modification-helper-inner {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.vbo-booking-modification-msg {
display: inline-block;
font-size: 105%;
align-self: center;
}
.vbo-booking-modification-canc {
display: inline-block;
margin: 10px 0 10px auto;
}
.vbo-booking-modification-canc a {
padding: 7px 15px;
background: var(--vbo-text-color);
display: inline-block;
border-radius: 2px;
color: var(--vbo-contrast-text-color);
cursor: pointer;
text-align: center;
}
.vbo-booking-modification-canc a > i {
margin-right: 4px;
}
.vbo-booking-modification-canc a:hover, .vbo-booking-modification-canc a:active, .vbo-booking-modification-canc a:focus {
background: var(--vbo-text-color);
text-decoration: none;
color: var(--vbo-contrast-text-color);
}
.vbvordcoststitle {
font-size: 1.05em;
font-weight: bold;
}
.vbvordextraservices {
line-height: 1.2em;
font-weight: bold;
}
.vbvordextraservices .vbo-booking-pricename {
font-weight: normal;
margin-right: 10px;
}
.vbvordpaynote {
margin-top: 20px;
}
.vbvordcostsdiscount {
text-align: right;
margin: 0 0 10px 0 !important;
}
.vbvordcostsoptionals {
font-weight: bold;
}
.vbvordcostsoptionals .vbo-booking-pricename {
font-weight: normal;
margin-right: 10px;
}
.vbo-booking-rooms-wrapper .vbordroomdetpeople {
display: inline-block;
font-size: .9em;
font-weight: bold;
padding: 0 5px 5px 0;
position: relative;
text-align: left;
}
.vbo-booking-rooms-wrapper .vbo-booking-roomrate {
font-weight: bold;
}
.vbo-booking-rooms-wrapper .vbo-booking-roomrate .vbo-booking-pricename {
display: block;
font-size: 1.1em;
font-weight: normal;
}
.vbvordroominfo .vbvordroominfotitle {
font-weight:bold;
display: inline-block;
width: 100%;
text-align: left;
font-size: 1.2em;
}
.vbvordudata .vbvordudatatitle {
color: var(--vbo-darkblue-color);
font-size: 16px;
text-transform: uppercase;
padding:0 0 5px 0;
}
.vbvordpaybutton {
text-align: center;
margin: 20px 0 40px;
padding: 20px;
border: 1px solid var(--vbo-light-border-color);
box-shadow: 0 10px 10px rgba(0,0,0,.05);
border-radius: 6px;
}
.room_container {
width: 100%;
padding: 8px;
position:relative;
}
.vbo-showprc-wrapper .room_container {
padding: 0;
}
.vikfx-thumbslide-container {
text-align: center;
float: left;
width: 28%;
}
.room_container img.vblistimg {
max-width: 100%;
}
.vbo-showprc-room-block .vikfx-thumbslide-container {
max-width: 40%;
width: auto;
}
.vbo-showprc-room-block .vikfx-thumbslide-container 
.vbo-showprc-room-block .vikfx-thumbslide-container img.vblistimg {
max-width: 100%;
width: auto;
}
.vbrdetboxtop .vbroomimgdesc .vikfx-thumbslide-container {
width: auto;
}
.vbrdetboxtop .vbroomimgdesc .vikfx-thumbslide-container img.vblistimg {
max-width: 100%;
}
.vbtith3 {
color: var(--vbo-blue-color);
margin: 0;
font-weight: bold;
}
.room_carats .vbulcarats {
float: left;
display: inline-block;
}
.room_carats .vbtith3 {
display: block;
margin: 6px 10px 6px 0;
}
.vb_carats {
border:1px solid var(--vbo-light-border-color);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:10px;
}
.vb_carats table td {
padding:0 5px;
}
.room_description_box {
display: inline-block;
margin: 0 0 0 20px;
}
.vbo-showprc-room-block .room_description_box {
margin: 0;
flex: 1;
}
.room_carats {
width: 100%;
margin:0px 0 18px 0;
display: inline-block;
padding: 15px 0;
}
.room_carats ul tr li:last-child {
border:0;
}
.vbhword {
font-size: 15px;
font-weight:bold;
display: block;
text-transform:uppercase;
}
.vb_detcostroomdet {
float:right;
}
.vbo-rdet-descprice-block .vb_detcostroom {
width: 100%;
box-sizing: border-box;
}
.vbsrchdetpricebox {
width:100%;
}
.vbpricedetstrhead td {
background: var(--vbo-light-border-color);
font-size:14px;
color:var(--vbo-text-color);
text-transform:uppercase;
font-weight:bold;
padding:7px;
}
.vbpricedetstr0 td, .vbpricedetstr1 td {
padding:7px;
}
.vbpricedetstr1 td {
background:var(--vbo-light-border-color);
}
.vbsrchdetpricetogimgtab {
position:absolute;
right:5px;
top:-12px;
cursor:pointer;
}
.vbsearchresheadreserv {
border:1px solid var(--vbo-light-border-color);
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding:10px;
width: 96.7%;
font-size:17px;
font-weight:bold;
background:var(--vbo-white-bg-color);
color:var(--vbo-green-color);
margin:0 0 10px 0;
}
.vbsearchresheadcheckroom {
font-size:17px;
display:inline-block;
border:1px solid var(--vbo-border-color);
text-align: center;
background: var(--vbo-light-grey-bg-color);
}
.vbsearchresheadcheckroom > div, .vbo-order-arrivdep-info > div {
display: inline-block;
}
.vbo-showprc-wrapper {
margin-top: 30px;
display: inline-block;
width: 100%;
}
.vbsearchheadroom {
background:var(--vbo-green-color);
border-bottom-left-radius:15px;
-moz-border-bottom-left-radius:15px;
-webkit-border-bottom-left-radius:15px;
font-weight:bold;
font-size:20px;
color: var(--vbo-contrast-text-color);
padding:0px 12px 0px 12px;
height:36px;
line-height:36px;
display:inline-block;
margin:-10px 0 0 0;
float:left;
}
.vbsearchheadperson {
background:var(--vbo-orange-color);
border-bottom-right-radius:15px;
-moz-border-bottom-right-radius:15px;
-webkit-border-bottom-right-radius:15px;
font-weight:bold;
font-size:20px;
color:var(--vbo-contrast-text-color);
height:36px;
line-height:36px;
padding:0px 12px 0px;
display:inline-block;
margin:-10px -10px 0 0;
}
.vbsearchheadroomnight {
font-size:16px;
}
.vbdetroom .vbroomdetcont {
display: flex;
flex-wrap: wrap;
}
.vbdetroom .vbroomdetcont .vbo-searchdet-head {
flex-basis: 45%;
}
.vbdetroom .vb_detcostroom {
background: var(--vbo-white-bg-color);
border-radius: 8px;
box-shadow: 0 0 20px rgba(0,0,0,.2);
margin: 0 20px 30px;
}
.vbdetroom .vbroomdetcont .room_description_box {
flex: 1;
padding-right: 20px;
}
.vbdetroom .room_carats {
border-top: 1px solid var(--vbo-border-color);
border-bottom: 1px solid var(--vbo-border-color);
padding: 10px;
margin: 10px 20px 10px;
}
.room_container .room_title {
display:inline-block;
margin:0;
padding:0;
float:right;
}
.room_total_desc {
clear:both;
float:none;
display:inline-block;
margin:25px 0 25px 0;
width:94.7%;
}
.room_prices {
width: 100%;
padding: 0;
display:inline-block;
}
.vbo-showprc-rateplans-wrapper {
width: 100%;
padding: 0;
display: inline-block;
margin: 0px 0 18px 0;
}
.vbo-showprc-pricetable {
display: inline-block;
width:100%;
}
.vbo-showprc-pricetable .vbo-showprc-price-entry {
display: inline-block;
width:100%;
border:1px solid var(--vbo-light-border-color);
padding: 20px 0 20px 0;
margin: 2px 0;
box-sizing: border-box;
}
.vbo-showprc-pricetable .vbo-showprc-price-entry > div {
display: inline-block;
}
.vbo-showprc-pricetable .vbo-showprc-price-entry label {
margin: 0 0 5px;
}
.vbo-cancpolicy-trig i {
cursor: pointer;
font-size: 15px;
}
.vbo-cancpolicy-cont {
margin-top: 10px;
border: 1px solid var(--vbo-border-color);
padding: 6px;
font-size: .9em;
}
.vbageintervals {
border:1px solid var(--vbo-border-color);
background: var(--vbo-light-grey-bg-color);
padding: 10px 4px 10px 15px;
}
.vbo-showprc-child-fees-wrapper {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.vbageintervals select {
padding: 10.5px 30px 10.5px 10px;
background: var(--vbo-white-bg-color) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
background-size: auto;
background-size: auto;
background-size: 8px 10px;
width: 100% !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid var(--vbo-border-color);
height: auto;
font-size: 14px;
color: var(--vbo-text-color);
font-weight: normal;
height: 42px;
}
.vbageintervals ul {
display: inline-block;
width: 100%;
}
.vbageintervals ul li {
display: inline-block;
float: left;
list-style-type: none;
border-right: 1px solid var(--vbo-border-color);
padding: 0 10px 0 0;
margin: 3px 10px 3px 0;
}
.vbageintervals ul li span {
display: block;
}
.vbageintervals ul li:last-child {
border:0;
}
.vbageintervals p {
font-size: 14px;
font-weight: bold;
}
.vbo-showprc-price-entry-radio {
text-align: center;
width: 5%;
float: left;
}
.vbo-showprc-price-entry-rateplan {
width: 75%;
float: left;
}
.vbo-showprc-price-entry-cost {
float: right;
text-align: right;
font-size: 1.2em;
font-weight: bold;
color: var(--vbo-blue-color);
padding-right: 25px;
}
.room_prices .room_shpricesdet {
font-size:15px;
}
.vbroomsfound {
font-size:14px;
color:var(--vbo-light-text-color);
border-bottom:1px solid var(--vbo-border-color);
padding:0 0 5px 0;
}
.maxthirty {
margin:0 8px 0 0;
}
.room_options {
display: inline-block;
padding: 0;
width: 100%;
}
.vbo-showprc-optionstable {
border-radius: 7px;
margin: 0 0 18px;
padding: 0;
width: 100%;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry {
border: 1px solid var(--vbo-light-border-color);
display: inline-block;
width: calc(33.33% - 8px);
margin: 4px;
padding-bottom: 10px;
box-sizing: border-box;
border-radius: 4px;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry > *:not(.vbo-showprc-option-entry-img) {
padding: 0 10px;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry > div {
margin: 10px 0 0 0;
text-align: center;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry > div select {
padding: 4px 5px;
border: 1px solid var(--vbo-border-color);
}
.vbo-showprc-optionstable .vbo-showprc-option-entry > .vbo-showprc-option-entry-img {
margin-top: 0;
}
.vbo-showprc-option-entry-img img {
max-width: 100%;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.vbo-showprc-option-entry-name {
font-weight: bold;
}
.vbo-showprc-option-entry-descr {
font-weight: normal;
font-size: .9em;
color:var(--vbo-text-color);
margin: 3px 0 0;
}
.vbo-showprc-option-entry-cost {
font-size: 1.1em;
font-weight: bold;
}
.vbo-showprc-option-entry-input input {
border-radius: 0;
padding: 4px 5px 4px 9px;
max-width: 70px;
font-size: 14px;
background: var(--vbo-input-style);
color: var(--vbo-text-color);
font-weight: normal;
height: 42px;
border: 1px solid var(--vbo-border-color);
}
.room_options .vboptionaldescr {
padding:0 0 10px 0;
}
.room_options .vbhword {
margin:0 0 10px 0;
}
.room_options p {
padding:0;
margin:0;
}
.room_buttons_box {
width: 100%;
display: inline-block;
margin:15px 0 0 0;
}
.room_buttons_box .booknow {
margin:0 0 15px 0;
}
.vboconfirmbottom {
width:100%;
clear:both;
float:none;
display: inline-block;
margin: 20px 0 25px;
}
.booknow {
background: none repeat scroll 0 0 var(--vbo-green-color);
border: 0 none;
border-radius: 4px;
color: var(--vbo-contrast-text-color);
cursor: pointer;
display: inline-block;
font-size: 16px;
margin: 8px 0 0;
padding: 8px 25px;
text-align: center;
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
}
.booknow:hover {
background: none repeat scroll 0 0 #4c8b4c;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
}
.vbo-goback-link {
border:2px solid var(--vbo-border-color);
border-radius: 2px;
color: var(--vbo-text-color);
cursor: pointer;
display: inline-block;
font-size: .9em;
margin: 0;
padding: 8px 25px;
text-align: center;
transition: all 400ms ease-in-out 0s;
text-decoration: none !important;
}
.vboconfirmbottom .booknow {
float: right;
margin:0 15px 0 0;
}
.vboconfirmbottom .goback {
display: inline-block;
}
.room_buttons_box .booknow {
float:right;
}
.room_buttons_box .goback {
display: inline-block;
}
.room_buttons_box {
margin: 10px 0 30px 0;
}
.vbsearchmainsbmt {
display:inline-block;
float:right;
}
.vbsubmit, .vbordcancform-entry-submit input {
background: none repeat scroll 0 0 var(--vbo-green-color);
border:0;
border-radius: 4px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1em;
margin: 8px 0 0;
padding: 8px 25px;
text-align: center;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
}
.vbsubmit:hover, .vbordcancform-entry-submit input:hoverc {
background: none repeat scroll 0 0 var(--vbo-green-color-hover);
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
}
.vbreservationriepilogo {
font-size: 1em;
color: var(--vbo-text-color);
text-transform:uppercase;
}
.vbbookingforlocs {
float:none;
clear:both;
}
.vbreservationfor {
width:280px;
margin:0 0 10px 0;
padding:0;
} 
.vbreservationfordate {
padding:0 2px;
}
.vbreservationfor .vbreservationforone {
display:block;
font-size:14px;
}
.vbreservationfortwo {
display:block;
width:185px;
font-size:12px;
color:var(--vbo-text-color);
padding:5px 0 0 0;
text-transform:uppercase;
float:left;
}
.vbreservationfortwo p {
display:block;
margin:0 0 5px 0;
padding:0;
}
.vbtableorder {
line-height:1.6em;
margin:20px 0 20px 0;
width:100%;
}
.vbtableorder td {
vertical-align: middle !important;
padding: 8px 0;
}
.vbo-oconfirm-roomrow {
background: var(--vbo-light-grey-bg-color);
}
.vbtableorder .vbtableorderfrow {
background:var(--vbo-grey-bg-color);
}
.vbtableorder .vbtableorderfrow td {
padding:8px;
text-transform: uppercase;
font-weight: bold;
font-size: .8em;
}
.vbo-oconfirm-roomname {
color: var(--vbo-blue-color);
font-weight: bold;
}
.vbo-oconfirm-roomdistfeature {
font-size: .9em;
font-style: italic;
}
.vbo-oconfirm-priceinfo {
font-size: .8em;
margin: 3px 0 0;
}
.vbo-oconfirm-splitstay-dates {
margin-top: 5px;
}
.vbo-oconfirm-splitstay-dates > span {
margin-right: 10px;
}
.vbo-oconfirm-splitstay-dates > span i {
margin-right: 3px;
}
.vbtableorder td {
padding: 11px 15px !important;
}
.vbo-oconfirm-tr-separator-total td, .vbo-oconfirm-tr-separator td {
padding: 2px !important;
}
.vbtableorder .vbordrowtotal {
font-size: .9em;
}
.vbtableorder .vbordrowtotal .vbtotalord {
color:var(--vbo-blue-color);
}
.vbo-oconfirm-total-block {
text-transform: uppercase;
font-weight: bold;
}
.vbtableorder .vbordrowtotal .vbtotalord .vbcurrency, .vbtableorder .vbordrowtotal .vbtotalord .vbprice {
font-size: 1.1em;
}
.vbtableorder .vbordrowtotal td { 
padding: 8px 15px;
font-weight:normal !important;
background: var(--vbo-grey-bg-color);
border-top-color:var(--vbo-border-color);
}
.vbtableorder .vbordrowtotal.vbordrowtotal-prevtot td { 
background: var(--vbo-light-grey-bg-color);
}
.vbcheckinloc {
background: none repeat scroll 0 0 var(--vbo-light-grey-bg-color);
border: 1px solid var(--vbo-border-color);
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
color: var(--vbo-text-color);
float: left;
font-size: 16px;
margin: 0 15px 20px 0;
padding: 10px;
}
.vblocsboxsum {
float:right;
}
.vbcheckoutloc {
font-size:16px;
margin:0;
padding:0;
color:var(--vbo-text-color);
background: none repeat scroll 0 0 var(--vbo-light-grey-bg-color);
border: 1px solid var(--vbo-border-color);
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
padding: 10px;
margin:0 0 20px 0;
float:left;
}
.vbcheckoutloc + form {
clear:both;
float:none;
padding:10px 0 10px 0;
margin:15px 0 0px 0;
border-top:1px solid var(--vbo-light-border-color);
}
.vbseparatorcflong {
font-size:11px;
padding:15px 0 10px;
color:var(--vbo-text-color);
}
.vbo-oconfirm-paymentopts {
border-top:1px solid var(--vbo-border-color);
border-bottom:1px solid var(--vbo-border-color);
padding: 25px 0 25px 0;
margin: 25px 0;
display: inline-block;
width: 100%;
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list li {
display: flex;
vertical-align: top;
margin: 5px;
padding: 8px 15px;
line-height: 37px;
list-style-type: none !important;
border: 2px solid var(--vbo-light-border-color);
border-radius: 6px;
position: relative;
cursor: pointer;
}
.vbo-oconfirm-paymentopts  .vbo-oconfirm-paymethods-list li label:hover {
color: var(--vbo-lightblue-color);
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list .vbo-oconfirm-paymethod-item-active {
border-color: var(--vbo-lightblue-color);
background: var(--vbo-light-grey-bg-color);
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list .vbo-oconfirm-paymethod-item-active:after {
content: "\f00c";
width: 21px;
height: 21px;
color: var(--vbo-contrast-text-color);
font-size: 10px;
text-align: center;
line-height: 19px;
font-family: "Font Awesome 5 Free", FontAwesomes !important;
font-weight: 900;
background: var(--vbo-lightblue-color);
position: absolute;
top: -11px;
border-radius: 50%;
right: -10px;
border: 2px solid var(--vbo-white-bg-color);
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list li > * {
align-self: center;
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list li input {
display: inline-block !important;
width: auto;
height: auto;
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list li label {
margin-left: 5px;
margin-bottom: 0;
display: inline-block !important;
cursor: pointer;
}
.vbo-payment-image {
display: inline-block;
text-align: center;
margin: 0 0 0 5px;
line-height: 10px;
}
.vbo-payment-image span {
margin: 0;
padding: 0;
}
.vbo-payment-image img {
max-height: 25px;
}
.vbo-oconfirm-choosedeposit {
display: inline-block;
width: 100%;
margin-top: 17px;
border-top: 2px dashed var(--vbo-light-border-color);
padding-bottom: 15px;
padding-top: 20px;
}
.vbo-oconfirm-choosedeposit-inner {
display: flex;
flex-wrap: wrap;	
}
.vbo-oconfirm-choosedeposit-inner > div {
display: flex;
column-gap: 15px;
padding: 15px 10px;
border: 2px solid var(--vbo-light-border-color);
margin: 5px;
border-radius: 6px;
position: relative;
}
.vbo-oconfirm-choosedeposit-inner .vbo-oconfirm-choosedeposit-block label {
margin-left: 0;
margin-bottom: 0;
padding: 0;
}
.vbo-oconfirm-choosedeposit-paydeposit-inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.vbo-oconfirm-choosedeposit-paydeposit-balance {
font-size: .8em;	
}
.vbcheckinloc .vbcheckinlocname, .vbcheckoutloc .vbcheckoutlocname {
display:block;
font-size:12px;
padding:5px 0 0 0;
font-weight:bold;
}
.room_disclaimer {
overflow: hidden;
border-radius: 0;
border: 1px solid var(--vbo-border-color);
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
}
.room_title {
margin-bottom: 13px;
}
.room_separator {
margin-top: 22px;
}
.room_result {
display: flex;
flex-wrap: wrap;
width: 100%;
border:1px solid var(--vbo-light-border-color);
}
.room_result-inner {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.vbstableroom {
width:100%;
float:left;
}
.vbstableroom td {
vertical-align: top;
text-align: left;
}
.vbmodalrdetails {
top: 5px;
right: 5px;
position: absolute;
display:inline-block;
}
.vbmodalrdetails a {
display: block;
content: "";
font-weight: bold;
position: relative;
z-index: 1;
opacity: 0.6;
text-decoration: none;
background: var(--vbo-white-bg-color);
color: var(--vbo-light-text-color);
width: 25px;
height: 25px;
line-height: 25px;
font-size: 14px;
text-align: center;
}
.vbmodalrdetails a i {
line-height: 25px;
}
.vbimglistdiv:hover .vbmodalrdetails a {
text-decoration: none;
color: var(--vbo-light-text-color);
opacity: 1;
}
.vbimglistdiv .vbmodalrdetails a:hover {
color: var(--vbo-text-color);
}
.vbcontdivtot {
position:relative;
float:right;
margin:0;
left: -2px;
padding: 0;
flex: 1;
}
.vbo-room-result-wrap {
margin: 20px 0;
}
.vbo-room-result-inner {
border-radius: 4px;
border: 1px solid var(--vbo-light-border-color);
}
.vbsrowprice .vbsrowpricediv .vbstartfrom {
font-size:11px;
display:block;
}
.vbsrowprice .vbsrowpricediv .room_cost {
font-size: 1.2em;
font-weight: bold;
display:block;
}
.vbo-promotion-price .room_cost {
color: var(--vbo-red-color);
}
.room_cost + .vbo-room-result-price-before-discount > .room_cost {
color: var(--vbo-text-color);
font-size: 16px;
font-weight: bold;
text-decoration: none;
position: relative;
display: inline-block;
}
.room_cost + .vbo-room-result-price-before-discount > .room_cost:before,
.room_cost + .vbo-room-result-price-before-discount > .room_cost:before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 100%;
border-top: 1px solid;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.vbo-room-result-inner .vbo-room-result-head {
display: flex;
background: var(--vbo-light-grey-bg-color);
}
.vbo-room-result-inner .vbo-room-result-head > div {
flex: 1;
padding: 5px 10px;
}
.vbo-room-result-inner .vbo-room-result-body {
display: flex;
}
.vbo-room-result-inner .vbo-room-result-body > div {
border-right: 1px solid var(--vbo-light-border-color);
}
.vbo-room-result-inner .vbo-room-result-body > div:last-child {
border: 0;
}
.vbo-room-result-body-bookingsolutions > div {
display: flex;
}
.vbo-room-result-inner > div > .vbo-room-result-head-img, .vbo-room-result-inner > div > .vbo-room-result-body-img {
flex-basis: 15%;
flex-grow: inherit;
}
.vbo-searchresults-compact-wrap .vbo-room-result-wrap .vbo-room-result-body-img .vikfx-gallery {
display: none;
}
.vbo-room-result-inner > div > .vbo-room-result-head-details, .vbo-room-result-inner > div > .vbo-room-result-body-details {
flex-basis: 37%;
flex-grow: inherit;
}
.vbo-room-result-inner > div > .vbo-room-result-head-party, .vbo-room-result-body-bookingsolution .vbo-room-result-body-price-party {
flex-basis: 100px;
flex-grow: inherit;
}
.vbo-room-result-inner > div > .vbo-room-result-head-price, .vbo-room-result-body-bookingsolution .vbo-room-result-body-price-amount {
flex-basis: 200px;
flex-grow: inherit;
}
.vbo-room-result-inner > div > .vbo-room-result-head-select, .vbo-room-result-body-bookingsolution .vbo-room-result-body-price-selection {
flex-basis: 100px;
flex-grow: inherit;
}
.vbo-room-result-inner > div > .vbo-room-result-body-bookingsolutions {
flex: 1;
}
.vbo-room-result-inner .vbo-room-result-head > .vbo-room-result-head-bookstatus, .vbo-room-result-body-bookstatus {
flex-basis: 200px;
flex-grow: inherit;
}
.vbo-room-result-body-bookstatus .vbo-room-result-body-bookmsg {
display: block;
background: var(--vbo-white-bg-color);
padding: 10px;
border-radius: 4px;
border: 1px solid var(--vbo-red-color);
font-size: .9em;
margin-bottom: 8px;
}
.vbo-room-result-body-bookstatus .vbo-room-result-body-bookbtn {
text-align: center;
}
.vbo-room-result-body-bookingsolutions .vbo-room-result-body-bookingsolution {
margin: 10px 8px;
border: 1px solid var(--vbo-light-border-color);
border-bottom: 2px solid var(--vbo-light-border-color);
border-radius: 4px;
}
.vbo-room-result-body-bookingsolution > div {
border-right: 1px solid var(--vbo-light-border-color);
padding: 10px;
}
.vbo-room-result-body-bookingsolution > div:last-child {
border: 0;
}
.vbo-room-result-body-bookingsolution .vbo-room-result-body-price-amount .room_cost {
font-size: 20px;
color: inherit;
}
.vbo-room-result-body-bookingsolution .vbo-room-result-body-price-selection select {
padding: 5px;
border: 1px solid var(--vbo-border-color);
}
.vbo-room-result-body-bookingsolution.vbo-room-result-soldout .room_cost, .vbo-room-result-soldout .vbo-room-result-body-price-party {
color: var(--vbo-light-text-color);
}
.vbo-room-result-soldout .vbo-room-result-body-price-selection select {
color: var(--vbo-light-text-color);
}
.vbo-room-result-inner > div > .vbo-room-result-body-details .vbo-room-result-body-rname h4 {
display: inline-block;
}
.vbo-room-result-inner > div > .vbo-room-result-body-details .vbo-room-result-body-rname .vbo-room-result-body-lastavail {
display: inline-block;
font-size: 13px;
border-radius: 2px;
padding: 4px 8px;
background: var(--vbo-orange-color);
color: #fff;
float: right;
margin: 4px;
}
.vbo-room-result-body-img {
padding: 5px;
}
.vbo-room-result-body-details {
padding: 10px;
}
.vbdivtot {
float:right;
width:100%;
}
.vbsrowprice {
text-align:center;
padding: 20px 10px 0;
}
.vbdescrlistdiv {
padding: 14px 0 8px 0;
overflow: hidden;
}
.roomlist_carats {
padding: 0;
margin-top: 5px;
}
.roomlist_carats .vbo-room-carat, .room_carats .vbo-room-carat {
display: inline-block;
margin: 4px 10px 0 0;
}
.vbo-unavailable-block {
position: relative;
padding: 8px 10px 8px 10px;
border-radius: 4px;
background: var(--vbo-light-grey-bg-color);
border: 1px solid var(--vbo-red-color);
margin: 10px 0px 10px 0;
display: flex;
}
.vbo-unavailable-block .vbo-unavailable-icon {
display: inline-block;
margin-right: 10px;
}
.vbo-unavailable-block .vbo-unavailable-icon i {
width: 34px;
height: 34px;
line-height: 31px;
border: 2px solid var(--vbo-red-color);
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 14px;
background: var(--vbo-red-color);
}
.vbo-promotion-block {
position: relative;
padding: 8px 10px 8px 10px;
border-radius: 4px;
background: var(--vbo-light-grey-bg-color);
border: 1px solid var(--vbo-green-color);
margin: 10px 0px 10px 0;
display: flex;
}
.vbo-promotion-block .vbo-promotion-icon {
display: inline-block;
margin-right: 10px;
}
.vbo-promotion-block .vbo-promotion-icon i {
width: 34px;
height: 34px;
line-height: 31px;
border: 2px solid var(--vbo-green-color);
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 14px;
background: var(--vbo-green-color);
}
.vbo-promotion-block p:last-child {
margin-bottom: 0;
}
.vbo-room-details-booking-wrapper {
width: 100%;
display: inline-block;
}
.vbsrowprice .vbsrowpricediv {
padding:2px 16px;
text-align:center;
margin: 0 0 3px 0;
}
.vblist .room_cost {
display:inline-block !important;
}
.vblist .vbsrowpricediv {
padding:3px 16px;
}
.vbsearchcaratt td {
padding:10px !important;
font-size:11px;
border-bottom:1px dotted var(--vbo-border-color);
}
.vbsearchcaratt tr:last-child td {
border:0;
}
.vbrowcdescr p {
margin:0 0 3px 0;
padding:0;
}
.vbrequired {
color: var(--vbo-red-color);
}
.vbinput {
width: 100%;
background: none repeat scroll 0 0 var(--vbo-white-bg-color);
border: 1px solid var(--vbo-border-color);
padding: 8px;
}
.vbo-oconfirm-cfield-input input[type="tel"] {
padding-left: 52px !important;
border: 1px solid var(--vbo-border-color);
background: none repeat scroll 0 0 var(--vbo-white-bg-color);
}
.vbinput:focus {
outline: none;
}
.vbcustomfields {
box-sizing: border-box;
display: inline-block;
width: 100%;
border: 1px solid var(--vbo-light-border-color);
padding: 20px;
box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
.vbcustomfields .vbo-oconfirm-cfield-entry {
display: inline-block;
width: 40%;
margin: 5px 20px;
}
.vbcustomfields .vbo-oconfirm-cfield-entry-separator {
width: 100%;
border-top: 1px solid var(--vbo-light-border-color);
padding-top: 15px;
margin-top: 14px;
}
.vbcustomfields .vbo-oconfirm-cfield-entry:first-child {
border-top: 0;
}
.vbcustomfields .vbo-oconfirm-cfield-entry-textarea {
width: 91%;
float: none;
}
.vbcustomfields .vbo-oconfirm-cfield-label {
margin-bottom: 5px;
}
.vbcustomfields .vbo-oconfirm-cfield-label label {
margin: 0;
display: inline-block;
}
.vbtextarea {
width: 80%;
background: none repeat scroll 0 0 var(--vbo-white-bg-color);
border: 1px solid var(--vbo-border-color);
padding: 10px 8px;
font-size:14px;
box-sizing: border-box;
}
.vbtextarea:focus {
outline: none;
}
.vblistcontainer {
padding: 5px;
}
.vblist {
list-style-type: none;
}
.vblist {
margin:0;
padding:0;
}
.vblist li .vblistdivcost {
background: var(--vbo-darkblue-color);
color: var(--vbo-contrast-text-color) !important;
border-radius:5px;
padding:8px !important;
display:inline-block;
margin:0 0 10px 0;
}
.vblist li .vblistdivcost span {
color: var(--vbo-contrast-text-color) !important;
}
.vblist li {
margin:0 0 22px 0;
}
.vbtabletdonesearch {
width: 20%;
}
.vbimglistdiv {
width: 35%;
float:left;
margin: 0;
display: inline-block;
}
.vbulcarats {
margin: 0;
padding: 0;
}
.vbulcarats li {
padding: 0;
margin:0 5px 35px 0;
vertical-align:middle;
display: inline-block;
list-style-type: none !important;
}
img.vblistimg {
max-width: 100%;
margin:0 15px 0 0;
}
.vblistroomblock img.vblistimg {
max-width: 100%;
}
.vblistroominfo {
width:50%;
float:left;
}
.vblistdetroom {
width:25%;
float:left;
text-align:right;
}
body.contentpane, #sbox-window {
margin:0 !important;
padding:0 !important;
}
.vbroomdetcont {
margin: 0 0 20px;
}
.vbroomimgdesc {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 0 25px;
}
.vbroomimgdesc .vikfx-roomdetails-gallery-container {
width: 100%;
}
.vbroomimgdesc .vikfx-showprc-gallery-container, .vbroomimgdesc .vikfx-thumbslide-container {
flex-basis: 30%;
margin-right: 25px;
}
.vbrdetboxtop {
display:inline-block;
margin: 0 0 20px;
width: 100%;
}
.vbrdetboxtop .vbroomimgdesc {
border:0;
margin:0px 0 25px;
}
.vbrdetboxtop .room_img_box .vblistimg {
margin-right:0 !important;
}
.vblistroomnamediv {
width:100%;
display: inline-block;
padding:0 0 10px 0;
margin: 0 0 18px 0;
border-bottom:1px solid var(--vbo-light-border-color);
}
.vblistroomnamedivprice {
width:100%;
clear:both;
float:none;
padding: 33px 0;
}
.vblistroomnamediv .vblistroomname {
display:inline-block;
}
.vb_detcostroomdet .vblistroomname {
text-align: center;
}
.vbdetroom .vblistroomnamediv {
border-bottom: 0;
margin-bottom: 0;
}
.vbdetroom .vikfx-thumbslide-thumbnails {
display: none;
}
.vbroomnamedet {
font-size:12px;
display:inline-block;
margin:0 5px 0 0;
}
.vbroomnumnightsdet {
margin: 12px 10px 0 0;
text-align: right;
font-size: 14px;
font-weight: 500;
float: right;
border-radius: 10px;
padding: 5px 10px;
background: var(--vbo-lightblue-color);
line-height: 1.3em;
}
.vblistroomname .room_cost {
font-size: 1.5em;
font-weight: bold;
display: block;
}
.vbo-reqinfo-cont {
margin-top: 10px;
}
.vbpricedetstable {
background: var(--vbo-light-grey-bg-color);
display: inline-block;
padding: 15px 20px 0;
width: 100%;
border-bottom: 1px solid var(--vbo-light-border-color);
box-sizing: border-box;
}
.vbpricedetstrhead {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
padding: 0 0 5px 0;
border-bottom: 1px solid var(--vbo-light-border-color);
margin-bottom: 5px;
}
.vbpricedetstable-leftcol {
width: 45%;
display: inline-block;
float: left;
padding: 0 10px 0 0;
text-align: center;
}
.vbpricedetstable-rightcol {
width: 50%;
display: inline-block;
float: left;
text-align: center;
}
.vbpricedetstr0, .vbpricedetstr1 {
font-size: 14px;
}
.vbpricedet-priceblock {
text-align: center;
padding: 10px 0;
font-weight: bold;
}
.vbpricedet-priceblock .room_cost {
font-size: 28px;
}
.vbpricedetstable > div {
width: 100%;
display: inline-block;
}
.vb_detpriceroombt {
display:block;
font-size:20px;
font-weight: bold;
width:100%;
position:relative;
}
.vb_detpriceroombt span {
display:inline-block;
padding:10px 15px;
float:left;
cursor:pointer;
}
.vb_detpriceroombt img {
position:absolute;
top:-13px;
cursor:pointer;
right:7px;
}
.vblistroomcat {
display: block;
margin:0;
text-transform: uppercase;
}
.vbrowcdescr {
margin: 5px 0 0;
display:block;
}
.vblistdivcost {
color: var(--vbo-blue-color);
padding: 2px !important;
}
.vblistdivcost .vbliststartfrom {
font-size: 12px;
margin:4px 0 0 0;
font-size: .9em;
}
.room_cost {
font-size: 23px;
}
.vblist li .vbliststartfrom {
color: var(--vbo-text-color);
display: block;
}
.vbliststartfromrdet {
text-transform: uppercase;
color: var(--vbo-light-text-color);
font-size: 12px;
}
.vblistdivcost .room_cost {
font-size: 20px;
font-weight: bold;
}
.vbo-availcalendars-cont .vblegendediv {
margin: 17px 0 13px;
}
form .vbselectm {
margin:10px 0 0 0;
border: 1px solid var(--vbo-border-color);
padding: 10.5px 30px 10.5px 9px;
background: var(--vbo-white-bg-color) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
background-size: auto;
background-size: 8px 10px;
width: auto !important;
min-width: auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: auto;
color: var(--vbo-text-color);
font-weight: normal;
}
.vblistroomcarats {
display:block;
}
.vblistsep {
display: block;
margin:3px 0 10px 0;
height:10px;
}
.vbtdfree, .vbtdempty {
border: 1px solid var(--vbo-light-border-color);
}
.vbcal .vbtdbusy {
color: var(--vbo-contrast-text-color);
background: var(--vbo-red-color);
border: 1px solid var(--vbo-light-border-color) !important;
}
.vbcal .vbtdwarning {
color: var(--vbo-contrast-text-color);
background: var(--vbo-orange-color);
border: 1px solid var(--vbo-light-border-color);
}
.vbcalnumdaysprice .vbtdfree, .vbcalnumdaysprice .vbtdbusy, .vbcalnumdaysprice .vbtdwarning {
border: 1px solid var(--vbo-light-border-color);
}
.vbcalnumdaysprice .vbtdpast .vbcalpricedaycost, .vbcalnumdaysprice .vbtdbusy .vbcalpricedaycost {
display: none;
}
.vbdetsep {
margin-bottom: 5px;
margin-top: 8px;
}
.vblegendediv {
clear:both;
float:none;
}
.vblegenda {
margin-right: 15px;
font-weight: bold;
padding:5px 0;
}
.vblegendediv .vblegenda-status, .vblegenda > div {
border-radius: 2px;
margin-right: 5px;
display: inline-block;
width: 14px;
height: 14px;
vertical-align: middle;
}
.vblegendediv .vblegenda-lbl {
display: inline-block;
vertical-align: middle;
}
.vblegfree {
background: var(--vbo-light-grey-bg-color);
border:1px solid var(--vbo-border-color);
}
.vblegwarning {
background: var(--vbo-orange-color);
border:1px solid var(--vbo-orange-color);
}
.vbcaldivcont .vbcal {
margin: 0;
}
.vbcaldivcont table tr td {
padding: 5px 3px;
text-align: center;
vertical-align: middle;
font-size: 14px;
}
.vbcalsblock table .vbcaldays td {
border: 0;
font-weight:bold;
text-align:center;
padding: 8px 3px;
}
.vblegbusy {
background: var(--vbo-red-color);
border: 1px solid var(--vbo-red-color);
}
.vbo-availability-controls .vblegbusy {
background: var(--vbo-red-color);
}
.vbcaldays {
padding:2px;
}
.vbcalcontainer {
border:0;
border-spacing:0;
border-collapse: collapse;
}
.vbcalcontainer td {
border: 0 none;
margin: 5px;
padding: 5px 5px 5px 0px;
}
.vbcalcontainer .vbcal {
border-radius:4px;
}
.vbcalform, .vbcalform tr, .vbcalform tr td {
border:0;
}
.vbcalform tr td {
padding:3px;
}
.vbcalform tr td select {
padding:2px;
color: var(--vbo-text-color);
font-size:11px;
}
.vbcalform tr td img.calendar {
margin:0 0 0 5px;
}
.vbcaldivcont table .vbcaltrmonth td {
border-bottom: 2px solid var(--vbo-blue-color);
font-weight: normal;
font-size: 16px;
line-height: 15px;
padding: 8px 3px
}
.vbo-seldates-cont {
margin: 20px 0;
}
.room_moreimages {
max-width: 250px;
overflow: hidden;
margin:5px 0 0 0;
}
.vikfx-thumbslide-thumbnails li {
list-style-type: none !important;
}
.room_moreimages a, .vikfx-thumbslide-thumbnails li {
display: inline-block;
margin: 0 7px 5px 0;
overflow: hidden;
}
.vikfx-thumbslide-thumbnails li:last-child {
margin-right: 0;
}
.room_moreimages img, .vikfx-thumbslide-thumbnails li img {
display: inline-block;
}
.room_moreimages img:hover, .vikfx-thumbslide-thumbnails li img:hover {
opacity:0.7;
}
.vbo-seldates-cont h4 {
width: 100%;
padding: 8px 0;
border-bottom:1px solid var(--vbo-border-color);
}
.loginregistercont {
display: flex;
flex-wrap: wrap;
border-radius: 20px;
box-shadow: 0 2px 20px rgb(0, 0, 0, .1);
border: 1px solid var(--vbo-light-border-color);
}
.loginregistercont > div {
flex: 1;
padding: 40px;
}
.loginregistercont > div h3 {
margin-bottom: 20px;
}
.loginregistercont .loginregister-inner-block .loginregister-lbl {
font-size: .9em;
margin-bottom: 2px;
}
.loginregistercont .loginregister-inner-block .loginregister-row {
margin-bottom: 10px;
}
.loginregistercont .loginregister-inner-block .loginregister-row:last-child {
margin-bottom: 0;
}
.registerblock {
padding: 15px;
margin:0 15px 0 0;
}
.loginblock {
border-left: 1px solid var(--vbo-light-border-color);
padding: 20px;
margin: 0 20px;
}
.vblocationsbox {
float: right;
height: 115px;
}
.vblocationsmapdiv {
width:100%;
text-align:center;
font-size:12px; }
#vbmapcanvas {
border: 8px solid var(--vbo-border-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0 auto;
box-shadow:0 0 5px #bbb;
-moz-box-shadow:0 0 5px #bbb;
-webkit-box-shadow:0 0 5px #bbb;
}
.vbgmapinfow {
padding: 3px;
color:var(--vbo-text-color);
}
.vbgmapinfowdescr {
font-size:12px;
}
.vbgmapinfowdescr p {
margin:0;
padding:0 0 5px 0;
}
.vbo-room-details-booking-wrapper .vbdivsearch {
float: left;
display: inline-block;
margin: 0 0 10px;
}
.vbdivsearch {
padding:25px;
background:var(--vbo-light-grey-bg-color);
width: 100%;
}
.vbdivsearch .vb-search-inner > div {
display: inline-block;
vertical-align: top;
}
.vbdivsearch .vb-search-inner > div label {
margin-bottom: 5px;
margin-left: 0;
white-space: nowrap;
}
.vbdivsearch .vb-search-inner > div .input-group {
display: flex;
}
.vbdivsearch .vbtsearch {
width:100%;
}
.vbdivsearch form table td select, .vbdivsearch form table td input {
background: var(--vbo-input-style);
border:1px solid var(--vbo-border-color);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
color:var(--vbo-text-color);
padding:6px !important;
font-size:12px !important;
line-height:12px;
}
.vbdivsearch form table td input[type^="submit"] {
background:var(--vbo-input-style);
border:1px solid var(--vbo-border-color);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin:0;
font-size:14px !important;
width:115px;
cursor:pointer;
}
.vbdivsearch form table td input[type^="submit"]:hover {
background:var(--vbo-border-color);
}
.vbo-search-noresults-cont {
width: 100%;
}
.vbo-search-noresults-cont .vb-search-inner > div {
width: auto;
display: inline-block;
vertical-align: top;
}
.vbo-search-noresults-cont .vbo-search-inpblock {
margin: 0 0 8px 0;
}
.vbo-search-noresults-cont label,
.vbo-search-noresults-cont .vbo-search-num-rooms > span, .vbo-search-noresults-cont .vbo-search-num-rooms > label {
display: block;
margin-bottom: 7px;
}
.vbo-search-noresults-cont select {
padding: 5px;
}
.vbo-search-noresults-cont input[type^="text"] {
width: auto;
}
.vbo-search-noresults-cont .vbo-search-inpblock-checkin {
margin-right: 10px;
}
.vbo-search-noresults-cont .vbo-search-num-racblock {
margin: 0 10px;
}
.vbo-search-noresults-cont .vbo-search-num-aduchild-block {
width: auto;
}
.vbo-search-noresults-cont .vbo-search-num-aduchild-block > div {
margin-bottom: 5px;
}
.vbo-search-noresults-cont .vbo-search-num-aduchild-entry {
margin-bottom: 0;	
}
.vbo-search-noresults-cont .vbo-search-num-rooms {
margin-top: 0;
width: auto;
}
.vbo-search-noresults-cont .vbo-search-roomnum {
text-align: right;
margin: 24px 10px 0 0;
white-space: nowrap;
align-self: center;
}
.vbo-search-noresults-cont .vbo-search-submit {
margin: 10px 0px 10px 20px;
}
.ui-helper-clearfix {
z-index:10000 !important;
}
.ui-datepicker.ui-datepicker-multi {
width: auto !important;
}
.ui-datepicker-trigger {
margin:0 0 0 2px;
}
.ui-datepicker table tbody > tr > td {
background: var(--vbo-white-bg-color);
}
.ui-datepicker td span, .ui-datepicker td a {
padding: 0 !important;	
}
#ui-datepicker-div .ui-datepicker-next-hover {
right: 2px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
background: transparent;
border: 0;
}
.ui-datepicker-calendar td.checkin-date > *, .ui-datepicker-calendar td.checkout-date > *, .ui-datepicker-calendar td > *.ui-state-active {
background: var(--vbo-darkblue-color);
color: var(--vbo-contrast-text-color);
}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
background: transparent;
}
.vbo-guests-allowed-policy {
margin: 9px 0;
}
.dailyprices {
font-size:14px;
line-height:34px;
}
.vbpaymentchangetot, .vbo-leave-deposit {
background: var(--vbo-input-style);
border:1px solid var(--vbo-border-color);
border-radius:4px;
padding:10px;
font-size:16px;
color: var(--vbo-text-color);
display:block;
}
.vbo-leave-deposit {
background:var(--vbo-input-style);
border:1px solid var(--vbo-border-color);
border-radius:4px;
padding:10px;
font-size:16px;
display:block;
font-weight: bold;
color: var(--vbo-darkblue-color);
}
.vbo-leave-deposit span {
color: var(--vbo-text-color);
font-weight: normal;
}
.vbpaymentchangetot .vborddiffpayment {
font-weight:bold;
color:var(--vbo-darkblue-color);
font-size:18px;
}
.vboptionforcequant {
padding:3px 6px;
background:var(--vbo-input-style);
border:1px solid var(--vbo-border-color);
border-radius:2px;
}
.vbformcheckin {
display: block;
}
.vbformcheckout {
display: block;
}
.vbformcategories {
display: block;
}
.vbformroomsn {
display: block;
}
.vbo-searchresults-classic-wrap .vbsearchproominfo {
font-size: 14px;
text-align: left;
margin: 0 0 5px;
border: 1px solid var(--vbo-light-border-color);
}
.vbo-showprc-room-head {
font-size: 14px;
text-align: left;
margin-bottom: 5px;
border: 1px solid var(--vbo-light-border-color);
}
.vbsearchproominfo .vbsearchnroom, .vbo-showprc-room-head .vbshowprcroomnum {
font-size: 14px;
background: var(--vbo-grey-bg-color);
padding: 8px 10px;
display: inline-block;
position: relative;
}
.vbo-showprc-room-head .vbo-showprc-roomnum-icn, .vbsearchproominfo .vbo-showprc-roomnum-icn {
margin-right: 5px;
display: inline-block;
}
.vbsearchproominfo .vbsearchnroom:after, .vbo-showprc-room-head .vbshowprcroomnum:after {
content: "";
width: 0;
height: 0;
border-top: 20px solid transparent;
border-left: 16px solid var(--vbo-light-border-color);
border-bottom: 20px solid transparent;
top: 0;
right: -16px;
position: absolute;
}
.vbo-searchresults-classic-wrap .vbsearchproominfo .vbsearchnroom, .vbo-searchresults-classic-wrap .vbo-showprc-room-head .vbshowprcroomnum {
padding: 10px;
}
.vbo-searchresults-classic-wrap .vbsearchnroom {
font-weight: bold;
}
.vbo-showprc-room-head .vbo-showprc-staydetails {
width: auto;
margin-top: 0;
}
.vbo-showprc-room-head .vbo-showprc-staydetails > div {
display: inline-block;
margin-right: 15px;
}
.vbo-showprc-room-head .vbo-showprc-staydetails > div:last-child {
margin-right: 0;
}
.vbsearchproominfo .vbsearchroomparty, .vbo-showprc-room-head .vbo-showprc-staydetails {
display: inline-block;
padding: 8px 0 8px 23px;
}
.vbsearchproominfo .vbsearchroomparty i, .vbo-showprc-room-head .vbo-showprc-staydetails i {
font-size: 13px;
color: var(--vbo-blue-color);
margin-right: 5px;
}
.vbo-showprc-staydetails-party {
margin-right: 15px;
}
.vbrowroomcapacity {
display: block;
text-align: center;
margin: 5px 0 10px 0;
}
.vbrowroomcapacity i {
font-size: 20px;
margin-right: 0.5px;
color: var(--vbo-blue-color);
}
.vbrowroomcapacity i.vbo-empty-personicn {
color: var(--vbo-light-text-color);
}
.room_item {
display: flex;
flex-wrap: wrap;
margin: 0 0 20px;
}
.room_resultdiffusage {
border: 1px solid var(--vbo-light-border-color);
width: 100%;
}
.vbo-searchresults-classic-wrap .room_item.room_selected {
border-color: var(--vbo-green-color);
}
.room_resultdiffusage .vblistroomblock {
border-right: 2px solid var(--vbo-border-color);
}
.vbselectr {
text-align: center;
}
.vbselectr a, .vbselectr-result {
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
background: var(--vbo-blue-color);
cursor: pointer;
border-radius:4px;
color: var(--vbo-contrast-text-color);
margin: 8px 0 0;
padding: 8px;
width: 100%;
text-align: center;
display: inline-block;
box-sizing: border-box;
}
.vbselectr a:focus {
color: var(--vbo-contrast-text-color);
text-decoration: none;
}
.vbselectr a:hover, .vbselectr-result:hover {
transition:all 400ms ease-in-out 0s;
-moz-transition:all 400ms ease-in-out 0s;
-webkit-transition:all 400ms ease-in-out 0s;
-o-transition:all 400ms ease-in-out 0s;
color: var(--vbo-contrast-text-color);
background: var(--vbo-blue-color-hover);
text-decoration: none;
}
.room_selected .vbselectr-result {
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
background: var(--vbo-green-color);
border: 1px solid var(--vbo-green-color);
cursor: pointer;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
color: var(--vbo-contrast-text-color);
font-size:16px;
margin:8px 0 0;
padding: 8px 0;
width: 100%;
display: inline-block;
position: relative;
}
.room_selected .vbselectr-result:hover {
transition:all 400ms ease-in-out 0s;
-moz-transition:all 400ms ease-in-out 0s;
-webkit-transition:all 400ms ease-in-out 0s;
-o-transition:all 400ms ease-in-out 0s;
color: var(--vbo-contrast-text-color);
background: var(--vbo-green-color-hover);
border: 1px solid var(--vbo-green-color-hover);
text-decoration: none;
}
.vbselectordiv {
border-top:1px solid var(--vbo-light-border-color);
padding:0 0 10px;
display: table;
margin: 0 auto;
width: 65%;
}
.vbselectordiv .vbo-result-unavailable {
text-decoration: none;
}
.vbrowcname a {
text-decoration: none;
}
.vbstepsbarcont {
width: 100%;
text-align: left;
display: inline-block;
margin:0 0 35px 0;
}
.vbo-results-head {
box-sizing: border-box;
}
.vbo-results-head > div {
display: inline-block;
padding: 15px 24px;
font-size: .9em;
border-right: 1px solid var(--vbo-light-border-color);
font-weight: bold;
line-height: 1.2em;
box-sizing: border-box;
}
.vbo-results-head > div:last-child {
border: 0;
}
.vbo-results-head > div > i {
vertical-align: top;
margin: 10px 10px 0 auto;
font-size: 16px;
color: var(--vbo-blue-color);
}
.vbo-results-head > div > .vbo-results-head-det {
display: inline-block;
}
.vbo-results-head .vbo-results-head-det-lbl {
display: block;
font-size: .9em;
}
.vbo-results-head .vbo-results-head-det-val {
display: block;
font-size: 1.1em;
}
.vbo-stepbar {
margin: 0;
padding: 0;
list-style-type none;
}
.vbo-stepbar li {
display: table;
float: left;
text-align: center;
line-height: 3em !important;
width: auto;
min-width: 100px;
width: 25%;
margin: 0 !important;
}
.vbo-stepbar li a {
color: var(--vbo-text-color);
text-decoration: none !important;
}
ol.vbo-stepbar[data-vbosteps-steps="2"] li { width: 49%; }
ol.vbo-stepbar[data-vbosteps-steps="3"] li { width: 33%; }
ol.vbo-stepbar[data-vbosteps-steps="4"] li { width: 24%; }
ol.vbo-stepbar[data-vbosteps-steps="5"] li { width: 19%; }
ol.vbo-stepbar[data-vbosteps-steps="6"] li { width: 16%; }
ol.vbo-stepbar[data-vbosteps-steps="7"] li { width: 14%; }
ol.vbo-stepbar[data-vbosteps-steps="8"] li { width: 12%; }
ol.vbo-stepbar[data-vbosteps-steps="9"] li { width: 11%; }
ol.vbo-stepbar li.vbo-step-complete,
ol.vbo-stepbar li.vbo-step-current {
color: var(--vbo-text-color);
border-bottom: 4px solid var(--vbo-blue-color);
}
ol.vbo-stepbar .vbo-step-current {
font-weight: bold;
}
ol.vbo-stepbar li.vbo-step-next {
color: var(--vbo-light-text-color);
border-bottom: 4px solid var(--vbo-border-color);
}
ol.vbo-stepbar li:after {
content: "\00a0\00a0";
}
ol.vbo-stepbar li:before {
position: relative;
bottom: -2.5em;
float: left;
left: 50%;
line-height: 1em;
}
ol.vbo-stepbar li.vbo-step-complete:before {
content: "";
color: var(--vbo-contrast-text-color);
background-color: var(--vbo-blue-color);
height: 1.2em;
width: 1.2em;
line-height: 1.2em;
border: none;
border-radius: 1.2em;
}
ol.vbo-stepbar li.vbo-step-current:before {
content: "";
color: var(--vbo-contrast-text-color);
background-color: var(--vbo-white-bg-color);
height: 1.2em;
width: 1.2em;
line-height: 1.2em;
border-radius: 1.2em;
border: 2px solid var(--vbo-blue-color);
}
ol.vbo-stepbar li.vbo-step-next:before {
background-color: var(--vbo-border-color);
border: medium none;
border-radius: 1.2em;
color: var(--vbo-contrast-text-color);
content: "";
height: 1.2em;
line-height: 1.2em;
width: 1.2em;
}
.tip-wrap .tip {
border-radius: 5px 5px 5px 5px;
padding: 10px;
width: 300px;
}
.tip {
background-color: var(--vbo-light-grey-bg-color) !important;
border-right: 5px solid var(--vbo-green-color) !important;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 7px var(--vbo-border-color);
-webkit-box-shadow: 0 0 7px var(--vbo-border-color);
-moz-box-shadow: 0 0 7px var(--vbo-border-color);
color: var(--vbo-text-color);
max-width: 350px;
padding: 5px;
z-index: 1000;
box-shadow:0 0 2px #999 !important;
-webkit-box-shadow:0 0 2px #999 !important;
-moz-box-shadow:0 0 2px #999 !important;
font-size: 12px;
}
.tip .tip-title {
box-shadow: none !important;
text-shadow: none !important;
font-size: 14px;
margin-bottom: 2px;
font-weight:bold;
}
.vbsearchorderdiv {
display: inline-block;
width: 100%;
}
.vbsearchorderdiv input[type^="text"] {
padding: 6px 11px;
margin: 0 5px;
font-size: 12px;
}
.vbsearchorderdiv p {
font-weight: bold;
padding-left: 10px;
}
.vbsearchorderinner {
clear: both;
float: none;
margin: 0 0 18px;
width: 100%;
border-bottom: 1px solid var(--vbo-light-border-color);
padding: 0 0 5px 0;
}
.vbo-bookings-list-search {
margin-bottom: 20px;
background: var(--vbo-light-grey-bg-color);
padding: 15px 20px;
border-radius: 10px;
}
.vbo-bookings-list-search span {
display: block;
margin-bottom: 2px;
font-size: .9em;
}
.vbo-bookings-list-search input[name="confirmnumber"] {
padding: 10px !important;
margin: 0 5px 0 0;
font-size: 12px;
border-radius: 4px;
min-width: 300px;
}
.vbsearchordertitle {
font-size: 1.6em;
padding: 0;
display: inline-block;
position: relative;
}
.vbsearchordersubmit {
background: none repeat scroll 0 0 var(--vbo-grey-bg-color);
border: 1px solid var(--vbo-border-color);
border-radius: 4px;
cursor: pointer;
font-size: 14px !important;
margin: 0;
padding: 6px 10px !important;
}
.vbordcancbox {
float: right;
background: none repeat scroll 0 0 var(--vbo-light-grey-bg-color);
border: 1px solid var(--vbo-border-color);
border-radius: 4px 4px 4px 4px;
font-size: 14px;
line-height: 2em;
margin: 15px 0 0;
padding: 15px;
width: 50%;
}
.vbordcancformbox {
display: none;
}
.vbcalsblock {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 20px;
width: 100%;
box-shadow: 0 2px 5px 0 rgba(50, 54, 72, 0.08);
border: 1px solid var(--vbo-light-grey-bg-color);
padding: 10px;
box-sizing: border-box;
}
.vbcalsblock .vbcaldivcont table {
width: 100%;
border:0;
border-collapse: separate;
border-spacing: 2px;
box-sizing: inherit;
table-layout: inherit;
}
.vbcaldivcont {
position: relative;
border-radius: 0;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 0;
margin: 0;
}
.vbcaldivcont-loading {
opacity: .3;
}
.vbcaldivcont .vbcaltrmonth td {
position: relative;
}
.vbcaldivcont .vbcaltrmonth .vbo-rdet-avcal-nav {
color: var(--vbo-contrast-text-color);
border-radius: 2px;
font-size: 15px;
position: absolute;
cursor: pointer;
top: 2px;
width: 27px;
height: 27px;
line-height: 25px;
text-align: center;
background: var(--vbo-lightblue-color);
}
.vbcaldivcont .vbcaltrmonth .vbo-rdet-avcal-nav:hover {
background: var(--vbo-lightblue-color-hover);
}
.vbcaldivcont .vbcaltrmonth .vbo-rdet-avcal-nav-next {
right: 2px;
}
.vbcaldivcont .vbcaltrmonth .vbo-rdet-avcal-nav-prev {
left: 2px;
}
.vbdivsearch input[type^="text"] {
width: auto !important;
}
.vbdivsearch .vb-search-inner select, .vbo-showprc-optionstable .vbo-showprc-option-entry > div select,
.vbo-availability-controls select {
padding: 10.5px 30px 10.5px 9px;
background: var(--vbo-input-style) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
background-size: 8px 10px;
width: auto !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid var(--vbo-border-color);
font-size: 14px;
color: var(--vbo-text-color);
font-weight: normal;
height: 42px;
line-height: initial;
}
.vblastavail {
display: inline-block;
color: var(--vbo-orange-color);
padding: 5px 15px;
width: 100%;
margin: 0;
line-height: 1em;
font-size: 1em;
}
.roomcustcostlabel{
color: var( --vbo-light-text-color);
display: inline-block;
margin-top: -8px;
}
.vblistroomblock {
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
min-height: 162px;
float: left;
border-right: 2px solid var(--vbo-border-color);
position: relative;
}
.vblistroomblock .vbimglistdiv {
-ms-flex: 0 0 35%;
-webkit-flex: 0 0 35%;
flex: 0 0 35%;
position: relative;
}
.vblistroomblock .vbo-info-room {
flex: 1;
padding: 0 20px 10px;
}
.vbcalpricedaynum {
width: 100%;
}
.vbcalpricedaynum span {
display: inline-block;
background: var(--vbo-white-bg-color);
border: 1px solid var(--vbo-white-bg-color);
border-radius: 4px;
font-size: 12px;
font-weight: bold;
color: var(--vbo-text-color);
line-height: 1.3em;
padding: 2px 4px;
margin: 3px 0 3px;
}
.vbcalpricedaycost {
width: 100%;
}
.vbcalpricedaycost div {
display: inline-block;
width: 80%;
background: var(--vbo-white-bg-color);
border: 1px solid var(--vbo-blue-color);
border-radius: 4px;
font-size: 12px;
font-weight: bold;
color: var(--vbo-blue-color);
line-height: 1.3em;
}
.vbpricecalwarning {
font-style: italic;
}
.vbmaxminpeopleroom {
display:inline-block;
width:100%;
margin: 0 0 10px 0;
}
.vbmaxminpeopleroom > div {
display:inline-block;
float:left;
margin: 0 5px 0 0;
}
.vbmaxadultsdet {
display: inline-block;
text-align: center;
padding: 10px;
font-size: 11px;
font-weight: bold;
display: inline-block;
}
.vbmaxadultsdet .vbmaximgdet i {
background: var(--vbo-blue-color);
}
.vbmaxminpeopleroom .vbmaximgdet i {
float: left;
display: inline-block;
margin: 0 10px 0 0;
width: 34px;
height: 34px;
border-radius: 50%;
position: relative;
line-height: 32px;
color: var(--vbo-contrast-text-color);
font-size: 20px;
}
.vbmaxlabeldet, .vbmaxnumberdet {
margin: 10px 5px 0 0;
display: inline-block;
}
.vbmaxchildrendet {
display: inline-block;
text-align: center;
padding: 10px;
font-size: 11px;
font-weight: bold;
}
.vbmaxchildrendet .vbmaximgdet i {
background: var(--vbo-blue-color);
}
.vbmaxtotdet {
display: inline-block;
text-align: center;
padding: 10px;
font-size: 11px;
font-weight: bold;
}
.vbmaxtotdet .vbmaximgdet i {
background: var(--vbo-blue-color);
font-size: 16px;
}
.vbcalprice .vbtdbusy {
color: #fff;
font-weight:bold;
}
.vbcalprice .vbtdbusy .vbcalpricedaynum span {
color: #fff;
border: 1px solid var(--vbo-red-color);
background: var(--vbo-red-color);
}
.vbcalprice .vbtdwarning .vbcalpricedaynum span {
color: #fff;
border: 1px solid var(--vbo-orange-color);
background: var(--vbo-orange-color);
}
.vbo-showprc-price-entry-rateplan label {
font-weight: bold;
}
.vbpricedetails {
display:block;
font-size: .9em;
color: var(--vbo-text-color);
}
.vbpricedetails > span {
display:inline-block;
margin:0 10px 0 0;
padding: 0 10px 0 0;
border-right:1px solid var(--vbo-border-color);
font-size: .9em;
}
.vbpricedetails > span:last-child {
border:0;
}
.vbo-reqinfo-opener {
display: inline-block;
padding:5px 10px;
border-radius: 3px;
background: var(--vbo-blue-color);
color: #fff;
font-weight: 400;
transition: all 400ms ease-in-out
}
.vbo-reqinfo-opener:hover {
background: var(--vbo-blue-color-hover);
transition: all 400ms ease-in-out;
color:#fff;
}
tr.vbcalnumdays td {
width: 35px;
height: 35px;
padding: 2px !important;
}
.input-group {
border-collapse: separate;
display: table;
position: relative;
}
.input-group.form-group {
margin-bottom: 0;
padding-bottom: 0;
}
.vbdivsearch .vb-search-inner .vbo-search-inpblock .input-group > input {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin: 0;
height: 42px;
padding: 0 12px;
font-size: 14px;
line-height: 1.42857143;
color: var(--vbo-text-color);
background-color: var(--vbo-input-style);
background-image: none;
border: 1px solid var(--vbo-border-color);
border-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-sizing: border-box;
}
.vb-search-inner .input-group .fa-calendar-alt {
padding: 0 10px;
font-size: 17px;
font-weight: 400;
line-height: 1;
color: var(--vbo-text-color);
text-align: center;
border: 1px solid var(--vbo-border-color);
border-left: 0;
border-radius: 2px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
height: 42px;
line-height: 42px;
float: left;
cursor: pointer;
}
svg.vbo-caltrigger {
width: auto !important;
height: 34px !important;
padding: 6px 7px !important;
line-height: 32px !important;
}
#vbjstotnights {
white-space: nowrap;
margin: 38px 0 10px 12px;
display: inline-block;
width: 100%;
font-size: 12px;
font-weight: bold;
}
.vbmodhorsearchmaindiv input[type=text] {
width: auto !important;
}
.vbo-search-inpblock {
margin: 0 10px 8px 0;
}
.vbdivsearch .vb-search-inner {
display: flex;
flex-wrap: wrap;
font-size: .9em;
}
.vbdivsearch .vb-search-inner > .vbo-search-num-racblock {
display: flex;
margin-left: 10px;
margin-right: 12px;
}
.vbdivsearch .vb-search-inner > .vbo-search-num-racblock > div {
flex: 1;
}
.vbdivsearch .vb-search-inner .vbo-search-num-rooms {
margin: 0px 15px 0px 0;
}
.vbo-search-num-rooms > span, .vbo-search-num-rooms > label {
margin: 0 15px 5px 0;
display: block;
}
.vbo-search-num-aduchild-block {
width: 60%;
float: left;
display: inline-block;
}
.vbo-search-num-aduchild-entry {
width: 100%;
display: flex;
margin: 0 0 10px 0;
}
.vbo-search-num-aduchild-entry > * {
display: inline-block;
float: left;
}
.vbo-search-num-aduchild-entry .vbo-search-num-adults-entry {
margin: 0 20px 0 0;
}
.vbo-search-roomnum {
white-space: nowrap;
margin: 24px 10px 0 0;
align-self: center;
}
.vbo-search-num-adults-entry > span, .vbo-search-num-children-entry > span, .vbo-search-num-adults-entry > label, .vbo-search-num-children-entry > label {
display: block;
text-align: center;
}
.vbdivsearch .vb-search-inner > .vbo-search-categories {
margin-right: 15px;
}
.vbo-search-submit {
margin: 26px 0 10px 0px;
text-align: center;
align-self: end;
}
.vbo-search-categories > span {
margin: 0 0 5px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
}
input[type="time"].task-time-picker {
appearance: none;
outline: none !important;
border: 0;
line-height: 1;
width: auto;
padding: 0;
margin: 0;
background: transparent;
cursor: pointer;
}
.btn {
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: normal;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.vbo-search-submit .btn {
padding: 10px 50px !important;
background: var(--vbo-blue-color);
font-size: 16px;
color: #fff;
position: relative;
}
.vbdivsearch .vbo-search-submit i {
position: absolute;
top: 14px;
right: 16px;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
outline: thin dotted;
outline-offset: -2px;
}
.table-responsive {
min-height: 0.01%;
overflow-x: auto;
}
.table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
}
table {
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, 
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: 1px solid var(--vbo-border-color);
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}
.vbo-rdet-descprice-block {
width: 100%;
display: flex;
border-top:1px solid var(--vbo-border-color);
border-bottom:1px solid var(--vbo-border-color);
margin: 0 0 25px 0;
background: var(--vbo-light-grey-bg-color);
}
.vbo-rdet-descprice-block .vbo-rdet-desc-cont {
width: 80%;
float: left;
padding: 33px 10px;
display: inline-block;
background: var(--vbo-white-bg-color);
border-right: 1px solid var(--vbo-border-color);
min-height: 110px;
}
.vbo-rdet-descprice-block .vb_detcostroomdet {
width: 20%;
float: right;
display: inline-block;
}
.vbo-rdet-desc-cont .vbo-reqinfo-cont {
margin-top: 10px;
}
.vb_detcostroom .vbliststartfromrdet {
display: block;
}
.vbo-showprc-room-block {
width: 100%;
display: inline-block;
box-sizing: border-box;
padding: 15px 20px;
margin-bottom: 20px;
border: 1px solid var(--vbo-light-border-color);
}
.vbo-showprc-staydetails {
width: 100%;
display: inline-block;
margin: 20px 0 0;
}
.vbo-showprc-wrapper .vbroomimgdesc .vikfx-showprc-gallery-container .vikfx-gallery {
display: none;
}
.vbo-unavailable-description {
color: var(--vbo-text-color);
padding: 0 25px 0 0;
align-self: center;
}
.vbo-promotion-details {
display: inline-block;
margin: 10px 0;
width: 100%;
padding: 0 0 30px;
border-bottom:1px solid var(--vbo-light-border-color);
}
.vbo-promotion-det-wrapper {
float: left;
display: inline-block;
width: 25%;
}
.vbo-promotion-wrapper {
width: 75%;
float: left;
display: inline-block;
}
.vbo-promotion-name {
padding: 0 25px 10px 0;
}
.vbo-promotion-name span {
display: inline-block;
}
.vbo-promotion-description {
color: var(--vbo-text-color);
padding: 0 25px 0 0;
align-self: center;
}
.vbo-promotion-dates {
display: inline-block;
width: 100%;
background: var(--vbo-light-grey-bg-color);
margin-bottom: 8px;
}
.vbo-promotion-dates-left {
display: inline-block;
float: left;
}
.vbo-promotion-dates-left .vbo-promotion-date-from {
margin: 0 20px 0 5px;
}
.vbo-promotion-dates-left > div {
display: inline-block;
float: left;
padding: 12px 10px;
}
.vbo-promotion-date-label {
display: block;
text-transform: uppercase;
font-size: .8em;
font-weight: normal;
}
.vbo-promotion-date-from-sp, .vbo-promotion-date-to-sp {
font-weight: bold;
}
.vbo-promotion-dates-right {
display: inline-block;
float: right;
color: #fff;
padding: 8px 15px;
text-align: left;
background: var(--vbo-blue-color);
font-weight: bold;
max-width: 200px;
border-radius: 8px;
margin: 5px;
}
.vbo-promotion-dates-right i {
vertical-align: top;
margin: 6px 10px 0 0;
font-size: 23px;
}
.vbo-promotion-date-validuntil {
display: inline-block;
}
.vbo-promotion-dates-right .vbo-promotion-date-label {
font-size: .8em;
display: block;
text-transform: uppercase;
font-weight: normal;
}
.vbo-promotion-bottom-block {
border: 1px solid var(--vbo-border-color);
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 15px;
width: 100%;
}
.vbo-promotion-rooms-list {
display: inline-block;
text-align: center;
width: 100%;
order: 2;
}
.vbo-promotion-room-block {
display: inline-block;
vertical-align: top;
margin: 10px 4px;
padding-bottom: 10px;
width: 30%;
border: 1px solid var(--vbo-border-color);
border-radius: 4px;
}
.vbo-promotion-room-name {
font-weight: 400;
margin: 4px 0;
padding: 8px 5px;
text-align: center;
}
.vbo-promotion-room-img img {
width: 100%;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.vbo-promotion-room-book-block {
text-align: center;
}
.vbo-promotion-room-book-block a {
padding: 5px 0;
margin: 0 14px;
display: block;
}
.vbo-promotion-room-book-block a:hover, .vbo-promotion-room-book-block a:active, .vbo-promotion-room-book-block a:focus {
text-decoration: none;
}
.vbo-promotion-discount {
width: 100%;
}
.vbo-promotion-discount-details {
color: var(--vbo-blue-color);
float: right;
padding: 5px 18px 5px;
border-radius: 8px;
margin: 0;
border: 2px solid var(--vbo-blue-color);
line-height: initial;
}
.vbo-promotion-discount-details .vbo-promotion-discount-percent-amount {
font-size: 1.4em;
font-weight: bold;
}
.vbo-promotion-discount-details .vbo-promotion-discount-percent-txt {
font-size: .9em;
margin: 7px 0 0;
}
.vbo-promotion-discount-details > span {
text-align: center;
}
.vbordcancform-entry-submit {
margin: 10px 0 0;
}
.vbcustomfields .vbo-oconfirm-cfield-entry-checkbox {
display: flex;
width: 100%;
}
.vbo-oconfirm-cfield-entry-checkbox .vbo-oconfirm-cfield-label,
.vbo-oconfirm-cfield-entry-checkbox .vbo-oconfirm-cfield-input {
float: left;
display: inline-block;
}
.vbo-oconfirm-cfield-entry-checkbox .vbo-oconfirm-cfield-input {
margin: 0 0 0 5px;
align-self: center;
}
.vbcustomfields .vbo-oconfirm-cfield-entry-checkbox input {
margin: 0;
height: auto;
} .vb_ch_disclaimer_box {
position:relative;
}
.vb_ch_disclaimer_box_inner {
background: none repeat scroll 0 0 var(--vbo-white-bg-color);
border-radius: 5px;
bottom: 7px;
box-shadow: 2px 2px 3px var(--vbo-text-color);
padding: 20px;
position: fixed;
right: 10px;
width: 550px;
}
.vb_ch_disclaimer_closebtn {
text-align:right;
margin:10px 0 0 0;
}
.vb_ch_disclaimer_closebtn a {
background:var(--vbo-green-color);
border:1px solid var(--vbo-green-color);
border-radius:5px;
padding:5px 10px;
color:#fff;
}  .vbo-seasons-calendar-table {
width: 100%;
}
.vbo-seasons-calendar-table td {
vertical-align: middle !important;
}
tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) {
text-align: center;
}
tr.vbo-seasons-calendar-nightsrow td span {
font-weight: bold;
font-size: 15px;
}
tr.vbo-seasons-calendar-offseasonrow {
border-bottom: 1px solid var(--vbo-light-border-color);
}
tr.vbo-seasons-calendar-offseasonrow td {
height: 40px;
}
tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) {
text-align: center;
}
tr.vbo-seasons-calendar-seasonrow {
border-bottom: 1px solid var(--vbo-light-border-color);
}
tr.vbo-seasons-calendar-seasonrow td {
height: 40px;
}
tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) {
text-align: center;
}
.vbo-seasons-calendar-offseasonname {
font-style: italic;
font-size: 15px;
}
.vbo-seasons-calendar-offseasoncosts {
display: block;
}
.vbo-seasons-calendar-offseasoncost {
display: block;
}
.vbo-seasons-calendar-pricename {
display: inline-block;
color: var(--vbo-text-color);
font-style: italic;
}
.vbo-seasons-calendar-pricecost {
display: inline-block;
}
.vbo-seasons-calendar-seasondates {
display: block;
}
.vbo-seasons-calendar-seasonfrom {
display: inline-block;
}
.vbo-seasons-calendar-seasondates-separe {
display: inline-block;
margin: 0 3px 0 3px;
}
.vbo-seasons-calendar-seasonto {
display: inline-block;
}
.vbo-seasons-calendar-seasonname {
display: block;
font-weight: bold;
font-size: 12px;
color: var(--vbo-blue-color);
}
.vbo-seasons-calendar-restrictions {
display: block;
background: var(--vbo-light-grey-bg-color);
padding: 5px;
margin: 5px 0 0;
}
.vbo-seasons-calendar-restriction-minlos {
display: inline-block;
padding: 2px 3px 2px 0px;
font-size: 11px;
font-weight: bold;
border-radius: 4px;
}
.vbo-seasons-calendar-restriction-minlos-badge {
display: inline-block;
min-width: 25px;
min-height: 22px;
background: var(--vbo-grey-bg-color);
color: var(--vbo-text-color);
font-size: 11px;
font-weight: bold;
padding: 4px;
border-radius: 50%;
text-align: center;
margin-left: 5px;
color: var(--vbo-blue-color);
}
.vbo-seasons-calendar-restriction-maxlos {
display: inline-block;
padding: 2px 3px 2px 3px;
font-size: 11px;
font-weight: bold;
border-radius: 4px;
}
.vbo-seasons-calendar-restriction-maxlos-badge {
display: inline-block;
min-width: 25px;
min-height: 22px;
background: var(--vbo-grey-bg-color);
color: var(--vbo-text-color);
font-size: 13px;
font-weight: bold;
padding: 4px;
border-radius: 50%;
text-align: center;
margin-left: 5px;
}
.vbo-seasons-calendar-restriction-wdays {
display: block;
margin: 5px 0 0;
font-size: 12px;
}
.vbo-seasons-calendar-offseasoncost > span,
.vbo-seasons-calendar-seasonrow > span,
.vbo-seasons-calendar-seasoncosts .vbo-seasons-calendar-seasoncost > span {
display: block;
}
.vbo-seasons-calendar-pricename {
font-size: 12px;
}
.vbo-seasons-calendar-offseasoncosts > div {
margin: 3px 0;
}
.vbo-seasons-calendar-restriction-wdays label {
display: block;
font-style: italic;
margin: 0 0 3px;
}
.vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday {
display: inline-block;
padding: 2px 5px 2px;
margin-right: 2px;
background: var(--vbo-darkblue-colo);
color: #fff;
font-size: 11px;
border-radius: 4px;
}
.vbo-seasons-calendar-seasoncost-notaffected {
opacity: 0.3;
}  #vbdialog-overlay {
display: none;
position: fixed;
top: 0;
left:0;
bottom:0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 2147483647;
}
a.vbdialog-overlay-close {
display: block;
height: 100%;
cursor: default;
}
.vbdialog-inner {
box-sizing: border-box;
width: 40%;
height: auto;
min-height: 300px;
max-height: 50%;
position: fixed;
left: 30%;
top: 25%;
overflow-y: scroll;
padding: 5px;
background: var(--vbo-white-bg-color);
z-index: 9999;
border-radius: 5px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .5);
}
.vbdialog-left, .vbdialog-right {
display: inline-block;
vertical-align: top;
}
.vbdialog-left {
width: 40%;
}
.vbdialog-right {
width: 58%;
text-align: center;
padding: 0 15px;
position: relative;
top: 50%;
transform: translate(0%, 56%);
}
.vbdialog-right:after {
background: none repeat scroll 0 0 var(--vbo-green-color);
border: 4px solid var(--vbo-white-bg-color);
border-radius: 50%;
color: var(--vbo-contrast-text-color);
content: "\2713";
font-size: 21px;
font-weight: bold;
height: 44px;
width: 44px;
line-height: 36px;
padding: 0 0 0 0px;
position: absolute;
left: 50%;
top: -21px;
transform: translate(-50%, -50%);	
}
.vbdialog-left #vbdialogrimage {
width: auto;
max-width: 100%;
margin-top: 0;
}
.vbdialog-reqinfo-formcont {
margin-bottom: 20px;
}
.vbdialog-reqinfo {
width: 50%;
height: auto;
max-width: 560px;
min-height: 50%;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow-y: scroll;
padding: 25px;
background: var(--vbo-white-bg-color);
z-index: 1000;
border-radius: 10px;
box-shadow: 0 0 5px 0 #333;
}
.vbdialog-reqinfo h3 {
font-size: 20px;
margin-bottom: 20px;
}
.vbdialog-reqinfo label {
display: block;
margin: 0 0 3px;
}
.vbdialog-reqinfo input {
font-size: 14px;
font-family: inherit;
color: var(--vbo-text-color);
padding: .6rem .8rem;
border: 1px solid var(--vbo-border-color);
background: var(--vbo-input-style);
margin: 0;
width: 100%;
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
}
.vbdialog-reqinfo .vbdialog-reqinfo-formentry-ckbox input {
width: auto;
}
.vbdialog-reqinfo textarea {
font-size: 14px;
font-family: inherit;
color: var(--vbo-text-color);
padding: .6rem .8rem;
border: 1px solid var(--vbo-border-color);
background: var(--vbo-input-style);
margin: 0;
width: 100%;
border-radius: 0;
}
.vbdialog-reqinfo button.btn {
background:var(--vbo-blue-color);
color: #fff;
border:0;
padding: 10px 15px;
margin: 5px 0 0;
width: 100%;
}
.vbdialog-reqinfo-formentry {
margin: 0 0 10px;
}
.vbdialog-reqinfo-formentry-ckbox {
margin-bottom: 15px;
}
#vbdialogrimage {
text-align: center;
width: 250px;
height: auto;
max-height: 300px;
margin: 10px 0 0;
}
.vbdialog-intro {
display: block;
text-transform: uppercase;
font-size: .9em;
}
.vbdialogrname {
font-weight: bold;
display: inline-block;
margin-bottom: 15px;
}
.vbdialog-bottom {
display: block;
text-align: center;
margin: 20px 0 20px 0;
}
.vbdialog-bottom button {
margin-right: 5px;
}
.vbo-availability-controls {
margin: 10px 0 30px;
}
.vbo-availability-controls .vblegendediv {
margin: 15px 0 0;
}
.vbo-availability-wrapper {
margin: 20px 0 0;
}
.vbo-availability-room-container {
margin: 20px 0 0;
border:1px solid var(--vbo-light-border-color);
padding: 20px;
border-radius: 6px;
}
.vbo-availability-room-details h4 {
padding: 0 0 10px;
margin: 10px 0;
border-bottom: 1px solid var(--vbo-light-border-color);
}
.vbo-availability-room-details-left, .vbo-availability-room-details-right {
display: inline-block;
float: left;
}
.vbo-availability-room-details {
display: inline-block;
width: 100%;
}
.vbo-availability-room-details-descr {
display: block;
margin: 5px 0 0;
}
.vbo-availability-room-details .room_carats {
padding: 8px 0 8px 0px;
}
.vbo-availability-room-details-first {
display: inline-block;
float: left;
min-height: 162px;
position: relative;
width: 86%;
}
.vbo-availability-room-details-left {
margin: 0 20px 0 0;
width: 25%;
}
.vbo-availability-room-details-right {
width: 70%;
}
.vbo-availability-room-details-last {
float: right;
margin: 0;
padding: 0;
position: relative;
width: 14%;
}
.vbo-availability-room-details-last-inner {
margin: 20px auto 0;
}
.vbo-availability-room-details .vbo-availability-room-details-left img {
margin: 0 15px 0 0;
width: 100%;
}
.vbo-availability-room-monthcal {
margin:0;
}
.vbo-availability-room-monthcal table {
margin-bottom:0;
}
.vbo-availability-month-name {
background: var(--vbo-light-grey-bg-color);
color: var(--vbo-blue-color);
}
.vbo-availability-month-day {
text-align: center;
}
.vbo-availability-weekday {
font-size: 11px;
}
.vbo-availability-room-avdays td {
text-align: center;
position: relative;
height: 30px;
}
.vbo-availability-room-avdays td:after {
content: "";
background: var(--vbo-white-bg-color);
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.vbo-availability-room-avdays td:last-child:after {
background: transparent;
}
.vbo-availability-room-avdays .vbo-occupied-cell {
background: var(--vbo-red-color);
color: #fff;
}
.vbo-availability-room-avdays .vbo-partially-cell {
background: var(--vbo-orange-color);
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
color: #fff;
cursor: pointer;
}
.vbo-availability-room-avdays .vbo-partially-cell:hover, .vbo-partially-cell.vbo-cell-selected-arrival {
background: var(--vbo-red-color);
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
}
.vbo-availability-room-avdays .vbo-free-cell {
background: var(--vbo-light-grey-bg-color);
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
cursor: pointer;
}
.vbo-availability-room-avdays .vbo-free-cell:hover, .vbo-free-cell.vbo-cell-selected-arrival {
background: var(--vbo-grey-bg-color);
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
}
.vbo-availability-room-details-last-checkin {
display: none;
margin: 20px 0 0;
}
.vbo-availability-room-details-last-checkin i {
width: 28px;
height: 28px;
background: var(--vbo-blue-color);
color: #fff;
line-height: 28px;
border-radius: 50%;
padding: 0px;
margin-right: 5px;
}
.vbo-availability-room-details-last-checkin span {
font-size: 14px;
font-weight: bold;
margin: 0 9px 0 0;
padding: 15px 0 15px 0;
position: relative;
text-transform: uppercase;
}
.vbulcarats .vbo-expl {
display: inline-block;
}  .vbo-search-suggestions-av {
margin:0;
}
.vbo-search-suggestions-av table {
margin-bottom:0;
}
.vbo-search-suggestions-av-mon {
background: var(--vbo-light-grey-bg-color);
color: var(--vbo-blue-color);
}
.vbo-search-suggestions-av table > tbody > tr > .vbo-search-suggestions-month-day {
text-align: center;
line-height: 1em;
}
.vbo-search-suggestions-av table > tbody > tr > .vbo-search-suggestions-month-day-requested {
background: var(--vbo-orange-color);
color: #fff;
}
.vbo-search-suggestions-month-day-highlighted {
background: var(--vbo-blue-color);
color: #fff;
}
.vbo-suggestion-daynumber {
display: block;
}
.vbo-suggestion-weekday {
font-size: 11px;
}
.vbo-search-suggestions-av-days td {
text-align: center;
position: relative;
height: 30px;
}
.vbo-search-suggestions-av-days td:after {
content: "";
background: var(--vbo-white-bg-color);
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.vbo-search-suggestions-av-days td:last-child:after {
background: transparent;
}
.vbo-search-suggestions-av-days .vbo-suggestion-busy {
background: var(--vbo-red-color);
color: #fff;
cursor: not-allowed;
}
.vbo-search-suggestions-av-days .vbo-suggestion-free {
background: var(--vbo-green-color);
color: #fff;
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
cursor: pointer;
}
.vbo-search-suggestions-av-days .vbo-suggestion-free:hover, .vbo-suggestion-free.vbo-suggestion-selected {
background: var(--vbo-green-color-hover);
color: #fff;
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
}
.vbo-search-suggestions-dayrooms {
display: -webkit-box; 
display: -ms-flexbox;
display: -webkit-flex;
display: flex;     
flex-wrap: wrap;
}
.vbo-search-suggestions-dayroom {
flex: 1 auto;
margin: 3px;
padding: 15px;
background: var(--vbo-light-grey-bg-color);
}
.vbo-search-suggestions-dayroom .vbmaxminpeopleroom {
margin-bottom: 0;
}
.vbo-search-suggestions-dayroom .vbmaxminpeopleroom > div {
padding: 5px;
}
.vbo-search-suggestions-container {
border: 1px solid var(--vbo-border-color);
padding: 20px;
margin: 20px 0;
}
.vbo-search-solutions-container, .vbo-booking-solutions-container {
margin-top: 30px;
}
.vbo-search-suggestions-container > h4 {
margin-bottom: 0;
}
.vbo-booking-solutions-container > h4 {
margin-bottom: 20px;
}
.vbo-search-suggestions-dayroom-name {
font-weight: bold;
display: inline-block;
}
.vbo-search-suggestions-dayroom-units {
display: inline-block;
margin-left: 5px;
}
.vbo-search-solutions {
margin: 10px 0 10px 0;
}
.vbo-search-solution, .vbo-booking-solution {
border: 1px solid var(--vbo-border-color);
padding: 0;
border-radius: 8px;
margin-bottom: 45px;
width: calc(50% - 30px);
text-align: center;
display: inline-block;
vertical-align: top;
transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-webkit-transition: all 200ms ease-in-out 0s;
box-shadow: 0 3px 12px rgba(0,0,0,0.1);
}
.vbo-search-solution:hover, .vbo-booking-solution:hover {
border-color: var(--vbo-blue-color);
background: var(--vbo-white-bg-color);
transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-webkit-transition: all 200ms ease-in-out 0s;
}
.vbo-search-solution:nth-of-type(odd), .vbo-booking-solution:nth-of-type(odd) {
margin-right: 30px;
}
.vbo-search-solution-dates, .vbo-booking-solution-dates {
display: -webkit-box; 
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.vbo-search-solution-dates > span, .vbo-booking-solution-dates > span {
display: inline-block;
flex: 0 0 49%;
padding: 10px 10px 5px;
}
.vbo-search-solution-dates > .vbo-search-solution-checkin, 
.vbo-booking-solution-dates > .vbo-booking-solution-checkin {
border-right: 1px solid var(--vbo-border-color);
}
.vbo-search-solution-date-lbl, .vbo-booking-solution-date-lbl {
display: block;
font-size: .9em;
font-weight: 400;
}
.vbo-search-solution-date-dt, .vbo-booking-solution-date-dt {
font-weight: bold;
font-size: 1.2em;
}
.vbo-search-solution-book, .vbo-booking-solution-book {
margin: 0px auto -18px;
padding: 0;
display: inline-block;
}
.vbo-search-solution-book a, .vbo-booking-solution-book a {
padding: 10px 25px;
margin-top: 0;
}
.vbo-booking-solution-rooms {
border-top: 1px solid var(--vbo-border-color);
padding: 10px;
display: -webkit-box; 
display: -ms-flexbox;
display: -webkit-flex;
display: flex;       
flex-wrap: wrap;	
justify-content: space-around;
}
.vbo-booking-solution-totrooms {
text-align: center;
font-weight: bold;
font-size: .9em;
flex: 0 0 100%;	
}
.vbo-booking-solution-room {
margin: 5px;
display: inline-block;
border: 1px solid var(--vbo-border-color);
background: var(--vbo-white-bg-color);
box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
padding: 10px;
border-radius: 10px;
flex: 0 0 45%;
}
.vbo-booking-solution-rname {
font-size: 1.2em;
display: inline-block;
margin-right: 5px;
font-weight: bold;
}
.vbo-booking-solution-guests {
display: block;
font-weight: 400;
color: var(--vbo-text-color);
}
.vbo-search-no-solutions {
margin: 10px 0px;
padding: 12px;
color: var(--vbo-red-color);
background: var(--vbo-white-bg-color);
}  .vbo-splitstay-solution-room {
border-radius: 10px;
border: 1px solid var(--vbo-border-color);
box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
padding: 0;
}
.vbo-splitstay-solution-room .vbo-booking-solution-rname {
display: block;
text-align: left;
padding: 5px 10px;
margin-right: 0;
border-bottom: 1px solid var(--vbo-border-color);
}
.vbo-splitstay-solution-details {
padding: 10px;
}
.vbo-splitstay-solution-details > span {
display: block;
text-align: left;
margin-bottom: 3px;
}
.vbo-splitstay-solution-details > span:last-child {
margin-bottom: 0;
}
.vbo-splitstay-solution-details > span i {
margin-right: 3px;
opacity: .6;
min-width: 22px;
color: #666;
font-size: .9em;
}  .vbo-center {
text-align: center;
}
.vbo-sign-bookdet-container {
margin-bottom: 50px;
text-align: center;
width: 100%;
}
.vbo-sign-bookdet-wrap {
display: inline-block;
margin: 0 3px 10px 0;
max-width: 250px;
min-width: 100px;
}
.vbo-sign-bookdet-head {
border-bottom: 1px solid var(--vbo-border-color);
color: var(--vbo-light-text-color);
margin: 0 0 5px;
overflow-wrap: break-word;
padding: 3px 10px;
text-align: center;
position: relative;
}
.vbo-sign-bookdet-foot {
font-size: 18px;
overflow-wrap: break-word;
text-align: center;
padding: 3px 15px;
}
.vbo-signature-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 70vh;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0;
padding: 0;
font-family: Helvetica, Sans-Serif;
}
.vbo-signature-pad {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 10px;
width: 100%;
height: 100%;
max-width: 700px;
max-height: 460px;
border: 1px solid var(--vbo-grey-bg-color);
background-color: var(--vbo-white-bg-color);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
border-radius: 4px;
padding: 16px;
}
.vbo-signature-pad::before, .vbo-signature-pad::after {
position: absolute;
z-index: -1;
content: "";
width: 40%;
height: 10px;
bottom: 10px;
background: transparent;
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}
.vbo-signature-pad::before {
left: 20px;
-webkit-transform: skew(-3deg) rotate(-3deg);
transform: skew(-3deg) rotate(-3deg);
}
.vbo-signature-pad::after {
right: 20px;
-webkit-transform: skew(3deg) rotate(3deg);
transform: skew(3deg) rotate(3deg);
}
.vbo-signature-pad-head {
margin-bottom: 8px;
text-align: center;
}
.vbo-signature-pad-head-terms {
display: inline-block;
padding: 0 10px;
}
.vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active {
text-decoration: none;
}
.vbo-signature-pad-body {
position: relative;
flex: 1;
border: 1px solid var(--vbo-light-border-color);
}
.vbo-signature-pad-body canvas, .vbo-signature-pad-body div  {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}
.vbo-signature-pad-footer {
text-align: center;
margin-top: 8px;
}
.vbo-signature-signabove {
color: var(--vbo-text-color);
font-size: 1.2em;
}
.vbo-signature-cmds {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 8px;
}
.vbo-signature-cmd {
display: inline-block;
margin-right: 5px;
}
.vbo-signature-cmds > div:last-child {
margin-right: 0;
}
.vbo-current-signature-p {
display: block;
text-align: center;
font-weight: bold;
font-size: 14px;
}
.vbo-signature-currentimg img {
max-width: 100%;
}  [data-vbo-expl] {
position: relative;
cursor: pointer;
}
[data-vbo-expl]:before,
[data-vbo-expl]:after {
position: absolute;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
pointer-events: none;
} [data-vbo-expl]:hover:before,
[data-vbo-expl]:hover:after,
[data-vbo-expl]:focus:before,
[data-vbo-expl]:focus:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
} [data-vbo-expl]:before {
z-index: 10001;
border: 6px solid transparent;
background: transparent;
content: "";
}
[data-vbo-expl]::after {
margin-left: -70px;
} [data-vbo-expl]:after {
text-align: center;
z-index: 10000;
padding: 8px;
width: 160px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-vbo-expl);
font-size: 12px;
line-height: 1.2;
} .vbo-expl:before,
.vbo-expl:after {
top: 100%;
bottom: auto;
left: 34%;
}
[data-vbo-expl]::before {
margin-top: -12px;
margin-bottom: 0;
border-top-color: transparent;
border-bottom-color: #000;
border-bottom-color: hsla(0, 0%, 20%, 0.9);
}
.vbo-expl:hover:before,
.vbo-expl:hover:after,
.vbo-expl:focus:before,
.vbo-expl:focus:after {
-webkit-transform: translateY(12px);
-moz-transform: translateY(12px);
transform: translateY(12px); 
}  .vbo-pkgdet-room-inner {
display: none;
}
.vbo-pkglist-pkg {
display: flex;
width: 100%;
border: 1px solid var(--vbo-border-color);
margin: 5px 0;
}
.vbo-pkglist-pkg-bone {
float: left;
display: inline-block;
width: 30%;
}
.vbo-pkglist-pkg-btwo {
float: left;
display: flex;
width: 60%;
padding: 20px 30px;
flex-direction: column;
border-right: 2px solid var(--vbo-border-color);
}
.vbo-pkglist-pkg-bthree {
float: left;
display: inline-block;
width: 20%;
border-left: 2px solid var(--vbo-border-color);
margin-left: -2px;
padding: 15px 0;
}
.vbo-pkglist-pkg-img img {
width: 100%;
height: auto;
}
.vbo-pkglist-pkg-name {
margin: 0;
}
.vbo-pkglist-pkg-dates-cont {
width: 100%;
display: inline-block;
margin: 0;
bottom: 10px;
right: 5px;
order: 3;
vertical-align: bottom;
margin-top: auto;
}
.vbo-pkglist-pkg-dates, .vbo-pkgdet-dates {
margin-top: 10px;
padding: 10px 15px;
background: var(--vbo-grey-bg-color);
font-size: 1.1em;
border-radius: 30px;
display: inline-block;
}
.vbo-pkglist-pkg-dates i, .vbo-pkgdet-dates i {
font-size: 18px;
margin-right: 10px;
}
.vbo-pkglist-pkg-shortdescr {
margin: 8px 0 0;
}
.vbo-pkglist-pkg-dates-lbl, .vbo-pkgdet-dates-lbl {
display: inline-block;
margin-right: 5px;
font-size: .9em;
}
.vbo-pkglist-pkg-cost {
text-align: center;
}
.vbo-pkglist-pkg-cost .vbo-pkglist-pkg-price {
font-size: 1.3em;
font-weight: bold;
}
.vbo-pkglist-pkg-priceper {
display: block;
color: var(--vbo-light-text-color);
}
.vbo-pkglist-pkg-details {
text-align: center;
}
.vbo-pkglist-pkg-details a {
display: inline-block;
width: auto;
padding:8px 15px;
}
.vbo-pkglist-pkg-benefits {
padding: 10px;
margin: 15px;
border:2px solid var(--vbo-green-color);
border-radius: 40px;
text-align: center;
}
.vbo-pkgdet-img {
text-align: center;
margin: 10px 0;
}
.vbo-pkgdet-descrprice-block {
width: 100%;
display: inline-block;
border-top: 1px solid var(--vbo-border-color);
border-bottom: 1px solid var(--vbo-border-color);
margin: 0 0 25px 0;
background: var(--vbo-light-grey-bg-color);
}
.vbo-pkgdet-descrprice-block .vbo-pkgdet-descr {
width: 80%;
float: left;
padding: 33px 10px;
display: inline-block;
background: var(--vbo-white-bg-color);
border-right: 1px solid var(--vbo-border-color);
min-height: 110px;
}
.vbo-pkgdet-descrprice-block .vbo-pkgdet-cost {
width: 20%;
float: right;
display: inline-block;
text-align: center;
padding:33px 0;
}
.vbo-pkgdet-descrprice-block .vbo-pkgdet-cost .vbo-pkglist-pkg-price {
font-size: 28px;
display: block;
font-weight: bold;
}
.vbo-pkgdet-condsdates-block {
width: 100%;
display: inline-block;
text-align: center;
}
.vbo-pkgdet-conds, .vbo-pkg-showprc-conditions {
border:2px solid var(--vbo-border-color);
border-radius: 40px;
padding: 15px;
text-align: left;
}
.vbo-pkgdet-dates {
float: none;
display: inline-block;
margin: 20px 0 0;
}
.vbo-pkgdet-benefits, .vbo-pkg-showprc-benefits {
border-top: 2px solid var(--vbo-border-color);
border-bottom: 2px solid var(--vbo-border-color);
padding: 20px;
text-align: center;
font-size: 1.4em;
font-weight: 400;
margin: 20px 0 40px;
}
.vbo-pkgdet-roomslist {
width: 100%;
display: inline-block;
}
.vbo-pkgdet-room-container {
border:1px solid var(--vbo-border-color);
margin: 5px 0;
}
.vbo-pkgdet-room-container .vbo-pkgdet-room-outer {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.vbo-pkgdet-room-outer {
padding: 0;
}
.vbo-pkgdet-room-img  {
float: left;
display: inline-block;
width: 20%;
}
.vbo-pkgdet-room-img img {
width: 100%;
height: auto;
}
.vbo-pkgdet-room-det {
float: left;
display: inline-block;
width: 60%;
padding: 10px 20px;
}
.vbo-pkgdet-room-booknow {
float: left;
display: inline-block;
width: 20%;
text-align: center;
padding: 33px 10px;
}
.vbo-pkgdet-room-booknow span {
width: auto;
padding: 8px 15px;
}
.vbo-pkgdet-room-thumbs-cont {
display: inline-block;
width: 100%;
margin: 5px 0 0;
}
.vbo-pkgdet-room-thumbs-cont > div {
float: left;
display: inline-block;
margin: 0 5px 5px 0;
}
.vbo-pkgdet-room-thumb img {
height: 52px;
width: auto;
}
.vbo-seldates-cont.vbo-pkgdet-room-form {
padding: 20px;
}
.vbo-pkgdet-room-form .vbdivsearch {
width: 100%;
}
.vbo-pkgdet-room-form .vb-search-inner {
width: 100%;
display: inline-block;
}
.vbo-pkgdet-room-form .vb-search-inner > div {
float: left;
display: inline-block;
margin: 5px 10px 5px;
}
.vbo-pkgdet-room-form .vb-search-inner .vbo-search-num-racblock {
width: auto;
}
.vbo-pkgdet-room-form .vb-search-inner .vbo-search-num-rooms {
width: auto;
}
.vbo-pkgdet-room-form .vb-search-inner .vbo-search-num-aduchild-block {
width: auto;
margin: 0 0 0 10px;
}
.vbo-pkgdet-room-form .vb-search-inner .vbo-search-submit {
margin-top:15px;
margin-left: 25px;
}
#vbjstotnights2 {
text-align: right;
font-weight: 400;
} .vbo-booking-print {
text-align: right;
}
.vbo-booking-print a.vbo-booking-print-link {
color: var(--vbo-text-color);
display: inline-block;
height: 32px;
min-width: 32px;
padding: 4px;
font-size: 22px;
}
a.vbo-booking-print-link:hover {
text-decoration: none;
}
a.vbo-booking-print-link img {
border: 0;
} .vbo-alert-container-confirm {
background-color: var(--vbo-orange-color);
box-shadow: 5px 5px 5px 0 var(--vbo-border-color);
color: #ffffff;
left: 35%;
opacity: 1;
padding: 20px;
position: fixed;
top: 35%;
transition: opacity 0.6s ease 0s;
width: 30%;
}
.vbo-alert-close {
margin-left: 15px;
color: #ffffff;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.vbo-alert-close:hover {
color: #000000;
} .vbo-timer-payment {
color: var(--vbo-red-color);
display: block;
font-size: larger;
font-weight: bold;
margin: 15px;
text-align: center;
} .vbo-icn-carat {
font-size: 16px;
} .vbo-operators-login-wrap {
display: flex;
justify-content: space-around;
padding: 30px;
}
.vbo-operators-login-wrap > div {
flex: 1;
padding: 15px 20px;
}
.vbo-operators-authcode {
margin: 0 10px;
padding: 20px;
border-radius: 10px;
border: 1px solid var(--vbo-light-border-color);
box-shadow: 0px 2px 7px rgba(0,0,0,.1);
}
.vbo-operators-authcode label {
display: block;
}
.vbo-operators-authcode #authcode {
margin: 2px 0;
width: 100%;
display: block;
}
.loginblock-cnt > div {
margin: 5px 0;
}
.loginblock-lbl {
margin-bottom: 2px;
}
.vbo-operator-dashboard-links {
margin-top: 15px;
}
.vbo-operator-dashboard-links ul {
margin: 0 !important;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.vbo-operator-dashboard-links li {
border: 1px solid var(--vbo-border-color);
padding: 10px;
margin: 0 !important;
display: inline-block;
width: 100%;
list-style-type: none;
border-radius: 10px;
box-sizing: border-box;
}
.vbo-operator-dashboard-links li:hover {
border-color: var(--vbo-light-dark-grey-bg-color);
}
.vbo-operator-dashboard-links li a {
text-decoration: none;
}
.vbo-operator-dashboard-links li .vbo-operator-dashboard-link-left {
display: inline-block;
}
.vbo-operator-dashboard-link-left i {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background: var(--vbo-lightblue-color);
color: var(--vbo-contrast-text-color);
border-radius: 50%;
margin-right: 10px;	
}
.vbo-operator-dashboard-links li .vbo-operator-dashboard-link-right {
float: right;
margin-left: 15px;
display: inline-block;
}
.vbo-operator-dashboard-links li .vbo-operator-dashboard-link-left a {
font-weight: bold;
color: inherit;
margin-top: 6px;
display: inline-block;
font-size: 16px;
}
.vbo-operator-dashboard-links li .vbo-operator-dashboard-link-left a:focus, .vbo-operator-dashboard-links li .vbo-operator-dashboard-link-left a:focus {
background-color: transparent;
}
.vbo-operator-dashboard-logout {
text-align: right;
}
.vbo-operator-dashboard > h3 {
display: flex;
}
.vbo-operator-dashboard .vbo-operator-pic img {
width: 40px;
height: 40px;
object-fit: cover;
margin-right: 10px;
border-radius: 50%;
}
.vbo-operator-tool-breadcrumbs {
box-shadow: 0px 4px 9px rgba(0,0,0, .1);
padding: 10px 15px;
border-radius: 10px;
border: 1px solid var(--vbo-light-grey-bg-color);
margin-bottom: 20px;
}
.vbo-operator-tool-breadcrumb {
margin-right: 10px;
font-size: 16px;
}
.vbo-operator-tool-breadcrumb-home, .vbo-operator-tool-breadcrumb-home a { text-decoration: none !important;
}
.vbo-operator-tool-breadcrumb-home, .vbo-operator-tool-breadcrumb-home a:hover {
text-decoration: none !important;
}
.vbo-operator-tool-breadcrumb-home a > i {
margin-right: 10px;
}
.vbo-operator-tool-breadcrumb i {
font-size: 15px;
}
.vbo-operator-tool-breadcrumb-separator {
display: inline-block;
margin-left: 12px;
}
.vbo-operator-tool-breadcrumb-step-current {
opacity: .7;
}
.vbo-operator-tool-top-filters {
margin-bottom: 20px;
}
.vbo-operator-tool-top-filters .vbo-operator-tool-top-filters-inner {
padding: 15px;
background: var(--vbo-light-grey-bg-color);
border-radius: 12px;
}
.vbo-operator-tool-listings {
margin-top: 15px;
font-size: 16px;
}
.vbo-operator-tool-top-filters-inner > form {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.vbo-operator-tool-top-filters .vbo-operator-tool-dt-filter {
flex: 1;
}
.vbo-operator-tool-top-filters .vbo-operator-tool-dt-filter label {
display: block;
font-size: 14px;
opacity: .7;
margin-bottom: 5px;
}
.vbo-operator-tool-top-filters .vbo-operator-tool-dt-filter .wp-calendar-box {
position: relative;
display: inline-block;
width: 100%;
}
.vbo-operator-tool-top-filters .vbo-operator-tool-dt-filter .wp-calendar-box input {
border-radius: 12px;
padding: 10px;
border: 1px solid var(--vbo-border-color);
margin: 0;
width: 100%;
max-width: 100%;
font-size: 16px;
}
.vbo-operator-tool-top-filters .vbo-operator-tool-dt-filter .wp-calendar-box i {
position: absolute;
z-index: 1;
top: 50%;
right: 15px;
transform: translate(0, -50%);
}
.vbo-operator-tool-top-filters .vbo-operator-tool-submit-filter {
align-self: end;
}
.vbo-operator-tool-top-filters .vbo-operator-tool-submit-filter .btn {
padding: 10px 15px;
}
.vbo-closed-date-entry {
display: inline-block;
border-radius: 30px;
margin: 5px 5px 0px 0;
padding: 5px 10px;
font-weight: bold;
font-size: 14px;
background-color: var(--vbo-tag-ocean-bg);
border: 1px solid var(--vbo-tag-ocean-bg);
color: var(--vbo-tag-ocean-txt);
}
.vbo-closed-date-rm {
cursor: pointer;
display: inline-block;
margin-left: 3px;
width: 18px;
height: 18px;
line-height: 20px;
font-size: 10px;
text-align: center;
border-radius: 50%;
color: var(--vbo-blue-color);
}
.vbo-closed-date-rm:hover {
background: var(--vbo-light-dark-grey-bg-color);
color: var(--vbo-contrast-text-color);
}
#vbo-mngoper-work-days-exceptions .vbo-closed-date-entry.vbo-closed-date-entry-dayoff {
background: var(--vbo-tag-gray-bg);
border-color: var(--vbo-tag-gray-bg);
color: var(--vbo-middle-text-color);
}
#vbo-mngoper-work-days-exceptions .vbo-closed-date-entry.vbo-closed-date-entry-dayoff .vbo-closed-date-rm:not(:hover) {
color: var(--vbo-middle-text-color);
}
.vbo-operator-tool-finance-stats .vbo-tool-finance-data-blocks {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 10px;
width: 100%;
box-sizing: border-box;
}
.vbo-operator-tool-finance-stats .vbo-tool-finance-data-block {
background: var(--vbo-white-bg-color);
border: 1px solid var(--vbo-light-border-color);
border-bottom: 3px solid var(--vbo-light-border-color);
padding: 15px;
border-radius: 16px;
position: relative;
line-height: 1.2em;
}
.vbo-operator-tool-finance-stats .vbo-tool-finance-stat-info {
display: flex;
}
.vbo-operator-tool-finance-stats .vbo-tool-finance-stat-name {
font-weight: 500;
margin-bottom: 6px;
font-size: 16px;
line-height: 1.4em;
}
.vbo-operator-tool-finance-stats .vbo-tool-finance-stat-amount {
margin-top: 6px;
}
.vbo-operator-tool-finance-stats .vbo-tool-finance-stat-amount-value {
font-weight: bold;
font-size: 18px;
}
.vbo-tool-finance-data-block-rankings {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-top: 10px;
}
.vbo-tool-finance-data-block-rankings .vbo-tool-finance-data-block-rank {
background: var(--vbo-white-bg-color);
border: 1px solid var(--vbo-light-border-color);
border-bottom: 3px solid var(--vbo-light-border-color);
padding: 15px;
border-radius: 16px;
position: relative;
}
.vbo-tool-finance-data-block-rankings .vbo-tool-finance-stat-rank {
display: flex;
margin-bottom: 10px;
line-height: 1.2em;
}
.vbo-tool-finance-data-block-rankings .vbo-tool-finance-stat-rank-logo {
margin-right: 10px;
}
.vbo-tool-finance-data-block-rankings .vbo-tool-finance-stat-rank-logo img {
width: 25px;
height: 25px;
object-fit: cover;
border-radius: 50%;
}
.vbo-tool-finance-data-block-rankings .vbo-tool-finance-stat-rank-logo i {
width: 25px;
text-align: center;
height: 25px;
line-height: 23px !important;
border: 1px solid var(--vbo-border-color);
border-radius: 50%;
background: var(--vbo-light-grey-bg-color);
font-size: 11px;
}
.vbo-tool-finance-data-block-rankings .vbo-tool-finance-stat-rank-score {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.vbo-tool-finance-stat-rank-score .vbo-tool-finance-stat-rank-name {
font-size: 16px;
}
.vbo-tool-finance-stat-rank-score .vbo-tool-finance-stat-rank-amount {
margin-left: auto;
font-weight: bold;
font-size: 16px;
}
.vbo-tool-finance-stat-rank-score .vbo-tool-finance-stat-rank-pcent {
flex-basis: 100%;
}
.vbo-tool-finance-stat-rank-score .vbo-tool-finance-stat-rank-pcent progress {
width: 100%;
border-radius: 20px;
height: 10px;
-webkit-appearance: none;
appearance: none;
} .vbo-tooltip {
position: relative;
}
.vbo-tooltip::before {
content: attr(data-tooltiptext);
z-index: 10001;
width: calc(100% + 40px);
color: var(--vbo-text-color);
background: var(--vbo-white-bg-color);
border-radius: 15px;
border: 1px solid var(--vbo-border-color);
padding: 5px;
font-size: 12px;
line-height: 1.2;
text-align: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
font-weight: normal;
}
.vbo-tooltip::after {
content: "";
width: 0;
height: 0;
}
.vbo-tooltip::before, .vbo-tooltip::after {
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
pointer-events: none;
}
.vbo-tooltip.vbo-tooltip-top::before, .vbo-tooltip.vbo-tooltip-top::after {
bottom: 100%;
left: 50%;
transform: translate(-50%);
margin-bottom: 2px;
}
.vbo-tooltip.vbo-tooltip-bottom::before, .vbo-tooltip.vbo-tooltip-bottom::after {
top: 100%;
left: 50%;
transform: translate(-50%);
margin-top: 2px;
}
.vbo-tooltip:hover::before, .vbo-tooltip:hover::after, .vbo-tooltip:focus::before, .vbo-tooltip:focus::after {
opacity: 1;
visibility: visible;
}
.vbo-logout {
cursor: pointer;
display: inline-block;
font-size: .9em;
margin: 0;
padding: 8px 25px;
text-align: center;
background-color: transparent;
} .vbo-booking-leavereview-wrap .vbo-booking-details-midcontainer > div {
background: var(--vbo-light-grey-bg-color);
}
.vbo-booking-leavereview-wrap .vbo-booking-details-bookinfo {
display: inline-block;
margin: 5px 20px 5px 5px;
}
.vbo-booking-leavereview-wrap .vbo-booking-details-bookinfo .vbo-booking-details-bookinfo-lbl {
color: var(--vbo-text-color);
text-transform: inherit;
}
.vbo-booking-leavereview-inner {
border: 1px solid var(--vbo-light-border-color);
padding: 25px;
margin-top: 20px;
box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.vbo-booking-starrating-wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.vbo-booking-starrating-wrap .vbo-booking-starrating-cont {
flex-basis: 23%;
margin: 10px 7px;
}
.vbo-booking-starrating-wrap .vbo-booking-starrating-stars i {
font-size: 18px;
}
.vbo-booking-starrating-wrap .vbo-booking-starrating-stars .vbo-review-star, .vbo-booking-guest-review-service-stars .vbo-review-star {
color: var(--vbo-light-text-color);
}
.vbo-booking-starrating-wrap .vbo-booking-starrating-stars .vbo-review-star-full, .vbo-booking-guest-review-service-stars .vbo-review-star-full {
color: var(--vbo-orange-color);
}
.vbo-booking-starrating-wrap .vbo-booking-review-servicename {
font-size: 1.1em;
}
.vbo-booking-review-message label {
margin-left: 0;
}
.vbo-booking-review-message textarea {
margin-top: 4px;
width: 100%;
padding: 10px;
min-height: 180px;
max-height: 250px;
}
.vbo-booking-review-message .vbo-booking-review-message-privacy {
margin-top: 5px;
font-size: .9em;
}
.vbo-booking-review-cmds {
margin-top: 20px;
}
.vbo-booking-review-cmds .vbo-booking-review-cmd {
display: inline-block;
vertical-align: top;
}
.vbo-booking-review-cmds .vbo-booking-review-cmd a {
display: inline-block;
}
.vbo-booking-guest-review-inner {
margin-top: 30px;
border: 1px solid var(--vbo-grey-bg-color);
padding: 25px;
margin-top: 20px;
box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.vbo-booking-guest-review-inner {
display: flex;
}
.vbo-booking-guest-review-top {
flex-basis: 200px;
text-align: center;
}
.vbo-booking-guest-review-bottom {
flex: 1;
}
.vbo-booking-guest-review-time {
text-align: center;
color: var(--vbo-text-color);
font-size: .85em;
}
.vbo-booking-guest-review-globalscore {
font-size: 28px;
text-align: center;
font-weight: bold;
margin-top: 10px;
}
.vbo-booking-guest-review-globalscore span {
display: inline-block;
background: var(--vbo-grey-bg-color);
padding: 4px 10px;
border-radius: 8px;
}
.vbo-booking-guest-review-services-score {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.vbo-booking-guest-review-services-score > div {
flex-basis: 23%;
margin: 10px;
}
.vbo-booking-guest-review-singleservice {
display: inherit;
}
.vbo-booking-guest-review-singleservice > div {
margin: 0 0 5px;
}
.vbo-booking-guest-review-services-score .vbo-booking-guest-review-service-name {
font-size: 1.1em;
}
.vbo-booking-guest-review-services-score .vbo-booking-guest-review-service-stars i {
font-size: 18px;
}
.vbo-booking-guest-review-message {
margin-top: 20px;
padding: 15px;
border: 1px solid var(--vbo-light-border-color);
border-left: 2px solid var(--vbo-border-color);
}
.vbo-booking-guest-review-message > p:last-child, .vbo-booking-guest-review-owner-reply > p:last-child {
margin-bottom: 0;
}
.vbo-booking-guest-review-owner-reply {
background: var(--vbo-light-grey-bg-color);
padding: 15px;
margin: 5px 0 5px 10px;
border: 1px solid var(--vbo-light-border-color);
border-left: 2px solid var(--vbo-border-color);
}
.vbo-booking-guest-review-owner-reply h5 {
font-weight: bold;
} .ui-datepicker, .ui-datepicker.ui-datepicker-multi {
width: auto !important;
}
.ui-datepicker-multi .ui-datepicker-group {
width: calc(50% - 13px) !important;
box-sizing: content-box;
}
.ui-datepicker-multi-2 .ui-datepicker-group-first {
padding-right: 12px;
margin-right: 12px;
}
.ui-datepicker table.ui-datepicker-calendar {
table-layout: inherit;
font-size: 0.75em !important;
border-spacing: 0;
border-collapse: initial;
}
.ui-datepicker-multi .ui-datepicker-group table {
margin-bottom: 0;
}
.ui-datepicker-multi .ui-datepicker-group-first .ui-datepicker-calendar {
margin-right: 5px;
}
.ui-datepicker-multi .ui-datepicker-group table tbody tr {
border-bottom: 0;
}
.ui-datepicker table td {
width: auto !important;
text-align: center;
padding: 1px !important;
border: 0;
}
.ui-datepicker table td:hover {
border: 0;
}
.ui-datepicker .ui-datepicker-title {
font-size: 18px !important;
font-weight: 400 !important;
}
.ui-datepicker .ui-datepicker-current-day a {
color: var(--vbo-text-color);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1.5px solid var(--vbo-white-bg-color);
}
.ui-datepicker td > *, .ui-datepicker td > *.ui-state-default {
font-size: 13px !important;
text-align: center !important;
border-radius: 50% !important;
width: 40px;
height: 40px;
line-height: 40px !important;
border: 1.5px solid var(--vbo-white-bg-color);
}
.ui-datepicker td.ui-datepicker-unselectable > * {
border: 1.5px solid #fff0 !important;
}
.ui-datepicker td.ui-datepicker-unselectable > *:hover {
color: var(--vbo-text-color);
}
.ui-datepicker td span:hover, .ui-datepicker td a:hover {
background: transparent;
border-color: var(--vbo-darkblue-color);
color: var(--vbo-darkblue-color);
}
.ui-datepicker td.checkin-date a, .ui-datepicker td.checkout-date a {
color: var(--vbo-contrast-text-color) !important;
border-color: var(--vbo-light-grey-bg-color);
}
.ui-datepicker td.checkin-date a:hover, .ui-datepicker td.checkout-date a:hover {
color: var(--vbo-contrast-text-color);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: transparent;
font-weight: 500 !important;
}
.ui-datepicker-calendar td.checkin-checkout-inner {
opacity: 1 !important;
}
.ui-datepicker-calendar td.checkin-checkout-inner, .ui-datepicker-calendar .checkin-date, .ui-datepicker-calendar .checkout-date, .ui-datepicker-calendar .checkout-date.date-will {
background: var(--vbo-light-grey-bg-color);
}
.ui-datepicker-calendar .checkin-date.without-checkout-date:hover {
background-color: var(--vbo-white-bg-color);
}
.ui-datepicker-calendar td.checkin-checkout-inner > * {
border-color: var(--vbo-light-grey-bg-color);
background: var(--vbo-light-grey-bg-color);
}
.ui-datepicker-calendar .checkin-date {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.ui-datepicker-calendar .checkout-date {
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.ui-datepicker-calendar .date-tooltip {
position: relative;
}
.ui-datepicker-calendar .date-tooltip:after {
display: none;
content: attr(data-title);
position: absolute;
width: 100px;
font-size: 12px;
top: -25px;
left: 50%;
transform: translateX(-50%);
color: var(--vbo-light-dark-grey-bg-color);
background: var(--vbo-white-bg-color);
box-shadow: 0 0 3px rgba(0,0,0,.2);
padding: 1px;
}
.ui-datepicker-calendar .date-tooltip-large:after {
width: 180px;
} 
.ui-datepicker-calendar .date-tooltip.date-tooltip-firstwday:after {
left: 0;
transform: translateX(0%);
}
.ui-datepicker-calendar .date-tooltip.date-tooltip-lastwday:after {
left: auto;
transform: translate(0, 0);
right: 0;
}
.ui-datepicker-calendar .date-tooltip:before {
display: none;
position: absolute;
border: 6px solid transparent;
border-top-color: transparent;
border-bottom-color: transparent;
background: transparent;
content: "";
border-bottom-color: transparent;
border-top-color: var(--vbo-white-bg-color);
top: -3px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.ui-datepicker-calendar .date-tooltip:hover:after, .ui-datepicker-calendar .date-tooltip:hover:before {
display: block;
}
.ui-datepicker td.checkin-checkout-inner *:hover {
background-color: var(--vbo-white-bg-color) !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
color: var(--vbo-light-dark-grey-bg-color) !important;
}
.ui-widget-header {
background: transparent !important;
border: 0 !important;
font-size: 22px !important;
font-weight: 300 !important;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.2 !important;
border: 0;
}
.ui-state-disabled {
pointer-events: auto;
}
.ui-datepicker .ui-datepicker-today {
color: var(--vbo-blue-color) !important;
}
.ui-datepicker-other-month {
background: transparent !important;
}
#ui-datepicker-div {
background: var(--vbo-white-bg-color);
box-shadow: 0 3px 12px 0 rgb(0 0 0 / 0.15);
border-radius: 32px;
padding: 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
font-size: 14px !important;
font-weight: bold !important;
color: var(--vbo-text-color);
margin-top: -5px;
margin-bottom: 5px;
}
.ui-datepicker th {
font-size: 10px !important;
text-transform: uppercase;
color: var(--vbo-middle-text-color) !important;
padding: 10px 0;
}
.ui-datepicker-header .ui-corner-all {
color: var(--vbo-middle-text-color);
}
.ui-datepicker-header .ui-corner-all.ui-state-hover {
border-color: var(--vbo-blue-color) !important;
color: var(--vbo-blue-color);
background: transparent !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
width: 34px !important;
height: 34px !important;
border: 1.5px solid var(--vbo-input-style);
border-radius: 50%;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: -7px !important;
border-radius: 50%;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
top: 0 !important;
left: 0 !important;
margin: 0 !important;
background: transparent !important;
background-color: var(--vbo-white-bg-color);
position: relative;
text-indent: 0;
width: 34px;
height: 34px;
display: inline-block;
font-size: 0;
text-align: center;
}
.ui-datepicker .ui-datepicker-prev span:after, .ui-datepicker .ui-datepicker-next span:after {
font-family: "Font Awesome 5 Free", FontAwesomes !important;
font-weight: 900;
top: 0;
position: absolute;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 16px;
}
.ui-datepicker .ui-datepicker-prev span:after {
content: "\f053";
left: -1px;
}
.ui-datepicker .ui-datepicker-next span:after {
content: "\f054";
left: 0;
}
.ui-datepicker .ui-datepicker-prev {
left: 0;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 14px;
border: 1px solid var(--vbo-border-color);
padding: 2px 5px;
margin: 0 2px;
}
.ui-datepicker .ui-state-hover {
background-image: none !important;
}
.ui-datepicker .ui-state-highlight.date-tooltip {
border: 0 !important;
background-color: var(--vbo-light-grey-bg-color) !important;
}
.vbo-drp-commands-bottom {
display: flex;
gap: 10px;
align-items: center;
justify-content: end;
}
.ui-datepicker .vbo-drp-commands-bottom > div > * {
font-weight: 500;
font-size: 14px;
line-height: initial;
padding: 6px 8px;
border-radius: 6px;
}
.ui-datepicker .vbo-drp-commands-bottom .vbo-drp-command-clear a {
color: var(--vbo-middle-text-color);
text-decoration: underline;
}
.ui-datepicker .vbo-drp-commands-bottom .vbo-drp-command-clear a:hover {
background-color: var(--vbo-light-grey-bg-color);
}
.ui-datepicker .vbo-drp-commands-bottom .vbo-drp-command-close button {
font-size: 14px;
} .vbo-tableaux-togglefullscreen {
background: var(--vbo-blue-color);
color: #fff;
display: inline-block;
padding: 5px;
border-radius: 2px;
text-align: center;
}
.vbo-tableaux-togglefullscreen:hover {
color: #fff;
background: var(--vbo-blue-color-hover);
}
.vbo-tableaux-outer.vbo-tableaux-fullscreen {
background: var(--vbo-white-bg-color);
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 99999;
overflow-y: scroll;
}
.vbo-tableaux-tbl-container {
margin-top: 15px;
}
.vbo-tableaux-tbl-container .vbo-table-responsive {
flex: 1%;
overflow-x: scroll;
border-radius: 4px;
border: 1px solid var(--vbo-light-border-color);
}
.vbo-tableaux-table {
background: var(--vbo-white-bg-color);
border-radius: 4px;
box-shadow: 0 0 4px #0000001a;
width: 100%;
}
.vbo-tableaux-table tr {
border-bottom: 1px solid var(--vbo-border-color);
}
.vbo-tableaux-table td {
border-right: 1px solid var(--vbo-border-color);
min-width: 100px;
max-width: 100px;
padding: 10px 0;
vertical-align: top;
position: relative;
}
.vbo-tableaux-table tr td:first-child {
position: sticky;
left: 0;
background: var(--vbo-white-bg-color);
box-shadow: 6px 0 10px -6px #0000001a;
min-width: 180px;
max-width: 180px;
z-index: 2;
font-weight: bold;
padding: 15px 15px;
font-size: 1em;
}
.vbo-tableaux-table tr:last-child {
border-bottom: 0;
}
.vbo-tableaux-table tr td:last-child {
border-right: 0;
}
.vbo-tableaux-table .vbo-tableaux-daycell {
color: var(--vbo-text-color);
font-weight: bold;
text-align: center;
padding: 10px;
vertical-align: middle;
}
.vbo-tableaux-table .vbo-tableaux-todaycell {
background: var(--vbo-grey-bg-color);
}
.vbo-tableaux-table .vbo-tableaux-festcell {
background: #d9b9d3 !important;
color: #fff;
cursor: pointer;
}
.vbo-roomdaynote-full, .vbo-roomdaynote-empty {
position: relative;
}
td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger {
position: absolute;
}
td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger {
top: auto;
left: auto;
right: 3px;
bottom: 1px;
transform: none;
cursor: pointer;
visibility: hidden;
}
.vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger {
animation: 1s fadeIn;
animation-fill-mode: forwards;
visibility: initial;
}
@keyframes fadeIn {
99% {
visibility: hidden;
}
100% {
visibility: visible;
}
}
.vbo-roomdaynote-full:before {
content: "";
width: 100%;
height: 3px;
background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
position: absolute;
bottom: 0;
left: 0;
}
.vbo-tableaux-table .vbo-roomdaynote-full:before {
height: 19px;
}
.vbo-tableaux-table .vbo-roomdaynote-full:after {
content: attr(data-notes);
color: #fff;
font-size: 12px;
position: absolute;
bottom: 1px;
left: 4px;
}
.vbo-tableaux-table .vbo-roomdaynote-full:before {
height: 19px;
}
.vbo-tableaux-table .vbo-roomdaynote-full:after {
content: attr(data-notes);
color: #fff;
font-size: 12px;
position: absolute;
bottom: 1px;
left: 4px;
width: max-content;
z-index: 1;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i {
color: var(--vbo-blue-color);
}
.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover {
color: var(--vbo-blue-color-hover);
}
.vbo-roomdaynote-full .vbo-roomdaynote-trigger {
color: var(--vbo-darkblue-color);
}
.vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger {
color: #fff;
z-index: 10;
}
.vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover {
color: var(--vbo-lightblue-color);
}
.vbo-modal-overlay-block {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.58);
display: none;
z-index: 2147483647 !important;
}
.vbo-modal-overlay-block .vbo-modal-overlay-close {
display: block;
height: 100%;
cursor: default;
}
.vbo-modal-overlay-block .vbo-modal-overlay-content {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 40%;
height: 60%;
z-index: 2147483647;
border-radius: 10px;
background-color: var(--vbo-white-bg-color);
box-shadow: 0px 0px 10px rgba(0,0,0, .5);
overflow: auto;
}
.vbo-modal-overlay-content-head {
padding: 20px;
background: var(--vbo-light-grey-bg-color);
}
.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-roomupgrade {
width: 80%;
height: 80%;
}
.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-roomdaynotes {
max-width: 580px;
}
.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-roomdaynotes .vbo-modal-overlay-content-head {
background: transparent;	
}
.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-roomdaynotes .vbo-modal-overlay-content-body {
padding: 0px 0px 20px;
}
.vbo-modal-overlay-content-head h3 {
font-size: 18px;
margin-bottom: 0;
}
.vbo-modal-overlay-content-head h3 > i {
margin-right: 5px;
color: var(--vbo-text-color);
}
.vbo-modal-overlay-close-times {
float: right;
font-size: 20px;
cursor: pointer;
color: var(--vbo-text-color);
padding: 10px;
cursor: pointer;
margin-top: -10px;
display: inline-block;
}
.vbo-modal-overlay-close-times:hover {
color: var(--vbo-lightblue-color);
}
.vbo-modal-overlay-content {
-webkit-animation-name: vbofadeInUp;
animation-name: vbofadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes vbofadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, -20%, 0);
transform: translate3d(-50%, -20%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
}
@keyframes vbofadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, -20%, 0);
transform: translate3d(-50%, -20%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
}
.vbo-modal-overlay-content-body {
padding: 20px 20px;
}
.vbo-modal-overlay-content-body-scroll {
height: calc(100% - 74px);
overflow: hidden;
overflow-y: scroll;
}
.vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto {
display: inline-block;
margin-left: 5px;
}
.vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val {
font-weight: bold;
display: block;
}
.vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-lbl {
font-size: .9em;
}
.vbo-modal-roomdaynotes-addnew {
padding: 20px 30px 20px;
}
.vbo-modal-roomdaynotes-addnew h4 {
font-weight: bold;
font-size: 16px;
}
.vbo-modal-roomdaynotes-list {
border-bottom: 1px solid var(--vbo-border-color);
}
.vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem {
margin: 10px 0;
}
.vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label {
display: block;
margin-bottom: 5px;
margin-left: 0;
}
.vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem input {
width: 100%;
vertical-align: top;
}
.vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem input#vbo-newrdnote-cdays {
width: auto;
}
.vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea {
width: 100%;
box-sizing: border-box;
border: 1px solid var(--vbo-border-color);
border-radius: 2px;
padding: 8px 10px;
box-sizing: border-box;
}
.vbo-modal-roomdaynotes-addnew-save .btn {
width: 100%;
}
.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem {
margin: 10px 0;
}
.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label {
font-weight: bold;
}
.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input,
.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select,
.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
min-width: 50%;
}
.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea {
max-width: 100%;
box-sizing: border-box;
min-height: 80px;
}
.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] {
border: 1px solid var(--vbo-border-color);
border-radius: 2px;
padding: 8px 10px;
margin-bottom: 0;
box-sizing: border-box;
height: auto;
}
.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select {
margin-bottom: 0;
border-radius: 2px;
border: 1px solid var(--vbo-border-color);
padding: 8px 10px;
height: inherit;
}
.vbo-overlay-fest-details {
margin: 4px 30px 15px;
padding: 12px 14px;
border: 1px solid var(--vbo-border-color);
border-radius: 10px;
box-shadow: 0 1.5px 2px rgba(0,0,0,.05);
}
.vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name {
font-size: 1.1em;
font-weight: bold;
}
.vbo-tableaux-monthsrow > .vbo-tableaux-monthcell {
padding: 10px 15px;
font-weight: bold;
border-left: 0;
}
.vbo-tableaux-monthsrow > .vbo-tableaux-monthcell h4 {
margin-bottom: 0;
}
.vbo-tableaux-roombooks > div {
background: var(--vbo-blue-color);
color: #fff;
font-weight: bold;
padding: 5px;
margin: 2px 0;
white-space: nowrap;
position: relative;
font-size: 11px;
cursor: pointer;
}
.vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin {
width: 64%;
float: right;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding-left: 10px;
position: relative;
margin-right: -2px;
}
.vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span {
position: relative;
z-index: 1;
cursor: pointer;
}
.vbo-tableaux-roombooks > .vbo-tableaux-booking-stay {
display: inline-block;
width: 101%;
}
.vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout {
width: 64%;
float: left;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
padding-right: 10px;
}
.vbo-tableaux-booking.vbo-tableaux-booking-empty {
background: transparent;
display: inline-block;
width: 100%;
}
.vbo-tableaux-roombooks > div {
color: #fff;
font-weight: bold;
white-space: nowrap;
}
.vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span {
overflow: hidden;
max-width: 130px;
display: table-cell;
cursor: pointer;
}
.vbo-tableaux-todaystats {
display: flex;
flex-wrap: wrap;
border: 1px solid var(--vbo-border-color);
margin: 15px 0;
background: var(--vbo-white-bg-color);
border-radius: 4px;
box-shadow: 0 4px 4px #0000001a;
}
.vbo-tableaux-todaystats > div {
flex: 1;
border-right: 1px solid var(--vbo-border-color);
text-align: center;
display: flex;
padding: 0 5px;
}
.vbo-tableaux-todaystats > div:last-child {
border-right: 0;
}
.vbo-tableaux-todaystat {
display: flex;
}
.vbo-tableaux-todaystats > .vbo-tableaux-todaystat:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.vbo-tableaux-todaystats .vbo-tableaux-todaystat-inner {
padding: 15px 5px;
font-size: 1.1em;
flex: 1;
display: flex;
flex-wrap: wrap;
}
.vbo-tableaux-todaystats .vbo-tableaux-today-lbl {
display: block;
flex-basis: 100%;
text-align: center;
}
.vbo-tableaux-todaystats .vbo-tableaux-today-val {
font-size: 1.3em;
font-weight: bold;
flex-basis: 100%;
align-self: end;
}
.vbo-tableaux-todaystats > div .vbo-tableaux-month-link:hover {
background: var(--vbo-light-grey-bg-color);
}
.vbo-tableaux-todaystats > div .vbo-tableaux-month-link span {
display: block;
}
.vbo-tableaux-todaystats > div .vbo-tableaux-month-link-active, .vbo-tableaux-todaystats > div .vbo-tableaux-month-link-active:hover {
background: var(--vbo-blue-color);
color: #fff;
}
.vbdialog-inner-tableaux {
padding: 20px;
}
.vbdialog-inner-tableaux .vbo-tableaux-bookdet-entry {
margin: 5px 0;
border: 1px solid var(--vbo-light-border-color);
}
.vbdialog-inner-tableaux .vbo-tableaux-bookdet-lbl {
font-weight: bold;
min-width: 200px;
display: inline-block;
margin-right: 10px;
background: var(--vbo-light-grey-bg-color);
padding: 5px 10px;
border-right: 1px solid var(--vbo-light-border-color);
}
.vbdialog-inner-tableaux .vbo-tableaux-bookdet-val {
padding: 5px 0;
display: inline-block;
}  .vbo-oconfirm-summary-container {
margin-bottom: 40px;
}
.vbo-oconfirm-summary-room-wrapper > div > div, .vbo-oconfirm-summary-total-wrapper > div > div {
display: inline-block;
vertical-align: top;
padding: 7px 10px;
line-height: 1em;
}
.vbo-oconfirm-summary-room-cell-descr {
width: 30%;
}
.vbo-oconfirm-summary-room-cell-guests {
width: 20%;
}
.vbo-oconfirm-summary-room-cell-nights {
width: 10%;
text-align: center;
}
.vbo-oconfirm-summary-room-cell-net {
width: 15%;
text-align: center;
}
.vbo-oconfirm-summary-room-cell-tax {
width: 10%;
text-align: center;
}
.vbo-oconfirm-summary-room-cell-tot {
width: 15%;
text-align: right;
}
.vbo-oconfirm-summary-total-head, .vbo-oconfirm-summary-room-row .vbo-oconfirm-summary-room-head-cell {
display: none;
}
.vbo-oconfirm-summary-room-wrapper {
margin: 0 0 15px;
box-shadow: 0 3px 10px rgba(0,0,0,.1);
padding: 20px;
border-radius: 2px;
border: 1px solid var(--vbo-light-border-color);
}
.vbo-oconfirm-summary-room-head {
display: flex;
}
.vbo-oconfirm-summary-room-head-cell {
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
color: var(--vbo-text-color);
margin-bottom: 5px;
}
.vbo-oconfirm-summary-room-row {
margin: 5px 0;
display: flex;
}
.vbo-oconfirm-summary-total-wrapper {
padding: 10px 20px;
border: 1px solid var(--vbo-light-border-color);
background: var(--vbo-light-grey-bg-color);
border-radius: 2px;
box-shadow: 0 3px 10px rgba(0,0,0,.1);
}
.vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-total-row, 
.vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-total-row .vbo-oconfirm-total-block {
font-weight: bold;	
}
.vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-total-row > div {
font-size: 1.1em;
}
.vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-total-row > .vbo-oconfirm-summary-room-cell-net,
.vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-total-row > .vbo-oconfirm-summary-room-cell-tax {
font-size: 1em;
font-weight: normal;
}
.vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-coupon-row .vbo-remove-coupon {
margin-left: 8px;
color: var(--vbo-text-color);
font-size: 14px;
}
.vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-coupon-row .vbo-remove-coupon:hover {
color: var(--vbo-red-color-hover);
}
.vbo-oconfirm-summary-coupon-row {
font-size: .9em;
color: var(--vbo-green-color);
}
.vbo-oconfirm-summary-coupon-newtot-row {
border-top: 1px solid var(--vbo-border-color);
padding-top: 5px;
margin-top: 5px;
}
.vbo-oconfirm-summary-coupon-newtot-row .vbo-oconfirm-summary-room-cell-tot {
font-weight: bold;
}
.vbordrowtotal-positive, .vbordrowtotal-negative {
margin-top: 0;
}
.vbordrowtotal-prevtot {
margin-bottom: 0;
}
.vbo-oconfirm-summary-total-wrapper .vbordrowtotal-positive > .vbo-oconfirm-total-block, .vbo-oconfirm-summary-total-wrapper .vbordrowtotal-negative > .vbo-oconfirm-total-block, .vbordrowtotal-positive .vbo-oconfirm-summary-room-cell-tot,
.vbordrowtotal-negative > .vbo-oconfirm-total-block, .vbo-oconfirm-previoustotal-block, .vbo-oconfirm-summary-room-cell-tot .vbordrowtotal-prevtot, .vbo-oconfirm-summary-total-wrapper
.vbordrowtotal-prevtot > .vbo-oconfirm-summary-room-cell-tot, .vbo-oconfirm-summary-total-wrapper .vbordrowtotal-negative > .vbo-oconfirm-summary-room-cell-descr, .vbo-oconfirm-summary-total-wrapper .vbordrowtotal-positive > .vbo-oconfirm-summary-room-cell-descr, .vbo-oconfirm-summary-total-wrapper .vbordrowtotal-negative > .vbo-oconfirm-summary-room-cell-tot, .vbo-oconfirm-summary-total-wrapper .vbordrowtotal-positive > .vbo-oconfirm-summary-room-cell-tot {
font-size: 13px;
}
.vbo-oconfirm-summary-option-row {
font-size: .9em;
}
.vbo-oconfirm-summary-room-row {
border-bottom: 1px solid var(--vbo-light-border-color);
padding-bottom: 5px;
}
.vbo-oconfirm-summary-room-row:last-child, .vbo-oconfirm-summary-option-row {
border: 0;
}
.vbo-oconfirm-summary-room-wrapper-notaxes .vbo-hide-tax, .vbo-oconfirm-summary-total-wrapper-notaxes .vbo-hide-tax {
display: none;
}
.vbo-oconfirm-summary-room-wrapper-notaxes .vbo-oconfirm-summary-room-cell-descr, .vbo-oconfirm-summary-total-wrapper-notaxes .vbo-oconfirm-summary-room-cell-descr  {
width: 46%;
}
.vbo-oconfirm-summary-room-wrapper-notaxes .vbo-oconfirm-summary-room-cell-tot, .vbo-oconfirm-summary-total-wrapper-notaxes .vbo-oconfirm-summary-room-cell-tot {
width: 23%;
} .vbo-booking-chat-wrap {
position: relative;
}
.vbo-booking-chat-control {
color: #fff;
display: inline-block;
border: 1px solid var(--vbo-blue-color);
padding: 20px 0px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0,0,0,.1);
position: fixed;
bottom: 20px;
background: var(--vbo-blue-color);
right: 20px;
width: 70px;
height: 70px;
text-align: center;
cursor: pointer;
z-index: 100;
box-sizing: border-box;
}
.vbo-booking-chat-control:after {
position: absolute;
content: attr(data-message-count);
width: 25px;
height: 25px;
background: var(--vbo-red-color);
color: #fff;
border-radius: 50%;
font-size: 12px;
font-weight: bold;
top: 0;
left: -9px;
line-height: 24px;
}
.vbo-booking-chat-control[data-message-count="0"]:after {
display:none;
}
.vbo-booking-chat-control i {
font-size: 26px;
}
.vbo-booking-chat-container {
background: var(--vbo-light-grey-bg-color);
margin-top: 30px;
border: 1px solid var(--vbo-light-border-color);
border-radius: 2px;
box-shadow: 0 0px 5px rgba(0,0,0,.05);
}
.vbo-booking-chat-intro {
margin: 0;
padding: 15px 10px 15px 10px;
background: var(--vbo-white-bg-color);
border-bottom: 1px solid var(--vbo-light-border-color);
}
.vbo-booking-chat-inner .chat-border-layout .chat-threads-panel {
padding: 10px;
}
.vbo-booking-chat-inner .chat-border-layout .chat-messages-panel {
padding-right: 10px;
padding-bottom: 10px;
}
.vbo-booking-chat-inner .chat-threads-list li {
margin: 0 0 8px 0;
padding: 10px;
background: var(--vbo-white-bg-color);
border: 1px solid var(--vbo-light-border-color);
border-radius: 4px;
box-shadow: 0 6px 23px -5px rgba(0,0,0,.1);
}
.vbo-booking-chat-inner .chat-threads-list li.active {
background-color: var(--vbo-blue-color);
color: #fff;
border-left: 1px solid var(--vbo-blue-color);
}
.vbo-booking-chat-inner .chat-threads-list li:last-child {
margin-bottom: 0;
}
.vbo-booking-chat-inner .chat-conversation .chat-message .speech-bubble.sent {
background: var(--vbo-blue-color);
color: #fff;
}
.vbo-booking-chat-inner .chat-conversation .chat-message .speech-bubble {
font-size: 16px;
line-height: 24px;
}
.vbo-booking-chat-inner .chat-conversation .chat-datetime-separator {
font-size: 12px;
}
.vbo-booking-chat-inner .chat-input-footer .textarea-input .chat-action-btn {
background: var(--vbo-border-color);
}
.vbo-booking-chat-inner .chat-input-footer {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.vbo-booking-chat-inner .chat-input-footer .chat-uploads-tab .chat-attachment {
border: 1px solid var(--vbo-blue-color);
background: var(--vbo-blue-color);
padding: 2px 10px;
margin: 5px 2px;
font-size: 12px;
color: #fff;
border-radius: 16px;
}
.vbo-booking-chat-inner .chat-input-footer .chat-uploads-tab .chat-attachment i {
width: 15px;
height: 15px;
background: var(--vbo-white-bg-color);
color: var(--vbo-blue-color);
text-align: center;
line-height: 15px;
border-radius: 50%;
margin-top: -3px;
margin-right: -5px;
margin-left: 8px;
}
.vbo-booking-chat-inner .chat-input-footer .chat-uploads-tab .chat-attachment i:hover {
background: var(--vbo-grey-bg-color);
color: var(--vbo-text-color);
}
.vbo-booking-chat-inner .chat-input-footer #chat-input-box {
margin: 0;
padding: 0;
}
.vbo-booking-chat-inner .chat-input-footer .textarea-input textarea {
background-image: none;
}
.chat-messages-panel .chat-conversation .chat-message {
margin: 3px 0;
}
.chat-input-footer .textarea-input .manual-send-message i, .vbo-booking-chat-inner .chat-input-footer .textarea-input .chat-action-btn i {
line-height: 34px;
}
.chat-input-footer .chat-uploads-bar .chat-progress-wrap {
margin-left: 10px;
}
.vbo-booking-chat-wrap .chat-conversation .chat-message .speech-bubble.is-attachment video, .vbo-booking-chat-wrap .chat-conversation .chat-message .speech-bubble.is-attachment audio {
margin: 5px 0;
} .vbo-precheckin-container {
margin-top: 20px;
}
.vbo-precheckin-room-wrap {
margin: 20px 0;
}
.vbo-precheckin-room-head {
font-size: 1.4em;
font-weight: bold;
margin-bottom: 10px;
}
.vbo-precheckin-adult-wrap {
border: 1px solid var(--vbo-light-border-color);
background: var(--vbo-light-grey-bg-color);
padding: 20px;
border-radius: 6px;
margin: 10px 0;
}
.vbo-precheckin-adult-wrap .vbo-precheckin-adult-num {
font-size: 1.1em;
font-weight: bold;
}
.vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail {
display: inline-block;
vertical-align: top;
width: calc(33% - 20px);
margin: 10px;
}
.vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail label {
display: block;
margin: 0 0 3px 0;
font-size: .9em;
font-weight: bold;
color: var(--vbo-text-color);
}
.vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail input {
background: var(--vbo-white-bg-color);
border: 1px solid var(--vbo-border-color);
border-radius: 3px 3px 3px 3px;
color: var(--vbo-text-color);
font-size: 14px;
padding: 10.5px 10px;
width: 100%;
box-sizing: border-box;
}
.vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail select {
width: 100%;
margin: 0;
border: 1px solid var(--vbo-border-color);
padding: 10.5px 30px 10.5px 10px;
background: var(--vbo-white-bg-color) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
background-size: auto;
background-size: auto;
background-size: 8px 10px;
min-width: auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: auto;
color: var(--vbo-text-color);
font-weight: normal;
font-size: 14px;
} .vikfx-gallery-container .vikfx-gallery-fade-container {
position: relative;
}
.vikfx-gallery-container .vikfx-gallery-navigation-controls {
width: 100%;
height: 100%;
position: absolute;
top: 0;
opacity: 0;
transition: all 200ms ease-in-out;
}
.vikfx-gallery-container .vikfx-gallery-navigation-controls .vikfx-gallery-navigation-controls-prevnext {
width: 100%;
height: 100%;
}
.vikfx-gallery-fade-container:hover .vikfx-gallery-navigation-controls {
opacity: 1;
transition: all 200ms ease-in-out;
}
.vikfx-gallery-container .vikfx-gallery-navigation-controls .vikfx-gallery-navigation-controls-prevnext > a {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
background: rgba(255, 255, 255, 0.8);
display: inline-block;
color: #fff;
padding: 8px 10px;
border-radius: 4px;
color: var(--vbo-text-color);
}
.vikfx-gallery-container .vikfx-gallery-navigation-controls .vikfx-gallery-navigation-controls-prevnext > a:hover {
background: rgba(255, 255, 255, 1);
}
.vikfx-gallery-container .vikfx-gallery-navigation-controls .vikfx-gallery-next-image {
position: absolute;
right: 10px;
}
.vikfx-gallery-container .vikfx-gallery-navigation-controls .vikfx-gallery-previous-image {
position: absolute;
left: 10px;
}
.vikfx-gallery-container .vikfx-gallery {
margin-top: 15px;
}
.vikfx-gallery-container .vikfx-gallery > a {
display: inline-block;
margin: 5px;
}
.vikfx-gallery-container .vikfx-gallery > a:last-child {
margin-right: 0;
}
.vikfx-gallery-container .vikfx-gallery > a:hover img {
opacity: .8;
transition: all 200ms ease-in-out;
}
.vikfx-gallery-container .vikfx-gallery img {
max-height: 90px;
transition: all 200ms ease-in-out;
width: auto;
} .vbo-booking-upsell-container {
margin-top: 40px;
background: var(--vbo-light-grey-bg-color);
padding: 30px;
}
.vbo-booking-upsell-room-wrap {
display: flex;
flex-wrap: wrap;
background: var(--vbo-white-bg-color);
box-shadow: 0 3px 10px 2px rgba(0,0,0,.05);
border: 1px solid var(--vbo-light-border-color);
border-radius: 10px;
padding: 20px;
margin: 10px 0;
}
.vbo-booking-upsell-room-wrap .vbo-booking-upsell-room-details {
flex-basis: 100%;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-options-wrap {
flex: 1;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry {
display: flex;
flex-wrap: wrap;
padding: 10px 0;
border-bottom: 1px solid var(--vbo-light-border-color);
flex: 1;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry:last-child {
border: 0;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > * {
flex: 1;
display: flex;
flex-wrap: wrap;
align-self: center;
margin: 0 3px;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-img {
flex-basis: 80px;
flex-grow: inherit;
align-items: flex-start;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-img img {
max-width: 100%;
border-radius: 6px;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry-name {
flex: 50%;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry-name > span {
font-weight: bold;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-cost {
font-weight: bold;
flex-wrap: nowrap;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-cost .vbo_currency {
padding: 0 4px 0 0;
}
.vbo-booking-upsell-room-wrap .vbo-option-upsell-addedtocart .vbo-upsell-option-entry-name > span {
color: var(--vbo-green-color);
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry-name .vbo-upsell-option-entry-descr {
font-size: .9em;
flex-basis: 100%;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry-name .vbo-upsell-option-entry-descr p:last-child {
margin-bottom: 0;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry-input input {
width: 60px;
background-color: var(--vbo-white-bg-color);
border: 1px solid var(--vbo-border-color);
padding: 8px 10px;
font-size: 14px;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry-input select {
padding: 10.5px 30px 10.5px 10px;
background: var(--vbo-white-bg-color) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
background-size: auto;
background-size: auto;
background-size: 8px 10px;
width: auto !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid var(--vbo-border-color);
height: auto;
font-size: 14px;
color: var(--vbo-text-color);
font-weight: normal;
height: 42px;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-option-upsell-add button {
display: flex;
}
.vbo-booking-upsell-room-wrap .vbo-option-upsell-add i {
margin-right: 7px;
}
.vbo-booking-upsell-room-wrap .vbo-room-upsell-cart-full {
flex-basis: 30%;
background: var(--vbo-light-grey-bg-color);
border-radius: 6px;
padding: 10px 15px;
margin-left: 20px;
}
.vbo-booking-upsell-room-wrap .vbo-room-upsell-cart-option .vbo-room-upsell-cart-option-name {
flex-basis: 50%;
margin-right: 5px;
align-self: center;
}
.vbo-booking-upsell-room-wrap .vbo-room-upsell-cart-option .vbo-room-upsell-cart-option-cost {
margin-right: 5px;
white-space: nowrap;
align-self: center;
}
.vbo-booking-upsell-room-wrap .btn-danger {
background: var(--vbo-red-color);
border: var(--vbo-red-color);
border-radius: 4px;
}
.vbo-booking-upsell-room-wrap .vbo-room-upsell-cart-option {
display: flex;
margin: 5px 0;
}
.vbo-booking-upsell-room-wrap .vbo-room-upsell-cart-option > .vbo-room-upsell-cart-option-rm {
margin-left: auto;
}
.vbo-booking-upsell-room-wrap .vbo-booking-upsell-room-name {
font-size: 1.3em;
}
.vbo-booking-upsell-room-wrap .vbo-booking-upsell-room-adults {
font-weight: normal;
display: inline-block;
font-size: .9em;
margin-left: 10px;
}
.vbo-booking-upsell-confirm i {
margin-right: 3px;
}
.vbo-booking-upsell-confirm {
margin-bottom: 10px;
text-align: right;
}
.vbo-booking-upsell-confirm .btn-success {
background: var(--vbo-green-color);
border: 1px solid var(--vbo-green-color);
}
.vbo-booking-upsell-confirm-inner {
margin-top: 20px;
}
.vbo-booking-upsell-confirm-total {
text-align: right;
padding: 10px 15px;
margin-bottom: 20px;
border: 1px solid var(--vbo-green-color);
background: var(--vbo-white-bg-color);
}
.vbo-booking-upsell-confirm-total span {
font-size: 1.3em;
}
.vbo-booking-upsell-confirm-total .vbo_currency, .vbo-booking-upsell-confirm-total .vbo_price {
font-weight: bold;
}
.vbo-room-details-geo-wrapper {
margin: 20px 0;
}
.vbo-geo-wrapper {
margin-bottom: 30px;	
}
.vbo-results-geo-map-container {
position: relative;
}
.vbo-geomap-minicart {
overflow: hidden;
position: absolute;
z-index: 1;	
top: 4px;
left: 4px;
width: 34px;
height: 34px;
transition: width .4s, height .4s;
}
.vbo-geomap-minicart:hover {
width: 50%;
height: calc(100% - 10px);
}
.vbo-geomap-minicart-inner {
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
background: rgba(255,255,255, .95);
border-radius: 2px;
height: 100%;
max-width: max-content;
}
.vbo-geomap-minicart:hover .vbo-geomap-minicart-inner {
display: inline-block;
}
.vbo-geomap-minicart-head {
padding: 8px;
cursor: pointer;
}
.vbo-geomap-minicart-head i {
color: var(--vbo-text-color);
}
.vbo-geomap-minicart-head:hover i {
color: var(--vbo-text-color);
}
.vbo-geomap-minicart-body {
overflow: hidden;
height: 0;
}
.vbo-geomap-minicart:hover .vbo-geomap-minicart-body {
display: block;
height: calc(100% - 30px);	
transition: height 1s ease .1s;
}
.vbo-geomap-minicart-row {
padding: 10px;
font-size: 14px;
}
.vbo-geomap-minicart-row .vbo-geomap-minicart-party {
display: flex;
flex-wrap: wrap;
}
.vbo-geomap-minicart-row .vbo-geomap-minicart-party-num {
font-weight: bold;
}
.vbo-geomap-minicart-row .vbo-geomap-minicart-party-guests {
margin-left: auto;
padding-left: 10px;
}
.vbo-geomap-minicart-room {
display: flex;
flex-wrap: wrap;
}
.vbo-geomap-minicart-room .vbo-geomap-minicart-room-name {
font-style: italic;
display: inline-block;
margin-right: 20px;
}
.vbo-geomap-minicart-room .vbo-geomap-minicart-room-price {
display: block;
font-weight: bold;
text-align: right;
margin-left: auto;
}
.vbo-geomap-minicart-room .vbo-geomap-minicart-room-trash {
font-size: 12px;
margin-top: 4px;
cursor: pointer;
margin-left: 5px;
color: var(--vbo-red-color);
}
.vbo-geomap-minicart-room .vbo-geomap-minicart-room-trash:hover {
filter: brightness(70%);
}
.vbo-geomap-uicontrol {
font-size: 13px;
text-align: left;
border: 1px solid var(--vbo-light-border-color);
}
.vbo-geomap-uicontrol-partynum {
padding: 6px 10px;
font-weight: bold;
background: var(--vbo-grey-bg-color);
display: inline-block;
margin-right: 10px;
position: relative;
}
.vbo-geomap-uicontrol-partynum:after {
content: "";
width: 0;
height: 0;
border-top: 16px solid transparent;
border-left: 16px solid var(--vbo-light-border-color);
border-bottom: 16px solid transparent;
top: 0;
right: -16px;
position: absolute;
}
.vbo-geomap-uicontrol-partyguests {
display: inline-block;
margin-left: 14px;
}
.vbo-geomap-uicontrol-partyguests i {
font-size: 13px;
color: var(--vbo-blue-color);
margin-right: 5px;
}
.vbo-geomarker-room-title {
margin-bottom: 5px;
font-size: 15px;
margin-top: 8px;
font-weight: bold;
}
.vbo-geomarker-room-title i {
font-size: 13px;
cursor: pointer;
}
.vbo-geomarker-room-title i:hover {
color: var(--vbo-blue-color);
}
.vbo-geomarker-priceinfo {
margin: 8px 0;
font-size: 16px;
}
.vbo-geomarker-priceinfo .vbo-geomarker-priceinfo-cost-beforedisc {
font-size: .9em;
color: var(--vbo-text-color);
position: relative;
}
.vbo-geomarker-priceinfo .vbo-geomarker-priceinfo-cost-beforedisc:after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 100%;
border-top: 1px solid;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.vbo-geomarker-priceinfo .vbo-geomarker-priceinfo-cost {
font-size: 1.05em;
font-weight: 400;
}
.vbo-geomarker-bookroom button {
width: 100%;
padding: 10px 10px !important;
}
.vbo-results-geo-map-container .gm-style-iw-a .gm-style-iw-d + .gm-ui-hover-effect {
display: none !important;
}
.vbo-results-geo-map-container .gm-style-iw-t .gm-style-iw {
width: 274px !important;
max-width: 274px !important;
height: 325px !important;
max-height: 325px !important;
padding: 0;
box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 28px !important;
}
.vbo-results-geo-map-container .gm-style-iw-t .gm-style-iw-d {
max-height: 325px !important;
}
.vbo-results-geo-map-container .gm-style-iw-t .gm-style-iw .gm-style-iw-d {
width: 100%;
overflow: hidden !important;
}
.vbo-geomarker-infowin-wrap {
padding-bottom: 12px;
width: 100%;
}
.vbo-geomarker-infowin-wrap > *:not(.vbo-geomarker-infowin-room-gallery) {
padding: 0 12px;
}
.vbo-results-geo-map-container .gm-style-iw-t .gm-style-iw .gm-style-iw-chr {
display: none;
} .vblistcontainer-grid .vblist {
display: flex;
flex-wrap: wrap;
}
.vblistcontainer-grid .vblist .room_result {
width: calc(33.33% - 20px);
margin: 10px;
}
.vblistcontainer-grid .vblistroomblock {
width: 100%;
border-right: 0;
min-height: initial;
}
.vblistcontainer-grid .vblistroomblock .vbimglistdiv {
width: 100%;
flex-basis: 100%;
}
.vblistcontainer-grid .vblistroomblock .vbimglistdiv img {
margin-right: 0;
}
.vblistcontainer-grid .vblistroomcat {
font-size: .9em;
text-transform: initial;
}
.vblistcontainer-grid .vbcontdivtot {
left: 0;
flex-basis: 100%;
padding-bottom: 15px;
align-self: end;
}
.vblistcontainer-grid .vbsrowprice {
margin-top: 0;
padding: 0 20px;
}
.vblistcontainer-grid .vbselectordiv {
width: 100%;
display: block;
padding: 10px 20px 0;
border-top: 0;
box-sizing: border-box;
}
.vblistcontainer-grid li .vbliststartfrom {
display: inline-block;
}
.vblistcontainer-grid .vbrowroomcapacity {
display: block;
text-align: left;
}
.vblistcontainer-grid .vbsrowpricediv {
text-align: left;
display: block;
padding: 3px 0;
}
.vik-paynow-btn {
background: #2C2E2F;
border: 1px solid #2C2E2F;
color: #fff;
font-weight: bold;
font-size: 16px;
padding: 10px 80px;
border-radius: 4px;
}
.vik-paynow-btn:hover {
filter: brightness(1.2);
}
.vik-paynow-btn-paypal {
background: #ffc439;
border: 1px solid #ffc439;
color: #2C2E2F;
}
.vik-paynow-btn-paypal:hover {
filter: brightness(0.95);
}
.vbo-paxfield-upload-progress-wrap {
border: 1px solid #eee;
background: var(--vbo-white-bg-color);
border-radius: 2px;
margin-top: 4px;
flex: 1;
align-self: center;
margin-left: 10px;
}
.vbo-paxfield-upload-progress-wrap .vbo-paxfield-upload-progress {
background: #3370ff;
color: #fff;
border-radius: 2px;
font-size: 11px;
padding: 0 5px;
width: 1%;
}
.vbo-paxfield-upload-container {
display: flex;
}
.vbo-paxfield-files {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: 5px;
}
.vbo-paxfield-files .vbo-paxfield-file-uploaded {
width: 110px;
border: 1px solid var(--vbo-border-color);
background-color: var(--vbo-white-bg-color);
border-radius: 4px;
text-align: center;
margin: 5px;
padding: 3px;
position: relative;
}
.vbo-paxfield-files .vbo-paxfield-file-uploaded-rm {
position: absolute;
top: -5px;
right: -6px;
border-radius: 50%;
border: 1px solid var(--vbo-white-bg-color);
cursor: pointer;
}
.vbo-paxfield-files .vbo-paxfield-file-uploaded-rm:hover {
color: var(--vbo-red-color);
}
.vbo-paxfield-file-uploaded > a {
color: var(--vbo-text-color);
text-decoration: none;
display: block;
line-height: 1em;
padding: 6px 3px;
}
.vbo-paxfield-file-uploaded > a > span {
width: 90px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;
white-space: nowrap;
}
.vbo-paxfield-file-uploaded > a i {
font-size: 18px;
} .vbo-modal-overlay-content-backdrop {
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .4);
}
.vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i {
font-size: 40px;
color: #fff;
text-shadow: 1px 0px 8px rgba(0, 0, 0, .1);
}
.vbo-roomupgrade-booked-room-inner {
display: flex;
flex-wrap: wrap;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-current-wrap {
flex-basis: 20%;
background: var(--vbo-light-grey-bg-color);
padding: 15px 15px;
border-radius: 16px;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-current-wrap img, .vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-solution-cont img {
border-radius: 4px;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-solutions-wrap {
flex: 1;
margin-left: 30px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-solution-cont {
border: 2px solid var(--vbo-light-border-color);
padding: 15px;
border-radius: 16px;
display: flex;
flex-wrap: wrap;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-solution-cont > div {
flex-basis: 100%;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-solution-cont .vbo-roomupgrade-solution-confirm {
margin-top: auto;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-current-name, .vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-solution-name {
margin: 10px 0 5px;
font-size: 1em;
font-weight: bold;
}
.vbo-roomupgrade-current-wrap .vbo-roomupgrade-current-pricing-stay {
margin: 0 0 6px;
}
.vbo-roomupgrade-current-wrap .vbo-roomupgrade-current-pricing-stay > div {
display: inline-block;
margin-right: 6px;
}
.vbo-roomupgrade-current-wrap .vbo-roomupgrade-current-keep {
margin-top: 10px;
}
.vbo-roomupgrade-current-wrap .vbo-roomupgrade-current-pricing-cost {
font-weight: bold;
}
.vbo-roomupgrade-current-wrap .vbo-roomupgrade-current-keep .btn {
padding: 6px 10px;
border-radius: 20px;
font-size: .9em;
}
.vbo-roomupgrade-solutions-wrap .vbo-roomupgrade-solution-info-main {
margin-bottom: 5px;
}
.vbo-roomupgrade-solutions-wrap .vbo-roomupgrade-solution-info {
margin-bottom: 10px;
}
.vbo-roomupgrade-solutions-wrap .vbo-roomupgrade-solution-pricing .vbo-roomupgrade-solution-upgrade-cost {
font-weight: bold;
}
.vbo-roomupgrade-solutions-wrap .vbo-roomupgrade-solution-upgrade-cost {
display: inline-block;
}
.vbo-roomupgrade-solutions-wrap .vbo-roomupgrade-solution-upgrade-saveamount {
display: inline-block;
margin-left: 4px;
color: #777;
font-size: 14px;
top: -3px;
position: relative;
}
.vbo-roomupgrade-solutions-wrap .vbo-roomupgrade-solution-upgrade-savepcent {
font-size: .8em;
margin-bottom: 10px;
color: var(--vbo-green-color);
}
.vbo-roomupgrade-solutions-wrap .vbo-roomupgrade-solution-confirm .btn {
width: 100%;
border-radius: 20px;
font-size: .9em;
padding: 6px 10px;
} .vbo-bookings-list-table-head-row, .vbo-bookings-list-table-body .vbo-bookings-list-table-row {
display: grid;
grid-template-columns: 50px 2fr 2fr 1fr 1fr 50px;
}
.vbo-bookings-list-table-head-row {
padding: 10px 20px 8px;
font-weight: 500;
opacity: .8;
}
.vbo-bookings-list-table-body .vbo-bookings-list-table-row {
border: 1px solid var(--vbo-light-border-color);
box-shadow: 0 1.5px 4px rgba(0,0,0,.08);
padding: 10px 20px;
border-radius: 6px;
margin-bottom: 10px;
font-size: .9em;
}
.vbo-bookings-list-table-body .vbo-bookings-list-table-row .vbo-bookings-list-table-cell-lbl {
display: none;
}
.vbo-bookings-list-table-body-row-confirmed .vbo-bookings-list-table-cell-bstatus {
color: var(--vbo-green-color);
}
.vbo-bookings-list-table-body-row-cancelled .vbo-bookings-list-table-cell-bstatus {
color: var(--vbo-red-color);
}
.vbo-bookings-list-table-body-row-standby .vbo-bookings-list-table-cell-bstatus {
color: var(--vbo-orange-color);
}
.vbo-bookings-list-table-body .vbo-bookings-list-table-row .vbo-bookings-list-table-cell:last-child {
text-align: right;
} .vbo-listing-details-wrap .vikfx-roomdetails-gallery-container {
display: grid;
gap: 1.25rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vbo-listing-details-wrap .vikfx-gallery-fade-container {
aspect-ratio: auto;
}
.vbo-listing-details-wrap .vikfx-gallery-fade-container img {
object-fit: cover;
width: 100%;
height: 100%;
max-height: 335px;
object-fit: cover;
border-radius: 14px;
}
.vbo-listing-details-wrap .vikfx-gallery {
margin-top: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
position: relative;
}
.vbo-listing-details-wrap .vikfx-gallery .vbo-listing-details-allphotos {
position: absolute;
bottom: 20px;
right: 20px;
}
.vbo-listing-details-wrap .vikfx-gallery .vbo-listing-details-allphotos a {
background: #000;
color: #FFF !important;
text-decoration: none;
display: inline-block;
padding: 5px 20px;
border-radius: 30px;
font-size: 18px;
font-weight: 500;
}
.vbo-listing-details-wrap .vikfx-gallery .vbo-listing-details-allphotos a:hover {
background: #222;
}
.vbo-listing-details-wrap .vikfx-gallery .vbo-listing-details-allphotos a i {
margin-right: 4px;
}
.vbo-listing-details-wrap .vikfx-gallery .vbo-listing-details-allphotos a:hover, .vbo-listing-details-wrap .vikfx-gallery .vbo-listing-details-allphotos a:active, .vbo-listing-details-wrap .vikfx-gallery .vbo-listing-details-allphotos a:focus {
text-decoration: none;
}
.vbo-listing-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery > a {
margin: 0;
display: inline-block;
aspect-ratio: 16 / 9;
width: 100%;
}
.vbo-listing-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery > a img {
height: 100%;
width: 100%;
max-width: 100%;
max-height: inherit;
object-fit: cover;
border-radius: 14px;
}
.vbo-listing-details-wrap .vbo-listing-details-descprice-block {
border: 0;
margin-top: 40px;
background: transparent;
column-gap: 70px;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-main-container {
flex: 1;
align-self: flex-start;
margin-right: 40px;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont {
padding: 0;
font-size: .9em;
line-height: 1.65em;
float: none;
border: 0;
width: initial;
flex: 1;
}
.vbo-listing-details-costroomdet-inner {
padding: 0 30px 30px;
border-radius: 3px;
background: var(--vbo-light-grey-bg-color);
border-radius: 14px;
position: sticky;
top: 10px;
}
.vbo-listing-details-costroomdet .vblistroomnamedivprice {
padding-bottom: 0;
}
.vbo-listing-details-costroomdet .vblistroomnamedivprice .vblistroomname {
text-align: left;
line-height: 1.5em;
}
.vbo-listing-details-costroomdet .vblistroomnamedivprice .vbliststartfromrdet {
display: inline-block;
text-transform: initial;
font-size: 14px;
margin-right: 2px;	
color: var(--vbo-light-dark-grey-bg-color);
font-weight: 500;
}
.vbo-listing-details-costroomdet .vblistroomnamedivprice .roomcustcostlabel {
font-size: 16px;
color: var(--vbo-light-dark-grey-bg-color);
font-weight: 500;
}
.vbo-listing-details-costroomdet .vblistroomnamedivprice .room_cost {
display: inline-block;
}
.vbo-listing-details-costroomdet .vbo-seldates-cont-inner .vbo-closing-main {
margin-top: 15px;
font-size: 14px;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities-wrap {
border-bottom: 1px solid var(--vbo-grey-bg-color);
border-top: 1px solid var(--vbo-grey-bg-color);
margin-bottom: 25px;
margin-top: 25px;
padding-top: 0;
padding-bottom: 15px;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities-wrap h4 {
font-size: 20px;
font-weight: 500;
margin-bottom: 15px;
padding-top: 15px;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 10px;
line-height: 1.5em;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities .vbo-listing-amenity {
margin: 0 0 5px;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities .vbo-listing-amenity .vbo-expl {
cursor: initial;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities .vbo-listing-amenity i {
width: 28px;
font-size: 14px;	
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities .vbo-listing-amenity span {
font-size: 14px;
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer {
margin-top: 25px;
font-size: .9em;
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont h4 {
font-size: 20px;
font-weight: 500;	
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbselectm {
width: 100% !important;
border: 2px solid #eee;
border-radius: 10px;
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vblegendediv {
margin-bottom: 3px;
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 10px;
column-gap: 30px;
border-radius: 24px;
padding: 20px;	
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock .vbcaldivcont {
width: 100%;
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock .vbcaldivcont table {
border-radius: 3px;
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock .vbcaldivcont table .vbcaltrmonth td {
border: 0;
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock .vbcaldivcont table .vbcaldays td {
font-weight: 500;
padding: 2px 0;
font-size: 13px;
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock .vbcaldivcont table .vbcaltrmonth td .vbo-rdet-avcal-nav {
background: transparent;
border: 1px solid var(--vbo-light-dark-grey-bg-color);
border-radius: 50%;
color: var(--vbo-light-dark-grey-bg-color);
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock .vbcaldivcont table .vbcaltrmonth td .vbo-rdet-avcal-nav:hover {
background-color: var(--vbo-light-dark-grey-bg-color);
color: var(--vbo-white-bg-color);
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet {
flex-basis: 35%;
width: auto;
float: none;
position: relative;
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet .vbo-listing-details-costroom-inner {
padding: 0 30px 30px;
background: var(--vbo-input-style-deactive);
border-radius: 16px;
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet .vbo-listing-details-roomnamedivprice {
padding-bottom: 0;
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet .vbo-listing-details-roomname {
text-align: left;
line-height: 1.5em;
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet .vbo-listing-details-startfromrdet {
display: inline-block;
text-transform: initial;
font-size: 14px;
margin-right: 2px;
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet .room_cost {
display: inline-block;
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet .vbo-seldates-cont {
padding-top: 0;
margin-bottom: 0;
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet .vbo-seldates-cont h4 {
font-size: 14px;
font-weight: 500;
border-bottom: 0;	
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet .vbo-listing-details-divsearch {
display: inline-block;
padding: 0;
margin-bottom: 0;
border: 0;
float: none;
background-color: transparent;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-inpblock {
margin: 0 0 8px;
margin-right: 0px;
width: calc(50% - 10px);
flex-basis: 100%;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-inpblock label {
text-align: left;
font-weight: 600;
font-size: .9em;
margin-bottom: 2px;	
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-inpblock .input-group:not([type="checkbox"]) {
padding: 4px 10px;
background: var(--vbo-white-bg-color);
border-radius: 10px;
border: 2px solid var(--vbo-grey-bg-color);
transition: 0.4s;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-inpblock .input-group:not([type="checkbox"]) > input {
flex: 1;
border: 0 !important;
padding: 0;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-inpblock .input-group:not([type="checkbox"]) > i {
border: 0;
background: var(--vbo-white-bg-color);
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-num-racblock {
flex-basis: 100%;
flex-wrap: wrap;
display: block;
margin: 0;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-num-racblock > div {
flex-basis: 100%;
margin-right: 0;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-num-racblock .vbo-search-num-aduchild-block {
width: 100%;
margin-top: 10px;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-num-racblock .vbo-search-num-aduchild-block .vbo-search-num-aduchild-entry {
margin-bottom: 5px;	
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-num-racblock .vbo-search-num-aduchild-block .vbo-search-num-aduchild-entry > div:not(.vbo-search-roomnum) {
flex: 1;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vb-search-inner div > select, .vbo-listing-details-wrap .vbo-listing-details-divsearch .vb-search-inner span > select, .vbo-listing-details-wrap .vbo-listing-details-divsearch .vb-search-inner .vbo-search-categories select {
width: 100% !important;
height: 50px !important;
padding: 4px 30px 4px 10px;
border-radius: 10px;
border: 2px solid var(--vbo-grey-bg-color);
transition: 0.4s;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch #vbjstotnights {
margin: 0;
text-align: center;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-submit {
width: 100%;
margin: 0px;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-submit .btn {
width: 100%;
font-size: 0.9em;
padding: 14px 20px !important;
border-radius: 6px !important;
cursor: pointer;
font-weight: 600;
transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
}
.vbo-listing-details-wrap .vbo-room-details-geo-wrapper {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid var(--vbo-grey-bg-color);
}
.vbo-listing-details-wrap .vbo-room-details-geo-wrapper h4 {
font-size: 20px;
font-weight: 500;
margin-bottom: 15px;	
}  .vbo-optool-gmessaging-inner {
display: flex;
gap: 5px;	
}
.vbo-optool-gmessaging-list-container {
width: 35%;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid var(--vbo-light-border-color);
border-radius: 6px;
margin-top: 5px;
max-height: 594px;
}
p.info[data-new-messages="1"] {
display: table;
margin: 10px auto;
padding: 4px 15px !important;
border-radius: 20px;
font-size: 16px;
position: relative;
}
p.info[data-new-messages="1"] a {
text-decoration: none;
color: var(--vbo-blue-color);
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message {
display: flex;
padding: 10px 15px;
border-bottom: 1px solid var(--vbo-light-border-color);
cursor: pointer;	
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message:hover {
background-color: #c6dfff;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message.vbo-optool-gmessaging-message-new {
position: relative;
background-color: #caebf4;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message.vbo-optool-gmessaging-message-new:after {
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #3fdddd;
position: absolute;
top: 50%;
right: -6px;
transform: translate(0, -50%);
z-index: 999999;
border: 1.4px solid #fff;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message:last-child {
border-bottom: 0;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message.vbo-optool-gmessaging-message-active {
background-color: #ddebff;
}
.vbo-optool-gmessaging-message-avatar {
width: 40px;
margin-right: 15px;
position: relative;
}
.vbo-optool-gmessaging-message-avatar img {
max-width: 100%;
border-radius: 50%;
object-fit: cover;	
}
.vbo-optool-gmessaging-message-avatar-icon {
width: 40px;
text-align: center;
height: 40px;
line-height: 36px !important;
border: 1px solid var(--vbo-border-color);
border-radius: 50%;
background: var(--vbo-light-grey-bg-color);
font-size: 14px;	
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content {
flex: 1;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-head {
display: flex;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-details {
margin-bottom: 5px;
flex: 1;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-details .vbo-optool-gmessaging-message-guestname {
margin: 0;
font-size: 16px;
font-weight: 600;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-details .label.message-unreplied {
background: var(--vbo-base-color);
font-size: 12px;
margin: 0 0 0 5px;
color: var(--vbo-contrast-text-color);
font-weight: 500;
padding: 3px 6px;
border-radius: 4px;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-details .label.message-unreplied:hover {
background-color: var(--vbo-base-color-hover);
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-date {
margin-left: auto;
font-size: 12px;
text-align: right;
line-height: 1.2em;
opacity: .8;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-date span {
display: block;
}
.vbo-optool-gmessaging-message-content-details .vbo-optool-gmessaging-message-bookinginfo {
line-height: 1.2em;
}
.vbo-optool-gmessaging-message-staydates {
font-size: 12px;
color: var(--vbo-middle-text-color);
display: inline-block;
margin-left: 10px;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-msg {
opacity: .8;
font-size: 14px;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-msg p {
line-height: 1.5em;
}
.vbo-optool-gmessaging-inner .vbo-optool-gmessaging-inboxstyle-chat {
flex: 1;
border: 1px solid var(--vbo-light-border-color);
background-color: #fafcfe;
border-radius: 6px;
margin-top: 5px;
display: flex;
flex-direction: column;
}
.vbo-optool-gmessaging-inboxstyle-chat .vbo-optool-gmessaging-inboxstyle-chat-head {
display: inline-block;
vertical-align: middle;
width: 100%;
border-bottom: 1px solid var(--vbo-light-border-color);
background-color: var(--vbo-white-bg-color);
border-top-left-radius: 6px;
border-top-right-radius: 6px;	
min-height: 78px;
}
.vbo-optool-gmessaging-inboxstyle-chat .vbo-optool-gmessaging-inboxstyle-chat-head > div {
display: flex;
align-items: flex-start;
padding: 10px 4px 8px 10px;	
}
.vbo-optool-gmessaging-inboxstyle-chat .vbo-modal-wguestmessages-chat-info .vbo-optool-gmessaging-inboxstyle-chat-head-info-gname {
display: inline-block;
margin-right: 10px;
font-weight: 600;
font-size: 16px;	
}
.vbo-optool-gmessaging-inboxstyle-chat-head-details {
line-height: 1.2em;
}
.vbo-optool-gmessaging-inboxstyle-chat .vbo-optool-gmessaging-inboxstyle-chat-head-summary {
display: block;
margin-top: 4px;	
}
.vbo-optool-gmessaging-inboxstyle-chat .vbo-optool-gmessaging-message-listings {
display: inline-block;
overflow: hidden;
white-space: nowrap;
max-width: 200px;
text-overflow: ellipsis;
font-size: 12px;
color: var(--vbo-middle-text-color);
margin-left: 10px;
margin-right: 5px;
vertical-align: middle;
}
.vbo-optool-gmessaging-inboxstyle-chat .vbo-optool-gmessaging-inboxstyle-chat-body {
padding: 10px 15px;
flex: 1;
}
.vbo-optool-gmessaging-inboxstyle-chat .vbo-w-guestmessages-message-staydates {
display: inline-block;
vertical-align: middle;
line-height: 1em;	
}
.vbo-optool-gmessaging-inboxstyle-chat .vbo-optool-gmessaging-inboxstyle-chat-head-info-gname {
display: inline-block;
margin-right: 10px;
font-weight: 600;
font-size: 16px;
}
.vbo-optool-gmessaging-inboxstyle-chat button.chat-translate-msg {
background: transparent !important;
color: initial !important;
font-size: 12px;
}
.vbo-optool-gmessaging-inboxstyle-chat .chat-conversation .chat-datetime-separator {
font-size: 14px;
}
.vbo-optool-gmessaging-inboxstyle-chat button.chat-translate-msg:hover, .vbo-optool-gmessaging-inboxstyle-chat button.chat-translate-msg:active, .vbo-optool-gmessaging-inboxstyle-chat button.chat-translate-msg:focus {
text-decoration: none;
border: 0;
}
.vbo-optool-gmessaging-inboxstyle-chat .chat-conversation .chat-message .speech-bubble {
font-size: 16px;
line-height: 1.5em;
}
.vbo-optool-gmessaging-inboxstyle-chat .chat-border-layout .chat-messages-panel {
padding-bottom: 10px;	
}
.vbo-optool-gmessaging-inboxstyle-chat .chat-border-layout .chat-messages-panel {
height: calc(572px - 91px);
padding-bottom: 10px;
}
.vbo-optool-gmessaging-inboxstyle-chat .chat-conversation {
max-height: 430px;
}
.vbo-optool-gmessaging-inboxstyle-chat .vbo-optool-gmessaging-chat-loading {
text-align: center;
padding: 50px;
font-size: 24px;
opacity: .5;	
}
.vbo-site-container .vbo-param-container {
display: flex;
margin: 25px 0;
}
.vbo-site-container .vbo-param-container .vbo-param-label {
flex-basis: 250px;
font-size: 14px;
margin-right: 20px;
margin-bottom: 5px;
font-weight: 420;
}
.vbo-site-container .vbo-param-container .vbo-param-setting {
flex: 1;
max-width: 100%;
}
.vbo-site-container .vbo-param-container .vbo-param-setting input, .vbo-site-container .vbo-param-container .vbo-param-setting select {
font-size: 16px;
}
.vbo-param-setting-comment {
font-size: .9em;
font-style: italic;	
}
.vbo-param-setting .btn-toolbar {
display: flex;
gap: 5px;
align-items: center;
}
.btn-group .wp-calendar-box {
border: 1px solid var(--vbo-border-color);
border-radius: 6px;
padding: 0 6px 0px 0;
display: inline-block;
vertical-align: top;
position: relative;
}
.btn-group .wp-calendar-box input {
border: 0;
height: 40px;
font-size: 16px;
}
.btn-group .wp-calendar-box .dashicons-calendar-alt {
position: absolute;
right: 5px;
top: 50%;
transform: translate(0%, -50%);
}
.vbo-param-setting .select2-container--default .select2-selection--multiple {
background: transparent;
border-radius: 6px;
border: 1px solid var(--vbo-border-color);
}
.vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 0;
}
.vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #b6d8ee;
border: 1px solid #b8d1e1;
border-radius: 30px;
padding: 5px 20px 5px 10px;
color: #2d5593;
font-weight: bold;
font-size: 13px;
position: relative;
}
.vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove {
display: inline-block;
margin-left: 3px;
margin-right: 0;
width: 18px;
height: 18px;
line-height: 15px;
font-size: 16px;
text-align: center;
border-radius: 50%;
color: #1f90d9;
position: absolute;
right: 2px;
top: 50%;
transform: translate(0%, -50%);	
} .vbo-skeleton-loading {
position: relative;
overflow: hidden;
background-color: #DDDBDD;
display: inline-block;
}
.vbo-skeleton-loading:after {
position: absolute;	
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateX(-100%);
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
animation: shimmer 2s infinite;
content: '';
}
.vbo-optool-gmessaging-guest-activity-skeleton {
display: flex;
padding: 10px 15px;
border-bottom: 1px solid var(--vbo-light-border-color);
cursor: pointer;	
}
.vbo-optool-gmessaging-guest-activity-skeleton .vbo-optool-gmessaging-guest-activity-content {
flex: 1;
}
.vbo-optool-gmessaging-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-optool-gmessaging-guest-activity-skeleton .vbo-skeleton-loading-avatar:after {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
margin-right: 15px;
}
.vbo-optool-gmessaging-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-optool-gmessaging-guest-activity-skeleton .vbo-skeleton-loading-title:after {
width: 150px;
height: 15px;
}
.vbo-optool-gmessaging-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-optool-gmessaging-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after {
width: 50px;
height: 11px;
}
.vbo-optool-gmessaging-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-optool-gmessaging-guest-activity-skeleton .vbo-skeleton-loading-content:after {
width: 100%;
height: 22px;
}
.vbo-optool-gmessaging-guest-activity-skeleton .vbo-skeleton-loading {
position: relative;
overflow: hidden;
display: inline-block;	
}
.vbo-optool-gmessaging-guest-activity-skeleton .vbo-skeleton-loading:after {
position: absolute;	
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateX(-100%);
animation: shimmer 2s infinite;
content: '';	
}
@keyframes shimmer {
100% {
transform: translateX(100%);
}
}  .vbo-tm-toolbar .vbo-tm-toolbar-header {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 8px;
}
.vbo-tm-toolbar {
background: var(--vbo-config-bg-color);
padding: 10px;
border-radius: 14px;
}
.vbo-tm-toolbar .vbo-tm-areas-ctx {
border-right: 1px solid var(--vbo-basic-btn);
padding-right: 10px;
}
.vbo-tm-toolbar .vbo-tm-areas-ctx .btn {
background-color: var(--vbo-input-style);
}
.vbo-tm-toolbar .vbo-tm-areas-ctx .btn:hover {
border-color: var(--vbo-base-color);
}
.vbo-tm-toolbar .vbo-tm-areas-ctx .vbo-context-menu-ico {
padding: 8px;
}
.vbo-tm-toolbar .vbo-tm-areas-ctx .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico {
background: var(--vbo-config-bg-color);
}
.vbo-tm-toolbar .vbo-tm-areas-ctx .vbo-context-menu-lbl {
padding: 8px 10px;
}
.vik-context-menu.vbo-dropdown-cxmenu li a .button-icon {
font-size: 14px;
min-width: 16px;
}
.vbo-tm-toolbar .vbo-tm-toolbar-filters {
display: flex;
gap: 10px;
border-top: 1px solid var(--vbo-basic-btn);
padding-top: 10px;
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn {
background-color: var(--vbo-input-style);
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn .vbo-context-menu-lbl {
background-color: transparent;
color: var(--vbo-config-text-color-light);
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico {
background-color: transparent;
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter .btn.vbo-context-menu-btn .vbo-context-menu-ico i {
color: var(--vbo-config-text-color-light);
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn:hover, .vbo-tm-toolbar .vbo-tm-toolbar-filter .select2-container.select2-container--default .select2-selection--single:hover {
border-color: var(--vbo-info-border) !important;
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn:hover .vbo-context-menu-lbl, .vbo-tm-toolbar .vbo-tm-toolbar-filter .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico i, 
.vbo-tm-toolbar .vbo-tm-toolbar-filter:hover .select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: var(--vbo-body-text-color);
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single .select2-selection__arrow b {
border-color: var(--vbo-body-text-color) transparent transparent transparent;
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter:hover .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn.vbo-tm-filter-active, .vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single {
border-color: var(--vbo-info-border) !important;
background-color: var(--vbo-light-blue);
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single .vbo-sel2-selected-search-elem {
background-color: transparent;
padding-left: 0;
}
.vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn.vbo-tm-filter-active .vbo-context-menu-lbl, .vbo-tm-toolbar .vbo-tm-toolbar-filter .btn.vbo-context-menu-btn.vbo-tm-filter-active .vbo-context-menu-ico i, 
.vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single {
color: var(--vbo-body-text-color);
font-weight: 550;
}
.vbo-tm-toolbar .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico {
background: transparent;
}
.vbo-tm-toolbar-filters .vbo-context-menu-lbl {
white-space: nowrap;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;	
}
.vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-modes {
display: flex;
gap: 6px;
padding: 5px;
background: var(--vbo-config-child-bg-color);
border-radius: 10px;
}
.vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-mode a {
border: 1px solid var(--vbo-config-child-bg-color);
color: var(--vbo-body-text-color);
padding: 8px 12px;
border-radius: 6px;
display: inline-block;
}
.vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-mode:not(.mode-active) a:hover {
border-radius: 6px;
background-color: var(--vbo-config-bg-color);
border-color: var(--vbo-base-color);
color: var(--vbo-base-color);
}
.vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-mode a i {
margin-right: 3px;
}
.vbo-tm-toolbar .vbo-tm-toolbar-header .mode-active a {
background: var(--vbo-blue-color);
border-color: var(--vbo-blue-color);
} 
.vbo-tm-toolbar .vbo-tm-toolbar-header .mode-active a {
color: var(--vbo-contrast-text-color);
} .vbo-tm-calendar-wrap { margin-top: 20px;
border-radius: 14px;
border: 1px solid var(--vbo-border-color);
}
.vbo-tm-operator-head {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
.vbo-tm-operator-block {
border-radius: 20px;
padding: 10px 20px;
border: 1px solid #ddd;
line-height: 1.4em;
position: relative;
overflow: hidden;
}
.vbo-tm-operator-block .vbo-tm-operator-block-icon i {
font-size: 36px;
text-align: center;
margin-left: auto;
position: absolute;
right: 20px;
bottom: 20px;
}
.vbo-tm-operator-block[data-type="future_tasks"] .vbo-tm-operator-block-icon i {
color: var(--vbo-tag-ocean-bg);
}
.vbo-tm-operator-block[data-type="assigned_tasks"] .vbo-tm-operator-block-icon i {
color: var(--vbo-tag-green-bg);
}
.vbo-tm-operator-block[data-type="unassigned_tasks"] .vbo-tm-operator-block-icon i {
color: var(--vbo-tag-yellow-bg);
}
.vbo-tm-operator-block[data-type="ical"] .vbo-tm-operator-block-icon i {
color: var(--vbo-tag-gray-bg);
}
.vbo-tm-operator-block-title {
display: flex;
align-items: center;
gap: 6px;
font-size: 16px;
font-weight: 500;	
position: relative;
z-index: 1;
}
.vbo-tm-operator-block[data-type="ical"] {
font-weight: 500;
display: flex;
align-items: center;
}
.vbo-tm-operator-block[data-type="ical"] a {
font-size: 16px;
text-decoration: none !important;
display: inline-block;
border: 1px solid var(--vbo-light-dark-grey-bg-color-hover);
border-radius: 6px;
padding: 3px 10px;
position: relative;
z-index: 1;
}
.vbo-tm-operator-block[data-type="ical"] a:hover {
background: var(--vbo-light-border-color);
}
.vbo-tm-operator-block[data-type="ical"] .long {
display: none;
}
.vbo-tm-operator-block-cont {
font-size: 29px;
font-weight: bold;
}
.vbo-tm-calendar-head {
display: flex;
gap: 10px;
align-items: center;
padding: 20px 20px 10px;	
}
.vbo-tm-calendar-info {
font-size: 24px;
font-weight: bold;
padding: 0px;
}
.vbo-tm-calendar-info .vbo-tm-calendar-day-back {
display: inline-block;
font-size: 18px; width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
margin-right: 6px;
}
.vbo-tm-calendar-info .vbo-tm-calendar-day-back:hover {
background-color: var(--vbo-grey-bg-color);
}
.vbo-tm-calendar-nav {
margin-left: auto;
}
.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns {
display: inline-block;
border: 1px solid var(--vbo-grey-bg-color);
border-radius: 30px;
font-size: 13px;
}
.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-btn {
cursor: pointer;
padding: 0;
}
.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-btn:not(.vbo-tm-calendar-nav-today) {
display:inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
}
.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-back {
margin-right: -6px;
}
.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-next {
margin-left: -6px;
}
.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-today {
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 10px;
border-radius: 14px;
}
.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-btn:hover {
background: var(--vbo-grey-bg-color);
}
.vbo-tm-calendar-wrap .vbo-tm-task-head {
padding: 10px 20px;
border-bottom: 1px solid var(--vbo-border-color);
}
.vbo-tm-task-details .vbo-tm-calendar-head {
padding: 20px 0px 0;
}
.vbo-tm-task-details .vbo-tm-calendar-info {
margin-right: 0;
display: flex;
}
.vbo-tm-calendar-wrap .vbo-tm-task-head .vbo-tm-task-title {
font-size: 24px;
margin-top: 0;
margin-bottom: 6px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-head .vbo-tm-task-status-snapshot {
display: flex;
align-items: center;
column-gap: 10px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-head .vbo-tm-task-status-badge {
display: inline-block;
font-size: 16px;
border-radius: 20px;
padding: 4px 14px;
line-height: 20px;
cursor: pointer;
}
.vbo-tm-calendar-wrap .vbo-tm-task-head .vbo-tm-task-status-badge:hover {
opacity: .8;
}
.vbo-tm-calendar-wrap .vbo-tm-task-head .vbo-tm-task-due {
display: inline-block;
font-size: 16px;
border-radius: 20px;
padding: 4px 14px;
line-height: 20px;
border: 1px solid var(--vbo-light-dark-grey-bg-color-hover);	
}
.vbo-tm-calendar-wrap .vbo-tm-task-head .vbo-tm-task-due:not(.time) i {
margin-right: 4px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-body {
display: flex;
}
.vbo-tm-calendar-wrap .vbo-tm-task-body > div {
flex: 1;
}
.vbo-tm-calendar-wrap .vbo-tm-task-body .vbo-tm-task-info {
font-size: 14px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary {
display: flex;
gap: 20px;
border-bottom: 1px solid var(--vbo-light-border-color);
padding: 15px 20px 15px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary > div {
flex: 1;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary .vbo-tm-task-assignees {
flex-basis: 130px;
flex-grow: 0;	
}
.vbo-tm-task-assignee:not(:first-child) {
display: inline-block;
margin-left: -10px;
}
.vbo-tm-calendar-task-assignee.vbo-tm-task-assignee {
line-height: 28px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary .vbo-tm-task-assignee-avatar img {
width: 26px;
height: 26px;
max-width: initial;
border-radius: 50%;
object-fit: cover;
border: 1px solid var(--vbo-white-bg-color);
}
.vbo-tm-task-assignee-avatar > span {
font-size: 12px;
display: inline-block;
width: 26px;
height: 26px;
vertical-align: middle;
text-align: center;
background: var(--vbo-grey-bg-color);
line-height: 26px;
border-radius: 50%;
border: 1px solid var(--vbo-border-color);
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary .vbo-tm-task-summary-lbl {
font-size: 13px;
font-weight: 500;
opacity: .7;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary .vbo-tm-task-summary-cont .open-map {
text-decoration: underline;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary .vbo-tm-task-summary-cont i {
opacity: .7;
margin-right: 8px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary .vbo-tm-task-booking-info .vbo-booking-badge-avatar {
width: 24px;
height: 24px;
max-width: initial;
border-radius: 50%;
object-fit: cover;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary .vbo-tm-task-booking-info .vbo-tm-task-summary-cont {
display: flex;
align-items: center;
gap: 8px;
line-height: 1.3em;
}
.vbo-tm-calendar-wrap .vbo-tm-task-tags {
padding: 15px 20px 5px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-tags .vbo-tm-task-tag {
display: inline-block;
font-size: 13px;
border-radius: 20px;
padding: 2px 10px;
line-height: 20px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-status-notes {
font-style: italic;
padding: 15px 20px 5px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-notes {
margin-top: 15px;
padding: 0 20px 20px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-notes ul[data-checked] > li {
list-style-type: none;
}
.vbo-tm-calendar-wrap .vbo-tm-task-notes ul[data-checked] > li:before {
font-size: 18px;
width: 26px;
display: inline-block;
font-family: "Font Awesome 5 Free";
cursor: pointer;
}
.vbo-tm-calendar-wrap .vbo-tm-task-notes ul[data-checked="true"] {
text-decoration: line-through;
}
.vbo-tm-calendar-wrap .vbo-tm-task-notes ul[data-checked="true"] > li:before {
content: '\f14a';
color: var(--vbo-base-color);
}
.vbo-tm-calendar-wrap .vbo-tm-task-notes ul[data-checked="false"] > li:before {
content: '\f0c8';
}
.vbo-tm-calendar-wrap .vbo-tm-task-notes ul {
padding: 0 0 0 20px;
margin: 0;
}
.vbo-tm-calendar-wrap .vbo-tm-task-notes ul + *:not(ul) {
margin-top: 10px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-notes *:not(ul) + ul {
margin-top: 10px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-chat {
font-size: 14px;
padding: 20px 10px 0;
border-left: 1px solid var(--vbo-border-color);
}
.vbo-tm-calendar-wrap .vbo-tm-task-chat .vbo-chat-wrapper {
max-height: 600px;
}
.vbo-chat-wrapper .chat-input-footer .textarea-input textarea {
line-height: 1.4em;
}
.vbo-tm-calendar-month-container {
display: grid;
grid-template-rows: 40px 1fr 1fr 1fr 1fr 1fr;	
}
.vbo-tm-calendar-month-row {
display: grid;
grid-template-columns: repeat(7, minmax(0px, 1fr));
}
.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) {
min-height: 100px;
}
.vbo-tm-calendar-month-day {
text-align: right;
border-right: 1px solid var(--vbo-grey-bg-color);
border-bottom: 1px solid var(--vbo-grey-bg-color);
}
.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day:not(.vbo-tm-calendar-month-day-empty):hover {
cursor: pointer;
background: var(--vbo-lightblue-color);
}
.vbo-tm-calendar-month-day.vbo-tm-calendar-month-weekday {
border-bottom: 1px solid var(--vbo-border-color);
border-right: 0;
font-size: 15px;
font-weight: 300;
padding: 6px 10px;
}
.vbo-tm-calendar-month-day:last-child {
border-right: 0;
}
.vbo-tm-calendar-month-row:last-child .vbo-tm-calendar-month-day {
border-bottom: 0;
}
.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day > span {
display: inline-block;
font-size: 14px;
margin-top: 8px;
margin-right: 8px;
cursor: pointer;
width: 26px;
height: 26px;
line-height: 22px;
text-align: center;	
border-radius: 50%;
border: 1px solid var(--vbo-white-bg-color);
}
.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day:hover > span {
border-color: var(--vbo-base-color);
}
.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day:hover > span:hover {
background: var(--vbo-body-bg-color);
}
.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day.vbo-tm-calendar-month-today > span {
background-color: var(--vbo-base-color);
border-color: var(--vbo-base-color);
color: var(--vbo-contrast-text-color);
}
.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day.vbo-tm-calendar-month-today > span:hover {
background: var(--vbo-base-color-hover);
border-color: var(--vbo-base-color-hover);
}
.vbo-tm-calendar-month-day-tasks {
margin: 0 10px 5px;	
}
.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task {
padding: 3px 5px;
border-radius: 10px;
margin-top: 4px;
text-align: left;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
font-weight: 450;
cursor: pointer;
}
.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task:hover {
opacity: .8;
}
.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task .vbo-tm-calendar-task-title {
font-size: 14px;
line-height: 18px;
}
.unread-message-dot {
position: relative;
margin: 0 4px;
}
.unread-message-dot:before {
content: " ";
position: absolute;
width: 10px;
height: 10px;
top: 0;
right: 0;
border-radius: 50%;
background: var(--vbo-red-color);
transform: translate(25%, -25%);
}
.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-more {
opacity: .7;
display: inline-block;
float: left;
font-size: 14px;
}
.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-more:hover {
opacity: 1;
}
.vbo-tm-calendar-task-assignees {
display: inline-block;
height: 24px;
}
.vbo-tm-calendar-task-assignee-avatar img {
width: 22px;
height: 22px;
border-radius: 50%;
object-fit: cover;
border: 1px solid var(--vbo-white-bg-color);
background: var(--vbo-white-bg-color);
}
.vbo-tm-calendar-day-timeline {
margin-top: 30px;
padding: 0 10px 10px;
}
.vbo-tm-calendar-day-timeline-rows {
margin-top: 40px;
}
.vbo-tm-calendar-day-timeline-row {
display: flex;
height: 150px;
}
.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-hour {
flex-basis: 70px;
position: relative;
}
.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-hour > * {
position: absolute;
top: 0;
right: 10px;
transform: translateY(-50%);
font-size: 16px;
}
.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks {
flex: 1;
position: relative;
border-top: 1px solid var(--vbo-grey-bg-color);
}
.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task {
position: absolute;
z-index: 9;
padding: 6px;
border-radius: 10px;
text-align: left;
font-weight: 450;
cursor: pointer;
box-sizing: border-box;
font-size: 16px;
}
.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task:hover {
opacity: .8;
}
.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task .vbo-tm-calendar-day-task-head, .vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task .vbo-tm-calendar-day-task-footer {
display: inline-block;
vertical-align: middle;
}
.vbo-tm-calendar-day-timeline-week {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.vbo-tm-calendar-day-timeline-week .vbo-tm-calendar-day-timeline-week-day {
text-align: center;
}
.vbo-tm-calendar-day-timeline-week-nav > span {
display: block;
}
.vbo-tm-calendar-nav-btn {
cursor: pointer;
display: inline-block;
padding: 10px;
border-radius: 6px;
line-height: 1.1em;
font-size: 16px;
}
.vbo-tm-calendar-nav-btn:hover {
background: var(--vbo-grey-bg-color);
} 
.vbo-tm-calendar-nav-btn.vbo-tm-calendar-day-timeline-week-today {
background: var(--vbo-base-color);
color: var(--vbo-contrast-text-color);	
}
.vbo-tm-calendar-day-timeline-week-nav-mday {
font-size: 18px;
font-weight: 500;
margin-bottom: 4px;
text-align: center;
}
.vbo-tm-calendar-month-day-tasks .vbo-tooltip:before, .vbo-tm-calendar-month-day-tasks .vbo-tooltip:after {
width: fit-content;
} .vbo-colortag-circle {
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 14px;
margin: 1px;
margin-right: 1px;
padding: 0;
vertical-align: middle;
width: 14px;
}
.vbo-tagcolors-elems-wrap .red, .vbo-tm-color.red, .vbo-colortag-circle.red {
background-color: var(--vbo-tag-red-bg);
border-color: var(--vbo-tag-red-border);
}
.vbo-tagcolors-elems-wrap .green, .vbo-tm-color.green, .vbo-colortag-circle.green {
background-color: var(--vbo-tag-green-bg);
border-color: var(--vbo-tag-green-border);
}
.vbo-tagcolors-elems-wrap .olive, .vbo-tm-color.olive, .vbo-colortag-circle.olive {
background-color: var(--vbo-tag-olive-bg);
border-color: var(--vbo-tag-olive-border);
}
.vbo-tagcolors-elems-wrap .blue, .vbo-tm-color.blue, .vbo-colortag-circle.blue {
background-color: var(--vbo-tag-blue-bg);
border-color: var(--vbo-tag-blue-border);
}
.vbo-tagcolors-elems-wrap .ocean, .vbo-tm-color.ocean, .vbo-colortag-circle.ocean {
background-color: var(--vbo-tag-ocean-bg);
border-color: var(--vbo-tag-ocean-border);
}
.vbo-tagcolors-elems-wrap .brown, .vbo-tm-color.brown, .vbo-colortag-circle.brown {
background-color: var(--vbo-tag-brown-bg);
border-color: var(--vbo-tag-brown-border);
}
.vbo-tagcolors-elems-wrap .yellow, .vbo-tm-color.yellow, .vbo-colortag-circle.yellow {
background-color: var(--vbo-tag-yellow-bg);
border-color: var(--vbo-tag-yellow-border);
}
.vbo-tagcolors-elems-wrap .orange, .vbo-tm-color.orange, .vbo-colortag-circle.orange {
background-color: var(--vbo-tag-orange-bg);
border-color: var(--vbo-tag-orange-border);
}
.vbo-tagcolors-elems-wrap .purple, .vbo-tm-color.purple, .vbo-colortag-circle.purple {
background-color: var(--vbo-tag-purple-bg);
border-color: var(--vbo-tag-purple-border);
}
.vbo-tagcolors-elems-wrap .pink, .vbo-tm-color.pink, .vbo-colortag-circle.pink {
background-color: var(--vbo-tag-pink-bg);
border-color: var(--vbo-tag-pink-border);
}
.vbo-tagcolors-elems-wrap .black, .vbo-tm-color.black, .vbo-colortag-circle.black {
background-color: var(--vbo-tag-black-bg);
border-color: var(--vbo-tag-black-border);
}
.vbo-tagcolors-elems-wrap .gray, .vbo-tm-color.gray, .vbo-colortag-circle.gray {
background-color: var(--vbo-tag-gray-bg);
border-color: var(--vbo-tag-gray-border);
} .vik-context-menu {
background-color: var(--vbo-white-bg-color);
border-radius: 10px;
box-shadow: 0px 0px 6px 1px rgba(136,136,136,.2);
opacity: 1;
}
.vik-context-menu li a {
cursor: pointer;
display: flex;
align-items: center;
gap: 3px;
text-decoration: none !important;
}
.vik-context-menu .btngroup {
font-size: smaller;
}
.vik-context-menu li a:not(.disabled):hover {
color: #fff;
background: var(--vbo-base-color);
} .vbo-toast-message {
visibility: hidden;
min-width: 250px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 16px;
position: fixed;
z-index: 99999;
left: 50%;
bottom: 30px;
transform: translate(-50%, 0);
}
.vbo-toast-message.vbo-toast-message-presented {
visibility: visible;
-webkit-animation: toastfadein 0.5s;
animation: toastfadein 0.5s;
}
.vbo-toast-message.vbo-toast-message-dimissed {
visibility: hidden;
-webkit-animation: toastfadeout 0.5s;
animation: toastfadeout 0.5s;
}
@-webkit-keyframes toastfadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}
@keyframes toastfadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes toastfadeout {
from {bottom: 30px; opacity: 1; visibility: visible;}
to {bottom: 0; opacity: 0; visibility: hidden;}
}
@keyframes toastfadeout {
from {bottom: 30px; opacity: 1; visibility: visible;}
to {bottom: 0; opacity: 0; visibility: hidden;}
} @media screen and (max-width: 750px) {
.vbo-booking-chat-inner .chat-input-footer .textarea-input textarea {
border: 0;
}
}
@media screen and (max-width: 620px) {
#ui-datepicker-div {
width: 90% !important;
z-index: 10000000 !important;
}
}
@media screen and (max-width: 500px) {
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 100% !important;
}
.contact-info .ct-inner {
padding: 20px 30px;
}
}
.pagination li {
display: inline-block;
}
@media only screen and (max-width : 1600px) {
.vbdialog-inner {
max-height: 80%;
width: 60%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.vbo-showprc-optionstable .vbo-showprc-option-entry {
width: calc(24% - 8px);
}
.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-roomupgrade {
width: 90%;
}
}
@media only screen and (max-width : 1520px) {
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-current-wrap {
flex-basis: 25%;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-solutions-wrap {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width : 1280px) {
.offline-cc-overlay-inner {
width: 60%;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
}
.offline-cc-overlay-outer .btn {
white-space: initial;
}
.vbdetroom .vbroomdetcont .vbo-searchdet-head {
flex-basis: 100%;
}
.vbdetroom .vbroomdetcont .room_description_box {
padding: 10px 20px;
margin-top: 0;
}
.vbroomimgdesc .vikfx-showprc-gallery-container, .vbroomimgdesc .vikfx-thumbslide-container {
flex-basis: 50%;
}
.vbo-modal-overlay-block .vbo-modal-overlay-content {
width: 70%;
}
.vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem #vbo-newrdnote-name {
width: 100%;
}
.fancybox-type-iframe .fancybox-inner {
min-width: 100%;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary {
flex-wrap: wrap;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary .vbo-tm-task-assignees {
flex-basis: 100%;
}
.vbo-tm-operator-block .vbo-tm-operator-block-icon i {
font-size: 24px;
bottom: 12px;
}
}
@media only screen and (max-width : 1080px) {
.vbdialog-inner {
width: 80%;
}
.vbo-pkglist-pkg-bone {
width: auto;
flex-basis: 30%;
}
.vbo-pkglist-pkg-btwo {
flex: 1;
width: auto;
}
.vbo-pkglist-pkg-bthree {
width: auto;
flex-basis: 30%;
}
.vbo-booking-guest-review-top {
flex-basis: 140px;
}
.vblistcontainer-grid .vblist .room_result {
width: calc(50% - 20px);
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-current-wrap {
flex-basis: 30%;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-solutions-wrap {
grid-template-columns: repeat(2, 1fr);
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary > div {
flex-basis: 100%;
}
.vbo-tm-operator-head {
grid-template-columns: repeat(3, 1fr);
}
.vbo-tm-operator-block[data-type="ical"] {
flex-basis: 100%;
border: 0;
border-radius: 0;
padding: 0;
}
.vbo-tm-operator-block[data-type="ical"] .vbo-tm-operator-block-icon {
display: none;
}
.vbo-tm-operator-block[data-type="ical"] .short {
display: none;
}
.vbo-tm-operator-block[data-type="ical"] .long {
display: inline-block;
}
.vbo-tm-operator-block[data-type="ical"] a {
font-size: 14px;
}
}
@media only screen and (max-width : 980px) {
.vbdivsearch {
box-sizing: border-box;
width: 100%;
}
.vbo-promotion-room-block {
width: 47%;
}
.vbo-promotion-dates-right {
margin: 8px 15px 15px 0;
width: 100%;
}
.vbo-promotion-date-validuntil {
text-align: left;
}
.vblistroomblock, .vbcontdivtot, .vbo-pkglist-pkg-bthree, .room_resultdiffusage .vblistroomblock {
width: 100%;
border:0;
}
.vbo-pkglist-pkg-btwo {
width: 80%;
border:0;
}
.vbcontdivtot {
border-top:2px solid var(--vbo-border-color); 
}
.vbo-search-noresults-cont {
box-sizing: border-box;
width: 100%;
}
.vbo-booking-solution-room {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.vbo-search-solution-date-dt, .vbo-booking-solution-date-dt {
font-size: 1.5em;
}
.vbo-results-head {
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
} .vbo-oconfirm-summary-room-row {
flex-wrap: wrap;
}
.vbo-oconfirm-summary-room-head, .vbo-oconfirm-summary-total-head {
display: none;
}
.vbo-oconfirm-summary-total-head, .vbo-oconfirm-summary-room-row .vbo-oconfirm-summary-room-head-cell-responsive {
display: block;
text-transform: inherit;
}
.vbo-oconfirm-summary-room-wrapper > div > div, .vbo-oconfirm-summary-total-wrapper > div > div, .vbo-oconfirm-summary-total-wrapper-notaxes .vbo-oconfirm-summary-room-cell-descr {
width: 33%;
}
.vbo-oconfirm-summary-option-row {
border-bottom: 1px solid var(--vbo-light-border-color);
}
.vbo-oconfirm-summary-option-row .vbo-oconfirm-summary-room-cell-guests, .vbo-oconfirm-summary-option-row .vbo-oconfirm-summary-room-cell-nights {
display: none;
}
.vbo-oconfirm-summary-room-wrapper .vbo-oconfirm-summary-room-cell-descr {
background: var(--vbo-light-grey-bg-color);
width: 100%;
margin-bottom: 5px;
}
.vbo-oconfirm-summary-room-cell-net, .vbo-oconfirm-summary-room-cell-nights, .vbo-oconfirm-summary-room-cell-tax, .vbo-oconfirm-summary-room-cell-tot {
text-align: left;
}
.vbordrowtotal-prevtot .vbo-oconfirm-summary-room-cell-guests, .vbordrowtotal-prevtot .vbo-oconfirm-summary-room-cell-nights, .vbordrowtotal-prevtot .vbo-oconfirm-summary-room-cell-net, .vbordrowtotal-prevtot .vbo-oconfirm-summary-room-cell-tax,
.vbordrowtotal-negative .vbo-oconfirm-summary-room-cell-guests, .vbordrowtotal-negative .vbo-oconfirm-summary-room-cell-net, .vbordrowtotal-negative .vbo-oconfirm-summary-room-cell-nights, .vbordrowtotal-negative .vbo-oconfirm-summary-room-cell-tax,
.vbordrowtotal-positive .vbo-oconfirm-summary-room-cell-nights, .vbordrowtotal-positive .vbo-oconfirm-summary-room-cell-net, .vbordrowtotal-positive .vbo-oconfirm-summary-room-cell-guests, .vbordrowtotal-positive .vbo-oconfirm-summary-room-cell-tax, 
.vbo-oconfirm-summary-coupon-row .vbo-oconfirm-summary-room-cell-guests, .vbo-oconfirm-summary-coupon-row .vbo-oconfirm-summary-room-cell-nights, .vbo-oconfirm-summary-coupon-row .vbo-oconfirm-summary-room-cell-tax, .vbo-oconfirm-summary-coupon-row .vbo-oconfirm-summary-room-cell-net,
.vbo-oconfirm-summary-coupon-newtot-row .vbo-oconfirm-summary-room-cell-guests, .vbo-oconfirm-summary-coupon-newtot-row .vbo-oconfirm-summary-room-cell-nights, .vbo-oconfirm-summary-coupon-newtot-row .vbo-oconfirm-summary-room-cell-tax, .vbo-oconfirm-summary-coupon-newtot-row  .vbo-oconfirm-summary-room-cell-net {
display: none;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry-name {
flex-basis: 40%;
}
.vbo-booking-upsell-room-wrap .vbo-room-upsell-cart-full {
flex-basis: 100%;
margin-left: 0;
margin-top: 10px;
}
.vbo-room-result-inner .vbo-room-result-head {
display: none;
}
.vbo-room-result-inner .vbo-room-result-body {
flex-wrap: wrap;
}
.vbo-room-result-inner > div > .vbo-room-result-body-img {
flex-basis: 25%;
}
.vbo-room-result-inner > div > .vbo-room-result-body-details {
flex: 1;
}
.vbo-room-result-inner > div > .vbo-room-result-body-bookingsolutions {
flex-basis: 100%;
}
.vbo-room-result-body-bookingsolutions .vbo-room-result-body-bookingsolution {
border-color: var(--vbo-border-color);
}
.vbulcarats li {
margin-bottom: 15px;
}
.vbrowroomcapacity {
text-align: center;
margin: 5px 0 10px 0;
}
.vbselectordiv {
border-top: 0;
}
.vbo-booking-guest-review-services-score > div, .vbo-booking-starrating-wrap .vbo-booking-starrating-cont {
flex-basis: 43%;
}
.vblistcontainer-grid .vbcontdivtot {
border-top: 0;
}
.vblistcontainer-grid .vbrowroomcapacity {
margin: 5px 0 10px 0;
}
.vbo-operators-login-wrap {
padding: 0;
}
.vbcaldivcont {
width: calc(50% - 3px);
}
.vbcalsblock-price .vbcaldivcont {
width: 100%;
box-sizing: border-box;
}
.vbo-pkglist-pkg {
flex-wrap: wrap;
}
.vbo-pkglist-pkg-bthree {
flex-basis: 100%;
}
.vbo-pkgdet-room-img, .vbo-pkgdet-room-det {
width: 50%;
}
.vbo-pkgdet-room-booknow {
width: 100%;
padding: 23px 10px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-body {
flex-wrap: wrap;
}
.vbo-tm-calendar-wrap .vbo-tm-task-body > div {
flex-basis: 100%;
}
.vbo-tm-calendar-wrap .vbo-tm-task-chat {
border-left: 0;
border-top: 1px solid var(--vbo-border-color);
padding: 0px 10px 20px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary > .vbo-tm-task-listing-info, .vbo-tm-calendar-wrap .vbo-tm-task-summary > .vbo-tm-task-booking-info {
flex: 1;
}
}
@media only screen and (max-width : 860px) {
.vbdialog-inner {
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 80%;
}
.vbdialog-left {
width: 100%;
}
.vbdialog-right {
width: 100%;
top: 0%;
transform: translate(0%, 50%);
}
.vbo-showprc-optionstable .vbo-showprc-option-entry {
width: calc(50% - 10px);
}
.vbo-rdet-descprice-block {
flex-wrap: wrap;
}
.vbo-rdet-descprice-block .vbo-rdet-desc-cont {
border-bottom: 1px solid var(--vbo-border-color);
border-right: 0;
width: 100%;
}
.vbo-rdet-descprice-block .vb_detcostroomdet {
width: 100%;
}
.vblegenda {
width: 29%;
display: inline-block;
}
.vbo-promotion-det-wrapper, .vbo-promotion-wrapper {
width: 100%;
}
.vbo-booking-details-midcontainer > div {
flex: 100%;
}
.vbo-booking-details-midcontainer > .vbo-booking-details-actions {
flex: auto;
}
.vbo-booking-details-actions-inner > div {
margin: 5px;
}
.vbvordroominfo-multi {
padding: 15px;
width: calc(50% - 16px);
margin: 8px;
}
.vbo-results-head > span {
flex: 1;
}
.vbo-showprc-room-block, .vbo-showprc-room-block .vikfx-thumbslide-container {
width: 100%;
max-width: 100%;
}
.vbo-showprc-room-block .vbroomimgdesc {
text-align: center;
}
.vbo-showprc-room-block .vikfx-thumbslide-container {
display: inline-block;
margin: 0 auto;	
float: none;
}
.vbo-showprc-room-block .room_description_box {
width: 100%;
text-align: left;
margin: 0;
}
.vbo-results-head > div {
-ms-flex: 50%;
-webkit-flex: 50%;
flex: 50%;
padding: 15px;
}
.vbo-results-head > div:nth-child(even) {
border-right: 0;
}
.vbo-results-head > .vbcheckoutroom {
margin-right: 0;
}
.vbo-results-head-oconfirm > span {
-ms-flex: 50%;
-webkit-flex: 50%;
flex: 50%;
padding: 15px;
}
.vbo-results-head > span:nth-child(odd) {
border-left: 0;
}
.vbo-pkglist-pkg {
flex-wrap: wrap;
}
.vbo-pkglist-pkg-bthree {
flex-basis: 100%;
}
.vbo-booking-upsell-room-wrap {
width: 20rem;
margin: 10px auto;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > * {
margin: 0 8px;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-img {
margin-left: 0;
flex-basis: 100%;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-name {
flex-basis: 100%;
margin-bottom: 10px;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-option-upsell-add {
margin-right: 0;
}
.vbo-pkgdet-room-form .vb-search-inner {
display: flex;
flex-wrap: wrap;
}
.vbo-pkgdet-room-form .vb-search-inner > .vbo-search-inpblock {
width: calc(50% - 20px);
}
.vbo-pkgdet-room-form .vb-search-inner .vbo-search-inpblock .input-group > input {
flex: 1;
}
.vbo-pkgdet-room-form .vb-search-inner .vbo-search-submit {
flex-basis: 100%;
margin-left: 0;
padding: 0 10px;
margin-right: 0;
}
.vbo-pkgdet-room-form .vb-search-inner .vbo-search-submit .vbdetbooksubmit {
width: 100%;
}
.vbo-pkgdet-room-form .vb-search-inner .vbo-search-num-racblock {
width: 100%;
flex-wrap: wrap;
}
.vbdivsearch .vb-search-inner > .vbo-search-num-racblock > .vbo-search-num-rooms {
flex-basis: 100%;
}
.vbo-pkgdet-room-form .vb-search-inner .vbo-search-num-racblock > .vbo-search-num-aduchild-block {
margin-left: 0;
flex-basis: 100%;
}
.vbo-pkgdet-room-form .vbo-search-num-aduchild-entry > div {
flex: 1;
}
.vbo-pkgdet-room-form .vbo-search-num-aduchild-entry > div label {
text-align: left;
}
.vbo-pkgdet-room-form .vbo-search-num-aduchild-entry > div select {
width: 100% !important;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-current-wrap {
flex-basis: 40%;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-solutions-wrap {
grid-template-columns: repeat(1, 1fr);
}
.vbo-listing-details-wrap .vbo-listing-details-descprice-block {
flex-wrap: wrap;
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet {
margin-top: 30px;
flex-basis: 100%;
}
.vbo-listing-details-wrap .vikfx-roomdetails-gallery-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.vbo-listing-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery > a {
display: none;
}
.vbo-listing-details-wrap .vikfx-gallery .vbo-listing-details-allphotos {
bottom: 40px;
}
.vbo-listing-details-wrap .vbo-listing-details-descprice-block {
margin-top: 10px;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-date, .vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-msg, .vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-avatar {
display: none;
}
.vbo-optool-gmessaging-list-container .vbo-optool-gmessaging-message-content-details .vbo-optool-gmessaging-message-guestname {
line-height: 1.5em;
}
.chat-conversation .chat-message .speech-bubble {
max-width: 78%;
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock {
grid-template-columns: repeat(1, 1fr);
}
}
@media only screen and (max-width : 780px) {
.vbvordroominfo-multi > div {
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
}
.vbdivsearch .vb-search-inner > div {
flex: 100%;
margin-right: 0;	
}
.vbdivsearch .input-group {
display: flex;
}
.vbdivsearch .input-group input {
flex: 1;
}
.vbdivsearch .input-group .fa-calendar-alt {
width: 35px;
}
.vbdivsearch .vb-search-inner > .vbo-search-num-racblock {
margin-left: 0;
margin-right: 0;
flex-wrap: wrap;
}
.vbdivsearch .vb-search-inner > .vbo-search-num-racblock > div {
flex: 100%;
margin: 0;
}
.vbdivsearch .vb-search-inner > .vbo-search-num-racblock .vbo-search-num-rooms {
margin-bottom: 10px;
}
.vbdivsearch .vb-search-inner > .vbo-search-num-racblock .vbo-search-num-rooms label {
display: block;
margin-right: 0;
}
.vbdivsearch .vb-search-inner > .vbo-search-categories {
margin-right: 0;
}
.vbo-search-num-adults-entry > span, .vbo-search-num-children-entry > span, .vbo-search-num-adults-entry > label, .vbo-search-num-children-entry > label {
text-align: left;
}
#vbjstotnights {
margin: 10px 0 10px 0px;
text-align: center;
}
.vbdivsearch .vb-search-inner select, .vbo-showprc-optionstable .vbo-showprc-option-entry > div select, .vbo-availability-controls select {
width: 100% !important;
}
.vbo-search-num-aduchild-entry .vbo-search-num-adults-entry, .vbo-search-num-aduchild-entry .vbo-search-num-children-entry {
flex: 1;
}
.vbdivsearch .vbo-search-submit {
margin: 15px 0 10px 0;
width: 100%;
}
.vbdivsearch .vbo-search-submit input {
width: 100%;
}
#vbjstotnights {
padding-left: 0;
} .vbo-oconfirm-summary-total-row .vbo-oconfirm-summary-room-cell-descr {
width: 100%;
}
.vbo-oconfirm-summary-total-row .vbo-oconfirm-summary-room-cell-guests, .vbo-oconfirm-summary-total-row .vbo-oconfirm-summary-room-cell-nights {
display: none;
}
.vbo-oconfirm-summary-total-row .vbo-oconfirm-summary-room-head-cell {
display: block;
width: 100%;
}
.vbo-availability-room-details-first {
width: 100%;
border-right: 0;
border-bottom: 1px solid var(--vbo-border-color);
}
.vbo-availability-room-details-last {
left: 0;
width: 100%;
border: 0;
}
.vbo-availability-room-container {
border: 1px solid var(--vbo-border-color);
}
.vbo-availability-room-details-last-inner {
margin: 15px auto 20px;
}
.vbo-results-head > .vbo-results-chdates {
flex: 100%;
border-left: 0;
margin: 10px 10px 15px 25px;
}
.vbo-results-head > .vbo-results-chdates a {
margin: 0;
}
.vbcustomfields .vbo-oconfirm-cfield-entry-checkbox {
width: 100%;
}
.vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail {
width: 45%;
}
.vbo-oconfirm-middlep {
flex-wrap: wrap;
}
.vbo-oconfirm-middlep > div {
flex-basis: 100%;
margin: 5px 0;
}
.vbo-oconfirm-summary-total-wrapper-notaxes .vbo-oconfirm-summary-total-row:first-child .vbo-oconfirm-summary-room-cell-descr {
display: none;
}
.vbo-oconfirm-summary-total-wrapper-notaxes .vbo-oconfirm-summary-room-cell-tot {
width: 100%;
}
.vbo-oconfirm-summary-total-wrapper-notaxes .vbo-oconfirm-summary-coupon-row .vbo-oconfirm-summary-room-cell-descr,
.vbo-oconfirm-summary-total-wrapper-notaxes .vbo-oconfirm-summary-coupon-row .vbo-oconfirm-summary-room-cell-tot {
width: auto;
} 
.vbo-availability-room-details-last-checkin {
margin: 20px 0;
}
.offline-cc-overlay-inner {
max-width: initial;
width: 70%;
height: 80%;
}
.vbo-offline-cc-row-group-cardpan .vbo-offline-cc-row-cardtype {
flex-basis: 160px;
}
.vbo-optool-gmessaging-inboxstyle-chat .vbo-optool-gmessaging-message-avatar {
display: none;
}
.vbo-tm-operator-head {
display: flex;
flex-wrap: wrap;
}
.vbo-tm-operator-block[data-type="future_tasks"] {
flex: 1;
}
.vbo-tm-operator-block[data-type="assigned_tasks"] {
flex: 1;
}
.vbo-tm-operator-block[data-type="unassigned_tasks"] {
flex-basis: 100%;
}
}
@media only screen and (max-width : 760px) {
.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task > * {
display: none;
}
}
@media only screen and (max-width : 700px) {
.chat-border-layout {
flex-wrap: wrap;
}
.chat-border-layout .chat-threads-panel {
flex-basis: 100% !important;
border-right: 0 !important;
overflow-x: hidden;
border-bottom: 1px solid var(--vbo-light-border-color);
}
.chat-border-layout .chat-threads-list {
width: 100% !important;
display: flex;
position: relative;
}
.chat-border-layout .chat-threads-list > li {
box-shadow: none;		
margin-bottom: 0;
margin-right: 5px;
position: relative;
}
.chat-border-layout .chat-threads-list > li:last-child {
margin-right: 0;
}
.chat-threads-list .thread-record .thread-details .thread-heading .thread-datetime {
display: block;
text-align: left;
width: 100%;
}
.chat-threads-list .thread-record .thread-details .thread-message {
position: absolute;
top: 0px;
right: 4px;
}
.chat-threads-list .thread-record .thread-details .thread-message .thread-content {
display: none;
}
.chat-threads-list .thread-record .thread-details .thread-heading .thread-recipient {
padding-right: 20px;
}
.chat-threads-panel .thread-datetime {
display: none !important;
}
}
@media only screen and (max-width : 680px) {
.vbo-results-head > div {
width: 48%;
}
.vbo-results-head > div {
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
padding: 10px 15px;
}
.vbo-showprc-pricetable .vbo-showprc-price-entry {
padding: 20px 0 20px 10px;
}
.vbo-showprc-price-entry-rateplan label {
margin-left: 0;
}
.vbo-showprc-price-entry-cost {
width: 100%;
padding: 10px 20px 10px 0;
text-align: left;
padding-left: 30px;
}
.vbo-showprc-price-entry-radio {
margin-right: 5px;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry {
width: calc(50% - 8px);
}
.offline-cc-overlay-inner {
width: 80%;
}
.vbo-operators-login-wrap {
flex-wrap: wrap;
}
.vbo-operators-login-wrap > div {
flex: 100%;
margin: 10px;
}
.vbo-booking-details-midcontainer > div {
flex: 100%;
}
.vbo-booking-details-midcontainer > .vbo-booking-details-actions {
flex: 100%;
}
.vbvordroominfo {
flex: 100%;
}
.room_carats .vbtith3 {
float: none;
display: block;
width: 100%;
margin-bottom: 10px;
}
.vbo-showprc-room-block .vbroomimgdesc {
flex-wrap: wrap;
}
.vbroomimgdesc .vikfx-showprc-gallery-container, .vbroomimgdesc .vikfx-thumbslide-container {
flex-basis: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > * {
flex-basis: 100%;
margin: 5px 8px;
justify-content: center;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-option-upsell-add button {
width: 100%;
justify-content: center;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry-input select {
min-width: 50%;
}
.vbcaldivcont {
width: 100%;
}
.vbo-modal-overlay-content-head.vbo-modal-overlay-content-head-roomdaynotes h3 {
font-size: 20px;
}
.vbo-bookings-list-search input[name="confirmnumber"] {
min-width: initial;
width: 100%;
margin-bottom: 10px;
}
.vbo-bookings-list-search .vbsearchordersubmit {
width: 100%;
}
.vbo-bookings-list-table .vbo-bookings-list-table-head-row, .vbo-bookings-list-table-body .vbo-bookings-list-table-row {
display: flex;
flex-wrap: wrap;
}
.vbo-bookings-list-table .vbo-bookings-list-table-head-row {
display: none;
}
.vbo-bookings-list-table-body .vbo-bookings-list-table-row .vbo-bookings-list-table-cell-lbl {
display: block;
font-weight: bold;
}
.vbo-bookings-list-table-body .vbo-bookings-list-table-cell {
margin-bottom: 6px;
flex-basis: 100%;
}
.vbo-bookings-list-table-body .vbo-bookings-list-table-row .vbo-bookings-list-table-cell:last-child {
text-align: left;
}
.vbo-bookings-list-table .vbo-bookings-list-table-cell-bstatus {
flex-basis: 26px;
font-size: 20px;
}
.vbo-bookings-list-table .vbo-bookings-list-table-cell-bstatus + .vbo-bookings-list-table-cell {
flex: 1;
text-align: right;
}
.vbo-tm-calendar-info {
font-size: 20px;
}
.vbo-param-setting .btn-toolbar {
flex-wrap: wrap;
}
}
@media only screen and (max-width : 620px) {
.ui-datepicker-multi .ui-datepicker-group {
width: 100% !important;
}
.ui-datepicker-multi-2 .ui-datepicker-group-first {
padding-right: 0;
margin-right: 0;
border-left: 0;
border-bottom: 1px solid var(--vbo-border-color);
padding-bottom: 10px;
margin-bottom: 10px;
}
.vbo-tm-calendar-wrap .vbo-tm-task-summary > .vbo-tm-task-listing-info, .vbo-tm-calendar-wrap .vbo-tm-task-summary > .vbo-tm-task-booking-info {
flex-basis: 100%;
}
.vbo-site-container .vbo-param-container {
flex-wrap: wrap;
}
.vbo-site-container .vbo-param-container .vbo-param-label {
flex-basis: 100%;
margin-right: 0;
font-weight: bold;
}
}
@media only screen and (max-width : 600px) {
.vbo-search-solution, .vbo-booking-solution {
width: calc(100%);
margin-right: 0;
}
.vbo-search-solution:nth-of-type(odd), .vbo-booking-solution:nth-of-type(odd) {
margin-right: 0;
}
.vblistroomblock .vbimglistdiv {
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
margin-right: 0;
}
.vblistroomblock img.vblistimg {
margin-right: 0;
}
.vbselectordiv {
box-sizing: border-box;
width: 100%;
padding: 0 10px 10px;
}
.vblistroomblock {
min-height: inherit;
}
.fancybox-opened {
min-width: 80%;
}
.room_carats {
margin-bottom: 0;
}
.vblegenda {
width: 48%;
}
.vbo-stepbar li {
width: 50%;
}
.vikfx-gallery-container .vikfx-gallery > a {
margin: 5px;
}
.vikfx-gallery-container .vikfx-gallery img {
max-width: 80px;
}
.vbroomimgdesc {
margin-bottom: 5px;
flex-wrap: wrap;
}
.vbroomimgdesc .vikfx-showprc-gallery-container, .vbroomimgdesc .vikfx-thumbslide-container {
flex-basis: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.vbo-pkglist-pkg-bone {
flex-basis: 100%;
}
.vbo-booking-guest-review-inner {
flex-wrap: wrap;
}
.vbo-booking-guest-review-top {
flex-basis: 100%;
margin-bottom: 10px;
}
.vbo-booking-guest-review-services-score > div {
margin: 6px 10px;
}
.vbo-booking-starrating-wrap .vbo-booking-starrating-cont {
flex-basis: 100%;
margin: 8px 0;
}
.vblistcontainer-grid .vblist .room_result {
width: 100%;
margin: 10px 0;
}
.vbo-booking-roomphoto {
max-width: 100%;
}
.vbo-booking-rooms-wrapper .vbordroomdet {
width: 100%;
margin: 0 0 10px;
}
.vbvordroominfo .vbvordcosts {
width: 100%;
margin-left: 0;
}
.vbo-operators-login-wrap > div .booknow {
width: 100%;
}
.vbo-bookingdet-userdetail-val {
word-break: break-word;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-current-wrap {
flex-basis: 100%;
}
.vbo-roomupgrade-booked-room-inner .vbo-roomupgrade-solutions-wrap {
grid-template-columns: repeat(1, 1fr);
margin: 20px 0;
}
}
@media only screen and (max-width : 580px) {
.vbo-toast-message {
width: 90%;
padding: 8px;
font-size: .9em;
}
.vbcustomfields .vbo-oconfirm-cfield-entry {
width: 100%;
float: none;
margin: 5px 0;
}
.vbcustomfields .vbo-oconfirm-cfield-entry-textarea {
width: 100%;
}
.vbcustomfields .vbtextarea {
width: 100%;
}
.vbo-booking-upsell-room-wrap {
width: 100%;
box-sizing: border-box;
}
.vbo-booking-modification-helper .vbo-booking-modification-helper-inner {
margin: 10px 0;
width: 100%;
}
.vbo-booking-modification-canc a {
display: block;
}
.vbo-promotion-room-name {
font-size: 1.1em;
padding: 12px 5px;
}
form .vbselectm {
width: 100% !important;
}
.vbo-pkglist-pkg-cost {
margin-bottom: 10px;
}
.vbo-pkglist-pkg-dates, .vbo-pkgdet-dates {
width: 100%;
}
.vbo-pkglist-pkg-details a {
display: block;
margin: 0 20px;
}
.vbo-pkgdet-room-container .vbo-pkgdet-room-outer {
flex-wrap: wrap;
}
.vbo-pkgdet-room-container .vbo-pkgdet-room-outer .vbo-pkgdet-room-img img {
margin-top: 0;
}
.vbo-pkgdet-room-img, .vbo-pkgdet-room-det {
width: 100%;
}
.vbo-pkgdet-room-det {
padding: 20px 20px 10px;
}
.vbo-pkgdet-room-booknow {
padding: 23px 20px;
}
.vbo-pkgdet-room-booknow .vbo-pkgdet-room-booknow-btn {
width: 100%;
}
.vbo-tableaux-table tr td:first-child {
position: initial;
}
.vbdialog-inner-tableaux .vbo-tableaux-bookdet-entry {
margin: 10px 0;
}
.vbdialog-inner-tableaux .vbo-tableaux-bookdet-lbl {
display: block;
margin-right: 0;
border: 0;
}
.vbdialog-inner-tableaux .vbo-tableaux-bookdet-val {
display: block;
padding: 5px 10px;
}
.vbo-modal-overlay-block .vbo-modal-overlay-content {
width: 90%;
height: 90%;
}
.vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val {
margin-top: 2px;
display: inline-block;
}
.vbo-modal-overlay-block .vbo-modal-roomdaynotes-addnew-save button {
width: 100%;
}
.vbo-oconfirm-paymethods-list li {
flex-basis: 100%;
flex-wrap: wrap;
justify-content: center;
padding: 12px 15px;
}
.vbo-alert-container-confirm {
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-option-upsell-add {
margin-left: 0;
}
.offline-cc-overlay-inner {
width: 95%;
}
.vbo-offline-cc-container .vbo-offline-cc-row-group-cardholder > div {
flex-basis: 100%;
}
.vbo-offline-cc-container .vbo-offline-cc-row-group-cardholder .vbo-offline-cc-row-fname input, .vbo-offline-cc-container .vbo-offline-cc-row-group-cardholder .vbo-offline-cc-row-lname input {
border: 1px solid var(--vbo-border-color);
border-radius: 6px !important;
}
.vbo-operator-tool-top-filters .vbo-operator-tool-dt-filter {
flex-basis: 100%;
}
.vbo-operator-tool-top-filters .vbo-operator-tool-submit-filter {
flex-basis: 100%;
}
.vbo-operator-tool-top-filters .vbo-operator-tool-submit-filter .btn {
width: 100%;
}
.vbo-tool-finance-data-block-rankings {
grid-template-columns: repeat(1, 1fr);
}
.vbo-tm-calendar-head {
flex-wrap: wrap;
}
.vbo-tm-calendar-info {
width: 100%;
order: 2;
}
.vbo-tm-calendar-day-timeline-week .vbo-tm-calendar-day-timeline-week-day {
padding: 1vw;
}
.vbo-tm-calendar-day-timeline-week-nav-mday {
font-size: 16px;
font-weight: bold;		
}
.vbo-tm-calendar-day-timeline-week-nav {
font-size: 14px;
padding: 1vw;
}
.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-task-wrap {
height: 100%;
}
.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-task-head {
max-height: calc(100% - 30px);
overflow: hidden;
}
.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task {
font-size: 14px;
line-height: 1.3em;
}
.vbo-operator-dashboard-links ul {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media only screen and (max-width : 550px) {
#ui-datepicker-div {
left: 50% !important;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
}
.vbo-oconfirm-choosedeposit-inner > div {
margin: 5px;
}
.vbdivsearch {
box-sizing: border-box;
width: 100%;
}
.vbo-results-head {
padding: 0 5px 10px;
}
.vbo-results-head > span {
display: inline-block;
flex: 50%;
border:0;
padding-right:0;
}
.vbo-results-head > .vbo-results-chdates {
float: none;
}
.vbsearchproominfo {
margin: 15px 0 0;
}
.vbsearchproominfo > span {
display: inline-block;
width: 100%;
text-align: left;
}
.room_resultdiffusage, .vblistroomblock, .vbcontdivtot {
width: 100%;
}
.vblistroomblock, .vbcontdivtot, .vbcheckinroom {
border:0;
}
.vbcontdivtot {
border-top: 1px solid var(--vbo-border-color);
}
.vbselectordiv {
padding: 0 10px 10px;
width: 100%;
}
img.vblistimg {
margin-right: 0;
}
.vbcontdivtot {
margin: 0 !important;
}
.vbmodalrdetails {
display: none;
}
.vbo-showprc-room-block-multi {
margin: 0;
}
.vbo-showprc-wrapper {
padding: 0px;
}
.room_container {
padding: 0;
}
.vbo-showprc-room-block-multi:after {
left: 19px;
}
.vikfx-thumbslide-container {
width: 100%;
}
.room_description_box {
width: 100%;
margin: 10px 0 0;
float: none;
}
.room_carats .vbtith3 {
margin: 8px 10px 10px 0;
}
.vbo-showprc-price-entry-radio {
width: 5%;
}
.vbo-showprc-price-entry-rateplan {
width: auto;
}
.vbo-showprc-pricetable .vbo-showprc-price-entry {
padding: 15px;
}
.vbo-showprc-price-entry-cost {
width: 100%;
text-align: center;
float: none;
margin: 10px 0 0;
}
.vbo-showprc-option-entry-img, .vikfx-thumbslide-fade-container {
width: 100%;
float: none;
}
.vbo-showprc-room-block .vikfx-thumbslide-container {
max-width: 100%;
width: 100%;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry {
padding: 20px 10px 20px;
}
.vbo-showprc-option-entry-name {
box-sizing: border-box;
width: 100%;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry > *:not(.vbo-showprc-option-entry-img) {
padding: 0 0;
}
.vbo-showprc-option-entry-cost {
width: 100%;
text-align: center;
margin: 10px 0 0;
}
.vbo-showprc-option-entry-input {
width: 100%;
float: none;
}
.vbo-booking-details-wrapper > div {
width: 100%;
margin: 0 0 5px;
}
.vbvordroominfo {
width: 100%;
}
.vbvordroominfo .vbo-booking-roomphoto {
flex-basis: 100%;
}
.vbo-booking-rooms-wrapper .vbordroomdet {
margin: 10px;
}
.vbo-promotion-det-wrapper {
width:100%;
float: none;
}
.vbo-unavailable-description {
padding: 0;
}
.vbo-promotion-description {
padding: 0;
}
.vbo-promotion-wrapper {
width: 100%;
float: none;
}
.vbo-promotion-room-block {
width: 100%;
}
.vbo-promotion-dates-left .vbo-promotion-date-from {
margin: 0;
}
.vbo-promotion-dates-left > div {
padding: 5px 9px;
float: none;
width: 100%;
}
.vbo-promotion-dates-right {
float: none;
width: 100%;
}
.vbo-promotion-dates-left {
width: 100%;
padding: 10px 10px 0;
float: none;
}
.vbo-promotion-dates-left > div {
width: auto;
}
.vbo-promotion-dates-right {
float: none;
max-width: 100%;
width: auto;
display: block;
margin: 8px 15px 15px 15px;
}
.vbo-promotion-date-validuntil {
text-align: left;
padding: 7px 0 15px 0;
}
.vbo-search-num-aduchild-block {
display: block;
margin: 8px 0 0;
width: 100%;
}
.vbo-rdet-descprice-block .vbo-rdet-desc-cont, .vbo-pkgdet-descrprice-block .vbo-pkgdet-descr {
width: 100%;
border:0;
border-bottom:1px solid var(--vbo-border-color);
}
.vbo-rdet-descprice-block .vb_detcostroomdet, .vbcaldivcont, .vbo-pkgdet-descrprice-block .vbo-pkgdet-cost {
width: 100%;
}
.vbo-pkgdet-room-img {
width: 100%;
text-align: center;
}
.vbo-pkgdet-room-img img {
width: auto;
max-width: 100%;
margin: 10px 0 0
}
.vbo-pkgdet-room-thumbs-cont {
text-align: center;
}
.vbo-pkgdet-room-thumbs-cont > div {
float: none;
}
.vbo-pkgdet-room-det {
width: 100%;
}
.vbo-pkgdet-room-booknow {
width: 100%;
}
.vbo-pkgdet-room-booknow span {
margin: 0 0 10px;
}
.vbo-availability-room-details-first {
width: 100%;
border:0;
}
.vbo-availability-room-details-last {
width: 100%;
border:0;
border-top:1px solid var(--vbo-border-color);
}
.vbo-availability-room-details-right {
width: 100%;
padding: 10px 15px;
}
.vbo-availability-room-monthcal {
margin-bottom: 0 !important;
border: 0 !important;
}
.vbo-availability-room-details-last-inner {
margin: 10px auto 20px;
}
.vbo-availability-room-details-left {
width: 100%;
margin: 0;
}
.vblegendediv .vblegenda {
display: block;
float: none;
}
.vbo-pkglist-pkg-dates-cont {
text-align: center;
}
.vbo-pkglist-pkg-dates {
float: none;
display: inline-block;
}
.vbo-pkglist-pkg-bone, .vbo-pkglist-pkg-btwo, .vbo-pkglist-pkg-bthree {
width: 100%;
float: none;
}
.vbo-pkglist-pkg-btwo, .vbo-pkglist-pkg-bthree {
border:0;
}
.vbo-pkglist-pkg-dates, .vbo-pkgdet-dates {
float: none;
}
.vbdialog-inner {
max-width: 90%;
width: 90%;
left: 0%;
transform: translate(5%, -50%);
}
.vbentercoupon {
width: 100%;
}
.vbo-pkgdet-img {
width: 100%;
}
.vbo-pkgdet-img img {
width: auto;
max-width: 100%;
}
.vbo-results-head > span {
padding-left: 15px;
flex: 100%;
border-bottom: 1px solid var(--vbo-light-border-color);
}
.vbo-results-head > span:first-child {
border-bottom: 1px solid var(--vbo-light-border-color);
}
.vbo-results-head > .vbo-results-chdates {
margin-left: 15px;
border: 0;
}
.vbo-results-head > div {
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
padding: 10px 15px;
}
.vbo-results-head > div {
border-right: 0;
border-bottom: 1px solid var(--vbo-light-border-color);
}
.vbo-showprc-pricetable .vbo-showprc-price-entry > div {
width: 100%;
margin-right: 0;
padding-right: 0;
}
.vbo-showprc-price-entry-rateplan {
text-align: center;
margin-top: 10px;
}
.vbo-showprc-pricetable .vbo-showprc-price-entry > .vbo-showprc-price-entry-rateplan {
padding-left: 0;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry {
width: 100%;
}
.vbo-showprc-price-entry-cost {
padding-left: 0;
}
.vbageintervals {
text-align: center;
}
.vbageintervals ul li {
float: none;
padding: 0 0 0 0;
margin: 3px 0 3px 0;
}
.vbdialog-reqinfo textarea {
width: 100%;
}
.vbo-search-solution-dates > span, .vbo-booking-solution-dates > span {
flex-basis: calc(50% - 20px);
} .vbo-oconfirm-summary-room-wrapper > div > div, .vbo-oconfirm-summary-total-wrapper > div > div {
width: 100%;
border-bottom: 1px solid var(--vbo-light-border-color);
}
.vbo-oconfirm-summary-room-wrapper-notaxes .vbo-oconfirm-summary-room-cell-tot, .vbo-oconfirm-summary-total-wrapper-notaxes .vbo-oconfirm-summary-room-cell-tot {
width: 100%;
}
.vbo-oconfirm-summary-room-wrapper > div > div:last-child, .vbo-oconfirm-summary-total-wrapper > div > div:last-child {
border: 0;
}
.vbo-oconfirm-summary-option-row {
border: 0;
}
.vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail {
width: auto;
display: block;
}
.vbo-precheckin-adult-wrap .vbo-precheckin-adult-num {
padding-left: 10px;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-options-wrap {
display: flex;
flex-wrap: wrap;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry {
flex-basis: 100%;
border: 0;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > * {
flex-basis: 100%;
text-align: center;
justify-content: center;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry-name > span {
display: block;
width: 100%;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-img {
flex-basis: 100%;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-img img {
margin-right: 0;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry-name {
flex-basis: 100%;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-cost {
flex-basis: 100%;
margin-bottom: 8px;
text-align: center;
justify-content: center;
}
.vbo-room-result-inner > div > .vbo-room-result-body-img {
flex-basis: 100%;
text-align: center;
}
.vbcustomfields .vbo-oconfirm-cfield-entry {
margin: 5px 0;
}
.vbcustomfields .vbo-oconfirm-cfield-entry .vbtextarea, .vbo-oconfirm-cfield-input select {
width: 100%;
box-sizing: border-box;
}
.vboconfirmbottom {
margin-top: 0;
}
.vboconfirmbottom .booknow {
margin-bottom: 15px;
}
.vbentercoupon input.vbinputcoupon, .vbo-enterpin-block #vbo-pincode-inp {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.vblistcontainer-grid .vbcontdivtot {
border-top: 0;
}
.vbo-results-head > div > i {
margin: 4px 10px 0 auto;
min-width: 15px;
}
.vbo-results-head {
padding: 0 5px 10px;
}
.vblegendediv .vblegenda {
width: 100%;
display: flex;
}
}
@media only screen and (max-width : 450px) {
.vbo-booking-guest-review-services-score > div {
flex-basis: 100%;
}
.vboconfirmbottom > * {
margin: 5px 0;
}
.vbo-search-solution-dates, .vbo-booking-solution-dates {
flex-wrap: wrap;
}
.vbo-search-solution-dates > span, .vbo-booking-solution-dates > span {
flex-basis: 100%;
}
.vbo-search-solution-dates > .vbo-search-solution-checkin, .vbo-booking-solution-dates > .vbo-booking-solution-checkin {
border-right: 0;
}
}
@media only screen and (max-width : 460px) {
.vbo-offline-cc-row-group-cardpan > div, .vbo-offline-cc-row-group-cardpan > .vbo-offline-cc-row-cardtype {
flex-basis: 100%;
}
.vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-val > *, .vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-val #credit_card_number, .vbo-offline-cc-container .vbo-offline-cc-row .vbo-offline-cc-val select[name="credit_card_type"] {
border: 1px solid var(--vbo-border-color);
border-radius: 6px !important;
}
}
@media only screen and (max-width : 400px) {
.vbo-showprc-pricetable .vbo-showprc-price-entry > div {
width: 100%;
margin: 0 0 10px;
}
.vbo-showprc-pricetable .vbo-showprc-price-entry > div {
text-align: center;
}
.vbo-search-noresults-cont .vbo-search-num-aduchild-block {
width: 100%;
}
.vbo-search-noresults-cont .vbo-search-roomnum {
text-align: left;
min-width: auto;
}
.vbo-results-head {
padding: 5px;
}
.vbo-results-head > div {
-ms-flex: 0 0 100%;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
border-right: 0;
border-bottom: 1px solid var(--vbo-border-color);
padding: 5px 15px;
box-sizing: border-box;
}
.vbo-results-head > div:last-child {
border-bottom: 0;
}
.vbo-results-head .vbo-results-head-det-val, .vbo-results-head .vbo-results-head-det-lbl {
display: inline-block;
}
.vbo-results-head .vbo-results-head-det-lbl {
font-size: 1em;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry {
width: 100%;
}
.vbdivsearch .vb-search-inner > .vbo-search-num-racblock {
flex-wrap: wrap;
}
}
@media only screen and (max-width : 306px) {
.vbo-search-noresults-cont .vbo-search-roomnum {
text-align: left;
min-width: auto;
display: block;
float: none;
margin: 10px 10px 0 0;
}
.vbo-search-noresults-cont .vbo-search-num-aduchild-block {
margin-top: 0;
}
}
@media print {
.vbo-showin-print {
display: inline-block;
}
.vbo-hidein-print {
display: none !important;
}
} .tablenav-pages .displaying-num {
display: block;
font-size: .9em;
margin-bottom: 5px;
}
.tablenav-pages .pagination-links > * {
display: inline-block;
background: var(--vbo-light-grey-bg-color);
border:1px solid var(--vbo-light-border-color);
padding: 2px 5px;
}
.tablenav-pages .pagination-links .tablenav-paging-text {
font-size: .9em;
} .notice {
padding: 15px;
border-radius: 4px;
margin: 5px;
display: inline-block;
width: 100%;
}
.notice p {
margin-bottom: 0;
padding-bottom: 0;
}
.notice-success {
background: var(--vbo-white-bg-color) !important;
background-image: none !important;
border: 2px solid var(--vbo-lightblue-color);
color: var(--vbo-lightblue-color);
}
.notice-success > p {
color: var(--vbo-lightblue-color) !important;
margin-bottom: 0 !important;
}
.notice-error {
background: var(--vbo-white-bg-color) !important;
background-image: none !important;
border: 2px solid var(--vbo-red-color) !important;
color: var(--vbo-red-color);
}
.notice-error > p {
color: var(--vbo-red-color) !important;
margin-bottom: 0 !important;
}
.notice-warning {
background: var(--vbo-white-bg-color) !important;
background-image: none !important;
border: 2px solid var(--vbo-orange-color) !important;
color: var(--vbo-orange-color);
}
.notice-warning > p {
color: var(--vbo-orange-color) !important;
margin-bottom: 0 !important;
}
.notice-info {
background: var(--vbo-white-bg-color) !important;
background-image: none !important;
border: 2px solid var(--vbo-blue-color) !important;
color: var(--vbo-blue-color);
}
.notice-info > p {
color: var(--vbo-blue-color) !important;
margin-bottom: 0 !important;
} p.err {
background: no-repeat scroll 10px center var(--vbo-white-bg-color) !important;
border: 1px solid #F7C9C9 !important;
border-radius: 5px;
color: var(--vbo-red-color);
font-weight: bold;
margin: 15px 0 20px;
padding: 20px !important;
box-sizing: border-box;
}
p.warn {
background: no-repeat scroll 10px center var(--vbo-white-bg-color) !important;
border: 1px solid var(--vbo-orange-color) !important;
border-radius: 5px;
color: var(--vbo-orange-color);
font-weight: bold;
margin: 15px 0 20px;
padding: 20px !important;
box-sizing: border-box;
}
.successmade {
background: no-repeat scroll 10px center var(--vbo-white-bg-color) !important;
border: 1px solid var(--vbo-green-color) !important;
border-radius: 5px;
color: var(--vbo-green-color);
font-weight: bold;
margin: 15px 0 20px;
padding: 20px !important;
box-sizing: border-box;
}
p.info {
background: no-repeat scroll 10px center var(--vbo-white-bg-color) !important;
border: 1px solid var(--vbo-blue-color) !important;
border-radius: 5px;
color: var(--vbo-blue-color);
font-weight: bold;
margin: 15px 0 20px;
padding: 20px !important;
box-sizing: border-box;
}
tr.vbcalnumdays td.vbtdbusy {
position: relative;
cursor: default;
}
tr.vbcalnumdays td.vbtdpast {
opacity: .5;
}
tr.vbcalnumdays td.vbtdfree:not(.vbtdpast) {
cursor: pointer;
}
tr.vbcalnumdays td.vbtdfree:not(.vbtdpast):hover {
border-color: var(--vbo-green-color);
}
tr.vbcalnumdays td.vbtdbusyforcheckin, tr.vbcalnumdays td.vbtdbusyforcheckout, tr.vbcalnumdaysprice td.vbtdbusyforcheckin, tr.vbcalnumdaysprice td.vbtdbusyforcheckout {
color: inherit;
background: transparent;
position: relative;
}
tr.vbcalnumdays td.vbtdbusyforcheckin:after, tr.vbcalnumdaysprice td.vbtdbusyforcheckin:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0px 20px 20px 0;
border-color: transparent var(--vbo-red-color) transparent transparent;
border-radius: 0;
top: 0;
bottom: 0;
left: auto;
right: 0;
text-decoration: none;
}
tr.vbcalnumdays td.vbtdbusyforcheckout:after, tr.vbcalnumdaysprice td.vbtdbusyforcheckout:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0px 0px 20px 20px;
border-color: transparent transparent transparent var(--vbo-red-color);
border-radius: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-decoration: none;
}
.vblegbusycheckin, .vblegbusycheckout {
background: var(--vbo-white-bg-color);
position: relative;
border:1px solid var(--vbo-border-color);
}
.vblegbusycheckin:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0px 13px 13px 0;
border-color: transparent var(--vbo-red-color) transparent transparent;
border-radius: 0;
top: 0;
bottom: 0;
left: auto;
right: 0;
text-decoration: none;
}
.vblegbusycheckout:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0px 0px 13px 13px;
border-color: transparent transparent transparent var(--vbo-red-color);
border-radius: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-decoration: none;
}
.vb-cal-img {
padding: 6px 16px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: var(--vbo-text-color);
text-align: center;
border: 1px solid var(--vbo-light-border-color);
border-left: 0;
border-radius: 4px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: var(--vbo-grey-bg-color) url(https://vogora.ru/wp-content/plugins/vikbooking/site/resources/images/calendar-new.png) center center no-repeat;
height: 34px;
float: left;
cursor: pointer;
}