1/* ======================================================================== 2 * bootstrap-tour - v0.12.0 3 * http://bootstraptour.com 4 * ======================================================================== 5 * Copyright 2012-2017 Ulrich Sossou 6 * 7 * ======================================================================== 8 * Licensed under the MIT License (the "License"); 9 * you may not use this file except in compliance with the License. 10 * You may obtain a copy of the License at 11 * 12 * https://opensource.org/licenses/MIT 13 * 14 * Unless required by applicable law or agreed to in writing, software 15 * distributed under the License is distributed on an "AS IS" BASIS, 16 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 17 * See the License for the specific language governing permissions and 18 * limitations under the License. 19 * ======================================================================== 20 */ 21 22.btn { 23 display: inline-block; 24 font-weight: normal; 25 text-align: center; 26 white-space: nowrap; 27 vertical-align: middle; 28 user-select: none; 29 border: 1px solid transparent; 30 padding: 0.5rem 0.75rem; 31 font-size: 1rem; 32 line-height: 1.25; 33 border-radius: 0.25rem; 34 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } 35 .btn:focus, .btn:hover { 36 text-decoration: none; } 37 .btn:focus, .btn.focus { 38 outline: 0; 39 box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); } 40 .btn.disabled, .btn:disabled { 41 opacity: .65; } 42 .btn:active, .btn.active { 43 background-image: none; } 44 45a.btn.disabled, 46fieldset[disabled] a.btn { 47 pointer-events: none; } 48 49.btn-primary { 50 color: #fff; 51 background-color: #007bff; 52 border-color: #007bff; } 53 .btn-primary:hover { 54 color: #fff; 55 background-color: #0069d9; 56 border-color: #0062cc; } 57 .btn-primary:focus, .btn-primary.focus { 58 box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); } 59 .btn-primary.disabled, .btn-primary:disabled { 60 background-color: #007bff; 61 border-color: #007bff; } 62 .btn-primary:active, .btn-primary.active, 63 .show > .btn-primary.dropdown-toggle { 64 background-color: #0069d9; 65 background-image: none; 66 border-color: #0062cc; } 67 68.btn-secondary { 69 color: #fff; 70 background-color: #868e96; 71 border-color: #868e96; } 72 .btn-secondary:hover { 73 color: #fff; 74 background-color: #727b84; 75 border-color: #6c757d; } 76 .btn-secondary:focus, .btn-secondary.focus { 77 box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); } 78 .btn-secondary.disabled, .btn-secondary:disabled { 79 background-color: #868e96; 80 border-color: #868e96; } 81 .btn-secondary:active, .btn-secondary.active, 82 .show > .btn-secondary.dropdown-toggle { 83 background-color: #727b84; 84 background-image: none; 85 border-color: #6c757d; } 86 87.btn-success { 88 color: #fff; 89 background-color: #28a745; 90 border-color: #28a745; } 91 .btn-success:hover { 92 color: #fff; 93 background-color: #218838; 94 border-color: #1e7e34; } 95 .btn-success:focus, .btn-success.focus { 96 box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } 97 .btn-success.disabled, .btn-success:disabled { 98 background-color: #28a745; 99 border-color: #28a745; } 100 .btn-success:active, .btn-success.active, 101 .show > .btn-success.dropdown-toggle { 102 background-color: #218838; 103 background-image: none; 104 border-color: #1e7e34; } 105 106.btn-info { 107 color: #fff; 108 background-color: #17a2b8; 109 border-color: #17a2b8; } 110 .btn-info:hover { 111 color: #fff; 112 background-color: #138496; 113 border-color: #117a8b; } 114 .btn-info:focus, .btn-info.focus { 115 box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } 116 .btn-info.disabled, .btn-info:disabled { 117 background-color: #17a2b8; 118 border-color: #17a2b8; } 119 .btn-info:active, .btn-info.active, 120 .show > .btn-info.dropdown-toggle { 121 background-color: #138496; 122 background-image: none; 123 border-color: #117a8b; } 124 125.btn-warning { 126 color: #111; 127 background-color: #ffc107; 128 border-color: #ffc107; } 129 .btn-warning:hover { 130 color: #111; 131 background-color: #e0a800; 132 border-color: #d39e00; } 133 .btn-warning:focus, .btn-warning.focus { 134 box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } 135 .btn-warning.disabled, .btn-warning:disabled { 136 background-color: #ffc107; 137 border-color: #ffc107; } 138 .btn-warning:active, .btn-warning.active, 139 .show > .btn-warning.dropdown-toggle { 140 background-color: #e0a800; 141 background-image: none; 142 border-color: #d39e00; } 143 144.btn-danger { 145 color: #fff; 146 background-color: #dc3545; 147 border-color: #dc3545; } 148 .btn-danger:hover { 149 color: #fff; 150 background-color: #c82333; 151 border-color: #bd2130; } 152 .btn-danger:focus, .btn-danger.focus { 153 box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } 154 .btn-danger.disabled, .btn-danger:disabled { 155 background-color: #dc3545; 156 border-color: #dc3545; } 157 .btn-danger:active, .btn-danger.active, 158 .show > .btn-danger.dropdown-toggle { 159 background-color: #c82333; 160 background-image: none; 161 border-color: #bd2130; } 162 163.btn-light { 164 color: #111; 165 background-color: #f8f9fa; 166 border-color: #f8f9fa; } 167 .btn-light:hover { 168 color: #111; 169 background-color: #e2e6ea; 170 border-color: #dae0e5; } 171 .btn-light:focus, .btn-light.focus { 172 box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } 173 .btn-light.disabled, .btn-light:disabled { 174 background-color: #f8f9fa; 175 border-color: #f8f9fa; } 176 .btn-light:active, .btn-light.active, 177 .show > .btn-light.dropdown-toggle { 178 background-color: #e2e6ea; 179 background-image: none; 180 border-color: #dae0e5; } 181 182.btn-dark { 183 color: #fff; 184 background-color: #343a40; 185 border-color: #343a40; } 186 .btn-dark:hover { 187 color: #fff; 188 background-color: #23272b; 189 border-color: #1d2124; } 190 .btn-dark:focus, .btn-dark.focus { 191 box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); } 192 .btn-dark.disabled, .btn-dark:disabled { 193 background-color: #343a40; 194 border-color: #343a40; } 195 .btn-dark:active, .btn-dark.active, 196 .show > .btn-dark.dropdown-toggle { 197 background-color: #23272b; 198 background-image: none; 199 border-color: #1d2124; } 200 201.btn-outline-primary { 202 color: #007bff; 203 background-color: transparent; 204 background-image: none; 205 border-color: #007bff; } 206 .btn-outline-primary:hover { 207 color: #fff; 208 background-color: #007bff; 209 border-color: #007bff; } 210 .btn-outline-primary:focus, .btn-outline-primary.focus { 211 box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); } 212 .btn-outline-primary.disabled, .btn-outline-primary:disabled { 213 color: #007bff; 214 background-color: transparent; } 215 .btn-outline-primary:active, .btn-outline-primary.active, 216 .show > .btn-outline-primary.dropdown-toggle { 217 color: #fff; 218 background-color: #007bff; 219 border-color: #007bff; } 220 221.btn-outline-secondary { 222 color: #868e96; 223 background-color: transparent; 224 background-image: none; 225 border-color: #868e96; } 226 .btn-outline-secondary:hover { 227 color: #fff; 228 background-color: #868e96; 229 border-color: #868e96; } 230 .btn-outline-secondary:focus, .btn-outline-secondary.focus { 231 box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); } 232 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { 233 color: #868e96; 234 background-color: transparent; } 235 .btn-outline-secondary:active, .btn-outline-secondary.active, 236 .show > .btn-outline-secondary.dropdown-toggle { 237 color: #fff; 238 background-color: #868e96; 239 border-color: #868e96; } 240 241.btn-outline-success { 242 color: #28a745; 243 background-color: transparent; 244 background-image: none; 245 border-color: #28a745; } 246 .btn-outline-success:hover { 247 color: #fff; 248 background-color: #28a745; 249 border-color: #28a745; } 250 .btn-outline-success:focus, .btn-outline-success.focus { 251 box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } 252 .btn-outline-success.disabled, .btn-outline-success:disabled { 253 color: #28a745; 254 background-color: transparent; } 255 .btn-outline-success:active, .btn-outline-success.active, 256 .show > .btn-outline-success.dropdown-toggle { 257 color: #fff; 258 background-color: #28a745; 259 border-color: #28a745; } 260 261.btn-outline-info { 262 color: #17a2b8; 263 background-color: transparent; 264 background-image: none; 265 border-color: #17a2b8; } 266 .btn-outline-info:hover { 267 color: #fff; 268 background-color: #17a2b8; 269 border-color: #17a2b8; } 270 .btn-outline-info:focus, .btn-outline-info.focus { 271 box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } 272 .btn-outline-info.disabled, .btn-outline-info:disabled { 273 color: #17a2b8; 274 background-color: transparent; } 275 .btn-outline-info:active, .btn-outline-info.active, 276 .show > .btn-outline-info.dropdown-toggle { 277 color: #fff; 278 background-color: #17a2b8; 279 border-color: #17a2b8; } 280 281.btn-outline-warning { 282 color: #ffc107; 283 background-color: transparent; 284 background-image: none; 285 border-color: #ffc107; } 286 .btn-outline-warning:hover { 287 color: #fff; 288 background-color: #ffc107; 289 border-color: #ffc107; } 290 .btn-outline-warning:focus, .btn-outline-warning.focus { 291 box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } 292 .btn-outline-warning.disabled, .btn-outline-warning:disabled { 293 color: #ffc107; 294 background-color: transparent; } 295 .btn-outline-warning:active, .btn-outline-warning.active, 296 .show > .btn-outline-warning.dropdown-toggle { 297 color: #fff; 298 background-color: #ffc107; 299 border-color: #ffc107; } 300 301.btn-outline-danger { 302 color: #dc3545; 303 background-color: transparent; 304 background-image: none; 305 border-color: #dc3545; } 306 .btn-outline-danger:hover { 307 color: #fff; 308 background-color: #dc3545; 309 border-color: #dc3545; } 310 .btn-outline-danger:focus, .btn-outline-danger.focus { 311 box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } 312 .btn-outline-danger.disabled, .btn-outline-danger:disabled { 313 color: #dc3545; 314 background-color: transparent; } 315 .btn-outline-danger:active, .btn-outline-danger.active, 316 .show > .btn-outline-danger.dropdown-toggle { 317 color: #fff; 318 background-color: #dc3545; 319 border-color: #dc3545; } 320 321.btn-outline-light { 322 color: #f8f9fa; 323 background-color: transparent; 324 background-image: none; 325 border-color: #f8f9fa; } 326 .btn-outline-light:hover { 327 color: #fff; 328 background-color: #f8f9fa; 329 border-color: #f8f9fa; } 330 .btn-outline-light:focus, .btn-outline-light.focus { 331 box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } 332 .btn-outline-light.disabled, .btn-outline-light:disabled { 333 color: #f8f9fa; 334 background-color: transparent; } 335 .btn-outline-light:active, .btn-outline-light.active, 336 .show > .btn-outline-light.dropdown-toggle { 337 color: #fff; 338 background-color: #f8f9fa; 339 border-color: #f8f9fa; } 340 341.btn-outline-dark { 342 color: #343a40; 343 background-color: transparent; 344 background-image: none; 345 border-color: #343a40; } 346 .btn-outline-dark:hover { 347 color: #fff; 348 background-color: #343a40; 349 border-color: #343a40; } 350 .btn-outline-dark:focus, .btn-outline-dark.focus { 351 box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); } 352 .btn-outline-dark.disabled, .btn-outline-dark:disabled { 353 color: #343a40; 354 background-color: transparent; } 355 .btn-outline-dark:active, .btn-outline-dark.active, 356 .show > .btn-outline-dark.dropdown-toggle { 357 color: #fff; 358 background-color: #343a40; 359 border-color: #343a40; } 360 361.btn-link { 362 font-weight: normal; 363 color: #007bff; 364 border-radius: 0; } 365 .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { 366 background-color: transparent; } 367 .btn-link, .btn-link:focus, .btn-link:active { 368 border-color: transparent; 369 box-shadow: none; } 370 .btn-link:hover { 371 border-color: transparent; } 372 .btn-link:focus, .btn-link:hover { 373 color: #0056b3; 374 text-decoration: underline; 375 background-color: transparent; } 376 .btn-link:disabled { 377 color: #868e96; } 378 .btn-link:disabled:focus, .btn-link:disabled:hover { 379 text-decoration: none; } 380 381.btn-lg, .btn-group-lg > .btn { 382 padding: 0.5rem 1rem; 383 font-size: 1.25rem; 384 line-height: 1.5; 385 border-radius: 0.3rem; } 386 387.btn-sm, .btn-group-sm > .btn { 388 padding: 0.25rem 0.5rem; 389 font-size: 0.875rem; 390 line-height: 1.5; 391 border-radius: 0.2rem; } 392 393.btn-block { 394 display: block; 395 width: 100%; } 396 397.btn-block + .btn-block { 398 margin-top: 0.5rem; } 399 400input[type="submit"].btn-block, 401input[type="reset"].btn-block, 402input[type="button"].btn-block { 403 width: 100%; } 404 405.fade { 406 opacity: 0; 407 transition: opacity 0.15s linear; } 408 .fade.show { 409 opacity: 1; } 410 411.collapse { 412 display: none; } 413 .collapse.show { 414 display: block; } 415 416tr.collapse.show { 417 display: table-row; } 418 419tbody.collapse.show { 420 display: table-row-group; } 421 422.collapsing { 423 position: relative; 424 height: 0; 425 overflow: hidden; 426 transition: height 0.35s ease; } 427 428.btn-group, 429.btn-group-vertical { 430 position: relative; 431 display: inline-flex; 432 vertical-align: middle; } 433 .btn-group > .btn, 434 .btn-group-vertical > .btn { 435 position: relative; 436 flex: 0 1 auto; 437 margin-bottom: 0; } 438 .btn-group > .btn:hover, 439 .btn-group-vertical > .btn:hover { 440 z-index: 2; } 441 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, 442 .btn-group-vertical > .btn:focus, 443 .btn-group-vertical > .btn:active, 444 .btn-group-vertical > .btn.active { 445 z-index: 2; } 446 .btn-group .btn + .btn, 447 .btn-group .btn + .btn-group, 448 .btn-group .btn-group + .btn, 449 .btn-group .btn-group + .btn-group, 450 .btn-group-vertical .btn + .btn, 451 .btn-group-vertical .btn + .btn-group, 452 .btn-group-vertical .btn-group + .btn, 453 .btn-group-vertical .btn-group + .btn-group { 454 margin-left: -1px; } 455 456.btn-toolbar { 457 display: flex; 458 flex-wrap: wrap; 459 justify-content: flex-start; } 460 .btn-toolbar .input-group { 461 width: auto; } 462 463.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { 464 border-radius: 0; } 465 466.btn-group > .btn:first-child { 467 margin-left: 0; } 468 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { 469 border-top-right-radius: 0; 470 border-bottom-right-radius: 0; } 471 472.btn-group > .btn:last-child:not(:first-child), 473.btn-group > .dropdown-toggle:not(:first-child) { 474 border-top-left-radius: 0; 475 border-bottom-left-radius: 0; } 476 477.btn-group > .btn-group { 478 float: left; } 479 480.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { 481 border-radius: 0; } 482 483.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, 484.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { 485 border-top-right-radius: 0; 486 border-bottom-right-radius: 0; } 487 488.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { 489 border-top-left-radius: 0; 490 border-bottom-left-radius: 0; } 491 492.btn + .dropdown-toggle-split { 493 padding-right: 0.5625rem; 494 padding-left: 0.5625rem; } 495 .btn + .dropdown-toggle-split::after { 496 margin-left: 0; } 497 498.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { 499 padding-right: 0.375rem; 500 padding-left: 0.375rem; } 501 502.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { 503 padding-right: 0.75rem; 504 padding-left: 0.75rem; } 505 506.btn-group-vertical { 507 display: inline-flex; 508 flex-direction: column; 509 align-items: flex-start; 510 justify-content: center; } 511 .btn-group-vertical .btn, 512 .btn-group-vertical .btn-group { 513 width: 100%; } 514 .btn-group-vertical > .btn + .btn, 515 .btn-group-vertical > .btn + .btn-group, 516 .btn-group-vertical > .btn-group + .btn, 517 .btn-group-vertical > .btn-group + .btn-group { 518 margin-top: -1px; 519 margin-left: 0; } 520 521.btn-group-vertical > .btn:not(:first-child):not(:last-child) { 522 border-radius: 0; } 523 524.btn-group-vertical > .btn:first-child:not(:last-child) { 525 border-bottom-right-radius: 0; 526 border-bottom-left-radius: 0; } 527 528.btn-group-vertical > .btn:last-child:not(:first-child) { 529 border-top-left-radius: 0; 530 border-top-right-radius: 0; } 531 532.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { 533 border-radius: 0; } 534 535.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, 536.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { 537 border-bottom-right-radius: 0; 538 border-bottom-left-radius: 0; } 539 540.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { 541 border-top-left-radius: 0; 542 border-top-right-radius: 0; } 543 544[data-toggle="buttons"] > .btn input[type="radio"], 545[data-toggle="buttons"] > .btn input[type="checkbox"], 546[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], 547[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { 548 position: absolute; 549 clip: rect(0, 0, 0, 0); 550 pointer-events: none; } 551 552.popover { 553 position: absolute; 554 top: 0; 555 left: 0; 556 z-index: 1060; 557 display: block; 558 max-width: 276px; 559 padding: 1px; 560 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 561 font-style: normal; 562 font-weight: normal; 563 line-height: 1.5; 564 text-align: left; 565 text-align: start; 566 text-decoration: none; 567 text-shadow: none; 568 text-transform: none; 569 letter-spacing: normal; 570 word-break: normal; 571 word-spacing: normal; 572 white-space: normal; 573 line-break: auto; 574 font-size: 0.875rem; 575 word-wrap: break-word; 576 background-color: #fff; 577 background-clip: padding-box; 578 border: 1px solid rgba(0, 0, 0, 0.2); 579 border-radius: 0.3rem; } 580 .popover .arrow { 581 position: absolute; 582 display: block; 583 width: 10px; 584 height: 5px; } 585 .popover .arrow::before, 586 .popover .arrow::after { 587 position: absolute; 588 display: block; 589 border-color: transparent; 590 border-style: solid; } 591 .popover .arrow::before { 592 content: ""; 593 border-width: 11px; } 594 .popover .arrow::after { 595 content: ""; 596 border-width: 11px; } 597 .popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] { 598 margin-bottom: 10px; } 599 .popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow { 600 bottom: 0; } 601 .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before, 602 .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { 603 border-bottom-width: 0; } 604 .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before { 605 bottom: -11px; 606 margin-left: -6px; 607 border-top-color: rgba(0, 0, 0, 0.25); } 608 .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { 609 bottom: -10px; 610 margin-left: -6px; 611 border-top-color: #fff; } 612 .popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] { 613 margin-left: 10px; } 614 .popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow { 615 left: 0; } 616 .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, 617 .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { 618 margin-top: -8px; 619 border-left-width: 0; } 620 .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before { 621 left: -11px; 622 border-right-color: rgba(0, 0, 0, 0.25); } 623 .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { 624 left: -10px; 625 border-right-color: #fff; } 626 .popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] { 627 margin-top: 10px; } 628 .popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow { 629 top: 0; } 630 .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, 631 .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { 632 margin-left: -7px; 633 border-top-width: 0; } 634 .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before { 635 top: -11px; 636 border-bottom-color: rgba(0, 0, 0, 0.25); } 637 .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { 638 top: -10px; 639 border-bottom-color: #fff; } 640 .popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before { 641 position: absolute; 642 top: 0; 643 left: 50%; 644 display: block; 645 width: 20px; 646 margin-left: -10px; 647 content: ""; 648 border-bottom: 1px solid #f7f7f7; } 649 .popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] { 650 margin-right: 10px; } 651 .popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow { 652 right: 0; } 653 .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before, 654 .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { 655 margin-top: -8px; 656 border-right-width: 0; } 657 .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before { 658 right: -11px; 659 border-left-color: rgba(0, 0, 0, 0.25); } 660 .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { 661 right: -10px; 662 border-left-color: #fff; } 663 664.popover-header { 665 padding: 8px 14px; 666 margin-bottom: 0; 667 font-size: 1rem; 668 color: inherit; 669 background-color: #f7f7f7; 670 border-bottom: 1px solid #ebebeb; 671 border-top-left-radius: calc(0.3rem - 1px); 672 border-top-right-radius: calc(0.3rem - 1px); } 673 .popover-header:empty { 674 display: none; } 675 676.popover-body { 677 padding: 9px 14px; 678 color: #212529; } 679 680.tour-backdrop { 681 background-color: #000; 682 filter: alpha(opacity=80); 683 opacity: .8; 684 position: absolute; 685 z-index: 1100; } 686 687.popover[class*="tour-"] { 688 z-index: 1102; } 689 .popover[class*="tour-"] .popover-navigation { 690 overflow: hidden; 691 padding: 9px 14px; } 692 .popover[class*="tour-"] .popover-navigation *[data-role="end"] { 693 float: right; } 694 .popover[class*="tour-"] .popover-navigation *[data-role="prev"], 695 .popover[class*="tour-"] .popover-navigation *[data-role="next"], 696 .popover[class*="tour-"] .popover-navigation *[data-role="end"] { 697 cursor: pointer; } 698 .popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, 699 .popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled, 700 .popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled { 701 cursor: default; } 702 .popover[class*="tour-"].orphan { 703 left: 50%; 704 margin-top: 0; 705 position: fixed; 706 top: 50%; 707 transform: translate(-50%, -50%); } 708 .popover[class*="tour-"].orphan .arrow { 709 display: none; } 710