| @@ -1,0 +1,25704 @@ | ||
| 1 | +/** | |
| 2 | + * @package VikBooking | |
| 3 | + * @subpackage back-end styles | |
| 4 | + * @author E4J s.r.l. | |
| 5 | + * @link https://vikwp.com | |
| 6 | + */ | |
| 7 | + | |
| 8 | +/* Variable declarations | |
| 9 | + * Guidelines input elements: | |
| 10 | + * -- Config Input and Select: | |
| 11 | + Background: --vbo-input-style / Border-color: --vbo-config-border-color | |
| 12 | + * -- Config Input and Select - Status DEACTIVE | |
| 13 | + Background: --vbo-input-style-deactive / Border-color: --vbo-config-border-color | |
| 14 | + * -- Nested Config Input and Select: | |
| 15 | + Background: --vbo-input-style-nested / Border-color: --vbo-config-border-color | |
| 16 | + * -- Nested Config Input and Select - Status DEACTIVE: | |
| 17 | + Background: --vbo-input-style-nested-deactive / Border-color: --vbo-input-style-deactive | |
| 18 | + * -- Generic btn gray: | |
| 19 | + Background: --vbo-basic-btn / --vbo-config-border-color | |
| 20 | + */ | |
| 21 | + | |
| 22 | +:root { | |
| 23 | + /* body color */ | |
| 24 | + --vbo-body-bg-color: #fff; | |
| 25 | + --vbo-body-text-color: #444; | |
| 26 | + | |
| 27 | + /* main bg and text color */ | |
| 28 | + --vbo-main-bg-color: #eee; | |
| 29 | + --vbo-container-text-color: inherit; | |
| 30 | + --vbo-contrast-text-color: #fff; | |
| 31 | + --vbo-base-color: #2282bd; | |
| 32 | + --vbo-base-color-hover: #1890ce; | |
| 33 | + --vbo-link-text-color: #2271b1; | |
| 34 | + --vbo-basic-btn: #eee; | |
| 35 | + --vbo-basic-btn-hover: #ddd; | |
| 36 | + --vbo-basic-btn-focus: #cacaca; | |
| 37 | + --vbo-light-color-btn: #e9f3fa; | |
| 38 | + --vbo-middle-color-btn: #999; | |
| 39 | + --vbo-grey-blue-bg: #E4EAF4; | |
| 40 | + --vbo-white-blue-bg: #f9fafc; | |
| 41 | + --vbo-table-light-grey: #f0f0f1; | |
| 42 | + --vbo-select2-bg: #b6d8ee; | |
| 43 | + --vbo-select2-border: #b8d1e1; | |
| 44 | + --vbo-select2-txt: #2d5593; | |
| 45 | + | |
| 46 | + | |
| 47 | + /* Config bg and text color */ | |
| 48 | + --vbo-config-bg-color: #fff; | |
| 49 | + --vbo-config-bg-dark: #1d2327; | |
| 50 | + --vbo-config-text-color: inherit; | |
| 51 | + --vbo-config-border-color: #ddd; | |
| 52 | + --vbo-config-titles-color-light: #666; | |
| 53 | + --vbo-config-child-bg-color: #f6f6f6; | |
| 54 | + --vbo-config-text-color-light: #999; | |
| 55 | + --vbo-config-title-color: #1d2327; | |
| 56 | + | |
| 57 | + /* Input Style */ | |
| 58 | + --vbo-input-style: #fff; | |
| 59 | + --vbo-input-style-deactive: #f6f7f7; | |
| 60 | + --vbo-input-style-nested-deactive: #eee; | |
| 61 | + | |
| 62 | + /* Page Lists */ | |
| 63 | + --vbo-toolbar-bg-color: #d4dae5; | |
| 64 | + | |
| 65 | + /* General Colors */ | |
| 66 | + --vbo-red-color: #b90c0d; | |
| 67 | + --vbo-red-color-hover: #e61717; | |
| 68 | + --vbo-red-color-focus: #9d0101; | |
| 69 | + | |
| 70 | + --vbo-orange-color: #ffab48; | |
| 71 | + --vbo-orange-color-hover: #ad6704; | |
| 72 | + | |
| 73 | + --vbo-green-color: #46a546; | |
| 74 | + --vbo-green-color-hover: #428242; | |
| 75 | + --vbo-green-color-focus: #65c265; | |
| 76 | + | |
| 77 | + --vbo-light-green-color: #d7f4d6; | |
| 78 | + --vbo-light-green-color-hover: #9ed59c; | |
| 79 | + | |
| 80 | + --vbo-light-blue: #e6f3ff; | |
| 81 | + | |
| 82 | + --vbo-blue-color: #31708f; | |
| 83 | + --vbo-blue-color-hover: #498fb3; | |
| 84 | + | |
| 85 | + --vbo-blue-accent: #6385c6; | |
| 86 | + --vbo-blue-accent-hover: #3961aa; | |
| 87 | + | |
| 88 | + --vbo-gold-color: #f0d812; | |
| 89 | + --vbo-purple-color: #9b0dce; | |
| 90 | + --vbo-ai-color: #5a16ea; | |
| 91 | + | |
| 92 | + /* Notification Status */ | |
| 93 | + --vbo-info-bg: #bdd7e3; | |
| 94 | + --vbo-info-txt: #13438e; | |
| 95 | + --vbo-info-border: #72abcc; | |
| 96 | + | |
| 97 | + --vbo-warning-bg: #ffead6; | |
| 98 | + --vbo-warning-txt: #f38321; | |
| 99 | + --vbo-warning-border: #d69b3c; | |
| 100 | + | |
| 101 | + --vbo-error-bg: #ffd1d1; | |
| 102 | + --vbo-error-txt: #800; | |
| 103 | + --vbo-error-border: #ea6060; | |
| 104 | + | |
| 105 | + --vbo-success-bg: #c9f4c9; | |
| 106 | + --vbo-success-txt: #097900; | |
| 107 | + | |
| 108 | + /* Tag colors */ | |
| 109 | + --vbo-tag-red-bg: #fbdcd9; | |
| 110 | + --vbo-tag-red-txt: #4c211d; | |
| 111 | + --vbo-tag-red-border: #eed2d0; | |
| 112 | + | |
| 113 | + --vbo-tag-green-bg: #daebdc; | |
| 114 | + --vbo-tag-green-txt: #0b2e0f; | |
| 115 | + --vbo-tag-green-border: #d2ddd2; | |
| 116 | + | |
| 117 | + --vbo-tag-olive-bg: #C7D8B4; | |
| 118 | + --vbo-tag-olive-txt: #3B5024; | |
| 119 | + --vbo-tag-olive-border: #afc19a; | |
| 120 | + | |
| 121 | + --vbo-tag-blue-bg: #bed6fb; | |
| 122 | + --vbo-tag-blue-txt: #222950; | |
| 123 | + --vbo-tag-blue-border: #b6ceda; | |
| 124 | + | |
| 125 | + --vbo-tag-ocean-bg: #d2e5f2; | |
| 126 | + --vbo-tag-ocean-txt: #223d50; | |
| 127 | + --vbo-tag-ocean-border: #c8dbe1; | |
| 128 | + | |
| 129 | + --vbo-tag-brown-bg: #f0dfd7; | |
| 130 | + --vbo-tag-brown-txt: #4d3124; | |
| 131 | + --vbo-tag-brown-border: #ded2ca; | |
| 132 | + | |
| 133 | + --vbo-tag-yellow-bg: #f8e5b3; | |
| 134 | + --vbo-tag-yellow-txt: #6d4e00; | |
| 135 | + --vbo-tag-yellow-border: #e8dcae; | |
| 136 | + | |
| 137 | + --vbo-tag-orange-bg: #ffe3ca; | |
| 138 | + --vbo-tag-orange-txt: #543521; | |
| 139 | + --vbo-tag-orange-border: #eac9b1; | |
| 140 | + | |
| 141 | + --vbo-tag-purple-bg: #e8ddee; | |
| 142 | + --vbo-tag-purple-txt: #38174a; | |
| 143 | + --vbo-tag-purple-border: #dad3de; | |
| 144 | + | |
| 145 | + --vbo-tag-pink-bg: #f6dfe9; | |
| 146 | + --vbo-tag-pink-txt: #542d3e; | |
| 147 | + --vbo-tag-pink-border: #e3d2da; | |
| 148 | + | |
| 149 | + --vbo-tag-black-bg: #d0d0d0; | |
| 150 | + --vbo-tag-black-txt: #3e3e3e; | |
| 151 | + --vbo-tag-black-border: #929292; | |
| 152 | + | |
| 153 | + --vbo-tag-gray-bg: #e5e4e0; | |
| 154 | + --vbo-tag-gray-txt: #3e3e3e; | |
| 155 | + --vbo-tag-gray-border: #d3d3d1; | |
| 156 | + | |
| 157 | + /* VCM Chat Message */ | |
| 158 | + --vcm-chat-background: #fafcfe; | |
| 159 | + --vcm-chat-bubble-host-background: #2293f4; | |
| 160 | + --vcm-chat-bubble-host-color: #fff; | |
| 161 | + --vcm-chat-bubble-guest-background: #e5e5ea; | |
| 162 | + --vcm-chat-bubble-guest-color: #444; | |
| 163 | + --vcm-chat-dot-flashing-on: #1e4c93; | |
| 164 | + --vcm-chat-dot-flashing-off: rgba(30, 76, 147, 0.2); | |
| 165 | + | |
| 166 | + /* Sizes */ | |
| 167 | + --vbo-field-radius: 8px; | |
| 168 | +} | |
| 169 | + | |
| 170 | +legend.adminlegend { | |
| 171 | + color: var(--vbo-config-title-color); | |
| 172 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 173 | +} | |
| 174 | +input[pattern]:invalid { | |
| 175 | + border-color: var(--vbo-red-color) !important; | |
| 176 | +} | |
| 177 | +input[type="checkbox"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus { | |
| 178 | + border-color: var(--vbo-base-color); | |
| 179 | + box-shadow: none; | |
| 180 | +} | |
| 181 | + | |
| 182 | +/* Icons style */ | |
| 183 | +.vbo-bg-icon { | |
| 184 | + width: 32px; | |
| 185 | + height: 32px; | |
| 186 | + font-size: 16px; | |
| 187 | + border-radius: 8px; | |
| 188 | + display: inline-flex; | |
| 189 | + align-items: center; | |
| 190 | + justify-content: center; | |
| 191 | + background: var(--vbo-light-blue); | |
| 192 | + color: var(--vbo-base-color-hover); | |
| 193 | +} | |
| 194 | + | |
| 195 | +/* Back button style to use in Widgets */ | |
| 196 | +.vbo-w-list-back { | |
| 197 | + padding: 8px 10px; | |
| 198 | + display: inline-flex; | |
| 199 | + align-items: center; | |
| 200 | + gap: 10px; | |
| 201 | + border-radius: var(--vbo-field-radius); | |
| 202 | + font-weight: bold; | |
| 203 | + margin-right: 8px; | |
| 204 | + margin-top: 10px; | |
| 205 | + cursor: pointer; | |
| 206 | + | |
| 207 | + &:hover { | |
| 208 | + background: var(--vbo-light-blue); | |
| 209 | + } | |
| 210 | +} | |
| 211 | + | |
| 212 | +/* Text styles */ | |
| 213 | +.vbo-bold { | |
| 214 | + font-weight: bold; | |
| 215 | +} | |
| 216 | +.text-red { | |
| 217 | + color: var(--vbo-red-color) !important; | |
| 218 | +} | |
| 219 | + | |
| 220 | +/* | |
| 221 | +* Classes .label and .badge | |
| 222 | +*/ | |
| 223 | +.label, .badge { | |
| 224 | + display: inline-block; | |
| 225 | + padding: 4px 6px; | |
| 226 | + font-size: 10.998px; | |
| 227 | + font-weight: bold; | |
| 228 | + line-height: 14px; | |
| 229 | + color: var(--vbo-contrast-text-color); | |
| 230 | + vertical-align: baseline; | |
| 231 | + white-space: nowrap; | |
| 232 | + background-color: var(--vbo-middle-color-btn); | |
| 233 | +} | |
| 234 | +.label { | |
| 235 | + border-radius: 3px; | |
| 236 | +} | |
| 237 | +.badge { | |
| 238 | + border-radius: 20px; | |
| 239 | +} | |
| 240 | +.badge-small { | |
| 241 | + font-size: 11px; | |
| 242 | + display: inline-block; | |
| 243 | + border-radius: 20px; | |
| 244 | + padding: 1px 6px; | |
| 245 | + background-color: var(--vbo-config-border-color); | |
| 246 | +} | |
| 247 | +.badge-medium { | |
| 248 | + font-size: 12px; | |
| 249 | + display: inline-block; | |
| 250 | + border-radius: 20px; | |
| 251 | + padding: 2px 10px; | |
| 252 | + white-space: nowrap; | |
| 253 | + background-color: var(--vbo-config-border-color); | |
| 254 | +} | |
| 255 | +.badge-icon { | |
| 256 | + display: inline-flex; | |
| 257 | + align-items: center; | |
| 258 | + gap: 4px; | |
| 259 | +} | |
| 260 | +.label.label-success, .badge.badge-success, .badge-success { | |
| 261 | + background-color: var(--vbo-success-bg); | |
| 262 | + color: var(--vbo-success-txt); | |
| 263 | +} | |
| 264 | +a.label.label-success:hover, a.badge.badge-success:hover { | |
| 265 | + background-color: var(--vbo-green-color-hover); | |
| 266 | +} | |
| 267 | +.label.label-warning, .badge.badge-warning, .badge-warning { | |
| 268 | + background-color: var(--vbo-warning-bg); | |
| 269 | + color: var(--vbo-warning-txt); | |
| 270 | +} | |
| 271 | +a.label.label-warning:hover, a.badge.badge-warning:hover { | |
| 272 | + background-color: var(--vbo-orange-color-hover); | |
| 273 | +} | |
| 274 | +.label.label-info, .badge.badge-info, .badge-info { | |
| 275 | + background-color: var(--vbo-info-bg); | |
| 276 | + color: var(--vbo-info-txt); | |
| 277 | +} | |
| 278 | +a.label.label-info:hover, a.badge.badge-info:hover { | |
| 279 | + background-color: var(--vbo-blue-color-hover); | |
| 280 | +} | |
| 281 | +a.label, a.badge, a.label:hover, a.badge:hover { | |
| 282 | + color: var(--vbo-contrast-text-color); | |
| 283 | +} | |
| 284 | +.label.label-transp-blue, .badge.badge-transp-blue, .badge-transp-blue { | |
| 285 | + background: transparent; | |
| 286 | + border: 1px solid var(--vbo-blue-color); | |
| 287 | + color: var(--vbo-blue-color); | |
| 288 | +} | |
| 289 | +/* This info label will have a blue light color */ | |
| 290 | +.label.label-info-light, .badge.badge-info-light, .badge-info-light { | |
| 291 | + background-color: var(--vbo-light-blue); | |
| 292 | + color: var(--vbo-base-color); | |
| 293 | + border: 1px solid var(--vbo-info-bg); | |
| 294 | +} | |
| 295 | +.btn.btn-green { | |
| 296 | + background-color: var(--vbo-green-color); | |
| 297 | + color: #fff; | |
| 298 | + border: 1px solid var(--vbo-green-color); | |
| 299 | +} | |
| 300 | +.btn.btn-green:hover { | |
| 301 | + background-color: var(--vbo-green-color-hover); | |
| 302 | + border: 1px solid var(--vbo-green-color-hover); | |
| 303 | +} | |
| 304 | +.badge-ai, .label-ai { | |
| 305 | + background: var(--vbo-ai-color); | |
| 306 | +} | |
| 307 | +.btn-large, .btn.btn-large { | |
| 308 | + padding: 14px 24px; | |
| 309 | + font-size: 16px; | |
| 310 | + border-radius: var(--vbo-field-radius); | |
| 311 | +} | |
| 312 | +.vbo-label-nested { | |
| 313 | + padding: 1px 4px !important; | |
| 314 | + font-weight: 500; | |
| 315 | + line-height: 12px; | |
| 316 | + font-size: 11px; | |
| 317 | +} | |
| 318 | +.vbo-enabled-icon, .vbo-enabled-color { | |
| 319 | + color: var(--vbo-green-color); | |
| 320 | +} | |
| 321 | +.vbo-orange { | |
| 322 | + color: var(--vbo-orange-color); | |
| 323 | +} | |
| 324 | +.vbo-yellow { | |
| 325 | + color: var(--vbo-gold-color) !important; | |
| 326 | +} | |
| 327 | + | |
| 328 | +/* Text styles */ | |
| 329 | +.text-center { | |
| 330 | + text-align: center; | |
| 331 | +} | |
| 332 | +.cursor { | |
| 333 | + cursor: pointer; | |
| 334 | +} | |
| 335 | + | |
| 336 | +/* Tables */ | |
| 337 | +.table th.title.left, | |
| 338 | +.table th.left, | |
| 339 | +.table td.left { | |
| 340 | + text-align: left; | |
| 341 | +} | |
| 342 | +.table th.title.center, | |
| 343 | +.table th.center, | |
| 344 | +.table td.center { | |
| 345 | + text-align: center; | |
| 346 | +} | |
| 347 | +.table th.title.right, | |
| 348 | +.table th.right, | |
| 349 | +.table td.right { | |
| 350 | + text-align: right; | |
| 351 | +} | |
| 352 | + | |
| 353 | +/* @joomlaonly - forced border color for the Joomla top toolbar */ | |
| 354 | +.subhead .btn-toolbar .btn { | |
| 355 | + border: 1px solid var(--vbo-config-border-color); | |
| 356 | +} | |
| 357 | +.subhead .btn-toolbar .btn-success { | |
| 358 | + border: 1px solid var(--vbo-green-color); | |
| 359 | + border: 1px solid rgba(0,0,0,0.2); | |
| 360 | +} | |
| 361 | + | |
| 362 | +/*** @WPonly - Load Reservation from other booking plugins ***/ | |
| 363 | +.vbo-modal-lock-scroll { | |
| 364 | + overflow: hidden !important; | |
| 365 | +} | |
| 366 | +.vbo-importbftpp-plugins-list { | |
| 367 | + border-radius: 4px; | |
| 368 | + padding: 20px; | |
| 369 | + border: 1px solid var(--vbo-config-border-color); | |
| 370 | + background: var(--vbo-config-bg-color); | |
| 371 | +} | |
| 372 | +.vbo-importbftpp-plugins-list-inner label { | |
| 373 | + display: block; | |
| 374 | + margin-bottom: 5px; | |
| 375 | +} | |
| 376 | +.vbo-importbftpp-plugins-list-bottom { | |
| 377 | + margin-top: 15px; | |
| 378 | +} | |
| 379 | +.vbo-importbftpp-plugins-list-bottom .vbo-btn-label, .vbo-importbftpp-confirm-wrap .vbo-btn-label { | |
| 380 | + display: block; | |
| 381 | + margin-bottom: 5px; | |
| 382 | +} | |
| 383 | +.vbo-importbftpp-roomsmapping-wrap { | |
| 384 | + margin-bottom: 20px; | |
| 385 | +} | |
| 386 | +.vbo-importbftpp-roomsmapping-inner { | |
| 387 | + display: flex; | |
| 388 | + flex-wrap: wrap; | |
| 389 | +} | |
| 390 | +.vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block { | |
| 391 | + width: calc(33% - 48px); | |
| 392 | + margin: 5px; | |
| 393 | + border: 1px solid var(--vbo-config-border-color); | |
| 394 | + background: var(--vbo-config-bg-color); | |
| 395 | + padding: 20px; | |
| 396 | + border-radius: 4px; | |
| 397 | +} | |
| 398 | +.vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block label { | |
| 399 | + display: block; | |
| 400 | + margin-bottom: 5px; | |
| 401 | + font-weight: 500; | |
| 402 | +} | |
| 403 | +.vbo-importbftpp-roomsmapping-block-thirdparty { | |
| 404 | + margin-bottom: 10px; | |
| 405 | +} | |
| 406 | +.vbo-importbftpp-subtitle { | |
| 407 | + font-size: 1.2em; | |
| 408 | + margin-bottom: 8px; | |
| 409 | +} | |
| 410 | +.vbo-importbftpp-reservations-inner { | |
| 411 | + display: flex; | |
| 412 | + flex-wrap: wrap; | |
| 413 | +} | |
| 414 | +.vbo-importbftpp-reservation-block { | |
| 415 | + flex-basis: 50%; | |
| 416 | +} | |
| 417 | +.vbo-importbftpp-reservation-inner { | |
| 418 | + border-radius: 4px; | |
| 419 | + border: 1px solid var(--vbo-config-border-color); | |
| 420 | + padding: 15px; | |
| 421 | + background: var(--vbo-config-bg-color); | |
| 422 | + margin: 5px; | |
| 423 | +} | |
| 424 | +.vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail { | |
| 425 | + margin: 4px 0; | |
| 426 | +} | |
| 427 | +.vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail-lbl { | |
| 428 | + display: inline-block; | |
| 429 | + min-width: 150px; | |
| 430 | + font-weight: 500; | |
| 431 | +} | |
| 432 | +.vbo-importbftpp-reservation-import { | |
| 433 | + margin-top: 14px; | |
| 434 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 435 | + padding-top: 10px; | |
| 436 | + display: inline-block; | |
| 437 | + width: 100%; | |
| 438 | + box-sizing: border-box; | |
| 439 | + min-height: 40px; | |
| 440 | +} | |
| 441 | +.vbo-importbftpp-reservation-import-toggle { | |
| 442 | + display: inline-block; | |
| 443 | +} | |
| 444 | +.vbo-importbftpp-reservation-import-rooms { | |
| 445 | + float: right; | |
| 446 | + font-weight: bold; | |
| 447 | + font-size: 1.1em; | |
| 448 | +} | |
| 449 | +.vbo-importbftpp-reservation-import-rooms .vbo-importbftpp-reservation-detail-lbl { | |
| 450 | + min-width: inherit; | |
| 451 | + margin-right: 10px; | |
| 452 | +} | |
| 453 | +.vbo-importbftpp-confirm-wrap { | |
| 454 | + text-align: center; | |
| 455 | + margin-top: 15px; | |
| 456 | +} | |
| 457 | +.vbo-importbftpp-confirm-wrap .vbo-btn-label { | |
| 458 | + font-size: 1.3em; | |
| 459 | + font-weight: bold; | |
| 460 | + margin-bottom: 10px; | |
| 461 | +} | |
| 462 | +.vbo-importbftpp-reservation-noteligible { | |
| 463 | + opacity: .7; | |
| 464 | +} | |
| 465 | +.vbo-importbftpp-reservations-btns { | |
| 466 | + text-align: right; | |
| 467 | + padding-right: 5px; | |
| 468 | +} | |
| 469 | +div.modal .close { | |
| 470 | + color: inherit; | |
| 471 | +} | |
| 472 | +.modal .modal-footer { | |
| 473 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 474 | + background: var(--vbo-config-bg-color); | |
| 475 | + box-shadow: none; | |
| 476 | +} | |
| 477 | +a:focus, a:hover { | |
| 478 | + text-decoration: none !important; | |
| 479 | +} | |
| 480 | +a.btn { | |
| 481 | + text-decoration: none !important; | |
| 482 | +} | |
| 483 | +.btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn { | |
| 484 | + padding: 10px 10px; | |
| 485 | + border-color: var(--vbo-config-border-color); | |
| 486 | +} | |
| 487 | +.btn.vbo-btn-square { | |
| 488 | + padding: 0; | |
| 489 | + width: 26px; | |
| 490 | + height: 26px; | |
| 491 | + font-size: 12px; | |
| 492 | +} | |
| 493 | +.vbo-btn-wide, .btn-group .vbo-btn-wide, .btn-wrapper .vbo-btn-wide, .vbo-param-setting .vbo-btn-wide { | |
| 494 | + padding: 10px 30px !important; | |
| 495 | +} | |
| 496 | +.btn-secondary { | |
| 497 | + color: var(--vbo-config-title-color); | |
| 498 | + background-color: var(--vbo-basic-btn); | |
| 499 | + border-color: var(--vbo-config-border-color); | |
| 500 | +} | |
| 501 | +.btn-secondary:hover { | |
| 502 | + color: var(--vbo-config-title-color); | |
| 503 | + background-color: var(--vbo-basic-btn-hover); | |
| 504 | +} | |
| 505 | +.btn.btn-secondary, .btn-group .btn.btn-secondary, .btn-wrapper .btn.btn-secondary, .vbo-param-setting .btn.btn-secondary { | |
| 506 | + border-radius: var(--vbo-field-radius); | |
| 507 | + padding: 10px 14px; | |
| 508 | + margin-bottom: 0; | |
| 509 | +} | |
| 510 | +.input-append > input + .btn, .input-append > input + .vbodatepicker-trig-icon, .vbo-param-setting .input-append > input + .vbodatepicker-trig-icon, .vbo-param-setting .input-append > input + .btn { | |
| 511 | + border-top-left-radius: 0; | |
| 512 | + border-bottom-left-radius: 0; | |
| 513 | +} | |
| 514 | +.btn-group input[type="text"], .input-append input[type="text"], .input-prepend input[type="text"] { | |
| 515 | + height: auto; | |
| 516 | +} | |
| 517 | +.btn i.fas:not(.no-margin), .btn i.far:not(.no-margin) { | |
| 518 | + margin-right: 5px; | |
| 519 | +} | |
| 520 | +.btn * + i.fas:not(.no-margin), .btn * + i.far:not(.no-margin) { | |
| 521 | + margin-right: 0; | |
| 522 | + margin-left: 5px; | |
| 523 | +} | |
| 524 | +.input-append .hasDatepicker, .input-append .vbo-drp-inp-trigger, .vbo-field-calendar input { | |
| 525 | + border-top-right-radius: 0 !important; | |
| 526 | + border-bottom-right-radius: 0 !important; | |
| 527 | + border-color: var(--vbo-config-border-color); | |
| 528 | +} | |
| 529 | + | |
| 530 | +.vbo-field-calendar input + .btn { | |
| 531 | + border-top-right-radius: var(--vbo-field-radius) !important; | |
| 532 | + border-bottom-right-radius: var(--vbo-field-radius) !important; | |
| 533 | +} | |
| 534 | +.input-append .hasDatepicker:focus { | |
| 535 | + box-shadow: 0 0 0 1px transparent; | |
| 536 | +} | |
| 537 | +.input-append .vbodatepicker-trig-icon { | |
| 538 | + border-top-left-radius: 0 !important; | |
| 539 | + border-bottom-left-radius: 0 !important; | |
| 540 | + border-left: 0; | |
| 541 | +} | |
| 542 | +body #content .input-append > input, body #wpcontent .input-append > input { | |
| 543 | + border-color: var(--vbo-config-border-color); | |
| 544 | +} | |
| 545 | +body #content .btn-success, .vbo-param-setting .btn-success, body #wpcontent .btn-success, .vbo-modal-overlay-block .btn-success { | |
| 546 | + color: #fff; | |
| 547 | + background-color: var(--vbo-green-color); | |
| 548 | + border: 1px solid var(--vbo-green-color); | |
| 549 | +} | |
| 550 | +body #content .btn-success:hover, body #wpcontent .btn-success:hover, .vbo-modal-overlay-block .btn-success:hover { | |
| 551 | + color: #fff; | |
| 552 | + font-weight: normal; | |
| 553 | + background-color: var(--vbo-green-color-hover); | |
| 554 | + border-color: var(--vbo-green-color-hover); | |
| 555 | +} | |
| 556 | +body #content .btn-success:focus, body #wpcontent .btn-success:focus, .vbo-modal-overlay-block .btn-success:focus, body #content .btn-success:active, body #wpcontent .btn-success:active, .vbo-modal-overlay-block .btn-success:active { | |
| 557 | + color: #fff; | |
| 558 | + font-weight: normal; | |
| 559 | + background-color: var(--vbo-green-color-focus); | |
| 560 | + border-color: var(--vbo-green-color-focus); | |
| 561 | +} | |
| 562 | +body #content .btn-danger, body #wpcontent .btn-danger, .vbo-modal-overlay-block .btn-danger { | |
| 563 | + color: #fff; | |
| 564 | + background-color: var(--vbo-red-color); | |
| 565 | + border: 1px solid var(--vbo-red-color); | |
| 566 | +} | |
| 567 | +body #content .btn-danger:hover, body #wpcontent .btn-danger:hover, .vbo-modal-overlay-block .btn-danger:hover { | |
| 568 | + color: #fff; | |
| 569 | + background-color: var(--vbo-red-color-hover); | |
| 570 | + border-color: var(--vbo-red-color-hover) | |
| 571 | +} | |
| 572 | +body #content .btn-danger:focus, body #wpcontent .btn-danger:focus, .vbo-modal-overlay-block .btn-danger:focus, body #content .btn-danger:active, body #wpcontent .btn-danger:focus, .vbo-modal-overlay-block .btn-danger:active { | |
| 573 | + color: #fff; | |
| 574 | + background-color: var(--vbo-red-color-focus); | |
| 575 | + border-color: var(--vbo-red-color-focus) | |
| 576 | +} | |
| 577 | +body #content .btn.btn-primary, body #wpcontent .btn.btn-primary, body .vbo-checkin-update-wrap .btn.btn-primary, .vbo-modal-overlay-content .btn.btn-primary { | |
| 578 | + color: #fff; | |
| 579 | + background-color: var(--vbo-blue-color); | |
| 580 | + border: 1px solid var(--vbo-blue-color); | |
| 581 | +} | |
| 582 | +body #content .btn.btn-primary:hover, body #wpcontent .btn.btn-primary:hover, body .vbo-checkin-update-wrap .btn.btn-primary:hover, .vbo-modal-overlay-content .btn.btn-primary:hover { | |
| 583 | + color: #fff; | |
| 584 | + background-color: var(--vbo-blue-color-hover); | |
| 585 | + border: 1px solid var(--vbo-blue-color-hover); | |
| 586 | +} | |
| 587 | +body #content .btn.btn-light-green, body #wpcontent .btn.btn-light-green, .vbo-modal-overlay-content .btn.btn-light-green { | |
| 588 | + background-color: var(--vbo-light-green-color); | |
| 589 | + border: 1px solid var(--vbo-green-color); | |
| 590 | +} | |
| 591 | +body #content .btn.btn-light-green:hover, body #wpcontent .btn.btn-light-green:hover, .vbo-modal-overlay-content .btn.btn-light-green:hover { | |
| 592 | + background-color: var(--vbo-light-green-color-hover); | |
| 593 | + border: 1px solid var(--vbo-green-color); | |
| 594 | +} | |
| 595 | +body #content .btn-warning, body #wpcontent .btn-warning, .vbo-modal-overlay-block .btn-warning { | |
| 596 | + color: #fff; | |
| 597 | + background-color: var(--vbo-orange-color); | |
| 598 | + border: 1px solid var(--vbo-orange-color); | |
| 599 | +} | |
| 600 | +body #content .btn-warning:hover, body #wpcontent .btn-warning:hover, .vbo-modal-overlay-block .btn-warning:hover { | |
| 601 | + color: #fff; | |
| 602 | + background-color: var(--vbo-orange-color-hover); | |
| 603 | + border: 1px solid var(--vbo-orange-color-hover); | |
| 604 | +} | |
| 605 | +.vbo-context-menu-btn-group .btn.btn-primary:first-child, .vbo-context-menu-btn-group .btn.btn-success:first-child { | |
| 606 | + border-top-right-radius: 0; | |
| 607 | + border-bottom-right-radius: 0; | |
| 608 | +} | |
| 609 | +.vbo-context-menu-btn-group .btn.btn-primary:last-child, .vbo-context-menu-btn-group .btn.btn-success:last-child { | |
| 610 | + border-top-left-radius: 0; | |
| 611 | + border-bottom-left-radius: 0; | |
| 612 | +} | |
| 613 | +.vbo-context-menu-btn-group .btn.btn-primary:last-child i, .vbo-context-menu-btn-group .btn.btn-success:last-child i { | |
| 614 | + margin-right: 0; | |
| 615 | +} | |
| 616 | +/* btn transparent */ | |
| 617 | +.vbo-btn-transparent { | |
| 618 | + background: transparent !important; | |
| 619 | + border: 0 !important; | |
| 620 | +} | |
| 621 | + | |
| 622 | +.select2-container--open .select2-dropdown--below { | |
| 623 | + background-color: var(--vbo-config-bg-color); | |
| 624 | + border-color: var(--vbo-config-border-color) !important; | |
| 625 | + border-radius: var(--vbo-field-radius); | |
| 626 | + border-top: none; | |
| 627 | + border-top-left-radius: 0; | |
| 628 | + border-top-right-radius: 0; | |
| 629 | +} | |
| 630 | +.vbo-param-container .vbo-param-setting .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .vbo-param-container .vbo-param-setting .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { | |
| 631 | + border-bottom-left-radius: 0; | |
| 632 | + border-bottom-right-radius: 0; | |
| 633 | +} | |
| 634 | +.select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] { | |
| 635 | + background-color: var(--vbo-blue-color); | |
| 636 | +} | |
| 637 | +.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { | |
| 638 | + line-height: 38px; | |
| 639 | +} | |
| 640 | +.select2-container--default .select2-results > .select2-results__options { | |
| 641 | + padding: 0 4px; | |
| 642 | +} | |
| 643 | +.select2-container--open.select2-container--default .select2-results__option { | |
| 644 | + border-radius: 4px; | |
| 645 | +} | |
| 646 | +.select2-container--open.select2-container--default .select2-results__option:first-child { | |
| 647 | + margin-top: 4px; | |
| 648 | +} | |
| 649 | +.select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] { | |
| 650 | + background-color: var(--vbo-config-bg-color); | |
| 651 | + color: var(--vbo-info-txt); | |
| 652 | + border: 1px solid var(--vbo-base-color); | |
| 653 | + background: var(--vbo-light-blue); | |
| 654 | +} | |
| 655 | +.select2-container--open.select2-container--default .select2-results__option[aria-selected="true"]:hover { | |
| 656 | + background: transparent; | |
| 657 | +} | |
| 658 | +.select2-container.select2-container--default .select2-selection--single { | |
| 659 | + background-color: var(--vbo-input-style); | |
| 660 | + border: 1px solid var(--vbo-config-border-color) !important; | |
| 661 | + height: 40px; | |
| 662 | + border-radius: var(--vbo-field-radius); | |
| 663 | +} | |
| 664 | +.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { | |
| 665 | + height: 40px; | |
| 666 | +} | |
| 667 | +.vbo-sel2-element-img { | |
| 668 | + display: flex; | |
| 669 | + gap: 10px; | |
| 670 | + align-items: center; | |
| 671 | + font-weight: 500; | |
| 672 | +} | |
| 673 | +.select2-container--open.select2-container--default .select2-results__option:has(> .vbo-sel2-element-img) { | |
| 674 | + padding: 4px; | |
| 675 | +} | |
| 676 | +.vbo-sel2-element-img img { | |
| 677 | + width: 50px; | |
| 678 | + height: 35px; | |
| 679 | + object-fit: cover; | |
| 680 | + border-radius: 6px; | |
| 681 | +} | |
| 682 | +.vbo-sel2-element-img.vbo-sel2-element-nested img { | |
| 683 | + width: 30px; | |
| 684 | + height: 20px; | |
| 685 | + border-radius: 2px; | |
| 686 | +} | |
| 687 | +/* To set Select2 circle and smaller images. See as example the Cron Job WhatsApp page. */ | |
| 688 | +.vbo-sel2-element-img[data-choice="vikcronparamsma_config"] img, .vbo-sel2-element-img[data-choice="send_ma_tplma_identifier"] img { | |
| 689 | + width: 30px; | |
| 690 | + height: 30px; | |
| 691 | + border-radius: 50%; | |
| 692 | + object-fit: cover; | |
| 693 | +} | |
| 694 | +/*** Chrome Hack for the select ***/ | |
| 695 | +.selector:not(*:root), select { | |
| 696 | + border: 0 !important; | |
| 697 | + outline: 1px solid var(--vbo-config-border-color); | |
| 698 | + outline-offset: -1px; | |
| 699 | + height: 36px !important; | |
| 700 | +} | |
| 701 | +select[multiple] { | |
| 702 | + height: 120px !important; | |
| 703 | +} | |
| 704 | +/***/ | |
| 705 | + | |
| 706 | +.input-append .btn.vbo-btn-dont-append { | |
| 707 | + margin-left: 5px; | |
| 708 | +} | |
| 709 | + | |
| 710 | +/* Skeleton structure */ | |
| 711 | +.vbo-skeleton-loading { | |
| 712 | + position: relative; | |
| 713 | + overflow: hidden; | |
| 714 | + background-color: #DDDBDD; | |
| 715 | + display: inline-block; | |
| 716 | +} | |
| 717 | +.vbo-skeleton-loading:after { | |
| 718 | + position: absolute; | |
| 719 | + top: 0; | |
| 720 | + right: 0; | |
| 721 | + bottom: 0; | |
| 722 | + left: 0; | |
| 723 | + transform: translateX(-100%); | |
| 724 | + 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)); | |
| 725 | + animation: shimmer 2s infinite; | |
| 726 | + content: ''; | |
| 727 | +} | |
| 728 | + | |
| 729 | +.fancybox-type-iframe.fancybox-opened { | |
| 730 | + height: 80% !important; | |
| 731 | +} | |
| 732 | +.fancybox-type-iframe.fancybox-opened .fancybox-skin { | |
| 733 | + height: 100% !important; | |
| 734 | +} | |
| 735 | + | |
| 736 | +.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { | |
| 737 | + white-space: nowrap; | |
| 738 | +} | |
| 739 | +.table-responsive > .table > tbody > tr > td.vbo-table-td-wrap { | |
| 740 | + white-space: inherit; | |
| 741 | +} | |
| 742 | +.vbo-table-td-wrap .btn { | |
| 743 | + margin-top: 5px; | |
| 744 | +} | |
| 745 | +.successmade { | |
| 746 | + margin: 10px 0px; | |
| 747 | + padding: 12px 12px 12px 40px; | |
| 748 | + color: var(--vbo-green-color); | |
| 749 | + background:url("./images/ok.png") no-repeat scroll 10px center var(--vbo-config-bg-color); | |
| 750 | + border: 2px solid var(--vbo-green-color); | |
| 751 | + background-size: 20px; | |
| 752 | +} | |
| 753 | +.info { | |
| 754 | + margin: 10px 0px; | |
| 755 | + padding: 12px; | |
| 756 | + background-color: #c8e4fb; | |
| 757 | + border: 1px solid #72abcc; | |
| 758 | +} | |
| 759 | +.err { | |
| 760 | + margin: 10px 0px; | |
| 761 | + padding: 12px 12px 12px 40px; | |
| 762 | + border: 2px solid var(--vbo-red-color); | |
| 763 | + background:url("./images/no.png") no-repeat scroll 10px center var(--vbo-config-bg-color); | |
| 764 | + background-size: 20px; | |
| 765 | +} | |
| 766 | +.warn { | |
| 767 | + margin: 10px 0px; | |
| 768 | + padding: 12px 12px 12px 40px; | |
| 769 | + border: 2px solid var(--vbo-orange-color); | |
| 770 | + background: url("./images/warning.png") no-repeat scroll 10px center var(--vbo-config-bg-color); | |
| 771 | + background-size: 20px; | |
| 772 | +} | |
| 773 | +.label-error, .badge-error, .label-danger, .badge-danger { | |
| 774 | + background-color: var(--vbo-error-bg) !important; | |
| 775 | + color: var(--vbo-error-txt) !important; | |
| 776 | +} | |
| 777 | +.select2-container--default .select2-results__option[role="group"] { | |
| 778 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 779 | + border-radius: 0 | |
| 780 | +} | |
| 781 | +.select2-container--default .select2-results__option[role="group"]:first-child { | |
| 782 | + border-top: 0; | |
| 783 | + margin-top: 0; | |
| 784 | +} | |
| 785 | +#hmfooter { | |
| 786 | + font-size: x-small; | |
| 787 | + text-align: center; | |
| 788 | + margin: 20px 0; | |
| 789 | +} | |
| 790 | +.vbo-calendar-costs-wrapper .vbo-calendar-avg-daycost { | |
| 791 | + margin-top: 5px; | |
| 792 | +} | |
| 793 | +.vbo-avcalendars-wrapper .vbo-calendar-cals-container { | |
| 794 | + margin-top: 15px; | |
| 795 | + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); | |
| 796 | + display: grid; | |
| 797 | +} | |
| 798 | +.vbo-avcalendars-wrapper .vbo-calendar-cal-container { | |
| 799 | + background-color: var(--vbo-config-bg-color); | |
| 800 | + border-radius: 10px; | |
| 801 | + border: 1px solid var(--vbo-basic-btn); | |
| 802 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 803 | + margin: 10px; | |
| 804 | +} | |
| 805 | +.vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable { | |
| 806 | + height: 100%; | |
| 807 | +} | |
| 808 | +.vbadmincaltable td { | |
| 809 | + border: 1px solid var(--vbo-input-style-nested-deactive) !important; | |
| 810 | + font-size: 11px; | |
| 811 | + width: 45px; | |
| 812 | + padding: 0 !important; | |
| 813 | + text-align: center !important; | |
| 814 | + height: 30px; | |
| 815 | + box-sizing: content-box; | |
| 816 | + vertical-align: middle !important; | |
| 817 | +} | |
| 818 | +.vbadmincaltable tr:last-child td { | |
| 819 | + border-bottom: 0 !important; | |
| 820 | +} | |
| 821 | +.vbadmincaltable tr:last-child td:first-child { | |
| 822 | + border-bottom-left-radius: 10px; | |
| 823 | +} | |
| 824 | +.vbadmincaltable tr:last-child td:last-child { | |
| 825 | + border-bottom-right-radius: 10px; | |
| 826 | +} | |
| 827 | +.vbadmincaltable td:last-child { | |
| 828 | + border-right: 0 !important; | |
| 829 | +} | |
| 830 | +.vbadmincaltable td:first-child { | |
| 831 | + border-left: 0 !important; | |
| 832 | +} | |
| 833 | +.vbadmincaltable td:hover { | |
| 834 | + background-color: var(--vbo-config-border-color); | |
| 835 | +} | |
| 836 | +.vbadmincaltable td:active { | |
| 837 | + background-color: var(--vbo-blue-color); | |
| 838 | + color: #fff; | |
| 839 | +} | |
| 840 | +.vbadmincaltable .busy { | |
| 841 | + background: var(--vbo-red-color); | |
| 842 | +} | |
| 843 | +.vbadmincaltable .busy:hover { | |
| 844 | + background: var(--vbo-red-color-hover); | |
| 845 | +} | |
| 846 | +.busy.busy-closure { | |
| 847 | + background: var(--vbo-config-title-color); | |
| 848 | +} | |
| 849 | +.busy.busy-closure:hover { | |
| 850 | + background: var(--vbo-config-titles-color-light); | |
| 851 | +} | |
| 852 | +.vbadmincaltable .busy > * { | |
| 853 | + font-weight:bold; | |
| 854 | + color:#fff; | |
| 855 | +} | |
| 856 | +.vbadmincaltable td.free { | |
| 857 | + cursor: pointer; | |
| 858 | +} | |
| 859 | +.vbadmincaltrmon td { | |
| 860 | + color: var(--vbo-config-title-color); | |
| 861 | + font-weight:bold; | |
| 862 | + font-size: 14px; | |
| 863 | + border: 0 !important; | |
| 864 | + padding: 6px 5px !important; | |
| 865 | +} | |
| 866 | +.vbadmincaltrmon td:hover { | |
| 867 | + background-color: transparent; | |
| 868 | +} | |
| 869 | +.vbadmincaltrmdays td { | |
| 870 | + font-weight: bold; | |
| 871 | + text-align:center; | |
| 872 | + background-color: var(--vbo-config-child-bg-color); | |
| 873 | +} | |
| 874 | +.vbadmincaltrmdays td:hover { | |
| 875 | + background-color: var(--vbo-config-child-bg-color); | |
| 876 | +} | |
| 877 | +.vborderof { | |
| 878 | + padding:10px 0; | |
| 879 | + font-size:14px; | |
| 880 | +} | |
| 881 | +.vborderof a { | |
| 882 | + font-size:12px; | |
| 883 | +} | |
| 884 | +.vborderpar { | |
| 885 | + margin:10px 0 5px 0; | |
| 886 | + padding:0; | |
| 887 | + font-weight:bold; | |
| 888 | + font-size:13px; | |
| 889 | +} | |
| 890 | +.vborderspan { | |
| 891 | + font-weight:bold; | |
| 892 | +} | |
| 893 | +p.vborderpartot { | |
| 894 | + padding:5px 10px; | |
| 895 | + margin:10px 5px; | |
| 896 | + background: var(--vbo-light-color-btn); | |
| 897 | + border: 1px solid var(--vbo-config-border-color); | |
| 898 | + border-radius:4px; | |
| 899 | + -moz-border-radius:4px; | |
| 900 | + -webkit-border-radius:4px; | |
| 901 | + font-weight:bold; | |
| 902 | +} | |
| 903 | +div.vborderpartot { | |
| 904 | + display: block; | |
| 905 | + padding:5px 10px; | |
| 906 | + margin:10px 5px; | |
| 907 | + background:var(--vbo-light-color-btn); | |
| 908 | + border: 1px solid var(--vbo-config-border-color); | |
| 909 | + border-radius:4px; | |
| 910 | + -moz-border-radius:4px; | |
| 911 | + -webkit-border-radius:4px; | |
| 912 | + font-weight:bold; | |
| 913 | + width: 300px; | |
| 914 | +} | |
| 915 | +.vborderseatasconf { | |
| 916 | + background:var(--vbo-green-color); | |
| 917 | + border: 1px solid var(--vbo-green-color); | |
| 918 | + border-radius:4px; | |
| 919 | + -moz-border-radius:4px; | |
| 920 | + -webkit-border-radius:4px; | |
| 921 | + margin:5px 0 10px; | |
| 922 | + width:133px; | |
| 923 | + display:block; | |
| 924 | + padding:10px; | |
| 925 | +} | |
| 926 | +.vborderseatasconf a { | |
| 927 | + color:#fff !important; | |
| 928 | + font-weight:bold; | |
| 929 | + text-decoration:none; | |
| 930 | + text-transform:uppercase; | |
| 931 | +} | |
| 932 | +.maxthirty { | |
| 933 | + cursor: pointer; | |
| 934 | + max-height: 30px; | |
| 935 | + height: expression(this.height > 30 ? "30px" : true); | |
| 936 | + max-width: 30px; | |
| 937 | + width: expression(this.width > 30 ? "30px" : true); | |
| 938 | +} | |
| 939 | +.maxfifty { | |
| 940 | + max-height: 60px; | |
| 941 | + height: expression(this.height > 50 ? "50px" : true); | |
| 942 | + border:0; | |
| 943 | + border-radius: 4px; | |
| 944 | + | |
| 945 | + transition-delay: 0s; | |
| 946 | + transition-duration: 0.15s; | |
| 947 | + transition-property: transform, box-shadow; | |
| 948 | + transition-timing-function: ease-in-out; | |
| 949 | + -webkit-transition-delay: 0s; | |
| 950 | + -webkit-transition-duration: 0.15s; | |
| 951 | + -webkit-transition-property: transform, box-shadow; | |
| 952 | + -webkit-transition-timing-function: ease-in-out; | |
| 953 | +} | |
| 954 | +.maxfifty:hover { | |
| 955 | + box-shadow: 0 0 10px rgba(0,0,0,0.5); | |
| 956 | + | |
| 957 | + transform: translateY(-2px); | |
| 958 | + -webkit-transform: translateY(-2px); | |
| 959 | +} | |
| 960 | +.maxninety { | |
| 961 | + max-height: 190px; | |
| 962 | + height: expression(this.height > 190 ? "190px" : true); | |
| 963 | +} | |
| 964 | +.imgresult { | |
| 965 | + max-height: 85px; | |
| 966 | + height: expression(this.height > 85 ? "85px" : true); | |
| 967 | + max-width: 130px; | |
| 968 | + width: expression(this.width > 130 ? "130px" : true); | |
| 969 | +} | |
| 970 | +.vbmenutable td { | |
| 971 | + position:relative; | |
| 972 | + padding:0 12px 0 0; | |
| 973 | +} | |
| 974 | +.vbmenuentries { | |
| 975 | + float:left; | |
| 976 | + width:117px; | |
| 977 | + margin:8px 0 0 85px; | |
| 978 | +} | |
| 979 | +.vbsubmitfares { | |
| 980 | + background: none repeat scroll 0 0 #708827 !important; | |
| 981 | + border: 1px solid #5D7120 !important; | |
| 982 | + border-radius: 4px 4px 4px 4px; | |
| 983 | + color: #FFFFFF !important; | |
| 984 | + font-size: 14px; | |
| 985 | + padding: 5px 15px; | |
| 986 | + margin:10px 0 0 0; | |
| 987 | +} | |
| 988 | +.vbsubmithfares { | |
| 989 | + background: none repeat scroll 0 0 #0B9E9E !important; | |
| 990 | + border: 1px solid #007171 !important; | |
| 991 | + border-radius: 4px 4px 4px 4px; | |
| 992 | + color: #FFFFFF !important; | |
| 993 | + font-size: 14px; | |
| 994 | + padding: 5px; | |
| 995 | + margin:10px 0 0 0; | |
| 996 | +} | |
| 997 | + | |
| 998 | +.vbsubmithcharges { | |
| 999 | + background: none repeat scroll 0 0 #386B16 !important; | |
| 1000 | + border: 1px solid #2D5511 !important; | |
| 1001 | + border-radius: 4px 4px 4px 4px; | |
| 1002 | + color: #FFFFFF !important; | |
| 1003 | + font-size: 14px; | |
| 1004 | + padding: 5px; | |
| 1005 | + margin:10px 0 0 0; | |
| 1006 | + cursor:pointer; | |
| 1007 | +} | |
| 1008 | +.vbo-checkin-commands-wrap .btn.btn-success { | |
| 1009 | + padding: 10px 14px; | |
| 1010 | +} | |
| 1011 | +.vbo-checkin-commands-wrap .btn.btn-success, .container-main .btn.btn-success { | |
| 1012 | + border: 1px solid var(--vbo-green-color); | |
| 1013 | + background-color: var(--vbo-green-color); | |
| 1014 | + color: #fff; | |
| 1015 | + border-radius: var(--vbo-field-radius); | |
| 1016 | + margin-bottom: 0; | |
| 1017 | + font-size: inherit; | |
| 1018 | +} | |
| 1019 | +.container-main .vbo-bookingdet-command .btn.btn-primary, .container-main .btn.btn-danger, .container-main .btn.btn-success { | |
| 1020 | + padding: 10px 14px; | |
| 1021 | +} | |
| 1022 | +.container-main .btn.btn-success:hover, .vbo-checkin-commands-wrap .btn.btn-success:hover, | |
| 1023 | +body.admin #content .container-main .btn.btn-success:hover, body.admin #content .vbo-checkin-commands-wrap .btn.btn-success:hover{ | |
| 1024 | + background-color: var(--vbo-green-color-hover) !important; | |
| 1025 | + border: 1px solid var(--vbo-green-color-hover) !important; | |
| 1026 | +} | |
| 1027 | +.container-main .btn.btn-warning { | |
| 1028 | + border: 1px solid var(--vbo-orange-color); | |
| 1029 | + background-color: var(--vbo-orange-color); | |
| 1030 | + border-radius: var(--vbo-field-radius); | |
| 1031 | + padding: 10px 14px; | |
| 1032 | + margin-bottom: 0; | |
| 1033 | +} | |
| 1034 | +.container-main .btn.btn-warning:hover, .container-main .btn.btn-warning:active { | |
| 1035 | + background-color: var(--vbo-orange-color-hover) !important; | |
| 1036 | + border: 1px solid var(--vbo-orange-color-hover) !important; | |
| 1037 | +} | |
| 1038 | +.vbo-checkin-commands-wrap .btn.btn-danger { | |
| 1039 | + padding: 8px 14px; | |
| 1040 | +} | |
| 1041 | +.vbo-checkin-commands-wrap .btn.btn-danger, .container-main .btn.btn-danger { | |
| 1042 | + border: 1px solid var(--vbo-red-color); | |
| 1043 | + background-color: var(--vbo-red-color); | |
| 1044 | + color: var(--vbo-contrast-text-color); | |
| 1045 | + border-radius: var(--vbo-field-radius); | |
| 1046 | + margin-bottom: 0; | |
| 1047 | + font-size: inherit; | |
| 1048 | +} | |
| 1049 | +.container-main *:not(.joomla-toolbar-button) .btn.btn-danger { | |
| 1050 | + color: #fff; | |
| 1051 | +} | |
| 1052 | +.container-main .btn.btn-danger:hover, .vbo-checkin-commands-wrap .btn.btn-danger:hover { | |
| 1053 | + background-color: var(--vbo-red-color-hover) !important; | |
| 1054 | + border: 1px solid var(--vbo-red-color-hover) !important; | |
| 1055 | +} | |
| 1056 | +.container-main .btn.btn-danger:active, .container-main .btn.btn-danger:focus, | |
| 1057 | +.vbo-checkin-commands-wrap .btn.btn-danger:active, .vbo-checkin-commands-wrap .btn.btn-danger:focus { | |
| 1058 | + background-color: var(--vbo-red-color-focus) !important; | |
| 1059 | + border: 1px solid var(--vbo-red-color-focus) !important; | |
| 1060 | +} | |
| 1061 | +/* UI Calendar */ | |
| 1062 | +.ui-widget-content { | |
| 1063 | + background: var(--vbo-config-bg-color) !important; | |
| 1064 | + color: inherit !important; | |
| 1065 | +} | |
| 1066 | +.ui-widget-header { | |
| 1067 | + background: var(--vbo-config-bg-color) !important; | |
| 1068 | + border: 1px solid var(--vbo-config-border-color) !important; | |
| 1069 | + color: inherit !important; | |
| 1070 | +} | |
| 1071 | +.ui-widget.ui-widget-content { | |
| 1072 | + border: 1px solid var(--vbo-config-border-color) !important; | |
| 1073 | +} | |
| 1074 | +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { | |
| 1075 | + background: var(--vbo-light-color-btn) !important; | |
| 1076 | +} | |
| 1077 | +.free{ | |
| 1078 | + color: var(--vbo-body-text-color); | |
| 1079 | +} | |
| 1080 | + | |
| 1081 | +.busy{ | |
| 1082 | + color: var(--vbo-body-text-color); | |
| 1083 | + background: var(--vbo-red-color); | |
| 1084 | +} | |
| 1085 | + | |
| 1086 | +.notbusy{ | |
| 1087 | + color: var(--vbo-body-text-color); | |
| 1088 | + background: var(--vbo-config-bg-color); | |
| 1089 | +} | |
| 1090 | +.bluedays { | |
| 1091 | + min-width: 2.7%; | |
| 1092 | + background: none repeat scroll 0 0 #02679a; | |
| 1093 | + color: #FFFFFF; | |
| 1094 | + font-weight: bold; | |
| 1095 | + padding: 4px 0; | |
| 1096 | + text-align: center; | |
| 1097 | + cursor: pointer; | |
| 1098 | +} | |
| 1099 | +.bluedays:hover { | |
| 1100 | + background-color: #0a7bb5; | |
| 1101 | +} | |
| 1102 | +.skip-bluedays-click { | |
| 1103 | + cursor: inherit; | |
| 1104 | +} | |
| 1105 | +.notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell { | |
| 1106 | + background: #b0c0d1; | |
| 1107 | +} | |
| 1108 | +.notbusy.vbo-overv-todaycell:hover, .subnotbusy.vbo-overv-todaycell:hover { | |
| 1109 | + background: #7791ac; | |
| 1110 | +} | |
| 1111 | +.bluedays.vbo-overv-todaycell { | |
| 1112 | + background: #074666; | |
| 1113 | +} | |
| 1114 | +.notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell { | |
| 1115 | + background: #d9b9d3; | |
| 1116 | +} | |
| 1117 | +.bluedays.vbo-overv-festcell { | |
| 1118 | + cursor: pointer; | |
| 1119 | + background: #a07e9a; | |
| 1120 | +} | |
| 1121 | +.vbo-overview-month { | |
| 1122 | + font-size: 105%; | |
| 1123 | +} | |
| 1124 | +.vbo-overview-redday, .vbo-overview-subredday { | |
| 1125 | + color: #fff; | |
| 1126 | +} | |
| 1127 | +.vbo-overview-redday:hover, .vbo-overview-subredday:hover { | |
| 1128 | + color: #fff; | |
| 1129 | +} | |
| 1130 | +.vboverviewtablerow .busy:not(.vbo-checkinday) { | |
| 1131 | + cursor: pointer; | |
| 1132 | +} | |
| 1133 | +.vbo-checkinday { | |
| 1134 | + border-top: 3px solid var(--vbo-green-color) !important; | |
| 1135 | +} | |
| 1136 | +.busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) { | |
| 1137 | + background: var(--vbo-red-color) !important; | |
| 1138 | +} | |
| 1139 | +.busy.vbo-overv-todaycell.busy-closure:not(.vbo-hascolortag), .subroom-busy.busy-closure.vbo-overv-todaycell:not(.vbo-hascolortag) | |
| 1140 | +.busy:hover { | |
| 1141 | + background: var(--vbo-config-title-color) !important; | |
| 1142 | +} | |
| 1143 | +.busy.vbo-overv-todaycell:not(.vbo-hascolortag):hover, .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag):hover { | |
| 1144 | + background: var(--vbo-red-color-hover) !important; | |
| 1145 | +} | |
| 1146 | +.busy.busy-closure.vbo-overv-todaycell:not(.vbo-hascolortag):hover { | |
| 1147 | + background: var(--vbo-config-titles-color-light) !important; | |
| 1148 | +} | |
| 1149 | +.busy:hover { | |
| 1150 | + background: var(--vbo-red-color-hover) !important; | |
| 1151 | +} | |
| 1152 | +.busy.busy-closure:hover { | |
| 1153 | + background: var(--vbo-config-titles-color-light) !important; | |
| 1154 | +} | |
| 1155 | +.busy.vbo-hascolortag.vbo-overv-todaycell, .subroom-busy.vbo-hascolortag.vbo-overv-todaycell { | |
| 1156 | + box-shadow: inset 0 0 5px rgba(0,0,0,.5); | |
| 1157 | +} | |
| 1158 | +.vbo-partially { | |
| 1159 | + background: none repeat scroll 0 0 var(--vbo-orange-color) !important; | |
| 1160 | +} | |
| 1161 | +.vbo-partially:hover, .vbo-partially.vbo-overv-todaycell, .busy.vbo-partially.vbo-overv-todaycell { | |
| 1162 | + background: var(--vbo-orange-color-hover) !important; | |
| 1163 | +} | |
| 1164 | +.busy-sharedcalendar { | |
| 1165 | + position: relative; | |
| 1166 | +} | |
| 1167 | +.busy-sharedcalendar:before { | |
| 1168 | + position: absolute; | |
| 1169 | + z-index: 0; | |
| 1170 | + width: 100%; | |
| 1171 | + height: 100%; | |
| 1172 | + background: repeating-linear-gradient(-45deg, rgba(62, 150, 255, 0) 1%, rgba(255, 255, 255, 0.3) 4px); | |
| 1173 | + content: ""; | |
| 1174 | + top: 0; | |
| 1175 | + left: 0; | |
| 1176 | +} | |
| 1177 | +.vbo-avov-legend { | |
| 1178 | + margin: 9px 10px 0; | |
| 1179 | +} | |
| 1180 | +.vbo-overview-legend-init { | |
| 1181 | + display: inline-block; | |
| 1182 | + vertical-align: middle; | |
| 1183 | + font-size: 13px; | |
| 1184 | + font-weight: bold; | |
| 1185 | + margin-right: 10px; | |
| 1186 | +} | |
| 1187 | +.vbo-overview-legend-red, .vbo-overview-legend-yellow, .vbo-overview-legend-green { | |
| 1188 | + display: inline-block; | |
| 1189 | + margin-right: 10px; | |
| 1190 | + font-size: 12px; | |
| 1191 | + vertical-align: middle; | |
| 1192 | +} | |
| 1193 | +.vbo-overview-legend-box { | |
| 1194 | + display: inline-block; | |
| 1195 | + width: 15px; | |
| 1196 | + height: 15px; | |
| 1197 | + vertical-align: middle; | |
| 1198 | + border-radius: 2px; | |
| 1199 | + margin-right: 2px; | |
| 1200 | +} | |
| 1201 | +.vbo-overview-legend-red .vbo-overview-legend-box { | |
| 1202 | + background: none repeat scroll 0 0 var(--vbo-red-color); | |
| 1203 | +} | |
| 1204 | +.vbo-overview-legend-yellow .vbo-overview-legend-box { | |
| 1205 | + background: none repeat scroll 0 0 #f0ad4e; | |
| 1206 | +} | |
| 1207 | +.vbo-overview-legend-green .vbo-overview-legend-box { | |
| 1208 | + border-top: 2px solid var(--vbo-green-color); | |
| 1209 | + background: var(--vbo-config-bg-color); | |
| 1210 | +} | |
| 1211 | +.vbo-overview-legend-title { | |
| 1212 | + display: inline-block; | |
| 1213 | + vertical-align: middle; | |
| 1214 | +} | |
| 1215 | +#jmodal-vbo-new-res { | |
| 1216 | + width: 90% !important; | |
| 1217 | + top: 50%; | |
| 1218 | + left: 50%; | |
| 1219 | + transform: translate(-50%, -50%); | |
| 1220 | + margin: 0 !important; | |
| 1221 | +} | |
| 1222 | +td.roomname { | |
| 1223 | + background: var(--vbo-config-child-bg-color); | |
| 1224 | + height: 40px; | |
| 1225 | + padding: 5px 10px 5px 6px; | |
| 1226 | + text-align: left; | |
| 1227 | +} | |
| 1228 | +td.roomname.subroomname { | |
| 1229 | + background: var(--vbo-config-bg-color); | |
| 1230 | +} | |
| 1231 | +.vbo-overview-room-info { | |
| 1232 | + display: flex; | |
| 1233 | +} | |
| 1234 | +.vbo-overview-room-info > span { | |
| 1235 | + align-self: center; | |
| 1236 | +} | |
| 1237 | +.vbo-overview-roomname { | |
| 1238 | + font-weight: bold; | |
| 1239 | + font-size: 14px; | |
| 1240 | + display: inline-block; | |
| 1241 | + max-width: 185px; | |
| 1242 | +} | |
| 1243 | +.vbo-overview-roomunits { | |
| 1244 | + display: inline-block; | |
| 1245 | + margin: 0 5px 0 2px; | |
| 1246 | + background: none repeat scroll 0 0 #3e6372; | |
| 1247 | + border-radius: 50%; | |
| 1248 | + color: #fff; | |
| 1249 | + font-size: 12px; | |
| 1250 | + font-weight: bold; | |
| 1251 | + min-height: 20px; | |
| 1252 | + min-width: 20px; | |
| 1253 | + padding: 4px; | |
| 1254 | + text-align: center; | |
| 1255 | +} | |
| 1256 | +.vbo-overview-subroomname { | |
| 1257 | + font-weight: bold; | |
| 1258 | + font-size: 13px; | |
| 1259 | +} | |
| 1260 | +.vbo-overview-subroomunits { | |
| 1261 | + display: inline-block; | |
| 1262 | + margin: 0 5px 0 2px; | |
| 1263 | + font-size: 12px; | |
| 1264 | + min-height: 20px; | |
| 1265 | + min-width: 20px; | |
| 1266 | + padding: 4px; | |
| 1267 | + text-align: center; | |
| 1268 | +} | |
| 1269 | +.vbo-overview-subroomunits i { | |
| 1270 | + margin: 0; | |
| 1271 | +} | |
| 1272 | +.subroom-busy { | |
| 1273 | + background: var(--vbo-red-color) none repeat scroll 0 0; | |
| 1274 | + color: var(--vbo-body-text-color); | |
| 1275 | +} | |
| 1276 | +.subnotbusy { | |
| 1277 | + background: var(--vbo-config-child-bg-color) none repeat scroll 0 0; | |
| 1278 | + color: #000000; | |
| 1279 | +} | |
| 1280 | +.dailypricesactive { | |
| 1281 | + text-align: center; | |
| 1282 | + float: left; | |
| 1283 | + font-weight: bold; | |
| 1284 | + width: 100%; | |
| 1285 | + height: 34px; | |
| 1286 | + font-size:14px; | |
| 1287 | + line-height:34px; | |
| 1288 | + text-transform:uppercase; | |
| 1289 | + color:var(--vbo-green-color); | |
| 1290 | + background:var(--vbo-input-style-nested-deactive); | |
| 1291 | +} | |
| 1292 | +.vbo-admin-container .vbo.vcm-params-block .vcm-param-container .vbo-param-label .maxninety { | |
| 1293 | + border-radius: 4px; | |
| 1294 | +} | |
| 1295 | +.vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container { | |
| 1296 | + flex-wrap: wrap; | |
| 1297 | +} | |
| 1298 | +.vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-widget-booskcal-newbook-wrap .vbo-param-container { | |
| 1299 | + margin: 15px 0; | |
| 1300 | +} | |
| 1301 | +.vbo-admin-widgets-section .vbo-widget-bookdets-wrap .vbo-admin-container .vbo-param-container { | |
| 1302 | + margin: 0; | |
| 1303 | +} | |
| 1304 | +.vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label { | |
| 1305 | + flex-basis: 100%; | |
| 1306 | + font-weight: 420; | |
| 1307 | +} | |
| 1308 | +.vbo-tariffs-params-container .vbo-param-setting > h4 { | |
| 1309 | + margin-top: 0; | |
| 1310 | + font-size: 16px; | |
| 1311 | +} | |
| 1312 | +.vbo-insertrates-cont > div { | |
| 1313 | + background-color: var(--vbo-config-bg-color); | |
| 1314 | + box-shadow: 0 0 10px rgba(0,0,0,.15); | |
| 1315 | + border-radius: 8px; | |
| 1316 | + padding: 20px; | |
| 1317 | + margin: 0 0 15px; | |
| 1318 | +} | |
| 1319 | +.vbo-insertrates-cont input[type="number"] { | |
| 1320 | + width: 100px !important; | |
| 1321 | +} | |
| 1322 | +.vbo-ratestable-lbl { | |
| 1323 | + font-weight: bold; | |
| 1324 | + color: var(--vbo-config-titles-color-light); | |
| 1325 | + font-size: 16px; | |
| 1326 | + padding: 0px 0px 7px; | |
| 1327 | +} | |
| 1328 | +.vbo-ratestable-nights > div { | |
| 1329 | + display: flex; | |
| 1330 | + margin: 5px 0 8px; | |
| 1331 | +} | |
| 1332 | +.vbo-ratestable-nights > div > span { | |
| 1333 | + display: inline-block; | |
| 1334 | + min-width: 100px; | |
| 1335 | +} | |
| 1336 | +.vbo-insertrates-bottom .vbo-ratestable-newprice { | |
| 1337 | + display: flex; | |
| 1338 | + flex-wrap: wrap; | |
| 1339 | + margin: 5px 0; | |
| 1340 | + border: 1px solid var(--vbo-main-bg-color); | |
| 1341 | + padding: 10px 10px; | |
| 1342 | +} | |
| 1343 | +.vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-name { | |
| 1344 | + align-self: center; | |
| 1345 | +} | |
| 1346 | +.vbo-insertrates-bottom .vbo-ratestable-newprice > .vbo-ratestable-newprice-name { | |
| 1347 | + font-weight: 500; | |
| 1348 | +} | |
| 1349 | +.vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost { | |
| 1350 | + margin-left: auto; | |
| 1351 | +} | |
| 1352 | +.vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute { | |
| 1353 | + flex-basis: 100%; | |
| 1354 | + margin-top: 5px; | |
| 1355 | +} | |
| 1356 | +.vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-name { | |
| 1357 | + display: block; | |
| 1358 | + margin-bottom: 5px; | |
| 1359 | +} | |
| 1360 | +.vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost { | |
| 1361 | + display: block; | |
| 1362 | +} | |
| 1363 | +.vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost > input[type="text"] { | |
| 1364 | + width: 100% !important; | |
| 1365 | + box-sizing: border-box; | |
| 1366 | + height: auto; | |
| 1367 | +} | |
| 1368 | +.vbo-insertrates-save { | |
| 1369 | + margin-top: 20px; | |
| 1370 | +} | |
| 1371 | +.vbo-param-setting .vbo-insertrates-save > input.btn.vbo-config-btn { | |
| 1372 | + padding: 10px 25px; | |
| 1373 | + font-size: 13px; | |
| 1374 | +} | |
| 1375 | +.vbo-config-maintab-right .vbo-params-container.vbo-list-table-container > form { | |
| 1376 | + background: transparent; | |
| 1377 | +} | |
| 1378 | +.vbo-config-maintab-right .vbo-tariffs-updaterates-cont { | |
| 1379 | + text-align: right; | |
| 1380 | + margin: 0 auto; | |
| 1381 | +} | |
| 1382 | +.vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive { | |
| 1383 | + width: 100%; | |
| 1384 | + margin-top: 15px; | |
| 1385 | + box-shadow: 0 0px 10px rgba(0,0,0,.15); | |
| 1386 | +} | |
| 1387 | +.vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th { | |
| 1388 | + color: var(--vbo-config-titles-color-light); | |
| 1389 | +} | |
| 1390 | +.vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive .vbo-list-table input[type="number"] { | |
| 1391 | + border: 1px solid var(--vbo-config-border-color); | |
| 1392 | + border-radius: var(--vbo-field-radius); | |
| 1393 | + padding: 5px 10px; | |
| 1394 | + margin-bottom: 0; | |
| 1395 | + width: 120px !important; | |
| 1396 | +} | |
| 1397 | +.vbo-tariffs-updaterates-cont + .table-responsive .vbo-tariffs-rplan-attr { | |
| 1398 | + display: block; | |
| 1399 | + text-transform: initial; | |
| 1400 | + max-width: 200px; | |
| 1401 | + white-space: normal; | |
| 1402 | + margin: 0 auto; | |
| 1403 | + font-weight: 600; | |
| 1404 | +} | |
| 1405 | +.vbo-config-maintab-right .vbo-list-table-container .vbo-tariffs-los-badge { | |
| 1406 | + font-size: 10px; | |
| 1407 | + text-transform: initial; | |
| 1408 | +} | |
| 1409 | +.vbo-config-gr-services .vbo-config-gr-service { | |
| 1410 | + margin: 4px 0; | |
| 1411 | +} | |
| 1412 | +.vbo-config-gr-services .vbo-config-gr-service i { | |
| 1413 | + margin-right: 0 !important; | |
| 1414 | +} | |
| 1415 | +.vbo-config-gr-services .vbo-config-gr-service .btn.btn-danger { | |
| 1416 | + padding: 11px 14px; | |
| 1417 | + vertical-align: top; | |
| 1418 | +} | |
| 1419 | +.vbadminfaresctitle { | |
| 1420 | + background: none repeat scroll 0 0 var(--vbo-main-bg-color); | |
| 1421 | + border: 1px solid var(--vbo-config-border-color); | |
| 1422 | + border-radius: 4px 4px 4px 4px; | |
| 1423 | + font-size: 13px; | |
| 1424 | + font-weight: bold; | |
| 1425 | + margin: 0 0 10px; | |
| 1426 | + padding: 10px; | |
| 1427 | + text-transform: uppercase; | |
| 1428 | + width: 100%; | |
| 1429 | + display: inline-block; | |
| 1430 | +} | |
| 1431 | +.vbadminfaresctitle form { | |
| 1432 | + margin: 0; | |
| 1433 | +} | |
| 1434 | +.vbadminfaresctitle form select { | |
| 1435 | + margin: 0; | |
| 1436 | +} | |
| 1437 | +.vbdashparag { | |
| 1438 | + font-size:12px; | |
| 1439 | +} | |
| 1440 | +.vbdashparagred span { | |
| 1441 | + font-weight: bold; | |
| 1442 | + color:var(--vbo-red-color); | |
| 1443 | + display: inline-block; | |
| 1444 | + min-width: 200px; | |
| 1445 | +} | |
| 1446 | +.vbdashspanright { | |
| 1447 | + float: right; | |
| 1448 | + padding:0 0 20px 0; | |
| 1449 | + font-size:12px; | |
| 1450 | +} | |
| 1451 | +.vbdashspanright form { | |
| 1452 | + padding:0 0 0 3px; | |
| 1453 | + display:inline; | |
| 1454 | +} | |
| 1455 | +.vbdashdivleft { | |
| 1456 | + float:left; | |
| 1457 | + border: 1px solid var(--vbo-config-border-color); | |
| 1458 | + border-radius:10px; | |
| 1459 | + -moz-border-radius:10px; | |
| 1460 | + -webkit-border-radius:10px; | |
| 1461 | + background:var(--vbo-config-bg-color); | |
| 1462 | + padding:20px; | |
| 1463 | + box-shadow:0 0 2px rgba(0,0,0,0.2); | |
| 1464 | + -moz-box-shadow:0 0 2px rgba(0,0,0,0.2); | |
| 1465 | + -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2); | |
| 1466 | + margin:15px 30px 15px 0; | |
| 1467 | + width:55%; | |
| 1468 | +} | |
| 1469 | +.vbdashdivleft .vbdashdivlefthead { | |
| 1470 | + margin:0 0 10px 0; | |
| 1471 | + padding:0; | |
| 1472 | + text-transform:uppercase; | |
| 1473 | + font-size:14px; | |
| 1474 | + color:var(--vbo-green-color); | |
| 1475 | +} | |
| 1476 | +.vbdashdivleft .vbdashtable { | |
| 1477 | + width:100%; | |
| 1478 | +} | |
| 1479 | +.vbdashdivleft .vbdashtable td, .vbdashdivright .vbdashtable td { | |
| 1480 | + padding:3px 0; | |
| 1481 | +} | |
| 1482 | +.vbdashdivleft .vbdashtable td a, .vbdashdivright .vbdashtable a { | |
| 1483 | + font-size:12px; | |
| 1484 | + color:var(--vbo-blue-color); | |
| 1485 | +} | |
| 1486 | +.vbdashdivright { | |
| 1487 | + float:right; | |
| 1488 | + border: 1px solid var(--vbo-config-border-color); | |
| 1489 | + border-radius:10px; | |
| 1490 | + -moz-border-radius:10px; | |
| 1491 | + -webkit-border-radius:10px; | |
| 1492 | + background:var(--vbo-config-bg-color); | |
| 1493 | + padding:20px; | |
| 1494 | + box-shadow:0 0 2px rgba(0,0,0,0.2); | |
| 1495 | + -moz-box-shadow:0 0 2px rgba(0,0,0,0.2); | |
| 1496 | + -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2); | |
| 1497 | + margin:15px 0 15px 0; | |
| 1498 | + width:30%; | |
| 1499 | +} | |
| 1500 | +.vbdashdivright .vbdashdivrighthead { | |
| 1501 | + margin:0 0 10px 0; | |
| 1502 | + padding:0; | |
| 1503 | + text-transform:uppercase; | |
| 1504 | + font-size:14px; | |
| 1505 | + color:var(--vbo-green-color); | |
| 1506 | +} | |
| 1507 | +.vbdashdivright .vbdashtable { | |
| 1508 | + width:100%; | |
| 1509 | +} | |
| 1510 | +.vbdashdivright .vbdashtable .vbdashtrlastres td, .vbdashdivleft .vbdashtable .vbdashtrlastres td { | |
| 1511 | + font-size:12px; | |
| 1512 | + font-weight:bold; | |
| 1513 | + color:var(--vbo-config-title-color); | |
| 1514 | + text-transform:uppercase; | |
| 1515 | + padding:0 0 5px 0; | |
| 1516 | +} | |
| 1517 | +.vbdashdivleft .vbdashtable .vbdashtrlastres td:first-child { | |
| 1518 | + padding:0 5px; | |
| 1519 | +} | |
| 1520 | +#vbadultsdiffbox p { | |
| 1521 | + margin: 0px 0 10px; | |
| 1522 | + border: 1px solid var(--vbo-basic-btn); | |
| 1523 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 1524 | + border-radius: 10px; | |
| 1525 | + padding: 10px; | |
| 1526 | +} | |
| 1527 | +#vbadultsdiffbox p:last-child { | |
| 1528 | + margin-bottom: 0; | |
| 1529 | +} | |
| 1530 | +#vbadultsdiffbox .vbo-adults-usage { | |
| 1531 | + margin-right: 15px; | |
| 1532 | + display: block; | |
| 1533 | + margin-bottom: 4px; | |
| 1534 | + font-weight: 500; | |
| 1535 | +} | |
| 1536 | + | |
| 1537 | +.vbplusminus { | |
| 1538 | + cursor: pointer; | |
| 1539 | + vertical-align: middle; | |
| 1540 | + display: inline-block; | |
| 1541 | + margin: -7px 0 0 5px; | |
| 1542 | + text-align: center; | |
| 1543 | + width: 20px; | |
| 1544 | + height: 20px; | |
| 1545 | + font-size: 20px; | |
| 1546 | +} | |
| 1547 | + | |
| 1548 | +.vbplusminuscont { | |
| 1549 | + display: inline-block; | |
| 1550 | + text-align: right; | |
| 1551 | +} | |
| 1552 | +.vbplusminuscont > span { | |
| 1553 | + display: inline-block; | |
| 1554 | + min-width: 35px; | |
| 1555 | + text-align: left; | |
| 1556 | +} | |
| 1557 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group .vbplusminus-btns { | |
| 1558 | + display: inline-block; | |
| 1559 | + vertical-align: middle; | |
| 1560 | +} | |
| 1561 | +p.vbpfiltconfnumb { | |
| 1562 | + text-align: right; | |
| 1563 | +} | |
| 1564 | + | |
| 1565 | +.vbotaspblock { | |
| 1566 | + display: block; | |
| 1567 | + background: none repeat scroll 0 0 var(--vbo-blue-color); | |
| 1568 | + border: 0; | |
| 1569 | + border-radius: 5px 5px 5px 5px; | |
| 1570 | + margin: 0 3px 5px 0; | |
| 1571 | + padding: 4px; | |
| 1572 | + color: var(--vbo-body-text-color); | |
| 1573 | + font-weight: bold; | |
| 1574 | + position: relative; | |
| 1575 | +} | |
| 1576 | +.vbotaspblock:before { | |
| 1577 | + content: ""; | |
| 1578 | + height: 20px; | |
| 1579 | + left: -1px; | |
| 1580 | + position: absolute; | |
| 1581 | + top: -11px; | |
| 1582 | + width: 20px; | |
| 1583 | +} | |
| 1584 | +.vboverviewtable { | |
| 1585 | + width: 100%; | |
| 1586 | + border: 0; | |
| 1587 | + border-collapse: inherit; | |
| 1588 | + border-spacing: 0; | |
| 1589 | + background-color: var(--vbo-table-light-grey); | |
| 1590 | +} | |
| 1591 | +.vboverviewtable { | |
| 1592 | + font-size: 105%; | |
| 1593 | +} | |
| 1594 | +.vboverviewtablerowone { | |
| 1595 | + height: 30px; | |
| 1596 | +} | |
| 1597 | +.vbo-overv-montable-wrap { | |
| 1598 | + margin-bottom: 20px; | |
| 1599 | +} | |
| 1600 | +.vbo-roverview-table .vboverviewtablerowone td.bluedays { | |
| 1601 | + min-width: 80px; | |
| 1602 | +} | |
| 1603 | +.vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays { | |
| 1604 | + min-width: 80px; | |
| 1605 | + max-width: 80px; | |
| 1606 | +} | |
| 1607 | +.vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month { | |
| 1608 | + min-width: 250px; | |
| 1609 | +} | |
| 1610 | +.vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.bluedays > span { | |
| 1611 | + display: block; | |
| 1612 | +} | |
| 1613 | +.vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablewday { | |
| 1614 | + color: #fff; | |
| 1615 | + font-size: 12px; | |
| 1616 | +} | |
| 1617 | +.vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablemday { | |
| 1618 | + font-size: 24px; | |
| 1619 | + margin: 3px 0; | |
| 1620 | +} | |
| 1621 | +.vbo-overv-sticky-table-head-off .vboverviewtablerowone th:first-child, .vbo-overv-sticky-table-head-off .vboverviewtablerow td:first-child, .vbo-tm-row td:first-child, .vbo-roomrates-cell-first { | |
| 1622 | + position: sticky; | |
| 1623 | + left: 0; | |
| 1624 | + box-shadow: 5px 0 10px rgba(0,0,0,.05); | |
| 1625 | + z-index: 10; | |
| 1626 | + background-clip: padding-box !important; | |
| 1627 | +} | |
| 1628 | +.vbo-tm-row td:first-child, .vbo-roomrates-cell-first { | |
| 1629 | + background-color: var(--vbo-table-light-grey); | |
| 1630 | +} | |
| 1631 | +.vboverviewtablerow { | |
| 1632 | + height: 30px; | |
| 1633 | +} | |
| 1634 | +.vboverviewtdone { | |
| 1635 | + min-width: 130px !important; | |
| 1636 | + text-align: left !important; | |
| 1637 | + padding-left: 1px; | |
| 1638 | +} | |
| 1639 | +.vbo-roverv-rplan.vbo-roverv-rplan-restricted { | |
| 1640 | + padding: 10px 10px 0; | |
| 1641 | + vertical-align: top; | |
| 1642 | +} | |
| 1643 | +.vbo-roverv-rplan-restrictions { | |
| 1644 | + font-size: 10px; | |
| 1645 | + position: absolute; | |
| 1646 | + left: 10px; | |
| 1647 | + bottom: 4px; | |
| 1648 | +} | |
| 1649 | +.vbo-roverv-rplan .vbo-rplan-name { | |
| 1650 | + width: 150px; | |
| 1651 | + overflow: hidden; | |
| 1652 | + display: inline-block; | |
| 1653 | + white-space: nowrap; | |
| 1654 | + text-overflow: ellipsis; | |
| 1655 | + font-size: 14px; | |
| 1656 | +} | |
| 1657 | +.vbo-roverv-rplan-haslosrates { | |
| 1658 | + bottom: 3px; | |
| 1659 | +} | |
| 1660 | +.vbo-roverv-rplan-haslosrates .vbo-roverv-rplan-restrictions-los { | |
| 1661 | + font-size: 10px; | |
| 1662 | +} | |
| 1663 | +.vbo-roverv-gonext-cell { | |
| 1664 | + vertical-align: middle; | |
| 1665 | + padding: 0 10px; | |
| 1666 | +} | |
| 1667 | +.vbo-roomrates-row .vbo-roomrates-cell-day > span { | |
| 1668 | + display: block; | |
| 1669 | +} | |
| 1670 | +.vbo-tm-row-cell-first { | |
| 1671 | + padding: 0 10px; | |
| 1672 | + height: 36px; | |
| 1673 | + font-weight: 450; | |
| 1674 | +} | |
| 1675 | +.vbo-tm-row-cell-first i { | |
| 1676 | + width: 16px; | |
| 1677 | + margin-right: 4px; | |
| 1678 | + color: var(--vbo-blue-color-hover); | |
| 1679 | +} | |
| 1680 | +.vbo-tm-row-cell-first .vbo-tm-row-area-name { | |
| 1681 | + display: inline-block; | |
| 1682 | + max-width: 200px; | |
| 1683 | + white-space: nowrap; | |
| 1684 | + text-overflow: ellipsis; | |
| 1685 | + overflow: hidden; | |
| 1686 | +} | |
| 1687 | +.vbo-roomrates-cell-day { | |
| 1688 | + position: relative; | |
| 1689 | + cursor: pointer; | |
| 1690 | + padding: 3px 6px; | |
| 1691 | + text-align: right; | |
| 1692 | + background-color: var(--vbo-config-bg-color); | |
| 1693 | +} | |
| 1694 | +.vboverviewtable .vbo-roomrates-cell-minlos { | |
| 1695 | + font-size: 10px; | |
| 1696 | +} | |
| 1697 | +.vboverviewtable .vbo-roomrates-cell-minlos i { | |
| 1698 | + color: var(--vbo-config-titles-color-light); | |
| 1699 | +} | |
| 1700 | +.vboverviewtable .vbo-roomrates-cell-rate-amount { | |
| 1701 | + font-size: 13px; | |
| 1702 | + font-weight: 450; | |
| 1703 | +} | |
| 1704 | +.vboverviewtable.vbo-overv-sticky-table-head-on .vbo-roomrates-cell-rate-amount { | |
| 1705 | + font-size: 9px; | |
| 1706 | + white-space: nowrap; | |
| 1707 | +} | |
| 1708 | +.vbo-grid-cell-rate { | |
| 1709 | + box-sizing: border-box; | |
| 1710 | + position: absolute; | |
| 1711 | + width: 100%; | |
| 1712 | + right: 0; | |
| 1713 | + top: 0; | |
| 1714 | + padding: 3px 6px; | |
| 1715 | +} | |
| 1716 | +.vbo-grid-cell-rate > span { | |
| 1717 | + display: block; | |
| 1718 | + text-align: right; | |
| 1719 | +} | |
| 1720 | +.vbo-tm-row-cell-day { | |
| 1721 | + cursor: pointer; | |
| 1722 | + padding: 2px; | |
| 1723 | +} | |
| 1724 | +.vbo-tm-row-cell-day:hover { | |
| 1725 | + background: var(--vbo-light-blue); | |
| 1726 | +} | |
| 1727 | +.vbo-tm-row-cell-task { | |
| 1728 | + font-size: 12px; | |
| 1729 | + display: inline-block; | |
| 1730 | + padding: 3px 5px; | |
| 1731 | + border-radius: 20px; | |
| 1732 | + border: 1px solid var(--vbo-config-border-color); | |
| 1733 | + background: var(--vbo-basic-btn); | |
| 1734 | + width: 66px; | |
| 1735 | + overflow: hidden; | |
| 1736 | + text-overflow: ellipsis; | |
| 1737 | + text-wrap: nowrap; | |
| 1738 | + vertical-align: middle; | |
| 1739 | + margin-bottom: 3px; | |
| 1740 | + cursor: pointer; | |
| 1741 | +} | |
| 1742 | +.vbo-tm-row-cell-task:last-child { | |
| 1743 | + margin-bottom: 0; | |
| 1744 | +} | |
| 1745 | +.vbo-tm-row-cell-task:hover { | |
| 1746 | + opacity: .8; | |
| 1747 | +} | |
| 1748 | +.vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-row-cell-day { | |
| 1749 | + text-align: center; | |
| 1750 | +} | |
| 1751 | +.vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-row-cell-task-notitle { | |
| 1752 | + height: 10px; | |
| 1753 | + width: 10px; | |
| 1754 | + padding: 0; | |
| 1755 | + margin: 1px; | |
| 1756 | +} | |
| 1757 | +.vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-row-cell-task-notitle:first-child { | |
| 1758 | + margin-left: 0; | |
| 1759 | +} | |
| 1760 | +.vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-row-cell-task-notitle:last-child { | |
| 1761 | + margin-right: 0; | |
| 1762 | +} | |
| 1763 | +.vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-row-cell-task-notitle:only-child { | |
| 1764 | + margin: 0; | |
| 1765 | +} | |
| 1766 | +.vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-calendar-month-day-more { | |
| 1767 | + font-size: 10px; | |
| 1768 | +} | |
| 1769 | +/* New Custom Sticky Header */ | |
| 1770 | +.vbo-overv-sticky-scroll-month { | |
| 1771 | + position: fixed; | |
| 1772 | + top: 0; | |
| 1773 | + width: 100%; | |
| 1774 | + z-index: 1000; | |
| 1775 | +} | |
| 1776 | +.vbo-overv-sticky-scroll-month-wrap { | |
| 1777 | + display: flex; | |
| 1778 | + box-shadow: 0px 0px 5px rgba(0,0,0,.2); | |
| 1779 | +} | |
| 1780 | +.vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-m { | |
| 1781 | + max-width: initial; | |
| 1782 | + display: flex; | |
| 1783 | + justify-content: center; | |
| 1784 | + align-items: center; | |
| 1785 | + font-size: 14px; | |
| 1786 | +} | |
| 1787 | +.vbo-overv-sticky-scroll-month-wrap > div { | |
| 1788 | + max-width: 80px; | |
| 1789 | + background: none repeat scroll 0 0 #02679a; | |
| 1790 | + color: #FFFFFF; | |
| 1791 | + font-weight: bold; | |
| 1792 | + padding: 2px 0; | |
| 1793 | + text-align: center; | |
| 1794 | + border-right: 1px solid #fff; | |
| 1795 | + box-sizing: border-box; | |
| 1796 | + line-height: 1.1em; | |
| 1797 | + cursor: pointer; | |
| 1798 | + height: 42px; | |
| 1799 | + overflow: hidden; | |
| 1800 | +} | |
| 1801 | +.vbo-overv-sticky-scroll-month-wrap > div:hover { | |
| 1802 | + background: #0a7bb5; | |
| 1803 | +} | |
| 1804 | +.vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-day { | |
| 1805 | + color: #fff; | |
| 1806 | + font-size: 10px; | |
| 1807 | +} | |
| 1808 | +.vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-day-num { | |
| 1809 | + font-size: 17px; | |
| 1810 | + margin: 4px 0; | |
| 1811 | + display: block; | |
| 1812 | +} | |
| 1813 | + | |
| 1814 | +.vbcloseroom { | |
| 1815 | + float: right; | |
| 1816 | + text-align: right; | |
| 1817 | +} | |
| 1818 | +.vbcloseroomsp i { | |
| 1819 | + color: var(--vbo-red-color); | |
| 1820 | + padding: 4px; | |
| 1821 | + font-size: 15px; | |
| 1822 | + border-radius: 4px; | |
| 1823 | + margin-right: 3px; | |
| 1824 | +} | |
| 1825 | +.vbcloseroomsp label { | |
| 1826 | + display: inline; | |
| 1827 | +} | |
| 1828 | +.vbordersroomclosed { | |
| 1829 | + color: var(--vbo-red-color); | |
| 1830 | + font-weight: bold; | |
| 1831 | +} | |
| 1832 | +.vbordcancelled { | |
| 1833 | + color: var(--vbo-red-color); | |
| 1834 | + font-weight: bold; | |
| 1835 | + background-position: left center; | |
| 1836 | + background-repeat: no-repeat; | |
| 1837 | + padding: 5px 0 5px 18px; | |
| 1838 | +} | |
| 1839 | +.vbcsvexport { | |
| 1840 | + cursor: pointer; | |
| 1841 | + background: var(--vbo-config-bg-color); | |
| 1842 | + color: var(--vbo-body-text-color); | |
| 1843 | + border-radius: 20px; | |
| 1844 | + display: flex; | |
| 1845 | + align-items: center; | |
| 1846 | + float: left; | |
| 1847 | + font-weight: bold; | |
| 1848 | + border: 1px solid var(--vbo-green-color); | |
| 1849 | + font-size: 12px; | |
| 1850 | + margin: 0 3px; | |
| 1851 | +} | |
| 1852 | +.vbcsvexport:hover { | |
| 1853 | + text-decoration: none; | |
| 1854 | + background: var(--vbo-green-color); | |
| 1855 | + color: var(--vbo-contrast-text-color); | |
| 1856 | +} | |
| 1857 | +.vbcsvexport > i { | |
| 1858 | + color: var(--vbo-green-color); | |
| 1859 | + padding: 11px 8px 11px 12px; | |
| 1860 | + font-size: 16px; | |
| 1861 | + display: inline-block; | |
| 1862 | +} | |
| 1863 | +.vbcsvexport:hover > i, .vbcsvexport:focus > i, .vbcsvexport:active > i { | |
| 1864 | + color: var(--vbo-contrast-text-color); | |
| 1865 | +} | |
| 1866 | +.vbcsvexport:focus, .vbcsvexport:active { | |
| 1867 | + background: var(--vbo-green-color-hover); | |
| 1868 | + color: var(--vbo-contrast-text-color); | |
| 1869 | +} | |
| 1870 | +.vbo-perms-operators { | |
| 1871 | + cursor: pointer; | |
| 1872 | + background: var(--vbo-config-bg-color); | |
| 1873 | + color: var(--vbo-body-text-color); | |
| 1874 | + border-radius: 20px; | |
| 1875 | + display: flex; | |
| 1876 | + align-items: center; | |
| 1877 | + font-weight: bold; | |
| 1878 | + border: 1px solid var(--vbo-blue-color); | |
| 1879 | + font-size: 12px; | |
| 1880 | + margin: 0 3px; | |
| 1881 | +} | |
| 1882 | +.vbo-perms-operators:hover, .vbo-perms-operators:active, .vbo-perms-operators:focus { | |
| 1883 | + text-decoration: none; | |
| 1884 | + background: var(--vbo-blue-color); | |
| 1885 | + color: var(--vbo-contrast-text-color); | |
| 1886 | + border-radius: 20px; | |
| 1887 | +} | |
| 1888 | +.vbo-perms-operators > i { | |
| 1889 | + color: var(--vbo-blue-color); | |
| 1890 | + padding: 11px 8px 11px 12px; | |
| 1891 | + font-size: 16px; | |
| 1892 | + display: inline-block; | |
| 1893 | + float: left; | |
| 1894 | +} | |
| 1895 | +.vbo-perms-operators:hover > i { | |
| 1896 | + color: var(--vbo-contrast-text-color); | |
| 1897 | +} | |
| 1898 | +.vbo-perms-operators > span { | |
| 1899 | + padding: 0px 12px 0 0; | |
| 1900 | + display: inline-block; | |
| 1901 | + float: left; | |
| 1902 | +} | |
| 1903 | +.vbo-allbookings-fm .vbo-btn-toolbar .btn-group.pull-right > a { | |
| 1904 | + margin: 0 2px; | |
| 1905 | +} | |
| 1906 | +.vbicsexport { | |
| 1907 | + cursor: pointer; | |
| 1908 | + background: var(--vbo-config-bg-color); | |
| 1909 | + color: var(--vbo-body-text-color); | |
| 1910 | + border-radius: 20px; | |
| 1911 | + display: flex; | |
| 1912 | + align-items: center; | |
| 1913 | + font-weight: bold; | |
| 1914 | + border: 1px solid var(--vbo-orange-color); | |
| 1915 | + font-size: 12px; | |
| 1916 | +} | |
| 1917 | +.vbicsexport > i { | |
| 1918 | + color: var(--vbo-orange-color); | |
| 1919 | + padding: 11px 8px 11px 12px; | |
| 1920 | + font-size: 16px; | |
| 1921 | +} | |
| 1922 | +.vbicsexport:hover { | |
| 1923 | + text-decoration: none; | |
| 1924 | + background: var(--vbo-orange-color); | |
| 1925 | + color: var(--vbo-contrast-text-color); | |
| 1926 | +} | |
| 1927 | +.vbicsexport:hover > i, .vbicsexport:focus > i, .vbicsexport:active > i { | |
| 1928 | + color: var(--vbo-contrast-text-color); | |
| 1929 | +} | |
| 1930 | +.vbicsexport:active, .vbicsexport:focus { | |
| 1931 | + background: var(--vbo-orange-color-hover); | |
| 1932 | + color: var(--vbo-contrast-text-color); | |
| 1933 | +} | |
| 1934 | +.vbcsvexport > span, .vbicsexport > span { | |
| 1935 | + padding: 0px 12px 0 0; | |
| 1936 | + display: inline-block; | |
| 1937 | + vertical-align: top; | |
| 1938 | +} | |
| 1939 | +/* VikBooking 1.3 */ | |
| 1940 | +.vbrestrdrangesp { | |
| 1941 | + display: inline-block; | |
| 1942 | + min-width: 80px; | |
| 1943 | +} | |
| 1944 | +.vbwdaytwodiv { | |
| 1945 | + margin-left:5px; | |
| 1946 | +} | |
| 1947 | +#vbwdaytwodivid > span { | |
| 1948 | + display: none; | |
| 1949 | + margin: 10px 4px 0 0; | |
| 1950 | +} | |
| 1951 | +.vbwdaycombodiv { | |
| 1952 | + margin-top: 10px; | |
| 1953 | +} | |
| 1954 | +.vbwdaycombodiv .vbwdaycombop > label { | |
| 1955 | + min-width: 125px | |
| 1956 | +} | |
| 1957 | +.vbwdaycombosp { | |
| 1958 | + display: block; | |
| 1959 | + font-weight:bold; | |
| 1960 | +} | |
| 1961 | +.vbwdaycombohelp { | |
| 1962 | + display: block; | |
| 1963 | + font-size:smaller; | |
| 1964 | +} | |
| 1965 | +.vbrestrroomssp { | |
| 1966 | + display: block; | |
| 1967 | + font-weight: bold; | |
| 1968 | + margin-top: 10px; | |
| 1969 | +} | |
| 1970 | +.vbo-bookingdet-noteslogs pre { | |
| 1971 | + word-break: break-all; | |
| 1972 | + white-space: break-spaces; | |
| 1973 | +} | |
| 1974 | +#vbpaymentlogdiv { | |
| 1975 | + display: none; | |
| 1976 | + height: 250px; | |
| 1977 | + margin-top: 5px; | |
| 1978 | + overflow-x: hidden; | |
| 1979 | + overflow-y: auto; | |
| 1980 | + padding: 5px; | |
| 1981 | +} | |
| 1982 | +#vbpaymentlogdiv pre { | |
| 1983 | + border: 1px solid var(--vbo-main-bg-color); | |
| 1984 | + width: 70%; | |
| 1985 | + min-height: calc(100% - 22px); | |
| 1986 | + margin: 0; | |
| 1987 | + padding: 10px; | |
| 1988 | + box-sizing: border-box; | |
| 1989 | +} | |
| 1990 | +.vbo-eorder-paymentlog-buttons { | |
| 1991 | + float: right; | |
| 1992 | + box-sizing: border-box; | |
| 1993 | + width: calc(30% - 10px); | |
| 1994 | + max-width: 300px; | |
| 1995 | + margin-left: 10px; | |
| 1996 | +} | |
| 1997 | +.vbo-eorder-paymentlog-buttons .btn { | |
| 1998 | + text-align: left; | |
| 1999 | + width: 100%; | |
| 2000 | + box-sizing: border-box; | |
| 2001 | + margin-bottom: 10px; | |
| 2002 | + white-space: break-spaces; | |
| 2003 | +} | |
| 2004 | +.vbo-eorder-paymentlog-buttons .vcm-pcid-otareporting-wrapper { | |
| 2005 | + margin-top: 0; | |
| 2006 | +} | |
| 2007 | +.vbo-eorder-paymentlog-buttons .vbo-eorder-emptyccdata .btn { | |
| 2008 | + text-align: left; | |
| 2009 | +} | |
| 2010 | +.vbo-eorder-paymentlog-buttons .vbo-context-menu-btn { | |
| 2011 | + display: flex; | |
| 2012 | +} | |
| 2013 | +.vbo-eorder-paymentlog-buttons .vbo-context-menu-btn .vbo-context-menu-lbl { | |
| 2014 | + flex: 1; | |
| 2015 | +} | |
| 2016 | +.vbordersp { | |
| 2017 | + font-weight:bold; | |
| 2018 | +} | |
| 2019 | +.vbordersphighlight { | |
| 2020 | + background: none repeat scroll 0 0 var(--vbo-base-color); | |
| 2021 | + border: 0 none; | |
| 2022 | + border-radius: 5px; | |
| 2023 | + color: #ffffff; | |
| 2024 | + display: inline-block; | |
| 2025 | + margin: 0 0 0 -1px; | |
| 2026 | + padding: 4px; | |
| 2027 | +} | |
| 2028 | +#vbadminnotesdiv, #vbinvnotesdiv { | |
| 2029 | + display: none; | |
| 2030 | + border-radius: 5px; | |
| 2031 | + min-height: 250px; | |
| 2032 | + max-width: 500px; | |
| 2033 | + margin-top: 5px; | |
| 2034 | + overflow-x: auto; | |
| 2035 | + overflow-y: auto; | |
| 2036 | + padding: 5px; | |
| 2037 | +} | |
| 2038 | +textarea.vbadminnotestarea { | |
| 2039 | + width: 490px !important; | |
| 2040 | + height: 240px !important; | |
| 2041 | + border: 1px solid var(--vbo-main-bg-color); | |
| 2042 | + border-radius: 5px; | |
| 2043 | + padding: 3px; | |
| 2044 | + margin-bottom: 10px; | |
| 2045 | +} | |
| 2046 | +.vbroomparamp { | |
| 2047 | + margin-bottom: 0; | |
| 2048 | + padding-bottom: 6px; | |
| 2049 | +} | |
| 2050 | +.vbroomparamp.vbroomparampactive { | |
| 2051 | + border-left: 1px solid var(--vbo-config-titles-color-light); | |
| 2052 | +} | |
| 2053 | +#defcalcostp { | |
| 2054 | + margin-bottom: 4px; | |
| 2055 | +} | |
| 2056 | +p.vbroomparamp label { | |
| 2057 | + padding-right: 8px; | |
| 2058 | + display: inline-block !important; | |
| 2059 | + min-width: 195px; | |
| 2060 | +} | |
| 2061 | +p.vbroomparamp span { | |
| 2062 | + font-size: smaller; | |
| 2063 | + font-style: italic; | |
| 2064 | + display: inline-block; | |
| 2065 | + padding-left: 8px; | |
| 2066 | + max-width: 300px; | |
| 2067 | +} | |
| 2068 | +.vbapplydiscsp { | |
| 2069 | + float: right; | |
| 2070 | + cursor: pointer; | |
| 2071 | +} | |
| 2072 | +.vbdiscenter { | |
| 2073 | + display: none; | |
| 2074 | + margin-top: 5px; | |
| 2075 | + font-weight: normal; | |
| 2076 | + padding:5px 0 0 0; | |
| 2077 | + border-top:1px solid var(--vbo-config-border-color); | |
| 2078 | +} | |
| 2079 | +.vbdiscenter-entry { | |
| 2080 | + padding:3px 0; | |
| 2081 | +} | |
| 2082 | +.vbdiscenter-label { | |
| 2083 | + font-weight:bold; | |
| 2084 | + display:inline-block; | |
| 2085 | + min-width:50%; | |
| 2086 | +} | |
| 2087 | +.vbdiscenter-entrycentered { | |
| 2088 | + text-align: right; | |
| 2089 | +} | |
| 2090 | +.vbdiscenter-entrycentered input { | |
| 2091 | + background:var(--vbo-green-color); | |
| 2092 | + color:#fff; | |
| 2093 | + border-radius:4px; | |
| 2094 | +} | |
| 2095 | +.vbflushsession { | |
| 2096 | + background: none repeat scroll 0 0 var(--vbo-blue-color); | |
| 2097 | + border: 1px solid var(--vbo-blue-color); | |
| 2098 | + border-radius: 1px; | |
| 2099 | + color: #FFFFFF; | |
| 2100 | + display: inline-block; | |
| 2101 | + font-size: 12px; | |
| 2102 | + padding: 4px 12px; | |
| 2103 | + border-radius: 4px; | |
| 2104 | + text-decoration: none; | |
| 2105 | +} | |
| 2106 | +.vbflushsession:hover { | |
| 2107 | + text-decoration: none; | |
| 2108 | + color: #FFFFFF; | |
| 2109 | + background: var(--vbo-blue-color-hover); | |
| 2110 | + border-color: var(--vbo-blue-color-hover); | |
| 2111 | +} | |
| 2112 | +.vbflushsession:active { | |
| 2113 | + background: var(--vbo-blue-color-hover); | |
| 2114 | + border-color: var(--vbo-blue-color-hover); | |
| 2115 | + color: #fff; | |
| 2116 | +} | |
| 2117 | +.vbotasp { | |
| 2118 | + background: none repeat scroll 0 0 var(--vbo-blue-color); | |
| 2119 | + border: 0 none; | |
| 2120 | + border-radius: 5px; | |
| 2121 | + color: #FFFFFF; | |
| 2122 | + display: inline-block; | |
| 2123 | + font-weight: bold; | |
| 2124 | + margin: 0 3px 0 0; | |
| 2125 | + min-width: 67px; | |
| 2126 | + padding: 4px; | |
| 2127 | + position: relative; | |
| 2128 | +} | |
| 2129 | +.vbotasp:before { | |
| 2130 | + content: ""; | |
| 2131 | + height: 20px; | |
| 2132 | + left: -27px; | |
| 2133 | + position: absolute; | |
| 2134 | + top: 0; | |
| 2135 | + width: 20px; | |
| 2136 | +} | |
| 2137 | +.vbexplaination { | |
| 2138 | + font-style: italic; | |
| 2139 | + padding: 5px; | |
| 2140 | +} | |
| 2141 | +.vborderiddata { | |
| 2142 | + margin:10px 0 0 0; | |
| 2143 | +} | |
| 2144 | +.vborderiddata span { | |
| 2145 | + padding: 0 0 0 10px; | |
| 2146 | +} | |
| 2147 | +.vborderdatatab { | |
| 2148 | + line-height:1.4em; | |
| 2149 | + width:80%; | |
| 2150 | +} | |
| 2151 | +.vbordactionlink { | |
| 2152 | + background: none repeat scroll 0 0 var(--vbo-blue-color); | |
| 2153 | + border: 0 none; | |
| 2154 | + border-radius: 5px; | |
| 2155 | + color: #FFFFFF !important; | |
| 2156 | + display: inline-block; | |
| 2157 | + font-weight: bold; | |
| 2158 | + margin: 0 3px 0 0; | |
| 2159 | + padding: 4px; | |
| 2160 | +} | |
| 2161 | +.vbordroominfo { | |
| 2162 | + background: var(--vbo-config-child-bg-color); | |
| 2163 | + border-radius:5px; | |
| 2164 | + border: 1px solid var(--vbo-config-border-color); | |
| 2165 | + padding:10px; | |
| 2166 | + margin:0 0 10px 0; | |
| 2167 | + max-width:400px; | |
| 2168 | +} | |
| 2169 | +.vborderinfoblock { | |
| 2170 | + background: var(--vbo-config-child-bg-color); | |
| 2171 | + border-radius:5px; | |
| 2172 | + border: 1px solid var(--vbo-config-border-color); | |
| 2173 | + padding:10px; | |
| 2174 | + margin:0 0 10px 0; | |
| 2175 | +} | |
| 2176 | +.vbroomselfilter { | |
| 2177 | + margin-right: 5px; | |
| 2178 | +} | |
| 2179 | +.vbmodelink { | |
| 2180 | + border: 1px solid var(--vbo-config-border-color); | |
| 2181 | + border-radius: 3px; | |
| 2182 | + display: inline-block; | |
| 2183 | + color: var(--vbo-config-titles-color-light); | |
| 2184 | +} | |
| 2185 | +.vbmodelink:hover { | |
| 2186 | + border: 1px solid var(--vbo-base-color-hover); | |
| 2187 | +} | |
| 2188 | +.vbmodelink > span { | |
| 2189 | + display: inline-block; | |
| 2190 | + padding: 0 8px 0 3px; | |
| 2191 | +} | |
| 2192 | +.vbmodelink > i { | |
| 2193 | + background: var(--vbo-main-bg-color); | |
| 2194 | + font-size: 15px; | |
| 2195 | + padding: 8px 10px; | |
| 2196 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 2197 | +} | |
| 2198 | +.vbmodelink:hover > i, .vbmodelink:active > i { | |
| 2199 | + background-color: var(--vbo-base-color); | |
| 2200 | + color: #fff; | |
| 2201 | + border-right: 1px solid var(--vbo-base-color); | |
| 2202 | +} | |
| 2203 | +.vbmodelink-active { | |
| 2204 | + background: var(--vbo-config-bg-color) !important; | |
| 2205 | + border-color: var(--vbo-base-color); | |
| 2206 | + color: var(--vbo-base-color); | |
| 2207 | +} | |
| 2208 | +.vbmodelink-active > i { | |
| 2209 | + background: var(--vbo-base-color); | |
| 2210 | + color: #fff; | |
| 2211 | +} | |
| 2212 | +.vbimagedetbox { | |
| 2213 | + border: 1px solid var(--vbo-config-border-color); | |
| 2214 | + border-radius: 3px; | |
| 2215 | + padding: 20px; | |
| 2216 | + position: absolute; | |
| 2217 | + width: 300px; | |
| 2218 | + background-color: var(--vbo-config-bg-color); | |
| 2219 | + box-shadow: 0 0 20px rgba(0,0,0,0.2); | |
| 2220 | + color: var(--vbo-config-title-color); | |
| 2221 | + z-index: 1000; | |
| 2222 | + right: 0; | |
| 2223 | +} | |
| 2224 | +.captionlabel { | |
| 2225 | + padding:0 0 10px; | |
| 2226 | + display:inline-block; | |
| 2227 | + width: 95%; | |
| 2228 | + font-weight: bold; | |
| 2229 | +} | |
| 2230 | +.captionlabel span { | |
| 2231 | + display:block; | |
| 2232 | + margin:0 0 4px 0; | |
| 2233 | +} | |
| 2234 | +.captionlabel input { | |
| 2235 | + border-radius:3px; | |
| 2236 | + padding:2px; | |
| 2237 | + width: 100% !important; | |
| 2238 | +} | |
| 2239 | +.captionsubmit { | |
| 2240 | + background: none repeat scroll 0 0 var(--vbo-green-color); | |
| 2241 | + border: 1px solid var(--vbo-green-color) !important; | |
| 2242 | + border-radius: 2px; | |
| 2243 | + color: #fff; | |
| 2244 | + cursor: pointer; | |
| 2245 | + padding: 10px 14px !important; | |
| 2246 | + line-height: 18px; | |
| 2247 | + font-size: 13px; | |
| 2248 | +} | |
| 2249 | +.captionsubmit:hover { | |
| 2250 | + background-color: var(--vbo-green-color-hover) !important; | |
| 2251 | +} | |
| 2252 | +.captionsubmit:active { | |
| 2253 | + background-color: var(--vbo-green-color-hover) !important; | |
| 2254 | +} | |
| 2255 | +.captionremoveimg { | |
| 2256 | + float: right; | |
| 2257 | + text-align: right; | |
| 2258 | +} | |
| 2259 | +.captionremoveimg span { | |
| 2260 | + float: left; | |
| 2261 | + display: inline-block; | |
| 2262 | + margin: 8px 6px 0px; | |
| 2263 | +} | |
| 2264 | +.captionremoveimg a { | |
| 2265 | + float:left; | |
| 2266 | + display:inline-block; | |
| 2267 | +} | |
| 2268 | +.captionremoveimg .icon-remove { | |
| 2269 | + font-size: 10px; | |
| 2270 | + margin-left: -5px; | |
| 2271 | + margin-right: 5px; | |
| 2272 | +} | |
| 2273 | +.vbheadfourblue { | |
| 2274 | + background: #02679a; | |
| 2275 | + color: #fff; | |
| 2276 | + margin-bottom: -5px !important; | |
| 2277 | + padding: 6px 3px 6px 6px; | |
| 2278 | + border-radius: 3px; | |
| 2279 | +} | |
| 2280 | +.vbswitchrblock { | |
| 2281 | + float: right; | |
| 2282 | + display: block; | |
| 2283 | + padding: 5px; | |
| 2284 | + border: 1px solid #ccc; | |
| 2285 | + border-radius: 3px; | |
| 2286 | + clear: both; | |
| 2287 | +} | |
| 2288 | +.vbswitchrblock select { | |
| 2289 | + margin: 0 !important; | |
| 2290 | +} | |
| 2291 | +.vbo-ebusy-lbl { | |
| 2292 | + display: block; | |
| 2293 | + font-weight: bold; | |
| 2294 | + font-size: larger; | |
| 2295 | + margin-left: 3px; | |
| 2296 | +} | |
| 2297 | +.vbo-ebusy-opt-table tr td { | |
| 2298 | + padding-right: 15px !important; | |
| 2299 | +} | |
| 2300 | +.vbo-ebusy-opt-table tr td:last-child { | |
| 2301 | + text-align: center; | |
| 2302 | + padding: 0 !important; | |
| 2303 | +} | |
| 2304 | +.vbo-ebusy-tars-table tr td { | |
| 2305 | + padding-right: 15px !important; | |
| 2306 | +} | |
| 2307 | +.vbo-ebusy-toggle-aduchild { | |
| 2308 | + border-left: 1px solid rgb(255, 255, 255); | |
| 2309 | + color: #e6e6e6; | |
| 2310 | + cursor: pointer; | |
| 2311 | + display: inline-block; | |
| 2312 | + float: right; | |
| 2313 | + height: 100%; | |
| 2314 | + min-width: 25px; | |
| 2315 | + padding-left: 0.7em; | |
| 2316 | + padding-top: 1px; | |
| 2317 | + padding-bottom: 1px; | |
| 2318 | +} | |
| 2319 | +.vbo-ebusy-rmroom { | |
| 2320 | + border-left: 1px solid rgb(255, 255, 255); | |
| 2321 | + color: #ff0000; | |
| 2322 | + cursor: pointer; | |
| 2323 | + display: inline-block; | |
| 2324 | + float: right; | |
| 2325 | + height: 100%; | |
| 2326 | + min-width: 25px; | |
| 2327 | + padding-left: 0.7em; | |
| 2328 | + padding-top: 1px; | |
| 2329 | + padding-bottom: 1px; | |
| 2330 | +} | |
| 2331 | +.vbo-ebusy-toggle-aduchild-on { | |
| 2332 | + color: #fff; | |
| 2333 | +} | |
| 2334 | +.vbo-ebusy-addextracost { | |
| 2335 | + margin-left: 50px; | |
| 2336 | +} | |
| 2337 | +.vbo-ebusy-extracosts-table tr { | |
| 2338 | + border-bottom:1px solid #ddd; | |
| 2339 | + background: #eee; | |
| 2340 | +} | |
| 2341 | +.vbo-ebusy-extracosts-table td { | |
| 2342 | + padding: 10px !important; | |
| 2343 | +} | |
| 2344 | +.vbo-ebusy-extracosts-table td input { | |
| 2345 | + margin-bottom: 0; | |
| 2346 | +} | |
| 2347 | +.vbo-ebusy-extracosts-cellrm { | |
| 2348 | + vertical-align: top; | |
| 2349 | +} | |
| 2350 | +.vbo-ebusy-extracosts-cellrm .btn { | |
| 2351 | + margin: 0; | |
| 2352 | +} | |
| 2353 | +.vbo-ebusy-extracosts-celltax select { | |
| 2354 | + margin: 0 !important; | |
| 2355 | +} | |
| 2356 | +.vbo-add-room-overlay { | |
| 2357 | + padding: 10px 10px 20px; | |
| 2358 | +} | |
| 2359 | +.vbo-add-room-overlay .vbo-add-room-entry { | |
| 2360 | + display: flex; | |
| 2361 | + flex-wrap: wrap; | |
| 2362 | + width: 100%; | |
| 2363 | +} | |
| 2364 | +.vbo-add-room-overlay .vbo-add-room-entry:first-child select { | |
| 2365 | + display: block; | |
| 2366 | + width: 100% !important; | |
| 2367 | + max-width: 100%; | |
| 2368 | +} | |
| 2369 | +.vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline { | |
| 2370 | + display: inline-block; | |
| 2371 | + vertical-align: top; | |
| 2372 | + flex: 1; | |
| 2373 | + margin: 8px 0; | |
| 2374 | +} | |
| 2375 | +.vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline:first-child { | |
| 2376 | + margin-right: 20px; | |
| 2377 | +} | |
| 2378 | +.vbo-info-overlay-block .vbo-add-room-entry-inline input[type="text"], .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="number"], | |
| 2379 | +.vbo-info-overlay-block .vbo-add-room-entry-inline select { | |
| 2380 | + width: 100% !important; | |
| 2381 | + box-sizing: border-box; | |
| 2382 | + height: auto; | |
| 2383 | +} | |
| 2384 | +/* START: VikBooking v1.6 */ | |
| 2385 | +.add-tax-breakdown-cont { | |
| 2386 | + margin-bottom: 0; | |
| 2387 | + border: 1px solid var(--vbo-config-border-color); | |
| 2388 | + padding: 10px; | |
| 2389 | + border-radius: 4px; | |
| 2390 | + margin: 4px 0 10px; | |
| 2391 | + display: flex; | |
| 2392 | + flex-wrap: wrap; | |
| 2393 | +} | |
| 2394 | +.add-tax-breakdown-cont .add-tax-breakdown-remove { | |
| 2395 | + margin-left: auto; | |
| 2396 | + order: 3; | |
| 2397 | + align-self: end; | |
| 2398 | +} | |
| 2399 | +.add-tax-breakdown-cont > div { | |
| 2400 | + display: inline-block; | |
| 2401 | + vertical-align: top; | |
| 2402 | + margin: 3px 0; | |
| 2403 | +} | |
| 2404 | +.add-tax-breakdown-cont .add-tax-breakdown-name { | |
| 2405 | + flex-basis: 100%; | |
| 2406 | +} | |
| 2407 | +.add-tax-breakdown-cont div span { | |
| 2408 | + display: inline-block; | |
| 2409 | + min-width: 100px; | |
| 2410 | +} | |
| 2411 | +.add-tax-breakdown-cont .add-tax-breakdown-rate { | |
| 2412 | + display: block; | |
| 2413 | +} | |
| 2414 | +.add-tax-breakdown-remove { | |
| 2415 | + cursor: pointer; | |
| 2416 | + font-size: 20px; | |
| 2417 | +} | |
| 2418 | +.vbo-select-all { | |
| 2419 | + display: block; | |
| 2420 | + width: 180px; | |
| 2421 | + margin: 0 0 5px 0; | |
| 2422 | + padding: 5px 2px; | |
| 2423 | + background: var(--vbo-basic-btn); | |
| 2424 | + border: 1px solid var(--vbo-config-border-color); | |
| 2425 | + cursor: pointer; | |
| 2426 | + text-align: center; | |
| 2427 | +} | |
| 2428 | +.vbo-select-all:hover { | |
| 2429 | + background: var(--vbo-basic-btn-hover); | |
| 2430 | +} | |
| 2431 | +#vbo-pkg-calcexcld { | |
| 2432 | + display: inline-block; | |
| 2433 | + margin-right: 10px; | |
| 2434 | +} | |
| 2435 | +#vbo-pkg-excldates-td { | |
| 2436 | + display: inline-block; | |
| 2437 | + vertical-align: top; | |
| 2438 | +} | |
| 2439 | +#vbo-pkg-excldates-td select { | |
| 2440 | + height: 90px !important; | |
| 2441 | +} | |
| 2442 | +.promotr { | |
| 2443 | + display: none; | |
| 2444 | +} | |
| 2445 | +#promovalidity { | |
| 2446 | + display: inline-block; | |
| 2447 | + padding-left: 5px; | |
| 2448 | +} | |
| 2449 | +/* END: VikBooking v1.6 */ | |
| 2450 | +/* Back-end Menu */ | |
| 2451 | +.vbo-menu-container { | |
| 2452 | + display: flex; | |
| 2453 | + align-items: flex-start; | |
| 2454 | + margin-bottom: 50px; | |
| 2455 | +} | |
| 2456 | +.vbo-menu-container-closer { | |
| 2457 | + margin-bottom: 10px; | |
| 2458 | +} | |
| 2459 | +.vbo-menu-left { | |
| 2460 | + float: left; | |
| 2461 | + display: inline-flex; | |
| 2462 | + margin-right: 15px; | |
| 2463 | + max-width: 150px; | |
| 2464 | + border-radius: 5px; | |
| 2465 | + padding: 10px; | |
| 2466 | + margin-top: -10px; | |
| 2467 | +} | |
| 2468 | +.vbo-menu-left:hover { | |
| 2469 | + background: #ddd; | |
| 2470 | +} | |
| 2471 | +.vbo-menu-left img { | |
| 2472 | + max-width: 100%; | |
| 2473 | + border: 0; | |
| 2474 | + position: relative; | |
| 2475 | + display: inline-block; | |
| 2476 | + -webkit-transform: translateZ(0); | |
| 2477 | + -moz-transform: translateZ(0); | |
| 2478 | + transform: translateZ(0); | |
| 2479 | +} | |
| 2480 | +.vbo-menu-left a { | |
| 2481 | + position: relative; | |
| 2482 | + display: inline-flex; | |
| 2483 | + overflow: hidden; | |
| 2484 | +} | |
| 2485 | +.vbo-menu-left a, .vbo-menu-left a:link, .vbo-menu-left a:visited, .vbo-menu-left a:hover { | |
| 2486 | + text-decoration: none; | |
| 2487 | +} | |
| 2488 | +.vbo-menu-left a:after { | |
| 2489 | + opacity: 0; | |
| 2490 | +} | |
| 2491 | +.vbo-menu-left a:hover:after { | |
| 2492 | + animation: shine 5s ease-in-out infinite; | |
| 2493 | + animation-fill-mode: forwards; | |
| 2494 | + content: ""; | |
| 2495 | + position: absolute; | |
| 2496 | + top: -110%; | |
| 2497 | + left: -210%; | |
| 2498 | + width: 100%; | |
| 2499 | + height: 200%; | |
| 2500 | + opacity: 0; | |
| 2501 | + transform: rotate(30deg); | |
| 2502 | + | |
| 2503 | + background: rgba(255, 255, 255, 0.13); | |
| 2504 | + background: linear-gradient( | |
| 2505 | + to right, | |
| 2506 | + rgba(255, 255, 255, 0.13) 0%, | |
| 2507 | + rgba(255, 255, 255, 0.13) 77%, | |
| 2508 | + rgba(255, 255, 255, 0.5) 92%, | |
| 2509 | + rgba(255, 255, 255, 0.0) 100% | |
| 2510 | + ); | |
| 2511 | +} | |
| 2512 | +@keyframes shine { | |
| 2513 | + 10% { | |
| 2514 | + opacity: 1; | |
| 2515 | + top: -60%; | |
| 2516 | + left: -20%; | |
| 2517 | + transition-property: left, top, opacity; | |
| 2518 | + transition-duration: 0.7s, 0.7s, 0.15s; | |
| 2519 | + transition-timing-function: ease; | |
| 2520 | + } | |
| 2521 | + 100% { | |
| 2522 | + opacity: 0; | |
| 2523 | + top: -60%; | |
| 2524 | + left: -20%; | |
| 2525 | + transition-property: left, top, opacity; | |
| 2526 | + } | |
| 2527 | +} | |
| 2528 | +.vbo-menu-right { | |
| 2529 | + flex: 1; | |
| 2530 | + background: #22485d; | |
| 2531 | + border-radius: 6px; | |
| 2532 | +} | |
| 2533 | +.vbo-menu-right ul { | |
| 2534 | + list-style-type: none; | |
| 2535 | + margin: 0; | |
| 2536 | + padding: 0 0 0 2px; | |
| 2537 | +} | |
| 2538 | +.vbo-menu-right > .vbo-menu-ul { | |
| 2539 | + display: inline-block; | |
| 2540 | +} | |
| 2541 | +.vbo-menu-updates { | |
| 2542 | + float: right; | |
| 2543 | + display: inline-block; | |
| 2544 | +} | |
| 2545 | +.vbo-menu-updates > button { | |
| 2546 | + float: right; | |
| 2547 | + display: inline-block; | |
| 2548 | + background: #3f708b; | |
| 2549 | + color: #fff; | |
| 2550 | + font-weight: bold; | |
| 2551 | + border: 1px solid #3f708b; | |
| 2552 | + padding: 13px 15px; | |
| 2553 | + border-radius: 36px; | |
| 2554 | + margin: 7px 8px 6px 2px; | |
| 2555 | +} | |
| 2556 | +.vbo-menu-updates button span { | |
| 2557 | + max-width: 120px; | |
| 2558 | + white-space: nowrap; | |
| 2559 | + overflow: hidden; | |
| 2560 | + text-overflow: ellipsis; | |
| 2561 | + display: inline-block; | |
| 2562 | + vertical-align: top; | |
| 2563 | +} | |
| 2564 | +.vbo-menu-updates button i { | |
| 2565 | + display: inline-block; | |
| 2566 | + vertical-align: middle; | |
| 2567 | + margin-right: 5px; | |
| 2568 | +} | |
| 2569 | +.vbo-menu-updates button.vbo-help-wizard-handler i { | |
| 2570 | + font-size: 24px; | |
| 2571 | +} | |
| 2572 | +.vbo-menu-updates button.vbo-multitasking-apps i { | |
| 2573 | + margin-right: 0; | |
| 2574 | + vertical-align: middle; | |
| 2575 | +} | |
| 2576 | +.vbo-menu-updates.vbo-menu-needupdate button { | |
| 2577 | + background: var(--vbo-green-color); | |
| 2578 | + border: 1px solid var(--vbo-green-color); | |
| 2579 | +} | |
| 2580 | +.vbo-submenu-wrap { | |
| 2581 | + background: var(--vbo-config-bg-color); | |
| 2582 | + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); | |
| 2583 | + min-width: 180px; | |
| 2584 | + padding: 5px 0; | |
| 2585 | + border-radius: 10px; | |
| 2586 | + margin: 0; | |
| 2587 | + position: absolute; | |
| 2588 | + z-index: 100; | |
| 2589 | + | |
| 2590 | + visibility: hidden; | |
| 2591 | + opacity: 0; | |
| 2592 | + transform: scale(0.99) translateY(-0.7em); | |
| 2593 | + transform-origin: top; | |
| 2594 | + transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); | |
| 2595 | + transition-duration: 500ms; | |
| 2596 | + transition-property: opacity,transform; | |
| 2597 | +} | |
| 2598 | +.vbo-submenu-wrap.vbo-submenu-wrap-toleft { | |
| 2599 | + right: 0; | |
| 2600 | +} | |
| 2601 | +@media screen and (min-width: 1012px) { | |
| 2602 | + .vbo-submenu-wrap { | |
| 2603 | + width: 230px; | |
| 2604 | + padding: 22px; | |
| 2605 | + } | |
| 2606 | + .vbo-submenu-wrap-multi { | |
| 2607 | + width: 400px; | |
| 2608 | + display: flex; | |
| 2609 | + } | |
| 2610 | + .vbo-submenu-wrap-multi .vbo-submenu-ul { | |
| 2611 | + padding-right: 10px; | |
| 2612 | + min-width: 45%; | |
| 2613 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 2614 | + } | |
| 2615 | + .vbo-submenu-wrap-multi .vbo-submenu-helper-ul { | |
| 2616 | + padding-left: 22px; | |
| 2617 | + flex: 1; | |
| 2618 | + } | |
| 2619 | + .vbo-menu-ul .vbo-menu-parent-li:nth-child(n+3):last-child .vbo-submenu-wrap-multi { | |
| 2620 | + right: 0; | |
| 2621 | + } | |
| 2622 | +} | |
| 2623 | +@media screen and (max-width: 1012px) { | |
| 2624 | + .vbo-submenu-wrap { | |
| 2625 | + padding: 15px 20px; | |
| 2626 | + } | |
| 2627 | + .vbo-submenu-wrap-multi .vbo-submenu-ul { | |
| 2628 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 2629 | + padding-bottom: 10px; | |
| 2630 | + } | |
| 2631 | + .vbo-submenu-wrap-multi .vbo-submenu-helper-ul { | |
| 2632 | + margin-top: 10px; | |
| 2633 | + } | |
| 2634 | +} | |
| 2635 | +.vbo-menu-ul > li:hover .vbo-submenu-wrap { | |
| 2636 | + visibility: visible; | |
| 2637 | + opacity: 1; | |
| 2638 | + transform: scale(1) translateY(0); | |
| 2639 | +} | |
| 2640 | +.vbo-menu-ul li { | |
| 2641 | + display: inline-block; | |
| 2642 | + text-align: left; | |
| 2643 | + position: relative; | |
| 2644 | + padding: 5px 4px; | |
| 2645 | +} | |
| 2646 | +.vbo-submenu-wrap ul li { | |
| 2647 | + display: block; | |
| 2648 | + width: 100%; | |
| 2649 | + line-height: initial; | |
| 2650 | + padding: 0; | |
| 2651 | +} | |
| 2652 | +.vbo-submenu-wrap li > div { | |
| 2653 | + display: block; | |
| 2654 | + font-size: 14px; | |
| 2655 | +} | |
| 2656 | +.vbo-submenu-wrap-multi .vbo-submenu-helper-lbl-li { | |
| 2657 | + font-weight: bold; | |
| 2658 | + font-size: 15px; | |
| 2659 | + margin-bottom: 5px; | |
| 2660 | +} | |
| 2661 | +.vbo-menu-parent-li > span { | |
| 2662 | + display: inline-block; | |
| 2663 | + color:#ffffff; | |
| 2664 | + cursor: pointer; | |
| 2665 | + padding: 14px 22px; | |
| 2666 | + font-size: 14px; | |
| 2667 | + font-weight: bold; | |
| 2668 | + position: relative; | |
| 2669 | + border-radius: 8px; | |
| 2670 | +} | |
| 2671 | +.vbo-menu-parent-li > span a { | |
| 2672 | + color: #fff !important; | |
| 2673 | +} | |
| 2674 | +.vbo-menu-parent-li > span a:hover { | |
| 2675 | + text-decoration: none !important; | |
| 2676 | +} | |
| 2677 | +.vbo-menu-parent-li > span .vbo-submenu-chevron { | |
| 2678 | + transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); | |
| 2679 | + transition-duration: 500ms; | |
| 2680 | + transition-property: opacity,transform; | |
| 2681 | + font-size: 12px; | |
| 2682 | + opacity: .7; | |
| 2683 | + margin-left: 4px; | |
| 2684 | +} | |
| 2685 | +.vbo-menu-parent-li:hover > span .vbo-submenu-chevron { | |
| 2686 | + transform: translateY(2px); | |
| 2687 | +} | |
| 2688 | +.vbo-menu-parent-li-active > span { | |
| 2689 | + background: #c2880e; | |
| 2690 | +} | |
| 2691 | +.vbo-menu-parent-li:not(.vbo-menu-parent-li-active) > span:hover, | |
| 2692 | +.vbo-menu-parent-li-opened:not(.vbo-menu-parent-li-active) > span { | |
| 2693 | + background: #3f708b; | |
| 2694 | +} | |
| 2695 | +.vbo-menu-parent-li > span > i { | |
| 2696 | + margin-left: -2px; | |
| 2697 | + margin-right: 0; | |
| 2698 | + font-size: 16px; | |
| 2699 | +} | |
| 2700 | +.vbo-menu-parent-li > span > a { | |
| 2701 | + margin-left: 7px; | |
| 2702 | +} | |
| 2703 | +.vbo-submenu-wrap li { | |
| 2704 | + margin: 0; | |
| 2705 | +} | |
| 2706 | +.vbo-submenu-wrap li > div a { | |
| 2707 | + padding: 8px 0; | |
| 2708 | + display: flex; | |
| 2709 | + gap: 4px; | |
| 2710 | +} | |
| 2711 | +.vbo-submenu-wrap li > div a i { | |
| 2712 | + margin-top: 2px; | |
| 2713 | + font-size: 14px; | |
| 2714 | + color: var(--vbo-config-titles-color-light); | |
| 2715 | + min-width: 22px; | |
| 2716 | +} | |
| 2717 | +.vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar { | |
| 2718 | + display: inline-block; | |
| 2719 | +} | |
| 2720 | +.vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img { | |
| 2721 | + max-width: 100%; | |
| 2722 | + border-radius: 50%; | |
| 2723 | + object-fit: cover; | |
| 2724 | + height: 20px; | |
| 2725 | + width: 20px; | |
| 2726 | + margin-right: 8px; | |
| 2727 | +} | |
| 2728 | +.vbo-submenu-wrap li .vbo-submenu-item { | |
| 2729 | + line-height: 1.4em; | |
| 2730 | + margin-left: 2px; | |
| 2731 | +} | |
| 2732 | +.vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-txt { | |
| 2733 | + display: block; | |
| 2734 | +} | |
| 2735 | +.vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-title { | |
| 2736 | + font-weight: bold; | |
| 2737 | + font-size: 16px; | |
| 2738 | +} | |
| 2739 | +.vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-help { | |
| 2740 | + font-size: 14px; | |
| 2741 | + color: var(--vbo-config-titles-color-light); | |
| 2742 | +} | |
| 2743 | +.vbo-submenu-wrap li:first-child a { | |
| 2744 | + padding-top: 0; | |
| 2745 | +} | |
| 2746 | +.vbo-submenu-wrap li:last-child a { | |
| 2747 | + padding-bottom: 0; | |
| 2748 | +} | |
| 2749 | +.vmenulink a { | |
| 2750 | + display: block; | |
| 2751 | +} | |
| 2752 | +.vmenulink a { | |
| 2753 | + color: var(--vbo-body-text-color) !important; | |
| 2754 | +} | |
| 2755 | +.vmenulinkactive a { | |
| 2756 | + display: block; | |
| 2757 | + color: var(--vbo-contrast-text-color) !important; | |
| 2758 | +} | |
| 2759 | +.vbo-submenu-wrap li:hover a, .vbo-submenu-wrap li .vmenulinkactive a, .vbo-submenu-wrap li:hover a *, .vbo-submenu-wrap li .vmenulinkactive a * { | |
| 2760 | + text-decoration: none; | |
| 2761 | + color: var(--vbo-base-color) !important; | |
| 2762 | +} | |
| 2763 | +.vbo-submenu-helper-ul > li > .vmenulink { | |
| 2764 | + display: flex; | |
| 2765 | + justify-content: space-between; | |
| 2766 | + padding: 8px 0; | |
| 2767 | +} | |
| 2768 | +.vbo-submenu-helper-ul > li div a { | |
| 2769 | + padding: 0; | |
| 2770 | +} | |
| 2771 | +.vbo-submenu-helper-ul > li > .vmenulink .vbo-submenu-item-helper-setpin { | |
| 2772 | + align-self: center; | |
| 2773 | + margin-left: auto; | |
| 2774 | + font-size: 12px; | |
| 2775 | + display: inline-block; | |
| 2776 | + padding: 2px 3px; | |
| 2777 | + cursor: pointer; | |
| 2778 | +} | |
| 2779 | +.vbo-submenu-helper-ul > li.vbo-submenu-item-helper-unpinned .vmenulink .vbo-submenu-item-helper-setpin { | |
| 2780 | + opacity: 0; | |
| 2781 | +} | |
| 2782 | +.vbo-submenu-item-helper-pinned .vbo-submenu-item-helper-setpin { | |
| 2783 | + color: var(--vbo-base-color); | |
| 2784 | + opacity: .7; | |
| 2785 | +} | |
| 2786 | +.vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin { | |
| 2787 | + opacity: 1; | |
| 2788 | + | |
| 2789 | + transition: all 200ms ease-in-out 200ms; | |
| 2790 | + -moz-transition: all 200ms ease-in-out 200ms; | |
| 2791 | + -webkit-transition: all 200ms ease-in-out 200ms; | |
| 2792 | + -o-transition: all 200ms ease-in-out 200ms; | |
| 2793 | +} | |
| 2794 | +.vbo-submenu-item-helper-unpinned .vbo-submenu-item-helper-setpin { | |
| 2795 | + color: var(--vbo-config-text-color-light); | |
| 2796 | +} | |
| 2797 | +.vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin:hover { | |
| 2798 | + opacity: 1; | |
| 2799 | + color: var(--vbo-base-color); | |
| 2800 | +} | |
| 2801 | + | |
| 2802 | + | |
| 2803 | +/* END Back-end Menu */ | |
| 2804 | +.vbo-config-warn { | |
| 2805 | + display: block; | |
| 2806 | + font-style: italic; | |
| 2807 | + margin: 5px 0 0; | |
| 2808 | +} | |
| 2809 | +/* Bookings List - Begin */ | |
| 2810 | +table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td { | |
| 2811 | + vertical-align: middle; | |
| 2812 | + font-size: 13px; | |
| 2813 | +} | |
| 2814 | +table.vbo-list-table tbody tr .vbo-highlighted-td { | |
| 2815 | + font-weight: bold; | |
| 2816 | +} | |
| 2817 | +.vbo-coupon-use-count a { | |
| 2818 | + display: inline-block; | |
| 2819 | + background: var(--vbo-base-color); | |
| 2820 | + padding: 0 5px; | |
| 2821 | + border-radius: 4px; | |
| 2822 | + color: var(--vbo-contrast-text-color); | |
| 2823 | +} | |
| 2824 | +.vbo-coupon-use-count a:hover { | |
| 2825 | + background: var(--vbo-base-color-hover); | |
| 2826 | + color: var(--vbo-contrast-text-color); | |
| 2827 | +} | |
| 2828 | +.vbo-list-table .btn { | |
| 2829 | + white-space: nowrap; | |
| 2830 | +} | |
| 2831 | +.vbo-list-table .btn i { | |
| 2832 | + margin-right: 3px; | |
| 2833 | +} | |
| 2834 | +a.vbo-bookingslist-viewdet-link { | |
| 2835 | + display: inline-block; | |
| 2836 | + cursor: pointer; | |
| 2837 | + color: #fff; | |
| 2838 | + min-width: 60%; | |
| 2839 | +} | |
| 2840 | +a.vbo-bookingslist-viewdet-link:hover { | |
| 2841 | + text-decoration: none; | |
| 2842 | +} | |
| 2843 | +.vbo-room-channels-mapped-wrap > div { | |
| 2844 | + display: inline-block; | |
| 2845 | + vertical-align: middle; | |
| 2846 | +} | |
| 2847 | +.vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch { | |
| 2848 | + border-radius: 50%; | |
| 2849 | + object-fit: cover; | |
| 2850 | + border: 1px solid var(--vbo-config-border-color); | |
| 2851 | + width: 32px; | |
| 2852 | + height: 32px; | |
| 2853 | + line-height: 28px; | |
| 2854 | + font-weight: bold; | |
| 2855 | + margin: 2px 0; | |
| 2856 | +} | |
| 2857 | +.vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl { | |
| 2858 | + display: inline-block; | |
| 2859 | + line-height: initial; | |
| 2860 | +} | |
| 2861 | +.vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl img { | |
| 2862 | + width: 20px; | |
| 2863 | + height: 20px; | |
| 2864 | + border-radius: 4px; | |
| 2865 | + vertical-align: middle; | |
| 2866 | + object-fit: cover; | |
| 2867 | +} | |
| 2868 | +.vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span { | |
| 2869 | + line-height: 34px; | |
| 2870 | +} | |
| 2871 | +.vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch[data-ota-idroom] { | |
| 2872 | + cursor: pointer; | |
| 2873 | +} | |
| 2874 | +.vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch { | |
| 2875 | + border-radius: 50%; | |
| 2876 | + margin: 2px; | |
| 2877 | + width: 32px; | |
| 2878 | + height: 32px; | |
| 2879 | + text-align: center; | |
| 2880 | +} | |
| 2881 | +.vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch img { | |
| 2882 | + width: 20px; | |
| 2883 | + height: 20px; | |
| 2884 | + object-fit: cover; | |
| 2885 | +} | |
| 2886 | +.vbo-modal-ota-listing-details-wrap .vbo-room-ota-listing-details { | |
| 2887 | + height: 35px; | |
| 2888 | + border-radius: 6px; | |
| 2889 | + object-fit: cover; | |
| 2890 | + display: inline-block; | |
| 2891 | + vertical-align: middle; | |
| 2892 | +} | |
| 2893 | +.vbo-room-channels-onboard-ch-lbl { | |
| 2894 | + border-radius: 20px; | |
| 2895 | + border: 1px solid var(--vbo-green-color-focus); | |
| 2896 | + padding: 0 8px; | |
| 2897 | + display: flex; | |
| 2898 | + align-items: center; | |
| 2899 | + gap: 5px; | |
| 2900 | + height: 32px; | |
| 2901 | + cursor: pointer; | |
| 2902 | + overflow: hidden; | |
| 2903 | + transition: ease .3s; | |
| 2904 | +} | |
| 2905 | +.vbo-room-channels-onboard-ch-lbl:hover { | |
| 2906 | + border-color: var(--vbo-green-color-focus); | |
| 2907 | + background-color: var(--vbo-green-color-focus); | |
| 2908 | +} | |
| 2909 | +.vbo-room-channels-onboard-ch-lbl i { | |
| 2910 | + color: var(--vbo-green-color); | |
| 2911 | + font-size: 16px; | |
| 2912 | +} | |
| 2913 | +.vbo-room-channels-onboard-ch-lbl:hover i { | |
| 2914 | + color: #fff; | |
| 2915 | + animation: ease-rotate-icon 0.5s ease; | |
| 2916 | +} | |
| 2917 | +.vbo-room-channels-onboard-ch-lbl img { | |
| 2918 | + width: 20px; | |
| 2919 | + height: 20px; | |
| 2920 | + border-radius: 50%; | |
| 2921 | + object-fit: cover; | |
| 2922 | + filter: grayscale(.7); | |
| 2923 | + opacity: .6; | |
| 2924 | +} | |
| 2925 | +.vbo-room-channels-onboard-ch-lbl:hover img { | |
| 2926 | + opacity: 1; | |
| 2927 | + filter: none; | |
| 2928 | +} | |
| 2929 | + | |
| 2930 | +@keyframes ease-rotate-icon { | |
| 2931 | + from { | |
| 2932 | + transform: translateX(-200%) rotate(0); | |
| 2933 | + } | |
| 2934 | + to { | |
| 2935 | + transform: translateX(0%) rotate(180deg); | |
| 2936 | + } | |
| 2937 | +} | |
| 2938 | + | |
| 2939 | +.vbo-room-sharedcalendar { | |
| 2940 | + border: 1px solid var(--vbo-config-border-color); | |
| 2941 | + padding: 3px 6px; | |
| 2942 | + border-radius: 4px; | |
| 2943 | + background: var(--vbo-basic-btn); | |
| 2944 | + display: inline-block; | |
| 2945 | + margin-right: 3px; | |
| 2946 | +} | |
| 2947 | +.vbo-allbookings-fm, .vbo-list-form { | |
| 2948 | + background: var(--vbo-main-bg-color); | |
| 2949 | +} | |
| 2950 | +form[name="invoicesform"] { | |
| 2951 | + margin-bottom: 0; | |
| 2952 | +} | |
| 2953 | +form[name="invoicesform"] .btn-toolbar { | |
| 2954 | + margin-bottom: 0; | |
| 2955 | +} | |
| 2956 | +.vbo-allbookings-fm .btn-group { | |
| 2957 | + position: relative; | |
| 2958 | +} | |
| 2959 | +.vbo-list-form { | |
| 2960 | + padding-top: 10px; | |
| 2961 | +} | |
| 2962 | +.vbo-allbookings-fm #filter-bar, .vbo-avov-toolbar, .vbo-btn-toolbar { | |
| 2963 | + margin-top: 0 !important; | |
| 2964 | + height: auto !important; | |
| 2965 | + background: var(--vbo-toolbar-bg-color); | |
| 2966 | + padding: 10px; | |
| 2967 | + box-sizing: border-box; | |
| 2968 | +} | |
| 2969 | +.vbo-allbookings-fm #vbo-search-tools-cont { | |
| 2970 | + margin-top: 5px; | |
| 2971 | + height: auto !important; | |
| 2972 | + padding: 10px; | |
| 2973 | + box-sizing: border-box; | |
| 2974 | +} | |
| 2975 | +.vbo-btn-toolbar #filter-bar { | |
| 2976 | + margin-top: 0; | |
| 2977 | +} | |
| 2978 | +.vbo-btn-toolbar .btn[type="submit"], .vbo-btn-toolbar .btn[type="button"], .vbo-reports-filters-wrap .btn[type="submit"], .vbo-reports-filters-wrap .btn[type="button"] { | |
| 2979 | + padding: 8px 15px; | |
| 2980 | + box-shadow: none; | |
| 2981 | + border-color: var(--vbo-config-border-color); | |
| 2982 | +} | |
| 2983 | +.vbo-btn-toolbar .btn[type="submit"] *:not(i), .vbo-btn-toolbar .btn[type="button"] *:not(i), .vbo-reports-filters-wrap .btn[type="submit"] *:not(i), .vbo-reports-filters-wrap .btn[type="button"] *:not(i) { | |
| 2984 | + font-weight: bold; | |
| 2985 | +} | |
| 2986 | +.vbo-btn-toolbar .btn-group .btn .icon-calendar, .vbo-reports-filters-wrap .btn-group .btn .icon-calendar { | |
| 2987 | + font-weight: normal; | |
| 2988 | +} | |
| 2989 | +.vbo-btn-toolbar .field-calendar .input-append, | |
| 2990 | +.vbo-btn-toolbar .vbo-field-calendar .input-append { | |
| 2991 | + margin-bottom: 0; | |
| 2992 | +} | |
| 2993 | +.vbo-btn-toolbar .input-append .btn { | |
| 2994 | + padding: 8px 12px; | |
| 2995 | + border: 1px solid var(--vbo-config-border-color); | |
| 2996 | + border-radius: 0 var(--vbo-field-radius) var(--vbo-field-radius) 0; | |
| 2997 | +} | |
| 2998 | +.vbo-btn-toolbar .input-append .btn:first-child { | |
| 2999 | + border-radius: var(--vbo-field-radius) 0 0 var(--vbo-field-radius); | |
| 3000 | +} | |
| 3001 | +.vbo-btn-toolbar .input-append .btn + input { | |
| 3002 | + margin-left: 0; | |
| 3003 | +} | |
| 3004 | +.vbo-btn-toolbar .btn-group #vbo-search-tools-btn { | |
| 3005 | + background: var(--vbo-blue-color); | |
| 3006 | + border: 1px solid var(--vbo-blue-color); | |
| 3007 | + color: #fff; | |
| 3008 | + padding: 7.5px 15px; | |
| 3009 | +} | |
| 3010 | +.vbo-btn-toolbar #vbo-search-tools-btn:hover { | |
| 3011 | + background: var(--vbo-config-bg-color); | |
| 3012 | + border-color: var(--vbo-blue-color)6; | |
| 3013 | + color: var(--vbo-blue-color); | |
| 3014 | +} | |
| 3015 | +.vbo-btn-toolbar #vbo-search-tools-btn .caret { | |
| 3016 | + border-top: 4px solid #fff !important; | |
| 3017 | + border-bottom: 0 !important; | |
| 3018 | + border-right: 4px solid transparent; | |
| 3019 | + border-left: 4px solid transparent; | |
| 3020 | + margin-left: 4px; | |
| 3021 | +} | |
| 3022 | +.vbo-btn-toolbar #vbo-search-tools-btn.btn-primary { | |
| 3023 | + background: var(--vbo-config-bg-color); | |
| 3024 | + border-color: var(--vbo-blue-color); | |
| 3025 | + color: var(--vbo-blue-color); | |
| 3026 | +} | |
| 3027 | +.vbo-btn-toolbar #vbo-search-tools-btn.btn-primary .caret { | |
| 3028 | + border-bottom: 4px solid #fff !important; | |
| 3029 | + border-top: 0 !important; | |
| 3030 | + border-right: 4px solid transparent; | |
| 3031 | + border-left: 4px solid transparent; | |
| 3032 | +} | |
| 3033 | +.vbo-btn-toolbar #vbo-search-tools-btn:hover .caret { | |
| 3034 | + border-top: 4px solid var(--vbo-blue-color) !important; | |
| 3035 | + border-bottom: 0 !important; | |
| 3036 | + border-right: 4px solid transparent; | |
| 3037 | + border-left: 4px solid transparent; | |
| 3038 | +} | |
| 3039 | +.vbo-btn-toolbar #vbo-search-tools-btn.btn-primary:hover .caret { | |
| 3040 | + border-bottom: 4px solid #fff !important; | |
| 3041 | + border-top: 0 !important; | |
| 3042 | + border-right: 4px solid transparent; | |
| 3043 | + border-left: 4px solid transparent; | |
| 3044 | +} | |
| 3045 | +.vbo-btn-toolbar .select2-container--default .select2-selection--multiple, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple { | |
| 3046 | + font-weight: normal; | |
| 3047 | + font-size: 14px !important; | |
| 3048 | + border: 1px solid var(--vbo-config-border-color) !important; | |
| 3049 | + border-radius: var(--vbo-field-radius) !important; | |
| 3050 | + background: var(--vbo-input-style); | |
| 3051 | + padding-right: 0; | |
| 3052 | + padding-bottom: 0; | |
| 3053 | +} | |
| 3054 | +.vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__rendered, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__rendered, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered { | |
| 3055 | + padding: 4px 5px; | |
| 3056 | + display: inherit; | |
| 3057 | +} | |
| 3058 | +.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear, .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear { | |
| 3059 | + display: inline-block; | |
| 3060 | + margin-left: 3px; | |
| 3061 | + margin-right: 0; | |
| 3062 | + width: 18px; | |
| 3063 | + height: 18px; | |
| 3064 | + line-height: 15px; | |
| 3065 | + font-size: 16px; | |
| 3066 | + text-align: center; | |
| 3067 | + border-radius: 50%; | |
| 3068 | + color: var(--vbo-config-titles-color-light); | |
| 3069 | + float: right; | |
| 3070 | +} | |
| 3071 | +.vbo-multiselect-inline-elems-wrap .select2-selection--multiple .select2-selection__rendered .select2-selection__clear { | |
| 3072 | + position: absolute; | |
| 3073 | + top: 50%; | |
| 3074 | + transform: translate(0, -50%); | |
| 3075 | + right: 4px; | |
| 3076 | + margin-top: 0; | |
| 3077 | + font-size: 14px; | |
| 3078 | +} | |
| 3079 | +.vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear:hover, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear:hover, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear:hover { | |
| 3080 | + background: var(--vbo-config-border-color); | |
| 3081 | + color: var(--vbo-config-titles-color-light); | |
| 3082 | +} | |
| 3083 | +.vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__arrow, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__arrow, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__arrow { | |
| 3084 | + height: 36px; | |
| 3085 | +} | |
| 3086 | +.vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice { | |
| 3087 | + background-color: var(--vbo-select2-bg) !important; | |
| 3088 | + border: 1px solid var(--vbo-select2-border) !important; | |
| 3089 | + border-radius: 30px !important; | |
| 3090 | + padding: 5px 10px !important; | |
| 3091 | + color: var(--vbo-base-color); | |
| 3092 | + font-weight: bold; | |
| 3093 | + font-size: 12px; | |
| 3094 | +} | |
| 3095 | +.vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove { | |
| 3096 | + display: inline-block; | |
| 3097 | + margin-left: 3px; | |
| 3098 | + margin-right: 0; | |
| 3099 | + width: 18px; | |
| 3100 | + height: 18px; | |
| 3101 | + line-height: 15px; | |
| 3102 | + font-size: 16px; | |
| 3103 | + text-align: center; | |
| 3104 | + border-radius: 50%; | |
| 3105 | + color: var(--vbo-base-color); | |
| 3106 | + float: right; | |
| 3107 | +} | |
| 3108 | +.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { | |
| 3109 | + z-index: 9; | |
| 3110 | + position: relative; | |
| 3111 | +} | |
| 3112 | +.vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover { | |
| 3113 | + background: var(--vbo-base-color-hover); | |
| 3114 | + color: #fff; | |
| 3115 | +} | |
| 3116 | +.vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-search__field, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-search__field, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-search__field { | |
| 3117 | + margin-top: 5px; | |
| 3118 | + margin-bottom: 5px !important; | |
| 3119 | + padding: 0; | |
| 3120 | +} | |
| 3121 | + | |
| 3122 | +/* | |
| 3123 | + * IMPORTANT: Just for the Toolbar: By using the "vbo-toolbar-multiselect-wrap" container we can use inline select2 results. | |
| 3124 | + */ | |
| 3125 | +.vbo-toolbar-multiselect-wrap .select2-container { | |
| 3126 | + width: auto !important; | |
| 3127 | + max-width: 500px; | |
| 3128 | +} | |
| 3129 | +.vbo-toolbar-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered { | |
| 3130 | + display: flex; | |
| 3131 | + flex-wrap: wrap; | |
| 3132 | + gap: 2px; | |
| 3133 | + padding: 4px 5px; | |
| 3134 | +} | |
| 3135 | +.vbo-toolbar-multiselect-wrap .select2-selection--multiple .select2-selection__rendered li .select2-search__field { | |
| 3136 | + margin-bottom: 0 !important; | |
| 3137 | + min-height: initial; | |
| 3138 | +} | |
| 3139 | +.vbo-toolbar-multiselect-wrap .select2-container .select2-search--inline { | |
| 3140 | + padding-top: 0; | |
| 3141 | +} | |
| 3142 | +.vbo-toolbar-multiselect-wrap .select2-selection__rendered > li:last-of-type:not(:only-of-type) { | |
| 3143 | + width: 20px !important; | |
| 3144 | + padding-top: 0; | |
| 3145 | + height: 20px; | |
| 3146 | +} | |
| 3147 | +.vbo-toolbar-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice { | |
| 3148 | + max-width: 120px; | |
| 3149 | + margin: 0; | |
| 3150 | + box-sizing: border-box; | |
| 3151 | +} | |
| 3152 | + | |
| 3153 | +.vbo-list-form-filters { | |
| 3154 | + padding: 10px 20px; | |
| 3155 | + border-radius: 6px; | |
| 3156 | +} | |
| 3157 | +.vbo-list-form-filters form { | |
| 3158 | + margin-bottom: 0; | |
| 3159 | + display: flex; | |
| 3160 | + flex-wrap: wrap; | |
| 3161 | +} | |
| 3162 | +.vbo-list-form-filter-select { | |
| 3163 | + display: inline-block; | |
| 3164 | + margin-right: 10px; | |
| 3165 | +} | |
| 3166 | +.vbo-list-form-filters form > .vbo-right-btn-container { | |
| 3167 | + margin-left: auto; | |
| 3168 | + align-self: end; | |
| 3169 | +} | |
| 3170 | +.vbo-avov-toolbar select { | |
| 3171 | + margin-bottom: 0; | |
| 3172 | + border-radius: 2px; | |
| 3173 | + border: 1px solid var(--vbo-config-border-color); | |
| 3174 | + padding: 8px 10px; | |
| 3175 | + height: inherit; | |
| 3176 | +} | |
| 3177 | +#vbo-search-tools-cont { | |
| 3178 | + width: 100%; | |
| 3179 | + display: inline-block; | |
| 3180 | + padding: 0px !important; | |
| 3181 | +} | |
| 3182 | +.pagination.pagination-toolbar { | |
| 3183 | + margin-bottom: 20px; | |
| 3184 | +} | |
| 3185 | +.vbo-allbookings-fm .table-responsive, .vbo-list-form .table-responsive { | |
| 3186 | + width: 98%; | |
| 3187 | + margin: 10px auto 20px; | |
| 3188 | + border-radius: 10px; | |
| 3189 | + box-shadow: 0 5px 5px rgba(0,0,0,.1); | |
| 3190 | +} | |
| 3191 | +.vbo-allbookings-fm .table-responsive table, .vbo-list-form .table-responsive table { | |
| 3192 | + margin-bottom: 0; | |
| 3193 | +} | |
| 3194 | +.vbo-list-form .table-responsive table { | |
| 3195 | + margin-top: 0; | |
| 3196 | +} | |
| 3197 | +.vbo-orders-review-link { | |
| 3198 | + display: inline-block; | |
| 3199 | + margin-left: 5px; | |
| 3200 | +} | |
| 3201 | +.vbo-orders-review-link a { | |
| 3202 | + color: #ffbd3f; | |
| 3203 | + cursor: pointer; | |
| 3204 | +} | |
| 3205 | +.vbo-orders-review-link a:hover { | |
| 3206 | + color: var(--vbo-orange-color); | |
| 3207 | +} | |
| 3208 | +.vbo-bookslist-snapshot { | |
| 3209 | + cursor: pointer; | |
| 3210 | +} | |
| 3211 | +.vbo-bookslist-snapshot:hover { | |
| 3212 | + background-color: var(--vbo-blue-color-hover); | |
| 3213 | + color: #fff; | |
| 3214 | +} | |
| 3215 | +.vbo-orders-substatus { | |
| 3216 | + margin-top: 2px; | |
| 3217 | +} | |
| 3218 | +.vbo-orders-substatus .label { | |
| 3219 | + border-radius: 10px; | |
| 3220 | +} | |
| 3221 | +/* Search Tools Caret - Start */ | |
| 3222 | +.btn-primary .caret { | |
| 3223 | + border-top: 0; | |
| 3224 | + border-bottom: 4px solid #FFF !important; | |
| 3225 | + margin-top: 7px; | |
| 3226 | + margin-bottom: 8px; | |
| 3227 | +} | |
| 3228 | +/* Search Tools Caret - End */ | |
| 3229 | +.vbo-bookingslist-table thead th a, .vbo-list-table thead th a { | |
| 3230 | + color: var(--vbo-config-titles-color-light); | |
| 3231 | +} | |
| 3232 | +.vbo-bookingslist-table thead th a > i, .vbo-list-table thead th a > i { | |
| 3233 | + margin-left: 5px; | |
| 3234 | + font-size: 10px; | |
| 3235 | +} | |
| 3236 | +.vbo-bookingslist-table thead th .vbo-bookingslist-activesort, | |
| 3237 | +.vbo-bookingslist-table thead th a:hover, | |
| 3238 | +.vbo-list-table thead th .vbo-list-activesort, | |
| 3239 | +.vbo-list-table thead th a:hover { | |
| 3240 | + color: var(--vbo-blue-color); | |
| 3241 | + text-decoration: none; | |
| 3242 | +} | |
| 3243 | +.vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date { | |
| 3244 | + font-size: 14px; | |
| 3245 | + font-weight: bold; | |
| 3246 | + color: var(--vbo-config-titles-color-light); | |
| 3247 | + vertical-align: baseline; | |
| 3248 | + white-space: nowrap; | |
| 3249 | +} | |
| 3250 | +.vbo-bookingslist-viewdet:hover { | |
| 3251 | + color: var(--vbo-base-color-hover); | |
| 3252 | +} | |
| 3253 | +.vbo-bookingslist-viewdet-date { | |
| 3254 | + display: block; | |
| 3255 | +} | |
| 3256 | +.vbo-bookingslist-viewdet-time, .vbo-bookingslist-booktime-time { | |
| 3257 | + font-size: 11px; | |
| 3258 | + font-weight: bold; | |
| 3259 | + color: var(--vbo-config-titles-color-light); | |
| 3260 | +} | |
| 3261 | +.vbo-bookingslist-viewdet-time span { | |
| 3262 | + display: inline-block; | |
| 3263 | +} | |
| 3264 | +.vbo-bookingslist-booktime-hour { | |
| 3265 | + color: var(--vbo-base-color); | |
| 3266 | +} | |
| 3267 | +.vbo-bookingslist-booktime-twrap { | |
| 3268 | + display: inline-block; | |
| 3269 | + min-width: 60px; | |
| 3270 | +} | |
| 3271 | +.vbo-bookingslist-roomunit { | |
| 3272 | + display: block; | |
| 3273 | + font-size: smaller; | |
| 3274 | + color: var(--vbo-config-titles-color-light); | |
| 3275 | +} | |
| 3276 | +.vbo-bookingslist-booktime-checkedin { | |
| 3277 | + display: inline-block; | |
| 3278 | + color: var(--vbo-green-color); | |
| 3279 | +} | |
| 3280 | +.vbo-bookingslist-booktime-checkedout { | |
| 3281 | + display: inline-block; | |
| 3282 | + color: var(--vbo-green-color); | |
| 3283 | +} | |
| 3284 | +.vbo-bookingslist-booktime-noshow { | |
| 3285 | + display: inline-block; | |
| 3286 | + color: var(--vbo-red-color); | |
| 3287 | +} | |
| 3288 | +.vbo-bookingslist-viewdet-fulldate { | |
| 3289 | + display: inline-block; | |
| 3290 | + margin-right: 15px; | |
| 3291 | +} | |
| 3292 | +.vbo-bookingslist-viewdet-open { | |
| 3293 | + float: right; | |
| 3294 | +} | |
| 3295 | +.vbo-booking-with-splitstay .vbo-booking-has-splitstay { | |
| 3296 | + min-width: 20px; | |
| 3297 | + margin-right: -3px; | |
| 3298 | +} | |
| 3299 | +.vbo-provenience { | |
| 3300 | + display: inline-block; | |
| 3301 | + min-width: 85px; | |
| 3302 | + border: 0; | |
| 3303 | + border-radius: 3px; | |
| 3304 | + margin: 0 3px 0 0; | |
| 3305 | + padding: 7px 5px; | |
| 3306 | + color: var(--vbo-base-color); | |
| 3307 | + font-weight: bold; | |
| 3308 | + position: relative; | |
| 3309 | + font-size: 16px; | |
| 3310 | + word-break: break-all; | |
| 3311 | +} | |
| 3312 | +span.label.vbo-status-label { | |
| 3313 | + padding: 5px 14px !important; | |
| 3314 | + font-size: 12px; | |
| 3315 | + border-radius: 24px; | |
| 3316 | + letter-spacing: .3px; | |
| 3317 | + min-width: 70px; | |
| 3318 | + text-align: center; | |
| 3319 | +} | |
| 3320 | +span.label.vbo-status-label.label-success, span.label.vbo-status-label.badge-success { | |
| 3321 | + background-color: var(--vbo-success-bg); | |
| 3322 | +} | |
| 3323 | +span.vbo-label-small, .vbo-label-small { | |
| 3324 | + padding: 5px 8px !important; | |
| 3325 | + font-size: 11px; | |
| 3326 | + line-height: 14px; | |
| 3327 | +} | |
| 3328 | +.vbo-bookingslist-total-totpaid { | |
| 3329 | + font-size: 11px; | |
| 3330 | + font-weight: bold; | |
| 3331 | +} | |
| 3332 | +.vbo-bookingslist-total-refunded { | |
| 3333 | + color: var(--vbo-red-color); | |
| 3334 | + display: inline-block; | |
| 3335 | + margin-left: 4px; | |
| 3336 | +} | |
| 3337 | +.vbo-admin-tipsicon i { | |
| 3338 | + font-size: 18px; | |
| 3339 | + color: var(--vbo-config-titles-color-light); | |
| 3340 | +} | |
| 3341 | +.vbo-admin-notes-icn { | |
| 3342 | + cursor: pointer; | |
| 3343 | +} | |
| 3344 | +.vbo-admin-invoiceicon i { | |
| 3345 | + font-size: 18px; | |
| 3346 | + color: var(--vbo-config-titles-color-light); | |
| 3347 | +} | |
| 3348 | +.vbo-timeline-content { | |
| 3349 | + background: var(--vbo-config-bg-color); | |
| 3350 | +} | |
| 3351 | +.vbo-bookings-guestmessages-bubble-cont i { | |
| 3352 | + font-size: 20px; | |
| 3353 | + color: var(--vbo-config-titles-color-light); | |
| 3354 | + position: relative; | |
| 3355 | +} | |
| 3356 | +.vbo-bookings-guestmessages-bubble-cont i:after { | |
| 3357 | + position: absolute; | |
| 3358 | + content: attr(data-message-count); | |
| 3359 | + width: 20px; | |
| 3360 | + height: 20px; | |
| 3361 | + border-radius: 50%; | |
| 3362 | + background: var(--vbo-red-color); | |
| 3363 | + color: #fff; | |
| 3364 | + font-weight: bold; | |
| 3365 | + font-size: 11px; | |
| 3366 | + line-height: 20px; | |
| 3367 | + font-family: Arial; | |
| 3368 | + top: -7px; | |
| 3369 | + right: -11px; | |
| 3370 | + text-align: center; | |
| 3371 | +} | |
| 3372 | +.vbo-bookings-guestmessages-bubble-cont i[data-message-count="0"]:after { | |
| 3373 | + display:none; | |
| 3374 | +} | |
| 3375 | +#vbo-geninv-form .vbo-calendar-cfield-entry { | |
| 3376 | + margin: 15px 0; | |
| 3377 | +} | |
| 3378 | +.vbo-info-overlay-content-invoices h4 { | |
| 3379 | + font-size: 20px; | |
| 3380 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 3381 | + padding-bottom: 10px; | |
| 3382 | +} | |
| 3383 | +/* Bookings List - End */ | |
| 3384 | +/* Rates, Restrictions and Seasons Calendar - Begin */ | |
| 3385 | +.vbo-warning { | |
| 3386 | + margin: 10px 0px; | |
| 3387 | + padding: 12px; | |
| 3388 | + color: var(--vbo-orange-color); | |
| 3389 | + border: 1px solid var(--vbo-orange-color); | |
| 3390 | + background-color: var(--vbo-config-bg-color); | |
| 3391 | +} | |
| 3392 | +.vbo-ratesoverview-top-container { | |
| 3393 | + background: var(--vbo-config-child-bg-color); | |
| 3394 | + padding-bottom: 20px; | |
| 3395 | + padding-top: 20px; | |
| 3396 | +} | |
| 3397 | +.vbo-ratesoverview-right-block { | |
| 3398 | + float: right; | |
| 3399 | +} | |
| 3400 | +.vbo-ratesoverview-right-inner { | |
| 3401 | + background: var(--vbo-main-bg-color) none repeat scroll 0 0; | |
| 3402 | + border: 1px solid var(--vbo-config-border-color); | |
| 3403 | + border-radius: 3px; | |
| 3404 | + display: none; | |
| 3405 | + margin-left: 20px; | |
| 3406 | + min-height: 60px; | |
| 3407 | + padding: 10px 10px; | |
| 3408 | + position: relative; | |
| 3409 | + vertical-align: top; | |
| 3410 | + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); | |
| 3411 | + margin-bottom: 10px; | |
| 3412 | +} | |
| 3413 | +.vbo-ratesoverview-vcmwarn-close { | |
| 3414 | + cursor: pointer; | |
| 3415 | + position: absolute; | |
| 3416 | + right: -8px; | |
| 3417 | + top: -8px; | |
| 3418 | +} | |
| 3419 | +.vbo-ratesoverview-vcmwarn-close i { | |
| 3420 | + color: var(--vbo-red-color); | |
| 3421 | + font-size: 16px; | |
| 3422 | + margin: 0; | |
| 3423 | +} | |
| 3424 | +.vbo-ratesoverview-vcmwarn-count { | |
| 3425 | + display: block; | |
| 3426 | + padding: 5px 5px 0; | |
| 3427 | + text-align: center; | |
| 3428 | +} | |
| 3429 | +.vbo-ratesoverview-vcmwarn-count i { | |
| 3430 | + color: var(--vbo-blue-color); | |
| 3431 | +} | |
| 3432 | +.vbo-ratesoverview-vcmwarn-open { | |
| 3433 | + display: block; | |
| 3434 | + text-align: center; | |
| 3435 | + margin-top: 10px; | |
| 3436 | +} | |
| 3437 | +.vbo-ratesoverview-roomsel-block { | |
| 3438 | + margin: 0 20px; | |
| 3439 | +} | |
| 3440 | +.vbo-ratesoverview-roomsel-block > form { | |
| 3441 | + display: flex; | |
| 3442 | + margin-bottom: 0; | |
| 3443 | + background: var(--vbo-config-child-bg-color); | |
| 3444 | + border: 1px solid var(--vbo-config-border-color); | |
| 3445 | + border-bottom-color: var(--vbo-config-border-color); | |
| 3446 | + border-bottom-style: solid; | |
| 3447 | + border-bottom-width: 1px; | |
| 3448 | + border-radius: 4px; | |
| 3449 | + border-bottom: 2px solid var(--vbo-config-border-color); | |
| 3450 | + box-shadow: 0 0 10px rgba(0,0,0,.1); | |
| 3451 | +} | |
| 3452 | +.vbo-ratesoverview-roomsel-block label { | |
| 3453 | + display: block; | |
| 3454 | + font-weight: bold; | |
| 3455 | + margin-bottom: 9px; | |
| 3456 | +} | |
| 3457 | +.vbo-ratesoverview-roomsel-entry { | |
| 3458 | + display: inline-block; | |
| 3459 | + vertical-align: top; | |
| 3460 | + background: var(--vbo-config-bg-color); | |
| 3461 | + padding: 15px; | |
| 3462 | + flex: 1; | |
| 3463 | + flex-basis: auto; | |
| 3464 | +} | |
| 3465 | +.vbo-ratesoverview-roomsel-entry > label, .vbo-ratesoverview-roomsel-entry-calc-inner > label { | |
| 3466 | + font-size: 16px; | |
| 3467 | +} | |
| 3468 | +.vbo-ratesoverview-roomsel-entry > label i, .vbo-ratesoverview-roomsel-entry-calc-inner > label > i { | |
| 3469 | + color: var(--vbo-config-titles-color-light); | |
| 3470 | + font-size: 14px; | |
| 3471 | + margin-right: 5px; | |
| 3472 | +} | |
| 3473 | +.vbo-ratesoverview-roomsel-entry-forecast { | |
| 3474 | + flex-basis: 35%; | |
| 3475 | +} | |
| 3476 | +.vbo-ratesoverview-roomsel-entry-forecast > label { | |
| 3477 | + float: left; | |
| 3478 | +} | |
| 3479 | +.vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-commands { | |
| 3480 | + margin-bottom: 20px; | |
| 3481 | + display: flex; | |
| 3482 | + justify-content: flex-end; | |
| 3483 | +} | |
| 3484 | +.vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas { | |
| 3485 | + width: 36%; | |
| 3486 | + float: left; | |
| 3487 | + display: inline-block; | |
| 3488 | +} | |
| 3489 | +.vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { | |
| 3490 | + width: 100%; | |
| 3491 | +} | |
| 3492 | +.vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-inner { | |
| 3493 | + padding: 10px 20px; | |
| 3494 | +} | |
| 3495 | +.vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-lbl { | |
| 3496 | + margin-bottom: 5px; | |
| 3497 | +} | |
| 3498 | +.vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-val-main { | |
| 3499 | + font-size: 22px; | |
| 3500 | +} | |
| 3501 | +.vbo-reportwidget-ratesoverv .vbo-report-chart-canvas { | |
| 3502 | + width: 57% !important; | |
| 3503 | + height: auto !important; | |
| 3504 | +} | |
| 3505 | +.vbo-reportwidget-ratesoverv .chart-line-legend { | |
| 3506 | + margin-left: 0; | |
| 3507 | +} | |
| 3508 | +.vbo-ratesoverview-roomsel-entry-los { | |
| 3509 | + border-left: 1px solid var(--vbo-config-border-color); | |
| 3510 | +} | |
| 3511 | +.vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms { | |
| 3512 | + flex-basis: 18%; | |
| 3513 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 3514 | + background-color: var(--vbo-config-bg-color); | |
| 3515 | + border-top-left-radius: 4px; | |
| 3516 | + border-bottom-left-radius: 4px; | |
| 3517 | +} | |
| 3518 | +.vbo-ratesoverview-roomsel-entry-chrooms #roomsel { | |
| 3519 | + margin-bottom: 0; | |
| 3520 | + border-radius: 2px; | |
| 3521 | + border: 1px solid var(--vbo-config-border-color); | |
| 3522 | + padding: 8px 10px; | |
| 3523 | + height: inherit; | |
| 3524 | +} | |
| 3525 | +.vbo-ratesoverview-roomsel-entry-chrooms .select2-container { | |
| 3526 | + margin-bottom: 0; | |
| 3527 | +} | |
| 3528 | +.vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default { | |
| 3529 | + width: 80% !important; | |
| 3530 | +} | |
| 3531 | +.vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple { | |
| 3532 | + border: 0; | |
| 3533 | + background: transparent; | |
| 3534 | +} | |
| 3535 | +.vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__rendered { | |
| 3536 | + padding: 0; | |
| 3537 | +} | |
| 3538 | +.select2-container--default .select2-selection--multiple .select2-selection__choice { | |
| 3539 | + background-color: var(--vbo-select2-bg); | |
| 3540 | + border: 1px solid var(--vbo-select2-border); | |
| 3541 | + border-radius: 30px; | |
| 3542 | + padding: 5px 10px; | |
| 3543 | + color: var(--vbo-select2-txt); | |
| 3544 | + font-weight: bold; | |
| 3545 | + max-width: 190px; | |
| 3546 | + overflow: hidden; | |
| 3547 | + text-overflow: ellipsis; | |
| 3548 | +} | |
| 3549 | +.select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove { | |
| 3550 | + display: inline-block; | |
| 3551 | + margin-left: 3px; | |
| 3552 | + margin-right: 0; | |
| 3553 | + width: 18px; | |
| 3554 | + height: 18px; | |
| 3555 | + line-height: 15px; | |
| 3556 | + font-size: 16px; | |
| 3557 | + text-align: center; | |
| 3558 | + border-radius: 50%; | |
| 3559 | + color: var(--vbo-base-color); | |
| 3560 | + float: right; | |
| 3561 | + position: relative; | |
| 3562 | + border: 0; | |
| 3563 | + padding: 0; | |
| 3564 | +} | |
| 3565 | +.select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover { | |
| 3566 | + background: var(--vbo-base-color); | |
| 3567 | + color: #fff; | |
| 3568 | +} | |
| 3569 | +.vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline { | |
| 3570 | + width: 100%; | |
| 3571 | +} | |
| 3572 | +.vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { | |
| 3573 | + width: 98% !important; | |
| 3574 | + background: var(--vbo-config-bg-color); | |
| 3575 | + border: 1px solid var(--vbo-config-border-color); | |
| 3576 | + border-radius: var(--vbo-field-radius); | |
| 3577 | + padding: 8px 10px; | |
| 3578 | +} | |
| 3579 | +.btn.vbo-content-genai, .btn.vbo-dark-btn { | |
| 3580 | + background: var(--vbo-config-bg-dark); | |
| 3581 | + border: 1px solid var(--vbo-config-bg-dark); | |
| 3582 | + color: var(--vbo-contrast-text-color); | |
| 3583 | +} | |
| 3584 | +.btn.vbo-content-genai:hover, .btn.vbo-dark-btn:hover { | |
| 3585 | + background: transparent !important; | |
| 3586 | + color: var(--vbo-config-bg-dark); | |
| 3587 | + border: 1px solid var(--vbo-config-bg-dark); | |
| 3588 | +} | |
| 3589 | +.vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn { | |
| 3590 | + vertical-align: bottom; | |
| 3591 | + margin-bottom: 16px; | |
| 3592 | +} | |
| 3593 | +.vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default.select2-container--focus .select2-selection--multiple { | |
| 3594 | + border: 0; | |
| 3595 | +} | |
| 3596 | +.vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc { | |
| 3597 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 3598 | + flex-basis: calc(53%); | |
| 3599 | +} | |
| 3600 | +.vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__rendered { | |
| 3601 | + line-height: 35px; | |
| 3602 | +} | |
| 3603 | +.vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc #select2-roomselcalc-container { | |
| 3604 | + font-weight: normal; | |
| 3605 | + font-size: 14px; | |
| 3606 | +} | |
| 3607 | +.vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single { | |
| 3608 | + height: 36px; | |
| 3609 | + border: 1px solid var(--vbo-config-border-color); | |
| 3610 | + border-radius: var(--vbo-field-radius); | |
| 3611 | +} | |
| 3612 | +.vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__arrow { | |
| 3613 | + height: 36px; | |
| 3614 | +} | |
| 3615 | +.vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input { | |
| 3616 | + background: var(--vbo-config-bg-color); | |
| 3617 | + border: 1px solid var(--vbo-config-border-color); | |
| 3618 | + border-radius: var(--vbo-field-radius); | |
| 3619 | + padding: 8px 10px; | |
| 3620 | + width: 70% !important; | |
| 3621 | +} | |
| 3622 | +.vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn { | |
| 3623 | + padding: 8px 10px; | |
| 3624 | + border-radius: 0 var(--vbo-field-radius) var(--vbo-field-radius) 0; | |
| 3625 | + border: 1px solid var(--vbo-config-border-color); | |
| 3626 | +} | |
| 3627 | +.vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn .icon-calendar { | |
| 3628 | + margin-right: 0; | |
| 3629 | +} | |
| 3630 | +.vbo-ratesoverview-roomsel-entry .select2-container { | |
| 3631 | + margin-bottom: 9px; | |
| 3632 | + min-width: 200px; | |
| 3633 | +} | |
| 3634 | +.vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-calc, .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-forecast { | |
| 3635 | + display: none; | |
| 3636 | +} | |
| 3637 | +.vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-chrooms { | |
| 3638 | + flex-basis: 100%; | |
| 3639 | +} | |
| 3640 | +.vbo-ratesoverview-entryinline { | |
| 3641 | + display: inline-block; | |
| 3642 | + margin-right: 5px; | |
| 3643 | + vertical-align: top; | |
| 3644 | +} | |
| 3645 | +.vbo-ratesoverview-entryinline #vbo-ratesoverview-calculate { | |
| 3646 | + min-width: 110px; | |
| 3647 | +} | |
| 3648 | +.vbo-ratesoverview-rcalc-srooms { | |
| 3649 | + display: block; | |
| 3650 | +} | |
| 3651 | +.vbo-ratesoverview-numnight { | |
| 3652 | + display: inline-block; | |
| 3653 | + padding: 2px 8px; | |
| 3654 | + margin-right: 13px; | |
| 3655 | + border-radius: 3px; | |
| 3656 | + border: 1px solid var(--vbo-base-color); | |
| 3657 | + color: var(--vbo-base-color); | |
| 3658 | + position: relative; | |
| 3659 | + font-weight: bold; | |
| 3660 | +} | |
| 3661 | +.vbo-ratesoverview-numnight:after { | |
| 3662 | + background: var(--vbo-red-color) none repeat scroll 0 0; | |
| 3663 | + border-radius: 50%; | |
| 3664 | + color: #fff; | |
| 3665 | + content: "x"; | |
| 3666 | + cursor: pointer; | |
| 3667 | + font-size: 11px; | |
| 3668 | + height: 16px; | |
| 3669 | + line-height: 14px; | |
| 3670 | + position: absolute; | |
| 3671 | + right: -15px; | |
| 3672 | + text-align: center; | |
| 3673 | + top: -9px; | |
| 3674 | + width: 16px; | |
| 3675 | + border: 2px solid #fff; | |
| 3676 | +} | |
| 3677 | +.vbo-ratesoverview-numnight:hover:after { | |
| 3678 | + background-color: var(--vbo-red-color); | |
| 3679 | +} | |
| 3680 | +.vbo-ratesoverview-numnight:active:after { | |
| 3681 | + background-color: var(--vbo-red-color-hover); | |
| 3682 | +} | |
| 3683 | +#vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren { | |
| 3684 | + width: 35px !important; | |
| 3685 | + margin: 0 0 0 5px; | |
| 3686 | + display: inline-block; | |
| 3687 | +} | |
| 3688 | +#vbo-addnumnight-act { | |
| 3689 | + cursor: pointer; | |
| 3690 | + display: inline-block; | |
| 3691 | + margin-top: 10px; | |
| 3692 | + vertical-align: top; | |
| 3693 | +} | |
| 3694 | +#vbo-addnumnight-act i { | |
| 3695 | + color: var(--vbo-green-color); | |
| 3696 | + font-size: 18px; | |
| 3697 | +} | |
| 3698 | +.vbo-apply-los-btn { | |
| 3699 | + margin-left: 10px; | |
| 3700 | +} | |
| 3701 | +.vbo-seasons-calendar-table { | |
| 3702 | + width: 100%; | |
| 3703 | + margin-bottom: 0 !important; | |
| 3704 | +} | |
| 3705 | +.vbo-seasons-calendar-table .vbo-seasons-calendar-nightsrow td { | |
| 3706 | + background: var(--vbo-config-child-bg-color); | |
| 3707 | + border-top: 0 !important; | |
| 3708 | + padding: 15px 0; | |
| 3709 | +} | |
| 3710 | +tr.vbo-seasons-calendar-nightsrow td:first-child { | |
| 3711 | + width: 20%; | |
| 3712 | +} | |
| 3713 | +tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) { | |
| 3714 | + text-align: center; | |
| 3715 | +} | |
| 3716 | +tr.vbo-seasons-calendar-nightsrow td span { | |
| 3717 | + font-weight: bold; | |
| 3718 | + font-size: 15px; | |
| 3719 | +} | |
| 3720 | +tr.vbo-seasons-calendar-offseasonrow { | |
| 3721 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 3722 | +} | |
| 3723 | +tr.vbo-seasons-calendar-offseasonrow td { | |
| 3724 | + height: 40px; | |
| 3725 | +} | |
| 3726 | +tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) { | |
| 3727 | + text-align: center; | |
| 3728 | +} | |
| 3729 | +tr.vbo-seasons-calendar-seasonrow { | |
| 3730 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 3731 | +} | |
| 3732 | +tr.vbo-seasons-calendar-seasonrow td { | |
| 3733 | + height: 40px; | |
| 3734 | +} | |
| 3735 | +tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) { | |
| 3736 | + text-align: center; | |
| 3737 | +} | |
| 3738 | +.vbo-seasons-calendar-offseasonname { | |
| 3739 | + font-style: italic; | |
| 3740 | + font-size: 15px; | |
| 3741 | +} | |
| 3742 | +.vbo-seasons-calendar-offseasoncosts { | |
| 3743 | + display: block; | |
| 3744 | +} | |
| 3745 | +.vbo-seasons-calendar-offseasoncost, .vbo-seasons-calendar-seasoncost { | |
| 3746 | + display: block; | |
| 3747 | + margin: 8px 0; | |
| 3748 | +} | |
| 3749 | +.vbo-seasons-calendar-seasoncost-notaffected { | |
| 3750 | + opacity: 0.3; | |
| 3751 | +} | |
| 3752 | +.vbo-seasons-calendar-pricename { | |
| 3753 | + display: block; | |
| 3754 | + font-style: italic; | |
| 3755 | +} | |
| 3756 | +.vbo-seasons-calendar-pricecost { | |
| 3757 | + display: block; | |
| 3758 | + font-weight: bold; | |
| 3759 | +} | |
| 3760 | +.vbo-seasons-calendar-seasondates { | |
| 3761 | + display: block; | |
| 3762 | +} | |
| 3763 | +.vbo-seasons-calendar-seasonchargedisc { | |
| 3764 | + display: block; | |
| 3765 | + float: right; | |
| 3766 | +} | |
| 3767 | +.vbo-seasons-calendar-slabel { | |
| 3768 | + border-radius: 0.25em; | |
| 3769 | + color: #fff; | |
| 3770 | + display: inline; | |
| 3771 | + font-size: 95%; | |
| 3772 | + font-weight: 700; | |
| 3773 | + line-height: 1; | |
| 3774 | + padding: 0.2em 0.6em 0.3em; | |
| 3775 | + text-align: center; | |
| 3776 | + vertical-align: baseline; | |
| 3777 | + white-space: nowrap; | |
| 3778 | +} | |
| 3779 | +.vbo-seasons-calendar-season-charge { | |
| 3780 | + background-color: #777; | |
| 3781 | +} | |
| 3782 | +.vbo-seasons-calendar-season-discount { | |
| 3783 | + background-color: #f0ad4e; | |
| 3784 | +} | |
| 3785 | +.vbo-seasons-calendar-operator { | |
| 3786 | + display: inline-block; | |
| 3787 | + margin-right: 3px; | |
| 3788 | + font-weight: bold; | |
| 3789 | + font-size: 105%; | |
| 3790 | +} | |
| 3791 | +.vbo-seasons-calendar-seasonfrom { | |
| 3792 | + display: inline-block; | |
| 3793 | +} | |
| 3794 | +.vbo-seasons-calendar-seasondates-separe { | |
| 3795 | + display: inline-block; | |
| 3796 | + margin: 0 3px 0 3px; | |
| 3797 | +} | |
| 3798 | +.vbo-seasons-calendar-seasonto { | |
| 3799 | + display: inline-block; | |
| 3800 | +} | |
| 3801 | +.vbo-seasons-calendar-seasonname { | |
| 3802 | + display: block; | |
| 3803 | + font-weight: bold; | |
| 3804 | + white-space: initial; | |
| 3805 | +} | |
| 3806 | +.vbo-seasons-calendar-restrictions { | |
| 3807 | + display: block; | |
| 3808 | +} | |
| 3809 | +.vbo-seasons-calendar-restriction-minlos { | |
| 3810 | + display: inline-block; | |
| 3811 | + padding: 6px 6px 5px 7px; | |
| 3812 | + background: var(--vbo-config-border-color); | |
| 3813 | + font-size: 12px; | |
| 3814 | + font-weight: bold; | |
| 3815 | + border-radius: 2px; | |
| 3816 | + margin-top: 3px; | |
| 3817 | +} | |
| 3818 | +.vbo-seasons-calendar-restriction-minlos-badge { | |
| 3819 | + display: inline-block; | |
| 3820 | + min-width: 20px; | |
| 3821 | + min-height: 20px; | |
| 3822 | + background: var(--vbo-config-bg-color); | |
| 3823 | + color: var(--vbo-body-text-color); | |
| 3824 | + font-size: 13px; | |
| 3825 | + font-weight: bold; | |
| 3826 | + padding: 4px; | |
| 3827 | + border-radius: 50%; | |
| 3828 | + text-align: center; | |
| 3829 | + margin-left: 2px; | |
| 3830 | +} | |
| 3831 | +.vbo-seasons-calendar-restriction-maxlos { | |
| 3832 | + display: inline-block; | |
| 3833 | + padding: 2px 3px 2px 3px; | |
| 3834 | + background: var(--vbo-config-text-color-light); | |
| 3835 | + font-size: 12px; | |
| 3836 | + font-weight: bold; | |
| 3837 | + border-radius: 4px; | |
| 3838 | +} | |
| 3839 | +.vbo-seasons-calendar-restriction-maxlos-badge { | |
| 3840 | + display: inline-block; | |
| 3841 | + min-width: 20px; | |
| 3842 | + min-height: 20px; | |
| 3843 | + background: var(--vbo-config-bg-color); | |
| 3844 | + color: var(--vbo-body-text-color); | |
| 3845 | + font-size: 13px; | |
| 3846 | + font-weight: bold; | |
| 3847 | + padding: 4px; | |
| 3848 | + border-radius: 50%; | |
| 3849 | + text-align: center; | |
| 3850 | + margin-left: 2px; | |
| 3851 | +} | |
| 3852 | +.vbo-seasons-calendar-restriction-wdays { | |
| 3853 | + display: block; | |
| 3854 | +} | |
| 3855 | +.vbo-seasons-calendar-restriction-wdays label { | |
| 3856 | + display: block; | |
| 3857 | + font-style: italic; | |
| 3858 | +} | |
| 3859 | +.vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday { | |
| 3860 | + display: inline-block; | |
| 3861 | + padding: 2px 3px 2px 3px; | |
| 3862 | + margin-right: 4px; | |
| 3863 | + background: var(--vbo-base-color); | |
| 3864 | + color: #fff; | |
| 3865 | + border-radius: 4px; | |
| 3866 | +} | |
| 3867 | +.vbo-ratesoverview-roomsel-entry-calc-inner { | |
| 3868 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 3869 | + padding: 0 0 10px; | |
| 3870 | + margin: 10px 0 0; | |
| 3871 | +} | |
| 3872 | +.vbo-ratesoverview-calculation-response { | |
| 3873 | + margin: 10px 0 0; | |
| 3874 | +} | |
| 3875 | +.vbo-ratesoverview-calculation-response-room { | |
| 3876 | + margin: 10px 0 40px; | |
| 3877 | +} | |
| 3878 | +.vbo-ratesoverview-calculation-response-room:last-child { | |
| 3879 | + margin-bottom: 0; | |
| 3880 | + padding-bottom: 0; | |
| 3881 | + border: 0; | |
| 3882 | +} | |
| 3883 | +.vbo-ratesoverview-calculation-response-room h4 { | |
| 3884 | + font-weight: normal; | |
| 3885 | + font-size: 14px; | |
| 3886 | +} | |
| 3887 | +.vbo-ratesoverview-calculation-response-room-name { | |
| 3888 | + display: block; | |
| 3889 | + font-weight: bold; | |
| 3890 | + font-size: 16px; | |
| 3891 | + margin-bottom: 5px; | |
| 3892 | +} | |
| 3893 | +.vbo-calcrates-rateblock { | |
| 3894 | + padding: 15px; | |
| 3895 | + margin: 15px 0; | |
| 3896 | + background: var(--vbo-config-bg-color); | |
| 3897 | + box-shadow: 0 0 10px rgba(0,0,0,0.15); | |
| 3898 | + border-radius: 10px; | |
| 3899 | + display: flex; | |
| 3900 | + flex-wrap: wrap; | |
| 3901 | +} | |
| 3902 | +.vbo-calcrates-rateblock > span { | |
| 3903 | + display: inline-block; | |
| 3904 | + flex: 1; | |
| 3905 | + margin-right: 15px; | |
| 3906 | + font-size: 15px; | |
| 3907 | + color: var(--vbo-config-titles-color-light); | |
| 3908 | +} | |
| 3909 | +.vbo-calcrates-rateblock > .vbo-calcrates-ratename { | |
| 3910 | + font-weight: bold; | |
| 3911 | + font-size: 17px; | |
| 3912 | + flex-basis: 100%; | |
| 3913 | + margin-bottom: 8px; | |
| 3914 | + vertical-align: top; | |
| 3915 | + align-self: center; | |
| 3916 | +} | |
| 3917 | +.vbo-calcrates-rateblock > .vbo-calcrates-ratetotal { | |
| 3918 | + display: inline-block; | |
| 3919 | + font-weight: bold; | |
| 3920 | + margin-right: 55px; | |
| 3921 | + font-size: 16px; | |
| 3922 | +} | |
| 3923 | +.vbo-calcrates-rateblock > .vbo-calcrates-ratespaffdays { | |
| 3924 | + width: 15%; | |
| 3925 | +} | |
| 3926 | +.vbo-calcrates-rateblock > span > span { | |
| 3927 | + display: block; | |
| 3928 | + font-size: 12px; | |
| 3929 | + font-weight: bold; | |
| 3930 | + color: var(--vbo-config-titles-color-light); | |
| 3931 | +} | |
| 3932 | +.vbo-calcrates-rateblock .vbo-calcrates-info { | |
| 3933 | + margin-top: 14px; | |
| 3934 | +} | |
| 3935 | +.vbo-calcrates-rateblock > .vbo-room-booknow-rct { | |
| 3936 | + align-self: center; | |
| 3937 | + background-color: var(--vbo-base-color); | |
| 3938 | + color: #fff; | |
| 3939 | + border: 0; | |
| 3940 | + padding: 9px 14px; | |
| 3941 | + font-weight: bold; | |
| 3942 | + display: inline-block; | |
| 3943 | + margin-left: auto; | |
| 3944 | +} | |
| 3945 | +.vbo-calcrates-rateblock > .vbo-room-booknow-rct:hover { | |
| 3946 | + background-color: var(--vbo-base-color-hover); | |
| 3947 | +} | |
| 3948 | +.vbo-calcrates-rateblock > .vbo-room-booknow-rct:active { | |
| 3949 | + background-color: var(--vbo-link-text-color); | |
| 3950 | +} | |
| 3951 | +.vbo-calcrates-ratespaffdays, .vbo-calcrates-rateoccupancydisc, .vbo-calcrates-rateoccupancycharge { | |
| 3952 | + display: inline-block; | |
| 3953 | + min-width: 100px; | |
| 3954 | + margin: 0 15px 0 0; | |
| 3955 | + font-weight: bold; | |
| 3956 | + font-size: 12px; | |
| 3957 | +} | |
| 3958 | +.vbo-calcrates-ratespaffdays span, .vbo-calcrates-rateoccupancydisc span, .vbo-calcrates-rateoccupancycharge span { | |
| 3959 | + display: inline-block; | |
| 3960 | + font-style: italic; | |
| 3961 | + margin-right: 5px; | |
| 3962 | + color: var(--vbo-config-titles-color-light); | |
| 3963 | +} | |
| 3964 | + | |
| 3965 | +.vbo-ratesoverview-tabscont { | |
| 3966 | + margin: 0 0 10px 0; | |
| 3967 | + text-align: right; | |
| 3968 | + float: right; | |
| 3969 | +} | |
| 3970 | +.vbo-ratesoverview-tabscont div { | |
| 3971 | + cursor: pointer; | |
| 3972 | + display: inline-block; | |
| 3973 | + text-align: center; | |
| 3974 | + padding: 12px; | |
| 3975 | + margin: 0 5px; | |
| 3976 | + border-radius: 2px; | |
| 3977 | + font-size: 14px; | |
| 3978 | +} | |
| 3979 | +.vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-active { | |
| 3980 | + background: var(--vbo-blue-color); | |
| 3981 | + color: #fff; | |
| 3982 | + font-weight: bold; | |
| 3983 | + border: 2px solid var(--vbo-blue-color); | |
| 3984 | +} | |
| 3985 | +.vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive { | |
| 3986 | + background: var(--vbo-config-child-bg-color) none repeat scroll 0 0; | |
| 3987 | + border: 2px solid var(--vbo-config-child-bg-color); | |
| 3988 | +} | |
| 3989 | +.vbo-roverw-rplan-on { | |
| 3990 | + background: var(--vbo-config-bg-color) none repeat scroll 0 0; | |
| 3991 | + color: var(--vbo-body-text-color); | |
| 3992 | + cursor: pointer; | |
| 3993 | + font-size: 15px; | |
| 3994 | +} | |
| 3995 | +.vbo-roverw-rplan-on:hover { | |
| 3996 | + background: var(--vbo-light-color-btn); | |
| 3997 | +} | |
| 3998 | +.vbo-roverw-rplan-off { | |
| 3999 | + background: var(--vbo-red-color) none repeat scroll 0 0; | |
| 4000 | + color: #fff; | |
| 4001 | + cursor: not-allowed; | |
| 4002 | +} | |
| 4003 | +.block-picked-start, .block-picked-middle, .block-picked-end, | |
| 4004 | +.block-picked-start:hover, .block-picked-middle:hover, .block-picked-end:hover { | |
| 4005 | + background: var(--vbo-orange-color) none repeat scroll 0 0; | |
| 4006 | +} | |
| 4007 | +.vbo-smallersp { | |
| 4008 | + font-size: smaller; | |
| 4009 | +} | |
| 4010 | +.vbo-roverw-infoblock { | |
| 4011 | + display: block; | |
| 4012 | + padding-bottom: 8px; | |
| 4013 | + margin-bottom: 0px; | |
| 4014 | + text-align: center; | |
| 4015 | +} | |
| 4016 | +.vbo-roverw-infoblock span { | |
| 4017 | + display: inline-block; | |
| 4018 | + font-weight: bold; | |
| 4019 | + font-size: 13px; | |
| 4020 | +} | |
| 4021 | +.vbo-roverw-infoblock span#rovervw-roomname { | |
| 4022 | + display: block; | |
| 4023 | + text-align: center; | |
| 4024 | + font-weight: bold; | |
| 4025 | + font-size: 18px; | |
| 4026 | + margin-bottom: 7px; | |
| 4027 | +} | |
| 4028 | +.vbo-roverw-infoblock span#rovervw-roomname i { | |
| 4029 | + font-size: 14px; | |
| 4030 | + margin-right: 5px; | |
| 4031 | + color: var(--vbo-config-titles-color-light); | |
| 4032 | +} | |
| 4033 | +.vbo-roverw-alldays-inner { | |
| 4034 | + display: flex; | |
| 4035 | + text-align: center; | |
| 4036 | + vertical-align: middle; | |
| 4037 | + overflow-y: hidden; | |
| 4038 | + overflow-x: scroll; | |
| 4039 | +} | |
| 4040 | +.vbo-roverw-daymod { | |
| 4041 | + display: inline-block; | |
| 4042 | + vertical-align: top; | |
| 4043 | + margin: 4px 4px; | |
| 4044 | + padding: 12px 10px; | |
| 4045 | + background: var(--vbo-blue-color) none repeat scroll 0 0; | |
| 4046 | + border-radius: 4px; | |
| 4047 | + text-align: center; | |
| 4048 | + flex: 0 0 80px; | |
| 4049 | +} | |
| 4050 | +.vbo-roverw-daymod:first-child { | |
| 4051 | + margin-left: 0; | |
| 4052 | +} | |
| 4053 | +.vbo-roverw-daymod:last-child { | |
| 4054 | + margin-right: 0; | |
| 4055 | +} | |
| 4056 | +.vbo-roverw-daymod-innercell { | |
| 4057 | + position: relative; | |
| 4058 | +} | |
| 4059 | +.vbo-roverw-daymod-infospids { | |
| 4060 | + bottom: 21px; | |
| 4061 | + color: #d6e2ff; | |
| 4062 | + cursor: pointer; | |
| 4063 | + font-size: 15px; | |
| 4064 | + font-weight: bold; | |
| 4065 | + right: -8px; | |
| 4066 | + padding: 0; | |
| 4067 | + position: absolute; | |
| 4068 | +} | |
| 4069 | +.vbo-roverw-daymod-infospids.vbo-roverw-daymod-infospids-on, .vbo-roverw-daymod-infospids:hover { | |
| 4070 | + color: #fff; | |
| 4071 | +} | |
| 4072 | +.vbo-roverw-daymod-infospids span { | |
| 4073 | + display: inline-block; | |
| 4074 | + margin: 0; | |
| 4075 | +} | |
| 4076 | +.vbo-roverw-daymod-infospids-outcont { | |
| 4077 | + display: none; | |
| 4078 | + position: absolute; | |
| 4079 | + transform: translate(-50%, 0%); | |
| 4080 | + padding: 10px; | |
| 4081 | + border: 2px solid var(--vbo-config-border-color); | |
| 4082 | + border-radius: 2px; | |
| 4083 | + background: var(--vbo-config-bg-color) none repeat scroll 0 0; | |
| 4084 | + box-shadow: 0 0 10px rgba(0,0,0,.15); | |
| 4085 | + top: 72px; | |
| 4086 | + left: 50%; | |
| 4087 | + min-width: 150px; | |
| 4088 | + z-index: 101; | |
| 4089 | +} | |
| 4090 | +.vbo-roverw-daymod-infospids-incont ul { | |
| 4091 | + margin: 0; | |
| 4092 | +} | |
| 4093 | +.vbo-roverw-daymod-infospids-incont ul li { | |
| 4094 | + list-style-type: none; | |
| 4095 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 4096 | + padding: 5px 0; | |
| 4097 | +} | |
| 4098 | +.vbo-roverw-daymod-infospids-incont ul li:last-child { | |
| 4099 | + border: 0; | |
| 4100 | +} | |
| 4101 | +.vbo-roverw-daymod-infospids-incont ul li a { | |
| 4102 | + color: var(--vbo-config-title-color); | |
| 4103 | + font-weight: bold; | |
| 4104 | +} | |
| 4105 | +.vbo-roverw-daymod-infospids-incont ul li a:hover { | |
| 4106 | + color: var(--vbo-blue-color); | |
| 4107 | +} | |
| 4108 | +.vbo-roverw-daydate { | |
| 4109 | + display: inline-block; | |
| 4110 | + text-align: center; | |
| 4111 | + width: 96%; | |
| 4112 | + color: #fff; | |
| 4113 | + padding-bottom: 5px; | |
| 4114 | + margin-bottom: 0; | |
| 4115 | +} | |
| 4116 | +.vbo-roverw-daydate-wdaymday { | |
| 4117 | + display: block; | |
| 4118 | +} | |
| 4119 | +.vbo-roverw-dayprice { | |
| 4120 | + display: inline-block; | |
| 4121 | + text-align: center; | |
| 4122 | + color: #fff; | |
| 4123 | + font-weight: bold; | |
| 4124 | + border: 1px solid var(--vbo-base-color); | |
| 4125 | + border-radius: 4px; | |
| 4126 | + padding: 7px; | |
| 4127 | + width: 100%; | |
| 4128 | + box-sizing: border-box; | |
| 4129 | + font-size: 15px; | |
| 4130 | + white-space: nowrap; | |
| 4131 | +} | |
| 4132 | +.vbo-roverw-setnewrate { | |
| 4133 | + display: block; | |
| 4134 | + margin-top: 13px; | |
| 4135 | + width: 100%; | |
| 4136 | + border: 1px solid var(--vbo-config-border-color); | |
| 4137 | + background: var(--vbo-config-child-bg-color); | |
| 4138 | + padding: 15px; | |
| 4139 | + box-sizing: border-box; | |
| 4140 | + border-radius: 15px; | |
| 4141 | +} | |
| 4142 | +.vbo-roverw-setnewrate .vbo-roverw-setnewrate-title { | |
| 4143 | + display: flex; | |
| 4144 | + margin-bottom: 6px; | |
| 4145 | +} | |
| 4146 | +.vbo-roverw-setnewrate .vbo-roverw-setnewrate-title .vbo-roverw-setnewrate-skip-derived { | |
| 4147 | + margin-left: auto; | |
| 4148 | +} | |
| 4149 | +.vbo-roverw-setnewrate .vbo-roverw-flexnew { | |
| 4150 | + display: flex; | |
| 4151 | + flex-wrap: wrap; | |
| 4152 | + margin-bottom: 10px; | |
| 4153 | + gap: 10px; | |
| 4154 | +} | |
| 4155 | +.vbo-roverw-setnewrate-title h4 { | |
| 4156 | + margin: 0 0 10px; | |
| 4157 | + font-size: 16px; | |
| 4158 | +} | |
| 4159 | +.vbo-roverw-setnewrate-title h4 i { | |
| 4160 | + font-size: 12px; | |
| 4161 | + margin-right: 5px; | |
| 4162 | + color: var(--vbo-config-titles-color-light); | |
| 4163 | +} | |
| 4164 | +.vbo-roverw-setnewrate .vbo-roverw-flexnew > div { | |
| 4165 | + flex: 1; | |
| 4166 | + text-align: center; | |
| 4167 | + background: var(--vbo-config-bg-color); | |
| 4168 | + border: 1px solid var(--vbo-basic-btn); | |
| 4169 | + border-bottom: 3px solid var(--vbo-basic-btn); | |
| 4170 | + border-radius: 16px; | |
| 4171 | + overflow: hidden; | |
| 4172 | +} | |
| 4173 | +.vbo-roverw-setnewrate .vbo-roverw-flexnew input { | |
| 4174 | + background: var(--vbo-config-bg-color); | |
| 4175 | + border: 1px solid var(--vbo-config-border-color); | |
| 4176 | + border-radius: var(--vbo-field-radius); | |
| 4177 | + padding: 8px 10px; | |
| 4178 | +} | |
| 4179 | +label.vbo-roverw-setnewrate-currency, label.vbo-roverw-setnewrestr-lbl { | |
| 4180 | + display: inline-block; | |
| 4181 | +} | |
| 4182 | +.vbo-roverw-setnewrate .vbo-roverw-flexnew > div input[type="number"] { | |
| 4183 | + width: 100px !important; | |
| 4184 | + height: 40px; | |
| 4185 | +} | |
| 4186 | +.vbo-roverw-newrcont, .vbo-roverw-newrestrcont-inner { | |
| 4187 | + display: flex; | |
| 4188 | + justify-content: center; | |
| 4189 | + gap: 5px; | |
| 4190 | + padding: 10px 10px 20px; | |
| 4191 | + align-items: center; | |
| 4192 | +} | |
| 4193 | +.vbo-roverw-closeopenrp { | |
| 4194 | + margin: 12px auto 20px; | |
| 4195 | + border: 1px solid var(--vbo-config-border-color); | |
| 4196 | + background: var(--vbo-config-child-bg-color); | |
| 4197 | + padding: 15px; | |
| 4198 | + box-sizing: border-box; | |
| 4199 | + border-radius: 15px; | |
| 4200 | +} | |
| 4201 | +.vbo-roverw-closeopenrp:hover { | |
| 4202 | + border-color: var(--vbo-base-color); | |
| 4203 | +} | |
| 4204 | +.vbo-roverw-newrestrcont h4 { | |
| 4205 | + padding: 10px 20px; | |
| 4206 | +} | |
| 4207 | +.vbo-roverw-newrwrap h4, .vbo-roverw-newrestrcont h4 { | |
| 4208 | + display: flex; | |
| 4209 | + justify-content: center; | |
| 4210 | + align-items: center; | |
| 4211 | + gap: 5px; | |
| 4212 | + margin: 0 0 7px; | |
| 4213 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 4214 | + font-size: 14px; | |
| 4215 | + color: var(--vbo-body-text-color); | |
| 4216 | +} | |
| 4217 | +.vbo-roverw-newrwrap h4 button { | |
| 4218 | + display: flex; | |
| 4219 | + justify-content: center; | |
| 4220 | + cursor: pointer; | |
| 4221 | + padding: 10px 20px; | |
| 4222 | + text-align: center; | |
| 4223 | + font-size: 14px; | |
| 4224 | + color: var(--vbo-body-text-color); | |
| 4225 | +} | |
| 4226 | +.vbo-roverw-newrwrap h4 button i:last-child { | |
| 4227 | + font-size: 11px; | |
| 4228 | + color: var(--vbo-config-titles-color-light); | |
| 4229 | + margin-left: 4px; | |
| 4230 | +} | |
| 4231 | +.vbo-roverw-newrwrap .vbo-context-menu-rate-type { | |
| 4232 | + width: 100%; | |
| 4233 | +} | |
| 4234 | +.vbo-roverw-newrwrap .vbo-context-menu-rate-type:hover { | |
| 4235 | + background: var(--vbo-light-blue); | |
| 4236 | +} | |
| 4237 | +.vbo-roverw-newrwrap .vbo-context-menu-rate-type:hover i { | |
| 4238 | + color: var(--vbo-base-color); | |
| 4239 | +} | |
| 4240 | +.vbo-roverw-newrwrap h4 i:first-child, .vbo-roverw-newrestrcont h4 i:first-child { | |
| 4241 | + color: var(--vbo-config-titles-color-light); | |
| 4242 | + font-size: 14px; | |
| 4243 | + margin-right: 2px; | |
| 4244 | +} | |
| 4245 | + | |
| 4246 | +.vbo-roverw-closeopenrp h4 { | |
| 4247 | + cursor: pointer; | |
| 4248 | + border-radius: 5px; | |
| 4249 | + padding: 0; | |
| 4250 | + margin: 0; | |
| 4251 | + font-size: 16px; | |
| 4252 | +} | |
| 4253 | +.vbo-roverw-closeopenrp h4 i { | |
| 4254 | + font-size: 12px; | |
| 4255 | + margin-right: 5px; | |
| 4256 | + color: var(--vbo-config-titles-color-light); | |
| 4257 | +} | |
| 4258 | +.vbo-roverw-closeopenrp h4 .vbo-roverw-closeopenrp-arrow { | |
| 4259 | + float: right; | |
| 4260 | +} | |
| 4261 | +.vbo-roverw-closeopenrp:hover h4 .vbo-roverw-closeopenrp-arrow i { | |
| 4262 | + color: var(--vbo-base-color); | |
| 4263 | +} | |
| 4264 | +.vbo-roverw-closeopenrp-btns { | |
| 4265 | + display: none; | |
| 4266 | + margin-top: 30px; | |
| 4267 | + margin-bottom: 20px; | |
| 4268 | +} | |
| 4269 | +.vbo-roverw-closeopenrp-btns button { | |
| 4270 | + margin: 0 3px; | |
| 4271 | + padding: 8px 12px; | |
| 4272 | +} | |
| 4273 | +.vbo-roverw-setnewrate-inner { | |
| 4274 | + display: block; | |
| 4275 | + text-align: center; | |
| 4276 | +} | |
| 4277 | +.vbo-roverw-setnewrate-btns { | |
| 4278 | + display: block; | |
| 4279 | + text-align: center; | |
| 4280 | + margin-top: 15px; | |
| 4281 | +} | |
| 4282 | +.vbo-roverw-setnewrate-btns button { | |
| 4283 | + margin: 0 3px; | |
| 4284 | +} | |
| 4285 | +.vbo-roverw-setnewrate-btns button.btn-danger { | |
| 4286 | + border-radius: 3px; | |
| 4287 | + padding: 10px 14px; | |
| 4288 | + margin-bottom: 0; | |
| 4289 | +} | |
| 4290 | +.vbo-info-overlay-loading { | |
| 4291 | + display: none; | |
| 4292 | + position: fixed; | |
| 4293 | + left: 40%; | |
| 4294 | + top: 40%; | |
| 4295 | + width: 20%; | |
| 4296 | + height: 20%; | |
| 4297 | + z-index: 101; | |
| 4298 | + padding: 10px; | |
| 4299 | + color: #fff; | |
| 4300 | + font-size: 30px; | |
| 4301 | + text-align: center; | |
| 4302 | +} | |
| 4303 | +.vbo-modal-overlay-content-body-scroll { | |
| 4304 | + height: calc(100% - 180px); | |
| 4305 | + overflow: hidden; | |
| 4306 | + overflow-y: scroll; | |
| 4307 | +} | |
| 4308 | +.vbo-roverviewrowone .bluedays { | |
| 4309 | + background: var(--vbo-base-color); | |
| 4310 | + color: #fff; | |
| 4311 | + padding: 6px 15px; | |
| 4312 | + cursor: pointer; | |
| 4313 | +} | |
| 4314 | +.vbo-roverviewrowone .bluedays .vbo-roverview-datecmd-date i { | |
| 4315 | + color: var(--vbo-body-text-color); | |
| 4316 | +} | |
| 4317 | +.vbo-roverviewrowone .vbo-roverw-tablewday-wend { | |
| 4318 | + background: #095880; | |
| 4319 | +} | |
| 4320 | +.vbo-roverviewrowone .vbo-roverv-festcell { | |
| 4321 | + background: #a07e9a !important; | |
| 4322 | + cursor: pointer; | |
| 4323 | +} | |
| 4324 | +.vbo-roverviewrowone .vbo-roverv-festcell:hover { | |
| 4325 | + background-color: #bf8cb6 !important; | |
| 4326 | +} | |
| 4327 | +.vbo-roverviewrowone .vbo-roverv-festcell:active { | |
| 4328 | + background-color: #cca5c5 !important; | |
| 4329 | +} | |
| 4330 | +.vbo-roverviewrowone .bluedays > span { | |
| 4331 | + display: block; | |
| 4332 | +} | |
| 4333 | +.vbo-roverw-roomdaynote-icn { | |
| 4334 | + position: relative; | |
| 4335 | +} | |
| 4336 | +.vbo-roverw-roomdaynote-icn i { | |
| 4337 | + position: absolute; | |
| 4338 | + right: -10px; | |
| 4339 | + top: 2px; | |
| 4340 | + font-size: 12px; | |
| 4341 | +} | |
| 4342 | +.vbo-roverw-roomdaynote-icn:hover i { | |
| 4343 | + color: var(--vbo-body-text-color); | |
| 4344 | +} | |
| 4345 | +.vbo-roverviewrowone .vbo-roverw-tablewday { | |
| 4346 | + color: #fff; | |
| 4347 | + font-size: 12px; | |
| 4348 | +} | |
| 4349 | +.vbo-roverviewrowone .vbo-roverw-tablemday { | |
| 4350 | + font-size: 24px; | |
| 4351 | + margin: 3px 0; | |
| 4352 | +} | |
| 4353 | +.vbo-roverw-tablemonth { | |
| 4354 | + font-size: 12px; | |
| 4355 | + color: #fff; | |
| 4356 | + text-transform: uppercase; | |
| 4357 | + font-weight: normal; | |
| 4358 | +} | |
| 4359 | +.vbo-roverviewrowone form[name^="vbratesoverview"] > * { | |
| 4360 | + display: inline-block; | |
| 4361 | + vertical-align: top; | |
| 4362 | +} | |
| 4363 | +.vbo-roverview-datecmd { | |
| 4364 | + margin-bottom: 3px; | |
| 4365 | +} | |
| 4366 | +.vbo-roverview-datecmd form { | |
| 4367 | + margin: 0 !important; | |
| 4368 | +} | |
| 4369 | +.vbo-roverviewrowone form[name^="vbratesoverview"] a, .vbo-roverviewrowone form[name^="vbratesoverview"] a:link, | |
| 4370 | +.vbo-roverviewrowone form[name^="vbratesoverview"] a:active, .vbo-roverviewrowone form[name^="vbratesoverview"] a:visited { | |
| 4371 | + color: var(--vbo-blue-color); | |
| 4372 | + font-size: 15px; | |
| 4373 | + text-decoration: none; | |
| 4374 | + margin-top: 5px; | |
| 4375 | + background: var(--vbo-body-bg-color); | |
| 4376 | + padding: 3px 5px; | |
| 4377 | + display: inline-block; | |
| 4378 | + width: 15px; | |
| 4379 | + border-radius: 2px; | |
| 4380 | + vertical-align: top; | |
| 4381 | +} | |
| 4382 | +.vbo-roverviewrowone form[name^="vbratesoverview"] a:hover { | |
| 4383 | + text-decoration: none; | |
| 4384 | + color: var(--vbo-config-titles-color-light); | |
| 4385 | +} | |
| 4386 | +.vbo-roverviewrowone form[name^="vbratesoverview"] .vboosprevday { | |
| 4387 | + margin-right: 10px; | |
| 4388 | +} | |
| 4389 | +.vbo-roverviewrowone form[name^="vbratesoverview"] { | |
| 4390 | + margin-bottom: 0; | |
| 4391 | + padding: 0 10px; | |
| 4392 | +} | |
| 4393 | +.vbo-roverview-datecmd-top .vbo-roverview-datecmd-date { | |
| 4394 | + font-size: 15px; | |
| 4395 | + text-decoration: none; | |
| 4396 | + margin-top: 5px; | |
| 4397 | + background: var(--vbo-input-style); | |
| 4398 | + padding: 8px 5px; | |
| 4399 | + display: inline-block; | |
| 4400 | + width: 112px; | |
| 4401 | + border-radius: 2px; | |
| 4402 | + vertical-align: top; | |
| 4403 | +} | |
| 4404 | +.vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input { | |
| 4405 | + width: 70px !important; | |
| 4406 | + cursor: pointer; | |
| 4407 | + margin: -3px 0 0 3px; | |
| 4408 | + border: 0; | |
| 4409 | + padding: 0; | |
| 4410 | + font-weight: bold; | |
| 4411 | +} | |
| 4412 | +.vbo-roverview-datecmd a { | |
| 4413 | + display: inline-block; | |
| 4414 | +} | |
| 4415 | +.vbo-roverviewtablerow td { | |
| 4416 | + padding: 15px 10px; | |
| 4417 | +} | |
| 4418 | +.vbo-roverviewtablerow .vbo-roverv-rplan-restricted { | |
| 4419 | + padding: 9px 10px 22px; | |
| 4420 | +} | |
| 4421 | +.vbo-roverviewtableavrow td { | |
| 4422 | + min-width: 80px; | |
| 4423 | + max-width: 80px; | |
| 4424 | +} | |
| 4425 | +.vbo-roverviewtablerow td:first-child { | |
| 4426 | + font-weight: bold; | |
| 4427 | + background: var(--vbo-config-child-bg-color); | |
| 4428 | + background-clip: padding-box; | |
| 4429 | +} | |
| 4430 | +.vbo-roverviewtableavrow td:first-child, .vbo-roverviewtablerow-restrs td:first-child, .vbo-roverviewtablerow-occupancy td:first-child { | |
| 4431 | + background: var(--vbo-config-bg-color) !important; | |
| 4432 | + font-weight: bold; | |
| 4433 | + padding: 10px; | |
| 4434 | + font-size: 14px; | |
| 4435 | +} | |
| 4436 | +.vbo-roverviewtablerow:last-child td:first-child, .vbo-roverviewtableavrow:last-child td:first-child { | |
| 4437 | + border: 0; | |
| 4438 | +} | |
| 4439 | +td.vbo-roverw-daynotbusy { | |
| 4440 | + background: var(--vbo-config-child-bg-color) none repeat scroll 0 0; | |
| 4441 | + color: var(--vbo-body-text-color); | |
| 4442 | + cursor: not-allowed; | |
| 4443 | +} | |
| 4444 | +td.vbo-roverw-daybusy { | |
| 4445 | + background: var(--vbo-red-color) none repeat scroll 0 0; | |
| 4446 | + color: #fff; | |
| 4447 | + cursor: not-allowed; | |
| 4448 | +} | |
| 4449 | +td.vbo-roverw-daybusypartially { | |
| 4450 | + background: var(--vbo-orange-color) none repeat scroll 0 0; | |
| 4451 | + color: #fff; | |
| 4452 | + cursor: not-allowed; | |
| 4453 | +} | |
| 4454 | +td.vbo-roverw-daybusy:hover { | |
| 4455 | + cursor: pointer; | |
| 4456 | +} | |
| 4457 | +.vbo-roverview-roomunits { | |
| 4458 | + background: #3e6372 none repeat scroll 0 0; | |
| 4459 | + border-radius: 50%; | |
| 4460 | + color: #fff; | |
| 4461 | + display: inline-block; | |
| 4462 | + font-size: 11px; | |
| 4463 | + font-weight: bold; | |
| 4464 | + margin: 0 5px 0 0; | |
| 4465 | + height: 14px; | |
| 4466 | + width: 14px; | |
| 4467 | + line-height: 14px; | |
| 4468 | + padding: 3px; | |
| 4469 | + text-align: center; | |
| 4470 | +} | |
| 4471 | +.vbo-info-overlay-content-rovervw { | |
| 4472 | + padding: 20px 10px !important; | |
| 4473 | + height: 80% !important; | |
| 4474 | +} | |
| 4475 | +.ui-datepicker-multi-2 .ui-datepicker-group { | |
| 4476 | + width: 49% !important; | |
| 4477 | +} | |
| 4478 | +.vbo-roverw-setnewrate-vcm { | |
| 4479 | + padding: 4px; | |
| 4480 | + display: block; | |
| 4481 | + margin: 0 auto; | |
| 4482 | +} | |
| 4483 | +.vbo-roverw-setnewrate-vcm-head { | |
| 4484 | + margin-bottom: 5px; | |
| 4485 | + font-weight: bold; | |
| 4486 | +} | |
| 4487 | +.vbo-roverw-setnewrate-vcm-body { | |
| 4488 | + text-align: center; | |
| 4489 | +} | |
| 4490 | +.vbo-vcm-notinstalled { | |
| 4491 | + color: var(--vbo-red-color); | |
| 4492 | +} | |
| 4493 | +.vbo-vcm-installed { | |
| 4494 | + color: var(--vbo-config-title-color); | |
| 4495 | +} | |
| 4496 | +.vbo-vcm-installed i, .vbo-vcm-installed i.wp-quest-popover { | |
| 4497 | + font-size: 14px; | |
| 4498 | + margin-right: 5px; | |
| 4499 | + color: var(--vbo-config-titles-color-light); | |
| 4500 | +} | |
| 4501 | +.vbo-roverw-setnewrate-vcm-otas { | |
| 4502 | + margin-top: 20px; | |
| 4503 | + /* display: flex; | |
| 4504 | + flex-wrap: wrap; */ | |
| 4505 | + gap: 10px; | |
| 4506 | + display: grid; | |
| 4507 | + grid-template-columns: repeat(auto-fill, 240px); | |
| 4508 | + justify-content: center; | |
| 4509 | +} | |
| 4510 | +.vbo-roverw-setnewrate-vcm-otas:has(> :only-child) { | |
| 4511 | + grid-template-columns: minmax(240px, max-content); | |
| 4512 | +} | |
| 4513 | +.vbo-roverw-setnewrate-vcm-ota-relation { | |
| 4514 | + border-radius: 10px; | |
| 4515 | + border: 1px solid var(--vbo-config-border-color); | |
| 4516 | + background-color: var(--vbo-config-bg-color); | |
| 4517 | + padding: 10px; | |
| 4518 | + box-shadow: 0 2px 5px rgba(0,0,0,.05); | |
| 4519 | + text-align: left; | |
| 4520 | + flex-basis: 187px; | |
| 4521 | + align-self: flex-start; | |
| 4522 | +} | |
| 4523 | +.vbo-roverw-setnewrate-vcm-ota-relation-channel { | |
| 4524 | + display: flex; | |
| 4525 | + gap: 8px; | |
| 4526 | + align-items: center; | |
| 4527 | + position: relative; | |
| 4528 | +} | |
| 4529 | +.vbo-roverw-setnewrate-vcm-ota-relation .vbo-roverw-setnewrate-vcm-ota-relation-channel img { | |
| 4530 | + width: 22px; | |
| 4531 | + border-radius: 4px; | |
| 4532 | +} | |
| 4533 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue { | |
| 4534 | + margin-left: auto; | |
| 4535 | + cursor: pointer; | |
| 4536 | + white-space: nowrap; | |
| 4537 | +} | |
| 4538 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-willvalue { | |
| 4539 | + font-weight: bold; | |
| 4540 | + vertical-align: middle; | |
| 4541 | +} | |
| 4542 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue { | |
| 4543 | + font-size: 11px; | |
| 4544 | + display: inline-block; | |
| 4545 | + padding: 2px 4px; | |
| 4546 | + border-radius: 20px; | |
| 4547 | + font-weight: 600; | |
| 4548 | + margin-left: 5px; | |
| 4549 | + vertical-align: middle; | |
| 4550 | +} | |
| 4551 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration^="+"] { | |
| 4552 | + background: var(--vbo-light-green-color); | |
| 4553 | +} | |
| 4554 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration^="-"] { | |
| 4555 | + background: var(--vbo-error-bg); | |
| 4556 | +} | |
| 4557 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration="+0%"], | |
| 4558 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration="+0*"], | |
| 4559 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration="-0%"], | |
| 4560 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration="-0*"] { | |
| 4561 | + background: var(--vbo-light-blue); | |
| 4562 | +} | |
| 4563 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .edit-ota-pricing { | |
| 4564 | + position: absolute; | |
| 4565 | + top: -14px; | |
| 4566 | + right: -18px; | |
| 4567 | + width: 22px; | |
| 4568 | + height: 22px; | |
| 4569 | + background: var(--vbo-base-color); | |
| 4570 | + text-align: center; | |
| 4571 | + line-height: 22px; | |
| 4572 | + font-size: 10px; | |
| 4573 | + color: var(--vbo-contrast-text-color); | |
| 4574 | + border-radius: 50%; | |
| 4575 | +} | |
| 4576 | +.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue:hover .edit-ota-pricing { | |
| 4577 | + background: var(--vbo-config-bg-dark); | |
| 4578 | +} | |
| 4579 | +.vbo-roverw-setnewrate-vcm-ota-channel-pricing { | |
| 4580 | + margin-top: 10px; | |
| 4581 | +} | |
| 4582 | +.vbo-roverw-setnewrate-vcm-ota-pricing-alteration { | |
| 4583 | + display: flex; | |
| 4584 | + justify-content: center; | |
| 4585 | +} | |
| 4586 | +.vbo-roverw-setnewrate-vcm-ota-pricing-alteration .vbo-roverw-setnewrate-vcm-ota-alteration-elem select { | |
| 4587 | + padding: 5px 25px 5px 10px !important; | |
| 4588 | +} | |
| 4589 | +.vbo-roverw-setnewrate-vcm-ota-pricing-alteration .vbo-roverw-setnewrate-vcm-ota-alteration-elem input[type="number"] { | |
| 4590 | + width: 85px !important; | |
| 4591 | +} | |
| 4592 | +.vbo-roverw-setnewrate-vcm-ota-relation.vbo-roverw-setnewrate-vcm-ota-relation-disabled { | |
| 4593 | + opacity: .7; | |
| 4594 | + filter: grayscale(.5); | |
| 4595 | +} | |
| 4596 | +.vbo-roverw-setnewrate-vcm-ota-relation.vbo-roverw-setnewrate-vcm-ota-relation-disabled .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue { | |
| 4597 | + cursor: initial; | |
| 4598 | +} | |
| 4599 | +/* Rates, Restrictions and Seasons Calendar - End */ | |
| 4600 | +/* Toggle Switch - Start */ | |
| 4601 | +/* The switch - the box around the slider */ | |
| 4602 | +.vbo-switch { | |
| 4603 | + position: relative; | |
| 4604 | + display: inline-block; | |
| 4605 | + width: 60px; | |
| 4606 | + height: 34px; | |
| 4607 | +} | |
| 4608 | +/* Hide default HTML checkbox */ | |
| 4609 | +.vbo-switch input { | |
| 4610 | + display: none; | |
| 4611 | +} | |
| 4612 | +/* The slider */ | |
| 4613 | +.vbo-slider { | |
| 4614 | + position: absolute; | |
| 4615 | + cursor: pointer; | |
| 4616 | + top: 0; | |
| 4617 | + left: 0; | |
| 4618 | + right: 0; | |
| 4619 | + bottom: 0; | |
| 4620 | + background-color: #ccc; | |
| 4621 | + -webkit-transition: .4s; | |
| 4622 | + transition: .4s; | |
| 4623 | +} | |
| 4624 | +.vbo-slider.vbo-slider-disabled { | |
| 4625 | + cursor: not-allowed; | |
| 4626 | +} | |
| 4627 | +.vbo-slider:before { | |
| 4628 | + position: absolute; | |
| 4629 | + content: ""; | |
| 4630 | + height: 26px; | |
| 4631 | + width: 26px; | |
| 4632 | + left: 4px; | |
| 4633 | + bottom: 4px; | |
| 4634 | + background-color: white; | |
| 4635 | + -webkit-transition: .4s; | |
| 4636 | + transition: .4s; | |
| 4637 | +} | |
| 4638 | +input:checked + .vbo-slider { | |
| 4639 | + background-color: #2196F3; | |
| 4640 | +} | |
| 4641 | +input:focus + .vbo-slider { | |
| 4642 | + box-shadow: 0 0 1px #2196F3; | |
| 4643 | +} | |
| 4644 | +input:checked + .vbo-slider:before { | |
| 4645 | + -webkit-transform: translateX(26px); | |
| 4646 | + -ms-transform: translateX(26px); | |
| 4647 | + transform: translateX(26px); | |
| 4648 | +} | |
| 4649 | +/* Rounded sliders */ | |
| 4650 | +.vbo-slider.vbo-round { | |
| 4651 | + border-radius: 34px; | |
| 4652 | +} | |
| 4653 | +.vbo-slider.vbo-round:before { | |
| 4654 | + border-radius: 50%; | |
| 4655 | +} | |
| 4656 | +/* Toggle Switch - End */ | |
| 4657 | +.new_depovr_container { | |
| 4658 | + margin: 4px 0 15px; | |
| 4659 | + padding: 10px; | |
| 4660 | + border: 1px solid var(--vbo-config-border-color); | |
| 4661 | + border-radius: 4px; | |
| 4662 | +} | |
| 4663 | +.new_depovr_container > span { | |
| 4664 | + display: inline-block; | |
| 4665 | + vertical-align: top; | |
| 4666 | + margin-right: 23px; | |
| 4667 | +} | |
| 4668 | +.new_depovr_container > span:last-child { | |
| 4669 | + margin-right: 0; | |
| 4670 | + float: right; | |
| 4671 | +} | |
| 4672 | +.new_depovr_container > span > span { | |
| 4673 | + display: inline-block; | |
| 4674 | + margin: 0 5px; | |
| 4675 | +} | |
| 4676 | +.new_depovr_container > span > .btn-danger { | |
| 4677 | + padding: 8px 13px 11px; | |
| 4678 | + font-weight: bold; | |
| 4679 | + font-size: 20px; | |
| 4680 | + line-height: 16px; | |
| 4681 | +} | |
| 4682 | +input.new_depovr_nights, input.new_depovr_amounts, select.new_depovr_more { | |
| 4683 | + margin: 0 !important; | |
| 4684 | +} | |
| 4685 | +.new_depovr_container input.new_depovr_nights[type="number"], .new_depovr_container input.new_depovr_amounts[type="number"] { | |
| 4686 | + width: 100px !important; | |
| 4687 | +} | |
| 4688 | +.cur_depoverrides { | |
| 4689 | + margin: 0 0 4px 0; | |
| 4690 | + display: inline-block; | |
| 4691 | +} | |
| 4692 | +.cur_depoverrides span { | |
| 4693 | + margin: 3px; | |
| 4694 | + border-bottom: 1px solid var(--vbo-config-text-color-light); | |
| 4695 | + border: 1px solid var(--vbo-config-border-color); | |
| 4696 | + padding: 5px 8px; | |
| 4697 | + border-radius: 3px; | |
| 4698 | + background: var(--vbo-config-child-bg-color); | |
| 4699 | + display: inline-block; | |
| 4700 | +} | |
| 4701 | +.cur_depoverrides span:first-child { | |
| 4702 | + margin-left: 0; | |
| 4703 | +} | |
| 4704 | +.cur_depoverrides + .btn { | |
| 4705 | + display: inline-block; | |
| 4706 | + vertical-align: top; | |
| 4707 | + margin-top: 3px; | |
| 4708 | + padding: 5px 10px; | |
| 4709 | +} | |
| 4710 | +/* Timeline Rates Overview - Start */ | |
| 4711 | +.vbo-ratesoverview-lostab-cont .table-responsive { | |
| 4712 | + width: 98%; | |
| 4713 | + margin: 10px auto 20px; | |
| 4714 | + border-radius: 10px; | |
| 4715 | + box-shadow: 0 0px 8px rgba(0,0,0,.15); | |
| 4716 | +} | |
| 4717 | +.vbo-ratesoverview-lostab-cont .vbo-seasons-calendar-nightsrow td { | |
| 4718 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 4719 | +} | |
| 4720 | +.vbo-timeline-container { | |
| 4721 | + display: block; | |
| 4722 | + width: 100%; | |
| 4723 | + margin: auto auto 0; | |
| 4724 | + overflow: auto; | |
| 4725 | +} | |
| 4726 | +#vbo-timeline { | |
| 4727 | + list-style: none; | |
| 4728 | + margin: 70px auto 0; | |
| 4729 | + padding: 0; | |
| 4730 | + border-top: 8px solid var(--vbo-blue-color); | |
| 4731 | + display: table; | |
| 4732 | + border-spacing: 30px 0; | |
| 4733 | + text-align: center; | |
| 4734 | +} | |
| 4735 | +#vbo-timeline li { | |
| 4736 | + display: table-cell; | |
| 4737 | + height: 160px; | |
| 4738 | +} | |
| 4739 | +#vbo-timeline li .vbo-timeline-relative { | |
| 4740 | + position: relative; | |
| 4741 | +} | |
| 4742 | +#vbo-timeline p { | |
| 4743 | + margin: 0; | |
| 4744 | +} | |
| 4745 | +.vbo-timeline-date { | |
| 4746 | + text-align: center; | |
| 4747 | + top: -45px; | |
| 4748 | + left: 0; | |
| 4749 | + right: 0; | |
| 4750 | + font-size: 0.95em; | |
| 4751 | + line-height: 25px; | |
| 4752 | + position: absolute; | |
| 4753 | + font-weight: bold; | |
| 4754 | +} | |
| 4755 | +.vbo-timeline-circle { | |
| 4756 | + margin: 0 auto; | |
| 4757 | + top: -14px; | |
| 4758 | + left: 0; | |
| 4759 | + right: 0; | |
| 4760 | + width: 10px; | |
| 4761 | + height: 10px; | |
| 4762 | + background: var(--vbo-config-bg-color); | |
| 4763 | + border: 5px solid var(--vbo-blue-color); | |
| 4764 | + border-radius: 50%; | |
| 4765 | + display: block; | |
| 4766 | + position: absolute; | |
| 4767 | + cursor: pointer; | |
| 4768 | +} | |
| 4769 | +.vbo-timeline-content { | |
| 4770 | + border-color: var(--vbo-main-bg-color); | |
| 4771 | + width: 180px; | |
| 4772 | + max-height: 120px; | |
| 4773 | + margin-top: 25px; | |
| 4774 | + vertical-align: top; | |
| 4775 | + padding: 35px 15px 15px; | |
| 4776 | + transition: width 0.2s linear, max-height 0.2s linear; | |
| 4777 | + border-width: 2px; | |
| 4778 | + border-style: solid; | |
| 4779 | + border-radius: 0.5em; | |
| 4780 | + position: relative; | |
| 4781 | +} | |
| 4782 | +.vbo-timeline-content:before, .vbo-timeline-content:after { | |
| 4783 | + content: ""; | |
| 4784 | + width: 0; | |
| 4785 | + height: 0; | |
| 4786 | + border: solid transparent; | |
| 4787 | + position: absolute; | |
| 4788 | + pointer-events: none; | |
| 4789 | + bottom: 100%; | |
| 4790 | +} | |
| 4791 | +.vbo-timeline-content:before { | |
| 4792 | + border-bottom-color: inherit; | |
| 4793 | + border-width: 15px; | |
| 4794 | + left: 50%; | |
| 4795 | + margin-left: -15px; | |
| 4796 | +} | |
| 4797 | +.vbo-timeline-content:after { | |
| 4798 | + border-bottom-color: var(--vbo-config-bg-color); | |
| 4799 | + border-width: 12px; | |
| 4800 | + left: 50%; | |
| 4801 | + margin-left: -12px; | |
| 4802 | +} | |
| 4803 | +.vbo-timeline-content .label-info, body.admin .vbo-timeline-content .label-info { | |
| 4804 | + background-color: transparent !important; | |
| 4805 | + border: 1px solid var(--vbo-blue-color); | |
| 4806 | + color: var(--vbo-blue-color); | |
| 4807 | + padding: 8px 6px !important; | |
| 4808 | + vertical-align: top; | |
| 4809 | +} | |
| 4810 | +.vbo-timeline-content .label-info .badge { | |
| 4811 | + background: var(--vbo-blue-color) !important; | |
| 4812 | + margin-left: 2px; | |
| 4813 | +} | |
| 4814 | +.vbo-timeline-content .btn { | |
| 4815 | + padding: 8px 15px; | |
| 4816 | + box-shadow: none; | |
| 4817 | + border-color: var(--vbo-config-border-color); | |
| 4818 | + vertical-align: top; | |
| 4819 | +} | |
| 4820 | +.vbo-timeline-content .btn i { | |
| 4821 | + margin-right: 5px; | |
| 4822 | +} | |
| 4823 | +.vbo-timeline-content p { | |
| 4824 | + max-height: 0; | |
| 4825 | + color: transparent; | |
| 4826 | + text-align: center; | |
| 4827 | + /* text-align: justify; */ | |
| 4828 | + word-break: break-word; | |
| 4829 | + -moz-hyphens: auto; | |
| 4830 | + overflow: hidden; | |
| 4831 | +} | |
| 4832 | +.vbo-ratesoverview-bottom-container { | |
| 4833 | + background: var(--vbo-config-bg-color); | |
| 4834 | +} | |
| 4835 | +.vbo-ratesoverview-bottom-container .vbo-roverv-actions-content .vbo-context-menu-roverv-actions { | |
| 4836 | + margin-left: auto; | |
| 4837 | +} | |
| 4838 | +.vbo-ratesoverview-bottom-container .vbo-roverv-actions-wrapper { | |
| 4839 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 4840 | + padding-bottom: 10px; | |
| 4841 | + margin-bottom: 5px; | |
| 4842 | +} | |
| 4843 | +label.vbo-timeline-label { | |
| 4844 | + font-size: 1.2em; | |
| 4845 | + position: absolute; | |
| 4846 | + z-index: 1; | |
| 4847 | + cursor: pointer; | |
| 4848 | + width: 180px; | |
| 4849 | + white-space: nowrap; | |
| 4850 | + text-overflow: ellipsis; | |
| 4851 | + overflow: hidden; | |
| 4852 | + display: block; | |
| 4853 | + top: 35px; | |
| 4854 | + left: 15px; | |
| 4855 | +} | |
| 4856 | +.vbo-timeline-radio { | |
| 4857 | + display: none; | |
| 4858 | +} | |
| 4859 | +.vbo-timeline-radio:checked + .vbo-timeline-relative label { | |
| 4860 | + cursor: auto; | |
| 4861 | + width: 300px; | |
| 4862 | +} | |
| 4863 | +.vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle { | |
| 4864 | + background: var(--vbo-green-color); | |
| 4865 | +} | |
| 4866 | +.vbo-timeline-radio:checked ~ .vbo-timeline-content { | |
| 4867 | + max-height: 180px; | |
| 4868 | + border-color: var(--vbo-blue-color); | |
| 4869 | + width: 300px; | |
| 4870 | +} | |
| 4871 | +.vbo-timeline-radio:checked ~ .vbo-timeline-content p { | |
| 4872 | + max-height: 180px; | |
| 4873 | + min-height: 35px; | |
| 4874 | + color: var(--vbo-config-title-color); | |
| 4875 | + transition: color 0.3s linear 0.3s; | |
| 4876 | + -webkit-transition: color 0.3s linear 0.3s; | |
| 4877 | +} | |
| 4878 | +.vbo-timeline-content span.vbo-seasons-calendar-slabel { | |
| 4879 | + max-height: 0; | |
| 4880 | + max-width: 0; | |
| 4881 | + color: transparent; | |
| 4882 | + word-break: break-word; | |
| 4883 | + -moz-hyphens: auto; | |
| 4884 | + overflow: hidden; | |
| 4885 | +} | |
| 4886 | +.vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-slabel { | |
| 4887 | + max-height: 180px; | |
| 4888 | + min-height: 35px; | |
| 4889 | + color: #fff; | |
| 4890 | + transition: color 0.3s linear 0.3s; | |
| 4891 | + -webkit-transition: color 0.3s linear 0.3s; | |
| 4892 | +} | |
| 4893 | +.vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-discount { | |
| 4894 | + background-color: var(--vbo-orange-color); | |
| 4895 | +} | |
| 4896 | +.vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-charge { | |
| 4897 | + background-color: var(--vbo-input-style-nested-deactive); | |
| 4898 | + color: var(--vbo-body-text-color); | |
| 4899 | +} | |
| 4900 | +/* Timeline Rates Overview - End */ | |
| 4901 | +/* Translations - Start */ | |
| 4902 | +.vbo-translation-langtabs { | |
| 4903 | + display: block; | |
| 4904 | + margin: 0; | |
| 4905 | + padding: 0; | |
| 4906 | + background: var(--vbo-config-bg-color); | |
| 4907 | + border: 1px solid var(--vbo-config-border-color); | |
| 4908 | +} | |
| 4909 | +.vbo-translation-tab { | |
| 4910 | + display: inline-block; | |
| 4911 | + cursor: pointer; | |
| 4912 | + vertical-align: middle; | |
| 4913 | + font-weight: bold; | |
| 4914 | + min-width: 120px; | |
| 4915 | + text-align: center; | |
| 4916 | + color: var(--vbo-config-titles-color-light); | |
| 4917 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 4918 | + border-bottom: none; | |
| 4919 | + margin: 0 0 -1px; | |
| 4920 | + padding: 12px 14px; | |
| 4921 | +} | |
| 4922 | +.vbo-translation-tab .vbo-translation-flag { | |
| 4923 | + margin-right: 5px; | |
| 4924 | +} | |
| 4925 | +.vbo-translation-tab:hover { | |
| 4926 | + background: var(--vbo-config-child-bg-color); | |
| 4927 | +} | |
| 4928 | +.vbo-translation-tab-default { | |
| 4929 | + border-bottom: 2px solid var(--vbo-blue-color); | |
| 4930 | + color: var(--vbo-blue-color); | |
| 4931 | +} | |
| 4932 | +.vbo-translation-tabscontents { | |
| 4933 | + display: block; | |
| 4934 | + margin: 0; | |
| 4935 | + padding: 0; | |
| 4936 | + border: 1px solid var(--vbo-config-border-color); | |
| 4937 | + min-height: 200px; | |
| 4938 | +} | |
| 4939 | +.vbo-translation-langcontent { | |
| 4940 | + background: var(--vbo-main-bg-color); | |
| 4941 | +} | |
| 4942 | +.vbo-translation-langcontent .adminlegend { | |
| 4943 | + margin: 10px 20px 0; | |
| 4944 | + border-bottom: 0; | |
| 4945 | + color: var(--vbo-config-title-color); | |
| 4946 | +} | |
| 4947 | +.vbo-translations-tab-container { | |
| 4948 | + padding: 0 10px; | |
| 4949 | +} | |
| 4950 | +.vbo-translations-tab-container .vbo-translations-default-element, .vbo-translations-tab-container .vbo-translations-language-element { | |
| 4951 | + background: var(--vbo-config-bg-color); | |
| 4952 | + border-radius: 8px; | |
| 4953 | + padding: 20px; | |
| 4954 | + margin: 15px 10px; | |
| 4955 | + box-shadow: 0 5px 10px rgba(0,0,0,.05); | |
| 4956 | +} | |
| 4957 | +.vbo-translations-element-title { | |
| 4958 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 4959 | + font-size: 16px; | |
| 4960 | + font-weight: bold; | |
| 4961 | + padding-bottom: 10px; | |
| 4962 | + margin-bottom: 10px; | |
| 4963 | +} | |
| 4964 | +.vbo-translations-element-row { | |
| 4965 | + display: flex; | |
| 4966 | + margin: 25px 0; | |
| 4967 | + font-size: 14px; | |
| 4968 | +} | |
| 4969 | +.vbo-translations-element-row-nested { | |
| 4970 | + margin: 0 0 0 10px; | |
| 4971 | + padding: 10px; | |
| 4972 | + background: var(--vbo-config-child-bg-color); | |
| 4973 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 4974 | +} | |
| 4975 | +.vbo-translations-element-row .vbo-translations-element-lbl { | |
| 4976 | + flex-basis: 250px; | |
| 4977 | + margin-right: 20px; | |
| 4978 | + margin-bottom: 5px; | |
| 4979 | +} | |
| 4980 | +.vbo-translations-element-row-nested .vbo-translations-element-lbl { | |
| 4981 | + margin-right: 0; | |
| 4982 | +} | |
| 4983 | +.vbo-translations-element-row .vbo-translations-element-val { | |
| 4984 | + flex: 1; | |
| 4985 | +} | |
| 4986 | +.vbo-translations-element-row .vbo-translations-element-val .js-editor-tinymce iframe { | |
| 4987 | + height: 250px !important; | |
| 4988 | +} | |
| 4989 | +.vbo-translations-element-row .vbo-translations-element-val textarea { | |
| 4990 | + width: 100%; | |
| 4991 | +} | |
| 4992 | +.vbo-translations-language-element .vbo-translations-element-lbl, .vbo-translations-ini-element .vbo-translations-element-lbl { | |
| 4993 | + padding-left: 35px; | |
| 4994 | +} | |
| 4995 | +.vbo-translations-language-element .vbo-translations-element-lbl { | |
| 4996 | + position: relative; | |
| 4997 | +} | |
| 4998 | +.vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions { | |
| 4999 | + position: absolute; | |
| 5000 | + margin-top: 5px; | |
| 5001 | + display: flex; | |
| 5002 | + gap: 5px; | |
| 5003 | + /*padding: 4px 8px;*/ | |
| 5004 | + /*background-color: var(--vbo-basic-btn);*/ | |
| 5005 | + /*border: 1px solid var(--vbo-config-border-color);*/ | |
| 5006 | + /*cursor: pointer;*/ | |
| 5007 | + /*border-radius: 4px;*/ | |
| 5008 | +} | |
| 5009 | +.vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions > * { | |
| 5010 | + display: block; | |
| 5011 | + padding: 4px 8px; | |
| 5012 | + background-color: var(--vbo-basic-btn); | |
| 5013 | + border: 1px solid var(--vbo-config-border-color); | |
| 5014 | + cursor: pointer; | |
| 5015 | + border-radius: 4px; | |
| 5016 | +} | |
| 5017 | +.vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions > *:hover { | |
| 5018 | + background-color: var(--vbo-basic-btn-hover); | |
| 5019 | +} | |
| 5020 | +.vbo-translate-column-cell { | |
| 5021 | + background: none repeat scroll 0 0 #e9e9e9; | |
| 5022 | + border-right: 1px solid #ddd; | |
| 5023 | + text-align: right !important; | |
| 5024 | + vertical-align: middle !important; | |
| 5025 | +} | |
| 5026 | +.vbo-translate-reference-cell { | |
| 5027 | + background: none repeat scroll 0 0 #e9e9e9; | |
| 5028 | + text-align: left !important; | |
| 5029 | + font-size: 105%; | |
| 5030 | + font-weight: bold; | |
| 5031 | +} | |
| 5032 | +.vbo-missing-translation,.vbo-field-translated { | |
| 5033 | + position: relative; | |
| 5034 | +} | |
| 5035 | +.vbo-missing-translation:before { | |
| 5036 | + border: 1px solid var(--vbo-orange-color); | |
| 5037 | + border-radius: 50%; | |
| 5038 | + color: var(--vbo-orange-color); | |
| 5039 | + content: "!"; | |
| 5040 | + font-size: 12px; | |
| 5041 | + font-weight: bold; | |
| 5042 | + height: 18px; | |
| 5043 | + left: 2px; | |
| 5044 | + position: absolute; | |
| 5045 | + text-align: center; | |
| 5046 | + top: 0px; | |
| 5047 | + width: 18px; | |
| 5048 | +} | |
| 5049 | +.vbo-field-translated:before { | |
| 5050 | + border: 1px solid var(--vbo-green-color); | |
| 5051 | + border-radius: 50%; | |
| 5052 | + color: var(--vbo-green-color); | |
| 5053 | + content: "\2713"; | |
| 5054 | + font-size: 12px; | |
| 5055 | + font-weight: bold; | |
| 5056 | + height: 18px; | |
| 5057 | + left: 2px; | |
| 5058 | + position: absolute; | |
| 5059 | + text-align: center; | |
| 5060 | + top: 0px; | |
| 5061 | + width: 18px; | |
| 5062 | +} | |
| 5063 | +.vbo-translation-tab.vbo-translation-tab-ini { | |
| 5064 | + float: right; | |
| 5065 | + border-right: 0; | |
| 5066 | +} | |
| 5067 | +.vbo-translation-tab-ini.vbo-translation-tab-default { | |
| 5068 | + border-bottom: 0; | |
| 5069 | +} | |
| 5070 | +.vbo-translation-iniflag { | |
| 5071 | + display: inline-block; | |
| 5072 | + padding: 1px 4px; | |
| 5073 | + background: none repeat scroll 0 0 #365868; | |
| 5074 | + color: #fff; | |
| 5075 | + border-radius: 2px; | |
| 5076 | +} | |
| 5077 | +.vbo-inifile-totrows { | |
| 5078 | + display: inline-block; | |
| 5079 | + margin-right: 8px; | |
| 5080 | + padding: 2px 4px; | |
| 5081 | + border: 1px solid #fff; | |
| 5082 | + border-radius: 5px; | |
| 5083 | + text-align: center; | |
| 5084 | +} | |
| 5085 | +.vbo-inifile-path { | |
| 5086 | + display: inline-block; | |
| 5087 | + margin-right: 8px; | |
| 5088 | + padding: 2px 4px; | |
| 5089 | + border: 1px solid #fff; | |
| 5090 | + border-radius: 5px; | |
| 5091 | + text-align: center; | |
| 5092 | + font-size: 90%; | |
| 5093 | +} | |
| 5094 | +.vbo-inifile-exists { | |
| 5095 | + background: none repeat scroll 0 0 #DFF2BF; | |
| 5096 | + color: #4F8A10; | |
| 5097 | +} | |
| 5098 | +.vbo-inifile-notfound { | |
| 5099 | + background: none repeat scroll 0 0 #FEEFB3; | |
| 5100 | + color: #9F6000; | |
| 5101 | +} | |
| 5102 | +/* Translations - End */ | |
| 5103 | + | |
| 5104 | +/* Dashboard - Start */ | |
| 5105 | +.vbo-dashboard-fullcontainer { | |
| 5106 | + background: var(--vbo-main-bg-color); | |
| 5107 | + padding: 10px 0; | |
| 5108 | +} | |
| 5109 | +.vbo-dashboard-top-outer { | |
| 5110 | + display: flex; | |
| 5111 | + flex-wrap: wrap; | |
| 5112 | + padding: 18px | |
| 5113 | +} | |
| 5114 | +.vbo-dashboard-today-bookings { | |
| 5115 | + flex-basis: 70%; | |
| 5116 | + display: flex; | |
| 5117 | + -ms-flex-wrap: wrap; | |
| 5118 | + -webkit-flex-wrap: wrap; | |
| 5119 | + flex-wrap: wrap; | |
| 5120 | +} | |
| 5121 | +.vbo-dashboard-top-outer .vbo-dashboard-top-right { | |
| 5122 | + flex: 1; | |
| 5123 | +} | |
| 5124 | +.vbo-dashboard-forecast-wrap { | |
| 5125 | + background-color: #fff; | |
| 5126 | + border-radius: 16px; | |
| 5127 | + box-shadow: 0 0px 20px rgba(0,0,0,.1); | |
| 5128 | +} | |
| 5129 | +.vbo-dashboard-forecast-wrap h4 { | |
| 5130 | + font-size: 20px; | |
| 5131 | + font-weight: bold; | |
| 5132 | + padding: 23px 0px 22px 15px; | |
| 5133 | + margin-top: 0; | |
| 5134 | + border-bottom: 1px solid #ddd; | |
| 5135 | + text-align: center; | |
| 5136 | +} | |
| 5137 | +.vbo-reportwidget-body .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-inner { | |
| 5138 | + display: flex; | |
| 5139 | + border: 2px solid var(--vbo-red-color); | |
| 5140 | + border-radius: 6px; | |
| 5141 | + padding: 14px; | |
| 5142 | + margin: 10px 20px 0; | |
| 5143 | +} | |
| 5144 | +.vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner { | |
| 5145 | + border: 0; | |
| 5146 | +} | |
| 5147 | +.vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon { | |
| 5148 | + flex-basis: 52px; | |
| 5149 | +} | |
| 5150 | +.vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon i { | |
| 5151 | + width: 36px; | |
| 5152 | + height: 36px; | |
| 5153 | + border-radius: 50%; | |
| 5154 | + line-height: 36px; | |
| 5155 | + background: var(--vbo-base-color); | |
| 5156 | + color: #fff; | |
| 5157 | + font-size: 16px; | |
| 5158 | + text-align: center; | |
| 5159 | + box-shadow: 0 7px 10px 2px rgba(34, 130, 189,.2); | |
| 5160 | +} | |
| 5161 | +.vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span { | |
| 5162 | + cursor: pointer; | |
| 5163 | + display: inline-block; | |
| 5164 | + | |
| 5165 | + transition-timing-function: ease-in; | |
| 5166 | + transition: 0.2s; | |
| 5167 | + transform: translateY(-10px); | |
| 5168 | +} | |
| 5169 | +.vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span { | |
| 5170 | + cursor: inherit; | |
| 5171 | +} | |
| 5172 | +.vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner { | |
| 5173 | + overflow: hidden; | |
| 5174 | + padding-bottom: 5px; | |
| 5175 | + padding-top: 10px; | |
| 5176 | + margin-top: 0; | |
| 5177 | +} | |
| 5178 | +.vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-inner { | |
| 5179 | + backface-visibility: hidden; | |
| 5180 | + transform: translateZ(0); | |
| 5181 | + transition: all 0.2s ease-in; | |
| 5182 | + padding-bottom: 14px; | |
| 5183 | +} | |
| 5184 | +.vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span { | |
| 5185 | + margin-top: 0; | |
| 5186 | + | |
| 5187 | + transition-timing-function: ease-out; | |
| 5188 | + transition: 0.25s; | |
| 5189 | + transform: translateY(0px); | |
| 5190 | +} | |
| 5191 | +.vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon { | |
| 5192 | + position: absolute; | |
| 5193 | +} | |
| 5194 | +.vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span { | |
| 5195 | + transform: translateY(-25px); | |
| 5196 | +} | |
| 5197 | +.vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span { | |
| 5198 | + transform: translateY(-60px); | |
| 5199 | +} | |
| 5200 | +.vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help { | |
| 5201 | + flex: 1; | |
| 5202 | + position: relative; | |
| 5203 | +} | |
| 5204 | +.vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help h5 { | |
| 5205 | + margin-top: 0; | |
| 5206 | + margin-bottom: 5px; | |
| 5207 | + color: var(--vbo-base-color); | |
| 5208 | + font-size: 14px; | |
| 5209 | +} | |
| 5210 | +.vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-reportwidget-promo-close span { | |
| 5211 | + position: absolute; | |
| 5212 | + right: -24px; | |
| 5213 | + top: -24px; | |
| 5214 | + background: var(--vbo-config-title-color); | |
| 5215 | + border: 2px solid var(--vbo-basic-btn); | |
| 5216 | + color: var(--vbo-basic-btn); | |
| 5217 | + width: 20px; | |
| 5218 | + height: 20px; | |
| 5219 | + text-align: center; | |
| 5220 | + line-height: 20px; | |
| 5221 | + border-radius: 50%; | |
| 5222 | + cursor: pointer; | |
| 5223 | +} | |
| 5224 | +.vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-title { | |
| 5225 | + font-weight: bold; | |
| 5226 | + margin: 0; | |
| 5227 | +} | |
| 5228 | +.vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-help { | |
| 5229 | + margin: 0; | |
| 5230 | +} | |
| 5231 | +.vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link { | |
| 5232 | + margin-top: 8px; | |
| 5233 | +} | |
| 5234 | +.vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link i { | |
| 5235 | + margin-right: 4px; | |
| 5236 | +} | |
| 5237 | +.vbo-admin-widget-head-commands { | |
| 5238 | + position: relative; | |
| 5239 | +} | |
| 5240 | +.vbo-reportwidget-commands { | |
| 5241 | + text-align: right; | |
| 5242 | + padding-right: 15px; | |
| 5243 | + margin-bottom: 8px; | |
| 5244 | + display: flex; | |
| 5245 | + justify-content: flex-end; | |
| 5246 | +} | |
| 5247 | +.vbo-reportwidget-commands > div { | |
| 5248 | + display: inline-block; | |
| 5249 | +} | |
| 5250 | +.vbo-reportwidget-commands-main { | |
| 5251 | + display: flex; | |
| 5252 | + align-self: center; | |
| 5253 | +} | |
| 5254 | +.vbo-reportwidget-commands-main > div { | |
| 5255 | + display: inline-block; | |
| 5256 | + vertical-align: top; | |
| 5257 | +} | |
| 5258 | +.vbo-reportwidget-commands-main .vbo-reportwidget-command-add { | |
| 5259 | + font-size: 16px; | |
| 5260 | + color: var(--vbo-base-color); | |
| 5261 | + cursor: pointer; | |
| 5262 | +} | |
| 5263 | +.vbo-reportwidget-commands-main .vbo-reportwidget-command-add:hover { | |
| 5264 | + color: var(--vbo-blue-color); | |
| 5265 | +} | |
| 5266 | +.vbo-reportwidget-command-dates { | |
| 5267 | + margin-right: 5px; | |
| 5268 | +} | |
| 5269 | +.vbo-reportwidget-command-dates .vbo-reportwidget-period-name { | |
| 5270 | + font-weight: bold; | |
| 5271 | + font-size: 1.1em; | |
| 5272 | +} | |
| 5273 | +.vbo-reportwidget-command-chevron { | |
| 5274 | + margin-top: 4px; | |
| 5275 | +} | |
| 5276 | +.vbo-reportwidget-command-chevron .vbo-reportwidget-back { | |
| 5277 | + margin-right: 5px; | |
| 5278 | +} | |
| 5279 | +.vbo-reportwidget-command-chevron .vbo-reportwidget-command-next { | |
| 5280 | + margin-left: 5px; | |
| 5281 | +} | |
| 5282 | +.vbo-reportwidget-command-chevron > span { | |
| 5283 | + display: inline-block; | |
| 5284 | + font-size: 14px; | |
| 5285 | + border: 1px solid #ddd; | |
| 5286 | + padding: 5px 10px; | |
| 5287 | + border-radius: 2px; | |
| 5288 | + background: #f6f6f6; | |
| 5289 | + cursor: pointer; | |
| 5290 | +} | |
| 5291 | +.vbo-reportwidget-command-chevron > span:hover { | |
| 5292 | + background: #eee; | |
| 5293 | +} | |
| 5294 | +.vbo-reportwidget-command-chevron > span:active { | |
| 5295 | + background: #fff; | |
| 5296 | +} | |
| 5297 | +.vbo-reportwidget-command-dots .vbo-widget-command-togglefilters { | |
| 5298 | + vertical-align: top; | |
| 5299 | + margin: 2px 0 0 4px; | |
| 5300 | + padding: 8px 0 8px 10px; | |
| 5301 | + font-size: 16px; | |
| 5302 | + cursor: pointer; | |
| 5303 | + display: inline-block; | |
| 5304 | +} | |
| 5305 | +.vbo-reportwidget-command-dots:hover { | |
| 5306 | + color: var(--vbo-base-color); | |
| 5307 | +} | |
| 5308 | +.vbo-reportwidget-filters { | |
| 5309 | + display: none; | |
| 5310 | + position: absolute; | |
| 5311 | + right: 30px; | |
| 5312 | + background: var(--vbo-config-bg-color); | |
| 5313 | + padding: 20px; | |
| 5314 | + border-radius: 10px; | |
| 5315 | + box-shadow: 0 4px 18px rgba(0,0,0,.15); | |
| 5316 | + z-index: 1; | |
| 5317 | + min-width: 150px; | |
| 5318 | +} | |
| 5319 | +.vbo-reportwidget-filters .vbo-reportwidget-datepicker { | |
| 5320 | + background-color: var(--vbo-input-style); | |
| 5321 | + border: 1px solid var(--vbo-config-border-color); | |
| 5322 | + border-radius: var(--vbo-field-radius); | |
| 5323 | + margin-bottom: 0; | |
| 5324 | + display: inline-block; | |
| 5325 | + box-sizing: border-box; | |
| 5326 | + padding: 0 0 0 10px; | |
| 5327 | + width: 100%; | |
| 5328 | + display: flex; | |
| 5329 | +} | |
| 5330 | +.vbo-reportwidget-filters .vbo-reportwidget-datepicker input[type="text"] { | |
| 5331 | + border: 0; | |
| 5332 | + height: auto; | |
| 5333 | + padding: 9px 10px 9px 15px; | |
| 5334 | + margin-bottom: 0; | |
| 5335 | +} | |
| 5336 | +.vbo-reportwidget-filters .vbo-reportwidget-datepicker i { | |
| 5337 | + color: var(--vbo-config-titles-color-light); | |
| 5338 | + font-size: 15px; | |
| 5339 | + margin-top: 15px; | |
| 5340 | + float: left; | |
| 5341 | +} | |
| 5342 | +.vbo-reportwidget-filter .select2-container { | |
| 5343 | + width: 100% !important; | |
| 5344 | +} | |
| 5345 | +.vbo-reportwidget-filter .select2-container--default .select2-selection--multiple, .vbo-reportwidget-filter .select2-container--default.select2-container--focus .select2-selection--multiple { | |
| 5346 | + background-color: var(--vbo-input-style); | |
| 5347 | + border: 1px solid var(--vbo-config-border-color) !important; | |
| 5348 | + border-radius: var(--vbo-field-radius); | |
| 5349 | + box-sizing: border-box; | |
| 5350 | + padding: 0 0 0 10px; | |
| 5351 | + width: 100%; | |
| 5352 | +} | |
| 5353 | +.vbo-reportwidget-filters select { | |
| 5354 | + width: 100% !important; | |
| 5355 | + margin-bottom: 0; | |
| 5356 | + border-radius: var(--vbo-field-radius); | |
| 5357 | + border: 1px solid var(--vbo-config-border-color); | |
| 5358 | + padding: 8px 10px; | |
| 5359 | + margin: 0; | |
| 5360 | + height: inherit; | |
| 5361 | +} | |
| 5362 | +.vbo-reportwidget-filters .vbo-reportwidget-filter { | |
| 5363 | + margin: 5px 0 8px; | |
| 5364 | +} | |
| 5365 | +.vbo-reportwidget-filters .vbo-widget-notifscenter-onlyunread > span { | |
| 5366 | + vertical-align: middle; | |
| 5367 | + display: inline-block; | |
| 5368 | +} | |
| 5369 | +.vbo-admin-widgets-widget[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters, .vbo-admin-widgets-widget-output[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters { | |
| 5370 | + width: 240px; | |
| 5371 | +} | |
| 5372 | +.vbo-reportwidget-filter-confirm button { | |
| 5373 | + width: 100%; | |
| 5374 | +} | |
| 5375 | +.vbo-reportwidget-chart { | |
| 5376 | + padding-bottom: 15px; | |
| 5377 | +} | |
| 5378 | +.vbo-reportwidget-chart .err { | |
| 5379 | + margin: 20px; | |
| 5380 | +} | |
| 5381 | +.vbo-report-chart-canvas { | |
| 5382 | + max-width: 100%; | |
| 5383 | + margin: 0 auto; | |
| 5384 | +} | |
| 5385 | +.vbo-reportwidget-chart-metas { | |
| 5386 | + display: flex; | |
| 5387 | + flex-wrap: wrap; | |
| 5388 | + justify-content: center; | |
| 5389 | + margin: 0 10px 15px; | |
| 5390 | +} | |
| 5391 | +.vbo-reportwidget-chart-meta { | |
| 5392 | + flex-basis: calc(33% - 10px); | |
| 5393 | + flex-grow: 1; | |
| 5394 | +} | |
| 5395 | +.vbo-reportwidget-chart-meta-inner { | |
| 5396 | + background: var(--vbo-config-bg-color); | |
| 5397 | + border: 1px solid var(--vbo-basic-btn); | |
| 5398 | + border-bottom: 3px solid var(--vbo-basic-btn); | |
| 5399 | + padding: 20px; | |
| 5400 | + border-radius: 16px; | |
| 5401 | + margin: 5px; | |
| 5402 | + position: relative; | |
| 5403 | +} | |
| 5404 | +.vbo-reportwidget-chart-meta-inner:after { | |
| 5405 | + height: 30px; | |
| 5406 | + width: 4px; | |
| 5407 | + background: var(--vbo-config-border-color); | |
| 5408 | + content: ""; | |
| 5409 | + position: absolute; | |
| 5410 | + left: -3px; | |
| 5411 | + top: 17px; | |
| 5412 | +} | |
| 5413 | +.vbo-report-chart-meta-max .vbo-reportwidget-chart-meta-inner:after { | |
| 5414 | + background-color: var(--vbo-blue-color); | |
| 5415 | +} | |
| 5416 | +.vbo-report-chart-meta-min .vbo-reportwidget-chart-meta-inner:after { | |
| 5417 | + background-color: var(--vbo-red-color); | |
| 5418 | +} | |
| 5419 | +.vbo-reportwidget-chart-meta-lbl { | |
| 5420 | + font-weight: bold; | |
| 5421 | + color: var(--vbo-config-titles-color-light); | |
| 5422 | + margin-bottom: 6px; | |
| 5423 | +} | |
| 5424 | +.vbo-reportwidget-chart-meta-val { | |
| 5425 | + font-size: 26px; | |
| 5426 | + font-weight: bold; | |
| 5427 | +} | |
| 5428 | +.vbo-reportwidget-chart-meta-val-main { | |
| 5429 | + display: inline-block; | |
| 5430 | + margin: 4px 0 6px; | |
| 5431 | + white-space: nowrap; | |
| 5432 | + font-size: 20px; | |
| 5433 | + font-weight: bold; | |
| 5434 | +} | |
| 5435 | +.vbo-guestactivitywidget-commands { | |
| 5436 | + text-align: right; | |
| 5437 | + padding: 5px 15px 10px 0; | |
| 5438 | +} | |
| 5439 | +.vbo-guestactivitywidget-commands > div { | |
| 5440 | + display: inline-block; | |
| 5441 | +} | |
| 5442 | +.vbo-guestactivitywidget-commands-main > div { | |
| 5443 | + display: inline-block; | |
| 5444 | + vertical-align: top; | |
| 5445 | +} | |
| 5446 | +.vbo-guestactivitywidget-commands .vbo-guestactivitywidget-commands-main { | |
| 5447 | + display: flex; | |
| 5448 | + justify-content: right; | |
| 5449 | +} | |
| 5450 | +.vbo-guestactivitywidget-command-chevron { | |
| 5451 | + margin-top: 4px; | |
| 5452 | +} | |
| 5453 | +.vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-back { | |
| 5454 | + margin-right: 5px; | |
| 5455 | +} | |
| 5456 | +.vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-command-next { | |
| 5457 | + margin-left: 5px; | |
| 5458 | +} | |
| 5459 | +.vbo-guestactivitywidget-command-chevron > span:not(.vbo-guestactivitywidget-page) { | |
| 5460 | + display: inline-block; | |
| 5461 | + font-size: 14px; | |
| 5462 | + border: 1px solid var(--vbo-config-border-color); | |
| 5463 | + padding: 5px 10px; | |
| 5464 | + border-radius: 2px; | |
| 5465 | + background: var(--vbo-config-child-bg-color); | |
| 5466 | + cursor: pointer; | |
| 5467 | +} | |
| 5468 | +.vbo-guestactivitywidget-command-chevron > span:hover { | |
| 5469 | + background: var(--vbo-basic-btn); | |
| 5470 | +} | |
| 5471 | +.vbo-guestactivitywidget-command-chevron > span:active { | |
| 5472 | + background: var(--vbo-config-bg-color); | |
| 5473 | +} | |
| 5474 | +.vbo-guestactivitywidget-commands-main > .vbo-guestactivitywidget-command-page { | |
| 5475 | + align-self: center; | |
| 5476 | +} | |
| 5477 | +.vbo-guestactivitywidget-commands .vbo-guestactivitywidget-command-chevron > .vbo-guestactivitywidget-page { | |
| 5478 | + padding: 5px 10px; | |
| 5479 | + background: transparent !important; | |
| 5480 | + font-size: .9; | |
| 5481 | +} | |
| 5482 | +.vbo-guestactivitywidget-command-chevron > .vbo-guestactivitywidget-page:hover { | |
| 5483 | + color: inherit; | |
| 5484 | +} | |
| 5485 | +.vbo-widget-finance-list .vbo-widget-finance-rooms-filtered-cont { | |
| 5486 | + padding: 12px 10px 0; | |
| 5487 | + font-weight: bold; | |
| 5488 | + font-size: 1.15em; | |
| 5489 | +} | |
| 5490 | +.vbo-widget-finance-wrap .vbo-widget-finance-data-blocks, .vbo-widget-finance-list .vbo-widget-finance-skeleton-blocks { | |
| 5491 | + display: grid; | |
| 5492 | + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |
| 5493 | + gap: 10px; | |
| 5494 | + padding: 10px; | |
| 5495 | + width: 100%; | |
| 5496 | + box-sizing: border-box; | |
| 5497 | +} | |
| 5498 | +.vbo-widget-finance-skeleton-blocks .vbo-widget-finance-skeleton-block { | |
| 5499 | + background: var(--vbo-config-bg-color); | |
| 5500 | + border: 1px solid var(--vbo-basic-btn); | |
| 5501 | + border-bottom: 3px solid var(--vbo-basic-btn); | |
| 5502 | + padding: 15px; | |
| 5503 | + border-radius: 16px; | |
| 5504 | +} | |
| 5505 | +.vbo-widget-finance-wrap .vbo-widget-finance-data-block, .vbo-widget-finance-wrap .vbo-widget-finance-data-block-rank { | |
| 5506 | + background: var(--vbo-config-bg-color); | |
| 5507 | + border: 1px solid var(--vbo-basic-btn); | |
| 5508 | + border-bottom: 3px solid var(--vbo-basic-btn); | |
| 5509 | + padding: 15px; | |
| 5510 | + border-radius: 16px; | |
| 5511 | + position: relative; | |
| 5512 | +} | |
| 5513 | +.vbo-widget-finance-wrap .vbo-widget-finance-data-block[data-typestat="cmm_savings"] { | |
| 5514 | + border-color: #4e9b0059; | |
| 5515 | + background: #4e9b000f; | |
| 5516 | +} | |
| 5517 | +.vbo-widget-finance-stat-info { | |
| 5518 | + display: flex; | |
| 5519 | +} | |
| 5520 | +.vbo-widget-finance-stat-cmd { | |
| 5521 | + margin-left: auto; | |
| 5522 | + cursor: pointer; | |
| 5523 | + display: inline-block; | |
| 5524 | + padding: 0 0 0px 10px; | |
| 5525 | +} | |
| 5526 | + | |
| 5527 | +.vbo-widget-finance-stat-cmd:hover i { | |
| 5528 | + color: var(--vbo-base-color); | |
| 5529 | +} | |
| 5530 | +.vbo-widget-finance-stat-name { | |
| 5531 | + font-weight: 500; | |
| 5532 | + margin-bottom: 6px; | |
| 5533 | +} | |
| 5534 | +.vbo-widget-finance-stat-amount { | |
| 5535 | + margin-top: 6px; | |
| 5536 | +} | |
| 5537 | +.vbo-widget-finance-stat-amount .vbo-widget-finance-stat-amount-value { | |
| 5538 | + font-weight: bold; | |
| 5539 | + font-size: 18px; | |
| 5540 | +} | |
| 5541 | +.vbo-widget-finance-stat-compare .vbo-widget-finance-compare-amount { | |
| 5542 | + margin-top: 8px; | |
| 5543 | + font-size: 14px; | |
| 5544 | + margin-bottom: 3px; | |
| 5545 | + font-weight: 500; | |
| 5546 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 5547 | + padding-top: 8px; | |
| 5548 | +} | |
| 5549 | +.vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-txt { | |
| 5550 | + font-size: 12px; | |
| 5551 | + display: inline-block; | |
| 5552 | + margin-left: 2px; | |
| 5553 | + color: var(--vbo-config-titles-color-light); | |
| 5554 | +} | |
| 5555 | +.vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-val { | |
| 5556 | + padding: 3px 5px; | |
| 5557 | + border-radius: 20px; | |
| 5558 | + font-size: 11px; | |
| 5559 | + margin-right: 2px; | |
| 5560 | +} | |
| 5561 | +.vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-up .vbo-widget-finance-compare-val { | |
| 5562 | + color: var(--vbo-success-txt); | |
| 5563 | + background: var(--vbo-success-bg); | |
| 5564 | +} | |
| 5565 | +.vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val { | |
| 5566 | + color: var(--vbo-error-txt); | |
| 5567 | + background: var(--vbo-error-bg); | |
| 5568 | +} | |
| 5569 | +.vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val { | |
| 5570 | + color: var(--vbo-info-txt); | |
| 5571 | + background: var(--vbo-info-bg); | |
| 5572 | +} | |
| 5573 | +.vbo-widget-finance-data-block-rankings { | |
| 5574 | + padding: 0 10px 10px 10px; | |
| 5575 | + display: grid; | |
| 5576 | + grid-template-columns: repeat(2, 1fr); | |
| 5577 | + gap: 10px; | |
| 5578 | +} | |
| 5579 | +.vbo-widget-finance-data-block-rankings .vbo-widget-finance-stat-name { | |
| 5580 | + font-size: 14px; | |
| 5581 | + margin-bottom: 10px; | |
| 5582 | +} | |
| 5583 | +.vbo-widget-finance-stat-rank { | |
| 5584 | + display: flex; | |
| 5585 | + margin-bottom: 10px; | |
| 5586 | +} | |
| 5587 | +.vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo { | |
| 5588 | + margin-right: 10px; | |
| 5589 | +} | |
| 5590 | +.vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo i { | |
| 5591 | + width: 25px; | |
| 5592 | + text-align: center; | |
| 5593 | + height: 25px; | |
| 5594 | + line-height: 25px !important; | |
| 5595 | + border: 1px solid var(--vbo-config-border-color); | |
| 5596 | + border-radius: 50%; | |
| 5597 | + background: var(--vbo-config-child-bg-color); | |
| 5598 | + font-size: 11px; | |
| 5599 | +} | |
| 5600 | +.vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo img { | |
| 5601 | + width: 25px; | |
| 5602 | + height: 25px; | |
| 5603 | + object-fit: cover; | |
| 5604 | + border-radius: 50%; | |
| 5605 | +} | |
| 5606 | +.vbo-widget-finance-stat-rank-score { | |
| 5607 | + display: flex; | |
| 5608 | + flex-wrap: wrap; | |
| 5609 | + width: 100%; | |
| 5610 | +} | |
| 5611 | +.vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent { | |
| 5612 | + flex-basis: 100%; | |
| 5613 | +} | |
| 5614 | +.vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress, | |
| 5615 | +.vbo-upload-progress progress { | |
| 5616 | + width: 100%; | |
| 5617 | + border-radius: 20px; | |
| 5618 | + height: 10px; | |
| 5619 | + -webkit-appearance: none; | |
| 5620 | + appearance: none; | |
| 5621 | +} | |
| 5622 | +.vbo-upload-progress progress { | |
| 5623 | + width: 200px; | |
| 5624 | +} | |
| 5625 | +.vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-bar, | |
| 5626 | +.vbo-upload-progress progress::-webkit-progress-bar { | |
| 5627 | + background: var(--vbo-basic-btn); | |
| 5628 | + border-radius: 20px; | |
| 5629 | +} | |
| 5630 | +.vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-value, | |
| 5631 | +.vbo-upload-progress progress::-webkit-progress-value { | |
| 5632 | + background: var(--vbo-base-color); | |
| 5633 | + border-radius: 20px; | |
| 5634 | +} | |
| 5635 | +.vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-bar, | |
| 5636 | +.vbo-upload-progress progress::-moz-progress-bar { | |
| 5637 | + background: var(--vbo-base-color); | |
| 5638 | + border-radius: 20px; | |
| 5639 | +} | |
| 5640 | +.vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-value, | |
| 5641 | +.vbo-upload-progress progress::-moz-progress-value { | |
| 5642 | + background: var(--vbo-basic-btn); | |
| 5643 | + border-radius: 20px; | |
| 5644 | +} | |
| 5645 | +.vbo-widget-finance-stat-rank-amount { | |
| 5646 | + margin-left: auto; | |
| 5647 | + font-weight: bold; | |
| 5648 | +} | |
| 5649 | + | |
| 5650 | +/* Tooltip - Start **/ | |
| 5651 | +.vbo-tooltip { | |
| 5652 | + position: relative; | |
| 5653 | +} | |
| 5654 | +.vbo-tooltip::before, | |
| 5655 | +.vbo-tooltip::after { | |
| 5656 | + position: absolute; | |
| 5657 | + opacity: 0; | |
| 5658 | + visibility: hidden; | |
| 5659 | + -webkit-transition: | |
| 5660 | + opacity 0.3s ease-in-out, | |
| 5661 | + visibility 0.3s ease-in-out, | |
| 5662 | + -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); | |
| 5663 | + -moz-transition: | |
| 5664 | + opacity 0.3s ease-in-out, | |
| 5665 | + visibility 0.3s ease-in-out, | |
| 5666 | + -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); | |
| 5667 | + transition: | |
| 5668 | + opacity 0.3s ease-in-out, | |
| 5669 | + visibility 0.3s ease-in-out, | |
| 5670 | + transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); | |
| 5671 | + -webkit-transform: translate3d(0, 0, 0); | |
| 5672 | + -moz-transform: translate3d(0, 0, 0); | |
| 5673 | + transform: translate3d(0, 0, 0); | |
| 5674 | + pointer-events: none; | |
| 5675 | +} | |
| 5676 | +.vbo-tooltip:hover::before, | |
| 5677 | +.vbo-tooltip:hover::after, | |
| 5678 | +.vbo-tooltip:focus::before, | |
| 5679 | +.vbo-tooltip:focus::after { | |
| 5680 | + opacity: 1; | |
| 5681 | + visibility: visible; | |
| 5682 | +} | |
| 5683 | +.vbo-tooltip::before { | |
| 5684 | + content: attr(data-tooltiptext); | |
| 5685 | + z-index: 10001; | |
| 5686 | + /* We are disabling the width because the text is exceeding the background. | |
| 5687 | + * width: calc(100% + 40px); | |
| 5688 | + */ | |
| 5689 | + color: var(--vbo-body-text-color); | |
| 5690 | + background: var(--vbo-body-bg-color); | |
| 5691 | + border-radius: 15px; | |
| 5692 | + border: 1px solid var(--vbo-config-border-color); | |
| 5693 | + padding: 5px 10px; | |
| 5694 | + font-size: 12px; | |
| 5695 | + line-height: 1.2; | |
| 5696 | + text-align: center; | |
| 5697 | + box-shadow: 0 1px 3px rgba(0, 0, 0, .1); | |
| 5698 | + font-weight: normal; | |
| 5699 | +} | |
| 5700 | +.vbo-inspector-hover.vbo-tooltip::before { | |
| 5701 | + width: auto; | |
| 5702 | + font-weight: bold; | |
| 5703 | +} | |
| 5704 | +.vbo-tooltip::after { | |
| 5705 | + content: ""; | |
| 5706 | + width: 0; | |
| 5707 | + height: 0; | |
| 5708 | +} | |
| 5709 | +.vbo-tooltip.vbo-tooltip-top::before, | |
| 5710 | +.vbo-tooltip.vbo-tooltip-top::after { | |
| 5711 | + bottom: 100%; | |
| 5712 | + left: 50%; | |
| 5713 | + transform: translate(-50%); | |
| 5714 | + margin-bottom: 2px; | |
| 5715 | + /* word-break: break-word; */ | |
| 5716 | +} | |
| 5717 | +.vbo-tooltip.vbo-tooltip-bottom::before, | |
| 5718 | +.vbo-tooltip.vbo-tooltip-bottom::after { | |
| 5719 | + top: 100%; | |
| 5720 | + left: 50%; | |
| 5721 | + transform: translate(-50%); | |
| 5722 | + margin-top: 2px; | |
| 5723 | + /* word-break: break-word; */ | |
| 5724 | +} | |
| 5725 | +.vbo-tooltip.vbo-tooltip-right::before, | |
| 5726 | +.vbo-tooltip.vbo-tooltip-right::after { | |
| 5727 | + top: 50%; | |
| 5728 | + left: 100%; | |
| 5729 | + transform: translate(8px, -50%); | |
| 5730 | +} | |
| 5731 | +.vbo-tooltip.vbo-tooltip-top-left::before, | |
| 5732 | +.vbo-tooltip.vbo-tooltip-top-left::after { | |
| 5733 | + top: -50%; | |
| 5734 | + right: 50%; | |
| 5735 | + transform: translate(-8px, -50%); | |
| 5736 | +} | |
| 5737 | +/* Tooltip - End **/ | |
| 5738 | + | |
| 5739 | +.vbo-dashboard-firstsetup-container { | |
| 5740 | + width: 80%; | |
| 5741 | + margin: 0 auto; | |
| 5742 | + border: 1px solid var(--vbo-config-border-color); | |
| 5743 | + border-radius: 4px; | |
| 5744 | + padding: 30px; | |
| 5745 | + background: var(--vbo-config-bg-color); | |
| 5746 | +} | |
| 5747 | +.vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h3 { | |
| 5748 | + font-size: 24px; | |
| 5749 | + margin-top: 0; | |
| 5750 | +} | |
| 5751 | +.vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h4 { | |
| 5752 | + font-weight: normal; | |
| 5753 | + font-size: 18px; | |
| 5754 | +} | |
| 5755 | +.vbo-dashboard-firstsetup-body { | |
| 5756 | + display: flex; | |
| 5757 | + flex-wrap: wrap; | |
| 5758 | + margin: 20px auto; | |
| 5759 | +} | |
| 5760 | +.vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task { | |
| 5761 | + flex-basis: 25%; | |
| 5762 | +} | |
| 5763 | +.vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-wrap { | |
| 5764 | + border: 1px solid var(--vbo-config-border-color); | |
| 5765 | + border-radius: 8px; | |
| 5766 | + margin: 10px; | |
| 5767 | + padding: 20px; | |
| 5768 | + font-size: 14px; | |
| 5769 | + background: var(--vbo-config-bg-color); | |
| 5770 | + box-shadow: 0 0 10px rgba(0,0,0,.05); | |
| 5771 | + height: 94%; | |
| 5772 | +} | |
| 5773 | +.vbo-dashboard-firstsetup-task-number { | |
| 5774 | + color: #82b8d5; | |
| 5775 | + font-size: 32px; | |
| 5776 | + margin-bottom: 20px; | |
| 5777 | + font-weight: bold; | |
| 5778 | +} | |
| 5779 | +.vbo-dashboard-firstsetup-task-details { | |
| 5780 | + text-align: center; | |
| 5781 | + font-weight: bold; | |
| 5782 | +} | |
| 5783 | +.vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-name { | |
| 5784 | + font-size: 14px; | |
| 5785 | +} | |
| 5786 | +.vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-count { | |
| 5787 | + margin-top: 10px; | |
| 5788 | + font-size: 26px; | |
| 5789 | +} | |
| 5790 | +.vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-val { | |
| 5791 | + display: inline-block; | |
| 5792 | + min-height: 10px; | |
| 5793 | +} | |
| 5794 | +.vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-done { | |
| 5795 | + display: block; | |
| 5796 | + margin-top: 22px; | |
| 5797 | + font-size: 22px; | |
| 5798 | + color: var(--vbo-green-color); | |
| 5799 | +} | |
| 5800 | +.vbo-dashboard-firstsetup-task-action { | |
| 5801 | + text-align: center; | |
| 5802 | + margin-top: 20px; | |
| 5803 | +} | |
| 5804 | +.vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary { | |
| 5805 | + background: var(--vbo-base-color); | |
| 5806 | + color: #fff; | |
| 5807 | + border: 1px solid var(--vbo-base-color); | |
| 5808 | + padding: 5px 15px; | |
| 5809 | + font-weight: bold; | |
| 5810 | +} | |
| 5811 | +.vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:hover { | |
| 5812 | + background: var(--vbo-base-color-hover); | |
| 5813 | +} | |
| 5814 | +.vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:active { | |
| 5815 | + background: var(--vbo-link-text-color); | |
| 5816 | +} | |
| 5817 | +.vbo-dashboard-firstsetup-task-description { | |
| 5818 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 5819 | + padding: 5px 10px; | |
| 5820 | + margin-top: 15px; | |
| 5821 | + color: var(--vbo-config-titles-color-light); | |
| 5822 | + text-align: center; | |
| 5823 | + background: var(--vbo-config-child-bg-color); | |
| 5824 | +} | |
| 5825 | +.vbo-dashboard-firstsetup-importbftpp-title { | |
| 5826 | + font-size: 16px; | |
| 5827 | + margin-bottom: 10px; | |
| 5828 | + margin-top: 20px; | |
| 5829 | +} | |
| 5830 | +.vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-wrap { | |
| 5831 | + border-color: var(--vbo-red-color); | |
| 5832 | +} | |
| 5833 | +.vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-details { | |
| 5834 | + color: var(--vbo-red-color); | |
| 5835 | +} | |
| 5836 | +.vbo-dashboard-firstsetup-sampledata-wrap h4 { | |
| 5837 | + font-size: 18px; | |
| 5838 | + font-weight: normal; | |
| 5839 | + margin: 0; | |
| 5840 | + padding: 0; | |
| 5841 | +} | |
| 5842 | +.vbo-dashboard-firstsetup-sampledata-wrap h4 span { | |
| 5843 | + display: inline-block; | |
| 5844 | + margin-bottom: 10px; | |
| 5845 | + margin-right: 5px; | |
| 5846 | +} | |
| 5847 | +.btn.vbo-sampledata-btn { | |
| 5848 | + background: var(--vbo-base-color); | |
| 5849 | + color: #fff; | |
| 5850 | + font-weight: bold; | |
| 5851 | + border: 1px solid var(--vbo-base-color); | |
| 5852 | +} | |
| 5853 | +.btn.vbo-sampledata-btn:hover { | |
| 5854 | + background-color: var(--vbo-config-bg-color); | |
| 5855 | + color: var(--vbo-base-color); | |
| 5856 | +} | |
| 5857 | +.vbo-dashboard-firstsetup-sampledata-wrap h4 .vbo-sampledata-btn i { | |
| 5858 | + font-size: 16px; | |
| 5859 | +} | |
| 5860 | +.vbo-sampledata-container .vbo-dashboard-firstsetup-head h4 { | |
| 5861 | + font-size: 16px; | |
| 5862 | + line-height: 1.4em; | |
| 5863 | +} | |
| 5864 | +.vbo-dashboard-today-bookings > div { | |
| 5865 | + margin: 0 18px 18px 0; | |
| 5866 | +} | |
| 5867 | +.vbo-admin-widgets-widget { | |
| 5868 | + display: block; | |
| 5869 | + border-radius: 16px; | |
| 5870 | + margin: 12px 0; | |
| 5871 | + box-shadow: 0 0px 20px rgba(0,0,0,.1); | |
| 5872 | + background: var(--vbo-config-bg-color); | |
| 5873 | +} | |
| 5874 | +.vbo-admin-widget-head { | |
| 5875 | + border-top-right-radius: 16px; | |
| 5876 | + border-top-left-radius: 16px; | |
| 5877 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 5878 | + display: inline-block; | |
| 5879 | + width: 100%; | |
| 5880 | + box-sizing: border-box; | |
| 5881 | +} | |
| 5882 | +.vbo-modal-head-no-border .vbo-admin-widget-head { | |
| 5883 | + border-bottom: 0; | |
| 5884 | +} | |
| 5885 | +.vbo-admin-widget-head .btn-toolbar { | |
| 5886 | + margin: 10px 15px 10px 10px; | |
| 5887 | + display: inline-block; | |
| 5888 | +} | |
| 5889 | +.vbo-admin-widget-head .btn-toolbar .btn-wrapper { | |
| 5890 | + margin-top: 4px; | |
| 5891 | +} | |
| 5892 | +.vbo-admin-widget-head .form-control { | |
| 5893 | + border: 1px solid var(--vbo-config-border-color); | |
| 5894 | + border-radius: var(--vbo-field-radius) 0 0 var(--vbo-field-radius); | |
| 5895 | + padding: 8px 10px; | |
| 5896 | + margin-bottom: 0; | |
| 5897 | + box-sizing: border-box; | |
| 5898 | + height: auto; | |
| 5899 | +} | |
| 5900 | +.vbo-admin-widget-head .btn { | |
| 5901 | + padding: 8px 10px; | |
| 5902 | + border: 1px solid var(--vbo-config-border-color); | |
| 5903 | +} | |
| 5904 | +.vvbo-admin-widget-head .btn i { | |
| 5905 | + margin-right: 0; | |
| 5906 | +} | |
| 5907 | +.vbo-widget-spinnner-loading { | |
| 5908 | + position: relative; | |
| 5909 | + min-height: 200px; | |
| 5910 | +} | |
| 5911 | +.vbo-widget-spinnner-loading .vbo-widget-spinnner-loading-inner { | |
| 5912 | + position: absolute; | |
| 5913 | + top: 50%; | |
| 5914 | + left: 50%; | |
| 5915 | + transform: translate(-50%, -50%); | |
| 5916 | + font-size: 60px; | |
| 5917 | + opacity: .7; | |
| 5918 | +} | |
| 5919 | +.btn.btn-small, .container-main .btn.btn-small { | |
| 5920 | + padding: 2px 10px; | |
| 5921 | + font-size: 12px; | |
| 5922 | + -webkit-border-radius: 3px; | |
| 5923 | + -moz-border-radius: 3px; | |
| 5924 | + border-radius: 3px; | |
| 5925 | +} | |
| 5926 | +.btn.btn-rounded, .container-main .btn.btn-rounded { | |
| 5927 | + border-radius: 20px; | |
| 5928 | + padding: 6px 14px; | |
| 5929 | +} | |
| 5930 | +body #content .btn.vbo-context-menu-btn, body #wpcontent .btn.vbo-context-menu-btn, body.wp-admin .btn.vbo-context-menu-btn, .btn.vbo-context-menu-btn { | |
| 5931 | + padding: 0 !important; | |
| 5932 | + text-align: left; | |
| 5933 | + height: 40px; | |
| 5934 | +} | |
| 5935 | +body #content .btn.btn-rounded.vbo-context-menu-btn:hover .vbo-context-menu-ico, body #wpcontent .btn.btn-rounded.vbo-context-menu-btn:hover .vbo-context-menu-ico, body.wp-admin .btn.btn-rounded.vbo-context-menu-btn .vbo-context-menu-ico, .btn.btn-rounded.vbo-context-menu-btn .vbo-context-menu-ico { | |
| 5936 | + border-top-right-radius: 18px; | |
| 5937 | + border-bottom-right-radius: 18px; | |
| 5938 | +} | |
| 5939 | +body #content .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), body #wpcontent .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), body.wp-admin .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype) { | |
| 5940 | + display: flex; | |
| 5941 | + align-items: center; | |
| 5942 | +} | |
| 5943 | +body #content .btn-primary.vbo-context-menu-btn, body #wpcontent .btn-primary.vbo-context-menu-btn, body.wp-admin .btn-primary.vbo-context-menu-btn, .btn-primary.vbo-context-menu-btn { | |
| 5944 | + background: var(--vbo-base-color); | |
| 5945 | + border: 1px solid var(--vbo-base-color) !important; | |
| 5946 | + color: var(--vbo-contrast-text-color); | |
| 5947 | +} | |
| 5948 | +body #content .btn-primary.vbo-context-menu-btn:hover, body #wpcontent .btn-primary.vbo-context-menu-btn:hover, body.wp-admin .btn-primary.vbo-context-menu-btn:hover, .btn-primary.vbo-context-menu-btn:hover, .btn-primary.vbo-context-menu-btn:focus, .btn-primary.vbo-context-menu-btn:active { | |
| 5949 | + background: var(--vbo-base-color) !important; | |
| 5950 | + border: 1px solid var(--vbo-base-color); | |
| 5951 | + color: var(--vbo-contrast-text-color); | |
| 5952 | +} | |
| 5953 | +body #content .btn-small.vbo-context-menu-btn, body #wpcontent .btn-small.vbo-context-menu-btn, body.wp-admin .btn-small.vbo-context-menu-btn, .btn-small.vbo-context-menu-btn { | |
| 5954 | + padding: 0 !important; | |
| 5955 | + display: flex; | |
| 5956 | + height: auto; | |
| 5957 | +} | |
| 5958 | +.vbo-context-menu-btn .vbo-context-menu-lbl { | |
| 5959 | + padding: 10px; | |
| 5960 | + display: inline-block; | |
| 5961 | +} | |
| 5962 | +.vbo-context-menu-btn.btn-small .vbo-context-menu-lbl { | |
| 5963 | + padding: 3px 10px 3px; | |
| 5964 | +} | |
| 5965 | +.btn-small.vbo-context-menu-btn .vbo-context-menu-lbl:hover { | |
| 5966 | + border: 0; | |
| 5967 | + border-top-left-radius: 3px; | |
| 5968 | + border-bottom-left-radius: 3px; | |
| 5969 | +} | |
| 5970 | +.btn.vbo-context-menu-btn:hover .vbo-context-menu-ico { | |
| 5971 | + background-color: var(--vbo-middle-color-btn); | |
| 5972 | +} | |
| 5973 | +body #content .btn-warning.vbo-context-menu-btn, body #wpcontent .btn-warning.vbo-context-menu-btn, body.wp-admin .btn-warning.vbo-context-menu-btn, .btn-warning.vbo-context-menu-btn { | |
| 5974 | + background: var(--vbo-orange-color); | |
| 5975 | +} | |
| 5976 | +.btn-warning.vbo-context-menu-btn:hover .vbo-context-menu-ico { | |
| 5977 | + background: var(--vbo-orange-color-hover); | |
| 5978 | + color: var(--vbo-contrast-text-color); | |
| 5979 | + border: 0; | |
| 5980 | +} | |
| 5981 | +body #content .btn-danger.vbo-context-menu-btn, body #wpcontent .btn-danger.vbo-context-menu-btn, body.wp-admin .btn-danger.vbo-context-menu-btn, .btn-danger.vbo-context-menu-btn { | |
| 5982 | + background: var(--vbo-red-color); | |
| 5983 | +} | |
| 5984 | +.btn-danger.vbo-context-menu-btn:hover .vbo-context-menu-ico { | |
| 5985 | + background: var(--vbo-red-color-hover); | |
| 5986 | + color: var(--vbo-contrast-text-color); | |
| 5987 | + border: 0; | |
| 5988 | +} | |
| 5989 | +body #content .btn-success.vbo-context-menu-btn, body #wpcontent .btn-success.vbo-context-menu-btn { | |
| 5990 | + background-color: var(--vbo-green-color); | |
| 5991 | + border-color: var(--vbo-green-color); | |
| 5992 | +} | |
| 5993 | +body #wpcontent .btn-success.vbo-context-menu-btn:hover .vbo-context-menu-ico, body #content .btn-success.vbo-context-menu-btn:hover .vbo-context-menu-ico { | |
| 5994 | + background-color: var(--vbo-green-color-hover); | |
| 5995 | + border-color: var(--vbo-green-color-hover); | |
| 5996 | +} | |
| 5997 | +body #wpcontent .btn-success.vbo-context-menu-btn:focus .vbo-context-menu-ico, body #content .btn-success.vbo-context-menu-btn:focus .vbo-context-menu-ico { | |
| 5998 | + background-color: var(--vbo-green-color-focus); | |
| 5999 | + border-color: var(--vbo-green-color-focus); | |
| 6000 | +} | |
| 6001 | +.vbo-context-menu-btn .vbo-context-menu-ico { | |
| 6002 | + padding: 13px 8px; | |
| 6003 | + line-height: 12px; | |
| 6004 | + text-align: center; | |
| 6005 | + border-top-left-radius: var(--vbo-field-radius); | |
| 6006 | + border-bottom-left-radius: var(--vbo-field-radius); | |
| 6007 | +} | |
| 6008 | +.vbo-context-menu-btn .vbo-context-menu-lbl + .vbo-context-menu-ico { | |
| 6009 | + border-radius: 0; | |
| 6010 | + border-top-right-radius: var(--vbo-field-radius); | |
| 6011 | + border-bottom-right-radius: var(--vbo-field-radius); | |
| 6012 | +} | |
| 6013 | +.vbo-context-menu-btn.btn-small .vbo-context-menu-ico { | |
| 6014 | + padding: 5px 8px 6px; | |
| 6015 | +} | |
| 6016 | +.vbo-context-menu-btn .vbo-context-menu-ico-left { | |
| 6017 | + padding-left: 12px; | |
| 6018 | +} | |
| 6019 | +.vbo-context-menu-btn .vbo-context-menu-ico-left + .vbo-context-menu-lbl { | |
| 6020 | + padding-left: 5px; | |
| 6021 | +} | |
| 6022 | +.btn.vbo-context-menu-btn .vbo-context-menu-ico i { | |
| 6023 | + margin-right: 0; | |
| 6024 | + position: relative; | |
| 6025 | + top: -3px; | |
| 6026 | + vertical-align: initial; | |
| 6027 | + font-size: 10px; | |
| 6028 | +} | |
| 6029 | +.btn-primary.vbo-context-menu-btn:hover .vbo-context-menu-ico { | |
| 6030 | + background: var(--vbo-base-color-hover); | |
| 6031 | +} | |
| 6032 | +.vbo-context-menu-btn.vbo-widget-bookdets-searchtype:hover { | |
| 6033 | + background: var(--vbo-base-color-hover); | |
| 6034 | + border-color: var(--vbo-base-color-hover); | |
| 6035 | +} | |
| 6036 | +.vbo-context-menu-btn.vbo-widget-bookdets-searchtype .vbo-context-menu-ico { | |
| 6037 | + border-radius: 0; | |
| 6038 | + border-top-left-radius: var(--vbo-field-radius); | |
| 6039 | + border-bottom-left-radius: var(--vbo-field-radius); | |
| 6040 | + display: initial; | |
| 6041 | + vertical-align: initial; | |
| 6042 | +} | |
| 6043 | +.vik-context-menu.vbo-dropdown-cxmenu { | |
| 6044 | + background: var(--vbo-config-bg-color); | |
| 6045 | + opacity: 1; | |
| 6046 | + padding: 5px; | |
| 6047 | + box-shadow: 0 3px 10px rgba(0,0,0,0.1); | |
| 6048 | + z-index: 2147483647 !important; | |
| 6049 | + border: 1px solid rgba(0,0,0,.10); | |
| 6050 | + border-radius: 8px; | |
| 6051 | + max-height: 60vh; | |
| 6052 | +} | |
| 6053 | +.vbo-dropdown-cxmenu-horizontal ul { | |
| 6054 | + display: grid; | |
| 6055 | + grid-template-columns: repeat(6, minmax(0, 1fr)); | |
| 6056 | +} | |
| 6057 | +.vik-context-menu.vbo-dropdown-cxmenu .search-box input { | |
| 6058 | + height: 34px; | |
| 6059 | + width: 100% !important; | |
| 6060 | + margin-bottom: 0; | |
| 6061 | +} | |
| 6062 | +.vik-context-menu.vbo-dropdown-cxmenu li a { | |
| 6063 | + border-radius: 4px; | |
| 6064 | +} | |
| 6065 | +.vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover { | |
| 6066 | + color: var(--vbo-contrast-text-color); | |
| 6067 | + background: var(--vbo-base-color); | |
| 6068 | + cursor: pointer; | |
| 6069 | +} | |
| 6070 | +.vik-context-menu.vbo-dropdown-cxmenu li, .vik-context-menu.vbo-dropdown-cxmenu li:last-child, .vik-context-menu.vbo-dropdown-cxmenu li:first-child:not(.separator) { | |
| 6071 | + padding: 0; | |
| 6072 | + margin: 0; | |
| 6073 | +} | |
| 6074 | +.vik-context-menu li.search-box { | |
| 6075 | + padding: 3px 6px 6px 6px !important; | |
| 6076 | +} | |
| 6077 | +.vik-context-menu.vbo-dropdown-cxmenu li a { | |
| 6078 | + color: var(--vbo-body-text-color); | |
| 6079 | + padding: 8px 12px; | |
| 6080 | +} | |
| 6081 | +.vik-context-menu.vbo-dropdown-cxmenu li a.btngroup { | |
| 6082 | + padding: 4px 12px; | |
| 6083 | +} | |
| 6084 | +.vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:hover { | |
| 6085 | + background: var(--vbo-red-color); | |
| 6086 | +} | |
| 6087 | +.vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:focus, .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:active { | |
| 6088 | + background: var(--vbo-red-color-focus); | |
| 6089 | +} | |
| 6090 | +.vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:hover { | |
| 6091 | + background: var(--vbo-green-color); | |
| 6092 | +} | |
| 6093 | +.vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:focus, .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:active { | |
| 6094 | + background: var(--vbo-green-color-focus); | |
| 6095 | +} | |
| 6096 | +.vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-warning:hover { | |
| 6097 | + background: var(--vbo-orange-color-hover); | |
| 6098 | +} | |
| 6099 | +.vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-secondary:hover { | |
| 6100 | + background-color: var(--vbo-basic-btn); | |
| 6101 | + color: var(--vbo-body-text-color); | |
| 6102 | +} | |
| 6103 | +.vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-secondary:hover i { | |
| 6104 | + color: var(--vbo-body-text-color); | |
| 6105 | +} | |
| 6106 | +.vik-context-menu.vbo-dropdown-cxmenu li .button-icon { | |
| 6107 | + color: var(--vbo-config-text-color-light); | |
| 6108 | + font-size: 12px; | |
| 6109 | + min-width: 16px; | |
| 6110 | +} | |
| 6111 | +.vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover .button-icon { | |
| 6112 | + color: var(--vbo-contrast-text-color); | |
| 6113 | +} | |
| 6114 | +.btn.vbo-context-menu-btn-raw, .btn.vbo-context-menu-btn-raw:hover, .btn.vbo-context-menu-btn-raw:focus { | |
| 6115 | + background-color: var(--vbo-input-style); | |
| 6116 | +} | |
| 6117 | +.btn.vbo-context-menu-btn-raw .vbo-context-menu-ico { | |
| 6118 | + padding: 12px 8px; | |
| 6119 | +} | |
| 6120 | +.btn.vbo-context-menu-btn-raw:hover, .btn.vbo-context-menu-btn-raw:focus { | |
| 6121 | + border-color: var(--vbo-base-color); | |
| 6122 | +} | |
| 6123 | +.btn.vbo-context-menu-btn-raw:hover .vbo-context-menu-ico { | |
| 6124 | + background-color: var(--vbo-config-bg-color); | |
| 6125 | +} | |
| 6126 | +.btn-group-inline .vbo-context-menu-btn.vbo-widget-bookdets-searchtype { | |
| 6127 | + border-radius: 0; | |
| 6128 | + border-top-left-radius: var(--vbo-field-radius); | |
| 6129 | + border-bottom-left-radius: var(--vbo-field-radius); | |
| 6130 | +} | |
| 6131 | +.vbo-admin-widget-head h4 { | |
| 6132 | + font-size: 18px; | |
| 6133 | + font-weight: bold; | |
| 6134 | + padding: 7px 0 3px 15px; | |
| 6135 | + margin: 12px 0; | |
| 6136 | + position: relative; | |
| 6137 | + display: inline-block; | |
| 6138 | +} | |
| 6139 | +.vbo-admin-widget-head h4 > i, .vbo-admin-widget-head h4 > span { | |
| 6140 | + vertical-align: middle; | |
| 6141 | +} | |
| 6142 | +.vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) { | |
| 6143 | + display: inline-block; | |
| 6144 | + float: right; | |
| 6145 | + margin-top: 10px; | |
| 6146 | +} | |
| 6147 | +.vbo-dashboard-search-input { | |
| 6148 | + display: inline-block; | |
| 6149 | + vertical-align: middle; | |
| 6150 | + margin-left: 10px; | |
| 6151 | + margin-bottom: 2px; | |
| 6152 | +} | |
| 6153 | +.vbo-admin-widget-body { | |
| 6154 | + padding: 10px; | |
| 6155 | +} | |
| 6156 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity { | |
| 6157 | + display: flex; | |
| 6158 | + padding: 10px 15px; | |
| 6159 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 6160 | + cursor: pointer; | |
| 6161 | +} | |
| 6162 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:hover, .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-message.vbo-inbox-active-message { | |
| 6163 | + background: var(--vbo-light-color-btn); | |
| 6164 | +} | |
| 6165 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:last-child { | |
| 6166 | + border-bottom: 0; | |
| 6167 | +} | |
| 6168 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar { | |
| 6169 | + width: 40px; | |
| 6170 | + margin-right: 15px; | |
| 6171 | + position: relative; | |
| 6172 | + text-align: center; | |
| 6173 | +} | |
| 6174 | +.vbo-w-guestmessages-message-aipriority { | |
| 6175 | + position: absolute; | |
| 6176 | + top: -4px; | |
| 6177 | + left: -8px; | |
| 6178 | + background: var(--vbo-config-bg-color); | |
| 6179 | + width: 20px; | |
| 6180 | + height: 20px; | |
| 6181 | + border-radius: 50%; | |
| 6182 | + text-align: center; | |
| 6183 | + border: 1px solid var(--vbo-config-border-color); | |
| 6184 | + font-size: 10px; | |
| 6185 | + display: flex; | |
| 6186 | + justify-content: center; | |
| 6187 | + align-items: center; | |
| 6188 | +} | |
| 6189 | +.vbo-admin-widget-head-ai-powered .label { | |
| 6190 | + background: var(--vbo-config-bg-dark); | |
| 6191 | + color: var(--vbo-contrast-text-color); | |
| 6192 | +} | |
| 6193 | +.vbo-w-guestmessages-wrapmodal .vbo-w-guestmessages-list-container { | |
| 6194 | + border: 1px solid var(--vbo-basic-btn); | |
| 6195 | + border-radius: 6px; | |
| 6196 | + margin-top: 5px; | |
| 6197 | +} | |
| 6198 | +.vbo-w-guestmessages-wrapmodal .vbo-w-guestmessages-list-container .vbo-w-guestmessages-message.vbo-w-guestmessages-message-last { | |
| 6199 | + border-bottom: 0; | |
| 6200 | +} | |
| 6201 | +.vbo-dashboard-guest-activity-avatar-icon { | |
| 6202 | + width: 40px; | |
| 6203 | + text-align: center; | |
| 6204 | + height: 40px; | |
| 6205 | + line-height: 40px !important; | |
| 6206 | + border: 1px solid var(--vbo-config-border-color); | |
| 6207 | + border-radius: 50%; | |
| 6208 | + background: var(--vbo-config-child-bg-color); | |
| 6209 | + font-size: 16px; | |
| 6210 | +} | |
| 6211 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img:not(.vbo-avatar-subprofile) { | |
| 6212 | + max-width: 100%; | |
| 6213 | + border-radius: 50%; | |
| 6214 | + object-fit: cover; | |
| 6215 | + width: 40px; | |
| 6216 | + height: 40px; | |
| 6217 | +} | |
| 6218 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar .vbo-avatar-subprofile-txt { | |
| 6219 | + display: inline-flex; | |
| 6220 | + justify-content: center; | |
| 6221 | + align-items: center; | |
| 6222 | + max-width: 100%; | |
| 6223 | + border-radius: 50%; | |
| 6224 | + object-fit: cover; | |
| 6225 | + width: 22px; | |
| 6226 | + height: 22px; | |
| 6227 | + background: var(--vbo-input-style-deactive); | |
| 6228 | + border: 2px solid var(--vbo-input-style-nested-deactive); | |
| 6229 | + position: relative; | |
| 6230 | + top: -10px; | |
| 6231 | + font-size: 10px; | |
| 6232 | +} | |
| 6233 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img.vbo-avatar-subprofile { | |
| 6234 | + max-width: 100%; | |
| 6235 | + border-radius: 50%; | |
| 6236 | + object-fit: cover; | |
| 6237 | + width: 22px; | |
| 6238 | + height: 22px; | |
| 6239 | + border: 2px solid var(--vbo-body-bg-color); | |
| 6240 | + position: relative; | |
| 6241 | + top: -10px; | |
| 6242 | +} | |
| 6243 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content { | |
| 6244 | + flex: 1; | |
| 6245 | +} | |
| 6246 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content h4 { | |
| 6247 | + margin: 0; | |
| 6248 | +} | |
| 6249 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-head { | |
| 6250 | + display: flex; | |
| 6251 | +} | |
| 6252 | +.vbo-dashboard-guest-activity-content-info-details { | |
| 6253 | + margin-bottom: 7px; | |
| 6254 | + flex: 1; | |
| 6255 | +} | |
| 6256 | + | |
| 6257 | +.vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity { | |
| 6258 | + border: 0; | |
| 6259 | + background: var(--vbo-config-child-bg-color); | |
| 6260 | + margin: 0 0 10px; | |
| 6261 | + border-radius: 8px; | |
| 6262 | +} | |
| 6263 | +.vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:hover { | |
| 6264 | + background: var(--vbo-light-color-btn); | |
| 6265 | +} | |
| 6266 | +.vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:focus, .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:active { | |
| 6267 | + background-color: var(--vbo-info-bg); | |
| 6268 | +} | |
| 6269 | +.vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-details { | |
| 6270 | + margin-bottom: 2px; | |
| 6271 | +} | |
| 6272 | +.vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-gtitle { | |
| 6273 | + font-weight: bold; | |
| 6274 | + margin-bottom: 4px; | |
| 6275 | +} | |
| 6276 | +.vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-icon { | |
| 6277 | + margin-bottom: 6px; | |
| 6278 | +} | |
| 6279 | +.vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-staydates:after { | |
| 6280 | + display: none; | |
| 6281 | +} | |
| 6282 | +.vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-staydates i, .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-msg i { | |
| 6283 | + color: var(--vbo-config-text-color-light); | |
| 6284 | + font-size: 12px; | |
| 6285 | + margin-right: 4px; | |
| 6286 | +} | |
| 6287 | +.vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-msg > div:first-child .label { | |
| 6288 | + margin-right: 10px; | |
| 6289 | +} | |
| 6290 | + | |
| 6291 | +.vbo-modal-overlay-wguestmessages-chat .vbo-modal-overlay-content-head > span { | |
| 6292 | + display: flex; | |
| 6293 | +} | |
| 6294 | +.chat-input-footer .textarea-input #chat-ask-ai-btn { | |
| 6295 | + color: var(--vbo-ai-color) !important; | |
| 6296 | +} | |
| 6297 | +.chat-input-footer .textarea-input #chat-ask-ai-btn:hover { | |
| 6298 | + color: var(--vbo-purple-color) !important; | |
| 6299 | +} | |
| 6300 | +.vbo-w-guestmessages-message-staydates { | |
| 6301 | + font-size: 12px; | |
| 6302 | + position: relative; | |
| 6303 | + padding-left: 10px; | |
| 6304 | + color: var(--vbo-config-titles-color-light); | |
| 6305 | +} | |
| 6306 | +.vbo-w-guestmessages-message-stayrooms { | |
| 6307 | + font-size: 12px; | |
| 6308 | + position: relative; | |
| 6309 | + padding-left: 5px; | |
| 6310 | + color: var(--vbo-config-titles-color-light); | |
| 6311 | + margin-right: 10px; | |
| 6312 | +} | |
| 6313 | +.vbo-w-guestmessages-message-staydates:after { | |
| 6314 | + content: ""; | |
| 6315 | + width: 2px; | |
| 6316 | + height: 2px; | |
| 6317 | + background: var(--vbo-config-titles-color-light); | |
| 6318 | + top: 7px; | |
| 6319 | + left: 2px; | |
| 6320 | + position: absolute; | |
| 6321 | + border-radius: 50%; | |
| 6322 | +} | |
| 6323 | +.vbo-w-guestmessages-message-listings { | |
| 6324 | + display: inline-block; | |
| 6325 | + overflow: hidden; | |
| 6326 | + white-space: nowrap; | |
| 6327 | + max-width: 200px; | |
| 6328 | + text-overflow: ellipsis; | |
| 6329 | +} | |
| 6330 | +.vbo-w-guestmessages-message-new { | |
| 6331 | + background: #dce8fd; | |
| 6332 | +} | |
| 6333 | +.vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle .message-new { | |
| 6334 | + color: var(--vbo-base-color); | |
| 6335 | + font-size: 14px; | |
| 6336 | + margin: 0 0 0 5px; | |
| 6337 | +} | |
| 6338 | +.vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied { | |
| 6339 | + background: var(--vbo-base-color); | |
| 6340 | + font-size: 10px; | |
| 6341 | + margin: 0 0 0 5px; | |
| 6342 | + color: var(--vbo-contrast-text-color); | |
| 6343 | + font-weight: 500; | |
| 6344 | +} | |
| 6345 | +.vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied:hover { | |
| 6346 | + background: var(--vbo-base-color-hover); | |
| 6347 | +} | |
| 6348 | +.vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied i { | |
| 6349 | + color: var(--vbo-contrast-text-color); | |
| 6350 | + font-size: 10px; | |
| 6351 | + margin-right: 2px; | |
| 6352 | +} | |
| 6353 | +.vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-ai-category { | |
| 6354 | + font-size: 10px; | |
| 6355 | + margin: 0 0 0 5px; | |
| 6356 | + color: var(--vbo-body-text-color); | |
| 6357 | + font-weight: 600; | |
| 6358 | + cursor: default; | |
| 6359 | + border-radius: 20px; | |
| 6360 | + background: var(--vbo-light-blue); | |
| 6361 | +} | |
| 6362 | +.vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-ai-category i { | |
| 6363 | + color: var(--vbo-info-border); | |
| 6364 | + font-size: 10px; | |
| 6365 | + margin-right: 2px; | |
| 6366 | +} | |
| 6367 | +.vbo-w-guestmessages-message-aipriority-icn.high { | |
| 6368 | + color: var(--vbo-red-color); | |
| 6369 | +} | |
| 6370 | +.vbo-w-guestmessages-message-aipriority-icn.medium { | |
| 6371 | + color: var(--vbo-orange-color); | |
| 6372 | +} | |
| 6373 | +.vbo-w-guestmessages-message-aipriority-icn.low { | |
| 6374 | + color: var(--vbo-blue-color); | |
| 6375 | +} | |
| 6376 | +.vbo-w-guestmessages-inboxstyle .vbo-dashboard-guest-messages-inner { | |
| 6377 | + display: flex; | |
| 6378 | + gap: 5px; | |
| 6379 | +} | |
| 6380 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-list-container { | |
| 6381 | + width: 35%; | |
| 6382 | + overflow-x: hidden; | |
| 6383 | + overflow-y: scroll; | |
| 6384 | +} | |
| 6385 | +.vbo-w-guestmessages-inboxstyle .vbo-dashboard-guest-messages-list .vbo-guestactivitywidget-commands { | |
| 6386 | + display: none; | |
| 6387 | +} | |
| 6388 | +/* | |
| 6389 | + * Because we are removing the scroll from the modal, we have to force the 100% height to all parents. | |
| 6390 | + */ | |
| 6391 | +.vbo-modal-widget_modal-wrap { | |
| 6392 | + height: 100%; | |
| 6393 | +} | |
| 6394 | +/*.vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-modal-overlay-content-body-scroll .vbo-modal-widget_modal-wrap, */ | |
| 6395 | +.vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-modal-overlay-content-body-scroll .vbo-admin-widget-wrapper, | |
| 6396 | +.vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-modal-overlay-content-body-scroll .vbo-w-guestmessages-inboxstyle, | |
| 6397 | +.vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-modal-overlay-content-body-scroll .vbo-w-guestmessages-inboxstyle .vbo-dashboard-guest-messages-inner { | |
| 6398 | + height: 100%; | |
| 6399 | +} | |
| 6400 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat { | |
| 6401 | + flex: 1; | |
| 6402 | + border: 1px solid var(--vbo-basic-btn); | |
| 6403 | + background-color: var(--vcm-chat-background); | |
| 6404 | + border-radius: 6px; | |
| 6405 | + margin-top: 5px; | |
| 6406 | + height: calc(100% - 54px); | |
| 6407 | +} | |
| 6408 | +.vbo-dashboard-guests-latest.vbo-w-guestmessages-wrapmodal:not(.vbo-w-guestmessages-inboxstyle) .vbo-w-guestmessages-inboxstyle-chat { | |
| 6409 | + display: none; | |
| 6410 | +} | |
| 6411 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head { | |
| 6412 | + display: inline-block; | |
| 6413 | + vertical-align: middle; | |
| 6414 | + width: 100%; | |
| 6415 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 6416 | + background-color: var(--vbo-config-bg-color); | |
| 6417 | + border-top-left-radius: 6px; | |
| 6418 | + border-top-right-radius: 6px; | |
| 6419 | +} | |
| 6420 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head > span { | |
| 6421 | + display: flex; | |
| 6422 | + align-items: center; | |
| 6423 | + padding: 10px 4px 8px 10px; | |
| 6424 | +} | |
| 6425 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestavatar { | |
| 6426 | + display: inline-block; | |
| 6427 | + text-align: center; | |
| 6428 | + margin-right: 24px; | |
| 6429 | +} | |
| 6430 | +.vbo-modal-wguestmessages-chat-guestavatar { | |
| 6431 | + position: relative; | |
| 6432 | +} | |
| 6433 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestavatar img:not(.vbo-avatar-subprofile) { | |
| 6434 | + width: 40px; | |
| 6435 | + height: 40px; | |
| 6436 | + object-fit: cover; | |
| 6437 | + border-radius: 50%; | |
| 6438 | + display: block; | |
| 6439 | +} | |
| 6440 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestavatar img.vbo-avatar-subprofile { | |
| 6441 | + max-width: 100%; | |
| 6442 | + border-radius: 50%; | |
| 6443 | + object-fit: cover; | |
| 6444 | + width: 22px; | |
| 6445 | + height: 22px; | |
| 6446 | + border: 2px solid var(--vbo-body-bg-color); | |
| 6447 | + position: absolute; | |
| 6448 | + top: 50%; | |
| 6449 | + right: -17px; | |
| 6450 | + transform: translate(0, -50%); | |
| 6451 | +} | |
| 6452 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestavatar .vbo-avatar-subprofile-txt { | |
| 6453 | + display: inline-flex; | |
| 6454 | + justify-content: center; | |
| 6455 | + align-items: center; | |
| 6456 | + max-width: 100%; | |
| 6457 | + border-radius: 50%; | |
| 6458 | + object-fit: cover; | |
| 6459 | + width: 22px; | |
| 6460 | + height: 22px; | |
| 6461 | + background: var(--vbo-input-style-deactive); | |
| 6462 | + border: 2px solid var(--vbo-input-style-nested-deactive); | |
| 6463 | + position: absolute; | |
| 6464 | + top: 50%; | |
| 6465 | + right: -17px; | |
| 6466 | + transform: translate(0, -50%); | |
| 6467 | + font-size: 10px; | |
| 6468 | +} | |
| 6469 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestavatar img { | |
| 6470 | + width: 40px; | |
| 6471 | + height: 40px; | |
| 6472 | + object-fit: cover; | |
| 6473 | + border-radius: 50%; | |
| 6474 | +} | |
| 6475 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestname { | |
| 6476 | + display: inline-block; | |
| 6477 | + margin-right: 10px; | |
| 6478 | + font-weight: 600; | |
| 6479 | + font-size: 16px; | |
| 6480 | +} | |
| 6481 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-info-booking { | |
| 6482 | + display: block; | |
| 6483 | + margin-top: 4px; | |
| 6484 | +} | |
| 6485 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-w-guestmessages-message-stayrooms, .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-w-guestmessages-message-stayrooms .vbo-w-guestmessages-message-listings { | |
| 6486 | + vertical-align: middle; | |
| 6487 | + display: inline-block; | |
| 6488 | +} | |
| 6489 | +.vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-body { | |
| 6490 | + padding: 10px 15px; | |
| 6491 | + height: 100%; | |
| 6492 | +} | |
| 6493 | +.vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-w-guestmessages-inboxstyle .chat-border-layout { | |
| 6494 | + height: 100%; | |
| 6495 | + min-height: initial; | |
| 6496 | +} | |
| 6497 | +.vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-w-guestmessages-inboxstyle .chat-border-layout .chat-messages-panel { | |
| 6498 | + height: 100%; | |
| 6499 | + position: relative; | |
| 6500 | +} | |
| 6501 | +.vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-w-guestmessages-inboxstyle .chat-threads-panel + .chat-messages-panel .chat-conversation { | |
| 6502 | + height: calc(100% - 152px); | |
| 6503 | + max-height: calc(100% - 152px); | |
| 6504 | +} | |
| 6505 | +.vbo-w-guestmessages-inboxstyle-chat-loading { | |
| 6506 | + text-align: center; | |
| 6507 | + padding: 50px; | |
| 6508 | + font-size: 24px; | |
| 6509 | + opacity: .5; | |
| 6510 | +} | |
| 6511 | +.vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-w-guestmessages-inboxstyle .chat-input-footer { | |
| 6512 | + position: absolute; | |
| 6513 | + bottom: 90px; | |
| 6514 | + width: 100%; | |
| 6515 | + z-index: 9999; | |
| 6516 | +} | |
| 6517 | +.vbo-bookings-status-separator { | |
| 6518 | + margin-top: 5px; | |
| 6519 | + text-align: center; | |
| 6520 | +} | |
| 6521 | +.vbo-modal-nofooter .vbo-modal-overlay-content-body { | |
| 6522 | + height: calc(100% - 75px); | |
| 6523 | +} | |
| 6524 | +.vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-modal-overlay-content-body { | |
| 6525 | + /*height: calc(100% - 82px);*/ | |
| 6526 | + overflow-y: hidden; | |
| 6527 | +} | |
| 6528 | +.vbo-modal-overlay-wguestmessages-chat .vbo-modal-overlay-content.vbo-modal-overlay-content-wguestmessages-chat { | |
| 6529 | + background-color: var(--vcm-chat-background); | |
| 6530 | +} | |
| 6531 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head { | |
| 6532 | + display: flex; | |
| 6533 | + padding: 12px 20px 6px; | |
| 6534 | + background: transparent; | |
| 6535 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 6536 | + background-color: var(--vbo-config-bg-color); | |
| 6537 | +} | |
| 6538 | +.vbo-modal-wguestmessages-chat-wrap { | |
| 6539 | + height: 100%; | |
| 6540 | +} | |
| 6541 | +.vbo-modal-wguestmessages-chat-wrap .chat-border-layout { | |
| 6542 | + height: calc(100% - 70px); | |
| 6543 | +} | |
| 6544 | +/* We modified the height just for the Guest Messages modal because the textarea will increase based on the number of the row the customer is writing. */ | |
| 6545 | +.vbo-modal-overlay-wguestmessages-chat .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll { | |
| 6546 | + height: calc(100% - 124px); | |
| 6547 | +} | |
| 6548 | +.vbo-modal-wguestmessages-chat-wrap .chat-border-layout .chat-messages-panel { | |
| 6549 | + height: 100%; | |
| 6550 | +} | |
| 6551 | +.vbo-modal-wguestmessages-chat-wrap .chat-conversation { | |
| 6552 | + height: 100%; | |
| 6553 | + max-height: unset; | |
| 6554 | +} | |
| 6555 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-cmds) { | |
| 6556 | + flex: 1; | |
| 6557 | +} | |
| 6558 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-cmds) span { | |
| 6559 | + display: inline-block; | |
| 6560 | + vertical-align: middle; | |
| 6561 | +} | |
| 6562 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-cmds) span.vbo-modal-wguestmessages-chat-info-booking { | |
| 6563 | + display: block; | |
| 6564 | +} | |
| 6565 | +.vbo-modal-wguestmessages-chat-info-booking .vbo-w-guestmessages-message-staydates { | |
| 6566 | + display: inline-block; | |
| 6567 | + vertical-align: middle; | |
| 6568 | + line-height: 1em; | |
| 6569 | +} | |
| 6570 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label:hover { | |
| 6571 | + background-color: var(--vbo-red-color); | |
| 6572 | +} | |
| 6573 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestname { | |
| 6574 | + margin-right: 10px; | |
| 6575 | + font-weight: bold; | |
| 6576 | +} | |
| 6577 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar { | |
| 6578 | + margin-right: 24px; | |
| 6579 | +} | |
| 6580 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img { | |
| 6581 | + width: 40px; | |
| 6582 | + height: 40px; | |
| 6583 | + object-fit: cover; | |
| 6584 | + border-radius: 50%; | |
| 6585 | +} | |
| 6586 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-wguestmessages-chat-guestavatar img:not(.vbo-avatar-subprofile) { | |
| 6587 | + width: 40px; | |
| 6588 | + height: 40px; | |
| 6589 | + object-fit: cover; | |
| 6590 | + border-radius: 50%; | |
| 6591 | + display: block; | |
| 6592 | +} | |
| 6593 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-wguestmessages-chat-guestavatar img.vbo-avatar-subprofile { | |
| 6594 | + max-width: 100%; | |
| 6595 | + border-radius: 50%; | |
| 6596 | + object-fit: cover; | |
| 6597 | + width: 22px; | |
| 6598 | + height: 22px; | |
| 6599 | + border: 2px solid var(--vbo-body-bg-color); | |
| 6600 | + position: absolute; | |
| 6601 | + top: 50%; | |
| 6602 | + right: -17px; | |
| 6603 | + transform: translate(0, -50%); | |
| 6604 | +} | |
| 6605 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-wguestmessages-chat-guestavatar .vbo-avatar-subprofile-txt { | |
| 6606 | + display: inline-flex; | |
| 6607 | + justify-content: center; | |
| 6608 | + align-items: center; | |
| 6609 | + max-width: 100%; | |
| 6610 | + border-radius: 50%; | |
| 6611 | + object-fit: cover; | |
| 6612 | + width: 22px; | |
| 6613 | + height: 22px; | |
| 6614 | + background: var(--vbo-input-style-deactive); | |
| 6615 | + border: 2px solid var(--vbo-input-style-nested-deactive); | |
| 6616 | + position: absolute; | |
| 6617 | + top: 50%; | |
| 6618 | + right: -17px; | |
| 6619 | + transform: translate(0, -50%); | |
| 6620 | + font-size: 10px; | |
| 6621 | +} | |
| 6622 | +.vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-overlay-cmd { | |
| 6623 | + margin-left: auto; | |
| 6624 | + align-self: center; | |
| 6625 | +} | |
| 6626 | +.vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-info-icon { | |
| 6627 | + margin-right: 10px; | |
| 6628 | + margin-top: 2px; | |
| 6629 | + display: inline-block; | |
| 6630 | + width: 100%; | |
| 6631 | +} | |
| 6632 | +.vbo-dashboard-guest-activity-content-info-icon i { | |
| 6633 | + color: var(--vbo-base-color); | |
| 6634 | + font-size: 14px; | |
| 6635 | +} | |
| 6636 | +.vbo-dashboard-guest-activity-review .vbo-dashboard-guest-activity-content i { | |
| 6637 | + color: var(--vbo-orange-color); | |
| 6638 | +} | |
| 6639 | +.vbo-rdaybooking-subunits { | |
| 6640 | + margin-top: 6px; | |
| 6641 | +} | |
| 6642 | +.vbo-rdaybooking-subunits .label-warning { | |
| 6643 | + padding: 6px !important; | |
| 6644 | +} | |
| 6645 | +.vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list { | |
| 6646 | + display: inline-block; | |
| 6647 | +} | |
| 6648 | +.vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list select { | |
| 6649 | + min-height: 34px; | |
| 6650 | + line-height: 1.3em; | |
| 6651 | + margin: 3px 0; | |
| 6652 | +} | |
| 6653 | +.vbo-rdaybooking-subunits .vbo-rdaybooking-subunit-relocate-wrap { | |
| 6654 | + margin-left: 10px; | |
| 6655 | +} | |
| 6656 | +.vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list .btn.vbo-reassign-room-unit-btn > i { | |
| 6657 | + color: #fff; | |
| 6658 | +} | |
| 6659 | +.vbo-dashboard-guest-activity-content-info-icon .vbo-dashboard-guest-activity-content-info-rate { | |
| 6660 | + font-weight: bold; | |
| 6661 | + margin-left: 2px; | |
| 6662 | +} | |
| 6663 | +.vbo-dashboard-guest-activity-content-info-date { | |
| 6664 | + margin-left: auto; | |
| 6665 | + font-size: .9em; | |
| 6666 | + text-align: right; | |
| 6667 | + color: var(--vbo-config-titles-color-light); | |
| 6668 | +} | |
| 6669 | +.vbo-dashboard-guest-activity-content-info-date span { | |
| 6670 | + display: block; | |
| 6671 | +} | |
| 6672 | +.vbo-dashboard-guest-activity-content-info-msg { | |
| 6673 | + color: var(--vbo-config-titles-color-light); | |
| 6674 | + font-size: 13px; | |
| 6675 | +} | |
| 6676 | +.vbo-dashboard-guest-activity-content-info-msg p { | |
| 6677 | + margin: 0; | |
| 6678 | +} | |
| 6679 | +.vbo-dashboard-guest-activity-skeleton { | |
| 6680 | + padding: 17px 15px; | |
| 6681 | +} | |
| 6682 | +.vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar:after { | |
| 6683 | + width: 40px; | |
| 6684 | + height: 40px; | |
| 6685 | + border-radius: 50%; | |
| 6686 | + object-fit: cover; | |
| 6687 | +} | |
| 6688 | +.vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title:after { | |
| 6689 | + width: 150px; | |
| 6690 | + height: 15px; | |
| 6691 | +} | |
| 6692 | +.vbo-skeleton-loading-finance-top, .vbo-skeleton-loading-finance-top:after { | |
| 6693 | + width: 70%; | |
| 6694 | + height: 15px; | |
| 6695 | +} | |
| 6696 | +.vbo-skeleton-loading-finance-bottom, .vbo-skeleton-loading-finance-bottom:after { | |
| 6697 | + width: 100%; | |
| 6698 | + height: 22px; | |
| 6699 | +} | |
| 6700 | +.vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after { | |
| 6701 | + width: 50px; | |
| 6702 | + height: 11px; | |
| 6703 | +} | |
| 6704 | +.vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content:after { | |
| 6705 | + width: 100%; | |
| 6706 | + height: 22px; | |
| 6707 | +} | |
| 6708 | +.vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading { | |
| 6709 | + position: relative; | |
| 6710 | + overflow: hidden; | |
| 6711 | + display: inline-block; | |
| 6712 | +} | |
| 6713 | +.vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading:after, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading:after { | |
| 6714 | + position: absolute; | |
| 6715 | + top: 0; | |
| 6716 | + right: 0; | |
| 6717 | + bottom: 0; | |
| 6718 | + left: 0; | |
| 6719 | + transform: translateX(-100%); | |
| 6720 | + animation: shimmer 2s infinite; | |
| 6721 | + content: ''; | |
| 6722 | +} | |
| 6723 | +.vbo-dashboard-guest-activity-skeleton .vbo-dashboard-guest-activity-content-subhead { | |
| 6724 | + margin-bottom: 5px; | |
| 6725 | + margin-top: 3px; | |
| 6726 | +} | |
| 6727 | + | |
| 6728 | +@keyframes shimmer { | |
| 6729 | + 100% { | |
| 6730 | + transform: translateX(100%); | |
| 6731 | + } | |
| 6732 | +} | |
| 6733 | + | |
| 6734 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record, .vbo-widget-latestevents-list .vbo-widget-history-record { | |
| 6735 | + display: flex; | |
| 6736 | + padding: 10px 15px; | |
| 6737 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 6738 | + width: 100%; | |
| 6739 | + box-sizing: border-box; | |
| 6740 | +} | |
| 6741 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-widget-latestevents-list .vbo-widget-history-avatar { | |
| 6742 | + width: 40px; | |
| 6743 | + margin-right: 15px; | |
| 6744 | +} | |
| 6745 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar img, .vbo-widget-latestevents-list .vbo-widget-history-avatar img { | |
| 6746 | + max-width: 100%; | |
| 6747 | + border-radius: 50%; | |
| 6748 | + object-fit: cover; | |
| 6749 | +} | |
| 6750 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar .vbo-widget-ratesflow-avatar-icon, .vbo-widget-latestevents-list .vbo-widget-history-avatar .vbo-widget-history-avatar-icon { | |
| 6751 | + width: 40px; | |
| 6752 | + text-align: center; | |
| 6753 | + height: 40px; | |
| 6754 | + line-height: 40px; | |
| 6755 | + border: 1px solid var(--vbo-config-border-color); | |
| 6756 | + border-radius: 50%; | |
| 6757 | + background: var(--vbo-config-child-bg-color); | |
| 6758 | + font-size: 16px; | |
| 6759 | +} | |
| 6760 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content, .vbo-widget-latestevents-list .vbo-widget-history-content { | |
| 6761 | + flex: 1; | |
| 6762 | +} | |
| 6763 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-head, .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head { | |
| 6764 | + display: flex; | |
| 6765 | +} | |
| 6766 | +.vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head { | |
| 6767 | + flex-wrap: wrap; | |
| 6768 | +} | |
| 6769 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details { | |
| 6770 | + margin-bottom: 3px; | |
| 6771 | + flex: 1; | |
| 6772 | +} | |
| 6773 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details h4, .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details h4 { | |
| 6774 | + margin: 0; | |
| 6775 | + font-size: 16px; | |
| 6776 | +} | |
| 6777 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details .vbo-widget-ratesflow-content-info-dates, .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-widget-history-content-info-dates { | |
| 6778 | + margin-right: 10px; | |
| 6779 | + margin-top: 2px; | |
| 6780 | + font-size: .9em; | |
| 6781 | +} | |
| 6782 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates { | |
| 6783 | + margin-left: auto; | |
| 6784 | +} | |
| 6785 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-nightly-rate { | |
| 6786 | + text-align: right; | |
| 6787 | + font-weight: bold; | |
| 6788 | + font-size: 1.2em; | |
| 6789 | +} | |
| 6790 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-changes { | |
| 6791 | + display: flex; | |
| 6792 | + font-size: .95em; | |
| 6793 | + justify-content: right; | |
| 6794 | +} | |
| 6795 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-alter { | |
| 6796 | + margin-right: 6px; | |
| 6797 | +} | |
| 6798 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-up { | |
| 6799 | + margin-top: 6px; | |
| 6800 | + float: left; | |
| 6801 | + margin-right: 3px; | |
| 6802 | +} | |
| 6803 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-down { | |
| 6804 | + margin-top: 2px; | |
| 6805 | + float: left; | |
| 6806 | + margin-right: 3px; | |
| 6807 | +} | |
| 6808 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p { | |
| 6809 | + margin: 0 0 5px; | |
| 6810 | +} | |
| 6811 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p:only-child { | |
| 6812 | + margin: 0; | |
| 6813 | +} | |
| 6814 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-higher { | |
| 6815 | + color: var(--vbo-green-color); | |
| 6816 | +} | |
| 6817 | +.vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-lower { | |
| 6818 | + color: var(--vbo-red-color); | |
| 6819 | +} | |
| 6820 | +.vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details { | |
| 6821 | + flex-basis: 100%; | |
| 6822 | + margin-bottom: 3px; | |
| 6823 | +} | |
| 6824 | +.vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .label { | |
| 6825 | + float: right; | |
| 6826 | + margin: 1px; | |
| 6827 | +} | |
| 6828 | +.vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-label-small { | |
| 6829 | + font-size: 12px; | |
| 6830 | + padding: 5px 8px !important; | |
| 6831 | +} | |
| 6832 | +.vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head { | |
| 6833 | + margin-bottom: 3px; | |
| 6834 | +} | |
| 6835 | +.vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-content-info-booking { | |
| 6836 | + display: flex; | |
| 6837 | + width: 100%; | |
| 6838 | +} | |
| 6839 | +.vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin { | |
| 6840 | + margin-left: auto; | |
| 6841 | + text-align: right; | |
| 6842 | +} | |
| 6843 | +.vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin i { | |
| 6844 | + margin-right: 3px; | |
| 6845 | + color: var(--vbo-middle-color-btn); | |
| 6846 | +} | |
| 6847 | +.vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head { | |
| 6848 | + display: flex; | |
| 6849 | + flex-wrap: wrap; | |
| 6850 | +} | |
| 6851 | +.vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head .vbo-admin-widget-head-inline, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head .vbo-admin-widget-head-inline { | |
| 6852 | + flex: 1; | |
| 6853 | +} | |
| 6854 | + | |
| 6855 | +.vbo-widget-latestevents-list .vbo-widget-history-record:hover { | |
| 6856 | + cursor: pointer; | |
| 6857 | + background: var(--vbo-light-color-btn); | |
| 6858 | +} | |
| 6859 | + | |
| 6860 | +.vbo-widget-currconv-wrap { | |
| 6861 | + padding: 15px; | |
| 6862 | +} | |
| 6863 | +.vbo-widget-currconv-filters { | |
| 6864 | + display: flex; | |
| 6865 | + flex-wrap: wrap; | |
| 6866 | +} | |
| 6867 | +.vbo-widget-currconv-filters > div, .vbo-admin-widgets-container-small .vbo-widget-currconv-filters .vbo-widget-currconv-filters-main > div { | |
| 6868 | + margin-bottom: 5px; | |
| 6869 | +} | |
| 6870 | +.vbo-widget-currconv-wrap .vbo-widget-currconv-filters-submit { | |
| 6871 | + align-self: end; | |
| 6872 | +} | |
| 6873 | +.vbo-widget-currconv-filters label { | |
| 6874 | + display: block; | |
| 6875 | + margin-bottom: 5px; | |
| 6876 | + font-weight: 500; | |
| 6877 | +} | |
| 6878 | +.vbo-widget-currconv-filters-main { | |
| 6879 | + display: flex; | |
| 6880 | + flex-wrap: wrap; | |
| 6881 | +} | |
| 6882 | +.vbo-widget-currconv-filters-submit .btn { | |
| 6883 | + margin-left: 10px; | |
| 6884 | +} | |
| 6885 | +.vbo-widget-currconv-filters-main > div { | |
| 6886 | + margin-right: 10px; | |
| 6887 | +} | |
| 6888 | +.vbo-admin-widgets-widget-output .select2-container .select2-selection--single { | |
| 6889 | + height: 40px; | |
| 6890 | + border-radius: var(--vbo-field-radius); | |
| 6891 | +} | |
| 6892 | +.vbo-widget-currconv-filters .select2-container .select2-selection__rendered { | |
| 6893 | + font-weight: normal; | |
| 6894 | + font-size: 14px; | |
| 6895 | + line-height: 40px !important; | |
| 6896 | +} | |
| 6897 | +.vbo-admin-widgets-widget-output .select2-container--default .select2-selection--single .select2-selection__arrow { | |
| 6898 | + height: 40px; | |
| 6899 | +} | |
| 6900 | +.vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit { | |
| 6901 | + align-self: end; | |
| 6902 | + flex-basis: 100%; | |
| 6903 | +} | |
| 6904 | +.vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit .btn { | |
| 6905 | + width: 100%; | |
| 6906 | + margin-left: 0; | |
| 6907 | +} | |
| 6908 | +.vbo-admin-widgets-container-small .vbo-widget-currconv-filters-main > div { | |
| 6909 | + margin-left: 0; | |
| 6910 | +} | |
| 6911 | + | |
| 6912 | +.vbo-widget-checkav-wrap { | |
| 6913 | + padding: 15px; | |
| 6914 | +} | |
| 6915 | +.vbo-widget-checkav-filters { | |
| 6916 | + display: flex; | |
| 6917 | + flex-wrap: wrap; | |
| 6918 | +} | |
| 6919 | +.vbo-widget-checkav-filters > div { | |
| 6920 | + margin-bottom: 8px; | |
| 6921 | +} | |
| 6922 | +.vbo-widget-checkav-filters .vbo-widget-checkav-filter { | |
| 6923 | + margin: 5px 0; | |
| 6924 | +} | |
| 6925 | +.vbo-widget-checkav-filters .vbo-widget-checkav-filters-main, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary { | |
| 6926 | + display: flex; | |
| 6927 | + flex-wrap: wrap; | |
| 6928 | +} | |
| 6929 | +.vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary:last-child { | |
| 6930 | + margin-left: 10px; | |
| 6931 | +} | |
| 6932 | +.vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div { | |
| 6933 | + margin-left: 8px; | |
| 6934 | +} | |
| 6935 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { | |
| 6936 | + flex: 1; | |
| 6937 | +} | |
| 6938 | +.vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn i { | |
| 6939 | + margin-right: 8px; | |
| 6940 | +} | |
| 6941 | +.vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { | |
| 6942 | + margin-left: 8px; | |
| 6943 | +} | |
| 6944 | +.vbo-widget-checkav-results { | |
| 6945 | + margin-top: 5px; | |
| 6946 | +} | |
| 6947 | +.vbo-dashboard-fullcontainer .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap, | |
| 6948 | +.vbo-dashboard-fullcontainer .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-splitstays-wrap { | |
| 6949 | + display: grid; | |
| 6950 | + grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); | |
| 6951 | +} | |
| 6952 | +.vbo-widget-checkav-result-splitstays-wrap { | |
| 6953 | + width: 100%; | |
| 6954 | +} | |
| 6955 | +.vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms { | |
| 6956 | + border: 1px solid var(--vbo-basic-btn); | |
| 6957 | + margin: 5px; | |
| 6958 | + border-radius: 6px; | |
| 6959 | +} | |
| 6960 | +.vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:hover { | |
| 6961 | + border-color: var(--vbo-base-color); | |
| 6962 | +} | |
| 6963 | +.vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner { | |
| 6964 | + display: grid; | |
| 6965 | + grid-template-columns: repeat(2, 1fr); | |
| 6966 | +} | |
| 6967 | +.vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room { | |
| 6968 | + padding: 8px; | |
| 6969 | +} | |
| 6970 | +.vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name { | |
| 6971 | + font-weight: bold; | |
| 6972 | + font-size: 1.2em; | |
| 6973 | + margin-bottom: 4px; | |
| 6974 | +} | |
| 6975 | +.vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name i { | |
| 6976 | + color: var(--vbo-base-color); | |
| 6977 | + margin-right: 3px; | |
| 6978 | + width: 16px; | |
| 6979 | +} | |
| 6980 | +.vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span { | |
| 6981 | + display: block; | |
| 6982 | + margin-bottom: 3px; | |
| 6983 | +} | |
| 6984 | +.vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span i { | |
| 6985 | + margin-right: 3px; | |
| 6986 | + width: 16px; | |
| 6987 | + color: var(--vbo-config-text-color-light); | |
| 6988 | +} | |
| 6989 | +.vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-book { | |
| 6990 | + text-align: center; | |
| 6991 | + margin-bottom: 10px; | |
| 6992 | +} | |
| 6993 | +.vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results, | |
| 6994 | +.vbo-admin-widgets-container-large .vbo-widget-checkav-results { | |
| 6995 | + display: flex; | |
| 6996 | + flex-wrap: wrap; | |
| 6997 | +} | |
| 6998 | +.vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results > p, | |
| 6999 | +.vbo-admin-widgets-container-large .vbo-widget-checkav-results > p { | |
| 7000 | + flex-basis: 100%; | |
| 7001 | +} | |
| 7002 | +.vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party, | |
| 7003 | +.vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-party, | |
| 7004 | +.vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-commands, .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands { | |
| 7005 | + flex-basis: 100%; | |
| 7006 | +} | |
| 7007 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap, .vbo-widget-checkav-results .vbo-widget-checkav-result-altparties-wrap { | |
| 7008 | + display: flex; | |
| 7009 | + flex-wrap: wrap; | |
| 7010 | +} | |
| 7011 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates { | |
| 7012 | + margin: 5px; | |
| 7013 | +} | |
| 7014 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates { | |
| 7015 | + flex-basis: 100%; | |
| 7016 | +} | |
| 7017 | +.vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates { | |
| 7018 | + flex-basis: 100%; | |
| 7019 | + text-align: center; | |
| 7020 | + margin-bottom: 5px; | |
| 7021 | + padding-top: 5px; | |
| 7022 | +} | |
| 7023 | +.vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in { | |
| 7024 | + margin-right: 10px; | |
| 7025 | +} | |
| 7026 | +.vbo-widget-checkav-result-altparties-wrap .vbo-widget-checkav-result-altparty { | |
| 7027 | + display: flex; | |
| 7028 | + flex-wrap: wrap; | |
| 7029 | + justify-content: center; | |
| 7030 | + width: 100%; | |
| 7031 | +} | |
| 7032 | +.vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room { | |
| 7033 | + flex-basis: calc(33% - 34px); | |
| 7034 | + border: 1px solid var(--vbo-config-border-color); | |
| 7035 | + border-radius: 4px; | |
| 7036 | + padding: 10px; | |
| 7037 | + margin: 5px; | |
| 7038 | + text-align: center; | |
| 7039 | +} | |
| 7040 | +.vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room .vbo-widget-checkav-result-alt-guests-rparty i { | |
| 7041 | + margin-right: 4px; | |
| 7042 | +} | |
| 7043 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name { | |
| 7044 | + white-space: nowrap; | |
| 7045 | + overflow: hidden; | |
| 7046 | + text-overflow: ellipsis; | |
| 7047 | + max-width: 300px; | |
| 7048 | +} | |
| 7049 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name { | |
| 7050 | + flex-basis: 100%; | |
| 7051 | + max-width: 100%; | |
| 7052 | + margin-bottom: 4px; | |
| 7053 | +} | |
| 7054 | +@media screen and (min-width: 1800px) { | |
| 7055 | + .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates { | |
| 7056 | + flex-basis: calc(33% - 30px); | |
| 7057 | + } | |
| 7058 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates, .vbo-admin-widgets-container-large .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates.vbo-admin-widgets-container-medium .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate, .vbo-modal-overlay-content .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates { | |
| 7059 | + flex-basis: calc(50% - 30px); | |
| 7060 | + margin: 5px; | |
| 7061 | + } | |
| 7062 | + .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap, .vbo-admin-widgets-container-medium .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap { | |
| 7063 | + width: 100%; | |
| 7064 | + display: grid; | |
| 7065 | + grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); | |
| 7066 | + } | |
| 7067 | + .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner, .vbo-admin-widgets-container-medium .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner { | |
| 7068 | + grid-template-columns: repeat(3, 1fr); | |
| 7069 | + } | |
| 7070 | + .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child { | |
| 7071 | + border-color: var(--vbo-input-style); | |
| 7072 | + } | |
| 7073 | + .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child:hover { | |
| 7074 | + border-color: var(--vbo-base-color); | |
| 7075 | + } | |
| 7076 | + .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child .vbo-widget-checkav-result-alt-date > span { | |
| 7077 | + display: inline-block; | |
| 7078 | + } | |
| 7079 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span { | |
| 7080 | + display: block; | |
| 7081 | + } | |
| 7082 | + .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span { | |
| 7083 | + text-align: right; | |
| 7084 | + min-width: 80px; | |
| 7085 | + } | |
| 7086 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span { | |
| 7087 | + text-align: left; | |
| 7088 | + min-width: initial; | |
| 7089 | + } | |
| 7090 | +} | |
| 7091 | +@media screen and (max-width: 1800px) { | |
| 7092 | + .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates, | |
| 7093 | + .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates { | |
| 7094 | + flex-basis: 100%; | |
| 7095 | + } | |
| 7096 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room { | |
| 7097 | + flex-basis: calc(100% - 30px); | |
| 7098 | + } | |
| 7099 | +} | |
| 7100 | +@media screen and (min-width: 2500px) { | |
| 7101 | + .vbo-admin-widgets-container-large .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates.vbo-admin-widgets-container-medium .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { | |
| 7102 | + flex-basis: calc(33% - 30px); | |
| 7103 | + margin: 5px; | |
| 7104 | + } | |
| 7105 | +} | |
| 7106 | +@media screen and (min-width: 3000px) { | |
| 7107 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span { | |
| 7108 | + display: inline-block; | |
| 7109 | + } | |
| 7110 | +} | |
| 7111 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-room-name { | |
| 7112 | + font-weight: bold; | |
| 7113 | + font-size: 1.2em; | |
| 7114 | + margin-bottom: 5px; | |
| 7115 | +} | |
| 7116 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { | |
| 7117 | + display: flex; | |
| 7118 | + margin: 5px 0 8px; | |
| 7119 | + padding-bottom: 5px; | |
| 7120 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 7121 | +} | |
| 7122 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate:last-child { | |
| 7123 | + border-bottom: 0; | |
| 7124 | + padding-bottom: 0px; | |
| 7125 | +} | |
| 7126 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate > div { | |
| 7127 | + display: inline-block; | |
| 7128 | +} | |
| 7129 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates { | |
| 7130 | + padding: 10px; | |
| 7131 | + background-color: var(--vbo-input-style); | |
| 7132 | + margin: 0px 0 8px; | |
| 7133 | + border-radius: 6px; | |
| 7134 | +} | |
| 7135 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices { | |
| 7136 | + flex: 1; | |
| 7137 | + display: flex; | |
| 7138 | +} | |
| 7139 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span { | |
| 7140 | + align-self: center; | |
| 7141 | + margin: 0 10px; | |
| 7142 | +} | |
| 7143 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span > span { | |
| 7144 | + display: block; | |
| 7145 | +} | |
| 7146 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-total { | |
| 7147 | + font-weight: bold; | |
| 7148 | +} | |
| 7149 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name { | |
| 7150 | + display: inline-block; | |
| 7151 | + min-width: 150px; | |
| 7152 | + align-self: center; | |
| 7153 | +} | |
| 7154 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow { | |
| 7155 | + margin-left: auto; | |
| 7156 | + margin-right: 0; | |
| 7157 | +} | |
| 7158 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow .btn { | |
| 7159 | + padding: 7px 12px; | |
| 7160 | +} | |
| 7161 | +.vbo-widget-checkav-results .vbo-widget-checkav-result-party p { | |
| 7162 | + margin: 0 0 6px; | |
| 7163 | +} | |
| 7164 | +.vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates { | |
| 7165 | + margin: 5px; | |
| 7166 | +} | |
| 7167 | +.vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info { | |
| 7168 | + display: flex; | |
| 7169 | + flex-wrap: wrap; | |
| 7170 | +} | |
| 7171 | +.vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date { | |
| 7172 | + align-self: center; | |
| 7173 | + margin-right: 10px; | |
| 7174 | + flex: 1; | |
| 7175 | +} | |
| 7176 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date { | |
| 7177 | + flex-basis: 100%; | |
| 7178 | +} | |
| 7179 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span { | |
| 7180 | + margin-bottom: 3px; | |
| 7181 | +} | |
| 7182 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose { | |
| 7183 | + margin-top: 8px; | |
| 7184 | + width: 100%; | |
| 7185 | + text-align: center; | |
| 7186 | +} | |
| 7187 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose .btn { | |
| 7188 | + width: 100%; | |
| 7189 | +} | |
| 7190 | +.vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in { | |
| 7191 | + margin-right: 10px; | |
| 7192 | +} | |
| 7193 | +.vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date i { | |
| 7194 | + color: var(--vbo-config-text-color-light); | |
| 7195 | + width: 16px; | |
| 7196 | + margin-right: 3px; | |
| 7197 | +} | |
| 7198 | +.vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose { | |
| 7199 | + margin-left: auto; | |
| 7200 | +} | |
| 7201 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { | |
| 7202 | + width: 100%; | |
| 7203 | + display: flex; | |
| 7204 | + flex-wrap: wrap; | |
| 7205 | +} | |
| 7206 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker { | |
| 7207 | + flex: initial; | |
| 7208 | +} | |
| 7209 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input, .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input { | |
| 7210 | + width: 110px !important; | |
| 7211 | +} | |
| 7212 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label { | |
| 7213 | + align-self: center; | |
| 7214 | + margin-right: 5px; | |
| 7215 | +} | |
| 7216 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input { | |
| 7217 | + flex: 1; | |
| 7218 | + width: 80px !important; | |
| 7219 | +} | |
| 7220 | +/* @joomla - This input style is visible just in Joomla3. It is the only one that can't see the pre-set input style. */ | |
| 7221 | +.admin.com_vikbooking .vbo-widget-checkav-filters input { | |
| 7222 | + padding: 8px 10px; | |
| 7223 | + box-sizing: border-box; | |
| 7224 | + height: auto; | |
| 7225 | +} | |
| 7226 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter { | |
| 7227 | + margin-top: 0; | |
| 7228 | +} | |
| 7229 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary { | |
| 7230 | + display: flex; | |
| 7231 | + flex-wrap: wrap; | |
| 7232 | +} | |
| 7233 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div { | |
| 7234 | + flex: 1; | |
| 7235 | +} | |
| 7236 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div:first-child { | |
| 7237 | + margin-right: 8px; | |
| 7238 | +} | |
| 7239 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input { | |
| 7240 | + width: 75px !important; | |
| 7241 | +} | |
| 7242 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div { | |
| 7243 | + margin-left: 0; | |
| 7244 | +} | |
| 7245 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { | |
| 7246 | + width: 100%; | |
| 7247 | + margin-left: 0; | |
| 7248 | +} | |
| 7249 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn { | |
| 7250 | + width: 100%; | |
| 7251 | +} | |
| 7252 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name { | |
| 7253 | + margin-right: 10px; | |
| 7254 | + min-width: initial; | |
| 7255 | +} | |
| 7256 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters label { | |
| 7257 | + display: block; | |
| 7258 | + margin-bottom: 5px; | |
| 7259 | +} | |
| 7260 | +.vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker { | |
| 7261 | + align-self: end; | |
| 7262 | +} | |
| 7263 | +@media screen and (max-width: 1000px) { | |
| 7264 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker { | |
| 7265 | + flex: 1; | |
| 7266 | + flex-basis: 100%; | |
| 7267 | + margin-bottom: 8px; | |
| 7268 | + } | |
| 7269 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append { | |
| 7270 | + width: 100%; | |
| 7271 | + display: flex; | |
| 7272 | + } | |
| 7273 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input { | |
| 7274 | + flex: 1; | |
| 7275 | + width: 100%; | |
| 7276 | + } | |
| 7277 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child { | |
| 7278 | + margin: 0; | |
| 7279 | + width: 100%; | |
| 7280 | + display: inline-block; | |
| 7281 | + } | |
| 7282 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input { | |
| 7283 | + flex: 1; | |
| 7284 | + } | |
| 7285 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label { | |
| 7286 | + margin-right: 10px; | |
| 7287 | + align-self: center; | |
| 7288 | + } | |
| 7289 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker { | |
| 7290 | + align-self: auto; | |
| 7291 | + } | |
| 7292 | + .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-price > span { | |
| 7293 | + display: block; | |
| 7294 | + } | |
| 7295 | +} | |
| 7296 | +@media screen and (max-width: 2200px) { | |
| 7297 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { | |
| 7298 | + width: auto; | |
| 7299 | + flex-basis: 100%; | |
| 7300 | + } | |
| 7301 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights { | |
| 7302 | + flex: 1; | |
| 7303 | + display: flex; | |
| 7304 | + } | |
| 7305 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary { | |
| 7306 | + flex-basis: 100%; | |
| 7307 | + } | |
| 7308 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input { | |
| 7309 | + width: 100% !important; | |
| 7310 | + } | |
| 7311 | +} | |
| 7312 | +@media screen and (max-width: 1800px) { | |
| 7313 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { | |
| 7314 | + flex-wrap: wrap; | |
| 7315 | + } | |
| 7316 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-rate-name { | |
| 7317 | + flex-basis: 100%; | |
| 7318 | + margin-right: 0; | |
| 7319 | + } | |
| 7320 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span { | |
| 7321 | + margin-left: 0; | |
| 7322 | + margin-right: 16px; | |
| 7323 | + } | |
| 7324 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow { | |
| 7325 | + margin-left: auto; | |
| 7326 | + } | |
| 7327 | +} | |
| 7328 | +@media screen and (min-width: 2200px) { | |
| 7329 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { | |
| 7330 | + width: auto; | |
| 7331 | + flex: inherit; | |
| 7332 | + } | |
| 7333 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights { | |
| 7334 | + margin-right: 5px; | |
| 7335 | + } | |
| 7336 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { | |
| 7337 | + width: auto; | |
| 7338 | + } | |
| 7339 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { | |
| 7340 | + width: auto; | |
| 7341 | + margin-left: 8px; | |
| 7342 | + align-self: end; | |
| 7343 | + } | |
| 7344 | +} | |
| 7345 | +@media screen and (min-width: 1800px) { | |
| 7346 | + .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results { | |
| 7347 | + display: flex; | |
| 7348 | + flex-wrap: wrap; | |
| 7349 | + } | |
| 7350 | + .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party { | |
| 7351 | + flex-basis: 100%; | |
| 7352 | + } | |
| 7353 | + .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates { | |
| 7354 | + flex-basis: calc(33% - 40px); | |
| 7355 | + } | |
| 7356 | + .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands { | |
| 7357 | + flex-basis: 100%; | |
| 7358 | + } | |
| 7359 | +} | |
| 7360 | + | |
| 7361 | +.vbo-widget-commands-right { | |
| 7362 | + text-align: right; | |
| 7363 | + padding: 5px 15px 10px 0; | |
| 7364 | +} | |
| 7365 | +.vbo-widget-commands > div { | |
| 7366 | + display: inline-block; | |
| 7367 | +} | |
| 7368 | +.vbo-widget-commands-main > div { | |
| 7369 | + display: inline-block; | |
| 7370 | + vertical-align: top; | |
| 7371 | +} | |
| 7372 | +.vbo-widget-commands-main .vbo-widget-command-chevron { | |
| 7373 | + margin-top: 4px; | |
| 7374 | +} | |
| 7375 | +.vbo-widget-commands-main .vbo-widget-command-chevron > span { | |
| 7376 | + display: inline-block; | |
| 7377 | + font-size: 14px; | |
| 7378 | + border: 1px solid var(--vbo-config-border-color); | |
| 7379 | + padding: 5px 10px; | |
| 7380 | + border-radius: 2px; | |
| 7381 | + background: var(--vbo-config-child-bg-color); | |
| 7382 | + cursor: pointer; | |
| 7383 | +} | |
| 7384 | + | |
| 7385 | +.vbo-dashboard-forecast-wrap h4 { | |
| 7386 | + padding: 23px 0px 22px 15px; | |
| 7387 | + margin-bottom: 20px; | |
| 7388 | + text-align: center; | |
| 7389 | + display: block; | |
| 7390 | +} | |
| 7391 | +.vbo-dash-chart-title .vbo-dash-chart-nav { | |
| 7392 | + display: inline-block; | |
| 7393 | + font-size: 14px; | |
| 7394 | + border: 1px solid #ddd; | |
| 7395 | + padding: 5px 10px; | |
| 7396 | + border-radius: 2px; | |
| 7397 | + background: #f6f6f6; | |
| 7398 | + cursor: pointer; | |
| 7399 | +} | |
| 7400 | +.vbo-dash-chart-title .vbo-dash-chart-nav:hover { | |
| 7401 | + background: #eee; | |
| 7402 | +} | |
| 7403 | +.vbo-dash-chart-title .vbo-dash-chart-nav i { | |
| 7404 | + margin-right: 0; | |
| 7405 | +} | |
| 7406 | +.vbo-admin-widget-wrapper .table > :not(:first-child), .vbo-admin-widget-wrapper .table > thead, .vbo-admin-widget-wrapper .table-responsive .table tr th { | |
| 7407 | + border: 0; | |
| 7408 | +} | |
| 7409 | +.vbo-admin-widget-wrapper h4 .arrivals-tot, .vbo-admin-widget-wrapper h4 .departures-tot { | |
| 7410 | + border: 1px solid var(--vbo-blue-color); | |
| 7411 | + display: inline-block; | |
| 7412 | + padding: 5px 8px; | |
| 7413 | + border-radius: 4px; | |
| 7414 | + text-transform: capitalize; | |
| 7415 | + font-size: 14px; | |
| 7416 | + margin-left: 7px; | |
| 7417 | + font-weight: bold; | |
| 7418 | + color: var(--vbo-blue-color); | |
| 7419 | + vertical-align: top; | |
| 7420 | + margin-top: -5px; | |
| 7421 | +} | |
| 7422 | +.vbo-admin-widget-wrapper h4 i { | |
| 7423 | + margin-right: 8px; | |
| 7424 | + font-size: 17px; | |
| 7425 | + color: var(--vbo-config-titles-color-light); | |
| 7426 | +} | |
| 7427 | +.vbo-dash-chart-title .vbo-dash-chart-nav i { | |
| 7428 | + margin-right: 0; | |
| 7429 | + font-size: 14px; | |
| 7430 | + vertical-align: initial; | |
| 7431 | +} | |
| 7432 | +.vbo-admin-widget-wrapper table thead tr:first-child th, | |
| 7433 | +.vbo-dashboard-rooms-locked .vbo-dashboard-rooms-locked-firstrow td { | |
| 7434 | + color: var(--vbo-config-titles-color-light); | |
| 7435 | + font-weight: bold; | |
| 7436 | + padding: 15px 15px; | |
| 7437 | + text-transform: uppercase; | |
| 7438 | +} | |
| 7439 | +.vbo-admin-widget-wrapper .table .searchable.center { | |
| 7440 | + white-space: inherit; | |
| 7441 | +} | |
| 7442 | +.vbo-admin-widget-wrapper .table td { | |
| 7443 | + padding: 11px 15px !important; | |
| 7444 | + border-top: 1px solid var(--vbo-basic-btn) !important; | |
| 7445 | + border-bottom: 0; | |
| 7446 | +} | |
| 7447 | +.vbo-dashboard-charts { | |
| 7448 | + width: 100%; | |
| 7449 | + display: inline-block; | |
| 7450 | + margin: 20px 0; | |
| 7451 | + padding: 15px 0; | |
| 7452 | + border-top:1px solid var(--vbo-config-border-color); | |
| 7453 | + border-bottom:1px solid var(--vbo-config-border-color); | |
| 7454 | +} | |
| 7455 | +.vbo-dashboard-charts-wrapper { | |
| 7456 | + margin: 0 auto 20px; | |
| 7457 | + padding: 18px; | |
| 7458 | + display: grid; | |
| 7459 | + grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); | |
| 7460 | +} | |
| 7461 | +.vbo-dashboard-chart-container { | |
| 7462 | + background: none repeat scroll 0 0 var(--vbo-config-bg-color); | |
| 7463 | + display: inline-block; | |
| 7464 | + margin: 8px; | |
| 7465 | + padding: 0; | |
| 7466 | + border-radius: 16px; | |
| 7467 | + border: 1px solid var(--vbo-basic-btn); | |
| 7468 | + box-shadow: 0 1.5px 4px rgba(0,0,0,.08); | |
| 7469 | +} | |
| 7470 | +.vbo-dashboard-chart-container .vbo-dashboard-chart-date { | |
| 7471 | + display: inline-block; | |
| 7472 | + font-size: 16px; | |
| 7473 | + font-weight: bold; | |
| 7474 | + padding: 20px 0 0; | |
| 7475 | + text-align: center; | |
| 7476 | + width: 100%; | |
| 7477 | + border-top-left-radius: 8px; | |
| 7478 | + border-top-right-radius: 8px; | |
| 7479 | +} | |
| 7480 | +.vbo-dashboard-chart-container .donutChart { | |
| 7481 | + display: block; | |
| 7482 | + margin: 0 auto; | |
| 7483 | + padding: 0 8px; | |
| 7484 | +} | |
| 7485 | +.vbo-dashboard-next-bookings-block { | |
| 7486 | + background: #fff; | |
| 7487 | + border-radius: 8px; | |
| 7488 | + box-shadow: 0 0 20px rgba(0,0,0,.1); | |
| 7489 | + margin: 0 28px 18px; | |
| 7490 | +} | |
| 7491 | +.vbo-table-search-cout { | |
| 7492 | + margin-bottom: 0 !important; | |
| 7493 | +} | |
| 7494 | +.vbo-admin-widget-wrapper { | |
| 7495 | + padding-bottom: 8px; | |
| 7496 | +} | |
| 7497 | +.vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid { | |
| 7498 | + display: inline-block; | |
| 7499 | + border-radius: 4px; | |
| 7500 | + border: 1px solid var(--vbo-base-color); | |
| 7501 | + padding: 3px 8px; | |
| 7502 | + color: var(--vbo-base-color); | |
| 7503 | +} | |
| 7504 | +.vbo-dashboard-today-checkout-rows td:first-child > a:hover, .vbo-dashboard-today-checkin-rows td:first-child > a:hover, a.vbo-bookingid:hover { | |
| 7505 | + text-decoration: none; | |
| 7506 | + background: var(--vbo-base-color-hover); | |
| 7507 | + color: #fff; | |
| 7508 | +} | |
| 7509 | +.vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td, .vbo-dashboard-today-checkout.table-responsive > .table > thead > tr > th, .vbo-dashboard-today-checkin.table-responsive > .table > thead > tr > th { | |
| 7510 | + white-space: initial; | |
| 7511 | +} | |
| 7512 | +.vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td:first-child, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td:first-child { | |
| 7513 | + word-break: inherit; | |
| 7514 | +} | |
| 7515 | +.vbo-dashboard-next-bookings .table { | |
| 7516 | + margin-bottom: 0; | |
| 7517 | +} | |
| 7518 | +.vbo-dashboard-next-bookings-block h4 { | |
| 7519 | + font-size: 20px; | |
| 7520 | + font-weight: bold; | |
| 7521 | + color: var(--vbo-config-title-color); | |
| 7522 | + border-top-right-radius: 16px; | |
| 7523 | + border-top-left-radius: 16px; | |
| 7524 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 7525 | + margin: 0; | |
| 7526 | + padding: 22px 15px; | |
| 7527 | +} | |
| 7528 | +.vbo-dashboard-next-bookings-block h4 i { | |
| 7529 | + margin-right: 15px; | |
| 7530 | +} | |
| 7531 | +.vbo-dashboard-refresh-container { | |
| 7532 | + margin: 20px 28px 0; | |
| 7533 | + float: right; | |
| 7534 | + border-radius: 40px; | |
| 7535 | + border: 1px solid var(--vbo-config-border-color); | |
| 7536 | + padding: 10px 20px; | |
| 7537 | +} | |
| 7538 | +.vbo-dashboard-refresh-container > span { | |
| 7539 | + display: inline-block; | |
| 7540 | + margin: 0 2px; | |
| 7541 | +} | |
| 7542 | +.vbo-dashboard-refresh-container .vbo-dashboard-refresh-head { | |
| 7543 | + font-size: 1.3em; | |
| 7544 | + padding: 10px 13px 7px 0; | |
| 7545 | + position: relative; | |
| 7546 | + text-align: center; | |
| 7547 | + display: inline-block; | |
| 7548 | + font-weight: bold; | |
| 7549 | +} | |
| 7550 | +.vbo-dashboard-refresh-container .vbo-dashboard-refresh-head .vbo-dashboard-refresh-label { | |
| 7551 | + display: inline-block; | |
| 7552 | + margin:0 8px 0 0; | |
| 7553 | + font-weight: normal; | |
| 7554 | +} | |
| 7555 | +.vbo-dashboard-refresh-play { | |
| 7556 | + color: var(--vbo-base-color); | |
| 7557 | + text-align: center; | |
| 7558 | + display: inline-block; | |
| 7559 | + position: relative; | |
| 7560 | + cursor: pointer; | |
| 7561 | +} | |
| 7562 | +.vbo-dashboard-refresh-play:after { | |
| 7563 | + content: "\25b6"; | |
| 7564 | + display: inline-block; | |
| 7565 | + border-radius: 50%; | |
| 7566 | + background: var(--vbo-config-bg-color); | |
| 7567 | + border: 1px solid var(--vbo-config-bg-color); | |
| 7568 | + height: 35px; | |
| 7569 | + line-height: 38px; | |
| 7570 | + padding: 0; | |
| 7571 | + width: 35px; | |
| 7572 | + font-size: 16px; | |
| 7573 | + box-shadow: 0 4px 10px rgba(0,0,0,.1); | |
| 7574 | + text-align: center; | |
| 7575 | +} | |
| 7576 | +.vbo-dashboard-refresh-stop { | |
| 7577 | + color: var(--vbo-base-color); | |
| 7578 | + text-align: center; | |
| 7579 | + display: inline-block; | |
| 7580 | + position: relative; | |
| 7581 | + cursor: pointer; | |
| 7582 | +} | |
| 7583 | +.vbo-dashboard-refresh-stop:after { | |
| 7584 | + content: "\25A0"; | |
| 7585 | + display: inline-block; | |
| 7586 | + border-radius: 50%; | |
| 7587 | + border: 1px solid var(--vbo-config-bg-color); | |
| 7588 | + background: var(--vbo-config-bg-color); | |
| 7589 | + height: 35px; | |
| 7590 | + line-height: 30px; | |
| 7591 | + padding: 0; | |
| 7592 | + width: 35px; | |
| 7593 | + font-size: 24px; | |
| 7594 | + box-shadow: 0 4px 10px rgba(0,0,0,.1); | |
| 7595 | + text-align: center; | |
| 7596 | +} | |
| 7597 | +.vbo-dashboard-refresh-play:hover:after, .vbo-dashboard-refresh-stop:hover:after { | |
| 7598 | + border: 1px solid var(--vbo-base-color); | |
| 7599 | +} | |
| 7600 | +.vbo-dashboard-rooms-locked-block { | |
| 7601 | + background: var(--vbo-config-bg-color); | |
| 7602 | + border-radius: 8px; | |
| 7603 | + box-shadow: 0 0 20px rgba(0,0,0,.1); | |
| 7604 | + margin: 0 28px 18px; | |
| 7605 | +} | |
| 7606 | +.vbo-dashboard-rooms-locked h4 { | |
| 7607 | + font-size: 22px; | |
| 7608 | + font-weight: normal; | |
| 7609 | + background: var(--vbo-config-child-bg-color); | |
| 7610 | + border-top-right-radius: 8px; | |
| 7611 | + border-top-left-radius: 8px; | |
| 7612 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 7613 | + text-transform: uppercase; | |
| 7614 | + margin: 0; | |
| 7615 | + padding: 22px 15px; | |
| 7616 | +} | |
| 7617 | +.vbo-dashboard-rooms-locked h4 i { | |
| 7618 | + margin-right: 0.25em; | |
| 7619 | +} | |
| 7620 | +.vbo-dashboard-rooms-locked h4 span { | |
| 7621 | + border: 1px solid #FF9326; | |
| 7622 | + display: inline-block; | |
| 7623 | + padding: 5px 8px; | |
| 7624 | + border-radius: 4px; | |
| 7625 | + text-transform: capitalize; | |
| 7626 | + font-size: 14px; | |
| 7627 | + margin-left: 7px; | |
| 7628 | + font-weight: bold; | |
| 7629 | + color: #FF9326; | |
| 7630 | + vertical-align: top; | |
| 7631 | + margin-top: -5px; | |
| 7632 | +} | |
| 7633 | +.vbo-dashboard-rooms-locked table { | |
| 7634 | + margin-bottom: 0; | |
| 7635 | +} | |
| 7636 | +.vbo-dashboard-rooms-locked-rows:nth-child(odd) { | |
| 7637 | + background: var(--vbo-config-child-bg-color); | |
| 7638 | +} | |
| 7639 | +.vbo-dashboard-today-occ-listcont { | |
| 7640 | + display: grid; | |
| 7641 | + padding: 10px; | |
| 7642 | + grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); | |
| 7643 | +} | |
| 7644 | +.vbo-dashboard-today-roomocc-rows td { | |
| 7645 | + background: transparent !important; | |
| 7646 | +} | |
| 7647 | +.vbo-admin-widgets-container-small .vbo-dashboard-today-occ-listcont { | |
| 7648 | + padding: 0; | |
| 7649 | + width: 100%; | |
| 7650 | +} | |
| 7651 | +.vbo-admin-widgets-container-small .vbo-admin-widget-head { | |
| 7652 | + display: inline-block; | |
| 7653 | + width: 100%; | |
| 7654 | +} | |
| 7655 | +.vbo-admin-widgets-container-small .vbo-admin-widget-head .btn-toolbar { | |
| 7656 | + width: 100%; | |
| 7657 | + box-sizing: border-box; | |
| 7658 | + margin: 0; | |
| 7659 | + text-align: right; | |
| 7660 | + padding-right: 15px; | |
| 7661 | +} | |
| 7662 | +.vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det { | |
| 7663 | + margin: 10px; | |
| 7664 | + background: var(--vbo-config-bg-color); | |
| 7665 | + border-radius: 10px; | |
| 7666 | + border: 1px solid var(--vbo-basic-btn); | |
| 7667 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 7668 | +} | |
| 7669 | +.vbo-dashboard-today-roomocc-row-checkout { | |
| 7670 | + display: flex; | |
| 7671 | + margin-left: auto; | |
| 7672 | + justify-content: end; | |
| 7673 | +} | |
| 7674 | +.vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-dt { | |
| 7675 | + align-self: center; | |
| 7676 | +} | |
| 7677 | +.vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-do .btn { | |
| 7678 | + padding: 5px 8px; | |
| 7679 | + margin-left: 5px; | |
| 7680 | +} | |
| 7681 | +.vbo-dashboard-today-roomocc-det-rname { | |
| 7682 | + display: inline-block; | |
| 7683 | + overflow: hidden; | |
| 7684 | + text-overflow: ellipsis; | |
| 7685 | + white-space: nowrap; | |
| 7686 | + vertical-align: middle; | |
| 7687 | + max-width: 82%; | |
| 7688 | +} | |
| 7689 | +.vbo-dashboard-today-occ-block { | |
| 7690 | + margin: 0 0 30px 0; | |
| 7691 | + padding: 0 0 30px 0; | |
| 7692 | + border-bottom:1px solid var(--vbo-config-border-color); | |
| 7693 | +} | |
| 7694 | +.vbo-dashboard-today-roomocc-firstrow { | |
| 7695 | + font-weight: bold; | |
| 7696 | + margin: 0; | |
| 7697 | +} | |
| 7698 | +.vbo-dashboard-today-occ { | |
| 7699 | + margin: 10px 30px; | |
| 7700 | +} | |
| 7701 | +.vbo-dashboard-today-occ .vbo-dashboard-today-occ-head h4 { | |
| 7702 | + font-size: 20px; | |
| 7703 | + font-weight: bold; | |
| 7704 | + color: var(--vbo-config-title-color); | |
| 7705 | + padding: 0 25px 0 0; | |
| 7706 | + position: relative; | |
| 7707 | + display: inline-block; | |
| 7708 | +} | |
| 7709 | +.vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] { | |
| 7710 | + border: 1px solid var(--vbo-config-border-color); | |
| 7711 | + border-radius: 2px; | |
| 7712 | + padding: 8px 10px; | |
| 7713 | + margin-bottom: 0; | |
| 7714 | + box-sizing: border-box; | |
| 7715 | + height: auto; | |
| 7716 | +} | |
| 7717 | +.vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn { | |
| 7718 | + padding: 8px 10px; | |
| 7719 | + border-radius: 0 2px 2px 0; | |
| 7720 | + border: 1px solid var(--vbo-config-border-color); | |
| 7721 | +} | |
| 7722 | +.vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn i { | |
| 7723 | + margin-right: 0; | |
| 7724 | +} | |
| 7725 | +.vbo-dashboard-today-roomocc-det > h5 { | |
| 7726 | + font-weight: bold; | |
| 7727 | + padding: 15px; | |
| 7728 | + margin: 0; | |
| 7729 | + font-size: 1.1em; | |
| 7730 | + text-align: left; | |
| 7731 | + border-top-right-radius: 16px; | |
| 7732 | + border-top-left-radius: 16px; | |
| 7733 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 7734 | +} | |
| 7735 | +.vbo-dashboard-today-roomocc-firstrow th { | |
| 7736 | + background: var(--vbo-config-bg-color); | |
| 7737 | + font-weight: bold; | |
| 7738 | + font-size: 12px; | |
| 7739 | + padding: 15px 15px !important; | |
| 7740 | + text-transform: uppercase; | |
| 7741 | + color: var(--vbo-config-titles-color-light); | |
| 7742 | +} | |
| 7743 | +.vbo-dashboard-today-roomocc-firstrow th.left { | |
| 7744 | + white-space: nowrap; | |
| 7745 | +} | |
| 7746 | +.vbo-dashboard-today-roomocc-rows td { | |
| 7747 | + padding: 11px 15px !important; | |
| 7748 | +} | |
| 7749 | +.vbo-dashboard-today-roomocc-rows td .vbo-country-flag { | |
| 7750 | + width: 15px; | |
| 7751 | +} | |
| 7752 | +.vbo-dashboard-today-roomocc-rows td.left a { | |
| 7753 | + font-weight: bold; | |
| 7754 | + color: var(--vbo-config-title-color); | |
| 7755 | +} | |
| 7756 | +.vbo-dashboard-today-roomocc-rows td.left a:hover { | |
| 7757 | + color: var(--vbo-base-color); | |
| 7758 | +} | |
| 7759 | +.vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto { | |
| 7760 | + display: inline-block; | |
| 7761 | + border-radius: 6px; | |
| 7762 | + padding: 2px 7px; | |
| 7763 | + margin-top: -5px; | |
| 7764 | + margin-left: 10px; | |
| 7765 | + float: right; | |
| 7766 | +} | |
| 7767 | +.vbo-roomocc-units-free { | |
| 7768 | + background: #e5ffd6; | |
| 7769 | + border: 1px solid #8fd569; | |
| 7770 | + color: #639448; | |
| 7771 | +} | |
| 7772 | +.vbo-roomocc-units-half { | |
| 7773 | + color: #a88706; | |
| 7774 | + background: #fff6a9; | |
| 7775 | + border: 1px solid #e1c903; | |
| 7776 | +} | |
| 7777 | +.vbo-roomocc-units-threefourth { | |
| 7778 | + background: #ffdfbe; | |
| 7779 | + border: 1px solid #ffbd79; | |
| 7780 | + color: #e27300; | |
| 7781 | +} | |
| 7782 | +.vbo-roomocc-units-full { | |
| 7783 | + background: #ffdbd3; | |
| 7784 | + border: 1px solid #ffa7a7; | |
| 7785 | + color: #d44b2d; | |
| 7786 | +} | |
| 7787 | +.vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span { | |
| 7788 | + display: inline-block; | |
| 7789 | + text-align: center; | |
| 7790 | + border-radius: 4px; | |
| 7791 | + padding: 2px 0; | |
| 7792 | +} | |
| 7793 | +.vbo-dashboard-today-roomocc-customers.table-responsive { | |
| 7794 | + height: 200px; | |
| 7795 | + overflow-y: scroll; | |
| 7796 | + width: 100%; | |
| 7797 | +} | |
| 7798 | +.vbo-dashboard-today-roomocc-customers.table-responsive > .table > tbody > tr > td { | |
| 7799 | + white-space: normal; | |
| 7800 | + vertical-align: middle; | |
| 7801 | +} | |
| 7802 | +th.vbo-tdright, td.vbo-tdright { | |
| 7803 | + text-align: right !important; | |
| 7804 | +} | |
| 7805 | +th.vbo-tdright, td.vbo-tdright .btn { | |
| 7806 | + white-space: nowrap; | |
| 7807 | +} | |
| 7808 | +.vbo-table-search-cin tr[visible='false'], .vbo-table-search-cout tr[visible='false'], .vbo-table-search-today tr[visible='false'], .no-results { | |
| 7809 | + display: none; | |
| 7810 | +} | |
| 7811 | +.vbo-table-search-cin tr[visible='true'], .vbo-table-search-cout tr[visible='true'], .vbo-table-search-today tr[visible='true'] { | |
| 7812 | + display: table-row; | |
| 7813 | +} | |
| 7814 | +tr.no-results > td { | |
| 7815 | + background-color: #fcf8e3; | |
| 7816 | +} | |
| 7817 | +.hidden-for-search { | |
| 7818 | + display: none; | |
| 7819 | +} | |
| 7820 | +.vbo-info-overlay-content-orphans > h3 > i { | |
| 7821 | + color: var(--vbo-red-color); | |
| 7822 | +} | |
| 7823 | +.vbo-info-overlay-content-orphans .vbo-orphans-info-list { | |
| 7824 | + display: grid; | |
| 7825 | + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |
| 7826 | +} | |
| 7827 | +.vbo-info-overlay-content-orphans .vbo-orphans-info-room { | |
| 7828 | + margin: 5px; | |
| 7829 | + border-radius: 10px; | |
| 7830 | + border: 1px solid var(--vbo-config-border-color); | |
| 7831 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 7832 | + display: flex; | |
| 7833 | + flex-wrap: wrap; | |
| 7834 | + flex-direction: column; | |
| 7835 | +} | |
| 7836 | +.vbo-info-overlay-content-orphans .vbo-orphans-info-room:hover { | |
| 7837 | + border-color: var(--vbo-base-color); | |
| 7838 | +} | |
| 7839 | +.vbo-info-overlay-content-orphans .vbo-orphans-info-room h4 { | |
| 7840 | + margin: 0 0 5px; | |
| 7841 | + padding: 10px; | |
| 7842 | + font-size: 1.1em; | |
| 7843 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 7844 | +} | |
| 7845 | +.vbo-info-overlay-content-orphans .vbo-orphans-info-dates { | |
| 7846 | + margin-bottom: 10px; | |
| 7847 | + max-height: 150px; | |
| 7848 | + overflow: hidden; | |
| 7849 | + overflow-y: scroll; | |
| 7850 | + padding: 10px; | |
| 7851 | +} | |
| 7852 | +.vbo-info-overlay-content-orphans .vbo-orphans-info-list { | |
| 7853 | + margin-top: 10px; | |
| 7854 | +} | |
| 7855 | +.vbo-info-overlay-content-orphans .vbo-orphans-info-btn { | |
| 7856 | + margin-top: auto; | |
| 7857 | + text-align: center; | |
| 7858 | + padding: 0 10px 10px; | |
| 7859 | +} | |
| 7860 | +.vbo-info-overlay-content-orphans .vbo-orphans-info-cmds { | |
| 7861 | + text-align: center; | |
| 7862 | + margin-top: 20px; | |
| 7863 | +} | |
| 7864 | +.vbo-info-overlay-content-orphans .vbo-orphans-info-cmds > div { | |
| 7865 | + display: inline-block; | |
| 7866 | + margin: 5px; | |
| 7867 | +} | |
| 7868 | +.vbo-center { | |
| 7869 | + text-align: center; | |
| 7870 | +} | |
| 7871 | +.vbo-enormous-icn { | |
| 7872 | + font-size: 100px; | |
| 7873 | +} | |
| 7874 | +.vbo-list-table { | |
| 7875 | + margin-top: 15px; | |
| 7876 | +} | |
| 7877 | +.vbo-bookingslist-table thead, .vbo-list-table thead { | |
| 7878 | + background: var(--vbo-config-bg-color); | |
| 7879 | +} | |
| 7880 | +.vbo-bookingslist-table thead th, .vbo-list-table thead th { | |
| 7881 | + padding: 18px 10px; | |
| 7882 | + text-transform: uppercase; | |
| 7883 | + font-size: 12px; | |
| 7884 | + color: var(--vbo-config-titles-color-light); | |
| 7885 | +} | |
| 7886 | +.vbo-bookingslist-table tbody > tr > td, .vbo-bookingslist-table tbody > tr > th, .vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th { | |
| 7887 | + background: var(--vbo-config-bg-color) !important; | |
| 7888 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 7889 | +} | |
| 7890 | +.vbo-bookingslist-table tbody > tr:hover td, .vbo-list-table tbody > tr:hover td { | |
| 7891 | + background: var(--vbo-config-child-bg-color) !important; | |
| 7892 | +} | |
| 7893 | +.vbo-bookingslist-table tbody > tr:last-child td { | |
| 7894 | + padding-bottom: 30px; | |
| 7895 | + vertical-align: top; | |
| 7896 | +} | |
| 7897 | +/* Dashboard - End */ | |
| 7898 | +span.label { | |
| 7899 | + padding:3px 6px !important; | |
| 7900 | +} | |
| 7901 | +.vbo-export-customer-entry { | |
| 7902 | + display: block; | |
| 7903 | + margin: 10px 0; | |
| 7904 | +} | |
| 7905 | +.vbo-export-customer-entry span label { | |
| 7906 | + display: inline-block; | |
| 7907 | + margin: 0; | |
| 7908 | + min-width: 185px; | |
| 7909 | +} | |
| 7910 | +/* Calendar - Start */ | |
| 7911 | +.vbo-quickres-wrapper { | |
| 7912 | + display: block; | |
| 7913 | + float: left; | |
| 7914 | + width: 48%; | |
| 7915 | +} | |
| 7916 | +.vbo-quickres-head { | |
| 7917 | + margin: 0 0 10px; | |
| 7918 | + width: 100%; | |
| 7919 | + display: inline-block; | |
| 7920 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 7921 | + padding-bottom: 10px; | |
| 7922 | +} | |
| 7923 | +.vbo-quickres-head h4 { | |
| 7924 | + display: inline-block; | |
| 7925 | + font-size: 13px; | |
| 7926 | + font-weight: bold; | |
| 7927 | + text-transform: uppercase; | |
| 7928 | +} | |
| 7929 | +.vbo-quickres-head .vbo-quickres-head-right { | |
| 7930 | + display: inline-block; | |
| 7931 | + float: right; | |
| 7932 | +} | |
| 7933 | +.vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single, | |
| 7934 | +.vbo-editbooking-room-switch .select2-selection--single { | |
| 7935 | + font-weight: normal; | |
| 7936 | + font-size: 14px !important; | |
| 7937 | + height: 36px !important; | |
| 7938 | + border: 1px solid var(--vbo-config-border-color) !important; | |
| 7939 | + border-radius: var(--vbo-field-radius) !important; | |
| 7940 | +} | |
| 7941 | +.vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__arrow, | |
| 7942 | +.vbo-btn-toolbar .select2-container--default .select2-selection--single .select2-selection__arrow, .vbo-editbooking-room-switch .select2-container--default .select2-selection--single .select2-selection__arrow { | |
| 7943 | + height: 36px; | |
| 7944 | +} | |
| 7945 | +.select2-dropdown { | |
| 7946 | + background: var(--vbo-config-bg-color); | |
| 7947 | + border: 1px solid var(--vbo-config-border-color) !important; | |
| 7948 | +} | |
| 7949 | +.vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__rendered, | |
| 7950 | +.vbo-btn-toolbar .select2-container--default .select2-selection--single .select2-selection__rendered, .vbo-editbooking-room-switch .select2-container--default .select2-selection--single .select2-selection__rendered { | |
| 7951 | + line-height: 36px; | |
| 7952 | +} | |
| 7953 | +.vbo-quickres-head .vbo-quickres-head-right form { | |
| 7954 | + margin-top: 5px; | |
| 7955 | + margin-bottom: 0; | |
| 7956 | +} | |
| 7957 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline { | |
| 7958 | + display: inline-block; | |
| 7959 | + margin: 8px 0 0 20px; | |
| 7960 | + vertical-align: top; | |
| 7961 | +} | |
| 7962 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top { | |
| 7963 | + margin-bottom: 5px; | |
| 7964 | +} | |
| 7965 | +.vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select, .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input { | |
| 7966 | + margin-bottom: 5px; | |
| 7967 | +} | |
| 7968 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-quickres-aduchi-inlbl { | |
| 7969 | + display: inline-block; | |
| 7970 | + margin: 9px 5px 0 0; | |
| 7971 | +} | |
| 7972 | +.vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap:first-child { | |
| 7973 | + margin-right: 5px; | |
| 7974 | +} | |
| 7975 | + | |
| 7976 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .js-editor-tinymce iframe { | |
| 7977 | + height: 350px !important; | |
| 7978 | +} | |
| 7979 | +.vbo-admin-container .vbo-param-container .vbo-param-setting textarea[name="shortdescr"] { | |
| 7980 | + width: 100% !important; | |
| 7981 | +} | |
| 7982 | +.vbo-admin-container .vbo-param-container .vbo-param-setting #customfchoose .vbo-customf-sel-added { | |
| 7983 | + margin: 5px 0; | |
| 7984 | +} | |
| 7985 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-smstpl-bgroup button:hover { | |
| 7986 | + border: 1px solid var(--vbo-base-color); | |
| 7987 | +} | |
| 7988 | +.vbo-params-fieldset .vbo-params-block .vbo-params-fieldset:first-child { | |
| 7989 | + margin-top: 15px; | |
| 7990 | +} | |
| 7991 | +.vbo-params-fieldset-label { | |
| 7992 | + font-weight: bold; | |
| 7993 | + margin-bottom: 5px; | |
| 7994 | +} | |
| 7995 | +.vbo-params-fieldset-label .label.label-success { | |
| 7996 | + font-size: 13px; | |
| 7997 | + display: inline-block; | |
| 7998 | + font-weight: 500; | |
| 7999 | + line-height: initial; | |
| 8000 | +} | |
| 8001 | +.vbo-params-fieldset-label .label.label-success i { | |
| 8002 | + margin-right: 3px; | |
| 8003 | +} | |
| 8004 | +textarea.vbo-textarea-copyable { | |
| 8005 | + width: 0 !important; | |
| 8006 | + height: 0 !important; | |
| 8007 | + opacity: 0 !important; | |
| 8008 | + min-height: 0 !important; | |
| 8009 | + padding: 0 !important; | |
| 8010 | + float: right; | |
| 8011 | + cursor: default; | |
| 8012 | +} | |
| 8013 | +.vbo-params-block { | |
| 8014 | + border: 1px solid var(--vbo-input-style-nested-deactive); | |
| 8015 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 8016 | + border-radius: 10px; | |
| 8017 | + padding: 0 20px 10px; | |
| 8018 | + margin-bottom: 20px; | |
| 8019 | +} | |
| 8020 | +.vbo-params-block-nested { | |
| 8021 | + padding: 10px; | |
| 8022 | + margin: 10px 0 10px 10px; | |
| 8023 | + border-radius: 6px; | |
| 8024 | + background: var(--vbo-config-bg-color); | |
| 8025 | +} | |
| 8026 | +.vbo-param-container:not(.vbo-param-container-tmp-disabled) .vbo-param-setting input.vbo-input-validation:invalid:not(:placeholder-shown) { | |
| 8027 | + background: rgba(255, 143, 143, 0.60) !important; | |
| 8028 | + border-color: #900; | |
| 8029 | +} | |
| 8030 | +.vbo-params-block > .vbo-param-container:first-child .vbo-param-label { | |
| 8031 | + align-self: center; | |
| 8032 | +} | |
| 8033 | +.vbo-params-block:not(.vbo-params-block-noborder) .vbo-param-container { | |
| 8034 | + border-top: 1px solid var(--vbo-main-bg-color); | |
| 8035 | +} | |
| 8036 | +.vbo-params-block .vbo-param-container { | |
| 8037 | + padding: 10px 0px; | |
| 8038 | +} | |
| 8039 | +.vbo-params-block .vbo-param-container-legend { | |
| 8040 | + border-top: 0; | |
| 8041 | +} | |
| 8042 | +.vbo-params-block .vbo-param-container-legend .vbo-param-label { | |
| 8043 | + font-weight: bold; | |
| 8044 | + margin-bottom: 0; | |
| 8045 | +} | |
| 8046 | +.vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-of-type, .vbo-params-block > .vbo-param-container:first-of-type { | |
| 8047 | + border-top: 0; | |
| 8048 | +} | |
| 8049 | +.vbo-params-block > .vbo-param-container:only-child { | |
| 8050 | + margin-bottom: 0; | |
| 8051 | + margin-top: 10px; | |
| 8052 | +} | |
| 8053 | +.vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested { | |
| 8054 | + background: var(--vbo-config-bg-color); | |
| 8055 | + border-top: 1px solid var(--vbo-main-bg-color); | |
| 8056 | +} | |
| 8057 | +.vbo-param-container .vbo-param-setting .vbo-param-setting-radio { | |
| 8058 | + display: flex; | |
| 8059 | + gap: 10px; | |
| 8060 | +} | |
| 8061 | +.vbo-param-container .vbo-param-setting .vbo-param-setting-radio > div { | |
| 8062 | + flex: 1; | |
| 8063 | + padding: 10px; | |
| 8064 | + border-radius: var(--vbo-field-radius); | |
| 8065 | + border: 1px solid var(--vbo-config-border-color); | |
| 8066 | + display: flex; | |
| 8067 | + align-items: center; | |
| 8068 | + gap: 8px; | |
| 8069 | +} | |
| 8070 | +.vbo-param-container .vbo-param-setting .vbo-param-setting-radio > div[data-checked="1"] { | |
| 8071 | + border-color: var(--vbo-info-border); | |
| 8072 | + background: var(--vbo-light-blue); | |
| 8073 | +} | |
| 8074 | +.vbo-param-container .vbo-param-setting .vbo-param-setting-radio input { | |
| 8075 | + margin: 0; | |
| 8076 | +} | |
| 8077 | +.vbo-param-container .vbo-param-setting .vbo-param-setting-radio label { | |
| 8078 | + display: flex; | |
| 8079 | + align-items: center; | |
| 8080 | + gap: 6px; | |
| 8081 | + cursor: pointer; | |
| 8082 | +} | |
| 8083 | +.vbo-param-container .vbo-param-setting .vbo-param-setting-radio label i { | |
| 8084 | + color: var(--vbo-config-text-color-light); | |
| 8085 | +} | |
| 8086 | +.vbo-cal-splitstay-details { | |
| 8087 | + display: inline-block; | |
| 8088 | + border-radius: 10px; | |
| 8089 | + border: 1px solid var(--vbo-basic-btn); | |
| 8090 | + min-width: 400px; | |
| 8091 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 8092 | +} | |
| 8093 | +.vbo-cal-splitstay-details > div { | |
| 8094 | + display: grid; | |
| 8095 | + grid-template-columns: repeat(2, 1fr); | |
| 8096 | +} | |
| 8097 | +.vbo-cal-splitstay-details > div > span { | |
| 8098 | + padding: 8px 14px; | |
| 8099 | + display: inline-block; | |
| 8100 | +} | |
| 8101 | +.vbo-cal-splitstay-details > div > span i { | |
| 8102 | + margin-right: 3px; | |
| 8103 | + color: var(--vbo-config-text-color-light); | |
| 8104 | +} | |
| 8105 | +.vbo-cal-splitstay-details .vbo-cal-splitstay-room .vbo-cal-splitstay-room-name, .vbo-cal-splitstay-details .vbo-cal-splitstay-dates .vbo-cal-splitstay-dates-in { | |
| 8106 | + border-right: 1px solid var(--vbo-basic-btn); | |
| 8107 | +} | |
| 8108 | +.vbo-bookdet-splitstay-details.vbo-bookdet-roomdatesmod-details > div > span i { | |
| 8109 | + color: var(--vbo-red-color); | |
| 8110 | +} | |
| 8111 | +#vbo-geo-map .gm-style .gm-style-iw-c { | |
| 8112 | + background: var(--vbo-config-bg-color); | |
| 8113 | +} | |
| 8114 | +#vbo-website-rates-cont .vbo-cal-wbrate-wrap, .vbo-website-rates-cont .vbo-cal-wbrate-wrap { | |
| 8115 | + display: inline-block; | |
| 8116 | +} | |
| 8117 | +#vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover { | |
| 8118 | + cursor: pointer; | |
| 8119 | +} | |
| 8120 | +#vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner { | |
| 8121 | + text-align: center; | |
| 8122 | + padding: 10px 15px; | |
| 8123 | + margin: 5px; | |
| 8124 | + border: 1px solid var(--vbo-config-border-color); | |
| 8125 | + border-radius: 2px; | |
| 8126 | + position: relative; | |
| 8127 | +} | |
| 8128 | +#vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner { | |
| 8129 | + border-color: var(--vbo-base-color); | |
| 8130 | +} | |
| 8131 | +#vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner:before, .vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner:before { | |
| 8132 | + position: absolute; | |
| 8133 | + content: ""; | |
| 8134 | + width: 10px; | |
| 8135 | + height: 10px; | |
| 8136 | + top: -6px; | |
| 8137 | + left: -7px; | |
| 8138 | + border: 2px solid var(--vbo-config-bg-color); | |
| 8139 | + background-color: var(--vbo-base-color); | |
| 8140 | + border-radius: 50%; | |
| 8141 | +} | |
| 8142 | +#vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner > span, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner > span { | |
| 8143 | + display: block; | |
| 8144 | +} | |
| 8145 | +#vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost { | |
| 8146 | + font-weight: bold; | |
| 8147 | + font-size: 1.2em; | |
| 8148 | +} | |
| 8149 | +#vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-cost, #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover .vbo-cal-wbrate-cost { | |
| 8150 | + color: var(--vbo-base-color); | |
| 8151 | +} | |
| 8152 | +.vbo-avcalendars-wrapper { | |
| 8153 | + text-align: center; | |
| 8154 | + border: 1px solid var(--vbo-config-border-color); | |
| 8155 | + background: var(--vbo-config-bg-color); | |
| 8156 | + padding: 10px 10px 20px 10px; | |
| 8157 | + margin-top: 20px; | |
| 8158 | + border-radius: 6px; | |
| 8159 | +} | |
| 8160 | +.vbo-avcalendars-roomphoto { | |
| 8161 | + display: block; | |
| 8162 | + text-align: center; | |
| 8163 | + margin: 5px 0 15px; | |
| 8164 | +} | |
| 8165 | +.vbo-avcalendars-roomphoto img { | |
| 8166 | + border-radius: 2px; | |
| 8167 | + max-height: 250px; | |
| 8168 | + border-radius: 4px; | |
| 8169 | +} | |
| 8170 | +.vbo-calendar-cfields-filler .vbo-calendar-cfields-topcont { | |
| 8171 | + margin-bottom: 10px; | |
| 8172 | + margin-bottom: 5px; | |
| 8173 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 8174 | + padding-bottom: 10px; | |
| 8175 | +} | |
| 8176 | +.vbo-calendar-cfields-topcont .vbo-calendar-cfields-search { | |
| 8177 | + display: inline-block; | |
| 8178 | + margin-right: 10px; | |
| 8179 | + position: relative; | |
| 8180 | +} | |
| 8181 | +.vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label { | |
| 8182 | + margin-bottom: 5px; | |
| 8183 | + font-weight: bold; | |
| 8184 | +} | |
| 8185 | +.vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust { | |
| 8186 | + width: auto !important; | |
| 8187 | +} | |
| 8188 | +.vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust-loading, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust-loading { | |
| 8189 | + float: right; | |
| 8190 | + margin-left: 5px; | |
| 8191 | + margin-top: 10px; | |
| 8192 | +} | |
| 8193 | +.vbo-calendar-cfields-inner { | |
| 8194 | + display: grid; | |
| 8195 | + grid-template-columns: repeat(2, auto); | |
| 8196 | + gap: 10px 50px; | |
| 8197 | + width: 100%; | |
| 8198 | + padding: 5px 0; | |
| 8199 | +} | |
| 8200 | +.vbo-calendar-cfields-bottom { | |
| 8201 | + margin: 10px 0 15px 0; | |
| 8202 | +} | |
| 8203 | +.vbo-calendar-cfields-bottom .btn { | |
| 8204 | + border: 1px solid var(--vbo-config-border-color); | |
| 8205 | + border-radius: 2px; | |
| 8206 | + padding: 10px 14px; | |
| 8207 | + margin-bottom: 0; | |
| 8208 | +} | |
| 8209 | +.vbo-calendar-cfields-bottom .btn i { | |
| 8210 | + margin-right: 5px; | |
| 8211 | +} | |
| 8212 | +.vbo-calendar-cfields-bottom .btn-success { | |
| 8213 | + border: 1px solid var(--vbo-green-color); | |
| 8214 | +} | |
| 8215 | +.vbo-calendar-cfields-bottom .btn-success i { | |
| 8216 | + margin-right: 6px; | |
| 8217 | +} | |
| 8218 | +.vbo-calendar-cfields-bottom .icon-edit::before { | |
| 8219 | + color: #fff; | |
| 8220 | +} | |
| 8221 | +.vbo-calendar-cfields-filler .vbo-calendar-cfield-entry { | |
| 8222 | + display: inline-block; | |
| 8223 | +} | |
| 8224 | +.vbo-calendar-cfields-filler .vbo-calendar-cfield-entry > span { | |
| 8225 | + width: 100%; | |
| 8226 | + display: inline-block; | |
| 8227 | +} | |
| 8228 | +.vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select { | |
| 8229 | + max-width: 100%; | |
| 8230 | +} | |
| 8231 | +.vbo-calendar-cfield-entry input[type="number"], .vbo-calendar-cfield-entry input[type="text"], .vbo-calendar-cfield-entry textarea { | |
| 8232 | + border: 1px solid var(--vbo-config-border-color); | |
| 8233 | + border-radius: var(--vbo-field-radius); | |
| 8234 | + padding: 5px 10px; | |
| 8235 | + margin-bottom: 0; | |
| 8236 | + width: 100% !important; | |
| 8237 | + box-sizing: border-box; | |
| 8238 | + height: auto; | |
| 8239 | +} | |
| 8240 | +.vbo-calendar-cfields-filler input:focus, .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry textarea:focus { | |
| 8241 | + background-color: var(--vbo-input-style-deactive); | |
| 8242 | +} | |
| 8243 | +.vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select { | |
| 8244 | + border-radius: var(--vbo-field-radius); | |
| 8245 | + background-color: var(--vbo-config-bg-color); | |
| 8246 | + border: 1px solid var(--vbo-input-style); | |
| 8247 | + padding: 5px 10px; | |
| 8248 | + height: inherit; | |
| 8249 | + width: 100% !important; | |
| 8250 | +} | |
| 8251 | +.vbo-assign-customer { | |
| 8252 | + cursor: pointer; | |
| 8253 | + background: var(--vbo-config-bg-color); | |
| 8254 | + color: var(--vbo-base-color); | |
| 8255 | + border-radius: 3px; | |
| 8256 | + display: flex; | |
| 8257 | + align-items: center; | |
| 8258 | + gap: 5px; | |
| 8259 | + width: fit-content; | |
| 8260 | + font-weight: bold; | |
| 8261 | + border: 1px solid var(--vbo-base-color); | |
| 8262 | +} | |
| 8263 | +.vbo-assign-customer > i { | |
| 8264 | + background: var(--vbo-base-color); | |
| 8265 | + color: var(--vbo-config-bg-color); | |
| 8266 | + padding: 8px 10px; | |
| 8267 | + font-size: 18px; | |
| 8268 | +} | |
| 8269 | +.vbo-assign-customer > span { | |
| 8270 | + padding: 0 8px 0 3px; | |
| 8271 | + display: inline-block; | |
| 8272 | + vertical-align: middle; | |
| 8273 | +} | |
| 8274 | +.vbo-assign-customer:hover { | |
| 8275 | + background: var(--vbo-base-color); | |
| 8276 | + color: #fff; | |
| 8277 | +} | |
| 8278 | +.vbo-assign-customer:active, .vbo-assign-customer:active > i { | |
| 8279 | + background: var(--vbo-base-color-hover); | |
| 8280 | +} | |
| 8281 | +#vbfillcustfields .icon-edit::before { | |
| 8282 | + color: #fff; | |
| 8283 | + font-weight: normal; | |
| 8284 | +} | |
| 8285 | +#quickbsubmit i:before { | |
| 8286 | + color: #fff; | |
| 8287 | +} | |
| 8288 | +#vbspanbstat strong { | |
| 8289 | + display: inline-block; | |
| 8290 | + min-width: 125px; | |
| 8291 | +} | |
| 8292 | +#vbspanbpay strong { | |
| 8293 | + display: inline-block; | |
| 8294 | + min-width: 125px; | |
| 8295 | +} | |
| 8296 | +#vbspancmail strong { | |
| 8297 | + display: inline-block; | |
| 8298 | + min-width: 125px; | |
| 8299 | +} | |
| 8300 | +#vbo-highlight-cfields mark { | |
| 8301 | + padding: 0 3px; | |
| 8302 | + margin: -1px -4px; | |
| 8303 | + border-radius: 0.5em; | |
| 8304 | +} | |
| 8305 | +.vbo-calendar-cfield-entry label { | |
| 8306 | + display: block; | |
| 8307 | + font-weight: bold; | |
| 8308 | + color: var(--vbo-config-titles-color-light); | |
| 8309 | + margin-bottom: 4px; | |
| 8310 | +} | |
| 8311 | +#vbo-searchcust-loading, .vbo-searchcust-loading { | |
| 8312 | + display: none; | |
| 8313 | +} | |
| 8314 | +#vbo-searchcust-res, .vbo-searchcust-res { | |
| 8315 | + position: absolute; | |
| 8316 | + z-index: 2; | |
| 8317 | + width: 100%; | |
| 8318 | + max-width: 300px; | |
| 8319 | +} | |
| 8320 | +.vbo-bookingdet-admin-entry #vbo-searchcust-res, .vbo-bookingdet-admin-entry .vbo-searchcust-res { | |
| 8321 | + width: 90%; | |
| 8322 | +} | |
| 8323 | +#vbo-searchcust-res .vbo-custsearchres-inner, .vbo-searchcust-res .vbo-custsearchres-inner { | |
| 8324 | + list-style: none; | |
| 8325 | + text-align: left; | |
| 8326 | + padding: 0; | |
| 8327 | + margin: 0 0 0 -1px; | |
| 8328 | + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); | |
| 8329 | + background-color: var(--vbo-config-bg-color); | |
| 8330 | + border: 1px solid var(--vbo-config-border-color); | |
| 8331 | + white-space: nowrap; | |
| 8332 | + max-height: 200px; | |
| 8333 | + width: 100%; | |
| 8334 | + overflow-y: scroll; | |
| 8335 | +} | |
| 8336 | +.vbo-custsearchres-entry, .vbo-widget-custsearchres-entry { | |
| 8337 | + padding: 6px 10px; | |
| 8338 | + outline: none; | |
| 8339 | + cursor: pointer; | |
| 8340 | +} | |
| 8341 | +.vbo-custsearchres-entry-highligthed, .vbo-widget-custsearchres-entry-highligthed { | |
| 8342 | + background: rgba(0,0,0,0.05); | |
| 8343 | +} | |
| 8344 | +.vbo-custsearchres-entry .vbo-custsearchres-cflag, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag { | |
| 8345 | + margin-right: 8px; | |
| 8346 | + display: inline-block; | |
| 8347 | + vertical-align: top; | |
| 8348 | +} | |
| 8349 | +.vbo-custsearchres-entry .vbo-custsearchres-cflag img, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag img { | |
| 8350 | + display: inline-block; | |
| 8351 | + vertical-align: top; | |
| 8352 | +} | |
| 8353 | +#vbo-searchcust-res .vbo-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-custsearchres-entry:last-child, | |
| 8354 | +#vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child { | |
| 8355 | + border-bottom-right-radius: 4px; | |
| 8356 | + border-bottom-left-radius: 4px; | |
| 8357 | +} | |
| 8358 | +.vbo-custsearchres-name { | |
| 8359 | + display: inline-block; | |
| 8360 | + min-width: 130px; | |
| 8361 | +} | |
| 8362 | +.vbo-custsearchres-entry span, .vbo-widget-custsearchres-entry span { | |
| 8363 | + margin-right: 5px; | |
| 8364 | +} | |
| 8365 | +/* Calendar - End */ | |
| 8366 | +/* Outer Info message - Start */ | |
| 8367 | +.vbo-outer-info-message { | |
| 8368 | + border: 2px solid var(--vbo-base-color); | |
| 8369 | + border-radius: 4px; | |
| 8370 | + padding: 5px; | |
| 8371 | + margin-bottom: 10px; | |
| 8372 | + cursor: pointer; | |
| 8373 | +} | |
| 8374 | +.vbo-outer-info-message .vboicn-info { | |
| 8375 | + margin-right: 5px; | |
| 8376 | + font-size: 16px; | |
| 8377 | + color: var(--vbo-base-color); | |
| 8378 | +} | |
| 8379 | +.vbo-outer-info-message span { | |
| 8380 | + display: inline-block; | |
| 8381 | + vertical-align: top; | |
| 8382 | +} | |
| 8383 | +.vbo-info-message-cont { | |
| 8384 | + padding: 5px; | |
| 8385 | + font-weight: bold; | |
| 8386 | +} | |
| 8387 | +.vbo-dyninpnum-cont input[type="number"], | |
| 8388 | +#vbjstotnights input[type="number"] { | |
| 8389 | + width: 100px !important; | |
| 8390 | +} | |
| 8391 | +.vbo-dyninpnum-cont select { | |
| 8392 | + max-width: 130px; | |
| 8393 | +} | |
| 8394 | +/* Outer Info message - End */ | |
| 8395 | +.vbo-country-flag-left { | |
| 8396 | + float: left; | |
| 8397 | + margin: 0 5px 0 0; | |
| 8398 | +} | |
| 8399 | +.vbo-country-flag { | |
| 8400 | + width: 16px; | |
| 8401 | + height: 16px; | |
| 8402 | + object-fit: cover; | |
| 8403 | + border-radius: 50%; | |
| 8404 | +} | |
| 8405 | +.vbo-country-flag.vbo-customer-avatar-flag { | |
| 8406 | + border-radius: 50%; | |
| 8407 | +} | |
| 8408 | +.vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img { | |
| 8409 | + object-fit: cover; | |
| 8410 | +} | |
| 8411 | +.vbo-roomentries-cont { | |
| 8412 | + float: left; | |
| 8413 | + display: inline-block; | |
| 8414 | + margin: 0 15px 0 2px; | |
| 8415 | + width: 204px; | |
| 8416 | + height: auto; | |
| 8417 | + overflow: hidden; | |
| 8418 | +} | |
| 8419 | +.vbo-roomentry-cont { | |
| 8420 | + display: block; | |
| 8421 | + margin: 5px 0; | |
| 8422 | +} | |
| 8423 | +.vbo-roomentries-cont .vbo-roomentry-cont:first-child { | |
| 8424 | + margin-top: 0; | |
| 8425 | +} | |
| 8426 | +.vbo-roomentry-cont input[type="checkbox"] { | |
| 8427 | + display: inline-block; | |
| 8428 | + margin-right: 5px; | |
| 8429 | + margin-top: 0; | |
| 8430 | +} | |
| 8431 | +.vbo-roomentry-cont label { | |
| 8432 | + display: inline !important; | |
| 8433 | +} | |
| 8434 | +tr.vbroomparamp td #lastavail { | |
| 8435 | + vertical-align: top; | |
| 8436 | +} | |
| 8437 | +tr.vbroomparamp td span { | |
| 8438 | + font-size: smaller; | |
| 8439 | + font-style: italic; | |
| 8440 | + display: inline-block; | |
| 8441 | + padding-left: 8px; | |
| 8442 | + max-width: 450px; | |
| 8443 | +} | |
| 8444 | +ul.vbo-sortable { | |
| 8445 | + list-style-type: none; | |
| 8446 | + margin: 0; | |
| 8447 | + padding: 0; | |
| 8448 | +} | |
| 8449 | +ul.vbo-sortable li { | |
| 8450 | + margin-right: 12px; | |
| 8451 | + padding: 1px; | |
| 8452 | + display: inline-block; | |
| 8453 | + vertical-align: top; | |
| 8454 | + width: auto; | |
| 8455 | + max-height: 70px; | |
| 8456 | + margin-bottom: 5px; | |
| 8457 | +} | |
| 8458 | +.vbo-editroom-currentphoto { | |
| 8459 | + position: relative; | |
| 8460 | +} | |
| 8461 | +.vbo-editroom-currentphoto a { | |
| 8462 | + cursor: grab; | |
| 8463 | +} | |
| 8464 | +.vbo-editroom-currentphoto a.vbo-toggle-imgcaption { | |
| 8465 | + cursor: pointer; | |
| 8466 | +} | |
| 8467 | +.vbo-tip-small { | |
| 8468 | + display: inline-block; | |
| 8469 | + min-width: 30px; | |
| 8470 | +} | |
| 8471 | +.vbo-smalltext { | |
| 8472 | + font-size: smaller; | |
| 8473 | +} | |
| 8474 | +.vbo-first-imgup { | |
| 8475 | + display: inline-block; | |
| 8476 | + border: 1px solid var(--vbo-config-border-color); | |
| 8477 | + border-radius: 3px; | |
| 8478 | + padding: 10px; | |
| 8479 | + margin: 5px 0; | |
| 8480 | + background: var(--vbo-main-bg-color); | |
| 8481 | + width: 100%; | |
| 8482 | + box-sizing: border-box; | |
| 8483 | +} | |
| 8484 | +.vbo-first-imgup > span { | |
| 8485 | + border-left: 1px solid rgb(221, 221, 221); | |
| 8486 | + display: inline-block; | |
| 8487 | + padding: 5px 0px 5px 10px; | |
| 8488 | +} | |
| 8489 | +.vbo-first-imgup > input[type="file"] { | |
| 8490 | + box-sizing: border-box; | |
| 8491 | + height: auto; | |
| 8492 | + margin-bottom: 10px; | |
| 8493 | + background: var(--vbo-input-style); | |
| 8494 | +} | |
| 8495 | +.vbo-first-imgup > input[type="text"] { | |
| 8496 | + margin-top: 7px; | |
| 8497 | +} | |
| 8498 | +.vbo-first-imgup + #myDiv { | |
| 8499 | + margin-bottom: 5px; | |
| 8500 | +} | |
| 8501 | +.vbo-imgup-caption { | |
| 8502 | + margin-top: 5px; | |
| 8503 | +} | |
| 8504 | +.vbo-imgup-caption span { | |
| 8505 | + display: block; | |
| 8506 | + margin-bottom: 4px; | |
| 8507 | +} | |
| 8508 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-imgup-caption > input[type="text"] { | |
| 8509 | + width: 100% !important; | |
| 8510 | + box-sizing: border-box; | |
| 8511 | + height: auto; | |
| 8512 | +} | |
| 8513 | +/* Multi Photos Upload Modal Window - Start */ | |
| 8514 | +.vbo-info-overlay-content { | |
| 8515 | + width: 70%; | |
| 8516 | +} | |
| 8517 | +.vbo-info-overlay-content .btn-success { | |
| 8518 | + padding: 9px 14px; | |
| 8519 | +} | |
| 8520 | +.vbo-info-overlay-content .btn-success i { | |
| 8521 | + color: #fff; | |
| 8522 | + display: inline-block; | |
| 8523 | + margin-right: 10px; | |
| 8524 | +} | |
| 8525 | +.vbo-info-overlay-block, .vbo-secondinfo-overlay-block, .vbo-orphans-overlay-block { | |
| 8526 | + position: fixed; | |
| 8527 | + left: 0; | |
| 8528 | + top: 0; | |
| 8529 | + width: 100%; | |
| 8530 | + height: 100%; | |
| 8531 | + background-color: rgba(0,0,0,0.5); | |
| 8532 | + display: none; | |
| 8533 | + z-index: 99999999 !important; | |
| 8534 | +} | |
| 8535 | +a.vbo-info-overlay-close { | |
| 8536 | + display: block; | |
| 8537 | + height: 100%; | |
| 8538 | + cursor: default; | |
| 8539 | +} | |
| 8540 | +.vbo-info-overlay-content { | |
| 8541 | + position: fixed; | |
| 8542 | + left: 50%; | |
| 8543 | + top: 50%; | |
| 8544 | + transform: translate(-50%, -50%); | |
| 8545 | + width: 40%; | |
| 8546 | + height: 60%; | |
| 8547 | + z-index: 101; | |
| 8548 | + padding: 20px; | |
| 8549 | + border-radius: 5px; | |
| 8550 | + background-color: var(--vbo-config-bg-color); | |
| 8551 | + box-shadow: 0px 4px 10px rgba(0,0,0, .5); | |
| 8552 | + overflow: auto; | |
| 8553 | +} | |
| 8554 | +.vbo-info-overlay-header { | |
| 8555 | + margin-bottom: 20px; | |
| 8556 | +} | |
| 8557 | +.vbo-info-overlay-content .vbo-info-overlay-header h3 { | |
| 8558 | + display: inline-block; | |
| 8559 | + border: 0; | |
| 8560 | + text-align: left; | |
| 8561 | +} | |
| 8562 | +.vbo-info-overlay-content .vbo-info-overlay-buttons-wrap { | |
| 8563 | + float: right; | |
| 8564 | +} | |
| 8565 | +.vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn { | |
| 8566 | + background: var(--vbo-base-color); | |
| 8567 | + color: #fff; | |
| 8568 | + padding: 9px 14px; | |
| 8569 | + margin-right: 8px; | |
| 8570 | +} | |
| 8571 | +.vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:hover { | |
| 8572 | + background: var(--vbo-base-color-hover) !important; | |
| 8573 | +} | |
| 8574 | +.vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:active, .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:focus { | |
| 8575 | + background: var(--vbo-link-text-color) !important; | |
| 8576 | +} | |
| 8577 | +.vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .btn-success { | |
| 8578 | + padding: 9px 14px; | |
| 8579 | +} | |
| 8580 | +.vbo-info-overlay-content.vbo-info-overlay-content-orphans { | |
| 8581 | + overflow: visible; | |
| 8582 | +} | |
| 8583 | +.vbo-info-overlay-scroll-content { | |
| 8584 | + overflow: hidden; | |
| 8585 | + height: 70%; | |
| 8586 | + position: relative; | |
| 8587 | + overflow-y: scroll; | |
| 8588 | +} | |
| 8589 | +.vbo-info-overlay-content.vbo-info-overlay-content-getcmd { | |
| 8590 | + position: fixed; | |
| 8591 | + left: 50%; | |
| 8592 | + top: 50%; | |
| 8593 | + transform: translate(-50%, -50%); | |
| 8594 | + width: 60%; | |
| 8595 | + height: 60%; | |
| 8596 | + z-index: 101; | |
| 8597 | + padding: 10px; | |
| 8598 | + border-radius: 5px; | |
| 8599 | + background-color: var(--vbo-config-bg-color); | |
| 8600 | + box-shadow: 5px 5px 5px 0 #000; | |
| 8601 | + overflow: auto; | |
| 8602 | +} | |
| 8603 | +.vbo-modal-alert .vbo-info-overlay-content { | |
| 8604 | + height: 20%; | |
| 8605 | + top: 40%; | |
| 8606 | +} | |
| 8607 | +.vbo-modal-alert.warning-longer .vbo-info-overlay-content { | |
| 8608 | + height: 40%; | |
| 8609 | + top: 20%; | |
| 8610 | + left: 25%; | |
| 8611 | + width: 50%; | |
| 8612 | +} | |
| 8613 | +.vbo-info-overlay-content h3 { | |
| 8614 | + text-align: center; | |
| 8615 | + margin-top: 0; | |
| 8616 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 8617 | + padding-bottom: 10px; | |
| 8618 | +} | |
| 8619 | +.vbo-modal-alert.warning .vbo-info-overlay-content h3 { | |
| 8620 | + color: var(--vbo-red-color); | |
| 8621 | +} | |
| 8622 | +#vbo-overlay-email-cont .vbo-calendar-custmail-tpls-wrap { | |
| 8623 | + text-align: left; | |
| 8624 | + margin-bottom: 10px; | |
| 8625 | +} | |
| 8626 | +#vbo-overlay-email-cont .vbo-calendar-cfields-wrap { | |
| 8627 | + background: var(--vbo-config-bg-color); | |
| 8628 | + padding: 20px; | |
| 8629 | + border: 1px solid var(--vbo-config-border-color); | |
| 8630 | + box-shadow: 0 10px 20px rgba(0,0,0,.1); | |
| 8631 | +} | |
| 8632 | +#vbo-overlay-email-cont .vbo-calendar-cfield-entry { | |
| 8633 | + margin: 5px 0; | |
| 8634 | + box-sizing: border-box; | |
| 8635 | + display: inline-block; | |
| 8636 | + width: 100%; | |
| 8637 | +} | |
| 8638 | +.vbo-overlay-checkin-body iframe { | |
| 8639 | + width: 100%; | |
| 8640 | + border: 0; | |
| 8641 | + height: 50vh; | |
| 8642 | +} | |
| 8643 | +.vbo-info-overlay-content-animated { | |
| 8644 | + -webkit-animation-name: VikbounceInUp; | |
| 8645 | + animation-name: VikbounceInUp; | |
| 8646 | + | |
| 8647 | + -webkit-animation-duration: .6s; | |
| 8648 | + animation-duration: .6s; | |
| 8649 | + -webkit-animation-fill-mode: both; | |
| 8650 | + animation-fill-mode: both; | |
| 8651 | +} | |
| 8652 | +.vbo-info-overlay-block-animation:target { | |
| 8653 | + visibility: visible; | |
| 8654 | +} | |
| 8655 | +.vbo-info-overlay-content-hidden { | |
| 8656 | + display: none; | |
| 8657 | +} | |
| 8658 | +.vbo-admin-wizard-container { | |
| 8659 | + margin-bottom: 10px; | |
| 8660 | +} | |
| 8661 | +.vbo-admin-wizard-container .vbo-wizard-btn { | |
| 8662 | + background: #3961bf; | |
| 8663 | + border: 1px solid #3961bf; | |
| 8664 | + color: #fff; | |
| 8665 | + font-weight: bold; | |
| 8666 | + padding: 10px 14px; | |
| 8667 | + margin-right: 5px; | |
| 8668 | +} | |
| 8669 | +.vbo-admin-wizard-container .vbo-wizard-btn:hover { | |
| 8670 | + background: #27417d; | |
| 8671 | + border-color: #27417d; | |
| 8672 | +} | |
| 8673 | +.vbo-admin-wizard-container .vbo-wizard-btn:focus, .vbo-admin-wizard-container .vbo-wizard-btn:active { | |
| 8674 | + background: #5c77b5; | |
| 8675 | + border-color: #5c77b5; | |
| 8676 | +} | |
| 8677 | +.vbo-admin-wizard-container .vbo-wizard-btn i { | |
| 8678 | + margin-right: 5px; | |
| 8679 | +} | |
| 8680 | + | |
| 8681 | +@-webkit-keyframes VikbounceInUp { | |
| 8682 | + from, | |
| 8683 | + 60%, | |
| 8684 | + 75%, | |
| 8685 | + 90%, | |
| 8686 | + to { | |
| 8687 | + -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1); | |
| 8688 | + animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1); | |
| 8689 | + } | |
| 8690 | + | |
| 8691 | + from { | |
| 8692 | + opacity: 0; | |
| 8693 | + -webkit-transform: translate3d(-50%, 150%, 0); | |
| 8694 | + transform: translate3d(-50%, 150%, 0); | |
| 8695 | + } | |
| 8696 | + | |
| 8697 | + 60% { | |
| 8698 | + opacity: 1; | |
| 8699 | + -webkit-transform: translate3d(-50%, 100%, 0); | |
| 8700 | + transform: translate3d(-50%, 100%, 0); | |
| 8701 | + } | |
| 8702 | + | |
| 8703 | + 75% { | |
| 8704 | + -webkit-transform: translate3d(-50%, 20%, 0); | |
| 8705 | + transform: translate3d(-50%, 20%, 0); | |
| 8706 | + } | |
| 8707 | + | |
| 8708 | + 90% { | |
| 8709 | + -webkit-transform: translate3d(-50%, -25%, 0); | |
| 8710 | + transform: translate3d(-50%, -25%, 0); | |
| 8711 | + } | |
| 8712 | + | |
| 8713 | + to { | |
| 8714 | + -webkit-transform: translate3d(-50%, -50%, 0); | |
| 8715 | + transform: translate3d(-50%, -50%, 0); | |
| 8716 | + } | |
| 8717 | +} | |
| 8718 | + | |
| 8719 | +@keyframes VikbounceInUp { | |
| 8720 | + from, | |
| 8721 | + 60%, | |
| 8722 | + 75%, | |
| 8723 | + 90%, | |
| 8724 | + to { | |
| 8725 | + -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1); | |
| 8726 | + animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1); | |
| 8727 | + } | |
| 8728 | + | |
| 8729 | + from { | |
| 8730 | + opacity: 0; | |
| 8731 | + -webkit-transform: translate3d(-50%, 150%, 0); | |
| 8732 | + transform: translate3d(-50%, 150%, 0); | |
| 8733 | + } | |
| 8734 | + | |
| 8735 | + 60% { | |
| 8736 | + opacity: 1; | |
| 8737 | + -webkit-transform: translate3d(-50%, 100%, 0); | |
| 8738 | + transform: translate3d(-50%, 100%, 0); | |
| 8739 | + } | |
| 8740 | + | |
| 8741 | + 75% { | |
| 8742 | + -webkit-transform: translate3d(-50%, 20%, 0); | |
| 8743 | + transform: translate3d(-50%, 20%, 0); | |
| 8744 | + } | |
| 8745 | + | |
| 8746 | + 90% { | |
| 8747 | + -webkit-transform: translate3d(-50%, -25%, 0); | |
| 8748 | + transform: translate3d(-50%, -25%, 0); | |
| 8749 | + } | |
| 8750 | + | |
| 8751 | + to { | |
| 8752 | + -webkit-transform: translate3d(-50%, -50%, 0); | |
| 8753 | + transform: translate3d(-50%, -50%, 0); | |
| 8754 | + } | |
| 8755 | +} | |
| 8756 | + | |
| 8757 | +.bounceInUp { | |
| 8758 | + -webkit-animation-name: VikbounceInUp; | |
| 8759 | + animation-name: VikbounceInUp; | |
| 8760 | +} | |
| 8761 | + | |
| 8762 | +.vbo-info-overlay-content-wizard { | |
| 8763 | + padding: 25px; | |
| 8764 | + width: 50%; | |
| 8765 | + height: 80%; | |
| 8766 | +} | |
| 8767 | +.vbo-info-overlay-content-wizard { | |
| 8768 | + display: none; | |
| 8769 | +} | |
| 8770 | +.vbo-info-overlay-content-animated { | |
| 8771 | + display: block; | |
| 8772 | +} | |
| 8773 | +.vbo-info-overlay-content-wizard h3 { | |
| 8774 | + text-align: left; | |
| 8775 | + border-bottom: 0; | |
| 8776 | + font-size: 22px; | |
| 8777 | + margin-bottom: 0; | |
| 8778 | +} | |
| 8779 | +.vbo-tariffs-wizard-help-wrap { | |
| 8780 | + margin-bottom: 20px; | |
| 8781 | +} | |
| 8782 | +.vbo-tariffs-wizard-help-wrap p span { | |
| 8783 | + font-style: italic; | |
| 8784 | +} | |
| 8785 | +.vbo-tariffs-wizard-help-wrap h4 { | |
| 8786 | + font-size: 20px; | |
| 8787 | + margin-top: 30px; | |
| 8788 | + font-weight: normal; | |
| 8789 | +} | |
| 8790 | +.vbo-tariffs-wizard-prices-wrap { | |
| 8791 | + display: flex; | |
| 8792 | + flex-wrap: wrap; | |
| 8793 | + justify-content: center; | |
| 8794 | +} | |
| 8795 | +.vbo-tariffs-wizard-price { | |
| 8796 | + flex-basis: 25%; | |
| 8797 | + text-align: center; | |
| 8798 | + border: 2px solid #a3cae1; | |
| 8799 | + padding: 25px; | |
| 8800 | + margin: 4px; | |
| 8801 | + border-radius: 4px; | |
| 8802 | +} | |
| 8803 | +.vbo-tariffs-wizard-price .vbo-tariffs-wizard-price-name { | |
| 8804 | + display: block; | |
| 8805 | + font-weight: bold; | |
| 8806 | + margin-bottom: 5px; | |
| 8807 | +} | |
| 8808 | +.vbo-tariffs-wizard-prices-submit { | |
| 8809 | + text-align: center; | |
| 8810 | + margin-top: 15px; | |
| 8811 | +} | |
| 8812 | +.vbo-rplans-wizard-wrap { | |
| 8813 | + display: flex; | |
| 8814 | +} | |
| 8815 | +.vbo-tariffs-wizard-help-wrap h4 { | |
| 8816 | + text-align: center; | |
| 8817 | +} | |
| 8818 | +.vbo-rplans-wizard-wrap .vbo-rplans-wizard-tprice-wrap { | |
| 8819 | + display: inline-block; | |
| 8820 | + padding: 15px; | |
| 8821 | + border: 1px solid #ddd; | |
| 8822 | + border-radius: 4px; | |
| 8823 | + flex: 1; | |
| 8824 | + margin: 5px; | |
| 8825 | +} | |
| 8826 | +.vbo-rplans-wizard-tprice-name { | |
| 8827 | + display: inline-block; | |
| 8828 | + width: 100%; | |
| 8829 | +} | |
| 8830 | +.vbo-rplans-wizard-tprice-name label { | |
| 8831 | + font-weight: bold; | |
| 8832 | + font-size: 18px; | |
| 8833 | + display: inline-block; | |
| 8834 | +} | |
| 8835 | +.vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap { | |
| 8836 | + float: right; | |
| 8837 | + margin: 0; | |
| 8838 | + padding-top: 0; | |
| 8839 | + padding-bottom: 0; | |
| 8840 | +} | |
| 8841 | +.vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap label, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap label { | |
| 8842 | + margin-bottom: 0; | |
| 8843 | +} | |
| 8844 | +.vbo-rplans-wizard-tprice-bkincl label { | |
| 8845 | + display: inline-block; | |
| 8846 | +} | |
| 8847 | +.vbo-rplans-wizard-tprice-bkincl input { | |
| 8848 | + margin-top: 0 !important; | |
| 8849 | +} | |
| 8850 | +.fileinput-button { | |
| 8851 | + position: relative; | |
| 8852 | + overflow: hidden; | |
| 8853 | + display: inline-block; | |
| 8854 | +} | |
| 8855 | +.fileinput-button input { | |
| 8856 | + position: absolute; | |
| 8857 | + top: 0; | |
| 8858 | + right: 0; | |
| 8859 | + margin: 0; | |
| 8860 | + opacity: 0; | |
| 8861 | + -ms-filter: 'alpha(opacity=0)'; | |
| 8862 | + font-size: 200px; | |
| 8863 | + direction: ltr; | |
| 8864 | + cursor: pointer; | |
| 8865 | +} | |
| 8866 | +/* Fixes for IE < 8 */ | |
| 8867 | +@media screen\9 { | |
| 8868 | + .fileinput-button input { | |
| 8869 | + filter: alpha(opacity=0); | |
| 8870 | + font-size: 100%; | |
| 8871 | + height: 100%; | |
| 8872 | + } | |
| 8873 | +} | |
| 8874 | +.progress { | |
| 8875 | + background-color: var(--vbo-config-child-bg-color); | |
| 8876 | + border-radius: 4px; | |
| 8877 | + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; | |
| 8878 | + height: 20px; | |
| 8879 | + margin-bottom: 20px; | |
| 8880 | + overflow: hidden; | |
| 8881 | +} | |
| 8882 | +.progress-bar { | |
| 8883 | + background-color: var(--vbo-blue-color); | |
| 8884 | + box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; | |
| 8885 | + color: #fff; | |
| 8886 | + float: left; | |
| 8887 | + font-size: 12px; | |
| 8888 | + height: 100%; | |
| 8889 | + line-height: 20px; | |
| 8890 | + text-align: center; | |
| 8891 | + transition: width 0.6s ease 0s; | |
| 8892 | + width: 0; | |
| 8893 | +} | |
| 8894 | +.progress-bar-success { | |
| 8895 | + background-color: var(--vbo-green-color) !important; | |
| 8896 | +} | |
| 8897 | +.vbo-info-overlay-content .files { | |
| 8898 | + display: inline-block; | |
| 8899 | + width: 100%; | |
| 8900 | + min-height: 40%; | |
| 8901 | + border: 2px dashed var(--vbo-config-border-color); | |
| 8902 | + box-sizing: border-box; | |
| 8903 | + padding: 10px; | |
| 8904 | +} | |
| 8905 | +.vbo-upload-photo { | |
| 8906 | + float: left; | |
| 8907 | + margin: 0 10px 0 0; | |
| 8908 | + padding: 5px; | |
| 8909 | +} | |
| 8910 | +.vbo-upload-photo canvas { | |
| 8911 | + border: 1px solid var(--vbo-basic-btn); | |
| 8912 | + border-radius: 4px; | |
| 8913 | +} | |
| 8914 | +.vbo-upload-photo p { | |
| 8915 | + margin: 0; | |
| 8916 | + text-align: center; | |
| 8917 | +} | |
| 8918 | +.vbo-upload-photo span { | |
| 8919 | + font-weight: bold; | |
| 8920 | + text-align: center; | |
| 8921 | + display: block; | |
| 8922 | + text-align: center; | |
| 8923 | + color: var(--vbo-config-titles-color-light); | |
| 8924 | +} | |
| 8925 | +.vbo-upload-photo p button { | |
| 8926 | + margin-top: 5px; | |
| 8927 | +} | |
| 8928 | +.vbo-info-overlay-content #progress { | |
| 8929 | + margin-top: 15px; | |
| 8930 | +} | |
| 8931 | +.vbo-upload-done { | |
| 8932 | + display: none; | |
| 8933 | + width: 100%; | |
| 8934 | + text-align: center; | |
| 8935 | + padding-top: 15px; | |
| 8936 | + margin-top: 10px; | |
| 8937 | +} | |
| 8938 | +.vbo-upload-done .btn i:before { | |
| 8939 | + color: #fff; | |
| 8940 | +} | |
| 8941 | +.vbo-toggle-imgcaption { | |
| 8942 | + position: absolute; | |
| 8943 | + width: 22px; | |
| 8944 | + font-size: 16px; | |
| 8945 | + z-index: 100; | |
| 8946 | + margin-left: -11px; | |
| 8947 | + margin-top: -6px; | |
| 8948 | + background: var(--vbo-main-bg-color); | |
| 8949 | + border-radius: 50%; | |
| 8950 | + object-fit: cover; | |
| 8951 | + border: 1px solid var(--vbo-config-border-color); | |
| 8952 | + height: 22px; | |
| 8953 | + line-height: 22px; | |
| 8954 | + display: inline-block; | |
| 8955 | + text-align: center; | |
| 8956 | + color: var(--vbo-config-titles-color-light); | |
| 8957 | +} | |
| 8958 | +.vbo-toggle-imgcaption-on { | |
| 8959 | + color: var(--vbo-base-color); | |
| 8960 | +} | |
| 8961 | +.vbo-rmphotos-cont { | |
| 8962 | + margin-bottom: 10px; | |
| 8963 | +} | |
| 8964 | +.vbo-small-p-info { | |
| 8965 | + font-size: smaller; | |
| 8966 | + margin: 10px 0 0; | |
| 8967 | + text-align: right; | |
| 8968 | +} | |
| 8969 | +.vbo-bulkupload-cont { | |
| 8970 | + margin: 20px 0 0 0; | |
| 8971 | +} | |
| 8972 | +/* Multi Photos Upload Modal Window - End */ | |
| 8973 | +/* Room Units Distinctive Features - Start */ | |
| 8974 | +.vbo-distfeature-row { | |
| 8975 | + display: none; | |
| 8976 | +} | |
| 8977 | +.vbo-distfeatures-toggle-cont { | |
| 8978 | + display: block; | |
| 8979 | + text-align: left; | |
| 8980 | +} | |
| 8981 | +.vbo-distfeatures-cont { | |
| 8982 | + display: none; | |
| 8983 | + background-color: var(--vbo-config-child-bg-color); | |
| 8984 | + padding: 20px; | |
| 8985 | + margin-top: 5px; | |
| 8986 | +} | |
| 8987 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-distfeatures-cont input { | |
| 8988 | + background-color: var(--vbo-input-style) !important; | |
| 8989 | +} | |
| 8990 | +.vbo-runit-features-cont { | |
| 8991 | + display: block; | |
| 8992 | + margin-bottom: 10px; | |
| 8993 | + padding-bottom: 10px; | |
| 8994 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 8995 | +} | |
| 8996 | +.vbo-runit-features-cont:last-child { | |
| 8997 | + margin-bottom: 0; | |
| 8998 | + border-bottom: 0; | |
| 8999 | + padding-bottom: 0; | |
| 9000 | +} | |
| 9001 | +.vbo-runit-num { | |
| 9002 | + display: block; | |
| 9003 | + font-weight: bold; | |
| 9004 | +} | |
| 9005 | +.vbo-runit-features { | |
| 9006 | + display: block; | |
| 9007 | +} | |
| 9008 | +.vbo-runit-feature { | |
| 9009 | + display: flex; | |
| 9010 | + margin: 5px 0 5px 0; | |
| 9011 | +} | |
| 9012 | +.vbo-runit-feature input { | |
| 9013 | + margin-right: 10px; | |
| 9014 | +} | |
| 9015 | +.vbo-runit-feature input:focus { | |
| 9016 | + background: #fff; | |
| 9017 | +} | |
| 9018 | +.vbo-feature-add { | |
| 9019 | + cursor: pointer; | |
| 9020 | +} | |
| 9021 | +.vbo-feature-remove { | |
| 9022 | + cursor: pointer; | |
| 9023 | + display: inline-block; | |
| 9024 | + font-size: 20px; | |
| 9025 | + align-self: center; | |
| 9026 | +} | |
| 9027 | +/* Room Units Distinctive Features - End */ | |
| 9028 | +.vbo-closed-date-entry { | |
| 9029 | + display: inline-block; | |
| 9030 | + background-color: var(--vbo-toolbar-bg-color); | |
| 9031 | + border: 1px solid var(--vbo-toolbar-bg-color); | |
| 9032 | + border-radius: 30px; | |
| 9033 | + margin: 5px 5px 0px 0; | |
| 9034 | + padding: 5px 10px; | |
| 9035 | + color: var(--vbo-base-color); | |
| 9036 | + font-weight: bold; | |
| 9037 | +} | |
| 9038 | +.vbo-closed-date-rm { | |
| 9039 | + cursor: pointer; | |
| 9040 | + display: inline-block; | |
| 9041 | + margin-left: 3px; | |
| 9042 | + width: 18px; | |
| 9043 | + height: 18px; | |
| 9044 | + line-height: 15px; | |
| 9045 | + font-size: 8px; | |
| 9046 | + text-align: center; | |
| 9047 | + border-radius: 50%; | |
| 9048 | + color: var(--vbo-blue-color); | |
| 9049 | + line-height: 20px; | |
| 9050 | + float: right; | |
| 9051 | +} | |
| 9052 | +.vbo-closed-date-rm:hover { | |
| 9053 | + background: var(--vbo-blue-color); | |
| 9054 | + color: #fff; | |
| 9055 | +} | |
| 9056 | +.vbo-closed-date-rm i { | |
| 9057 | + margin: 0 !important; | |
| 9058 | +} | |
| 9059 | +/* Occupancy Pricing Override - Start */ | |
| 9060 | +.occupancy-room { | |
| 9061 | + display: block; | |
| 9062 | + margin-left: 5px; | |
| 9063 | +} | |
| 9064 | +.occupancy-room-name { | |
| 9065 | + display: block; | |
| 9066 | + background: var(--vbo-config-child-bg-color) none repeat scroll 0 0; | |
| 9067 | + font-weight: bold; | |
| 9068 | + border-radius: 2px; | |
| 9069 | + border: 1px solid var(--vbo-config-border-color); | |
| 9070 | + cursor: pointer; | |
| 9071 | + padding: 8px 10px; | |
| 9072 | + margin: 5px 0 0; | |
| 9073 | +} | |
| 9074 | +.occupancy-room-data { | |
| 9075 | + display: none; | |
| 9076 | + padding: 20px; | |
| 9077 | + background: var(--vbo-config-child-bg-color); | |
| 9078 | +} | |
| 9079 | +.occupancy-room-data .occupancy-adults-data { | |
| 9080 | + margin: 0 0 15px; | |
| 9081 | +} | |
| 9082 | +.occupancy-room-data .occupancy-adults-data:last-child { | |
| 9083 | + margin-bottom: 0; | |
| 9084 | +} | |
| 9085 | +.occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr > * { | |
| 9086 | + vertical-align: top; | |
| 9087 | +} | |
| 9088 | +.occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr input { | |
| 9089 | + padding: 5px 10px; | |
| 9090 | +} | |
| 9091 | +.occupancy-adults-lbl { | |
| 9092 | + display: inline-block; | |
| 9093 | + margin-bottom: 5px; | |
| 9094 | + font-weight: bold; | |
| 9095 | +} | |
| 9096 | +.occupancy-adults-ovr > * { | |
| 9097 | + margin-right: 5px; | |
| 9098 | +} | |
| 9099 | +/* Occupancy Pricing Override - End */ | |
| 9100 | +/* Crons - Start */ | |
| 9101 | +.vbo-shell-wrap { | |
| 9102 | + width: 100%; | |
| 9103 | + -webkit-border-radius: 3px; | |
| 9104 | + -moz-border-radius: 3px; | |
| 9105 | + border-radius: 3px; | |
| 9106 | +} | |
| 9107 | +.vbo-shell-top-bar { | |
| 9108 | + text-align: center; | |
| 9109 | + color: var(--vbo-config-title-color); | |
| 9110 | + padding: 5px 0; | |
| 9111 | + margin: 0; | |
| 9112 | + font-size: 1.15em; | |
| 9113 | + border: 1px solid var(--vbo-config-border-color); | |
| 9114 | + border-bottom: none; | |
| 9115 | + -webkit-border-top-left-radius: 3px; | |
| 9116 | + -webkit-border-top-right-radius: 3px; | |
| 9117 | + -moz-border-radius-topleft: 3px; | |
| 9118 | + -moz-border-radius-topright: 3px; | |
| 9119 | + border-top-left-radius: 3px; | |
| 9120 | + border-top-right-radius: 3px; | |
| 9121 | + background: var(--vbo-config-child-bg-color); | |
| 9122 | +} | |
| 9123 | +.vbo-shell-body { | |
| 9124 | + margin: 0; | |
| 9125 | + padding: 5px; | |
| 9126 | + list-style: none; | |
| 9127 | + background: #141414; | |
| 9128 | + color: #fff; | |
| 9129 | + /*font: 0.95em 'Andale Mono', Consolas, 'Courier New';*/ | |
| 9130 | + font-size: 0.95em; | |
| 9131 | + line-height: 1.6em; | |
| 9132 | + -webkit-border-bottom-right-radius: 3px; | |
| 9133 | + -webkit-border-bottom-left-radius: 3px; | |
| 9134 | + -moz-border-radius-bottomright: 3px; | |
| 9135 | + -moz-border-radius-bottomleft: 3px; | |
| 9136 | + border-bottom-right-radius: 3px; | |
| 9137 | + border-bottom-left-radius: 3px; | |
| 9138 | +} | |
| 9139 | +.vbo-shell-body p:before { | |
| 9140 | + content: '$'; | |
| 9141 | + position: absolute; | |
| 9142 | + left: 0; | |
| 9143 | + top: 0; | |
| 9144 | +} | |
| 9145 | +.vbo-shell-body span:before { | |
| 9146 | + content: '-'; | |
| 9147 | + position: absolute; | |
| 9148 | + left: 0; | |
| 9149 | + top: 0; | |
| 9150 | +} | |
| 9151 | +.vbo-shell-body p, .vbo-shell-body span { | |
| 9152 | + word-wrap: break-word; | |
| 9153 | + position: relative; | |
| 9154 | + padding: 0 0 0 15px; | |
| 9155 | + display: block; | |
| 9156 | + margin: 2px 0 4px 0; | |
| 9157 | +} | |
| 9158 | +.vbo-cronexec-log { | |
| 9159 | + margin-top: 5px; | |
| 9160 | +} | |
| 9161 | +.vbo-cronexec-log pre { | |
| 9162 | + background: #141414 none repeat scroll 0 0; | |
| 9163 | + border-radius: 0; | |
| 9164 | + color: #fff; | |
| 9165 | + padding: 0; | |
| 9166 | +} | |
| 9167 | +/* Crons - End */ | |
| 9168 | +/* Graphs & Statistics - Start */ | |
| 9169 | +.vbo-stats-wrapper { | |
| 9170 | + background: var(--vbo-main-bg-color); | |
| 9171 | + padding: 20px 12px; | |
| 9172 | +} | |
| 9173 | +.vbo-stats-wrapper .adminform .adminlegend { | |
| 9174 | + font-weight: bold; | |
| 9175 | + width: 100%; | |
| 9176 | + margin-bottom: 20px; | |
| 9177 | +} | |
| 9178 | +.vbo-graph-bottom-wrapper { | |
| 9179 | + margin-top: 35px; | |
| 9180 | +} | |
| 9181 | +.vbo-graph-top-inner, .vbo-graph-bottom-inner { | |
| 9182 | + display: flex; | |
| 9183 | + flex-wrap: wrap; | |
| 9184 | +} | |
| 9185 | +.vbo-graph-top-left, .vbo-graph-bottom-left { | |
| 9186 | + flex: 1; | |
| 9187 | + margin-right: 20px; | |
| 9188 | +} | |
| 9189 | +.vbo-graph-top-right, .vbo-graph-bottom-right { | |
| 9190 | + flex-basis: 25%; | |
| 9191 | +} | |
| 9192 | +.vbo-graphstats-left { | |
| 9193 | + background: var(--vbo-config-bg-color); | |
| 9194 | + padding: 30px; | |
| 9195 | + border-radius: 16px; | |
| 9196 | + box-shadow: 0 3px 10px rgba(0,0,0,.05); | |
| 9197 | +} | |
| 9198 | +#vbo-graphstats-left-canv, #vbo-graphstats-left-canv-nights { | |
| 9199 | + width: 100% !important; | |
| 9200 | +} | |
| 9201 | +#vbo-graphstats-right-canv, #vbo-graphstats-right-canv-nights { | |
| 9202 | + height: 250px; | |
| 9203 | +} | |
| 9204 | +.vbo-graphstats-right, .vbo-graphstats-secondright, .vbo-graph-top-right .vbo-graphstats-thirdright { | |
| 9205 | + background: var(--vbo-config-bg-color); | |
| 9206 | + padding: 20px; | |
| 9207 | + border-radius: 16px; | |
| 9208 | + box-shadow: 0 3px 10px rgba(0,0,0,.05); | |
| 9209 | + margin-bottom: 15px; | |
| 9210 | +} | |
| 9211 | +.vbo-graph-top-right .vbo-graphstats-thirdright { | |
| 9212 | + border-bottom: 2px solid var(--vbo-base-color); | |
| 9213 | +} | |
| 9214 | +.vbo-graphstats-thirdright { | |
| 9215 | + margin-top: 25px; | |
| 9216 | +} | |
| 9217 | +.vbo-graphstats-thirdright > p { | |
| 9218 | + font-weight: bold; | |
| 9219 | + padding: 0; | |
| 9220 | + text-align: right; | |
| 9221 | +} | |
| 9222 | +.vbo-graphstats-thirdright > p:first-child { | |
| 9223 | + padding-top: 10px; | |
| 9224 | +} | |
| 9225 | +.vbo-graphstats-thirdright > p i { | |
| 9226 | + font-size: 11px; | |
| 9227 | +} | |
| 9228 | +.vbo-graphstats-thirdright p span { | |
| 9229 | + display: inline-block; | |
| 9230 | + min-width: 155px; | |
| 9231 | + float: left; | |
| 9232 | + text-align: left; | |
| 9233 | +} | |
| 9234 | +.vbo-graph-top-right h4, .vbo-graphstats-secondright h4 { | |
| 9235 | + text-align: center; | |
| 9236 | + margin-top: 0; | |
| 9237 | + margin-bottom: 10px; | |
| 9238 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 9239 | + padding-bottom: 10px; | |
| 9240 | +} | |
| 9241 | +.vbo-graph-bottom-right h4 { | |
| 9242 | + text-align: center; | |
| 9243 | + margin-top: 0; | |
| 9244 | + margin-bottom: 10px; | |
| 9245 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 9246 | + padding-bottom: 0; | |
| 9247 | +} | |
| 9248 | +.vbo-graphstats-countries { | |
| 9249 | + padding-bottom: 10px; | |
| 9250 | +} | |
| 9251 | +.vbo-graphstats-country-wrap { | |
| 9252 | + display: inline-block; | |
| 9253 | + width: 100%; | |
| 9254 | + margin: 2px 0; | |
| 9255 | +} | |
| 9256 | +.vbo-graphstats-country-wrap > span { | |
| 9257 | + vertical-align: middle; | |
| 9258 | +} | |
| 9259 | +.vbo-graphstats-country-img { | |
| 9260 | + display: inline-block; | |
| 9261 | + margin-right: 5px; | |
| 9262 | +} | |
| 9263 | +.vbo-graphstats-country-name { | |
| 9264 | + display: inline-block; | |
| 9265 | + font-weight: bold; | |
| 9266 | + min-width: 120px; | |
| 9267 | + margin-right: 5px; | |
| 9268 | +} | |
| 9269 | +.vbo-graphstats-country-totb.badge { | |
| 9270 | + display: inline-block; | |
| 9271 | + float: right; | |
| 9272 | + background-color: transparent; | |
| 9273 | + border: 2px solid var(--vbo-config-text-color-light); | |
| 9274 | + color: var(--vbo-config-titles-color-light); | |
| 9275 | + border-radius: 50px; | |
| 9276 | +} | |
| 9277 | +.vbo-graphstats-mod-containers { | |
| 9278 | + display: flex; | |
| 9279 | + flex-wrap: wrap; | |
| 9280 | + justify-content: center; | |
| 9281 | +} | |
| 9282 | +.vbo-graphstats-mod-containers .vbo-graphstats-mod-container { | |
| 9283 | + flex-basis: 50%; | |
| 9284 | +} | |
| 9285 | +.vbo-graphstats-mod-containers .vbo-graphstats-mod-inner { | |
| 9286 | + background: var(--vbo-config-bg-color); | |
| 9287 | + padding: 20px; | |
| 9288 | + border-radius: 16px; | |
| 9289 | + box-shadow: 0 3px 10px rgba(0,0,0,.05); | |
| 9290 | + margin-bottom: 15px; | |
| 9291 | + margin-right: 5px; | |
| 9292 | +} | |
| 9293 | +.vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-lbl { | |
| 9294 | + font-weight: bold; | |
| 9295 | + color: var(--vbo-config-titles-color-light); | |
| 9296 | + margin-bottom: 10px; | |
| 9297 | +} | |
| 9298 | +.vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val { | |
| 9299 | + font-size: 26px; | |
| 9300 | + font-weight: bold; | |
| 9301 | +} | |
| 9302 | +.vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-val-descr { | |
| 9303 | + font-size: 13px; | |
| 9304 | + display: inline-block; | |
| 9305 | + vertical-align: top; | |
| 9306 | + color: var(--vbo-config-titles-color-light); | |
| 9307 | +} | |
| 9308 | +.vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val i { | |
| 9309 | + font-size: 14px; | |
| 9310 | + display: inline-block; | |
| 9311 | + vertical-align: top; | |
| 9312 | +} | |
| 9313 | +.vbo-graphstats-mod-containers .vbo-graphstats-best .vbo-graphstats-mod-val i { | |
| 9314 | + color: var(--vbo-green-color); | |
| 9315 | +} | |
| 9316 | +.vbo-graphstats-mod-containers .vbo-graphstats-worst .vbo-graphstats-mod-val i { | |
| 9317 | + color: var(--vbo-red-color); | |
| 9318 | +} | |
| 9319 | +#vbo-graphstats-left-legend, #vbo-graphstats-left-legend-nights { | |
| 9320 | + text-align: center; | |
| 9321 | +} | |
| 9322 | +#vbo-graphstats-left-legend ul.line-legend, #vbo-graphstats-left-legend-nights ul.line-legend { | |
| 9323 | + display: inline-block; | |
| 9324 | + text-align: center; | |
| 9325 | + margin: 10px 0 0; | |
| 9326 | + padding: 10px 0; | |
| 9327 | + width: 100%; | |
| 9328 | +} | |
| 9329 | +#vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li { | |
| 9330 | + display: inline-block; | |
| 9331 | + margin: 3px 7px; | |
| 9332 | + font-weight: bold; | |
| 9333 | +} | |
| 9334 | +#vbo-graphstats-left-legend ul.line-legend li { | |
| 9335 | + border: 1px solid var(--vbo-config-border-color); | |
| 9336 | + border-radius: 20px; | |
| 9337 | + padding: 10px 12px; | |
| 9338 | +} | |
| 9339 | +#vbo-graphstats-left-legend ul.line-legend li > span.entry, #vbo-graphstats-left-legend-nights ul.line-legend li > span.entry { | |
| 9340 | + display: inline-block; | |
| 9341 | + float: left; | |
| 9342 | + height: 15px; | |
| 9343 | + margin: 0 10px 0 0; | |
| 9344 | + width: 15px; | |
| 9345 | + border-radius: 4px; | |
| 9346 | + font-weight: bold; | |
| 9347 | +} | |
| 9348 | +#vbo-graphstats-right-legend, #vbo-graphstats-right-legend-nights { | |
| 9349 | + text-align: center; | |
| 9350 | +} | |
| 9351 | +#vbo-graphstats-right-legend-nights ul.pie-legend { | |
| 9352 | + display: flex; | |
| 9353 | + margin: 10px 0 0; | |
| 9354 | + padding: 0; | |
| 9355 | + width: 100%; | |
| 9356 | + -ms-flex-wrap: wrap; | |
| 9357 | + -webkit-flex-wrap: wrap; | |
| 9358 | + flex-wrap: wrap; | |
| 9359 | +} | |
| 9360 | +#vbo-graphstats-right-legend ul.pie-legend { | |
| 9361 | + display: flex; | |
| 9362 | + margin: 10px 0 0; | |
| 9363 | + padding: 0; | |
| 9364 | + width: 100%; | |
| 9365 | + -ms-flex-wrap: wrap; | |
| 9366 | + -webkit-flex-wrap: wrap; | |
| 9367 | + flex-wrap: wrap; | |
| 9368 | +} | |
| 9369 | +#vbo-graphstats-right-legend-nights ul.pie-legend li { | |
| 9370 | + display: inline-block; | |
| 9371 | + margin: 3px 7px; | |
| 9372 | + -ms-flex: 0 0 45%; | |
| 9373 | + -webkit-flex: 0 0 45%; | |
| 9374 | + flex: 0 0 45%; | |
| 9375 | + text-align: left; | |
| 9376 | + font-weight: bold; | |
| 9377 | +} | |
| 9378 | +#vbo-graphstats-right-legend ul.pie-legend li { | |
| 9379 | + display: inline-block; | |
| 9380 | + margin: 3px 7px; | |
| 9381 | + -ms-flex: 0 0 45%; | |
| 9382 | + -webkit-flex: 0 0 45%; | |
| 9383 | + flex: 0 0 45%; | |
| 9384 | + text-align: left; | |
| 9385 | + font-weight: bold; | |
| 9386 | +} | |
| 9387 | +#vbo-graphstats-right-legend-nights ul.pie-legend li > span.entry { | |
| 9388 | + display: inline-block; | |
| 9389 | + float: left; | |
| 9390 | + height: 15px; | |
| 9391 | + margin: 0 10px 0 0; | |
| 9392 | + width: 15px; | |
| 9393 | + border-radius: 4px; | |
| 9394 | + font-weight: bold; | |
| 9395 | +} | |
| 9396 | +#vbo-graphstats-right-legend ul.pie-legend li > span.entry { | |
| 9397 | + display: inline-block; | |
| 9398 | + float: left; | |
| 9399 | + height: 15px; | |
| 9400 | + margin: 0 10px 0 0; | |
| 9401 | + width: 15px; | |
| 9402 | + border-radius: 4px; | |
| 9403 | +} | |
| 9404 | +.vbo-graphstats-legend-sub { | |
| 9405 | + display: inline-block; | |
| 9406 | + font-size: smaller; | |
| 9407 | + margin-left: 3px; | |
| 9408 | +} | |
| 9409 | +.vbo-graph-introtitle { | |
| 9410 | + display: block; | |
| 9411 | + font-weight: bold; | |
| 9412 | + margin-bottom: 10px; | |
| 9413 | + text-align: center; | |
| 9414 | +} | |
| 9415 | +.vbo-graph-introtitle span { | |
| 9416 | + font-size: 18px; | |
| 9417 | + color: var(--vbo-config-title-color); | |
| 9418 | +} | |
| 9419 | +.vbo-graphstats-thirdright-nights-bestworst { | |
| 9420 | + padding: 0; | |
| 9421 | +} | |
| 9422 | +.vbo-graphstats-thirdright-nights-bestworst > span { | |
| 9423 | + font-weight: bold; | |
| 9424 | + display: block; | |
| 9425 | +} | |
| 9426 | +.vbo-chart-icon-negative { | |
| 9427 | + color: var(--vbo-red-color); | |
| 9428 | +} | |
| 9429 | +.vbo-chart-icon-positive { | |
| 9430 | + color: var(--vbo-green-color); | |
| 9431 | +} | |
| 9432 | + | |
| 9433 | +/* Graphs & Statistics - End */ | |
| 9434 | +/* Invoices - Start */ | |
| 9435 | +.vbo-invoices-wrapper { | |
| 9436 | + display: block; | |
| 9437 | + overflow: hidden; | |
| 9438 | + padding: 15px; | |
| 9439 | + margin-bottom: 20px; | |
| 9440 | + background: var(--vbo-config-child-bg-color); | |
| 9441 | +} | |
| 9442 | +.vbo-invoices-inv-container { | |
| 9443 | + position: relative; | |
| 9444 | + margin: 10px; | |
| 9445 | + width: 300px; | |
| 9446 | + height: 235px; | |
| 9447 | + z-index : 1; | |
| 9448 | + float:left; | |
| 9449 | + background: var(--vbo-config-bg-color); | |
| 9450 | + box-shadow: 0 0 10px rgba(0,0,0,.08); | |
| 9451 | + border: 1px solid var(--vbo-basic-btn); | |
| 9452 | + border-radius: 5px; | |
| 9453 | + -webkit-perspective: 1000; | |
| 9454 | + perspective: 1000; | |
| 9455 | +} | |
| 9456 | +.vbo-invoices-inv-inner { | |
| 9457 | + cursor: pointer; | |
| 9458 | + width: 100%; | |
| 9459 | + height: 100%; | |
| 9460 | + -webkit-transform-style: preserve-3d; | |
| 9461 | + -webkit-transition: all 0.7s linear; | |
| 9462 | + transform-style: preserve-3d; | |
| 9463 | + transition: all 0.7s linear; | |
| 9464 | +} | |
| 9465 | +.vbo-invoices-inv-container.vbo-invoice-active { | |
| 9466 | + border: 1px solid var(--vbo-base-color); | |
| 9467 | +} | |
| 9468 | +.vbo-invoices-inv-container.vbo-invoice-active .vbo-invoices-inv-inner { | |
| 9469 | + -webkit-transform: rotateY(180deg); | |
| 9470 | + transform: rotateY(180deg); | |
| 9471 | +} | |
| 9472 | +.vbo-invoices-inv-inner .btn.vbo-light-btn { | |
| 9473 | + padding: 8px 15px; | |
| 9474 | + box-shadow: none; | |
| 9475 | + border-color: var(--vbo-config-border-color); | |
| 9476 | +} | |
| 9477 | +.vbo-invoices-inv-inner .btn.vbo-light-btn:hover { | |
| 9478 | + background-color: var(--vbo-light-color-btn); | |
| 9479 | +} | |
| 9480 | +.vbo-invoices-inv-face { | |
| 9481 | + position: absolute; | |
| 9482 | + width: 100%; | |
| 9483 | + height: 100%; | |
| 9484 | + backface-visibility: hidden; | |
| 9485 | + -webkit-backface-visibility: hidden; | |
| 9486 | +} | |
| 9487 | +.vbo-invoices-inv-face.vbo-invoices-inv-back { | |
| 9488 | + display: flex; | |
| 9489 | + flex-wrap: wrap; | |
| 9490 | + display: block; | |
| 9491 | + -webkit-transform: rotateY(180deg); | |
| 9492 | + transform: rotateY(180deg); | |
| 9493 | + box-sizing: border-box; | |
| 9494 | + text-align: center; | |
| 9495 | + background-color: var(--vbo-config-bg-color); | |
| 9496 | + border-radius: 5px; | |
| 9497 | +} | |
| 9498 | +.vbo-invoices-inv-frontright { | |
| 9499 | + overflow: hidden; | |
| 9500 | + padding: 10px; | |
| 9501 | +} | |
| 9502 | +.vbo-invoices-inv-entry { | |
| 9503 | + display: block; | |
| 9504 | + margin-bottom: 5px; | |
| 9505 | +} | |
| 9506 | +.vbo-invoices-inv-entry-custname { | |
| 9507 | + margin-top: 5px; | |
| 9508 | +} | |
| 9509 | +.vbo-invoices-inv-entry-lbl { | |
| 9510 | + display: inline-block; | |
| 9511 | + margin-right: 5px; | |
| 9512 | + font-weight: bold; | |
| 9513 | +} | |
| 9514 | +.vbo-invoices-inv-entry-val { | |
| 9515 | + display: inline-block; | |
| 9516 | + vertical-align: top; | |
| 9517 | +} | |
| 9518 | +.vbo-invoices-inv-ckbox { | |
| 9519 | + position: absolute; | |
| 9520 | + top: 5px; | |
| 9521 | + left: 5px; | |
| 9522 | + margin: 1px; | |
| 9523 | +} | |
| 9524 | +.vbo-invoices-inv-back-commands { | |
| 9525 | + margin:10px 0; | |
| 9526 | +} | |
| 9527 | +.vbo-invoices-inv-back-commands .btn { | |
| 9528 | + margin:2px; | |
| 9529 | +} | |
| 9530 | +.vbo-invoices-inv-back-entries { | |
| 9531 | + background: var(--vbo-basic-btn-hover); | |
| 9532 | + border-top:1px solid var(--vbo-config-border-color); | |
| 9533 | + padding: 10px 20px; | |
| 9534 | + font-size: 12px; | |
| 9535 | + width: auto; | |
| 9536 | + display: inline-block; | |
| 9537 | + border-radius: 4px; | |
| 9538 | + margin: 2px; | |
| 9539 | + text-align: left; | |
| 9540 | +} | |
| 9541 | +.vbo-invoices-inv-entry-val small { | |
| 9542 | + font-size: 12px; | |
| 9543 | +} | |
| 9544 | +.vbo-invoices-inv-entry-val .label { | |
| 9545 | + margin-left: 3px; | |
| 9546 | +} | |
| 9547 | +.vbo-invoices-inv-frontleft { | |
| 9548 | + position: relative; | |
| 9549 | +} | |
| 9550 | +.vbo-invoices-inv-totals { | |
| 9551 | + position: absolute; | |
| 9552 | + bottom: 2px; | |
| 9553 | + width: calc(100% - 10px); | |
| 9554 | + display: flex; | |
| 9555 | + flex-wrap: wrap; | |
| 9556 | + padding: 6px; | |
| 9557 | + box-sizing: border-box; | |
| 9558 | + border: 1px solid var(--vbo-config-border-color); | |
| 9559 | + margin: 5px; | |
| 9560 | + border-radius: 4px; | |
| 9561 | +} | |
| 9562 | +.vbo-invoices-inv-totals .vbo-invoices-inv-total { | |
| 9563 | + font-weight: bold; | |
| 9564 | + margin-right: 5px; | |
| 9565 | +} | |
| 9566 | +.vbo-invoices-inv-totals .vbo-invoices-inv-totpaid { | |
| 9567 | + margin-left: auto; | |
| 9568 | +} | |
| 9569 | +.vbo-invoices-inv-totals .vbo-invoices-inv-totpaid .badge { | |
| 9570 | + padding: 2px 6px; | |
| 9571 | +} | |
| 9572 | +/* Invoices - End */ | |
| 9573 | +/* Snapshot - Start */ | |
| 9574 | +.vbo-info-overlay-snapshot { | |
| 9575 | + position: fixed; | |
| 9576 | + left: 50%; | |
| 9577 | + top: 50%; | |
| 9578 | + transform: translate(-50%, -50%); | |
| 9579 | + width: 40%; | |
| 9580 | + height: 60%; | |
| 9581 | + z-index: 101; | |
| 9582 | + padding: 20px; | |
| 9583 | + border-radius: 5px; | |
| 9584 | + background-color: var(--vbo-config-bg-color); | |
| 9585 | + box-shadow: 0px 4px 10px rgba(0,0,0, .5); | |
| 9586 | +} | |
| 9587 | +.vbo-info-overlay-snapshot-controls { | |
| 9588 | + display: block; | |
| 9589 | + text-align: center; | |
| 9590 | +} | |
| 9591 | +.vbo-info-overlay-snapshot-controls button { | |
| 9592 | + margin: 0 5px; | |
| 9593 | +} | |
| 9594 | +.vbo-info-overlay-snapshot-controls button i { | |
| 9595 | + margin-right: 5px; | |
| 9596 | +} | |
| 9597 | +.vbo-info-overlay-snapshot-movie { | |
| 9598 | + display: block; | |
| 9599 | + text-align: center; | |
| 9600 | + overflow: auto; | |
| 9601 | + margin: 10px auto; | |
| 9602 | +} | |
| 9603 | +.vbo-cur-idscan { | |
| 9604 | + display: inline-block; | |
| 9605 | + background: var(--vbo-main-bg-color); | |
| 9606 | + padding: 10px 15px; | |
| 9607 | + border-radius: 2px; | |
| 9608 | + border: 1px solid var(--vbo-config-border-color); | |
| 9609 | + color: var(--vbo-config-title-color); | |
| 9610 | + white-space: nowrap; | |
| 9611 | + overflow: hidden; | |
| 9612 | + text-overflow: ellipsis; | |
| 9613 | + max-width: 120px; | |
| 9614 | + margin: 0px 0 0px 10px; | |
| 9615 | + vertical-align: top; | |
| 9616 | +} | |
| 9617 | + | |
| 9618 | +/* Snapshot - End */ | |
| 9619 | +/* Draggable Elements - Start */ | |
| 9620 | +.vbo-draggable-sp { | |
| 9621 | + width: 98%; | |
| 9622 | + cursor: move; | |
| 9623 | +} | |
| 9624 | +.vbo-dragging-sp { | |
| 9625 | + border-radius: 12px; | |
| 9626 | + border: 1.2px dashed var(--vbo-config-title-color); | |
| 9627 | + background: rgba(129, 178, 242, 0.4) none repeat scroll 0 0; | |
| 9628 | + border-color: var(--vbo-blue-color); | |
| 9629 | + padding-left: 5px; | |
| 9630 | +} | |
| 9631 | +.vbo-tableaux-booking-checkin.vbo-dragging-sp { | |
| 9632 | + border-right: 0; | |
| 9633 | + border-radius: 0; | |
| 9634 | +} | |
| 9635 | +.vbo-dragging-cells-tmp { | |
| 9636 | + border-radius: 8px; | |
| 9637 | + border: 1px dashed var(--vbo-config-bg-color); | |
| 9638 | + background: rgba(0, 247, 136, 0.4) none repeat scroll 0 0 !important; | |
| 9639 | +} | |
| 9640 | +.vbo-dragging-cells-tmp span, .vbo-dragged-cells-tmp span { | |
| 9641 | + margin: 0 !important; | |
| 9642 | +} | |
| 9643 | +.vbo-dragged-cells-tmp { | |
| 9644 | + border-radius: 8px; | |
| 9645 | + border: 1px dashed var(--vbo-config-bg-color); | |
| 9646 | + background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; | |
| 9647 | + animation: Vikshake 0.5s ease-in-out; | |
| 9648 | + -webkit-animation: Vikshake 0.5s ease-in-out; | |
| 9649 | + -moz-animation: Vikshake 0.5s ease-in-out; | |
| 9650 | +} | |
| 9651 | +@keyframes Vikshake { | |
| 9652 | + 0% { | |
| 9653 | + transform: translateX(0); | |
| 9654 | + } | |
| 9655 | + 20% { | |
| 9656 | + transform: translateX(-10px); | |
| 9657 | + } | |
| 9658 | + 40% { | |
| 9659 | + transform: translateX(10px); | |
| 9660 | + } | |
| 9661 | + 60% { | |
| 9662 | + transform: translateX(-10px); | |
| 9663 | + } | |
| 9664 | + 80% { | |
| 9665 | + transform: translateX(10px); | |
| 9666 | + } | |
| 9667 | + 100% { | |
| 9668 | + transform: translateX(0); | |
| 9669 | + } | |
| 9670 | +} | |
| 9671 | +@-webkit-keyframes Vikshake { | |
| 9672 | + 0% { | |
| 9673 | + transform: translateX(0); | |
| 9674 | + } | |
| 9675 | + 20% { | |
| 9676 | + transform: translateX(-10px); | |
| 9677 | + } | |
| 9678 | + 40% { | |
| 9679 | + transform: translateX(10px); | |
| 9680 | + } | |
| 9681 | + 60% { | |
| 9682 | + transform: translateX(-10px); | |
| 9683 | + } | |
| 9684 | + 80% { | |
| 9685 | + transform: translateX(10px); | |
| 9686 | + } | |
| 9687 | + 100% { | |
| 9688 | + transform: translateX(0); | |
| 9689 | + } | |
| 9690 | +} | |
| 9691 | +@-moz-keyframes Vikshake { | |
| 9692 | + 0% { | |
| 9693 | + transform: translateX(0); | |
| 9694 | + } | |
| 9695 | + 20% { | |
| 9696 | + transform: translateX(-10px); | |
| 9697 | + } | |
| 9698 | + 40% { | |
| 9699 | + transform: translateX(10px); | |
| 9700 | + } | |
| 9701 | + 60% { | |
| 9702 | + transform: translateX(-10px); | |
| 9703 | + } | |
| 9704 | + 80% { | |
| 9705 | + transform: translateX(10px); | |
| 9706 | + } | |
| 9707 | + 100% { | |
| 9708 | + transform: translateX(0); | |
| 9709 | + } | |
| 9710 | +} | |
| 9711 | +.vboverviewtable > * { | |
| 9712 | + -webkit-touch-callout: none; | |
| 9713 | + -webkit-user-select: none; | |
| 9714 | + -moz-user-select: none; | |
| 9715 | + -ms-user-select: none; | |
| 9716 | +} | |
| 9717 | +table.vboverviewtable td.vbo-overv-avcell { | |
| 9718 | + position: relative; | |
| 9719 | + cursor: pointer; | |
| 9720 | +} | |
| 9721 | +td.vbo-cell-pending-update .vbo-grid-cell-rate .vbo-roomrates-cell-rate-amount, td.vbo-cell-pending-update .vbo-roomrates-cell-rate-amount { | |
| 9722 | + background-color: var(--vbo-tag-yellow-bg); | |
| 9723 | + border-radius: 4px; | |
| 9724 | + padding: 0 2px; | |
| 9725 | +} | |
| 9726 | +.vbo-cell-new-update .vbo-roomrates-cell-rate-amount { | |
| 9727 | + background: var(--vbo-light-green-color); | |
| 9728 | + border-radius: 4px; | |
| 9729 | + padding: 0 2px; | |
| 9730 | +} | |
| 9731 | +table.vbo-overv-sticky-table-head-off td.vbo-overv-avcell { | |
| 9732 | + min-width: 80px; | |
| 9733 | + max-width: 80px; | |
| 9734 | + height: 50px; | |
| 9735 | +} | |
| 9736 | +table.vboverviewtable th, table.vboverviewtable td { | |
| 9737 | + -moz-box-sizing: border-box; | |
| 9738 | + -webkit-box-sizing: border-box; | |
| 9739 | + box-sizing: border-box; | |
| 9740 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 9741 | + border-top: 1px solid var(--vbo-basic-btn-focus); | |
| 9742 | +} | |
| 9743 | +.vbo-roverview-table .vboverviewtablerow-subunit-tmp td:first-child, table.vboverviewtable .vboverviewtablerow-subunit-tmp td { | |
| 9744 | + background: var(--vbo-light-blue); | |
| 9745 | + border-top: 2px dashed var(--vbo-basic-btn-focus); | |
| 9746 | + padding-bottom: 8px; | |
| 9747 | +} | |
| 9748 | +.vbo-roverview-table .vboverviewtablerow-subunit-unassigned td:first-child, .vbo-roverview-table .vboverviewtablerow-subunit-unassigned td.vbo-overv-avcell { | |
| 9749 | + background-color: var(--vbo-warning-bg); | |
| 9750 | + padding-bottom: 8px; | |
| 9751 | +} | |
| 9752 | +.bluedays.vbo-overv-cell-newmonth { | |
| 9753 | + background: var(--vbo-info-txt); | |
| 9754 | +} | |
| 9755 | +table.vboverviewtable th:has(+ th.vbo-overv-cell-newmonth), table.vboverviewtable td:has(+ .vbo-overv-cell-newmonth) { | |
| 9756 | + border-right-color: var(--vbo-config-bg-dark); | |
| 9757 | +} | |
| 9758 | +.vbo-roverview-table .vbo-overview-room-info .vbo-overview-alert { | |
| 9759 | + display: inline-block; | |
| 9760 | + margin-left: 10px; | |
| 9761 | +} | |
| 9762 | +.vbo-roverview-table .vbo-overview-room-info .vbo-overview-alert .badge { | |
| 9763 | + border-radius: 50%; | |
| 9764 | + padding: 0; | |
| 9765 | + width: 24px; | |
| 9766 | + height: 24px; | |
| 9767 | + text-align: center; | |
| 9768 | + line-height: 24px; | |
| 9769 | + cursor: pointer; | |
| 9770 | + border: 1px solid transparent; | |
| 9771 | +} | |
| 9772 | +.vbo-roverview-table .vbo-overview-room-info .vbo-overview-alert .badge:hover { | |
| 9773 | + border: 1px solid var(--vbo-orange-color); | |
| 9774 | +} | |
| 9775 | +.vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td { | |
| 9776 | + padding: 10px; | |
| 9777 | +} | |
| 9778 | +table.vboverviewtable tr:not(.vbo-tm-row, .vbo-roomrates-row):first-child td { | |
| 9779 | + border-top: 0; | |
| 9780 | +} | |
| 9781 | +table.vboverviewtable tr:last-child td { | |
| 9782 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 9783 | +} | |
| 9784 | +table.vboverviewtable td:last-child { | |
| 9785 | + border-right: 0; | |
| 9786 | +} | |
| 9787 | +.vbo-roomdaynote-full, .vbo-roomdaynote-empty { | |
| 9788 | + position: relative; | |
| 9789 | +} | |
| 9790 | +.vboverviewtablerow td.notbusy > .vbo-overview-redday, .vboverviewtablerow td.busy > .vbo-overview-redday, .vboverviewtablerow td.busytmplock > .vbo-draggable-sp { | |
| 9791 | + position: absolute; | |
| 9792 | + top: 50%; | |
| 9793 | + left: 50%; | |
| 9794 | + transform: translate(-50%, -50%); | |
| 9795 | + overflow: auto; | |
| 9796 | + text-align: center; | |
| 9797 | +} | |
| 9798 | +.vbo-overv-avcell.notbusy.vbo-overv-globally-closed, .vbo-overv-avcell.subnotbusy.vbo-overv-globally-closed, .vbo-overv-avcell.notbusy.vbo-overv-globally-closed.vbo-overv-todaycell { | |
| 9799 | + background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-basic-btn) 10px, var(--vbo-basic-btn) 20px) !important; | |
| 9800 | +} | |
| 9801 | +.vbo-overv-avcell.notbusy.vbo-overv-globally-closed:hover, .vbo-overv-avcell.subnotbusy.vbo-overv-globally-closed:hover, .vbo-overv-avcell.notbusy.vbo-overv-globally-closed.vbo-overv-todaycell:hover { | |
| 9802 | + background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-basic-btn) 10px, var(--vbo-basic-btn) 20px) !important; | |
| 9803 | + cursor: not-allowed; | |
| 9804 | +} | |
| 9805 | +.vbo-overv-row-snake td:not(.busy-closure, .busy-sharedcalendar), .vbo-overv-row-snake td.busy-closure:has(div.vbo-tableaux-booking) { | |
| 9806 | + padding-bottom: 16px; | |
| 9807 | + vertical-align: bottom; | |
| 9808 | +} | |
| 9809 | +.vboverviewtablerow .vbo-checkinday span, .vbo-grid-avcell .vbo-tableaux-booking-checkin span { | |
| 9810 | + margin-top: -2px; | |
| 9811 | + display: block; | |
| 9812 | +} | |
| 9813 | +.vboverviewtablerow-subunit td { | |
| 9814 | + position: relative; | |
| 9815 | +} | |
| 9816 | +td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger { | |
| 9817 | + position: absolute; | |
| 9818 | +} | |
| 9819 | +td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger { | |
| 9820 | + top: auto; | |
| 9821 | + left: auto; | |
| 9822 | + position: absolute; | |
| 9823 | + right: 3px; | |
| 9824 | + bottom: -1px; | |
| 9825 | + transform: none; | |
| 9826 | + cursor: pointer; | |
| 9827 | + visibility: hidden; | |
| 9828 | + z-index: 10; | |
| 9829 | +} | |
| 9830 | +.vboverviewtablerow td.vbo-partially .vbo-roomdaynote-trigger { | |
| 9831 | + top: auto; | |
| 9832 | + left: auto; | |
| 9833 | + right: 3px; | |
| 9834 | + bottom: 0; | |
| 9835 | + transform: none; | |
| 9836 | +} | |
| 9837 | +/* Reassignment sub-unit */ | |
| 9838 | +.vbo-room-reassignment-solution-wrap h4 { | |
| 9839 | + margin: 0 0 2px; | |
| 9840 | + font-size: 16px; | |
| 9841 | +} | |
| 9842 | +.vbo-room-reassignment-solution-wrap .vbo-room-reassignment-moves-help { | |
| 9843 | + margin-bottom: 10px; | |
| 9844 | + font-size: 12px; | |
| 9845 | + color: var(--vbo-config-titles-color-light); | |
| 9846 | +} | |
| 9847 | +.vbo-room-reassignment-move { | |
| 9848 | + display: flex; | |
| 9849 | + gap: 10px; | |
| 9850 | + align-items: center; | |
| 9851 | +} | |
| 9852 | +.vbo-room-reassignment-moves-list { | |
| 9853 | + margin-top: 10px; | |
| 9854 | +} | |
| 9855 | +.vbo-room-reassignment-move-record { | |
| 9856 | + display: flex; | |
| 9857 | + justify-content: space-between; | |
| 9858 | + align-items: center; | |
| 9859 | + gap: 10px; | |
| 9860 | + padding: 10px; | |
| 9861 | + border-radius: 10px; | |
| 9862 | +} | |
| 9863 | +.vbo-room-reassignment-head .vbo-room-reassignment-move-record { | |
| 9864 | + background: var(--vbo-light-blue); | |
| 9865 | + border: 1px solid var(--vbo-info-bg); | |
| 9866 | +} | |
| 9867 | +.vbo-room-reassignment-head .vbo-booking-guest-id { | |
| 9868 | + background: var(--vbo-info-txt); | |
| 9869 | + color: var(--vbo-config-bg-color); | |
| 9870 | +} | |
| 9871 | +.vbo-room-reassignment-moves .vbo-room-reassignment-move-record { | |
| 9872 | + border: 1px solid var(--vbo-config-border-color); | |
| 9873 | + margin-bottom: 10px; | |
| 9874 | +} | |
| 9875 | +.vbo-room-reassignment-move-record .vbo-room-reassignment-booking-guest { | |
| 9876 | + display: flex; | |
| 9877 | + align-items: center; | |
| 9878 | + gap: 10px; | |
| 9879 | +} | |
| 9880 | +.vbo-room-reassignment-move-record .vbo-booking-guest-name { | |
| 9881 | + font-size: 14px; | |
| 9882 | + font-weight: 600; | |
| 9883 | +} | |
| 9884 | +.vbo-room-reassignment-move-record .vbo-tableaux-booking-avatar-img { | |
| 9885 | + width: 26px; | |
| 9886 | + height: 26px; | |
| 9887 | + border-radius: 50%; | |
| 9888 | + object-fit: cover; | |
| 9889 | +} | |
| 9890 | +.vbo-room-reassignment-move-record .vbo-room-reassignment-booking-info { | |
| 9891 | + display: flex; | |
| 9892 | + gap: 14px; | |
| 9893 | + color: var(--vbo-config-titles-color-light); | |
| 9894 | + font-size: 12px; | |
| 9895 | +} | |
| 9896 | +.vbo-room-reassignment-move-record .vbo-room-reassignment-move-details { | |
| 9897 | + display: flex; | |
| 9898 | + gap: 10px; | |
| 9899 | + align-items: center; | |
| 9900 | +} | |
| 9901 | +.vbo-room-reassignment-head .vbo-room-reassignment-move-icn { | |
| 9902 | + color: var(--vbo-info-txt); | |
| 9903 | +} | |
| 9904 | +.vbo-room-reassignment-moves .vbo-room-reassignment-move-icn { | |
| 9905 | + color: var(--vbo-base-color); | |
| 9906 | +} | |
| 9907 | +.vbo-room-reassignment-head .vbo-room-reassignment-move-to { | |
| 9908 | + background: var(--vbo-info-txt); | |
| 9909 | + color: var(--vbo-config-bg-color); | |
| 9910 | +} | |
| 9911 | +.vbo-room-reassignment-moves .vbo-room-reassignment-move-to { | |
| 9912 | + background: var(--vbo-light-blue); | |
| 9913 | + border: 1px solid var(--vbo-info-bg); | |
| 9914 | + color: var(--vbo-base-color); | |
| 9915 | +} | |
| 9916 | +.vbo-room-reassignment-move-record .vbo-room-reassignment-move-details .label { | |
| 9917 | + padding: 5px 8px !important; | |
| 9918 | + font-size: 12px; | |
| 9919 | +} | |
| 9920 | +.vbo-room-reassignment-move-record .vbo-room-reassignment-move-details .label i { | |
| 9921 | + margin-right: 2px; | |
| 9922 | +} | |
| 9923 | +.vbo-room-reassignment-move-record .vbo-room-reassignment-move-details .label-warning { | |
| 9924 | + background: var(--vbo-body-bg-color); | |
| 9925 | + border: 1px solid var(--vbo-warning-txt); | |
| 9926 | +} | |
| 9927 | +.vbo-room-reassignment-move-record .vbo-room-reassignment-move-exclude { | |
| 9928 | + text-align: right; | |
| 9929 | + position: relative; | |
| 9930 | + min-width: 100px; | |
| 9931 | +} | |
| 9932 | +.vbo-room-reassignment-move-record .vbo-room-reassignment-exclude-lbl { | |
| 9933 | + display: block; | |
| 9934 | + font-size: 10px; | |
| 9935 | + color: var(--vbo-config-text-color-light); | |
| 9936 | + font-weight: 500; | |
| 9937 | + position: absolute; | |
| 9938 | + top: -17px; | |
| 9939 | + right: 2px; | |
| 9940 | +} | |
| 9941 | +.vbo-room-reassignment-moves h5 { | |
| 9942 | + font-size: 16px; | |
| 9943 | + margin-bottom: 2px; | |
| 9944 | +} | |
| 9945 | +.vbo-room-reassignment-moves .vbo-room-reassignment-moves-help { | |
| 9946 | + font-style: italic; | |
| 9947 | +} | |
| 9948 | + | |
| 9949 | +.vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger { | |
| 9950 | + animation: 1s vbonotefadeIn; | |
| 9951 | + animation-fill-mode: forwards; | |
| 9952 | +} | |
| 9953 | + | |
| 9954 | +@keyframes vbonotefadeIn { | |
| 9955 | + 99% { | |
| 9956 | + visibility: hidden; | |
| 9957 | + } | |
| 9958 | + 100% { | |
| 9959 | + visibility: visible; | |
| 9960 | + } | |
| 9961 | +} | |
| 9962 | +.vbo-roomdaynote-full:before { | |
| 9963 | + content: ""; | |
| 9964 | + width: 100%; | |
| 9965 | + height: 3px; | |
| 9966 | + background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px); | |
| 9967 | + position: absolute; | |
| 9968 | + bottom: 0; | |
| 9969 | + left: 0; | |
| 9970 | +} | |
| 9971 | +.vbo-tableaux-table .vbo-roomdaynote-full:before { | |
| 9972 | + height: 19px; | |
| 9973 | +} | |
| 9974 | +.vbo-tableaux-table .vbo-roomdaynote-full:after { | |
| 9975 | + content: attr(data-notes); | |
| 9976 | + color: #fff; | |
| 9977 | + font-size: 12px; | |
| 9978 | + position: absolute; | |
| 9979 | + bottom: 1px; | |
| 9980 | + left: 4px; | |
| 9981 | + width: max-content; | |
| 9982 | + z-index: 1; | |
| 9983 | + max-width: 200px; | |
| 9984 | + white-space: nowrap; | |
| 9985 | + overflow: hidden; | |
| 9986 | + text-overflow: ellipsis; | |
| 9987 | +} | |
| 9988 | +.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i { | |
| 9989 | + color: var(--vbo-base-color); | |
| 9990 | + font-size: 12px; | |
| 9991 | +} | |
| 9992 | +.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover { | |
| 9993 | + color: var(--vbo-base-color-hover); | |
| 9994 | + opacity: .8; | |
| 9995 | +} | |
| 9996 | +.subroom-busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i, .busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i { | |
| 9997 | + color: var(--vbo-config-bg-color); | |
| 9998 | +} | |
| 9999 | +.vbo-roomdaynote-full .vbo-roomdaynote-trigger { | |
| 10000 | + color: var(--vbo-base-color-hover); | |
| 10001 | +} | |
| 10002 | +.vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover { | |
| 10003 | + opacity: .8; | |
| 10004 | +} | |
| 10005 | +.subroom-busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger, .busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger { | |
| 10006 | + color: var(--vbo-config-bg-color); | |
| 10007 | +} | |
| 10008 | +.vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger { | |
| 10009 | + color: #fff; | |
| 10010 | + z-index: 10; | |
| 10011 | +} | |
| 10012 | +.vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover { | |
| 10013 | + color: #b8d5f5; | |
| 10014 | +} | |
| 10015 | +.vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin, .vbo-grid-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin { | |
| 10016 | + width: calc(70% - 15px); | |
| 10017 | +} | |
| 10018 | +.vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout { | |
| 10019 | + width: calc(34% - 20px); | |
| 10020 | +} | |
| 10021 | +.vbo-overv-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout, .vbo-grid-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout { | |
| 10022 | + width: calc(34% - 10px); | |
| 10023 | +} | |
| 10024 | +.vbo-grid-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name { | |
| 10025 | + width: 40px; | |
| 10026 | + text-overflow: ellipsis; | |
| 10027 | + overflow: hidden; | |
| 10028 | + text-align: left; | |
| 10029 | +} | |
| 10030 | +.vbo-grid-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name { | |
| 10031 | + width: 110px; | |
| 10032 | + text-overflow: ellipsis; | |
| 10033 | + overflow: hidden; | |
| 10034 | + text-align: left; | |
| 10035 | +} | |
| 10036 | +.vbo-grid-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name { | |
| 10037 | + width: 190px; | |
| 10038 | + text-overflow: ellipsis; | |
| 10039 | + overflow: hidden; | |
| 10040 | + text-align: left; | |
| 10041 | +} | |
| 10042 | +.vbo-grid-avcell .vbo-tableaux-booking-checkin.vbo-droppable-cell .vbo-tableaux-guest-name { | |
| 10043 | + width: auto !important; | |
| 10044 | +} | |
| 10045 | +/* With the class "vbo-tableaux-booking-checkout-last" we change the size of the last checkout element. */ | |
| 10046 | +.vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout.vbo-tableaux-booking-checkout-last { | |
| 10047 | + width: 50%; | |
| 10048 | +} | |
| 10049 | +.vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-empty { | |
| 10050 | + display: none; | |
| 10051 | +} | |
| 10052 | +.vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto { | |
| 10053 | + display: inline-block; | |
| 10054 | + margin-left: 5px; | |
| 10055 | +} | |
| 10056 | +.vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val { | |
| 10057 | + font-weight: bold; | |
| 10058 | +} | |
| 10059 | +.vbo-modal-roomdaynotes-addnew { | |
| 10060 | + border: 1px solid var(--vbo-config-border-color); | |
| 10061 | + padding: 10px 20px 20px; | |
| 10062 | + border-radius: 4px; | |
| 10063 | + background: var(--vbo-config-child-bg-color); | |
| 10064 | +} | |
| 10065 | +.vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem { | |
| 10066 | + margin: 10px 0; | |
| 10067 | +} | |
| 10068 | +.vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label { | |
| 10069 | + display: block; | |
| 10070 | + margin-bottom: 5px; | |
| 10071 | +} | |
| 10072 | +.vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea { | |
| 10073 | + width: 100% !important; | |
| 10074 | + box-sizing: border-box; | |
| 10075 | + min-height: 80px; | |
| 10076 | +} | |
| 10077 | +tr.vboverviewtablerow-subunit { | |
| 10078 | + display: none; | |
| 10079 | +} | |
| 10080 | +.vbo-rates-queue-data { | |
| 10081 | + padding: 8px 0; | |
| 10082 | + display: grid; | |
| 10083 | + grid-template-columns: 3fr 200px 1fr 80px; | |
| 10084 | + align-items: center; | |
| 10085 | + gap: 10px 20px; | |
| 10086 | +} | |
| 10087 | +.vbo-rates-queue-data:first-child { | |
| 10088 | + padding-top: 0; | |
| 10089 | +} | |
| 10090 | +.vbo-rates-queue-data:not(:last-child) { | |
| 10091 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 10092 | +} | |
| 10093 | +.vbo-rates-queue-data-listing { | |
| 10094 | + font-weight: bold; | |
| 10095 | +} | |
| 10096 | +.vbo-rates-queue-data-rate { | |
| 10097 | + text-align: right; | |
| 10098 | +} | |
| 10099 | +.vbo-rates-queue-data-minlos { | |
| 10100 | + text-align: right; | |
| 10101 | +} | |
| 10102 | +.vbo-rates-queue-data-minlos i { | |
| 10103 | + margin-right: 2px; | |
| 10104 | + color: var(--vbo-config-titles-color-light); | |
| 10105 | + font-size: 11px; | |
| 10106 | +} | |
| 10107 | +.vbo-info-overlay-content-fests { | |
| 10108 | + padding: 0; | |
| 10109 | +} | |
| 10110 | +.vbo-info-overlay-content-fests > h3 { | |
| 10111 | + padding-top: 15px; | |
| 10112 | + padding-bottom: 15px; | |
| 10113 | +} | |
| 10114 | +.vbo-overlay-fests-addnew .vbo-overlay-fests-addnew-elem { | |
| 10115 | + margin: 5px 0 8px; | |
| 10116 | +} | |
| 10117 | +.vbo-overlay-fests-addnew .vbo-overlay-fests-addnew-elem label { | |
| 10118 | + display: block; | |
| 10119 | + margin-bottom: 3px; | |
| 10120 | +} | |
| 10121 | +.vbo-overlay-fests-list { | |
| 10122 | + padding: 10px 30px; | |
| 10123 | +} | |
| 10124 | +.vbo-overlay-fest-details { | |
| 10125 | + display: flex; | |
| 10126 | + margin: 4px 0 15px; | |
| 10127 | + padding: 10px; | |
| 10128 | + border: 1px solid var(--vbo-config-border-color); | |
| 10129 | + border-radius: 4px; | |
| 10130 | +} | |
| 10131 | +.vbo-roverw-roomdaynotes-title { | |
| 10132 | + font-size: 15px; | |
| 10133 | + margin-bottom: 7px; | |
| 10134 | +} | |
| 10135 | +.vbo-roverv-roomdaynotes-note-details { | |
| 10136 | + border: 1px solid #bce3ec; | |
| 10137 | +} | |
| 10138 | +.vbo-overlay-fest-details .vbo-fest-info { | |
| 10139 | + margin-right: 15px; | |
| 10140 | + align-self: center; | |
| 10141 | +} | |
| 10142 | +.vbo-overlay-fest-details .vbo-fest-cmds { | |
| 10143 | + margin-left: auto; | |
| 10144 | +} | |
| 10145 | +.vbo-info-overlay-content-fests .vbo-fest-cmds .btn i { | |
| 10146 | + margin-right: 0; | |
| 10147 | +} | |
| 10148 | +.vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name { | |
| 10149 | + font-size: 1.1em; | |
| 10150 | + font-weight: bold; | |
| 10151 | +} | |
| 10152 | +.vbo-overlay-fests-addnew { | |
| 10153 | + margin: 0 30px 30px; | |
| 10154 | + border: 1px solid var(--vbo-config-border-color); | |
| 10155 | + padding: 15px; | |
| 10156 | + background: var(--vbo-config-child-bg-color); | |
| 10157 | +} | |
| 10158 | +.vbo-overlay-fests-addnew > h4 { | |
| 10159 | +margin-top: 0; | |
| 10160 | + font-size: 16px; | |
| 10161 | +} | |
| 10162 | +.vbo-overlay-fests-addnew-elem input[type="text"], .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] { | |
| 10163 | + width: 70% !important; | |
| 10164 | +} | |
| 10165 | +.vbo-info-overlay-content input#invoice_num[type="number"] { | |
| 10166 | + width: 115px !important; | |
| 10167 | +} | |
| 10168 | +.vbo-overlay-fests-addnew-elem input[type="text"], .vbo-overlay-fests-addnew-elem textarea, | |
| 10169 | +.vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] { | |
| 10170 | + border: 1px solid var(--vbo-config-border-color); | |
| 10171 | + border-radius: var(--vbo-field-radius); | |
| 10172 | + padding: 5px 10px; | |
| 10173 | +} | |
| 10174 | +.vbo-overlay-fests-addnew-elem textarea { | |
| 10175 | + width: 100%; | |
| 10176 | + min-height: 80px; | |
| 10177 | + box-sizing: border-box; | |
| 10178 | +} | |
| 10179 | +.vbo-ovrv-flt-butn { | |
| 10180 | + position: fixed; | |
| 10181 | + bottom: 40px; | |
| 10182 | + right: 10px; | |
| 10183 | + padding: 8px; | |
| 10184 | + border-radius: 4px; | |
| 10185 | + background: none repeat scroll 0 0 #02679a; | |
| 10186 | + color: #fff; | |
| 10187 | + cursor: pointer; | |
| 10188 | +} | |
| 10189 | +.vbo-ovrv-flt-butn-shake { | |
| 10190 | + animation: Vikshake 0.5s ease-in-out; | |
| 10191 | + -webkit-animation: Vikshake 0.5s ease-in-out; | |
| 10192 | + -moz-animation: Vikshake 0.5s ease-in-out; | |
| 10193 | +} | |
| 10194 | +span.vbo-overview-subroom-toggle { | |
| 10195 | + cursor: pointer; | |
| 10196 | + margin-left: auto; | |
| 10197 | + margin-right: 1px; | |
| 10198 | + margin-top: 5px; | |
| 10199 | +} | |
| 10200 | +span.vbo-overview-subroom-toggle i { | |
| 10201 | + color: var(--vbo-config-title-color); | |
| 10202 | +} | |
| 10203 | +span.vbo-overview-subroom-toggle-active i { | |
| 10204 | + color: var(--vbo-base-color); | |
| 10205 | +} | |
| 10206 | +.vbo-info-overlay-loading-dnd { | |
| 10207 | + color: var(--vbo-config-bg-color); | |
| 10208 | + display: block; | |
| 10209 | + font-size: 30px; | |
| 10210 | + left: 20%; | |
| 10211 | + position: fixed; | |
| 10212 | + text-align: center; | |
| 10213 | + top: 20%; | |
| 10214 | + width: 60%; | |
| 10215 | + padding: 30px; | |
| 10216 | + z-index: 101; | |
| 10217 | + background: var(--vbo-config-title-color); | |
| 10218 | + border-radius: 20px; | |
| 10219 | + box-shadow: 0 5px 10px rgba(0, 0, 0, .3); | |
| 10220 | +} | |
| 10221 | +.vbo-loading-dnd-head { | |
| 10222 | + display: block; | |
| 10223 | + font-weight: bold; | |
| 10224 | +} | |
| 10225 | +.vbo-loading-dnd-body { | |
| 10226 | + display: block; | |
| 10227 | + font-size: smaller; | |
| 10228 | + margin-top: 30px; | |
| 10229 | +} | |
| 10230 | +.vbo-loading-dnd-response { | |
| 10231 | + background: var(--vbo-body-text-color); | |
| 10232 | + border-radius: 8px; | |
| 10233 | + display: block; | |
| 10234 | + font-size: 15px; | |
| 10235 | + margin: 15px auto 0; | |
| 10236 | + padding: 25px; | |
| 10237 | +} | |
| 10238 | +.vbo-loading-dnd-footer { | |
| 10239 | + display: block; | |
| 10240 | + font-size: smaller; | |
| 10241 | + margin-top: 30px; | |
| 10242 | +} | |
| 10243 | +#vbo-dnd-response form { | |
| 10244 | + margin-top: 10px; | |
| 10245 | +} | |
| 10246 | +#vbo-dnd-canvas-success { | |
| 10247 | + height: 100px; | |
| 10248 | +} | |
| 10249 | +/* Draggable Elements - End */ | |
| 10250 | +/* Overview Tooltip - Start */ | |
| 10251 | +.vbo-overview-tipblock { | |
| 10252 | + color: var(--vbo-body-text-color); | |
| 10253 | + max-height: 400px; | |
| 10254 | + min-height: 140px; | |
| 10255 | + overflow: auto; | |
| 10256 | + position: absolute; | |
| 10257 | + width: 400px; | |
| 10258 | + z-index: 1001; | |
| 10259 | +} | |
| 10260 | +.vbo-overview-tipblock-expanded { | |
| 10261 | + width: 800px; | |
| 10262 | + min-height: 240px; | |
| 10263 | + right: 0; | |
| 10264 | +} | |
| 10265 | +.vbo-overview-tipexpander { | |
| 10266 | + position: absolute; | |
| 10267 | + top: 1px; | |
| 10268 | + left: 1px; | |
| 10269 | + z-index: 2; | |
| 10270 | +} | |
| 10271 | +.vbo-overview-expandtoggle { | |
| 10272 | + display: inline-block; | |
| 10273 | + width: 26px; | |
| 10274 | + height: 26px; | |
| 10275 | + line-height: 24px; | |
| 10276 | + color: #fff; | |
| 10277 | + background: #666; | |
| 10278 | + text-align: center; | |
| 10279 | + border-radius: 2px; | |
| 10280 | + font-size: 14px; | |
| 10281 | + cursor: pointer; | |
| 10282 | +} | |
| 10283 | +.vbo-overview-expandtoggle:hover { | |
| 10284 | + background: #999; | |
| 10285 | +} | |
| 10286 | +.vbo-overview-tipinner { | |
| 10287 | + display: block; | |
| 10288 | + padding: 10px 0 0 5px; | |
| 10289 | +} | |
| 10290 | +.vbo-overview-tiploading { | |
| 10291 | + display: block; | |
| 10292 | + font-weight: bold; | |
| 10293 | + background-color: rgba(255,255,255, .9); | |
| 10294 | + padding: 10px 15px; | |
| 10295 | + border-radius: 3px; | |
| 10296 | + box-shadow: 0 0 10px rgba(0,0,0,.1); | |
| 10297 | +} | |
| 10298 | +.vbo-overview-tip-bookingcont { | |
| 10299 | + margin: 4px 0; | |
| 10300 | + position: relative; | |
| 10301 | + display: flex; | |
| 10302 | + font-size: 12px; | |
| 10303 | + box-shadow: 0 -1px 8px rgba(0,0,0,.1); | |
| 10304 | + border-radius: 8px; | |
| 10305 | + border: 1px solid var(--vbo-config-border-color); | |
| 10306 | +} | |
| 10307 | +.vbo-overview-tip-bookingcont:first-child { | |
| 10308 | + margin-top: 0; | |
| 10309 | +} | |
| 10310 | +.vbo-overview-tip-bookingcont:last-child { | |
| 10311 | + margin-bottom: 0; | |
| 10312 | +} | |
| 10313 | +.vbo-overview-tip-bookingcont-left { | |
| 10314 | + flex-basis: 35%; | |
| 10315 | + display: inline-block; | |
| 10316 | + vertical-align: top; | |
| 10317 | + text-align: left; | |
| 10318 | + background: var(--vbo-body-bg-color); | |
| 10319 | + box-shadow: 0 -1px 8px rgba(0,0,0,.1); | |
| 10320 | + padding: 15px 20px; | |
| 10321 | + border-top-left-radius: 8px; | |
| 10322 | + border-bottom-left-radius: 8px; | |
| 10323 | + z-index: 1; | |
| 10324 | +} | |
| 10325 | +.vbo-overview-tip-bookingcont-right { | |
| 10326 | + flex: 1; | |
| 10327 | + display: inline-block; | |
| 10328 | + vertical-align: top; | |
| 10329 | + text-align: left; | |
| 10330 | + background-color: var(--vbo-body-bg-color); | |
| 10331 | + padding: 10px 20px; | |
| 10332 | + border-top-right-radius: 8px; | |
| 10333 | + border-bottom-right-radius: 8px; | |
| 10334 | +} | |
| 10335 | +.vbo-overview-tip-bookingcont-right > div, | |
| 10336 | +.vbo-overview-tip-bookingcont-left > div { | |
| 10337 | + margin: 7px 0; | |
| 10338 | + line-height: 1.3em; | |
| 10339 | + white-space: break-spaces; | |
| 10340 | +} | |
| 10341 | +.vbo-overview-tip-bookingcont-right > div:first-child, | |
| 10342 | +.vbo-overview-tip-bookingcont-left > div:first-child { | |
| 10343 | + margin-top: 0; | |
| 10344 | +} | |
| 10345 | +.vbo-overview-tip-bookingcont-right > div:last-child, | |
| 10346 | +.vbo-overview-tip-bookingcont-left > div:last-child { | |
| 10347 | + margin-bottom: 0; | |
| 10348 | +} | |
| 10349 | +.vbo-overview-tip-bookingcont-right > .vbo-overview-tip-optindexes .vbo-overview-tip-lbl { | |
| 10350 | + display: none; | |
| 10351 | +} | |
| 10352 | +.vbo-overview-tip-bctag-wrap { | |
| 10353 | + display: flex; | |
| 10354 | + gap: 6px; | |
| 10355 | + align-items: center; | |
| 10356 | + border: 1px solid var(--vbo-config-border-color); | |
| 10357 | + border-radius: 20px; | |
| 10358 | + width: max-content; | |
| 10359 | +} | |
| 10360 | +.vbo-overview-tip-bctag-wrap .vbo-overview-tip-bctag { | |
| 10361 | + border-radius: 50%; | |
| 10362 | +} | |
| 10363 | +.vbo-overview-tip-bookingcont span { | |
| 10364 | + margin-top: 0 !important; | |
| 10365 | + position: relative !important; | |
| 10366 | + left: auto !important; | |
| 10367 | + top: auto !important; | |
| 10368 | + transform: initial !important; | |
| 10369 | + text-align: left !important; | |
| 10370 | + overflow: initial !important; | |
| 10371 | +} | |
| 10372 | +.vbo-overview-tip-bookingcont span.vbo-overview-tip-bctag-name { | |
| 10373 | + font-weight: bold; | |
| 10374 | + padding-right: 10px; | |
| 10375 | +} | |
| 10376 | +.vbo-overview-tip-cnt .vbo-channelimg-small { | |
| 10377 | + max-width: 70px; | |
| 10378 | +} | |
| 10379 | +.vbo-overview-tip-bookingcont .vbo-country-flag-left { | |
| 10380 | + float: inherit; | |
| 10381 | + padding-left: 5px; | |
| 10382 | + vertical-align: bottom; | |
| 10383 | +} | |
| 10384 | +.vbo-overview-tip-bookingcont .vbo-overview-tip-lbl { | |
| 10385 | + font-weight: 500; | |
| 10386 | + display: block; | |
| 10387 | + color: var(--vbo-config-titles-color-light); | |
| 10388 | + font-size: 11px; | |
| 10389 | +} | |
| 10390 | +.vbo-overview-tip-lbl .vbo-overview-tip-lbl-innerleft { | |
| 10391 | + float: right; | |
| 10392 | +} | |
| 10393 | +.vbo-overview-tip-btot .vbo-overview-tip-lbl { | |
| 10394 | + display: inline-block; | |
| 10395 | + margin-right: 3px; | |
| 10396 | +} | |
| 10397 | +.vbo-overview-tip-bookingcont .vbo-overview-tip-cnt { | |
| 10398 | + font-weight: bold; | |
| 10399 | + display: inline-block; | |
| 10400 | +} | |
| 10401 | +.vbo-overview-tip-bookingcont-total { | |
| 10402 | + font-size: 13px; | |
| 10403 | + padding-top: 2px; | |
| 10404 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 10405 | +} | |
| 10406 | +.vbo-overview-tip-bookingcont-total .vbo-overview-tip-btot { | |
| 10407 | + margin-bottom: 5px; | |
| 10408 | + border-radius: 4px; | |
| 10409 | +} | |
| 10410 | +.vbo-overview-tip-btot .vbo-overview-tip-lbl { | |
| 10411 | + display: block; | |
| 10412 | + margin-right: 3px; | |
| 10413 | +} | |
| 10414 | +.vbo-overview-tip-bookingcont-total .vbo-overview-tip-cnt { | |
| 10415 | + font-size: 16px; | |
| 10416 | +} | |
| 10417 | +.vbo-overview-tip-bookingcont-total .vbo-overview-tip-btotpaid .vbo-overview-tip-cnt { | |
| 10418 | + font-size: 14px; | |
| 10419 | +} | |
| 10420 | +.vbo-overview-tip-optindexes select { | |
| 10421 | + max-width: 180px !important; | |
| 10422 | +} | |
| 10423 | +.vbo-overview-tip-bstatus .label { | |
| 10424 | + background: transparent !important; | |
| 10425 | + padding: 0; | |
| 10426 | + font-size: inherit; | |
| 10427 | + line-height: auto; | |
| 10428 | + text-transform: uppercase; | |
| 10429 | +} | |
| 10430 | +.vbo-overview-tip-bstatus .label-success, body.admin .vbo-overview-tip-bstatus .label-success { | |
| 10431 | + background: transparent !important; | |
| 10432 | + color: var(--vbo-green-color) !important; | |
| 10433 | +} | |
| 10434 | +.vbo-overview-tip-bstatus .label-warning, body.admin .vbo-overview-tip-bstatus .label-warning { | |
| 10435 | + color: var(--vbo-warning-color) !important; | |
| 10436 | + background: transparent !important; | |
| 10437 | +} | |
| 10438 | +.vbo-overview-tip-bstatus .label-error, body.admin .vbo-overview-tip-bstatus .label-error, | |
| 10439 | +.vbo-overview-tip-bstatus .label-danger, body.admin .vbo-overview-tip-bstatus .label-danger { | |
| 10440 | + color: var(--vbo-red-color) !important; | |
| 10441 | + background: transparent !important; | |
| 10442 | +} | |
| 10443 | +.vbo-overview-tip-lbl .tooltip { | |
| 10444 | + min-width: 140px !important; | |
| 10445 | +} | |
| 10446 | +.vbo-overview-tip-bctag-wrap { | |
| 10447 | + z-index: 10; | |
| 10448 | + margin: 15px 0 0; | |
| 10449 | + position: relative; | |
| 10450 | +} | |
| 10451 | +.vbo-overview-tip-bctag { | |
| 10452 | + background-color: var(--vbo-config-bg-color); | |
| 10453 | + border-radius: 4px; | |
| 10454 | + cursor: pointer; | |
| 10455 | + height: 22px; | |
| 10456 | + width: 22px; | |
| 10457 | + text-align: center; | |
| 10458 | + vertical-align: top; | |
| 10459 | + font-size: 10px !important; | |
| 10460 | + line-height: 25px !important; | |
| 10461 | +} | |
| 10462 | +.vbo-overview-tip-bctag i, .vbo-colortag-square i { | |
| 10463 | + margin: 0; | |
| 10464 | +} | |
| 10465 | +.vbo-overview-tip-bctag i[class^="vboicn-"] { | |
| 10466 | + margin-right: 0; | |
| 10467 | +} | |
| 10468 | +.vbo-overview-tip-bctag-subtip { | |
| 10469 | + background-color: var(--vbo-config-bg-color); | |
| 10470 | + left: 37px; | |
| 10471 | + position: absolute; | |
| 10472 | + top: -9px; | |
| 10473 | + width: 250px; | |
| 10474 | + z-index: 1000001; | |
| 10475 | + padding: 7px; | |
| 10476 | + box-shadow: 0 4px 4px rgba(0,0,0, .3); | |
| 10477 | + border-radius: 2px; | |
| 10478 | +} | |
| 10479 | +.vbo-overview-tip-bctag-subtip:before { | |
| 10480 | + content: ""; | |
| 10481 | + position: absolute; | |
| 10482 | + top:50%; | |
| 10483 | + left: -8px; | |
| 10484 | + transform: translate(0, -50%); | |
| 10485 | + width: 0; | |
| 10486 | + height: 0; | |
| 10487 | + border-style: solid; | |
| 10488 | + border-width: 5px 8px 5px 0; | |
| 10489 | + border-color: transparent #fff transparent transparent; | |
| 10490 | +} | |
| 10491 | +.vbo-overview-tip-bctag-subtip-circle { | |
| 10492 | + border-radius: 50%; | |
| 10493 | + display: inline-block; | |
| 10494 | + height: 16px; | |
| 10495 | + margin: 2px; | |
| 10496 | + width: 16px; | |
| 10497 | + cursor: pointer; | |
| 10498 | + padding: 1px; | |
| 10499 | + border: 1px solid var(--vbo-config-bg-color); | |
| 10500 | +} | |
| 10501 | +.vbo-overview-tip-bctag-subtip-circle > div { | |
| 10502 | + width: 100%; | |
| 10503 | + height: 100%; | |
| 10504 | + border-radius: 50%; | |
| 10505 | +} | |
| 10506 | +table.vboverviewtable .vbo-roomrates-row td.vbo-roomrates-cell-first { | |
| 10507 | + padding: 0 10px; | |
| 10508 | +} | |
| 10509 | +table.vboverviewtable .vbo-roomrates-row td.vbo-roomrates-cell-first i { | |
| 10510 | + margin-right: 10px; | |
| 10511 | + color: var(--vbo-blue-color-hover); | |
| 10512 | +} | |
| 10513 | +table.vboverviewtable .vbo-roomrates-row td:not(:first-child):not(.vbo-cell-selected) { | |
| 10514 | + border-left: 1px solid var(--vbo-config-bg-color); | |
| 10515 | + border-bottom: 1px solid var(--vbo-config-bg-color); | |
| 10516 | +} | |
| 10517 | +table.vboverviewtable .vbo-roomrates-row td, table.vboverviewtable .vbo-tm-row td { | |
| 10518 | + border-top: 1px dashed var(--vbo-config-border-color); | |
| 10519 | +} | |
| 10520 | +table.vboverviewtable td.notbusy.vbo-grid-avcell-rates:after, table.vboverviewtable .vbo-roomrates-cell-day:after { | |
| 10521 | + content:""; | |
| 10522 | + position: absolute; | |
| 10523 | + top: 0; | |
| 10524 | + left: 0; | |
| 10525 | + border: 1px solid transparent; | |
| 10526 | +} | |
| 10527 | +table.vboverviewtable td.notbusy.vbo-grid-avcell-rates:after { | |
| 10528 | + width: calc(100% - 2px); | |
| 10529 | + height: calc(100% - 2px); | |
| 10530 | +} | |
| 10531 | +table.vboverviewtable .vbo-roomrates-cell-day:after { | |
| 10532 | + width: calc(100% - 1px); | |
| 10533 | + height: calc(100% - 1px); | |
| 10534 | +} | |
| 10535 | +table.vboverviewtable td.notbusy.vbo-grid-avcell-rates:hover:not([data-ispast="1"]):after, table.vboverviewtable .vbo-roomrates-cell-day:hover:not([data-ispast="1"]):after { | |
| 10536 | + border: 1px solid var(--vbo-config-title-color); | |
| 10537 | +} | |
| 10538 | +table.vboverviewtable td.vbo-cell-selected { | |
| 10539 | + border-top: 2px solid var(--vbo-config-title-color); | |
| 10540 | + border-bottom: 2px solid var(--vbo-config-title-color) !important; | |
| 10541 | +} | |
| 10542 | +table.vboverviewtable td.vbo-cell-selected-first { | |
| 10543 | + border-left: 2px solid var(--vbo-config-title-color); | |
| 10544 | +} | |
| 10545 | +table.vboverviewtable td.vbo-cell-selected-last { | |
| 10546 | + border-right: 2px solid var(--vbo-config-title-color); | |
| 10547 | +} | |
| 10548 | +table.vboverviewtable td.vbo-cell-selected-middle-row-down { | |
| 10549 | + border-top: 0 !important; | |
| 10550 | +} | |
| 10551 | +table.vboverviewtable td.vbo-cell-selected-middle-row-up { | |
| 10552 | + border-bottom: 0 !important; | |
| 10553 | +} | |
| 10554 | +.vbo-overview-action-raterestr-info { | |
| 10555 | + text-align: center; | |
| 10556 | +} | |
| 10557 | +.vbo-overview-action-raterestr-info .vbo-overview-action-raterestr-listings-info { | |
| 10558 | + display: block; | |
| 10559 | + text-align: center; | |
| 10560 | + font-weight: bold; | |
| 10561 | + font-size: 18px; | |
| 10562 | + margin-bottom: 7px; | |
| 10563 | +} | |
| 10564 | +.vbo-overview-action-raterestr-info .vbo-overview-action-raterestr-listings-info i { | |
| 10565 | + font-size: 14px; | |
| 10566 | + margin-right: 5px; | |
| 10567 | + color: var(--vbo-config-titles-color-light); | |
| 10568 | +} | |
| 10569 | +.vbo-overview-action-raterestr-info .vbo-overview-action-raterestr-dates { | |
| 10570 | + font-weight: bold; | |
| 10571 | + font-size: 13px; | |
| 10572 | +} | |
| 10573 | + | |
| 10574 | +.vbo-blist-tip-bctag-subtip { | |
| 10575 | + position: relative; | |
| 10576 | +} | |
| 10577 | +.vbo-blist-tip-bctag-subtip-inner { | |
| 10578 | + background-color: var(--vbo-config-bg-color); | |
| 10579 | + left: 50%; | |
| 10580 | + position: absolute; | |
| 10581 | + top: 0; | |
| 10582 | + width: 250px; | |
| 10583 | + z-index: 99; | |
| 10584 | + padding: 7px; | |
| 10585 | + box-shadow: 0 2px 3px rgba(0,0,0,0.5); | |
| 10586 | + border-radius: 4px; | |
| 10587 | + transform: translate(-50%, 0%); | |
| 10588 | +} | |
| 10589 | +.vbo-blist-tip-bctag-subtip-circle { | |
| 10590 | + border-radius: 50%; | |
| 10591 | + display: inline-block; | |
| 10592 | + height: 16px; | |
| 10593 | + margin: 2px; | |
| 10594 | + width: 16px; | |
| 10595 | + cursor: pointer; | |
| 10596 | + padding: 1px; | |
| 10597 | + border: 1px solid #fff; | |
| 10598 | +} | |
| 10599 | +.vbo-blist-tip-bctag-subtip-circle > div { | |
| 10600 | + width: 100%; | |
| 10601 | + height: 100%; | |
| 10602 | + border-radius: 50%; | |
| 10603 | +} | |
| 10604 | +.vbo-overview-tagslegend { | |
| 10605 | + display: inline-block; | |
| 10606 | + margin-top: 5px; | |
| 10607 | +} | |
| 10608 | +.vbo-overview-legend-tag { | |
| 10609 | + float: left; | |
| 10610 | + margin-right: 4px; | |
| 10611 | +} | |
| 10612 | +.vbo-overview-tagslegend-lbl { | |
| 10613 | + display: inline-block; | |
| 10614 | + font-size: 12px; | |
| 10615 | + float: left; | |
| 10616 | + font-weight: bold; | |
| 10617 | + margin-right: 5px; | |
| 10618 | +} | |
| 10619 | +/* Overview Tooltip - End */ | |
| 10620 | +/* Booking Checkin - Start */ | |
| 10621 | +.vbo-bookdet-container { | |
| 10622 | + padding: 15px 20px 5px; | |
| 10623 | + background: var(--vbo-config-bg-color); | |
| 10624 | + border: 1px solid var(--vbo-basic-btn); | |
| 10625 | + box-shadow: 0 0 10px rgba(0,0,0,.1); | |
| 10626 | + margin-bottom: 20px; | |
| 10627 | + border-radius: 4px; | |
| 10628 | + text-align: left; | |
| 10629 | + box-sizing: border-box; | |
| 10630 | +} | |
| 10631 | +.vbo-bookdet-wrap { | |
| 10632 | + display: inline-block; | |
| 10633 | + margin: 0 10px 10px 10px; | |
| 10634 | + min-width: 50px; | |
| 10635 | + vertical-align: top; | |
| 10636 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 10637 | + padding-right: 20px; | |
| 10638 | +} | |
| 10639 | +.vbo-bookdet-wrap:last-child { | |
| 10640 | + border: 0; | |
| 10641 | +} | |
| 10642 | +.vbo-bookdet-head { | |
| 10643 | + color: var(--vbo-config-titles-color-light); | |
| 10644 | + margin: 0; | |
| 10645 | + overflow-wrap: break-word; | |
| 10646 | + padding: 3px 0; | |
| 10647 | + text-align: left; | |
| 10648 | + position: relative; | |
| 10649 | + font-weight: bold; | |
| 10650 | + text-transform: uppercase; | |
| 10651 | + font-size: 11px; | |
| 10652 | +} | |
| 10653 | +.vbo-bookdet-container .vbo-bookdet-wrap .wp-quest-popover { | |
| 10654 | + margin-left: 5px; | |
| 10655 | +} | |
| 10656 | +.vbo-bookdet-container .vbo-bookdet-wrap .vboicn-info { | |
| 10657 | + margin-right: 5px !important; | |
| 10658 | +} | |
| 10659 | +.vbo-bookdet-foot { | |
| 10660 | + font-size: 16px; | |
| 10661 | + font-weight: bold; | |
| 10662 | + overflow-wrap: break-word; | |
| 10663 | + text-align: left; | |
| 10664 | + padding: 3px 0; | |
| 10665 | +} | |
| 10666 | +.vbo-customer-info-box { | |
| 10667 | + display: inline-block; | |
| 10668 | +} | |
| 10669 | +.vbo-customer-info-box .vbo-customer-info-box-avatar { | |
| 10670 | + margin-right: 3px; | |
| 10671 | + vertical-align: middle; | |
| 10672 | + display: inline-block; | |
| 10673 | +} | |
| 10674 | +.vbo-customer-info-box .vbo-customer-info-box-avatar img { | |
| 10675 | + border-radius: 50%; | |
| 10676 | + display: inline-block; | |
| 10677 | + cursor: pointer; | |
| 10678 | + object-fit: cover; | |
| 10679 | +} | |
| 10680 | +.vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img { | |
| 10681 | + width: 30px; | |
| 10682 | + height: 30px; | |
| 10683 | + object-fit: cover; | |
| 10684 | +} | |
| 10685 | +.vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-medium img { | |
| 10686 | + width: 48px; | |
| 10687 | + height: 48px; | |
| 10688 | + object-fit: cover; | |
| 10689 | +} | |
| 10690 | +.vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-large img { | |
| 10691 | + width: 64px; | |
| 10692 | + height: 64px; | |
| 10693 | + object-fit: cover; | |
| 10694 | +} | |
| 10695 | +.vbo-customer-info-box .vbo-customer-info-box-name { | |
| 10696 | + display: inline-block; | |
| 10697 | + vertical-align: middle; | |
| 10698 | +} | |
| 10699 | +.vbo-customer-info-box .vbo-customer-info-box-name a { | |
| 10700 | + color: var(--vbo-base-color); | |
| 10701 | +} | |
| 10702 | +.vbo-bookdet-foot .btn-primary { | |
| 10703 | + border: var(--vbo-base-color); | |
| 10704 | + padding: 3px 12px; | |
| 10705 | + font-weight: bold; | |
| 10706 | +} | |
| 10707 | +.vbo-bookdet-foot .label { | |
| 10708 | + padding: 5px 14px !important; | |
| 10709 | + font-size: 12px; | |
| 10710 | + border-radius: 24px; | |
| 10711 | + letter-spacing: .3px; | |
| 10712 | +} | |
| 10713 | +.vbo-label-overbooking { | |
| 10714 | + cursor: pointer; | |
| 10715 | +} | |
| 10716 | +.vbo-label-overbooking:hover { | |
| 10717 | + background-color: var(--vbo-red-color-hover) !important; | |
| 10718 | +} | |
| 10719 | +.vbo-label-nested.vbo-label-overbooking { | |
| 10720 | + padding: 3px 5px !important; | |
| 10721 | + font-weight: 500; | |
| 10722 | + line-height: 12px; | |
| 10723 | + font-size: 11px; | |
| 10724 | +} | |
| 10725 | +.vbo-bookdet-wrap .vbo-bookdet-foot .btn-small { | |
| 10726 | + padding: 4px 12px; | |
| 10727 | + font-size: 13px; | |
| 10728 | +} | |
| 10729 | +.vbo-bookdet-foot .vbo-dorefund-btn { | |
| 10730 | + position: relative; | |
| 10731 | +} | |
| 10732 | +.vbo-bookdet-foot .vbo-dorefund-btn[data-totrefunds]:after { | |
| 10733 | + content: attr(data-totrefunds); | |
| 10734 | + position: absolute; | |
| 10735 | + background-color: var(--vbo-config-bg-color); | |
| 10736 | + color: var(--vbo-config-title-color); | |
| 10737 | + font-weight: bold; | |
| 10738 | + font-size: 13px; | |
| 10739 | + border-radius: 4px; | |
| 10740 | + text-align: center; | |
| 10741 | + padding: 1px 4px; | |
| 10742 | + top: -8px; | |
| 10743 | + border: 2px solid var(--vbo-red-color); | |
| 10744 | + right: -12px; | |
| 10745 | + box-shadow: 0 2px 4px rgba(0,0,0,.15); | |
| 10746 | +} | |
| 10747 | +.vbo-bookingdet-topcontainer .vbo-bookdet-container { | |
| 10748 | + padding: 15px 20px 5px; | |
| 10749 | + background: var(--vbo-config-bg-color); | |
| 10750 | + border: 1px solid var(--vbo-main-bg-color); | |
| 10751 | + box-shadow: 0 0 10px rgba(0,0,0,.1); | |
| 10752 | + margin-bottom: 5px; | |
| 10753 | + border-radius: 4px; | |
| 10754 | + text-align: left; | |
| 10755 | + box-sizing: border-box; | |
| 10756 | +} | |
| 10757 | +.vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-conv-currency { | |
| 10758 | + padding: 10px 20px 10px; | |
| 10759 | +} | |
| 10760 | +.vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info { | |
| 10761 | + display: inline-block; | |
| 10762 | +} | |
| 10763 | +.vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info span:not(:first-child) { | |
| 10764 | + font-weight: bold; | |
| 10765 | +} | |
| 10766 | +.vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply { | |
| 10767 | + display: inline-block; | |
| 10768 | +} | |
| 10769 | +.vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn { | |
| 10770 | + padding: 8px 11px; | |
| 10771 | + margin-left: 15px; | |
| 10772 | +} | |
| 10773 | +.vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert { | |
| 10774 | + padding: 10px 20px 10px; | |
| 10775 | + display: flex; | |
| 10776 | + flex-wrap: wrap; | |
| 10777 | +} | |
| 10778 | +.vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-dismiss { | |
| 10779 | + display: inline-block; | |
| 10780 | + align-self: center; | |
| 10781 | +} | |
| 10782 | +.vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message { | |
| 10783 | + display: inline-block; | |
| 10784 | + vertical-align: top; | |
| 10785 | + margin-left: 15px; | |
| 10786 | + flex: 1; | |
| 10787 | +} | |
| 10788 | +.vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div { | |
| 10789 | + margin-bottom: 5px | |
| 10790 | +} | |
| 10791 | +.vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div:last-child { | |
| 10792 | + margin-bottom: 0; | |
| 10793 | +} | |
| 10794 | +.vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-top { | |
| 10795 | + font-weight: bold; | |
| 10796 | + font-size: 1.1em; | |
| 10797 | +} | |
| 10798 | +.vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-avtype .vbo-bookdet-inquiry-alert-mess-avtype { | |
| 10799 | + display: block; | |
| 10800 | +} | |
| 10801 | +.vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-bottom { | |
| 10802 | + font-style: italic; | |
| 10803 | +} | |
| 10804 | +.vbo-bookingdet-topcontainer .vbo-bookingdet-innertop { | |
| 10805 | + width: 100%; | |
| 10806 | + display: inline-block; | |
| 10807 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 10808 | + padding: 20px 0 0; | |
| 10809 | + margin-bottom: -5px; | |
| 10810 | +} | |
| 10811 | +.vbo-bookingdet-topcontainer .vbo-bookingdet-tabs { | |
| 10812 | + float: left; | |
| 10813 | + text-align: center; | |
| 10814 | + color: var(--vbo-config-titles-color-light); | |
| 10815 | +} | |
| 10816 | +.vbo-bookingdet-innercontainer { | |
| 10817 | + display: flex; | |
| 10818 | + -ms-flex-wrap: wrap; | |
| 10819 | + -webkit-flex-wrap: wrap; | |
| 10820 | + flex-wrap: wrap; | |
| 10821 | +} | |
| 10822 | +.vbo-bookingdet-innercontainer > div { | |
| 10823 | + padding: 18px; | |
| 10824 | +} | |
| 10825 | +.vbo-bookingdet-detcont, .vbo-bookingdet-admin-entry { | |
| 10826 | + background: var(--vbo-config-bg-color); | |
| 10827 | + padding: 15px; | |
| 10828 | + border-radius: 8px; | |
| 10829 | + margin: 10px 0; | |
| 10830 | + position: relative; | |
| 10831 | +} | |
| 10832 | +.vbo-bookingdet-detcont:first-child, .vbo-bookingdet-admin-entry:first-child { | |
| 10833 | + margin-top: 0; | |
| 10834 | +} | |
| 10835 | +.vbo-bookingdet-admin-entry > span { | |
| 10836 | + margin-bottom: 4px; | |
| 10837 | + display: inline-block; | |
| 10838 | + font-weight: bold; | |
| 10839 | + color: var(--vbo-config-titles-color-light); | |
| 10840 | +} | |
| 10841 | +.vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label { | |
| 10842 | + font-weight: bold; | |
| 10843 | + text-transform: uppercase; | |
| 10844 | + margin-bottom: 5px; | |
| 10845 | +} | |
| 10846 | +.vbo-bookingdet-detcont > div { | |
| 10847 | + margin: 8px 0; | |
| 10848 | +} | |
| 10849 | +.vbo-bookingdet-detcont .vbo-bookingdet-inpcont input#phone_alias:focus { | |
| 10850 | + border: 1px solid var(--vbo-config-border-color); | |
| 10851 | + box-shadow: none; | |
| 10852 | +} | |
| 10853 | +.vbo-bookingdet-task-details { | |
| 10854 | + border: 1px solid var(--vbo-basic-btn); | |
| 10855 | + border-radius: 10px; | |
| 10856 | + padding: 10px; | |
| 10857 | + margin-bottom: 6px; | |
| 10858 | + cursor: pointer; | |
| 10859 | + position: relative; | |
| 10860 | +} | |
| 10861 | +.vbo-bookingdet-task-details:hover { | |
| 10862 | + border-color: var(--vbo-config-title-color); | |
| 10863 | +} | |
| 10864 | +.vbo-bookingdet-task-detail[data-type="info"] { | |
| 10865 | + margin-bottom: 5px; | |
| 10866 | + padding-right: 20px; | |
| 10867 | +} | |
| 10868 | +.vbo-bookingdet-task-detail[data-type="unread-messages"] { | |
| 10869 | + position: absolute; | |
| 10870 | + right: 10px; | |
| 10871 | + top: 10px; | |
| 10872 | +} | |
| 10873 | +.vbo-bookingdet-task-detail .vbo-bookingdet-task-title { | |
| 10874 | + font-weight: bold; | |
| 10875 | + display: block; | |
| 10876 | +} | |
| 10877 | +.vbo-bookingdet-task-detail .vbo-bookingdet-task-sub-title { | |
| 10878 | + font-size: .9em; | |
| 10879 | + opacity: .8; | |
| 10880 | +} | |
| 10881 | +.vbo-bookingdet-detcont > .vbo-bookingdet-checkdt:last-child { | |
| 10882 | + margin-top: 20px; | |
| 10883 | +} | |
| 10884 | +.vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-logo { | |
| 10885 | + line-height: 8px; | |
| 10886 | +} | |
| 10887 | +.vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-logo img { | |
| 10888 | + width: 20px; | |
| 10889 | +} | |
| 10890 | +.vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-details { | |
| 10891 | + display: flex; | |
| 10892 | + gap: 8px; | |
| 10893 | + align-items: center; | |
| 10894 | +} | |
| 10895 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info { | |
| 10896 | + border: 1px solid var(--vbo-config-border-color); | |
| 10897 | + padding: 5px; | |
| 10898 | + border-radius: 4px; | |
| 10899 | +} | |
| 10900 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status { | |
| 10901 | + margin-top: 0; | |
| 10902 | + margin-bottom: 8px; | |
| 10903 | +} | |
| 10904 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status i { | |
| 10905 | + border-radius: 50%; | |
| 10906 | + line-height: 12px; | |
| 10907 | + font-size: 13px; | |
| 10908 | + padding: 5px; | |
| 10909 | +} | |
| 10910 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status .vbo-bookingdet-detcont-ai-info-status-off i { | |
| 10911 | + background: var(--vbo-red-color); | |
| 10912 | + color: var(--vbo-contrast-text-color); | |
| 10913 | +} | |
| 10914 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status .vbo-bookingdet-detcont-ai-info-status-on i { | |
| 10915 | + background: var(--vbo-green-color); | |
| 10916 | + color: var(--vbo-contrast-text-color); | |
| 10917 | +} | |
| 10918 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status > span { | |
| 10919 | + display: flex; | |
| 10920 | + align-items: center; | |
| 10921 | + gap: 5px; | |
| 10922 | +} | |
| 10923 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status span > span { | |
| 10924 | + font-size: .9em; | |
| 10925 | + font-weight: 500; | |
| 10926 | +} | |
| 10927 | +.vbo-bookingdet-detcont > div .field-calendar input[type="text"], .vbo-bookingdet-detcont > div .vbo-field-calendar input[type="text"] { | |
| 10928 | + width: 100px !important; | |
| 10929 | +} | |
| 10930 | +.vbo-bookingdet-detcont .vbo-bookingdet-inpcont { | |
| 10931 | + display: flex; | |
| 10932 | + align-items: center; | |
| 10933 | + gap: 4px; | |
| 10934 | +} | |
| 10935 | +.vbo-bookingdet-detcont .vbo-bookingdet-inpcont .vbo-bookingdet-save-email .btn { | |
| 10936 | + display: flex; | |
| 10937 | + align-items: center; | |
| 10938 | +} | |
| 10939 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label { | |
| 10940 | + display: flex; | |
| 10941 | + width: 100%; | |
| 10942 | + box-sizing: border-box; | |
| 10943 | + padding: 5px 6px !important; | |
| 10944 | + font-size: 12px; | |
| 10945 | +} | |
| 10946 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label > span:first-child { | |
| 10947 | + align-self: center; | |
| 10948 | + margin-right: 8px; | |
| 10949 | +} | |
| 10950 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label .badge { | |
| 10951 | + margin-left: auto; | |
| 10952 | + padding: 4px 10px; | |
| 10953 | + cursor: pointer; | |
| 10954 | +} | |
| 10955 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info { | |
| 10956 | + background-color: transparent !important; | |
| 10957 | + border: 1px solid var(--vbo-blue-color); | |
| 10958 | + color: var(--vbo-blue-color); | |
| 10959 | +} | |
| 10960 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info .badge { | |
| 10961 | + background: var(--vbo-blue-color); | |
| 10962 | +} | |
| 10963 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.vbo-bookingdet-detcont-label-idorderota { | |
| 10964 | + border-radius: 5px; | |
| 10965 | +} | |
| 10966 | + | |
| 10967 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.airbnbapi .label-info { | |
| 10968 | + color: var(--vbo-config-title-color); | |
| 10969 | +} | |
| 10970 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.airbnbapi .label-info .badge { | |
| 10971 | + background: #ff375c; | |
| 10972 | +} | |
| 10973 | + | |
| 10974 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia { | |
| 10975 | + background: #0d214b; | |
| 10976 | +} | |
| 10977 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia .label-info { | |
| 10978 | + color: #fff; | |
| 10979 | + border-color: #0d214b; | |
| 10980 | +} | |
| 10981 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia .label-info .badge { | |
| 10982 | + color: #0d214b; | |
| 10983 | + background: #fcdb32; | |
| 10984 | +} | |
| 10985 | + | |
| 10986 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom { | |
| 10987 | + background: #0c3b7c; | |
| 10988 | +} | |
| 10989 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom .label-info { | |
| 10990 | + color: #fff; | |
| 10991 | + border-color: #0c3b7c; | |
| 10992 | +} | |
| 10993 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom .label-info .badge { | |
| 10994 | + background: #05bafc; | |
| 10995 | +} | |
| 10996 | + | |
| 10997 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success { | |
| 10998 | + background-color: transparent !important; | |
| 10999 | + border: 1px solid var(--vbo-green-color); | |
| 11000 | + color: var(--vbo-green-color); | |
| 11001 | +} | |
| 11002 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success .badge { | |
| 11003 | + background: var(--vbo-green-color) !important; | |
| 11004 | +} | |
| 11005 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label-invoice .label-success .badge:hover { | |
| 11006 | + background: var(--vbo-green-color-hover); | |
| 11007 | +} | |
| 11008 | +.vbo-bookingdet-detcont-label-review { | |
| 11009 | + margin-top: 20px; | |
| 11010 | + display: inline-block; | |
| 11011 | +} | |
| 11012 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning { | |
| 11013 | + border: 1px solid var(--vbo-orange-color); | |
| 11014 | + background: var(--vbo-config-bg-color) !important; | |
| 11015 | + color: var(--vbo-orange-color); | |
| 11016 | +} | |
| 11017 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning a { | |
| 11018 | + color: var(--vbo-orange-color) !important; | |
| 11019 | + display: block; | |
| 11020 | +} | |
| 11021 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover { | |
| 11022 | + background: transparent; | |
| 11023 | +} | |
| 11024 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover a { | |
| 11025 | + color: var(--vbo-orange-color-hover) !important; | |
| 11026 | +} | |
| 11027 | +.vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:active { | |
| 11028 | + background: var(--vbo-config-child-bg-color); | |
| 11029 | +} | |
| 11030 | +.vbo-bookingdet-inpwrap > .vbo-bookingdet-inpcont input { | |
| 11031 | + width: 100% !important; | |
| 11032 | + box-sizing: border-box; | |
| 11033 | + height: auto; | |
| 11034 | +} | |
| 11035 | +.vbo-bookingdet-detcont > .vbo-bookingdet-userdetail { | |
| 11036 | + margin: 0 0 10px; | |
| 11037 | + vertical-align: top; | |
| 11038 | + display: inline-block; | |
| 11039 | + width: 43%; | |
| 11040 | + padding: 0 5px; | |
| 11041 | +} | |
| 11042 | +.vbo-bookingdet-detcont .vbo-bookingdet-userdetail-lbl { | |
| 11043 | + display: block; | |
| 11044 | + font-weight: bold; | |
| 11045 | + font-size: 1em; | |
| 11046 | + color: var(--vbo-config-title-color); | |
| 11047 | +} | |
| 11048 | +.vbo-bookingdet-detcont .vbo-bookingdet-userdetail-val { | |
| 11049 | + word-wrap: break-word; | |
| 11050 | +} | |
| 11051 | +.vbo-bookingdet-detcont.vbo-bookingdet-closure { | |
| 11052 | + border: 2px solid var(--vbo-red-color); | |
| 11053 | +} | |
| 11054 | +.vbo-bookingdet-customer, .vbo-bookingdet-admindata { | |
| 11055 | + -webkit-flex: 0 0 20%; | |
| 11056 | + -ms-flex: 0 0 20%; | |
| 11057 | + flex: 0 0 20%; | |
| 11058 | +} | |
| 11059 | +.vbo-bookingdet-summary, .vbo-editbooking-summary { | |
| 11060 | + -webkit-flex: 1; | |
| 11061 | + -ms-flex: 1; | |
| 11062 | + flex: 1; | |
| 11063 | +} | |
| 11064 | +.vbo-bookingdet-summary-custcosts-title, .vbo-bookingdet-summary-options-title { | |
| 11065 | + font-weight: bold; | |
| 11066 | +} | |
| 11067 | +.vbo-bookingdet-summary-total .vbo-bookingdet-summary-lbl, .vbo-bookingdet-summary-total .vbo-bookingdet-summary-cost { | |
| 11068 | + font-size: 1.2em; | |
| 11069 | +} | |
| 11070 | +.vbo-bookingdet-summary-total .vbo-bookingdet-exp-payout { | |
| 11071 | + font-weight: normal; | |
| 11072 | + opacity: .8; | |
| 11073 | +} | |
| 11074 | +.vbo-bookingdet-innercontainer > .vbo-bookingdet-noteslogs { | |
| 11075 | + -webkit-flex: 1; | |
| 11076 | + -ms-flex: 1; | |
| 11077 | + flex: 1; | |
| 11078 | + background: var(--vbo-config-bg-color); | |
| 11079 | + border-radius: 8px; | |
| 11080 | + margin: 18px 15px 20px; | |
| 11081 | + padding: 0; | |
| 11082 | +} | |
| 11083 | +.vbo-bookingdet-noteslogs-btns { | |
| 11084 | + border-top-left-radius: 8px; | |
| 11085 | + border-top-right-radius: 8px; | |
| 11086 | + background: var(--vbo-config-child-bg-color); | |
| 11087 | + padding: 0; | |
| 11088 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 11089 | +} | |
| 11090 | +.vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn { | |
| 11091 | + display: inline-block; | |
| 11092 | +} | |
| 11093 | +.vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn i { | |
| 11094 | + margin-right: 5px; | |
| 11095 | +} | |
| 11096 | +.vbo-bookingdet-noteslogs-btn a { | |
| 11097 | + font-weight: bold; | |
| 11098 | + text-transform: uppercase; | |
| 11099 | + padding: 16px 20px; | |
| 11100 | + display: inline-block; | |
| 11101 | + color: var(--vbo-config-titles-color-light); | |
| 11102 | +} | |
| 11103 | +.vbo-bookingdet-noteslogs-btn-active a { | |
| 11104 | + border-bottom: 2px solid var(--vbo-base-color); | |
| 11105 | + color: var(--vbo-base-color); | |
| 11106 | + background: var(--vbo-config-bg-color); | |
| 11107 | +} | |
| 11108 | +.vbo-bookingdet-noteslogs-btn a[name="paymentlog"] { | |
| 11109 | + border: 0; | |
| 11110 | + background: transparent; | |
| 11111 | + padding: 0; | |
| 11112 | +} | |
| 11113 | +.vbo-bookingdet-noteslogs-cont { | |
| 11114 | + padding: 10px; | |
| 11115 | +} | |
| 11116 | +.vbo-bookingdet-noteslogs-cont #vbadminnotesdiv, .vbo-bookingdet-noteslogs-cont #vbinvnotesdiv, .vbo-editbooking-custarea { | |
| 11117 | + max-width: 100%; | |
| 11118 | + width: 100%; | |
| 11119 | + box-sizing: border-box; | |
| 11120 | +} | |
| 11121 | +.vbo-bookingdet-noteslogs-cont textarea.vbadminnotestarea, .vbo-editbooking-custarea textarea, .vbo-receipt-notes-tarea textarea { | |
| 11122 | + width: 100% !important; | |
| 11123 | + box-sizing: border-box; | |
| 11124 | + padding: 15px; | |
| 11125 | + background: var(--vbo-config-child-bg-color); | |
| 11126 | +} | |
| 11127 | +.vbo-bookingdet-noteslogs-cont .chat-border-layout { | |
| 11128 | + gap: 6px; | |
| 11129 | +} | |
| 11130 | +.vbo-bookingdet-noteslogs-cont .vbo-extra-panel .chat-threads-panel { | |
| 11131 | + border: 1px solid var(--vbo-basic-btn); | |
| 11132 | + border-radius: 6px; | |
| 11133 | +} | |
| 11134 | +.vbo-bookingdet-noteslogs-cont .chat-threads-list li { | |
| 11135 | + padding: 10px 12px; | |
| 11136 | +} | |
| 11137 | +.vbo-bookingdet-noteslogs-cont .chat-threads-list li.active { | |
| 11138 | + background-color: #edf4ff; | |
| 11139 | + border-color: #c3d7ea; | |
| 11140 | +} | |
| 11141 | +.vbo-bookingdet-noteslogs-cont .chat-threads-list .thread-record .thread-details .thread-heading .thread-recipient { | |
| 11142 | + font-size: 14px; | |
| 11143 | + font-weight: bold; | |
| 11144 | +} | |
| 11145 | +.vbo-bookingdet-noteslogs-cont .chat-threads-list .thread-record .thread-details .thread-heading .thread-datetime { | |
| 11146 | + color: var(--vbo-config-text-color-light); | |
| 11147 | +} | |
| 11148 | +.vbo-bookingdet-noteslogs-cont .chat-threads-list .thread-record .thread-details .thread-message { | |
| 11149 | + font-size: 13px; | |
| 11150 | +} | |
| 11151 | +.vbo-bookingdet-noteslogs-cont .chat-threads-list .thread-record .thread-details .thread-message .thread-content { | |
| 11152 | + opacity: .9; | |
| 11153 | +} | |
| 11154 | +.vbo-bookingdet-noteslogs-cont .chat-border-layout .chat-messages-panel { | |
| 11155 | + border: 1px solid var(--vbo-basic-btn); | |
| 11156 | + border-radius: 6px; | |
| 11157 | + padding: 10px; | |
| 11158 | + background-color: var(--vcm-chat-background); | |
| 11159 | +} | |
| 11160 | +.vbo-booking-history-firstrow, .vbo-booking-takings-firstrow { | |
| 11161 | + font-size: .9em; | |
| 11162 | + text-transform: uppercase; | |
| 11163 | + font-weight: bold; | |
| 11164 | + color: var(--vbo-config-titles-color-light); | |
| 11165 | + border: 0; | |
| 11166 | +} | |
| 11167 | +.vbo-booking-history-container tbody { | |
| 11168 | + border: 0 !important; | |
| 11169 | +} | |
| 11170 | +.vbo-booking-history-container .vbo-booking-history-row td:first-child { | |
| 11171 | + font-weight: bold; | |
| 11172 | +} | |
| 11173 | +.vbo-booking-history-container > .table > tbody > tr > td { | |
| 11174 | + white-space: normal !important; | |
| 11175 | +} | |
| 11176 | +.vbo-booking-takings-container table.table tfoot td { | |
| 11177 | + background-color: var(--vbo-light-color-btn); | |
| 11178 | + font-weight: bold; | |
| 11179 | +} | |
| 11180 | +.vbo-booking-takings-container .vbo-booking-taking-cmds { | |
| 11181 | + float: right; | |
| 11182 | + display: flex; | |
| 11183 | + gap: 3px; | |
| 11184 | +} | |
| 11185 | +.vbo-booking-takings-container .vbo-booking-taking-cmds .btn { | |
| 11186 | + border-radius: 50%; | |
| 11187 | + padding: 0; | |
| 11188 | + text-align: center; | |
| 11189 | + width: 22px; | |
| 11190 | + height: 22px; | |
| 11191 | + font-size: 10px; | |
| 11192 | + line-height: 18px; | |
| 11193 | + opacity: .5; | |
| 11194 | +} | |
| 11195 | +.vbo-booking-takings-container .vbo-booking-taking-cmds .btn i { | |
| 11196 | + margin: 0 !important; | |
| 11197 | + padding: 0; | |
| 11198 | +} | |
| 11199 | +#vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-edit { | |
| 11200 | + background-color: var(--vbo-info-bg); | |
| 11201 | + border: 1px solid var(--vbo-info-border); | |
| 11202 | + color: var(--vbo-info-txt); | |
| 11203 | +} | |
| 11204 | +#vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-edit:hover { | |
| 11205 | + background-color: var(--vbo-blue-color-hover); | |
| 11206 | + color: var(--vbo-contrast-text-color); | |
| 11207 | +} | |
| 11208 | +#vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-delete { | |
| 11209 | + background-color: var(--vbo-error-bg); | |
| 11210 | + border: 1px solid var(--vbo-error-border); | |
| 11211 | + color: var(--vbo-error-txt); | |
| 11212 | +} | |
| 11213 | +#vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-delete:hover { | |
| 11214 | + background-color: var(--vbo-red-color-hover); | |
| 11215 | + color: var(--vbo-contrast-text-color); | |
| 11216 | +} | |
| 11217 | +.vbo-booking-takings-row:hover .vbo-booking-taking-cmds .btn { | |
| 11218 | + opacity: 1; | |
| 11219 | +} | |
| 11220 | +.vbo-editbooking-custarea textarea { | |
| 11221 | + height: 250px; | |
| 11222 | + max-height: 400px; | |
| 11223 | +} | |
| 11224 | +.vbo-bookingdet-summary .table-responsive { | |
| 11225 | + background: var(--vbo-config-bg-color); | |
| 11226 | + border-radius: 8px; | |
| 11227 | + box-shadow: 0 0px 20px rgba(0,0,0,.1); | |
| 11228 | +} | |
| 11229 | +.vbo-bookingdet-summary .table { | |
| 11230 | + margin-bottom: 0; | |
| 11231 | +} | |
| 11232 | +.vbo-bookingdet-summary .table-responsive tr:first-child td { | |
| 11233 | + border-top: 0; | |
| 11234 | +} | |
| 11235 | +.vbo-bookingdet-summary .table td { | |
| 11236 | + padding: 10px 15px; | |
| 11237 | +} | |
| 11238 | +.vbo-editbooking-summary-room { | |
| 11239 | + background: var(--vbo-config-bg-color); | |
| 11240 | + border-radius: 8px; | |
| 11241 | + box-shadow: 0 0px 20px rgba(0,0,0,.1); | |
| 11242 | + margin-bottom: 20px; | |
| 11243 | + padding-bottom: 15px; | |
| 11244 | +} | |
| 11245 | +.vbo-bookingdet-summary .table .vbo-bookingdet-summary-room td { | |
| 11246 | + padding: 15px; | |
| 11247 | + white-space: normal; | |
| 11248 | +} | |
| 11249 | +.vbo-bookingdet-summary-room-firstcell { | |
| 11250 | + width: 33%; | |
| 11251 | +} | |
| 11252 | +.vbo-bookingdet-summary-roomnum { | |
| 11253 | + font-size: 1.4em; | |
| 11254 | + display: inline-block; | |
| 11255 | + margin: 0 0 10px; | |
| 11256 | + font-weight: bold; | |
| 11257 | +} | |
| 11258 | +.vbo-bookingdet-summary-roomnum i { | |
| 11259 | + border: 1px solid var(--vbo-config-border-color); | |
| 11260 | + padding: 5px; | |
| 11261 | + border-radius: 3px; | |
| 11262 | + margin-right: 6px; | |
| 11263 | + color: var(--vbo-config-text-color-light); | |
| 11264 | + font-size: 14px; | |
| 11265 | +} | |
| 11266 | +.vbo-bookingdet-summary-roomname { | |
| 11267 | + font-size: 1.4em; | |
| 11268 | + display: inline-block; | |
| 11269 | + font-weight: bold; | |
| 11270 | +} | |
| 11271 | +.vbo-bookingdet-summary .table .vbo-bookingdet-summary-roommeals { | |
| 11272 | + margin-top: 2px; | |
| 11273 | +} | |
| 11274 | +.vbo-wider-badges-wrap .badge { | |
| 11275 | + font-weight: normal; | |
| 11276 | + padding: 2px 6px; | |
| 11277 | +} | |
| 11278 | +.vbo-bookdet-splitstay-details { | |
| 11279 | + margin-top: 5px; | |
| 11280 | + min-width: initial; | |
| 11281 | +} | |
| 11282 | +.vbo-bookdet-splitstay-details > div { | |
| 11283 | + display: inline-block; | |
| 11284 | +} | |
| 11285 | +.vbo-bookdet-splitstay-details > div > span { | |
| 11286 | + border-right: 1px solid var(--vbo-basic-btn); | |
| 11287 | +} | |
| 11288 | +.vbo-bookdet-splitstay-details > div > span:last-child { | |
| 11289 | + border-right: 0; | |
| 11290 | +} | |
| 11291 | +.vbo-bookingdet-summary-room-wrap { | |
| 11292 | + display: flex; | |
| 11293 | + flex-wrap: wrap; | |
| 11294 | +} | |
| 11295 | +.vbo-bookingdet-summary-room-wrap .vbo-bookingdet-summary-roomnum-chunit { | |
| 11296 | + margin-left: auto; | |
| 11297 | +} | |
| 11298 | +.vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit { | |
| 11299 | + float: right; | |
| 11300 | +} | |
| 11301 | +.vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container { | |
| 11302 | + max-width: 200px; | |
| 11303 | +} | |
| 11304 | +.vbo-bookingdet-summary-roomguests { | |
| 11305 | + text-transform: uppercase; | |
| 11306 | + color: var(--vbo-config-titles-color-light); | |
| 11307 | + font-size: .9em; | |
| 11308 | +} | |
| 11309 | +.vbo-bookingdet-summary-roomguests > div { | |
| 11310 | + display: inline-block; | |
| 11311 | + margin-right: 4px; | |
| 11312 | +} | |
| 11313 | +.vbo-bookingdet-summary-total { | |
| 11314 | + background: var(--vbo-light-color-btn); | |
| 11315 | + font-weight: bold; | |
| 11316 | +} | |
| 11317 | +.vbo-bookingdet-summary-total > td { | |
| 11318 | + border-top: 2px solid var(--vbo-config-border-color); | |
| 11319 | +} | |
| 11320 | +.vbo-bookingdet-summary-totpaid { | |
| 11321 | + background: var(--vbo-config-child-bg-color); | |
| 11322 | +} | |
| 11323 | +.vbo-bookingdet-summary-totpaid .vbo-amount-payable-lbl, .vbo-bookingdet-summary-totpaid #vbo-amountpayable-edit { | |
| 11324 | + color: var(--vbo-blue-color); | |
| 11325 | +} | |
| 11326 | +.vbo-bookingdet-summary-totpaid.vbo-bookingdet-summary-totpayable td { | |
| 11327 | + vertical-align: middle; | |
| 11328 | +} | |
| 11329 | +.vbo-bookingdet-summary-totrefunded .vbo-amount-refunded-lbl { | |
| 11330 | + color: var(--vbo-red-color); | |
| 11331 | +} | |
| 11332 | +.vbo-bookingdet-summary-total .vbdiscenter-entrycentered { | |
| 11333 | + text-align: left; | |
| 11334 | +} | |
| 11335 | +.vbo-editbooking-summary-room > div { | |
| 11336 | + padding: 15px 15px 0; | |
| 11337 | +} | |
| 11338 | +.vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top { | |
| 11339 | + font-weight: bold; | |
| 11340 | + text-transform: uppercase; | |
| 11341 | +} | |
| 11342 | +.vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify { | |
| 11343 | + text-transform: initial; | |
| 11344 | + font-weight: normal; | |
| 11345 | +} | |
| 11346 | +.vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4, .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify { | |
| 11347 | + display: inline-block; | |
| 11348 | + vertical-align: middle; | |
| 11349 | + margin: 0; | |
| 11350 | +} | |
| 11351 | +.vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 { | |
| 11352 | + margin-right: 10px; | |
| 11353 | +} | |
| 11354 | +.vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 i { | |
| 11355 | + width: 16px; | |
| 11356 | + color: var(--vbo-config-text-color-light); | |
| 11357 | +} | |
| 11358 | +.vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem + label { | |
| 11359 | + height: 25px; | |
| 11360 | +} | |
| 11361 | +.vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after { | |
| 11362 | + left: 28px; | |
| 11363 | +} | |
| 11364 | +.vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after { | |
| 11365 | + height: 20px; | |
| 11366 | + width: 20px; | |
| 11367 | +} | |
| 11368 | +.vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before { | |
| 11369 | + height: 26px; | |
| 11370 | +} | |
| 11371 | +.vbo-editbooking-room-nights-info .vbo-editbooking-room-nights-modify-details { | |
| 11372 | + margin-top: 5px; | |
| 11373 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 11374 | + padding-top: 10px; | |
| 11375 | +} | |
| 11376 | +.vbo-editbooking-summary-room > .vbo-editbooking-summary-room-head { | |
| 11377 | + border-top-left-radius: 8px; | |
| 11378 | + border-top-right-radius: 8px; | |
| 11379 | + background: var(--vbo-config-child-bg-color); | |
| 11380 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 11381 | + padding-bottom: 15px; | |
| 11382 | +} | |
| 11383 | +.vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests { | |
| 11384 | + margin-top: 8px; | |
| 11385 | +} | |
| 11386 | +.vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests i { | |
| 11387 | + margin-right: 5px; | |
| 11388 | + color: #999; | |
| 11389 | +} | |
| 11390 | +.vbo-editbooking-room-remove { | |
| 11391 | + float: right; | |
| 11392 | + display: inline-block; | |
| 11393 | +} | |
| 11394 | +.vbo-editbooking-summary-room > div > h4 { | |
| 11395 | + font-weight: bold; | |
| 11396 | + text-transform: uppercase; | |
| 11397 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 11398 | + padding-bottom: 10px; | |
| 11399 | +} | |
| 11400 | +.vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span { | |
| 11401 | + margin-right: 5px; | |
| 11402 | + display: inline-block; | |
| 11403 | +} | |
| 11404 | +.vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span i { | |
| 11405 | + color: var(--vbo-config-text-color-light); | |
| 11406 | + margin-right: 3px; | |
| 11407 | +} | |
| 11408 | +.vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts > h4 { | |
| 11409 | + border-bottom: 0; | |
| 11410 | + margin-bottom: 0; | |
| 11411 | +} | |
| 11412 | +.vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts .vbo-editbooking-room-extracosts-wrap { | |
| 11413 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 11414 | + padding-top: 10px; | |
| 11415 | +} | |
| 11416 | +.vbo-editbooking-room-traveler-guestsinfo { | |
| 11417 | + padding: 0 5px; | |
| 11418 | +} | |
| 11419 | +.vbo-editbooking-room-traveler-guestsinfo > div { | |
| 11420 | + display: inline-block; | |
| 11421 | + vertical-align: top; | |
| 11422 | + margin: 5px 10px 5px 0; | |
| 11423 | +} | |
| 11424 | +.vbo-editbooking-room-traveler-guestsinfo > div i { | |
| 11425 | + color: var(--vbo-config-text-color-light); | |
| 11426 | +} | |
| 11427 | +.vbo-editbooking-room-traveler-guestsinfo > .vbo-editbooking-room-modify-date-help { | |
| 11428 | + margin-top: 36px; | |
| 11429 | +} | |
| 11430 | +.vbo-editbooking-room-traveler-guestsinfo label { | |
| 11431 | + display: block; | |
| 11432 | + font-size: 12px; | |
| 11433 | + font-weight: bold; | |
| 11434 | + color: var(--vbo-config-titles-color-light); | |
| 11435 | + margin-bottom: 2px; | |
| 11436 | +} | |
| 11437 | +.vbo-editbooking-room-traveler-guestsinfo input[type="text"] { | |
| 11438 | + background: var(--vbo-input-style); | |
| 11439 | +} | |
| 11440 | +.vbo-editbooking-room-pricetypes-wrap, .vbo-editbooking-room-services-wrap { | |
| 11441 | + display: grid; | |
| 11442 | + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); | |
| 11443 | +} | |
| 11444 | +.vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype, | |
| 11445 | +.vbo-editbooking-room-services .vbo-editbooking-room-service { | |
| 11446 | + display: inline-block; | |
| 11447 | + vertical-align: top; | |
| 11448 | + padding: 15px; | |
| 11449 | + margin: 5px; | |
| 11450 | + border-radius: 5px; | |
| 11451 | + border: 1px solid var(--vbo-config-border-color); | |
| 11452 | + box-shadow: 0px 2px 1px rgba(0, 0, 0, .1); | |
| 11453 | +} | |
| 11454 | +.vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype { | |
| 11455 | + flex: 0 0 33%; | |
| 11456 | + position: relative; | |
| 11457 | +} | |
| 11458 | +.vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active { | |
| 11459 | + border: 1px solid var(--vbo-green-color); | |
| 11460 | +} | |
| 11461 | +.vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label { | |
| 11462 | + padding-right: 24px; | |
| 11463 | +} | |
| 11464 | +.vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-check { | |
| 11465 | + position: absolute; | |
| 11466 | + right: 10px; | |
| 11467 | + top: 10px; | |
| 11468 | +} | |
| 11469 | +.vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype .vbo-editbusy-custom-rate-element.vbo-editbusy-custom-rate-element-cancpolicy { | |
| 11470 | + display: block; | |
| 11471 | + margin-top: 6px; | |
| 11472 | + max-width: 25rem; | |
| 11473 | +} | |
| 11474 | +.vbo-editbooking-room-services .vbo-editbooking-room-service { | |
| 11475 | + flex: 0 0 33%; | |
| 11476 | +} | |
| 11477 | +.vbo-editbooking-room-pricetype > div, .vbo-editbooking-room-service > div { | |
| 11478 | + display: inline-block; | |
| 11479 | + vertical-align: top; | |
| 11480 | +} | |
| 11481 | +.vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label, | |
| 11482 | +.vbo-editbooking-room-services .vbo-editbooking-room-service label { | |
| 11483 | + color: var(--vbo-config-titles-color-light); | |
| 11484 | + font-weight: bold; | |
| 11485 | +} | |
| 11486 | +.vbo-editbooking-room-pricetype-cost { | |
| 11487 | + font-size: 18px; | |
| 11488 | + font-weight: bold; | |
| 11489 | +} | |
| 11490 | +.vbo-editbooking-room-pricetype-seltax { | |
| 11491 | + margin-top: 10px; | |
| 11492 | +} | |
| 11493 | +.vbo-editbooking-room-pricetype-check, .vbo-editbooking-room-service-check { | |
| 11494 | + float: right; | |
| 11495 | + margin-top: 10px; | |
| 11496 | +} | |
| 11497 | +.vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-older { | |
| 11498 | + display: block; | |
| 11499 | + margin-top: 10px; | |
| 11500 | +} | |
| 11501 | +.vbo-editbooking-room-pricetype-older-inner { | |
| 11502 | + display: inline-block; | |
| 11503 | +} | |
| 11504 | +.vbo-editbooking-room-pricetype-older-inner label { | |
| 11505 | + margin-bottom: 3px; | |
| 11506 | +} | |
| 11507 | +.vbo-editbooking-room-pricetype-older-inner .vbo-editbooking-room-pricetype-cost { | |
| 11508 | + font-size: 15px; | |
| 11509 | +} | |
| 11510 | +.vbo-editbooking-room-pricetype-check-older { | |
| 11511 | + display: inline-block; | |
| 11512 | + float: right; | |
| 11513 | +} | |
| 11514 | +.vbo-editbooking-room-service-price { | |
| 11515 | + font-size: 16px; | |
| 11516 | + font-weight: bold; | |
| 11517 | +} | |
| 11518 | +.vbo-editbooking-room-extracosts .vbo-ebusy-addextracost { | |
| 11519 | + text-transform: initial; | |
| 11520 | +} | |
| 11521 | +.vbo-editbooking-room-service-select select { | |
| 11522 | + margin-bottom: 0; | |
| 11523 | +} | |
| 11524 | +.vbo-editbooking-room-extracost { | |
| 11525 | + margin: 5px; | |
| 11526 | +} | |
| 11527 | +.vbo-editbooking-room-extracost > div { | |
| 11528 | + display: inline-block; | |
| 11529 | + vertical-align: top; | |
| 11530 | + margin: 0 5px 0 0; | |
| 11531 | +} | |
| 11532 | +.vbo-editbooking-room-extracost > div .btn.btn-danger { | |
| 11533 | + padding: 8px 14px; | |
| 11534 | +} | |
| 11535 | +.vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname { | |
| 11536 | + position: relative; | |
| 11537 | +} | |
| 11538 | +.vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search { | |
| 11539 | + position: absolute; | |
| 11540 | + right: 2px; | |
| 11541 | + height: calc(100% - 2px); | |
| 11542 | + background: var(--vbo-base-color); | |
| 11543 | + border-left: 1px solid var(--vbo-base-color); | |
| 11544 | + color: var(--vbo-contrast-text-color); | |
| 11545 | + border-top-right-radius: var(--vbo-field-radius); | |
| 11546 | + border-bottom-right-radius: var(--vbo-field-radius); | |
| 11547 | + top: 1px; | |
| 11548 | + width: 32px; | |
| 11549 | + font-size: 13px; | |
| 11550 | + cursor: pointer; | |
| 11551 | +} | |
| 11552 | +.vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search:hover { | |
| 11553 | + background: var(--vbo-base-color-hover) | |
| 11554 | +} | |
| 11555 | +.vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search i { | |
| 11556 | + position: absolute; | |
| 11557 | + top: 50%; | |
| 11558 | + left: 50%; | |
| 11559 | + transform: translate(-50%, -50%); | |
| 11560 | +} | |
| 11561 | +.vbo-editbooking-summary-totpaid { | |
| 11562 | + padding-bottom: 0; | |
| 11563 | +} | |
| 11564 | +.vbo-editbooking-summary-totpaid .vbo-editbooking-summary-room-head { | |
| 11565 | + border-bottom-left-radius: 8px; | |
| 11566 | + border-bottom-right-radius: 8px; | |
| 11567 | +} | |
| 11568 | +.vbo-editbooking-totpaid { | |
| 11569 | + display: inline-block; | |
| 11570 | +} | |
| 11571 | +.vbo-editbooking-totpaid label { | |
| 11572 | + font-size: 18px; | |
| 11573 | + font-weight: bold; | |
| 11574 | + margin-bottom: 10px; | |
| 11575 | +} | |
| 11576 | +.vbo-editbooking-totrefund { | |
| 11577 | + margin-left: 35px; | |
| 11578 | +} | |
| 11579 | +.vbo-editbooking-totrefund label { | |
| 11580 | + font-size: 15px; | |
| 11581 | + font-weight: normal; | |
| 11582 | +} | |
| 11583 | +.vbo-editbooking-addroom { | |
| 11584 | + display: inline-block; | |
| 11585 | + float: right; | |
| 11586 | + margin-top: 15px; | |
| 11587 | +} | |
| 11588 | +.vbo-roomdet-wrapper { | |
| 11589 | + background: var(--vbo-config-bg-color) none repeat scroll 0 0; | |
| 11590 | + border: 1px solid var(--vbo-basic-btn); | |
| 11591 | + display: inline-block; | |
| 11592 | + margin-bottom: 4px; | |
| 11593 | + width: 100%; | |
| 11594 | + border-radius: 6px; | |
| 11595 | + box-shadow: 0 0 10px rgba(0,0,0,.05); | |
| 11596 | +} | |
| 11597 | +.vbo-roomdet-wrap { | |
| 11598 | + display: flex; | |
| 11599 | + -ms-flex-wrap: wrap; | |
| 11600 | + -webkit-flex-wrap: wrap; | |
| 11601 | + flex-wrap: wrap; | |
| 11602 | +} | |
| 11603 | +.vbo-roomdet-entry { | |
| 11604 | + flex: 1; | |
| 11605 | +} | |
| 11606 | +.vbo-roomdet-head { | |
| 11607 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 11608 | + font-size: larger; | |
| 11609 | + padding: 12px 15px 12px; | |
| 11610 | + font-weight: bold; | |
| 11611 | + font-size: 13px; | |
| 11612 | + color: var(--vbo-config-titles-color-light); | |
| 11613 | +} | |
| 11614 | +.vbo-roomdet-foot { | |
| 11615 | + padding: 8px 15px; | |
| 11616 | +} | |
| 11617 | +.vbo-roomdet-guests-toggle { | |
| 11618 | + padding: 7px 8px 7px; | |
| 11619 | + border-radius: 2px; | |
| 11620 | + margin-top: 5px; | |
| 11621 | + display: inline-block; | |
| 11622 | + cursor: pointer; | |
| 11623 | +} | |
| 11624 | +.vbo-roomdet-guests-toggle i { | |
| 11625 | + font-size: larger; | |
| 11626 | + display: inline-block; | |
| 11627 | + float: left; | |
| 11628 | + margin-right: 8px; | |
| 11629 | +} | |
| 11630 | +.vbo-roomdet-guests-toggleword { | |
| 11631 | + display: inline-block; | |
| 11632 | + margin-top: -1px; | |
| 11633 | + float: left; | |
| 11634 | +} | |
| 11635 | +.vbo-guestscount-incomplete { | |
| 11636 | + background: var(--vbo-blue-color); | |
| 11637 | + color: #fff; | |
| 11638 | +} | |
| 11639 | +.vbo-guestscount-complete { | |
| 11640 | + background: var(--vbo-green-color); | |
| 11641 | + color: #fff; | |
| 11642 | +} | |
| 11643 | +.vbo-guestscount-complete:focus, .vbo-guestscount-complete:hover { | |
| 11644 | + background: var(--vbo-green-color-hover); | |
| 11645 | +} | |
| 11646 | +.vbo-guestscount-incomplete:focus, .vbo-guestscount-incomplete:hover { | |
| 11647 | + background: var(--vbo-blue-color-hover); | |
| 11648 | +} | |
| 11649 | +.vbo-roomdet-guests-details { | |
| 11650 | + display: none; | |
| 11651 | + padding: 8px 0 8px 15px; | |
| 11652 | + margin: 5px 10px; | |
| 11653 | + background: var(--vbo-config-child-bg-color); | |
| 11654 | + border-top: 1px solid var(--vbo-basic-btn); | |
| 11655 | +} | |
| 11656 | +.vbo-roomdet-guest-details { | |
| 11657 | + margin-bottom: 5px; | |
| 11658 | + margin-left: -15px; | |
| 11659 | + padding-bottom: 10px; | |
| 11660 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 11661 | + display: flex; | |
| 11662 | + flex-wrap: wrap; | |
| 11663 | +} | |
| 11664 | +.vbo-roomdet-guest-details:last-child { | |
| 11665 | + border-bottom: 0; | |
| 11666 | +} | |
| 11667 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail { | |
| 11668 | + width: calc(25% - 20px); | |
| 11669 | + margin: 5px 10px; | |
| 11670 | + display: inline-block; | |
| 11671 | +} | |
| 11672 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container .select2-selection--single { | |
| 11673 | + height: 40px; | |
| 11674 | + border-radius: var(--vbo-field-radius); | |
| 11675 | +} | |
| 11676 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__rendered { | |
| 11677 | + line-height: 38px; | |
| 11678 | +} | |
| 11679 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__arrow { | |
| 11680 | + height: 38px; | |
| 11681 | +} | |
| 11682 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val { | |
| 11683 | + position: relative; | |
| 11684 | +} | |
| 11685 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val i { | |
| 11686 | + position: absolute; | |
| 11687 | + top: 12px; | |
| 11688 | + right: 10px; | |
| 11689 | + font-size: 16px; | |
| 11690 | +} | |
| 11691 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num { | |
| 11692 | + align-self: center; | |
| 11693 | + font-size: 16px; | |
| 11694 | + margin-right: 14px; | |
| 11695 | + width: 100%; | |
| 11696 | +} | |
| 11697 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap { | |
| 11698 | + width: calc(100% - 20px); | |
| 11699 | +} | |
| 11700 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val { | |
| 11701 | + width: calc(25% - 15px); | |
| 11702 | +} | |
| 11703 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail input, .vbo-roomdet-guest-details .vbo-roomdet-guest-detail textarea { | |
| 11704 | + width: 100% !important; | |
| 11705 | + max-width: 100%; | |
| 11706 | +} | |
| 11707 | +.vbo-roomdet-guest-details .vbo-roomdet-guest-detail select { | |
| 11708 | + width: 100% !important; | |
| 11709 | + max-width: 100%; | |
| 11710 | +} | |
| 11711 | +.vbo-roomdet-guest-detail .vbo-roomdet-guest-detail-lbl { | |
| 11712 | + margin-bottom: 3px; | |
| 11713 | + font-weight: 500; | |
| 11714 | +} | |
| 11715 | +.vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded { | |
| 11716 | + width: 90px; | |
| 11717 | + border: 1px solid var(--vbo-config-border-color); | |
| 11718 | + background-color: var(--vbo-config-bg-color); | |
| 11719 | + border-radius: 4px; | |
| 11720 | + text-align: center; | |
| 11721 | + margin: 5px; | |
| 11722 | + padding: 3px; | |
| 11723 | + position: relative; | |
| 11724 | + display: inline-block; | |
| 11725 | +} | |
| 11726 | +.vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a { | |
| 11727 | + color: var(--vbo-config-titles-color-light); | |
| 11728 | + text-decoration: none; | |
| 11729 | + display: block; | |
| 11730 | + line-height: 1.3em; | |
| 11731 | + padding: 6px 3px; | |
| 11732 | +} | |
| 11733 | +.vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a i { | |
| 11734 | + font-size: 18px; | |
| 11735 | +} | |
| 11736 | +.vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span { | |
| 11737 | + width: 90px; | |
| 11738 | + display: inline-block; | |
| 11739 | + overflow: hidden; | |
| 11740 | + text-overflow: ellipsis; | |
| 11741 | + font-size: 13px; | |
| 11742 | + white-space: nowrap; | |
| 11743 | +} | |
| 11744 | +.vbo-roomdet-guest-detail-num span { | |
| 11745 | + font-weight: bold; | |
| 11746 | + flex-basis: 100px; | |
| 11747 | +} | |
| 11748 | +.vbo-checkin-main-block { | |
| 11749 | + display: flex; | |
| 11750 | + -ms-flex-wrap: wrap; | |
| 11751 | + -webkit-flex-wrap: wrap; | |
| 11752 | + flex-wrap: wrap; | |
| 11753 | +} | |
| 11754 | +.vbo-checkin-main-block .vbo-roomdet-wrap .vbo-roomdet-entry:first-child { | |
| 11755 | + flex-basis: 60px; | |
| 11756 | +} | |
| 11757 | +.vbo-roomsdet-container { | |
| 11758 | + display: inline-block; | |
| 11759 | + -ms-flex: 1; | |
| 11760 | + -webkit-flex: 1; | |
| 11761 | + flex: 1; | |
| 11762 | + margin-right: 5px; | |
| 11763 | +} | |
| 11764 | +.vbo-checkin-payment-detail-v { | |
| 11765 | + float: right; | |
| 11766 | + margin-left: 5px; | |
| 11767 | +} | |
| 11768 | +.vbo-checkin-payment-container { | |
| 11769 | + display: inline-block; | |
| 11770 | + vertical-align: top; | |
| 11771 | + background: var(--vbo-light-color-btn); | |
| 11772 | + -ms-flex: 0 0 18%; | |
| 11773 | + -webkit-flex: 0 0 18%; | |
| 11774 | + flex: 0 0 18%; | |
| 11775 | + float: right; | |
| 11776 | + padding: 15px; | |
| 11777 | + margin-left: 5px; | |
| 11778 | + border-radius: 6px; | |
| 11779 | + box-shadow: 0 0 10px rgba(0,0,0,.05); | |
| 11780 | +} | |
| 11781 | +.vbo-checkin-payment-detail { | |
| 11782 | + margin: 5px 0; | |
| 11783 | + display: inline-block; | |
| 11784 | + width: 100%; | |
| 11785 | +} | |
| 11786 | +.vbo-checkin-payment-detail-click { | |
| 11787 | + background: var(--vbo-base-color); | |
| 11788 | + color: #fff; | |
| 11789 | + padding: 3px 10px; | |
| 11790 | + border-radius: 2px; | |
| 11791 | + margin-top: 10px; | |
| 11792 | + cursor: pointer; | |
| 11793 | +} | |
| 11794 | +.vbo-checkin-payment-detail:first-child { | |
| 11795 | + font-size: larger; | |
| 11796 | +} | |
| 11797 | +.vbo-checkin-payment-detail-lbl { | |
| 11798 | + vertical-align: middle; | |
| 11799 | +} | |
| 11800 | +.vbo-checkin-notes-wrap { | |
| 11801 | + clear: both; | |
| 11802 | + width: 100%; | |
| 11803 | + margin: 5px 0; | |
| 11804 | +} | |
| 11805 | +.vbo-checkin-notes-inner { | |
| 11806 | + margin: 0 auto; | |
| 11807 | + width: 60%; | |
| 11808 | + text-align: center; | |
| 11809 | +} | |
| 11810 | +.vbo-checkin-notes-trig { | |
| 11811 | + color: var(--vbo-config-titles-color-light); | |
| 11812 | +} | |
| 11813 | +.vbo-checkin-notes-trig span { | |
| 11814 | + cursor: pointer; | |
| 11815 | +} | |
| 11816 | +.vbo-checkin-notes-cont { | |
| 11817 | + display: none; | |
| 11818 | + padding: 4px; | |
| 11819 | +} | |
| 11820 | +.vbo-checkin-notes-cont textarea { | |
| 11821 | + width: 100% !important; | |
| 11822 | + height: 100px; | |
| 11823 | +} | |
| 11824 | +.vbo-checkin-commands-wrap { | |
| 11825 | + margin: 25px 0 15px; | |
| 11826 | +} | |
| 11827 | +.vbo-checkin-commands-inner { | |
| 11828 | + text-align: center; | |
| 11829 | +} | |
| 11830 | +.vbo-checkin-commands-btn { | |
| 11831 | + display: inline-block; | |
| 11832 | + margin-left: 15px; | |
| 11833 | +} | |
| 11834 | +.vbo-checkin-commands-btn:first-child { | |
| 11835 | + margin-left: 0; | |
| 11836 | +} | |
| 11837 | +.vbo-checkin-commands-btn .btn-large { | |
| 11838 | + padding: 10px 14px; | |
| 11839 | + border-radius: 3px; | |
| 11840 | + font-size: inherit; | |
| 11841 | +} | |
| 11842 | +.vbo-checkin-update-wrap { | |
| 11843 | + clear: both; | |
| 11844 | + width: 100%; | |
| 11845 | + margin: 5px 0; | |
| 11846 | +} | |
| 11847 | +.vbo-checkin-update-inner { | |
| 11848 | + margin: 0 auto; | |
| 11849 | + width: 60%; | |
| 11850 | + text-align: center; | |
| 11851 | +} | |
| 11852 | +.vbo-checkin-custdet-cont { | |
| 11853 | + width: 100%; | |
| 11854 | + margin-top: 10px; | |
| 11855 | + padding: 4px; | |
| 11856 | +} | |
| 11857 | +.vbo-checkin-custdet-entry { | |
| 11858 | + display: inline-block; | |
| 11859 | + width: calc(33% - 10px); | |
| 11860 | + margin: 10px 5px; | |
| 11861 | + vertical-align: top; | |
| 11862 | +} | |
| 11863 | +.vbo-checkin-custdet-key { | |
| 11864 | + display: block; | |
| 11865 | + color: var(--vbo-config-titles-color-light); | |
| 11866 | +} | |
| 11867 | +.vbo-checkin-custdet-key.vbo-checkin-custdet-key-warn { | |
| 11868 | + color: var(--vbo-red-color); | |
| 11869 | +} | |
| 11870 | +.vbo-checkin-custdet-value { | |
| 11871 | + display: block; | |
| 11872 | + font-size: larger; | |
| 11873 | +} | |
| 11874 | +#jmodal-box-vbo-checkin-booking { | |
| 11875 | + height: 100%; | |
| 11876 | + margin: 19px; | |
| 11877 | + overflow: hidden; | |
| 11878 | + overflow-y: scroll; | |
| 11879 | + box-sizing: border-box; | |
| 11880 | +} | |
| 11881 | +#jmodal-box-vbo-checkin-booking .modal-body { | |
| 11882 | + max-height: inherit; | |
| 11883 | +} | |
| 11884 | +#vbo-overlay-title .vbo-info-overlay-title-close { | |
| 11885 | + float: right; | |
| 11886 | + margin-top: -4px; | |
| 11887 | + margin-right: 0px; | |
| 11888 | + cursor: pointer; | |
| 11889 | +} | |
| 11890 | +div.modal { | |
| 11891 | + z-index: 9999999 !important; | |
| 11892 | +} | |
| 11893 | +div.modal.in { | |
| 11894 | + background-color: var(--vbo-body-bg-color); | |
| 11895 | +} | |
| 11896 | +div.modal.in .close:hover, div.modal.in .close:focus { | |
| 11897 | + color: var(--vbo-config-titles-color-light); | |
| 11898 | +} | |
| 11899 | +/* Modal loaded just for the RSS system message */ | |
| 11900 | +div.modal.in .modal-header + div.modal-body-wrapper { | |
| 11901 | + height: calc(100% - 130px) !important; | |
| 11902 | +} | |
| 11903 | +@media (max-width: 680px) { | |
| 11904 | + div.modal.in .modal-header + div.modal-body-wrapper { | |
| 11905 | + height: calc(100% - 210px) !important; | |
| 11906 | + } | |
| 11907 | +} | |
| 11908 | +.vbo-sign-share-meth { | |
| 11909 | + margin: 10px 0; | |
| 11910 | +} | |
| 11911 | +.vbo-sign-share-meth label { | |
| 11912 | + margin-bottom: 3px; | |
| 11913 | + color: var(--vbo-body-text-color); | |
| 11914 | +} | |
| 11915 | +.vbo-sign-share-meth input { | |
| 11916 | + display: block !important; | |
| 11917 | + margin-bottom: 5px !important; | |
| 11918 | +} | |
| 11919 | +.vbo-sign-share-meth-close .btn { | |
| 11920 | + background: var(--vbo-red-color); | |
| 11921 | + border-color: var(--vbo-red-color); | |
| 11922 | +} | |
| 11923 | +.vbo-sign-share-meth-close .btn:hover { | |
| 11924 | + background: var(--vbo-red-color-hover); | |
| 11925 | + border-color: var(--vbo-red-color-hover); | |
| 11926 | +} | |
| 11927 | +#jmodal-vbo-vcm-rates-res { | |
| 11928 | + overflow-y: auto; | |
| 11929 | +} | |
| 11930 | +.vbo-vcm-rates-res-container { | |
| 11931 | + padding: 20px; | |
| 11932 | +} | |
| 11933 | +.vbo-vcm-ota-multicalendar-response .vbo-vcm-rates-res-rplan-wrap { | |
| 11934 | + border: 1px solid var(--vbo-border-color); | |
| 11935 | + border-radius: 8px; | |
| 11936 | + padding: 10px; | |
| 11937 | + margin-bottom: 10px; | |
| 11938 | +} | |
| 11939 | +.vbo-vcm-rates-res-rplan-wrap { | |
| 11940 | + margin-bottom: 16px; | |
| 11941 | +} | |
| 11942 | +.vbo-vcm-rates-res-success { | |
| 11943 | + margin-bottom: 10px; | |
| 11944 | + border-radius: 4px; | |
| 11945 | + margin: 4px 0 0 0; | |
| 11946 | + border: 1px solid var(--vbo-green-color); | |
| 11947 | +} | |
| 11948 | +.vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel { | |
| 11949 | + padding: 10px; | |
| 11950 | + display: inline-block; | |
| 11951 | + vertical-align: top; | |
| 11952 | +} | |
| 11953 | +.vbo-vcm-rates-res-bkdown { | |
| 11954 | + font-size: smaller; | |
| 11955 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 11956 | +} | |
| 11957 | + | |
| 11958 | +.vbo-vcm-rates-res-channel-esit { | |
| 11959 | + display: inline-block; | |
| 11960 | + margin-right: 5px; | |
| 11961 | + font-size: 14px; | |
| 11962 | + border-radius: 50%; | |
| 11963 | + object-fit: cover; | |
| 11964 | + padding: 5px; | |
| 11965 | + width: 10px; | |
| 11966 | + height: 10px; | |
| 11967 | + line-height: 8px; | |
| 11968 | + text-align: center; | |
| 11969 | + vertical-align: middle; | |
| 11970 | +} | |
| 11971 | +.vbo-vcm-rates-res-channel-esit i { | |
| 11972 | + font-size: 10px; | |
| 11973 | +} | |
| 11974 | +.vbo-vcm-rates-res-channel-logo { | |
| 11975 | + display: inline-block; | |
| 11976 | + vertical-align: middle; | |
| 11977 | + line-height: 11px; | |
| 11978 | +} | |
| 11979 | +.vbo-vcm-rates-res-channel-logo img { | |
| 11980 | + max-width: 120px; | |
| 11981 | + height: 20px; | |
| 11982 | +} | |
| 11983 | +.vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel-esit { | |
| 11984 | + color: #fff; | |
| 11985 | + background: var(--vbo-green-color); | |
| 11986 | +} | |
| 11987 | +.vbo-vcm-rates-res-success .vbo-vcm-rates-res-bkdown pre { | |
| 11988 | + margin: 5px; | |
| 11989 | + padding: 10px 0 0; | |
| 11990 | + white-space: break-spaces; | |
| 11991 | +} | |
| 11992 | +.vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel { | |
| 11993 | + border: 1px solid var(--vbo-red-color); | |
| 11994 | + padding: 10px 0 0; | |
| 11995 | + border-radius: 4px; | |
| 11996 | + margin: 8px 0; | |
| 11997 | +} | |
| 11998 | +.vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel:last-child { | |
| 11999 | + margin-bottom: 0; | |
| 12000 | +} | |
| 12001 | +.vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-esit { | |
| 12002 | + color: #fff; | |
| 12003 | + background: var(--vbo-red-color); | |
| 12004 | + margin-left: 10px; | |
| 12005 | +} | |
| 12006 | +.vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-esit { | |
| 12007 | + color: #fff; | |
| 12008 | + background: var(--vbo-orange-color); | |
| 12009 | + margin-left: 10px; | |
| 12010 | +} | |
| 12011 | +.vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-logo, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-logo { | |
| 12012 | + padding-bottom: 10px; | |
| 12013 | +} | |
| 12014 | +.vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-det, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-det { | |
| 12015 | + overflow-y: auto; | |
| 12016 | + max-height: 150px; | |
| 12017 | +} | |
| 12018 | +.vbo-vcm-rates-res-error pre, .vbo-vcm-rates-res-warning pre { | |
| 12019 | + margin-bottom: 0; | |
| 12020 | + border-radius: 0 !important; | |
| 12021 | + padding: 10px; | |
| 12022 | + border-bottom-left-radius: 4px !important; | |
| 12023 | + border-bottom-right-radius: 4px !important; | |
| 12024 | + border: 0; | |
| 12025 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 12026 | + font-size: smaller; | |
| 12027 | +} | |
| 12028 | +.vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel { | |
| 12029 | + border: 1px solid var(--vbo-orange-color); | |
| 12030 | + padding: 10px 0 0; | |
| 12031 | + border-radius: 4px; | |
| 12032 | + margin: 8px 0; | |
| 12033 | +} | |
| 12034 | +.vbo-ratesoverview-bottom-container { | |
| 12035 | + border: 1px solid var(--vbo-config-border-color); | |
| 12036 | + margin-top: 20px; | |
| 12037 | + padding: 12px 20px 20px; | |
| 12038 | + border-radius: 9px; | |
| 12039 | +} | |
| 12040 | +.vbo-ratesoverview-bottom-head { | |
| 12041 | + width: 100%; | |
| 12042 | + display: inline-block; | |
| 12043 | +} | |
| 12044 | +.vbo-ratesoverview-bottom-head .vbo-ratesoverview-roomdetails { | |
| 12045 | + float: left; | |
| 12046 | +} | |
| 12047 | +.vbo-ratesoverview-roomdetails { | |
| 12048 | + padding-top: 0; | |
| 12049 | +} | |
| 12050 | +.vbo-ratesoverview-roomdetails h3 { | |
| 12051 | + text-align: center; | |
| 12052 | + display: inline-block; | |
| 12053 | + margin-top: 10px; | |
| 12054 | +} | |
| 12055 | +.vbo-ratesoverview-caltab-wrapper { | |
| 12056 | + display: flex; | |
| 12057 | + -ms-flex-wrap: wrap; | |
| 12058 | + -webkit-flex-wrap: wrap; | |
| 12059 | + flex-wrap: wrap; | |
| 12060 | + margin-bottom: 30px; | |
| 12061 | +} | |
| 12062 | +.vbo-ratesoverview-period-container { | |
| 12063 | + display: inline-block; | |
| 12064 | + -ms-flex: 0 0 15%; | |
| 12065 | + -webkit-flex: 0 0 15%; | |
| 12066 | + flex: 0 0 15%; | |
| 12067 | + margin-left: 2px; | |
| 12068 | +} | |
| 12069 | +.vbo-table-responsive { | |
| 12070 | + -ms-flex: 1%; | |
| 12071 | + -webkit-flex: 1%; | |
| 12072 | + flex: 1%; | |
| 12073 | + overflow-x: scroll; | |
| 12074 | +} | |
| 12075 | +.vbratesoverviewtable tr td:first-child { | |
| 12076 | + position: sticky; | |
| 12077 | + left: 0; | |
| 12078 | + box-shadow: 5px 0 10px rgba(0,0,0,.05); | |
| 12079 | + z-index: 2; | |
| 12080 | + background-clip: padding-box !important; | |
| 12081 | +} | |
| 12082 | +.vbratesoverviewtable .vbo-roverviewtablerow-occupancy td, | |
| 12083 | +.vbratesoverviewtable .vbo-roverviewtablerow-restrs td { | |
| 12084 | + background: var(--vbo-config-child-bg-color) none repeat scroll 0 0; | |
| 12085 | + cursor: not-allowed; | |
| 12086 | +} | |
| 12087 | +.vbratesoverviewtable { | |
| 12088 | + border-spacing: 0; | |
| 12089 | + border-collapse: collapse; | |
| 12090 | + max-width: none; | |
| 12091 | +} | |
| 12092 | +.vbratesoverviewtable td { | |
| 12093 | + position: relative; | |
| 12094 | + border-spacing: 0; | |
| 12095 | + border-collapse: collapse; | |
| 12096 | + border-right: 1px solid var(--vbo-config-bg-color); | |
| 12097 | + border-bottom: 1px solid var(--vbo-config-bg-color); | |
| 12098 | +} | |
| 12099 | +.vbratesoverviewtable tr:last-child td { | |
| 12100 | + border-bottom: 0; | |
| 12101 | +} | |
| 12102 | +.vbratesoverviewtable tr:first-child td { | |
| 12103 | + border-bottom: 0; | |
| 12104 | +} | |
| 12105 | +.vbratesoverviewtable .vbo-roverviewtablerow-occupancy td:first-child, | |
| 12106 | +.vbratesoverviewtable .vbo-roverviewtablerow-restrs td:first-child { | |
| 12107 | + font-weight: bold; | |
| 12108 | + padding: 10px 10px; | |
| 12109 | +} | |
| 12110 | +.vbratesoverviewtable td .vbo-occ-label { | |
| 12111 | + display: inline-block; | |
| 12112 | + background: #999; | |
| 12113 | + border-radius: 4px; | |
| 12114 | + font-size: .9em; | |
| 12115 | + color: #fff; | |
| 12116 | + padding: 2px 6px; | |
| 12117 | + margin-left: 3px; | |
| 12118 | + font-weight: normal; | |
| 12119 | +} | |
| 12120 | +.vbo-roverw-curminlos-active { | |
| 12121 | + color: var(--vbo-red-color); | |
| 12122 | + font-weight: bold; | |
| 12123 | +} | |
| 12124 | +.vbratesoverviewtable .bluedays { | |
| 12125 | + min-width: 80px; | |
| 12126 | +} | |
| 12127 | +.vbratesoverviewtable .bluedays:hover { | |
| 12128 | + background-color: #73aecc; | |
| 12129 | +} | |
| 12130 | +.vbratesoverviewtable .bluedays:active { | |
| 12131 | + background-color: #89b8d0; | |
| 12132 | +} | |
| 12133 | +.vbratesoverviewtable .skip-bluedays-click:hover { | |
| 12134 | + background-color: #02679a; | |
| 12135 | +} | |
| 12136 | +.vbratesoverviewtable tr td { | |
| 12137 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 12138 | +} | |
| 12139 | +.vbratesoverviewtable tr td:first-child { | |
| 12140 | + border-top: 0; | |
| 12141 | +} | |
| 12142 | +.vbo-roverviewtablerow-otarates td { | |
| 12143 | + padding: 6px 10px; | |
| 12144 | + background: var(--vbo-light-color-btn); | |
| 12145 | + height: 33px; | |
| 12146 | + font-size: 12px; | |
| 12147 | +} | |
| 12148 | +.vbo-roverviewtablerow-otarates td:first-child { | |
| 12149 | + font-size: 13px; | |
| 12150 | +} | |
| 12151 | +.vbo-roverviewtablerow-otarates td .vbo-roverv-ota-wrap { | |
| 12152 | + display: flex; | |
| 12153 | + align-items: center; | |
| 12154 | + gap: 6px; | |
| 12155 | +} | |
| 12156 | +.vbo-roverviewtablerow-otarates td .vbo-roverv-ota-logo { | |
| 12157 | + width: 20px; | |
| 12158 | + height: 20px; | |
| 12159 | + object-fit: cover; | |
| 12160 | + border-radius: 50%; | |
| 12161 | +} | |
| 12162 | +.vbo-ratesoverview-period-inner { | |
| 12163 | + padding: 15px; | |
| 12164 | + background: var(--vbo-basic-btn); | |
| 12165 | +} | |
| 12166 | +.vbo-ratesoverview-period-lbl { | |
| 12167 | + font-weight: bold; | |
| 12168 | + font-size: 16px; | |
| 12169 | + margin: 0 5px 5px; | |
| 12170 | +} | |
| 12171 | +.vbo-ratesoverview-period-boxes .vbo-ratesoverview-period-boxes-inner { | |
| 12172 | + display: flex; | |
| 12173 | + -ms-flex-wrap: wrap; | |
| 12174 | + -webkit-flex-wrap: wrap; | |
| 12175 | + flex-wrap: wrap; | |
| 12176 | +} | |
| 12177 | +.vbo-ratesoverview-period-boxes-inner > div { | |
| 12178 | + flex: 1; | |
| 12179 | + display: flex; | |
| 12180 | + flex-wrap: wrap; | |
| 12181 | + flex-direction: column; | |
| 12182 | + justify-content: center; | |
| 12183 | + background: var(--vbo-config-bg-color); | |
| 12184 | + margin: 5px; | |
| 12185 | + padding: 15px 5px; | |
| 12186 | + text-align: center; | |
| 12187 | + border-radius: 4px; | |
| 12188 | + cursor: pointer; | |
| 12189 | + height: 85px; | |
| 12190 | +} | |
| 12191 | +.vbo-ratesoverview-period-box-lbl { | |
| 12192 | + font-weight: bold; | |
| 12193 | + margin-bottom: 5px; | |
| 12194 | + color: var(--vbo-config-titles-color-light); | |
| 12195 | +} | |
| 12196 | +.vbo-ratesoverview-period-box-val > div > span { | |
| 12197 | + display: block; | |
| 12198 | + font-weight: bold; | |
| 12199 | + color: var(--vbo-base-color); | |
| 12200 | +} | |
| 12201 | +.vbo-ratesoverview-period-wday { | |
| 12202 | + font-size: 12px; | |
| 12203 | +} | |
| 12204 | +.vbo-ratesoverview-period-mday { | |
| 12205 | + font-size: 24px; | |
| 12206 | + margin: 3px 0; | |
| 12207 | +} | |
| 12208 | +.vbo-ratesoverview-period-month { | |
| 12209 | + font-size: 12px; | |
| 12210 | + text-transform: uppercase; | |
| 12211 | + font-weight: normal; | |
| 12212 | +} | |
| 12213 | +.vbo-ratesoverview-period-box-val i { | |
| 12214 | + font-size: 28px; | |
| 12215 | + color: var(--vbo-blue-color); | |
| 12216 | +} | |
| 12217 | +.vbo-ratesoverview-period-boxes > .vbo-ratesoverview-period-box-cals { | |
| 12218 | + position: relative; | |
| 12219 | +} | |
| 12220 | +.vbo-ratesoverview-period-box-cals-inner { | |
| 12221 | + position: absolute; | |
| 12222 | + top: 0; | |
| 12223 | + right: 0; | |
| 12224 | + width: 630px; | |
| 12225 | + padding: 10px; | |
| 12226 | + z-index: 10; | |
| 12227 | + border-radius: 32px; | |
| 12228 | + box-shadow: 0 3px 12px 0 rgb(0 0 0 / 0.15); | |
| 12229 | + background: var(--vbo-config-bg-color); | |
| 12230 | + border: 1px solid var(--vbo-main-bg-color); | |
| 12231 | + z-index: 5; | |
| 12232 | + display: flex; | |
| 12233 | + gap: 10px; | |
| 12234 | +} | |
| 12235 | +.vbo-ratesoverview-period-box-cals-inner > div { | |
| 12236 | + display: inline-block; | |
| 12237 | + vertical-align: top; | |
| 12238 | +} | |
| 12239 | +.vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left { | |
| 12240 | + border-right: 1px solid var(--vbo-basic-btn); | |
| 12241 | + padding-right: 10px; | |
| 12242 | +} | |
| 12243 | +.vbo-ratesoverview-period-box-cals-inner > div > h4 { | |
| 12244 | + padding: 3px 0; | |
| 12245 | + color: var(--vbo-config-titles-color-light); | |
| 12246 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 12247 | + margin: 0 0 5px; | |
| 12248 | + text-align: center; | |
| 12249 | + text-transform: uppercase; | |
| 12250 | + font-size: 11px; | |
| 12251 | +} | |
| 12252 | +.vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd { | |
| 12253 | + flex: 1; | |
| 12254 | +} | |
| 12255 | +.vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd select { | |
| 12256 | + width: 100% !important; | |
| 12257 | +} | |
| 12258 | +.vbo-receipt-company-block { | |
| 12259 | + text-align: center; | |
| 12260 | +} | |
| 12261 | +.vbo-receipt-company-info::first-line { | |
| 12262 | + font-weight: bold; | |
| 12263 | +} | |
| 12264 | +.vbo-resmodcanc-block select { | |
| 12265 | + max-width: 225px; | |
| 12266 | +} | |
| 12267 | +.vbo-resmodcanc-block input, .vbo-resmodcanc-block select { | |
| 12268 | + margin: 0; | |
| 12269 | +} | |
| 12270 | +.vbo-resmodcanc-lim label { | |
| 12271 | + display: inline-block; | |
| 12272 | +} | |
| 12273 | +.vbo-ratesoverview-orphans-wrapper { | |
| 12274 | + padding: 15px; | |
| 12275 | + margin: 2px 10px 0; | |
| 12276 | + border-radius: 6px; | |
| 12277 | + background: var(--vbo-basic-btn); | |
| 12278 | + border: 1px solid var(--vbo-red-color); | |
| 12279 | +} | |
| 12280 | +.vbo-ratesoverview-orphans-lbl { | |
| 12281 | + font-weight: bold; | |
| 12282 | + font-size: 16px; | |
| 12283 | + margin-bottom: 10px; | |
| 12284 | +} | |
| 12285 | +.vbo-ratesoverview-orphans-lbl i.vbo-quest-popover, .vbo-ratesoverview-orphans-lbl i.wp-quest-popover { | |
| 12286 | + color: var(--vbo-red-color); | |
| 12287 | +} | |
| 12288 | +.vbo-ratesoverview-orphans-list { | |
| 12289 | + max-height: 179px; | |
| 12290 | + overflow: hidden; | |
| 12291 | + overflow-y: auto; | |
| 12292 | +} | |
| 12293 | +.vbo-ratesoverview-orphans-list > div { | |
| 12294 | + margin: 3px 0; | |
| 12295 | +} | |
| 12296 | +/* Signature Pad - Start */ | |
| 12297 | +.vbo-signature-container { | |
| 12298 | + display: -webkit-box; | |
| 12299 | + display: -ms-flexbox; | |
| 12300 | + display: flex; | |
| 12301 | + -webkit-box-pack: center; | |
| 12302 | + -ms-flex-pack: center; | |
| 12303 | + justify-content: center; | |
| 12304 | + -webkit-box-align: center; | |
| 12305 | + -ms-flex-align: center; | |
| 12306 | + align-items: center; | |
| 12307 | + height: 70vh; | |
| 12308 | + width: 100%; | |
| 12309 | + -webkit-user-select: none; | |
| 12310 | + -moz-user-select: none; | |
| 12311 | + -ms-user-select: none; | |
| 12312 | + user-select: none; | |
| 12313 | + margin: 0; | |
| 12314 | + padding: 0; | |
| 12315 | + font-family: Helvetica, Sans-Serif; | |
| 12316 | +} | |
| 12317 | +.vbo-signature-pad { | |
| 12318 | + position: relative; | |
| 12319 | + display: -webkit-box; | |
| 12320 | + display: -ms-flexbox; | |
| 12321 | + display: flex; | |
| 12322 | + -webkit-box-orient: vertical; | |
| 12323 | + -webkit-box-direction: normal; | |
| 12324 | + -ms-flex-direction: column; | |
| 12325 | + flex-direction: column; | |
| 12326 | + font-size: 10px; | |
| 12327 | + width: 100%; | |
| 12328 | + height: 100%; | |
| 12329 | + max-width: 700px; | |
| 12330 | + max-height: 460px; | |
| 12331 | + border: 1px solid var(--vbo-config-border-color); | |
| 12332 | + background-color: var(--vbo-config-bg-color); | |
| 12333 | + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset; | |
| 12334 | + border-radius: 4px; | |
| 12335 | + padding: 16px; | |
| 12336 | +} | |
| 12337 | +.vbo-signature-pad::before, .vbo-signature-pad::after { | |
| 12338 | + position: absolute; | |
| 12339 | + z-index: -1; | |
| 12340 | + content: ""; | |
| 12341 | + width: 40%; | |
| 12342 | + height: 10px; | |
| 12343 | + bottom: 10px; | |
| 12344 | + background: transparent; | |
| 12345 | + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4); | |
| 12346 | +} | |
| 12347 | +.vbo-signature-pad::before { | |
| 12348 | + left: 20px; | |
| 12349 | + -webkit-transform: skew(-3deg) rotate(-3deg); | |
| 12350 | + transform: skew(-3deg) rotate(-3deg); | |
| 12351 | +} | |
| 12352 | +.vbo-signature-pad::after { | |
| 12353 | + right: 20px; | |
| 12354 | + -webkit-transform: skew(3deg) rotate(3deg); | |
| 12355 | + transform: skew(3deg) rotate(3deg); | |
| 12356 | +} | |
| 12357 | +.vbo-signature-pad-head { | |
| 12358 | + margin-bottom: 8px; | |
| 12359 | + text-align: center; | |
| 12360 | + display: flex; | |
| 12361 | + flex-wrap: wrap; | |
| 12362 | +} | |
| 12363 | +.vbo-signature-pad-head .pull-right { | |
| 12364 | + margin-left: auto; | |
| 12365 | +} | |
| 12366 | +.vbo-signature-pad-head .vbo-signature-pad-head-terms { | |
| 12367 | + flex-basis: 100%; | |
| 12368 | + margin-top: 5px; | |
| 12369 | +} | |
| 12370 | +.vbo-signature-pad-head-terms { | |
| 12371 | + display: inline-block; | |
| 12372 | + padding: 0 10px; | |
| 12373 | +} | |
| 12374 | +.vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active { | |
| 12375 | + text-decoration: none; | |
| 12376 | +} | |
| 12377 | +.vbo-signature-pad-body { | |
| 12378 | + position: relative; | |
| 12379 | + -webkit-box-flex: 1; | |
| 12380 | + -ms-flex: 1; | |
| 12381 | + flex: 1; | |
| 12382 | + border: 1px solid var(--vbo-config-child-bg-color); | |
| 12383 | +} | |
| 12384 | +.vbo-signature-pad-body canvas, .vbo-signature-pad-body div { | |
| 12385 | + position: absolute; | |
| 12386 | + left: 0; | |
| 12387 | + top: 0; | |
| 12388 | + width: 100%; | |
| 12389 | + height: 100%; | |
| 12390 | + border-radius: 4px; | |
| 12391 | + box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; | |
| 12392 | +} | |
| 12393 | +.vbo-signature-pad-footer { | |
| 12394 | + text-align: center; | |
| 12395 | + margin-top: 8px; | |
| 12396 | +} | |
| 12397 | +.vbo-signature-signabove { | |
| 12398 | + color: var(--vbo-body-text-color); | |
| 12399 | + font-size: 1.2em; | |
| 12400 | +} | |
| 12401 | +.vbo-signature-cmds { | |
| 12402 | + display: -webkit-box; | |
| 12403 | + display: -ms-flexbox; | |
| 12404 | + display: flex; | |
| 12405 | + -webkit-box-pack: justify; | |
| 12406 | + -ms-flex-pack: justify; | |
| 12407 | + justify-content: space-between; | |
| 12408 | + margin-top: 8px; | |
| 12409 | +} | |
| 12410 | +.vbo-signature-cmd { | |
| 12411 | + display: inline-block; | |
| 12412 | + margin-right: 5px; | |
| 12413 | +} | |
| 12414 | +.vbo-signature-cmds > div:last-child { | |
| 12415 | + margin-right: 0; | |
| 12416 | +} | |
| 12417 | +.vbo-current-signature-p { | |
| 12418 | + display: block; | |
| 12419 | + text-align: center; | |
| 12420 | + font-weight: bold; | |
| 12421 | + font-size: 14px; | |
| 12422 | +} | |
| 12423 | +.vbo-signature-currentimg img { | |
| 12424 | + max-width: 100%; | |
| 12425 | + max-height: 100%; | |
| 12426 | +} | |
| 12427 | +/* Signature Pad - End */ | |
| 12428 | +/* Booking Checkin - End */ | |
| 12429 | +/* Booking Details Tabs - Start */ | |
| 12430 | +.vbo-bookingdet-tabs { | |
| 12431 | + float: left; | |
| 12432 | +} | |
| 12433 | +.vbo-bookingdet-tab { | |
| 12434 | + display: inline-block; | |
| 12435 | + cursor: pointer; | |
| 12436 | + padding: 16px; | |
| 12437 | + margin: 0; | |
| 12438 | + font-size: 1.2em; | |
| 12439 | + text-transform: uppercase; | |
| 12440 | + font-weight: bold; | |
| 12441 | +} | |
| 12442 | +.vbo-bookingdet-tab-active { | |
| 12443 | + border-bottom: 3px solid var(--vbo-base-color); | |
| 12444 | + color: var(--vbo-base-color); | |
| 12445 | +} | |
| 12446 | +.vbo-bookingdet-commands { | |
| 12447 | + float: right; | |
| 12448 | +} | |
| 12449 | +.vbo-bookingdet-commands > div { | |
| 12450 | + vertical-align: top; | |
| 12451 | +} | |
| 12452 | +.vbo-bookingdet-command { | |
| 12453 | + display: inline-block; | |
| 12454 | + margin: 3px; | |
| 12455 | +} | |
| 12456 | +.vbo-bookingdet-command .btn.vbo-config-btn { | |
| 12457 | + padding: 10px 14px; | |
| 12458 | + background-color: var(--vbo-light-color-btn); | |
| 12459 | + color: var(--vbo-base-color); | |
| 12460 | + border: 1px solid var(--vbo-config-border-color); | |
| 12461 | +} | |
| 12462 | +.vbo-bookingdet-command .btn.vbo-config-btn:hover { | |
| 12463 | + background: var(--vbo-base-color-hover); | |
| 12464 | + border: 1px solid var(--vbo-base-color-hover); | |
| 12465 | + color: #fff; | |
| 12466 | +} | |
| 12467 | +.vbo-bookingdet-command .btn.vbo-config-btn:active { | |
| 12468 | + background: var(--vbo-base-color-hover); | |
| 12469 | + border: 1px solid var(--vbo-base-color-hover); | |
| 12470 | +} | |
| 12471 | +.btn.vbo-btn-black { | |
| 12472 | + font-weight: 500; | |
| 12473 | + padding: 8px 10px; | |
| 12474 | + background: var(--vbo-config-title-color); | |
| 12475 | + color: var(--vbo-contrast-text-color); | |
| 12476 | + border: 1px solid var(--vbo-config-title-color); | |
| 12477 | +} | |
| 12478 | +.btn.vbo-btn-black:hover { | |
| 12479 | + color: var(--vbo-config-title-color); | |
| 12480 | + border-color: var(--vbo-config-title-color); | |
| 12481 | + background: transparent; | |
| 12482 | +} | |
| 12483 | +.vbo-bookingdet-command i { | |
| 12484 | + margin-right: 5px; | |
| 12485 | +} | |
| 12486 | +.vbo-bookingdet-tab-cont { | |
| 12487 | + display: block; | |
| 12488 | + background: var(--vbo-basic-btn); | |
| 12489 | + padding-top: 15px; | |
| 12490 | +} | |
| 12491 | +img.vbo-channelimg-medium { | |
| 12492 | + max-height: 20px; | |
| 12493 | +} | |
| 12494 | +/* Booking Details Tabs - End */ | |
| 12495 | +/* VikUpdater - Start */ | |
| 12496 | +.vik-box-error { | |
| 12497 | + padding: 10px; | |
| 12498 | + border: 2px dashed var(--vbo-red-color); | |
| 12499 | + color: var(--vbo-red-color); | |
| 12500 | + font-weight: bolder; | |
| 12501 | +} | |
| 12502 | +.vik-box-error hr { | |
| 12503 | + border-top-color: var(--vbo-red-color); | |
| 12504 | +} | |
| 12505 | +.vik-update-changelog { | |
| 12506 | + padding: 10px; | |
| 12507 | + border: 2px dashed var(--vbo-middle-color-btn); | |
| 12508 | +} | |
| 12509 | +.vik-update-changelog h2 { | |
| 12510 | + margin-bottom: 25px; | |
| 12511 | +} | |
| 12512 | +.vik-update-changelog ul li strong { | |
| 12513 | + display: inline-block; | |
| 12514 | + width: 220px; | |
| 12515 | +} | |
| 12516 | +.vik-update-changelog div.box-separator { | |
| 12517 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 12518 | + margin: 20px 0; | |
| 12519 | +} | |
| 12520 | +.vik-update-changelog > *:first-child, | |
| 12521 | +.vik-box-error > *:first-child { | |
| 12522 | + margin-top: 0; | |
| 12523 | +} | |
| 12524 | +.vik-update-changelog > *:last-child, | |
| 12525 | +.vik-box-error > *:last-child { | |
| 12526 | + margin-bottom: 0; | |
| 12527 | +} | |
| 12528 | +/* VikUpdater - End */ | |
| 12529 | +.vbo-colortag-square { | |
| 12530 | + background-color: var(--vbo-config-bg-color); | |
| 12531 | + border: 1px solid var(--vbo-config-title-color); | |
| 12532 | + border-radius: 4px; | |
| 12533 | + cursor: pointer; | |
| 12534 | + display: inline-block; | |
| 12535 | + height: 30px; | |
| 12536 | + margin-right: 10px; | |
| 12537 | + width: 30px; | |
| 12538 | + text-align: center; | |
| 12539 | + vertical-align: top; | |
| 12540 | + line-height: 30px; | |
| 12541 | +} | |
| 12542 | +.vbo-colortag-circle { | |
| 12543 | + border-radius: 50%; | |
| 12544 | + cursor: pointer; | |
| 12545 | + display: inline-block; | |
| 12546 | + height: 14px; | |
| 12547 | + margin: 1px; | |
| 12548 | + padding: 0; | |
| 12549 | + vertical-align: middle; | |
| 12550 | + width: 14px; | |
| 12551 | +} | |
| 12552 | +.vbo-dropdown-cxmenu-horizontal .vbo-colortag-circle { | |
| 12553 | + height: 16px; | |
| 12554 | + width: 16px; | |
| 12555 | + margin-right: 0; | |
| 12556 | +} | |
| 12557 | +.vik-context-menu.vbo-dropdown-cxmenu-horizontal li a { | |
| 12558 | + padding: 6px; | |
| 12559 | +} | |
| 12560 | +.vbo-allbsearchcust-loading-inp { | |
| 12561 | + background: var(--vbo-config-border-color) none repeat scroll 0 0 !important; | |
| 12562 | +} | |
| 12563 | +.vbo-allbsearchcust-res { | |
| 12564 | + top: 36px; | |
| 12565 | + position: absolute; | |
| 12566 | + z-index: 2; | |
| 12567 | + width: 100%; | |
| 12568 | +} | |
| 12569 | +.vbo-allbsearchcust-res .vbo-custsearchres-inner { | |
| 12570 | + list-style: none; | |
| 12571 | + text-align: left; | |
| 12572 | + padding: 0; | |
| 12573 | + margin: 0 0 0 -1px; | |
| 12574 | + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); | |
| 12575 | + background-color: var(--vbo-config-bg-color); | |
| 12576 | + border: 1px solid var(--vbo-config-border-color); | |
| 12577 | + white-space: nowrap; | |
| 12578 | + max-height: 200px; | |
| 12579 | + width: 100%; | |
| 12580 | + overflow-y: scroll; | |
| 12581 | +} | |
| 12582 | +.vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-custsearchres-entry, .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-widget-custsearchres-entry { | |
| 12583 | + font-size: 13px; | |
| 12584 | +} | |
| 12585 | +#vbo-allbsearchcust-res .vbo-custsearchres-inner { | |
| 12586 | + list-style: none; | |
| 12587 | + text-align: left; | |
| 12588 | + white-space: nowrap; | |
| 12589 | +} | |
| 12590 | +.vbo-allbookings-fm .btn-group select { | |
| 12591 | + max-width: 150px; | |
| 12592 | + margin-bottom: 0; | |
| 12593 | + border-radius: var(--vbo-field-radius); | |
| 12594 | + border: 1px solid var(--vbo-config-border-color); | |
| 12595 | + padding: 8px 10px; | |
| 12596 | + height: inherit; | |
| 12597 | +} | |
| 12598 | +.vbo-allbsearchcust-res .vbo-custsearchres-entry .vbo-custsearchres-name, .vbo-allbsearchcust-res .vbo-widget-custsearchres-entry .vbo-custsearchres-name { | |
| 12599 | + min-width: 80%; | |
| 12600 | +} | |
| 12601 | +/* Config: Do not edit this */ | |
| 12602 | +/* FontAwesome fixes - Start */ | |
| 12603 | +i.fa-sort-desc { | |
| 12604 | + vertical-align: top; | |
| 12605 | +} | |
| 12606 | +/* FontAwesome fixes - End */ | |
| 12607 | +/* Select2 fixes - Start */ | |
| 12608 | +.select2-search--dropdown .select2-search__field { | |
| 12609 | + width: 100% !important; | |
| 12610 | +} | |
| 12611 | +input[type="search"].select2-search__field { | |
| 12612 | + height: auto !important; | |
| 12613 | + margin-bottom: 2px !important; | |
| 12614 | + outline: transparent; | |
| 12615 | + box-shadow: none; | |
| 12616 | +} | |
| 12617 | +.select2-container--default .select2-search--dropdown .select2-search__field { | |
| 12618 | + border: 1px solid var(--vbo-config-border-color); | |
| 12619 | +} | |
| 12620 | +.select2-container--default .select2-search--dropdown .select2-search__field:focus { | |
| 12621 | + border-color: var(--vbo-base-color); | |
| 12622 | +} | |
| 12623 | +.select2-container.select2-container--default.select2-container--open { | |
| 12624 | + z-index: 2147483647 !important; | |
| 12625 | +} | |
| 12626 | +.select2-container--open.select2-container--default .select2-results__option:empty { | |
| 12627 | + display: none; | |
| 12628 | +} | |
| 12629 | +/* Select2 fixes - End */ | |
| 12630 | +.vikpaymentparam { | |
| 12631 | + display: block; | |
| 12632 | + padding: 2px; | |
| 12633 | +} | |
| 12634 | +.vikpaymentparamlabel { | |
| 12635 | + display: inline-block; | |
| 12636 | + min-width: 150px; | |
| 12637 | +} | |
| 12638 | +.vikpaymentparamlbl-textarea { | |
| 12639 | + display: block; | |
| 12640 | +} | |
| 12641 | +.vikpaymentparaminput { | |
| 12642 | + display: inline-block !important; | |
| 12643 | +} | |
| 12644 | +.vikpaymentparaminput.vikpaymentparaminput-tarea { | |
| 12645 | + width: 100%; | |
| 12646 | +} | |
| 12647 | +.vikpaymentparamlabelhelp { | |
| 12648 | + font-size: smaller; | |
| 12649 | + font-style: italic; | |
| 12650 | + padding-left: 5px; | |
| 12651 | +} | |
| 12652 | +.vbo-config-param-cell { | |
| 12653 | + background: none repeat scroll 0 0 var(--vbo-light-color-btn); | |
| 12654 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 12655 | + vertical-align: middle !important; | |
| 12656 | +} | |
| 12657 | +.vbo-config-param-cell.vbo-config-param-cell-warn { | |
| 12658 | + color: var(--vbo-red-color) !important; | |
| 12659 | +} | |
| 12660 | +.vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover { | |
| 12661 | + float: right; | |
| 12662 | +} | |
| 12663 | +.vbo-smstpl-bgroup { | |
| 12664 | + white-space: inherit !important; | |
| 12665 | +} | |
| 12666 | +.vbo-smstpl-bgroup button { | |
| 12667 | + margin: 2px 0; | |
| 12668 | +} | |
| 12669 | +.vbo-smstpl-control textarea { | |
| 12670 | + margin-top:5px; | |
| 12671 | +} | |
| 12672 | +.vbo-custmail-bgroup .btn-small { | |
| 12673 | + padding: 2px 5px !important; | |
| 12674 | +} | |
| 12675 | +.vbo-spblock-inline { | |
| 12676 | + display: inline-block; | |
| 12677 | + margin-right: 8px; | |
| 12678 | +} | |
| 12679 | +.vbo-spblock-inline input { | |
| 12680 | + display: inline-block; | |
| 12681 | +} | |
| 12682 | +.vbo-spblock-inline label { | |
| 12683 | + display: inline; | |
| 12684 | + vertical-align: middle; | |
| 12685 | +} | |
| 12686 | +#vbo-sms-balance { | |
| 12687 | + margin: 8px 0; | |
| 12688 | + padding: 5px; | |
| 12689 | +} | |
| 12690 | +.fieldset-left { | |
| 12691 | + float: left; | |
| 12692 | + margin-right: 20px; | |
| 12693 | +} | |
| 12694 | +.fieldset-half { | |
| 12695 | + float: left; | |
| 12696 | + width: 48%; | |
| 12697 | +} | |
| 12698 | +ul.dropdown-menu { | |
| 12699 | + z-index: 9999; | |
| 12700 | +} | |
| 12701 | +span.badge a { | |
| 12702 | + color: #fff; | |
| 12703 | +} | |
| 12704 | +span.badge a:hover { | |
| 12705 | + color: #fff; | |
| 12706 | + text-decoration: none; | |
| 12707 | +} | |
| 12708 | +i.icn-bigger { | |
| 12709 | + font-size: larger; | |
| 12710 | +} | |
| 12711 | +i.icn-nomargin { | |
| 12712 | + margin: 0 !important; | |
| 12713 | +} | |
| 12714 | +i.icn-float-left { | |
| 12715 | + float: left; | |
| 12716 | +} | |
| 12717 | +i.icn-float-right { | |
| 12718 | + float: right; | |
| 12719 | +} | |
| 12720 | +i.icn-clickable { | |
| 12721 | + cursor: pointer; | |
| 12722 | +} | |
| 12723 | +i.vbo-quest-popover { | |
| 12724 | + color: var(--vbo-config-title-color); | |
| 12725 | +} | |
| 12726 | +i.vbo-quest-popover:hover { | |
| 12727 | + color: var(--vbo-blue-color); | |
| 12728 | +} | |
| 12729 | +.popover { | |
| 12730 | + z-index: 2147483647 !important; | |
| 12731 | +} | |
| 12732 | +i.vbo-icn-img { | |
| 12733 | + font-size: 20px; | |
| 12734 | +} | |
| 12735 | +/* Joomla 3.x */ | |
| 12736 | +.vbo-config-tabs-wrap div.current { | |
| 12737 | + background: var(--vbo-main-bg-color); | |
| 12738 | + clear: both; | |
| 12739 | + padding: 10px; | |
| 12740 | +} | |
| 12741 | +.vbo-config-tabs-wrap div.current dd.tabs { | |
| 12742 | + margin-left: 0; | |
| 12743 | +} | |
| 12744 | +.vbo-config-tabs-wrap dl.tabs { | |
| 12745 | + float: left; | |
| 12746 | + margin: 10px 0 -1px -3px; | |
| 12747 | + z-index: 50; | |
| 12748 | +} | |
| 12749 | +.vbo-config-tabs-wrap dl.tabs dt.open { | |
| 12750 | + color: #000000; | |
| 12751 | + z-index: 1; | |
| 12752 | +} | |
| 12753 | +.vbo-config-tabs-wrap dl.tabs dt { | |
| 12754 | + color: #666666; | |
| 12755 | + float: left; | |
| 12756 | + margin-left: 3px; | |
| 12757 | + padding: 4px 10px; | |
| 12758 | +} | |
| 12759 | +.vbo-config-tabs-wrap dt.tabs span h3 { | |
| 12760 | + font-size: 13px; | |
| 12761 | + margin: 0; | |
| 12762 | + display: inline-block; | |
| 12763 | + padding: 4px 8px; | |
| 12764 | +} | |
| 12765 | +.vbo-config-tabs-wrap dt.tabs:hover h3 { | |
| 12766 | + background: var(--vbo-toolbar-bg-color); | |
| 12767 | + border-radius: 4px; | |
| 12768 | +} | |
| 12769 | +/* jQuery Calendar */ | |
| 12770 | +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { | |
| 12771 | + color: var(--vbo-body-text-color); | |
| 12772 | +} | |
| 12773 | +.ui-datepicker.ui-widget-content { | |
| 12774 | + border: 0 !important; | |
| 12775 | +} | |
| 12776 | +#ui-datepicker-div select { | |
| 12777 | + line-height: 1em; | |
| 12778 | + padding: 5px 14px 5px 8px !important; | |
| 12779 | + min-height: 20px; | |
| 12780 | + height: auto !important; | |
| 12781 | +} | |
| 12782 | +.ui-datepicker, .ui-datepicker.ui-datepicker-multi { | |
| 12783 | + width: auto !important; | |
| 12784 | +} | |
| 12785 | +.ui-datepicker-multi .ui-datepicker-group { | |
| 12786 | + background-color: var(--vbo-body-bg-color) !important; | |
| 12787 | + width: calc(50% - 13px) !important; | |
| 12788 | + box-sizing: content-box; | |
| 12789 | +} | |
| 12790 | +.ui-datepicker-multi-2 .ui-datepicker-group-first { | |
| 12791 | + padding-right: 12px; | |
| 12792 | + margin-right: 12px; | |
| 12793 | +} | |
| 12794 | +.ui-datepicker table.ui-datepicker-calendar { | |
| 12795 | + table-layout: inherit; | |
| 12796 | + font-size: 0.75em !important; | |
| 12797 | + border-spacing: 0; | |
| 12798 | + border-collapse: initial; | |
| 12799 | +} | |
| 12800 | +.ui-datepicker-multi .ui-datepicker-group table { | |
| 12801 | + margin-bottom: 0; | |
| 12802 | +} | |
| 12803 | +.ui-datepicker-multi .ui-datepicker-group-first .ui-datepicker-calendar { | |
| 12804 | + margin-right: 5px; | |
| 12805 | +} | |
| 12806 | +.ui-datepicker-multi .ui-datepicker-group table tbody tr { | |
| 12807 | + border-bottom: 0; | |
| 12808 | +} | |
| 12809 | +.ui-datepicker table td { | |
| 12810 | + width: auto !important; | |
| 12811 | + text-align: center; | |
| 12812 | + padding: 1px !important; | |
| 12813 | + border: 0; | |
| 12814 | +} | |
| 12815 | +.ui-datepicker table td:hover { | |
| 12816 | + border: 0; | |
| 12817 | +} | |
| 12818 | +.ui-datepicker .ui-datepicker-title { | |
| 12819 | + font-size: 18px !important; | |
| 12820 | + font-weight: 400 !important; | |
| 12821 | +} | |
| 12822 | +.ui-datepicker .ui-datepicker-current-day a { | |
| 12823 | + color: var(--vbo-body-text-color); | |
| 12824 | +} | |
| 12825 | +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { | |
| 12826 | + border: 1.5px solid var(--vbo-body-bg-color); | |
| 12827 | +} | |
| 12828 | +.ui-datepicker td > *, .ui-datepicker td > *.ui-state-default { | |
| 12829 | + font-size: 13px !important; | |
| 12830 | + text-align: center !important; | |
| 12831 | + border-radius: 50% !important; | |
| 12832 | + width: 40px; | |
| 12833 | + height: 40px; | |
| 12834 | + line-height: 40px !important; | |
| 12835 | + border: 1.5px solid var(--vbo-body-bg-color) !important; | |
| 12836 | +} | |
| 12837 | +.ui-datepicker td.ui-datepicker-unselectable > * { | |
| 12838 | + border: 1.5px solid #fff0 !important; | |
| 12839 | +} | |
| 12840 | +.ui-datepicker td.ui-datepicker-unselectable > *:hover { | |
| 12841 | + color: var(--vbo-body-text-color); | |
| 12842 | +} | |
| 12843 | +.ui-datepicker td:not(.ui-state-disabled) *:hover { | |
| 12844 | + border-color: var(--vbo-blue-color) !important; | |
| 12845 | + color: var(--vbo-blue-color) !important; | |
| 12846 | +} | |
| 12847 | +.ui-state-default, | |
| 12848 | +.ui-widget-content .ui-state-default, | |
| 12849 | +.ui-widget-header .ui-state-default { | |
| 12850 | + background: transparent !important; | |
| 12851 | + font-weight: 500 !important; | |
| 12852 | +} | |
| 12853 | +.ui-datepicker-calendar td.checkin-checkout-inner { | |
| 12854 | + opacity: 1 !important; | |
| 12855 | +} | |
| 12856 | +.ui-datepicker-calendar td.checkin-checkout-inner, .ui-datepicker-calendar .checkin-date, .ui-datepicker-calendar .checkout-date, .ui-datepicker-calendar .checkout-date.date-will { | |
| 12857 | + background: var(--vbo-config-child-bg-color); | |
| 12858 | + border: 0 !important; | |
| 12859 | +} | |
| 12860 | +.ui-datepicker-calendar .checkin-date:hover { | |
| 12861 | + background-color: var(--vbo-white-bg-color) !important; | |
| 12862 | +} | |
| 12863 | +.ui-datepicker-calendar td.checkin-checkout-inner > * { | |
| 12864 | + border-color: var(--vbo-config-child-bg-color) !important; | |
| 12865 | +} | |
| 12866 | +.ui-datepicker-calendar td.checkin-date > *, .ui-datepicker-calendar td.checkout-date > *, .ui-datepicker-calendar td.ui-state-highlight > *, .ui-datepicker-calendar td.ui-datepicker-current-day > * { | |
| 12867 | + background-color: var(--vbo-blue-color) !important; | |
| 12868 | + border-color: var(--vbo-blue-color) !important; | |
| 12869 | + color: var(--vbo-contrast-text-color) !important; | |
| 12870 | +} | |
| 12871 | +.ui-datepicker-calendar td.checkin-date > *:hover, .ui-datepicker-calendar td.checkout-date > *:hover, .ui-datepicker-calendar td.ui-state-highlight > *:hover, .ui-datepicker-calendar td.ui-datepicker-current-day > *:hover { | |
| 12872 | + color: var(--vbo-contrast-text-color) !important; | |
| 12873 | +} | |
| 12874 | +.ui-datepicker-calendar .checkin-date { | |
| 12875 | + border-top-left-radius: 50%; | |
| 12876 | + border-bottom-left-radius: 50%; | |
| 12877 | +} | |
| 12878 | +.ui-datepicker-calendar .checkout-date { | |
| 12879 | + border-top-right-radius: 50%; | |
| 12880 | + border-bottom-right-radius: 50%; | |
| 12881 | +} | |
| 12882 | +.ui-datepicker-calendar .date-tooltip { | |
| 12883 | + position: relative; | |
| 12884 | +} | |
| 12885 | +.ui-datepicker-calendar .date-tooltip:after { | |
| 12886 | + display: none; | |
| 12887 | + content: attr(data-title); | |
| 12888 | + position: absolute; | |
| 12889 | + width: 100px; | |
| 12890 | + font-size: 12px; | |
| 12891 | + top: -22px; | |
| 12892 | + left: 50%; | |
| 12893 | + transform: translateX(-50%); | |
| 12894 | + background: var(--vbo-body-bg-color); | |
| 12895 | + box-shadow: 0 0 3px rgba(0,0,0,.2); | |
| 12896 | + padding: 1px; | |
| 12897 | + color: var(--vbo-body-text-color); | |
| 12898 | +} | |
| 12899 | +.ui-datepicker-calendar .date-tooltip-large:after { | |
| 12900 | + width: 180px; | |
| 12901 | +} | |
| 12902 | +.ui-datepicker-calendar .date-tooltip.date-tooltip-firstwday:after { | |
| 12903 | + left: 0; | |
| 12904 | + transform: translateX(0%); | |
| 12905 | +} | |
| 12906 | +.ui-datepicker-calendar .date-tooltip.date-tooltip-lastwday:after { | |
| 12907 | + left: auto; | |
| 12908 | + transform: translate(0, 0); | |
| 12909 | + right: 0; | |
| 12910 | +} | |
| 12911 | +.ui-datepicker-calendar .date-tooltip:before { | |
| 12912 | + display: none; | |
| 12913 | + position: absolute; | |
| 12914 | + border: 6px solid transparent; | |
| 12915 | + border-top-color: transparent; | |
| 12916 | + border-bottom-color: transparent; | |
| 12917 | + background: transparent; | |
| 12918 | + content: ""; | |
| 12919 | + border-bottom-color: transparent; | |
| 12920 | + border-top-color: var(--vbo-body-bg-color); | |
| 12921 | + top: -2px; | |
| 12922 | + left: 50%; | |
| 12923 | + transform: translateX(-50%); | |
| 12924 | + z-index: 1; | |
| 12925 | +} | |
| 12926 | +.ui-datepicker-calendar .date-tooltip:hover:after, .ui-datepicker-calendar .date-tooltip:hover:before { | |
| 12927 | + display: block; | |
| 12928 | +} | |
| 12929 | +.ui-datepicker td.checkin-checkout-inner *:hover { | |
| 12930 | + background-color: var(--vbo-body-bg-color) !important; | |
| 12931 | +} | |
| 12932 | +.ui-state-active, | |
| 12933 | +.ui-widget-content .ui-state-active, | |
| 12934 | +.ui-widget-header .ui-state-active { | |
| 12935 | + color: var(--vbo-light-dark-grey-bg-color) !important; | |
| 12936 | +} | |
| 12937 | +.ui-datepicker-current-day > a.ui-state-active { | |
| 12938 | + background-color: var(--vbo-blue-color) !important; | |
| 12939 | + border-color: var(--vbo-blue-color) !important; | |
| 12940 | + color: var(--vbo-contrast-text-color) !important; | |
| 12941 | +} | |
| 12942 | +.ui-widget-header { | |
| 12943 | + background: transparent !important; | |
| 12944 | + border: 0 !important; | |
| 12945 | + font-size: 22px !important; | |
| 12946 | + font-weight: 300 !important; | |
| 12947 | +} | |
| 12948 | +.ui-state-disabled, | |
| 12949 | +.ui-widget-content .ui-state-disabled, | |
| 12950 | +.ui-widget-header .ui-state-disabled { | |
| 12951 | + opacity: 0.2 !important; | |
| 12952 | + border: 0; | |
| 12953 | +} | |
| 12954 | +.ui-state-disabled { | |
| 12955 | + pointer-events: auto; | |
| 12956 | +} | |
| 12957 | +.ui-datepicker .ui-datepicker-today { | |
| 12958 | + color: var(--vbo-blue-color) !important; | |
| 12959 | +} | |
| 12960 | +.ui-datepicker-other-month { | |
| 12961 | + background: transparent !important; | |
| 12962 | +} | |
| 12963 | +#ui-datepicker-div { | |
| 12964 | + z-index: 2147483647 !important; | |
| 12965 | + box-shadow: 0 3px 12px 0 rgb(0 0 0 / 0.15); | |
| 12966 | + border-radius: 32px; | |
| 12967 | + padding: 30px; | |
| 12968 | + background-color: var(--vbo-body-bg-color); | |
| 12969 | +} | |
| 12970 | +#ui-datepicker-div.ui-widget-content, .ui-datepicker-inline.ui-widget-content { | |
| 12971 | + background-color: var(--vbo-body-bg-color) !important; | |
| 12972 | +} | |
| 12973 | +.ui-datepicker .ui-datepicker-header .ui-datepicker-title { | |
| 12974 | + font-size: 14px !important; | |
| 12975 | + font-weight: bold !important; | |
| 12976 | + color: var(--vbo-body-text-color); | |
| 12977 | + margin-top: -5px; | |
| 12978 | + margin-bottom: 5px; | |
| 12979 | +} | |
| 12980 | +.ui-datepicker th { | |
| 12981 | + font-size: 10px !important; | |
| 12982 | + text-transform: uppercase; | |
| 12983 | + color: var(--vbo-config-titles-color-light) !important; | |
| 12984 | +} | |
| 12985 | +.ui-datepicker-header .ui-corner-all { | |
| 12986 | + color: var(--vbo-config-titles-color-light); | |
| 12987 | +} | |
| 12988 | +.ui-datepicker-header .ui-corner-all.ui-state-hover { | |
| 12989 | + border-color: var(--vbo-blue-color) !important; | |
| 12990 | + color: var(--vbo-blue-color); | |
| 12991 | + background: transparent !important; | |
| 12992 | +} | |
| 12993 | +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { | |
| 12994 | + width: 34px !important; | |
| 12995 | + height: 34px !important; | |
| 12996 | + border: 1.5px solid var(--vbo-input-style) !important; | |
| 12997 | + border-radius: 50%; | |
| 12998 | +} | |
| 12999 | +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, | |
| 13000 | +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { | |
| 13001 | + top: -2px !important; | |
| 13002 | + border-radius: 50%; | |
| 13003 | + cursor: pointer; | |
| 13004 | +} | |
| 13005 | +.ui-datepicker .ui-datepicker-next-hover { | |
| 13006 | + right: 2px; | |
| 13007 | +} | |
| 13008 | +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { | |
| 13009 | + top: 0 !important; | |
| 13010 | + left: 0; | |
| 13011 | + margin: 0; | |
| 13012 | + background: transparent; | |
| 13013 | + background-color: transparent !important; | |
| 13014 | + position: relative; | |
| 13015 | + text-indent: 0; | |
| 13016 | + width: 34px; | |
| 13017 | + height: 34px; | |
| 13018 | + display: inline-block; | |
| 13019 | + font-size: 0; | |
| 13020 | + text-align: center; | |
| 13021 | +} | |
| 13022 | +.ui-datepicker .ui-datepicker-prev span:after, .ui-datepicker .ui-datepicker-next span:after { | |
| 13023 | + font-family: "Font Awesome 7 Free", FontAwesome !important; | |
| 13024 | + font-weight: 900; | |
| 13025 | + top: 0; | |
| 13026 | + position: absolute; | |
| 13027 | + width: 34px; | |
| 13028 | + height: 34px; | |
| 13029 | + line-height: 34px; | |
| 13030 | + font-size: 16px; | |
| 13031 | +} | |
| 13032 | +.ui-datepicker .ui-datepicker-prev span:after { | |
| 13033 | + content: "\f053"; | |
| 13034 | + left: -1px; | |
| 13035 | +} | |
| 13036 | +.ui-datepicker .ui-datepicker-next span:after { | |
| 13037 | + content: "\f054"; | |
| 13038 | + left: 0; | |
| 13039 | +} | |
| 13040 | +.ui-datepicker .ui-datepicker-prev { | |
| 13041 | + left: 0; | |
| 13042 | +} | |
| 13043 | +#ui-datepicker-div select { | |
| 13044 | + padding: 9px 24px 9px 8px !important; | |
| 13045 | + margin: 0 2px; | |
| 13046 | +} | |
| 13047 | +.vbo-drp-commands-bottom { | |
| 13048 | + display: flex; | |
| 13049 | + gap: 10px; | |
| 13050 | + align-items: center; | |
| 13051 | + justify-content: end; | |
| 13052 | +} | |
| 13053 | +.ui-datepicker .vbo-drp-commands-bottom > div > * { | |
| 13054 | + font-weight: 500; | |
| 13055 | + font-size: 14px; | |
| 13056 | + line-height: initial; | |
| 13057 | + padding: 6px 8px; | |
| 13058 | + border-radius: 6px; | |
| 13059 | +} | |
| 13060 | +.ui-datepicker .vbo-drp-commands-bottom .vbo-drp-command-clear a { | |
| 13061 | + color: var(--vbo-config-titles-color-light); | |
| 13062 | + text-decoration: underline; | |
| 13063 | +} | |
| 13064 | +.ui-datepicker .vbo-drp-commands-bottom .vbo-drp-command-clear a:hover { | |
| 13065 | + background-color: var(--vbo-basic-btn); | |
| 13066 | +} | |
| 13067 | +.ui-datepicker .vbo-drp-commands-bottom .vbo-drp-command-close button { | |
| 13068 | + font-size: 14px; | |
| 13069 | +} | |
| 13070 | +/* End jQuery Calendar */ | |
| 13071 | + | |
| 13072 | +.vbo-link-add { | |
| 13073 | + font-size: 13px; | |
| 13074 | + border-radius: var(--vbo-field-radius); | |
| 13075 | +} | |
| 13076 | +.vbo-link-add i { | |
| 13077 | + margin-right: 5px; | |
| 13078 | + display: inline-block; | |
| 13079 | +} | |
| 13080 | +.btn.vbo-config-btn, .vbo-link-add { | |
| 13081 | + background-color: var(--vbo-base-color); | |
| 13082 | + border: 1px solid var(--vbo-base-color); | |
| 13083 | + color: #fff; | |
| 13084 | + padding: 10px 14px; | |
| 13085 | + display: inline-block; | |
| 13086 | +} | |
| 13087 | +.btn.vbo-config-btn:hover, .vbo-link-add:hover { | |
| 13088 | + background-color: var(--vbo-base-color-hover) !important; | |
| 13089 | + border: 1px solid var(--vbo-base-color-hover) !important; | |
| 13090 | + color: #fff; | |
| 13091 | +} | |
| 13092 | +.btn.vbo-config-btn:active, .vbo-link-add:active { | |
| 13093 | + background-color: var(--vbo-link-text-color) !important; | |
| 13094 | + color: #fff; | |
| 13095 | +} | |
| 13096 | +.vbo-config-btn.vbo-config-btn-rounded { | |
| 13097 | + border-radius: 50%; | |
| 13098 | + width: 25px; | |
| 13099 | + height: 25px; | |
| 13100 | + text-align: center; | |
| 13101 | +} | |
| 13102 | +.vbo-config-btn.vbo-config-btn-rounded i { | |
| 13103 | + margin-right: 0; | |
| 13104 | +} | |
| 13105 | +.vbo-config-btn-rounded.vbo-config-btn-large { | |
| 13106 | + height: 50px; | |
| 13107 | + width: 50px; | |
| 13108 | + font-size: 24px; | |
| 13109 | +} | |
| 13110 | +.vbo-config-tabs-wrap dl.tabs { | |
| 13111 | + margin: 10px 0 0; | |
| 13112 | + width: 100%; | |
| 13113 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 13114 | +} | |
| 13115 | +.vbo-config-tabs-wrap dl.tabs dt h3 i { | |
| 13116 | + margin-right: 5px; | |
| 13117 | + font-size: 15px; | |
| 13118 | +} | |
| 13119 | +.vbo-config-tabs-wrap dl.tabs dt { | |
| 13120 | + padding: 5px; | |
| 13121 | + margin-left: 0; | |
| 13122 | + border: 0; | |
| 13123 | + display: inline-block; | |
| 13124 | + float: none; | |
| 13125 | +} | |
| 13126 | +.vbo-config-tabs-wrap dt.tabs span h3 a, .vbo-config-tabs-wrap dt.tabs span h3 i { | |
| 13127 | + color: var(--vbo-config-title-color); | |
| 13128 | +} | |
| 13129 | +.vbo-config-tabs-wrap dl.tabs dt.open h3, .vbo-config-tabs-wrap dl.tabs dt.open h3 a, .vbo-config-tabs-wrap dl.tabs dt.open h3 i { | |
| 13130 | + color: var(--vbo-base-color); | |
| 13131 | +} | |
| 13132 | +.vbo-config-tabs-wrap dl.tabs dt.open a { | |
| 13133 | + color: #000; | |
| 13134 | +} | |
| 13135 | +.vbo-config-tabs-wrap dl.tabs dt.open { | |
| 13136 | + border-bottom: 2px solid var(--vbo-base-color); | |
| 13137 | +} | |
| 13138 | +.vbo-config-tabs-wrap dl.tabs dt:hover h3 { | |
| 13139 | + color: var(--vbo-config-title-color); | |
| 13140 | +} | |
| 13141 | +.vbo-config-tabs-wrap dl.tabs dt.open, .vbo-config-tabs-wrap dl.tabs dt.open:hover { | |
| 13142 | + border-bottom: 2px solid var(--vbo-base-color); | |
| 13143 | +} | |
| 13144 | +.vbo-config-tabs-wrap dt.tabs:hover span h3 a, .vbo-config-tabs-wrap dt.tabs:hover span h3 i { | |
| 13145 | + color: inherit; | |
| 13146 | +} | |
| 13147 | +.vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt, .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt:hover { | |
| 13148 | + background: transparent; | |
| 13149 | + border-bottom: 0; | |
| 13150 | + float: right; | |
| 13151 | +} | |
| 13152 | +.vbo-config-body { | |
| 13153 | + margin-top: -20px; | |
| 13154 | +} | |
| 13155 | + | |
| 13156 | +.vbo-admin-container { | |
| 13157 | + background: transparent; | |
| 13158 | + clear: both; | |
| 13159 | + padding: 10px; | |
| 13160 | + display: flex; | |
| 13161 | + flex-wrap: wrap; | |
| 13162 | +} | |
| 13163 | +.vbo-admin-container > div { | |
| 13164 | + flex-basis: calc(50% - 10px); | |
| 13165 | +} | |
| 13166 | +.vbo-admin-container > .vbo-config-maintab-smaller { | |
| 13167 | + flex-basis: calc(35% - 10px); | |
| 13168 | +} | |
| 13169 | +.vbo-admin-container > .vbo-config-maintab-larger { | |
| 13170 | + flex: 1; | |
| 13171 | +} | |
| 13172 | +.vbo-admin-container.vbo-params-container-wide > div { | |
| 13173 | + flex-basis: 100%; | |
| 13174 | +} | |
| 13175 | +.vbo-admin-container .adminform { | |
| 13176 | + width: auto; | |
| 13177 | + display: inherit; | |
| 13178 | + background: var(--vbo-config-bg-color); | |
| 13179 | + border-radius: 6px; | |
| 13180 | + margin: 20px 0; | |
| 13181 | + padding: 15px 30px; | |
| 13182 | + box-shadow: 0 0 2px rgba(0,0,0,.1); | |
| 13183 | +} | |
| 13184 | +.vbo-admin-container .vbo-config-maintab-left { | |
| 13185 | + margin-right: 10px; | |
| 13186 | +} | |
| 13187 | +.vbo-admin-container .vbo-config-maintab-right { | |
| 13188 | + margin-left: 10px; | |
| 13189 | +} | |
| 13190 | +/* With this class we create a 100% width settings block */ | |
| 13191 | +.vbo-config-tab-container > .adminform { | |
| 13192 | + width: 100%; | |
| 13193 | +} | |
| 13194 | +.vbo-config-tab-container .adminform { | |
| 13195 | + margin-top: 0; | |
| 13196 | +} | |
| 13197 | +.vbo-config-tab-container { | |
| 13198 | + padding-top: 10px !important; | |
| 13199 | +} | |
| 13200 | +.vbo-admin-container .adminlegend { | |
| 13201 | + border-bottom: 0; | |
| 13202 | + font-size: 22px; | |
| 13203 | + line-height: 1.2em; | |
| 13204 | + font-weight: bold; | |
| 13205 | + color: var(--vbo-config-titles-color-light); | |
| 13206 | + width: 100%; | |
| 13207 | +} | |
| 13208 | +.modal-body .adminlegend { | |
| 13209 | + width: 100%; | |
| 13210 | +} | |
| 13211 | +#jmodal-box-vbo-new-res .modal-body .adminlegend, #jmodal-vbo-checkin-booking .modal-body .adminlegend { | |
| 13212 | + width: auto; | |
| 13213 | + float: inherit; | |
| 13214 | + margin-bottom: 10px; | |
| 13215 | +} | |
| 13216 | +.modal-body-wrapper .vbo-admin-container .adminlegend { | |
| 13217 | + float: none; | |
| 13218 | +} | |
| 13219 | +#jmodal-vbo-checkin-booking .modal-body .vbo-center { | |
| 13220 | + margin-top: 15px; | |
| 13221 | +} | |
| 13222 | +.vbo-btn-icon-right i { | |
| 13223 | + margin-left: 5px; | |
| 13224 | + margin-right: 0; | |
| 13225 | +} | |
| 13226 | +.vbo-btn-icon-left i { | |
| 13227 | + margin-right: 5px; | |
| 13228 | + margin-left: 0; | |
| 13229 | +} | |
| 13230 | +.vbo-admin-container .adminlegend i { | |
| 13231 | + margin-right: 5px; | |
| 13232 | +} | |
| 13233 | +.vbo-admin-container .vbo-param-container { | |
| 13234 | + display: flex; | |
| 13235 | + margin: 25px 0; | |
| 13236 | +} | |
| 13237 | +.vbo-param-container-highlighted { | |
| 13238 | + color: var(--vbo-red-color); | |
| 13239 | +} | |
| 13240 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .input-append { | |
| 13241 | + margin-bottom: 0; | |
| 13242 | +} | |
| 13243 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .vbo-trig-upd-pic { | |
| 13244 | + max-width: 225px; | |
| 13245 | +} | |
| 13246 | +.vbo-admin-container .vbo-param-container .vbo-param-setting select, | |
| 13247 | +.vbo-admin-container .vbo-param-container .vbo-param-setting select + input, | |
| 13248 | +.vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"] + input[type="number"] { | |
| 13249 | + vertical-align: top; | |
| 13250 | +} | |
| 13251 | +.vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"], | |
| 13252 | +.vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsto"], | |
| 13253 | +.vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], | |
| 13254 | +.vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrento"], | |
| 13255 | +.vbo-admin-container .vbo-param-container .vbo-param-setting label + input { | |
| 13256 | + vertical-align: inherit !important; | |
| 13257 | +} | |
| 13258 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .field-media-wrapper .field-media-preview { | |
| 13259 | + padding: 8px 5px; | |
| 13260 | + border-color: var(--vbo-config-border-color); | |
| 13261 | +} | |
| 13262 | +.vbo-admin-container .vbo-param-container.vbo-param-child { | |
| 13263 | + margin-top: -20px; | |
| 13264 | +} | |
| 13265 | +.vbo-admin-container .vbo-param-container.vbo-param-nested { | |
| 13266 | + border-top: 2px solid var(--vbo-basic-btn); | |
| 13267 | + background: var(--vbo-config-child-bg-color); | |
| 13268 | + padding: 10px 15px; | |
| 13269 | + margin: 0; | |
| 13270 | +} | |
| 13271 | +.vbo-admin-container .vbo-param-container .vbo-param-label { | |
| 13272 | + flex-basis: 250px; | |
| 13273 | + font-size: 14px; | |
| 13274 | + margin-right: 20px; | |
| 13275 | + margin-bottom: 5px; | |
| 13276 | + font-weight: 420; | |
| 13277 | +} | |
| 13278 | +.vbo-param-label-icn { | |
| 13279 | + color: var(--vbo-config-titles-color-light); | |
| 13280 | +} | |
| 13281 | +.vbo-param-label.vbo-param-label-icn-wrap { | |
| 13282 | + display: flex; | |
| 13283 | + gap: 6px; | |
| 13284 | +} | |
| 13285 | +.vbo-admin-container .vbo-config-maintab-smaller .vbo-param-container .vbo-param-label { | |
| 13286 | + flex-basis: 150px; | |
| 13287 | +} | |
| 13288 | +.vbo-admin-container .vbo-param-container .vbo-param-label .vbo-param-label-top span { | |
| 13289 | + display: block; | |
| 13290 | + margin-bottom: 5px; | |
| 13291 | +} | |
| 13292 | +/* The "-full" style gives a block layout for lbl and value, to use together with "vbo-param-container" */ | |
| 13293 | +.vbo-admin-container .vbo-param-container-full { | |
| 13294 | + flex-wrap: wrap; | |
| 13295 | +} | |
| 13296 | +.vbo-admin-container .vbo-param-container-full .vbo-param-label { | |
| 13297 | + flex-basis: 100%; | |
| 13298 | + margin-bottom: 10px; | |
| 13299 | +} | |
| 13300 | +/* The vbo-params-wrap-fullwidth give a 100% width to each setting block */ | |
| 13301 | +.vbo-admin-container .vbo-params-wrap.vbo-params-wrap-fullwidth { | |
| 13302 | + width: 100%; | |
| 13303 | +} | |
| 13304 | + | |
| 13305 | +/* This "-full" class is to enlarge the one column admin structure. | |
| 13306 | + * This needs to be used together with the "vbo-admin-container" class. | |
| 13307 | + */ | |
| 13308 | +.vbo-admin-container-full .vbo-params-wrap { | |
| 13309 | + flex-basis: 100%; | |
| 13310 | +} | |
| 13311 | +/* This "-compact" class is to reduce the padding between the settings. | |
| 13312 | + * This needs to be used together with the "vbo-admin-container" class. | |
| 13313 | +*/ | |
| 13314 | +.vbo-admin-container-compact .vbo-param-container { | |
| 13315 | + margin: 12px 0; | |
| 13316 | +} | |
| 13317 | +.vbo-params-block.vbo-params-block-compact .vbo-param-container { | |
| 13318 | + margin-bottom: 0; | |
| 13319 | + padding-bottom: 0; | |
| 13320 | +} | |
| 13321 | +.vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label { | |
| 13322 | + flex-basis: 235px; | |
| 13323 | +} | |
| 13324 | +.vbo-admin-container .vbo-param-container .vbo-param-setting { | |
| 13325 | + flex: 1; | |
| 13326 | + max-width: 100%; | |
| 13327 | +} | |
| 13328 | +.vbo-admin-container .vbo-param-container .vbo-param-setting-comment, .vbo-bookingdet-detcont .vbo-param-setting-comment { | |
| 13329 | + display: block; | |
| 13330 | + font-size: .9em; | |
| 13331 | + margin-top: 4px; | |
| 13332 | + font-style: italic; | |
| 13333 | + color: var(--vbo-config-title-color); | |
| 13334 | +} | |
| 13335 | +.vbo-admin-container .vbo-param-container .vbo-param-setting:has(.vbo-param-setting-comment[data-element="message-template-info"]) { | |
| 13336 | + display: flex; | |
| 13337 | + flex-wrap: wrap; | |
| 13338 | + align-items: center; | |
| 13339 | +} | |
| 13340 | +.vbo-admin-container .vbo-param-container select[data-element="message-template"] { | |
| 13341 | + margin-right: 10px; | |
| 13342 | + margin-bottom: 2px !important; | |
| 13343 | +} | |
| 13344 | +.vbo-admin-container .vbo-param-container .vbo-param-setting-comment[data-element="message-template-info"] { | |
| 13345 | + font-weight: 600; | |
| 13346 | + display: inline-flex; | |
| 13347 | + align-items: center; | |
| 13348 | + gap: 5px; | |
| 13349 | + font-style: normal; | |
| 13350 | + margin-top: 2px; | |
| 13351 | +} | |
| 13352 | +.vbo-admin-container .vbo-param-container .vbo-param-setting-comment[data-element="message-template-info"] img { | |
| 13353 | + width: 24px; | |
| 13354 | + height: 24px; | |
| 13355 | + object-fit: cover; | |
| 13356 | +} | |
| 13357 | +.vbo-params-wrap .vbo-params-legend-comment { | |
| 13358 | + display: block; | |
| 13359 | + font-size: .9em; | |
| 13360 | + font-style: italic; | |
| 13361 | + color: var(--vbo-config-titles-color-light); | |
| 13362 | + margin-top: -3px; | |
| 13363 | +} | |
| 13364 | +.vbo-admin-container .vbo-param-container .vbo-param-setting-comment.vbo-param-setting-comment-danger { | |
| 13365 | + font-weight: bold; | |
| 13366 | + color: var(--vbo-red-color); | |
| 13367 | +} | |
| 13368 | +.vbo-admin-container .vbo-param-container .vbo-param-setting-comment-inline { | |
| 13369 | + margin-left: 5px; | |
| 13370 | + font-style: italic; | |
| 13371 | + color: var(--vbo-config-title-color); | |
| 13372 | +} | |
| 13373 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group { | |
| 13374 | + display: inline-block; | |
| 13375 | + margin-right: 10px; | |
| 13376 | +} | |
| 13377 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block { | |
| 13378 | + margin-bottom: 5px; | |
| 13379 | +} | |
| 13380 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block:last-child { | |
| 13381 | + margin-bottom: 0; | |
| 13382 | +} | |
| 13383 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal, | |
| 13384 | +#pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal, .vbo-modal-link-img { | |
| 13385 | + background: var(--vbo-main-bg-color); | |
| 13386 | + padding: 10px 15px; | |
| 13387 | + border-radius: 2px; | |
| 13388 | + border: 1px solid var(--vbo-config-border-color); | |
| 13389 | + color: var(--vbo-config-title-color); | |
| 13390 | + display: inline-block; | |
| 13391 | + white-space: nowrap; | |
| 13392 | + overflow: hidden; | |
| 13393 | + text-overflow: ellipsis; | |
| 13394 | + max-width: 120px; | |
| 13395 | + margin: 0; | |
| 13396 | + vertical-align: top; | |
| 13397 | +} | |
| 13398 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:hover, | |
| 13399 | +#pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:hover, .vbo-modal-link-img:hover { | |
| 13400 | + color: var(--vbo-base-color); | |
| 13401 | + border-color: var(--vbo-base-color); | |
| 13402 | + background-color: var(--vbo-config-bg-color); | |
| 13403 | +} | |
| 13404 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:active, | |
| 13405 | +#pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:active, .vbo-modal-link-img:active { | |
| 13406 | + background-color: var(--vbo-config-child-bg-color); | |
| 13407 | +} | |
| 13408 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal i { | |
| 13409 | + margin-right: 3px; | |
| 13410 | + font-size: 16px; | |
| 13411 | +} | |
| 13412 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal + input[type="file"] { | |
| 13413 | + margin: 2px 0; | |
| 13414 | + height: 40px; | |
| 13415 | +} | |
| 13416 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block input[type="file"] { | |
| 13417 | + vertical-align: top; | |
| 13418 | +} | |
| 13419 | +#pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] { | |
| 13420 | + vertical-align: top; | |
| 13421 | +} | |
| 13422 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont label { | |
| 13423 | + margin-bottom: 0; | |
| 13424 | +} | |
| 13425 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont input { | |
| 13426 | + margin-top: 0; | |
| 13427 | +} | |
| 13428 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel, | |
| 13429 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore { | |
| 13430 | + border-left: 1px solid var(--vbo-main-bg-color); | |
| 13431 | + padding-left: 10px; | |
| 13432 | + margin-left: 10px; | |
| 13433 | +} | |
| 13434 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel span, | |
| 13435 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore span { | |
| 13436 | + margin: 0 10px 3px 0; | |
| 13437 | + display: inline-block; | |
| 13438 | +} | |
| 13439 | +.vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar { | |
| 13440 | + margin-top: 0; | |
| 13441 | +} | |
| 13442 | +.vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:first-child { | |
| 13443 | + margin-left: 0; | |
| 13444 | +} | |
| 13445 | +form input[type="text"], form textarea, .vbo-admin-container .vbo-param-container .vbo-param-setting input, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea, | |
| 13446 | +.new_depovr_container input[type="number"], .vbo-admin-container .vbo-param-container .vbo-param-label input, .vbo-bookingdet-detcont input[type="text"], .vbo-bookingdet-summary .vbo-bookingdet-summary-total input, .vbo-btn-toolbar .input-append input[type="text"], .vbo-editbooking-summary-room input[type="number"], .vbo-editbooking-summary-room input[type="text"], .occupancy-adults-ovr input[type="number"] { | |
| 13447 | + border: 1px solid var(--vbo-config-border-color); | |
| 13448 | + border-radius: var(--vbo-field-radius); | |
| 13449 | + padding: 8px 10px; | |
| 13450 | + margin-bottom: 0; | |
| 13451 | + box-sizing: border-box; | |
| 13452 | + height: auto; | |
| 13453 | +} | |
| 13454 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .input-append input { | |
| 13455 | + border-top-right-radius: 0; | |
| 13456 | + border-bottom-right-radius: 0; | |
| 13457 | +} | |
| 13458 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .btn.vbo-config-btn { | |
| 13459 | + margin-left: 5px | |
| 13460 | +} | |
| 13461 | +input[type="number"].vbo-small-input { | |
| 13462 | + width: 70px !important; | |
| 13463 | + vertical-align: inherit; | |
| 13464 | +} | |
| 13465 | +input[type="number"].vbo-medium-input { | |
| 13466 | + width: 100px !important; | |
| 13467 | + vertical-align: inherit; | |
| 13468 | +} | |
| 13469 | +.vbo-booking-special-requests { | |
| 13470 | + border: 1px solid var(--vbo-blue-color); | |
| 13471 | + padding: 10px; | |
| 13472 | + border-radius: 15px; | |
| 13473 | + border-top-left-radius: 0; | |
| 13474 | + background: var(--vbo-config-child-bg-color); | |
| 13475 | + margin: 0 5px; | |
| 13476 | +} | |
| 13477 | +.vbo-booking-admin-notes { | |
| 13478 | + background: var(--vbo-config-child-bg-color); | |
| 13479 | + padding: 10px; | |
| 13480 | + margin: 0; | |
| 13481 | + font-style: italic; | |
| 13482 | +} | |
| 13483 | +.vbo-admin-container .vbo-param-container .vbo-param-setting input:focus, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea:focus, | |
| 13484 | +.new_depovr_container input[type="number"]:focus, .vbo-admin-container .vbo-param-container .vbo-param-label input:focus, .vbo-bookingdet-detcont input[type="text"]:focus, .vbo-bookingdet-summary .vbo-bookingdet-summary-total input:hover, .vbo-btn-toolbar .input-append input[type="text"]:hover, .vbo-btn-toolbar .input-append input[type="text"]:focus, .occupancy-adults-ovr input[type="number"]:hover, .occupancy-adults-ovr input[type="number"]:focus { | |
| 13485 | + background: var(--vbo-input-style-deactive); | |
| 13486 | +} | |
| 13487 | +.vbo-btn-toolbar .input-append .btn + input { | |
| 13488 | + border-top-left-radius: 0; | |
| 13489 | + border-bottom-left-radius: 0; | |
| 13490 | +} | |
| 13491 | +.vbo-editbooking-summary-room input[type="number"]:not(.vbo-small-input) { | |
| 13492 | + width: 100px !important; | |
| 13493 | +} | |
| 13494 | +input[type="number"].vbo-large-input-number { | |
| 13495 | + width: 180px !important; | |
| 13496 | +} | |
| 13497 | +.vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select, .vbo-calendar-custmail-tpls-wrap select, .vbo-bookingdet-topcontainer select, .vbo-roomdet-guest-detail select, .vbo-btn-toolbar select, .occupancy-adults-ovr select { | |
| 13498 | + margin-bottom: 0; | |
| 13499 | + border-radius: var(--vbo-field-radius); | |
| 13500 | + border: 1px solid var(--vbo-config-border-color); | |
| 13501 | + padding: 8px 10px; | |
| 13502 | + height: inherit; | |
| 13503 | +} | |
| 13504 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .field-calendar button, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-field-calendar button, .btn.vbodatepicker-trig-icon { | |
| 13505 | + padding: 8px 10px; | |
| 13506 | + border-radius: 0 2px 2px 0; | |
| 13507 | + border: 1px solid var(--vbo-config-border-color); | |
| 13508 | +} | |
| 13509 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .field-calendar button .icon-calendar, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-field-calendar button .icon-calendar, | |
| 13510 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbodatepicker-trig-icon .icon-calendar, .btn.vbodatepicker-trig-icon .icon-calendar { | |
| 13511 | + margin-right: 0; | |
| 13512 | +} | |
| 13513 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn, .vbo-admin-container .vbo-param-container .vbo-colortag-add { | |
| 13514 | + background: var(--vbo-base-color); | |
| 13515 | + border: 1px solid var(--vbo-base-color); | |
| 13516 | + color: #fff; | |
| 13517 | + padding: 10px 14px; | |
| 13518 | +} | |
| 13519 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn i, .vbo-admin-container .vbo-param-container .vbo-colortag-add i { | |
| 13520 | + color: #fff; | |
| 13521 | +} | |
| 13522 | +.vbo-admin-container .vbo-param-container .vbo-config-btn:hover, .vbo-admin-container .vbo-param-container .vbo-colortag-add:hover { | |
| 13523 | + background: var(--vbo-base-color-hover) !important; | |
| 13524 | +} | |
| 13525 | +.vbo-admin-container .vbo-param-container .vbo-config-btn:active, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn:focus, .vbo-admin-container .vbo-param-container .vbo-colortag-add:focus .vbo-admin-container .vbo-param-container .vbo-colortag-add:active { | |
| 13526 | + background: var(--vbo-link-text-color) !important; | |
| 13527 | +} | |
| 13528 | +.vbo-admin-container .vbo-param-container .vbo-config-btn i { | |
| 13529 | + margin-right: 5px; | |
| 13530 | + display: inline-block; | |
| 13531 | +} | |
| 13532 | +.vbo-admin-container .vbo-param-container #vbo-camstart.vbo-config-btn { | |
| 13533 | + margin-top: 5px; | |
| 13534 | +} | |
| 13535 | +.vbo-admin-container .vbo-param-container .btn-danger { | |
| 13536 | + padding: 10px 14px; | |
| 13537 | + font-size: 12px; | |
| 13538 | + line-height: 15px; | |
| 13539 | + border-radius: var(--vbo-field-radius); | |
| 13540 | +} | |
| 13541 | +select.vbo-select-small { | |
| 13542 | + padding: 0px 24px 0px 8px !important; | |
| 13543 | + min-height: 25px; | |
| 13544 | + font-size: 12px; | |
| 13545 | + height: 25px !important; | |
| 13546 | +} | |
| 13547 | +.vbo-btn-toolbar .btn i { | |
| 13548 | + margin-right: 5px; | |
| 13549 | +} | |
| 13550 | +.vbo-btn-toolbar .input-append .btn .icon-calendar { | |
| 13551 | + margin-right: 0; | |
| 13552 | +} | |
| 13553 | +.iti.iti--allow-dropdown { | |
| 13554 | + background: var(--vbo-input-style); | |
| 13555 | + border: 1px solid var(--vbo-config-border-color); | |
| 13556 | + border-radius: var(--vbo-field-radius); | |
| 13557 | + display: flex; | |
| 13558 | + z-index: 0; | |
| 13559 | +} | |
| 13560 | +.iti.iti--allow-dropdown .iti__flag-container { | |
| 13561 | + position: relative; | |
| 13562 | +} | |
| 13563 | +.iti.iti--allow-dropdown .iti__selected-flag { | |
| 13564 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 13565 | +} | |
| 13566 | +.iti.iti--allow-dropdown input[type="tel"] { | |
| 13567 | + border: 1px solid transparent; | |
| 13568 | + border-top-left-radius: 0; | |
| 13569 | + border-bottom-left-radius: 0; | |
| 13570 | + padding: 5px 10px; | |
| 13571 | + margin-bottom: 0; | |
| 13572 | + height: auto; | |
| 13573 | + flex: 1; | |
| 13574 | +} | |
| 13575 | +.iti.iti--allow-dropdown input[type="tel"]:focus, .iti.iti--allow-dropdown input[type="tel"]:hover { | |
| 13576 | + border: 1px solid var(--vbo-base-color); | |
| 13577 | +} | |
| 13578 | +.vbo-uploaded-files i.fa-file { | |
| 13579 | + font-size: 60px !important; | |
| 13580 | +} | |
| 13581 | +.vbo-uploaded-files .file-elem a .file-extension { | |
| 13582 | + font-size: 14px !important; | |
| 13583 | +} | |
| 13584 | +.vbo-uploaded-files .file-elem { | |
| 13585 | + margin-bottom: 20px; | |
| 13586 | + width: calc(100% / 7); | |
| 13587 | +} | |
| 13588 | +.vbo-param-file-upload-wrap .vbo-uploaded-files .file-elem { | |
| 13589 | + width: calc(100% / 2); | |
| 13590 | +} | |
| 13591 | +.vbo-bookingdet-btncont .vbo-config-btn { | |
| 13592 | + margin-top: 5px; | |
| 13593 | +} | |
| 13594 | +.vbo-bookingdet-btncont .vbo-config-btn i { | |
| 13595 | + margin-right: 8px; | |
| 13596 | +} | |
| 13597 | +.vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner { | |
| 13598 | + display: inline-block; | |
| 13599 | + margin-left: 10px; | |
| 13600 | + border: 1px solid var(--vbo-config-border-color); | |
| 13601 | + padding: 8px 9px; | |
| 13602 | + margin-top: 0px; | |
| 13603 | + border-radius: 2px; | |
| 13604 | + background: var(--vbo-config-child-bg-color); | |
| 13605 | + vertical-align: top; | |
| 13606 | +} | |
| 13607 | +.vbo-admin-container .vbo-param-container .vbo-edit-tmpl:focus, .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:active { | |
| 13608 | + background: var(--vbo-config-bg-color); | |
| 13609 | +} | |
| 13610 | +.vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar { | |
| 13611 | + margin-bottom: 0; | |
| 13612 | + height: auto; | |
| 13613 | +} | |
| 13614 | +.vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .input-append { | |
| 13615 | + margin-bottom: 0; | |
| 13616 | +} | |
| 13617 | +.vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple { | |
| 13618 | + border: 0 !important; | |
| 13619 | + background: transparent; | |
| 13620 | +} | |
| 13621 | +.vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered { | |
| 13622 | + padding: 0; | |
| 13623 | +} | |
| 13624 | +.vbo-param-container .vbo-param-setting .select2-container--default { | |
| 13625 | + width: 70% !important; | |
| 13626 | +} | |
| 13627 | +.vbo-param-container.vbo-param-container-full-setting .vbo-param-setting .select2-container--default { | |
| 13628 | + width: 100% !important; | |
| 13629 | + max-width: initial; | |
| 13630 | +} | |
| 13631 | +.vbo-params-block .vbo-param-container.vbo-param-container-full-setting .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { | |
| 13632 | + width: calc(100% - 2px) !important; | |
| 13633 | +} | |
| 13634 | +.vbo-params-block.vbo-params-block-full-setting .vbo-param-container .vbo-param-setting .select2-container--default { | |
| 13635 | + width: 100% !important; | |
| 13636 | + max-width: initial; | |
| 13637 | +} | |
| 13638 | +.vbo-params-block.vbo-params-block-full-setting .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { | |
| 13639 | + width: calc(100% - 2px) !important; | |
| 13640 | +} | |
| 13641 | +.vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline { | |
| 13642 | + width: 100%; | |
| 13643 | +} | |
| 13644 | +.vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { | |
| 13645 | + width: 100% !important; | |
| 13646 | + background: var(--vbo-config-bg-color); | |
| 13647 | +} | |
| 13648 | +.vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice { | |
| 13649 | + background-color: var(--vbo-select2-bg); | |
| 13650 | + border: 1px solid var(--vbo-select2-border); | |
| 13651 | + border-radius: 30px; | |
| 13652 | + padding: 5px 10px; | |
| 13653 | + color: var(--vbo-select2-txt); | |
| 13654 | + font-weight: bold; | |
| 13655 | +} | |
| 13656 | +.vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice { | |
| 13657 | + font-size: 12px; | |
| 13658 | +} | |
| 13659 | +.vbo-reportwidget-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered { | |
| 13660 | + padding: 0; | |
| 13661 | + display: inline-block; | |
| 13662 | +} | |
| 13663 | +.vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove { | |
| 13664 | + display: inline-block; | |
| 13665 | + margin-left: 3px; | |
| 13666 | + margin-right: 0; | |
| 13667 | + width: 18px; | |
| 13668 | + height: 18px; | |
| 13669 | + line-height: 15px; | |
| 13670 | + font-size: 16px; | |
| 13671 | + text-align: center; | |
| 13672 | + border-radius: 50%; | |
| 13673 | + color: #1f90d9; | |
| 13674 | + float: right; | |
| 13675 | +} | |
| 13676 | +.vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover { | |
| 13677 | + background: #1f90d9; | |
| 13678 | + color: #fff; | |
| 13679 | +} | |
| 13680 | +.vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim { | |
| 13681 | + margin-left: 5px; | |
| 13682 | +} | |
| 13683 | +#vbo-preset-icons + .select2-container--default .select2-selection--single { | |
| 13684 | + height: 36px; | |
| 13685 | + border: 1px solid #ddd; | |
| 13686 | + border-radius: var(--vbo-field-radius); | |
| 13687 | +} | |
| 13688 | +#vbo-preset-icons + .select2-container--default #select2-roomselcalc-container { | |
| 13689 | + font-weight: normal; | |
| 13690 | + font-size: 14px; | |
| 13691 | +} | |
| 13692 | +#vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__arrow { | |
| 13693 | + height: 36px; | |
| 13694 | +} | |
| 13695 | +#vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__rendered { | |
| 13696 | + line-height: 35px; | |
| 13697 | +} | |
| 13698 | +.vbo-admin-container .vbo-param-container .vbo-iostoggle-wrap input, .vbo-admin-container .vbo-param-container .vik-iostoggle-wrap input { | |
| 13699 | + border: 0; | |
| 13700 | +} | |
| 13701 | +.btn-group.btn-group-right-el input[type="text"], .vbo-btn-toolbar .input-append #confirmnumber, .vbo-btn-toolbar .input-append #customernominative, .vbo-btn-toolbar .input-append #filtercustomer, .vbo-btn-toolbar .input-append #filtercustomer, .vbo-report-filter-val .input-append #einvkword { | |
| 13702 | + border-top-right-radius: 0; | |
| 13703 | + border-bottom-right-radius: 0; | |
| 13704 | +} | |
| 13705 | +/* | |
| 13706 | + * IMPORTANT: By using the wrapping class "vbo-multiselect-inline-elems-wrap" you will have inline elements in the multiselect dropdown. | |
| 13707 | + * This class can be used with the "vbo-param-setting" class. | |
| 13708 | + */ | |
| 13709 | +.vbo-multiselect-inline-elems-wrap .select2-container { | |
| 13710 | + width: auto !important; | |
| 13711 | + max-width: 500px; | |
| 13712 | +} | |
| 13713 | +.vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered { | |
| 13714 | + display: flex; | |
| 13715 | + flex-wrap: wrap; | |
| 13716 | + align-items: center; | |
| 13717 | + padding: 5px; | |
| 13718 | + column-gap: 3px; | |
| 13719 | + padding: 4px 5px 1px; | |
| 13720 | + min-height: 38px; | |
| 13721 | +} | |
| 13722 | +.vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-selection--multiple .select2-selection__rendered li .select2-search__field { | |
| 13723 | + margin-bottom: 0 !important; | |
| 13724 | + border: 0; | |
| 13725 | + margin-top: 0; | |
| 13726 | + padding: 0; | |
| 13727 | + min-height: 30px; | |
| 13728 | +} | |
| 13729 | +.vbo-multiselect-inline-elems-wrap .select2-container .select2-search--inline { | |
| 13730 | + padding-top: 0; | |
| 13731 | +} | |
| 13732 | +.vbo-multiselect-inline-elems-wrap .select2-selection__rendered > li:last-of-type:not(:only-of-type) { | |
| 13733 | + width: 20px !important; | |
| 13734 | + padding-top: 0; | |
| 13735 | + /*height: 20px;*/ | |
| 13736 | +} | |
| 13737 | +.vbo-param-container .vbo-param-setting .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice, | |
| 13738 | +.vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice { | |
| 13739 | + max-width: initial; | |
| 13740 | + margin: 0; | |
| 13741 | + position: relative; | |
| 13742 | + background-color: transparent; | |
| 13743 | + border: 0; | |
| 13744 | + border-radius: 0; | |
| 13745 | + padding: 0; | |
| 13746 | + color: initial; | |
| 13747 | + font-weight: normal; | |
| 13748 | + overflow: visible; | |
| 13749 | +} | |
| 13750 | +.vbo-param-container .vbo-param-setting .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { | |
| 13751 | + min-height: 38px; | |
| 13752 | + line-height: 40px; | |
| 13753 | + display: flex; | |
| 13754 | + align-items: center; | |
| 13755 | +} | |
| 13756 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag, | |
| 13757 | +.vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag { | |
| 13758 | + display: inline-block; | |
| 13759 | + padding: 4px 10px 4px 10px; | |
| 13760 | + border-radius: 4px; | |
| 13761 | + background: var(--vbo-basic-btn); | |
| 13762 | + color: var(--vbo-body-text-color); | |
| 13763 | + max-width: 140px; | |
| 13764 | + overflow: hidden; | |
| 13765 | + text-overflow: ellipsis; | |
| 13766 | + line-height: 1.4em; | |
| 13767 | +} | |
| 13768 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .select2-selection__choice__remove + .vbo-sel2-selected-tag, | |
| 13769 | +.vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .select2-selection__choice__remove + .vbo-sel2-selected-tag { | |
| 13770 | + padding-right: 20px; | |
| 13771 | +} | |
| 13772 | +.vbo-sel2-selected-tag img.vbo-sel2-selected-tag-avatar { | |
| 13773 | + height: 24px; | |
| 13774 | + width: 24px; | |
| 13775 | + border-radius: 50%; | |
| 13776 | + object-fit: cover; | |
| 13777 | + border: 2px solid var(--vbo-config-bg-color); | |
| 13778 | + vertical-align: middle; | |
| 13779 | + margin-right: 4px; | |
| 13780 | +} | |
| 13781 | +.vbo-sel2-selected-tag i.vbo-sel2-selected-tag-avatar { | |
| 13782 | + height: 24px; | |
| 13783 | + width: 24px; | |
| 13784 | + border-radius: 50%; | |
| 13785 | + text-align: center; | |
| 13786 | + line-height: 24px; | |
| 13787 | + color: var(--vbo-config-titles-color-light); | |
| 13788 | + border: 2px solid var(--vbo-config-titles-color-light); | |
| 13789 | + font-size: 12px; | |
| 13790 | + margin-right: 4px; | |
| 13791 | +} | |
| 13792 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.red { | |
| 13793 | + background-color: var(--vbo-tag-red-bg); | |
| 13794 | + color: var(--vbo-tag-red-txt); | |
| 13795 | +} | |
| 13796 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.green { | |
| 13797 | + background-color: var(--vbo-tag-green-bg); | |
| 13798 | + color: var(--vbo-tag-green-txt); | |
| 13799 | +} | |
| 13800 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.olive { | |
| 13801 | + background-color: var(--vbo-tag-olive-bg); | |
| 13802 | + color: var(--vbo-tag-olive-txt); | |
| 13803 | +} | |
| 13804 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.blue { | |
| 13805 | + background-color: var(--vbo-tag-blue-bg); | |
| 13806 | + color: var(--vbo-tag-blue-txt); | |
| 13807 | +} | |
| 13808 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.ocean { | |
| 13809 | + background-color: var(--vbo-tag-ocean-bg); | |
| 13810 | + color: var(--vbo-tag-ocean-txt); | |
| 13811 | +} | |
| 13812 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.brown { | |
| 13813 | + background-color: var(--vbo-tag-brown-bg); | |
| 13814 | + color: var(--vbo-tag-brown-txt); | |
| 13815 | +} | |
| 13816 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.yellow { | |
| 13817 | + background-color: var(--vbo-tag-yellow-bg); | |
| 13818 | + color: var(--vbo-tag-yellow-txt); | |
| 13819 | +} | |
| 13820 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.orange { | |
| 13821 | + background-color: var(--vbo-tag-orange-bg); | |
| 13822 | + color: var(--vbo-tag-orange-txt); | |
| 13823 | +} | |
| 13824 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.purple { | |
| 13825 | + background-color: var(--vbo-tag-purple-bg); | |
| 13826 | + color: var(--vbo-tag-purple-txt); | |
| 13827 | +} | |
| 13828 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.pink { | |
| 13829 | + background-color: var(--vbo-tag-pink-bg); | |
| 13830 | + color: var(--vbo-tag-pink-txt); | |
| 13831 | +} | |
| 13832 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.black { | |
| 13833 | + background-color: var(--vbo-tag-black-bg); | |
| 13834 | + color: var(--vbo-tag-black-txt); | |
| 13835 | +} | |
| 13836 | +.vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.gray { | |
| 13837 | + background-color: var(--vbo-tag-gray-bg); | |
| 13838 | + color: var(--vbo-tag-gray-txt); | |
| 13839 | +} | |
| 13840 | +.vbo-tagcolors-elems-wrap.vbo-statuscolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag { | |
| 13841 | + border-radius: 20px; | |
| 13842 | +} | |
| 13843 | + | |
| 13844 | +.vbo-sel2-selectable-tag { | |
| 13845 | + display: flex; | |
| 13846 | + align-items: center; | |
| 13847 | +} | |
| 13848 | +.vbo-colortag-circle { | |
| 13849 | + display: inline-block; | |
| 13850 | + width: 12px; | |
| 13851 | + height: 12px; | |
| 13852 | + border-radius: 50%; | |
| 13853 | + margin-right: 5px; | |
| 13854 | + border: 1px solid var(--vbo-basic-btn-hover); | |
| 13855 | + background-color: var(--vbo-basic-btn); | |
| 13856 | +} | |
| 13857 | + | |
| 13858 | +.vbo-sel2-search-elem { | |
| 13859 | + display: flex; | |
| 13860 | + align-items: center; | |
| 13861 | + gap: 10px; | |
| 13862 | +} | |
| 13863 | +.vbo-sel2-search-elem-avatar, .vbo-sel2-selected-search-elem { | |
| 13864 | + display: flex; | |
| 13865 | + align-items: center; | |
| 13866 | + width: 100%; | |
| 13867 | + gap: 6px; | |
| 13868 | +} | |
| 13869 | +.vbo-sel2-search-elem-avatar > img, .vbo-sel2-search-elem-avatar > i, .vbo-sel2-selected-search-elem img, .vbo-sel2-selected-search-elem i { | |
| 13870 | + width: 24px; | |
| 13871 | + height: 24px; | |
| 13872 | + border-radius: 50%; | |
| 13873 | +} | |
| 13874 | +.vbo-sel2-search-elem-avatar img, .vbo-sel2-selected-search-elem img { | |
| 13875 | + object-fit: cover; | |
| 13876 | + border: 2px solid var(--vbo-config-bg-color); | |
| 13877 | +} | |
| 13878 | +.vbo-sel2-search-elem-avatar i, .vbo-sel2-selected-search-elem i { | |
| 13879 | + line-height: 24px; | |
| 13880 | + color: var(--vbo-config-titles-color-light); | |
| 13881 | + border: 1px solid var(--vbo-config-titles-color-light); | |
| 13882 | + font-size: 12px; | |
| 13883 | + text-align: center; | |
| 13884 | +} | |
| 13885 | +.select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] .vbo-sel2-search-elem-avatar i, .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] .vbo-sel2-selected-search-elem i { | |
| 13886 | + color: var(--vbo-contrast-text-color); | |
| 13887 | + border-color: var(--vbo-contrast-text-color); | |
| 13888 | +} | |
| 13889 | +.vbo-search-elems-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { | |
| 13890 | + min-height: 42px; | |
| 13891 | + line-height: 40px; | |
| 13892 | + display: flex; | |
| 13893 | + align-items: center; | |
| 13894 | +} | |
| 13895 | +.vbo-search-elems-wrap .select2-container.select2-container--default .select2-selection--single { | |
| 13896 | + height: 44px; | |
| 13897 | +} | |
| 13898 | +.vbo-tm-toolbar-filter .vbo-search-elems-wrap .select2-container.select2-container--default .select2-selection--single { | |
| 13899 | + height: 40px; | |
| 13900 | +} | |
| 13901 | +.vbo-tm-toolbar-filter .vbo-search-elems-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { | |
| 13902 | + min-height: 38px; | |
| 13903 | + line-height: 38px; | |
| 13904 | +} | |
| 13905 | +.vbo-search-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-search-elem { | |
| 13906 | + display: flex; | |
| 13907 | + align-items: center; | |
| 13908 | + gap: 6px; | |
| 13909 | + padding: 3px 10px 3px 8px; | |
| 13910 | + border-radius: 4px; | |
| 13911 | + background: var(--vbo-basic-btn); | |
| 13912 | + color: var(--vbo-body-text-color); | |
| 13913 | + max-width: fit-content; | |
| 13914 | + overflow: hidden; | |
| 13915 | + text-overflow: ellipsis; | |
| 13916 | + line-height: 1.4em; | |
| 13917 | + max-width: calc(100% - 30px); | |
| 13918 | + min-width: 150px; | |
| 13919 | +} | |
| 13920 | +.vbo-search-elems-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__clear { | |
| 13921 | + order: 2; | |
| 13922 | + margin-left: auto; | |
| 13923 | +} | |
| 13924 | +.vbo-search-elems-wrap .vbo-sel2-selected-tag { | |
| 13925 | + max-width: calc(100% - 10px); | |
| 13926 | + min-width: 150px; | |
| 13927 | + overflow: hidden; | |
| 13928 | + text-overflow: ellipsis; | |
| 13929 | +} | |
| 13930 | + | |
| 13931 | +/* Task Manager */ | |
| 13932 | +.vbo-tm-managecolortag-color { | |
| 13933 | + width: 22px; | |
| 13934 | + height: 22px; | |
| 13935 | +} | |
| 13936 | +input[type="text"].vbo-param-setting-tm-task-title-inp, | |
| 13937 | +input[type="text"].vbo-param-setting-tm-task-title-inp:focus { | |
| 13938 | + border: 0 !important; | |
| 13939 | + border-radius: 0 !important; | |
| 13940 | + background: transparent !important; | |
| 13941 | + appearance: none; | |
| 13942 | + outline: none; | |
| 13943 | + box-shadow: none !important; | |
| 13944 | + font-size: 40px !important; | |
| 13945 | + line-height: 2 !important; | |
| 13946 | + padding: 0 !important; | |
| 13947 | + font-weight: bold; | |
| 13948 | + width: 100% !important; | |
| 13949 | +} | |
| 13950 | +.vbo-param-setting-tm-task-title-inp:hover:not(:focus) { | |
| 13951 | + cursor: pointer; | |
| 13952 | +} | |
| 13953 | +.vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"].vbo-param-setting-tm-task-title-inp { | |
| 13954 | + width: calc(100% - 70px) !important; | |
| 13955 | +} | |
| 13956 | +.vbo-tm-areas-blank-pane { | |
| 13957 | + display: flex; | |
| 13958 | + flex-direction: column; | |
| 13959 | + justify-content: center; | |
| 13960 | + align-items: center; | |
| 13961 | + max-width: 600px; | |
| 13962 | + margin: 50px auto; | |
| 13963 | + gap: 0px; | |
| 13964 | + text-align: center; | |
| 13965 | + background: var(--vbo-config-bg-color); | |
| 13966 | + padding: 30px 20px; | |
| 13967 | + border-radius: 20px; | |
| 13968 | + border: 1px solid var(--vbo-basic-btn); | |
| 13969 | + box-shadow: 0 1.5px 7px rgba(0,0,0,.05); | |
| 13970 | +} | |
| 13971 | +.vbo-tm-areas-blank-pane .blank-icon { | |
| 13972 | + font-size: 48px; | |
| 13973 | + margin-bottom: 10px; | |
| 13974 | + color: var(--vbo-config-titles-color-light); | |
| 13975 | +} | |
| 13976 | +.vbo-tm-areas-blank-pane .blank-title { | |
| 13977 | + font-size: 2.5em; | |
| 13978 | + line-height: 1em; | |
| 13979 | + font-weight: 500; | |
| 13980 | + margin-bottom: 10px; | |
| 13981 | +} | |
| 13982 | +.vbo-tm-areas-blank-pane .blank-subtitle { | |
| 13983 | + font-size: 1.5em; | |
| 13984 | + line-height: 1.5em; | |
| 13985 | +} | |
| 13986 | +.vbo-tm-areas-blank-pane .blank-actions { | |
| 13987 | + margin-top: 20px; | |
| 13988 | +} | |
| 13989 | +.vbo-tm-toolbar .vbo-tm-toolbar-header { | |
| 13990 | + display: flex; | |
| 13991 | + gap: 10px; | |
| 13992 | + align-items: center; | |
| 13993 | + margin-bottom: 8px; | |
| 13994 | +} | |
| 13995 | +.vbo-tm-toolbar { | |
| 13996 | + background: var(--vbo-config-bg-color); | |
| 13997 | + padding: 10px; | |
| 13998 | + border-radius: 14px; | |
| 13999 | +} | |
| 14000 | +.vbo-tm-toolbar .vbo-tm-areas-ctx { | |
| 14001 | + border-right: 1px solid var(--vbo-basic-btn); | |
| 14002 | + padding-right: 10px; | |
| 14003 | +} | |
| 14004 | +.vbo-tm-toolbar .vbo-tm-areas-ctx .btn { | |
| 14005 | + background-color: var(--vbo-input-style); | |
| 14006 | +} | |
| 14007 | +.vbo-tm-toolbar .vbo-tm-areas-ctx .btn:hover { | |
| 14008 | + border-color: var(--vbo-base-color); | |
| 14009 | +} | |
| 14010 | +.vbo-tm-toolbar .vbo-tm-areas-ctx .vbo-context-menu-ico { | |
| 14011 | + padding: 8px; | |
| 14012 | +} | |
| 14013 | +.vbo-tm-toolbar .vbo-tm-areas-ctx .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico { | |
| 14014 | + background: var(--vbo-config-bg-color); | |
| 14015 | +} | |
| 14016 | +.vbo-tm-toolbar .vbo-tm-areas-ctx .vbo-context-menu-lbl { | |
| 14017 | + padding: 8px 10px; | |
| 14018 | +} | |
| 14019 | +.vbo-tm-toolbar .vbo-tm-toolbar-filters { | |
| 14020 | + display: flex; | |
| 14021 | + gap: 10px; | |
| 14022 | + border-top: 1px solid var(--vbo-basic-btn); | |
| 14023 | + padding-top: 10px; | |
| 14024 | +} | |
| 14025 | +.vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn { | |
| 14026 | + background-color: var(--vbo-input-style); | |
| 14027 | +} | |
| 14028 | +.vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn .vbo-context-menu-lbl { | |
| 14029 | + background-color: transparent; | |
| 14030 | + color: var(--vbo-config-text-color-light); | |
| 14031 | +} | |
| 14032 | +.vbo-tm-toolbar .vbo-tm-toolbar-filter .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico { | |
| 14033 | + background-color: transparent; | |
| 14034 | +} | |
| 14035 | +.vbo-tm-toolbar .vbo-tm-toolbar-filter .btn.vbo-context-menu-btn .vbo-context-menu-ico i { | |
| 14036 | + color: var(--vbo-config-text-color-light); | |
| 14037 | +} | |
| 14038 | +.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 { | |
| 14039 | + border-color: var(--vbo-info-border) !important; | |
| 14040 | +} | |
| 14041 | +.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, | |
| 14042 | +.vbo-tm-toolbar .vbo-tm-toolbar-filter:hover .select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder { | |
| 14043 | + color: var(--vbo-body-text-color); | |
| 14044 | +} | |
| 14045 | +.vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single .select2-selection__arrow b { | |
| 14046 | + border-color: var(--vbo-body-text-color) transparent transparent transparent; | |
| 14047 | +} | |
| 14048 | +.vbo-tm-toolbar .vbo-tm-toolbar-filter:hover .select2-container--default .select2-selection--single .select2-selection__arrow b { | |
| 14049 | + border-color: #888 transparent transparent transparent; | |
| 14050 | +} | |
| 14051 | +.vbo-tm-toolbar .vbo-tm-toolbar-filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { | |
| 14052 | + border-color: transparent transparent #888 transparent; | |
| 14053 | +} | |
| 14054 | +.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 { | |
| 14055 | + border-color: var(--vbo-info-border) !important; | |
| 14056 | + background-color: var(--vbo-light-blue); | |
| 14057 | +} | |
| 14058 | +.vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single .vbo-sel2-selected-search-elem { | |
| 14059 | + background-color: transparent; | |
| 14060 | + padding-left: 0; | |
| 14061 | +} | |
| 14062 | +.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, | |
| 14063 | +.vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single { | |
| 14064 | + color: var(--vbo-body-text-color); | |
| 14065 | + font-weight: 550; | |
| 14066 | +} | |
| 14067 | +.vbo-tm-toolbar .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico { | |
| 14068 | + background: transparent; | |
| 14069 | +} | |
| 14070 | +.vbo-tm-toolbar-filters .vbo-context-menu-lbl { | |
| 14071 | + white-space: nowrap; | |
| 14072 | + max-width: 150px; | |
| 14073 | + overflow: hidden; | |
| 14074 | + text-overflow: ellipsis; | |
| 14075 | +} | |
| 14076 | +.vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-modes { | |
| 14077 | + display: flex; | |
| 14078 | + gap: 6px; | |
| 14079 | + padding: 5px; | |
| 14080 | + background: var(--vbo-config-child-bg-color); | |
| 14081 | + border-radius: 10px; | |
| 14082 | +} | |
| 14083 | +.vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-mode a { | |
| 14084 | + border: 1px solid var(--vbo-config-child-bg-color); | |
| 14085 | + color: var(--vbo-body-text-color); | |
| 14086 | + padding: 8px 12px; | |
| 14087 | + border-radius: 6px; | |
| 14088 | + display: inline-block; | |
| 14089 | +} | |
| 14090 | +.vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-mode:not(.mode-active) a:hover { | |
| 14091 | + border-radius: 6px; | |
| 14092 | + background-color: var(--vbo-config-bg-color); | |
| 14093 | + border-color: var(--vbo-base-color); | |
| 14094 | + color: var(--vbo-base-color); | |
| 14095 | +} | |
| 14096 | +.vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-mode a i { | |
| 14097 | + margin-right: 3px; | |
| 14098 | +} | |
| 14099 | +.vbo-tm-toolbar .vbo-tm-toolbar-header .mode-active a { | |
| 14100 | + background: var(--vbo-blue-color); | |
| 14101 | + border-color: var(--vbo-blue-color); | |
| 14102 | +} | |
| 14103 | +.vbo-tm-toolbar .vbo-tm-toolbar-header .mode-active a { | |
| 14104 | + color: var(--vbo-contrast-text-color); | |
| 14105 | +} | |
| 14106 | + | |
| 14107 | +/* task manager text search filter */ | |
| 14108 | +.vbo-tm-toolbar-filter.vbo-tm-filter-search { | |
| 14109 | + margin-left: auto; | |
| 14110 | +} | |
| 14111 | +.vbo-tm-toolbar-filter.vbo-tm-filter-search:not(.vbo-tm-filter-active) a { | |
| 14112 | + color: var(--vbo-text-color) !important; | |
| 14113 | + opacity: 0.75; | |
| 14114 | +} | |
| 14115 | +.vbo-tm-toolbar-filter.vbo-tm-filter-search:not(.vbo-tm-filter-active) a:hover { | |
| 14116 | + opacity: 1; | |
| 14117 | +} | |
| 14118 | +.vbo-tm-filter-search-overlay { | |
| 14119 | + position: fixed; | |
| 14120 | + top: 0; | |
| 14121 | + left: 0; | |
| 14122 | + width: 100%; | |
| 14123 | + height: 100%; | |
| 14124 | + background: rgba(0, 0, 0, 0.7); | |
| 14125 | + display: flex; | |
| 14126 | + justify-content: center; | |
| 14127 | + align-items: center; | |
| 14128 | + z-index: 99999; | |
| 14129 | +} | |
| 14130 | +.vbo-tm-filter-search-overlay .finder-box { | |
| 14131 | + position: relative; | |
| 14132 | + width: 90%; | |
| 14133 | + max-width: 600px; | |
| 14134 | +} | |
| 14135 | +.vbo-tm-filter-search-overlay .finder-box > i.search { | |
| 14136 | + position: absolute; | |
| 14137 | + top: 50%; | |
| 14138 | + left: 16px; | |
| 14139 | + transform: translateY(-50%); | |
| 14140 | + font-size: 24px; | |
| 14141 | + opacity: 0.85; | |
| 14142 | + pointer-events: none; | |
| 14143 | +} | |
| 14144 | +.vbo-tm-filter-search-overlay .finder-box > i.clear { | |
| 14145 | + position: absolute; | |
| 14146 | + top: 50%; | |
| 14147 | + right: 16px; | |
| 14148 | + transform: translateY(-50%); | |
| 14149 | + font-size: 24px; | |
| 14150 | + opacity: 0.5; | |
| 14151 | + cursor: pointer; | |
| 14152 | +} | |
| 14153 | +.vbo-tm-filter-search-overlay .finder-box > i.clear:hover { | |
| 14154 | + opacity: 0.85; | |
| 14155 | +} | |
| 14156 | +.vbo-tm-filter-search-overlay .finder-box > input { | |
| 14157 | + font-size: 28px; | |
| 14158 | + line-height: 1; | |
| 14159 | + padding: 10px 50px; | |
| 14160 | + width: 100% !important; | |
| 14161 | + border-radius: 16px; | |
| 14162 | + font-weight: 200; | |
| 14163 | +} | |
| 14164 | +/* end filter */ | |
| 14165 | + | |
| 14166 | +.vbo-tm-board-areas-list { | |
| 14167 | + display: grid; | |
| 14168 | + grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| 14169 | + gap: 16px; | |
| 14170 | + margin-top: 10px; | |
| 14171 | +} | |
| 14172 | +.vbo-tm-board-areas-list .vbo-tm-board-area-container { | |
| 14173 | + background-color: var(--vbo-body-bg-color); | |
| 14174 | + padding: 10px; | |
| 14175 | + border-radius: 14px; | |
| 14176 | +} | |
| 14177 | +.vbo-tm-board-area-container .vbo-tm-board-area-wrap { | |
| 14178 | + display: flex; | |
| 14179 | + column-gap: 8px; | |
| 14180 | + align-items: start | |
| 14181 | +} | |
| 14182 | +.vbo-tm-board-area-container .vbo-tm-board-area-head { | |
| 14183 | + flex: 1; | |
| 14184 | + display: flex; | |
| 14185 | + align-items: center; | |
| 14186 | +} | |
| 14187 | +.vbo-tm-board-area-head-info .vbo-tm-board-area-icn { | |
| 14188 | + color: var(--vbo-config-text-color-light); | |
| 14189 | + margin-right: 2px; | |
| 14190 | +} | |
| 14191 | +.vbo-tm-board-area-head .vbo-tm-board-area-commands { | |
| 14192 | + margin-left: auto; | |
| 14193 | +} | |
| 14194 | +.vbo-tm-board-area-cmd { | |
| 14195 | + display: inline-block; | |
| 14196 | + margin-right: 10px; | |
| 14197 | + cursor: pointer; | |
| 14198 | +} | |
| 14199 | +.vbo-tm-board-area-wrap .vbo-tm-board-area-newtask .vbo-tm-board-area-cmd:hover { | |
| 14200 | + color: var(--vbo-base-color); | |
| 14201 | +} | |
| 14202 | +.vbo-tm-board-area-container .vbo-tm-board-area-newtask { | |
| 14203 | + margin-left: auto; | |
| 14204 | + display: flex; | |
| 14205 | + align-items: center; | |
| 14206 | +} | |
| 14207 | +.vbo-tm-board-area-container .vbo-tm-board-area-newtask .vbo-newtask-btn { | |
| 14208 | + border: 0; | |
| 14209 | + padding: 8px 10px; | |
| 14210 | + background: var(--vbo-light-blue); | |
| 14211 | +} | |
| 14212 | +.vbo-tm-board-area-container .vbo-tm-board-area-newtask .vbo-newtask-btn:hover { | |
| 14213 | + background: var(--vbo-info-bg); | |
| 14214 | +} | |
| 14215 | +.vbo-tm-board-area-container .vbo-tm-board-area-head .vbo-tm-board-area-name { | |
| 14216 | + font-weight: 600; | |
| 14217 | +} | |
| 14218 | +.vbo-tm-board-area-container .vbo-tm-board-area-head .vbo-tm-board-area-comments { | |
| 14219 | + font-style: italic; | |
| 14220 | + font-size: .9em; | |
| 14221 | + color: var(--vbo-config-titles-color-light); | |
| 14222 | +} | |
| 14223 | +.vbo-tm-board-area-tasks-loading, .vbo-tm-board-area-loading { | |
| 14224 | + text-align: center; | |
| 14225 | + padding: 20px; | |
| 14226 | +} | |
| 14227 | +.vbo-tm-board-area-container .vbo-tm-board-area-tasks-list { | |
| 14228 | + margin-top: 20px; | |
| 14229 | + background-color: var(--vbo-config-child-bg-color); | |
| 14230 | + padding: 7px; | |
| 14231 | + border-radius: 10px; | |
| 14232 | + overflow: hidden; | |
| 14233 | + overflow-y: scroll; | |
| 14234 | + max-height: 70vh; | |
| 14235 | +} | |
| 14236 | +.vbo-tm-board-area-container .vbo-tm-board-area-task-wrap:last-of-type { | |
| 14237 | + margin-bottom: 0; | |
| 14238 | +} | |
| 14239 | +.vbo-tm-board-area-tasks-list .info { | |
| 14240 | + background: transparent; | |
| 14241 | + border: 0; | |
| 14242 | + padding: 0 10px; | |
| 14243 | +} | |
| 14244 | +.vbo-tm-board-area-container .vbo-tm-board-area-task-wrap { | |
| 14245 | + border: 1px solid var(--vbo-config-border-color); | |
| 14246 | + background: var(--vbo-body-bg-color); | |
| 14247 | + border-radius: 10px; | |
| 14248 | + | |
| 14249 | + margin-bottom: 8px; | |
| 14250 | +} | |
| 14251 | +.vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-head { | |
| 14252 | + padding: 10px; | |
| 14253 | +} | |
| 14254 | +.vbo-tm-board-area-task-tags { | |
| 14255 | + margin-bottom: 8px; | |
| 14256 | + display: flex; | |
| 14257 | + flex-wrap: wrap; | |
| 14258 | + gap: 4px; | |
| 14259 | +} | |
| 14260 | +.vbo-tm-board-area-task-tag { | |
| 14261 | + padding:2px 8px 2px 8px; | |
| 14262 | + border-radius: 4px; | |
| 14263 | + display: inline-block; | |
| 14264 | + font-size: 12px; | |
| 14265 | +} | |
| 14266 | +.vbo-tm-board-area-task-notes { | |
| 14267 | + color: var(--vbo-config-titles-color-light); | |
| 14268 | +} | |
| 14269 | +.vbo-tm-board-area-task-due { | |
| 14270 | + margin-top: 8px; | |
| 14271 | +} | |
| 14272 | +.vbo-tm-board-area-task-due i { | |
| 14273 | + color: var(--vbo-config-titles-color-light); | |
| 14274 | + margin-right: 2px; | |
| 14275 | +} | |
| 14276 | +.vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-body { | |
| 14277 | + padding: 8px 10px 6px; | |
| 14278 | + display: flex; | |
| 14279 | + align-items: center; | |
| 14280 | + border-top: 1px solid var(--vbo-basic-btn); | |
| 14281 | + height: 25px; | |
| 14282 | +} | |
| 14283 | +.vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-status { | |
| 14284 | + order: 1; | |
| 14285 | + margin-left: auto; | |
| 14286 | +} | |
| 14287 | +.vbo-tm-board-area-task-status-badge { | |
| 14288 | + background: var(--vbo-basic-btn); | |
| 14289 | + color: var(--vbo-body-text-color); | |
| 14290 | + padding: 2px 8px; | |
| 14291 | + border-radius: 20px; | |
| 14292 | + font-size: 12px; | |
| 14293 | + display: inline-block; | |
| 14294 | +} | |
| 14295 | +.vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-assignees { | |
| 14296 | + order: 0; | |
| 14297 | + display: flex; | |
| 14298 | + align-items: center; | |
| 14299 | +} | |
| 14300 | +.vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-assignee { | |
| 14301 | + display: inline-block; | |
| 14302 | + margin-left: -10px; | |
| 14303 | +} | |
| 14304 | +.vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-assignee:first-child { | |
| 14305 | + margin-left: 0; | |
| 14306 | +} | |
| 14307 | +.vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-assignee-avatar img { | |
| 14308 | + width: 28px; | |
| 14309 | + height: 28px; | |
| 14310 | + border-radius: 50%; | |
| 14311 | + object-fit: cover; | |
| 14312 | + border: 1px solid var(--vbo-config-bg-color); | |
| 14313 | +} | |
| 14314 | +.vbo-tm-task-assignee-avatar { | |
| 14315 | + display: inline-block; | |
| 14316 | + vertical-align: middle; | |
| 14317 | +} | |
| 14318 | +.vbo-tm-board-area-container .vbo-tm-board-area-task-title { | |
| 14319 | + font-weight: 550; | |
| 14320 | + font-size: 16px; | |
| 14321 | + margin-bottom: 6px; | |
| 14322 | + cursor: pointer; | |
| 14323 | +} | |
| 14324 | +.vbo-mng-oper-work-dates .btn-group { | |
| 14325 | + margin-right: 3px; | |
| 14326 | +} | |
| 14327 | +.vbo-mng-oper-work-dates .btn-group:last-child { | |
| 14328 | + margin-right: 0; | |
| 14329 | +} | |
| 14330 | + | |
| 14331 | +.unread-message-dot { | |
| 14332 | + position: relative; | |
| 14333 | + margin-left: 5px; | |
| 14334 | + display: inline-flex; | |
| 14335 | +} | |
| 14336 | +.unread-message-dot:before { | |
| 14337 | + content: " "; | |
| 14338 | + position: absolute; | |
| 14339 | + width: 10px; | |
| 14340 | + height: 10px; | |
| 14341 | + top: 0; | |
| 14342 | + right: 0; | |
| 14343 | + border-radius: 50%; | |
| 14344 | + background: var(--vbo-red-color); | |
| 14345 | + transform: translate(25%, -45%); | |
| 14346 | +} | |
| 14347 | +.unread-message-dot.mini:before { | |
| 14348 | + width: 8px; | |
| 14349 | + height: 8px; | |
| 14350 | +} | |
| 14351 | + | |
| 14352 | +/* Task Manager Board Skeleton */ | |
| 14353 | +.vbo-tm-board-area-task-wrap-skeleton .vbo-skeleton-loading { | |
| 14354 | + border-radius: 10px; | |
| 14355 | +} | |
| 14356 | +.vbo-skeleton-loading.vbo-tm-board-area-task-title { | |
| 14357 | + width: 70%; | |
| 14358 | + height: 15px; | |
| 14359 | +} | |
| 14360 | +.vbo-skeleton-loading.vbo-tm-board-area-task-notes-line { | |
| 14361 | + width: 100%; | |
| 14362 | + height: 10px; | |
| 14363 | +} | |
| 14364 | +.vbo-skeleton-loading.vbo-tm-board-area-task-notes-line:last-child { | |
| 14365 | + width: 90%; | |
| 14366 | +} | |
| 14367 | +.vbo-skeleton-loading.vbo-tm-board-area-task-status-badge { | |
| 14368 | + width: 100px; | |
| 14369 | + height: 10px; | |
| 14370 | +} | |
| 14371 | +.vbo-skeleton-loading.vbo-tm-board-area-task-assignee { | |
| 14372 | + width: 24px; | |
| 14373 | + height: 24px; | |
| 14374 | + border-radius: 50%; | |
| 14375 | + border: 1px solid var(--vbo-config-bg-color); | |
| 14376 | +} | |
| 14377 | + | |
| 14378 | +/* Task Manager List Layout */ | |
| 14379 | +.vbo-tm-list-tasks-new .vbo-context-menu-tm-list-newtask { | |
| 14380 | + border: 0; | |
| 14381 | + border-radius: var(--vbo-field-radius); | |
| 14382 | + padding: 8px 10px; | |
| 14383 | + background: var(--vbo-base-color); | |
| 14384 | + color: var(--vbo-contrast-text-color); | |
| 14385 | +} | |
| 14386 | +.vbo-tm-task-assignee-avatar img { | |
| 14387 | + width: 28px; | |
| 14388 | + height: 28px; | |
| 14389 | + border-radius: 50%; | |
| 14390 | + object-fit: cover; | |
| 14391 | + border: 1px solid var(--vbo-config-bg-color); | |
| 14392 | + background: var(--vbo-config-bg-color); | |
| 14393 | +} | |
| 14394 | +.vbo-tm-task-assignee-avatar > span { | |
| 14395 | + font-size: 12px; | |
| 14396 | + display: inline-block; | |
| 14397 | + width: 28px; | |
| 14398 | + height: 28px; | |
| 14399 | + vertical-align: middle; | |
| 14400 | + text-align: center; | |
| 14401 | + background: var(--vbo-basic-btn); | |
| 14402 | + line-height: 28px; | |
| 14403 | + border-radius: 50%; | |
| 14404 | + border: 1px solid var(--vbo-config-bg-color); | |
| 14405 | +} | |
| 14406 | +.vbo-tm-list-tasks-container { | |
| 14407 | + margin-top: 1em; | |
| 14408 | + padding: 10px 0; | |
| 14409 | + background: var(--vbo-config-bg-color); | |
| 14410 | + border-radius: 14px; | |
| 14411 | +} | |
| 14412 | +.vbo-tm-list-tasks-columns { | |
| 14413 | + position: sticky; | |
| 14414 | + top: 32px; | |
| 14415 | + background: var(--vbo-config-bg-color); | |
| 14416 | + color: var(--vbo-config-titles-color-light); | |
| 14417 | + z-index: 1; | |
| 14418 | +} | |
| 14419 | +.vbo-tm-list-tasks-columns, | |
| 14420 | +.vbo-tm-list-task-row { | |
| 14421 | + display: grid; | |
| 14422 | + grid-template-columns: | |
| 14423 | + 50px /* ID */ | |
| 14424 | + 2fr /* Title */ | |
| 14425 | + 1fr /* Assignees */ | |
| 14426 | + 1fr /* Due date */ | |
| 14427 | + 1fr /* Status */ | |
| 14428 | + 1.5fr /* Reservation + Listing */ | |
| 14429 | + 1fr /* Project / Area */ | |
| 14430 | + 2fr; /* Tags */ | |
| 14431 | + align-items: center; | |
| 14432 | + gap: 10px 20px; | |
| 14433 | + padding: 8px 12px; | |
| 14434 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 14435 | +} | |
| 14436 | +.vbo-tm-list-tasks-container .vbo-tm-list-task-row:last-of-type { | |
| 14437 | + border-bottom: 0; | |
| 14438 | +} | |
| 14439 | +.vbo-tm-list-tasks-column { | |
| 14440 | + font-weight: bold; | |
| 14441 | +} | |
| 14442 | +.vbo-tm-list-tasks-column, | |
| 14443 | +.vbo-tm-list-task-cell { | |
| 14444 | + overflow: hidden; | |
| 14445 | + text-overflow: ellipsis; | |
| 14446 | + white-space: nowrap; | |
| 14447 | +} | |
| 14448 | +.vbo-tm-list-task-cell[data-type="assignees"] { | |
| 14449 | + display: flex; | |
| 14450 | + align-items: center; | |
| 14451 | +} | |
| 14452 | +.vbo-tm-list-task-cell[data-type="title"], .vbo-tm-list-task-cell[data-type="due"] { | |
| 14453 | + font-size: 14px; | |
| 14454 | +} | |
| 14455 | +.vbo-tm-list-task-cell a { | |
| 14456 | + color: var(--vbo-body-text-color); | |
| 14457 | + font-weight: 500; | |
| 14458 | +} | |
| 14459 | +.vbo-tm-task-tag { | |
| 14460 | + padding:2px 8px 2px 8px; | |
| 14461 | + border-radius: 4px; | |
| 14462 | + display: inline-block; | |
| 14463 | + font-size: 12px; | |
| 14464 | + color: var(--vbo-body-text-color); | |
| 14465 | +} | |
| 14466 | +.vbo-tm-task-status-badge { | |
| 14467 | + background: var(--vbo-basic-btn); | |
| 14468 | + color: var(--vbo-body-text-color); | |
| 14469 | + padding: 2px 8px; | |
| 14470 | + border-radius: 20px; | |
| 14471 | + font-size: 12px; | |
| 14472 | + display: inline-block; | |
| 14473 | +} | |
| 14474 | +.vbo-tm-task-assignee { | |
| 14475 | + width: 30px; | |
| 14476 | + height: 30px; | |
| 14477 | + display: inline-block; | |
| 14478 | +} | |
| 14479 | +.vbo-tm-task-assignee:not(:first-child) { | |
| 14480 | + display: inline-block; | |
| 14481 | + margin-left: -10px; | |
| 14482 | +} | |
| 14483 | +.vbo-booking-badge { | |
| 14484 | + cursor: pointer; | |
| 14485 | + display: flex; | |
| 14486 | + align-items: center; | |
| 14487 | + width: fit-content; | |
| 14488 | + gap: 6px; | |
| 14489 | + padding: 3px 10px 3px 8px; | |
| 14490 | + border-radius: 4px; | |
| 14491 | + background: var(--vbo-basic-btn); | |
| 14492 | + color: var(--vbo-body-text-color); | |
| 14493 | +} | |
| 14494 | +.vbo-booking-badge:hover { | |
| 14495 | + background: var(--vbo-light-blue); | |
| 14496 | +} | |
| 14497 | +.vbo-booking-badge-avatar { | |
| 14498 | + width: 24px; | |
| 14499 | + height: 24px; | |
| 14500 | + border-radius: 50%; | |
| 14501 | + object-fit: cover; | |
| 14502 | + border: 2px solid var(--vbo-config-bg-color); | |
| 14503 | +} | |
| 14504 | +.vbo-booking-badge-text { | |
| 14505 | + max-width: 140px; | |
| 14506 | + overflow: hidden; | |
| 14507 | + text-overflow: ellipsis; | |
| 14508 | + line-height: 1.4em; | |
| 14509 | +} | |
| 14510 | +.vbo-tm-list-task-cell-lid { | |
| 14511 | + margin-top: 2px; | |
| 14512 | +} | |
| 14513 | +.vbo-tm-list-task-cell-lid small { | |
| 14514 | + font-size: 12px; | |
| 14515 | +} | |
| 14516 | +.vbo-tm-list-task-cell[data-type="tags"] .vbo-tm-list-task-tags { | |
| 14517 | + display: flex; | |
| 14518 | + flex-wrap: wrap; | |
| 14519 | + gap: 6px; | |
| 14520 | +} | |
| 14521 | +.vbo-tm-list-task-cell[data-type="id"] { | |
| 14522 | + color: var(--vbo-config-text-color-light); | |
| 14523 | +} | |
| 14524 | +.vbo-tm-newtask { | |
| 14525 | + margin-left: auto; | |
| 14526 | +} | |
| 14527 | +.vbo-tm-newtask .vbo-context-menu-tm-newtask { | |
| 14528 | + border: 0; | |
| 14529 | + background: var(--vbo-base-color); | |
| 14530 | + color: var(--vbo-contrast-text-color); | |
| 14531 | +} | |
| 14532 | +.vbo-tm-newtask .vbo-context-menu-tm-newtask:hover { | |
| 14533 | + background: var(--vbo-base-color-hover); | |
| 14534 | +} | |
| 14535 | +.vbo-tm-newtask .vbo-context-menu-tm-newtask:focus { | |
| 14536 | + background: var(--vbo-base-color-hover); | |
| 14537 | +} | |
| 14538 | +.vbo-tm-newtask .vbo-context-menu-tm-newtask.vbo-context-menu-btn:hover .vbo-context-menu-ico { | |
| 14539 | + background: var(--vbo-info-border); | |
| 14540 | +} | |
| 14541 | +.vbo-tm-list-tasks-footer { | |
| 14542 | + margin-top: 10px; | |
| 14543 | + text-align: center; | |
| 14544 | +} | |
| 14545 | +.vbo-tm-list-tasks-loadmore .btn.vbo-tm-list-tasks-loadmore-btn { | |
| 14546 | + border-radius: 20px; | |
| 14547 | + background: var(--vbo-config-bg-dark); | |
| 14548 | + color: var(--vbo-contrast-text-color); | |
| 14549 | + padding: 10px 18px; | |
| 14550 | +} | |
| 14551 | +.vbo-tm-list-tasks-loadmore .btn.vbo-tm-list-tasks-loadmore-btn:hover { | |
| 14552 | + background: var(--vbo-body-text-color); | |
| 14553 | +} | |
| 14554 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex { | |
| 14555 | + display: flex; | |
| 14556 | + align-items: center; | |
| 14557 | + gap: 8px; | |
| 14558 | +} | |
| 14559 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex .order-room-booking-details { | |
| 14560 | + flex: 1; | |
| 14561 | + display: flex; | |
| 14562 | + flex-direction: column; | |
| 14563 | +} | |
| 14564 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex .vbo-booking-badge-avatar { | |
| 14565 | + width: 30px; | |
| 14566 | + height: 30px; | |
| 14567 | + border: 0; | |
| 14568 | +} | |
| 14569 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex span.vbo-booking-badge-avatar { | |
| 14570 | + background: var(--vbo-config-child-bg-color); | |
| 14571 | + color: var(--vbo-body-text-color); | |
| 14572 | + font-size: 16px; | |
| 14573 | + position: relative; | |
| 14574 | +} | |
| 14575 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex span.vbo-booking-badge-avatar i { | |
| 14576 | + position: absolute; | |
| 14577 | + top: 50%; | |
| 14578 | + left: 50%; | |
| 14579 | + transform: translate(-50%, -50%); | |
| 14580 | +} | |
| 14581 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex span.vbo-booking-badge-avatar.edit-trigger { | |
| 14582 | + -webkit-transition: all 0.5s ease; | |
| 14583 | + -moz-transition: all 0.5s ease; | |
| 14584 | + -o-transition: all 0.5s ease; | |
| 14585 | + transition: all 0.5s ease; | |
| 14586 | +} | |
| 14587 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex span.vbo-booking-badge-avatar.edit-trigger:hover { | |
| 14588 | + color: var(--vbo-config-child-bg-color) !important; | |
| 14589 | + background: var(--vbo-body-text-color) !important; | |
| 14590 | +} | |
| 14591 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex .order-room-booking-details .order-room + .order-booking { | |
| 14592 | + font-size: smaller; | |
| 14593 | +} | |
| 14594 | +.vbo-tm-list-task-row .edit-trigger { | |
| 14595 | + cursor: pointer; | |
| 14596 | +} | |
| 14597 | +.vbo-tm-list-task-row .edit-trigger:hover { | |
| 14598 | + color: var(--vbo-blue-color); | |
| 14599 | +} | |
| 14600 | +.order-summary-flex .see-booking-details { | |
| 14601 | + position: relative; | |
| 14602 | + cursor: pointer; | |
| 14603 | + overflow: hidden; | |
| 14604 | + display: flex; | |
| 14605 | +} | |
| 14606 | +.order-summary-flex .see-booking-details > * { | |
| 14607 | + -webkit-transition: all 0.5s ease; | |
| 14608 | + -moz-transition: all 0.5s ease; | |
| 14609 | + -o-transition: all 0.5s ease; | |
| 14610 | + transition: all 0.5s ease; | |
| 14611 | +} | |
| 14612 | +.order-summary-flex .see-booking-details > .effect { | |
| 14613 | + font-size: 16px; | |
| 14614 | + color: #fff; | |
| 14615 | + position: absolute; | |
| 14616 | + top: 50%; | |
| 14617 | + left: 50%; | |
| 14618 | + transform: translate(100%, -50%); | |
| 14619 | +} | |
| 14620 | +.order-summary-flex .see-booking-details:hover > .vbo-booking-badge-avatar { | |
| 14621 | + filter: grayscale(100%) contrast(25%); | |
| 14622 | +} | |
| 14623 | +.order-summary-flex .see-booking-details:hover > .effect { | |
| 14624 | + transform: translate(-50%, -50%); | |
| 14625 | +} | |
| 14626 | +.vbo-tm-list-task-cell .secondary { | |
| 14627 | + color: var(--vbo-config-text-color-light); | |
| 14628 | +} | |
| 14629 | + | |
| 14630 | +/* Task Manager List Skeleton */ | |
| 14631 | +.vbo-tm-list-task-cell.vbo-skeleton-loading { | |
| 14632 | + width: 100%; | |
| 14633 | + height: 15px; | |
| 14634 | + border-radius: 10px; | |
| 14635 | +} | |
| 14636 | +.vbo-tm-list-task-cell.vbo-skeleton-loading[data-type="status"] { | |
| 14637 | + width: 50%; | |
| 14638 | +} | |
| 14639 | +.vbo-tm-list-task-cell[data-type="tags"] .vbo-skeleton-loading { | |
| 14640 | + width: 25%; | |
| 14641 | + height: 15px; | |
| 14642 | + border-radius: 4px; | |
| 14643 | +} | |
| 14644 | +vbo-tm-list-task-cell.vbo-skeleton-loading[data-type="due"] { | |
| 14645 | + width: 70%; | |
| 14646 | +} | |
| 14647 | +.vbo-tm-list-task-cell[data-type="id_order"] { | |
| 14648 | + display: flex; | |
| 14649 | + gap: 8px; | |
| 14650 | + align-items: center; | |
| 14651 | +} | |
| 14652 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-room-booking-wrapper { | |
| 14653 | + flex: 1; | |
| 14654 | + display: flex; | |
| 14655 | + flex-direction: column; | |
| 14656 | + gap: 8px; | |
| 14657 | +} | |
| 14658 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-room-booking-wrapper .vbo-skeleton-loading.room-info { | |
| 14659 | + width: 80%; | |
| 14660 | + height: 15px; | |
| 14661 | + border-radius: 10px; | |
| 14662 | +} | |
| 14663 | +.vbo-tm-list-task-cell[data-type="id_order"] .order-room-booking-wrapper .vbo-skeleton-loading.booking-info { | |
| 14664 | + width: 60%; | |
| 14665 | + height: 10px; | |
| 14666 | + border-radius: 10px; | |
| 14667 | +} | |
| 14668 | + | |
| 14669 | +.vbo-tm-panel { | |
| 14670 | + display: flex; | |
| 14671 | + border: 1px solid var(--vbo-config-border-color); | |
| 14672 | + border-radius: 8px; | |
| 14673 | +} | |
| 14674 | +.vbo-tm-panel .vbo-tm-panel-editor { | |
| 14675 | + flex: 1; | |
| 14676 | + background: #fbfbfb; | |
| 14677 | + border-radius: 7px 0 0 7px; | |
| 14678 | +} | |
| 14679 | +.vbo-tm-panel .vbo-tm-panel-editor .vbo-visualeditor-transparent .ql-toolbar.ql-snow { | |
| 14680 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 14681 | + padding: 8px; | |
| 14682 | + background: var(--vbo-config-bg-color); | |
| 14683 | + border-radius: 7px 0 0 0; | |
| 14684 | +} | |
| 14685 | +.vbo-tm-panel .vbo-tm-panel-editor .vbo-visualeditor-transparent .ql-toolbar.ql-snow + .ql-container.ql-snow { | |
| 14686 | + border: 0; | |
| 14687 | + border-radius: 0; | |
| 14688 | +} | |
| 14689 | +.vbo-tm-panel .vbo-tm-panel-controls { | |
| 14690 | + width: 300px; | |
| 14691 | + padding: 15px; | |
| 14692 | + border-left: 1px solid var(--vbo-config-border-color); | |
| 14693 | +} | |
| 14694 | +.vbo-tm-panel .vbo-tm-panel-controls .vbo-param-container { | |
| 14695 | + display: block !important; | |
| 14696 | + margin: 0 0 18px !important; | |
| 14697 | +} | |
| 14698 | +.vbo-tm-panel .vbo-tm-panel-controls .vbo-param-container:last-child { | |
| 14699 | + margin-bottom: 0 !important; | |
| 14700 | +} | |
| 14701 | +.vbo-tm-panel .vbo-tm-panel-controls .vbo-param-container .vbo-param-setting input, | |
| 14702 | +.vbo-tm-panel .vbo-tm-panel-controls .vbo-param-container .vbo-param-setting .select2-container { | |
| 14703 | + width: 100% !important; | |
| 14704 | +} | |
| 14705 | +.vbo-ctxmenu-entry-icn { | |
| 14706 | + position: relative; | |
| 14707 | + width: 100%; | |
| 14708 | + display: flex; | |
| 14709 | + align-items: center; | |
| 14710 | + vertical-align: middle; | |
| 14711 | +} | |
| 14712 | +.vbo-ctxmenu-entry-icn > span:not(.vbo-ctxmenu-entry-icn-secondary) { | |
| 14713 | + width: calc(100% - 12px); | |
| 14714 | + white-space: nowrap; | |
| 14715 | + text-overflow: ellipsis; | |
| 14716 | + overflow: hidden; | |
| 14717 | + display: block; | |
| 14718 | + margin-right: 10px; | |
| 14719 | +} | |
| 14720 | +.vbo-ctxmenu-entry-icn-secondary { | |
| 14721 | + font-size: 12px; | |
| 14722 | +} | |
| 14723 | +.vbo-ctxmenu-entry-icn > .vbo-tooltip .vbo-deactivated-icon { | |
| 14724 | + opacity: .5; | |
| 14725 | +} | |
| 14726 | +.vbo-ctxmenu-entry-icn:hover > .vbo-tooltip .vbo-deactivated-icon { | |
| 14727 | + opacity: 1; | |
| 14728 | +} | |
| 14729 | +.vbo-ctxmenu-entry-icn:hover > .vbo-tooltip .vbo-deactivated-icon:hover { | |
| 14730 | + color: var(--vbo-base-color); | |
| 14731 | +} | |
| 14732 | +.vbo-ctxmenu-entry-icn > .vbo-tooltip .vbo-activated-icon { | |
| 14733 | + opacity: 1; | |
| 14734 | + color: var(--vbo-base-color); | |
| 14735 | +} | |
| 14736 | +.vbo-ctxmenu-entry-icn .vbo-tm-colortag-edit { | |
| 14737 | + position: absolute; | |
| 14738 | + right: 0; | |
| 14739 | + top: 50%; | |
| 14740 | + transform: translate(50%, -50%); | |
| 14741 | + opacity: 0.5; | |
| 14742 | +} | |
| 14743 | +.vbo-ctxmenu-entry-icn .fa-edit { | |
| 14744 | + margin-left: auto; | |
| 14745 | + font-size: 11px; | |
| 14746 | + opacity: .7; | |
| 14747 | +} | |
| 14748 | +.vbo-ctxmenu-entry-icn .fa-edit:hover { | |
| 14749 | + opacity: 1; | |
| 14750 | +} | |
| 14751 | +a.disabled .vbo-ctxmenu-entry-icn .vbo-tm-colortag-edit { | |
| 14752 | + display: none; | |
| 14753 | +} | |
| 14754 | + | |
| 14755 | +/* Task Manager Calendar Layout */ | |
| 14756 | +.vbo-tm-calendar-wrap { | |
| 14757 | + background: var(--vbo-config-bg-color); | |
| 14758 | + margin-top: 20px; | |
| 14759 | + border-radius: 14px; | |
| 14760 | +} | |
| 14761 | +.vbo-tm-calendar-head { | |
| 14762 | + display: flex; | |
| 14763 | + gap: 10px; | |
| 14764 | + align-items: center; | |
| 14765 | + padding: 20px 20px 10px; | |
| 14766 | +} | |
| 14767 | +.vbo-tm-calendar-info { | |
| 14768 | + font-size: 24px; | |
| 14769 | + font-weight: bold; | |
| 14770 | + padding: 0px 20px 0px 0; | |
| 14771 | +} | |
| 14772 | +.vbo-tm-calendar-info .vbo-tm-calendar-day-back { | |
| 14773 | + display: inline-block; | |
| 14774 | + font-size: 18px; | |
| 14775 | + color: var(--vbo-body-text-color); | |
| 14776 | + width: 30px; | |
| 14777 | + height: 30px; | |
| 14778 | + text-align: center; | |
| 14779 | + line-height: 30px; | |
| 14780 | + border-radius: 50%; | |
| 14781 | + margin-right: 6px; | |
| 14782 | +} | |
| 14783 | +.vbo-tm-calendar-info .vbo-tm-calendar-day-back:hover { | |
| 14784 | + background-color: var(--vbo-basic-btn); | |
| 14785 | +} | |
| 14786 | +.vbo-tm-calendar-nav { | |
| 14787 | + margin-left: auto; | |
| 14788 | +} | |
| 14789 | +.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns { | |
| 14790 | + display: inline-block; | |
| 14791 | + border: 1px solid var(--vbo-basic-btn); | |
| 14792 | + border-radius: 30px; | |
| 14793 | +} | |
| 14794 | +.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-btn { | |
| 14795 | + cursor: pointer; | |
| 14796 | + padding: 0; | |
| 14797 | +} | |
| 14798 | +.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-btn:not(.vbo-tm-calendar-nav-today) { | |
| 14799 | + display:inline-block; | |
| 14800 | + width: 30px; | |
| 14801 | + height: 30px; | |
| 14802 | + line-height: 30px; | |
| 14803 | + text-align: center; | |
| 14804 | + border-radius: 50%; | |
| 14805 | +} | |
| 14806 | +.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-back { | |
| 14807 | + margin-right: -6px; | |
| 14808 | +} | |
| 14809 | +.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-next { | |
| 14810 | + margin-left: -6px; | |
| 14811 | +} | |
| 14812 | +.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-today { | |
| 14813 | + display: inline-block; | |
| 14814 | + height: 30px; | |
| 14815 | + line-height: 30px; | |
| 14816 | + padding: 0 10px; | |
| 14817 | + border-radius: 14px; | |
| 14818 | +} | |
| 14819 | +.vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-btn:hover { | |
| 14820 | + background: var(--vbo-basic-btn); | |
| 14821 | +} | |
| 14822 | +.vbo-tm-calendar-month-container { | |
| 14823 | + display: grid; | |
| 14824 | + grid-template-rows: 40px 1fr 1fr 1fr 1fr 1fr; | |
| 14825 | +} | |
| 14826 | +.vbo-tm-calendar-month-row { | |
| 14827 | + display: grid; | |
| 14828 | + grid-template-columns: repeat(7, 1fr); | |
| 14829 | +} | |
| 14830 | +.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) { | |
| 14831 | + min-height: 100px; | |
| 14832 | +} | |
| 14833 | +.vbo-tm-calendar-month-day { | |
| 14834 | + text-align: right; | |
| 14835 | + border-right: 1px solid var(--vbo-basic-btn); | |
| 14836 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 14837 | +} | |
| 14838 | +.vbo-tm-calendar-month-day.drag-over { | |
| 14839 | + position: relative; | |
| 14840 | +} | |
| 14841 | +.vbo-tm-calendar-month-day.drag-over:after { | |
| 14842 | + content: ""; | |
| 14843 | + position: absolute; | |
| 14844 | + top: 50%; | |
| 14845 | + left: 50%; | |
| 14846 | + transform: translate(-50%, -50%); | |
| 14847 | + width: 98%; | |
| 14848 | + height: 98%; | |
| 14849 | + background: var(--vbo-input-style-deactive); | |
| 14850 | + border: 2px dashed var(--vbo-config-border-color); | |
| 14851 | + border-radius: 8px; | |
| 14852 | + box-sizing: border-box; | |
| 14853 | +} | |
| 14854 | +.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day:not(.vbo-tm-calendar-month-day-empty):hover { | |
| 14855 | + cursor: pointer; | |
| 14856 | + background: var(--vbo-light-blue); | |
| 14857 | +} | |
| 14858 | +.vbo-tm-calendar-month-day.vbo-tm-calendar-month-weekday { | |
| 14859 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 14860 | + border-right: 0; | |
| 14861 | + font-size: 15px; | |
| 14862 | + font-weight: 300; | |
| 14863 | + padding: 10px; | |
| 14864 | +} | |
| 14865 | +.vbo-tm-calendar-month-day:last-child { | |
| 14866 | + border-right: 0; | |
| 14867 | +} | |
| 14868 | +.vbo-tm-calendar-month-row:last-child .vbo-tm-calendar-month-day { | |
| 14869 | + border-bottom: 0; | |
| 14870 | +} | |
| 14871 | +.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day > span { | |
| 14872 | + display: inline-block; | |
| 14873 | + margin-top: 8px; | |
| 14874 | + margin-right: 8px; | |
| 14875 | + cursor: pointer; | |
| 14876 | + width: 24px; | |
| 14877 | + height: 24px; | |
| 14878 | + line-height: 24px; | |
| 14879 | + text-align: center; | |
| 14880 | + border-radius: 50%; | |
| 14881 | + border: 1px solid var(--vbo-config-bg-color); | |
| 14882 | +} | |
| 14883 | +.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day:hover > span { | |
| 14884 | + border-color: var(--vbo-base-color); | |
| 14885 | +} | |
| 14886 | +.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day:hover > span:hover { | |
| 14887 | + background: var(--vbo-body-bg-color); | |
| 14888 | +} | |
| 14889 | +.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day.vbo-tm-calendar-month-today > span { | |
| 14890 | + background-color: var(--vbo-base-color); | |
| 14891 | + border-color: var(--vbo-base-color); | |
| 14892 | + color: var(--vbo-contrast-text-color); | |
| 14893 | +} | |
| 14894 | +.vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day.vbo-tm-calendar-month-today > span:hover { | |
| 14895 | + background: var(--vbo-base-color-hover); | |
| 14896 | + border-color: var(--vbo-base-color-hover); | |
| 14897 | +} | |
| 14898 | +.vbo-tm-calendar-month-day-tasks { | |
| 14899 | + margin: 0 10px 5px; | |
| 14900 | +} | |
| 14901 | +.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task { | |
| 14902 | + padding: 3px 5px; | |
| 14903 | + border-radius: 10px; | |
| 14904 | + margin-top: 4px; | |
| 14905 | + text-align: left; | |
| 14906 | + display: flex; | |
| 14907 | + flex-wrap: wrap; | |
| 14908 | + align-items: center; | |
| 14909 | + gap: 5px; | |
| 14910 | + font-weight: 450; | |
| 14911 | + cursor: pointer; | |
| 14912 | + z-index: 2; | |
| 14913 | +} | |
| 14914 | +.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task.updating { | |
| 14915 | + opacity: .6; | |
| 14916 | +} | |
| 14917 | +.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task:hover { | |
| 14918 | + opacity: .8; | |
| 14919 | +} | |
| 14920 | +.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task .vbo-tm-calendar-task-assignees { | |
| 14921 | + margin-top: 5px; | |
| 14922 | +} | |
| 14923 | +.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-more { | |
| 14924 | + opacity: .7; | |
| 14925 | + display: inline-block; | |
| 14926 | + float: left; | |
| 14927 | +} | |
| 14928 | +.vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-more:hover { | |
| 14929 | + opacity: 1; | |
| 14930 | +} | |
| 14931 | +.vbo-tm-calendar-month-day .vbo-tm-calendar-task-title{ | |
| 14932 | + display: inline-block; | |
| 14933 | + vertical-align: middle; | |
| 14934 | +} | |
| 14935 | +.vbo-tm-calendar-task-assignees { | |
| 14936 | + display: inline-block; | |
| 14937 | + vertical-align: middle; | |
| 14938 | + height: 24px; | |
| 14939 | +} | |
| 14940 | +.vbo-tm-calendar-task-assignee { | |
| 14941 | + width: 24px; | |
| 14942 | + height: 24px; | |
| 14943 | + vertical-align: middle; | |
| 14944 | +} | |
| 14945 | +.vbo-tm-calendar-task-assignee-avatar img { | |
| 14946 | + width: 22px; | |
| 14947 | + height: 22px; | |
| 14948 | +} | |
| 14949 | +.vbo-tm-calendar-task-assignee-avatar > span { | |
| 14950 | + width: 22px; | |
| 14951 | + height: 22px; | |
| 14952 | + line-height: 22px; | |
| 14953 | +} | |
| 14954 | +.vbo-tm-calendar-day-timeline { | |
| 14955 | + margin-top: 30px; | |
| 14956 | + padding: 0 10px 10px; | |
| 14957 | +} | |
| 14958 | +.vbo-tm-calendar-day-timeline-rows { | |
| 14959 | + margin-top: 40px; | |
| 14960 | +} | |
| 14961 | +.vbo-tm-calendar-day-timeline-row { | |
| 14962 | + display: flex; | |
| 14963 | + height: 150px; | |
| 14964 | +} | |
| 14965 | +.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-hour { | |
| 14966 | + flex-basis: 70px; | |
| 14967 | + position: relative; | |
| 14968 | +} | |
| 14969 | +.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-hour > * { | |
| 14970 | + position: absolute; | |
| 14971 | + top: 0; | |
| 14972 | + right: 10px; | |
| 14973 | + transform: translateY(-50%); | |
| 14974 | +} | |
| 14975 | +.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks { | |
| 14976 | + flex: 1; | |
| 14977 | + position: relative; | |
| 14978 | + border-top: 1px solid var(--vbo-basic-btn); | |
| 14979 | +} | |
| 14980 | +.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task { | |
| 14981 | + position: absolute; | |
| 14982 | + z-index: 9; | |
| 14983 | + padding: 6px; | |
| 14984 | + border-radius: 10px; | |
| 14985 | + text-align: left; | |
| 14986 | + font-weight: 450; | |
| 14987 | + cursor: pointer; | |
| 14988 | + box-sizing: border-box; | |
| 14989 | +} | |
| 14990 | +.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task:hover { | |
| 14991 | + opacity: .8; | |
| 14992 | +} | |
| 14993 | +.vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task-wrap { | |
| 14994 | + display: flex; | |
| 14995 | + flex-wrap: wrap; | |
| 14996 | + align-items: center; | |
| 14997 | + gap: 5px; | |
| 14998 | +} | |
| 14999 | +.vbo-tm-calendar-day-timeline-week { | |
| 15000 | + display: grid; | |
| 15001 | + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; | |
| 15002 | +} | |
| 15003 | +.vbo-tm-calendar-day-timeline-week .vbo-tm-calendar-day-timeline-week-day { | |
| 15004 | + text-align: center; | |
| 15005 | +} | |
| 15006 | +.vbo-tm-calendar-day-timeline-week-nav > span { | |
| 15007 | + display: block; | |
| 15008 | +} | |
| 15009 | +.vbo-tm-calendar-nav-btn { | |
| 15010 | + cursor: pointer; | |
| 15011 | + display: inline-block; | |
| 15012 | + padding: 10px; | |
| 15013 | + border-radius: 6px; | |
| 15014 | +} | |
| 15015 | +.vbo-tm-calendar-nav-btn:hover { | |
| 15016 | + background: var(--vbo-basic-btn); | |
| 15017 | +} | |
| 15018 | +.vbo-tm-calendar-nav-btn.vbo-tm-calendar-day-timeline-week-today { | |
| 15019 | + background: var(--vbo-base-color); | |
| 15020 | + color: var(--vbo-contrast-text-color); | |
| 15021 | +} | |
| 15022 | +.vbo-tm-calendar-day-timeline-week-nav-mday { | |
| 15023 | + font-size: 18px; | |
| 15024 | + font-weight: 500; | |
| 15025 | + margin-bottom: 4px; | |
| 15026 | + text-align: center; | |
| 15027 | +} | |
| 15028 | + | |
| 15029 | +/* Color tags - This should be the last CSS of the Task Manager */ | |
| 15030 | +.vbo-tagcolors-elems-wrap .red, .vbo-tm-color.red, .vbo-colortag-circle.red { | |
| 15031 | + background-color: var(--vbo-tag-red-bg); | |
| 15032 | + border-color: var(--vbo-tag-red-border); | |
| 15033 | +} | |
| 15034 | +.vbo-tagcolors-elems-wrap .green, .vbo-tm-color.green, .vbo-colortag-circle.green { | |
| 15035 | + background-color: var(--vbo-tag-green-bg); | |
| 15036 | + border-color: var(--vbo-tag-green-border); | |
| 15037 | +} | |
| 15038 | +.vbo-tagcolors-elems-wrap .olive, .vbo-tm-color.olive, .vbo-colortag-circle.olive { | |
| 15039 | + background-color: var(--vbo-tag-olive-bg); | |
| 15040 | + border-color: var(--vbo-tag-olive-border); | |
| 15041 | +} | |
| 15042 | +.vbo-tagcolors-elems-wrap .blue, .vbo-tm-color.blue, .vbo-colortag-circle.blue { | |
| 15043 | + background-color: var(--vbo-tag-blue-bg); | |
| 15044 | + border-color: var(--vbo-tag-blue-border); | |
| 15045 | +} | |
| 15046 | +.vbo-tagcolors-elems-wrap .ocean, .vbo-tm-color.ocean, .vbo-colortag-circle.ocean { | |
| 15047 | + background-color: var(--vbo-tag-ocean-bg); | |
| 15048 | + border-color: var(--vbo-tag-ocean-border); | |
| 15049 | +} | |
| 15050 | +.vbo-tagcolors-elems-wrap .brown, .vbo-tm-color.brown, .vbo-colortag-circle.brown { | |
| 15051 | + background-color: var(--vbo-tag-brown-bg); | |
| 15052 | + border-color: var(--vbo-tag-brown-border); | |
| 15053 | +} | |
| 15054 | +.vbo-tagcolors-elems-wrap .yellow, .vbo-tm-color.yellow, .vbo-colortag-circle.yellow { | |
| 15055 | + background-color: var(--vbo-tag-yellow-bg); | |
| 15056 | + border-color: var(--vbo-tag-yellow-border); | |
| 15057 | +} | |
| 15058 | +.vbo-tagcolors-elems-wrap .orange, .vbo-tm-color.orange, .vbo-colortag-circle.orange { | |
| 15059 | + background-color: var(--vbo-tag-orange-bg); | |
| 15060 | + border-color: var(--vbo-tag-orange-border); | |
| 15061 | +} | |
| 15062 | +.vbo-tagcolors-elems-wrap .purple, .vbo-tm-color.purple, .vbo-colortag-circle.purple { | |
| 15063 | + background-color: var(--vbo-tag-purple-bg); | |
| 15064 | + border-color: var(--vbo-tag-purple-border); | |
| 15065 | +} | |
| 15066 | +.vbo-tagcolors-elems-wrap .pink, .vbo-tm-color.pink, .vbo-colortag-circle.pink { | |
| 15067 | + background-color: var(--vbo-tag-pink-bg); | |
| 15068 | + border-color: var(--vbo-tag-pink-border); | |
| 15069 | +} | |
| 15070 | +.vbo-tagcolors-elems-wrap .black, .vbo-tm-color.black, .vbo-colortag-circle.black { | |
| 15071 | + background-color: var(--vbo-tag-black-bg); | |
| 15072 | + border-color: var(--vbo-tag-black-border); | |
| 15073 | +} | |
| 15074 | +.vbo-tagcolors-elems-wrap .gray, .vbo-tm-color.gray, .vbo-colortag-circle.gray { | |
| 15075 | + background-color: var(--vbo-tag-gray-bg); | |
| 15076 | + border-color: var(--vbo-tag-gray-border); | |
| 15077 | +} | |
| 15078 | + | |
| 15079 | +.vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection--multiple { | |
| 15080 | + font-weight: normal; | |
| 15081 | + border: 1px solid var(--vbo-config-border-color) !important; | |
| 15082 | + border-radius: var(--vbo-field-radius); | |
| 15083 | + background: var(--vbo-input-style); | |
| 15084 | +} | |
| 15085 | +.vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove { | |
| 15086 | + position: absolute; | |
| 15087 | + right: 0; | |
| 15088 | + top: 45%; | |
| 15089 | + height: auto; | |
| 15090 | + transform: translate(0, -50%); | |
| 15091 | + font-weight: normal; | |
| 15092 | + color: var(--vbo-body-text-color); | |
| 15093 | + font-size: 12px; | |
| 15094 | +} | |
| 15095 | +.vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover { | |
| 15096 | + opacity: .8; | |
| 15097 | + background-color: transparent; | |
| 15098 | +} | |
| 15099 | +.vbo-multiselect-inline-elems-wrap .select2-container--default .select2-results > .select2-results__options { | |
| 15100 | + padding: 0 4px; | |
| 15101 | +} | |
| 15102 | + | |
| 15103 | +.vbo-preferred-countries-sortlist { | |
| 15104 | + margin-left: 0; | |
| 15105 | + max-width: 380px; | |
| 15106 | +} | |
| 15107 | +.vbo-preferred-countries-sortlist .vbo-preferred-countries-elem { | |
| 15108 | + list-style-type: none; | |
| 15109 | + margin: 0; | |
| 15110 | + padding: 10px 15px; | |
| 15111 | + display: block; | |
| 15112 | + border-radius: var(--vbo-field-radius); | |
| 15113 | + border: 1px solid var(--vbo-basic-btn); | |
| 15114 | + background: var(--vbo-config-child-bg-color); | |
| 15115 | + margin: 5px 3px; | |
| 15116 | + cursor: grab; | |
| 15117 | +} | |
| 15118 | +.vbo-preferred-countries-sortlist .vbo-preferred-countries-elem i { | |
| 15119 | + color: var(--vbo-config-titles-color-light); | |
| 15120 | + float: right; | |
| 15121 | + margin-top: 4px; | |
| 15122 | +} | |
| 15123 | +.vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover { | |
| 15124 | + background: var(--vbo-config-bg-color); | |
| 15125 | + color: var(--vbo-base-color); | |
| 15126 | + border-color: var(--vbo-base-color); | |
| 15127 | +} | |
| 15128 | +.vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover i { | |
| 15129 | + color: var(--vbo-base-color); | |
| 15130 | +} | |
| 15131 | +.vbo-param-container .vbo-preferred-countries-edit-wrap { | |
| 15132 | + margin-top: 4px; | |
| 15133 | +} | |
| 15134 | +.vbo-param-container .vbo-preferred-countries-edit-wrap span { | |
| 15135 | + cursor: pointer; | |
| 15136 | +} | |
| 15137 | +.vbo-param-container .vbo-preferred-countries-edit-wrap span:hover { | |
| 15138 | + color: var(--vbo-base-color); | |
| 15139 | +} | |
| 15140 | +input[type="text"], | |
| 15141 | +input[type="password"], | |
| 15142 | +input[type="date"], | |
| 15143 | +input[type="email"], | |
| 15144 | +input[type="url"], | |
| 15145 | +input[type="search"], | |
| 15146 | +input[type="tel"], | |
| 15147 | +select { | |
| 15148 | + width: auto !important; | |
| 15149 | +} | |
| 15150 | +.vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="password"], .vbo-admin-container .vbo-param-container .vbo-param-setting textarea { | |
| 15151 | + width: 70% !important; | |
| 15152 | +} | |
| 15153 | +/* Add the class "vbo-param-container-full-setting" to the "vbo-param-container" DIV to set the single param-setting to 100% */ | |
| 15154 | +.vbo-admin-container .vbo-param-container.vbo-param-container-full-setting .vbo-param-setting input[type="text"], .vbo-admin-container .vbo-param-container.vbo-param-container-full-setting .vbo-param-setting input[type="password"], .vbo-admin-container .vbo-param-container.vbo-param-container-full-setting .vbo-param-setting textarea { | |
| 15155 | + width: 100% !important; | |
| 15156 | +} | |
| 15157 | +/* Add the class "vbo-params-block-full-setting" to the "vbo-params-block" DIV to set all the internal param-setting to 100% */ | |
| 15158 | +.vbo-params-block.vbo-params-block-full-setting .vbo-param-container .vbo-param-setting input[type="text"], .vbo-params-block.vbo-params-block-full-setting .vbo-param-container .vbo-param-setting input[type="password"], .vbo-params-block.vbo-params-block-full-setting .vbo-param-container .vbo-param-setting textarea { | |
| 15159 | + width: 100% !important; | |
| 15160 | +} | |
| 15161 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append { | |
| 15162 | + width: 100%; | |
| 15163 | +} | |
| 15164 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append .btn { | |
| 15165 | + margin-right: 5px; | |
| 15166 | +} | |
| 15167 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append .btn:last-child { | |
| 15168 | + margin-right: 0; | |
| 15169 | +} | |
| 15170 | +.vbo-admin-container .vbo-param-container input[type="number"].vbo-input-number-large { | |
| 15171 | + width: 200px !important; | |
| 15172 | +} | |
| 15173 | +.vbo-param-container input[type="number"].vbo-input-number-small { | |
| 15174 | + width: 80px !important; | |
| 15175 | +} | |
| 15176 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vikpaymentparam .vikpaymentparaminput input { | |
| 15177 | + width: auto !important; | |
| 15178 | +} | |
| 15179 | +.vbo-admin-container .vbo-param-container i.fa-plus-square:hover, .vbo-admin-container .vbo-param-container i.fa-minus-square:hover { | |
| 15180 | + color: var(--vbo-base-color-hover); | |
| 15181 | +} | |
| 15182 | +.vbo-admin-container .vbo-param-container i.fa-plus-square:active, .vbo-admin-container .vbo-param-container i.fa-minus-square:active { | |
| 15183 | + color: var(--vbo-link-text-color); | |
| 15184 | +} | |
| 15185 | +.vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti { | |
| 15186 | + width: calc(70% - 2px); | |
| 15187 | +} | |
| 15188 | +.vbo-payment-params-container .vbo-param-setting img { | |
| 15189 | + max-width: 300px; | |
| 15190 | +} | |
| 15191 | + | |
| 15192 | +input[type="number"] { | |
| 15193 | + width: 100px !important; | |
| 15194 | +} | |
| 15195 | +table.adminform label { | |
| 15196 | + display: inline; | |
| 15197 | + margin:0 0 0 5px; | |
| 15198 | +} | |
| 15199 | +table.adminform td { | |
| 15200 | + padding: 6px 0; | |
| 15201 | +} | |
| 15202 | +table.adminform div.input-append { | |
| 15203 | + display: inline; | |
| 15204 | +} | |
| 15205 | +.icon-vikbooking:before { | |
| 15206 | + font-family: "Font Awesome 7 Free", FontAwesome !important; | |
| 15207 | + font-weight: 900; | |
| 15208 | + content: "\f236"; | |
| 15209 | + background: none !important; | |
| 15210 | +} | |
| 15211 | +.icon-vikbookingconfig:before { | |
| 15212 | + font-family: "Font Awesome 7 Free", FontAwesome !important; | |
| 15213 | + font-weight: 900; | |
| 15214 | + content: "\f236"; | |
| 15215 | + background: none !important; | |
| 15216 | +} | |
| 15217 | +.icon-vikbookingstats:before { | |
| 15218 | + font-family: "Font Awesome 7 Free", FontAwesome !important; | |
| 15219 | + font-weight: 900; | |
| 15220 | + content: "\f236"; | |
| 15221 | + background: none !important; | |
| 15222 | +} | |
| 15223 | +/* Joomla 3.7.0 - Start */ | |
| 15224 | +.field-calendar, .vbo-field-calendar { | |
| 15225 | + display: inline-block; | |
| 15226 | + vertical-align: top; | |
| 15227 | +} | |
| 15228 | +.field-calendar .input-append, .vbo-field-calendar .input-append { | |
| 15229 | + display: flex; | |
| 15230 | +} | |
| 15231 | +.field-calendar .input-append input + button[type="button"], .vbo-field-calendar .input-append input + button[type="button"] { | |
| 15232 | + padding: 8px 10px; | |
| 15233 | + border-radius: 0 var(--vbo-field-radius) var(--vbo-field-radius) 0; | |
| 15234 | + border: 1px solid var(--vbo-config-border-color); | |
| 15235 | +} | |
| 15236 | +.field-calendar .input-append input + button[type="button"] .fa-calendar-alt, .vbo-field-calendar .input-append input + button[type="button"] .fa-calendar-alt { | |
| 15237 | + font-size: 14px; | |
| 15238 | + margin-right: 0; | |
| 15239 | +} | |
| 15240 | +.field-calendar .input-append input + button[type="button"] .icon-calendar, .vbo-field-calendar .input-append input + button[type="button"] .icon-calendar { | |
| 15241 | + margin-right: 0; | |
| 15242 | +} | |
| 15243 | +.btn-group .calendar-head-row { | |
| 15244 | + font-size: 13px; | |
| 15245 | +} | |
| 15246 | +/* Joomla 3.7.0 - End */ | |
| 15247 | + | |
| 15248 | +/* Reports - Start */ | |
| 15249 | +.vbo-reports-container { | |
| 15250 | + padding: 0 0 10px; | |
| 15251 | +} | |
| 15252 | +.vbo-reports-filters-wrap { | |
| 15253 | + background: var(--vbo-config-bg-color); | |
| 15254 | + border-radius: 14px; | |
| 15255 | + padding: 10px; | |
| 15256 | + box-sizing: border-box; | |
| 15257 | +} | |
| 15258 | +.vbo-reports-filters-outer.vbo-btn-toolbar { | |
| 15259 | + margin-top: 0; | |
| 15260 | + height: auto; | |
| 15261 | + padding: 0; | |
| 15262 | + background: transparent; | |
| 15263 | +} | |
| 15264 | +.vbo-reports-filters-outer > div { | |
| 15265 | + display: inline-block; | |
| 15266 | + margin: 2px 6px 2px 0; | |
| 15267 | +} | |
| 15268 | +.vbo-reports-filters-outer > div:last-child { | |
| 15269 | + margin-right: 0; | |
| 15270 | +} | |
| 15271 | +.vbo-reports-filters-outer > .vbo-reports-filters-launch .btn { | |
| 15272 | + background: var(--vbo-config-titles-color-light); | |
| 15273 | + color: var(--vbo-config-bg-color); | |
| 15274 | +} | |
| 15275 | +.vbo-reports-filters-outer > .vbo-reports-filters-launch .btn:hover { | |
| 15276 | + background-color: var(--vbo-body-text-color); | |
| 15277 | +} | |
| 15278 | +.vbo-reports-filters-outer > .vbo-reports-filters-export { | |
| 15279 | + margin: 2px; | |
| 15280 | +} | |
| 15281 | +.vbo-reports-filters-export { | |
| 15282 | + float: right; | |
| 15283 | +} | |
| 15284 | +.vbo-reports-filters-report { | |
| 15285 | + margin: 0 20px; | |
| 15286 | +} | |
| 15287 | +.vbo-report-filter-lbl { | |
| 15288 | + margin-bottom: 2px; | |
| 15289 | +} | |
| 15290 | +.vbo-reports-filters-report .vbo-report-filter-wrap { | |
| 15291 | + display: inline-block; | |
| 15292 | + margin-right: 6px; | |
| 15293 | +} | |
| 15294 | +.vbo-reports-filters-report .vbo-report-filter-wrap:last-child { | |
| 15295 | + margin-right: 0; | |
| 15296 | +} | |
| 15297 | +.vbo-reports-subfilters-wrap { | |
| 15298 | + display: flex; | |
| 15299 | + align-items: center; | |
| 15300 | + margin-top: 10px; | |
| 15301 | +} | |
| 15302 | +.vbo-reports-subfilters-cont { | |
| 15303 | + padding: 6px; | |
| 15304 | + border-top: 1px solid var(--vbo-basic-btn); | |
| 15305 | + background: var(--vbo-config-child-bg-color); | |
| 15306 | + border-bottom-left-radius: 10px; | |
| 15307 | + border-bottom-right-radius: 10px; | |
| 15308 | + flex: 1; | |
| 15309 | +} | |
| 15310 | +.vbo-reports-subfilters-wrap .vbo-report-layout-type { | |
| 15311 | + width: 200px; | |
| 15312 | + margin-top: 0; | |
| 15313 | +} | |
| 15314 | +.vbo-report-filter-val input, .vbo-report-filter-val select { | |
| 15315 | + margin: 0 !important; | |
| 15316 | +} | |
| 15317 | +.vbo-report-filter-val { | |
| 15318 | + position: relative; | |
| 15319 | +} | |
| 15320 | +.vbo-report-filter-val input.vbo-report-datepicker { | |
| 15321 | + max-width: 120px; | |
| 15322 | + padding-right: 26px; | |
| 15323 | +} | |
| 15324 | +.vbo-report-filter-val:has(.vbo-report-datepicker):after { | |
| 15325 | + content: "\f073"; | |
| 15326 | + font-family: "Font Awesome 7 Free", FontAwesome !important; | |
| 15327 | + font-weight: 900; | |
| 15328 | + position: absolute; | |
| 15329 | + right: 10px; | |
| 15330 | + top: 50%; | |
| 15331 | + transform: translateY(-50%); | |
| 15332 | + color: var(--vbo-config-titles-color-light); | |
| 15333 | +} | |
| 15334 | +.vbo-reports-output { | |
| 15335 | + margin: 20px 0 10px; | |
| 15336 | +} | |
| 15337 | +.vbo-report-layout-type { | |
| 15338 | + text-align: right; | |
| 15339 | + display: inline-block; | |
| 15340 | + width: 100%; | |
| 15341 | +} | |
| 15342 | +.vbo-report-layout-type .vbo-report-layout-type-inner { | |
| 15343 | + background: var(--vbo-config-bg-color); | |
| 15344 | + margin-left: 10px; | |
| 15345 | + margin-right: 10px; | |
| 15346 | + border: 1px solid var(--vbo-config-border-color); | |
| 15347 | + display: flex; | |
| 15348 | + width: 170px; | |
| 15349 | + float: right; | |
| 15350 | + border-radius: var(--vbo-field-radius); | |
| 15351 | + overflow: hidden; | |
| 15352 | + display: flex; | |
| 15353 | + align-items: center; | |
| 15354 | +} | |
| 15355 | +.vbo-report-layout-type .vbo-report-layout-type-inner > * { | |
| 15356 | + display: inline-block; | |
| 15357 | +} | |
| 15358 | +.vbo-report-layout-type .vbo-report-layout-type-inner label { | |
| 15359 | + margin-bottom: 0; | |
| 15360 | + padding: 9px 7px; | |
| 15361 | + flex-basis: 25px; | |
| 15362 | + text-align: center; | |
| 15363 | + font-size: 16px; | |
| 15364 | +} | |
| 15365 | +.vbo-report-layout-type .vbo-report-layout-type-inner label i { | |
| 15366 | + color: var(--vbo-config-titles-color-light); | |
| 15367 | +} | |
| 15368 | +.vbo-report-layout-type .vbo-report-layout-type-inner select { | |
| 15369 | + margin-bottom: 0; | |
| 15370 | + border-radius: 2px; | |
| 15371 | + border: 0; | |
| 15372 | + padding: 8px 10px; | |
| 15373 | + height: inherit; | |
| 15374 | + flex: 1; | |
| 15375 | + outline: none; | |
| 15376 | +} | |
| 15377 | +.vbo-report-layout-type .vbo-report-layout-type-inner select:focus { | |
| 15378 | + outline: none; | |
| 15379 | + box-shadow: none; | |
| 15380 | +} | |
| 15381 | +.vbo-report-chart-wrap > h4 { | |
| 15382 | + margin-top: 30px; | |
| 15383 | + font-size: 18px; | |
| 15384 | + margin-bottom: 10px; | |
| 15385 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 15386 | + padding-bottom: 10px; | |
| 15387 | + margin-left: 10px; | |
| 15388 | +} | |
| 15389 | +.vbo-report-chart-inner { | |
| 15390 | + display: flex; | |
| 15391 | + flex-wrap: wrap; | |
| 15392 | + margin-bottom: 40px; | |
| 15393 | +} | |
| 15394 | +.vbo-report-chart-main { | |
| 15395 | + flex: 1; | |
| 15396 | +} | |
| 15397 | +.vbo-report-chart-metas .vbo-report-chart-meta-inner { | |
| 15398 | + background: var(--vbo-config-bg-color); | |
| 15399 | + border: 1px solid var(--vbo-config-bg-color); | |
| 15400 | + padding: 20px; | |
| 15401 | + border-radius: 16px; | |
| 15402 | + box-shadow: 0 3px 10px rgba(0,0,0,.05); | |
| 15403 | + margin-bottom: 15px; | |
| 15404 | + position: relative; | |
| 15405 | + height: 70%; | |
| 15406 | +} | |
| 15407 | +.vbo-report-chart-metas .vbo-report-chart-meta-lbl { | |
| 15408 | + font-weight: bold; | |
| 15409 | + color: var(--vbo-config-titles-color-light); | |
| 15410 | + margin-bottom: 10px; | |
| 15411 | +} | |
| 15412 | +.vbo-report-chart-metas .vbo-report-chart-meta-val { | |
| 15413 | + font-size: 26px; | |
| 15414 | + font-weight: bold; | |
| 15415 | +} | |
| 15416 | +.vbo-report-chart-metas .vbo-report-chart-meta-val-main { | |
| 15417 | + display: inline-block; | |
| 15418 | + margin: 4px 0 6px; | |
| 15419 | + white-space: nowrap; | |
| 15420 | +} | |
| 15421 | +.vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr { | |
| 15422 | + font-size: 13px; | |
| 15423 | + display: inline-block; | |
| 15424 | + vertical-align: middle; | |
| 15425 | + color: var(--vbo-config-titles-color-light); | |
| 15426 | +} | |
| 15427 | +.vbo-report-chart-main .vbo-report-chart-metas { | |
| 15428 | + display: flex; | |
| 15429 | + flex-wrap: wrap; | |
| 15430 | + margin-top: 0; | |
| 15431 | + margin-bottom: 20px; | |
| 15432 | +} | |
| 15433 | +.vbo-report-chart-main .vbo-report-chart-meta { | |
| 15434 | + flex-basis: 25%; | |
| 15435 | +} | |
| 15436 | +.vbo-report-chart-main .vbo-report-chart-meta-inner { | |
| 15437 | + margin: 0 5px; | |
| 15438 | +} | |
| 15439 | +.vbo-report-chart-main .vbo-report-chart-content { | |
| 15440 | + background: var(--vbo-config-bg-color); | |
| 15441 | + padding: 30px; | |
| 15442 | + border-radius: 16px; | |
| 15443 | + margin: 0px 5px 10px; | |
| 15444 | + box-shadow: 0 3px 10px rgba(0,0,0,.05); | |
| 15445 | +} | |
| 15446 | +/* Only Chart */ | |
| 15447 | +.vbo-report-chartonly .vbo-report-chart-main { | |
| 15448 | + max-height: 600px; | |
| 15449 | + max-width: 80%; | |
| 15450 | + margin: 0 auto; | |
| 15451 | + display: flex; | |
| 15452 | +} | |
| 15453 | +.vbo-report-chartonly .vbo-report-chart-main .vbo-report-chart-content { | |
| 15454 | + flex-basis: 70%; | |
| 15455 | + margin: 0 auto; | |
| 15456 | +} | |
| 15457 | +.vbo-report-chartonly .vbo-report-chart-metas .vbo-report-chart-meta-inner { | |
| 15458 | + height: auto; | |
| 15459 | +} | |
| 15460 | +.vbo-report-chartonly .vbo-report-chart-metas { | |
| 15461 | + align-self: baseline; | |
| 15462 | + margin-top: 0; | |
| 15463 | + flex: 1; | |
| 15464 | +} | |
| 15465 | +.vbo-report-chartonly .vbo-report-chart-meta { | |
| 15466 | + flex-basis: 100%; | |
| 15467 | + margin-bottom: 10px; | |
| 15468 | +} | |
| 15469 | +.vbo-report-chart-right { | |
| 15470 | + flex-basis: 20%; | |
| 15471 | + margin-left: 15px; | |
| 15472 | +} | |
| 15473 | +.vbo-report-chart-metas .vbo-report-chart-meta-inner:after { | |
| 15474 | + height: 30px; | |
| 15475 | + width: 4px; | |
| 15476 | + background: #ddd; | |
| 15477 | + content: ""; | |
| 15478 | + position: absolute; | |
| 15479 | + left: -3px; | |
| 15480 | + top: 17px; | |
| 15481 | +} | |
| 15482 | +.vbo-report-chart-meta-max .vbo-report-chart-meta-inner:after { | |
| 15483 | + background: var(--vbo-green-color); | |
| 15484 | +} | |
| 15485 | +.vbo-report-chart-meta-min .vbo-report-chart-meta-inner:after { | |
| 15486 | + background: var(--vbo-red-color); | |
| 15487 | +} | |
| 15488 | +.chart-line-legend { | |
| 15489 | + margin-left: 0; | |
| 15490 | + text-align: center; | |
| 15491 | +} | |
| 15492 | +.chart-line-legend li { | |
| 15493 | + display: inline-block; | |
| 15494 | + list-style-type: none; | |
| 15495 | + border: 1px solid var(--vbo-config-border-color); | |
| 15496 | + border-radius: 20px; | |
| 15497 | + padding: 8px 15px 5px; | |
| 15498 | + margin: 5px; | |
| 15499 | +} | |
| 15500 | +.chart-line-legend li span { | |
| 15501 | + display: inline-block; | |
| 15502 | + vertical-align: top; | |
| 15503 | +} | |
| 15504 | +.chart-line-legend li .legend-entry { | |
| 15505 | + width: 15px; | |
| 15506 | + height: 15px; | |
| 15507 | + margin-right: 8px; | |
| 15508 | + border-radius: 4px; | |
| 15509 | + display: inline-block; | |
| 15510 | +} | |
| 15511 | +.chart-line-legend li .legend-label { | |
| 15512 | + margin-top: -2px; | |
| 15513 | + font-weight: bold; | |
| 15514 | + font-size: 12px; | |
| 15515 | +} | |
| 15516 | +.chart-line-legend { | |
| 15517 | + margin-top: 10px; | |
| 15518 | +} | |
| 15519 | +.vbo-report-sheetnchart { | |
| 15520 | + display: flex; | |
| 15521 | +} | |
| 15522 | +.vbo-report-sheetnchart .vbo-report-sheet { | |
| 15523 | + width: 60%; | |
| 15524 | + margin-right: 10px; | |
| 15525 | +} | |
| 15526 | +.vbo-report-sheetnchart .vbo-report-chart-wrap { | |
| 15527 | + flex: 1; | |
| 15528 | +} | |
| 15529 | +.vbo-report-sheetnchart .vbo-report-chart-metas-right { | |
| 15530 | + display: flex; | |
| 15531 | + flex-wrap: wrap; | |
| 15532 | +} | |
| 15533 | +.vbo-report-sheetnchart .vbo-report-chart-right { | |
| 15534 | + flex-basis: 100%; | |
| 15535 | + margin: 0; | |
| 15536 | +} | |
| 15537 | +.vbo-report-chart-metas-bottom { | |
| 15538 | + margin-bottom: 20px; | |
| 15539 | +} | |
| 15540 | +.vbo-report-sheetnchart .vbo-report-chart-meta { | |
| 15541 | + flex-basis: 33%; | |
| 15542 | +} | |
| 15543 | +.vbo-report-sheetnchart .vbo-report-chart-metas-right .vbo-report-chart-meta-inner { | |
| 15544 | + margin: 0 5px; | |
| 15545 | +} | |
| 15546 | +.vbo-reports-output .table-responsive { | |
| 15547 | + border-radius: 16px; | |
| 15548 | + box-shadow: 0 0px 20px rgba(0,0,0,.1); | |
| 15549 | + margin: 0 0px 18px; | |
| 15550 | +} | |
| 15551 | +.vbo-reports-output table { | |
| 15552 | + margin-bottom: 0; | |
| 15553 | +} | |
| 15554 | +.vbo-reports-output table thead { | |
| 15555 | + background: var(--vbo-config-child-bg-color); | |
| 15556 | + text-transform: uppercase; | |
| 15557 | + font-weight: bold; | |
| 15558 | +} | |
| 15559 | +.vbo-reports-output table thead th { | |
| 15560 | + padding: 15px 15px; | |
| 15561 | + color: var(--vbo-config-title-color); | |
| 15562 | + font-size: 12px; | |
| 15563 | + white-space: nowrap; | |
| 15564 | +} | |
| 15565 | +.vbo-reports-output table thead th a { | |
| 15566 | + color: var(--vbo-config-title-color); | |
| 15567 | +} | |
| 15568 | +.vbo-reports-output table thead th i { | |
| 15569 | + margin-left: 3px; | |
| 15570 | + font-size: 10px; | |
| 15571 | +} | |
| 15572 | +.vbo-reports-output table tbody td:first-child { | |
| 15573 | + width: 150px; | |
| 15574 | +} | |
| 15575 | +.vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(2), | |
| 15576 | +.vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(3), | |
| 15577 | +.vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(4) { | |
| 15578 | + display: none; | |
| 15579 | +} | |
| 15580 | +.vbo-reports-output table tbody td { | |
| 15581 | + padding: 15px 15px; | |
| 15582 | +} | |
| 15583 | +.vbo-reports-output table tfoot td { | |
| 15584 | + padding: 0 15px; | |
| 15585 | +} | |
| 15586 | +.vbo-reports-output table tbody tr:nth-child(2n) { | |
| 15587 | + background: var(--vbo-config-child-bg-color); | |
| 15588 | +} | |
| 15589 | +.vbo-reports-output table tbody tr td:first-child span { | |
| 15590 | + font-weight: bold; | |
| 15591 | +} | |
| 15592 | +.vbo-reports-output table tfoot, .vbo-reports-output table tfoot td { | |
| 15593 | + background: var(--vbo-config-child-bg-color); | |
| 15594 | +} | |
| 15595 | +.vbo-reports-output table tfoot td h3 { | |
| 15596 | + margin: 12px 0; | |
| 15597 | + font-size: 14px; | |
| 15598 | +} | |
| 15599 | +.vbo-reports-output table tfoot tr:last-child td { | |
| 15600 | + vertical-align: middle; | |
| 15601 | +} | |
| 15602 | +.vbo-reports-output table tfoot tr td:not(:first-child) span { | |
| 15603 | + font-weight: bold; | |
| 15604 | + font-size: 14px; | |
| 15605 | + white-space: nowrap; | |
| 15606 | +} | |
| 15607 | +.vbo-reports-output table tfoot td .vbo-report-footer-inlinedata { | |
| 15608 | + display: inline-block; | |
| 15609 | + margin-right: 15px; | |
| 15610 | +} | |
| 15611 | +.vbo-reports-output table tfoot td .vbo-report-footer-inlinedata:last-child { | |
| 15612 | + margin: 0; | |
| 15613 | +} | |
| 15614 | +/* RMS Report */ | |
| 15615 | +select[multiple][data-will-mutate="1"] { | |
| 15616 | + max-height: 40px !important; | |
| 15617 | +} | |
| 15618 | +.vbo-report-subfilters-rms .vbo-report-subfilter-months { | |
| 15619 | + display: flex; | |
| 15620 | + gap: 5px; | |
| 15621 | +} | |
| 15622 | +.vbo-report-subfilters-rms .vbo-report-subfilter-month { | |
| 15623 | + padding: 8px 10px; | |
| 15624 | + display: inline-block; | |
| 15625 | + cursor: pointer; | |
| 15626 | + flex: 1; | |
| 15627 | + text-align: center; | |
| 15628 | + font-weight: 500; | |
| 15629 | + border: 1px solid transparent; | |
| 15630 | +} | |
| 15631 | +.vbo-report-subfilters-rms .vbo-report-subfilter-month-active { | |
| 15632 | + background: var(--vbo-blue-color); | |
| 15633 | + border-color: var(--vbo-blue-color); | |
| 15634 | + color: var(--vbo-contrast-text-color); | |
| 15635 | + border-radius: var(--vbo-field-radius); | |
| 15636 | +} | |
| 15637 | +.vbo-report-subfilters-rms .vbo-report-subfilter-month:not(.vbo-report-subfilter-month-active):hover { | |
| 15638 | + border-radius: var(--vbo-field-radius); | |
| 15639 | + background-color: var(--vbo-config-bg-color); | |
| 15640 | + border-color: var(--vbo-base-color); | |
| 15641 | + color: var(--vbo-base-color); | |
| 15642 | +} | |
| 15643 | +.vbo-reports-output.vbo-report-output-rms_occupancy_pace .vbo-report-row-comparison { | |
| 15644 | + color: var(--vbo-config-titles-color-light); | |
| 15645 | +} | |
| 15646 | +.vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody td:first-child { | |
| 15647 | + position: relative; | |
| 15648 | +} | |
| 15649 | +.vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody td:first-child:after { | |
| 15650 | + width: 2px; | |
| 15651 | + height: 100%; | |
| 15652 | + position: absolute; | |
| 15653 | + content: ""; | |
| 15654 | + background: transparent; | |
| 15655 | + left: 0; | |
| 15656 | + top: 0; | |
| 15657 | +} | |
| 15658 | +.vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody tr.vbo-report-row-comparison td:first-child:after { | |
| 15659 | + background: var(--vbo-info-border); | |
| 15660 | +} | |
| 15661 | +.vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody tr.vbo-report-row-comparison td { | |
| 15662 | + border-top: 1px solid var(--vbo-basic-btn); | |
| 15663 | +} | |
| 15664 | +.vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody .vbo-report-row-group-1 td { | |
| 15665 | + background: var(--vbo-input-style-deactive); | |
| 15666 | +} | |
| 15667 | +.vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody .vbo-report-row-comparison td i { | |
| 15668 | + margin-right: 6px; | |
| 15669 | +} | |
| 15670 | +.vbo-reports-output table tfoot .vbo-report-footer-rms-occupancy-pace td { | |
| 15671 | + padding: 0 10px; | |
| 15672 | + box-shadow: inset 0 0px 10px rgba(0,0,0,.1); | |
| 15673 | + background: var(--vbo-config-bg-color); | |
| 15674 | +} | |
| 15675 | + | |
| 15676 | +.vbo-report-cell-texts { | |
| 15677 | + max-width: 200px; | |
| 15678 | + white-space: break-spaces; | |
| 15679 | + font-size: 12px; | |
| 15680 | +} | |
| 15681 | +.vbo-report-cell-metrics { | |
| 15682 | + display: flex; | |
| 15683 | + justify-content: space-between; | |
| 15684 | + max-width: 80%; | |
| 15685 | + margin: 0 auto; | |
| 15686 | +} | |
| 15687 | +.vbo-rms-rate-history-record-variation .vbo-rms-rate-history-record-value { | |
| 15688 | + display: flex; | |
| 15689 | + gap: 5px; | |
| 15690 | +} | |
| 15691 | +.vbo-report-cell-metric[data-type="vrplus"] .label, .vbo-report-cell-metric[data-type="vrminus"] .label, .vbo-rms-rate-history-record-variation .vbo-rms-rate-history-record-value .label { | |
| 15692 | + display: flex; | |
| 15693 | + align-items: center; | |
| 15694 | + gap: 2px; | |
| 15695 | + cursor: pointer; | |
| 15696 | +} | |
| 15697 | +.vbo-modal-overlay-block .vbo-rms-rate-history-record-variation .vbo-rms-rate-history-record-value .label { | |
| 15698 | + cursor: initial; | |
| 15699 | +} | |
| 15700 | +.vbo-report-cell-metric[data-type="vrplus"] .label:hover { | |
| 15701 | + background: var(--vbo-success-txt); | |
| 15702 | + color: var(--vbo-white-blue-bg); | |
| 15703 | +} | |
| 15704 | +.vbo-report-cell-metric[data-type="vrminus"] .label:hover { | |
| 15705 | + background: var(--vbo-red-color) !important; | |
| 15706 | + color: var(--vbo-white-blue-bg) !important; | |
| 15707 | +} | |
| 15708 | +.vbo-report-cell-metric[data-type="vrplus"] i, .vbo-report-cell-metric[data-type="vrminus"] i, .vbo-rms-rate-history-record-variation .vbo-rms-rate-history-record-value .label i { | |
| 15709 | + font-size: 8px; | |
| 15710 | + margin-right: 1px; | |
| 15711 | +} | |
| 15712 | +.vbo-report-cell-metric[data-type="nightly-rate"] .label-info:hover { | |
| 15713 | + background: var(--vbo-info-txt) !important; | |
| 15714 | + color: var(--vbo-white-blue-bg); | |
| 15715 | + cursor: pointer; | |
| 15716 | +} | |
| 15717 | +.vbo-report-cell-comparison[data-type="abrn"] .label, .vbo-report-cell-metric[data-type="abrn"] .label { | |
| 15718 | + cursor: pointer; | |
| 15719 | +} | |
| 15720 | +.vbo-report-cell-comparison[data-type="abrn"] .label:hover, .vbo-report-cell-metric[data-type="abrn"] .label:hover { | |
| 15721 | + background: var(--vbo-tag-black-txt) !important; | |
| 15722 | + color: var(--vbo-white-blue-bg) !important; | |
| 15723 | +} | |
| 15724 | +.vbo-report-cell-comparison[data-type="abrn"] .label.label-success:hover, .vbo-report-cell-metric[data-type="abrn"] .label.label-success:hover { | |
| 15725 | + background: var(--vbo-success-txt) !important; | |
| 15726 | + color: var(--vbo-white-blue-bg) !important; | |
| 15727 | +} | |
| 15728 | +.vbo-report-cell-comparison[data-type="abrn"] .label.label-error:hover, .vbo-report-cell-metric[data-type="abrn"] .label.label-error:hover { | |
| 15729 | + background: var(--vbo-red-color) !important; | |
| 15730 | + color: var(--vbo-white-blue-bg) !important; | |
| 15731 | +} | |
| 15732 | +.vbo-report-cell-comparison[data-type="abrn"] .label.label-success:hover, .vbo-report-cell-metric[data-type="abrn"] .label.label-success:hover { | |
| 15733 | + background: var(--vbo-success-txt) !important; | |
| 15734 | + color: var(--vbo-white-blue-bg) !important; | |
| 15735 | +} | |
| 15736 | +.vbo-report-cell-comparison .vbo-report-cell-compare-result { | |
| 15737 | + margin-left: 4px; | |
| 15738 | +} | |
| 15739 | +.vbo-report-cell-comparison .vbo-report-cell-compare-result.up { | |
| 15740 | + color: var(--vbo-green-color); | |
| 15741 | +} | |
| 15742 | +.vbo-report-cell-comparison .vbo-report-cell-compare-result.down { | |
| 15743 | + color: var(--vbo-error-border); | |
| 15744 | +} | |
| 15745 | +/* By adding the "vbo-table-sticky-components" class together with the .table-responsive, we set the TH and TFOOT as sticky */ | |
| 15746 | +.vbo-table-sticky-components { | |
| 15747 | + overflow: auto !important; | |
| 15748 | +} | |
| 15749 | +.vbo-table-sticky-components table thead { | |
| 15750 | + position: sticky; | |
| 15751 | + top: 0; | |
| 15752 | + z-index: 10; | |
| 15753 | +} | |
| 15754 | +.vbo-table-sticky-components table tfoot { | |
| 15755 | + position: sticky; | |
| 15756 | + bottom: 0; | |
| 15757 | + z-index: 10; | |
| 15758 | +} | |
| 15759 | +.vbo-table-sticky-components table tbody td:first-child { | |
| 15760 | + position: sticky !important; | |
| 15761 | + left: 0; | |
| 15762 | + z-index: 5; | |
| 15763 | + width: 150px; | |
| 15764 | +} | |
| 15765 | + | |
| 15766 | +.vbo-report-footer-rms-list { | |
| 15767 | + display: grid; | |
| 15768 | + grid-template-columns: repeat(4, 1fr); | |
| 15769 | + gap: 10px; | |
| 15770 | + max-width: 1600px; | |
| 15771 | + margin: 0 auto; | |
| 15772 | +} | |
| 15773 | +.vbo-report-footer-rms-wrap { | |
| 15774 | + display: flex; | |
| 15775 | + flex-wrap: wrap; | |
| 15776 | + flex-direction: column; | |
| 15777 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 15778 | + padding: 14px; | |
| 15779 | + text-align: left; | |
| 15780 | +} | |
| 15781 | +.vbo-report-footer-rms-wrap:last-child { | |
| 15782 | + border-right: 0; | |
| 15783 | +} | |
| 15784 | +.vbo-report-footer-rms-title { | |
| 15785 | + text-transform: uppercase; | |
| 15786 | + font-size: 10px; | |
| 15787 | + font-weight: 500; | |
| 15788 | + margin-bottom: 2px; | |
| 15789 | + color: var(--vbo-info-txt); | |
| 15790 | + display: flex; | |
| 15791 | + align-items: center; | |
| 15792 | + justify-content: space-between; | |
| 15793 | +} | |
| 15794 | +.vbo-report-footer-rms-metrics { | |
| 15795 | + display: flex; | |
| 15796 | + justify-content: space-between; | |
| 15797 | + width: 100%; | |
| 15798 | + align-items: center; | |
| 15799 | +} | |
| 15800 | +.vbo-report-footer-rms-metric { | |
| 15801 | + display: flex; | |
| 15802 | + margin-bottom: 5px; | |
| 15803 | + align-items: center; | |
| 15804 | + gap: 6px; | |
| 15805 | + font-size: 11px; | |
| 15806 | +} | |
| 15807 | +.vbo-report-footer-rms-growth { | |
| 15808 | + display: flex; | |
| 15809 | + gap: 5px; | |
| 15810 | + align-items: center; | |
| 15811 | + justify-content: center; | |
| 15812 | +} | |
| 15813 | +.vbo-report-footer-rms-growth i { | |
| 15814 | + font-size: 10px; | |
| 15815 | +} | |
| 15816 | +.vbo-report-footer-rms-growth.up { | |
| 15817 | + color: var(--vbo-success-txt); | |
| 15818 | +} | |
| 15819 | +.vbo-report-footer-rms-growth.down { | |
| 15820 | + color: var(--vbo-error-txt); | |
| 15821 | +} | |
| 15822 | +.vbo-reports-output table tr.vbo-report-footer-rms-occupancy-pace td:not(:first-child) span { | |
| 15823 | + font-weight: normal; | |
| 15824 | +} | |
| 15825 | +.vbo-report-footer-rms-metric:last-child { | |
| 15826 | + margin: 0; | |
| 15827 | +} | |
| 15828 | +.vbo-report-footer-rms-metric .vbo-report-footer-rms-metric-year { | |
| 15829 | + display: inline-block; | |
| 15830 | +} | |
| 15831 | +.vbo-report-footer-rms-metric-target .vbo-report-footer-rms-metric-value { | |
| 15832 | + font-weight: bold; | |
| 15833 | +} | |
| 15834 | +.vbo-rms-rate-history-details { | |
| 15835 | + padding: 12px; | |
| 15836 | + display: flex; | |
| 15837 | + align-items: center; | |
| 15838 | + align-content: space-between; | |
| 15839 | + background: var(--vbo-light-blue); | |
| 15840 | + border: 1px solid var(--vbo-info-bg); | |
| 15841 | + border-radius: 12px; | |
| 15842 | + margin-bottom: 16px; | |
| 15843 | +} | |
| 15844 | +.vbo-rms-rate-history-listing { | |
| 15845 | + display: flex; | |
| 15846 | + align-items: center; | |
| 15847 | + gap: 8px; | |
| 15848 | + font-size: 16px; | |
| 15849 | + font-weight: bold; | |
| 15850 | +} | |
| 15851 | +.vbo-rms-rate-history-listing i { | |
| 15852 | + background-color: var(--vbo-body-bg-color); | |
| 15853 | + color: var(--vbo-base-color); | |
| 15854 | + height: 32px; | |
| 15855 | + width: 32px; | |
| 15856 | + line-height: 32px; | |
| 15857 | + text-align: center; | |
| 15858 | + border-radius: 10px; | |
| 15859 | + font-size: 16px; | |
| 15860 | +} | |
| 15861 | +.vbo-rms-rate-history-target { | |
| 15862 | + margin-left: auto; | |
| 15863 | + text-align: right; | |
| 15864 | +} | |
| 15865 | +.vbo-rms-rate-history-target .vbo-rms-rate-history-target-title { | |
| 15866 | + display: block; | |
| 15867 | + opacity: .8; | |
| 15868 | +} | |
| 15869 | +.vbo-rms-rate-history-target .vbo-rms-rate-history-target-value { | |
| 15870 | + font-size: 14px; | |
| 15871 | + font-weight: 500; | |
| 15872 | + color: var(--vbo-config-title-color); | |
| 15873 | +} | |
| 15874 | +.vbo-rms-rate-history-list .vbo-rms-rate-history-record { | |
| 15875 | + display: grid; | |
| 15876 | + grid-template-columns: repeat(4, minmax(0, 1fr)); | |
| 15877 | + gap: 16px; | |
| 15878 | + padding: 14px; | |
| 15879 | + border: 1px solid var(--vbo-config-border-color); | |
| 15880 | + border-radius: 10px; | |
| 15881 | + margin-bottom: 12px; | |
| 15882 | +} | |
| 15883 | +.vbo-rms-rate-history-list .vbo-rms-rate-history-record:last-child { | |
| 15884 | + margin-bottom: 0; | |
| 15885 | +} | |
| 15886 | +.vbo-rms-rate-history-list .vbo-rms-rate-history-record-title { | |
| 15887 | + text-transform: uppercase; | |
| 15888 | + display: block; | |
| 15889 | + font-size: 12px; | |
| 15890 | + font-weight: 500; | |
| 15891 | + opacity: .8; | |
| 15892 | + margin-bottom: 4px; | |
| 15893 | +} | |
| 15894 | +.vbo-rms-rate-history-list .vbo-rms-rate-history-record .vbo-rms-rate-history-record-value { | |
| 15895 | + font-weight: 600; | |
| 15896 | +} | |
| 15897 | +.vbo-rms-rate-history-list .vbo-rms-rate-history-record .vbo-rms-rate-history-record-dt i { | |
| 15898 | + color: var(--vbo-base-color); | |
| 15899 | +} | |
| 15900 | +.vbo-rms-rate-history-list .vbo-rms-rate-history-record .vbo-rms-rate-history-record-dt .vbo-rms-rate-history-record-value { | |
| 15901 | + display: flex; | |
| 15902 | + align-items: center; | |
| 15903 | + gap: 6px; | |
| 15904 | +} | |
| 15905 | +.vbo-rms-rate-history-list .vbo-rms-rate-history-record-rate { | |
| 15906 | + text-align: right; | |
| 15907 | +} | |
| 15908 | +.vbo-rms-rate-history-record-rate .vbo-rms-rate-history-record-value { | |
| 15909 | + color: var(--vbo-base-color); | |
| 15910 | +} | |
| 15911 | + | |
| 15912 | +.vbo-info-overlay-content.vbo-info-overlay-report { | |
| 15913 | + text-align: center; | |
| 15914 | +} | |
| 15915 | +.vbo-info-overlay-content.vbo-info-overlay-report > div { | |
| 15916 | + margin: 0 10px; | |
| 15917 | + display: inline-block; | |
| 15918 | +} | |
| 15919 | +.vbo-report-load-comune span, | |
| 15920 | +.vbo-report-load-provincia span, | |
| 15921 | +.vbo-report-load-nazione span, | |
| 15922 | +.vbo-report-load-cittadinanza span, | |
| 15923 | +.vbo-report-load-doctype span, | |
| 15924 | +.vbo-report-load-docnum span, | |
| 15925 | +.vbo-report-load-docissue span, | |
| 15926 | +.vbo-report-load-docplace span, | |
| 15927 | +.vbo-report-load-sesso span, | |
| 15928 | +.vbo-report-load-dbirth span, | |
| 15929 | +.vbo-report-load-field span { | |
| 15930 | + display: inline-block; | |
| 15931 | + border: 1px solid var(--vbo-red-color); | |
| 15932 | + cursor: pointer; | |
| 15933 | + color: var(--vbo-red-color); | |
| 15934 | + padding: 0px 7px; | |
| 15935 | +} | |
| 15936 | +.vbo-report-load-field-optional span { | |
| 15937 | + border: 0; | |
| 15938 | + color: var(--vbo-blue-color); | |
| 15939 | +} | |
| 15940 | +.vbo-report-load-elem-filled span { | |
| 15941 | + border: 0; | |
| 15942 | + padding: 0; | |
| 15943 | + color: var(--vbo-blue-color-hover); | |
| 15944 | +} | |
| 15945 | +/* Reports - End */ | |
| 15946 | + | |
| 15947 | +/* Trackings - Start */ | |
| 15948 | +.btn-toolbar.vbo-trackings-filters { | |
| 15949 | + margin-bottom: 20px; | |
| 15950 | + margin-top: 0 !important; | |
| 15951 | + height: auto !important; | |
| 15952 | + background: var(--vbo-toolbar-bg-color); | |
| 15953 | + padding: 10px; | |
| 15954 | + box-sizing: border-box; | |
| 15955 | +} | |
| 15956 | +.btn-toolbar.vbo-trackings-filters .pull-right .fa { | |
| 15957 | + margin-right: 3px; | |
| 15958 | +} | |
| 15959 | +.vbo-trackings-table { | |
| 15960 | + background: var(--vbo-config-child-bg-color); | |
| 15961 | +} | |
| 15962 | +.vbo-trackings-table tbody > tr.vbo-tracking-subrow > td { | |
| 15963 | + background: var(--vbo-config-child-bg-color) !important; | |
| 15964 | +} | |
| 15965 | +.vbo-trackings-table-head { | |
| 15966 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 15967 | + padding: 12px 15px 0; | |
| 15968 | + font-weight: bold; | |
| 15969 | +} | |
| 15970 | +.vbo-trackings-table-head-inner { | |
| 15971 | + display: flex; | |
| 15972 | + padding: 0 15px; | |
| 15973 | +} | |
| 15974 | +.vbo-trackings-table-head-inner > div i { | |
| 15975 | + margin-left: 5px; | |
| 15976 | + font-size: 10px; | |
| 15977 | +} | |
| 15978 | +.vbo-trackings-table-head-inner > div * { | |
| 15979 | + text-transform: uppercase; | |
| 15980 | + color: var(--vbo-config-titles-color-light); | |
| 15981 | +} | |
| 15982 | +.vbo-trackings-table-head-cell { | |
| 15983 | + flex: 1; | |
| 15984 | + padding: 0 5px; | |
| 15985 | +} | |
| 15986 | +.vbo-trackings-table-cell-ckb input { | |
| 15987 | + margin-top: 0; | |
| 15988 | +} | |
| 15989 | +.vbo-trackings-table-body { | |
| 15990 | + padding: 15px 15px 30px; | |
| 15991 | +} | |
| 15992 | +.vbo-trackings-table-body-row { | |
| 15993 | + display: flex; | |
| 15994 | + flex-wrap: wrap; | |
| 15995 | + background: var(--vbo-config-bg-color); | |
| 15996 | + padding: 15px; | |
| 15997 | + border-radius: 4px; | |
| 15998 | + margin: 15px 0; | |
| 15999 | + box-shadow: 0 4px 6px rgba(0,0,0,.05); | |
| 16000 | +} | |
| 16001 | +.vbo-trackings-table-body-cell { | |
| 16002 | + flex: 1; | |
| 16003 | + padding: 0 5px; | |
| 16004 | +} | |
| 16005 | +.vbo-trackings-table-cell-chevron { | |
| 16006 | + flex: 0 0 30px; | |
| 16007 | + cursor: pointer; | |
| 16008 | + padding-left: 0; | |
| 16009 | +} | |
| 16010 | +.vbo-trackings-table-cell-ckb { | |
| 16011 | + flex: 0 0 30px; | |
| 16012 | +} | |
| 16013 | +.vbo-trackings-table-cell-id { | |
| 16014 | + flex: 0 0 60px; | |
| 16015 | +} | |
| 16016 | +.vbo-trackings-table-body-subrow { | |
| 16017 | + display: none; | |
| 16018 | + flex: 0 0 100%; | |
| 16019 | +} | |
| 16020 | +.vbo-trackings-table-body-hidden-lbl { | |
| 16021 | + display: none; | |
| 16022 | +} | |
| 16023 | +.vbo-trackings-table-body-cell .vbo-trackings-dtonly { | |
| 16024 | + font-weight: bold; | |
| 16025 | + font-size: 1.1em; | |
| 16026 | +} | |
| 16027 | +.vbo-tracking-identifier-container { | |
| 16028 | + margin: 20px 0; | |
| 16029 | + background: var(--vbo-config-child-bg-color); | |
| 16030 | + border-radius: 4px; | |
| 16031 | +} | |
| 16032 | +.vbo-tracking-info-details { | |
| 16033 | + padding: 15px; | |
| 16034 | + display: flex; | |
| 16035 | + flex-wrap: wrap; | |
| 16036 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 16037 | +} | |
| 16038 | +.vbo-tracking-info-details:last-child { | |
| 16039 | + border:0; | |
| 16040 | +} | |
| 16041 | +.vbo-tracking-info-details > div { | |
| 16042 | + flex: 1; | |
| 16043 | + padding: 0 10px | |
| 16044 | +} | |
| 16045 | +.vbo-tracking-info-details > .vbo-tracking-info-dates-cont { | |
| 16046 | + flex: 0 0 15%; | |
| 16047 | +} | |
| 16048 | +.vbo-tracking-info-details > .vbo-tracking-info-device-cont { | |
| 16049 | + flex: 0 0 80px; | |
| 16050 | +} | |
| 16051 | +.vbo-tracking-info-details > .vbo-tracking-info-dt-cont { | |
| 16052 | + flex: 0 0 15%; | |
| 16053 | +} | |
| 16054 | +.vbo-tracking-info-details > .vbo-tracking-info-search-results { | |
| 16055 | + flex: 0 0 100%; | |
| 16056 | +} | |
| 16057 | +.vbo-tracking-info-details > .vbo-tracking-info-search-results .vbo-tracking-info-search-result p { | |
| 16058 | + margin-top: 0; | |
| 16059 | +} | |
| 16060 | +.vbo-tracking-info-details > .vbo-tracking-info-party-cont { | |
| 16061 | + flex: 0 0 10%; | |
| 16062 | +} | |
| 16063 | +.vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont { | |
| 16064 | + flex: 0 0 20%; | |
| 16065 | +} | |
| 16066 | +.vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms, .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rplans { | |
| 16067 | + display: inline-block; | |
| 16068 | +} | |
| 16069 | +.vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms { | |
| 16070 | + margin-right: 15px; | |
| 16071 | +} | |
| 16072 | +.vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms > div { | |
| 16073 | + font-weight: bold; | |
| 16074 | +} | |
| 16075 | +.vbo-tracking-info-device-cont i { | |
| 16076 | + font-size: 18px; | |
| 16077 | +} | |
| 16078 | +.vbo-tracking-info-device-cont .vbo-tracking-i-mobile { | |
| 16079 | + font-size: 22px; | |
| 16080 | +} | |
| 16081 | +.vbo-tracking-info-subrow-lbl { | |
| 16082 | + text-transform: uppercase; | |
| 16083 | + font-weight: bold; | |
| 16084 | + color: #999; | |
| 16085 | + margin-bottom: 5px; | |
| 16086 | +} | |
| 16087 | +.vbo-tracking-info-dates-cont > div { | |
| 16088 | + margin-bottom: 5px; | |
| 16089 | +} | |
| 16090 | +.vbo-tracking-info-dates-cont .vbo-tracking-info-lbl { | |
| 16091 | + font-weight: bold; | |
| 16092 | + display: block; | |
| 16093 | + margin: 0; | |
| 16094 | +} | |
| 16095 | +.vbo-tracking-info-dt-cont .vbo-tracking-info-dtonly { | |
| 16096 | + font-weight: bold; | |
| 16097 | +} | |
| 16098 | +.vbo-trackings-custcampaign { | |
| 16099 | + margin-bottom: 20px; | |
| 16100 | + background: var(--vbo-config-bg-color); | |
| 16101 | + border-radius: 10px; | |
| 16102 | + border: 1px solid var(--vbo-basic-btn); | |
| 16103 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 16104 | + padding: 15px; | |
| 16105 | +} | |
| 16106 | +.vbo-trackings-custcampaign-box { | |
| 16107 | + display: inline-block; | |
| 16108 | + margin-right: 14px; | |
| 16109 | +} | |
| 16110 | +.vbo-trackings-custcampaign-box label { | |
| 16111 | + margin-bottom: 5px; | |
| 16112 | + font-weight: 500; | |
| 16113 | +} | |
| 16114 | +.vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-trackings-custcampaign-box input[type="text"] { | |
| 16115 | + width: 100% !important; | |
| 16116 | +} | |
| 16117 | +.vbo-tracking-info-party-room { | |
| 16118 | + margin-bottom: 5px; | |
| 16119 | +} | |
| 16120 | +.vbo-tracking-info-party-room .vbo-tracking-info-lbl { | |
| 16121 | + display: block; | |
| 16122 | + text-transform: uppercase; | |
| 16123 | + font-weight: bold; | |
| 16124 | +} | |
| 16125 | +.vbo-tracking-info-booking-cont a { | |
| 16126 | + background: var(--vbo-base-color); | |
| 16127 | + color: #fff; | |
| 16128 | + border: 2px solid var(--vbo-base-color); | |
| 16129 | + display: table; | |
| 16130 | + margin-top: 5px; | |
| 16131 | + padding: 5px 10px; | |
| 16132 | + border-radius: 3px; | |
| 16133 | + font-weight: bold; | |
| 16134 | +} | |
| 16135 | +.vbo-tracking-info-booking-cont a:hover { | |
| 16136 | + background: transparent; | |
| 16137 | + color: var(--vbo-base-color-hover); | |
| 16138 | + text-decoration: none; | |
| 16139 | +} | |
| 16140 | +.vbo-tracking-info-search-results { | |
| 16141 | + margin-top: 10px; | |
| 16142 | +} | |
| 16143 | +.vbo-tracking-info-search-result { | |
| 16144 | + border: 2px solid var(--vbo-config-border-color); | |
| 16145 | + border-radius: 4px; | |
| 16146 | + padding: 10px 15px; | |
| 16147 | + margin: 5px 0; | |
| 16148 | +} | |
| 16149 | +.vbo-tracking-info-search-result p { | |
| 16150 | + margin-bottom: 0; | |
| 16151 | + padding-bottom: 0; | |
| 16152 | + font-weight: bold; | |
| 16153 | +} | |
| 16154 | +.vbo-tracking-info-search-result i { | |
| 16155 | + margin-right: 5px; | |
| 16156 | +} | |
| 16157 | +.vbo-tracking-info-search-result-warning { | |
| 16158 | + border-color: var(--vbo-orange-color); | |
| 16159 | +} | |
| 16160 | +.vbo-tracking-info-search-result-warning i { | |
| 16161 | + color: var(--vbo-orange-color); | |
| 16162 | +} | |
| 16163 | +.vbo-tracking-info-search-result-error { | |
| 16164 | + border-color: var(--vbo-red-color); | |
| 16165 | +} | |
| 16166 | +.vbo-tracking-info-search-result-error i { | |
| 16167 | + color: var(--vbo-red-color); | |
| 16168 | +} | |
| 16169 | +.vbo-tracking-info-search-result-info { | |
| 16170 | + border-color: var(--vbo-blue-color); | |
| 16171 | +} | |
| 16172 | +.vbo-tracking-info-search-result-info i { | |
| 16173 | + color: var(--vbo-blue-color); | |
| 16174 | +} | |
| 16175 | +.vbo-tracking-info-search-result-success { | |
| 16176 | + border-color: var(--vbo-green-color); | |
| 16177 | +} | |
| 16178 | +.vbo-tracking-info-search-result-success i { | |
| 16179 | + color: var(--vbo-green-color); | |
| 16180 | +} | |
| 16181 | +#vbo-add-trkcampaign { | |
| 16182 | + margin-top: 5px; | |
| 16183 | +} | |
| 16184 | +.vbo-trackings-custcampaign-uri { | |
| 16185 | + font-weight: bold; | |
| 16186 | + margin-right: 0; | |
| 16187 | +} | |
| 16188 | +.vbo-trackings-custcampaign label { | |
| 16189 | + display: block; | |
| 16190 | +} | |
| 16191 | +.vbo-trackings-tabs > div { | |
| 16192 | + display: inline-block; | |
| 16193 | + cursor: pointer; | |
| 16194 | + padding: 11px 0px; | |
| 16195 | + margin: 0 12px; | |
| 16196 | + font-size: 1.2em; | |
| 16197 | + text-transform: uppercase; | |
| 16198 | + font-weight: bold; | |
| 16199 | + text-align: center; | |
| 16200 | + color: var(--vbo-config-titles-color-light); | |
| 16201 | +} | |
| 16202 | +.vbo-trackings-tabs > .vbo-trackings-tab-active { | |
| 16203 | + border-bottom: 2px solid var(--vbo-blue-color); | |
| 16204 | + color: var(--vbo-blue-color); | |
| 16205 | +} | |
| 16206 | +.vbo-trackings-tabcont-stats { | |
| 16207 | + background: var(--vbo-config-child-bg-color); | |
| 16208 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 16209 | + padding: 10px; | |
| 16210 | +} | |
| 16211 | +.vbo-trackings-chart-bestnights { | |
| 16212 | + display: flex; | |
| 16213 | + flex-wrap: wrap; | |
| 16214 | +} | |
| 16215 | +.vbo-trackings-chart-bestnights > h4, .vbo-trackings-chart-avgval-container > h4, .vbo-trackings-chart-referrers > h4 { | |
| 16216 | + flex: 100%; | |
| 16217 | + font-size: 1.1em; | |
| 16218 | + margin-left: 5px; | |
| 16219 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 16220 | + padding-bottom: 10px; | |
| 16221 | + text-transform: uppercase; | |
| 16222 | +} | |
| 16223 | +.vbo-trackings-chart-bestnights .vbo-trackings-chart-container { | |
| 16224 | + background: var(--vbo-config-bg-color); | |
| 16225 | + padding: 15px; | |
| 16226 | + border-radius: 4px; | |
| 16227 | + margin: 5px; | |
| 16228 | + flex-basis: 10%; | |
| 16229 | + box-shadow: 0 0 10px rgba(0,0,0,.05); | |
| 16230 | +} | |
| 16231 | +.vbo-trackings-chart-date, .vbo-trackings-chart-avgval-listcont > div h5 { | |
| 16232 | + font-weight: bold; | |
| 16233 | + margin-bottom: 10px; | |
| 16234 | + display: block; | |
| 16235 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 16236 | + padding-bottom: 5px; | |
| 16237 | + text-transform: uppercase; | |
| 16238 | + color: var(--vbo-config-titles-color-light); | |
| 16239 | +} | |
| 16240 | +.vbo-trackings-chart-tot { | |
| 16241 | + font-size: 26px; | |
| 16242 | + color: var(--vbo-base-color); | |
| 16243 | + margin-right: 4px; | |
| 16244 | +} | |
| 16245 | +.vbo-trackings-chart-bestnights .vbo-trackings-chart-cont .vbo-trackings-chart-totreqs { | |
| 16246 | + margin-bottom: 10px; | |
| 16247 | +} | |
| 16248 | +.vbo-trackings-chart-middle { | |
| 16249 | + display: flex; | |
| 16250 | + margin-top: 20px; | |
| 16251 | +} | |
| 16252 | +.vbo-trackings-chart-avgvals { | |
| 16253 | + flex: 55%; | |
| 16254 | + padding-right: 50px; | |
| 16255 | +} | |
| 16256 | +.vbo-trackings-chart-referrers { | |
| 16257 | + flex: 1; | |
| 16258 | +} | |
| 16259 | +.vbo-trackings-chart-avgval-listcont { | |
| 16260 | + display: flex; | |
| 16261 | + flex-wrap: wrap; | |
| 16262 | +} | |
| 16263 | +.vbo-trackings-chart-avgval-listcont > div { | |
| 16264 | + flex: 1; | |
| 16265 | + background: var(--vbo-config-bg-color); | |
| 16266 | + padding: 15px; | |
| 16267 | + border-radius: 4px; | |
| 16268 | + box-shadow: 0 0 10px rgba(0,0,0,.05); | |
| 16269 | + margin: 5px; | |
| 16270 | +} | |
| 16271 | +.vbo-trackings-chart-avgval-listcont > div h5 { | |
| 16272 | + margin-top: 0; | |
| 16273 | +} | |
| 16274 | +.vbo-trackings-chart-avgconvrate .vbo-trackings-chart-tot { | |
| 16275 | + margin-right: 0; | |
| 16276 | +} | |
| 16277 | +.vbo-trackings-chart-pcent { | |
| 16278 | + font-size: 1.1em; | |
| 16279 | + color: var(--vbo-config-titles-color-light); | |
| 16280 | + font-weight: bold; | |
| 16281 | +} | |
| 16282 | +.vbo-trackings-chart-referrer { | |
| 16283 | + background: var(--vbo-config-bg-color); | |
| 16284 | + padding: 15px; | |
| 16285 | + border-radius: 4px; | |
| 16286 | + box-shadow: 0 0 10px rgba(0,0,0,.05); | |
| 16287 | + margin: 10px 5px; | |
| 16288 | +} | |
| 16289 | +.vbo-trackings-chart-middle .vbo-trackings-chart-tot { | |
| 16290 | + color: var(--vbo-green-color); | |
| 16291 | +} | |
| 16292 | +.vbo-trackings-cookiediscl { | |
| 16293 | + font-style: italic; | |
| 16294 | + width: 70%; | |
| 16295 | +} | |
| 16296 | +/* Trackings - End */ | |
| 16297 | + | |
| 16298 | +.vbo-choosebusy-table { | |
| 16299 | + background: rgb(246, 246, 246) none repeat scroll 0% 0%; | |
| 16300 | + border: 1px solid rgb(221, 221, 221); | |
| 16301 | + margin: 0 0 20px; | |
| 16302 | +} | |
| 16303 | +.vbo-choosebusy-tr1 td { | |
| 16304 | + background: rgb(238, 238, 238) none repeat scroll 0% 0%; | |
| 16305 | + vertical-align: middle; | |
| 16306 | + padding: 14px; | |
| 16307 | + border-bottom: 1px solid rgb(204, 204, 204); | |
| 16308 | + font-size: 16px; | |
| 16309 | + font-weight: 500; | |
| 16310 | +} | |
| 16311 | +.vbo-choosebusy-tr2 td img { | |
| 16312 | + border-radius: 0 !important; | |
| 16313 | + width: 100%; | |
| 16314 | +} | |
| 16315 | +.vbo-choosebusy-tr3 td { | |
| 16316 | + padding: 10px; | |
| 16317 | +} | |
| 16318 | +.vbo-choosebusy-tr3 td .badge { | |
| 16319 | + padding:3px 8px; | |
| 16320 | + border-radius: 3px; | |
| 16321 | +} | |
| 16322 | +#filter-bar .btn-group { | |
| 16323 | + margin-left:5px; | |
| 16324 | +} | |
| 16325 | +#filter-bar .pull-right-group { | |
| 16326 | + float: right; | |
| 16327 | +} | |
| 16328 | +#filter-bar .pull-left-group { | |
| 16329 | + float: left; | |
| 16330 | +} | |
| 16331 | +/* Usable for elements inside the filter bar that need to be inline. | |
| 16332 | + * The parent element should have the class 'pull-left-group' or 'pull-right-group'." | |
| 16333 | + */ | |
| 16334 | +.btn-group.pull-inline { | |
| 16335 | + display: inline-block; | |
| 16336 | + vertical-align: top; | |
| 16337 | +} | |
| 16338 | +.table-responsive { | |
| 16339 | + overflow-x: auto; | |
| 16340 | + overflow-y: hidden; | |
| 16341 | + min-height: 0.01%; | |
| 16342 | +} | |
| 16343 | +.table { | |
| 16344 | + width: 100%; | |
| 16345 | + max-width: 100%; | |
| 16346 | + margin-bottom: 20px; | |
| 16347 | +} | |
| 16348 | +.vbo-receipt-company-block-outer { | |
| 16349 | + margin: 10px 0; | |
| 16350 | + display: inline-block; | |
| 16351 | + width: 100%; | |
| 16352 | +} | |
| 16353 | +.vbo-receipt-company-block { | |
| 16354 | + display: inline-block; | |
| 16355 | + margin: 0 10px; | |
| 16356 | +} | |
| 16357 | +.vbo-receipt-numdate-block { | |
| 16358 | + display: inline-block; | |
| 16359 | + float: right; | |
| 16360 | + margin: 0 10px; | |
| 16361 | + background: var(--vbo-basic-btn); | |
| 16362 | + padding: 15px; | |
| 16363 | +} | |
| 16364 | +.vbo-receipt-company-logo { | |
| 16365 | + display: inline-block; | |
| 16366 | + float: left; | |
| 16367 | +} | |
| 16368 | +.vbo-receipt-company-info { | |
| 16369 | + float: left; | |
| 16370 | + text-align: left; | |
| 16371 | +} | |
| 16372 | +.vbo-receipt-numdate-title { | |
| 16373 | + font-size: 18px; | |
| 16374 | + margin-bottom: 10px; | |
| 16375 | +} | |
| 16376 | +.vbo-receipt-numdate-num-lbl, .vbo-receipt-numdate-date-lbl { | |
| 16377 | + font-size: 12px; | |
| 16378 | + font-weight: bold; | |
| 16379 | + color: var(--vbo-config-text-color-light); | |
| 16380 | + display: block; | |
| 16381 | + margin-bottom: 5px; | |
| 16382 | +} | |
| 16383 | +.vbo-receipt-numdate-num, .vbo-receipt-numdate-date { | |
| 16384 | + display: inline-block; | |
| 16385 | + vertical-align: top; | |
| 16386 | +} | |
| 16387 | +.vbo-receipt-numdate-num { | |
| 16388 | + margin-right: 5px; | |
| 16389 | +} | |
| 16390 | +.vbo-hidein-print { | |
| 16391 | + margin-bottom: 0 !important; | |
| 16392 | +} | |
| 16393 | +.vbo-showin-print { | |
| 16394 | + display: none; | |
| 16395 | +} | |
| 16396 | +.vbo-receipt-print-confirm { | |
| 16397 | + text-align: center; | |
| 16398 | + display: inline-block; | |
| 16399 | + width: 100%; | |
| 16400 | +} | |
| 16401 | +.vbo-receipt-print-confirm .vbo-receipt-print-btn { | |
| 16402 | + display: inline-block; | |
| 16403 | + background: var(--vbo-base-color); | |
| 16404 | + color: #fff; | |
| 16405 | + padding: 5px 15px; | |
| 16406 | + border-radius: 4px; | |
| 16407 | + font-weight: bold; | |
| 16408 | + margin: 10px; | |
| 16409 | + cursor: pointer; | |
| 16410 | +} | |
| 16411 | +.vbo-receipt-print-btn i { | |
| 16412 | + margin-right: 5px; | |
| 16413 | +} | |
| 16414 | +.vbo-receipt-notes-container { | |
| 16415 | + padding: 18px; | |
| 16416 | +} | |
| 16417 | +.vbo-receipt-notes-inner { | |
| 16418 | + background: var(--vbo-config-bg-color); | |
| 16419 | + padding: 15px; | |
| 16420 | + border-radius: 8px; | |
| 16421 | + margin: 10px 0; | |
| 16422 | +} | |
| 16423 | +.vbo-receipt-notes-tarea textarea { | |
| 16424 | + height: 200px; | |
| 16425 | +} | |
| 16426 | +/* Tableaux */ | |
| 16427 | +.vbo-tableaux-container { | |
| 16428 | + background: var(--vbo-config-child-bg-color); | |
| 16429 | + padding: 5px 15px 10px; | |
| 16430 | +} | |
| 16431 | +.vbo-tableaux-months-wrap { | |
| 16432 | + display: flex; | |
| 16433 | + flex-wrap: wrap; | |
| 16434 | + border: 1px solid var(--vbo-config-border-color); | |
| 16435 | + margin: 15px 0; | |
| 16436 | + background: var(--vbo-config-bg-color); | |
| 16437 | + border-radius: 4px; | |
| 16438 | + box-shadow: 0 4px 4px rgba(0,0,0,.05); | |
| 16439 | +} | |
| 16440 | +.vbo-tableaux-months-wrap > div { | |
| 16441 | + flex: 1; | |
| 16442 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 16443 | + text-align: center; | |
| 16444 | + display: flex; | |
| 16445 | +} | |
| 16446 | +.vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:first-child { | |
| 16447 | + border-top-left-radius: 4px; | |
| 16448 | + border-bottom-left-radius: 4px; | |
| 16449 | +} | |
| 16450 | +.vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:last-child { | |
| 16451 | + border-top-right-radius: 4px; | |
| 16452 | + border-bottom-right-radius: 4px; | |
| 16453 | + border: 0; | |
| 16454 | +} | |
| 16455 | +.vbo-tableaux-months-wrap > div .vbo-tableaux-month-link { | |
| 16456 | + padding: 15px 10px; | |
| 16457 | + cursor: pointer; | |
| 16458 | + flex: 1; | |
| 16459 | +} | |
| 16460 | +.vbo-tableaux-months-wrap > div .vbo-tableaux-month-link span { | |
| 16461 | + display: block; | |
| 16462 | +} | |
| 16463 | +.vbo-tableaux-months-wrap > div .vbo-tableaux-month-link:hover { | |
| 16464 | + background: var(--vbo-config-child-bg-color); | |
| 16465 | +} | |
| 16466 | +.vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active, | |
| 16467 | +.vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active:hover { | |
| 16468 | + background: var(--vbo-base-color); | |
| 16469 | + color: #fff; | |
| 16470 | +} | |
| 16471 | +.vbo-tableaux-tbl-container { | |
| 16472 | + margin-top: 10px; | |
| 16473 | +} | |
| 16474 | +.vbo-tableaux-table { | |
| 16475 | + background: var(--vbo-config-bg-color); | |
| 16476 | + border-radius: 4px; | |
| 16477 | + box-shadow: 0 0 4px rgba(0,0,0,.05); | |
| 16478 | + width: 100%; | |
| 16479 | + margin-bottom: 200px; | |
| 16480 | +} | |
| 16481 | +.vbo-tableaux-table .vbo-tableaux-table-head-row th { | |
| 16482 | + text-align: center; | |
| 16483 | + padding: 10px 4px; | |
| 16484 | + background: var(--vbo-light-color-btn); | |
| 16485 | + border-left: 1px solid var(--vbo-config-border-color); | |
| 16486 | +} | |
| 16487 | +.vbo-tableaux-table .vbo-tableaux-table-head-row th:first-child { | |
| 16488 | + border-left: 0; | |
| 16489 | +} | |
| 16490 | +.vbo-tableaux-table-head-cell-monyear { | |
| 16491 | + color: var(--vbo-config-titles-color-light); | |
| 16492 | + font-weight: normal; | |
| 16493 | +} | |
| 16494 | +.vbo-tableaux-table-head-cell-wmday { | |
| 16495 | + font-size: 15px; | |
| 16496 | +} | |
| 16497 | +.vbo-tableaux-table tr { | |
| 16498 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 16499 | +} | |
| 16500 | +.vbo-tableaux-table td { | |
| 16501 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 16502 | + min-width: 100px; | |
| 16503 | + max-width: 100px; | |
| 16504 | + padding: 20px 0; | |
| 16505 | + position: relative; | |
| 16506 | + background-clip: padding-box !important; | |
| 16507 | +} | |
| 16508 | +.vbo-tableaux-table tr td:first-child { | |
| 16509 | + position: sticky; | |
| 16510 | + left: 0; | |
| 16511 | + background: var(--vbo-config-child-bg-color); | |
| 16512 | + box-shadow: 6px 0 10px -6px rgba(0, 0, 0, .1); | |
| 16513 | + min-width: 150px; | |
| 16514 | + max-width: 150px; | |
| 16515 | + z-index: 2; | |
| 16516 | + font-weight: bold; | |
| 16517 | + padding: 15px 15px; | |
| 16518 | + font-size: 14px; | |
| 16519 | +} | |
| 16520 | +.vbo-tableaux-roomrow td { | |
| 16521 | + vertical-align: top; | |
| 16522 | +} | |
| 16523 | +.vbo-tableaux-daycell { | |
| 16524 | + color: var(--vbo-config-titles-color-light); | |
| 16525 | + font-weight: bold; | |
| 16526 | + text-align: center; | |
| 16527 | + padding: 10px; | |
| 16528 | + font-size: 13px; | |
| 16529 | +} | |
| 16530 | +.vbo-tableaux-festcell { | |
| 16531 | + background: #cea7c7; | |
| 16532 | + color: #fff; | |
| 16533 | + cursor: pointer; | |
| 16534 | +} | |
| 16535 | +.vbo-tableaux-festcell:hover { | |
| 16536 | + background: #bb90b3; | |
| 16537 | +} | |
| 16538 | +.vbo-tableaux-festcell:active, .vbo-tableaux-festcell:focus { | |
| 16539 | + background: #e1aed8; | |
| 16540 | +} | |
| 16541 | +.vbo-tableaux-roombooks > div, .vbo-grid-avcell > div:not(.vbo-overview-tipblock) { | |
| 16542 | + background: var(--vbo-base-color); | |
| 16543 | + color: #fff; | |
| 16544 | + font-weight: bold; | |
| 16545 | + padding: 7px 5px; | |
| 16546 | + margin: 2px 0; | |
| 16547 | + white-space: nowrap; | |
| 16548 | + position: relative; | |
| 16549 | + cursor: pointer; | |
| 16550 | +} | |
| 16551 | +.vbo-grid-avcell > div:not(.vbo-overview-tipblock) { | |
| 16552 | + background: var(--vbo-config-bg-color); | |
| 16553 | + color: var(--vbo-config-title-color); | |
| 16554 | + border-top: 1px solid var(--vbo-config-title-color); | |
| 16555 | + border-bottom: 1px solid var(--vbo-config-title-color); | |
| 16556 | + height: 14px; | |
| 16557 | + margin: 2px -1.5px; | |
| 16558 | + box-sizing: content-box; | |
| 16559 | +} | |
| 16560 | +.vbo-grid-avcell > div.vbo-tableaux-booking-checkin { | |
| 16561 | + border-left: 1px solid var(--vbo-config-title-color); | |
| 16562 | +} | |
| 16563 | +.vbo-grid-avcell > div.vbo-tableaux-booking-checkout { | |
| 16564 | + border-right: 1px solid var(--vbo-config-title-color); | |
| 16565 | +} | |
| 16566 | +.vbo-tableaux-booking.vbo-booking-drag-preview { | |
| 16567 | + min-width: fit-content !important; | |
| 16568 | +} | |
| 16569 | +.vbo-tableaux-booking.vbo-tableaux-booking-empty { | |
| 16570 | + background: transparent; | |
| 16571 | + display: inline-block; | |
| 16572 | + width: 100%; | |
| 16573 | +} | |
| 16574 | +.vbo-tableaux-guest-name, .vbo-tableaux-roomindex { | |
| 16575 | + font-size: 13px; | |
| 16576 | +} | |
| 16577 | +.vbo-tableaux-booking-avatar { | |
| 16578 | + z-index: 1; | |
| 16579 | + position: absolute; | |
| 16580 | + top: -6px; | |
| 16581 | + left: -8px; | |
| 16582 | +} | |
| 16583 | +.vbo-tableaux-booking-avatar img { | |
| 16584 | + height: 24px; | |
| 16585 | + width: 24px; | |
| 16586 | + border-radius: 50%; | |
| 16587 | + object-fit: cover; | |
| 16588 | + border: 2px solid #fff; | |
| 16589 | +} | |
| 16590 | +.vbo-grid-avcell .vbo-tableaux-booking-avatar { | |
| 16591 | + top: -1px; | |
| 16592 | + left: -3px; | |
| 16593 | +} | |
| 16594 | +.vbo-grid-avcell .vbo-tableaux-booking-avatar img { | |
| 16595 | + border: 0; | |
| 16596 | +} | |
| 16597 | +.vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name { | |
| 16598 | + padding-left: 25px; | |
| 16599 | +} | |
| 16600 | +.vbo-grid-avcell .vbo-tableaux-guest-name { | |
| 16601 | + font-weight: normal; | |
| 16602 | + font-size: 12px; | |
| 16603 | +} | |
| 16604 | +.vbo-tableaux-booking > span { | |
| 16605 | + position: relative; | |
| 16606 | + z-index: 1; | |
| 16607 | +} | |
| 16608 | +.vbo-tableaux-booking .vbo-tableaux-roomindex { | |
| 16609 | + display: inline-block; | |
| 16610 | + margin-left: 5px; | |
| 16611 | +} | |
| 16612 | +.vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin, .vbo-grid-avcell > .vbo-tableaux-booking-checkin { | |
| 16613 | + width: 64%; | |
| 16614 | + float: right; | |
| 16615 | + border-top-left-radius: 20px; | |
| 16616 | + border-bottom-left-radius: 20px; | |
| 16617 | + padding-left: 10px; | |
| 16618 | + position: relative; | |
| 16619 | + margin-right: -2px; | |
| 16620 | +} | |
| 16621 | +.vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span, .vbo-grid-avcell > .vbo-tableaux-booking-checkin > span { | |
| 16622 | + position: relative; | |
| 16623 | + z-index: 1; | |
| 16624 | +} | |
| 16625 | +.vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-grid-avcell > .vbo-tableaux-booking-short > span { | |
| 16626 | + /* overflow: hidden; | |
| 16627 | + display: table-cell; */ | |
| 16628 | + display: inline-block; | |
| 16629 | + width: 130px; | |
| 16630 | + clip-path: inset( -100vw 0 -100vw -8px ); | |
| 16631 | +} | |
| 16632 | +.vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout > span { | |
| 16633 | + max-width: 57px; | |
| 16634 | + white-space: nowrap; | |
| 16635 | + text-overflow: ellipsis; | |
| 16636 | + overflow: hidden; | |
| 16637 | + display: table-cell; | |
| 16638 | +} | |
| 16639 | +.vbo-tableaux-roombooks > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar, .vbo-grid-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar { | |
| 16640 | + top: -5px; | |
| 16641 | +} | |
| 16642 | +.vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-grid-avcell > .vbo-tableaux-booking-checkout { | |
| 16643 | + width: 64%; | |
| 16644 | + float: left; | |
| 16645 | + border-top-right-radius: 20px; | |
| 16646 | + border-bottom-right-radius: 20px; | |
| 16647 | + padding-right: 10px; | |
| 16648 | +} | |
| 16649 | +.vbo-tableaux-roombooks > .vbo-tableaux-booking-stay, .vbo-grid-avcell > .vbo-tableaux-booking-stay { | |
| 16650 | + display: inline-block; | |
| 16651 | + width: 100%; | |
| 16652 | +} | |
| 16653 | +.vbo-tableaux-booking-task-highlight { | |
| 16654 | + background: var(--vbo-light-green-color-hover) !important; | |
| 16655 | +} | |
| 16656 | +.vbo-tableaux-monthsrow > .vbo-tableaux-monthcell { | |
| 16657 | + padding: 10px 15px; | |
| 16658 | + font-size: 1.2em; | |
| 16659 | + font-weight: bold; | |
| 16660 | + color: var(--vbo-base-color); | |
| 16661 | + border-left: 0; | |
| 16662 | +} | |
| 16663 | +.vbo-tableaux-monthsrow > .vbo-tableaux-monthcell ~ .vbo-tableaux-monthcell { | |
| 16664 | + border-left: 2px solid var(--vbo-config-border-color); | |
| 16665 | +} | |
| 16666 | +.vbo-tableaux-table .vbo-tableaux-newmonthcell { | |
| 16667 | + border-left: 2px solid var(--vbo-config-border-color); | |
| 16668 | +} | |
| 16669 | +.vbo-tableaux-table .vbo-tableaux-todaycell { | |
| 16670 | + background: var(--vbo-config-child-bg-color); | |
| 16671 | +} | |
| 16672 | +.vbo-tableaux-table .vbo-tableaux-todaycell.vbo-tableaux-festcell { | |
| 16673 | + background: #d9b9d3; | |
| 16674 | +} | |
| 16675 | +.vbo-pmsperm-entry-wrap { | |
| 16676 | + display: flex; | |
| 16677 | + flex-wrap: wrap; | |
| 16678 | + background: var(--vbo-config-child-bg-color); | |
| 16679 | + margin: 5px 0; | |
| 16680 | + padding: 10px | |
| 16681 | +} | |
| 16682 | +.vbo-pmsperm-entry-wrap > div { | |
| 16683 | + margin: 5px; | |
| 16684 | +} | |
| 16685 | +.vbo-pmsperm-entry-wrap > div:first-child { | |
| 16686 | + flex-basis: 105px; | |
| 16687 | +} | |
| 16688 | +.vbo-pmsperm-entry-wrap .vbo-pmsperm-entry-rm .btn-danger { | |
| 16689 | + padding: 8px 14px; | |
| 16690 | +} | |
| 16691 | +.vbo-pmsperm-entry-cont select, .vbo-pmsperm-entry-cont input { | |
| 16692 | + margin-bottom: 0 !important; | |
| 16693 | +} | |
| 16694 | +.vbo-pmsperm-entry-cont:last-child { | |
| 16695 | + display: flex; | |
| 16696 | +} | |
| 16697 | +.vbo-pmsperm-entry-cont:last-child .vbo-pmsperm-entry-rm { | |
| 16698 | + margin-top: 24px; | |
| 16699 | +} | |
| 16700 | +.vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmd { | |
| 16701 | + text-align: center; | |
| 16702 | + margin-top: 15px; | |
| 16703 | +} | |
| 16704 | + | |
| 16705 | +.vbo-operator-tools-list { | |
| 16706 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 16707 | +} | |
| 16708 | +.vbo-operator-tools-list .vbo-operator-tool-tab { | |
| 16709 | + display: inline-block; | |
| 16710 | + border-bottom: 2px solid var(--vbo-config-bg-color); | |
| 16711 | + color: var(--vbo-config-titles-color-light); | |
| 16712 | +} | |
| 16713 | +.vbo-operator-tools-list .vbo-operator-tool-tab .vbo-operator-tool-name { | |
| 16714 | + display: inline-block; | |
| 16715 | + padding: 10px; | |
| 16716 | + cursor: pointer; | |
| 16717 | +} | |
| 16718 | +.vbo-operator-tools-list .vbo-operator-tool-tab-active { | |
| 16719 | + border-color: var(--vbo-config-title-color); | |
| 16720 | + color: var(--vbo-config-title-color); | |
| 16721 | + font-weight: bold; | |
| 16722 | +} | |
| 16723 | +.vbo-operator-tool-permissions-activeperms { | |
| 16724 | + margin-top: 10px; | |
| 16725 | +} | |
| 16726 | +.vbo-operator-tool-permissions-activeperms .vbo-params-block { | |
| 16727 | + padding-bottom: 0; | |
| 16728 | + margin-bottom: 10px; | |
| 16729 | +} | |
| 16730 | +.vbo-operator-tool-permissions-activeperms .vbo-param-container { | |
| 16731 | + margin: 0; | |
| 16732 | +} | |
| 16733 | +.vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label { | |
| 16734 | + margin-bottom: 0; | |
| 16735 | +} | |
| 16736 | +.vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label a { | |
| 16737 | + color: inherit; | |
| 16738 | +} | |
| 16739 | +.vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label a:hover { | |
| 16740 | + color: var(--vbo-base-color); | |
| 16741 | +} | |
| 16742 | +.vbo-operator-tool-tab-selector .vbo-admin-container { | |
| 16743 | + background: var(--vbo-config-child-bg-color); | |
| 16744 | + padding: 10px; | |
| 16745 | + border-bottom-right-radius: 8px; | |
| 16746 | + border-bottom-left-radius: 8px; | |
| 16747 | +} | |
| 16748 | +.vbo-operator-tool-permissions .vbo-customer-info-box-avatar i { | |
| 16749 | + width: 30px; | |
| 16750 | + height: 30px; | |
| 16751 | + border-radius: 50%; | |
| 16752 | + line-height: 28px; | |
| 16753 | + background: var(--vbo-config-child-bg-color); | |
| 16754 | + text-align: center; | |
| 16755 | + font-size: 12px; | |
| 16756 | + border: 1px solid var(--vbo-basic-btn); | |
| 16757 | + box-sizing: border-box; | |
| 16758 | +} | |
| 16759 | +#vbo-mngoper-work-days-exceptions .vbo-closed-date-entry { | |
| 16760 | + background-color: var(--vbo-tag-ocean-bg); | |
| 16761 | + border: 1px solid var(--vbo-tag-ocean-bg); | |
| 16762 | + color: var(--vbo-tag-ocean-txt); | |
| 16763 | +} | |
| 16764 | +#vbo-mngoper-work-days-exceptions .vbo-closed-date-entry .vbo-closed-date-rm:not(:hover) { | |
| 16765 | + color: var(--vbo-tag-ocean-txt); | |
| 16766 | +} | |
| 16767 | +#vbo-mngoper-work-days-exceptions .vbo-closed-date-entry.vbo-closed-date-entry-dayoff { | |
| 16768 | + background: var(--vbo-tag-gray-bg); | |
| 16769 | + border-color: var(--vbo-tag-gray-bg); | |
| 16770 | + color: var(--vbo-config-titles-color-light); | |
| 16771 | +} | |
| 16772 | +#vbo-mngoper-work-days-exceptions .vbo-closed-date-entry.vbo-closed-date-entry-dayoff .vbo-closed-date-rm:not(:hover) { | |
| 16773 | + color: var(--vbo-config-titles-color-light); | |
| 16774 | +} | |
| 16775 | +.vbo-customer-info-box .vbo-customer-info-box-avatar img.no-click { | |
| 16776 | + cursor: inherit; | |
| 16777 | +} | |
| 16778 | +.vbo-tableauxperms-info-add { | |
| 16779 | + margin-bottom: 15px; | |
| 16780 | + text-align: center; | |
| 16781 | +} | |
| 16782 | +.vbo-pmsperm-entry-lbl { | |
| 16783 | + font-weight: bold; | |
| 16784 | + margin-bottom: 4px; | |
| 16785 | +} | |
| 16786 | +.vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmds { | |
| 16787 | + margin-bottom: 10px; | |
| 16788 | +} | |
| 16789 | +#filter-bar.vbo-tableaux-filters { | |
| 16790 | + height: auto; | |
| 16791 | + background: var(--vbo-toolbar-bg-color); | |
| 16792 | + padding: 10px 10px 6px; | |
| 16793 | + box-sizing: border-box; | |
| 16794 | +} | |
| 16795 | +#filter-bar.vbo-tableaux-filters .select2-container--default .select2-selection--multiple { | |
| 16796 | + background: var(--vbo-input-style); | |
| 16797 | + border-color: var(--vbo-config-border-color); | |
| 16798 | +} | |
| 16799 | +/* eInvoicing - start */ | |
| 16800 | +.vbo-einvoicing-cellaction[data-einvaction="0"] { | |
| 16801 | + background: var(--vbo-red-color); | |
| 16802 | +} | |
| 16803 | +.vbo-einvoicing-cellaction[data-einvaction="1"] { | |
| 16804 | + background: var(--vbo-green-color); | |
| 16805 | +} | |
| 16806 | +.vbo-einvoicing-cellaction[data-einvaction="-1"] { | |
| 16807 | + background: var(--vbo-blue-color); | |
| 16808 | +} | |
| 16809 | +.vbo-einvoicing-cellaction[data-einvaction="-2"] { | |
| 16810 | + background: var(--vbo-orange-color); | |
| 16811 | +} | |
| 16812 | +#driversettingsform .vbo-driver-fieldset { | |
| 16813 | + margin-top: 20px; | |
| 16814 | +} | |
| 16815 | +#driversettingsform .vbo-driver-fieldset { | |
| 16816 | + border-bottom: 0; | |
| 16817 | +} | |
| 16818 | +.vbo-info-overlay-driver { | |
| 16819 | + height: 90% !important; | |
| 16820 | +} | |
| 16821 | +.vbo-drivers-filters-outer { | |
| 16822 | + display: inline-block; | |
| 16823 | + width: 100%; | |
| 16824 | + margin-top: 0; | |
| 16825 | + height: auto; | |
| 16826 | + background: var(--vbo-config-border-color); | |
| 16827 | + padding: 10px; | |
| 16828 | + box-sizing: border-box; | |
| 16829 | +} | |
| 16830 | +.vbo-drivers-filters-outer > div { | |
| 16831 | + display: inline-block; | |
| 16832 | +} | |
| 16833 | +.vbo-drivers-container { | |
| 16834 | + background: var(--vbo-main-bg-color); | |
| 16835 | +} | |
| 16836 | +.vbo-drivers-filters-outer .vbo-drivers-wrap-middlebar { | |
| 16837 | + display: flex; | |
| 16838 | + flex-wrap: wrap; | |
| 16839 | + align-items: center; | |
| 16840 | + gap: 20px; | |
| 16841 | +} | |
| 16842 | +.vbo-drivers-filters-driver { | |
| 16843 | + margin: 0 15px 0 0; | |
| 16844 | +} | |
| 16845 | +.vbo-drivers-filters-driver > div { | |
| 16846 | + display: inline-block; | |
| 16847 | + vertical-align: top; | |
| 16848 | + margin-right: 5px; | |
| 16849 | +} | |
| 16850 | +.vbo-drivers-custom-actions { | |
| 16851 | + margin-left: auto; | |
| 16852 | + align-self: end; | |
| 16853 | +} | |
| 16854 | +.vbo-drivers-custom-actions > div { | |
| 16855 | + display: inline-block; | |
| 16856 | + vertical-align: top; | |
| 16857 | +} | |
| 16858 | +.vbo-drivers-topbar { | |
| 16859 | + display: inline-block; | |
| 16860 | + width: 100%; | |
| 16861 | + margin-bottom: 10px; | |
| 16862 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 16863 | + padding-bottom: 10px; | |
| 16864 | +} | |
| 16865 | +.vbo-drivers-topbar > div { | |
| 16866 | + display: inline-block; | |
| 16867 | + vertical-align: top; | |
| 16868 | +} | |
| 16869 | +.vbo-drivers-filters-driver .vbo-drivers-filters-launch { | |
| 16870 | + margin-top: 22px; | |
| 16871 | +} | |
| 16872 | +.vbo-drivers-filters-driver .vbo-drivers-filters-launch .btn { | |
| 16873 | + background: var(--vbo-blue-color); | |
| 16874 | + border: 1px solid var(--vbo-blue-color); | |
| 16875 | + color: #fff; | |
| 16876 | +} | |
| 16877 | +.vbo-drivers-filters-driver .vbo-drivers-filters-launch .btn:hover { | |
| 16878 | + background: var(--vbo-config-bg-color); | |
| 16879 | + border-color: var(--vbo-blue-color)6; | |
| 16880 | + color: var(--vbo-blue-color); | |
| 16881 | +} | |
| 16882 | +.vbo-drivers-output { | |
| 16883 | + padding-bottom: 17px; | |
| 16884 | +} | |
| 16885 | +.vbo-drivers-output .table-responsive { | |
| 16886 | + border-radius: 8px; | |
| 16887 | + box-shadow: 0 0px 20px #0000001a; | |
| 16888 | + margin: 18px; | |
| 16889 | + background: var(--vbo-config-bg-color); | |
| 16890 | +} | |
| 16891 | +.vbo-drivers-output table { | |
| 16892 | + margin-bottom: 0; | |
| 16893 | +} | |
| 16894 | +.vbo-drivers-output table thead { | |
| 16895 | + background: var(--vbo-config-child-bg-color); | |
| 16896 | + text-transform: uppercase; | |
| 16897 | + font-weight: bold; | |
| 16898 | +} | |
| 16899 | +.vbo-drivers-output table thead th { | |
| 16900 | + padding: 15px 15px; | |
| 16901 | + color: var(--vbo-config-title-color); | |
| 16902 | +} | |
| 16903 | +.vbo-drivers-output table tbody td, .vbo-drivers-output table tfoot td { | |
| 16904 | + padding: 15px 15px; | |
| 16905 | +} | |
| 16906 | +.vbo-drivers-output table tbody tr td:first-child span { | |
| 16907 | + font-weight: bold; | |
| 16908 | +} | |
| 16909 | +.vbo-drivers-output table tbody tr:nth-child(2n) { | |
| 16910 | + background: var(--vbo-config-child-bg-color); | |
| 16911 | +} | |
| 16912 | +.vbo-drivers-output table tfoot { | |
| 16913 | + background: var(--vbo-config-child-bg-color); | |
| 16914 | +} | |
| 16915 | +.vbo-drivers-output table tfoot tr:last-child td { | |
| 16916 | + vertical-align: middle; | |
| 16917 | +} | |
| 16918 | +.vbo-drivers-output table td .btn.btn-danger { | |
| 16919 | + padding: 4px 12px; | |
| 16920 | + font-weight: normal; | |
| 16921 | + font-size: 13px; | |
| 16922 | +} | |
| 16923 | +.vbo-drivers-output .vbo-driver-customoutput { | |
| 16924 | + display: inline-block; | |
| 16925 | + color: #fff; | |
| 16926 | + padding: 5px 4px; | |
| 16927 | + border-radius: 5px; | |
| 16928 | + height: 15px; | |
| 16929 | + width: 15px; | |
| 16930 | + cursor: pointer; | |
| 16931 | +} | |
| 16932 | +.vbo-drivers-output .vbo-driver-output-vieweinv { | |
| 16933 | + background: #999; | |
| 16934 | + border:1px solid #999; | |
| 16935 | +} | |
| 16936 | +.vbo-drivers-output .vbo-driver-output-vieweinv:hover { | |
| 16937 | + background: #888; | |
| 16938 | +} | |
| 16939 | +.vbo-drivers-output .vbo-driver-output-editeinv { | |
| 16940 | + background: var(--vbo-blue-color); | |
| 16941 | + border: 1px solid var(--vbo-blue-color); | |
| 16942 | +} | |
| 16943 | +.vbo-drivers-output .vbo-driver-output-editeinv:hover { | |
| 16944 | + background: var(--vbo-blue-color-hover); | |
| 16945 | +} | |
| 16946 | +.vbo-drivers-output .vbo-driver-output-rmeinv { | |
| 16947 | + background: var(--vbo-red-color); | |
| 16948 | + border: 1px solid var(--vbo-red-color); | |
| 16949 | +} | |
| 16950 | +.vbo-drivers-output .vbo-driver-output-rmeinv:hover { | |
| 16951 | + background: var(--vbo-red-color-hover); | |
| 16952 | +} | |
| 16953 | +.vbo-drivers-output .fa-external-link { | |
| 16954 | + color: #444; | |
| 16955 | + margin-right: 5px; | |
| 16956 | +} | |
| 16957 | +.vbo-drivers-output .fa-external-link:hover { | |
| 16958 | + color: var(--vbo-blue-color); | |
| 16959 | +} | |
| 16960 | +/* eInvoicing - end */ | |
| 16961 | + | |
| 16962 | +/* Opportunities */ | |
| 16963 | +.vbo-menu-updates .vbo-opportunities-btnbadge { | |
| 16964 | + background: var(--vbo-blue-color); | |
| 16965 | + border-color: var(--vbo-blue-color); | |
| 16966 | + position: relative; | |
| 16967 | + z-index: 1; | |
| 16968 | +} | |
| 16969 | +.vbo-menu-updates .vbo-opportunities-btnbadge:hover { | |
| 16970 | + background: var(--vbo-blue-color-hover); | |
| 16971 | + border-color: var(--vbo-blue-color-hover); | |
| 16972 | +} | |
| 16973 | +.vbo-menu-updates .vbo-opportunities-btnbadge:active { | |
| 16974 | + background: var(--vbo-blue-color-hover); | |
| 16975 | + border-color: var(--vbo-blue-color-hover); | |
| 16976 | +} | |
| 16977 | +.vbo-menu-updates .vbo-opportunities-btnbadge:after { | |
| 16978 | + content: attr(data-opportunity-count); | |
| 16979 | + background: var(--vbo-red-color); | |
| 16980 | + color: #fff; | |
| 16981 | + border: 1px solid var(--vbo-blue-color); | |
| 16982 | + width: 20px; | |
| 16983 | + height: 20px; | |
| 16984 | + border-radius: 50%; | |
| 16985 | + position: absolute; | |
| 16986 | + top: -5px; | |
| 16987 | + left: -8px; | |
| 16988 | + font-weight: bold; | |
| 16989 | + font-size: 11px; | |
| 16990 | + line-height: 20px; | |
| 16991 | + text-align: center; | |
| 16992 | +} | |
| 16993 | +.vbo-menu-updates .vbo-opportunities-btnbadge i { | |
| 16994 | + margin-right: 5px; | |
| 16995 | +} | |
| 16996 | +/* Guest Reviews */ | |
| 16997 | +.vbo-menu-updates .vbo-reviews-btnbadge { | |
| 16998 | + background: #20a9b0; | |
| 16999 | + border-color: #20a9b0; | |
| 17000 | + position: relative; | |
| 17001 | + z-index: 0; | |
| 17002 | +} | |
| 17003 | +.vbo-menu-updates .vbo-reviews-btnbadge:hover { | |
| 17004 | + background: #57bbbf; | |
| 17005 | + border-color: #57bbbf; | |
| 17006 | +} | |
| 17007 | +.vbo-menu-updates .vbo-reviews-btnbadge:active { | |
| 17008 | + background: #4ccbd0; | |
| 17009 | + border-color: #4ccbd0; | |
| 17010 | +} | |
| 17011 | +.vbo-menu-updates .vbo-reviews-btnbadge-alert:after { | |
| 17012 | + content: attr(data-reviews-count); | |
| 17013 | + background: var(--vbo-red-color); | |
| 17014 | + color: #fff; | |
| 17015 | + border: 1px solid var(--vbo-blue-color); | |
| 17016 | + width: 20px; | |
| 17017 | + height: 20px; | |
| 17018 | + border-radius: 50%; | |
| 17019 | + position: absolute; | |
| 17020 | + top: -5px; | |
| 17021 | + left: -8px; | |
| 17022 | + font-weight: bold; | |
| 17023 | + font-size: 11px; | |
| 17024 | + line-height: 20px; | |
| 17025 | + text-align: center; | |
| 17026 | +} | |
| 17027 | +.vbo-menu-updates .vbo-reviews-btnbadge i { | |
| 17028 | + margin-right: 5px; | |
| 17029 | +} | |
| 17030 | + | |
| 17031 | +/* Notification Center Menu */ | |
| 17032 | +.vbo-menu-updates > button:hover, .vbo-notifications-center-container > button:hover, .vbo-menu-help-wizard-container > button:hover { | |
| 17033 | + background: #9bc1d7; | |
| 17034 | + color: #2a5166; | |
| 17035 | +} | |
| 17036 | +.vbo-notifications-center-container, .vbo-menu-help-wizard-container, .vbo-menu-updates > button { | |
| 17037 | + position: relative; | |
| 17038 | + float: right; | |
| 17039 | +} | |
| 17040 | +.vbo-notifications-center-handler, .vbo-help-wizard-handler, .vbo-menu-updates > button.vbo-multitasking-apps { | |
| 17041 | + float: right; | |
| 17042 | + display: flex; | |
| 17043 | + align-items: center; | |
| 17044 | + justify-content: center; | |
| 17045 | + background: #3f708b; | |
| 17046 | + color: #fff; | |
| 17047 | + font-weight: bold; | |
| 17048 | + border: 1px solid #3f708b; | |
| 17049 | + margin: 7px 8px 6px 2px; | |
| 17050 | + width: 44px; | |
| 17051 | + height: 44px; | |
| 17052 | + padding: 0; | |
| 17053 | + border-radius: 50%; | |
| 17054 | + position: relative; | |
| 17055 | +} | |
| 17056 | +.vbo-menu-updates > button:hover, .vbo-notifications-center-container > button:hover { | |
| 17057 | + background: #9bc1d7 !important; | |
| 17058 | + color: #2a5166 !important; | |
| 17059 | +} | |
| 17060 | +.vbo-help-wizard-handler { | |
| 17061 | + background: #900; | |
| 17062 | + border-color: #900; | |
| 17063 | + animation: wizard-pulse 1.2s infinite ease-in-out, | |
| 17064 | + wizard-glow 2s infinite ease-in-out; | |
| 17065 | +} | |
| 17066 | +@keyframes wizard-pulse { | |
| 17067 | + 0%, 100% { | |
| 17068 | + transform: scale(1); | |
| 17069 | + } | |
| 17070 | + 50% { | |
| 17071 | + transform: scale(1.1); | |
| 17072 | + } | |
| 17073 | + } | |
| 17074 | + | |
| 17075 | + @keyframes wizard-glow { | |
| 17076 | + 0% { | |
| 17077 | + box-shadow: 0 0 3px #f48f72, 0 0 6px #f48f72; | |
| 17078 | + } | |
| 17079 | + 50% { | |
| 17080 | + box-shadow: 0 0 5px #f48f72, 0 0 10px #f48f72; | |
| 17081 | + } | |
| 17082 | + 100% { | |
| 17083 | + box-shadow: 0 0 3px #f48f72, 0 0 6px #f48f72; | |
| 17084 | + } | |
| 17085 | + } | |
| 17086 | +.vbo-menu-help-wizard-container > button:hover { | |
| 17087 | + background: #fff !important; | |
| 17088 | + color: #900 !important; | |
| 17089 | +} | |
| 17090 | +.vbo-help-wizard-instruction-description ul { | |
| 17091 | + list-style: disc; | |
| 17092 | + padding: 0 0 0 20px; | |
| 17093 | +} | |
| 17094 | +.vbo-notifications-center-handler:not([data-badge-read=""]):after { | |
| 17095 | + content: attr(data-badge-read); | |
| 17096 | + background: var(--vbo-red-color); | |
| 17097 | + color: var(--vbo-contrast-text-color); | |
| 17098 | + height: 18px; | |
| 17099 | + border: 1px solid var(--vbo-contrast-text-color); | |
| 17100 | + text-align: center; | |
| 17101 | + position: absolute; | |
| 17102 | + top: -5px; | |
| 17103 | + right: -11px; | |
| 17104 | + font-size: 11px; | |
| 17105 | + line-height: 18px; | |
| 17106 | + border-radius: 6px; | |
| 17107 | + padding: 0px 4px; | |
| 17108 | +} | |
| 17109 | +.vbo-notifications-center-handler.shaking:not([data-badge-read=""]):after { | |
| 17110 | + -webkit-animation-name: vik-zoom-in-zoom-out; | |
| 17111 | + animation-name: vik-zoom-in-zoom-out; | |
| 17112 | + transform-origin: center bottom; | |
| 17113 | + -webkit-animation-duration: 1s; | |
| 17114 | + animation-duration: 1s; | |
| 17115 | + -webkit-animation-fill-mode: both; | |
| 17116 | + animation-fill-mode: both; | |
| 17117 | + -webkit-animation-iteration-count: 1; | |
| 17118 | + animation-iteration-count: 1; | |
| 17119 | +} | |
| 17120 | +@keyframes vik-zoom-in-zoom-out { | |
| 17121 | + 0% { | |
| 17122 | + transform: scale(1, 1); | |
| 17123 | + } | |
| 17124 | + 50% { | |
| 17125 | + transform: scale(1.2, 1.2); | |
| 17126 | + } | |
| 17127 | + 100% { | |
| 17128 | + transform: scale(1, 1); | |
| 17129 | + } | |
| 17130 | +} | |
| 17131 | +.vbo-menu-updates .vbo-notifications-center-handler > i, .vbo-menu-updates .vbo-help-wizard-handler > i { | |
| 17132 | + margin: 0; | |
| 17133 | +} | |
| 17134 | +.vbo-notifications-center-wrap { | |
| 17135 | + background: var(--vbo-config-bg-color); | |
| 17136 | + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); | |
| 17137 | + width: 35vw; | |
| 17138 | + min-width: 180px; | |
| 17139 | + border-radius: 10px; | |
| 17140 | + margin: 0; | |
| 17141 | + position: absolute; | |
| 17142 | + z-index: 100; | |
| 17143 | + padding: 22px; | |
| 17144 | + visibility: visible; | |
| 17145 | + top: 57px; | |
| 17146 | + right: 0; | |
| 17147 | +} | |
| 17148 | +.vbo-notifications-center-wrap:before { | |
| 17149 | + width: 0; | |
| 17150 | + height: 0; | |
| 17151 | + border-style: solid; | |
| 17152 | + border-width: 0 7.5px 7px 7.5px; | |
| 17153 | + border-color: transparent transparent var(--vbo-config-bg-color) transparent; | |
| 17154 | + content: ""; | |
| 17155 | + position: absolute; | |
| 17156 | + top: -7px; | |
| 17157 | + right: 23px; | |
| 17158 | +} | |
| 17159 | +.vbo-notifications-center-wrap.vbo-notifications-center-on { | |
| 17160 | + display: inline-block; | |
| 17161 | +} | |
| 17162 | +.vbo-notifications-center-wrap.vbo-notifications-center-off { | |
| 17163 | + display: none; | |
| 17164 | +} | |
| 17165 | +.vbo-notifications-center-inner .vbo-notifications-center-loading { | |
| 17166 | + position: relative; | |
| 17167 | + padding: 50px; | |
| 17168 | +} | |
| 17169 | +.vbo-notifications-center-inner .vbo-notifications-center-loading i { | |
| 17170 | + position: absolute; | |
| 17171 | + top: 50%; | |
| 17172 | + left: 50%; | |
| 17173 | + transform: translate(-50%, -50%); | |
| 17174 | + font-size: 24px; | |
| 17175 | +} | |
| 17176 | +.vbo-menu-updates .vbo-notifications-center-wrap { | |
| 17177 | + padding: 10px 22px 22px; | |
| 17178 | +} | |
| 17179 | +.vbo-menu-updates .vbo-admin-widget-head { | |
| 17180 | + border-bottom: 0; | |
| 17181 | +} | |
| 17182 | +.vbo-menu-updates .vbo-notifications-center-inner .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters { | |
| 17183 | + padding: 0px 0 8px 10px; | |
| 17184 | +} | |
| 17185 | +.vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 { | |
| 17186 | + padding: 0px 0 3px 0; | |
| 17187 | +} | |
| 17188 | +.vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 i { | |
| 17189 | + display: none; | |
| 17190 | +} | |
| 17191 | +.vbo-menu-updates .vbo-notifications-center-inmenu-widget .vbo-suggest-notifications-btn:hover { | |
| 17192 | + background: none; | |
| 17193 | +} | |
| 17194 | + | |
| 17195 | +/* New Overlay */ | |
| 17196 | +.vbo-modal-overlay-block { | |
| 17197 | + position: fixed; | |
| 17198 | + left: 0; | |
| 17199 | + top: 0; | |
| 17200 | + width: 100%; | |
| 17201 | + height: 100%; | |
| 17202 | + background-color: rgba(6, 52, 77, 0.58); | |
| 17203 | + display: none; | |
| 17204 | + z-index: 2147483647 !important; | |
| 17205 | +} | |
| 17206 | +.vbo-modal-overlay-block-geomap-lowerzindex { | |
| 17207 | + z-index: 99999 !important; | |
| 17208 | +} | |
| 17209 | +.vbo-modal-overlay-block .vbo-modal-overlay-close { | |
| 17210 | + display: block; | |
| 17211 | + height: 100%; | |
| 17212 | + cursor: default; | |
| 17213 | +} | |
| 17214 | +.vbo-modal-overlay-block .vbo-modal-overlay-content { | |
| 17215 | + position: fixed; | |
| 17216 | + left: 50%; | |
| 17217 | + top: 50%; | |
| 17218 | + transform: translate(-50%, -50%); | |
| 17219 | + width: 40%; | |
| 17220 | + height: 60%; | |
| 17221 | + z-index: 101; | |
| 17222 | + border-radius: 5px; | |
| 17223 | + background-color: var(--vbo-config-bg-color); | |
| 17224 | + box-shadow: 0px 0px 10px rgba(0,0,0, .5); | |
| 17225 | + /*overflow: auto;*/ | |
| 17226 | + overflow: hidden; | |
| 17227 | + transition: width 0.4s, height 0.4s; | |
| 17228 | + -webkit-font-smoothing: antialiased; | |
| 17229 | +} | |
| 17230 | +.vbo-modal-overlay-block .vik-contentbuilder-modal-content { | |
| 17231 | + width: 65%; | |
| 17232 | + height: 85%; | |
| 17233 | + border-radius: 16px; | |
| 17234 | +} | |
| 17235 | +.vbo-modal-overlay-block .vik-contentbuilder-modal-content.vik-contentbuilder-modal-fullscreen { | |
| 17236 | + width: 100%; | |
| 17237 | + height: 100%; | |
| 17238 | +} | |
| 17239 | +.vbo-modal-overlay-block .vbo-modal-center-content { | |
| 17240 | + text-align: center; | |
| 17241 | +} | |
| 17242 | +.vbo-modal-overlay-block .vbo-modal-center-content .vbo-modal-overlay-content-head { | |
| 17243 | + font-size: 16px; | |
| 17244 | + text-align: left; | |
| 17245 | +} | |
| 17246 | +.vik-contentbuilder-textmode-sptags { | |
| 17247 | + float: none; | |
| 17248 | + display: flex; | |
| 17249 | + flex-wrap: wrap; | |
| 17250 | + gap: 4px; | |
| 17251 | +} | |
| 17252 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-nopadding .vbo-modal-overlay-content-body { | |
| 17253 | + padding: 5px 0px 10px; | |
| 17254 | +} | |
| 17255 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-nopadding .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) { | |
| 17256 | + padding-right: 15px; | |
| 17257 | +} | |
| 17258 | +.vbo-modal-overlay-block .vbo-info-overlay-content-large, .vbo-modal-overlay-content.vbo-modal-overlay-content-large { | |
| 17259 | + width: 65%; | |
| 17260 | + height: 85%; | |
| 17261 | +} | |
| 17262 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tall, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall { | |
| 17263 | + height: 80%; | |
| 17264 | +} | |
| 17265 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-taller, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-taller { | |
| 17266 | + height: 94%; | |
| 17267 | +} | |
| 17268 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-large, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-large { | |
| 17269 | + width: 65%; | |
| 17270 | + height: 85%; | |
| 17271 | +} | |
| 17272 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-dialog, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-dialog { | |
| 17273 | + height: 50%; | |
| 17274 | +} | |
| 17275 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tooltip, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tooltip { | |
| 17276 | + width: 400px; | |
| 17277 | + max-width: 70%; | |
| 17278 | + height: auto; | |
| 17279 | +} | |
| 17280 | +/* Modal windows that require a bottom padding */ | |
| 17281 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-footerpad { | |
| 17282 | + padding-bottom: 30px; | |
| 17283 | +} | |
| 17284 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tooltip { | |
| 17285 | + width: 400px; | |
| 17286 | + max-width: 70%; | |
| 17287 | + height: 180px; | |
| 17288 | +} | |
| 17289 | +/* | |
| 17290 | + * Modal Prompt: The modal is configured to accept only a few parameters. See an example on the "Save" > "Repeat" button in the Task Manager's Past Task view. | |
| 17291 | + */ | |
| 17292 | + .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-prompt { | |
| 17293 | + width: 400px; | |
| 17294 | + max-width: 70%; | |
| 17295 | + height: 200px; | |
| 17296 | + | |
| 17297 | + .vbo-modal-overlay-content-body-scroll { | |
| 17298 | + padding: 20px; | |
| 17299 | + height: calc(100% - 120px); | |
| 17300 | + } | |
| 17301 | +} | |
| 17302 | +/* | |
| 17303 | + * Modal Choice | |
| 17304 | + */ | |
| 17305 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-choice { | |
| 17306 | + width: 400px; | |
| 17307 | + max-width: 70%; | |
| 17308 | + height: 300px; | |
| 17309 | + display: flex; | |
| 17310 | + flex-direction: column; | |
| 17311 | + justify-content: center; | |
| 17312 | + | |
| 17313 | + .vbo-modal-overlay-content-head { | |
| 17314 | + display: flex; | |
| 17315 | + justify-content: center; | |
| 17316 | + padding: 0 20px; | |
| 17317 | + background-color: transparent; | |
| 17318 | + | |
| 17319 | + .vbo-modal-overlay-content-head-title { | |
| 17320 | + font-size: 18px; | |
| 17321 | + font-weight: 600; | |
| 17322 | + } | |
| 17323 | + | |
| 17324 | + .vbo-modal-overlay-cmds { | |
| 17325 | + position: absolute; | |
| 17326 | + top: 10px; | |
| 17327 | + right: 10px; | |
| 17328 | + padding: 1px; | |
| 17329 | + | |
| 17330 | + .vbo-modal-overlay-cmd { | |
| 17331 | + font-size: 16px; | |
| 17332 | + color: var(--vbo-config-titles-color-light); | |
| 17333 | + padding: 0; | |
| 17334 | + display: inline-flex; | |
| 17335 | + align-items: center; | |
| 17336 | + justify-content: center; | |
| 17337 | + cursor: pointer; | |
| 17338 | + width: 20px; | |
| 17339 | + height: 20px; | |
| 17340 | + border-radius: 50%; | |
| 17341 | + float: none; | |
| 17342 | + margin-top: 0; | |
| 17343 | + | |
| 17344 | + &:hover { | |
| 17345 | + background: var(--vbo-basic-btn); | |
| 17346 | + } | |
| 17347 | + } | |
| 17348 | + } | |
| 17349 | + } | |
| 17350 | + | |
| 17351 | + .vbo-modal-overlay-content-body { | |
| 17352 | + font-size: 14px; | |
| 17353 | + color: var(--vbo-config-titles-color-light); | |
| 17354 | + text-align: center; | |
| 17355 | + padding: 4px 20px 24px; | |
| 17356 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 17357 | + height: auto; | |
| 17358 | + } | |
| 17359 | +} | |
| 17360 | + | |
| 17361 | +/* Modal Footer Stacked: The modal is configured to display the actions buttons similar to the common "login" choice in the web. See an example on the "Send" button in the Quote List widget. */ | |
| 17362 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-footer-stacked { | |
| 17363 | + .vbo-modal-overlay-content-footer { | |
| 17364 | + padding: 0 24px 0; | |
| 17365 | + background-color: transparent; | |
| 17366 | + border-top: 0; | |
| 17367 | + position: initial; | |
| 17368 | + width: initial; | |
| 17369 | + | |
| 17370 | + .vbo-modal-overlay-content-footer-center { | |
| 17371 | + & > div { | |
| 17372 | + display: flex; | |
| 17373 | + align-items: center; | |
| 17374 | + flex-direction: column; | |
| 17375 | + gap: 10px; | |
| 17376 | + | |
| 17377 | + .btn { | |
| 17378 | + width: 100%; | |
| 17379 | + background: transparent; | |
| 17380 | + display: inline-flex; | |
| 17381 | + align-items: center; | |
| 17382 | + gap: 12px; | |
| 17383 | + font-size: 16px; | |
| 17384 | + font-weight: 600; | |
| 17385 | + padding: 16px; | |
| 17386 | + border-radius: 12px; | |
| 17387 | + | |
| 17388 | + &:hover { | |
| 17389 | + border-color: var(--vbo-base-color); | |
| 17390 | + } | |
| 17391 | + | |
| 17392 | + i { | |
| 17393 | + width: 40px; | |
| 17394 | + height: 40px; | |
| 17395 | + display: inline-flex; | |
| 17396 | + align-items: center; | |
| 17397 | + justify-content: center; | |
| 17398 | + border-radius: 8px; | |
| 17399 | + font-size: 18px; | |
| 17400 | + | |
| 17401 | + &.vbo-grey-icon-btn { | |
| 17402 | + background: var(--vbo-basic-btn); | |
| 17403 | + color: var(--vbo-body-text-color); | |
| 17404 | + } | |
| 17405 | + | |
| 17406 | + &.vbo-green-icon-btn { | |
| 17407 | + background: var(--vbo-tag-green-bg); | |
| 17408 | + color: var(--vbo-green-color); | |
| 17409 | + } | |
| 17410 | + } | |
| 17411 | + } | |
| 17412 | + } | |
| 17413 | + } | |
| 17414 | + } | |
| 17415 | +} | |
| 17416 | + | |
| 17417 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-fullscreen { | |
| 17418 | + width: 98%; | |
| 17419 | + height: 96%; | |
| 17420 | +} | |
| 17421 | +.vbo-modal-tooltip .vbo-modal-overlay-content-body { | |
| 17422 | + padding: 20px; | |
| 17423 | +} | |
| 17424 | +.vbo-modal-overlay-content-body .CodeMirror { | |
| 17425 | + height: 65vh; | |
| 17426 | +} | |
| 17427 | +.CodeMirror-wrap pre { | |
| 17428 | + word-break: break-word !important; | |
| 17429 | +} | |
| 17430 | +.vbo-path-tmpl-file.no-margin-top { | |
| 17431 | + margin-top: 0; | |
| 17432 | +} | |
| 17433 | +.vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-rounded { | |
| 17434 | + border-radius: 20px; | |
| 17435 | +} | |
| 17436 | +.vbo-modal-overlay-content-backdrop { | |
| 17437 | + position: absolute; | |
| 17438 | + height: 100%; | |
| 17439 | + width: 100%; | |
| 17440 | + background: rgba(0, 0, 0, .4); | |
| 17441 | + z-index: 100; | |
| 17442 | +} | |
| 17443 | +.vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-backdrop { | |
| 17444 | + left: -20px; | |
| 17445 | + width: calc(100% + 40px); | |
| 17446 | +} | |
| 17447 | +.vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body { | |
| 17448 | + position: absolute; | |
| 17449 | + top: 50%; | |
| 17450 | + left: 50%; | |
| 17451 | + transform: translate(-50%, -50%); | |
| 17452 | + text-align: center; | |
| 17453 | +} | |
| 17454 | +.vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i { | |
| 17455 | + font-size: 40px; | |
| 17456 | + color: var(--vbo-contrast-text-color); | |
| 17457 | + text-shadow: 1px 0px 8px rgba(0, 0, 0, .1); | |
| 17458 | +} | |
| 17459 | +.vbo-modal-overlay-content-backdrop-body .vbo-modal-overlay-content-backdrop-text { | |
| 17460 | + margin-top: 10px; | |
| 17461 | + font-weight: bold; | |
| 17462 | + color: var(--vbo-contrast-text-color); | |
| 17463 | + font-size: 16px; | |
| 17464 | +} | |
| 17465 | +.vbo-modal-overlay-content-ratesoverv-newratesrestr .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i { | |
| 17466 | + font-size: 100px; | |
| 17467 | +} | |
| 17468 | +.vbo-modal-overlay-content-head:not(.vbo-modal-head-no-title) { | |
| 17469 | + padding: 20px; | |
| 17470 | + background: var(--vbo-config-child-bg-color); | |
| 17471 | +} | |
| 17472 | +.vbo-modal-overlay-content-head h3 > i { | |
| 17473 | + margin-right: 5px; | |
| 17474 | + color: var(--vbo-config-titles-color-light); | |
| 17475 | +} | |
| 17476 | +.vbo-modal-overlay-close-times, .vbo-modal-overlay-cmds > span { | |
| 17477 | + float: right; | |
| 17478 | + font-size: 20px; | |
| 17479 | + cursor: pointer; | |
| 17480 | + color: var(--vbo-config-title-color); | |
| 17481 | + padding: 10px; | |
| 17482 | + cursor: pointer; | |
| 17483 | + margin-top: -10px; | |
| 17484 | + display: inline-block; | |
| 17485 | +} | |
| 17486 | +.vbo-modal-overlay-close-times:hover, .vbo-modal-overlay-cmds > span:hover { | |
| 17487 | + color: #619dca; | |
| 17488 | +} | |
| 17489 | +.vbo-modal-overlay-content-head.vbo-modal-head-no-title .vbo-modal-overlay-close-times { | |
| 17490 | + margin-top: 5px; | |
| 17491 | + margin-right: 10px; | |
| 17492 | +} | |
| 17493 | +.vik-contentbuilder-modal-content .vbo-modal-overlay-content-head { | |
| 17494 | + background: var(--vbo-config-bg-color); | |
| 17495 | + padding: 0; | |
| 17496 | +} | |
| 17497 | +.vik-contentbuilder-modal-content .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times { | |
| 17498 | + position: absolute; | |
| 17499 | + right: 10px; | |
| 17500 | + top: 7px; | |
| 17501 | + margin: 0; | |
| 17502 | + padding: 0; | |
| 17503 | +} | |
| 17504 | +.vbo-modal-overlay-content-body { | |
| 17505 | + padding: 20px 20px 10px; | |
| 17506 | +} | |
| 17507 | +.vbo-modal-widget .vbo-modal-overlay-content-body { | |
| 17508 | + padding-top: 0; | |
| 17509 | +} | |
| 17510 | +.vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-body { | |
| 17511 | + padding: 0 5px; | |
| 17512 | +} | |
| 17513 | +.vik-contentbuilder-modal-content .vbo-modal-overlay-content-body { | |
| 17514 | + padding: 35px 35px 10px; | |
| 17515 | +} | |
| 17516 | +.vbo-modal-overlay-content-footer { | |
| 17517 | + margin-top: 15px; | |
| 17518 | + text-align: right; | |
| 17519 | + position: absolute; | |
| 17520 | + width: calc(100% - 40px); | |
| 17521 | + right: 0; | |
| 17522 | + bottom: 0; | |
| 17523 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 17524 | + background: var(--vbo-config-child-bg-color); | |
| 17525 | + padding: 10px 20px; | |
| 17526 | + box-sizing: content-box; | |
| 17527 | +} | |
| 17528 | +.vbo-modal-overlay-content-footer .vbo-modal-overlay-content-footer-left { | |
| 17529 | + float: left; | |
| 17530 | +} | |
| 17531 | +.vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-head { | |
| 17532 | + font-size: 16px; | |
| 17533 | +} | |
| 17534 | +.vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll { | |
| 17535 | + text-align: center; | |
| 17536 | + padding: 10px 20px 10px; | |
| 17537 | + height: calc(100% - 78.2px); | |
| 17538 | + position: relative; | |
| 17539 | +} | |
| 17540 | +.vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap { | |
| 17541 | + top: 50%; | |
| 17542 | + left: 50%; | |
| 17543 | + transform: translate(-50%, -50%); | |
| 17544 | + position: absolute; | |
| 17545 | +} | |
| 17546 | +.vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap img { | |
| 17547 | + border-radius: 6px; | |
| 17548 | + box-shadow: 0 0 10px rgba(0,0,0,.4); | |
| 17549 | + max-width: 80%; | |
| 17550 | +} | |
| 17551 | +.vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll { | |
| 17552 | + height: calc(100% - 100px); | |
| 17553 | +} | |
| 17554 | + | |
| 17555 | +.vbo-modal-overlay-content { | |
| 17556 | + -webkit-animation-name: VikCenterScale; | |
| 17557 | + animation-name: VikCenterScale; | |
| 17558 | + | |
| 17559 | + -webkit-animation-duration: .5s; | |
| 17560 | + animation-duration: .5s; | |
| 17561 | + -webkit-animation-fill-mode: both; | |
| 17562 | + animation-fill-mode: both; | |
| 17563 | +} | |
| 17564 | + | |
| 17565 | +.vbo-modal-overlay-content.vbo-restoring { | |
| 17566 | + -webkit-animation-name: VikfadeInUp; | |
| 17567 | + animation-name: VikfadeInUp; | |
| 17568 | + | |
| 17569 | + -webkit-animation-duration: .5s; | |
| 17570 | + animation-duration: .5s; | |
| 17571 | + -webkit-animation-fill-mode: both; | |
| 17572 | + animation-fill-mode: both; | |
| 17573 | +} | |
| 17574 | + | |
| 17575 | +.vbo-modal-overlay-content.vbo-minimizing { | |
| 17576 | + -webkit-animation-name: VikfadeOutDown; | |
| 17577 | + animation-name: VikfadeOutDown; | |
| 17578 | + | |
| 17579 | + -webkit-animation-duration: .5s; | |
| 17580 | + animation-duration: .5s; | |
| 17581 | + -webkit-animation-fill-mode: both; | |
| 17582 | + animation-fill-mode: both; | |
| 17583 | +} | |
| 17584 | + | |
| 17585 | +@keyframes VikCenterScale { | |
| 17586 | + from { | |
| 17587 | + opacity: 0; | |
| 17588 | + transform: translate(-50%, -50%) scale(.1); | |
| 17589 | + } | |
| 17590 | + | |
| 17591 | + to { | |
| 17592 | + opacity: 1; | |
| 17593 | + transform: translate(-50%, -50%) scale(1); | |
| 17594 | + } | |
| 17595 | +} | |
| 17596 | + | |
| 17597 | +@keyframes VikfadeInUp { | |
| 17598 | + from { | |
| 17599 | + opacity: 0; | |
| 17600 | + transform: translate(-50%, 20%) scale(.1); | |
| 17601 | + } | |
| 17602 | + | |
| 17603 | + to { | |
| 17604 | + opacity: 1; | |
| 17605 | + transform: translate(-50%, -50%) scale(1); | |
| 17606 | + } | |
| 17607 | +} | |
| 17608 | + | |
| 17609 | +@keyframes VikfadeOutDown { | |
| 17610 | + from { | |
| 17611 | + opacity: 1; | |
| 17612 | + transform: translate(-50%, -50%) scale(1); | |
| 17613 | + } | |
| 17614 | + | |
| 17615 | + to { | |
| 17616 | + opacity: 0.3; | |
| 17617 | + transform: translate(-50%, 20%) scale(.1); | |
| 17618 | + } | |
| 17619 | +} | |
| 17620 | + | |
| 17621 | +.vbo-optionals-dmgdepbcom-trigger { | |
| 17622 | + white-space: nowrap; | |
| 17623 | +} | |
| 17624 | + | |
| 17625 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-results { | |
| 17626 | + margin-top: 15px; | |
| 17627 | +} | |
| 17628 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service { | |
| 17629 | + padding: 10px; | |
| 17630 | + display: flex; | |
| 17631 | + flex-wrap: wrap; | |
| 17632 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 17633 | +} | |
| 17634 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-name { | |
| 17635 | + flex: 1; | |
| 17636 | + font-weight: bold; | |
| 17637 | + font-size: 1.1em; | |
| 17638 | + align-self: center; | |
| 17639 | +} | |
| 17640 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-cost { | |
| 17641 | + margin: 0 15px; | |
| 17642 | + align-self: center; | |
| 17643 | + font-weight: bold; | |
| 17644 | +} | |
| 17645 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add { | |
| 17646 | + margin-left: auto; | |
| 17647 | +} | |
| 17648 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn { | |
| 17649 | + padding: 3px 6px; | |
| 17650 | +} | |
| 17651 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn i { | |
| 17652 | + margin-right: 0; | |
| 17653 | +} | |
| 17654 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn { | |
| 17655 | + padding: 3px 6px; | |
| 17656 | +} | |
| 17657 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn i { | |
| 17658 | + margin-right: 0; | |
| 17659 | +} | |
| 17660 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result { | |
| 17661 | + border: 1px solid var(--vbo-config-border-color); | |
| 17662 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 17663 | + border-radius: 10px; | |
| 17664 | + margin-bottom: 10px; | |
| 17665 | +} | |
| 17666 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result:hover { | |
| 17667 | + border-color: var(--vbo-base-color); | |
| 17668 | +} | |
| 17669 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking { | |
| 17670 | + display: grid; | |
| 17671 | + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); | |
| 17672 | + column-gap: 20px; | |
| 17673 | + row-gap: 5px; | |
| 17674 | + padding: 10px; | |
| 17675 | +} | |
| 17676 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking-lbl { | |
| 17677 | + display: block; | |
| 17678 | + font-weight: 500; | |
| 17679 | +} | |
| 17680 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append { | |
| 17681 | + width: 100%; | |
| 17682 | + display: flex; | |
| 17683 | + border-radius: 6px; | |
| 17684 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 17685 | +} | |
| 17686 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input { | |
| 17687 | + flex: 1; | |
| 17688 | + border-color: var(--vbo-config-border-color); | |
| 17689 | + border-top-left-radius: 6px; | |
| 17690 | + border-bottom-left-radius: 6px; | |
| 17691 | +} | |
| 17692 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input:focus { | |
| 17693 | + box-shadow: none; | |
| 17694 | +} | |
| 17695 | +.vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append .btn { | |
| 17696 | + border-top-right-radius: 6px; | |
| 17697 | + border-bottom-right-radius: 6px; | |
| 17698 | +} | |
| 17699 | +.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem { | |
| 17700 | + margin: 0px 0 15px; | |
| 17701 | +} | |
| 17702 | +.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem:last-child { | |
| 17703 | + margin-bottom: 0; | |
| 17704 | +} | |
| 17705 | +.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label { | |
| 17706 | + font-weight: 500; | |
| 17707 | + display: block; | |
| 17708 | + margin-bottom: 4px; | |
| 17709 | +} | |
| 17710 | +.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input, | |
| 17711 | +.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select, | |
| 17712 | +.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea { | |
| 17713 | + min-width: 50%; | |
| 17714 | +} | |
| 17715 | +.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] { | |
| 17716 | + border: 1px solid #ddd; | |
| 17717 | + border-radius: 2px; | |
| 17718 | + padding: 8px 10px; | |
| 17719 | + margin-bottom: 0; | |
| 17720 | + box-sizing: border-box; | |
| 17721 | + height: auto; | |
| 17722 | +} | |
| 17723 | +.vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select { | |
| 17724 | + margin-bottom: 0; | |
| 17725 | + border-radius: 2px; | |
| 17726 | + border: 1px solid var(--vbo-config-border-color); | |
| 17727 | + padding: 8px 10px; | |
| 17728 | + height: inherit; | |
| 17729 | +} | |
| 17730 | +.vbo-modal-overlay-content-body .vbo-modal-guestmisconduct-addnew-save, .vbo-modal-overlay-content-body .vbo-modal-bcomdmgdeposit-addnew-save { | |
| 17731 | + margin-top: 15px; | |
| 17732 | +} | |
| 17733 | + | |
| 17734 | +/* Access Door Widget + Modal Tab layout */ | |
| 17735 | +.vbo-widget-door-access-control-wrap .vbo-widget-door-access-control-tabs, .vbo-panel-tabs-tabs { | |
| 17736 | + padding: 0 10px; | |
| 17737 | + display: flex; | |
| 17738 | + gap: 10px; | |
| 17739 | + background-color: var(--vbo-config-child-bg-color); | |
| 17740 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 17741 | +} | |
| 17742 | +.vbo-modal-overlay-content:not(.vbo-modal-nopadding) .vbo-panel-tabs-tabs { | |
| 17743 | + border-radius: 6px; | |
| 17744 | +} | |
| 17745 | +.vbo-widget-door-access-control-wrap .vbo-widget-door-access-control-tabs .vbo-widget-door-access-control-tab, .vbo-panel-tabs-tab { | |
| 17746 | + padding: 12px 10px; | |
| 17747 | + border-bottom: 2px solid var(--vbo-config-child-bg-color); | |
| 17748 | + cursor: pointer; | |
| 17749 | + font-weight: 500; | |
| 17750 | +} | |
| 17751 | +.vbo-widget-door-access-control-wrap .vbo-widget-door-access-control-tabs .vbo-widget-door-access-control-tab:hover, .vbo-panel-tabs-tab:hover { | |
| 17752 | + border-color: var(--vbo-blue-color-hover); | |
| 17753 | +} | |
| 17754 | +.vbo-widget-door-access-control-wrap .vbo-widget-door-access-control-tabs .vbo-widget-door-access-control-tab.vbo-widget-tab-active, .vbo-panel-tabs-tab.active { | |
| 17755 | + border-color: var(--vbo-base-color); | |
| 17756 | + font-weight: bold; | |
| 17757 | + color: var(--vbo-base-color); | |
| 17758 | +} | |
| 17759 | +.vbo-panel-tabs-right { | |
| 17760 | + margin-left: auto; | |
| 17761 | + display: flex; | |
| 17762 | + align-self: center; | |
| 17763 | + gap: 5px; | |
| 17764 | +} | |
| 17765 | +.vbo-panel-tabs-right .vbo-panel-tabs-cmd span { | |
| 17766 | + border-radius: 20px; | |
| 17767 | + padding: 4px 10px; | |
| 17768 | + border: 1px solid var(--vbo-basic-btn); | |
| 17769 | + background: var(--vbo-body-bg-color); | |
| 17770 | + display: flex; | |
| 17771 | + gap: 6px; | |
| 17772 | + align-items: center; | |
| 17773 | + cursor: pointer; | |
| 17774 | +} | |
| 17775 | +.vbo-panel-tabs-right .vbo-panel-tabs-cmd span:hover { | |
| 17776 | + border-color: var(--vbo-base-color); | |
| 17777 | +} | |
| 17778 | +.vbo-panel-tabs-right .vbo-panel-tabs-cmd[data-newrate] span { | |
| 17779 | + background: var(--vbo-base-color); | |
| 17780 | + color: var(--vbo-contrast-text-color); | |
| 17781 | + border-color: var(--vbo-blue-color); | |
| 17782 | +} | |
| 17783 | +.vbo-panel-tabs-right .vbo-panel-tabs-cmd[data-newrate] span:hover { | |
| 17784 | + background: var(--vbo-body-bg-color); | |
| 17785 | + border-color: var(--vbo-blue-color); | |
| 17786 | + color: var(--vbo-body-text-color); | |
| 17787 | +} | |
| 17788 | +.vbo-modal-overlay-content:not(.vbo-modal-nopadding) .vbo-panel-tabs-panels { | |
| 17789 | + margin-top: 10px; | |
| 17790 | +} | |
| 17791 | +.vbo-widget-door-access-control-wrap .vbo-widget-door-access-control-panel { | |
| 17792 | + padding: 20px; | |
| 17793 | + background: var(--vbo-white-blue-bg); | |
| 17794 | +} | |
| 17795 | +.vbo-dac-integration-body .vbo-dac-devices-info .vbo-params-block, .vbo-widget-door-access-control-panels .vbo-params-block { | |
| 17796 | + background: var(--vbo-config-bg-color); | |
| 17797 | +} | |
| 17798 | +.vbo-dac-integration-body .vbo-dac-devices-info .vbo-param-setting { | |
| 17799 | + display: flex; | |
| 17800 | + align-items: center; | |
| 17801 | + justify-content: space-between; | |
| 17802 | +} | |
| 17803 | +.vbo-dac-integration-head { | |
| 17804 | + display: flex; | |
| 17805 | + align-items: center; | |
| 17806 | + gap: 6px; | |
| 17807 | + font-weight: bold; | |
| 17808 | + font-size: 16px; | |
| 17809 | + margin-bottom: 10px; | |
| 17810 | +} | |
| 17811 | +.vbo-dac-integration-head .vbo-dac-integration-icon img { | |
| 17812 | + width: 32px; | |
| 17813 | + height: 32px; | |
| 17814 | + border-radius: 50%; | |
| 17815 | + object-fit: cover; | |
| 17816 | +} | |
| 17817 | +.vbo-dac-devices-wrap .vbo-dac-device-wrap { | |
| 17818 | + background: var(--vbo-config-bg-color); | |
| 17819 | + border: 1px solid var(--vbo-config-border-color); | |
| 17820 | + border-radius: 8px; | |
| 17821 | + padding: 20px; | |
| 17822 | + margin-bottom: 15px; | |
| 17823 | +} | |
| 17824 | +.vbo-dac-devices-wrap .vbo-dac-device-head { | |
| 17825 | + display: flex; | |
| 17826 | + align-items: center; | |
| 17827 | + justify-content: space-between; | |
| 17828 | + margin-bottom: 10px; | |
| 17829 | +} | |
| 17830 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-info .vbo-dac-device-data { | |
| 17831 | + margin: 0; | |
| 17832 | + display: flex; | |
| 17833 | + align-items: center; | |
| 17834 | + gap: 8px; | |
| 17835 | +} | |
| 17836 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-info .vbo-dac-device-name { | |
| 17837 | + font-weight: bold; | |
| 17838 | + font-size: 18px; | |
| 17839 | + margin-bottom: 4px; | |
| 17840 | +} | |
| 17841 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-subinfo span { | |
| 17842 | + font-size: 13px; | |
| 17843 | + color: var(--vbo-config-titles-color-light); | |
| 17844 | + position: relative; | |
| 17845 | + margin-right: 14px; | |
| 17846 | +} | |
| 17847 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-subinfo span:last-child { | |
| 17848 | + margin-right: 0; | |
| 17849 | +} | |
| 17850 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-subinfo span:not(:last-child):after { | |
| 17851 | + content: ''; | |
| 17852 | + width: 4px; | |
| 17853 | + height: 4px; | |
| 17854 | + background-color: var(--vbo-config-titles-color-light); | |
| 17855 | + border-radius: 50%; | |
| 17856 | + display: inline-block; | |
| 17857 | + position: absolute; | |
| 17858 | + top: 50%; | |
| 17859 | + transform: translateY(-50%); | |
| 17860 | + right: -10px; | |
| 17861 | +} | |
| 17862 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-subinfo .vbo-dac-device-id { | |
| 17863 | + font-weight: 500; | |
| 17864 | + color: var(--vbo-base-color); | |
| 17865 | +} | |
| 17866 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-icn i { | |
| 17867 | + background-color: var(--vbo-light-blue); | |
| 17868 | + color: var(--vbo-base-color); | |
| 17869 | + height: 32px; | |
| 17870 | + width: 32px; | |
| 17871 | + line-height: 32px; | |
| 17872 | + text-align: center; | |
| 17873 | + border-radius: 50%; | |
| 17874 | + font-size: 18px; | |
| 17875 | +} | |
| 17876 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-icn img { | |
| 17877 | + width: 32px; | |
| 17878 | + height: 32px; | |
| 17879 | + border-radius: 50%; | |
| 17880 | + object-fit: cover; | |
| 17881 | +} | |
| 17882 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-battery i { | |
| 17883 | + margin-right: 4px; | |
| 17884 | + opacity: 0.9; | |
| 17885 | +} | |
| 17886 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-battery *:not(i) { | |
| 17887 | + font-weight: 500; | |
| 17888 | +} | |
| 17889 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-battery .vbo-dac-level-success i { | |
| 17890 | + color: var(--vbo-green-color); | |
| 17891 | +} | |
| 17892 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-battery .vbo-dac-level-warning i { | |
| 17893 | + color: var(--vbo-warning-txt) | |
| 17894 | +} | |
| 17895 | +.vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-battery .vbo-dac-level-error i { | |
| 17896 | + color: var(--vbo-red-color); | |
| 17897 | +} | |
| 17898 | +.vbo-dac-devices-wrap .vbo-dac-device-content { | |
| 17899 | + margin-top: 15px; | |
| 17900 | + display: flex; | |
| 17901 | + justify-content: space-between; | |
| 17902 | +} | |
| 17903 | +.vbo-dac-devices-wrap .vbo-dac-device-listings .vbo-dac-device-listings-count { | |
| 17904 | + font-weight: bold; | |
| 17905 | + font-size: 14px; | |
| 17906 | + opacity: .8; | |
| 17907 | +} | |
| 17908 | +.vbo-dac-devices-wrap .vbo-dac-device-listings .vbo-dac-device-listings-list { | |
| 17909 | + display: flex; | |
| 17910 | + flex-wrap: wrap; | |
| 17911 | + gap: 6px; | |
| 17912 | + margin-top: 10px; | |
| 17913 | +} | |
| 17914 | +.vbo-dac-devices-wrap .vbo-dac-device-listings .vbo-widget-dac-device-cn-listing { | |
| 17915 | + display: flex; | |
| 17916 | + align-items: center; | |
| 17917 | + gap: 6px; | |
| 17918 | + background-color: var(--vbo-tag-blue-bg); | |
| 17919 | + border: 2px solid var(--vbo-tag-blue-bg); | |
| 17920 | + color: var(--vbo-tag-blue-txt); | |
| 17921 | + border-radius: 30px; | |
| 17922 | + padding: 6px 14px; | |
| 17923 | + font-size: 13px; | |
| 17924 | + cursor: pointer; | |
| 17925 | +} | |
| 17926 | +.vbo-dac-devices-wrap .vbo-dac-device-listings .vbo-widget-dac-device-cn-listing:hover { | |
| 17927 | + background: transparent; | |
| 17928 | +} | |
| 17929 | +.vbo-dac-devices-wrap .vbo-widget-dac-device-add-listing { | |
| 17930 | + padding: 7px 12px; | |
| 17931 | + font-weight: 500; | |
| 17932 | +} | |
| 17933 | +.vbo-dac-device-capabilities { | |
| 17934 | + margin-top: 10px; | |
| 17935 | + background: var(--vbo-input-style); | |
| 17936 | + border: 1px solid var(--vbo-input-style-nested-deactive); | |
| 17937 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 17938 | + padding: 20px; | |
| 17939 | + border-radius: 8px; | |
| 17940 | + position: relative; | |
| 17941 | + overflow: hidden; | |
| 17942 | +} | |
| 17943 | +.vbo-dac-device-capability-sections { | |
| 17944 | + display: flex; | |
| 17945 | + gap: 20px; | |
| 17946 | + transition: transform 0.6s ease-in-out; | |
| 17947 | + width: 200%; | |
| 17948 | +} | |
| 17949 | +.vbo-dac-device-capability-sections.vbo-dac-cap-section-active-result { | |
| 17950 | + transform: translateX(calc(-50% - 20px)); | |
| 17951 | +} | |
| 17952 | +.vbo-dac-device-capability-sections > div { | |
| 17953 | + flex: 1 0 50%; | |
| 17954 | + box-sizing: border-box; | |
| 17955 | + min-width: 0px; | |
| 17956 | +} | |
| 17957 | +.vbo-dac-capabilities-list { | |
| 17958 | + display: grid; | |
| 17959 | + grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| 17960 | + gap: 10px; | |
| 17961 | + justify-content: center; | |
| 17962 | +} | |
| 17963 | +.vbo-admin-widgets-container-small .vbo-dac-capabilities-list { | |
| 17964 | + grid-template-columns: repeat(1, minmax(0, 1fr)); | |
| 17965 | +} | |
| 17966 | +.vbo-dac-device-capabilities .vbo-dac-device-capability { | |
| 17967 | + border: 1px solid var(--vbo-config-border-color); | |
| 17968 | + text-align: center; | |
| 17969 | + padding: 20px; | |
| 17970 | + border-radius: 8px; | |
| 17971 | + display: flex; | |
| 17972 | + flex-wrap: wrap; | |
| 17973 | + flex-direction: column; | |
| 17974 | +} | |
| 17975 | +.vbo-dac-device-capabilities .vbo-dac-device-capability-head { | |
| 17976 | + display: flex; | |
| 17977 | + gap: 10px; | |
| 17978 | +} | |
| 17979 | +.vbo-dac-device-capabilities .vbo-dac-device-capability-head i { | |
| 17980 | + background-color: var(--vbo-grey-blue-bg); | |
| 17981 | + color: var(--vbo-info-txt); | |
| 17982 | + height: 42px; | |
| 17983 | + width: 42px; | |
| 17984 | + line-height: 42px; | |
| 17985 | + text-align: center; | |
| 17986 | + border-radius: 8px; | |
| 17987 | + font-size: 18px; | |
| 17988 | +} | |
| 17989 | +.vbo-dac-device-capabilities .vbo-dac-device-capability-info { | |
| 17990 | + text-align: left; | |
| 17991 | +} | |
| 17992 | +.vbo-dac-device-capabilities .vbo-dac-device-capability-info .vbo-dac-device-capability-name { | |
| 17993 | + font-weight: bold; | |
| 17994 | + margin-bottom: 6px; | |
| 17995 | + font-size: 16px; | |
| 17996 | +} | |
| 17997 | +.vbo-dac-device-capabilities .vbo-dac-device-capability-info .vbo-dac-device-capability-descr { | |
| 17998 | + font-weight: 500; | |
| 17999 | + opacity: .8; | |
| 18000 | +} | |
| 18001 | +.vbo-dac-device-capabilities .vbo-dac-device-capability-action .btn { | |
| 18002 | + width: 100%; | |
| 18003 | + margin-top: 20px; | |
| 18004 | + font-weight: 600; | |
| 18005 | + opacity: .8; | |
| 18006 | + display: flex; | |
| 18007 | + justify-content: center; | |
| 18008 | + gap: 5px; | |
| 18009 | + align-items: center; | |
| 18010 | +} | |
| 18011 | +.vbo-dac-device-capabilities .vbo-dac-device-capability-action .btn:hover { | |
| 18012 | + opacity: 1; | |
| 18013 | +} | |
| 18014 | +.vbo-dac-device-capabilities .vbo-dac-device-capability-action button[data-callback] { | |
| 18015 | + background-color: var(--vbo-blue-color); | |
| 18016 | + border-color: var(--vbo-blue-color); | |
| 18017 | + color: var(--vbo-contrast-text-color); | |
| 18018 | +} | |
| 18019 | +.vbo-dac-device-capabilities .vbo-dac-device-capability-action button[data-callback*="delete"] { | |
| 18020 | + background-color: var(--vbo-error-border); | |
| 18021 | + border-color: var(--vbo-error-border); | |
| 18022 | + color: var(--vbo-contrast-text-color); | |
| 18023 | +} | |
| 18024 | +.vbo-dac-device-capabilities .vbo-dac-device-capability-action button[data-callback*="create"] { | |
| 18025 | + background-color: var(--vbo-green-color); | |
| 18026 | + border-color: var(--vbo-green-color); | |
| 18027 | + color: var(--vbo-contrast-text-color); | |
| 18028 | +} | |
| 18029 | +.vbo-dac-capability-result-head .vbo-dac-capability-result-back { | |
| 18030 | + padding: 8px 10px; | |
| 18031 | + display: inline-flex; | |
| 18032 | + align-items: center; | |
| 18033 | + gap: 10px; | |
| 18034 | + border-radius: var(--vbo-field-radius); | |
| 18035 | + font-weight: bold; | |
| 18036 | + margin-right: 8px; | |
| 18037 | + cursor: pointer; | |
| 18038 | +} | |
| 18039 | +.vbo-dac-capability-result-head .vbo-dac-capability-result-back:hover { | |
| 18040 | + background: var(--vbo-light-blue); | |
| 18041 | +} | |
| 18042 | +.vbo-dac-capability-result-head .vbo-dac-capability-result-name { | |
| 18043 | + font-size: 18px; | |
| 18044 | + font-weight: bold; | |
| 18045 | +} | |
| 18046 | +.vbo-dac-table-wrap { | |
| 18047 | + margin-top: 15px; | |
| 18048 | + border: 1px solid var(--vbo-config-border-color); | |
| 18049 | + border-radius: 8px; | |
| 18050 | + overflow-y: hidden; | |
| 18051 | + overflow-x: auto; | |
| 18052 | + min-height: 0.01%; | |
| 18053 | +} | |
| 18054 | +.vbo-dac-table { | |
| 18055 | + width: 100%; | |
| 18056 | + border-collapse: collapse; | |
| 18057 | +} | |
| 18058 | +.vbo-dac-table tr td { | |
| 18059 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 18060 | + padding: 10px 12px; | |
| 18061 | + line-height: 18px; | |
| 18062 | + text-align: left; | |
| 18063 | +} | |
| 18064 | +.vbo-dac-table thead { | |
| 18065 | + font-weight: bold; | |
| 18066 | +} | |
| 18067 | +.vbo-dac-table thead td { | |
| 18068 | + border-top: 0; | |
| 18069 | + background-color: var(--vbo-grey-blue-bg); | |
| 18070 | +} | |
| 18071 | +.vbo-dac-table .vbo-dac-table-passcode-name { | |
| 18072 | + font-weight: 600; | |
| 18073 | +} | |
| 18074 | +.vbo-dac-table .vbo-dac-table-passcode-code { | |
| 18075 | + display: inline-block; | |
| 18076 | + background: var(--vbo-select2-bg); | |
| 18077 | + color: var(--vbo-select2-txt); | |
| 18078 | + padding: 3px 10px; | |
| 18079 | + border-radius: 20px; | |
| 18080 | + font-weight: 500; | |
| 18081 | +} | |
| 18082 | + | |
| 18083 | +/* Admin Dock */ | |
| 18084 | +.vbo-admin-dock-wrapper { | |
| 18085 | + position: fixed; | |
| 18086 | + bottom: 8px; | |
| 18087 | + left: 50%; | |
| 18088 | + transform: translate(-50%, 0); | |
| 18089 | + text-align: center; | |
| 18090 | + background: #00142dc4; | |
| 18091 | + display: flex; | |
| 18092 | + flex-wrap: wrap; | |
| 18093 | + align-items: center; | |
| 18094 | + justify-content: center; | |
| 18095 | + padding: 6px; | |
| 18096 | + border-radius: 40px; | |
| 18097 | + gap: 6px; | |
| 18098 | + z-index: 1; | |
| 18099 | +} | |
| 18100 | +.vbo-admin-dock-element { | |
| 18101 | + background-color: var(--vbo-config-bg-color); | |
| 18102 | + color: var(--vbo-body-text-color); | |
| 18103 | + border-radius: 36px; | |
| 18104 | + padding: 4px 6px 4px 4px; | |
| 18105 | + position: relative; | |
| 18106 | + display: flex; | |
| 18107 | + align-items: center; | |
| 18108 | +} | |
| 18109 | +.vbo-admin-dock-element-cont { | |
| 18110 | + cursor: pointer; | |
| 18111 | + display: inline-block; | |
| 18112 | + white-space: nowrap; | |
| 18113 | +} | |
| 18114 | +.vbo-admin-dock-element-name { | |
| 18115 | + font-size: 12px; | |
| 18116 | + font-weight: 500; | |
| 18117 | + margin-right: 4px; | |
| 18118 | +} | |
| 18119 | +.vbo-admin-dock-element-icn { | |
| 18120 | + border-radius: 50%; | |
| 18121 | + object-fit: cover; | |
| 18122 | + margin-right: 4px; | |
| 18123 | + width: 24px; | |
| 18124 | + height: 24px; | |
| 18125 | + line-height: 24px; | |
| 18126 | + display: inline-block; | |
| 18127 | + color: var(--vbo-contrast-text-color); | |
| 18128 | +} | |
| 18129 | +.vbo-admin-dock-element-dismiss { | |
| 18130 | + cursor: pointer; | |
| 18131 | + color: var(--vbo-config-text-color-light); | |
| 18132 | + font-size: 12px; | |
| 18133 | + margin-left: 6px; | |
| 18134 | + display: inline-block; | |
| 18135 | +} | |
| 18136 | +.vbo-admin-dock-element-dismiss:hover { | |
| 18137 | + color: var(--vbo-error-border); | |
| 18138 | +} | |
| 18139 | +.vbo-admin-dock-element:not([data-badge-count=""]):after { | |
| 18140 | + font-weight: 500; | |
| 18141 | + content: attr(data-badge-count); | |
| 18142 | + background: var(--vbo-red-color); | |
| 18143 | + color: var(--vbo-contrast-text-color); | |
| 18144 | + height: 18px; | |
| 18145 | + border: 1px solid #00142d; | |
| 18146 | + text-align: center; | |
| 18147 | + position: absolute; | |
| 18148 | + top: -14px; | |
| 18149 | + left: 50%; | |
| 18150 | + transform: translate(-50%, 0); | |
| 18151 | + font-size: 11px; | |
| 18152 | + line-height: 18px; | |
| 18153 | + border-radius: 6px; | |
| 18154 | + padding: 0px 4px; | |
| 18155 | + z-index: 10; | |
| 18156 | +} | |
| 18157 | + | |
| 18158 | +/* Content Builder */ | |
| 18159 | +.ql-toolbar.ql-snow, .ql-container.ql-snow { | |
| 18160 | + border: 1px solid var(--vbo-config-border-color); | |
| 18161 | +} | |
| 18162 | +.ql-toolbar.ql-snow { | |
| 18163 | + display: flex; | |
| 18164 | + flex-wrap: wrap; | |
| 18165 | + row-gap: 5px; | |
| 18166 | +} | |
| 18167 | +.ql-toolbar.ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label { | |
| 18168 | + color: var(--vbo-config-titles-color-light); | |
| 18169 | +} | |
| 18170 | +.ql-toolbar .ql-stroke, .ql-toolbar.ql-snow .ql-stroke { | |
| 18171 | + stroke: var(--vbo-config-titles-color-light); | |
| 18172 | +} | |
| 18173 | +.ql-toolbar.ql-snow .ql-fill, .ql-toolbar.ql-snow .ql-stroke.ql-fill { | |
| 18174 | + fill: var(--vbo-config-titles-color-light); | |
| 18175 | +} | |
| 18176 | +.ql-toolbar .ql-formats > button { | |
| 18177 | + color: var(--vbo-config-titles-color-light); | |
| 18178 | +} | |
| 18179 | +.ql-toolbar.ql-snow .ql-picker-options .ql-picker-item { | |
| 18180 | + color: #444; | |
| 18181 | +} | |
| 18182 | +.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { | |
| 18183 | + border-color: var(--vbo-config-border-color); | |
| 18184 | +} | |
| 18185 | +.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { | |
| 18186 | + border: 0; | |
| 18187 | +} | |
| 18188 | +.ql-toolbar .ql-formats > .ql-genai { | |
| 18189 | + color: var(--vbo-ai-color); | |
| 18190 | + line-height: 18px; | |
| 18191 | +} | |
| 18192 | +.ql-snow .ql-picker-options { | |
| 18193 | + background-color: var(--vbo-config-bg-color) | |
| 18194 | +} | |
| 18195 | +.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { | |
| 18196 | + color: var(--vbo-base-color); | |
| 18197 | +} | |
| 18198 | +.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { | |
| 18199 | + stroke: var(--vbo-base-color); | |
| 18200 | +} | |
| 18201 | +.ql-editor { | |
| 18202 | + min-height: 200px; | |
| 18203 | + max-height: 75vh; | |
| 18204 | +} | |
| 18205 | +.ql-toolbar.ql-snow + .ql-container.ql-snow { | |
| 18206 | + background: #fbfbfb; | |
| 18207 | + border-radius: 6px; | |
| 18208 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 18209 | +} | |
| 18210 | +.ql-toolbar.ql-snow { | |
| 18211 | + border: 0; | |
| 18212 | + padding: 8px 0; | |
| 18213 | +} | |
| 18214 | +.ql-toolbar.ql-snow .ql-formats { | |
| 18215 | + background: var(--vbo-body-bg-color); | |
| 18216 | + border: 1px solid var(--vbo-config-border-color); | |
| 18217 | + padding: 5px; | |
| 18218 | + border-radius: 6px; | |
| 18219 | +} | |
| 18220 | +.ql-snow .ql-tooltip { | |
| 18221 | + background-color: var(--vbo-config-bg-color); | |
| 18222 | + border: 1px solid var(--vbo-config-border-color); | |
| 18223 | + box-shadow: 0px 3px 8px rgba(0,0,0,.2); | |
| 18224 | + padding: 30px 12px 10px; | |
| 18225 | + border-radius: 4px; | |
| 18226 | + color: inherit; | |
| 18227 | +} | |
| 18228 | +.ql-snow .ql-tooltip::before { | |
| 18229 | + position: absolute; | |
| 18230 | + top: 4px; | |
| 18231 | +} | |
| 18232 | +.ql-snow .ql-tooltip .ql-action { | |
| 18233 | + background-color: var(--vbo-base-color); | |
| 18234 | + border: 1px solid var(--vbo-base-color); | |
| 18235 | + color: #fff; | |
| 18236 | + display: inline-block; | |
| 18237 | + padding: 5px 10px; | |
| 18238 | +} | |
| 18239 | +.ql-snow .ql-tooltip .ql-action:after { | |
| 18240 | + margin-left: 0 !important; | |
| 18241 | +} | |
| 18242 | +.ql-snow .ql-tooltip .ql-action:hover { | |
| 18243 | + background-color: var(--vbo-base-color-hover); | |
| 18244 | + border: 1px solid var(--vbo-base-color-hover); | |
| 18245 | +} | |
| 18246 | +.ql-editor ul[data-checked] { | |
| 18247 | + line-height: 1.3em; | |
| 18248 | +} | |
| 18249 | +.ql-editor ul[data-checked] li:before { | |
| 18250 | + font-size: 22px; | |
| 18251 | +} | |
| 18252 | +.ql-snow .ql-editor ul[data-checked="true"] > li { | |
| 18253 | + text-decoration: line-through; | |
| 18254 | +} | |
| 18255 | +.ql-snow .ql-editor ul[data-checked="true"] > li:before { | |
| 18256 | + color: var(--vbo-base-color); | |
| 18257 | +} | |
| 18258 | +.vik-contentbuilder-editor-container .vbo-editor-hl-specialtag { | |
| 18259 | + background-color: rgba(59, 193, 255, 0.2); | |
| 18260 | +} | |
| 18261 | +.vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper { | |
| 18262 | + height: 20px; | |
| 18263 | +} | |
| 18264 | +.vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(odd) { | |
| 18265 | + border-style: solid; | |
| 18266 | + border-color: var(--vbo-config-text-color-light); | |
| 18267 | + border-width: 1px 0 0 0; | |
| 18268 | + border-radius: 16px 16px 0 0; | |
| 18269 | +} | |
| 18270 | +.vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(even) { | |
| 18271 | + border-style: solid; | |
| 18272 | + border-color: var(--vbo-config-text-color-light); | |
| 18273 | + border-width: 0 0 1px 0; | |
| 18274 | + border-radius: 0 0 16px 16px; | |
| 18275 | +} | |
| 18276 | +.vbo-visualeditor-transparent .ql-toolbar.ql-snow{ | |
| 18277 | + border: 0; | |
| 18278 | + padding: 8px 0; | |
| 18279 | +} | |
| 18280 | +.vbo-visualeditor-transparent .ql-toolbar.ql-snow + .ql-container.ql-snow { | |
| 18281 | + border: 1px solid #ccc; | |
| 18282 | +} | |
| 18283 | +.vik-contentbuilder-switcher { | |
| 18284 | + margin-bottom: 2px; | |
| 18285 | + display: flex; | |
| 18286 | + gap: 5px; | |
| 18287 | +} | |
| 18288 | +.vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn { | |
| 18289 | + background: var(--vbo-input-style-deactive); | |
| 18290 | + border-color: var(--vbo-config-border-color); | |
| 18291 | +} | |
| 18292 | +.vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:hover { | |
| 18293 | + border-color: var(--vbo-base-color-hover); | |
| 18294 | + background: var(--vbo-input-style-deactive); | |
| 18295 | +} | |
| 18296 | +.vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:active, .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:focus { | |
| 18297 | + background: var(--vbo-config-bg-color); | |
| 18298 | +} | |
| 18299 | +.vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active, .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active:hover, .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active:focus, .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active:active { | |
| 18300 | + background: var(--vbo-grey-blue-bg); | |
| 18301 | + border-color: var(--vbo-info-border); | |
| 18302 | +} | |
| 18303 | +/* Start - iOS-style toggle/switch button */ | |
| 18304 | +.vbo-iostoggle-wrap, .vik-iostoggle-wrap { | |
| 18305 | + margin: auto; | |
| 18306 | + padding: 20px 0; | |
| 18307 | + width: 55px; | |
| 18308 | + margin-top: 20px; | |
| 18309 | + border-radius: 5px; | |
| 18310 | + position: relative; | |
| 18311 | +} | |
| 18312 | +.vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem { | |
| 18313 | + opacity: 0; | |
| 18314 | + position: absolute; | |
| 18315 | +} | |
| 18316 | +.vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label { | |
| 18317 | + position: relative; | |
| 18318 | + display: inline-block; | |
| 18319 | + user-select: none; | |
| 18320 | + transition: .4s ease; | |
| 18321 | + height: 30px; | |
| 18322 | + width: 50px; | |
| 18323 | + border: 1px solid var(--vbo-config-bg-color); | |
| 18324 | + border-radius: 60px; | |
| 18325 | +} | |
| 18326 | +.vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before { | |
| 18327 | + content: ""; | |
| 18328 | + position: absolute; | |
| 18329 | + display: block; | |
| 18330 | + transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); | |
| 18331 | + height: 30px; | |
| 18332 | + width: 51px; | |
| 18333 | + top: 0; | |
| 18334 | + left: 0; | |
| 18335 | + border-radius: 30px; | |
| 18336 | + background: var(--vbo-config-border-color); | |
| 18337 | +} | |
| 18338 | +.vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after { | |
| 18339 | + content: ""; | |
| 18340 | + position: absolute; | |
| 18341 | + display: block; | |
| 18342 | + /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);*/ | |
| 18343 | + transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); | |
| 18344 | + background: var(--vbo-config-bg-color); | |
| 18345 | + height: 24px; | |
| 18346 | + width: 24px; | |
| 18347 | + top: 3px; | |
| 18348 | + left: 3px; | |
| 18349 | + border-radius: 60px; | |
| 18350 | +} | |
| 18351 | +.vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:before { | |
| 18352 | + background: var(--vbo-green-color); | |
| 18353 | + transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); | |
| 18354 | +} | |
| 18355 | +.vbo-iostoggle-wrap.blue input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.blue input.vik-iostoggle-elem:checked + label:before { | |
| 18356 | + background: var(--vbo-base-color); | |
| 18357 | +} | |
| 18358 | +.vbo-iostoggle-wrap.orange input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.orange input.vik-iostoggle-elem:checked + label:before { | |
| 18359 | + background: var(--vbo-orange-color); | |
| 18360 | +} | |
| 18361 | +.vbo-iostoggle-wrap.red input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.red input.vik-iostoggle-elem:checked + label:before { | |
| 18362 | + background: var(--vbo-red-color); | |
| 18363 | +} | |
| 18364 | +.vbo-iostoggle-wrap.gold input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.gold input.vik-iostoggle-elem:checked + label:before { | |
| 18365 | + background: var(--vbo-gold-color); | |
| 18366 | +} | |
| 18367 | +.vbo-iostoggle-wrap.purple input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.purple input.vik-iostoggle-elem:checked + label:before { | |
| 18368 | + background: var(--vbo-purple-color); | |
| 18369 | +} | |
| 18370 | +.vbo-iostoggle-wrap input[name="setclosed"].vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input[name="setclosed"].vik-iostoggle-elem:checked + label:before, .vbo-iostoggle-wrap input[name="closeroom"].vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input[name="closeroom"].vik-iostoggle-elem:checked + label:before { | |
| 18371 | + background: var(--vbo-red-color); | |
| 18372 | +} | |
| 18373 | +.vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:after { | |
| 18374 | + left: 24px; | |
| 18375 | +} | |
| 18376 | +.vbo-iostoggle-wrap input.vbo-iostoggle-elem + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label span:after { | |
| 18377 | + color: var(--vbo-config-titles-color-light); | |
| 18378 | + content: attr(data-off); | |
| 18379 | + top: 6px; | |
| 18380 | + left: 60px; | |
| 18381 | + width: 36px; | |
| 18382 | + position: absolute; | |
| 18383 | + height: 10px; | |
| 18384 | +} | |
| 18385 | +.vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label span:after { | |
| 18386 | + color: rgba(19,191,17,1); | |
| 18387 | + content: attr(data-on); | |
| 18388 | +} | |
| 18389 | + | |
| 18390 | +/* Style for two states */ | |
| 18391 | +.vbo-toggle-double-status .vik-iostoggle-wrap input.vik-iostoggle-elem:not(:checked) + label::before { | |
| 18392 | + background: var(--vbo-base-color-hover); | |
| 18393 | +} | |
| 18394 | + | |
| 18395 | +/* End - iOS-style toggle/switch button */ | |
| 18396 | + | |
| 18397 | +/* multi toogle/switch button - Start */ | |
| 18398 | +.vik-multiswitch-wrap { | |
| 18399 | + position: relative; | |
| 18400 | + display: inline-flex; | |
| 18401 | + justify-content: center; | |
| 18402 | + align-items: flex-start; | |
| 18403 | + border: 1px solid var(--vbo-config-border-color); | |
| 18404 | + border-radius: 16px; | |
| 18405 | + min-width: 150px; | |
| 18406 | + height: 50px; | |
| 18407 | +} | |
| 18408 | +.vik-multiswitch-radiobtn { | |
| 18409 | + display: flex; | |
| 18410 | + justify-content: center; | |
| 18411 | + align-items: center; | |
| 18412 | + height: 100%; | |
| 18413 | + flex: 1; | |
| 18414 | +} | |
| 18415 | +.vik-multiswitch-radiobtn input { | |
| 18416 | + display: none !important; | |
| 18417 | +} | |
| 18418 | +.vik-multiswitch-radiobtn .vik-multiswitch-trigger { | |
| 18419 | + width: 50px; | |
| 18420 | + height: 50px; | |
| 18421 | + border-radius: 50%; | |
| 18422 | + display: inline-block; | |
| 18423 | + transition: opacity 0.3s ease; | |
| 18424 | + opacity: 0.3; | |
| 18425 | + top: 0; | |
| 18426 | + cursor: pointer; | |
| 18427 | +} | |
| 18428 | +.vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger { | |
| 18429 | + position: absolute; | |
| 18430 | + left: 33%; | |
| 18431 | + transition: transform 1s; | |
| 18432 | + width: 50px; | |
| 18433 | + height: 50px; | |
| 18434 | + background: transparent; | |
| 18435 | +} | |
| 18436 | +.vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger { | |
| 18437 | + position: absolute; | |
| 18438 | + left: 0; | |
| 18439 | + text-align: center; | |
| 18440 | +} | |
| 18441 | +.vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger { | |
| 18442 | + width: 50px; | |
| 18443 | + height: 50px; | |
| 18444 | + -moz-animation-duration: 0.4s; | |
| 18445 | + -moz-animation-name: slideFirst; | |
| 18446 | + -webkit-animation-duration: 0.4s; | |
| 18447 | + -webkit-animation-name: slideFirst; | |
| 18448 | + animation-duration: 0.4s; | |
| 18449 | + animation-name: slideFirst; | |
| 18450 | + -webkit-transform: translateZ(0); | |
| 18451 | + background-color: var(--vbo-green-color); | |
| 18452 | +} | |
| 18453 | +.vik-multiswitch-radiobtn:hover .vik-multiswitch-trigger { | |
| 18454 | + border-radius: 15px; | |
| 18455 | + background: var(--vbo-basic-btn); | |
| 18456 | + opacity: 0.7; | |
| 18457 | +} | |
| 18458 | +.vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger { | |
| 18459 | + position: absolute; | |
| 18460 | + right: 0; | |
| 18461 | + text-align: center; | |
| 18462 | +} | |
| 18463 | +.vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger { | |
| 18464 | + -moz-animation-duration: 0.4s; | |
| 18465 | + -moz-animation-name: slideLast; | |
| 18466 | + -webkit-animation-duration: 0.4s; | |
| 18467 | + -webkit-animation-name: slideLast; | |
| 18468 | + animation-duration: 0.4s; | |
| 18469 | + animation-name: slideLast; | |
| 18470 | + -webkit-transform: translateZ(0); | |
| 18471 | + width: 50px; | |
| 18472 | + height: 50px; | |
| 18473 | + background-color: var(--vbo-red-color); | |
| 18474 | +} | |
| 18475 | +.vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger { | |
| 18476 | + opacity: 1; | |
| 18477 | + display: inline-block; | |
| 18478 | + z-index: 0; | |
| 18479 | +} | |
| 18480 | +.vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger { | |
| 18481 | + background-color: var(--vbo-basic-btn); | |
| 18482 | +} | |
| 18483 | +.vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger { | |
| 18484 | + background-color: #222; | |
| 18485 | +} | |
| 18486 | +.vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger { | |
| 18487 | + background-color: #b1e0e2; | |
| 18488 | +} | |
| 18489 | +.vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt { | |
| 18490 | + color: #0f1216; | |
| 18491 | +} | |
| 18492 | +.vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt { | |
| 18493 | + color: #fff; | |
| 18494 | +} | |
| 18495 | +.vik-multiswitch-radiobtn .vik-multiswitch-txt { | |
| 18496 | + position: relative; | |
| 18497 | + z-index: 1; | |
| 18498 | + color: var(--vbo-body-text-color); | |
| 18499 | + font-size: 13px; | |
| 18500 | + cursor: pointer; | |
| 18501 | +} | |
| 18502 | +.vik-multiswitch-radiobtn .vik-multiswitch-txt i { | |
| 18503 | + font-size: 16px; | |
| 18504 | +} | |
| 18505 | +.vik-multiswitch-noanimation { | |
| 18506 | + border-radius: 18px; | |
| 18507 | +} | |
| 18508 | +.vik-multiswitch-noanimation .vik-multiswitch-radiobtn { | |
| 18509 | + position: relative; | |
| 18510 | + padding: 5px 10px; | |
| 18511 | + box-sizing: border-box; | |
| 18512 | +} | |
| 18513 | +.vik-multiswitch-radiobtn .vik-multiswitch-trigger { | |
| 18514 | + width: 50px; | |
| 18515 | + height: 50px; | |
| 18516 | + border-radius: 15px; | |
| 18517 | +} | |
| 18518 | +.vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger { | |
| 18519 | + position: absolute; | |
| 18520 | + left: 0; | |
| 18521 | +} | |
| 18522 | +.vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger { | |
| 18523 | + position: absolute; | |
| 18524 | + right: 0; | |
| 18525 | +} | |
| 18526 | +.vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger, | |
| 18527 | +.vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger { | |
| 18528 | + animation: none !important; | |
| 18529 | +} | |
| 18530 | +.vik-multiswitch-noanimation .vik-multiswitch-radiobtn input + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger { | |
| 18531 | + width: 100%; | |
| 18532 | + height: 100%; | |
| 18533 | + border-radius: 15px; | |
| 18534 | + position: absolute; | |
| 18535 | + left: 0; | |
| 18536 | +} | |
| 18537 | +.vbo-widget-today-checkout-tristate .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-text input:checked + .vik-multiswitch-trigger, .vbo-widget-today-checkin-tristate .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-text input:checked + .vik-multiswitch-trigger { | |
| 18538 | + background-color: var(--vbo-base-color); | |
| 18539 | +} | |
| 18540 | +.vbo-widget-today-checkout-tristate .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-text input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt, .vbo-widget-today-checkin-tristate .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-text input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt { | |
| 18541 | + color: #fff; | |
| 18542 | +} | |
| 18543 | +.vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate { | |
| 18544 | + float: right; | |
| 18545 | + margin: 12px 15px 10px 20px; | |
| 18546 | +} | |
| 18547 | +.vbo-widget-today-checkout-tristate .vik-multiswitch-wrap, .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap { | |
| 18548 | + height: 40px; | |
| 18549 | +} | |
| 18550 | + | |
| 18551 | +/* For two status multiswitch */ | |
| 18552 | +.vik-multiswitch-wrap.vbo-multiswitch-double .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger { | |
| 18553 | + width: 50%; | |
| 18554 | +} | |
| 18555 | +.vik-multiswitch-wrap.vbo-multiswitch-double .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger { | |
| 18556 | + left: 50%; | |
| 18557 | + width: 50%; | |
| 18558 | +} | |
| 18559 | +.vik-multiswitch-wrap.vbo-multiswitch-double .vik-multiswitch-radiobtn .vik-multiswitch-trigger { | |
| 18560 | + width: 50%; | |
| 18561 | +} | |
| 18562 | +.vik-multiswitch-wrap.vbo-multiswitch-double .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger { | |
| 18563 | + background-color: #b1e0e2; | |
| 18564 | +} | |
| 18565 | +.vik-multiswitch-wrap.vbo-multiswitch-double .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger { | |
| 18566 | + -moz-animation-duration: 0.4s; | |
| 18567 | + -moz-animation-name: slideLast; | |
| 18568 | + -webkit-animation-duration: 0.4s; | |
| 18569 | + -webkit-animation-name: slideLast; | |
| 18570 | + animation-duration: 0.4s; | |
| 18571 | + animation-name: slideLast; | |
| 18572 | +} | |
| 18573 | + | |
| 18574 | +@keyframes slideFirst { | |
| 18575 | + from { | |
| 18576 | + transform: translate(100%, 0); | |
| 18577 | + } | |
| 18578 | + to { | |
| 18579 | + transform: translate(0px, 0px); | |
| 18580 | + } | |
| 18581 | +} | |
| 18582 | + | |
| 18583 | + | |
| 18584 | +@keyframes slideLast { | |
| 18585 | + from { | |
| 18586 | + transform: translate(-100%,0); | |
| 18587 | + } | |
| 18588 | + to { | |
| 18589 | + transform: translate( 0px, 0px); | |
| 18590 | + } | |
| 18591 | +} | |
| 18592 | + | |
| 18593 | + | |
| 18594 | +/* Multi toogle/switch button - end */ | |
| 18595 | + | |
| 18596 | +/* New Dashboard 2021 */ | |
| 18597 | +.vbo-admin-widgets-commands { | |
| 18598 | + display: inline-block; | |
| 18599 | + width: 100%; | |
| 18600 | +} | |
| 18601 | +.vbo-admin-widgets-commands-mng { | |
| 18602 | + display: inline-block; | |
| 18603 | + border: 1px solid var(--vbo-config-border-color); | |
| 18604 | + border-radius: 4px; | |
| 18605 | + background: var(--vbo-config-bg-color); | |
| 18606 | + padding: 5px 10px; | |
| 18607 | + float: right; | |
| 18608 | +} | |
| 18609 | +.vbo-admin-widgets-commands-mng-lbl { | |
| 18610 | + display: inline-block; | |
| 18611 | + vertical-align: top; | |
| 18612 | + margin-top: 10px; | |
| 18613 | + margin-left: 5px; | |
| 18614 | + cursor: pointer; | |
| 18615 | +} | |
| 18616 | +.vbo-admin-widgets-commands-mng-toggle { | |
| 18617 | + display: inline-block; | |
| 18618 | + margin-top: 5px; | |
| 18619 | +} | |
| 18620 | +.vbo-admin-widgets-commands-mng-toggle label { | |
| 18621 | + margin-bottom: 0; | |
| 18622 | +} | |
| 18623 | +.vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before, | |
| 18624 | +.vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before, | |
| 18625 | +.vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before { | |
| 18626 | + height: 26px; | |
| 18627 | +} | |
| 18628 | +.vbo-toggle-small .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label { | |
| 18629 | + margin-bottom: 0; | |
| 18630 | +} | |
| 18631 | +.vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after, | |
| 18632 | +.vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after, | |
| 18633 | +.vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after { | |
| 18634 | + height: 20px; | |
| 18635 | + width: 20px; | |
| 18636 | + top: 3px; | |
| 18637 | +} | |
| 18638 | +.vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after, | |
| 18639 | +.vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after, | |
| 18640 | +.vbo-toggle-small input.vik-iostoggle-elem:checked + label::after { | |
| 18641 | + left: 28px; | |
| 18642 | +} | |
| 18643 | +.vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label { | |
| 18644 | + height: 26px; | |
| 18645 | +} | |
| 18646 | +.vbo-toggle-mini .vik-iostoggle-wrap input.vik-iostoggle-elem + label { | |
| 18647 | + height: 20px; | |
| 18648 | + width: 36px; | |
| 18649 | +} | |
| 18650 | +.vbo-toggle-mini .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before { | |
| 18651 | + height: 20px; | |
| 18652 | + width: 36px; | |
| 18653 | +} | |
| 18654 | +.vbo-toggle-mini .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after { | |
| 18655 | + height: 14px; | |
| 18656 | + width: 14px; | |
| 18657 | + top: 3px; | |
| 18658 | +} | |
| 18659 | +.vbo-toggle-mini input.vik-iostoggle-elem:checked + label:after { | |
| 18660 | + left: 19px; | |
| 18661 | +} | |
| 18662 | +.vbo-admin-widgets-commands-info { | |
| 18663 | + font-weight: bold; | |
| 18664 | + float: left; | |
| 18665 | + margin-left: 5px; | |
| 18666 | +} | |
| 18667 | +.vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt { | |
| 18668 | + display: block; | |
| 18669 | + margin-bottom: 4px; | |
| 18670 | +} | |
| 18671 | +.vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt.vbo-admin-widgets-error { | |
| 18672 | + color: var(--vbo-red-color); | |
| 18673 | +} | |
| 18674 | +.vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore { | |
| 18675 | + display: inline-block; | |
| 18676 | + vertical-align: top; | |
| 18677 | +} | |
| 18678 | +.vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn { | |
| 18679 | + background: var(--vbo-config-bg-color); | |
| 18680 | + border: 1px solid var(--vbo-config-border-color); | |
| 18681 | + color: var(--vbo-config-titles-color-light); | |
| 18682 | + padding: 4px 12px; | |
| 18683 | +} | |
| 18684 | +.vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn:hover { | |
| 18685 | + border-color: var(--vbo-blue-color); | |
| 18686 | + color: var(--vbo-blue-color); | |
| 18687 | +} | |
| 18688 | +.vbo-admin-widgets-section { | |
| 18689 | + display: flex; | |
| 18690 | + flex-wrap: wrap; | |
| 18691 | + gap: 12px; | |
| 18692 | +} | |
| 18693 | +/* Safari 10.1+ */ | |
| 18694 | +@media not all and (min-resolution:.001dpcm) { | |
| 18695 | + @media { | |
| 18696 | + .vbo-admin-widgets-section > * + * { | |
| 18697 | + margin-left: 12px; | |
| 18698 | + } | |
| 18699 | + } | |
| 18700 | +} | |
| 18701 | +.vbo-admin-widgets-section .vbo-admin-widgets-section-name { | |
| 18702 | + flex-basis: 100%; | |
| 18703 | + font-size: 16px; | |
| 18704 | + font-weight: bold; | |
| 18705 | + margin-left: 8px; | |
| 18706 | +} | |
| 18707 | +.vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag { | |
| 18708 | + display: inline-block; | |
| 18709 | + margin-right: 7px; | |
| 18710 | + font-size: 14px; | |
| 18711 | + cursor: grab; | |
| 18712 | +} | |
| 18713 | +.vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag:hover { | |
| 18714 | + color: #2d719a; | |
| 18715 | +} | |
| 18716 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-section-name, .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name { | |
| 18717 | + display: flex; | |
| 18718 | +} | |
| 18719 | +.vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds { | |
| 18720 | + margin-left: auto; | |
| 18721 | + margin-right: 10px; | |
| 18722 | + font-size: 14px; | |
| 18723 | + color: #2d719a; | |
| 18724 | + cursor: pointer; | |
| 18725 | +} | |
| 18726 | +.vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag { | |
| 18727 | + color: #333; | |
| 18728 | + margin-left: 16px; | |
| 18729 | +} | |
| 18730 | +.vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag:hover { | |
| 18731 | + color: #2d719a; | |
| 18732 | +} | |
| 18733 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-elem-cmds-edit:hover { | |
| 18734 | + color: #182381; | |
| 18735 | +} | |
| 18736 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name { | |
| 18737 | + font-size: 16px; | |
| 18738 | + font-weight: bold; | |
| 18739 | + padding: 10px 10px 0; | |
| 18740 | +} | |
| 18741 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-details h4 { | |
| 18742 | + flex: 1; | |
| 18743 | + display: flex; | |
| 18744 | + margin-top: 6px; | |
| 18745 | +} | |
| 18746 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove { | |
| 18747 | + display: inline-block; | |
| 18748 | + margin-left: auto; | |
| 18749 | + font-size: 14px; | |
| 18750 | + color: #2d719a; | |
| 18751 | +} | |
| 18752 | +.vbo-admin-widgets-elem-cmds-remove:hover, .vbo-admin-widgets-widget-remove:hover { | |
| 18753 | + color: var(--vbo-red-color); | |
| 18754 | + cursor: pointer; | |
| 18755 | +} | |
| 18756 | +.vbo-admin-widgets-widget-info-drag:hover { | |
| 18757 | + color: #2d719a; | |
| 18758 | +} | |
| 18759 | +.vbo-admin-widgets-section .vbo-admin-widgets-container { | |
| 18760 | + flex: 1; | |
| 18761 | + flex-grow: 0; | |
| 18762 | +} | |
| 18763 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-container { | |
| 18764 | + flex-basis: content; | |
| 18765 | + flex-grow: 0; | |
| 18766 | +} | |
| 18767 | +/* | |
| 18768 | + * Size Add box Container: 120px + 20px of padding = 120px; | |
| 18769 | + * Total margin of EACH container: 8px; | |
| 18770 | + * I.E. calculation "Add box" size for 2 containers + itself: 120px + (8px * 3). | |
| 18771 | + * Formula: Calc((container size - (add box total size / numb. containers))); | |
| 18772 | + | |
| 18773 | + * Small Size */ | |
| 18774 | +.vbo-admin-widgets-section .vbo-admin-widgets-container-small { | |
| 18775 | + flex-basis: calc(25% - 12px); | |
| 18776 | + max-width: 25%; | |
| 18777 | +} | |
| 18778 | +.vbo-admin-widgets-customize .vbo-admin-widgets-container-small { | |
| 18779 | + flex-basis: calc((25% - 166px)); | |
| 18780 | +} | |
| 18781 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] { | |
| 18782 | + flex-basis: calc((25% - (174px / 2))); | |
| 18783 | +} | |
| 18784 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] { | |
| 18785 | + flex-basis: calc((25% - (182px / 3))); | |
| 18786 | +} | |
| 18787 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="4"] { | |
| 18788 | + flex-basis: calc((25% - (194px / 4))); | |
| 18789 | +} | |
| 18790 | +.vbo-admin-widgets-section .vbo-admin-widgets-container-large + .vbo-admin-widgets-container-small { | |
| 18791 | + flex-grow: 1; | |
| 18792 | +} | |
| 18793 | +/* Medium Size */ | |
| 18794 | +.vbo-admin-widgets-section .vbo-admin-widgets-container-medium { | |
| 18795 | + flex-basis: calc(50% - 12px); | |
| 18796 | + max-width: 50%; | |
| 18797 | +} | |
| 18798 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] { | |
| 18799 | + flex-basis: calc((50% - (174px / 2))); | |
| 18800 | +} | |
| 18801 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] { | |
| 18802 | + flex-basis: calc((50% - (182px / 3))); | |
| 18803 | +} | |
| 18804 | +/* Large Size */ | |
| 18805 | +.vbo-admin-widgets-section .vbo-admin-widgets-container-large { | |
| 18806 | + flex-basis: calc((100% / 2) + (100% / 5)); | |
| 18807 | +} | |
| 18808 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large { | |
| 18809 | + flex-basis: calc((((100% / 2) + (100% / 4)) - 166px)); | |
| 18810 | +} | |
| 18811 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large[data-totcontainers="2"] { | |
| 18812 | + flex-basis: calc((((100% / 2) + (100% / 4)) - (174px / 2) )); | |
| 18813 | +} | |
| 18814 | +/* Full Width */ | |
| 18815 | +.vbo-admin-widgets-section .vbo-admin-widgets-container-fullwidth { | |
| 18816 | + width: 100%; | |
| 18817 | + flex-basis: inherit; | |
| 18818 | +} | |
| 18819 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-container-fullwidth { | |
| 18820 | + flex-basis: calc(100% - 166px); | |
| 18821 | +} | |
| 18822 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container { | |
| 18823 | + background: #d8f4ff; | |
| 18824 | + border-radius: 10px; | |
| 18825 | + margin: 10px 4px; | |
| 18826 | + position: relative; | |
| 18827 | + padding-bottom: 115px; | |
| 18828 | +} | |
| 18829 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container > div { | |
| 18830 | + margin: 10px 8px; | |
| 18831 | +} | |
| 18832 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew { | |
| 18833 | + flex-basis: 150px; | |
| 18834 | + min-height: 100px; | |
| 18835 | + padding-bottom: 0; | |
| 18836 | +} | |
| 18837 | +.vbo-modal-widgets-form-data-fields .vbo-newwidget-descr { | |
| 18838 | + margin: 5px 0 10px; | |
| 18839 | + font-size: 14px; | |
| 18840 | + font-weight: bold; | |
| 18841 | + background: var(--vbo-config-child-bg-color); | |
| 18842 | + border: 1px solid var(--vbo-config-border-color); | |
| 18843 | + border-left: 2px solid #4c93af; | |
| 18844 | + border-radius: 4px; | |
| 18845 | + padding: 10px; | |
| 18846 | +} | |
| 18847 | +.vbo-modal-widgets-form-data-field label { | |
| 18848 | + display: block; | |
| 18849 | + margin-bottom: 5px; | |
| 18850 | +} | |
| 18851 | +.vbo-modal-widgets-form-data-field select { | |
| 18852 | + margin-bottom: 10px; | |
| 18853 | +} | |
| 18854 | +.vbo-modal-widgets-form-data-fields .select2-container { | |
| 18855 | + width: 180px !important; | |
| 18856 | +} | |
| 18857 | +.vbo-admin-widgets-section .vbo-admin-widgets-elem-cmds-drag, | |
| 18858 | +.vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag, | |
| 18859 | +.vbo-sticky-note-cmd-drag { | |
| 18860 | + -webkit-touch-callout: none; | |
| 18861 | + -webkit-user-select: none; | |
| 18862 | + -khtml-user-select: none; | |
| 18863 | + -moz-user-select: none; | |
| 18864 | + -ms-user-select: none; | |
| 18865 | + user-select: none; | |
| 18866 | +} | |
| 18867 | +.vbo-admin-widgets-wrap { | |
| 18868 | + padding: 8px; | |
| 18869 | +} | |
| 18870 | +.vbo-admin-widgets-widget .table-responsive { | |
| 18871 | + display: inline-block; | |
| 18872 | + width: 100%; | |
| 18873 | + max-height: 300px; | |
| 18874 | + overflow-y: scroll !important; | |
| 18875 | +} | |
| 18876 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-section { | |
| 18877 | + background: #bdd5ea; | |
| 18878 | + padding: 10px; | |
| 18879 | + border-radius: 10px; | |
| 18880 | + margin: 15px 0; | |
| 18881 | +} | |
| 18882 | +.vbo-admin-widgets-widget-info-inner { | |
| 18883 | + padding: 15px; | |
| 18884 | +} | |
| 18885 | +.vbo-admin-widgets-widget-addnew { | |
| 18886 | + box-shadow: none; | |
| 18887 | +} | |
| 18888 | +.vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box { | |
| 18889 | + background: var(--vbo-config-bg-color); | |
| 18890 | + border: 1px solid #838383; | |
| 18891 | + color: var(--vbo-config-text-color-light); | |
| 18892 | + border-radius: 16px; | |
| 18893 | + cursor: pointer; | |
| 18894 | +} | |
| 18895 | +.vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box, .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box, .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box { | |
| 18896 | + padding: 0px 10px; | |
| 18897 | + text-align: center; | |
| 18898 | + font-size: 38px; | |
| 18899 | +} | |
| 18900 | +.vbo-admin-widgets-section.vbo-admin-widgets-section-addnew { | |
| 18901 | + background: #bdd5ea; | |
| 18902 | + color: #838383; | |
| 18903 | + padding: 0px; | |
| 18904 | +} | |
| 18905 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box { | |
| 18906 | + color: #838383; | |
| 18907 | + position: relative; | |
| 18908 | + cursor: pointer; | |
| 18909 | + border-radius: 10px; | |
| 18910 | +} | |
| 18911 | +.vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box { | |
| 18912 | + padding: 30px 10px; | |
| 18913 | +} | |
| 18914 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover, | |
| 18915 | +.vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box:hover, .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover, .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover { | |
| 18916 | + color: #fff; | |
| 18917 | + background: #4c93af; | |
| 18918 | + border: 0; | |
| 18919 | +} | |
| 18920 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover { | |
| 18921 | + color: #fff; | |
| 18922 | +} | |
| 18923 | +.vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container-addnew > .vbo-admin-widgets-plus-box { | |
| 18924 | + height: 100%; | |
| 18925 | + margin: 0; | |
| 18926 | +} | |
| 18927 | +.vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box { | |
| 18928 | + width: 100%; | |
| 18929 | + border-radius: 10px; | |
| 18930 | +} | |
| 18931 | +.vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover { | |
| 18932 | + background: #4c93af; | |
| 18933 | + color: #fff; | |
| 18934 | + cursor: pointer; | |
| 18935 | +} | |
| 18936 | +.vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box span { | |
| 18937 | + padding: 20px 0; | |
| 18938 | + display: inline-block; | |
| 18939 | +} | |
| 18940 | +.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box span { | |
| 18941 | + position: absolute; | |
| 18942 | + top: 50%; | |
| 18943 | + left: 50%; | |
| 18944 | + transform: translate(-50%, -50%); | |
| 18945 | +} | |
| 18946 | +.vbo-admin-widgets-widget.vbo-admin-widgets-widget-addnew { | |
| 18947 | + height: 100px; | |
| 18948 | + position: absolute; | |
| 18949 | + width: calc(100% - 15px); | |
| 18950 | + bottom: 0; | |
| 18951 | +} | |
| 18952 | +.vbo-admin-widgets-plus-box { | |
| 18953 | + display: block; | |
| 18954 | + margin: 0 auto; | |
| 18955 | +} | |
| 18956 | +.vbo-admin-widgets-widget-details { | |
| 18957 | + display: flex; | |
| 18958 | +} | |
| 18959 | +.vbo-admin-widgets-widget-details h4 { | |
| 18960 | + font-size: 16px; | |
| 18961 | +} | |
| 18962 | +.vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag { | |
| 18963 | + margin-left: auto; | |
| 18964 | + display: inline-block; | |
| 18965 | + padding: 5px 5px 5px 0; | |
| 18966 | + cursor: grab; | |
| 18967 | +} | |
| 18968 | +.vbo-admin-widgets-widget-info-descr { | |
| 18969 | + font-size: 14px; | |
| 18970 | +} | |
| 18971 | +.vbo-admin-widgets-container-tmpdrop { | |
| 18972 | + border: 2px dashed #4c93af; | |
| 18973 | + background: #ecf6fa; | |
| 18974 | + height: 82px; | |
| 18975 | + width: calc(100% - 20px); | |
| 18976 | + border-radius: 16px; | |
| 18977 | +} | |
| 18978 | +.vbo-dashboard-forecast-inner .vbo-reportwidget-occupancy { | |
| 18979 | + margin-top: 15px; | |
| 18980 | + position: relative; | |
| 18981 | +} | |
| 18982 | +.vbo-admin-widget-wrapper .vbo-orphans-info-list { | |
| 18983 | + display: grid; | |
| 18984 | + grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); | |
| 18985 | +} | |
| 18986 | +.vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-room { | |
| 18987 | + display: flex; | |
| 18988 | + flex-wrap: wrap; | |
| 18989 | + align-content: baseline; | |
| 18990 | + border: 1px solid var(--vbo-basic-btn); | |
| 18991 | + box-shadow: 0 1.5px 2px rgba(0,0,0,.05); | |
| 18992 | + border-radius: 10px; | |
| 18993 | + margin: 10px 10px 2px; | |
| 18994 | + padding: 0 0 10px; | |
| 18995 | +} | |
| 18996 | +.vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-roomname { | |
| 18997 | + flex-basis: 100%; | |
| 18998 | + margin-bottom: 4px; | |
| 18999 | + margin-top: 10px; | |
| 19000 | + font-size: 1.1em; | |
| 19001 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 19002 | + padding: 0 10px 10px; | |
| 19003 | +} | |
| 19004 | +.vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates { | |
| 19005 | + padding: 5px 10px 0px; | |
| 19006 | +} | |
| 19007 | +.vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div { | |
| 19008 | + margin-bottom: 3px; | |
| 19009 | +} | |
| 19010 | +.vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div:last-child { | |
| 19011 | + margin-bottom: 0; | |
| 19012 | +} | |
| 19013 | +.vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-btn { | |
| 19014 | + margin-left: auto; | |
| 19015 | + padding: 10px; | |
| 19016 | +} | |
| 19017 | +.vbo-dashboard-rooms-locked .table > tbody > tr:first-child > td { | |
| 19018 | + border-top: 0 !important; | |
| 19019 | +} | |
| 19020 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list, .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note { | |
| 19021 | + list-style: none; | |
| 19022 | + word-break: break-word; | |
| 19023 | +} | |
| 19024 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list { | |
| 19025 | + padding: 10px; | |
| 19026 | + margin-left: 0; | |
| 19027 | +} | |
| 19028 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 19029 | + text-decoration: none; | |
| 19030 | + color: #000; | |
| 19031 | + background: #ffc; | |
| 19032 | + display: block; | |
| 19033 | + min-height: 100px; | |
| 19034 | + width: calc(25% - 80px); | |
| 19035 | + padding: 15px; | |
| 19036 | + -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1); | |
| 19037 | + -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.2); | |
| 19038 | + box-shadow: 5px 5px 7px rgba(33,33,33,.2); | |
| 19039 | + -moz-transition: -moz-transform .15s linear; | |
| 19040 | + -o-transition: -o-transform .15s linear; | |
| 19041 | + -webkit-transition: -webkit-transform .15s linear; | |
| 19042 | +} | |
| 19043 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 19044 | + margin: 25px 20px; | |
| 19045 | + display: inline-block; | |
| 19046 | + vertical-align: top; | |
| 19047 | + line-height: 23px; | |
| 19048 | +} | |
| 19049 | +.vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 19050 | + width: calc(33% - 80px); | |
| 19051 | +} | |
| 19052 | +.vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list { | |
| 19053 | + padding: 0px 0 20px; | |
| 19054 | + margin-bottom: 0; | |
| 19055 | +} | |
| 19056 | +.vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 19057 | + width: calc(70% - 100px); | |
| 19058 | + margin: 25px 20px 20px; | |
| 19059 | +} | |
| 19060 | +[contenteditable] { | |
| 19061 | + -webkit-user-select: text; | |
| 19062 | + user-select: text; | |
| 19063 | +} | |
| 19064 | +.vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add { | |
| 19065 | + width: calc(40% - 100px); | |
| 19066 | +} | |
| 19067 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2 { | |
| 19068 | + font-size: 18px; | |
| 19069 | + font-weight: bold; | |
| 19070 | + margin-bottom: 5px; | |
| 19071 | + margin-top: 5px; | |
| 19072 | + color: #444; | |
| 19073 | +} | |
| 19074 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2:first-child { | |
| 19075 | + margin-top: 0; | |
| 19076 | +} | |
| 19077 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note p { | |
| 19078 | + margin: 0; | |
| 19079 | +} | |
| 19080 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a { | |
| 19081 | + cursor: pointer; | |
| 19082 | +} | |
| 19083 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 19084 | + -webkit-transform: rotate(-6deg); | |
| 19085 | + -o-transform: rotate(-6deg); | |
| 19086 | + -moz-transform: rotate(-6deg); | |
| 19087 | + font-size: 18px; | |
| 19088 | +} | |
| 19089 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(even) { | |
| 19090 | + -o-transform: rotate(4deg); | |
| 19091 | + -webkit-transform: rotate(4deg); | |
| 19092 | + -moz-transform: rotate(4deg); | |
| 19093 | + position: relative; | |
| 19094 | + top: 5px; | |
| 19095 | +} | |
| 19096 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(3n) { | |
| 19097 | + -o-transform: rotate(-3deg); | |
| 19098 | + -webkit-transform: rotate(-3deg); | |
| 19099 | + -moz-transform: rotate(-3deg); | |
| 19100 | + position: relative; | |
| 19101 | + top: -5px; | |
| 19102 | +} | |
| 19103 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(5n) { | |
| 19104 | + -o-transform: rotate(5deg); | |
| 19105 | + -webkit-transform: rotate(5deg); | |
| 19106 | + -moz-transform: rotate(5deg); | |
| 19107 | + position: relative; | |
| 19108 | + top: -10px; | |
| 19109 | +} | |
| 19110 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover { | |
| 19111 | + box-shadow: 10px 10px 7px rgba(0,0,0,.2); | |
| 19112 | + -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.2); | |
| 19113 | + -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.2); | |
| 19114 | + -webkit-transform: scale(1.1); | |
| 19115 | + -moz-transform: scale(1.1); | |
| 19116 | + -o-transform: scale(1.1); | |
| 19117 | + position: relative; | |
| 19118 | + z-index: 5; | |
| 19119 | + background: #fff5cd; | |
| 19120 | +} | |
| 19121 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds { | |
| 19122 | + display: flex; | |
| 19123 | + color: #444; | |
| 19124 | +} | |
| 19125 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds > span { | |
| 19126 | + display: inline-block; | |
| 19127 | + padding: 5px; | |
| 19128 | + cursor: pointer; | |
| 19129 | + font-size: 14px; | |
| 19130 | +} | |
| 19131 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash { | |
| 19132 | + margin-left: auto; | |
| 19133 | + padding-right: 0; | |
| 19134 | +} | |
| 19135 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash:hover { | |
| 19136 | + color: var(--vbo-red-color); | |
| 19137 | +} | |
| 19138 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag { | |
| 19139 | + padding-left: 0; | |
| 19140 | +} | |
| 19141 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag:hover { | |
| 19142 | + color: #2d719a; | |
| 19143 | +} | |
| 19144 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-sign { | |
| 19145 | + font-size: .85em; | |
| 19146 | + font-style: italic; | |
| 19147 | + text-align: right; | |
| 19148 | + margin-top: 10px; | |
| 19149 | +} | |
| 19150 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-widget-sticky-canvas ul { | |
| 19151 | + list-style-type: disc; | |
| 19152 | +} | |
| 19153 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add { | |
| 19154 | + height: 70px; | |
| 19155 | + width: calc(25% - 80px); | |
| 19156 | + min-height: inherit; | |
| 19157 | + border: 2px solid #ffe8a2; | |
| 19158 | + background: #fff5cd; | |
| 19159 | + padding: 0; | |
| 19160 | +} | |
| 19161 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner { | |
| 19162 | + position: relative; | |
| 19163 | + height: 100%; | |
| 19164 | + padding: 15px; | |
| 19165 | + box-sizing: border-box; | |
| 19166 | + cursor: pointer; | |
| 19167 | +} | |
| 19168 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover { | |
| 19169 | + background: #ffc; | |
| 19170 | +} | |
| 19171 | +.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner span { | |
| 19172 | + position: absolute; | |
| 19173 | + top: 50%; | |
| 19174 | + left: 50%; | |
| 19175 | + transform: translate(-50%, -50%); | |
| 19176 | + font-size: 26px; | |
| 19177 | +} | |
| 19178 | +.vbo-admin-widget-head .btn-toolbar.vbo-btn-toolbar-hastext { | |
| 19179 | + margin-top: 20px; | |
| 19180 | + font-size: 16px; | |
| 19181 | + width: auto; | |
| 19182 | +} | |
| 19183 | +.vbo-widget-visitscounter-wrap { | |
| 19184 | + display: flex; | |
| 19185 | + flex-wrap: wrap; | |
| 19186 | + justify-content: center; | |
| 19187 | + margin: 10px 20px 0; | |
| 19188 | + padding-bottom: 10px; | |
| 19189 | +} | |
| 19190 | +.vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number { | |
| 19191 | + flex-basis: calc(50% - 52px); | |
| 19192 | + background: var(--vbo-config-bg-color); | |
| 19193 | + border: 1px solid var(--vbo-basic-btn); | |
| 19194 | + border-bottom: 3px solid var(--vbo-basic-btn); | |
| 19195 | + padding: 20px; | |
| 19196 | + border-radius: 16px; | |
| 19197 | + margin: 5px; | |
| 19198 | + position:relative; | |
| 19199 | +} | |
| 19200 | +.vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number:after { | |
| 19201 | + height: 30px; | |
| 19202 | + width: 4px; | |
| 19203 | + background: var(--vbo-blue-color); | |
| 19204 | + content: ""; | |
| 19205 | + position: absolute; | |
| 19206 | + left: -3px; | |
| 19207 | + top: 17px; | |
| 19208 | +} | |
| 19209 | +.vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-lbl { | |
| 19210 | + font-weight: 500; | |
| 19211 | + color: var(--vbo-config-titles-color-light); | |
| 19212 | + margin-top: 10px; | |
| 19213 | + font-size: 14px; | |
| 19214 | +} | |
| 19215 | +.vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-count { | |
| 19216 | + font-size: 26px; | |
| 19217 | + font-weight: bold; | |
| 19218 | + letter-spacing: 1px; | |
| 19219 | + white-space: nowrap; | |
| 19220 | +} | |
| 19221 | +.vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number { | |
| 19222 | + flex-basis: calc(50% - 52px); | |
| 19223 | +} | |
| 19224 | +.vbo-admin-widgets-container-large .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number, | |
| 19225 | +.vbo-admin-widgets-container-fullwidth .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number { | |
| 19226 | + flex-basis: calc(25% - 52px); | |
| 19227 | +} | |
| 19228 | +.vbo-widgets-welcome-inner { | |
| 19229 | + font-size: 14px; | |
| 19230 | +} | |
| 19231 | +.vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section { | |
| 19232 | + background: #bdd5ea; | |
| 19233 | + padding: 10px; | |
| 19234 | + border-radius: 10px; | |
| 19235 | + margin: 15px 0; | |
| 19236 | + display: flex; | |
| 19237 | + flex-wrap: wrap; | |
| 19238 | +} | |
| 19239 | +.vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section-lbl { | |
| 19240 | + font-size: 16px; | |
| 19241 | + font-weight: bold; | |
| 19242 | + margin-left: 8px; | |
| 19243 | + flex-basis: 100%; | |
| 19244 | +} | |
| 19245 | +.vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container { | |
| 19246 | + background: #d8f4ff; | |
| 19247 | + border-radius: 10px; | |
| 19248 | + margin: 10px 4px; | |
| 19249 | + position: relative; | |
| 19250 | + flex-basis: calc(50% - 8px); | |
| 19251 | +} | |
| 19252 | +.vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container-lbl { | |
| 19253 | + font-size: 16px; | |
| 19254 | + font-weight: bold; | |
| 19255 | + padding: 10px 10px 0; | |
| 19256 | + display: block; | |
| 19257 | +} | |
| 19258 | +.vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget { | |
| 19259 | + display: block; | |
| 19260 | + border-radius: 10px; | |
| 19261 | + margin: 12px 8px; | |
| 19262 | + box-shadow: 0 0px 20px rgba(0,0,0,.1); | |
| 19263 | + background: #fff; | |
| 19264 | +} | |
| 19265 | +.vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget-lbl { | |
| 19266 | + font-size: 14px; | |
| 19267 | + font-weight: bold; | |
| 19268 | + padding: 10px; | |
| 19269 | + display: block; | |
| 19270 | +} | |
| 19271 | +.vbo-widgets-welcome-demo-section, .vbo-widgets-welcome-demo-container, .vbo-widgets-welcome-demo-widget { | |
| 19272 | + opacity: 0; | |
| 19273 | +} | |
| 19274 | +.vbo-widgets-welcome-animate { | |
| 19275 | + -webkit-animation-name: VikfadeInDown; | |
| 19276 | + animation-name: VikfadeInDown; | |
| 19277 | + -webkit-animation-duration: .5s; | |
| 19278 | + animation-duration: .5s; | |
| 19279 | + -webkit-animation-fill-mode: both; | |
| 19280 | + animation-fill-mode: both; | |
| 19281 | +} | |
| 19282 | +.vbo-inspector-colorpicker-wrap { | |
| 19283 | + border-radius: 3px; | |
| 19284 | + border: 1px solid var(--vbo-main-bg-color); | |
| 19285 | + background: var(--vbo-config-bg-color); | |
| 19286 | + display: inline-block; | |
| 19287 | + height: 23px; | |
| 19288 | +} | |
| 19289 | +.vbo-inspector-colorpicker { | |
| 19290 | + padding: 0 0px 0 24px; | |
| 19291 | + position: relative; | |
| 19292 | + cursor: pointer; | |
| 19293 | + height: 100%; | |
| 19294 | + display: inline-block; | |
| 19295 | +} | |
| 19296 | +.vbo-inspector-colorpicker:not([style*="background"]) { | |
| 19297 | + background-color: #fff; | |
| 19298 | + opacity: 0.7; | |
| 19299 | + background-image: repeating-linear-gradient(45deg, #c2c2c2 25%, transparent 25%, transparent 75%, #c2c2c2 75%, #c2c2c2), repeating-linear-gradient(45deg, #c2c2c2 25%, #ffffff 25%, #ffffff 75%, #c2c2c2 75%, #c2c2c2); | |
| 19300 | + background-position: 0 0, 5px 5px; | |
| 19301 | + background-size: 10px 10px; | |
| 19302 | +} | |
| 19303 | +.vbo-inspector-colorpicker i { | |
| 19304 | + background: var(--vbo-config-bg-color); | |
| 19305 | + padding: 5px; | |
| 19306 | + border-left: 1px solid var(--vbo-main-bg-color); | |
| 19307 | +} | |
| 19308 | +.vbo-modal-overlay-block-dashwidgets .vbo-modal-overlay-content { | |
| 19309 | + height: 90%; | |
| 19310 | +} | |
| 19311 | +.vbo-modal-widgets-newwidget .vbo-modal-widgets-list { | |
| 19312 | + display: flex; | |
| 19313 | + flex-wrap: wrap; | |
| 19314 | +} | |
| 19315 | +.vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap { | |
| 19316 | + padding: 10px; | |
| 19317 | + border-radius: 8px; | |
| 19318 | + margin: 5px; | |
| 19319 | + flex-basis: calc(33% - 34px); | |
| 19320 | + background-origin: border-box !important; | |
| 19321 | + color: #fff; | |
| 19322 | +} | |
| 19323 | +.vbo-modal-widget-wrap, .vbo-admin-widget-style-regular { | |
| 19324 | + background: rgb(2,0,36); | |
| 19325 | + background: linear-gradient(6deg, rgb(104, 111, 118) 0%, rgb(178, 190, 201) 100%); | |
| 19326 | +} | |
| 19327 | +.vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap:hover { | |
| 19328 | + cursor: pointer; | |
| 19329 | +} | |
| 19330 | +.vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top { | |
| 19331 | + display: flex; | |
| 19332 | + margin-bottom: 10px; | |
| 19333 | +} | |
| 19334 | +.vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-icon { | |
| 19335 | + margin-right: 15px; | |
| 19336 | + font-size: 20px; | |
| 19337 | +} | |
| 19338 | +.vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add { | |
| 19339 | + margin-left: auto; | |
| 19340 | + font-size: 16px; | |
| 19341 | + cursor: pointer; | |
| 19342 | +} | |
| 19343 | +.vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add:hover i { | |
| 19344 | + text-shadow: 0px 3px 3px rgba(0,0,0,.5); | |
| 19345 | +} | |
| 19346 | +.vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-main .vbo-modal-widget-name { | |
| 19347 | + font-size: 1.1em; | |
| 19348 | + font-weight: bold; | |
| 19349 | + margin-bottom: 2px; | |
| 19350 | +} | |
| 19351 | +.vbo-admin-widget-style-light-red { | |
| 19352 | + background: rgb(2,0,36); | |
| 19353 | + background: linear-gradient(6deg, rgb(219, 109, 109) 0%, rgb(243, 153, 153) 100%); | |
| 19354 | +} | |
| 19355 | +.vbo-admin-widget-style-light-blue { | |
| 19356 | + background: rgb(2,0,36); | |
| 19357 | + background: linear-gradient(6deg, rgb(80, 148, 171) 0%, rgb(98, 184, 213) 100%); | |
| 19358 | +} | |
| 19359 | +.vbo-admin-widget-style-pink { | |
| 19360 | + background: rgb(2,0,36); | |
| 19361 | + background: linear-gradient(6deg, rgba(235,139,232,1) 0%, rgba(228,168,227,1) 100%); | |
| 19362 | +} | |
| 19363 | +.vbo-admin-widget-style-green { | |
| 19364 | + background: rgb(2,0,36); | |
| 19365 | + background: linear-gradient(6deg, rgb(89, 156, 72) 0%, rgb(142, 207, 126) 100%); | |
| 19366 | +} | |
| 19367 | +.vbo-admin-widget-style-light-orange { | |
| 19368 | + background: rgb(2,0,36); | |
| 19369 | + background: linear-gradient(0deg, rgb(223, 157, 83) 0%, rgb(248, 202, 152) 100%); | |
| 19370 | +} | |
| 19371 | +.vbo-admin-widget-style-yellow { | |
| 19372 | + background: rgb(2,0,36); | |
| 19373 | + background: linear-gradient(0deg, rgb(191, 170, 56) 0%, rgb(231, 210, 86) 100%); | |
| 19374 | +} | |
| 19375 | +.vbo-admin-widget-style-red { | |
| 19376 | + background: rgb(2,0,36); | |
| 19377 | + background: linear-gradient(6deg, rgb(195, 82, 82) 0%, rgb(212, 92, 92) 100%); | |
| 19378 | +} | |
| 19379 | +.vbo-admin-widget-style-violet { | |
| 19380 | + background: rgb(2,0,36); | |
| 19381 | + background: linear-gradient(6deg, rgb(111, 62, 161) 0%, rgb(186, 108, 229) 100%); | |
| 19382 | +} | |
| 19383 | +.vbo-admin-widget-style-orange { | |
| 19384 | + background: rgb(2,0,36); | |
| 19385 | + background: linear-gradient(0deg, rgb(209, 127, 34) 0%, rgb(255, 163, 66) 100%); | |
| 19386 | +} | |
| 19387 | +.vbo-admin-widget-style-blue { | |
| 19388 | + background: rgb(2,0,36); | |
| 19389 | + background: linear-gradient(6deg, rgb(36, 83, 124) 0%, rgb(80, 148, 207) 100%); | |
| 19390 | +} | |
| 19391 | +.vbo-admin-widget-style-brown { | |
| 19392 | + background: rgb(2,0,36); | |
| 19393 | + background: linear-gradient(6deg, rgb(112, 76, 31) 0%, rgb(175, 127, 52) 100%); | |
| 19394 | +} | |
| 19395 | +.vbo-admin-widget-style-dark-blue { | |
| 19396 | + background: rgb(2,0,36); | |
| 19397 | + background: linear-gradient(6deg, rgb(21, 57, 85) 0%, rgb(30, 84, 126) 100%); | |
| 19398 | +} | |
| 19399 | +.vbo-modal-widget-notselected { | |
| 19400 | + filter: brightness(60%); | |
| 19401 | +} | |
| 19402 | +.vbo-modal-widgets-newwidget .vbo-modal-widgets-form-data-fields > .vbo-modal-widgets-form-data-field > label { | |
| 19403 | + cursor: initial; | |
| 19404 | + font-size: 1.4em; | |
| 19405 | + margin-bottom: 10px; | |
| 19406 | +} | |
| 19407 | + | |
| 19408 | +/* Side widget panel */ | |
| 19409 | +.vbo-sidepanel-wrapper { | |
| 19410 | + position: fixed; | |
| 19411 | + top: 0; | |
| 19412 | + bottom: 0; | |
| 19413 | + right: 0; | |
| 19414 | + z-index: 2147483647; | |
| 19415 | +} | |
| 19416 | +.vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { | |
| 19417 | + background: var(--vbo-config-child-bg-color); | |
| 19418 | + box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2); | |
| 19419 | + position: absolute; | |
| 19420 | + top: 0; | |
| 19421 | + bottom: 0; | |
| 19422 | + width: 25vw; | |
| 19423 | + padding: 10px 0 6px 0; | |
| 19424 | + transition: 0.3s ease-in all; | |
| 19425 | + -moz-transition: 0.3s ease-in all; | |
| 19426 | + -webkit-transition: 0.3s ease-in all; | |
| 19427 | +} | |
| 19428 | +.vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container { | |
| 19429 | + background: var(--vbo-config-child-bg-color); | |
| 19430 | + box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2); | |
| 19431 | + position: absolute; | |
| 19432 | + top: 0; | |
| 19433 | + bottom: 0; | |
| 19434 | + width: 88vw; | |
| 19435 | + padding: 10px 0 6px 0; | |
| 19436 | + transition: 0.3s ease-in all; | |
| 19437 | + -moz-transition: 0.3s ease-in all; | |
| 19438 | + -webkit-transition: 0.3s ease-in all; | |
| 19439 | +} | |
| 19440 | +.vbo-sidepanel-wrapper.vbo-sidepanel-close { | |
| 19441 | + visibility: hidden; | |
| 19442 | +} | |
| 19443 | +.vbo-sidepanel-wrapper.vbo-sidepanel-open .vbo-sidepanel-container { | |
| 19444 | + transition: all 0.3s; | |
| 19445 | +} | |
| 19446 | +.vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { | |
| 19447 | + transform: translateX(25vw); | |
| 19448 | + right: 0; | |
| 19449 | + top: 0; | |
| 19450 | +} | |
| 19451 | +.vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container { | |
| 19452 | + transform: translateX(88vw); | |
| 19453 | + right: 0; | |
| 19454 | + top: 0; | |
| 19455 | +} | |
| 19456 | +.vbo-sidepanel-right.vbo-sidepanel-open .vbo-sidepanel-container { | |
| 19457 | + transform: translateX(0); | |
| 19458 | +} | |
| 19459 | +.vbo-sidepanel-large.vbo-sidepanel-open .vbo-sidepanel-container { | |
| 19460 | + transform: translateX(0); | |
| 19461 | +} | |
| 19462 | +.vbo-sidepanel-layouts { | |
| 19463 | + display: flex; | |
| 19464 | + margin-top: -10px; | |
| 19465 | + padding: 6px; | |
| 19466 | +} | |
| 19467 | +.vbo-sidepanel-container .vbo-sidepanel-dismiss { | |
| 19468 | + padding-left: 4px; | |
| 19469 | +} | |
| 19470 | +.vbo-sidepanel-container .vbo-sidepanel-dismiss span { | |
| 19471 | + display: inline-block; | |
| 19472 | + border: 1px solid var(--vbo-config-border-color); | |
| 19473 | + padding: 0px 5px; | |
| 19474 | + border-radius: 4px; | |
| 19475 | + background: var(--vbo-input-style); | |
| 19476 | + cursor: pointer; | |
| 19477 | + opacity: .8; | |
| 19478 | +} | |
| 19479 | +.vbo-sidepanel-container .vbo-sidepanel-dismiss span:hover { | |
| 19480 | + opacity: 1; | |
| 19481 | +} | |
| 19482 | +.vbo-sidepanel-container .vbo-sidepanel-shortcut { | |
| 19483 | + position: absolute; | |
| 19484 | + bottom: 20px; | |
| 19485 | + left: 50%; | |
| 19486 | + transform: translateX(-50%); | |
| 19487 | + text-align: center; | |
| 19488 | + opacity: 0.5; | |
| 19489 | +} | |
| 19490 | +.vbo-sidepanel-container .vbo-sidepanel-shortcut .shortcut-keys { | |
| 19491 | + font-size: 48px; | |
| 19492 | + line-height: 48px; | |
| 19493 | + display: inline-flex; | |
| 19494 | +} | |
| 19495 | +.vbo-sidepanel-container .vbo-sidepanel-shortcut .shortcut-subdesc { | |
| 19496 | + font-size: 80%; | |
| 19497 | +} | |
| 19498 | +@media screen and (max-width: 450px) { | |
| 19499 | + .vbo-sidepanel-container .vbo-sidepanel-shortcut { | |
| 19500 | + display: none; | |
| 19501 | + } | |
| 19502 | +} | |
| 19503 | +.vbo-sidepanel-container .vbo-sidepanel-notifications { | |
| 19504 | + flex: 1; | |
| 19505 | + margin-left: 10px; | |
| 19506 | +} | |
| 19507 | +.vbo-sidepanel-notifications-btn, .vbo-suggest-notifications-btn { | |
| 19508 | + background: transparent; | |
| 19509 | + border: 0; | |
| 19510 | + padding: 0; | |
| 19511 | + color: var(--vbo-orange-color); | |
| 19512 | + font-size: 13px; | |
| 19513 | + cursor: initial; | |
| 19514 | +} | |
| 19515 | +.vbo-sidepanel-notifications-off { | |
| 19516 | + color: var(--vbo-red-color); | |
| 19517 | + cursor: pointer; | |
| 19518 | +} | |
| 19519 | +.vbo-sidepanel-notifications-off:hover { | |
| 19520 | + color: var(--vbo-orange-color); | |
| 19521 | +} | |
| 19522 | +.vbo-sidepanel-notifications-off.shaking { | |
| 19523 | + font-size: 13px; | |
| 19524 | + width: 15px; | |
| 19525 | + height: 15px; | |
| 19526 | + margin: 0; | |
| 19527 | + -webkit-animation: ring 4s .7s ease-in-out ; | |
| 19528 | + -webkit-transform-origin: 50% 4px; | |
| 19529 | + -moz-animation: ring 4s .7s ease-in-out; | |
| 19530 | + -moz-transform-origin: 50% 4px; | |
| 19531 | + animation: ring 4s .7s ease-in-out; | |
| 19532 | + transform-origin: 50% 4px; | |
| 19533 | +} | |
| 19534 | +.vbo-suggest-notifications-btn, .vbo-suggest-notifications-btn.vbo-sidepanel-notifications-off.shaking { | |
| 19535 | + margin-left: 10px; | |
| 19536 | +} | |
| 19537 | +.vbo-admin-widgets-suggest-notifications-cont { | |
| 19538 | + display: inline-block; | |
| 19539 | + vertical-align: top; | |
| 19540 | + padding: 4px 6px; | |
| 19541 | + border-radius: 4px; | |
| 19542 | + border: 1px solid var(--vbo-config-border-color); | |
| 19543 | +} | |
| 19544 | +.vbo-dash-suggest-notifications-btn, .vbo-dash-suggest-notifications-off.shaking { | |
| 19545 | + margin-left: 0 !important; | |
| 19546 | +} | |
| 19547 | + | |
| 19548 | +@-webkit-keyframes ring { | |
| 19549 | + 0% { -webkit-transform: rotateZ(0); } | |
| 19550 | + 1% { -webkit-transform: rotateZ(30deg); } | |
| 19551 | + 3% { -webkit-transform: rotateZ(-28deg); } | |
| 19552 | + 5% { -webkit-transform: rotateZ(34deg); } | |
| 19553 | + 7% { -webkit-transform: rotateZ(-32deg); } | |
| 19554 | + 9% { -webkit-transform: rotateZ(30deg); } | |
| 19555 | + 11% { -webkit-transform: rotateZ(-28deg); } | |
| 19556 | + 13% { -webkit-transform: rotateZ(26deg); } | |
| 19557 | + 15% { -webkit-transform: rotateZ(-24deg); } | |
| 19558 | + 17% { -webkit-transform: rotateZ(22deg); } | |
| 19559 | + 19% { -webkit-transform: rotateZ(-20deg); } | |
| 19560 | + 21% { -webkit-transform: rotateZ(18deg); } | |
| 19561 | + 23% { -webkit-transform: rotateZ(-16deg); } | |
| 19562 | + 25% { -webkit-transform: rotateZ(14deg); } | |
| 19563 | + 27% { -webkit-transform: rotateZ(-12deg); } | |
| 19564 | + 29% { -webkit-transform: rotateZ(10deg); } | |
| 19565 | + 31% { -webkit-transform: rotateZ(-8deg); } | |
| 19566 | + 33% { -webkit-transform: rotateZ(6deg); } | |
| 19567 | + 35% { -webkit-transform: rotateZ(-4deg); } | |
| 19568 | + 37% { -webkit-transform: rotateZ(2deg); } | |
| 19569 | + 39% { -webkit-transform: rotateZ(-1deg); } | |
| 19570 | + 41% { -webkit-transform: rotateZ(1deg); } | |
| 19571 | + | |
| 19572 | + 43% { -webkit-transform: rotateZ(0); } | |
| 19573 | + 100% { -webkit-transform: rotateZ(0); } | |
| 19574 | + } | |
| 19575 | + | |
| 19576 | + @-moz-keyframes ring { | |
| 19577 | + 0% { -moz-transform: rotate(0); } | |
| 19578 | + 1% { -moz-transform: rotate(30deg); } | |
| 19579 | + 3% { -moz-transform: rotate(-28deg); } | |
| 19580 | + 5% { -moz-transform: rotate(34deg); } | |
| 19581 | + 7% { -moz-transform: rotate(-32deg); } | |
| 19582 | + 9% { -moz-transform: rotate(30deg); } | |
| 19583 | + 11% { -moz-transform: rotate(-28deg); } | |
| 19584 | + 13% { -moz-transform: rotate(26deg); } | |
| 19585 | + 15% { -moz-transform: rotate(-24deg); } | |
| 19586 | + 17% { -moz-transform: rotate(22deg); } | |
| 19587 | + 19% { -moz-transform: rotate(-20deg); } | |
| 19588 | + 21% { -moz-transform: rotate(18deg); } | |
| 19589 | + 23% { -moz-transform: rotate(-16deg); } | |
| 19590 | + 25% { -moz-transform: rotate(14deg); } | |
| 19591 | + 27% { -moz-transform: rotate(-12deg); } | |
| 19592 | + 29% { -moz-transform: rotate(10deg); } | |
| 19593 | + 31% { -moz-transform: rotate(-8deg); } | |
| 19594 | + 33% { -moz-transform: rotate(6deg); } | |
| 19595 | + 35% { -moz-transform: rotate(-4deg); } | |
| 19596 | + 37% { -moz-transform: rotate(2deg); } | |
| 19597 | + 39% { -moz-transform: rotate(-1deg); } | |
| 19598 | + 41% { -moz-transform: rotate(1deg); } | |
| 19599 | + | |
| 19600 | + 43% { -moz-transform: rotate(0); } | |
| 19601 | + 100% { -moz-transform: rotate(0); } | |
| 19602 | + } | |
| 19603 | + | |
| 19604 | + @keyframes ring { | |
| 19605 | + 0% { transform: rotate(0); } | |
| 19606 | + 1% { transform: rotate(30deg); } | |
| 19607 | + 3% { transform: rotate(-28deg); } | |
| 19608 | + 5% { transform: rotate(34deg); } | |
| 19609 | + 7% { transform: rotate(-32deg); } | |
| 19610 | + 9% { transform: rotate(30deg); } | |
| 19611 | + 11% { transform: rotate(-28deg); } | |
| 19612 | + 13% { transform: rotate(26deg); } | |
| 19613 | + 15% { transform: rotate(-24deg); } | |
| 19614 | + 17% { transform: rotate(22deg); } | |
| 19615 | + 19% { transform: rotate(-20deg); } | |
| 19616 | + 21% { transform: rotate(18deg); } | |
| 19617 | + 23% { transform: rotate(-16deg); } | |
| 19618 | + 25% { transform: rotate(14deg); } | |
| 19619 | + 27% { transform: rotate(-12deg); } | |
| 19620 | + 29% { transform: rotate(10deg); } | |
| 19621 | + 31% { transform: rotate(-8deg); } | |
| 19622 | + 33% { transform: rotate(6deg); } | |
| 19623 | + 35% { transform: rotate(-4deg); } | |
| 19624 | + 37% { transform: rotate(2deg); } | |
| 19625 | + 39% { transform: rotate(-1deg); } | |
| 19626 | + 41% { transform: rotate(1deg); } | |
| 19627 | + | |
| 19628 | + 43% { transform: rotate(0); } | |
| 19629 | + 100% { transform: rotate(0); } | |
| 19630 | + } | |
| 19631 | + | |
| 19632 | +.vbo-sidepanel-container .vbo-sidepanel-layout-type { | |
| 19633 | + margin-left: auto; | |
| 19634 | + padding-right: 5px; | |
| 19635 | + padding-top: 2px; | |
| 19636 | +} | |
| 19637 | +.vbo-sidepanel-container .vbo-sidepanel-layout-type > span { | |
| 19638 | + cursor: pointer; | |
| 19639 | + width: 17px; | |
| 19640 | + display: inline-block; | |
| 19641 | +} | |
| 19642 | +.vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg { | |
| 19643 | + opacity: .8; | |
| 19644 | +} | |
| 19645 | +.vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg:hover { | |
| 19646 | + opacity: 1; | |
| 19647 | +} | |
| 19648 | +.vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg { | |
| 19649 | + fill: var(--vbo-config-titles-color-light); | |
| 19650 | +} | |
| 19651 | +.vbo-sidepanel-container .vbo-sidepanel-search { | |
| 19652 | + position: relative; | |
| 19653 | + display: flex; | |
| 19654 | +} | |
| 19655 | +.vbo-sidepanel-container .vbo-sidepanel-search > i { | |
| 19656 | + position: absolute; | |
| 19657 | + top: 50%; | |
| 19658 | + left: 15px; | |
| 19659 | + transform: translateY(-50%); | |
| 19660 | +} | |
| 19661 | +.vbo-sidepanel-container .vbo-sidepanel-search #vbo-sidepanel-search-input { | |
| 19662 | + width: 100% !important; | |
| 19663 | + flex: 1; | |
| 19664 | + padding: 8px 10px; | |
| 19665 | + padding-left: 35px !important; | |
| 19666 | +} | |
| 19667 | +.vbo-sidepanel-container .vbo-sidepanel-search button { | |
| 19668 | + border-radius: 4px; | |
| 19669 | + margin: 0 0 0 5px; | |
| 19670 | + font-size: 14px; | |
| 19671 | + padding: 6px 8px; | |
| 19672 | +} | |
| 19673 | +.vbo-sidepanel-container .vbo-sidepanel-search button i { | |
| 19674 | + margin-right: 0; | |
| 19675 | +} | |
| 19676 | +.vbo-sidepanel-body-top { | |
| 19677 | + position: relative; | |
| 19678 | + margin-top: 7px; | |
| 19679 | + margin-bottom: 5px; | |
| 19680 | + padding: 0 15px; | |
| 19681 | +} | |
| 19682 | +.vbo-sidepanel-container .vbo-sidepanel-add-widgets { | |
| 19683 | + max-height: calc(100vh - 220px); | |
| 19684 | + overflow-y: scroll; | |
| 19685 | + margin-top: 5px; | |
| 19686 | + position: absolute; | |
| 19687 | + width: calc(100% - 30px); | |
| 19688 | + background: var(--vbo-config-bg-color); | |
| 19689 | + padding: 5px; | |
| 19690 | + box-sizing: border-box; | |
| 19691 | + z-index: 99999; | |
| 19692 | + box-shadow: 0px 3px 5px rgba(0,0,0,.2); | |
| 19693 | + border-radius: 4px; | |
| 19694 | +} | |
| 19695 | +.vbo-sidepanel-add-widget { | |
| 19696 | + cursor: pointer; | |
| 19697 | + margin-bottom: 8px; | |
| 19698 | + border: 1px solid var(--vbo-config-border-color); | |
| 19699 | + border-radius: 6px; | |
| 19700 | + padding: 5px; | |
| 19701 | +} | |
| 19702 | +.vbo-sidepanel-add-widget:hover { | |
| 19703 | + border-color: var(--vbo-blue-color); | |
| 19704 | +} | |
| 19705 | +.vbo-sidepanel-add-widget.is-sorting { | |
| 19706 | + background: var(--vbo-config-bg-color); | |
| 19707 | + border: 1px dashed var(--vbo-config-text-color-light); | |
| 19708 | +} | |
| 19709 | +.vbo-sidepanel-add-widget .vbo-sidepanel-widget-info-det { | |
| 19710 | + cursor: grab; | |
| 19711 | +} | |
| 19712 | +.vbo-sidepanel-add-widget .vbo-sidepanel-widget-info { | |
| 19713 | + display: flex; | |
| 19714 | +} | |
| 19715 | +.vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-info-det { | |
| 19716 | + flex: 1; | |
| 19717 | +} | |
| 19718 | +.vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-icn { | |
| 19719 | + border-radius: 6px; | |
| 19720 | + padding: 5px; | |
| 19721 | + text-align: center; | |
| 19722 | + width: 22px; | |
| 19723 | + height: 22px; | |
| 19724 | + display: inline-block; | |
| 19725 | + line-height: 22px; | |
| 19726 | + color: #fff; | |
| 19727 | + box-sizing: content-box; | |
| 19728 | +} | |
| 19729 | +.vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-name { | |
| 19730 | + font-weight: bold; | |
| 19731 | + margin-left: 10px; | |
| 19732 | + -webkit-user-select: none; | |
| 19733 | + -ms-user-select: none; | |
| 19734 | + user-select: none; | |
| 19735 | +} | |
| 19736 | +.vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add { | |
| 19737 | + margin-left: auto; | |
| 19738 | + align-self: center; | |
| 19739 | + font-size: 15px; | |
| 19740 | + cursor: pointer; | |
| 19741 | + color: var(--vbo-green-color); | |
| 19742 | +} | |
| 19743 | +.vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add .vbo-widget-render-regular:hover { | |
| 19744 | + color: var(--vbo-green-color-hover); | |
| 19745 | +} | |
| 19746 | +.vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal { | |
| 19747 | + opacity: 0; | |
| 19748 | + margin-right: 3px; | |
| 19749 | + color: var(--vbo-base-color); | |
| 19750 | + transition: all 100ms ease-in-out 0s; | |
| 19751 | +} | |
| 19752 | +.vbo-sidepanel-add-widget:hover .vbo-sidepanel-widget-info .vbo-widget-render-modal, .vbo-sidepanel-add-widget-focussed .vbo-sidepanel-widget-info .vbo-widget-render-modal { | |
| 19753 | + opacity: 1; | |
| 19754 | + transition: all 100ms ease-in-out 0s; | |
| 19755 | +} | |
| 19756 | +.vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal:hover { | |
| 19757 | + color: var(--vbo-base-color-hover); | |
| 19758 | +} | |
| 19759 | +.vbo-sidepanel-container .vbo-sidepanel-active-widgets { | |
| 19760 | + max-height: 84vh; | |
| 19761 | + min-height: 300px; | |
| 19762 | + overflow-y: scroll; | |
| 19763 | + padding: 5px 15px 0; | |
| 19764 | +} | |
| 19765 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output { | |
| 19766 | + background: var(--vbo-config-bg-color); | |
| 19767 | + border-radius: 6px; | |
| 19768 | + margin: 20px 0 10px; | |
| 19769 | + position: relative; | |
| 19770 | + box-shadow: 0 3px 5px rgba(0,0,0,.1); | |
| 19771 | +} | |
| 19772 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:first-child { | |
| 19773 | + margin-top: 10px; | |
| 19774 | +} | |
| 19775 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove { | |
| 19776 | + position: absolute; | |
| 19777 | + top: -4px; | |
| 19778 | + left: -6px; | |
| 19779 | + width: 16px; | |
| 19780 | + height: 16px; | |
| 19781 | + border-radius: 50%; | |
| 19782 | + text-align: center; | |
| 19783 | + line-height: 16px; | |
| 19784 | + background: var(--vbo-red-color); | |
| 19785 | + box-shadow: 1px 2px 3px rgba(0,0,0,.2); | |
| 19786 | + color: #fff; | |
| 19787 | + font-size: 10px; | |
| 19788 | + z-index: 999; | |
| 19789 | +} | |
| 19790 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove:hover { | |
| 19791 | + background: var(--vbo-red-color-hover); | |
| 19792 | +} | |
| 19793 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach { | |
| 19794 | + position: absolute; | |
| 19795 | + top: -15px; | |
| 19796 | + left: 50%; | |
| 19797 | + transform: translate(-50%, 0); | |
| 19798 | + width: 24px; | |
| 19799 | + height: 24px; | |
| 19800 | + border-radius: 50%; | |
| 19801 | + background: var(--vbo-config-bg-color); | |
| 19802 | + border: 1px solid var(--vbo-main-bg-color); | |
| 19803 | + color: var(--vbo-config-text-color-light); | |
| 19804 | + text-align: center; | |
| 19805 | + line-height: 24px; | |
| 19806 | + font-size: 12px; | |
| 19807 | + box-shadow: 0 4px 7px rgba(0,0,0,.1); | |
| 19808 | + z-index: 999; | |
| 19809 | + opacity: 0; | |
| 19810 | + transition: 0.2s ease-in all; | |
| 19811 | + -moz-transition: 0.2s ease-in all; | |
| 19812 | + -webkit-transition: 0.2s ease-in all; | |
| 19813 | +} | |
| 19814 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:not(.vbo-admin-widgets-widget-editing) .vbo-admin-widget-head:hover .vbo-admin-widgets-widget-detach, | |
| 19815 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:not(.vbo-admin-widgets-widget-editing) .vbo-admin-widgets-widget-detach:hover { | |
| 19816 | + opacity: 1; | |
| 19817 | + cursor: pointer; | |
| 19818 | +} | |
| 19819 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach:hover { | |
| 19820 | + color: var(--vbo-base-color); | |
| 19821 | +} | |
| 19822 | +.vbo-sidepanel-edit-widgets { | |
| 19823 | + margin-top: 10px; | |
| 19824 | + text-align: center; | |
| 19825 | + position: absolute; | |
| 19826 | + bottom: 10px; | |
| 19827 | + left: 50%; | |
| 19828 | + transform: translate(-50%, 0px); | |
| 19829 | + z-index: 10000; | |
| 19830 | +} | |
| 19831 | +.vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig { | |
| 19832 | + display: inline-block; | |
| 19833 | + padding: 5px 10px; | |
| 19834 | + border-radius: 20px; | |
| 19835 | + font-size: 11px; | |
| 19836 | + background: var(--vbo-config-border-color); | |
| 19837 | + border-color: var(--vbo-config-text-color-light); | |
| 19838 | +} | |
| 19839 | +.vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig:hover { | |
| 19840 | + background: var(--vbo-main-bg-color); | |
| 19841 | +} | |
| 19842 | +.vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active { | |
| 19843 | + background: var(--vbo-orange-color); | |
| 19844 | + border-color: var(--vbo-orange-color-hover); | |
| 19845 | + box-shadow: 0 3px 5px rgba(0,0,0,.2); | |
| 19846 | +} | |
| 19847 | +.vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active:hover { | |
| 19848 | + background: var(--vbo-orange-color); | |
| 19849 | +} | |
| 19850 | +.vbo-sidepanel-active-widgets .vbo-admin-widget-head h4 { | |
| 19851 | + font-size: 14px; | |
| 19852 | + padding: 3px 0 3px 15px; | |
| 19853 | + margin: 8px 0; | |
| 19854 | +} | |
| 19855 | +.vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper h4 i { | |
| 19856 | + margin-right: 5px; | |
| 19857 | + font-size: 12px; | |
| 19858 | +} | |
| 19859 | +.vbo-sidepanel-active-widgets .vbo-admin-widget-head .btn-toolbar, .vbo-sidepanel-active-widgets .vbo-admin-widget-head .arrivals-tot { | |
| 19860 | + display: none; | |
| 19861 | +} | |
| 19862 | +.vbo-sidepanel-active-widgets .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap, .vbo-sidepanel-active-widgets .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap { | |
| 19863 | + height: 28px; | |
| 19864 | +} | |
| 19865 | +.vbo-sidepanel-active-widgets .vik-multiswitch-noanimation .vik-multiswitch-radiobtn { | |
| 19866 | + padding: 5px 8px; | |
| 19867 | + font-size: 11px; | |
| 19868 | +} | |
| 19869 | +.vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, | |
| 19870 | +.vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate { | |
| 19871 | + margin: 7px 10px 6px 6px; | |
| 19872 | +} | |
| 19873 | +.vbo-sidepanel-active-widgets .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-sidepanel-active-widgets .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid { | |
| 19874 | + padding: 2px 5px; | |
| 19875 | +} | |
| 19876 | +.vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive .btn-small { | |
| 19877 | + padding: 3.5px 9px; | |
| 19878 | +} | |
| 19879 | +.vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { | |
| 19880 | + flex-wrap: wrap; | |
| 19881 | +} | |
| 19882 | +.vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices { | |
| 19883 | + flex-wrap: wrap; | |
| 19884 | +} | |
| 19885 | +.vbo-sidepanel-small .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow { | |
| 19886 | + flex-basis: 100%; | |
| 19887 | + margin-top: 5px; | |
| 19888 | + margin-right: 0; | |
| 19889 | +} | |
| 19890 | +.vbo-sidepanel-active-widgets .vbo-widget-checkav-result-rate-booknow button { | |
| 19891 | + width: 100%; | |
| 19892 | +} | |
| 19893 | +.vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates, .vbo-modal-overlay-content .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates { | |
| 19894 | + padding: 8px; | |
| 19895 | + border: 1px solid var(--vbo-basic-btn); | |
| 19896 | +} | |
| 19897 | +.vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates:hover, .vbo-modal-overlay-content .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates:hover { | |
| 19898 | + border-color: var(--vbo-blue-color-hover); | |
| 19899 | +} | |
| 19900 | +.vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { | |
| 19901 | + margin-bottom: 0; | |
| 19902 | +} | |
| 19903 | +.vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive { | |
| 19904 | + width: 100%; | |
| 19905 | +} | |
| 19906 | +.vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det > h5 { | |
| 19907 | + padding: 10px 15px; | |
| 19908 | +} | |
| 19909 | +.vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det-rname { | |
| 19910 | + vertical-align: middle; | |
| 19911 | +} | |
| 19912 | +.vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto { | |
| 19913 | + padding: 0px 10px; | |
| 19914 | +} | |
| 19915 | +.vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto .vbo-dashboard-roomocc-units-from { | |
| 19916 | + font-size: 16px; | |
| 19917 | +} | |
| 19918 | +.vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span { | |
| 19919 | + font-size: 13px; | |
| 19920 | +} | |
| 19921 | +.vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc:only-child { | |
| 19922 | + width: 100%; | |
| 19923 | +} | |
| 19924 | +.vbo-sidepanel-add-widget-focussed { | |
| 19925 | + background: var(--vbo-toolbar-bg-color); | |
| 19926 | + border-color: var(--vbo-blue-color); | |
| 19927 | +} | |
| 19928 | +.vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head h4 { | |
| 19929 | + padding: 5px 0 5px 15px; | |
| 19930 | +} | |
| 19931 | +.vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head-inline > div { | |
| 19932 | + margin-top: 3px; | |
| 19933 | +} | |
| 19934 | +.vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label { | |
| 19935 | + flex-basis: 180px; | |
| 19936 | +} | |
| 19937 | +.vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer { | |
| 19938 | + display: flex; | |
| 19939 | +} | |
| 19940 | +.vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer span { | |
| 19941 | + align-self: center; | |
| 19942 | + padding: 0 8px 0 10px; | |
| 19943 | +} | |
| 19944 | +.vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap { | |
| 19945 | + display: block; | |
| 19946 | + margin-bottom: 5px; | |
| 19947 | +} | |
| 19948 | +.vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-widget-bookscal-taxid { | |
| 19949 | + margin-top: 5px; | |
| 19950 | +} | |
| 19951 | +.vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-website-rates-cont .vbo-cal-wbrate-wrap { | |
| 19952 | + width: 100%; | |
| 19953 | +} | |
| 19954 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-top-wrap, .vbo-widget-element-filter-top .btn-group-inline { | |
| 19955 | + padding: 10px; | |
| 19956 | + display: flex; | |
| 19957 | + gap: 0; | |
| 19958 | +} | |
| 19959 | +.vbo-widget-booskcal-top-wrap .vbo-widget-booskcal-filter, .vbo-widget-element-filter-top .btn-group-inline input, .vbo-widget-element-filter-top .btn-group-inline select { | |
| 19960 | + flex: 1; | |
| 19961 | + margin-right: 10px; | |
| 19962 | +} | |
| 19963 | +.vbo-widget-element-filter-top .btn-group-inline .btn + input { | |
| 19964 | + border-top-left-radius: 0; | |
| 19965 | + border-bottom-left-radius: 0; | |
| 19966 | + margin-left: 0; | |
| 19967 | +} | |
| 19968 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar, .vbo-widget-element-body { | |
| 19969 | + padding: 6px 15px 10px; | |
| 19970 | +} | |
| 19971 | +.vbo-widget-booskcal-newbook-cont { | |
| 19972 | + position: relative; | |
| 19973 | +} | |
| 19974 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table-wrap { | |
| 19975 | + border: 1px solid var(--vbo-config-border-color); | |
| 19976 | + border-radius: 10px; | |
| 19977 | + padding: 0 15px 10px; | |
| 19978 | +} | |
| 19979 | +.vbo-widget-booskcal-wrap .vbo-widget-bookscal-mngrates-toggle { | |
| 19980 | + text-align: right; | |
| 19981 | + margin-top: 10px; | |
| 19982 | +} | |
| 19983 | +.vbo-widget-booskcal-wrap .vbo-widget-bookscal-mngrates-toggle label { | |
| 19984 | + vertical-align: middle; | |
| 19985 | +} | |
| 19986 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-mday-wrap, .vbo-widget-booskcal-newbook-wrap { | |
| 19987 | + margin-top: 0; | |
| 19988 | +} | |
| 19989 | +.vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head { | |
| 19990 | + padding-bottom: 5px; | |
| 19991 | +} | |
| 19992 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head { | |
| 19993 | + background: var(--vbo-light-blue); | |
| 19994 | + border: 1px solid var(--vbo-info-bg); | |
| 19995 | + border-radius: 8px; | |
| 19996 | + padding: 5px 10px; | |
| 19997 | + margin-bottom: 5px; | |
| 19998 | + display: flex; | |
| 19999 | + justify-content: space-between; | |
| 20000 | + align-items: center; | |
| 20001 | +} | |
| 20002 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-back i, | |
| 20003 | +.vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-back i { | |
| 20004 | + margin-right: 2px; | |
| 20005 | +} | |
| 20006 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name, | |
| 20007 | +.vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-name { | |
| 20008 | + float: right; | |
| 20009 | + font-weight: bold; | |
| 20010 | + text-transform: uppercase; | |
| 20011 | + display: inline-block; | |
| 20012 | + margin-left: 10px; | |
| 20013 | +} | |
| 20014 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name { | |
| 20015 | + text-transform: initial; | |
| 20016 | +} | |
| 20017 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-dashboard-guest-activity-content-info-date .label-info { | |
| 20018 | + display: inline-block; | |
| 20019 | + margin-bottom: 2px; | |
| 20020 | +} | |
| 20021 | +.vbo-widget-booskcal-mday-pricing { | |
| 20022 | + margin-top: 10px; | |
| 20023 | + margin-bottom: 14px; | |
| 20024 | +} | |
| 20025 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-title { | |
| 20026 | + font-size: 16px; | |
| 20027 | + margin-bottom: 4px; | |
| 20028 | + font-weight: bold; | |
| 20029 | +} | |
| 20030 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost { | |
| 20031 | + font-size: 20px; | |
| 20032 | + font-weight: bold; | |
| 20033 | + margin-bottom: 5px; | |
| 20034 | + border: 1px solid var(--vbo-config-border-color); | |
| 20035 | + padding: 13px 15px; | |
| 20036 | + border-radius: 10px; | |
| 20037 | + position: relative; | |
| 20038 | +} | |
| 20039 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-rplan { | |
| 20040 | + display: block; | |
| 20041 | + font-size: 14px; | |
| 20042 | + margin-bottom: 7px; | |
| 20043 | + font-weight: 500; | |
| 20044 | +} | |
| 20045 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-edit { | |
| 20046 | + font-size: 12px; | |
| 20047 | + display: inline-block; | |
| 20048 | + border-bottom: 1px solid var(--vbo-body-text-color); | |
| 20049 | + color: var(--vbo-body-text-color); | |
| 20050 | + text-align: right; | |
| 20051 | + position: absolute; | |
| 20052 | + right: 16px; | |
| 20053 | + top: 13px; | |
| 20054 | +} | |
| 20055 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-edit:hover { | |
| 20056 | + border-color: transparent; | |
| 20057 | + color: var(--vbo-base-color); | |
| 20058 | +} | |
| 20059 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-wrap { | |
| 20060 | + margin-top: 10px; | |
| 20061 | + display: flex; | |
| 20062 | + gap: 20px; | |
| 20063 | + flex-wrap: wrap; | |
| 20064 | + border-top: 1px solid var(--vbo-basic-btn); | |
| 20065 | + padding: 10px 0; | |
| 20066 | +} | |
| 20067 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-block label { | |
| 20068 | + font-size: 13px; | |
| 20069 | + margin-bottom: 3px; | |
| 20070 | + display: inline-block; | |
| 20071 | +} | |
| 20072 | +.vbo-widget-booskcal-mday-otapricing-wrap { | |
| 20073 | + flex-basis: 100%; | |
| 20074 | + gap: 10px; | |
| 20075 | + display: grid; | |
| 20076 | + grid-template-columns: repeat(auto-fill, 240px); | |
| 20077 | + justify-content: center; | |
| 20078 | +} | |
| 20079 | +.vbo-widget-booskcal-mday-otapricing-wrap:has(> :only-child) { | |
| 20080 | + grid-template-columns: minmax(240px, max-content); | |
| 20081 | +} | |
| 20082 | +.vbo-widget-booskcal-mday-otapricing-wrap .vbo-roverw-setnewrate-vcm-ota-relation { | |
| 20083 | + font-size: 13px; | |
| 20084 | +} | |
| 20085 | +.vbo-widget-booskcal-mday-otapricing-wrap .vbo-roverw-setnewrate-vcm-ota-relation-channel > span:not(.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue) { | |
| 20086 | + font-weight: normal; | |
| 20087 | +} | |
| 20088 | +.vbo-widget-booskcal-mday-otapricing-wrap .vbo-roverw-setnewrate-vcm-ota-pricing-alteration { | |
| 20089 | + font-weight: normal; | |
| 20090 | +} | |
| 20091 | + | |
| 20092 | +/* Currency Input structure */ | |
| 20093 | +.vbo-input-currency-wrap { | |
| 20094 | + position: relative; | |
| 20095 | +} | |
| 20096 | +.vbo-input-currency-wrap span { | |
| 20097 | + position: absolute; | |
| 20098 | + top: 50%; | |
| 20099 | + left: 9px; | |
| 20100 | + transform: translate(0px , -50%); | |
| 20101 | + font-size: 14px; | |
| 20102 | + color: var(--vbo-config-text-color-light); | |
| 20103 | +} | |
| 20104 | +.vbo-input-currency-wrap input { | |
| 20105 | + padding-left: 24px !important; | |
| 20106 | +} | |
| 20107 | + | |
| 20108 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-block .vbo-widget-booskcal-mday-pricing-edit-input { | |
| 20109 | + font-weight: normal; | |
| 20110 | +} | |
| 20111 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save { | |
| 20112 | + align-self: flex-end; | |
| 20113 | +} | |
| 20114 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save .btn { | |
| 20115 | + padding: 10px 20px; | |
| 20116 | +} | |
| 20117 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr { | |
| 20118 | + border: 1px solid var(--vbo-config-border-color); | |
| 20119 | + padding: 13px 15px; | |
| 20120 | + border-radius: 10px; | |
| 20121 | +} | |
| 20122 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-minlos span:not(.vbo-widget-booskcal-mday-pricing-minlos) { | |
| 20123 | + display: block; | |
| 20124 | + font-size: 14px; | |
| 20125 | + margin-bottom: 7px; | |
| 20126 | + font-weight: 500; | |
| 20127 | +} | |
| 20128 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-minlos .vbo-widget-booskcal-mday-pricing-minlos { | |
| 20129 | + display: block; | |
| 20130 | + font-size: 20px; | |
| 20131 | + font-weight: bold; | |
| 20132 | +} | |
| 20133 | +.vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-ctad { | |
| 20134 | + margin-top: 8px; | |
| 20135 | +} | |
| 20136 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events { | |
| 20137 | + padding: 5px 10px; | |
| 20138 | + border-radius: 4px; | |
| 20139 | + margin-top: 5px; | |
| 20140 | +} | |
| 20141 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events .vbo-widget-booskcal-event { | |
| 20142 | + border: 1px solid var(--vbo-config-border-color); | |
| 20143 | + padding: 5px; | |
| 20144 | + border-radius: 6px; | |
| 20145 | + margin-bottom: 5px; | |
| 20146 | +} | |
| 20147 | + .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table { | |
| 20148 | + width: 100%; | |
| 20149 | +} | |
| 20150 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td { | |
| 20151 | + text-align: right !important; | |
| 20152 | + padding: 3px !important; | |
| 20153 | + vertical-align: top !important; | |
| 20154 | + cursor: initial; | |
| 20155 | + position: relative; | |
| 20156 | +} | |
| 20157 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy).past { | |
| 20158 | + background-color: var(--vbo-config-child-bg-color); | |
| 20159 | + color: var(--vbo-config-text-color-light); | |
| 20160 | +} | |
| 20161 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.busy.past { | |
| 20162 | + opacity: .5; | |
| 20163 | +} | |
| 20164 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:active, .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:focus { | |
| 20165 | + color: inherit; | |
| 20166 | +} | |
| 20167 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"] { | |
| 20168 | + background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-basic-btn) 10px, var(--vbo-basic-btn) 20px ); | |
| 20169 | +} | |
| 20170 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy { | |
| 20171 | + background: var(--vbo-red-color); | |
| 20172 | +} | |
| 20173 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.vbo-partially { | |
| 20174 | + background: repeating-linear-gradient( -45deg, #f9ab4f, #f9ab4f 10px, #df8e1c 10px, #df8e1c 20px ) !important; | |
| 20175 | +} | |
| 20176 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.vbo-partially:hover { | |
| 20177 | + background: var(--vbo-orange-color-hover) !important; | |
| 20178 | +} | |
| 20179 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.busy-closure { | |
| 20180 | + /* background: var(--vbo-config-title-color); */ | |
| 20181 | + background: repeating-linear-gradient( -45deg, #1d2327, #1d2327 10px, #3a3f42 10px, #3a3f42 20px ) !important; | |
| 20182 | +} | |
| 20183 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.busy-closure:hover { | |
| 20184 | + background: var(--vbo-config-titles-color-light) !important; | |
| 20185 | +} | |
| 20186 | +.vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td { | |
| 20187 | + height: 40px; | |
| 20188 | +} | |
| 20189 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-skeleton-loading { | |
| 20190 | + width: 100%; | |
| 20191 | + height: 100%; | |
| 20192 | +} | |
| 20193 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbadmincaltrmdays td { | |
| 20194 | + vertical-align: bottom !important; | |
| 20195 | + background: transparent; | |
| 20196 | + border: 0 !important; | |
| 20197 | +} | |
| 20198 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy):hover { | |
| 20199 | + background: transparent; | |
| 20200 | +} | |
| 20201 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.free:hover { | |
| 20202 | + background: var(--vbo-main-bg-color); | |
| 20203 | +} | |
| 20204 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td { | |
| 20205 | + cursor: pointer; | |
| 20206 | +} | |
| 20207 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-widget-booskcal-mday-val { | |
| 20208 | + font-weight: bold; | |
| 20209 | + font-size: 14px; | |
| 20210 | +} | |
| 20211 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today .vbo-widget-booskcal-mday-val { | |
| 20212 | + width: 22px; | |
| 20213 | + height: 22px; | |
| 20214 | + line-height: 22px; | |
| 20215 | + font-size: 12px; | |
| 20216 | + display: inline-block; | |
| 20217 | + background: var(--vbo-red-color); | |
| 20218 | + color: #fff; | |
| 20219 | + border-radius: 50%; | |
| 20220 | + text-align: center; | |
| 20221 | +} | |
| 20222 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today.busy .vbo-widget-booskcal-mday-val { | |
| 20223 | + border: 1px solid var(--vbo-config-bg-color); | |
| 20224 | +} | |
| 20225 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-info { | |
| 20226 | + position: absolute; | |
| 20227 | + top: 3px; | |
| 20228 | + left: 5px; | |
| 20229 | + font-size: 12px; | |
| 20230 | +} | |
| 20231 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-ratesrestr { | |
| 20232 | + margin-top: 5px; | |
| 20233 | + text-align: center; | |
| 20234 | +} | |
| 20235 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-roomrate { | |
| 20236 | + margin-top: 2px 0; | |
| 20237 | +} | |
| 20238 | +.vbo-widget-booskcal-cell-mday .vbo-widget-booskcal-mday-roomrate span { | |
| 20239 | + display: inline-block; | |
| 20240 | + border-radius: 20px; | |
| 20241 | + padding: 0px 4px; | |
| 20242 | + background-color: var(--vbo-body-bg-color); | |
| 20243 | + border: 1px solid var(--vbo-body-text-color); | |
| 20244 | +} | |
| 20245 | +.vbo-widget-booskcal-cell-mday.busy .vbo-widget-booskcal-mday-roomrate span { | |
| 20246 | + background: var(--vbo-body-bg-color); | |
| 20247 | + color: var(--vbo-red-color); | |
| 20248 | + border: 1px solid var(--vbo-red-color); | |
| 20249 | +} | |
| 20250 | +.vbo-widget-booskcal-cell-mday.busy.vbo-partially .vbo-widget-booskcal-mday-roomrate span { | |
| 20251 | + color: var(--vbo-orange-color-hover); | |
| 20252 | + border: 1px solid var(--vbo-orange-color-hover); | |
| 20253 | +} | |
| 20254 | +.vbo-widget-booskcal-cell-mday.busy.busy-closure .vbo-widget-booskcal-mday-roomrate span { | |
| 20255 | + color: var(--vbo-config-title-color); | |
| 20256 | + border: 1px solid var(--vbo-config-title-color); | |
| 20257 | +} | |
| 20258 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions { | |
| 20259 | + margin-top: 4px; | |
| 20260 | +} | |
| 20261 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions span { | |
| 20262 | + display: inline-block; | |
| 20263 | + margin-left: 6px; | |
| 20264 | +} | |
| 20265 | +.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions span:first-child { | |
| 20266 | + margin-left: 0; | |
| 20267 | +} | |
| 20268 | +.vbo-widget-booskcal-wrap .select2-container .select2-selection--single { | |
| 20269 | + height: 40px; | |
| 20270 | +} | |
| 20271 | +.vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { | |
| 20272 | + line-height: 40px; | |
| 20273 | +} | |
| 20274 | +.vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { | |
| 20275 | + height: 40px; | |
| 20276 | +} | |
| 20277 | +div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands { | |
| 20278 | + margin-top: 0; | |
| 20279 | +} | |
| 20280 | +.vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands { | |
| 20281 | + margin-top: 14px; | |
| 20282 | +} | |
| 20283 | +.vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters { | |
| 20284 | + padding-top: 6px; | |
| 20285 | +} | |
| 20286 | +div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-reportwidget-commands { | |
| 20287 | + margin-bottom: 5px; | |
| 20288 | +} | |
| 20289 | +div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters { | |
| 20290 | + right: 10px; | |
| 20291 | + min-width: 200px; | |
| 20292 | +} | |
| 20293 | +div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter { | |
| 20294 | + display: flex; | |
| 20295 | + width: 100%; | |
| 20296 | +} | |
| 20297 | +div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter label { | |
| 20298 | + align-self: center; | |
| 20299 | + display: inline-block; | |
| 20300 | +} | |
| 20301 | +div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter span.vbo-iostoggle-wrap { | |
| 20302 | + align-self: center; | |
| 20303 | + margin-top: 0; | |
| 20304 | + padding-top: 0; | |
| 20305 | + padding-bottom: 0; | |
| 20306 | + margin-left: auto; | |
| 20307 | + width: auto; | |
| 20308 | + float: right; | |
| 20309 | + margin-right: 0; | |
| 20310 | +} | |
| 20311 | +.vbo-widget-reminders-list .vbo-widget-reminders-record { | |
| 20312 | + display: flex; | |
| 20313 | + padding: 5px 10px; | |
| 20314 | + border-radius: 4px; | |
| 20315 | + border: 1px solid var(--vbo-config-border-color); | |
| 20316 | + margin: 5px 10px; | |
| 20317 | + position: relative; | |
| 20318 | + overflow: hidden; | |
| 20319 | +} | |
| 20320 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status { | |
| 20321 | + margin-right: 10px; | |
| 20322 | + display: flex; | |
| 20323 | + flex-wrap: wrap; | |
| 20324 | + flex-direction: column; | |
| 20325 | +} | |
| 20326 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-reminder-status-dot { | |
| 20327 | + background: none; | |
| 20328 | + border: 0; | |
| 20329 | + color: var(--vbo-body-text-color); | |
| 20330 | + padding: 0; | |
| 20331 | + font-size: 15px; | |
| 20332 | + margin-top: 2px; | |
| 20333 | +} | |
| 20334 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important { | |
| 20335 | + margin-top: auto; | |
| 20336 | +} | |
| 20337 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important { | |
| 20338 | + color: var(--vbo-orange-color); | |
| 20339 | +} | |
| 20340 | +.vbo-widget-reminders-list .vbo-reminder-ok { | |
| 20341 | + opacity: .8; | |
| 20342 | + color: var(--vbo-config-titles-color-light); | |
| 20343 | +} | |
| 20344 | +.vbo-widget-reminders-list .vbo-reminder-ok .vbo-widget-reminders-record-status .vbo-reminder-status-dot { | |
| 20345 | + color: var(--vbo-blue-color); | |
| 20346 | +} | |
| 20347 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit { | |
| 20348 | + background: var(--vbo-blue-color); | |
| 20349 | + position: absolute; | |
| 20350 | + right: 4px; | |
| 20351 | + top: 4px; | |
| 20352 | + height: calc(100% - 8px); | |
| 20353 | + width: 35px; | |
| 20354 | + transition: 0.2s ease-in all; | |
| 20355 | + -moz-transition: 0.2s ease-in all; | |
| 20356 | + -webkit-transition: 0.2s ease-in all; | |
| 20357 | + transform: translateX(calc(100% + 4px)); | |
| 20358 | + display: flex; | |
| 20359 | + cursor: pointer; | |
| 20360 | + border-radius: 6px; | |
| 20361 | +} | |
| 20362 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit:hover { | |
| 20363 | + background: var(--vbo-blue-color-hover); | |
| 20364 | +} | |
| 20365 | +.vbo-widget-reminders-list .vbo-widget-reminders-record:hover .vbo-widget-reminders-record-edit { | |
| 20366 | + transform: translateX(0); | |
| 20367 | +} | |
| 20368 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button { | |
| 20369 | + background: transparent; | |
| 20370 | + border: 0; | |
| 20371 | + padding: 0; | |
| 20372 | + width: 100%; | |
| 20373 | + color: #fff; | |
| 20374 | + cursor: pointer; | |
| 20375 | +} | |
| 20376 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button i { | |
| 20377 | + margin-right: 0; | |
| 20378 | +} | |
| 20379 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info { | |
| 20380 | + margin-right: 20px; | |
| 20381 | +} | |
| 20382 | +.vbo-widget-reminder-title { | |
| 20383 | + font-weight: bold; | |
| 20384 | + display: block; | |
| 20385 | + margin-bottom: 2px; | |
| 20386 | +} | |
| 20387 | +.vbo-widget-reminders-record-due { | |
| 20388 | + margin-top: 3px; | |
| 20389 | + color: var(--vbo-config-titles-color-light) !important; | |
| 20390 | + font-size: .9em; | |
| 20391 | + display: flex; | |
| 20392 | +} | |
| 20393 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due .vbo-widget-reminders-record-due-booking { | |
| 20394 | + order: 2; | |
| 20395 | + margin-left: 10px; | |
| 20396 | +} | |
| 20397 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime > div { | |
| 20398 | + display: inline-block; | |
| 20399 | +} | |
| 20400 | +.vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime .vbo-widget-reminders-record-due-time { | |
| 20401 | + margin-left: 2px; | |
| 20402 | +} | |
| 20403 | +.vbo-widget-reminders-list .vbo-reminder-past.vbo-reminder-nok .vbo-widget-reminders-record-due { | |
| 20404 | + color: var(--vbo-red-color) !important; | |
| 20405 | + font-size: 1em; | |
| 20406 | +} | |
| 20407 | +.vbo-widget-reminders-manage .vbo-widget-reminders-goback { | |
| 20408 | + padding: 5px 10px; | |
| 20409 | + margin-bottom: 8px; | |
| 20410 | +} | |
| 20411 | +.vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap { | |
| 20412 | + padding: 0 15px; | |
| 20413 | +} | |
| 20414 | +.vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter { | |
| 20415 | + margin-bottom: 5px; | |
| 20416 | +} | |
| 20417 | +.vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter.vbo-widget-reminders-filter-booking { | |
| 20418 | + margin: 10px 0; | |
| 20419 | +} | |
| 20420 | +.vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter input, .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea { | |
| 20421 | + width: 100% !important; | |
| 20422 | +} | |
| 20423 | +.vbo-modal-overlay-content .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem { | |
| 20424 | + width: auto !important; | |
| 20425 | +} | |
| 20426 | +.vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea { | |
| 20427 | + min-height: 100px; | |
| 20428 | +} | |
| 20429 | +.vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime { | |
| 20430 | + display: flex; | |
| 20431 | + flex-wrap: wrap; | |
| 20432 | +} | |
| 20433 | +.vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance { | |
| 20434 | + float: right; | |
| 20435 | + margin-left: 10px; | |
| 20436 | +} | |
| 20437 | +.vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance i { | |
| 20438 | + color: var(--vbo-orange-color); | |
| 20439 | +} | |
| 20440 | +.vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter { | |
| 20441 | + flex: 1; | |
| 20442 | +} | |
| 20443 | +.vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter .field-calendar, .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter .vbo-field-calendar { | |
| 20444 | + width: 100%; | |
| 20445 | +} | |
| 20446 | +.vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { | |
| 20447 | + display: flex; | |
| 20448 | + gap: 5px; | |
| 20449 | +} | |
| 20450 | +.vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button { | |
| 20451 | + flex: 1; | |
| 20452 | +} | |
| 20453 | +.vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time { | |
| 20454 | + display: flex; | |
| 20455 | + margin-left: 10px; | |
| 20456 | +} | |
| 20457 | +.vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time { | |
| 20458 | + flex: 0; | |
| 20459 | +} | |
| 20460 | +.vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select { | |
| 20461 | + width: 110px !important; | |
| 20462 | +} | |
| 20463 | +.vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select.vbo-widget-reminders-fh { | |
| 20464 | + margin-right: 5px; | |
| 20465 | +} | |
| 20466 | +.vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { | |
| 20467 | + margin-top: 5px; | |
| 20468 | + text-align: center; | |
| 20469 | +} | |
| 20470 | +.vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { | |
| 20471 | + display: flex; | |
| 20472 | +} | |
| 20473 | +.vbo-sidepanel-right .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button { | |
| 20474 | + flex: 1; | |
| 20475 | +} | |
| 20476 | +.vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete { | |
| 20477 | + margin-left: 5px; | |
| 20478 | +} | |
| 20479 | +.vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record:first-child .vbo-param-label { | |
| 20480 | + align-self: initial; | |
| 20481 | +} | |
| 20482 | +.vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evdate { | |
| 20483 | + margin-top: 3px; | |
| 20484 | + color: var(--vbo-config-titles-color-light) !important; | |
| 20485 | + font-size: .9em; | |
| 20486 | +} | |
| 20487 | +.vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evname { | |
| 20488 | + font-weight: 500; | |
| 20489 | + font-size: .9em; | |
| 20490 | +} | |
| 20491 | +.vbo-widget-bookdets-cm-updresult { | |
| 20492 | + margin-bottom: 2px; | |
| 20493 | +} | |
| 20494 | +.vbo-widget-bookdets-cm-updresult:last-child { | |
| 20495 | + margin-bottom: 0; | |
| 20496 | +} | |
| 20497 | +.vbo-widget-bookdets-cm-updresult > i { | |
| 20498 | + color: var(--vbo-config-text-color-light); | |
| 20499 | + margin-right: 3px; | |
| 20500 | +} | |
| 20501 | +.vbo-widget-bookdets-cm-ruids .btn.btn-small { | |
| 20502 | + padding: 2px 6px; | |
| 20503 | +} | |
| 20504 | +.vbo-widget-push-notification { | |
| 20505 | + margin: 0px 10px; | |
| 20506 | + padding: 12px; | |
| 20507 | + border-radius: 10px; | |
| 20508 | + border-width: 1px; | |
| 20509 | + border-style: solid; | |
| 20510 | +} | |
| 20511 | +.vbo-widget-push-notification-info { | |
| 20512 | + background-color: var(--vbo-info-bg); | |
| 20513 | + border-color: var(--vbo-info-border); | |
| 20514 | + color: var(--vbo-container-text-color); | |
| 20515 | +} | |
| 20516 | +.vbo-widget-push-notification-warning { | |
| 20517 | + background-color: var(--vbo-warning-bg); | |
| 20518 | + border-color: var(--vbo-warning-border); | |
| 20519 | + color: var(--vbo-container-text-color); | |
| 20520 | +} | |
| 20521 | +.vbo-widget-push-notification-error { | |
| 20522 | + background-color: var(--vbo-error-bg); | |
| 20523 | + border-color: var(--vbo-error-border); | |
| 20524 | + color: var(--vbo-container-text-color); | |
| 20525 | +} | |
| 20526 | +.vbo-widget-push-notification-title { | |
| 20527 | + font-size: 14px; | |
| 20528 | + margin-bottom: 2px; | |
| 20529 | +} | |
| 20530 | +.vbo-widget-push-notification-message { | |
| 20531 | + font-size: 13px; | |
| 20532 | +} | |
| 20533 | +.vbo-widget-push-notification-action { | |
| 20534 | + margin-top: 5px; | |
| 20535 | +} | |
| 20536 | +.vbo-widget-push-notification-action .btn.vbo-config-btn { | |
| 20537 | + padding: 8px 10px; | |
| 20538 | +} | |
| 20539 | +.vbo-widget-bookdets-cm-updresult-log { | |
| 20540 | + font-size: .95em; | |
| 20541 | + color: var(--vbo-config-titles-color-light); | |
| 20542 | +} | |
| 20543 | + | |
| 20544 | +.colorpicker input { | |
| 20545 | + top: -4px; | |
| 20546 | +} | |
| 20547 | + | |
| 20548 | +@-webkit-keyframes VikfadeInDown { | |
| 20549 | + from { | |
| 20550 | + opacity: 0; | |
| 20551 | + -webkit-transform: translate3d(0%, -20%, 0); | |
| 20552 | + transform: translate3d(0%, -20%, 0); | |
| 20553 | + } | |
| 20554 | + | |
| 20555 | + to { | |
| 20556 | + opacity: 1; | |
| 20557 | + -webkit-transform: translate3d(0%, 0%, 0); | |
| 20558 | + transform: translate3d(0%, 0%, 0); | |
| 20559 | + } | |
| 20560 | +} | |
| 20561 | + | |
| 20562 | + @keyframes VikfadeInDown { | |
| 20563 | + from { | |
| 20564 | + opacity: 0; | |
| 20565 | + -webkit-transform: translate3d(0%, -20%, 0); | |
| 20566 | + transform: translate3d(0%, -20%, 0); | |
| 20567 | + } | |
| 20568 | + | |
| 20569 | + to { | |
| 20570 | + opacity: 1; | |
| 20571 | + -webkit-transform: translate3d(0%, 0%, 0); | |
| 20572 | + transform: translate3d(0%, 0%, 0); | |
| 20573 | + } | |
| 20574 | +} | |
| 20575 | +.vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions { | |
| 20576 | + text-align: center; | |
| 20577 | + margin-bottom: 20px; | |
| 20578 | +} | |
| 20579 | +.vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions > div { | |
| 20580 | + display: inline-block; | |
| 20581 | + margin: 5px; | |
| 20582 | +} | |
| 20583 | +.vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions .btn-secondary { | |
| 20584 | + border-radius: 3px; | |
| 20585 | + padding: 8px 14px; | |
| 20586 | + margin-bottom: 0; | |
| 20587 | + font-size: inherit; | |
| 20588 | +} | |
| 20589 | +.vbo-modal-condtext-rules { | |
| 20590 | + display: flex; | |
| 20591 | + flex-wrap: wrap; | |
| 20592 | +} | |
| 20593 | +.vbo-modal-condtext-rules .vbo-modal-condtext-rule { | |
| 20594 | + flex-basis: calc(33% - 38px); | |
| 20595 | + border: 2px solid var(--vbo-config-border-color); | |
| 20596 | + padding: 10px; | |
| 20597 | + border-radius: 6px; | |
| 20598 | + margin: 7px; | |
| 20599 | + cursor: pointer; | |
| 20600 | +} | |
| 20601 | +.vbo-modal-condtext-rules .vbo-modal-condtext-rule:hover { | |
| 20602 | + border-color: #acdaac; | |
| 20603 | +} | |
| 20604 | +.vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-selected { | |
| 20605 | + border-color: #46a546; | |
| 20606 | +} | |
| 20607 | +.vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-disabled, .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-disabled:hover { | |
| 20608 | + opacity: .6; | |
| 20609 | + border: 2px solid var(--vbo-main-bg-color); | |
| 20610 | + cursor: auto; | |
| 20611 | + color: var(--vbo-config-titles-color-light); | |
| 20612 | +} | |
| 20613 | +.vbo-modal-condtext-rules .vbo-modal-condtext-rule h5 { | |
| 20614 | + margin-top: 0; | |
| 20615 | + margin-bottom: 5px; | |
| 20616 | + font-size: 16px; | |
| 20617 | +} | |
| 20618 | +.vbo-modal-condtext-rules .vbo-modal-condtext-rule .vbo-condtext-rule-descr { | |
| 20619 | + font-size: 14px; | |
| 20620 | +} | |
| 20621 | +.vbo-modal-condtext-rule-apply { | |
| 20622 | + text-align: center; | |
| 20623 | + margin-bottom: 20px; | |
| 20624 | +} | |
| 20625 | +.vbo-condtext-rule .adminlegend { | |
| 20626 | + display: flex; | |
| 20627 | +} | |
| 20628 | +.vbo-condtext-rule .adminlegend .vbo-rule-trash { | |
| 20629 | + margin-left: auto; | |
| 20630 | + cursor: pointer; | |
| 20631 | +} | |
| 20632 | +.vbo-condtext-rule .adminlegend .vbo-rule-trash i { | |
| 20633 | + font-size: 15px; | |
| 20634 | + color: var(--vbo-config-titles-color-light); | |
| 20635 | + padding: 4px; | |
| 20636 | + display: inline-block; | |
| 20637 | +} | |
| 20638 | +.vbo-condtext-rule .adminlegend .vbo-rule-trash i:hover { | |
| 20639 | + color: var(--vbo-red-color); | |
| 20640 | +} | |
| 20641 | +.vbo-condtext-rule .vbo-param-setting .field-media-wrapper .btn, .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .field-media-preview { | |
| 20642 | + padding: 8px 10px; | |
| 20643 | + border-color: var(--vbo-config-border-color); | |
| 20644 | +} | |
| 20645 | +.vbo-config-maintab-right-halfsize { | |
| 20646 | + display: flex; | |
| 20647 | + flex-wrap: wrap; | |
| 20648 | + padding-top: 12px; | |
| 20649 | +} | |
| 20650 | +.vbo-config-maintab-right-halfsize,.vbo-config-maintab-left-halfsize { | |
| 20651 | + flex-grow: 0; | |
| 20652 | +} | |
| 20653 | +.vbo-config-maintab-right-halfsize .vbo-condtext-rule { | |
| 20654 | + flex-basis: calc(50% - 78px); | |
| 20655 | + margin: 8px; | |
| 20656 | + flex-grow: 1; | |
| 20657 | +} | |
| 20658 | +.vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-params-wrap { | |
| 20659 | + width: 100%; | |
| 20660 | +} | |
| 20661 | +.vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-container { | |
| 20662 | + flex-wrap: wrap; | |
| 20663 | +} | |
| 20664 | +.vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label { | |
| 20665 | + flex-basis: 100%; | |
| 20666 | +} | |
| 20667 | +.vbo-param-container img { | |
| 20668 | + max-width: 100%; | |
| 20669 | +} | |
| 20670 | +.vbo-condtext-rule[data-ruleaction="0"] { | |
| 20671 | + border: 1px solid var(--vbo-base-color); | |
| 20672 | +} | |
| 20673 | +.vbo-condtext-rule[data-ruleaction="1"] { | |
| 20674 | + border: 1px solid var(--vbo-orange-color); | |
| 20675 | +} | |
| 20676 | +.notice-noicon { | |
| 20677 | + padding: 12px; | |
| 20678 | + background-image: none; | |
| 20679 | +} | |
| 20680 | +.notice-noicon i { | |
| 20681 | + margin-right: 5px; | |
| 20682 | +} | |
| 20683 | +.vbo-list-table-rounded { | |
| 20684 | + border: 1px solid var(--vbo-config-border-color); | |
| 20685 | + border-radius: 10px; | |
| 20686 | +} | |
| 20687 | +.vbo-list-table-rounded .table { | |
| 20688 | + margin-top: 0; | |
| 20689 | + margin-bottom: 0; | |
| 20690 | +} | |
| 20691 | +.vbo-list-table-rounded .table thead th { | |
| 20692 | + padding: 18px 20px; | |
| 20693 | + color: #444; | |
| 20694 | +} | |
| 20695 | +.vbo-list-table-rounded .table td { | |
| 20696 | + padding: 10px 20px; | |
| 20697 | +} | |
| 20698 | +.vbo-list-table-rounded .table td:last-child { | |
| 20699 | + text-align: right; | |
| 20700 | +} | |
| 20701 | +.vbo-ratesoverview-top-outer { | |
| 20702 | + text-align: right; | |
| 20703 | + margin-top: -20px; | |
| 20704 | +} | |
| 20705 | +.vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner { | |
| 20706 | + display: inline-block; | |
| 20707 | + border: 1px solid var(--vbo-config-border-color); | |
| 20708 | + padding: 5px 10px 0; | |
| 20709 | + border-radius: 4px; | |
| 20710 | + margin-bottom: 5px | |
| 20711 | +} | |
| 20712 | +.vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner span:not(.vbo-iostoggle-wrap) { | |
| 20713 | + display: inline-block; | |
| 20714 | + vertical-align: top; | |
| 20715 | + margin: 5px 0 0 6px; | |
| 20716 | + cursor: pointer; | |
| 20717 | +} | |
| 20718 | +.vbo-ratesoverview-top-outer .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label { | |
| 20719 | + height: 27px; | |
| 20720 | +} | |
| 20721 | +.vbo-list-table .btn.vbo-condtext-tmpl-status { | |
| 20722 | + padding: 4px 10px; | |
| 20723 | + margin: 3px; | |
| 20724 | + font-size: 13px; | |
| 20725 | +} | |
| 20726 | +.vbo-list-table .btn.vbo-condtext-tmpl-status i { | |
| 20727 | + margin-right: 2px; | |
| 20728 | +} | |
| 20729 | +.vbo-inspector-hover { | |
| 20730 | + background-color: rgba(184, 225, 243, 1) !important; | |
| 20731 | +} | |
| 20732 | +.vbo-inspector-wrap { | |
| 20733 | + padding: 15px; | |
| 20734 | +} | |
| 20735 | +.vbo-inspector-wrap > * { | |
| 20736 | + padding: 20px 0; | |
| 20737 | +} | |
| 20738 | +.vbo-admin-container .vbo-config-maintab-top { | |
| 20739 | + display: flex; | |
| 20740 | + flex-basis: 100%; | |
| 20741 | +} | |
| 20742 | +.vbo-config-maintab-top .vbo-config-fieldset-large { | |
| 20743 | + flex-basis: 75%; | |
| 20744 | +} | |
| 20745 | +.vbo-config-maintab-top .vbo-config-fieldset-large .vbo-params-wrap { | |
| 20746 | + width: 100%; | |
| 20747 | +} | |
| 20748 | +.vbo-config-maintab-top .vbo-config-fieldset-large .vbo-list-table-rounded td, .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-list-table-rounded th { | |
| 20749 | + white-space: initial; | |
| 20750 | +} | |
| 20751 | +.vbo-config-maintab-top .adminform.vbo-config-fieldset-small { | |
| 20752 | + flex: 1; | |
| 20753 | + margin-left: 20px; | |
| 20754 | +} | |
| 20755 | +.vbo-config-maintab-top .vbo-config-fieldset-small .vbo-params-wrap { | |
| 20756 | + width: 100%; | |
| 20757 | +} | |
| 20758 | +.vbo-param-container.vbo-inspector-css-param, .vbo-param-container.vbo-inspector-css-border-param { | |
| 20759 | + padding: 5px 10px; | |
| 20760 | + background: var(--vbo-config-child-bg-color); | |
| 20761 | + margin: 0; | |
| 20762 | +} | |
| 20763 | +.vbo-param-container.vbo-inspector-css-param .vbo-param-label, .vbo-param-container.vbo-inspector-css-border-param .vbo-param-label { | |
| 20764 | + font-weight: 500; | |
| 20765 | +} | |
| 20766 | +.vbo-admin-container > .vbo-config-maintab-bottom { | |
| 20767 | + flex-basis: 100%; | |
| 20768 | +} | |
| 20769 | +.vbo-admin-container > #vbo-conditrules-wrap { | |
| 20770 | + flex-grow: 0; | |
| 20771 | +} | |
| 20772 | +.vbo-room-level-min_adv-notice, .vbo-room-level-max_adv-notice { | |
| 20773 | + margin-top: 6px; | |
| 20774 | +} | |
| 20775 | +.btn.vbo-condtext-specialtag-btn { | |
| 20776 | + padding: 8px 14px; | |
| 20777 | + background-color: #e2eaee; | |
| 20778 | + color: var(--vbo-base-color); | |
| 20779 | + border: 1px solid #c9e0ec; | |
| 20780 | +} | |
| 20781 | +.btn.vbo-condtext-specialtag-btn:hover { | |
| 20782 | + background: #2482b5; | |
| 20783 | + border: 1px solid #2482b5; | |
| 20784 | + color: #fff; | |
| 20785 | +} | |
| 20786 | +.vbo-condtext-addrule-helper { | |
| 20787 | + flex-basis: 100%; | |
| 20788 | + margin: 10px 0 20px 8px; | |
| 20789 | +} | |
| 20790 | +.vbo-geoinfo-markers-wrap { | |
| 20791 | + display: flex; | |
| 20792 | + flex-wrap: wrap; | |
| 20793 | +} | |
| 20794 | +.vbo-geoinfo-marker-cont { | |
| 20795 | + flex-basis: calc(16% - 15px); | |
| 20796 | + text-align: center; | |
| 20797 | + border: 1px solid var(--vbo-config-border-color); | |
| 20798 | + background: var(--vbo-basic-btn); | |
| 20799 | + padding: 5px; | |
| 20800 | + margin: 4px; | |
| 20801 | + border-radius: 4px; | |
| 20802 | +} | |
| 20803 | +.vbo-geoinfo-marker-label { | |
| 20804 | + margin-bottom: 4px; | |
| 20805 | +} | |
| 20806 | +.btn.vbo-geomarker-status { | |
| 20807 | + font-size: 18px; | |
| 20808 | +} | |
| 20809 | +.btn.vbo-geomarker-status i { | |
| 20810 | + font-size: 16px; | |
| 20811 | + margin-right: 0 !important; | |
| 20812 | +} | |
| 20813 | +.vbo-geoinfo-marker-in .btn.vbo-geomarker-status { | |
| 20814 | + border-color: var(--vbo-green-color); | |
| 20815 | + color: var(--vbo-green-color); | |
| 20816 | +} | |
| 20817 | +.vbo-geoinfo-param .vbo-param-label > i { | |
| 20818 | + margin-top: 10px; | |
| 20819 | +} | |
| 20820 | +.vbo-geoinfo-param .vbo-param-setting .vik-iostoggle-wrap { | |
| 20821 | + margin: 0; | |
| 20822 | + padding-top: 0; | |
| 20823 | +} | |
| 20824 | +.vbo-geoinfo-marker-cont .btn.vbo-geomarker-status:hover { | |
| 20825 | + background: var(--vbo-config-bg-color); | |
| 20826 | +} | |
| 20827 | +.vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover { | |
| 20828 | + border-color: var(--vbo-config-border-color); | |
| 20829 | + color: #343a40; | |
| 20830 | +} | |
| 20831 | +.vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover { | |
| 20832 | + border-color: var(--vbo-green-color); | |
| 20833 | + color: var(--vbo-green-color); | |
| 20834 | +} | |
| 20835 | +.vbo-cust-geo-marker-svg-list { | |
| 20836 | + display: flex; | |
| 20837 | + flex-wrap: wrap; | |
| 20838 | + margin-bottom: 10px; | |
| 20839 | + margin-top: 20px; | |
| 20840 | + justify-content: center; | |
| 20841 | +} | |
| 20842 | +.vbo-cust-geo-marker-svg { | |
| 20843 | + border: 1px solid var(--vbo-config-border-color); | |
| 20844 | + text-align: center; | |
| 20845 | + border-radius: 4px; | |
| 20846 | + padding: 4px 10px; | |
| 20847 | + margin: 4px; | |
| 20848 | + flex-basis: calc(16% - 27px); | |
| 20849 | + cursor: pointer; | |
| 20850 | + position: relative; | |
| 20851 | +} | |
| 20852 | +.vbo-cust-geo-marker-svg-icon { | |
| 20853 | + padding-right: 10px; | |
| 20854 | +} | |
| 20855 | +.vbo-cust-geo-marker-svg-name { | |
| 20856 | + margin-bottom: 10px; | |
| 20857 | + font-size: 14px; | |
| 20858 | +} | |
| 20859 | +.vbo-cust-geo-marker-svg svg { | |
| 20860 | + height: 43px; | |
| 20861 | + max-width: 100%; | |
| 20862 | +} | |
| 20863 | +.vbo-cust-geo-marker-svg[data-markerapply="1"] { | |
| 20864 | + border-color: #008d02; | |
| 20865 | +} | |
| 20866 | +.vbo-cust-geo-marker-svg-addnew i { | |
| 20867 | + font-size: 26px; | |
| 20868 | +} | |
| 20869 | +.vbo-cust-geo-marker-svg-addnew .vbo-cust-geo-marker-svg-icon { | |
| 20870 | + padding-right: 0; | |
| 20871 | +} | |
| 20872 | +.vbo-cust-geo-marker-svg-adjust { | |
| 20873 | + margin-bottom: 20px; | |
| 20874 | + border: 1px solid var(--vbo-config-border-color); | |
| 20875 | + padding: 10px 20px; | |
| 20876 | + background: var(--vbo-config-child-bg-color); | |
| 20877 | +} | |
| 20878 | +.vbo-geo-marker-param-container { | |
| 20879 | + margin: 12px 0; | |
| 20880 | +} | |
| 20881 | +.vbo-geo-marker-param-container .vbo-geo-marker-param-label { | |
| 20882 | + margin-right: 10px; | |
| 20883 | + min-width: 80px; | |
| 20884 | + margin-bottom: 5px; | |
| 20885 | + font-weight: 500; | |
| 20886 | +} | |
| 20887 | +.vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield .vbo-geo-marker-param-label{ | |
| 20888 | + margin-right: 10px; | |
| 20889 | + min-width: 140px; | |
| 20890 | + margin-bottom: 10px; | |
| 20891 | +} | |
| 20892 | +.vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield input, .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield textarea { | |
| 20893 | + width: 100% !important; | |
| 20894 | +} | |
| 20895 | +.vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield:last-child { | |
| 20896 | + margin: 15px 0 20px; | |
| 20897 | +} | |
| 20898 | +.vbo-cust-geo-marker-bottom[data-geomarker="icon"] { | |
| 20899 | + display: flex; | |
| 20900 | + flex-wrap: wrap; | |
| 20901 | + justify-content: center; | |
| 20902 | +} | |
| 20903 | +.vbo-cust-geo-marker-bottom[data-geomarker="icon"] .vbo-geo-marker-param-container { | |
| 20904 | + margin: 12px 10px; | |
| 20905 | +} | |
| 20906 | +.vbo-cust-geo-marker-save { | |
| 20907 | + text-align: center; | |
| 20908 | + margin-bottom: 20px; | |
| 20909 | +} | |
| 20910 | +.vbo-cust-geo-marker-top { | |
| 20911 | + text-align: center; | |
| 20912 | + margin-bottom: 20px; | |
| 20913 | +} | |
| 20914 | +#geo_address_formatted { | |
| 20915 | + cursor: pointer; | |
| 20916 | +} | |
| 20917 | +#geo_address_formatted:hover { | |
| 20918 | + color: #0071a1; | |
| 20919 | +} | |
| 20920 | +.vbo-cust-geo-marker-svg-remove { | |
| 20921 | + position: absolute; | |
| 20922 | + right: 0; | |
| 20923 | + bottom: 0; | |
| 20924 | + padding: 2px 4px; | |
| 20925 | + border: 1px solid var(--vbo-config-border-color); | |
| 20926 | + border-bottom: 0; | |
| 20927 | + border-right: 0; | |
| 20928 | + border-top-left-radius: 4px; | |
| 20929 | +} | |
| 20930 | +.vbo-cust-geo-marker-svg-remove span:hover i { | |
| 20931 | + color: var(--vbo-red-color); | |
| 20932 | +} | |
| 20933 | +.vbo-geo-marker-param-setting .btn.btn-secondary { | |
| 20934 | + padding: 9px 14px; | |
| 20935 | +} | |
| 20936 | +.vbo-geomarker-infowin-wrap { | |
| 20937 | + min-width: 250px; | |
| 20938 | +} | |
| 20939 | +.vbo-geomarker-infowin-wrap > h4 { | |
| 20940 | + margin: 0px 0 10px; | |
| 20941 | + font-size: 16px; | |
| 20942 | +} | |
| 20943 | +.vbo-geo-marker-param-setting img { | |
| 20944 | + max-width: 90%; | |
| 20945 | + margin-bottom: 5px; | |
| 20946 | +} | |
| 20947 | +.vbo-geo-marker-param-setting #jform_marker_icon_img-image-preview { | |
| 20948 | + max-width: 180px; | |
| 20949 | +} | |
| 20950 | +.vbo-geo-legend-import { | |
| 20951 | + float: right; | |
| 20952 | +} | |
| 20953 | +.vbo-geo-legend-import .select2-container .select2-selection--single { | |
| 20954 | + height: 36px; | |
| 20955 | + border: 1px solid var(--vbo-config-border-color); | |
| 20956 | + border-radius: 2px; | |
| 20957 | + font-size: 14px; | |
| 20958 | + font-weight: normal; | |
| 20959 | +} | |
| 20960 | +.vbo-geo-legend-import #select2-roomselcalc-container { | |
| 20961 | + font-weight: normal; | |
| 20962 | + font-size: 14px; | |
| 20963 | +} | |
| 20964 | +.vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__arrow { | |
| 20965 | + height: 36px; | |
| 20966 | +} | |
| 20967 | +.vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__rendered { | |
| 20968 | + line-height: 36px; | |
| 20969 | +} | |
| 20970 | +.vbo-geoinfo-param .vbo-param-setting #geo_latitude { | |
| 20971 | + margin-right: 10px; | |
| 20972 | +} | |
| 20973 | +.vbo-geoinfo-param .vbo-param-label .fa-map-marker-alt.wp-quest-popover { | |
| 20974 | + margin-top: 7px; | |
| 20975 | +} | |
| 20976 | +.vbo-geoinfo-param #vbo-goverlay-edit { | |
| 20977 | + margin-left: 15px; | |
| 20978 | +} | |
| 20979 | +.vbo-geo-marker-params-group { | |
| 20980 | + display: flex; | |
| 20981 | + flex-wrap: wrap; | |
| 20982 | +} | |
| 20983 | +.vbo-geo-marker-params-group .vbo-geo-marker-param-container { | |
| 20984 | + margin: 12px 5px; | |
| 20985 | + flex-basis: calc(50% - 10px); | |
| 20986 | +} | |
| 20987 | +.vbo-geo-marker-params-group .vbo-geo-marker-param-container input[type="number"].vbo-large-input-number { | |
| 20988 | + width: 100% !important; | |
| 20989 | + box-sizing: border-box; | |
| 20990 | + height: auto; | |
| 20991 | +} | |
| 20992 | +.vbo-modal-overlay-block .vbo-modal-overlay-content-geomap { | |
| 20993 | + height: 80%; | |
| 20994 | +} | |
| 20995 | +.vbo-paybutpos-wrap { | |
| 20996 | + margin-top: 10px; | |
| 20997 | +} | |
| 20998 | +.vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-card-inner { | |
| 20999 | + border-radius: 10px; | |
| 21000 | + background: var(--vbo-main-bg-color); | |
| 21001 | + padding: 15px; | |
| 21002 | + width: 300px; | |
| 21003 | + font-size: 16px; | |
| 21004 | + color: var(--vbo-config-titles-color-light); | |
| 21005 | + box-shadow: 0 5px 10px rgba(0,0,0,.15); | |
| 21006 | +} | |
| 21007 | +.vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-status { | |
| 21008 | + border-radius: 4px; | |
| 21009 | + margin: 0 5px 5px; | |
| 21010 | + background: var(--vbo-light-color-btn); | |
| 21011 | + width: 200px; | |
| 21012 | + height: 20px; | |
| 21013 | +} | |
| 21014 | +.vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos { | |
| 21015 | + text-align: center; | |
| 21016 | + padding: 7px; | |
| 21017 | + margin: 0 5px 0; | |
| 21018 | + border: 2px solid var(--vbo-config-bg-color); | |
| 21019 | + border-radius: 4px; | |
| 21020 | +} | |
| 21021 | +.vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos .vbo-paybutpos-skeleton-el-paybut { | |
| 21022 | + background: var(--vbo-base-color); | |
| 21023 | + color: #fff; | |
| 21024 | + padding: 5px 18px; | |
| 21025 | + display: inline-block; | |
| 21026 | + border-radius: 6px; | |
| 21027 | + cursor: pointer; | |
| 21028 | +} | |
| 21029 | +.vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos { | |
| 21030 | + display: flex; | |
| 21031 | +} | |
| 21032 | +.vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos > div, | |
| 21033 | +.vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos > div { | |
| 21034 | + flex: 1; | |
| 21035 | + margin: 5px; | |
| 21036 | + border-radius: 4px; | |
| 21037 | + background: var(--vbo-config-bg-color); | |
| 21038 | + padding: 10px 15px; | |
| 21039 | +} | |
| 21040 | +.vbo-param-container.vbo-param-container-log { | |
| 21041 | + border: 1px solid var(--vbo-config-border-color); | |
| 21042 | + padding: 10px; | |
| 21043 | + margin: 2px; | |
| 21044 | + border-radius: 4px; | |
| 21045 | + background: var(--vbo-config-child-bg-color); | |
| 21046 | +} | |
| 21047 | +#vbo-condtext-warn-norules { | |
| 21048 | + width: 100%; | |
| 21049 | + box-sizing: border-box; | |
| 21050 | +} | |
| 21051 | +#ifchildrenextra .vbo-dyninpnum-cont + a { | |
| 21052 | + display: inline-block; | |
| 21053 | + background: var(--vbo-base-color); | |
| 21054 | + color: #fff; | |
| 21055 | + border: 0; | |
| 21056 | + padding: 9px 14px; | |
| 21057 | + font-weight: bold; | |
| 21058 | + font-size: 13px; | |
| 21059 | + line-height: 18px; | |
| 21060 | + border-radius: 3px; | |
| 21061 | +} | |
| 21062 | +#ifchildrenextra .vbo-dyninpnum-cont + a:hover { | |
| 21063 | + background: var(--vbo-base-color-hover); | |
| 21064 | +} | |
| 21065 | +#ifchildrenextra .vbo-dyninpnum-cont + a:active { | |
| 21066 | + background: var(--vbo-link-text-color); | |
| 21067 | +} | |
| 21068 | +#ifchildrenextra .vbo-dyninpnum-cont + a i { | |
| 21069 | + margin-right: 5px; | |
| 21070 | +} | |
| 21071 | +#ifchildrenextra .vbo-dyninpnum-cont input { | |
| 21072 | + margin: 5px 0; | |
| 21073 | +} | |
| 21074 | +#ifchildrenextra .vbo-dyninpnum-cont > div p > * { | |
| 21075 | + vertical-align: middle; | |
| 21076 | +} | |
| 21077 | +#ifchildrenextra .vbo-param-setting-comment { | |
| 21078 | + margin-bottom: 10px; | |
| 21079 | +} | |
| 21080 | +#minguestscont > div, #alwaysavcont > div { | |
| 21081 | + margin: 5px 0; | |
| 21082 | +} | |
| 21083 | +.vbo-admin-container .vbo-param-container .vbo-param-setting #alwaysavcont input[type="text"] { | |
| 21084 | + width: auto !important; | |
| 21085 | +} | |
| 21086 | +.vbo-admin-container .vbo-maninvoice-tbcont { | |
| 21087 | + width: 100%; | |
| 21088 | + border: 1px solid var(--vbo-main-bg-color); | |
| 21089 | + border-radius: 7px; | |
| 21090 | + border-spacing: 0px; | |
| 21091 | + border-collapse: separate; | |
| 21092 | +} | |
| 21093 | +.vbo-maninvoice-tbcont th { | |
| 21094 | + background: var(--vbo-main-bg-color); | |
| 21095 | + text-align: left; | |
| 21096 | + padding: 7px 10px; | |
| 21097 | +} | |
| 21098 | +.vbo-maninvoice-tbcont th:first-child { | |
| 21099 | + border-top-left-radius: 5px; | |
| 21100 | +} | |
| 21101 | +.vbo-maninvoice-tbcont th:last-child { | |
| 21102 | + border-top-right-radius: 5px; | |
| 21103 | +} | |
| 21104 | +.vbo-maninvoice-tbcont td { | |
| 21105 | + padding: 5px 10px; | |
| 21106 | +} | |
| 21107 | +.vbo-maninvoice-tbcont td input, .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div > * { | |
| 21108 | + margin: 2px; | |
| 21109 | +} | |
| 21110 | +.vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div { | |
| 21111 | + vertical-align: top; | |
| 21112 | + display: inline-block; | |
| 21113 | +} | |
| 21114 | +.vbo-maninvoice-tbcont .vbo-maninvoice-inp-wrap input[type="number"] { | |
| 21115 | + width: 80px !important; | |
| 21116 | +} | |
| 21117 | +.vbo-maninvoice-tbcont .vbo-maninvoice-td-del { | |
| 21118 | + text-align: right; | |
| 21119 | +} | |
| 21120 | +.vbo-maninvoice-tbcont .vbo-maninvoice-td-del i { | |
| 21121 | + margin-right: 0 !important; | |
| 21122 | +} | |
| 21123 | +.vbo-maninvoice-totals-format { | |
| 21124 | + position: relative; | |
| 21125 | +} | |
| 21126 | +.vbo-maninvoice-totals-format .vbo-maninvoice-currency { | |
| 21127 | + position: absolute; | |
| 21128 | + top: -1px; | |
| 21129 | + left: 10px; | |
| 21130 | + color: var(--vbo-config-titles-color-light); | |
| 21131 | + font-size: 15px; | |
| 21132 | +} | |
| 21133 | +.vbo-maninvoice-totals-format .vbo-maninvoice-totals-amount { | |
| 21134 | + padding-left: 25px !important; | |
| 21135 | +} | |
| 21136 | +#maxquantblock { | |
| 21137 | + width: 100%; | |
| 21138 | +} | |
| 21139 | +.colorpicker { | |
| 21140 | + z-index: 100000001; | |
| 21141 | +} | |
| 21142 | +.vbo-toast-wrapper .toast-message-content { | |
| 21143 | + color: var(--vbo-body-text-color) !important; | |
| 21144 | +} | |
| 21145 | +.vbo-toast-wrapper .toast-message-content.notice { | |
| 21146 | + background-color: var(--vbo-config-bg-color) !important; | |
| 21147 | +} | |
| 21148 | + | |
| 21149 | +/* Virtual Terminal Widget */ | |
| 21150 | +.vbo-vterminal-cc-container { | |
| 21151 | + padding: 20px; | |
| 21152 | +} | |
| 21153 | +.vbo-vterminal-cc-group-cardwrap[data-has-offsession="1"] { | |
| 21154 | + background: var(--vbo-config-child-bg-color); | |
| 21155 | + border: 1px solid var(--vbo-basic-btn); | |
| 21156 | + padding: 15px; | |
| 21157 | + border-radius: 10px; | |
| 21158 | +} | |
| 21159 | +.vbo-vterminal-cc-row-usecard .vbo-vterminal-cc-lbl { | |
| 21160 | + font-weight: 600; | |
| 21161 | + font-size: 15px; | |
| 21162 | +} | |
| 21163 | +.vbo-vterminal-cc-row-group { | |
| 21164 | + display: flex; | |
| 21165 | + flex-wrap: wrap; | |
| 21166 | +} | |
| 21167 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-row { | |
| 21168 | + margin-bottom: 14px; | |
| 21169 | + flex: 1; | |
| 21170 | +} | |
| 21171 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-lbl { | |
| 21172 | + margin-bottom: 3px; | |
| 21173 | + text-align: left; | |
| 21174 | + font-size: 14px; | |
| 21175 | + font-weight: 500; | |
| 21176 | +} | |
| 21177 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-val > input { | |
| 21178 | + flex: 1; | |
| 21179 | + height: 50px !important; | |
| 21180 | + border: 1px solid var(--vbo-config-border-color); | |
| 21181 | + border-radius: 6px !important; | |
| 21182 | + box-shadow: 0 2px 4px rgb(0 0 0 / 5%); | |
| 21183 | + margin: 0; | |
| 21184 | +} | |
| 21185 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency { | |
| 21186 | + flex-basis: 150px; | |
| 21187 | + flex-grow: 0; | |
| 21188 | +} | |
| 21189 | +.vbo-vterminal-cc-row-group input, .vbo-vterminal-cc-row-group input[type="number"] { | |
| 21190 | + width: 100% !important; | |
| 21191 | + max-width: inherit !important; | |
| 21192 | +} | |
| 21193 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input { | |
| 21194 | + border-top-right-radius: 0 !important; | |
| 21195 | + border-bottom-right-radius: 0 !important; | |
| 21196 | +} | |
| 21197 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount { | |
| 21198 | + flex: 1; | |
| 21199 | +} | |
| 21200 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-val-withlogo { | |
| 21201 | + position: relative; | |
| 21202 | +} | |
| 21203 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo { | |
| 21204 | + position: absolute; | |
| 21205 | + top: 50%; | |
| 21206 | + right: 15px; | |
| 21207 | + transform: translateY(-50%); | |
| 21208 | + width: 32px; | |
| 21209 | + height: 20px; | |
| 21210 | +} | |
| 21211 | +@keyframes vterminal-card-position { | |
| 21212 | + 0% {right: 0} | |
| 21213 | + 100% {right: -5px} | |
| 21214 | +} | |
| 21215 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo img { | |
| 21216 | + position: relative; | |
| 21217 | + animation-name: vterminal-card-position; | |
| 21218 | + animation-duration: 0.2s; | |
| 21219 | + right: -5px; | |
| 21220 | + width: 32px; | |
| 21221 | + height: 20px; | |
| 21222 | +} | |
| 21223 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc { | |
| 21224 | + flex-basis: 150px; | |
| 21225 | + flex-grow: 0; | |
| 21226 | +} | |
| 21227 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input { | |
| 21228 | + border-top-left-radius: 0 !important; | |
| 21229 | + border-bottom-left-radius: 0 !important; | |
| 21230 | + border-left: 0; | |
| 21231 | +} | |
| 21232 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn { | |
| 21233 | + font-weight: 500; | |
| 21234 | + font-size: 16px; | |
| 21235 | + width: 100%; | |
| 21236 | + padding: 10px 14px; | |
| 21237 | +} | |
| 21238 | +.vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn:hover { | |
| 21239 | + font-weight: 500; | |
| 21240 | +} | |
| 21241 | + | |
| 21242 | +/* Template Override */ | |
| 21243 | +.vbo-overrides-manager { | |
| 21244 | + background: var(--vbo-body-bg-color) !important; | |
| 21245 | +} | |
| 21246 | +.vbo-overrides-manager .override-file #override-copy { | |
| 21247 | + background-color: var(--vbo-blue-color) !important; | |
| 21248 | + color: var(--vbo-contrast-text-color) !important; | |
| 21249 | + border-color: var(--vbo-blue-color) !important; | |
| 21250 | +} | |
| 21251 | +.vbo-overrides-manager .override-file #override-copy:hover { | |
| 21252 | + background-color: var(--vbo-blue-color-hover) !important; | |
| 21253 | + color: var(--vbo-contrast-text-color) !important; | |
| 21254 | + border-color: var(--vbo-blue-color-hover) !important; | |
| 21255 | +} | |
| 21256 | + | |
| 21257 | +/* generic calendar box */ | |
| 21258 | +.vbo-input-calendar-box { | |
| 21259 | + background: var(--vbo-input-style); | |
| 21260 | + border: 1px solid var(--vbo-config-border-color); | |
| 21261 | + border-radius: 2px; | |
| 21262 | + padding: 0 10px 0 0; | |
| 21263 | + display: inline-block; | |
| 21264 | + vertical-align: top; | |
| 21265 | +} | |
| 21266 | +.vbo-input-calendar-box input[type="text"] { | |
| 21267 | + border: 0; | |
| 21268 | + box-shadow: none; | |
| 21269 | + background: transparent; | |
| 21270 | + padding: 5px 0 5px 10px; | |
| 21271 | +} | |
| 21272 | +.vbo-input-calendar-box i.dashicons-calendar-alt { | |
| 21273 | + top: 8px; | |
| 21274 | + position: relative; | |
| 21275 | +} | |
| 21276 | + | |
| 21277 | +/* Color Scheme hide/show panel */ | |
| 21278 | +.vbo-sidepanel-colorscheme { | |
| 21279 | + position: relative; | |
| 21280 | + margin-right: 10px; | |
| 21281 | +} | |
| 21282 | +.vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current { | |
| 21283 | + display: inline-block; | |
| 21284 | + border: 1px solid var(--vbo-config-border-color); | |
| 21285 | + padding: 0px 5px; | |
| 21286 | + border-radius: 4px; | |
| 21287 | + cursor: pointer; | |
| 21288 | + color: var(--vbo-config-titles-color-light); | |
| 21289 | + opacity: .8; | |
| 21290 | + font-size: 10px; | |
| 21291 | + z-index: 1; | |
| 21292 | +} | |
| 21293 | +.vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current:hover { | |
| 21294 | + color: var(--vbo-base-color); | |
| 21295 | +} | |
| 21296 | +.vbo-sidepanel-colorscheme-list { | |
| 21297 | + z-index: 1000000; | |
| 21298 | + visibility: hidden; | |
| 21299 | + opacity: 0; | |
| 21300 | + width: 100px; | |
| 21301 | + padding: 10px 15px; | |
| 21302 | + right: 0; | |
| 21303 | + background: var(--vbo-config-bg-color); | |
| 21304 | + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); | |
| 21305 | + border-radius: 10px; | |
| 21306 | + position: absolute; | |
| 21307 | +} | |
| 21308 | +.vbo-sidepanel-colorscheme-list-show { | |
| 21309 | + transform: scale(0.99) translateY(-0.7em); | |
| 21310 | + transform-origin: top; | |
| 21311 | + transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); | |
| 21312 | + transition-duration: 500ms; | |
| 21313 | + transition-property: opacity,transform; | |
| 21314 | + visibility: visible; | |
| 21315 | + opacity: 1; | |
| 21316 | + transform: scale(1) translateY(0); | |
| 21317 | +} | |
| 21318 | +.vbo-sidepanel-colorscheme-option { | |
| 21319 | + padding: 7px 0; | |
| 21320 | +} | |
| 21321 | +.vbo-sidepanel-colorscheme-option i { | |
| 21322 | + margin-right: 5px; | |
| 21323 | +} | |
| 21324 | +.vbo-sidepanel-colorscheme-option:hover, .vbo-sidepanel-colorscheme-option-active { | |
| 21325 | + color: var(--vbo-base-color); | |
| 21326 | + cursor: pointer; | |
| 21327 | +} | |
| 21328 | + | |
| 21329 | +.vbo-dashboard-colorscheme { | |
| 21330 | + display: inline-block; | |
| 21331 | + margin-right: 0; | |
| 21332 | +} | |
| 21333 | +.vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-list { | |
| 21334 | + right: initial; | |
| 21335 | + left: 0; | |
| 21336 | + margin-top: 2px; | |
| 21337 | +} | |
| 21338 | +.vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-option { | |
| 21339 | + font-weight: normal; | |
| 21340 | +} | |
| 21341 | +.vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-current { | |
| 21342 | + padding: 4px 6px; | |
| 21343 | + vertical-align: top; | |
| 21344 | +} | |
| 21345 | + | |
| 21346 | +.vbo-widget-bulkmess-steps { | |
| 21347 | + margin-top: 10px; | |
| 21348 | +} | |
| 21349 | +.vbo-sidepanel-active-widgets .vbo-widget-bulkmess-steps, .vbo-admin-widgets-widget-output .vbo-widget-bulkmess-steps { | |
| 21350 | + margin: 10px; | |
| 21351 | +} | |
| 21352 | +.vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step { | |
| 21353 | + margin: 0 0 12px; | |
| 21354 | + background: var(--vbo-config-child-bg-color); | |
| 21355 | + border: 1px solid var(--vbo-config-child-bg-color); | |
| 21356 | + border-bottom: 3px solid var(--vbo-config-border-color); | |
| 21357 | + border-bottom-width: 3px; | |
| 21358 | + border-radius: 12px; | |
| 21359 | +} | |
| 21360 | +.vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step:last-child { | |
| 21361 | + margin-bottom: 0; | |
| 21362 | +} | |
| 21363 | +.vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden .vbo-widget-bulkmess-step-content { | |
| 21364 | + display: none; | |
| 21365 | +} | |
| 21366 | +.vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title { | |
| 21367 | + padding: 12px 20px; | |
| 21368 | + cursor: pointer; | |
| 21369 | + display: flex; | |
| 21370 | +} | |
| 21371 | +.vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden:hover { | |
| 21372 | + border-color: var(--vbo-base-color); | |
| 21373 | +} | |
| 21374 | +.vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title h4 { | |
| 21375 | + padding: 0; | |
| 21376 | + margin: 0; | |
| 21377 | +} | |
| 21378 | +.vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-content { | |
| 21379 | + padding: 0 20px 5px; | |
| 21380 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 21381 | +} | |
| 21382 | +.vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content { | |
| 21383 | + padding: 10px 20px 10px; | |
| 21384 | +} | |
| 21385 | +.vbo-widget-bulkmess-step-send .vbo-widget-bulkmess-step-content { | |
| 21386 | + padding: 20px; | |
| 21387 | +} | |
| 21388 | +.vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content textarea { | |
| 21389 | + width: 100%; | |
| 21390 | +} | |
| 21391 | +.vbo-widget-bulkmess-step-status { | |
| 21392 | + margin-left: auto; | |
| 21393 | + font-size: .9em; | |
| 21394 | + font-style: italic; | |
| 21395 | + color: var(--vbo-config-titles-color-light); | |
| 21396 | +} | |
| 21397 | +.vbo-widget-bulkmess-step .vbo-widget-bulkmess-reservation { | |
| 21398 | + padding: 10px 0; | |
| 21399 | +} | |
| 21400 | +.vbo-widget-bulkmess-reservation .vbo-widget-bulkmess-ckbox { | |
| 21401 | + align-self: center; | |
| 21402 | + margin-right: 5px; | |
| 21403 | +} | |
| 21404 | +.vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook { | |
| 21405 | + display: block; | |
| 21406 | +} | |
| 21407 | +.vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook .label { | |
| 21408 | + display: inline-block; | |
| 21409 | +} | |
| 21410 | +.vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook i { | |
| 21411 | + margin-right: 5px | |
| 21412 | +} | |
| 21413 | +.vbo-widget-bulkmess-gonext { | |
| 21414 | + text-align: right; | |
| 21415 | + margin-top: 10px; | |
| 21416 | + margin-bottom: 10px; | |
| 21417 | +} | |
| 21418 | +.vbo-widget-bulkmess-progress-inner progress { | |
| 21419 | + width: 100%; | |
| 21420 | + background: #ddd; | |
| 21421 | + border-radius: 10px; | |
| 21422 | +} | |
| 21423 | +.vbo-widget-bulkmess-bookings-actions { | |
| 21424 | + margin-top: 8px; | |
| 21425 | +} | |
| 21426 | +.vbo-widget-bulkmess-bookings-actions .btn { | |
| 21427 | + border-color: var(--vbo-middle-color-btn); | |
| 21428 | +} | |
| 21429 | +.vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon { | |
| 21430 | + font-size: 12px; | |
| 21431 | +} | |
| 21432 | +.vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified { | |
| 21433 | + margin-left: 5px; | |
| 21434 | +} | |
| 21435 | +.vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified i { | |
| 21436 | + color: var(--vbo-green-color); | |
| 21437 | +} | |
| 21438 | + | |
| 21439 | +.vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-groups { | |
| 21440 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 21441 | +} | |
| 21442 | +.vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group { | |
| 21443 | + display: inline-block; | |
| 21444 | + border-bottom: 2px solid var(--vbo-config-bg-color); | |
| 21445 | + color: var(--vbo-config-titles-color-light); | |
| 21446 | +} | |
| 21447 | +.vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active { | |
| 21448 | + border-color: var(--vbo-config-title-color); | |
| 21449 | + color: var(--vbo-config-title-color); | |
| 21450 | + font-weight: bold; | |
| 21451 | +} | |
| 21452 | +.vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover { | |
| 21453 | + color: var(--vbo-config-title-color); | |
| 21454 | +} | |
| 21455 | +.vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-name { | |
| 21456 | + display: inline-block; | |
| 21457 | + position: relative; | |
| 21458 | + padding: 10px; | |
| 21459 | + cursor: pointer; | |
| 21460 | +} | |
| 21461 | + | |
| 21462 | +.vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-name:not([data-badge-count=""]) { | |
| 21463 | + padding: 10px; | |
| 21464 | +} | |
| 21465 | +.vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-badge { | |
| 21466 | + background: var(--vbo-config-text-color-light); | |
| 21467 | + color: var(--vbo-contrast-text-color); | |
| 21468 | + font-weight: bold; | |
| 21469 | + font-size: 11px; | |
| 21470 | + text-align: center; | |
| 21471 | + border-radius: 4px; | |
| 21472 | + padding: 0px 5px; | |
| 21473 | + margin-left: 8px; | |
| 21474 | + display: inline-block; | |
| 21475 | +} | |
| 21476 | +.vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active .vbo-widget-notifscenter-group-badge, .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover .vbo-widget-notifscenter-group-badge { | |
| 21477 | + background: var(--vbo-config-title-color); | |
| 21478 | +} | |
| 21479 | +.vbo-widget-notifscenter-list { | |
| 21480 | + max-height: calc(100vh - 380px); | |
| 21481 | + overflow: hidden; | |
| 21482 | + overflow-y: scroll; | |
| 21483 | +} | |
| 21484 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap { | |
| 21485 | + display: flex; | |
| 21486 | + padding: 10px 15px; | |
| 21487 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 21488 | + cursor: pointer; | |
| 21489 | +} | |
| 21490 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:last-child { | |
| 21491 | + border-bottom: 0; | |
| 21492 | +} | |
| 21493 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread { | |
| 21494 | + background: var(--vbo-light-color-btn); | |
| 21495 | + position: relative; | |
| 21496 | +} | |
| 21497 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread:after { | |
| 21498 | + content: ""; | |
| 21499 | + width: 8px; | |
| 21500 | + height: 8px; | |
| 21501 | + border-radius: 50%; | |
| 21502 | + top: 5px; | |
| 21503 | + right: 18px; | |
| 21504 | + transform: translate(10px, 10px); | |
| 21505 | + position: absolute; | |
| 21506 | + background: var(--vbo-base-color); | |
| 21507 | +} | |
| 21508 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:hover, .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread:hover { | |
| 21509 | + background: var(--vbo-info-bg); | |
| 21510 | +} | |
| 21511 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar { | |
| 21512 | + width: 40px; | |
| 21513 | + margin-right: 15px; | |
| 21514 | +} | |
| 21515 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar img { | |
| 21516 | + width: 40px; | |
| 21517 | + height: 40px; | |
| 21518 | +} | |
| 21519 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-info-box-avatar { | |
| 21520 | + position: relative; | |
| 21521 | +} | |
| 21522 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-avatar-badge { | |
| 21523 | + position: absolute; | |
| 21524 | + width: 20px; | |
| 21525 | + height: 20px; | |
| 21526 | + text-align: center; | |
| 21527 | + line-height: 20px; | |
| 21528 | + background: var(--vbo-basic-btn); | |
| 21529 | + border-radius: 50%; | |
| 21530 | + font-size: 10px; | |
| 21531 | + bottom: -6px; | |
| 21532 | + right: -5px; | |
| 21533 | + color: var(--vbo-contrast-text-color); | |
| 21534 | + display: flex; | |
| 21535 | + align-items: center; | |
| 21536 | + justify-content: center; | |
| 21537 | +} | |
| 21538 | +.vbo-widget-notifscenter-list img.vbo-ai-icn { | |
| 21539 | + width: 16px !important; | |
| 21540 | + height: 16px !important; | |
| 21541 | +} | |
| 21542 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-lightblue { | |
| 21543 | + background: #09cbdf; | |
| 21544 | +} | |
| 21545 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-green { | |
| 21546 | + background: var(--vbo-green-color); | |
| 21547 | +} | |
| 21548 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-orange { | |
| 21549 | + background: #ffaf16; | |
| 21550 | +} | |
| 21551 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-purple { | |
| 21552 | + background: #cc16ff; | |
| 21553 | +} | |
| 21554 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-red { | |
| 21555 | + background: var(--vbo-red-color); | |
| 21556 | +} | |
| 21557 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details { | |
| 21558 | + flex: 1; | |
| 21559 | +} | |
| 21560 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-title { | |
| 21561 | + font-weight: bold; | |
| 21562 | +} | |
| 21563 | +.vbo-widget-notifscenter-notif-summary { | |
| 21564 | + font-size: .95em; | |
| 21565 | +} | |
| 21566 | +.vbo-widget-notifscenter-notif-summary[data-group-name="ai"][data-notif-type="message.reply.ok"], .vbo-widget-notifscenter-notif-summary[data-group-name="ai"][data-notif-type="review.reply.ok"], .vbo-widget-notifscenter-notif-summary[data-notif-type="guest_message"] { | |
| 21567 | + background: var(--vbo-config-child-bg-color); | |
| 21568 | + padding: 8px 10px; | |
| 21569 | + border-radius: 8px; | |
| 21570 | +} | |
| 21571 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt { | |
| 21572 | + margin-top: 2px; | |
| 21573 | + margin-bottom: 6px; | |
| 21574 | +} | |
| 21575 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .label { | |
| 21576 | + padding: 1px 4px !important; | |
| 21577 | + font-weight: normal; | |
| 21578 | + font-size: 10px; | |
| 21579 | +} | |
| 21580 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:hover .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .label.label-info { | |
| 21581 | + background: var(--vbo-grey-blue-bg) !important; | |
| 21582 | +} | |
| 21583 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .vbo-tooltip { | |
| 21584 | + font-size: 11px; | |
| 21585 | + opacity: .95; | |
| 21586 | +} | |
| 21587 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-customer-initials { | |
| 21588 | + width: 40px; | |
| 21589 | + height: 40px; | |
| 21590 | + line-height: 40px; | |
| 21591 | + font-size: 16px; | |
| 21592 | + border-radius: 50%; | |
| 21593 | + color: var(--vbo-config-text-color-light); | |
| 21594 | + background: var(--vbo-config-child-bg-color); | |
| 21595 | + text-align: center; | |
| 21596 | + display: inline-block; | |
| 21597 | + letter-spacing: 1px; | |
| 21598 | +} | |
| 21599 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta { | |
| 21600 | + margin-top: 5px; | |
| 21601 | +} | |
| 21602 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn { | |
| 21603 | + background: var(--vbo-config-title-color); | |
| 21604 | + color: var(--vbo-contrast-text-color); | |
| 21605 | + border: 1px solid var(--vbo-config-title-color); | |
| 21606 | + padding: 4px 10px; | |
| 21607 | +} | |
| 21608 | +.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn:hover { | |
| 21609 | + background: transparent; | |
| 21610 | + border: 1px solid var(--vbo-config-title-color); | |
| 21611 | + color: var(--vbo-config-title-color); | |
| 21612 | +} | |
| 21613 | +.vbo-widget-notifscenter-loadmore-info { | |
| 21614 | + text-align: center; | |
| 21615 | + font-size: 16px; | |
| 21616 | + font-weight: 600; | |
| 21617 | +} | |
| 21618 | +.vbo-widget-notifscenter-markread { | |
| 21619 | + margin-bottom: 8px; | |
| 21620 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 21621 | + padding-bottom: 8px; | |
| 21622 | +} | |
| 21623 | +.vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all { | |
| 21624 | + font-weight: bold; | |
| 21625 | + text-decoration: underline; | |
| 21626 | + cursor: pointer; | |
| 21627 | +} | |
| 21628 | +.vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all:hover { | |
| 21629 | + text-decoration: none; | |
| 21630 | +} | |
| 21631 | +.vbo-widget-notifscenter-filter-confirm { | |
| 21632 | + display: flex; | |
| 21633 | +} | |
| 21634 | +.vbo-widget-notifscenter-filter-confirm .btn-secondary { | |
| 21635 | + width: 40px; | |
| 21636 | + margin-right: 5px; | |
| 21637 | +} | |
| 21638 | + | |
| 21639 | +.vbo-widget-guestreviews-topdets .vbo-widget-guestreviews-topdets-bid { | |
| 21640 | + cursor: pointer; | |
| 21641 | +} | |
| 21642 | +.vbo-widget-guestreviews-topdets .vbo-widget-guestreviews-topdets-bid i { | |
| 21643 | + margin-right: 3px; | |
| 21644 | +} | |
| 21645 | +.vbo-admin-widget-head-commands .vbo-widget-guestreviews-topdets-reply { | |
| 21646 | + margin: 5px 20px 0 0; | |
| 21647 | +} | |
| 21648 | +.vbo-admin-widget-head-commands .vbo-widget-guestreviews-topdets-reply .btn { | |
| 21649 | + font-weight: bold; | |
| 21650 | +} | |
| 21651 | +.vbo-review-json-entry { | |
| 21652 | + margin: 5px 0; | |
| 21653 | + display: inline-block; | |
| 21654 | + width: 30%; | |
| 21655 | + padding: 0 10px; | |
| 21656 | + vertical-align: top; | |
| 21657 | + box-sizing: border-box; | |
| 21658 | +} | |
| 21659 | +.vbo-review-json-entry .vbo-review-json-key { | |
| 21660 | + font-weight: bold; | |
| 21661 | + display: block; | |
| 21662 | + margin-bottom: 2px; | |
| 21663 | + color: var(--vbo-config-titles-color-light); | |
| 21664 | +} | |
| 21665 | +.vbo-review-json-entry .vbo-review-json-value { | |
| 21666 | + word-break: break-word; | |
| 21667 | +} | |
| 21668 | +.vbo-review-json-entry.vbo-review-json-reply, .vbo-review-json-revieweeresponse { | |
| 21669 | + width: 100%; | |
| 21670 | +} | |
| 21671 | +.vbo-review-json-entry .vbo-review-json-value .vbo-review-channel-logo { | |
| 21672 | + max-width: 92px; | |
| 21673 | +} | |
| 21674 | +.vbo-review-json-value.vbo-review-json-revieweeresponse { | |
| 21675 | + text-transform: initial; | |
| 21676 | + display: inline-block; | |
| 21677 | + padding-top: 5px; | |
| 21678 | +} | |
| 21679 | +.vbo-review-json-content { | |
| 21680 | + width: 100%; | |
| 21681 | +} | |
| 21682 | +.vbo-review-json-entry.vbo-review-json-entry-group { | |
| 21683 | + text-transform: uppercase; | |
| 21684 | + width: 100%; | |
| 21685 | + color: var(--vbo-config-titles-color-light); | |
| 21686 | + margin-top: 5px; | |
| 21687 | +} | |
| 21688 | +.vbo-review-json-entry .vbo-review-json-key { | |
| 21689 | + font-weight: bold; | |
| 21690 | + display: block; | |
| 21691 | + margin-bottom: 2px; | |
| 21692 | + color: var(--vbo-config-titles-color-light); | |
| 21693 | +} | |
| 21694 | +.vbo-review-json-entry.vbo-review-json-entry-group .vbo-review-json-key { | |
| 21695 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 21696 | + padding-bottom: 4px; | |
| 21697 | + margin-bottom: 0; | |
| 21698 | + margin-top: 10px; | |
| 21699 | + color: var(--vbo-link-text-color); | |
| 21700 | +} | |
| 21701 | +.vbo-review-guest-avatar-wrap { | |
| 21702 | + display: inline-block; | |
| 21703 | + max-width: 90px; | |
| 21704 | +} | |
| 21705 | +.vbo-review-guest-avatar { | |
| 21706 | + max-width: 50px; | |
| 21707 | + border-radius: 50%; | |
| 21708 | + border: 1px solid var(--vbo-config-border-color); | |
| 21709 | +} | |
| 21710 | +.vbo-review-json-scoring .vbo-review-json-servscore { | |
| 21711 | + font-weight: bold; | |
| 21712 | + background: var(--vbo-light-color-btn); | |
| 21713 | + color: inherit; | |
| 21714 | + padding: 4px 8px; | |
| 21715 | + display: inline-block; | |
| 21716 | + border-radius: 4px; | |
| 21717 | + font-size: 14px; | |
| 21718 | +} | |
| 21719 | +.vbo-widget-guest-reviews-reply-wrap { | |
| 21720 | + margin-top: 15px; | |
| 21721 | + padding: 0 10px; | |
| 21722 | +} | |
| 21723 | +.vbo-widget-guest-reviews-reply-inner { | |
| 21724 | + padding: 20px 20px; | |
| 21725 | + border-top: 2px solid var(--vbo-config-border-color); | |
| 21726 | + background: var(--vbo-config-child-bg-color); | |
| 21727 | +} | |
| 21728 | +.vbo-widget-guest-reviews-reply-inner > * { | |
| 21729 | + display: block; | |
| 21730 | + margin-bottom: 2px; | |
| 21731 | +} | |
| 21732 | +.vbo-widget-guest-reviews-reply-wrap label { | |
| 21733 | + font-weight: bold; | |
| 21734 | + margin-bottom: 5px; | |
| 21735 | +} | |
| 21736 | +.vbo-widget-guest-reviews-reply-wrap textarea { | |
| 21737 | + width: 100% !important; | |
| 21738 | + background: var(--vbo-config-bg-color); | |
| 21739 | + border: 1px solid var(--vbo-config-border-color); | |
| 21740 | + box-sizing: border-box; | |
| 21741 | + min-height: 80px; | |
| 21742 | + margin: 0 auto 10px; | |
| 21743 | +} | |
| 21744 | +.vbo-widget-guest-reviews-reply-wrap .vbo-widget-guest-reviews-reply-actions { | |
| 21745 | + display: flex; | |
| 21746 | + justify-content: space-between; | |
| 21747 | +} | |
| 21748 | +.vbo-widget-guest-reviews-reply-wrap button { | |
| 21749 | + padding: 6px 20px; | |
| 21750 | + font-weight: bold; | |
| 21751 | +} | |
| 21752 | +.vbo-widget-guestreviews-content .vbo-widget-guest-reviews-reply-wrap button:hover { | |
| 21753 | + font-weight: bold; | |
| 21754 | +} | |
| 21755 | + | |
| 21756 | +#vbo-vcm-onboard-account { | |
| 21757 | + display: inline-block; | |
| 21758 | + vertical-align: middle; | |
| 21759 | +} | |
| 21760 | +.vbo-vcm-onboard-ota-logo-wrap { | |
| 21761 | + display: inline-block; | |
| 21762 | + vertical-align: middle; | |
| 21763 | +} | |
| 21764 | +.vbo-vcm-onboard-ota-logo-wrap img { | |
| 21765 | + height: 30px; | |
| 21766 | + border-radius: 6px; | |
| 21767 | + object-fit: cover; | |
| 21768 | + display: inline-block; | |
| 21769 | + vertical-align: middle; | |
| 21770 | +} | |
| 21771 | + | |
| 21772 | +/* Help Wizard */ | |
| 21773 | +.vbo-help-wizard-instruction-description p:first-child { | |
| 21774 | + margin-top: 0; | |
| 21775 | +} | |
| 21776 | +.vbo-help-wizard-instruction-description p:last-child { | |
| 21777 | + margin-bottom: 0; | |
| 21778 | +} | |
| 21779 | + | |
| 21780 | +/* Dual Range Slider */ | |
| 21781 | +.vbo-dual-slider-container { | |
| 21782 | + width: 300px; | |
| 21783 | + max-width: 100%; | |
| 21784 | + position: relative; | |
| 21785 | + /*margin-bottom: 20px;*/ | |
| 21786 | +} | |
| 21787 | +.vbo-dual-slider-wrap { | |
| 21788 | + position: relative; | |
| 21789 | + height: 6px; | |
| 21790 | + background: #ddd; | |
| 21791 | + border-radius: 3px; | |
| 21792 | +} | |
| 21793 | +.vbo-dual-slider-wrap input[type="range"] { | |
| 21794 | + position: absolute; | |
| 21795 | + width: 100%; | |
| 21796 | + height: 6px; | |
| 21797 | + top: 0; | |
| 21798 | + left: 0; | |
| 21799 | + pointer-events: none; | |
| 21800 | + appearance: none; | |
| 21801 | + background: none; | |
| 21802 | +} | |
| 21803 | +/* allow thumb interaction */ | |
| 21804 | +.vbo-dual-slider-wrap input[type="range"]::-webkit-slider-thumb { | |
| 21805 | + pointer-events: all; | |
| 21806 | + appearance: none; | |
| 21807 | + width: 18px; | |
| 21808 | + height: 18px; | |
| 21809 | + border-radius: 50%; | |
| 21810 | + background: #0077ff; | |
| 21811 | + cursor: pointer; | |
| 21812 | + border: 2px solid white; | |
| 21813 | + box-shadow: 0 0 2px rgba(0,0,0,0.3); | |
| 21814 | +} | |
| 21815 | +.vbo-dual-slider-wrap input[type="range"]::-moz-range-thumb { | |
| 21816 | + pointer-events: all; | |
| 21817 | + width: 18px; | |
| 21818 | + height: 18px; | |
| 21819 | + border-radius: 50%; | |
| 21820 | + background: #0077ff; | |
| 21821 | + cursor: pointer; | |
| 21822 | + border: 2px solid white; | |
| 21823 | +} | |
| 21824 | +/* filled track between thumbs */ | |
| 21825 | +.vbo-dual-slider-wrap .vbo-dual-slider-track { | |
| 21826 | + position: absolute; | |
| 21827 | + height: 6px; | |
| 21828 | + background: #0077ff; | |
| 21829 | + border-radius: 3px; | |
| 21830 | + top: 0; | |
| 21831 | +} | |
| 21832 | +.vbo-dual-slider-range-current { | |
| 21833 | + margin-top: 10px; | |
| 21834 | +} | |
| 21835 | + | |
| 21836 | +/* Quote */ | |
| 21837 | +.vbo-quote-wrapper { | |
| 21838 | + max-width: 64rem; | |
| 21839 | + margin: 0 auto; | |
| 21840 | +} | |
| 21841 | +.vbo-quote-section:not(.vbo-quote-section-options) { | |
| 21842 | + padding: 18px; | |
| 21843 | + background: var(--vbo-config-bg-color); | |
| 21844 | + border: 1px solid var(--vbo-config-border-color); | |
| 21845 | + border-radius: 10px; | |
| 21846 | + margin-bottom: 20px; | |
| 21847 | +} | |
| 21848 | +.vbo-quote-section-head { | |
| 21849 | + display: flex; | |
| 21850 | + align-items: center; | |
| 21851 | + gap: 8px; | |
| 21852 | + margin-bottom: 20px; | |
| 21853 | +} | |
| 21854 | +.vbo-quote-section-head-sb { | |
| 21855 | + justify-content: space-between; | |
| 21856 | +} | |
| 21857 | +.vbo-quote-section-head-title { | |
| 21858 | + display: flex; | |
| 21859 | + align-items: center; | |
| 21860 | + gap: 8px; | |
| 21861 | +} | |
| 21862 | +.vbo-quote-section-head .vbo-quote-section-name { | |
| 21863 | + font-size: 20px; | |
| 21864 | + font-weight: 500; | |
| 21865 | +} | |
| 21866 | +.vbo-quote-customer-fields { | |
| 21867 | + margin-top: 20px; | |
| 21868 | + display: grid; | |
| 21869 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 21870 | + gap: 16px; | |
| 21871 | +} | |
| 21872 | +.vbo-quote-wrapper label { | |
| 21873 | + display: block; | |
| 21874 | + font-weight: 500; | |
| 21875 | + font-size: 14px; | |
| 21876 | + margin-bottom: 8px; | |
| 21877 | +} | |
| 21878 | +.vbo-quote-wrapper input { | |
| 21879 | + width: 100% !important; | |
| 21880 | +} | |
| 21881 | +.vbo-quote-section-head-wrap { | |
| 21882 | + display: flex; | |
| 21883 | + align-items: start; | |
| 21884 | + justify-content: space-between; | |
| 21885 | + gap: 10px; | |
| 21886 | + | |
| 21887 | + .vbo-quote-section-floating { | |
| 21888 | + margin-bottom: 16px; | |
| 21889 | + display: inline-flex; | |
| 21890 | + align-items: center; | |
| 21891 | + gap: 6px; | |
| 21892 | + | |
| 21893 | + label { | |
| 21894 | + display: flex; | |
| 21895 | + align-items: center; | |
| 21896 | + gap: 4px; | |
| 21897 | + margin-bottom: 0; | |
| 21898 | + | |
| 21899 | + i { | |
| 21900 | + color: var(--vbo-config-text-color-light); | |
| 21901 | + display: inline-flex; | |
| 21902 | + align-items: center; | |
| 21903 | + justify-content: center; | |
| 21904 | + border-radius: 4px; | |
| 21905 | + font-size: 12px; | |
| 21906 | + } | |
| 21907 | + } | |
| 21908 | + select { | |
| 21909 | + max-width: 220px; | |
| 21910 | + } | |
| 21911 | + } | |
| 21912 | +} | |
| 21913 | +.vbo-quote-new-option-wrap { | |
| 21914 | + background: var(--vbo-config-bg-color); | |
| 21915 | + border: 1px solid var(--vbo-config-border-color); | |
| 21916 | + border-radius: 10px; | |
| 21917 | + margin-bottom: 20px; | |
| 21918 | + padding-bottom: 18px; | |
| 21919 | + overflow: hidden; | |
| 21920 | +} | |
| 21921 | +.vbo-quote-new-option-wrap > div { | |
| 21922 | + padding-left: 18px; | |
| 21923 | + padding-right: 18px; | |
| 21924 | +} | |
| 21925 | +.vbo-quote-option-title { | |
| 21926 | + display: flex; | |
| 21927 | + align-items: center; | |
| 21928 | + gap: 12px; | |
| 21929 | + font-size: 18px; | |
| 21930 | + font-weight: 500; | |
| 21931 | + padding-top: 16px; | |
| 21932 | + padding-bottom: 16px; | |
| 21933 | + background: var(--vbo-light-blue); | |
| 21934 | + margin-bottom: 24px; | |
| 21935 | +} | |
| 21936 | +.vbo-quote-option-title h4 { | |
| 21937 | + margin: 0; | |
| 21938 | +} | |
| 21939 | +.vbo-quote-option-title .vbo-quote-option-delete { | |
| 21940 | + margin-left: auto; | |
| 21941 | +} | |
| 21942 | +.vbo-quote-option-summary { | |
| 21943 | + font-size: 12px; | |
| 21944 | + background: var(--vbo-info-bg); | |
| 21945 | + border-radius: 16px; | |
| 21946 | + padding: 4px 8px; | |
| 21947 | + color: var(--vbo-tag-blue-txt); | |
| 21948 | + display: inline-flex; | |
| 21949 | + align-items: center; | |
| 21950 | + gap: 16px; | |
| 21951 | +} | |
| 21952 | +.vbo-quote-option-summary > span i { | |
| 21953 | + margin-right: 2px; | |
| 21954 | +} | |
| 21955 | +.vbo-quote-option-remove-btn, .vbo-quote-option-room-remove-btn { | |
| 21956 | + height: 28px; | |
| 21957 | +} | |
| 21958 | +.vbo-quote-option-remove-btn i, .vbo-quote-option-room-remove-btn i { | |
| 21959 | + color: var(--vbo-red-color); | |
| 21960 | +} | |
| 21961 | +.vbo-quote-option-remove-btn:hover, .vbo-quote-option-room-remove-btn:hover { | |
| 21962 | + background: var(--vbo-info-bg) !important; | |
| 21963 | +} | |
| 21964 | +.vbo-quote-section-options { | |
| 21965 | + margin-top: 24px; | |
| 21966 | +} | |
| 21967 | +.vbo-quote-section-options .vbo-quote-section-head { | |
| 21968 | + margin-bottom: 10px; | |
| 21969 | +} | |
| 21970 | +.vbo-quote-option-dates { | |
| 21971 | + margin-top: 16px; | |
| 21972 | + display: grid; | |
| 21973 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 21974 | + gap: 16px; | |
| 21975 | + margin-bottom: 16px; | |
| 21976 | +} | |
| 21977 | +.vbo-quote-option-dates .input-append { | |
| 21978 | + width: calc(100% - 33px); | |
| 21979 | +} | |
| 21980 | +.vbo-quote-option-new-room-wrap { | |
| 21981 | + background: var(--vbo-config-child-bg-color); | |
| 21982 | + border: 1px solid var(--vbo-config-border-color); | |
| 21983 | + padding: 18px; | |
| 21984 | + border-radius: 10px; | |
| 21985 | + margin-bottom: 18px; | |
| 21986 | +} | |
| 21987 | +.vbo-quote-option-new-room-wrap:last-child { | |
| 21988 | + margin-bottom: 0; | |
| 21989 | +} | |
| 21990 | +.vbo-quote-option-room-title { | |
| 21991 | + display: flex; | |
| 21992 | + align-items: center; | |
| 21993 | + justify-content: space-between; | |
| 21994 | +} | |
| 21995 | +.vbo-quote-option-room-title h4 { | |
| 21996 | + margin: 0 0 16px; | |
| 21997 | + display: flex; | |
| 21998 | + align-items: center; | |
| 21999 | + gap: 8px; | |
| 22000 | + font-size: 14px; | |
| 22001 | + font-weight: 500; | |
| 22002 | +} | |
| 22003 | +.vbo-quote-option-room-title h4 i { | |
| 22004 | + color: var(--vbo-base-color); | |
| 22005 | +} | |
| 22006 | +.vbo-quote-option-availability { | |
| 22007 | + padding: 0px 0 12px; | |
| 22008 | + font-weight: 500; | |
| 22009 | +} | |
| 22010 | +.vbo-quote-option-availability > span { | |
| 22011 | + position: relative; | |
| 22012 | + padding-left: 15px; | |
| 22013 | +} | |
| 22014 | +.vbo-quote-option-availability > span:after { | |
| 22015 | + position: absolute; | |
| 22016 | + top: 50%; | |
| 22017 | + left: 0; | |
| 22018 | + transform: translate(0, -50%); | |
| 22019 | + content: ""; | |
| 22020 | + width: 8px; | |
| 22021 | + height: 8px; | |
| 22022 | + border-radius: 50%; | |
| 22023 | + animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running vikpulse; | |
| 22024 | +} | |
| 22025 | +@keyframes vikpulse { | |
| 22026 | + 50% { | |
| 22027 | + opacity: 0.5; | |
| 22028 | + } | |
| 22029 | +} | |
| 22030 | +.vbo-quote-option-availability .vbo-message-error { | |
| 22031 | + color: var(--vbo-red-color-hover); | |
| 22032 | +} | |
| 22033 | +.vbo-quote-option-availability .vbo-message-error:after { | |
| 22034 | + background: var(--vbo-red-color-hover); | |
| 22035 | +} | |
| 22036 | +.vbo-quote-option-availability .vbo-message-success { | |
| 22037 | + color: var(--vbo-green-color-hover); | |
| 22038 | +} | |
| 22039 | +.vbo-quote-option-availability .vbo-message-success:after { | |
| 22040 | + background: var(--vbo-green-color-hover); | |
| 22041 | +} | |
| 22042 | +.vbo-quote-option-room-values { | |
| 22043 | + display: grid; | |
| 22044 | + grid-template-columns: repeat(6, 1fr); | |
| 22045 | + gap: 16px; | |
| 22046 | +} | |
| 22047 | +.vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(-n+3) { | |
| 22048 | + grid-column: span 2; | |
| 22049 | +} | |
| 22050 | +.vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(n+4) { | |
| 22051 | + grid-column: span 3; | |
| 22052 | +} | |
| 22053 | +.vbo-quote-option-room-values input, .vbo-quote-option-room-values input[type="number"], .vbo-quote-option-room-values select, .vbo-quote-payment-block select { | |
| 22054 | + width: 100% !important; | |
| 22055 | + max-width: initial !important; | |
| 22056 | +} | |
| 22057 | +.vbo-quote-option-room-values .vbo-quote-option-room-value[data-type="customrate"] { | |
| 22058 | + display: flex; | |
| 22059 | + gap: 8px; | |
| 22060 | +} | |
| 22061 | +.vbo-quote-option-room-values .vbo-quote-option-room-value[data-type="customrate"] .vbo-quote-customrate-value { | |
| 22062 | + flex: 1; | |
| 22063 | +} | |
| 22064 | +.vbo-quote-option-rooms-add .btn { | |
| 22065 | + margin-top: 16px; | |
| 22066 | + font-size: 16px; | |
| 22067 | + font-weight: 500; | |
| 22068 | + border: 1px dashed var(--vbo-config-border-color); | |
| 22069 | + width: 100%; | |
| 22070 | +} | |
| 22071 | +.vbo-quote-option-rooms-add .btn:hover { | |
| 22072 | + background: var(--vbo-light-blue); | |
| 22073 | + border-color: var(--vbo-base-color); | |
| 22074 | +} | |
| 22075 | +.vbo-quote-option-rooms-add .btn:focus { | |
| 22076 | + background: var(--vbo-config-bg-color); | |
| 22077 | +} | |
| 22078 | +.vbo-quote-option-rooms .vbo-editbooking-room-services { | |
| 22079 | + margin-top: 26px; | |
| 22080 | +} | |
| 22081 | +.vbo-quote-option-rooms .vbo-editbooking-room-services > h4, .vbo-quote-option-room-extras-inner > h4 { | |
| 22082 | + margin: 0 0 10px; | |
| 22083 | +} | |
| 22084 | +.vbo-quote-option-room-extras-inner .vbo-quote-option-room-extra-add-btn { | |
| 22085 | + background: var(--vbo-config-bg-color); | |
| 22086 | + padding: 6px 12px; | |
| 22087 | +} | |
| 22088 | +.vbo-quote-option-room-extras-inner .vbo-quote-option-room-extra-add-btn:hover { | |
| 22089 | + background: var(--vbo-config-bg-color); | |
| 22090 | + border: 1px solid var(--vbo-base-color); | |
| 22091 | +} | |
| 22092 | +.vbo-quote-option-room-extras-inner .vbo-quote-option-room-extra-add-btn:focus, .vbo-quote-option-room-extras-inner .vbo-quote-option-room-extra-add-btn:active { | |
| 22093 | + background-color: var(--vbo-config-child-bg-color); | |
| 22094 | +} | |
| 22095 | +.vbo-quote-option-rooms .vbo-editbooking-room-services-wrap { | |
| 22096 | + gap: 8px; | |
| 22097 | +} | |
| 22098 | +.vbo-quote-option-rooms .vbo-editbooking-room-service { | |
| 22099 | + box-shadow: none; | |
| 22100 | + margin: 0; | |
| 22101 | + border-radius: var(--vbo-field-radius); | |
| 22102 | + background: var(--vbo-config-bg-color); | |
| 22103 | +} | |
| 22104 | +.vbo-quote-option-rooms .vbo-editbooking-room-service label { | |
| 22105 | + font-weight: 500; | |
| 22106 | + color: var(--vbo-body-text-color); | |
| 22107 | +} | |
| 22108 | +.vbo-quote-option-rooms .vbo-editbooking-room-service .vbo-editbooking-room-service-price { | |
| 22109 | + color: var(--vbo-config-titles-color-light); | |
| 22110 | + font-size: 14px; | |
| 22111 | + font-weight: normal; | |
| 22112 | +} | |
| 22113 | +.vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] { | |
| 22114 | + display: grid; | |
| 22115 | + grid-template-columns: repeat(1, minmax(0, 1fr)); | |
| 22116 | +} | |
| 22117 | +.vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] .vbo-editbooking-room-service-check { | |
| 22118 | + display: grid; | |
| 22119 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 22120 | + gap: 10px; | |
| 22121 | +} | |
| 22122 | +.vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] .vbo-editbooking-room-service-check .vbo-quote-child-age-wrap:only-child { | |
| 22123 | + grid-column: 1 / -1; | |
| 22124 | +} | |
| 22125 | +.vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] .vbo-editbooking-room-service-check select { | |
| 22126 | + max-width: 100%; | |
| 22127 | + width: 100% !important; | |
| 22128 | +} | |
| 22129 | +.vbo-quote-option-room-extras { | |
| 22130 | + margin-top: 26px; | |
| 22131 | +} | |
| 22132 | +.vbo-quote-option-room-extras-list { | |
| 22133 | + margin-top: 10px; | |
| 22134 | +} | |
| 22135 | +.vbo-quote-option-room-extras-list .vbo-quote-option-room-new-extra-wrap:not(:last-child) { | |
| 22136 | + margin-bottom: 8px; | |
| 22137 | +} | |
| 22138 | +.vbo-quote-option-room-extras-list .vbo-editbooking-room-extracost { | |
| 22139 | + margin: 0; | |
| 22140 | + display: flex; | |
| 22141 | + gap: 8px; | |
| 22142 | +} | |
| 22143 | +.vbo-quote-option-room-extras-list .vbo-editbooking-room-extracost > div { | |
| 22144 | + margin: 0; | |
| 22145 | +} | |
| 22146 | +.vbo-quote-option-room-extras-list .vbo-ebusy-extracosts-cellname { | |
| 22147 | + flex: 1; | |
| 22148 | +} | |
| 22149 | +.vbo-quote-option-room-extras-list .vbo-ebusy-extracosts-cellrm { | |
| 22150 | + padding-left: 5px; | |
| 22151 | + align-self: center; | |
| 22152 | +} | |
| 22153 | +.vbo-quote-mail-subject, .vbo-quote-mail-message, .vbo-quote-notes { | |
| 22154 | + margin-bottom: 16px; | |
| 22155 | +} | |
| 22156 | +.vbo-quote-mail-message textarea { | |
| 22157 | + min-height: 200px; | |
| 22158 | + margin-top: 8px; | |
| 22159 | +} | |
| 22160 | +.vbo-quote-notes { | |
| 22161 | + textarea { | |
| 22162 | + min-height: 80px; | |
| 22163 | + width: 100%; | |
| 22164 | + } | |
| 22165 | + .vbo-quote-label-help { | |
| 22166 | + font-size: smaller; | |
| 22167 | + font-style: italic; | |
| 22168 | + } | |
| 22169 | +} | |
| 22170 | +.vbo-quote-mail-preferred { | |
| 22171 | + margin-top: 16px; | |
| 22172 | + | |
| 22173 | + .vik-iostoggle-wrap { | |
| 22174 | + margin-right: 4px; | |
| 22175 | + } | |
| 22176 | + .vbo-quote-label-help { | |
| 22177 | + display: inline-block; | |
| 22178 | + font-size: smaller; | |
| 22179 | + font-style: italic; | |
| 22180 | + } | |
| 22181 | + | |
| 22182 | +} | |
| 22183 | +.vbo-quote-option-room-extras-list .btn.vbo-quote-option-extra-remove-btn { | |
| 22184 | + padding: 0; | |
| 22185 | +} | |
| 22186 | +.vbo-quote-option-room-extras-list .btn.vbo-quote-option-extra-remove-btn:hover { | |
| 22187 | + color: var(--vbo-red-color); | |
| 22188 | +} | |
| 22189 | +.vbo-quote-option-total h4 { | |
| 22190 | + font-weight: normal; | |
| 22191 | + font-size: 14px; | |
| 22192 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 22193 | + padding-top: 12px; | |
| 22194 | + margin-bottom: 10px; | |
| 22195 | + margin-top: 18px; | |
| 22196 | + display: flex; | |
| 22197 | + align-items: center; | |
| 22198 | + gap: 6px; | |
| 22199 | + justify-content: end; | |
| 22200 | +} | |
| 22201 | +.vbo-quote-option-total h4 i { | |
| 22202 | + color: var(--vbo-base-color); | |
| 22203 | +} | |
| 22204 | +.vbo-quote-option-total h4 .vbo-quote-option-total-cost { | |
| 22205 | + font-size: 16px; | |
| 22206 | + font-weight: 500; | |
| 22207 | +} | |
| 22208 | +.vbo-quote-section-footer { | |
| 22209 | + margin-bottom: 20px; | |
| 22210 | +} | |
| 22211 | +.vbo-quote-section-footer .vbo-quote-option-add-btn { | |
| 22212 | + color: var(--vbo-base-color); | |
| 22213 | + border: 1px dashed var(--vbo-base-color); | |
| 22214 | + background: transparent; | |
| 22215 | + width: 100%; | |
| 22216 | + font-weight: 500; | |
| 22217 | + font-size: 14px; | |
| 22218 | + padding: 10px 16px; | |
| 22219 | +} | |
| 22220 | +.vbo-quote-section-footer .vbo-quote-option-add-btn:hover { | |
| 22221 | + background: var(--vbo-config-bg-color); | |
| 22222 | + border: 1px dashed var(--vbo-base-color-hover); | |
| 22223 | +} | |
| 22224 | +.vbo-quote-section-footer .vbo-quote-option-add-btn:focus, .vbo-quote-section-footer .vbo-quote-option-add-btn:active { | |
| 22225 | + background: var(--vbo-config-bg-color); | |
| 22226 | + border: 1px dashed var(--vbo-base-color); | |
| 22227 | +} | |
| 22228 | +.vbo-quote-section-validity .vbo-quote-section-body { | |
| 22229 | + display: grid; | |
| 22230 | + grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| 22231 | + gap: 16px; | |
| 22232 | + | |
| 22233 | + .vbo-quote-validity-date-help { | |
| 22234 | + cursor: pointer; | |
| 22235 | + | |
| 22236 | + &:hover { | |
| 22237 | + color: var(--vbo-base-color); | |
| 22238 | + } | |
| 22239 | + } | |
| 22240 | +} | |
| 22241 | +.vbo-quote-section-current .vbo-quote-section-body { | |
| 22242 | + display: grid; | |
| 22243 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 22244 | + gap: 16px; | |
| 22245 | +} | |
| 22246 | +.vbo-quote-section-buttons { | |
| 22247 | + display: flex; | |
| 22248 | + gap: 10px; | |
| 22249 | + justify-content: end; | |
| 22250 | +} | |
| 22251 | +.vbo-quote-section-send { | |
| 22252 | + display: flex; | |
| 22253 | + justify-content: end; | |
| 22254 | + align-items: center; | |
| 22255 | + gap: 10px; | |
| 22256 | +} | |
| 22257 | +.vbo-quote-section-send .vbo-quote-send-later { | |
| 22258 | + display: flex; | |
| 22259 | + align-items: center; | |
| 22260 | + gap: 5px; | |
| 22261 | +} | |
| 22262 | +.vbo-quote-section-send .vbo-quote-send-later label { | |
| 22263 | + margin-bottom: 0; | |
| 22264 | +} | |
| 22265 | +.vbo-quote-section-send .vbo-quote-send-later .vik-iostoggle-wrap { | |
| 22266 | + margin: 0; | |
| 22267 | + padding: 0; | |
| 22268 | +} | |
| 22269 | +.vbo-quote-edit-uuid .label { | |
| 22270 | + white-space: break-spaces; | |
| 22271 | +} | |
| 22272 | +.vbo-quote-customer-choose .vbo-search-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-search-elem { | |
| 22273 | + background-color: transparent; | |
| 22274 | +} | |
| 22275 | +.vbo-quote-option-edit-booking { | |
| 22276 | + margin-top: 20px; | |
| 22277 | +} | |
| 22278 | +/* End - Quote */ | |
| 22279 | + | |
| 22280 | +/* Quote widget */ | |
| 22281 | +.vbo-w-quote-wrapper { | |
| 22282 | + margin-top: 20px; | |
| 22283 | +} | |
| 22284 | +.vbo-w-quote-items-list { | |
| 22285 | + max-height: calc(100vh - 390px); | |
| 22286 | + overflow: hidden; | |
| 22287 | + overflow-y: scroll; | |
| 22288 | +} | |
| 22289 | +.vbo-w-quote-item { | |
| 22290 | + border: 1px solid var(--vbo-config-border-color); | |
| 22291 | + border-radius: 10px; | |
| 22292 | + overflow: hidden; | |
| 22293 | + background: var(--vbo-input-style-deactive); | |
| 22294 | + margin-top: 14px; | |
| 22295 | + | |
| 22296 | + &:first-child { | |
| 22297 | + margin-top: 0; | |
| 22298 | + } | |
| 22299 | +} | |
| 22300 | +.vbo-w-quote-item .vbo-w-quote-item-head { | |
| 22301 | + background: var(--vbo-config-bg-color); | |
| 22302 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 22303 | + padding: 10px 12px; | |
| 22304 | + display: flex; | |
| 22305 | + justify-content: space-between; | |
| 22306 | + gap: 10px; | |
| 22307 | +} | |
| 22308 | +.vbo-w-quote-item .vbo-w-quote-item-head h4 { | |
| 22309 | + font-size: 14px; | |
| 22310 | + font-weight: 600; | |
| 22311 | + margin: 0; | |
| 22312 | + display: inline-flex; | |
| 22313 | + gap: 6px; | |
| 22314 | + align-items: center; | |
| 22315 | +} | |
| 22316 | +.vbo-w-quote-item .vbo-w-quote-item-head h4 i { | |
| 22317 | + font-size: 10px; | |
| 22318 | +} | |
| 22319 | +.vbo-w-quote-item .vbo-w-quote-creation-dt { | |
| 22320 | + font-size: 12px; | |
| 22321 | + color: var(--vbo-config-titles-color-light); | |
| 22322 | + margin-bottom: 4px; | |
| 22323 | +} | |
| 22324 | +.vbo-w-quote-item .vbo-w-quote-customer { | |
| 22325 | + display: flex; | |
| 22326 | + align-items: center; | |
| 22327 | + flex-wrap: wrap; | |
| 22328 | + gap: 8px; | |
| 22329 | + font-size: 12px; | |
| 22330 | +} | |
| 22331 | +.vbo-w-quote-item .vbo-w-quote-customer span { | |
| 22332 | + display: flex; | |
| 22333 | + align-items: center; | |
| 22334 | + gap: 4px; | |
| 22335 | + white-space: nowrap; | |
| 22336 | +} | |
| 22337 | +.vbo-w-quote-item .vbo-w-quote-customer span i { | |
| 22338 | + color: var(--vbo-config-titles-color-light); | |
| 22339 | + font-size: 10px; | |
| 22340 | +} | |
| 22341 | +.vbo-w-quote-item .vbo-w-quote-item-head-right { | |
| 22342 | + display: flex; | |
| 22343 | + align-items: center; | |
| 22344 | + align-self: start; | |
| 22345 | + gap: 8px; | |
| 22346 | +} | |
| 22347 | +.vbo-w-quote-item .vbo-w-quote-item-head-validity { | |
| 22348 | + font-size: 12px; | |
| 22349 | + color: var(--vbo-config-titles-color-light); | |
| 22350 | +} | |
| 22351 | +.vbo-w-quote-item .vbo-w-quote-item-head-right .vbo-w-quote-send-btn { | |
| 22352 | + border-radius: 20px; | |
| 22353 | + padding: 2px 10px; | |
| 22354 | +} | |
| 22355 | +.vbo-w-quote-item-head-edit { | |
| 22356 | + cursor: pointer; | |
| 22357 | +} | |
| 22358 | +.vbo-w-quote-item-head-edit:hover { | |
| 22359 | + color: var(--vbo-base-color); | |
| 22360 | +} | |
| 22361 | +.vbo-w-quote-solution { | |
| 22362 | + padding: 10px 12px; | |
| 22363 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 22364 | + display: flex; | |
| 22365 | + justify-content: space-between; | |
| 22366 | + align-items: flex-start; | |
| 22367 | + gap: 10px; | |
| 22368 | +} | |
| 22369 | +.vbo-w-quote-solution:last-child { | |
| 22370 | + border-bottom: 0; | |
| 22371 | +} | |
| 22372 | +.vbo-w-quote-solution-title { | |
| 22373 | + display: flex; | |
| 22374 | + flex-wrap: wrap; | |
| 22375 | + gap: 8px; | |
| 22376 | + align-items: center; | |
| 22377 | + margin-bottom: 4px; | |
| 22378 | +} | |
| 22379 | +.vbo-w-quote-solution-title h4 { | |
| 22380 | + font-size: 14px; | |
| 22381 | + font-weight: 600; | |
| 22382 | + margin: 0; | |
| 22383 | +} | |
| 22384 | +.vbo-w-quote-solution-title .vbo-w-quote-solution-revid { | |
| 22385 | + cursor: pointer; | |
| 22386 | + color: var(--vbo-base-color); | |
| 22387 | + display: flex; | |
| 22388 | + align-items: center; | |
| 22389 | + gap: 2px; | |
| 22390 | + font-size: 11px; | |
| 22391 | +} | |
| 22392 | +.vbo-w-quote-solution-title .vbo-w-quote-solution-bookdates { | |
| 22393 | + display: flex; | |
| 22394 | + align-items: center; | |
| 22395 | + gap: 6px; | |
| 22396 | + font-size: 11px; | |
| 22397 | + color: var(--vbo-config-titles-color-light); | |
| 22398 | +} | |
| 22399 | +.vbo-w-quote-solution-infoparty { | |
| 22400 | + display: flex; | |
| 22401 | + align-items: center; | |
| 22402 | + row-gap: 2px; | |
| 22403 | + column-gap: 12px; | |
| 22404 | + font-size: 12px; | |
| 22405 | + margin-bottom: 8px; | |
| 22406 | +} | |
| 22407 | +.vbo-w-quote-solution-infoparty span { | |
| 22408 | + display: flex; | |
| 22409 | + align-items: center; | |
| 22410 | + gap: 4px; | |
| 22411 | + white-space: nowrap; | |
| 22412 | +} | |
| 22413 | +.vbo-w-quote-solution-infoparty i { | |
| 22414 | + color: var(--vbo-config-titles-color-light); | |
| 22415 | +} | |
| 22416 | +.vbo-w-quote-solution-rooms { | |
| 22417 | + display: flex; | |
| 22418 | + align-items: center; | |
| 22419 | + gap: 4px; | |
| 22420 | +} | |
| 22421 | +.vbo-w-quote-solution-rooms span { | |
| 22422 | + font-size: 11px; | |
| 22423 | + white-space: nowrap; | |
| 22424 | +} | |
| 22425 | +.vbo-w-quote-solution-priceinfo-wrap { | |
| 22426 | + display: flex; | |
| 22427 | + gap: 10px; | |
| 22428 | +} | |
| 22429 | +.vbo-w-quote-solution-priceinfo-wrap .vbo-w-quote-solution-price { | |
| 22430 | + font-size: 14px; | |
| 22431 | + font-weight: 700; | |
| 22432 | + margin-bottom: 8px; | |
| 22433 | + text-align: right; | |
| 22434 | + | |
| 22435 | +} | |
| 22436 | +.vbo-w-quote-solution-priceinfo-wrap .vbo-w-quote-solution-edit { | |
| 22437 | + opacity: .6; | |
| 22438 | +} | |
| 22439 | +.vbo-w-quote-solution-priceinfo-wrap .vbo-w-quote-solution-edit:hover { | |
| 22440 | + opacity: 1; | |
| 22441 | + cursor: pointer; | |
| 22442 | + color: var(--vbo-base-color); | |
| 22443 | +} | |
| 22444 | +.vbo-widget-quotes-loadmore-info p { | |
| 22445 | + text-align: center; | |
| 22446 | + font-size: 16px; | |
| 22447 | + font-weight: 600; | |
| 22448 | +} | |
| 22449 | + | |
| 22450 | +/* If in the side panel */ | |
| 22451 | +.vbo-sidepanel-wrapper { | |
| 22452 | + .vbo-w-quote-wrapper { | |
| 22453 | + padding: 0 10px; | |
| 22454 | + } | |
| 22455 | + | |
| 22456 | + .vbo-w-quote-item .vbo-w-quote-item-head { | |
| 22457 | + flex-wrap: wrap; | |
| 22458 | + | |
| 22459 | + .vbo-w-quote-customer { | |
| 22460 | + flex-wrap: wrap; | |
| 22461 | + } | |
| 22462 | + | |
| 22463 | + .vbo-w-quote-item-head-right { | |
| 22464 | + flex-basis: 100%; | |
| 22465 | + | |
| 22466 | + .vbo-w-quote-item-head-edit { | |
| 22467 | + margin-left: auto; | |
| 22468 | + } | |
| 22469 | + } | |
| 22470 | + } | |
| 22471 | + | |
| 22472 | + .vbo-w-quote-solution { | |
| 22473 | + flex-wrap: wrap; | |
| 22474 | + | |
| 22475 | + .vbo-w-quote-solution-rooms { | |
| 22476 | + flex-wrap: wrap; | |
| 22477 | + } | |
| 22478 | + | |
| 22479 | + .vbo-w-quote-solution-priceinfo-wrap { | |
| 22480 | + justify-content: space-between; | |
| 22481 | + flex-basis: 100%; | |
| 22482 | + | |
| 22483 | + .vbo-w-quote-solution-price { | |
| 22484 | + text-align: left; | |
| 22485 | + } | |
| 22486 | + | |
| 22487 | + .vbo-w-quote-solution-edit { | |
| 22488 | + align-self: end; | |
| 22489 | + } | |
| 22490 | + } | |
| 22491 | + } | |
| 22492 | +} | |
| 22493 | + | |
| 22494 | +/* If in the dashboard */ | |
| 22495 | +.vbo-admin-widgets-wrap { | |
| 22496 | + .vbo-w-quote-wrapper { | |
| 22497 | + margin-top: 10px; | |
| 22498 | + padding: 0 10px; | |
| 22499 | + } | |
| 22500 | +} | |
| 22501 | + | |
| 22502 | +/* End - Quote widget */ | |
| 22503 | + | |
| 22504 | +/* WhatsApp preview message */ | |
| 22505 | +.vcm-wa-tpl-prevw-container-inner { | |
| 22506 | + border: 1px solid var(--vbo-basic-btn); | |
| 22507 | + box-shadow: 0px 2px 2px rgba(0, 0, 0, .02); | |
| 22508 | + border-radius: 6px; | |
| 22509 | + overflow: hidden; | |
| 22510 | +} | |
| 22511 | +.vcm-wa-tpl-prevw-title { | |
| 22512 | + padding: 12px 14px; | |
| 22513 | + font-size: 14px; | |
| 22514 | + font-weight: bold; | |
| 22515 | +} | |
| 22516 | +.vcm-macc-new-config .vcm-wa-tpl-prevw-container { | |
| 22517 | + flex-basis: 30%; | |
| 22518 | + max-width: 400px; | |
| 22519 | +} | |
| 22520 | +.vcm-wa-tpl-prevw-content { | |
| 22521 | + background-color: #f1ebe3; | |
| 22522 | + padding: 10px; | |
| 22523 | + color: var(--vbo-body-text-color); | |
| 22524 | + max-width: 400px; | |
| 22525 | +} | |
| 22526 | +.vcm-wa-tpl-prevw-content-inner { | |
| 22527 | + padding-top: 6px; | |
| 22528 | + border-radius: 7.5px; | |
| 22529 | + border-top-left-radius: 0; | |
| 22530 | + background: #fff; | |
| 22531 | + box-shadow: 0 1px .5px rgba(11, 20, 26, .13); | |
| 22532 | + position: relative; | |
| 22533 | +} | |
| 22534 | +.vcm-wa-tpl-prevw-content-body { | |
| 22535 | + padding-inline-start: 9px; | |
| 22536 | + padding-inline-end: 7px; | |
| 22537 | + padding-bottom: 5px; | |
| 22538 | +} | |
| 22539 | +.vcm-wa-tpl-prevw-content-inner:after { | |
| 22540 | + content: ''; | |
| 22541 | + position: absolute; | |
| 22542 | + top: 0; | |
| 22543 | + width: 0; | |
| 22544 | + height: 0; | |
| 22545 | + border-style: solid; | |
| 22546 | + left: -7px; | |
| 22547 | + border-color: transparent #ffffff transparent transparent; | |
| 22548 | + border-width: 0 9px 9px 0; | |
| 22549 | +} | |
| 22550 | +.vcm-wa-tpl-prevw-header { | |
| 22551 | + font-size: 14px; | |
| 22552 | + font-weight: bold; | |
| 22553 | + margin-bottom: 5px; | |
| 22554 | +} | |
| 22555 | +.vcm-wa-tpl-prevw-header img { | |
| 22556 | + max-width: 100%; | |
| 22557 | + border-radius: 4.5px; | |
| 22558 | + display: block; | |
| 22559 | + margin: 0 auto; | |
| 22560 | +} | |
| 22561 | +.vcm-wa-tpl-prevw-header video { | |
| 22562 | + max-width: 100%; | |
| 22563 | + width: 100%; | |
| 22564 | +} | |
| 22565 | +.vcm-wa-tpl-prevw-header .location-preview { | |
| 22566 | + position: relative; | |
| 22567 | + border-radius: 4.5px; | |
| 22568 | +} | |
| 22569 | +.vcm-wa-tpl-prevw-header .location-preview img { | |
| 22570 | + border-bottom-left-radius: 0; | |
| 22571 | + border-bottom-right-radius: 0; | |
| 22572 | +} | |
| 22573 | +.vcm-wa-tpl-prevw-header .location-preview .location-details { | |
| 22574 | + width: 100%; | |
| 22575 | + background: var(--vbo-config-child-bg-color); | |
| 22576 | + padding: 8px 6px; | |
| 22577 | + box-sizing: border-box; | |
| 22578 | + border-bottom-left-radius: 4.5px; | |
| 22579 | + border-bottom-right-radius: 4.5px; | |
| 22580 | +} | |
| 22581 | +.vcm-wa-tpl-prevw-header .location-preview .location-details small { | |
| 22582 | + opacity: .7; | |
| 22583 | + font-weight: normal; | |
| 22584 | +} | |
| 22585 | +.vcm-wa-tpl-prevw-header .vcm-wa-tpl-prevw-header-doc { | |
| 22586 | + padding: 8px; | |
| 22587 | + border-radius: 8px; | |
| 22588 | + display: flex; | |
| 22589 | + gap: 10px; | |
| 22590 | + align-items: center; | |
| 22591 | + background: var(--vbo-config-child-bg-color); | |
| 22592 | + color: var(--vbo-body-text-color); | |
| 22593 | + margin-bottom: 10px; | |
| 22594 | +} | |
| 22595 | +.vcm-wa-tpl-prevw-header .vcm-wa-tpl-prevw-header-doc > i { | |
| 22596 | + font-size: 24px; | |
| 22597 | + background: var(--vbo-green-color); | |
| 22598 | + padding: 10px 14px; | |
| 22599 | + border-radius: 8px; | |
| 22600 | + color: var(--vbo-config-bg-color); | |
| 22601 | +} | |
| 22602 | +.vcm-wa-tpl-prevw-header .vcm-wa-tpl-prevw-header-doc > strong { | |
| 22603 | + flex: 1; | |
| 22604 | +} | |
| 22605 | +.vcm-wa-tpl-prevw-header .vcm-wa-tpl-prevw-header-doc > a { | |
| 22606 | + font-size: 20px; | |
| 22607 | + margin-right: 10px; | |
| 22608 | + color: var(--vbo-body-text-color); | |
| 22609 | +} | |
| 22610 | +.vcm-wa-tpl-prevw-message pre { | |
| 22611 | + white-space-collapse: break-spaces; | |
| 22612 | + text-wrap-mode: wrap; | |
| 22613 | +} | |
| 22614 | +.vcm-wa-tpl-prevw-message blockquote { | |
| 22615 | + margin: 0; | |
| 22616 | + padding: 2px 0 2px 1em; | |
| 22617 | + border-left: 4px solid #bbb; | |
| 22618 | +} | |
| 22619 | +.vcm-wa-tpl-prevw-message ul { | |
| 22620 | + margin: 0; | |
| 22621 | + padding: 2px 0 2px 1.5em; | |
| 22622 | +} | |
| 22623 | +.vcm-wa-tpl-prevw-message ul li { | |
| 22624 | + list-style-type: disc; | |
| 22625 | + margin: 0 0 6px; | |
| 22626 | +} | |
| 22627 | +.vcm-wa-tpl-prevw-message ul li:last-child { | |
| 22628 | + margin: 0; | |
| 22629 | +} | |
| 22630 | +.vcm-wa-tpl-prevw-footer { | |
| 22631 | + font-size: smaller; | |
| 22632 | + color: #999; | |
| 22633 | + display: flex; | |
| 22634 | + justify-content: space-between; | |
| 22635 | + margin-top: 6px; | |
| 22636 | +} | |
| 22637 | +.vcm-wa-tpl-prevw-action { | |
| 22638 | + border-top: 1px solid #ddd; | |
| 22639 | + padding: 12px 8px; | |
| 22640 | + text-align: center; | |
| 22641 | +} | |
| 22642 | +.vcm-wa-tpl-prevw-action a { | |
| 22643 | + display: flex; | |
| 22644 | + align-items: center; | |
| 22645 | + gap: 5px; | |
| 22646 | + justify-content: center; | |
| 22647 | +} | |
| 22648 | +/* End - WhatsApp preview message */ | |
| 22649 | + | |
| 22650 | +/* @end styles */ | |
| 22651 | + | |
| 22652 | +/* Print */ | |
| 22653 | +@media print { | |
| 22654 | + .vbo-receipt-numdate-title i, #vbo-amountpaid-edit i, .vbo-receipt-numdate-title i { | |
| 22655 | + display: none !important; | |
| 22656 | + visibility: hidden !important; | |
| 22657 | + } | |
| 22658 | + .vbo-showin-print { | |
| 22659 | + display: inline-block; | |
| 22660 | + } | |
| 22661 | + .vbo-hidein-print { | |
| 22662 | + display: none !important; | |
| 22663 | + } | |
| 22664 | + .vbo-bookingdet-summary-roomguests { | |
| 22665 | + margin-bottom: 10px; | |
| 22666 | + } | |
| 22667 | + .vbo-receipt-notes-inner { | |
| 22668 | + border-radius: 0 !important; | |
| 22669 | + border-top: 1px solid #ddd; | |
| 22670 | + } | |
| 22671 | + .vbo-receipt-numdate-date-val { | |
| 22672 | + font-size: 1.1em; | |
| 22673 | + } | |
| 22674 | + .vbo-bookingdet-topcontainer .vbo-bookdet-container { | |
| 22675 | + padding: 0 30px; | |
| 22676 | + } | |
| 22677 | + .vbo-bookdet-wrap { | |
| 22678 | + margin: 0 10px 10px; | |
| 22679 | + max-width: inherit; | |
| 22680 | + min-width: inherit; | |
| 22681 | + } | |
| 22682 | + .vbo-bookdet-head { | |
| 22683 | + border-bottom: 0; | |
| 22684 | + padding: 0; | |
| 22685 | + font-weight: bold; | |
| 22686 | + } | |
| 22687 | + .vbo-bookdet-foot { | |
| 22688 | + padding: 0; | |
| 22689 | + } | |
| 22690 | + .vbo-bookdet-head, .vbo-bookdet-foot { | |
| 22691 | + text-align: left; | |
| 22692 | + } | |
| 22693 | + .vbo-bookingdet-customer, .vbo-bookingdet-admindata { | |
| 22694 | + -webkit-flex: 100%; | |
| 22695 | + -ms-flex: 100%; | |
| 22696 | + flex: 100%; | |
| 22697 | + } | |
| 22698 | + .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail { | |
| 22699 | + width: 23%; | |
| 22700 | + } | |
| 22701 | + .vbo-bookdet-container { | |
| 22702 | + text-align: left; | |
| 22703 | + } | |
| 22704 | + .vbo-bookingdet-detcont { | |
| 22705 | + background: #f6f6f6; | |
| 22706 | + } | |
| 22707 | + .vbo-receipt-numdate-block { | |
| 22708 | + padding-top: 0 !important; | |
| 22709 | + vertical-align: top; | |
| 22710 | + } | |
| 22711 | + .vbo-bookdet-foot { | |
| 22712 | + font-size: 1em; | |
| 22713 | + } | |
| 22714 | + .vbo-table-responsive { | |
| 22715 | + overflow: visible; | |
| 22716 | + } | |
| 22717 | + .vbo-tableaux-months-wrap, .vbo-tableaux-filters { | |
| 22718 | + display: none !important; | |
| 22719 | + } | |
| 22720 | + body { | |
| 22721 | + -webkit-print-color-adjust: exact; | |
| 22722 | + } | |
| 22723 | + .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) { | |
| 22724 | + background: #02679a !important; | |
| 22725 | + color: #fff !important; | |
| 22726 | + border: 1px solid #ddd !important; | |
| 22727 | + -webkit-print-color-adjust: exact; | |
| 22728 | + } | |
| 22729 | + .vbo-tableaux-roombooks > div > span, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) > span { | |
| 22730 | + color: #fff !important; | |
| 22731 | + } | |
| 22732 | + .vbo-tableaux-table tr td:first-child { | |
| 22733 | + background: var(--vbo-config-child-bg-color) !important; | |
| 22734 | + } | |
| 22735 | + | |
| 22736 | + html { | |
| 22737 | + padding: 0 !important; | |
| 22738 | + } | |
| 22739 | + body.vbo-is-printing { | |
| 22740 | + height: auto; | |
| 22741 | + background: #fff; | |
| 22742 | + } | |
| 22743 | + .vbo-is-printing h4 { | |
| 22744 | + margin-top: 0; | |
| 22745 | + padding-top: 0; | |
| 22746 | + } | |
| 22747 | + .vbo-is-printing .vbo-reports-output { | |
| 22748 | + margin: 10px 2px; | |
| 22749 | + padding-bottom: 10px; | |
| 22750 | + } | |
| 22751 | + .vbo-report-output-printing .vbo-country-flag, .vbo-report-output-printing a i { | |
| 22752 | + display: none; | |
| 22753 | + } | |
| 22754 | + .vbo-is-printing .vbo-report-output-printing .table-responsive { | |
| 22755 | + overflow: initial; | |
| 22756 | + box-shadow: none; | |
| 22757 | + } | |
| 22758 | + .vbo-is-printing .vbo-reports-output table th { | |
| 22759 | + text-transform: initial; | |
| 22760 | + } | |
| 22761 | + .vbo-is-printing .vbo-reports-output table tbody td, .vbo-is-printing .vbo-reports-output table th, .vbo-is-printing .vbo-reports-output table tfoot td { | |
| 22762 | + padding: 15px 5px; | |
| 22763 | + white-space: initial; | |
| 22764 | + font-size: 13px; | |
| 22765 | + } | |
| 22766 | + .vbo-is-printing .vbo-report-sheet { | |
| 22767 | + border-radius: 8px; | |
| 22768 | + padding: 3px; | |
| 22769 | + border: 1px solid #eee; | |
| 22770 | + margin-bottom: 2px; | |
| 22771 | + } | |
| 22772 | + .vbo-is-printing .vbo-reports-output table tbody td a { | |
| 22773 | + color: inherit; | |
| 22774 | + } | |
| 22775 | + .vbo-is-printing .vbo-reports-output .table-responsive { | |
| 22776 | + margin: 0; | |
| 22777 | + } | |
| 22778 | + .vbo-is-printing .vbo-report-title-print { | |
| 22779 | + text-align: center; | |
| 22780 | + } | |
| 22781 | + .vbo-is-printing .vbo-report-sheetnchart .vbo-report-sheet { | |
| 22782 | + width: 100%; | |
| 22783 | + } | |
| 22784 | + .vbo-is-printing .vbo-report-chart-wrap { | |
| 22785 | + display: none; | |
| 22786 | + } | |
| 22787 | + table tfoot { | |
| 22788 | + display: table-row-group; | |
| 22789 | + } | |
| 22790 | + .vbo-menu-container { | |
| 22791 | + display: none; | |
| 22792 | + } | |
| 22793 | + .vbo-allbookings-fm #filter-bar .pull-right { | |
| 22794 | + display: none; | |
| 22795 | + } | |
| 22796 | + table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td { | |
| 22797 | + font-size: 12px; | |
| 22798 | + } | |
| 22799 | + .vbo-allbookings-fm .vbo-bookingslist-viewdet, .vbo-allbookings-fm .vbo-bookingslist-booktime-date { | |
| 22800 | + font-size: 12px; | |
| 22801 | + } | |
| 22802 | + .vbo-allbookings-fm span.label.vbo-status-label { | |
| 22803 | + font-size: 11px; | |
| 22804 | + padding: 5px 9px !important; | |
| 22805 | + } | |
| 22806 | + .vbo-allbookings-fm .vbo-provenience { | |
| 22807 | + font-size: 13px; | |
| 22808 | + } | |
| 22809 | +} | |
| 22810 | + | |
| 22811 | +/* Responsive */ | |
| 22812 | +/** max-height */ | |
| 22813 | +@media screen and (max-height: 600px) { | |
| 22814 | + .vbo-modal-wguestmessages-chat-wrap .chat-border-layout { | |
| 22815 | + max-height: initial; | |
| 22816 | + } | |
| 22817 | + .vbo-w-quote-items-list { | |
| 22818 | + max-height: calc(100vh - 188px); | |
| 22819 | + } | |
| 22820 | +} | |
| 22821 | +@media screen and (max-height: 430px) { | |
| 22822 | + .vbo-w-quote-items-list { | |
| 22823 | + max-height: calc(100vh - 238px); | |
| 22824 | + } | |
| 22825 | +} | |
| 22826 | +@media screen and (min-width: 2400px) { | |
| 22827 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name { | |
| 22828 | + flex-basis: auto; | |
| 22829 | + margin-right: 15px; | |
| 22830 | + margin-bottom: 0; | |
| 22831 | + } | |
| 22832 | +} | |
| 22833 | +@media screen and (min-width: 1860px) { | |
| 22834 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-price:first-child { | |
| 22835 | + margin-left: 0; | |
| 22836 | + } | |
| 22837 | + .vbo-quote-wrapper { | |
| 22838 | + max-width: 74rem; | |
| 22839 | + } | |
| 22840 | +} | |
| 22841 | +@media screen and (max-width: 2000px) { | |
| 22842 | + .vbo-menu-updates > button { | |
| 22843 | + width: 44px; | |
| 22844 | + height: 44px; | |
| 22845 | + line-height: 36px; | |
| 22846 | + padding: 0; | |
| 22847 | + border-radius: 50%; | |
| 22848 | + } | |
| 22849 | + .vbo-menu-updates > button i { | |
| 22850 | + margin-right: 0 !important; | |
| 22851 | + } | |
| 22852 | + .vbo-menu-updates > button span { | |
| 22853 | + display: none; | |
| 22854 | + } | |
| 22855 | +} | |
| 22856 | +@media screen and (max-height: 860px) { | |
| 22857 | + .vbo-w-quote-items-list { | |
| 22858 | + max-height: calc(100vh - 230px); | |
| 22859 | + } | |
| 22860 | +} | |
| 22861 | +@media screen and (max-width: 1860px) { | |
| 22862 | + .vbo-admin-container .vbo-param-container-full { | |
| 22863 | + flex-wrap: wrap; | |
| 22864 | + } | |
| 22865 | + .vbo-admin-container .vbo-param-container-full .vbo-param-label-above { | |
| 22866 | + flex-basis: 100% !important; | |
| 22867 | + margin-bottom: 10px; | |
| 22868 | + } | |
| 22869 | + .vbo-param-setting #vbadultsdiffbox .vbo-adults-usage { | |
| 22870 | + display: block; | |
| 22871 | + margin-bottom: 5px; | |
| 22872 | + } | |
| 22873 | + .vbo-admin-widgets-container-large .vbo-dashboard-chart-container { | |
| 22874 | + flex-basis: calc(25% - 16px); | |
| 22875 | + } | |
| 22876 | + .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 22877 | + width: calc(100% - 100px); | |
| 22878 | + } | |
| 22879 | + .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number { | |
| 22880 | + flex-basis: calc(100% - 52px); | |
| 22881 | + } | |
| 22882 | +} | |
| 22883 | +@media screen and (max-width: 1760px) { | |
| 22884 | + .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"], | |
| 22885 | + .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] { | |
| 22886 | + width: 80px !important; | |
| 22887 | + } | |
| 22888 | + .vbo-roomentries-cont { | |
| 22889 | + width: 40%; | |
| 22890 | + } | |
| 22891 | + .vbo-report-sheetnchart .vbo-report-sheet { | |
| 22892 | + width: 50%; | |
| 22893 | + } | |
| 22894 | + .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable { | |
| 22895 | + display: none; | |
| 22896 | + } | |
| 22897 | + .vbo-report-sheetnchart .vbo-report-chart-meta { | |
| 22898 | + flex-basis: 50%; | |
| 22899 | + } | |
| 22900 | + .vbo-dashboard-today-bookings { | |
| 22901 | + flex-basis: 65%; | |
| 22902 | + } | |
| 22903 | + .vbo-dashboard-chart-container { | |
| 22904 | + flex-basis: auto; | |
| 22905 | + flex-grow: initial; | |
| 22906 | + } | |
| 22907 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas { | |
| 22908 | + margin: 0 0 15px; | |
| 22909 | + } | |
| 22910 | + .vbo-reportwidget-ratesoverv .vbo-report-chart-canvas { | |
| 22911 | + width: 52% !important; | |
| 22912 | + } | |
| 22913 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas { | |
| 22914 | + width: 46%; | |
| 22915 | + } | |
| 22916 | + .vbo-dashboard-firstsetup-container { | |
| 22917 | + width: 90%; | |
| 22918 | + } | |
| 22919 | + .vbo-geoinfo-param .vbo-param-setting span { | |
| 22920 | + display:block; | |
| 22921 | + margin-bottom: 5px; | |
| 22922 | + } | |
| 22923 | + .vbo-geoinfo-param .vbo-param-setting .vbo-iostoggle-wrap { | |
| 22924 | + display: inline-block; | |
| 22925 | + } | |
| 22926 | + .vbo-geoinfo-param .vbo-param-setting #geo_latitude { | |
| 22927 | + margin-bottom: 10px; | |
| 22928 | + } | |
| 22929 | + .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit { | |
| 22930 | + display: block; | |
| 22931 | + float: none; | |
| 22932 | + margin-bottom: 10px; | |
| 22933 | + margin-left: 0; | |
| 22934 | + } | |
| 22935 | + .vbo-checkin-main-block .vbo-checkin-payment-container { | |
| 22936 | + flex-basis: 100%; | |
| 22937 | + margin: 10px 0; | |
| 22938 | + box-sizing: border-box; | |
| 22939 | + } | |
| 22940 | + .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time { | |
| 22941 | + flex-basis: 100%; | |
| 22942 | + margin-left: 0; | |
| 22943 | + } | |
| 22944 | + .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select { | |
| 22945 | + width: 100% !important; | |
| 22946 | + } | |
| 22947 | + .vbo-menu-parent-li > span { | |
| 22948 | + padding: 14px 15px; | |
| 22949 | + } | |
| 22950 | +} | |
| 22951 | +@media screen and (max-width: 1612px) { | |
| 22952 | + .vbo-admin-widgets-section .vbo-admin-widgets-container-medium + .vbo-admin-widgets-container-small, .vbo-admin-widgets-section .vbo-admin-widgets-container-medium + .vbo-admin-widgets-container-small + .vbo-admin-widgets-container-small { | |
| 22953 | + flex-basis: calc(50% - 12px); | |
| 22954 | + max-width: 50%; | |
| 22955 | + } | |
| 22956 | + .vbo-dashboard-today-checkout thead tr th:first-child, .vbo-dashboard-today-checkout tobdy tr td:first-child { | |
| 22957 | + padding: 15px 5px 15px 10px; | |
| 22958 | + } | |
| 22959 | +} | |
| 22960 | +@media screen and (max-width: 1580px) { | |
| 22961 | + .vbo-dashboard-today-occ { | |
| 22962 | + margin: 10px 20px; | |
| 22963 | + } | |
| 22964 | + .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 22965 | + width: calc(33% - 80px); | |
| 22966 | + } | |
| 22967 | + .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 22968 | + width: calc(50% - 80px); | |
| 22969 | + } | |
| 22970 | + .vbo-admin-widgets-container-large .vbo-dashboard-chart-container { | |
| 22971 | + flex-basis: calc(50% - 16px); | |
| 22972 | + } | |
| 22973 | + .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box { | |
| 22974 | + display: flex; | |
| 22975 | + margin-bottom: 5px; | |
| 22976 | + } | |
| 22977 | + .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box .hasDatepicker { | |
| 22978 | + flex: 1; | |
| 22979 | + } | |
| 22980 | + .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkout-tristate, .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkin-tristate { | |
| 22981 | + margin: 10px 15px 6px 10px; | |
| 22982 | + } | |
| 22983 | + | |
| 22984 | +} | |
| 22985 | +/* main menu screen size adjustments */ | |
| 22986 | +@media screen and (max-width: 1470px) { | |
| 22987 | + .vbo-menu-parent-li > span { | |
| 22988 | + padding: 14px 8px; | |
| 22989 | + } | |
| 22990 | +} | |
| 22991 | +@media screen and (max-width: 1440px) { | |
| 22992 | + .vbo-menu-updates > button { | |
| 22993 | + width: 42px; | |
| 22994 | + height: 42px; | |
| 22995 | + padding: 0; | |
| 22996 | + border-radius: 50%; | |
| 22997 | + } | |
| 22998 | + .vbo-menu-updates > button span { | |
| 22999 | + display: none; | |
| 23000 | + } | |
| 23001 | + .vbo-menu-updates > button i { | |
| 23002 | + margin-right: 0 !important; | |
| 23003 | + } | |
| 23004 | +} | |
| 23005 | +@media screen and (max-width: 1280px) { | |
| 23006 | + .vbo-menu-left { | |
| 23007 | + max-width: 100px; | |
| 23008 | + } | |
| 23009 | + .vbo-ratesoverview-period-container { | |
| 23010 | + flex: 0 0 25%; | |
| 23011 | + } | |
| 23012 | + #vbpaymentlogdiv pre { | |
| 23013 | + max-width: 100%; | |
| 23014 | + } | |
| 23015 | + .vbo-eorder-paymentlog-buttons { | |
| 23016 | + float: none; | |
| 23017 | + display: flex; | |
| 23018 | + column-gap: 10px; | |
| 23019 | + } | |
| 23020 | +} | |
| 23021 | + | |
| 23022 | +@media screen and (max-width: 1520px) { | |
| 23023 | + .vbo-admin-container .vbo-param-container .vbo-param-label { | |
| 23024 | + flex-basis: 200px; | |
| 23025 | + } | |
| 23026 | + .vbo-admin-container .vbo-param-container-full .vbo-param-label { | |
| 23027 | + flex-basis: 100%; | |
| 23028 | + } | |
| 23029 | + .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label { | |
| 23030 | + flex-basis: 100%; | |
| 23031 | + } | |
| 23032 | + .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover { | |
| 23033 | + margin-left: 10px; | |
| 23034 | + } | |
| 23035 | + .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child { | |
| 23036 | + margin-top: 0; | |
| 23037 | + margin-left: 5px; | |
| 23038 | + } | |
| 23039 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas { | |
| 23040 | + width: 100%; | |
| 23041 | + } | |
| 23042 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { | |
| 23043 | + width: 50%; | |
| 23044 | + float: left; | |
| 23045 | + } | |
| 23046 | + .vbo-reportwidget-ratesoverv .vbo-report-chart-canvas { | |
| 23047 | + width: 100% !important; | |
| 23048 | + } | |
| 23049 | + .vbo-modal-overlay-block .vbo-modal-overlay-content { | |
| 23050 | + width: 95%; | |
| 23051 | + } | |
| 23052 | + .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall { | |
| 23053 | + height: 95%; | |
| 23054 | + } | |
| 23055 | + .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall:not(.vbo-modal-nofooter) .vbo-modal-overlay-content-body-scroll { | |
| 23056 | + height: calc(100% - 150px); | |
| 23057 | + } | |
| 23058 | + .vbo-admin-container > div:not([id^="jmodal"]) { | |
| 23059 | + flex: 100%; | |
| 23060 | + margin-left: 0 !important; | |
| 23061 | + margin-right: 0 !important; | |
| 23062 | + } | |
| 23063 | + .vbo-admin-container > div.vbo-config-maintab-smaller:not([id^="jmodal"]) .vbo-param-container .vbo-param-label { | |
| 23064 | + flex-basis: 200px; | |
| 23065 | + } | |
| 23066 | + .vbo-admin-container .adminform { | |
| 23067 | + margin: 10px 0; | |
| 23068 | + } | |
| 23069 | + .vbo-config-maintab-right-halfsize .vbo-condtext-rule { | |
| 23070 | + margin: 8px; | |
| 23071 | + } | |
| 23072 | + .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 23073 | + width: calc(33% - 80px); | |
| 23074 | + } | |
| 23075 | + .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 23076 | + width: calc(100% - 80px); | |
| 23077 | + } | |
| 23078 | + .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 23079 | + -webkit-transform: rotate(-2deg); | |
| 23080 | + -o-transform: rotate(-2deg); | |
| 23081 | + -moz-transform: rotate(-2deg); | |
| 23082 | + } | |
| 23083 | + .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add { | |
| 23084 | + width: calc(100% - 100px); | |
| 23085 | + -o-transform: rotate(0); | |
| 23086 | + -webkit-transform: rotate(0); | |
| 23087 | + -moz-transform: rotate(0); | |
| 23088 | + } | |
| 23089 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in { | |
| 23090 | + display: block; | |
| 23091 | + margin-bottom: 2px; | |
| 23092 | + margin-right: 0; | |
| 23093 | + } | |
| 23094 | +} | |
| 23095 | +@media screen and (max-width: 1500px) and (min-width: 760px) { | |
| 23096 | + .vbo-admin-widgets-widget .table-responsive > .table > tbody > tr > td, .vbo-admin-widgets-widget .table-responsive > .table > thead > tr > th { | |
| 23097 | + white-space: initial; | |
| 23098 | + } | |
| 23099 | +} | |
| 23100 | +@media screen and (max-width: 1400px) { | |
| 23101 | + .vbo-quickres-wrapper, .vbo-avcalendars-wrapper { | |
| 23102 | + width: 100%; | |
| 23103 | + float: none; | |
| 23104 | + box-sizing: border-box; | |
| 23105 | + } | |
| 23106 | + .vbo-bookingdet-summary-roomnum { | |
| 23107 | + display: block; | |
| 23108 | + } | |
| 23109 | + .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date { | |
| 23110 | + white-space: initial; | |
| 23111 | + display: flex; | |
| 23112 | + } | |
| 23113 | + .vbo-bookingslist-viewdet-fulldate { | |
| 23114 | + white-space: nowrap; | |
| 23115 | + } | |
| 23116 | + .vbo-bookingslist-viewdet-open { | |
| 23117 | + margin-left: 10px; | |
| 23118 | + order: 2; | |
| 23119 | + } | |
| 23120 | + .vbo-dashboard-today-bookings { | |
| 23121 | + flex-basis: 60%; | |
| 23122 | + } | |
| 23123 | + .vbo-reportwidget-dashboard .vbo-reportwidget-chart-metas { | |
| 23124 | + justify-content: left; | |
| 23125 | + } | |
| 23126 | + .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta { | |
| 23127 | + flex-basis: 50%; | |
| 23128 | + } | |
| 23129 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { | |
| 23130 | + width: 100%; | |
| 23131 | + } | |
| 23132 | + .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list { | |
| 23133 | + margin-left: 0; | |
| 23134 | + } | |
| 23135 | + .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit { | |
| 23136 | + float: none; | |
| 23137 | + margin-bottom: 10px; | |
| 23138 | + } | |
| 23139 | + .vbo-editbooking-room-services .vbo-editbooking-room-service { | |
| 23140 | + flex: 0 0 33%; | |
| 23141 | + } | |
| 23142 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker { | |
| 23143 | + align-self: end; | |
| 23144 | + margin-bottom: 0; | |
| 23145 | + } | |
| 23146 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights { | |
| 23147 | + flex-grow: 1; | |
| 23148 | + flex-wrap: wrap; | |
| 23149 | + margin-bottom: 0; | |
| 23150 | + } | |
| 23151 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label { | |
| 23152 | + display: block; | |
| 23153 | + flex-basis: 100%; | |
| 23154 | + margin-bottom: 5px; | |
| 23155 | + } | |
| 23156 | + .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { | |
| 23157 | + width: 35vw; | |
| 23158 | + } | |
| 23159 | + .vbo-admin-widgets-container-medium { | |
| 23160 | + .vbo-w-quote-item { | |
| 23161 | + .vbo-w-quote-item-head { | |
| 23162 | + flex-wrap: wrap; | |
| 23163 | + | |
| 23164 | + .vbo-w-quote-item-head-left { | |
| 23165 | + flex-basis: 100%; | |
| 23166 | + } | |
| 23167 | + | |
| 23168 | + .vbo-w-quote-item-head-right { | |
| 23169 | + flex-basis: 100%; | |
| 23170 | + | |
| 23171 | + .vbo-w-quote-item-head-edit { | |
| 23172 | + margin-left: auto; | |
| 23173 | + } | |
| 23174 | + } | |
| 23175 | + } | |
| 23176 | + .vbo-w-quote-solution { | |
| 23177 | + flex-wrap: wrap; | |
| 23178 | + | |
| 23179 | + .vbo-w-quote-solution-roominfo { | |
| 23180 | + flex-basis: 100%; | |
| 23181 | + } | |
| 23182 | + | |
| 23183 | + .vbo-w-quote-solution-priceinfo-wrap { | |
| 23184 | + flex-basis: 100%; | |
| 23185 | + justify-content: space-between; | |
| 23186 | + | |
| 23187 | + .vbo-w-quote-solution-price { | |
| 23188 | + text-align: left; | |
| 23189 | + } | |
| 23190 | + } | |
| 23191 | + } | |
| 23192 | + } | |
| 23193 | + } | |
| 23194 | +} | |
| 23195 | +@media screen and (max-width: 1400px) and (min-width: 1320px) { | |
| 23196 | + #vbadultsdiffbox select[name="adultsdiffchdisc[]"] { | |
| 23197 | + width: 100% !important; | |
| 23198 | + margin-bottom: 3px; | |
| 23199 | + } | |
| 23200 | +} | |
| 23201 | +@media screen and (max-width: 1380px) { | |
| 23202 | + #filter-bar { | |
| 23203 | + height: auto !important; | |
| 23204 | + } | |
| 23205 | + .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail { | |
| 23206 | + width: auto; | |
| 23207 | + display: block; | |
| 23208 | + margin: 3px; | |
| 23209 | + } | |
| 23210 | + .vbadmincaltable td { | |
| 23211 | + padding: 5px 0 !important; | |
| 23212 | + } | |
| 23213 | + .vbo-ratesoverview-roomsel-block > form { | |
| 23214 | + flex-wrap: wrap; | |
| 23215 | + } | |
| 23216 | + .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms { | |
| 23217 | + flex-basis: 100%; | |
| 23218 | + border-right: 0; | |
| 23219 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 23220 | + border-radius: 0; | |
| 23221 | + } | |
| 23222 | + .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc { | |
| 23223 | + border: 0; | |
| 23224 | + flex-basis: min-content; | |
| 23225 | + } | |
| 23226 | + .vbo-ratesoverview-roomsel-entry-forecast .vbo-roverv-forecast-inner { | |
| 23227 | + border: 1px solid var(--vbo-config-border-color); | |
| 23228 | + border-radius: 16px; | |
| 23229 | + padding: 20px; | |
| 23230 | + } | |
| 23231 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { | |
| 23232 | + width: 50%; | |
| 23233 | + } | |
| 23234 | + .vbo-report-chart-canvas { | |
| 23235 | + width: 82%; | |
| 23236 | + } | |
| 23237 | + .vbo-ratesoverview-roomsel-entry-forecast { | |
| 23238 | + flex-grow: inherit; | |
| 23239 | + } | |
| 23240 | + .vbo-menu-ul .vbo-menu-parent-li > span { | |
| 23241 | + padding: 13px 18px; | |
| 23242 | + } | |
| 23243 | + .vbo-menu-parent-li > span a { | |
| 23244 | + display: none; | |
| 23245 | + } | |
| 23246 | + .vbo-menu-parent-li > span > i { | |
| 23247 | + margin: 0; | |
| 23248 | + } | |
| 23249 | + .vbo-admin-widgets-section .vbo-admin-widgets-container, .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter { | |
| 23250 | + flex-basis: 100%; | |
| 23251 | + } | |
| 23252 | + .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .field-calendar, .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-field-calendar { | |
| 23253 | + width: 100%; | |
| 23254 | + } | |
| 23255 | + .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime { | |
| 23256 | + margin-left: 0; | |
| 23257 | + } | |
| 23258 | + .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select { | |
| 23259 | + width: 100% !important; | |
| 23260 | + } | |
| 23261 | + .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { | |
| 23262 | + display: flex; | |
| 23263 | + } | |
| 23264 | + .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button { | |
| 23265 | + flex: 1; | |
| 23266 | + } | |
| 23267 | + .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete { | |
| 23268 | + margin-left: 5px; | |
| 23269 | + } | |
| 23270 | + .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container { | |
| 23271 | + max-width: 150px; | |
| 23272 | + } | |
| 23273 | +} | |
| 23274 | +@media screen and (max-width: 1320px) { | |
| 23275 | + .vbo-admin-container > div { | |
| 23276 | + flex: 100%; | |
| 23277 | + } | |
| 23278 | + .vbo-admin-container .adminform { | |
| 23279 | + margin: 10px 0; | |
| 23280 | + } | |
| 23281 | + .vbo-config-maintab-right-halfsize .vbo-condtext-rule { | |
| 23282 | + margin: 8px; | |
| 23283 | + } | |
| 23284 | + .vbo-admin-container .vbo-param-container .vbo-param-label { | |
| 23285 | + flex-basis: 250px; | |
| 23286 | + } | |
| 23287 | + .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label { | |
| 23288 | + flex-basis: 100%; | |
| 23289 | + } | |
| 23290 | + .vbo-admin-body .vbo-admin-container .vbo-config-maintab-left .adminform:last-child { | |
| 23291 | + margin: 10px 0px 0; | |
| 23292 | + } | |
| 23293 | + .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child { | |
| 23294 | + margin-top: 0; | |
| 23295 | + margin-left: 5px; | |
| 23296 | + width: auto; | |
| 23297 | + } | |
| 23298 | + .vbo-roomentries-cont { | |
| 23299 | + width: 210px; | |
| 23300 | + } | |
| 23301 | + .vbo-ratesoverview-roomsel-entry-forecast > label { | |
| 23302 | + margin-left: 20px; | |
| 23303 | + margin-top: 20px; | |
| 23304 | + } | |
| 23305 | + .vbo-config-tabs-wrap dl.tabs dt { | |
| 23306 | + padding: 5px 15px; | |
| 23307 | + } | |
| 23308 | + .vbo-config-maintab-top { | |
| 23309 | + flex-wrap: wrap; | |
| 23310 | + } | |
| 23311 | + .vbo-config-maintab-top .vbo-config-fieldset-large { | |
| 23312 | + flex-basis: 100%; | |
| 23313 | + } | |
| 23314 | + .vbo-config-maintab-top .adminform.vbo-config-fieldset-small { | |
| 23315 | + margin-left: 0; | |
| 23316 | + } | |
| 23317 | + .vbo-admin-widgets-section .vbo-admin-widgets-container-large { | |
| 23318 | + flex-basis: 100%; | |
| 23319 | + } | |
| 23320 | + .vbo-admin-widgets-section .vbo-admin-widgets-container-small { | |
| 23321 | + flex-basis: calc(50% - 12px); | |
| 23322 | + max-width: 50%; | |
| 23323 | + } | |
| 23324 | + #filter-bar .pull-left { | |
| 23325 | + margin-bottom: 10px; | |
| 23326 | + } | |
| 23327 | + /* @WPonly | |
| 23328 | + * The black background of the modal has been disabled in smartphones and tablets. | |
| 23329 | + * It was printed as the last element of the body and this was creating a conflict with the modal itself that can not be solved with z-index. | |
| 23330 | + */ | |
| 23331 | + .modal-backdrop.fade.in { | |
| 23332 | + display: none; | |
| 23333 | + } | |
| 23334 | +} | |
| 23335 | +@media screen and (max-width: 1520px) and (min-width: 1280px) { | |
| 23336 | + .vbo-insertrates-bottom .vbo-ratestable-newprice-name { | |
| 23337 | + display: block; | |
| 23338 | + width: 100%; | |
| 23339 | + } | |
| 23340 | + .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost { | |
| 23341 | + width: 100%; | |
| 23342 | + display: block; | |
| 23343 | + margin-top: 5px; | |
| 23344 | + } | |
| 23345 | + .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount { | |
| 23346 | + display: inline-block; | |
| 23347 | + width: 90%; | |
| 23348 | + } | |
| 23349 | + .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount input[type="number"] { | |
| 23350 | + width: 100% !important; | |
| 23351 | + box-sizing: border-box; | |
| 23352 | + height: auto; | |
| 23353 | + } | |
| 23354 | +} | |
| 23355 | +@media screen and (max-width: 1290px) { | |
| 23356 | + .vbo-dashboard-today-bookings { | |
| 23357 | + flex-basis: 100%; | |
| 23358 | + } | |
| 23359 | + | |
| 23360 | + .vbo-bookdet-splitstay-details > div > span { | |
| 23361 | + display: block; | |
| 23362 | + border-right: 0; | |
| 23363 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 23364 | + } | |
| 23365 | + .vbo-bookdet-splitstay-details > div > span:last-child { | |
| 23366 | + border-bottom: 0; | |
| 23367 | + } | |
| 23368 | +} | |
| 23369 | +@media screen and (max-width: 1280px) { | |
| 23370 | + .vbo-menu-parent-li > span { | |
| 23371 | + padding: 18px 17px; | |
| 23372 | + } | |
| 23373 | + .vbo-menu-parent-li > span::after { | |
| 23374 | + right: 6px; | |
| 23375 | + } | |
| 23376 | + .vbo-avcalendars-wrapper .vbo-calendar-cals-container { | |
| 23377 | + margin-top: 20px; | |
| 23378 | + } | |
| 23379 | + .vbo-config-maintab-left .adminform:only-child { | |
| 23380 | + padding: 15px 20px; | |
| 23381 | + margin: 0px; | |
| 23382 | + } | |
| 23383 | + .vbo-insertrates-bottom .vbo-ratestable-newprice-name { | |
| 23384 | + display: inherit; | |
| 23385 | + width: auto; | |
| 23386 | + } | |
| 23387 | + .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost { | |
| 23388 | + width: auto; | |
| 23389 | + display: inline-block; | |
| 23390 | + margin-left: auto; | |
| 23391 | + } | |
| 23392 | + .vbo-checkin-main-block .vbo-roomsdet-container { | |
| 23393 | + flex-basis: 100%; | |
| 23394 | + margin: 0 0 10px; | |
| 23395 | + } | |
| 23396 | + .vbo-checkin-main-block .vbo-checkin-payment-container { | |
| 23397 | + flex-basis: 100%; | |
| 23398 | + box-sizing: border-box; | |
| 23399 | + } | |
| 23400 | + .vbo-graph-top-right, .vbo-graph-bottom-right { | |
| 23401 | + flex-basis: 20%; | |
| 23402 | + } | |
| 23403 | + #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li { | |
| 23404 | + flex-basis: 100%; | |
| 23405 | + } | |
| 23406 | + .vbo-stats-topform .pull-left { | |
| 23407 | + display: block; | |
| 23408 | + float: none; | |
| 23409 | + margin-bottom: 5px; | |
| 23410 | + } | |
| 23411 | + .vbo-stats-topform #filter-bar .pull-right { | |
| 23412 | + float: right; | |
| 23413 | + margin-left: 5px; | |
| 23414 | + } | |
| 23415 | + .vbo-graphstats-mod-containers .vbo-graphstats-mod-container { | |
| 23416 | + flex-basis: 100%; | |
| 23417 | + } | |
| 23418 | + .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner { | |
| 23419 | + margin: 0 0 10px; | |
| 23420 | + } | |
| 23421 | + .vbo-report-layout-type .vbo-report-layout-type-inner { | |
| 23422 | + margin-right: 10px; | |
| 23423 | + } | |
| 23424 | + .vbo-report-sheetnchart { | |
| 23425 | + flex-wrap: wrap; | |
| 23426 | + } | |
| 23427 | + .vbo-report-sheetnchart .vbo-report-sheet { | |
| 23428 | + width: 100%; | |
| 23429 | + margin-right: 0; | |
| 23430 | + } | |
| 23431 | + .vbo-reports-filters-outer .vbo-reports-filters-export { | |
| 23432 | + display: block; | |
| 23433 | + width: 100%; | |
| 23434 | + float: none; | |
| 23435 | + margin-top: 5px; | |
| 23436 | + } | |
| 23437 | + .vbo-reports-filters-outer > div { | |
| 23438 | + margin: 3px; | |
| 23439 | + } | |
| 23440 | + .vbo-reportwidget-dashboard .vbo-dashboard-today-bookings > div { | |
| 23441 | + margin-right: 0; | |
| 23442 | + } | |
| 23443 | + .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-inner { | |
| 23444 | + padding: 10px 20px; | |
| 23445 | + } | |
| 23446 | + .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-lbl { | |
| 23447 | + margin-bottom: 5px; | |
| 23448 | + } | |
| 23449 | + .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-val-main { | |
| 23450 | + font-size: 22px; | |
| 23451 | + } | |
| 23452 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-commands { | |
| 23453 | + margin-right: 0; | |
| 23454 | + } | |
| 23455 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates { | |
| 23456 | + display: block !important; | |
| 23457 | + } | |
| 23458 | + .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task { | |
| 23459 | + flex-basis: 50%; | |
| 23460 | + } | |
| 23461 | + .vbo-admin-widgets-container-large .vbo-dashboard-chart-container { | |
| 23462 | + flex-basis: calc(100% - 16px); | |
| 23463 | + } | |
| 23464 | + .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta { | |
| 23465 | + flex-basis: 100%; | |
| 23466 | + } | |
| 23467 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { | |
| 23468 | + flex: initial; | |
| 23469 | + width: 100%; | |
| 23470 | + } | |
| 23471 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child { | |
| 23472 | + flex: 1; | |
| 23473 | + } | |
| 23474 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input { | |
| 23475 | + width: 100% !important; | |
| 23476 | + } | |
| 23477 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights { | |
| 23478 | + flex-wrap: wrap; | |
| 23479 | + } | |
| 23480 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker { | |
| 23481 | + align-self: end; | |
| 23482 | + } | |
| 23483 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { | |
| 23484 | + width: auto; | |
| 23485 | + align-self: end; | |
| 23486 | + } | |
| 23487 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input { | |
| 23488 | + width: 110px !important; | |
| 23489 | + } | |
| 23490 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input { | |
| 23491 | + width: auto !important; | |
| 23492 | + } | |
| 23493 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div { | |
| 23494 | + flex: initial; | |
| 23495 | + } | |
| 23496 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input { | |
| 23497 | + flex: 1; | |
| 23498 | + } | |
| 23499 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input { | |
| 23500 | + width: 80px !important; | |
| 23501 | + } | |
| 23502 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn { | |
| 23503 | + width: 100%; | |
| 23504 | + } | |
| 23505 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input { | |
| 23506 | + margin-top: 0; | |
| 23507 | + } | |
| 23508 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary { | |
| 23509 | + margin-left: 5px; | |
| 23510 | + } | |
| 23511 | + .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply { | |
| 23512 | + display: block; | |
| 23513 | + margin-top: 5px; | |
| 23514 | + } | |
| 23515 | + .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn { | |
| 23516 | + margin-left: 0; | |
| 23517 | + } | |
| 23518 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary label { | |
| 23519 | + display: block; | |
| 23520 | + } | |
| 23521 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { | |
| 23522 | + width: 100%; | |
| 23523 | + } | |
| 23524 | + .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap { | |
| 23525 | + width: 100%; | |
| 23526 | + } | |
| 23527 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner { | |
| 23528 | + grid-template-columns: repeat(1, 1fr); | |
| 23529 | + } | |
| 23530 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input { | |
| 23531 | + flex-grow: 1; | |
| 23532 | + } | |
| 23533 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights { | |
| 23534 | + flex-grow: 0; | |
| 23535 | + } | |
| 23536 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow { | |
| 23537 | + margin: 5px 0 0; | |
| 23538 | + width: 100%; | |
| 23539 | + } | |
| 23540 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-latestevents-list .vbo-widget-history-avatar, .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar { | |
| 23541 | + width: 20px; | |
| 23542 | + margin-right: 8px; | |
| 23543 | + } | |
| 23544 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar .vbo-widget-ratesflow-avatar-icon, .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-latestevents-list .vbo-widget-history-avatar .vbo-widget-history-avatar-icon { | |
| 23545 | + width: 20px; | |
| 23546 | + height: 20px; | |
| 23547 | + line-height: 20px; | |
| 23548 | + margin-right: 8px; | |
| 23549 | + font-size: 10px; | |
| 23550 | + } | |
| 23551 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands > .vbo-reportwidget-commands-main { | |
| 23552 | + display: flex; | |
| 23553 | + } | |
| 23554 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands .vbo-reportwidget-command-prev { | |
| 23555 | + margin-right: 3px; | |
| 23556 | + } | |
| 23557 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary { | |
| 23558 | + width: 100%; | |
| 23559 | + margin-left: 0; | |
| 23560 | + } | |
| 23561 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter { | |
| 23562 | + flex: 1; | |
| 23563 | + } | |
| 23564 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter input { | |
| 23565 | + width: 100% !important; | |
| 23566 | + } | |
| 23567 | + .vbo-admin-widgets-container-small .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter { | |
| 23568 | + flex: initial; | |
| 23569 | + } | |
| 23570 | + .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkout-tristate, .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkin-tristate { | |
| 23571 | + float: none; | |
| 23572 | + margin: 10px 15px 0px 10px; | |
| 23573 | + } | |
| 23574 | + .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-dashboard-today-checkin-head .vbo-admin-widget-head-inline, .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-dashboard-today-checkout-head .vbo-admin-widget-head-inline { | |
| 23575 | + flex-basis: 100%; | |
| 23576 | + } | |
| 23577 | + .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-dashboard-today-checkin-head .vbo-admin-widget-head-inline .btn-toolbar, .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-dashboard-today-checkout-head .vbo-admin-widget-head-inline .btn-toolbar { | |
| 23578 | + width: 100%; | |
| 23579 | + float: none; | |
| 23580 | + } | |
| 23581 | + .vbo-admin-widget-head .btn-toolbar { | |
| 23582 | + margin: 10px 15px 10px 10px; | |
| 23583 | + } | |
| 23584 | + .vbo-ratesoverview-period-boxes-inner > div { | |
| 23585 | + flex-basis: 100%; | |
| 23586 | + } | |
| 23587 | + .vbo-tm-toolbar .vbo-tm-toolbar-filters { | |
| 23588 | + flex-wrap: wrap; | |
| 23589 | + } | |
| 23590 | + .vbo-dac-capabilities-list { | |
| 23591 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 23592 | + } | |
| 23593 | +} | |
| 23594 | +@media screen and (max-width: 1080px) { | |
| 23595 | + .vbo-ratesoverview-caltab-cont .vbo-table-responsive { | |
| 23596 | + order:2; | |
| 23597 | + } | |
| 23598 | + .vbo-ratesoverview-period-container { | |
| 23599 | + -ms-flex: 100%; | |
| 23600 | + -webkit-flex: 100%; | |
| 23601 | + flex: 100%; | |
| 23602 | + order:1; | |
| 23603 | + margin-bottom: 5px; | |
| 23604 | + } | |
| 23605 | + #filter-bar .pull-right { | |
| 23606 | + display: inline-block; | |
| 23607 | + float: none; | |
| 23608 | + margin: 0 0 5px 0; | |
| 23609 | + } | |
| 23610 | + .btn-group.pull-right.vbo-avov-legend { | |
| 23611 | + width: 100%; | |
| 23612 | + } | |
| 23613 | + .vbo-trackings-chart-bestnights .vbo-trackings-chart-container { | |
| 23614 | + flex-basis: 20%; | |
| 23615 | + } | |
| 23616 | + .vbo-config-tabs-wrap dl.tabs dt { | |
| 23617 | + padding: 10px; | |
| 23618 | + } | |
| 23619 | + #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li { | |
| 23620 | + flex-basis: 45%; | |
| 23621 | + } | |
| 23622 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { | |
| 23623 | + width: 100%; | |
| 23624 | + } | |
| 23625 | + .vbo-admin-widgets-section .vbo-admin-widgets-container-large { | |
| 23626 | + flex-basis: 100%; | |
| 23627 | + } | |
| 23628 | + .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew { | |
| 23629 | + flex-basis: 100%; | |
| 23630 | + height: 100px; | |
| 23631 | + } | |
| 23632 | + .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] { | |
| 23633 | + flex-basis: calc((50% - (16px / 2))); | |
| 23634 | + } | |
| 23635 | + .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] { | |
| 23636 | + flex-basis: calc((50% - (24px / 3))); | |
| 23637 | + } | |
| 23638 | + .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] { | |
| 23639 | + flex-basis: calc((25% - (16px / 2))); | |
| 23640 | + } | |
| 23641 | + .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] { | |
| 23642 | + flex-basis: calc((25% - (24px / 3))); | |
| 23643 | + } | |
| 23644 | + .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { | |
| 23645 | + flex: 1; | |
| 23646 | + } | |
| 23647 | + #filter-bar .btn-group.pull-right { | |
| 23648 | + float: left; | |
| 23649 | + } | |
| 23650 | + .vbo-translations-element-row { | |
| 23651 | + flex-wrap: wrap; | |
| 23652 | + } | |
| 23653 | + .vbo-translations-element-row .vbo-translations-element-lbl { | |
| 23654 | + flex-basis: 100%; | |
| 23655 | + margin-bottom: 15px; | |
| 23656 | + margin-right: 0; | |
| 23657 | + } | |
| 23658 | + fieldset.adminform .vbo-list-table-rounded { | |
| 23659 | + max-width: 700px; | |
| 23660 | + } | |
| 23661 | + .vbo-bookingdet-customer, .vbo-bookingdet-admindata { | |
| 23662 | + -webkit-flex: 100%; | |
| 23663 | + -ms-flex: 100%; | |
| 23664 | + flex: 100%; | |
| 23665 | + } | |
| 23666 | + .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail { | |
| 23667 | + width: 45%; | |
| 23668 | + display: inline-block; | |
| 23669 | + } | |
| 23670 | + .vbo-tm-panel { | |
| 23671 | + flex-direction: column; | |
| 23672 | + } | |
| 23673 | + .vbo-tm-panel .vbo-tm-panel-editor { | |
| 23674 | + border-radius: 7px 7px 0 0; | |
| 23675 | + } | |
| 23676 | + .vbo-tm-panel .vbo-tm-panel-editor .vbo-visualeditor-transparent .ql-toolbar.ql-snow { | |
| 23677 | + border-radius: 7px 7px 0 0; | |
| 23678 | + } | |
| 23679 | + .vbo-tm-panel .vbo-tm-panel-controls { | |
| 23680 | + border-top: 1px solid var(--vbo-config-border-color); | |
| 23681 | + border-left: 0; | |
| 23682 | + width: auto; | |
| 23683 | + flex: 1; | |
| 23684 | + padding: 8px; | |
| 23685 | + } | |
| 23686 | + .vbo-report-chartonly .vbo-report-chart-main { | |
| 23687 | + width: 100%; | |
| 23688 | + max-width: 100%; | |
| 23689 | + } | |
| 23690 | +} | |
| 23691 | +@media screen and (max-width: 1024px) { | |
| 23692 | + .vbo-graph-top-left, .vbo-graph-bottom-left { | |
| 23693 | + margin-right: 0; | |
| 23694 | + margin-bottom: 20px; | |
| 23695 | + } | |
| 23696 | + .vbo-graph-top-right, .vbo-graph-bottom-right { | |
| 23697 | + flex-basis: 100%; | |
| 23698 | + } | |
| 23699 | + .vbo-graphstats-mod-containers .vbo-graphstats-mod-container { | |
| 23700 | + flex-basis: 50%; | |
| 23701 | + } | |
| 23702 | + .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner { | |
| 23703 | + margin-bottom: 15px; | |
| 23704 | + margin-right: 5px; | |
| 23705 | + } | |
| 23706 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates { | |
| 23707 | + display: inline-block !important; | |
| 23708 | + padding-right: 0; | |
| 23709 | + } | |
| 23710 | + .vbo-ratesoverview-roomsel-entry-forecast { | |
| 23711 | + flex-basis: 100%; | |
| 23712 | + } | |
| 23713 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { | |
| 23714 | + width: 33%; | |
| 23715 | + } | |
| 23716 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart { | |
| 23717 | + padding-bottom: 0; | |
| 23718 | + } | |
| 23719 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input { | |
| 23720 | + width: 120px !important; | |
| 23721 | + flex-grow: 0; | |
| 23722 | + } | |
| 23723 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker { | |
| 23724 | + flex-grow: 0; | |
| 23725 | + flex-basis: auto; | |
| 23726 | + } | |
| 23727 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input { | |
| 23728 | + width: 80px !important; | |
| 23729 | + flex-grow: 0; | |
| 23730 | + } | |
| 23731 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input { | |
| 23732 | + flex-grow: 1; | |
| 23733 | + } | |
| 23734 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child { | |
| 23735 | + margin-left: 8px; | |
| 23736 | + } | |
| 23737 | + .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-submit { | |
| 23738 | + margin-bottom: 0; | |
| 23739 | + } | |
| 23740 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal, | |
| 23741 | +#pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal { | |
| 23742 | + margin-top: 5px; | |
| 23743 | + } | |
| 23744 | + .vbo-tm-board-areas-list { | |
| 23745 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 23746 | + } | |
| 23747 | + .vbo-tm-list-tasks-columns, .vbo-tm-list-task-row { | |
| 23748 | + grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr 1fr 2fr; | |
| 23749 | + } | |
| 23750 | + .vbo-tm-list-task-cell[data-type="id"], .vbo-tm-list-tasks-column[data-type="id"] { | |
| 23751 | + display: none; | |
| 23752 | + } | |
| 23753 | +} | |
| 23754 | +@media screen and (max-width: 960px) { | |
| 23755 | + .vbo-config-tabs-wrap dl.tabs dt { | |
| 23756 | + padding: 10px 20px; | |
| 23757 | + } | |
| 23758 | + .vbo-menu-parent-li > span::after { | |
| 23759 | + right: 11px; | |
| 23760 | + } | |
| 23761 | + .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, | |
| 23762 | + .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, | |
| 23763 | + .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, | |
| 23764 | + .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 23765 | + width: calc(100% - 80px); | |
| 23766 | + } | |
| 23767 | + .vbo-admin-widgets-section .vbo-admin-widgets-container-medium { | |
| 23768 | + flex-basis: 100%; | |
| 23769 | + } | |
| 23770 | + .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message { | |
| 23771 | + flex-basis: 100%; | |
| 23772 | + margin: 5px 0 0; | |
| 23773 | + } | |
| 23774 | + .add-tax-breakdown-cont div span { | |
| 23775 | + margin-bottom: 5px; | |
| 23776 | + } | |
| 23777 | + .select2-container--default .select2-search--inline .select2-search__field { | |
| 23778 | + -webkit-appearance: initial !important; | |
| 23779 | + } | |
| 23780 | + .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkout-tristate, .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkin-tristate { | |
| 23781 | + margin: 0px 15px 0px 10px; | |
| 23782 | + } | |
| 23783 | + .vbo-bookingdet-noteslogs-btn a { | |
| 23784 | + text-transform: initial; | |
| 23785 | + padding: 10px; | |
| 23786 | + font-size: 12px; | |
| 23787 | + } | |
| 23788 | +} | |
| 23789 | +@media screen and (max-width: 1280px) and (min-width: 860px) { | |
| 23790 | + .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 23791 | + width: calc(100% - 80px); | |
| 23792 | + } | |
| 23793 | +} | |
| 23794 | +@media screen and (max-width: 940px) { | |
| 23795 | + .vbo-rmphotos-cont { | |
| 23796 | + float: none; | |
| 23797 | + margin: 0 0 10px; | |
| 23798 | + } | |
| 23799 | + #editor-xtd-buttons .btn { | |
| 23800 | + margin:5px 5px 0 0 !important; | |
| 23801 | + } | |
| 23802 | + .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs { | |
| 23803 | + margin: 10px 0 0; | |
| 23804 | + } | |
| 23805 | + .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-bookingdet-summary-room .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype { | |
| 23806 | + flex-basis: 100%; | |
| 23807 | + box-sizing: border-box; | |
| 23808 | + } | |
| 23809 | + .vbo-checkin-payment-container { | |
| 23810 | + -ms-flex: 100%; | |
| 23811 | + -webkit-flex: 100%; | |
| 23812 | + flex: 100%; | |
| 23813 | + margin-left: 0; | |
| 23814 | + } | |
| 23815 | + .vbo-checkin-payment-container { | |
| 23816 | + padding: 10px 15px; | |
| 23817 | + } | |
| 23818 | + #vbo-graphstats-right-legend ul.pie-legend li, | |
| 23819 | + #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li { | |
| 23820 | + -ms-flex: 0 0 30%; | |
| 23821 | + -webkit-flex: 0 0 30%; | |
| 23822 | + flex: 0 0 30%; | |
| 23823 | + } | |
| 23824 | + .vbo-calendar-cfields-inner { | |
| 23825 | + box-sizing: border-box; | |
| 23826 | + } | |
| 23827 | + .vbo-info-overlay-content { | |
| 23828 | + width: 70%; | |
| 23829 | + } | |
| 23830 | + .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim { | |
| 23831 | + display: block !important; | |
| 23832 | + margin-top: 5px; | |
| 23833 | + margin-left: 0; | |
| 23834 | + } | |
| 23835 | + #pt5 .vbo-admin-container .vbo-param-container { | |
| 23836 | + flex-wrap: wrap; | |
| 23837 | + } | |
| 23838 | + #pt5 .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container .vbo-param-container .vbo-param-label label { | |
| 23839 | + flex-basis: 100%; | |
| 23840 | + font-weight: bold; | |
| 23841 | + } | |
| 23842 | + .vbo-admin-container .vbo-param-container .vbo-param-label label { | |
| 23843 | + margin-bottom: 0; | |
| 23844 | + } | |
| 23845 | + .vbo-sortable .vbimagedetbox { | |
| 23846 | + right: 0; | |
| 23847 | + left: 0; | |
| 23848 | + } | |
| 23849 | + .vbo-sortable .vbimagedetbox .captionlabel { | |
| 23850 | + width: 100%; | |
| 23851 | + } | |
| 23852 | + .vbo-sortable .vbimagedetbox .captionlabel input[type="text"] { | |
| 23853 | + width: 100% !important; | |
| 23854 | + height: auto; | |
| 23855 | + box-sizing: border-box; | |
| 23856 | + } | |
| 23857 | + .vbo-sortable .vbimagedetbox .captionsubmit[type="button"] { | |
| 23858 | + width: auto !important; | |
| 23859 | + } | |
| 23860 | + .vbo-dashboard-top-outer { | |
| 23861 | + display: inherit; | |
| 23862 | + } | |
| 23863 | + .vbo-dashboard-today-bookings { | |
| 23864 | + display: inherit; | |
| 23865 | + } | |
| 23866 | + .vbo-dashboard-today-bookings > div { | |
| 23867 | + margin-right: 0; | |
| 23868 | + } | |
| 23869 | + .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper { | |
| 23870 | + width: 100%; | |
| 23871 | + } | |
| 23872 | + .vbo-dashboard-today-checkin-wrapper .table-responsive, .vbo-dashboard-today-checkout-wrapper .table-responsive { | |
| 23873 | + border: 0; | |
| 23874 | + } | |
| 23875 | + .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input, | |
| 23876 | + .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select, | |
| 23877 | + .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea { | |
| 23878 | + width: 100%; | |
| 23879 | + min-width: 100%; | |
| 23880 | + } | |
| 23881 | + .vbo-list-form-filters form[name="seasonsform"] > div { | |
| 23882 | + margin: 3px 10px 3px 0; | |
| 23883 | + } | |
| 23884 | + .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { | |
| 23885 | + width: 80vw; | |
| 23886 | + } | |
| 23887 | + .vbo-sidepanel-container .vbo-sidepanel-dismiss span { | |
| 23888 | + padding: 4px 10px; | |
| 23889 | + border: 1px solid #666; | |
| 23890 | + } | |
| 23891 | + .vbo-notifications-center-wrap { | |
| 23892 | + width: 60vw; | |
| 23893 | + } | |
| 23894 | + .vbo-drivers-custom-actions { | |
| 23895 | + margin-left: 0; | |
| 23896 | + } | |
| 23897 | + .vbo-reports-subfilters-wrap { | |
| 23898 | + flex-wrap: wrap; | |
| 23899 | + } | |
| 23900 | + .vbo-reports-subfilters-wrap .vbo-reports-subfilters-cont { | |
| 23901 | + flex-basis: 100%; | |
| 23902 | + } | |
| 23903 | + .vbo-reports-subfilters-wrap .vbo-report-layout-type { | |
| 23904 | + width: auto; | |
| 23905 | + } | |
| 23906 | + .vbo-quote-option-room-values { | |
| 23907 | + grid-template-columns: repeat(2, 1fr); | |
| 23908 | + } | |
| 23909 | + .vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(-n+3) { | |
| 23910 | + grid-column: span 1; | |
| 23911 | + } | |
| 23912 | + .vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(n+4) { | |
| 23913 | + grid-column: span 1; | |
| 23914 | + } | |
| 23915 | + .vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(1) { | |
| 23916 | + grid-column: span 2; | |
| 23917 | + } | |
| 23918 | +} | |
| 23919 | +@media screen and (max-width: 860px) { | |
| 23920 | + .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-wrap { | |
| 23921 | + padding: 12px 0; | |
| 23922 | + } | |
| 23923 | + .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry { | |
| 23924 | + flex: 33%; | |
| 23925 | + flex-basis: inherit !important; | |
| 23926 | + } | |
| 23927 | + .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-head { | |
| 23928 | + border: 0; | |
| 23929 | + padding: 5px 15px 0; | |
| 23930 | + font-size: 11px; | |
| 23931 | + text-transform: uppercase; | |
| 23932 | + } | |
| 23933 | + .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-foot { | |
| 23934 | + padding-top: 0; | |
| 23935 | + } | |
| 23936 | + .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew { | |
| 23937 | + height: 100px; | |
| 23938 | + } | |
| 23939 | + .vbo-admin-container .vbo-config-maintab-right-halfsize .vbo-condtext-rule input[type="text"].field-media-input { | |
| 23940 | + width: auto !important; | |
| 23941 | + } | |
| 23942 | + .vbo-roomdet-guest-details .vbo-roomdet-guest-detail { | |
| 23943 | + width: calc(33% - 20px); | |
| 23944 | + } | |
| 23945 | + .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap { | |
| 23946 | + flex-basis: calc(50% - 34px); | |
| 23947 | + } | |
| 23948 | + .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val { | |
| 23949 | + width: calc(33% - 15px); | |
| 23950 | + } | |
| 23951 | + .vbo-bookingdet-noteslogs-btn .vbo-bookingdet-admintab-lbl { | |
| 23952 | + display: none; | |
| 23953 | + } | |
| 23954 | + .ui-datepicker-multi .ui-datepicker-group { | |
| 23955 | + width: 100% !important; | |
| 23956 | + margin: 0; | |
| 23957 | + } | |
| 23958 | + .ui-datepicker td > *, .ui-datepicker td > .ui-state-default { | |
| 23959 | + margin: 0 auto; | |
| 23960 | + } | |
| 23961 | + .vbo-tm-list-tasks-columns, .vbo-tm-list-task-row { | |
| 23962 | + grid-template-columns: 2fr 1fr 1fr 2fr; | |
| 23963 | + } | |
| 23964 | + .vbo-tm-list-task-cell[data-type="id_order"], .vbo-tm-list-task-cell[data-type="assignees"], .vbo-tm-list-task-cell[data-type="id_area"], | |
| 23965 | + .vbo-tm-list-tasks-column[data-type="id_order"], .vbo-tm-list-tasks-column[data-type="assignees"], .vbo-tm-list-tasks-column[data-type="id_area"] { | |
| 23966 | + display: none; | |
| 23967 | + } | |
| 23968 | + .vbo-report-chartonly .vbo-report-chart-main { | |
| 23969 | + flex-wrap: wrap; | |
| 23970 | + } | |
| 23971 | + .vbo-report-chartonly .vbo-report-chart-main .vbo-report-chart-content { | |
| 23972 | + flex-basis: 100%; | |
| 23973 | + } | |
| 23974 | + .vbo-report-chart-main .vbo-report-chart-metas { | |
| 23975 | + margin-top: 10px; | |
| 23976 | + } | |
| 23977 | + .vbo-report-chartonly .vbo-report-chart-meta { | |
| 23978 | + flex-basis: 25%; | |
| 23979 | + } | |
| 23980 | + .vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] .vbo-editbooking-room-service-check { | |
| 23981 | + grid-template-columns: repeat(1, minmax(0, 1fr)); | |
| 23982 | + } | |
| 23983 | + .vbo-w-quote-solution-rooms { | |
| 23984 | + flex-wrap: wrap; | |
| 23985 | + } | |
| 23986 | +} | |
| 23987 | +@media screen and (max-width: 780px) { | |
| 23988 | + .vbo-bookingdet-summary, .vbo-editbooking-summary { | |
| 23989 | + padding-top: 0 !important; | |
| 23990 | + } | |
| 23991 | + .vbo-trackings-table-head { | |
| 23992 | + display: none; | |
| 23993 | + } | |
| 23994 | + .vbo-trackings-table-body-hidden-lbl { | |
| 23995 | + display: block; | |
| 23996 | + font-weight: bold; | |
| 23997 | + text-transform: uppercase; | |
| 23998 | + margin-bottom: 7px; | |
| 23999 | + color: var(--vbo-config-titles-color-light); | |
| 24000 | + } | |
| 24001 | + .vbo-trackings-table-body-cell { | |
| 24002 | + padding: 5px 10px; | |
| 24003 | + text-align: left !important; | |
| 24004 | + } | |
| 24005 | + .vbo-trackings-table-cell-id { | |
| 24006 | + flex: 0 0 33px !important; | |
| 24007 | + } | |
| 24008 | + .vbo-trackings-chart-avgval-listcont > div { | |
| 24009 | + flex-basis: 40%; | |
| 24010 | + } | |
| 24011 | + .vbo-avcalendars-wrapper .vbo-calendar-cal-container { | |
| 24012 | + flex: 50%; | |
| 24013 | + } | |
| 24014 | + .vbo-ratesoverview-roomsel-block > form { | |
| 24015 | + flex-wrap: wrap; | |
| 24016 | + } | |
| 24017 | + .vbo-ratesoverview-roomsel-entry { | |
| 24018 | + flex-basis: 100%; | |
| 24019 | + border: 0; | |
| 24020 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 24021 | + } | |
| 24022 | + .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms { | |
| 24023 | + border-right: 0; | |
| 24024 | + } | |
| 24025 | + .vbo-ratesoverview-roomsel-entry-los { | |
| 24026 | + border: 0; | |
| 24027 | + } | |
| 24028 | + .vbo-ratesoverview-period-box-cals-inner { | |
| 24029 | + width: 100%; | |
| 24030 | + } | |
| 24031 | + .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd { | |
| 24032 | + width: 100%; | |
| 24033 | + margin-top: 10px; | |
| 24034 | + background: var(--vbo-config-child-bg-color); | |
| 24035 | + padding: 10px; | |
| 24036 | + box-sizing: border-box; | |
| 24037 | + align-self: flex-start; | |
| 24038 | + } | |
| 24039 | + .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left { | |
| 24040 | + width: 100%; | |
| 24041 | + border: 0; | |
| 24042 | + max-width: 350px; | |
| 24043 | + } | |
| 24044 | + .vbo-admin-widgets-section .vbo-admin-widgets-container { | |
| 24045 | + max-width: 100%; | |
| 24046 | + flex-basis: 100%; | |
| 24047 | + } | |
| 24048 | + .vbo-admin-widgets-section .vbo-admin-widgets-container-medium + .vbo-admin-widgets-container-small, .vbo-admin-widgets-section .vbo-admin-widgets-container-medium + .vbo-admin-widgets-container-small + .vbo-admin-widgets-container-small { | |
| 24049 | + max-width: 100%; | |
| 24050 | + flex-basis: 100%; | |
| 24051 | + } | |
| 24052 | + .vbo-calendar-cfields-inner { | |
| 24053 | + grid-template-columns: repeat(1, auto); | |
| 24054 | + } | |
| 24055 | + .vbo-ratesoverview-period-box-cals-inner { | |
| 24056 | + flex-wrap: wrap; | |
| 24057 | + } | |
| 24058 | + .vbo-quote-section-current .vbo-quote-section-body { | |
| 24059 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 24060 | + } | |
| 24061 | + .vbo-quote-section-current .vbo-quote-edit-uuid { | |
| 24062 | + grid-column: span 2; | |
| 24063 | + } | |
| 24064 | +} | |
| 24065 | +@media screen and (max-width: 767px) { | |
| 24066 | + .table-responsive, .vbo-table-responsive { | |
| 24067 | + width: 100%; | |
| 24068 | + margin-bottom: 15px; | |
| 24069 | + overflow-y: hidden; | |
| 24070 | + -ms-overflow-style: -ms-autohiding-scrollbar; | |
| 24071 | + border: 1px solid var(--vbo-config-border-color); | |
| 24072 | + } | |
| 24073 | + .table-responsive > .table, .vbo-table-responsive > .vbo-table { | |
| 24074 | + margin-bottom: 0; | |
| 24075 | + } | |
| 24076 | + .table-responsive > .table > thead > tr > th, | |
| 24077 | + .table-responsive > .table > tbody > tr > th, | |
| 24078 | + .table-responsive > .table > tfoot > tr > th, | |
| 24079 | + .table-responsive > .table > thead > tr > td, | |
| 24080 | + .table-responsive > .table > tbody > tr > td, | |
| 24081 | + .table-responsive > .table > tfoot > tr > td { | |
| 24082 | + white-space: nowrap; | |
| 24083 | + } | |
| 24084 | + .table-responsive > .table-bordered { | |
| 24085 | + border: 0; | |
| 24086 | + } | |
| 24087 | + .table-responsive > .table-bordered > thead > tr > th:first-child, | |
| 24088 | + .table-responsive > .table-bordered > tbody > tr > th:first-child, | |
| 24089 | + .table-responsive > .table-bordered > tfoot > tr > th:first-child, | |
| 24090 | + .table-responsive > .table-bordered > thead > tr > td:first-child, | |
| 24091 | + .table-responsive > .table-bordered > tbody > tr > td:first-child, | |
| 24092 | + .table-responsive > .table-bordered > tfoot > tr > td:first-child { | |
| 24093 | + border-left: 0; | |
| 24094 | + } | |
| 24095 | + .table-responsive > .table-bordered > thead > tr > th:last-child, | |
| 24096 | + .table-responsive > .table-bordered > tbody > tr > th:last-child, | |
| 24097 | + .table-responsive > .table-bordered > tfoot > tr > th:last-child, | |
| 24098 | + .table-responsive > .table-bordered > thead > tr > td:last-child, | |
| 24099 | + .table-responsive > .table-bordered > tbody > tr > td:last-child, | |
| 24100 | + .table-responsive > .table-bordered > tfoot > tr > td:last-child { | |
| 24101 | + border-right: 0; | |
| 24102 | + } | |
| 24103 | + .table-responsive > .table-bordered > tbody > tr:last-child > th, | |
| 24104 | + .table-responsive > .table-bordered > tfoot > tr:last-child > th, | |
| 24105 | + .table-responsive > .table-bordered > tbody > tr:last-child > td, | |
| 24106 | + .table-responsive > .table-bordered > tfoot > tr:last-child > td { | |
| 24107 | + border-bottom: 0; | |
| 24108 | + } | |
| 24109 | + #jmodal-vbo-new-res { | |
| 24110 | + left: 50%; | |
| 24111 | + transform: translate(-50%, -50%); | |
| 24112 | + margin-left: 0 !important; | |
| 24113 | + } | |
| 24114 | + .vbo-dac-capabilities-list { | |
| 24115 | + grid-template-columns: repeat(1, minmax(0, 1fr)); | |
| 24116 | + } | |
| 24117 | +} | |
| 24118 | +@media screen and (max-width : 740px) { | |
| 24119 | + .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper { | |
| 24120 | + width: 100%; | |
| 24121 | + float: none; | |
| 24122 | + margin: 5px 0; | |
| 24123 | + } | |
| 24124 | + .vbo-info-overlay-content { | |
| 24125 | + width: 80%; | |
| 24126 | + overflow-y: scroll; | |
| 24127 | + } | |
| 24128 | + .vbo-bookingdet-summary, .vbo-editbooking-summary { | |
| 24129 | + flex: auto; | |
| 24130 | + width: 100%; | |
| 24131 | + box-sizing: border-box; | |
| 24132 | + } | |
| 24133 | + .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper { | |
| 24134 | + flex: auto; | |
| 24135 | + width: 94%; | |
| 24136 | + box-sizing: border-box; | |
| 24137 | + } | |
| 24138 | + #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container { | |
| 24139 | + flex-wrap: wrap; | |
| 24140 | + } | |
| 24141 | + #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-param-label { | |
| 24142 | + flex-basis: 100%; | |
| 24143 | + font-weight: bold; | |
| 24144 | + } | |
| 24145 | + #vbmessagingdiv { | |
| 24146 | + flex-basis: 150px; | |
| 24147 | + } | |
| 24148 | + .vbo-menu-left { | |
| 24149 | + display: none; | |
| 24150 | + } | |
| 24151 | + .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room { | |
| 24152 | + flex-basis: calc(50% - 34px); | |
| 24153 | + } | |
| 24154 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in { | |
| 24155 | + display: block; | |
| 24156 | + margin-right: 0; | |
| 24157 | + margin-bottom: 4px; | |
| 24158 | + } | |
| 24159 | + fieldset.adminform .vbo-list-table-rounded { | |
| 24160 | + max-width: 600px; | |
| 24161 | + } | |
| 24162 | + .vbo-room-reassignment-move-record { | |
| 24163 | + flex-wrap: wrap; | |
| 24164 | + } | |
| 24165 | + .vbo-room-reassignment-move { | |
| 24166 | + flex-basis: 100%; | |
| 24167 | + margin-top: 10px; | |
| 24168 | + } | |
| 24169 | + .vbo-room-reassignment-move-record .vbo-room-reassignment-move-exclude { | |
| 24170 | + margin-left: auto; | |
| 24171 | + } | |
| 24172 | + .vbo-quote-section-head-wrap { | |
| 24173 | + flex-wrap: wrap; | |
| 24174 | + | |
| 24175 | + .vbo-quote-section-head { | |
| 24176 | + margin-bottom: 10px; | |
| 24177 | + } | |
| 24178 | + | |
| 24179 | + .vbo-quote-section-floating { | |
| 24180 | + flex-wrap: wrap; | |
| 24181 | + | |
| 24182 | + & select { | |
| 24183 | + max-width: 100%; | |
| 24184 | + } | |
| 24185 | + } | |
| 24186 | + } | |
| 24187 | +} | |
| 24188 | +@media screen and (max-width : 680px) { | |
| 24189 | + .vbo-preferred-countries-sortlist { | |
| 24190 | + max-width: 100%; | |
| 24191 | + width: 100%; | |
| 24192 | + } | |
| 24193 | + .vbo-ebusy-extracosts-cellname input { | |
| 24194 | + max-width: 100px; | |
| 24195 | + } | |
| 24196 | + .vbo-ebusy-extracosts-celltax select { | |
| 24197 | + max-width: 100px; | |
| 24198 | + } | |
| 24199 | + #vbo-graphstats-right-canv { | |
| 24200 | + width: 100% !important; | |
| 24201 | + height: auto !important | |
| 24202 | + } | |
| 24203 | + .vbo-tracking-info-details > div { | |
| 24204 | + padding: 10px; | |
| 24205 | + } | |
| 24206 | + .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont, .vbo-tracking-info-details > .vbo-tracking-info-dates-cont, | |
| 24207 | + .vbo-tracking-info-details > .vbo-tracking-info-party-cont { | |
| 24208 | + flex: 1; | |
| 24209 | + } | |
| 24210 | + #filter-bar.vbo-trackings-filters .pull-right { | |
| 24211 | + display: block; | |
| 24212 | + } | |
| 24213 | + #breakdown-cont { | |
| 24214 | + display: block; | |
| 24215 | + width: 100%; | |
| 24216 | + } | |
| 24217 | + .add-tax-breakdown-cont div span { | |
| 24218 | + margin-bottom: 5px; | |
| 24219 | + } | |
| 24220 | + .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate { | |
| 24221 | + width: 90%; | |
| 24222 | + } | |
| 24223 | + .vbo-trackings-chart-bestnights .vbo-trackings-chart-container { | |
| 24224 | + flex-basis: 40%; | |
| 24225 | + } | |
| 24226 | + .vbo-admin-container .vbo-param-container { | |
| 24227 | + flex-wrap: wrap; | |
| 24228 | + } | |
| 24229 | + .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container > div.vbo-config-maintab-smaller:not([id^="jmodal"]) .vbo-param-container .vbo-param-label { | |
| 24230 | + margin-right: 0; | |
| 24231 | + flex-basis: 100%; | |
| 24232 | + } | |
| 24233 | + .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="password"], .vbo-admin-container .vbo-param-container .vbo-param-setting textarea, .vbo-admin-container .vbo-param-container .vbo-param-setting input#lastavail, .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti { | |
| 24234 | + width: 100% !important; | |
| 24235 | + } | |
| 24236 | + .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] { | |
| 24237 | + width: auto !important; | |
| 24238 | + } | |
| 24239 | + .vbo-admin-container .vbo-param-container .vbo-param-label { | |
| 24240 | + font-size: 13px; | |
| 24241 | + font-weight: bold; | |
| 24242 | + } | |
| 24243 | + .vbo-admin-container .vbo-param-container .vbo-param-setting input, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea, .new_depovr_container input[type="number"], .vbo-admin-container .vbo-param-container .vbo-param-label input { | |
| 24244 | + width: 100% !important; | |
| 24245 | + max-width: inherit !important; | |
| 24246 | + height: auto; | |
| 24247 | + box-sizing: border-box; | |
| 24248 | + } | |
| 24249 | + .vbo-admin-container .vbo-param-container .vbo-param-setting { | |
| 24250 | + display: flex; | |
| 24251 | + flex-wrap: wrap; | |
| 24252 | + } | |
| 24253 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block { | |
| 24254 | + width: 100%; | |
| 24255 | + } | |
| 24256 | + input[type="number"].vbo-small-input { | |
| 24257 | + width: 80px !important; | |
| 24258 | + } | |
| 24259 | + .vbo-admin-container .vbo-param-container.vbo-param-nested { | |
| 24260 | + flex-wrap: wrap; | |
| 24261 | + } | |
| 24262 | + .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label { | |
| 24263 | + flex-basis: 100%; | |
| 24264 | + } | |
| 24265 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-editroom-currentphotos { | |
| 24266 | + width: 100%; | |
| 24267 | + margin: 5px 0; | |
| 24268 | + } | |
| 24269 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-first-imgup + #myDiv { | |
| 24270 | + width: 100%; | |
| 24271 | + } | |
| 24272 | + .vbo-admin-container .vbo-param-container.vbo-param-child { | |
| 24273 | + margin-top: -15px; | |
| 24274 | + } | |
| 24275 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-iostoggle-wrap { | |
| 24276 | + margin: 0; | |
| 24277 | + padding: 0; | |
| 24278 | + } | |
| 24279 | + .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select { | |
| 24280 | + width: 100% !important; | |
| 24281 | + } | |
| 24282 | + .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefh"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefm"], | |
| 24283 | + .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoreth"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoretm"], | |
| 24284 | + .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="bctagrule[]"] { | |
| 24285 | + width: auto !important; | |
| 24286 | + margin-right: 5px; | |
| 24287 | + } | |
| 24288 | + .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="payaccpercent"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="maxdate"] { | |
| 24289 | + flex: 1; | |
| 24290 | + flex-grow: 0; | |
| 24291 | + flex-basis: 130px; | |
| 24292 | + } | |
| 24293 | + .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"] { | |
| 24294 | + margin-left: 10px; | |
| 24295 | + } | |
| 24296 | + .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="typedeposit"] { | |
| 24297 | + margin: 0 0 0 5px; | |
| 24298 | + width: auto !important; | |
| 24299 | + } | |
| 24300 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides { | |
| 24301 | + margin-bottom: 0; | |
| 24302 | + } | |
| 24303 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides + .btn { | |
| 24304 | + height: 30px; | |
| 24305 | + } | |
| 24306 | + .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="chat_av_type"] { | |
| 24307 | + margin-bottom: 5px !important; | |
| 24308 | + } | |
| 24309 | + .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"] { | |
| 24310 | + margin-bottom: 5px; | |
| 24311 | + } | |
| 24312 | + .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"], | |
| 24313 | + .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] { | |
| 24314 | + width: 90px !important; | |
| 24315 | + } | |
| 24316 | + #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-colortag-rm { | |
| 24317 | + margin-left: 10px; | |
| 24318 | + } | |
| 24319 | + .vbo-admin-container .vbo-param-container { | |
| 24320 | + margin: 15px 0; | |
| 24321 | + } | |
| 24322 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .vbplusminuscont input[type="number"] { | |
| 24323 | + width: 120px !important; | |
| 24324 | + } | |
| 24325 | + .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select { | |
| 24326 | + width: auto !important; | |
| 24327 | + } | |
| 24328 | + .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input, | |
| 24329 | + .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] { | |
| 24330 | + width: 120px !important; | |
| 24331 | + } | |
| 24332 | + .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], | |
| 24333 | + .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] { | |
| 24334 | + margin-right: 10px; | |
| 24335 | + } | |
| 24336 | + .vbo-admin-container .adminform { | |
| 24337 | + padding: 15px 20px; | |
| 24338 | + } | |
| 24339 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline { | |
| 24340 | + margin: 8px 0 0 50px; | |
| 24341 | + } | |
| 24342 | + #vbo-row-custcost .vbo-param-setting input { | |
| 24343 | + width: auto !important; | |
| 24344 | + } | |
| 24345 | + .vbo-ratesoverview-period-box-cals-inner { | |
| 24346 | + padding: 10px; | |
| 24347 | + } | |
| 24348 | + .vbo-ratesoverview-period-box-cals-inner > div { | |
| 24349 | + display: block; | |
| 24350 | + margin: 10px; | |
| 24351 | + width: auto; | |
| 24352 | + } | |
| 24353 | + .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left { | |
| 24354 | + width: auto; | |
| 24355 | + padding-right: 0; | |
| 24356 | + border: 0; | |
| 24357 | + box-sizing: border-box; | |
| 24358 | + margin-bottom: 20px; | |
| 24359 | + } | |
| 24360 | + .vbo-ratesoverview-period-box-cals-inner > div > h4 { | |
| 24361 | + text-align: center; | |
| 24362 | + text-transform: capitalize; | |
| 24363 | + font-size: 16px; | |
| 24364 | + } | |
| 24365 | + .vbo-ratesoverview-period-box-cals-inner > div .ui-datepicker { | |
| 24366 | + width: 100%; | |
| 24367 | + box-sizing: border-box; | |
| 24368 | + } | |
| 24369 | + .vbo-tariffs-params-container .vbo-param-setting form { | |
| 24370 | + width: 100%; | |
| 24371 | + } | |
| 24372 | + .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-name { | |
| 24373 | + display: block; | |
| 24374 | + width: 100%; | |
| 24375 | + font-weight: bold; | |
| 24376 | + } | |
| 24377 | + .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost { | |
| 24378 | + display: flex; | |
| 24379 | + margin: 5px 0 0; | |
| 24380 | + width: 100%; | |
| 24381 | + } | |
| 24382 | + .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-currency { | |
| 24383 | + align-self: center; | |
| 24384 | + margin-right: 5px; | |
| 24385 | + } | |
| 24386 | + .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount { | |
| 24387 | + flex: 1; | |
| 24388 | + } | |
| 24389 | + .vbo-bookdet-container .vbo-bookdet-wrap { | |
| 24390 | + width: 45%; | |
| 24391 | + border: 0; | |
| 24392 | + padding-right: 0; | |
| 24393 | + } | |
| 24394 | + .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry { | |
| 24395 | + flex-basis: 100% !important; | |
| 24396 | + } | |
| 24397 | + .vbo-checkin-main-block .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num { | |
| 24398 | + display: block; | |
| 24399 | + font-weight: bold; | |
| 24400 | + } | |
| 24401 | + .vbo-checkin-main-block .vbo-roomdet-guest-detail input, .vbo-checkin-main-block .vbo-roomdet-guest-detail select { | |
| 24402 | + width: 100% !important; | |
| 24403 | + max-width: 100% !important; | |
| 24404 | + } | |
| 24405 | + .vbo-dashboard-refresh-container { | |
| 24406 | + margin: 0px auto 0; | |
| 24407 | + float: none; | |
| 24408 | + display: table; | |
| 24409 | + } | |
| 24410 | + .vbo-modal-overlay-block .vbo-modal-overlay-content, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-large, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-large { | |
| 24411 | + width: 95%; | |
| 24412 | + height: 95%; | |
| 24413 | + } | |
| 24414 | + .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body { | |
| 24415 | + padding: 25px 25px 10px; | |
| 24416 | + } | |
| 24417 | + .vbo-roomdet-guest-details .vbo-roomdet-guest-detail { | |
| 24418 | + width: calc(50% - 20px); | |
| 24419 | + } | |
| 24420 | + .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val { | |
| 24421 | + width: calc(50% - 10px); | |
| 24422 | + } | |
| 24423 | + | |
| 24424 | + .popover.right { | |
| 24425 | + left: 0 !important; | |
| 24426 | + border-right-width: 0 !important; | |
| 24427 | + border-left-color: #999 !important; | |
| 24428 | + border-left-color: rgba(0,0,0,0.25) !important; | |
| 24429 | + right: 0 !important; | |
| 24430 | + left: 7% !important; | |
| 24431 | + } | |
| 24432 | + .popover.right .arrow { | |
| 24433 | + top: 50% !important; | |
| 24434 | + margin-top: -11px !important; | |
| 24435 | + border-right-width: 0 !important; | |
| 24436 | + border-left-color: #999 !important; | |
| 24437 | + border-left-color: rgba(0,0,0,0.25) !important; | |
| 24438 | + right: 0 !important; | |
| 24439 | + } | |
| 24440 | + .popover.right .arrow:after { | |
| 24441 | + left: 1px !important; | |
| 24442 | + border-right-width: 0 !important; | |
| 24443 | + border-right-color: #fff !important; | |
| 24444 | + } | |
| 24445 | + .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month { | |
| 24446 | + min-width: 200px; | |
| 24447 | + max-width: 200px; | |
| 24448 | + white-space: nowrap; | |
| 24449 | + overflow: hidden; | |
| 24450 | + text-overflow: ellipsis; | |
| 24451 | + } | |
| 24452 | + .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname { | |
| 24453 | + white-space: nowrap; | |
| 24454 | + overflow: hidden; | |
| 24455 | + text-overflow: ellipsis; | |
| 24456 | + width: 130px; | |
| 24457 | + display: inline-block; | |
| 24458 | + } | |
| 24459 | + .vbo-admin-widget-wrapper .vbo-dashboard-today-occ-listcont > .vbo-dashboard-today-roomocc { | |
| 24460 | + box-sizing: border-box; | |
| 24461 | + width: 100%; | |
| 24462 | + } | |
| 24463 | + .vbo-dashboard-today-roomocc-customers { | |
| 24464 | + border: 0; | |
| 24465 | + } | |
| 24466 | + .wp-editor-container .quicktags-toolbar input[type="button"] { | |
| 24467 | + width: auto !important; | |
| 24468 | + } | |
| 24469 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-bottom { | |
| 24470 | + width: 100%; | |
| 24471 | + } | |
| 24472 | + .vbo-config-gr-services { | |
| 24473 | + width: 100%; | |
| 24474 | + } | |
| 24475 | + .vbo-config-gr-services .vbo-config-gr-service { | |
| 24476 | + display: flex; | |
| 24477 | + } | |
| 24478 | + .vbo-config-gr-services .vbo-config-gr-service span:first-child { | |
| 24479 | + flex: 1; | |
| 24480 | + margin-right: 5px; | |
| 24481 | + } | |
| 24482 | + .vbo-smstpl-bgroup button.btn { | |
| 24483 | + margin: 2px !important; | |
| 24484 | + } | |
| 24485 | + .vbo-param-setting .vbo-smstpl-toolbar + .vbo-smstpl-control { | |
| 24486 | + width: 100%; | |
| 24487 | + } | |
| 24488 | + .vbo-modal-condtext-rules .vbo-modal-condtext-rule { | |
| 24489 | + flex-basis: calc(50% - 38px); | |
| 24490 | + } | |
| 24491 | + .vbo-params-container .vbo-param-container .vbo-param-setting input[name="optcost"], .vbo-params-container .vbo-param-container .vbo-param-setting select[name="pcentroom"] { | |
| 24492 | + width: auto !important; | |
| 24493 | + } | |
| 24494 | + .vbo-param-container .vbo-param-setting #minguestscont input[type="number"], .vbo-param-container .vbo-param-setting #minguestscont select { | |
| 24495 | + width: auto !important; | |
| 24496 | + } | |
| 24497 | + .vbo-tariffs-params-container .vbo-param-setting { | |
| 24498 | + margin-top: 30px; | |
| 24499 | + } | |
| 24500 | + .vbo-params-container .vbo-param-setting input[name="diffcost"] { | |
| 24501 | + width: auto !important; | |
| 24502 | + } | |
| 24503 | + .vbo-params-container .vbo-param-setting select#val_pcent { | |
| 24504 | + width: auto !important; | |
| 24505 | + } | |
| 24506 | + .vbo-params-container .vbo-param-setting #myDiv input[name^="nightsoverrides"] { | |
| 24507 | + width: 100px !important; | |
| 24508 | + } | |
| 24509 | + .vbo-params-container .vbo-param-setting #myDiv input[name^="valuesoverrides"] { | |
| 24510 | + width: 130px !important; | |
| 24511 | + } | |
| 24512 | + .vbo-params-container .vbo-param-setting #myDiv select[name^="andmoreoverride"] { | |
| 24513 | + width: auto !important; | |
| 24514 | + } | |
| 24515 | + #vbo-row-people .vbo-param-setting select { | |
| 24516 | + width: auto !important; | |
| 24517 | + } | |
| 24518 | + #vbo-close-all-rooms-sel { | |
| 24519 | + width: 100%; | |
| 24520 | + } | |
| 24521 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker { | |
| 24522 | + flex-grow: 1; | |
| 24523 | + } | |
| 24524 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar, | |
| 24525 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar { | |
| 24526 | + width: 100%; | |
| 24527 | + margin-bottom: 5px; | |
| 24528 | + } | |
| 24529 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar input, .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar input { | |
| 24530 | + width: 100% !important; | |
| 24531 | + flex-grow: 1; | |
| 24532 | + } | |
| 24533 | + .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child { | |
| 24534 | + margin-left: 0; | |
| 24535 | + } | |
| 24536 | + .vbo-param-confirm-btn .btn { | |
| 24537 | + width: 100%; | |
| 24538 | + } | |
| 24539 | + .vbo-review-json-entry { | |
| 24540 | + width: 50%; | |
| 24541 | + } | |
| 24542 | + .vbo-tm-board-areas-list { | |
| 24543 | + grid-template-columns: repeat(1, minmax(0, 1fr)); | |
| 24544 | + } | |
| 24545 | + .vbo-overview-roomunits { | |
| 24546 | + display: none; | |
| 24547 | + } | |
| 24548 | + .vbo-reports-subfilters-cont { | |
| 24549 | + width: 100%; | |
| 24550 | + overflow-x: auto; | |
| 24551 | + overflow-y: hidden; | |
| 24552 | + min-height: 0.01%; | |
| 24553 | + } | |
| 24554 | + .vbo-quote-option-room-extras-list .vbo-editbooking-room-extracost input { | |
| 24555 | + max-width: 100%; | |
| 24556 | + } | |
| 24557 | + .vbo-quote-section-validity .vbo-quote-section-body { | |
| 24558 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 24559 | + } | |
| 24560 | + .vbo-w-quote-solution { | |
| 24561 | + flex-wrap: wrap; | |
| 24562 | + | |
| 24563 | + .vbo-w-quote-solution-roominfo { | |
| 24564 | + flex-basis: 100%; | |
| 24565 | + } | |
| 24566 | + | |
| 24567 | + .vbo-w-quote-solution-priceinfo-wrap { | |
| 24568 | + flex-basis: 100%; | |
| 24569 | + margin-top: 6px; | |
| 24570 | + justify-content: space-between; | |
| 24571 | + | |
| 24572 | + .vbo-w-quote-solution-price { | |
| 24573 | + text-align: left; | |
| 24574 | + } | |
| 24575 | + } | |
| 24576 | + } | |
| 24577 | +} | |
| 24578 | +@media screen and (max-width : 640px) { | |
| 24579 | + .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta { | |
| 24580 | + flex-basis: 50%; | |
| 24581 | + } | |
| 24582 | + .vbo-calcrates-rateblock > span { | |
| 24583 | + width: 20%; | |
| 24584 | + margin: 5px 10px 5px 0; | |
| 24585 | + } | |
| 24586 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { | |
| 24587 | + widows: 50%; | |
| 24588 | + } | |
| 24589 | + .vbo-calcrates-rateblock > span { | |
| 24590 | + width: 35%; | |
| 24591 | + } | |
| 24592 | + .vbo-calcrates-rateblock .vbo-room-booknow-rct { | |
| 24593 | + width: 100%; | |
| 24594 | + margin-top: 10px; | |
| 24595 | + } | |
| 24596 | + .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task { | |
| 24597 | + flex-basis: 100%; | |
| 24598 | + } | |
| 24599 | + .vbo-config-maintab-right-halfsize .vbo-condtext-rule { | |
| 24600 | + flex-basis: 100%; | |
| 24601 | + } | |
| 24602 | + .vbrestrdrangesp { | |
| 24603 | + display: block; | |
| 24604 | + margin-bottom: 4px; | |
| 24605 | + } | |
| 24606 | + .vbrestrdrangesp + .wp-calendar-box { | |
| 24607 | + margin-right: 5px; | |
| 24608 | + } | |
| 24609 | + .vbo-roomdet-guest-details .vbo-roomdet-guest-detail { | |
| 24610 | + width: 100%; | |
| 24611 | + } | |
| 24612 | + .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val { | |
| 24613 | + width: 100%; | |
| 24614 | + } | |
| 24615 | + .vbo-checkin-custdet-entry { | |
| 24616 | + margin-bottom: 10px; | |
| 24617 | + display: inline-block; | |
| 24618 | + width: 100%; | |
| 24619 | + margin: 5px; | |
| 24620 | + vertical-align: top; | |
| 24621 | + } | |
| 24622 | + .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter { | |
| 24623 | + flex-basis: 100% !important; | |
| 24624 | + } | |
| 24625 | + .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter .field-calendar, .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter .vbo-field-calendar { | |
| 24626 | + width: 100%; | |
| 24627 | + } | |
| 24628 | + .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time { | |
| 24629 | + margin-left: 0; | |
| 24630 | + } | |
| 24631 | + .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select { | |
| 24632 | + flex: 1; | |
| 24633 | + } | |
| 24634 | + .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { | |
| 24635 | + display: flex; | |
| 24636 | + } | |
| 24637 | + .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button { | |
| 24638 | + flex: 1; | |
| 24639 | + } | |
| 24640 | + .vbo-overlay-fests-addnew-elem input[type="text"] { | |
| 24641 | + width: 100% !important; | |
| 24642 | + } | |
| 24643 | + .vbo-overlay-fests-addnew-save .btn-success { | |
| 24644 | + width: 100% !important; | |
| 24645 | + } | |
| 24646 | + .vbo-dashboard-today-occ-listcont { | |
| 24647 | + width: 100%; | |
| 24648 | + box-sizing: border-box; | |
| 24649 | + } | |
| 24650 | + fieldset.adminform .vbo-list-table-rounded { | |
| 24651 | + max-width: 500px; | |
| 24652 | + } | |
| 24653 | + .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save { | |
| 24654 | + flex-basis: 100%; | |
| 24655 | + } | |
| 24656 | + .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save .btn { | |
| 24657 | + width: 100%; | |
| 24658 | + } | |
| 24659 | + .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left { | |
| 24660 | + order: 2; | |
| 24661 | + } | |
| 24662 | + .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd { | |
| 24663 | + flex-basis: 100%; | |
| 24664 | + } | |
| 24665 | + .vbo-tm-toolbar .vbo-tm-toolbar-header { | |
| 24666 | + flex-wrap: wrap; | |
| 24667 | + } | |
| 24668 | + .vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-modes { | |
| 24669 | + order: 2; | |
| 24670 | + } | |
| 24671 | + .vbo-tm-newtask { | |
| 24672 | + order: 0; | |
| 24673 | + } | |
| 24674 | + .vbo-tm-list-tasks-columns, .vbo-tm-list-task-row { | |
| 24675 | + grid-template-columns: 2fr 1fr 1fr; | |
| 24676 | + } | |
| 24677 | + .vbo-tm-list-task-cell[data-type="tags"], .vbo-tm-list-tasks-column[data-type="tags"] { | |
| 24678 | + display: none; | |
| 24679 | + } | |
| 24680 | + .vbo-report-chartonly .vbo-report-chart-meta { | |
| 24681 | + flex-basis: 50%; | |
| 24682 | + } | |
| 24683 | +} | |
| 24684 | +@media screen and (max-width : 600px) { | |
| 24685 | + .vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] .vbo-editbooking-room-service-check { | |
| 24686 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 24687 | + } | |
| 24688 | +} | |
| 24689 | +@media screen and (max-width : 580px) { | |
| 24690 | + .vbo-calendar-cfields-search { | |
| 24691 | + width: 100%; | |
| 24692 | + width: 100%; | |
| 24693 | + background: var(--vbo-main-bg-color); | |
| 24694 | + padding: 10px 15px; | |
| 24695 | + float: none; | |
| 24696 | + margin-bottom: 10px; | |
| 24697 | + box-sizing: border-box; | |
| 24698 | + border: 1px solid var(--vbo-config-border-color); | |
| 24699 | + } | |
| 24700 | + .vbo-calendar-cfields-search input { | |
| 24701 | + margin-bottom: 0; | |
| 24702 | + } | |
| 24703 | + .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search { | |
| 24704 | + margin-right: 0; | |
| 24705 | + } | |
| 24706 | + .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust { | |
| 24707 | + width: 100% !important; | |
| 24708 | + } | |
| 24709 | + .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry { | |
| 24710 | + flex: 100%; | |
| 24711 | + } | |
| 24712 | + .vbo-calendar-cfields-bottom { | |
| 24713 | + margin: 10px 0 15px 10px; | |
| 24714 | + display: flex; | |
| 24715 | + } | |
| 24716 | + .vbo-calendar-cfields-bottom .btn { | |
| 24717 | + flex: 1; | |
| 24718 | + } | |
| 24719 | + .vbo-calendar-cfields-bottom .btn-success { | |
| 24720 | + margin-left: 10px; | |
| 24721 | + } | |
| 24722 | + .vbo-ratesoverview-tabscont > div { | |
| 24723 | + margin: 4px 5px; | |
| 24724 | + } | |
| 24725 | + .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline { | |
| 24726 | + margin: 5px 5px 0; | |
| 24727 | + } | |
| 24728 | + .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child { | |
| 24729 | + width: 100%; | |
| 24730 | + margin: 10px 0 0; | |
| 24731 | + } | |
| 24732 | + .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child #vbo-ratesoverview-calculate { | |
| 24733 | + width: 100%; | |
| 24734 | + } | |
| 24735 | + .vbo-ratesoverview-tabscont div { | |
| 24736 | + width: 100%; | |
| 24737 | + box-sizing: border-box; | |
| 24738 | + } | |
| 24739 | + .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th { | |
| 24740 | + white-space: inherit; | |
| 24741 | + } | |
| 24742 | + .vbo-bookingdet-admin-entry .vbo-eorder-assigncust { | |
| 24743 | + width: 100%; | |
| 24744 | + } | |
| 24745 | + .vbo-bookingdet-detcont input, .vbo-bookingdet-admin-entry input { | |
| 24746 | + width: 100% !important; | |
| 24747 | + } | |
| 24748 | + .vbo-bookingdet-admin-entry select { | |
| 24749 | + width: 100% !important; | |
| 24750 | + } | |
| 24751 | + .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn { | |
| 24752 | + width: 48%; | |
| 24753 | + } | |
| 24754 | + .vbo-booking-history-container td { | |
| 24755 | + white-space: initial !important; | |
| 24756 | + } | |
| 24757 | + .vbo-dashboard-chart-container { | |
| 24758 | + flex-basis: 100%; | |
| 24759 | + } | |
| 24760 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { | |
| 24761 | + width: 50%; | |
| 24762 | + } | |
| 24763 | + .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, | |
| 24764 | + .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, | |
| 24765 | + .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, | |
| 24766 | + .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { | |
| 24767 | + width: calc(100% - 80px); | |
| 24768 | + } | |
| 24769 | + .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded { | |
| 24770 | + width: auto; | |
| 24771 | + display: block; | |
| 24772 | + text-align: left; | |
| 24773 | + padding: 3px 5px; | |
| 24774 | + } | |
| 24775 | + .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded i { | |
| 24776 | + margin-right: 5px; | |
| 24777 | + } | |
| 24778 | + .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span { | |
| 24779 | + width: 110px; | |
| 24780 | + } | |
| 24781 | + .vbo-menu-right > .vbo-menu-ul { | |
| 24782 | + display: contents; | |
| 24783 | + } | |
| 24784 | + .vbo-admin-widget-head .btn-toolbar .btn-wrapper { | |
| 24785 | + margin-bottom: 8px; | |
| 24786 | + } | |
| 24787 | + .vbo-modal-condtext-rules .vbo-modal-condtext-rule { | |
| 24788 | + flex-basis: 100% !important; | |
| 24789 | + } | |
| 24790 | + .vbo-translation-tab { | |
| 24791 | + width: calc(50% - 29px); | |
| 24792 | + } | |
| 24793 | + .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate { | |
| 24794 | + width: 86%; | |
| 24795 | + } | |
| 24796 | + #alwaysavcont { | |
| 24797 | + flex-basis: 100%; | |
| 24798 | + } | |
| 24799 | + .vbo-tariffs-wizard-price { | |
| 24800 | + flex-basis: 100%; | |
| 24801 | + } | |
| 24802 | + .vbo-param-setting .vbwdaytwodiv { | |
| 24803 | + width: 100%; | |
| 24804 | + margin-top: 10px; | |
| 24805 | + margin-left: 0; | |
| 24806 | + } | |
| 24807 | + .vbo-roverw-setnewrate .vbo-roverw-flexnew { | |
| 24808 | + flex-wrap: wrap; | |
| 24809 | + } | |
| 24810 | + .vbo-roverw-setnewrate .vbo-roverw-flexnew > div { | |
| 24811 | + flex-basis: 100%; | |
| 24812 | + } | |
| 24813 | + .vbo-info-overlay-content .vbo-add-room-entry > div { | |
| 24814 | + width: 100%; | |
| 24815 | + margin: 5px 0; | |
| 24816 | + } | |
| 24817 | + .vbo-info-overlay-content .vbo-add-room-entry select { | |
| 24818 | + width: 100% !important; | |
| 24819 | + } | |
| 24820 | + .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { | |
| 24821 | + flex-basis: 100%; | |
| 24822 | + } | |
| 24823 | + .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker { | |
| 24824 | + flex-grow: 0; | |
| 24825 | + margin-bottom: 0px; | |
| 24826 | + } | |
| 24827 | + .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input { | |
| 24828 | + width: 100px !important; | |
| 24829 | + flex: 1; | |
| 24830 | + } | |
| 24831 | + .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child { | |
| 24832 | + flex: 1; | |
| 24833 | + display: flex; | |
| 24834 | + flex-wrap: nowrap; | |
| 24835 | + } | |
| 24836 | + .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label { | |
| 24837 | + align-self: center; | |
| 24838 | + margin-right: 5px; | |
| 24839 | + } | |
| 24840 | + .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { | |
| 24841 | + flex: 1; | |
| 24842 | + margin-left: 0; | |
| 24843 | + } | |
| 24844 | + .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input { | |
| 24845 | + width: 80px !important; | |
| 24846 | + flex-grow: 1; | |
| 24847 | + } | |
| 24848 | + .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append { | |
| 24849 | + width: 100%; | |
| 24850 | + display: flex; | |
| 24851 | + } | |
| 24852 | + .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { | |
| 24853 | + width: 90vw; | |
| 24854 | + } | |
| 24855 | + .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div { | |
| 24856 | + flex: 1; | |
| 24857 | + } | |
| 24858 | + .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div input { | |
| 24859 | + width: 100% !important; | |
| 24860 | + } | |
| 24861 | + .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div:first-child { | |
| 24862 | + margin-left: 0; | |
| 24863 | + } | |
| 24864 | + .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div label { | |
| 24865 | + margin-bottom: 5px; | |
| 24866 | + display: inline-block; | |
| 24867 | + } | |
| 24868 | + .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit button { | |
| 24869 | + width: 100%; | |
| 24870 | + } | |
| 24871 | + .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .field-calendar, .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-field-calendar { | |
| 24872 | + width: 100%; | |
| 24873 | + } | |
| 24874 | + .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-date { | |
| 24875 | + flex: 1; | |
| 24876 | + } | |
| 24877 | + .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { | |
| 24878 | + display: flex; | |
| 24879 | + } | |
| 24880 | + .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button { | |
| 24881 | + flex: 1; | |
| 24882 | + } | |
| 24883 | + .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete { | |
| 24884 | + margin-left: 5px; | |
| 24885 | + } | |
| 24886 | + .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { | |
| 24887 | + flex-wrap: wrap; | |
| 24888 | + } | |
| 24889 | + .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices { | |
| 24890 | + flex-wrap: wrap; | |
| 24891 | + } | |
| 24892 | + .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow { | |
| 24893 | + flex-basis: 100%; | |
| 24894 | + margin-top: 5px; | |
| 24895 | + } | |
| 24896 | + .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate .vbo-widget-checkav-result-rate-booknow .btn { | |
| 24897 | + width: 100%; | |
| 24898 | + } | |
| 24899 | + .vbo-quickres-head .vbo-quickres-head-right { | |
| 24900 | + margin-top: 10px; | |
| 24901 | + width: 100%; | |
| 24902 | + } | |
| 24903 | + .vbo-list-form-filters .btn-toolbar #rname { | |
| 24904 | + width: 200px !important; | |
| 24905 | + } | |
| 24906 | + .vbo-calcrates-rateblock > span { | |
| 24907 | + flex-basis: 100%; | |
| 24908 | + margin: 5px 0 5px 0; | |
| 24909 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 24910 | + padding-bottom: 5px; | |
| 24911 | + text-align: right; | |
| 24912 | + } | |
| 24913 | + .vbo-calcrates-rateblock > span:first-child, .vbo-calcrates-rateblock > span:last-child, .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal { | |
| 24914 | + border: 0; | |
| 24915 | + } | |
| 24916 | + .vbo-calcrates-rateblock > .vbo-calcrates-ratename { | |
| 24917 | + text-align: left; | |
| 24918 | + } | |
| 24919 | + .vbo-calcrates-rateblock > span > span { | |
| 24920 | + float: left; | |
| 24921 | + } | |
| 24922 | + .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal > span { | |
| 24923 | + font-size: 18px; | |
| 24924 | + } | |
| 24925 | + .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal { | |
| 24926 | + margin-right: 0; | |
| 24927 | + font-size: 18px; | |
| 24928 | + } | |
| 24929 | + .vbo-modal-wguestmessages-chat-info-booking .badge { | |
| 24930 | + margin-bottom: 2px; | |
| 24931 | + } | |
| 24932 | + .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span { | |
| 24933 | + display: flex; | |
| 24934 | + } | |
| 24935 | + .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar { | |
| 24936 | + flex-basis: 25px !important; | |
| 24937 | + flex-grow: 0 !important; | |
| 24938 | + } | |
| 24939 | + .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img { | |
| 24940 | + width: 25px; | |
| 24941 | + height: 25px; | |
| 24942 | + } | |
| 24943 | + .vbo-submenu-wrap { | |
| 24944 | + display: none; | |
| 24945 | + } | |
| 24946 | + .vbo-menu-ul li:hover .vbo-submenu-wrap { | |
| 24947 | + display: block; | |
| 24948 | + } | |
| 24949 | + .vbo-config-tabs-wrap dl.tabs dt { | |
| 24950 | + padding: 10px 0; | |
| 24951 | + width: 50%; | |
| 24952 | + } | |
| 24953 | + .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt { | |
| 24954 | + width: 100%; | |
| 24955 | + } | |
| 24956 | + .vbo-info-overlay-content-depovr .vbo-info-overlay-header { | |
| 24957 | + display: inline-block; | |
| 24958 | + width: 100%; | |
| 24959 | + } | |
| 24960 | + .vbo-info-overlay-content-depovr .vbo-info-overlay-header h3 { | |
| 24961 | + display: block; | |
| 24962 | + } | |
| 24963 | + .vbo-btn-toolbar .input-append input#code { | |
| 24964 | + max-width: 150px; | |
| 24965 | + } | |
| 24966 | + .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month { | |
| 24967 | + min-width: 180px; | |
| 24968 | + } | |
| 24969 | + .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname { | |
| 24970 | + width: 100%; | |
| 24971 | + } | |
| 24972 | + .vbo-info-overlay-content { | |
| 24973 | + height: 90%; | |
| 24974 | + } | |
| 24975 | + .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds { | |
| 24976 | + margin-top: 0px; | |
| 24977 | + } | |
| 24978 | + .vbo-avcalendars-roomphoto img { | |
| 24979 | + width: 100%; | |
| 24980 | + } | |
| 24981 | + .vbcsvexport { | |
| 24982 | + margin: 2px !important; | |
| 24983 | + } | |
| 24984 | + .vbo-editbooking-totrefund { | |
| 24985 | + margin: 10px 0 0; | |
| 24986 | + } | |
| 24987 | + .vbo-param-setting #pin + .btn.vbo-config-btn { | |
| 24988 | + margin: 5px 0 !important; | |
| 24989 | + } | |
| 24990 | + .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="commission"] { | |
| 24991 | + max-width: 100px !important; | |
| 24992 | + } | |
| 24993 | + .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc { | |
| 24994 | + flex-basis: 100%; | |
| 24995 | + } | |
| 24996 | + .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input { | |
| 24997 | + border-left: 1px solid var(--vbo-config-border-color); | |
| 24998 | + } | |
| 24999 | + .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input { | |
| 25000 | + border-radius: 6px !important; | |
| 25001 | + } | |
| 25002 | + .vbo-notifications-center-wrap { | |
| 25003 | + top: 57px; | |
| 25004 | + right: -100px; | |
| 25005 | + width: 80vw; | |
| 25006 | + } | |
| 25007 | + .vbo-notifications-center-wrap:before { | |
| 25008 | + right: 123px; | |
| 25009 | + } | |
| 25010 | + .vbcalsblock { | |
| 25011 | + display: block; | |
| 25012 | + } | |
| 25013 | + #ui-datepicker-div.ui-widget-content, .ui-datepicker-inline.ui-widget-content { | |
| 25014 | + left: 0 !important; | |
| 25015 | + } | |
| 25016 | + .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head:first-child:not(.vbo-modal-overlay-cmds) > .vbo-modal-overlay-content-head-title > span { | |
| 25017 | + display: flex; | |
| 25018 | + } | |
| 25019 | + #filter-bar .pull-right-group { | |
| 25020 | + margin-left: 0; | |
| 25021 | + } | |
| 25022 | + .btn-group.pull-inline { | |
| 25023 | + margin-bottom: 3px; | |
| 25024 | + } | |
| 25025 | + .vbo-room-reassignment-head .vbo-room-reassignment-move-record .vbo-room-reassignment-move-details { | |
| 25026 | + flex-wrap: wrap; | |
| 25027 | + } | |
| 25028 | + .vbo-room-reassignment-head .vbo-room-reassignment-move-record .vbo-room-reassignment-move-room { | |
| 25029 | + flex-basis: 100%; | |
| 25030 | + } | |
| 25031 | + .vbo-quote-new-option-wrap .vbo-quote-option-title { | |
| 25032 | + flex-wrap: wrap; | |
| 25033 | + } | |
| 25034 | + .vbo-quote-new-option-wrap .vbo-quote-option-title > h4 { | |
| 25035 | + flex-basis: 100%; | |
| 25036 | + } | |
| 25037 | + .vbo-quote-section-validity .vbo-quote-section-body { | |
| 25038 | + grid-template-columns: repeat(1, minmax(0, 1fr)); | |
| 25039 | + } | |
| 25040 | +} | |
| 25041 | +@media screen and (max-width : 550px) { | |
| 25042 | + .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype { | |
| 25043 | + -webkit-flex: 100%; | |
| 25044 | + -ms-flex: 100%; | |
| 25045 | + flex: 100%; | |
| 25046 | + } | |
| 25047 | + .vbo-ratesoverview-tabscont div > i { | |
| 25048 | + margin-bottom: 3px; | |
| 25049 | + } | |
| 25050 | + .vbo-trackings-chart-bestnights .vbo-trackings-chart-container { | |
| 25051 | + flex-basis: 36%; | |
| 25052 | + } | |
| 25053 | + .vbo-trackings-chart-avgvals { | |
| 25054 | + flex: 1; | |
| 25055 | + padding-right: 0; | |
| 25056 | + } | |
| 25057 | + .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select[name="adultsdiffchdisc[]"] { | |
| 25058 | + width: 100% !important; | |
| 25059 | + margin-bottom: 3px; | |
| 25060 | + } | |
| 25061 | + .vbo-avcalendars-wrapper .vbo-calendar-cal-container { | |
| 25062 | + flex: 100%; | |
| 25063 | + } | |
| 25064 | + .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable { | |
| 25065 | + margin: 10px auto; | |
| 25066 | + } | |
| 25067 | + .vbmodelink { | |
| 25068 | + margin: 5px; | |
| 25069 | + } | |
| 25070 | + .vbo-graphstats-mod-containers .vbo-graphstats-mod-container { | |
| 25071 | + flex-basis: 100%; | |
| 25072 | + } | |
| 25073 | + .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner { | |
| 25074 | + margin: 0 0 10px; | |
| 25075 | + } | |
| 25076 | + .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { | |
| 25077 | + width: 100%; | |
| 25078 | + } | |
| 25079 | + .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap { | |
| 25080 | + flex-basis: 100%; | |
| 25081 | + } | |
| 25082 | + .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room { | |
| 25083 | + flex-basis: calc(100% - 34px); | |
| 25084 | + } | |
| 25085 | + fieldset.adminform .vbo-list-table-rounded { | |
| 25086 | + max-width: 400px; | |
| 25087 | + } | |
| 25088 | + .vbo-widget-finance-data-block-rankings { | |
| 25089 | + grid-template-columns: repeat(1, 1fr); | |
| 25090 | + } | |
| 25091 | + .vbo-eorder-paymentlog-buttons { | |
| 25092 | + display: block; | |
| 25093 | + } | |
| 25094 | + .vbo-eorder-paymentlog-buttons .vbo-eorder-emptyccdata .btn { | |
| 25095 | + text-align: center; | |
| 25096 | + } | |
| 25097 | + .vbo-dac-devices-wrap .vbo-dac-device-content { | |
| 25098 | + flex-wrap: wrap; | |
| 25099 | + } | |
| 25100 | + .vbo-dac-devices-wrap .vbo-dac-device-content .vbo-dac-device-actions { | |
| 25101 | + flex-basis: 100%; | |
| 25102 | + margin-top: 10px; | |
| 25103 | + } | |
| 25104 | + .vbo-dac-devices-wrap .vbo-widget-dac-device-add-listing { | |
| 25105 | + width: 100%; | |
| 25106 | + padding: 10px 12px; | |
| 25107 | + } | |
| 25108 | + .vbo-report-chartonly .vbo-report-chart-meta { | |
| 25109 | + flex-basis: 100%; | |
| 25110 | + } | |
| 25111 | + .vbo-quote-customer-fields { | |
| 25112 | + grid-template-columns: repeat(1, minmax(0, 1fr)); | |
| 25113 | + gap: 12px; | |
| 25114 | + } | |
| 25115 | + .vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(n+4) { | |
| 25116 | + grid-column: span 2; | |
| 25117 | + } | |
| 25118 | +} | |
| 25119 | +@media screen and (max-width : 500px) { | |
| 25120 | + .vbo-translation-tab.vbo-translation-tab-ini { | |
| 25121 | + float: none; | |
| 25122 | + } | |
| 25123 | + .vbo-dashboard-today-bookings .btn-toolbar .btn-wrapper > button.btn { | |
| 25124 | + width: auto !important; | |
| 25125 | + } | |
| 25126 | + .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group { | |
| 25127 | + width: 100%; | |
| 25128 | + margin: 5px 0; | |
| 25129 | + } | |
| 25130 | + .vbo-bookdet-container .vbo-bookdet-wrap { | |
| 25131 | + width: auto; | |
| 25132 | + border-bottom: 1px solid var(--vbo-config-border-color); | |
| 25133 | + padding: 0 0 5px; | |
| 25134 | + margin: 5px; | |
| 25135 | + box-sizing: border-box; | |
| 25136 | + display: block; | |
| 25137 | + } | |
| 25138 | + .vbo-bookdet-container .vbo-bookdet-wrap:last-child { | |
| 25139 | + border: 0; | |
| 25140 | + } | |
| 25141 | + .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail { | |
| 25142 | + width: 100%; | |
| 25143 | + display: inline-block; | |
| 25144 | + margin: 5px 3px; | |
| 25145 | + } | |
| 25146 | + .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta { | |
| 25147 | + flex-basis: 100%; | |
| 25148 | + } | |
| 25149 | + .vbo-calcrates-rateblock > span { | |
| 25150 | + width: 100%; | |
| 25151 | + } | |
| 25152 | + .modal-header .box-close { | |
| 25153 | + padding: 0 !important; | |
| 25154 | + border-bottom: 0 !important; | |
| 25155 | + } | |
| 25156 | + .modal .modal-header .box-close { | |
| 25157 | + border-left: 0 !important; | |
| 25158 | + } | |
| 25159 | + .vbo-cal-splitstay-details { | |
| 25160 | + min-width: initial; | |
| 25161 | + width: 100%; | |
| 25162 | + } | |
| 25163 | + .vbo-cal-splitstay-details > div { | |
| 25164 | + grid-template-columns: repeat(1, 1fr); | |
| 25165 | + } | |
| 25166 | + .vbo-cal-splitstay-details .vbo-cal-splitstay-room .vbo-cal-splitstay-room-name, .vbo-cal-splitstay-details .vbo-cal-splitstay-dates .vbo-cal-splitstay-dates-in { | |
| 25167 | + border-right: 0; | |
| 25168 | + } | |
| 25169 | + .vbo-tm-list-tasks-columns, .vbo-tm-list-task-row { | |
| 25170 | + grid-template-columns: 2fr 1fr; | |
| 25171 | + } | |
| 25172 | + .vbo-tm-list-task-cell[data-type="status"], .vbo-tm-list-tasks-column[data-type="status"] { | |
| 25173 | + display: none; | |
| 25174 | + } | |
| 25175 | + .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-nopadding .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) { | |
| 25176 | + margin-bottom: 10px; | |
| 25177 | + } | |
| 25178 | +} | |
| 25179 | + | |
| 25180 | +/* form fieldset */ | |
| 25181 | +.admin-form-wrapper { | |
| 25182 | + display: flex; | |
| 25183 | + flex-wrap: wrap; | |
| 25184 | + justify-content: space-between; | |
| 25185 | +} | |
| 25186 | +.admin-form-fieldset { | |
| 25187 | + width: calc(100% / 2 - 10px); | |
| 25188 | +} | |
| 25189 | +@media screen and (max-width: 1440px) { | |
| 25190 | + .admin-form-fieldset select { | |
| 25191 | + max-width: 250px !important; | |
| 25192 | + } | |
| 25193 | +} | |
| 25194 | +@media screen and (max-width: 1280px) { | |
| 25195 | + .admin-form-fieldset { | |
| 25196 | + width: 100%; | |
| 25197 | + } | |
| 25198 | +} | |
| 25199 | +/* main menu screen size adjustments */ | |
| 25200 | +@media screen and (max-width: 1400px) { | |
| 25201 | + .vbo-menu-updates > button span { | |
| 25202 | + display: none; | |
| 25203 | + } | |
| 25204 | +} | |
| 25205 | +@media screen and (max-width: 1280px) { | |
| 25206 | + .vbo-menu-left { | |
| 25207 | + max-width: 100px; | |
| 25208 | + } | |
| 25209 | +} | |
| 25210 | + | |
| 25211 | +/* new medias drag&drop */ | |
| 25212 | +.vbo-dropfiles-target { | |
| 25213 | + padding: 5% 20px; | |
| 25214 | + text-align:center; | |
| 25215 | + border: 2px dashed var(--vbo-config-border-color); | |
| 25216 | + border-radius: 4px; | |
| 25217 | + color: var(--vbo-config-text-color-light); | |
| 25218 | + background: var(--vbo-config-child-bg-color); | |
| 25219 | +} | |
| 25220 | +.vbo-dropfiles-target.drag-enter { | |
| 25221 | + border-color: var(--vbo-config-border-color); | |
| 25222 | +} | |
| 25223 | +.vbo-dropfiles-target.drag-over { | |
| 25224 | + border-color: var(--vbo-blue-color); | |
| 25225 | + background: var(--vbo-light-blue); | |
| 25226 | +} | |
| 25227 | +.vbo-dropfiles-target .lead { | |
| 25228 | + font-size: 16px; | |
| 25229 | + font-weight: bold; | |
| 25230 | +} | |
| 25231 | +.vbo-dropfiles-target a:hover { | |
| 25232 | + text-decoration: none; | |
| 25233 | +} | |
| 25234 | + | |
| 25235 | +.vbo-uploaded-files { | |
| 25236 | + display: flex; | |
| 25237 | + flex-wrap: wrap; | |
| 25238 | +} | |
| 25239 | +.vbo-uploaded-files i.fa-file { | |
| 25240 | + font-size: 128px; | |
| 25241 | +} | |
| 25242 | +.vbo-uploaded-files .file-elem-inner { | |
| 25243 | + width: auto; | |
| 25244 | + display: inline-block; | |
| 25245 | + position: relative; | |
| 25246 | +} | |
| 25247 | +.vbo-uploaded-files .file-elem a { | |
| 25248 | + position: relative; | |
| 25249 | + color: var(--vbo-blue-color); | |
| 25250 | +} | |
| 25251 | +.vbo-uploaded-files .file-elem.uploading a, | |
| 25252 | +.vbo-uploaded-files .file-elem.removing a { | |
| 25253 | + cursor: default; | |
| 25254 | + color: var(--vbo-config-text-color-light); | |
| 25255 | +} | |
| 25256 | +.vbo-uploaded-files .file-elem.removing a { | |
| 25257 | + opacity: 0.7; | |
| 25258 | +} | |
| 25259 | +.vbo-uploaded-files .file-elem a .file-extension { | |
| 25260 | + position: absolute; | |
| 25261 | + bottom: 20px; | |
| 25262 | + left: 50%; | |
| 25263 | + color: #fff; | |
| 25264 | + transform: translateX(-50%); | |
| 25265 | + font-size: 30px; | |
| 25266 | + text-transform: uppercase; | |
| 25267 | + font-weight: 500; | |
| 25268 | +} | |
| 25269 | +.vbo-uploaded-files .file-elem .file-summary { | |
| 25270 | + word-break: break-all; | |
| 25271 | + margin-top: 5px; | |
| 25272 | +} | |
| 25273 | +.vbo-uploaded-files .file-elem .file-summary .filename { | |
| 25274 | + font-weight: 500; | |
| 25275 | +} | |
| 25276 | +.vbo-uploaded-files .file-elem .file-summary .filesize { | |
| 25277 | + font-size: smaller; | |
| 25278 | +} | |
| 25279 | +.vbo-uploaded-files .file-elem .delete-file { | |
| 25280 | + position: absolute; | |
| 25281 | + top: -10px; | |
| 25282 | + left: -10px; | |
| 25283 | + background: var(--vbo-config-bg-color); | |
| 25284 | + width: 32px; | |
| 25285 | + height: 32px; | |
| 25286 | + border-radius: 50%; | |
| 25287 | + color: var(-vbo-body-text-color); | |
| 25288 | + line-height: 32px; | |
| 25289 | + text-align: center; | |
| 25290 | + visibility: hidden; | |
| 25291 | +} | |
| 25292 | +.vbo-uploaded-files .file-elem .delete-file i.fa { | |
| 25293 | + font-size: 34px; | |
| 25294 | + color: var(--vbo-body-text-color); | |
| 25295 | +} | |
| 25296 | +.vbo-uploaded-files .file-elem .delete-file:hover i.fa { | |
| 25297 | + color: var(--vbo-blue-color); | |
| 25298 | +} | |
| 25299 | +.vbo-uploaded-files .file-elem.do-shake .file-link { | |
| 25300 | + color: var(--vbo-config-text-color-light); | |
| 25301 | + cursor: default; | |
| 25302 | +} | |
| 25303 | +.vbo-uploaded-files .file-elem.do-shake .delete-file { | |
| 25304 | + visibility: visible; | |
| 25305 | +} | |
| 25306 | +.vbo-uploaded-files .file-elem.do-shake { | |
| 25307 | + -webkit-animation: shake-files 0.3s ease-in-out 0.1s infinite alternate; | |
| 25308 | +} | |
| 25309 | + | |
| 25310 | +@-webkit-keyframes shake-files { | |
| 25311 | + from { | |
| 25312 | + -webkit-transform: rotate(4deg); | |
| 25313 | + } | |
| 25314 | + to { | |
| 25315 | + -webkit-transform-origin: center center; | |
| 25316 | + -webkit-transform: rotate(-4deg); | |
| 25317 | + } | |
| 25318 | +} | |
| 25319 | + | |
| 25320 | +.stop-managing-files-hint { | |
| 25321 | + background: #333c; | |
| 25322 | + color: #fff; | |
| 25323 | + padding: 20px 30px; | |
| 25324 | + text-align: center; | |
| 25325 | + position: fixed; | |
| 25326 | + bottom: 20px; | |
| 25327 | + border-radius: 6px; | |
| 25328 | + left: 50%; | |
| 25329 | + transform: translateX(-50%); | |
| 25330 | + font-size: 20px; | |
| 25331 | + width: 80%; | |
| 25332 | + font-weight: 500; | |
| 25333 | + display: none; | |
| 25334 | +} | |
| 25335 | + | |
| 25336 | +.drop-files-hint { | |
| 25337 | + float: right; | |
| 25338 | + margin-top: -25px; | |
| 25339 | + margin-right: 6px; | |
| 25340 | +} | |
| 25341 | +.drop-files-hint i.fa-question-circle { | |
| 25342 | + color: #999; | |
| 25343 | +} | |
| 25344 | + | |
| 25345 | +@media screen and (max-width: 1440px) { | |
| 25346 | + .vbo-uploaded-files .file-elem { | |
| 25347 | + width: calc(100% / 4); | |
| 25348 | + } | |
| 25349 | +} | |
| 25350 | +@media screen and (max-width: 1280px) { | |
| 25351 | + .vbo-uploaded-files .file-elem { | |
| 25352 | + width: calc(100% / 5); | |
| 25353 | + } | |
| 25354 | +} | |
| 25355 | +@media screen and (max-width: 800px) { | |
| 25356 | + .vbo-uploaded-files .file-elem { | |
| 25357 | + width: calc(100% / 4); | |
| 25358 | + } | |
| 25359 | +} | |
| 25360 | +@media screen and (max-width: 550px) { | |
| 25361 | + .vbo-uploaded-files .file-elem { | |
| 25362 | + width: calc(100% / 3); | |
| 25363 | + } | |
| 25364 | +} | |
| 25365 | + | |
| 25366 | +/* chat threads layout interface */ | |
| 25367 | + | |
| 25368 | +.vbo-chat-interface { | |
| 25369 | + height: 100%; | |
| 25370 | + box-sizing: border-box; | |
| 25371 | + display: flex; | |
| 25372 | + gap: 15px; | |
| 25373 | +} | |
| 25374 | +.vbo-chat-interface .vbo-chat-threads { | |
| 25375 | + width: 400px; | |
| 25376 | + height: calc(100% - 2px); | |
| 25377 | + overflow: scroll; | |
| 25378 | + border: 1px solid var(--vbo-basic-btn); | |
| 25379 | + border-radius: 6px; | |
| 25380 | +} | |
| 25381 | +.vbo-chat-interface .vbo-chat-threads *[data-length="0"] { | |
| 25382 | + display: none; | |
| 25383 | +} | |
| 25384 | +.vbo-chat-interface .vbo-chat-threads .chat-thread { | |
| 25385 | + padding: 10px; | |
| 25386 | + border-bottom: 1px solid var(--vbo-basic-btn); | |
| 25387 | + cursor: pointer; | |
| 25388 | + display: flex; | |
| 25389 | + gap: 10px; | |
| 25390 | + align-items: start; | |
| 25391 | +} | |
| 25392 | +.vbo-chat-interface .vbo-chat-threads .chat-thread:last-of-type { | |
| 25393 | + border-bottom: 0; | |
| 25394 | +} | |
| 25395 | +.vbo-chat-interface .vbo-chat-threads .chat-thread.active { | |
| 25396 | + background: var(--vbo-light-color-btn); | |
| 25397 | +} | |
| 25398 | +.vbo-chat-interface .vbo-chat-threads .chat-thread:not(.active):hover { | |
| 25399 | + background: var(--vbo-light-color-btn); | |
| 25400 | +} | |
| 25401 | +.vbo-chat-interface .vbo-chat-threads .chat-thread[data-read="0"] { | |
| 25402 | + background: #dce8fd; | |
| 25403 | + position: relative; | |
| 25404 | +} | |
| 25405 | +.vbo-chat-interface .vbo-chat-threads .chat-thread[data-read="0"]:before { | |
| 25406 | + content: ' '; | |
| 25407 | + position: absolute; | |
| 25408 | + left: 31px; | |
| 25409 | + top: calc(50% + 23px); | |
| 25410 | + transform: translate(-50%, -50%); | |
| 25411 | + width: 8px; | |
| 25412 | + height: 8px; | |
| 25413 | + border-radius: 50%; | |
| 25414 | + background: #a00; | |
| 25415 | +} | |
| 25416 | +.vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-avatar img { | |
| 25417 | + width: 42px; | |
| 25418 | + height: 42px; | |
| 25419 | + object-fit: cover; | |
| 25420 | + border-radius: 50%; | |
| 25421 | +} | |
| 25422 | +.vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-avatar span { | |
| 25423 | + display: inline-block; | |
| 25424 | + width: 42px; | |
| 25425 | + height: 42px; | |
| 25426 | + line-height: 42px; | |
| 25427 | + text-align: center; | |
| 25428 | + border-radius: 50%; | |
| 25429 | + background: linear-gradient(180deg, rgb(160, 164, 176) 0%, rgb(139, 142, 153) 100%); | |
| 25430 | + font-weight: bold; | |
| 25431 | + color: #fff; | |
| 25432 | + font-size: 16px; | |
| 25433 | +} | |
| 25434 | +.vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-content { | |
| 25435 | + flex: 1; | |
| 25436 | +} | |
| 25437 | +.vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-head { | |
| 25438 | + display: flex; | |
| 25439 | + align-items: start; | |
| 25440 | + justify-content: space-between; | |
| 25441 | + gap: 6px; | |
| 25442 | +} | |
| 25443 | +.vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-context { | |
| 25444 | + flex: 1; | |
| 25445 | + display: flex; | |
| 25446 | + flex-direction: column; | |
| 25447 | +} | |
| 25448 | +.vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-context .message-author { | |
| 25449 | + font-size: .95em; | |
| 25450 | + font-weight: 450; | |
| 25451 | +} | |
| 25452 | +.vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-datetime { | |
| 25453 | + display: flex; | |
| 25454 | + flex-direction: column; | |
| 25455 | + align-items: end; | |
| 25456 | + color: var(--vbo-config-titles-color-light); | |
| 25457 | +} | |
| 25458 | +.vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-datetime .last-update-time { | |
| 25459 | + font-size: .9em; | |
| 25460 | +} | |
| 25461 | +.vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-datetime .last-update-date { | |
| 25462 | + font-size: .8em; | |
| 25463 | +} | |
| 25464 | +.vbo-chat-interface .vbo-chat-threads .chat-thread-message-body { | |
| 25465 | + margin-top: 8px; | |
| 25466 | + font-size: .95em; | |
| 25467 | +} | |
| 25468 | +.vbo-chat-interface .vbo-chat-threads .chat-thread-message-attachments { | |
| 25469 | + margin-top: 8px; | |
| 25470 | + font-size: .90em; | |
| 25471 | + color: var(--vbo-config-titles-color-light); | |
| 25472 | +} | |
| 25473 | +.vbo-chat-interface .vbo-chat-target { | |
| 25474 | + flex: 1; | |
| 25475 | + height: 100%; | |
| 25476 | + border: 1px solid var(--vbo-basic-btn); | |
| 25477 | + border-radius: 6px; | |
| 25478 | + overflow: hidden; | |
| 25479 | + box-sizing: border-box; | |
| 25480 | + position: relative; | |
| 25481 | + background: var(--vcm-chat-background); | |
| 25482 | +} | |
| 25483 | +.vbo-chat-interface .vbo-chat-target .chat-conversation { | |
| 25484 | + height: calc(100% - 60px) !important; | |
| 25485 | + max-height: none; | |
| 25486 | + box-sizing: border-box; | |
| 25487 | +} | |
| 25488 | +.vbo-chat-wrapper .chat-input-footer { | |
| 25489 | + padding: 0 10px; | |
| 25490 | +} | |
| 25491 | +.vbo-chat-interface .vbo-chat-loading { | |
| 25492 | + position: absolute; | |
| 25493 | + top: 0; | |
| 25494 | + left: 0; | |
| 25495 | + width: 100%; | |
| 25496 | + height: 100%; | |
| 25497 | + background: rgba(0, 0, 0, .4); | |
| 25498 | + display: flex; | |
| 25499 | + align-items: center; | |
| 25500 | + justify-content: center; | |
| 25501 | + color: var(--vbo-contrast-text-color); | |
| 25502 | + z-index: 1; | |
| 25503 | +} | |
| 25504 | +.vbo-chat-interface .vbo-chat-blank-pane { | |
| 25505 | + opacity: 0.5; | |
| 25506 | +} | |
| 25507 | + | |
| 25508 | +/* chat threads compact layout (small devices) */ | |
| 25509 | + | |
| 25510 | +.vbo-chat-interface.compact { | |
| 25511 | + position: relative; | |
| 25512 | + overflow-x: hidden; | |
| 25513 | +} | |
| 25514 | +.vbo-chat-interface.compact .vbo-chat-threads { | |
| 25515 | + width: 100%; | |
| 25516 | +} | |
| 25517 | +.vbo-admin-widgets-section .vbo-chat-interface.compact .vbo-chat-threads { | |
| 25518 | + max-height: 500px; | |
| 25519 | +} | |
| 25520 | +.vbo-chat-interface.compact .vbo-chat-target { | |
| 25521 | + position: absolute; | |
| 25522 | + top: 0px; | |
| 25523 | + left: 0px; | |
| 25524 | + width: 100%; | |
| 25525 | + height: 100%; | |
| 25526 | + transform: translateX(calc(100% + 10px)); | |
| 25527 | + transition: 0.3s ease-in transform; | |
| 25528 | + -moz-transition: 0.3s ease-in transform; | |
| 25529 | + -webkit-transition: 0.3s ease-in transform; | |
| 25530 | +} | |
| 25531 | +.vbo-chat-interface.compact .vbo-chat-target.slide-in { | |
| 25532 | + transform: translateX(0); | |
| 25533 | +} | |
| 25534 | +.vbo-chat-interface:not(.compact) .vbo-chat-back { | |
| 25535 | + display: none; | |
| 25536 | +} | |
| 25537 | +.vbo-chat-interface.compact .vbo-chat-back { | |
| 25538 | + position: absolute; | |
| 25539 | + top: 2px; | |
| 25540 | + left: 6px; | |
| 25541 | + transform: translateX(calc(-100% - 10px)); | |
| 25542 | + transition: 1s cubic-bezier(0.85, 0.05, 0.15, 1) transform; | |
| 25543 | + -moz-transition: 1s cubic-bezier(0.85, 0.05, 0.15, 1) transform; | |
| 25544 | + -webkit-transition: 1s cubic-bezier(0.85, 0.05, 0.15, 1) transform; | |
| 25545 | +} | |
| 25546 | +.vbo-chat-interface.compact .vbo-chat-target.slide-in + .vbo-chat-back { | |
| 25547 | + transform: translateX(0); | |
| 25548 | +} | |
| 25549 | +.vbo-chat-interface.compact .vbo-chat-target .vbo-chat-wrapper { | |
| 25550 | + padding-top: 24px; | |
| 25551 | + height: calc(100% - 24px); | |
| 25552 | +} | |
| 25553 | + | |
| 25554 | +/* operators chat widget modal adjustments */ | |
| 25555 | + | |
| 25556 | +.vbo-admin-widget-wrapper .vbo-chat-interface, | |
| 25557 | +.vbo-admin-widget-wrapper > .vbo-chat-wrapper { | |
| 25558 | + height: calc(100% - 56px); | |
| 25559 | +} | |
| 25560 | + | |
| 25561 | +/* operators chat widget multitask panel adjustments */ | |
| 25562 | +.vbo-sidepanel-wrapper .vbo-admin-widget-wrapper .vbo-chat-interface .vbo-chat-threads, | |
| 25563 | +.vbo-sidepanel-wrapper .vbo-admin-widget-wrapper .vbo-chat-interface .vbo-chat-target { | |
| 25564 | + border: 0; | |
| 25565 | + border-radius: 0; | |
| 25566 | + max-height: 400px; | |
| 25567 | +} | |
| 25568 | +.vbo-sidepanel-wrapper .vbo-admin-widget-wrapper .vbo-chat-interface { | |
| 25569 | + max-height: 400px; | |
| 25570 | +} | |
| 25571 | + | |
| 25572 | +/* task manager edit modal: switch editor-chat panels button */ | |
| 25573 | + | |
| 25574 | +.tm-switch-main-panel { | |
| 25575 | + position: absolute; | |
| 25576 | + top: 50%; | |
| 25577 | + right: 0; | |
| 25578 | + transform: translateY(-50%); | |
| 25579 | + font-size: 40px; | |
| 25580 | +} | |
| 25581 | +.tm-switch-main-panel a { | |
| 25582 | + color: var(--vbo-blue-color); | |
| 25583 | +} | |
| 25584 | +.tm-switch-main-panel a:hover { | |
| 25585 | + color: var(--vbo-blue-color-hover); | |
| 25586 | +} | |
| 25587 | +.tm-switch-main-panel:before { | |
| 25588 | + content: attr(data-unread); | |
| 25589 | + background: #900; | |
| 25590 | + min-width: 20px; | |
| 25591 | + height: 24px; | |
| 25592 | + font-size: 16px; | |
| 25593 | + display: flex; | |
| 25594 | + align-items: center; | |
| 25595 | + justify-content: center; | |
| 25596 | + color: #fff; | |
| 25597 | + border-radius: 25px; | |
| 25598 | + position: absolute; | |
| 25599 | + top: 0; | |
| 25600 | + right: 0; | |
| 25601 | + padding: 0 2px; | |
| 25602 | + transform: translate(25%, -25%); | |
| 25603 | +} | |
| 25604 | +.tm-switch-main-panel[data-unread="0"]:before { | |
| 25605 | + display: none; | |
| 25606 | +} | |
| 25607 | + | |
| 25608 | +/* task manager new modal : pick area */ | |
| 25609 | + | |
| 25610 | +.vbo-tm-areapicker-list { | |
| 25611 | + display: flex; | |
| 25612 | + flex-direction: column; | |
| 25613 | + gap: 10px; | |
| 25614 | +} | |
| 25615 | +.vbo-tm-areapicker-list .selectable-area-container { | |
| 25616 | + display: flex; | |
| 25617 | + gap: 20px; | |
| 25618 | + align-items: center; | |
| 25619 | + padding: 10px; | |
| 25620 | + border: 1px solid var(--vbo-basic-btn); | |
| 25621 | + border-radius: 8px; | |
| 25622 | + background: var(--vcm-chat-background); | |
| 25623 | +} | |
| 25624 | +.vbo-tm-areapicker-list .selectable-area-container:hover { | |
| 25625 | + border-color: var(--vbo-base-color); | |
| 25626 | +} | |
| 25627 | +.vbo-tm-areapicker-list .selectable-area-container .area-info { | |
| 25628 | + flex: 1; | |
| 25629 | +} | |
| 25630 | +.vbo-tm-areapicker-list .selectable-area-container .area-info .area-name { | |
| 25631 | + font-weight: bold; | |
| 25632 | + font-size: 1.15em; | |
| 25633 | +} | |
| 25634 | +.vbo-tm-areapicker-list .selectable-area-container .area-info .area-name i { | |
| 25635 | + margin-right: 4px; | |
| 25636 | +} | |
| 25637 | +.vbo-tm-areapicker-list .selectable-area-container .area-info .area-comments { | |
| 25638 | + margin-top: 4px; | |
| 25639 | + font-style: italic; | |
| 25640 | +} | |
| 25641 | + | |
| 25642 | +/* history timeline */ | |
| 25643 | + | |
| 25644 | +.vbo-history-timeline { | |
| 25645 | + padding: 20px 10px 20px 20px; | |
| 25646 | +} | |
| 25647 | +.vbo-history-timeline .history-timeline-change { | |
| 25648 | + position: relative; | |
| 25649 | + padding: 0 0 20px 20px; | |
| 25650 | + border-left: 2px solid #165082; | |
| 25651 | +} | |
| 25652 | +.vbo-history-timeline .history-timeline-change:last-child { | |
| 25653 | + border-color: transparent; | |
| 25654 | +} | |
| 25655 | +.vbo-history-timeline .history-timeline-change .change-icon { | |
| 25656 | + position: absolute; | |
| 25657 | + top: 0; | |
| 25658 | + left: 0; | |
| 25659 | + transform: translateX(calc(-50% - 1px)); | |
| 25660 | + border-radius: 50%; | |
| 25661 | + width: 28px; | |
| 25662 | + height: 28px; | |
| 25663 | + display: flex; | |
| 25664 | + align-items: center; | |
| 25665 | + justify-content: center; | |
| 25666 | + font-size: 14px; | |
| 25667 | + background: #165082; | |
| 25668 | + color: #fff; | |
| 25669 | +} | |
| 25670 | +.vbo-history-timeline .history-timeline-change .change-details .change-events-list { | |
| 25671 | + padding: 8px; | |
| 25672 | + border-radius: 5px; | |
| 25673 | + background: #165082; | |
| 25674 | + color: #fff; | |
| 25675 | +} | |
| 25676 | +.vbo-history-timeline .history-timeline-change .change-details .change-events-list .change-event:not(:last-child) { | |
| 25677 | + margin-bottom: 5px; | |
| 25678 | +} | |
| 25679 | +.vbo-history-timeline .history-timeline-change .change-details .change-bottom { | |
| 25680 | + padding: 5px 5px 15px 5px; | |
| 25681 | +} | |
| 25682 | +.vbo-history-timeline .history-timeline-change .change-details .change-bottom .change-user { | |
| 25683 | + font-weight: 500; | |
| 25684 | +} | |
| 25685 | +.vbo-history-timeline .history-timeline-change .change-details .change-bottom .change-date { | |
| 25686 | + font-style: italic; | |
| 25687 | + color: var(--vbo-config-text-color-light); | |
| 25688 | +} | |
| 25689 | + | |
| 25690 | +/*** @WPonly ***/ | |
| 25691 | +.vbo-invoices-inv-frontleft { | |
| 25692 | + background: rgba(0, 0, 0, 0) url("./images/invoice-big.png") no-repeat scroll left center; | |
| 25693 | + border-right: 1px solid var(--vbo-config-border-color); | |
| 25694 | + float: left; | |
| 25695 | + height: 128px; | |
| 25696 | + max-height: 100%; | |
| 25697 | + min-height: 100%; | |
| 25698 | + vertical-align: middle; | |
| 25699 | + width: 128px; | |
| 25700 | + margin-right: 10px; | |
| 25701 | +} | |
| 25702 | +.vbo-allbookings-fm .vbo-btn-toolbar .btn-group.input-append { | |
| 25703 | + position: relative; | |
| 25704 | +} | |
