/*! * Eventshopper * Copyright Outbox Technology CRB Inc. */ @import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";#frozen-attributes { align-self: flex-start } .debug-config p { white-space: pre-wrap } .debug-config--container { margin: 0 0 10px } .debug-config h3,.debug-config .h3 { margin-top: 3.1rem; margin-bottom: 3rem } .debug-config button { color: #fff; background-color: #252525; width: 100%; padding: .3rem; font-size: 1rem } .debug-config button:hover,.debug-config button:active,.debug-config button:focus { background-color: #000; color: #fff } .debug-config__details { padding: 3rem 0; text-align: left } .debug-config__details strong { color: #1dff9d } .debug-config textarea { font-family: Monaco,monospace; font-size: 12px; width: 100%; border: none; background: none; padding: 5px } .debug-config textarea.error { background: rgba(255,0,0,.5) } .debug-toolbar { position: fixed; top: 0; left: 0; right: 0; background: #fff; border-bottom: 2px #000 solid; z-index: 5000; transition: top .2s,opacity .2s; opacity: 1; padding: 0 20px 0 0 } .debug-toolbar--hidden { top: -160px; display: none } .debug-toolbar__showToolbarButton { position: fixed; top: 10px; left: 50%; transform: translateX(-50%); z-index: 4999 } .debug-toolbar__showToolbarButton.btn-primary { font-size: 12px } .debug-toolbar .debug-toolbar__buttons { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 10px 0; gap: 5px } .debug-toolbar .debug-toolbar__button-group { display: flex; flex-flow: row wrap; flex: 0 1 auto; justify-content: center; align-items: center; gap: 5px } .debug-toolbar .debug-toolbar__button-group button { flex: 0 1 auto; border-radius: unset; font-size: .8rem } .debug-toolbar .debug-toolbar__title { float: left; margin: .5em; font-size: 25px } .debug-toolbar .debug-toolbar__hideButton { padding: 5px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 20px; text-decoration: none !important; color: #999 } .debug-toolbar .btn,.debug-toolbar .btn:hover { border-color: #fff !important } .debug-toolbar__buttons__load-skin-dropdown .dropdown-menu,.debug-toolbar__buttons__load-iss-code-dropdown .dropdown-menu { max-height: 80vh; overflow-y: auto } .debug-toolbar__fps-viewer { cursor: pointer; touch-action: none } .debug-toolbar__fps-viewer>div { overflow: hidden } .floatl { position: relative } .floatl--focused .floatl__label { color: #2a8dea } .floatl--active .floatl__label { opacity: 1; visibility: visible; top: 1px } .floatl--active .floatl__input { padding: 17px 8px 5px 16px } .floatl--active.floatl--multiline .floatl__label { background-color: #fff; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 80%, rgba(255, 255, 255, 0) 100%) } .floatl__label { transition: all 200ms ease-in-out; opacity: 0; position: absolute; z-index: 9; display: inline-block; top: 9px; left: 6px; padding: 5px 3px 3px 3px; font-size: 11px; line-height: 1em; font-weight: bold; color: #666 } .floatl__label__error,.floatl__label__error:focus { visibility: visible; display: block; color: #b91d1d !important } .floatl__helper { visibility: hidden; display: none } .floatl__helper__error { visibility: visible; display: block; color: #b91d1d } .floatl__input:not(.form-group) { transition: all 200ms ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; margin-top: 0; margin-left: 0; padding: 11px 8px } .floatl__input:not(.form-group) .floatl__input__error { height: 48px; border-color: #b91d1d !important } .floatl__input:not(.form-group)::-moz-selection { color: #fff; background-color: #2a8dea } .floatl__input:not(.form-group)::selection { color: #fff; background-color: #2a8dea } .floatl__input:not(.form-group):focus { border-color: #2a8dea } input.floatl__input,select.form-control { font-size: 12px; font-weight: normal; padding: 0 32px 0 16px; color: #666; background: rgba(0,0,0,0); border-color: #d1d1d1; box-shadow: none; -webkit-font-smoothing: antialiased; border-radius: 100px } select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("../img/chevron-down-black.svg"); background-repeat: no-repeat; background-position-x: calc(100% - 8px); background-position-y: 50% } .floatl__label { padding-left: 17px; color: #666 !important } /*! * Bootstrap v5.3.6 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root,[data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #000000; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ff8c00; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 0, 0, 0; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 140, 0; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: black; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #663800; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cccccc; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #ffe8cc; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #999999; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffd199; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: Be Vietnam Pro, sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #000; --bs-body-color-rgb: 0, 0, 0; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(0, 0, 0, 0.75); --bs-secondary-color-rgb: 0, 0, 0; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(0, 0, 0, 0.5); --bs-tertiary-color-rgb: 0, 0, 0; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #000000; --bs-link-color-rgb: 0, 0, 0; --bs-link-decoration: underline; --bs-link-hover-color: black; --bs-link-hover-color-rgb: 0, 0, 0; --bs-code-color: #d63384; --bs-highlight-color: #000; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(0, 0, 0, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545 } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #666666; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffba66; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: black; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #331c00; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: black; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #995400; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #666666; --bs-link-hover-color: #858585; --bs-link-color-rgb: 102, 102, 102; --bs-link-hover-color-rgb: 133, 133, 133; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f } *,*::before,*::after { box-sizing: border-box } @media(prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0) } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: .25 } h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color) } h1,.h1 { font-size: calc(1.375rem + 1.5vw) } @media(min-width: 1200px) { h1,.h1 { font-size:2.5rem } } h2,.h2 { font-size: calc(1.325rem + 0.9vw) } @media(min-width: 1200px) { h2,.h2 { font-size:2rem } } h3,.h3 { font-size: calc(1.3rem + 0.6vw) } @media(min-width: 1200px) { h3,.h3 { font-size:1.75rem } } h4,.h4 { font-size: calc(1.275rem + 0.3vw) } @media(min-width: 1200px) { h4,.h4 { font-size:1.5rem } } h5,.h5 { font-size: 1.25rem } h6,.h6 { font-size: 1rem } p { margin-top: 0; margin-bottom: 1rem } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol,ul { padding-left: 2rem } ol,ul,dl { margin-top: 0; margin-bottom: 1rem } ol ol,ul ul,ol ul,ul ol { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b,strong { font-weight: bolder } small,.small { font-size: 0.875em } mark,.mark { padding: .1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg) } sub,sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb) } a:not([href]):not([class]),a:not([href]):not([class]):hover { color: inherit; text-decoration: none } pre,code,kbd,samp { font-family: var(--bs-font-monospace); font-size: 1em } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word } a>code { color: inherit } kbd { padding: .1875rem .375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: .25rem } kbd kbd { padding: 0; font-size: 1em } figure { margin: 0 0 1rem } img,svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: var(--bs-secondary-color); text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } thead,tbody,tfoot,tr,td,th { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } input,button,select,optgroup,textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button,select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important } button,[type=button],[type=reset],[type=submit] { -webkit-appearance: button } button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; line-height: inherit; font-size: calc(1.275rem + 0.3vw) } @media(min-width: 1200px) { legend { font-size:1.5rem } } legend+* { clear: left } ::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::file-selector-button { font: inherit; -webkit-appearance: button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } progress { vertical-align: baseline } [hidden] { display: none !important } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-weight: 300; line-height: 1.2; font-size: calc(1.625rem + 4.5vw) } @media(min-width: 1200px) { .display-1 { font-size:5rem } } .display-2 { font-weight: 300; line-height: 1.2; font-size: calc(1.575rem + 3.9vw) } @media(min-width: 1200px) { .display-2 { font-size:4.5rem } } .display-3 { font-weight: 300; line-height: 1.2; font-size: calc(1.525rem + 3.3vw) } @media(min-width: 1200px) { .display-3 { font-size:4rem } } .display-4 { font-weight: 300; line-height: 1.2; font-size: calc(1.475rem + 2.7vw) } @media(min-width: 1200px) { .display-4 { font-size:3.5rem } } .display-5 { font-weight: 300; line-height: 1.2; font-size: calc(1.425rem + 2.1vw) } @media(min-width: 1200px) { .display-5 { font-size:3rem } } .display-6 { font-weight: 300; line-height: 1.2; font-size: calc(1.375rem + 1.5vw) } @media(min-width: 1200px) { .display-6 { font-size:2.5rem } } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 0.875em; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote>:last-child { margin-bottom: 0 } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d } .blockquote-footer::before { content: "— " } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color) } .container,.page-container,.container-fluid,.container-xl { --bs-gutter-x: 20px; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x)*.5); padding-left: calc(var(--bs-gutter-x)*.5); margin-right: auto; margin-left: auto } @media(min-width: 1440px) { .container-xl,.container-lg,.container-md,.container-sm,.container,.page-container { max-width:1440px } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 480px; --bs-breakpoint-md: 600px; --bs-breakpoint-lg: 1024px; --bs-breakpoint-xl: 1440px } .row { --bs-gutter-x: 20px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1*var(--bs-gutter-y)); margin-right: calc(-0.5*var(--bs-gutter-x)); margin-left: calc(-0.5*var(--bs-gutter-x)) } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)*.5); padding-left: calc(var(--bs-gutter-x)*.5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0 } .row-cols-auto>* { flex: 0 0 auto; width: auto } .row-cols-1>* { flex: 0 0 auto; width: 100% } .row-cols-2>* { flex: 0 0 auto; width: 50% } .row-cols-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-4>* { flex: 0 0 auto; width: 25% } .row-cols-5>* { flex: 0 0 auto; width: 20% } .row-cols-6>* { flex: 0 0 auto; width: 16.66666667% } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3,.pack--split-row-seats .seat-info__section,.pack--split-row-seats .seat-info__row { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6,.pack--split-row-seats .seat-info__seats { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } .g-0,.gx-0 { --bs-gutter-x: 0 } .g-0,.gy-0 { --bs-gutter-y: 0 } .g-1,.gx-1 { --bs-gutter-x: 0.25rem } .g-1,.gy-1 { --bs-gutter-y: 0.25rem } .g-2,.gx-2 { --bs-gutter-x: 0.5rem } .g-2,.gy-2 { --bs-gutter-y: 0.5rem } .g-3,.gx-3 { --bs-gutter-x: 1rem } .g-3,.gy-3 { --bs-gutter-y: 1rem } .g-4,.gx-4 { --bs-gutter-x: 1.5rem } .g-4,.gy-4 { --bs-gutter-y: 1.5rem } .g-5,.gx-5 { --bs-gutter-x: 3rem } .g-5,.gy-5 { --bs-gutter-y: 3rem } @media(min-width: 480px) { .col-sm { flex:1 0 0 } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto } .row-cols-sm-1>* { flex: 0 0 auto; width: 100% } .row-cols-sm-2>* { flex: 0 0 auto; width: 50% } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-sm-4>* { flex: 0 0 auto; width: 25% } .row-cols-sm-5>* { flex: 0 0 auto; width: 20% } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.66666667% } .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-2 { flex: 0 0 auto; width: 16.66666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } .g-sm-0,.gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0,.gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1,.gx-sm-1 { --bs-gutter-x: 0.25rem } .g-sm-1,.gy-sm-1 { --bs-gutter-y: 0.25rem } .g-sm-2,.gx-sm-2 { --bs-gutter-x: 0.5rem } .g-sm-2,.gy-sm-2 { --bs-gutter-y: 0.5rem } .g-sm-3,.gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3,.gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4,.gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4,.gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5,.gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5,.gy-sm-5 { --bs-gutter-y: 3rem } } @media(min-width: 600px) { .col-md { flex:1 0 0 } .row-cols-md-auto>* { flex: 0 0 auto; width: auto } .row-cols-md-1>* { flex: 0 0 auto; width: 100% } .row-cols-md-2>* { flex: 0 0 auto; width: 50% } .row-cols-md-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-md-4>* { flex: 0 0 auto; width: 25% } .row-cols-md-5>* { flex: 0 0 auto; width: 20% } .row-cols-md-6>* { flex: 0 0 auto; width: 16.66666667% } .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } .g-md-0,.gx-md-0 { --bs-gutter-x: 0 } .g-md-0,.gy-md-0 { --bs-gutter-y: 0 } .g-md-1,.gx-md-1 { --bs-gutter-x: 0.25rem } .g-md-1,.gy-md-1 { --bs-gutter-y: 0.25rem } .g-md-2,.gx-md-2 { --bs-gutter-x: 0.5rem } .g-md-2,.gy-md-2 { --bs-gutter-y: 0.5rem } .g-md-3,.gx-md-3 { --bs-gutter-x: 1rem } .g-md-3,.gy-md-3 { --bs-gutter-y: 1rem } .g-md-4,.gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4,.gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5,.gx-md-5 { --bs-gutter-x: 3rem } .g-md-5,.gy-md-5 { --bs-gutter-y: 3rem } } @media(min-width: 1024px) { .col-lg { flex:1 0 0 } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto } .row-cols-lg-1>* { flex: 0 0 auto; width: 100% } .row-cols-lg-2>* { flex: 0 0 auto; width: 50% } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-lg-4>* { flex: 0 0 auto; width: 25% } .row-cols-lg-5>* { flex: 0 0 auto; width: 20% } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.66666667% } .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } .g-lg-0,.gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0,.gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1,.gx-lg-1 { --bs-gutter-x: 0.25rem } .g-lg-1,.gy-lg-1 { --bs-gutter-y: 0.25rem } .g-lg-2,.gx-lg-2 { --bs-gutter-x: 0.5rem } .g-lg-2,.gy-lg-2 { --bs-gutter-y: 0.5rem } .g-lg-3,.gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3,.gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4,.gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4,.gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5,.gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5,.gy-lg-5 { --bs-gutter-y: 3rem } } @media(min-width: 1440px) { .col-xl { flex:1 0 0 } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.33333333% } .row-cols-xl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.66666667% } .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } .g-xl-0,.gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0,.gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1,.gx-xl-1 { --bs-gutter-x: 0.25rem } .g-xl-1,.gy-xl-1 { --bs-gutter-y: 0.25rem } .g-xl-2,.gx-xl-2 { --bs-gutter-x: 0.5rem } .g-xl-2,.gy-xl-2 { --bs-gutter-y: 0.5rem } .g-xl-3,.gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3,.gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4,.gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4,.gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5,.gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5,.gy-xl-5 { --bs-gutter-y: 3rem } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color) } .table>:not(caption)>*>* { padding: .5rem .5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))) } .table>tbody { vertical-align: inherit } .table>thead { vertical-align: bottom } .table-group-divider { border-top: calc(var(--bs-border-width)*2) solid currentcolor } .caption-top { caption-side: top } .table-sm>:not(caption)>*>* { padding: .25rem .25rem } .table-bordered>:not(caption)>* { border-width: var(--bs-border-width) 0 } .table-bordered>:not(caption)>*>* { border-width: 0 var(--bs-border-width) } .table-borderless>:not(caption)>*>* { border-bottom-width: 0 } .table-borderless>:not(:first-child) { border-top-width: 0 } .table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg) } .table-striped-columns>:not(caption)>tr>:nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg) } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg) } .table-hover>tbody>tr:hover>* { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg) } .table-primary { --bs-table-color: #000; --bs-table-bg: #cccccc; --bs-table-border-color: #a3a3a3; --bs-table-striped-bg: #c2c2c2; --bs-table-striped-color: #000; --bs-table-active-bg: #b8b8b8; --bs-table-active-color: #000; --bs-table-hover-bg: #bdbdbd; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #a7b9b1; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-warning { --bs-table-color: #000; --bs-table-bg: #ffe8cc; --bs-table-border-color: #ccbaa3; --bs-table-striped-bg: #f2dcc2; --bs-table-striped-color: #000; --bs-table-active-bg: #e6d1b8; --bs-table-active-color: #000; --bs-table-hover-bg: #ecd7bd; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color) } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media(max-width: 479.98px) { .table-responsive-sm { overflow-x:auto; -webkit-overflow-scrolling: touch } } @media(max-width: 599.98px) { .table-responsive-md { overflow-x:auto; -webkit-overflow-scrolling: touch } } @media(max-width: 1023.98px) { .table-responsive-lg { overflow-x:auto; -webkit-overflow-scrolling: touch } } @media(max-width: 1439.98px) { .table-responsive-xl { overflow-x:auto; -webkit-overflow-scrolling: touch } } .form-label { margin-bottom: .5rem } .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.25rem } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.875rem } .form-text { margin-top: .25rem; font-size: 0.875em; color: var(--bs-secondary-color) } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media(prefers-reduced-motion: reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { color: #666; background-color: var(--bs-body-bg); border-color: #5aa7e0; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0 } .form-control::-webkit-datetime-edit { display: block; padding: 0 } .form-control::-moz-placeholder { color: var(--bs-secondary-color); opacity: 1 } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1 } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1 } .form-control::file-selector-button { padding: .375rem .75rem; margin: -0.375rem -0.75rem; margin-inline-end:.75rem;color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width:var(--bs-border-width);border-radius: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media(prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg) } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--bs-body-color); background-color: rgba(0,0,0,0); border: solid rgba(0,0,0,0); border-width: var(--bs-border-width) 0 } .form-control-plaintext:focus { outline: 0 } .form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0 } .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: .25rem .5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm) } .form-control-sm::file-selector-button { padding: .25rem .5rem; margin: -0.25rem -0.5rem; margin-inline-end:.5rem} .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: .5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg) } .form-control-lg::file-selector-button { padding: .5rem 1rem; margin: -0.5rem -1rem; margin-inline-end:1rem} textarea.form-control { min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)) } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)) } textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)) } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); padding: .375rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius) } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius) } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)) } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)) } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media(prefers-reduced-motion: reduce) { .form-select { transition: none } } .form-select:focus { border-color: #5aa7e0; outline: 0; box-shadow: 0 0 0 .25rem rgba(0,0,0,.25) } .form-select[multiple],.form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none } .form-select:disabled { background-color: var(--bs-secondary-bg) } .form-select:-moz-focusring { color: rgba(0,0,0,0); text-shadow: 0 0 0 var(--bs-body-color) } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm) } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg) } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0 } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: .25em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; print-color-adjust: exact } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #5aa7e0; outline: 0; box-shadow: 0 0 0 .25rem rgba(0,0,0,.25) } .form-check-input:checked { background-color: #000; border-color: #000 } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") } .form-check-input[type=checkbox]:indeterminate { background-color: #000; border-color: #000; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label { cursor: default; opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out } @media(prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%235aa7e0'/%3e%3c/svg%3e") } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0 } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0 } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .btn-check[disabled]+.btn,.btn-check:disabled+.btn { pointer-events: none; filter: none; opacity: .65 } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e") } .form-range { width: 100%; height: 1.5rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(0,0,0,0) } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; -webkit-appearance: none; appearance: none; background-color: #000; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media(prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .form-range::-webkit-slider-thumb:active { background-color: #b3b3b3 } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: rgba(0,0,0,0); cursor: pointer; background-color: var(--bs-secondary-bg); border-color: rgba(0,0,0,0); border-radius: 1rem } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; -moz-appearance: none; appearance: none; background-color: #000; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media(prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none } } .form-range::-moz-range-thumb:active { background-color: #b3b3b3 } .form-range::-moz-range-track { width: 100%; height: .5rem; color: rgba(0,0,0,0); cursor: pointer; background-color: var(--bs-secondary-bg); border-color: rgba(0,0,0,0); border-radius: 1rem } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color) } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color) } .form-floating { position: relative } .form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25 } .form-floating>label { position: absolute; top: 0; left: 0; z-index: 2; max-width: 100%; height: 100%; padding: 1rem .75rem; overflow: hidden; color: rgba(var(--bs-body-color-rgb), 0.65); text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid rgba(0,0,0,0); transform-origin: 0 0; transition: opacity .1s ease-in-out,transform .1s ease-in-out } @media(prefers-reduced-motion: reduce) { .form-floating>label { transition: none } } .form-floating>.form-control,.form-floating>.form-control-plaintext { padding: 1rem .75rem } .form-floating>.form-control::-moz-placeholder, .form-floating>.form-control-plaintext::-moz-placeholder { color: rgba(0,0,0,0) } .form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder { color: rgba(0,0,0,0) } .form-floating>.form-control:not(:-moz-placeholder-shown), .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: .625rem; padding-left: .75rem } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) } .form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) } .form-floating>.form-control:-webkit-autofill~label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) } .form-floating>textarea:not(:-moz-placeholder-shown)~label::after { position: absolute; inset: 1rem .375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius) } .form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after { position: absolute; inset: 1rem .375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius) } .form-floating>textarea:disabled~label::after { background-color: var(--bs-secondary-bg) } .form-floating>.form-control-plaintext~label { border-width: var(--bs-border-width) 0 } .form-floating>:disabled~label,.form-floating>.form-control:disabled~label { color: #6c757d } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group>.form-control,.input-group>.form-select,.input-group>.form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within { z-index: 5 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 5 } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius) } .input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn { padding: .5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg) } .input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn { padding: .25rem .5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm) } .input-group-lg>.form-select,.input-group-sm>.form-select { padding-right: 3rem } .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(-1*var(--bs-border-width)); border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select { border-top-left-radius: 0; border-bottom-left-radius: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 0.875em; color: var(--bs-form-valid-color) } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius) } .was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip { display: block } .was-validated .form-control:valid,.form-control.is-valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) } .was-validated .form-control:valid:focus,.form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25) } .was-validated textarea.form-control:valid,textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem) } .was-validated .form-select:valid,.form-select.is-valid { border-color: var(--bs-form-valid-border-color) } .was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right .75rem center,center right 2.25rem; background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) } .was-validated .form-select:valid:focus,.form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25) } .was-validated .form-control-color:valid,.form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.75rem)) } .was-validated .form-check-input:valid,.form-check-input.is-valid { border-color: var(--bs-form-valid-border-color) } .was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color) } .was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25) } .was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label { color: var(--bs-form-valid-color) } .form-check-inline .form-check-input~.valid-feedback { margin-left: .5em } .was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid { z-index: 3 } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 0.875em; color: var(--bs-form-invalid-color) } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius) } .was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip { display: block } .was-validated .form-control:invalid,.form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) } .was-validated .form-control:invalid:focus,.form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25) } .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem) } .was-validated .form-select:invalid,.form-select.is-invalid { border-color: var(--bs-form-invalid-border-color) } .was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right .75rem center,center right 2.25rem; background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) } .was-validated .form-select:invalid:focus,.form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25) } .was-validated .form-control-color:invalid,.form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.75rem)) } .was-validated .form-check-input:invalid,.form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color) } .was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color) } .was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25) } .was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label { color: var(--bs-form-invalid-color) } .form-check-inline .form-check-input~.invalid-feedback { margin-left: .5em } .was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid { z-index: 4 } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: 0; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media(prefers-reduced-motion: reduce) { .btn { transition: none } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color) } .btn-check+.btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color) } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow) } .btn-check:focus-visible+.btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow) } .btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color) } .btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow) } .btn-check:checked:focus-visible+.btn { box-shadow: var(--bs-btn-focus-box-shadow) } .btn:disabled,.btn.disabled,fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity) } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #000000; --bs-btn-border-color: #000000; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: black; --bs-btn-hover-border-color: black; --bs-btn-focus-shadow-rgb: 38, 38, 38; --bs-btn-active-color: #fff; --bs-btn-active-bg: black; --bs-btn-active-border-color: black; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #000000; --bs-btn-disabled-border-color: #000000 } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754 } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0 } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ff8c00; --bs-btn-border-color: #ff8c00; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ff9d26; --bs-btn-hover-border-color: #ff981a; --bs-btn-focus-shadow-rgb: 217, 119, 0; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffa333; --bs-btn-active-border-color: #ff981a; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ff8c00; --bs-btn-disabled-border-color: #ff8c00 } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545 } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529 } .btn-outline-primary { --bs-btn-color: #000000; --bs-btn-border-color: #000000; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #000000; --bs-btn-hover-border-color: #000000; --bs-btn-focus-shadow-rgb: 0, 0, 0; --bs-btn-active-color: #fff; --bs-btn-active-bg: #000000; --bs-btn-active-border-color: #000000; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000000; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #000000; --bs-gradient: none } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none } .btn-outline-warning { --bs-btn-color: #ff8c00; --bs-btn-border-color: #ff8c00; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ff8c00; --bs-btn-hover-border-color: #ff8c00; --bs-btn-focus-shadow-rgb: 255, 140, 0; --bs-btn-active-color: #000; --bs-btn-active-bg: #ff8c00; --bs-btn-active-border-color: #ff8c00; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ff8c00; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ff8c00; --bs-gradient: none } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 38, 38, 38; text-decoration: underline } .btn-link:focus-visible { color: var(--bs-btn-color) } .btn-link:hover { color: var(--bs-btn-hover-color) } .btn-lg,.btn-group-lg>.btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: 0 } .btn-sm,.btn-group-sm>.btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: 0 } .fade { transition: opacity .15s linear } @media(prefers-reduced-motion: reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media(prefers-reduced-motion: reduce) { .collapsing { transition: none } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width .35s ease } @media(prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none } } .dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid rgba(0,0,0,0); border-bottom: 0; border-left: .3em solid rgba(0,0,0,0) } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #000000; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius) } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer) } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media(min-width: 480px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media(min-width: 600px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media(min-width: 1024px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media(min-width: 1440px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer) } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid rgba(0,0,0,0); border-bottom: .3em solid; border-left: .3em solid rgba(0,0,0,0) } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer) } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid rgba(0,0,0,0); border-right: 0; border-bottom: .3em solid rgba(0,0,0,0); border-left: .3em solid } .dropend .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-toggle::after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer) } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropstart .dropdown-toggle::after { display: none } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid rgba(0,0,0,0); border-right: .3em solid; border-bottom: .3em solid rgba(0,0,0,0) } .dropstart .dropdown-toggle:empty::after { margin-left: 0 } .dropstart .dropdown-toggle::before { vertical-align: 0 } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1 } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: rgba(0,0,0,0); border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0) } .dropdown-item:hover,.dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg) } .dropdown-item.active,.dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg) } .dropdown-item.disabled,.dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: rgba(0,0,0,0) } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color) } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #000000; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd } .btn-group,.btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group>.btn,.btn-group-vertical>.btn { position: relative; flex: 1 1 auto } .btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group { border-radius: 0 } .btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child) { margin-left: calc(-1*var(--bs-border-width)) } .btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after { margin-left: 0 } .dropstart .dropdown-toggle-split::before { margin-right: 0 } .btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical>.btn,.btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child) { margin-top: calc(-1*var(--bs-border-width)) } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out } @media(prefers-reduced-motion: reduce) { .nav-link { transition: none } } .nav-link:hover,.nav-link:focus { color: var(--bs-nav-link-hover-color) } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 .25rem rgba(0,0,0,.25) } .nav-link.disabled,.nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) } .nav-tabs .nav-link { margin-bottom: calc(-1*var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid rgba(0,0,0,0); border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius) } .nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color) } .nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color) } .nav-tabs .dropdown-menu { margin-top: calc(-1*var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #000000 } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius) } .nav-pills .nav-link.active,.nav-pills .show>.nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg) } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap) } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid rgba(0,0,0,0) } .nav-underline .nav-link:hover,.nav-underline .nav-link:focus { border-bottom-color: currentcolor } .nav-underline .nav-link.active,.nav-underline .show>.nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor } .nav-fill>.nav-link,.nav-fill .nav-item { flex: 1 1 auto; text-align: center } .nav-justified>.nav-link,.nav-justified .nav-item { flex-grow: 1; flex-basis: 0; text-align: center } .nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link { width: 100% } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: #fff; --bs-navbar-hover-color: #fff; --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: #fff; --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: #d9d9d9; --bs-navbar-toggler-border-radius: 0; --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x) } .navbar>.container,.navbar>.page-container,.navbar>.container-fluid,.navbar>.container-xl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap } .navbar-brand:hover,.navbar-brand:focus { color: var(--bs-navbar-brand-hover-color) } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link.active,.navbar-nav .nav-link.show { color: var(--bs-navbar-active-color) } .navbar-nav .dropdown-menu { position: static } .navbar-text { padding-top: .5rem; padding-bottom: .5rem; color: var(--bs-navbar-color) } .navbar-text a,.navbar-text a:hover,.navbar-text a:focus { color: var(--bs-navbar-active-color) } .navbar-collapse { flex-grow: 1; flex-basis: 100%; align-items: center } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: rgba(0,0,0,0); border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition) } @media(prefers-reduced-motion: reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width) } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100% } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto } @media(min-width: 480px) { .navbar-expand-sm { flex-wrap:nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: rgba(0,0,0,0) !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand-sm .offcanvas .offcanvas-header { display: none } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media(min-width: 600px) { .navbar-expand-md { flex-wrap:nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: rgba(0,0,0,0) !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand-md .offcanvas .offcanvas-header { display: none } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media(min-width: 1024px) { .navbar-expand-lg { flex-wrap:nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: rgba(0,0,0,0) !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand-lg .offcanvas .offcanvas-header { display: none } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media(min-width: 1440px) { .navbar-expand-xl { flex-wrap:nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: rgba(0,0,0,0) !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand-xl .offcanvas .offcanvas-header { display: none } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x) } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: rgba(0,0,0,0) !important; border: 0 !important; transform: none !important; transition: none } .navbar-expand .offcanvas .offcanvas-header { display: none } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } .navbar-dark,.navbar[data-bs-theme=dark] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 10px; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius) } .card>hr { margin-right: 0; margin-left: 0 } .card>.list-group { border-top: inherit; border-bottom: inherit } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius) } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius) } .card>.card-header+.list-group,.card>.list-group+.card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color) } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color) } .card-subtitle { margin-top: calc(-0.5*var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color) } .card-text:last-child { margin-bottom: 0 } .card-link+.card-link { margin-left: var(--bs-card-spacer-x) } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color) } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0 } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color) } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) } .card-header-tabs { margin-right: calc(-0.5*var(--bs-card-cap-padding-x)); margin-bottom: calc(-1*var(--bs-card-cap-padding-y)); margin-left: calc(-0.5*var(--bs-card-cap-padding-x)); border-bottom: 0 } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg) } .card-header-pills { margin-right: calc(-0.5*var(--bs-card-cap-padding-x)); margin-left: calc(-0.5*var(--bs-card-cap-padding-x)) } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius) } .card-img,.card-img-top,.card-img-bottom { width: 100% } .card-img,.card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius) } .card-img,.card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius) } .card-group>.card { margin-bottom: var(--bs-card-group-margin) } @media(min-width: 480px) { .card-group { display:flex; flex-flow: row wrap } .card-group>.card { flex: 1 0 0; margin-bottom: 0 } .card-group>.card+.card { margin-left: 0; border-left: 0 } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:not(:last-child)>.card-img-top,.card-group>.card:not(:last-child)>.card-header { border-top-right-radius: 0 } .card-group>.card:not(:last-child)>.card-img-bottom,.card-group>.card:not(:last-child)>.card-footer { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:not(:first-child)>.card-img-top,.card-group>.card:not(:first-child)>.card-header { border-top-left-radius: 0 } .card-group>.card:not(:first-child)>.card-img-bottom,.card-group>.card:not(:first-child)>.card-footer { border-bottom-left-radius: 0 } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle) } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition) } @media(prefers-reduced-motion: reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color) } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform) } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition) } @media(prefers-reduced-motion: reduce) { .accordion-button::after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow) } .accordion-header { margin-bottom: 0 } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius) } .accordion-item:first-of-type>.accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius) } .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius) } .accordion-item:last-of-type>.accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius) } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x) } .accordion-flush>.accordion-item { border-right: 0; border-left: 0; border-radius: 0 } .accordion-flush>.accordion-item:first-child { border-top: 0 } .accordion-flush>.accordion-item:last-child { border-bottom: 0 } .accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed { border-radius: 0 } [data-bs-theme=dark] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius) } .breadcrumb-item+.breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x) } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */ } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color) } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #000000; --bs-pagination-active-border-color: #000000; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media(prefers-reduced-motion: reduce) { .page-link { transition: none } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color) } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow) } .page-link.active,.active>.page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color) } .page-link.disabled,.disabled>.page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color) } .page-item:not(:first-child) .page-link { margin-left: calc(-1*var(--bs-border-width)) } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius) } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius) } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg) } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm) } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius) } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius) } .alert-heading { color: inherit } .alert-link { font-weight: 700; color: var(--bs-alert-link-color) } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis) } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis) } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis) } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis) } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis) } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis) } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis) } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis) } @keyframes progress-bar-stripes { 0% { background-position-x: var(--bs-progress-height) } } .progress,.progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #000000; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius) } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition) } @media(prefers-reduced-motion: reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height) } .progress-stacked>.progress { overflow: visible } .progress-stacked>.progress>.progress-bar { width: 100% } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes } @media(prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none } } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #000000; --bs-list-group-active-border-color: #000000; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius) } .list-group-numbered { list-style-type: none; counter-reset: section } .list-group-numbered>.list-group-item::before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled,.list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg) } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color) } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { margin-top: calc(-1*var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width) } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit } .list-group-item-action:not(.active):hover,.list-group-item-action:not(.active):focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg) } .list-group-item-action:not(.active):active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg) } .list-group-horizontal { flex-direction: row } .list-group-horizontal>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal>.list-group-item.active { margin-top: 0 } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: calc(-1*var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } @media(min-width: 480px) { .list-group-horizontal-sm { flex-direction:row } .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: calc(-1*var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } } @media(min-width: 600px) { .list-group-horizontal-md { flex-direction:row } .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: calc(-1*var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } } @media(min-width: 1024px) { .list-group-horizontal-lg { flex-direction:row } .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: calc(-1*var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } } @media(min-width: 1440px) { .list-group-horizontal-xl { flex-direction:row } .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0 } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: calc(-1*var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width) } } .list-group-flush { border-radius: 0 } .list-group-flush>.list-group-item { border-width: 0 0 var(--bs-list-group-border-width) } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis) } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis) } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis) } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis) } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis) } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis) } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis) } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis) } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: var(--bs-btn-close-color); background: rgba(0,0,0,0) var(--bs-btn-close-bg) center/1em auto no-repeat; filter: var(--bs-btn-close-filter); border: 0; border-radius: .375rem; opacity: var(--bs-btn-close-opacity) } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity) } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity) } .btn-close:disabled,.btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity) } .btn-close-white { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%) } :root,[data-bs-theme=light] { --bs-btn-close-filter: } [data-bs-theme=dark] { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%) } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 20px; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius) } .toast.showing { opacity: 0 } .toast:not(.show) { display: none } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none } .toast-container>:not(:last-child) { margin-bottom: var(--bs-toast-spacing) } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)) } .toast-header .btn-close { margin-right: calc(-0.5*var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x) } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word } .modal { --bs-modal-zindex: 1150; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0 } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none } .modal.fade .modal-dialog { transform: translate(0, -50px); transition: transform .3s ease-out } @media(prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin)*2) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin)*2) } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0 } .modal-backdrop { --bs-backdrop-zindex: 1140; --bs-backdrop-bg: #333333; --bs-backdrop-opacity: 0.65; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg) } .modal-backdrop-two { --bs-backdrop-zindex: 1140; --bs-backdrop-bg: #333333; --bs-backdrop-opacity: 0.65; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg) } .modal-backdrop.fade { opacity: 0 } .modal-backdrop-two.fade { opacity: 0 } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity) } .modal-backdrop-two.show { opacity: var(--bs-backdrop-opacity) } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius) } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5); margin-top: calc(-0.5*var(--bs-modal-header-padding-y)); margin-right: calc(-0.5*var(--bs-modal-header-padding-x)); margin-bottom: calc(-0.5*var(--bs-modal-header-padding-y)); margin-left: auto } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height) } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding) } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius) } .modal-footer>* { margin: calc(var(--bs-modal-footer-gap)*.5) } @media(min-width: 480px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow) } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto } .modal-sm { --bs-modal-width: 300px } } @media(min-width: 1024px) { .modal-lg,.modal-xl { --bs-modal-width: 800px } } @media(min-width: 1440px) { .modal-xl { --bs-modal-width: 1140px } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header,.modal-fullscreen .modal-footer { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } @media(max-width: 479.98px) { .modal-fullscreen-sm-down { width:100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } } @media(max-width: 599.98px) { .modal-fullscreen-md-down { width:100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } } @media(max-width: 1023.98px) { .modal-fullscreen-lg-down { width:100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } } @media(max-width: 1439.98px) { .modal-fullscreen-xl-down { width:100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: var(--bs-tooltip-opacity) } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height) } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: rgba(0,0,0,0); border-style: solid } .bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1*var(--bs-tooltip-arrow-height)) } .bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0; border-top-color: var(--bs-tooltip-bg) } .bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1*var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width) } .bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0; border-right-color: var(--bs-tooltip-bg) } .bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1*var(--bs-tooltip-arrow-height)) } .bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg) } .bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1*var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width) } .bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg) } .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius) } .popover { --bs-popover-zindex: 1150; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius) } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height) } .popover .popover-arrow::before,.popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: rgba(0,0,0,0); border-style: solid; border-width: 0 } .bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow { bottom: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)) } .bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0 } .bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border) } .bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg) } .bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow { left: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width) } .bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0 } .bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border) } .bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg) } .bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow { top: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)) } .bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) } .bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border) } .bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg) } .bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5*var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg) } .bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow { right: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width) } .bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) } .bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border) } .bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg) } .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius) } .popover-header:empty { display: none } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color) } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform .6s ease-in-out } @media(prefers-reduced-motion: reduce) { .carousel-item { transition: none } } .carousel-item.active,.carousel-item-next,.carousel-item-prev { display: block } .carousel-item-next:not(.carousel-item-start),.active.carousel-item-end { transform: translateX(100%) } .carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media(prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end { transition: none } } .carousel-control-prev,.carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; filter: var(--bs-carousel-control-icon-filter); border: 0; opacity: .5; transition: opacity .15s ease } @media(prefers-reduced-motion: reduce) { .carousel-control-prev,.carousel-control-next { transition: none } } .carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-prev-icon,.carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/ } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/ } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15% } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: var(--bs-carousel-indicator-active-bg); background-clip: padding-box; border: 0; border-top: 10px solid rgba(0,0,0,0); border-bottom: 10px solid rgba(0,0,0,0); opacity: .5; transition: opacity .6s ease } @media(prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: var(--bs-carousel-caption-color); text-align: center } .carousel-dark { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100) } :root,[data-bs-theme=light] { --bs-carousel-indicator-active-bg: #fff; --bs-carousel-caption-color: #fff; --bs-carousel-control-icon-filter: } [data-bs-theme=dark] { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100) } .spinner-grow,.spinner-border { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name) } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: rgba(0,0,0,0) } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0 } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem } @media(prefers-reduced-motion: reduce) { .spinner-border,.spinner-grow { --bs-spinner-animation-speed: 1.5s } } .offcanvas,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5 } @media(max-width: 479.98px) { .offcanvas-sm { position:fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition) } } @media(max-width: 479.98px)and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition:none } } @media(max-width: 479.98px) { .offcanvas-sm.offcanvas-start { top:0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding) { transform: none } .offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show { visibility: visible } } @media(min-width: 480px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: rgba(0,0,0,0) !important } .offcanvas-sm .offcanvas-header { display: none } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: rgba(0,0,0,0) !important } } @media(max-width: 599.98px) { .offcanvas-md { position:fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition) } } @media(max-width: 599.98px)and (prefers-reduced-motion: reduce) { .offcanvas-md { transition:none } } @media(max-width: 599.98px) { .offcanvas-md.offcanvas-start { top:0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-md.showing,.offcanvas-md.show:not(.hiding) { transform: none } .offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show { visibility: visible } } @media(min-width: 600px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: rgba(0,0,0,0) !important } .offcanvas-md .offcanvas-header { display: none } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: rgba(0,0,0,0) !important } } @media(max-width: 1023.98px) { .offcanvas-lg { position:fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition) } } @media(max-width: 1023.98px)and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition:none } } @media(max-width: 1023.98px) { .offcanvas-lg.offcanvas-start { top:0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding) { transform: none } .offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show { visibility: visible } } @media(min-width: 1024px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: rgba(0,0,0,0) !important } .offcanvas-lg .offcanvas-header { display: none } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: rgba(0,0,0,0) !important } } @media(max-width: 1439.98px) { .offcanvas-xl { position:fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition) } } @media(max-width: 1439.98px)and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition:none } } @media(max-width: 1439.98px) { .offcanvas-xl.offcanvas-start { top:0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding) { transform: none } .offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show { visibility: visible } } @media(min-width: 1440px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: rgba(0,0,0,0) !important } .offcanvas-xl .offcanvas-header { display: none } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: rgba(0,0,0,0) !important } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition) } @media(prefers-reduced-motion: reduce) { .offcanvas { transition: none } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%) } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%) } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%) } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas.showing,.offcanvas.show:not(.hiding) { transform: none } .offcanvas.showing,.offcanvas.hiding,.offcanvas.show { visibility: visible } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #333 } .offcanvas-backdrop.fade { opacity: 0 } .offcanvas-backdrop.show { opacity: .65 } .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x) } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5); margin-top: calc(-0.5*var(--bs-offcanvas-padding-y)); margin-right: calc(-0.5*var(--bs-offcanvas-padding-x)); margin-bottom: calc(-0.5*var(--bs-offcanvas-padding-y)); margin-left: auto } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height) } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: .5 } .placeholder.btn::before { display: inline-block; content: "" } .placeholder-xs { min-height: .6em } .placeholder-sm { min-height: .8em } .placeholder-lg { min-height: 1.2em } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite } @keyframes placeholder-glow { 50% { opacity: .2 } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0% } } .clearfix::after,.customer-information__border-bottom::after,.price-level::after { display: block; clear: both; content: "" } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important } .text-bg-success { color: #fff !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-primary:hover,.link-primary:focus { color: RGBA(0, 0, 0, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(0, 0, 0, var(--bs-link-underline-opacity, 1)) !important } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-secondary:hover,.link-secondary:focus { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-success:hover,.link-success:focus { color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-info:hover,.link-info:focus { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-warning:hover,.link-warning:focus { color: RGBA(255, 163, 51, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 163, 51, var(--bs-link-underline-opacity, 1)) !important } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-danger:hover,.link-danger:focus { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-light:hover,.link-light:focus { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-dark:hover,.link-dark:focus { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-body-emphasis:hover,.link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color) } .icon-link { display: inline-flex; gap: .375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: .25em; backface-visibility: hidden } .icon-link>.bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: .2s ease-in-out transform } @media(prefers-reduced-motion: reduce) { .icon-link>.bi { transition: none } } .icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)) } .ratio { position: relative; width: 100% } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: "" } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: 75% } .ratio-16x9 { --bs-aspect-ratio: 56.25% } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571% } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } .sticky-top { position: sticky; top: 0; z-index: 1020 } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020 } @media(min-width: 480px) { .sticky-sm-top { position:sticky; top: 0; z-index: 1020 } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020 } } @media(min-width: 600px) { .sticky-md-top { position:sticky; top: 0; z-index: 1020 } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020 } } @media(min-width: 1024px) { .sticky-lg-top { position:sticky; top: 0; z-index: 1020 } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020 } } @media(min-width: 1440px) { .sticky-xl-top { position:sticky; top: 0; z-index: 1020 } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020 } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch } .visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important } .visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important } .visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) * { overflow: hidden !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "" } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: .25 } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .float-start { float: left !important } .float-end { float: right !important } .float-none { float: none !important } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-none { -o-object-fit: none !important; object-fit: none !important } .opacity-0 { opacity: 0 !important } .opacity-25 { opacity: .25 !important } .opacity-50 { opacity: .5 !important } .opacity-75 { opacity: .75 !important } .opacity-100 { opacity: 1 !important } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .overflow-visible { overflow: visible !important } .overflow-scroll { overflow: scroll !important } .overflow-x-auto { overflow-x: auto !important } .overflow-x-hidden { overflow-x: hidden !important } .overflow-x-visible { overflow-x: visible !important } .overflow-x-scroll { overflow-x: scroll !important } .overflow-y-auto { overflow-y: auto !important } .overflow-y-hidden { overflow-y: hidden !important } .overflow-y-visible { overflow-y: visible !important } .overflow-y-scroll { overflow-y: scroll !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-grid { display: grid !important } .d-inline-grid { display: inline-grid !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } .d-none { display: none !important } .shadow { box-shadow: var(--bs-box-shadow) !important } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important } .shadow-none { box-shadow: none !important } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)) } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: sticky !important } .top-0 { top: 0 !important } .top-50 { top: 50% !important } .top-100 { top: 100% !important } .bottom-0 { bottom: 0 !important } .bottom-50 { bottom: 50% !important } .bottom-100 { bottom: 100% !important } .start-0 { left: 0 !important } .start-50 { left: 50% !important } .start-100 { left: 100% !important } .end-0 { right: 0 !important } .end-50 { right: 50% !important } .end-100 { right: 100% !important } .translate-middle { transform: translate(-50%, -50%) !important } .translate-middle-x { transform: translateX(-50%) !important } .translate-middle-y { transform: translateY(-50%) !important } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-0 { border: 0 !important } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-top-0 { border-top: 0 !important } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-end-0 { border-right: 0 !important } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-bottom-0 { border-bottom: 0 !important } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-start-0 { border-left: 0 !important } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important } .border-1 { border-width: 1px !important } .border-2 { border-width: 2px !important } .border-3 { border-width: 3px !important } .border-4 { border-width: 4px !important } .border-5 { border-width: 5px !important } .border-opacity-10 { --bs-border-opacity: 0.1 } .border-opacity-25 { --bs-border-opacity: 0.25 } .border-opacity-50 { --bs-border-opacity: 0.5 } .border-opacity-75 { --bs-border-opacity: 0.75 } .border-opacity-100 { --bs-border-opacity: 1 } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .mw-100 { max-width: 100% !important } .vw-100 { width: 100vw !important } .min-vw-100 { min-width: 100vw !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mh-100 { max-height: 100% !important } .vh-100 { height: 100vh !important } .min-vh-100 { min-height: 100vh !important } .flex-fill { flex: 1 1 auto !important } .flex-row,.delivery-method { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .justify-content-evenly { justify-content: space-evenly !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } .order-first { order: -1 !important } .order-0 { order: 0 !important } .order-1 { order: 1 !important } .order-2 { order: 2 !important } .order-3 { order: 3 !important } .order-4 { order: 4 !important } .order-5 { order: 5 !important } .order-last { order: 6 !important } .m-0 { margin: 0 !important } .m-1 { margin: .25rem !important } .m-2 { margin: .5rem !important } .m-3 { margin: 1rem !important } .m-4 { margin: 1.5rem !important } .m-5 { margin: 3rem !important } .m-auto { margin: auto !important } .mx-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-auto { margin-right: auto !important; margin-left: auto !important } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .mt-auto { margin-top: auto !important } .me-0 { margin-right: 0 !important } .me-1 { margin-right: .25rem !important } .me-2 { margin-right: .5rem !important } .me-3 { margin-right: 1rem !important } .me-4 { margin-right: 1.5rem !important } .me-5 { margin-right: 3rem !important } .me-auto { margin-right: auto !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb-auto { margin-bottom: auto !important } .ms-0 { margin-left: 0 !important } .ms-1 { margin-left: .25rem !important } .ms-2 { margin-left: .5rem !important } .ms-3 { margin-left: 1rem !important } .ms-4 { margin-left: 1.5rem !important } .ms-5 { margin-left: 3rem !important } .ms-auto { margin-left: auto !important } .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: 1rem !important } .p-4 { padding: 1.5rem !important } .p-5 { padding: 3rem !important } .px-0 { padding-right: 0 !important; padding-left: 0 !important } .px-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: 1rem !important } .pt-4 { padding-top: 1.5rem !important } .pt-5 { padding-top: 3rem !important } .pe-0 { padding-right: 0 !important } .pe-1 { padding-right: .25rem !important } .pe-2 { padding-right: .5rem !important } .pe-3 { padding-right: 1rem !important } .pe-4 { padding-right: 1.5rem !important } .pe-5 { padding-right: 3rem !important } .pb-0 { padding-bottom: 0 !important } .pb-1 { padding-bottom: .25rem !important } .pb-2 { padding-bottom: .5rem !important } .pb-3 { padding-bottom: 1rem !important } .pb-4 { padding-bottom: 1.5rem !important } .pb-5 { padding-bottom: 3rem !important } .ps-0 { padding-left: 0 !important } .ps-1 { padding-left: .25rem !important } .ps-2 { padding-left: .5rem !important } .ps-3 { padding-left: 1rem !important } .ps-4 { padding-left: 1.5rem !important } .ps-5 { padding-left: 3rem !important } .gap-0 { gap: 0 !important } .gap-1 { gap: .25rem !important } .gap-2 { gap: .5rem !important } .gap-3 { gap: 1rem !important } .gap-4 { gap: 1.5rem !important } .gap-5 { gap: 3rem !important } .row-gap-0 { row-gap: 0 !important } .row-gap-1 { row-gap: .25rem !important } .row-gap-2 { row-gap: .5rem !important } .row-gap-3 { row-gap: 1rem !important } .row-gap-4 { row-gap: 1.5rem !important } .row-gap-5 { row-gap: 3rem !important } .column-gap-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .font-monospace { font-family: var(--bs-font-monospace) !important } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important } .fs-5 { font-size: 1.25rem !important } .fs-6 { font-size: 1rem !important } .fst-italic { font-style: italic !important } .fst-normal { font-style: normal !important } .fw-lighter { font-weight: lighter !important } .fw-light { font-weight: 300 !important } .fw-normal { font-weight: 400 !important } .fw-medium { font-weight: 500 !important } .fw-semibold { font-weight: 600 !important } .fw-bold { font-weight: 700 !important } .fw-bolder { font-weight: bolder !important } .lh-1 { line-height: 1 !important } .lh-sm { line-height: 1.25 !important } .lh-base { line-height: 1.5 !important } .lh-lg { line-height: 2 !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-center { text-align: center !important } .text-decoration-none { text-decoration: none !important } .text-decoration-underline { text-decoration: underline !important } .text-decoration-line-through { text-decoration: line-through !important } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-break { word-wrap: break-word !important; word-break: break-word !important } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important } .text-muted,.pre-order-info__welcome-message { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important } .text-black-50 { --bs-text-opacity: 1; color: rgba(0,0,0,.5) !important } .text-white-50 { --bs-text-opacity: 1; color: rgba(255,255,255,.5) !important } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important } .text-reset { --bs-text-opacity: 1; color: inherit !important } .text-opacity-25 { --bs-text-opacity: 0.25 } .text-opacity-50 { --bs-text-opacity: 0.5 } .text-opacity-75 { --bs-text-opacity: 0.75 } .text-opacity-100 { --bs-text-opacity: 1 } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important } .link-opacity-10 { --bs-link-opacity: 0.1 } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1 } .link-opacity-25 { --bs-link-opacity: 0.25 } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25 } .link-opacity-50 { --bs-link-opacity: 0.5 } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5 } .link-opacity-75 { --bs-link-opacity: 0.75 } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75 } .link-opacity-100 { --bs-link-opacity: 1 } .link-opacity-100-hover:hover { --bs-link-opacity: 1 } .link-offset-1 { text-underline-offset: .125em !important } .link-offset-1-hover:hover { text-underline-offset: .125em !important } .link-offset-2 { text-underline-offset: .25em !important } .link-offset-2-hover:hover { text-underline-offset: .25em !important } .link-offset-3 { text-underline-offset: .375em !important } .link-offset-3-hover:hover { text-underline-offset: .375em !important } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-underline-opacity-0 { --bs-link-underline-opacity: 0 } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0 } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1 } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1 } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25 } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25 } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5 } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5 } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75 } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75 } .link-underline-opacity-100 { --bs-link-underline-opacity: 1 } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1 } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important } .bg-transparent { --bs-bg-opacity: 1; background-color: rgba(0,0,0,0) !important } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important } .bg-opacity-10 { --bs-bg-opacity: 0.1 } .bg-opacity-25 { --bs-bg-opacity: 0.25 } .bg-opacity-50 { --bs-bg-opacity: 0.5 } .bg-opacity-75 { --bs-bg-opacity: 0.75 } .bg-opacity-100 { --bs-bg-opacity: 1 } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important } .bg-gradient { background-image: var(--bs-gradient) !important } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important } .pe-none { pointer-events: none !important } .pe-auto { pointer-events: auto !important } .rounded { border-radius: var(--bs-border-radius) !important } .rounded-0 { border-radius: 0 !important } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important } .rounded-2 { border-radius: var(--bs-border-radius) !important } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } .z-n1 { z-index: -1 !important } .z-0 { z-index: 0 !important } .z-1 { z-index: 1 !important } .z-2 { z-index: 2 !important } .z-3 { z-index: 3 !important } @media(min-width: 480px) { .float-sm-start { float:left !important } .float-sm-end { float: right !important } .float-sm-none { float: none !important } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-grid { display: grid !important } .d-sm-inline-grid { display: inline-grid !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } .d-sm-none { display: none !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .justify-content-sm-evenly { justify-content: space-evenly !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } .order-sm-first { order: -1 !important } .order-sm-0 { order: 0 !important } .order-sm-1 { order: 1 !important } .order-sm-2 { order: 2 !important } .order-sm-3 { order: 3 !important } .order-sm-4 { order: 4 !important } .order-sm-5 { order: 5 !important } .order-sm-last { order: 6 !important } .m-sm-0 { margin: 0 !important } .m-sm-1 { margin: .25rem !important } .m-sm-2 { margin: .5rem !important } .m-sm-3 { margin: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .m-sm-auto { margin: auto !important } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-sm-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-sm-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-sm-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-sm-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-sm-0 { margin-top: 0 !important } .mt-sm-1 { margin-top: .25rem !important } .mt-sm-2 { margin-top: .5rem !important } .mt-sm-3 { margin-top: 1rem !important } .mt-sm-4 { margin-top: 1.5rem !important } .mt-sm-5 { margin-top: 3rem !important } .mt-sm-auto { margin-top: auto !important } .me-sm-0 { margin-right: 0 !important } .me-sm-1 { margin-right: .25rem !important } .me-sm-2 { margin-right: .5rem !important } .me-sm-3 { margin-right: 1rem !important } .me-sm-4 { margin-right: 1.5rem !important } .me-sm-5 { margin-right: 3rem !important } .me-sm-auto { margin-right: auto !important } .mb-sm-0 { margin-bottom: 0 !important } .mb-sm-1 { margin-bottom: .25rem !important } .mb-sm-2 { margin-bottom: .5rem !important } .mb-sm-3 { margin-bottom: 1rem !important } .mb-sm-4 { margin-bottom: 1.5rem !important } .mb-sm-5 { margin-bottom: 3rem !important } .mb-sm-auto { margin-bottom: auto !important } .ms-sm-0 { margin-left: 0 !important } .ms-sm-1 { margin-left: .25rem !important } .ms-sm-2 { margin-left: .5rem !important } .ms-sm-3 { margin-left: 1rem !important } .ms-sm-4 { margin-left: 1.5rem !important } .ms-sm-5 { margin-left: 3rem !important } .ms-sm-auto { margin-left: auto !important } .p-sm-0 { padding: 0 !important } .p-sm-1 { padding: .25rem !important } .p-sm-2 { padding: .5rem !important } .p-sm-3 { padding: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important } .px-sm-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-sm-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-sm-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-sm-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-sm-0 { padding-top: 0 !important } .pt-sm-1 { padding-top: .25rem !important } .pt-sm-2 { padding-top: .5rem !important } .pt-sm-3 { padding-top: 1rem !important } .pt-sm-4 { padding-top: 1.5rem !important } .pt-sm-5 { padding-top: 3rem !important } .pe-sm-0 { padding-right: 0 !important } .pe-sm-1 { padding-right: .25rem !important } .pe-sm-2 { padding-right: .5rem !important } .pe-sm-3 { padding-right: 1rem !important } .pe-sm-4 { padding-right: 1.5rem !important } .pe-sm-5 { padding-right: 3rem !important } .pb-sm-0 { padding-bottom: 0 !important } .pb-sm-1 { padding-bottom: .25rem !important } .pb-sm-2 { padding-bottom: .5rem !important } .pb-sm-3 { padding-bottom: 1rem !important } .pb-sm-4 { padding-bottom: 1.5rem !important } .pb-sm-5 { padding-bottom: 3rem !important } .ps-sm-0 { padding-left: 0 !important } .ps-sm-1 { padding-left: .25rem !important } .ps-sm-2 { padding-left: .5rem !important } .ps-sm-3 { padding-left: 1rem !important } .ps-sm-4 { padding-left: 1.5rem !important } .ps-sm-5 { padding-left: 3rem !important } .gap-sm-0 { gap: 0 !important } .gap-sm-1 { gap: .25rem !important } .gap-sm-2 { gap: .5rem !important } .gap-sm-3 { gap: 1rem !important } .gap-sm-4 { gap: 1.5rem !important } .gap-sm-5 { gap: 3rem !important } .row-gap-sm-0 { row-gap: 0 !important } .row-gap-sm-1 { row-gap: .25rem !important } .row-gap-sm-2 { row-gap: .5rem !important } .row-gap-sm-3 { row-gap: 1rem !important } .row-gap-sm-4 { row-gap: 1.5rem !important } .row-gap-sm-5 { row-gap: 3rem !important } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-sm-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-sm-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-sm-start { text-align: left !important } .text-sm-end { text-align: right !important } .text-sm-center { text-align: center !important } } @media(min-width: 600px) { .float-md-start { float:left !important } .float-md-end { float: right !important } .float-md-none { float: none !important } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-grid { display: grid !important } .d-md-inline-grid { display: inline-grid !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } .d-md-none { display: none !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .justify-content-md-evenly { justify-content: space-evenly !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } .order-md-first { order: -1 !important } .order-md-0 { order: 0 !important } .order-md-1 { order: 1 !important } .order-md-2 { order: 2 !important } .order-md-3 { order: 3 !important } .order-md-4 { order: 4 !important } .order-md-5 { order: 5 !important } .order-md-last { order: 6 !important } .m-md-0 { margin: 0 !important } .m-md-1 { margin: .25rem !important } .m-md-2 { margin: .5rem !important } .m-md-3 { margin: 1rem !important } .m-md-4 { margin: 1.5rem !important } .m-md-5 { margin: 3rem !important } .m-md-auto { margin: auto !important } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-md-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-md-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-md-auto { margin-right: auto !important; margin-left: auto !important } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-md-0 { margin-top: 0 !important } .mt-md-1 { margin-top: .25rem !important } .mt-md-2 { margin-top: .5rem !important } .mt-md-3 { margin-top: 1rem !important } .mt-md-4 { margin-top: 1.5rem !important } .mt-md-5 { margin-top: 3rem !important } .mt-md-auto { margin-top: auto !important } .me-md-0 { margin-right: 0 !important } .me-md-1 { margin-right: .25rem !important } .me-md-2 { margin-right: .5rem !important } .me-md-3 { margin-right: 1rem !important } .me-md-4 { margin-right: 1.5rem !important } .me-md-5 { margin-right: 3rem !important } .me-md-auto { margin-right: auto !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-1 { margin-bottom: .25rem !important } .mb-md-2 { margin-bottom: .5rem !important } .mb-md-3 { margin-bottom: 1rem !important } .mb-md-4 { margin-bottom: 1.5rem !important } .mb-md-5 { margin-bottom: 3rem !important } .mb-md-auto { margin-bottom: auto !important } .ms-md-0 { margin-left: 0 !important } .ms-md-1 { margin-left: .25rem !important } .ms-md-2 { margin-left: .5rem !important } .ms-md-3 { margin-left: 1rem !important } .ms-md-4 { margin-left: 1.5rem !important } .ms-md-5 { margin-left: 3rem !important } .ms-md-auto { margin-left: auto !important } .p-md-0 { padding: 0 !important } .p-md-1 { padding: .25rem !important } .p-md-2 { padding: .5rem !important } .p-md-3 { padding: 1rem !important } .p-md-4 { padding: 1.5rem !important } .p-md-5 { padding: 3rem !important } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important } .px-md-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-md-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-md-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-md-0 { padding-top: 0 !important } .pt-md-1 { padding-top: .25rem !important } .pt-md-2 { padding-top: .5rem !important } .pt-md-3 { padding-top: 1rem !important } .pt-md-4 { padding-top: 1.5rem !important } .pt-md-5 { padding-top: 3rem !important } .pe-md-0 { padding-right: 0 !important } .pe-md-1 { padding-right: .25rem !important } .pe-md-2 { padding-right: .5rem !important } .pe-md-3 { padding-right: 1rem !important } .pe-md-4 { padding-right: 1.5rem !important } .pe-md-5 { padding-right: 3rem !important } .pb-md-0 { padding-bottom: 0 !important } .pb-md-1 { padding-bottom: .25rem !important } .pb-md-2 { padding-bottom: .5rem !important } .pb-md-3 { padding-bottom: 1rem !important } .pb-md-4 { padding-bottom: 1.5rem !important } .pb-md-5 { padding-bottom: 3rem !important } .ps-md-0 { padding-left: 0 !important } .ps-md-1 { padding-left: .25rem !important } .ps-md-2 { padding-left: .5rem !important } .ps-md-3 { padding-left: 1rem !important } .ps-md-4 { padding-left: 1.5rem !important } .ps-md-5 { padding-left: 3rem !important } .gap-md-0 { gap: 0 !important } .gap-md-1 { gap: .25rem !important } .gap-md-2 { gap: .5rem !important } .gap-md-3 { gap: 1rem !important } .gap-md-4 { gap: 1.5rem !important } .gap-md-5 { gap: 3rem !important } .row-gap-md-0 { row-gap: 0 !important } .row-gap-md-1 { row-gap: .25rem !important } .row-gap-md-2 { row-gap: .5rem !important } .row-gap-md-3 { row-gap: 1rem !important } .row-gap-md-4 { row-gap: 1.5rem !important } .row-gap-md-5 { row-gap: 3rem !important } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-md-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-md-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-md-start { text-align: left !important } .text-md-end { text-align: right !important } .text-md-center { text-align: center !important } } @media(min-width: 1024px) { .float-lg-start { float:left !important } .float-lg-end { float: right !important } .float-lg-none { float: none !important } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-grid { display: grid !important } .d-lg-inline-grid { display: inline-grid !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } .d-lg-none { display: none !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .justify-content-lg-evenly { justify-content: space-evenly !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } .order-lg-first { order: -1 !important } .order-lg-0 { order: 0 !important } .order-lg-1 { order: 1 !important } .order-lg-2 { order: 2 !important } .order-lg-3 { order: 3 !important } .order-lg-4 { order: 4 !important } .order-lg-5 { order: 5 !important } .order-lg-last { order: 6 !important } .m-lg-0 { margin: 0 !important } .m-lg-1 { margin: .25rem !important } .m-lg-2 { margin: .5rem !important } .m-lg-3 { margin: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .m-lg-auto { margin: auto !important } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-lg-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-lg-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-1 { margin-top: .25rem !important } .mt-lg-2 { margin-top: .5rem !important } .mt-lg-3 { margin-top: 1rem !important } .mt-lg-4 { margin-top: 1.5rem !important } .mt-lg-5 { margin-top: 3rem !important } .mt-lg-auto { margin-top: auto !important } .me-lg-0 { margin-right: 0 !important } .me-lg-1 { margin-right: .25rem !important } .me-lg-2 { margin-right: .5rem !important } .me-lg-3 { margin-right: 1rem !important } .me-lg-4 { margin-right: 1.5rem !important } .me-lg-5 { margin-right: 3rem !important } .me-lg-auto { margin-right: auto !important } .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-1 { margin-bottom: .25rem !important } .mb-lg-2 { margin-bottom: .5rem !important } .mb-lg-3 { margin-bottom: 1rem !important } .mb-lg-4 { margin-bottom: 1.5rem !important } .mb-lg-5 { margin-bottom: 3rem !important } .mb-lg-auto { margin-bottom: auto !important } .ms-lg-0 { margin-left: 0 !important } .ms-lg-1 { margin-left: .25rem !important } .ms-lg-2 { margin-left: .5rem !important } .ms-lg-3 { margin-left: 1rem !important } .ms-lg-4 { margin-left: 1.5rem !important } .ms-lg-5 { margin-left: 3rem !important } .ms-lg-auto { margin-left: auto !important } .p-lg-0 { padding: 0 !important } .p-lg-1 { padding: .25rem !important } .p-lg-2 { padding: .5rem !important } .p-lg-3 { padding: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important } .px-lg-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-lg-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-lg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-lg-0 { padding-top: 0 !important } .pt-lg-1 { padding-top: .25rem !important } .pt-lg-2 { padding-top: .5rem !important } .pt-lg-3 { padding-top: 1rem !important } .pt-lg-4 { padding-top: 1.5rem !important } .pt-lg-5 { padding-top: 3rem !important } .pe-lg-0 { padding-right: 0 !important } .pe-lg-1 { padding-right: .25rem !important } .pe-lg-2 { padding-right: .5rem !important } .pe-lg-3 { padding-right: 1rem !important } .pe-lg-4 { padding-right: 1.5rem !important } .pe-lg-5 { padding-right: 3rem !important } .pb-lg-0 { padding-bottom: 0 !important } .pb-lg-1 { padding-bottom: .25rem !important } .pb-lg-2 { padding-bottom: .5rem !important } .pb-lg-3 { padding-bottom: 1rem !important } .pb-lg-4 { padding-bottom: 1.5rem !important } .pb-lg-5 { padding-bottom: 3rem !important } .ps-lg-0 { padding-left: 0 !important } .ps-lg-1 { padding-left: .25rem !important } .ps-lg-2 { padding-left: .5rem !important } .ps-lg-3 { padding-left: 1rem !important } .ps-lg-4 { padding-left: 1.5rem !important } .ps-lg-5 { padding-left: 3rem !important } .gap-lg-0 { gap: 0 !important } .gap-lg-1 { gap: .25rem !important } .gap-lg-2 { gap: .5rem !important } .gap-lg-3 { gap: 1rem !important } .gap-lg-4 { gap: 1.5rem !important } .gap-lg-5 { gap: 3rem !important } .row-gap-lg-0 { row-gap: 0 !important } .row-gap-lg-1 { row-gap: .25rem !important } .row-gap-lg-2 { row-gap: .5rem !important } .row-gap-lg-3 { row-gap: 1rem !important } .row-gap-lg-4 { row-gap: 1.5rem !important } .row-gap-lg-5 { row-gap: 3rem !important } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-lg-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-lg-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-lg-start { text-align: left !important } .text-lg-end { text-align: right !important } .text-lg-center { text-align: center !important } } @media(min-width: 1440px) { .float-xl-start { float:left !important } .float-xl-end { float: right !important } .float-xl-none { float: none !important } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-grid { display: grid !important } .d-xl-inline-grid { display: inline-grid !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } .d-xl-none { display: none !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .justify-content-xl-evenly { justify-content: space-evenly !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } .order-xl-first { order: -1 !important } .order-xl-0 { order: 0 !important } .order-xl-1 { order: 1 !important } .order-xl-2 { order: 2 !important } .order-xl-3 { order: 3 !important } .order-xl-4 { order: 4 !important } .order-xl-5 { order: 5 !important } .order-xl-last { order: 6 !important } .m-xl-0 { margin: 0 !important } .m-xl-1 { margin: .25rem !important } .m-xl-2 { margin: .5rem !important } .m-xl-3 { margin: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .m-xl-auto { margin: auto !important } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xl-0 { margin-top: 0 !important } .mt-xl-1 { margin-top: .25rem !important } .mt-xl-2 { margin-top: .5rem !important } .mt-xl-3 { margin-top: 1rem !important } .mt-xl-4 { margin-top: 1.5rem !important } .mt-xl-5 { margin-top: 3rem !important } .mt-xl-auto { margin-top: auto !important } .me-xl-0 { margin-right: 0 !important } .me-xl-1 { margin-right: .25rem !important } .me-xl-2 { margin-right: .5rem !important } .me-xl-3 { margin-right: 1rem !important } .me-xl-4 { margin-right: 1.5rem !important } .me-xl-5 { margin-right: 3rem !important } .me-xl-auto { margin-right: auto !important } .mb-xl-0 { margin-bottom: 0 !important } .mb-xl-1 { margin-bottom: .25rem !important } .mb-xl-2 { margin-bottom: .5rem !important } .mb-xl-3 { margin-bottom: 1rem !important } .mb-xl-4 { margin-bottom: 1.5rem !important } .mb-xl-5 { margin-bottom: 3rem !important } .mb-xl-auto { margin-bottom: auto !important } .ms-xl-0 { margin-left: 0 !important } .ms-xl-1 { margin-left: .25rem !important } .ms-xl-2 { margin-left: .5rem !important } .ms-xl-3 { margin-left: 1rem !important } .ms-xl-4 { margin-left: 1.5rem !important } .ms-xl-5 { margin-left: 3rem !important } .ms-xl-auto { margin-left: auto !important } .p-xl-0 { padding: 0 !important } .p-xl-1 { padding: .25rem !important } .p-xl-2 { padding: .5rem !important } .p-xl-3 { padding: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xl-0 { padding-top: 0 !important } .pt-xl-1 { padding-top: .25rem !important } .pt-xl-2 { padding-top: .5rem !important } .pt-xl-3 { padding-top: 1rem !important } .pt-xl-4 { padding-top: 1.5rem !important } .pt-xl-5 { padding-top: 3rem !important } .pe-xl-0 { padding-right: 0 !important } .pe-xl-1 { padding-right: .25rem !important } .pe-xl-2 { padding-right: .5rem !important } .pe-xl-3 { padding-right: 1rem !important } .pe-xl-4 { padding-right: 1.5rem !important } .pe-xl-5 { padding-right: 3rem !important } .pb-xl-0 { padding-bottom: 0 !important } .pb-xl-1 { padding-bottom: .25rem !important } .pb-xl-2 { padding-bottom: .5rem !important } .pb-xl-3 { padding-bottom: 1rem !important } .pb-xl-4 { padding-bottom: 1.5rem !important } .pb-xl-5 { padding-bottom: 3rem !important } .ps-xl-0 { padding-left: 0 !important } .ps-xl-1 { padding-left: .25rem !important } .ps-xl-2 { padding-left: .5rem !important } .ps-xl-3 { padding-left: 1rem !important } .ps-xl-4 { padding-left: 1.5rem !important } .ps-xl-5 { padding-left: 3rem !important } .gap-xl-0 { gap: 0 !important } .gap-xl-1 { gap: .25rem !important } .gap-xl-2 { gap: .5rem !important } .gap-xl-3 { gap: 1rem !important } .gap-xl-4 { gap: 1.5rem !important } .gap-xl-5 { gap: 3rem !important } .row-gap-xl-0 { row-gap: 0 !important } .row-gap-xl-1 { row-gap: .25rem !important } .row-gap-xl-2 { row-gap: .5rem !important } .row-gap-xl-3 { row-gap: 1rem !important } .row-gap-xl-4 { row-gap: 1.5rem !important } .row-gap-xl-5 { row-gap: 3rem !important } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-xl-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-xl-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-xl-start { text-align: left !important } .text-xl-end { text-align: right !important } .text-xl-center { text-align: center !important } } @media(min-width: 1200px) { .fs-1 { font-size:2.5rem !important } .fs-2 { font-size: 2rem !important } .fs-3 { font-size: 1.75rem !important } .fs-4 { font-size: 1.5rem !important } } @media print { .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-grid { display: grid !important } .d-print-inline-grid { display: inline-grid !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } .d-print-none { display: none !important } } .navbar { border: 1px solid rgba(0,0,0,0) } .navbar-light { background-color: #fff; border-color: #111 } .navbar-light .navbar-nav .nav-link { color: #fff } .navbar-light .navbar-toggler:hover,.navbar-light .navbar-toggler:focus { background-color: #d9d9d9 } @font-face { font-family: "obt-icon-font"; src: url("../fonts/obt/obt-icon-font.eot"); src: url("../fonts/obt/obt-icon-font.eot?#iefix") format("embedded-opentype"),url("../fonts/obt/obt-icon-font.woff") format("woff"),url("../fonts/obt/obt-icon-font.ttf") format("truetype"),url("../fonts/obt/obt-icon-font.svg#obt-icon-font") format("svg") } [class^=obticon-],[class*=" obticon-"] { font-family: "obt-icon-font"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; position: relative; top: 1px; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .obticon-globe:before { content: "" } .obticon-google-plus:before { content: "" } .obticon-menu:before { content: "" } .obticon-amenities-public-transportation:before { content: "" } .obticon-search:before { content: "" } .obticon-amenities-parking:before { content: "" } .obticon-location:before { content: "" } .obticon-amenities-dining:before { content: "" } .obticon-amenities-hotels:before { content: "" } .obticon-axs-logo:before { content: "" } .obticon-amenities-directions:before { content: "" } .obticon-amenities-accessibility:before { content: "" } .obticon-twitter:before { content: "" } .obticon-facebook:before { content: "" } .obticon-triangle-left:before { content: "" } .obticon-triangle-down:before,.es-dropdown__arrow:before { content: "" } .obticon-triangle-up:before { content: "" } .obticon-triangle-right:before { content: "" } .obticon-help:before { content: "" } .obticon-info:before { content: "" } .obticon-mail:before { content: "" } .obticon-left:before,.pack__events .slick-slider button.slick-prev:before { content: "" } [dir=rtl] .obticon-left:before,[dir=rtl] .pack__events .slick-slider button.slick-prev:before,.pack__events .slick-slider [dir=rtl] button.slick-prev:before { content: "" } .obticon-right:before,.pack__events .slick-slider button.slick-next:before { content: "" } [dir=rtl] .obticon-right:before,[dir=rtl] .pack__events .slick-slider button.slick-next:before,.pack__events .slick-slider [dir=rtl] button.slick-next:before { content: "" } .obticon-checkmark:before { content: "" } .obticon-edit:before { content: "" } .obticon-warning:before { content: "" } .obticon-add:before { content: "" } .obticon-calendar:before { content: "" } .obticon-close:before { content: "" } [class^=esicon-],[class*=" esicon-"] { font-family: "es-icon-font"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .esicon-checkbox--checked,.esicon-checkbox--unchecked,.esicon-close,.esicon-close-o,.esicon-minus,.esicon-minus-alt,.esicon-plus,.esicon-plus-alt,.esicon-price-checkbox--checked,.esicon-price-checkbox--checked--mixed,.esicon-price-checkbox--unchecked,.esicon-radio--checked,.esicon-radio--unchecked,.esicon-play { cursor: pointer } .esicon-alert-o .path1:before { color: rgba(0,0,0,0) } .esicon-alert-o .path2:before,.esicon-alert-o .path3:before { color: #000 } .esicon-alert-o .path4:before { color: #000 } .esicon-alert-o .path1:before { content: "" } .esicon-alert-o .path2:before { content: "" } .esicon-alert-o .path3:before { content: "" } .esicon-alert-o .path4:before { content: "" } .esicon-alert-o .path2:before,.esicon-alert-o .path3:before,.esicon-alert-o .path4:before { margin-left: -1em } .esicon-arrow-down-o .path1:before,.esicon-arrow-up-o .path1:before,.esicon-arrow-left-o .path1:before,.esicon-arrow-right-o .path1:before { color: rgba(0,0,0,0) } .esicon-arrow-down-o .path2:before,.esicon-arrow-up-o .path2:before,.esicon-arrow-left-o .path2:before,.esicon-arrow-right-o .path2:before { color: #000 } .esicon-arrow-down-o .path3:before,.esicon-arrow-up-o .path3:before,.esicon-arrow-left-o .path3:before,.esicon-arrow-right-o .path3:before { color: #000 } .esicon-arrow-down-o .path1:before,.esicon-arrow-up-o .path1:before,.esicon-arrow-left-o .path1:before,.esicon-arrow-right-o .path1:before { content: "" } .esicon-arrow-down-o .path2:before,.esicon-arrow-up-o .path2:before,.esicon-arrow-left-o .path2:before,.esicon-arrow-right-o .path2:before { content: "" } .esicon-arrow-down-o .path3:before,.esicon-arrow-up-o .path3:before,.esicon-arrow-left-o .path3:before,.esicon-arrow-right-o .path3:before { content: "" } .esicon-arrow-down-o .path2:before,.esicon-arrow-down-o .path3:before,.esicon-arrow-up-o .path2:before,.esicon-arrow-up-o .path3:before,.esicon-arrow-left-o .path2:before,.esicon-arrow-left-o .path3:before,.esicon-arrow-right-o .path2:before,.esicon-arrow-right-o .path3:before { margin-left: -1em } .esicon-arrow-down-o,.esicon-arrow-left-o,.esicon-arrow-up-o { display: inline-block } .esicon-arrow-down-o { transform: rotate(90deg) } .esicon-arrow-left-o { transform: rotate(180deg) } .esicon-arrow-up-o { transform: rotate(-90deg) } .esicon-check-o .path1:before { color: rgba(0,0,0,0) } .esicon-check-o .path2:before { color: #000 } .esicon-check-o .path3:before { color: #000 } .esicon-check-o .path1:before { content: "" } .esicon-check-o .path2:before { content: "" } .esicon-check-o .path3:before { content: "" } .esicon-check-o .path2:before,.esicon-check-o .path3:before { margin-left: -1em } .esicon-close-o .path1:before { color: rgba(0,0,0,0) } .esicon-close-o .path2:before { color: #000 } .esicon-close-o .path3:before { color: #000 } .esicon-close-o .path1:before { content: "" } .esicon-close-o .path2:before { content: "" } .esicon-close-o .path3:before { content: "" } .esicon-close-o .path2:before,.esicon-close-o .path3:before { margin-left: -1em } .esicon-close .path1:before { color: rgba(0,0,0,0) } .esicon-close .path2:before { color: #000 } .esicon-close .path1:before { content: "" } .esicon-close .path2:before { content: ""; margin-left: -1em } .esicon-plus .path1:before { color: rgba(0,0,0,0) } .esicon-plus .path2:before { color: #000 } .esicon-plus .path1:before { content: "" } .esicon-plus .path2:before { content: ""; margin-left: -1em } .esicon-plus-alt .path1:before { color: rgba(0,0,0,0) } .esicon-plus-alt .path2:before { color: #000 } .esicon-plus-alt .path1:before { content: "" } .esicon-plus-alt .path2:before { content: ""; margin-left: -1em } .esicon-minus .path1:before { color: rgba(0,0,0,0) } .esicon-minus .path2:before { color: #000 } .esicon-minus .path1:before { content: "" } .esicon-minus .path2:before { content: ""; margin-left: -1em } .esicon-minus-alt .path1:before { color: rgba(0,0,0,0) } .esicon-minus-alt .path2:before { color: #000 } .esicon-minus-alt .path1:before { content: "" } .esicon-minus-alt .path2:before { content: ""; margin-left: -1em } .esicon-general-admission .path1:before,.esicon-general-admission .path2:before,.esicon-general-admission .path3:before,.esicon-general-admission .path4:before,.esicon-general-admission .path5:before,.esicon-general-admission .path6:before,.esicon-general-admission .path7:before,.esicon-general-admission .path8:before,.esicon-general-admission .path9:before,.esicon-general-admission .path10:before,.esicon-general-admission .path11:before,.esicon-general-admission .path12:before,.esicon-general-admission .path13:before,.esicon-general-admission .path14:before,.esicon-general-admission .path15:before,.esicon-general-admission .path16:before,.esicon-general-admission .path17:before,.esicon-general-admission .path18:before { color: #000 } .esicon-general-admission .path19:before { color: #2f73de } .esicon-general-admission .path26:before { color: #4f4f4f } .esicon-general-admission .path20:before,.esicon-general-admission .path21:before,.esicon-general-admission .path22:before,.esicon-general-admission .path23:before,.esicon-general-admission .path24:before,.esicon-general-admission .path25:before,.esicon-general-admission .path27:before { color: #fff } .esicon-general-admission .path3:before,.esicon-general-admission .path4:before,.esicon-general-admission .path5:before,.esicon-general-admission .path6:before,.esicon-general-admission .path7:before,.esicon-general-admission .path8:before,.esicon-general-admission .path9:before,.esicon-general-admission .path10:before,.esicon-general-admission .path11:before,.esicon-general-admission .path12:before,.esicon-general-admission .path13:before,.esicon-general-admission .path14:before,.esicon-general-admission .path15:before,.esicon-general-admission .path16:before,.esicon-general-admission .path17:before,.esicon-general-admission .path18:before,.esicon-general-admission .path19:before,.esicon-general-admission .path20:before,.esicon-general-admission .path21:before,.esicon-general-admission .path22:before,.esicon-general-admission .path23:before,.esicon-general-admission .path24:before,.esicon-general-admission .path25:before,.esicon-general-admission .path26:before,.esicon-general-admission .path27:before { margin-left: -0.7724609375em } .esicon-general-admission .path1:before { content: "" } .esicon-general-admission .path2:before { content: "" } .esicon-general-admission .path3:before { content: "" } .esicon-general-admission .path4:before { content: "" } .esicon-general-admission .path5:before { content: "" } .esicon-general-admission .path6:before { content: "" } .esicon-general-admission .path7:before { content: "" } .esicon-general-admission .path8:before { content: "" } .esicon-general-admission .path9:before { content: "" } .esicon-general-admission .path10:before { content: "" } .esicon-general-admission .path11:before { content: "" } .esicon-general-admission .path12:before { content: "" } .esicon-general-admission .path13:before { content: "" } .esicon-general-admission .path14:before { content: "" } .esicon-general-admission .path15:before { content: "" } .esicon-general-admission .path16:before { content: "" } .esicon-general-admission .path17:before { content: "" } .esicon-general-admission .path18:before { content: "" } .esicon-general-admission .path19:before { content: "" } .esicon-general-admission .path20:before { content: "" } .esicon-general-admission .path21:before { content: "" } .esicon-general-admission .path22:before { content: "" } .esicon-general-admission .path23:before { content: "" } .esicon-general-admission .path24:before { content: "" } .esicon-general-admission .path25:before { content: "" } .esicon-general-admission .path26:before { content: "" } .esicon-general-admission .path27:before { content: "" } .esicon-info .path1:before { color: rgba(0,0,0,0) } .esicon-info .path2:before { color: #000; margin-left: -0.7724609375em } .esicon-info .path1:before { content: "" } .esicon-info .path2:before { content: "" } .esicon-minus .path1:before { color: #000 } .esicon-minus .path2:before { color: rgba(0,0,0,0); margin-left: -0.7724609375em } .esicon-minus .path1:before { content: "" } .esicon-minus .path2:before { content: "" } .esicon-play .path1:before,.esicon-play .path3:before { color: #fff } .esicon-play .path2:before { color: #000 } .esicon-play .path2:before,.esicon-play .path3:before { margin-left: -0.7724609375em } .esicon-play .path1:before { content: "" } .esicon-play .path2:before { content: "" } .esicon-play .path3:before { content: "" } .esicon-info .path1:before { color: rgba(0,0,0,0) } .esicon-info .path2:before { color: #000 } .esicon-info .path1:before { content: "" } .esicon-info .path2:before { content: ""; margin-left: -1em } .esicon-checkbox--checked,.esicon-checkbox--disabled,.esicon-checkbox--unchecked { font-size: 30px } .esicon-checkbox--checked .path1:before,.esicon-checkbox--disabled .path1:before,.esicon-checkbox--unchecked .path1:before { color: #fff } .esicon-checkbox--checked .path2:before,.esicon-checkbox--checked .path3:before,.esicon-checkbox--disabled .path2:before,.esicon-checkbox--disabled .path3:before,.esicon-checkbox--unchecked .path2:before,.esicon-checkbox--unchecked .path3:before { color: #ccc } .esicon-checkbox--checked .path4:before,.esicon-checkbox--disabled .path4:before,.esicon-checkbox--unchecked .path4:before { color: #000 } .esicon-checkbox--checked .path1:before,.esicon-checkbox--disabled .path1:before,.esicon-checkbox--unchecked .path1:before { content: "" } .esicon-checkbox--checked .path2:before,.esicon-checkbox--disabled .path2:before,.esicon-checkbox--unchecked .path2:before { content: "" } .esicon-checkbox--checked .path3:before,.esicon-checkbox--disabled .path3:before,.esicon-checkbox--unchecked .path3:before { content: "" } .esicon-checkbox--checked .path4:before,.esicon-checkbox--disabled .path4:before,.esicon-checkbox--unchecked .path4:before { content: "" } .esicon-checkbox--checked .path2:before,.esicon-checkbox--checked .path3:before,.esicon-checkbox--checked .path4:before,.esicon-checkbox--disabled .path2:before,.esicon-checkbox--disabled .path3:before,.esicon-checkbox--disabled .path4:before,.esicon-checkbox--unchecked .path2:before,.esicon-checkbox--unchecked .path3:before,.esicon-checkbox--unchecked .path4:before { margin-left: -1em } .esicon-checkbox--disabled .path1:before { color: #c9c9c9 } .esicon-checkbox--disabled .path2:before,.esicon-checkbox--disabled .path3:before { color: #b6b6b6 } .esicon-checkbox--disabled .path4:before { color: #000 } .esicon-checkbox--checked .path3 { display: none } .esicon-checkbox--disabled .path4,.esicon-checkbox--unchecked .path4 { display: none } .esicon-price-checkbox--checked,.esicon-price-checkbox--checked--mixed,.esicon-price-checkbox--disabled,.esicon-price-checkbox--unchecked { font-size: 21px } .esicon-price-checkbox--checked .path1:before,.esicon-price-checkbox--checked--mixed .path1:before,.esicon-price-checkbox--disabled .path1:before,.esicon-price-checkbox--unchecked .path1:before { color: #fff } .esicon-price-checkbox--checked .path2:before,.esicon-price-checkbox--checked--mixed .path2:before,.esicon-price-checkbox--disabled .path2:before,.esicon-price-checkbox--unchecked .path2:before { color: #ccc } .esicon-price-checkbox--checked .path3:before,.esicon-price-checkbox--checked .path4:before,.esicon-price-checkbox--checked--mixed .path3:before,.esicon-price-checkbox--checked--mixed .path4:before,.esicon-price-checkbox--disabled .path3:before,.esicon-price-checkbox--disabled .path4:before,.esicon-price-checkbox--unchecked .path3:before,.esicon-price-checkbox--unchecked .path4:before { color: #000 } .esicon-price-checkbox--checked .path1:before,.esicon-price-checkbox--checked--mixed .path1:before,.esicon-price-checkbox--disabled .path1:before,.esicon-price-checkbox--unchecked .path1:before { content: "" } .esicon-price-checkbox--checked .path2:before,.esicon-price-checkbox--checked--mixed .path2:before,.esicon-price-checkbox--disabled .path2:before,.esicon-price-checkbox--unchecked .path2:before { content: "" } .esicon-price-checkbox--checked .path3:before,.esicon-price-checkbox--checked--mixed .path3:before,.esicon-price-checkbox--disabled .path3:before,.esicon-price-checkbox--unchecked .path3:before { content: "" } .esicon-price-checkbox--checked .path4:before,.esicon-price-checkbox--checked--mixed .path4:before,.esicon-price-checkbox--disabled .path4:before,.esicon-price-checkbox--unchecked .path4:before { content: "" } .esicon-price-checkbox--checked .path2:before,.esicon-price-checkbox--checked .path3:before,.esicon-price-checkbox--checked .path4:before,.esicon-price-checkbox--checked--mixed .path2:before,.esicon-price-checkbox--checked--mixed .path3:before,.esicon-price-checkbox--checked--mixed .path4:before,.esicon-price-checkbox--disabled .path2:before,.esicon-price-checkbox--disabled .path3:before,.esicon-price-checkbox--disabled .path4:before,.esicon-price-checkbox--unchecked .path2:before,.esicon-price-checkbox--unchecked .path3:before,.esicon-price-checkbox--unchecked .path4:before { margin-left: -1em } .esicon-price-checkbox--disabled .path1:before { color: #c9c9c9 } .esicon-price-checkbox--disabled .path2:before { color: #b6b6b6 } .esicon-price-checkbox--disabled .path3:before,.esicon-price-checkbox--disabled .path4:before { color: rgba(0,0,0,0) } .esicon-price-checkbox--checked .path4 { display: none } .esicon-price-checkbox--checked--mixed .path3 { display: none } .esicon-price-checkbox--disabled .path3,.esicon-price-checkbox--disabled .path4,.esicon-price-checkbox--unchecked .path3,.esicon-price-checkbox--unchecked .path4 { display: none } .esicon-radio--checked .path1:before,.esicon-radio--unchecked .path1:before { color: #fff } .esicon-radio--checked .path2:before,.esicon-radio--unchecked .path2:before { color: #ccc } .esicon-radio--checked .path3:before,.esicon-radio--unchecked .path3:before { color: #000 } .esicon-radio--checked .path1:before,.esicon-radio--unchecked .path1:before { content: "" } .esicon-radio--checked .path2:before,.esicon-radio--unchecked .path2:before { content: "" } .esicon-radio--checked .path3:before,.esicon-radio--unchecked .path3:before { content: "" } .esicon-radio--checked .path2:before,.esicon-radio--checked .path3:before,.esicon-radio--unchecked .path2:before,.esicon-radio--unchecked .path3:before { margin-left: -1em } .esicon-radio--unchecked .path3 { display: none } .esicon-play .path1:before { color: #fff } .esicon-play .path2:before { color: #000 } .esicon-play .path1:before { content: "" } .esicon-play .path2:before { content: ""; margin-left: -1em } .esicon-play:active .path1:before,.esicon-play:active:hover .path1:before,.esicon-play:focus .path1:before,.esicon-play:focus:hover .path1:before,.esicon-play:hover .path1:before { color: #fff } .esicon-play:active .path2:before,.esicon-play:active:hover .path2:before,.esicon-play:focus .path2:before,.esicon-play:focus:hover .path2:before,.esicon-play:hover .path2:before { color: #000 } .esicon-calendar:before { content: "" } .esicon-tag:before { content: "" } .esicon-gift:before { content: "" } .esicon-mail:before { content: "" } .esicon-parking:before { content: "" } .esicon-checkmark:before { content: ""; color: #3ec917 } .esicon-shield .path1:before { color: #0069ac } .esicon-shield .path2:before,.esicon-shield .path3:before,.esicon-shield .path4:before,.esicon-shield .path5:before { color: #fff } .esicon-shield .path6:before { color: #f55a7f } .esicon-shield .path1:before { content: "" } .esicon-shield .path2:before { content: "" } .esicon-shield .path3:before { content: "" } .esicon-shield .path4:before { content: "" } .esicon-shield .path5:before { content: "" } .esicon-shield .path6:before { content: "" } .esicon-shield .path2:before,.esicon-shield .path3:before,.esicon-shield .path4:before,.esicon-shield .path5:before,.esicon-shield .path6:before { margin-left: -0.7724609375em } .esicon-general-admission .path1:before,.esicon-general-admission .path2:before,.esicon-general-admission .path3:before,.esicon-general-admission .path4:before,.esicon-general-admission .path5:before,.esicon-general-admission .path6:before,.esicon-general-admission .path7:before,.esicon-general-admission .path8:before,.esicon-general-admission .path9:before,.esicon-general-admission .path10:before,.esicon-general-admission .path11:before,.esicon-general-admission .path12:before,.esicon-general-admission .path13:before,.esicon-general-admission .path14:before,.esicon-general-admission .path15:before,.esicon-general-admission .path16:before { color: #000 } .esicon-general-admission .path17:before { color: #000 } .esicon-general-admission .path18:before { color: #4f4f4f } .esicon-general-admission .path1:before { content: "" } .esicon-general-admission .path2:before { content: "" } .esicon-general-admission .path3:before { content: "" } .esicon-general-admission .path4:before { content: "" } .esicon-general-admission .path5:before { content: "" } .esicon-general-admission .path6:before { content: "" } .esicon-general-admission .path7:before { content: "" } .esicon-general-admission .path8:before { content: "" } .esicon-general-admission .path9:before { content: "" } .esicon-general-admission .path10:before { content: "" } .esicon-general-admission .path11:before { content: "" } .esicon-general-admission .path12:before { content: "" } .esicon-general-admission .path13:before { content: "" } .esicon-general-admission .path14:before { content: "" } .esicon-general-admission .path15:before { content: "" } .esicon-general-admission .path16:before { content: "" } .esicon-general-admission .path17:before { content: "" } .esicon-general-admission .path18:before { content: "" } .esicon-general-admission .path2:before,.esicon-general-admission .path3:before,.esicon-general-admission .path4:before,.esicon-general-admission .path5:before,.esicon-general-admission .path6:before,.esicon-general-admission .path7:before,.esicon-general-admission .path8:before,.esicon-general-admission .path9:before,.esicon-general-admission .path10:before,.esicon-general-admission .path11:before,.esicon-general-admission .path12:before,.esicon-general-admission .path13:before,.esicon-general-admission .path14:before,.esicon-general-admission .path15:before,.esicon-general-admission .path16:before,.esicon-general-admission .path17:before,.esicon-general-admission .path18:before { margin-left: -4.5341796875em } .esicon-plus .path1:before { color: #000 } .esicon-plus .path2:before { color: rgba(0,0,0,0); margin-left: -0.7724609375em } .esicon-plus .path1:before { content: "" } .esicon-plus .path2:before { content: "" } .esicon-price-checked-box .path1:before { color: #fff } .esicon-price-checked-box .path2:before { color: #ccc } .esicon-price-checked-box .path3:before { color: #000 } .esicon-price-checked-box .path2:before,.esicon-price-checked-box .path3:before { margin-left: -0.7724609375em } .esicon-price-checked-box .path1:before { content: "" } .esicon-price-checked-box .path2:before { content: "" } .esicon-price-checked-box .path3:before { content: "" } .esicon-price-disabled-box .path1:before { color: #c9c9c9 } .esicon-price-disabled-box .path2:before { color: #b6b6b6; margin-left: -0.7724609375em } .esicon-price-disabled-box .path1:before { content: "" } .esicon-price-disabled-box .path2:before { content: "" } .esicon-price-mixed-box .path1:before { color: #fff } .esicon-price-mixed-box .path2:before { color: #ccc; margin-left: -0.7724609375em } .esicon-price-mixed-box .path3:before { color: #000; margin-left: -0.7724609375em } .esicon-price-mixed-box .path1:before { content: "" } .esicon-price-mixed-box .path2:before { content: "" } .esicon-price-mixed-box .path3:before { content: "" } .esicon-price-unchecked-box .path1:before { color: #fff } .esicon-price-unchecked-box .path2:before { color: #ccc; margin-left: -0.7724609375em } .esicon-price-unchecked-box .path1:before { content: "" } .esicon-price-unchecked-box .path2:before { content: "" } .esicon-shield .path1:before,.esicon-shield .path2:before,.esicon-shield .path4:before,.esicon-shield .path5:before,.esicon-shield .path6:before,.esicon-shield .path7:before,.esicon-shield .path8:before,.esicon-shield .path9:before { color: #0069aa } .esicon-shield .path3:before { color: #fff } .esicon-shield .path10:before { color: #f35680 } .esicon-shield .path2:before,.esicon-shield .path3:before,.esicon-shield .path4:before,.esicon-shield .path5:before,.esicon-shield .path6:before,.esicon-shield .path7:before,.esicon-shield .path8:before,.esicon-shield .path9:before,.esicon-shield .path10:before { margin-left: -0.7724609375em } .esicon-shield .path1:before { content: "" } .esicon-shield .path2:before { content: "" } .esicon-shield .path3:before { content: "" } .esicon-shield .path4:before { content: "" } .esicon-shield .path5:before { content: "" } .esicon-shield .path6:before { content: "" } .esicon-shield .path7:before { content: "" } .esicon-shield .path8:before { content: "" } .esicon-shield .path9:before { content: "" } .esicon-shield .path10:before { content: "" } .esicon-unchecked-box .path1:before { content: ""; color: #fff } .esicon-unchecked-box .path2:before,.esicon-unchecked-box .path3:before { color: #ccc; margin-left: -1em } .esicon-unchecked-box .path2:before { content: "" } .esicon-unchecked-box .path3:before { content: "" } @font-face { font-family: "multi-offer-icon-font"; src: url("../fonts/multioffer/multi-offer-icon-font.eot"); src: url("../fonts/multioffer/multi-offer-icon-font.eot?#iefix") format("embedded-opentype"),url("../fonts/multioffer/multi-offer-icon-font.woff") format("woff"),url("../fonts/multioffer/multi-offer-icon-font.ttf") format("truetype"),url("../fonts/multioffer/multi-offer-icon-font.svg#multi-offer-icon-font") format("svg") } [class^=multioffericon-],[class*=" multioffericon-"] { font-family: "multi-offer-icon-font"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .multioffericon-close-modal:before { content: "" } .multioffericon-left-arrow:before { content: "" } .multioffericon-right-arrow:before { content: "" } [class^=pinicon-],[class*=" pinicon-"] { font-family: "pin-icon-font"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .pinicon-chosen-offer .path1:before { content: ""; color: #39b70e } .pinicon-chosen-offer .path2:before { content: ""; margin-left: -0.91015625em; color: #fff } .pinicon-chosen-offer .path3:before { content: ""; margin-left: -0.91015625em; color: #5bd431 } .pinicon-chosen-offer .path4:before { content: ""; margin-left: -0.91015625em; color: #fff } .pinicon-chosen-offer .path5:before { content: ""; margin-left: -0.91015625em; color: #fff } .pinicon-chosen-offer .path6:before { content: ""; margin-left: -0.91015625em; color: #fff } .pinicon-selected-offer .path1:before { content: ""; color: #39b70e } .pinicon-selected-offer .path2:before { content: ""; margin-left: -0.91015625em; color: #fff } .pinicon-selected-offer .path3:before { content: ""; margin-left: -0.91015625em; color: #5bd431 } .pinicon-selected-offer .path4:before { content: ""; margin-left: -0.91015625em; color: #fff } .pinicon-selected-offer .path5:before { content: ""; margin-left: -0.91015625em; color: #fff } .pinicon-map-offer:before { content: "" } .pinicon-hover-offer .path1:before { content: ""; color: #f15881 } .pinicon-hover-offer .path2:before { content: ""; margin-left: -0.763671875em; color: #fff } .pinicon-multi-hover-over .path1:before { content: ""; color: #39b70e } .pinicon-multi-hover-over .path2:before { content: ""; margin-left: -1.251953125em; color: #fff } .pinicon-multi-hover-over .path3:before { content: ""; margin-left: -1.251953125em; color: #b03758 } .pinicon-multi-hover-over .path4:before { content: ""; margin-left: -1.251953125em; color: #fff } .pinicon-multi-hover-over .path5:before { content: ""; margin-left: -1.251953125em; color: #f15881 } .pinicon-multi-hover-over .path6:before { content: ""; margin-left: -1.251953125em; color: #fff } .pinicon-multi-all-hover .path1:before { content: ""; color: #b03758 } .pinicon-multi-all-hover .path2:before { content: ""; margin-left: -1.251953125em; color: #fff } .pinicon-multi-all-hover .path3:before { content: ""; margin-left: -1.251953125em; color: #b03758 } .pinicon-multi-all-hover .path4:before { content: ""; margin-left: -1.251953125em; color: #fff } .pinicon-multi-all-hover .path5:before { content: ""; margin-left: -1.251953125em; color: #f15881 } .pinicon-multi-all-hover .path6:before { content: ""; margin-left: -1.251953125em; color: #fff } .pinicon-multi-selected-over .path1:before { content: ""; color: #b03758 } .pinicon-multi-selected-over .path2:before { content: ""; margin-left: -1.251953125em; color: #fff } .pinicon-multi-selected-over .path3:before { content: ""; margin-left: -1.251953125em; color: #b03758 } .pinicon-multi-selected-over .path4:before { content: ""; margin-left: -1.251953125em; color: #fff } .pinicon-multi-selected-over .path5:before { content: ""; margin-left: -1.251953125em; color: #39b70e } .pinicon-multi-selected-over .path6:before { content: ""; margin-left: -1.251953125em; color: #fff } .pinicon-multi-selected-over .path7:before { content: ""; margin-left: -1.251953125em; color: #eb9335 } .pinicon-multi-selected-over .path8:before { content: ""; margin-left: -1.251953125em; color: #fff } .pinicon-multi-selected-over .path9:before { content: ""; margin-left: -1.251953125em; color: #fff } @font-face { font-family: "es-icon-font"; src: url("https://tickets.europeantour.com/eut/fonts/eventshopper/es-icon-font.eot"); src: url("https://tickets.europeantour.com/eut/fonts/eventshopper/es-icon-font.eot?#iefix") format("embedded-opentype"),url("https://tickets.europeantour.com/eut/fonts/eventshopper/es-icon-font.woff") format("woff"),url("https://tickets.europeantour.com/eut/fonts/eventshopper/es-icon-font.ttf") format("truetype"),url("https://tickets.europeantour.com/eut/fonts/eventshopper/es-icon-font.svg#es-icon-font") format("svg") } @font-face { font-family: "pin-icon-font"; src: url("https://tickets.europeantour.com/eut/fonts/pin/pin-icon-font.eot"); src: url("https://tickets.europeantour.com/eut/fonts/pin/pin-icon-font.eot?#iefix") format("embedded-opentype"),url("https://tickets.europeantour.com/eut/fonts/pin/pin-icon-font.woff") format("woff"),url("https://tickets.europeantour.com/eut/fonts/pin/pin-icon-font.ttf") format("truetype"),url("https://tickets.europeantour.com/eut/fonts/pin/pin-icon-font.svg#pin_icon_font") format("svg") } @font-face { font-family: "Glyphicons Halflings"; src: url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"),url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"),url("https://tickets.europeantour.com/eut/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"),url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflings") format("svg") } @font-face { font-family: "Glyphicons Regular"; src: url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-regular.eot"); src: url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-regular.eot?#iefix") format("embedded-opentype"),url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-regular.woff2") format("woff2"),url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-regular.woff") format("woff"),url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-regular.ttf") format("truetype"),url("https://tickets.europeantour.com/eut/fonts/bootstrap/glyphicons-regular.svg#glyphicons_regular") format("svg") } .glyphicon-triangle-bottom:before { content: "▼" } .glyphicon-triangle-top:before { content: "▼"; transform: rotate(180deg); display: inline-block } .glyphicon-triangle-right:before { content: "▼"; transform: rotate(-90deg); display: inline-block } .glyphicon-triangle-left:before { content: "▼"; transform: rotate(90deg); display: inline-block } .glyphicon-halfling { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-halfling-asterisk:before { content: "*" } .glyphicon-halfling-plus:before { content: "+" } .glyphicon-halfling-euro:before,.glyphicon-halfling-eur:before { content: "€" } .glyphicon-halfling-minus:before { content: "−" } .glyphicon-halfling-cloud:before { content: "☁" } .glyphicon-halfling-envelope:before { content: "✉" } .glyphicon-halfling-pencil:before { content: "✏" } .glyphicon-halfling-glass:before { content: "" } .glyphicon-halfling-music:before { content: "" } .glyphicon-halfling-search:before { content: "" } .glyphicon-halfling-heart:before { content: "" } .glyphicon-halfling-star:before { content: "" } .glyphicon-halfling-star-empty:before { content: "" } .glyphicon-halfling-user:before { content: "" } .glyphicon-halfling-film:before { content: "" } .glyphicon-halfling-th-large:before { content: "" } .glyphicon-halfling-th:before { content: "" } .glyphicon-halfling-th-list:before { content: "" } .glyphicon-halfling-ok:before { content: "" } .glyphicon-halfling-remove:before { content: "" } .glyphicon-halfling-zoom-in:before { content: "" } .glyphicon-halfling-zoom-out:before { content: "" } .glyphicon-halfling-off:before { content: "" } .glyphicon-halfling-signal:before { content: "" } .glyphicon-halfling-cog:before { content: "" } .glyphicon-halfling-trash:before { content: "" } .glyphicon-halfling-home:before { content: "" } .glyphicon-halfling-file:before { content: "" } .glyphicon-halfling-time:before { content: "" } .glyphicon-halfling-road:before { content: "" } .glyphicon-halfling-download-alt:before { content: "" } .glyphicon-halfling-download:before { content: "" } .glyphicon-halfling-upload:before { content: "" } .glyphicon-halfling-inbox:before { content: "" } .glyphicon-halfling-play-circle:before { content: "" } .glyphicon-halfling-repeat:before { content: "" } .glyphicon-halfling-refresh:before { content: "" } .glyphicon-halfling-list-alt:before { content: "" } .glyphicon-halfling-lock:before { content: "" } .glyphicon-halfling-flag:before { content: "" } .glyphicon-halfling-headphones:before { content: "" } .glyphicon-halfling-volume-off:before { content: "" } .glyphicon-halfling-volume-down:before { content: "" } .glyphicon-halfling-volume-up:before { content: "" } .glyphicon-halfling-qrcode:before { content: "" } .glyphicon-halfling-barcode:before { content: "" } .glyphicon-halfling-tag:before { content: "" } .glyphicon-halfling-tags:before { content: "" } .glyphicon-halfling-book:before { content: "" } .glyphicon-halfling-bookmark:before { content: "" } .glyphicon-halfling-print:before { content: "" } .glyphicon-halfling-camera:before { content: "" } .glyphicon-halfling-font:before { content: "" } .glyphicon-halfling-bold:before { content: "" } .glyphicon-halfling-italic:before { content: "" } .glyphicon-halfling-text-height:before { content: "" } .glyphicon-halfling-text-width:before { content: "" } .glyphicon-halfling-align-left:before { content: "" } .glyphicon-halfling-align-center:before { content: "" } .glyphicon-halfling-align-right:before { content: "" } .glyphicon-halfling-align-justify:before { content: "" } .glyphicon-halfling-list:before { content: "" } .glyphicon-halfling-indent-left:before { content: "" } .glyphicon-halfling-indent-right:before { content: "" } .glyphicon-halfling-facetime-video:before { content: "" } .glyphicon-halfling-picture:before { content: "" } .glyphicon-halfling-map-marker:before { content: "" } .glyphicon-halfling-adjust:before { content: "" } .glyphicon-halfling-tint:before { content: "" } .glyphicon-halfling-edit:before { content: "" } .glyphicon-halfling-share:before { content: "" } .glyphicon-halfling-check:before { content: "" } .glyphicon-halfling-move:before { content: "" } .glyphicon-halfling-step-backward:before { content: "" } .glyphicon-halfling-fast-backward:before { content: "" } .glyphicon-halfling-backward:before { content: "" } .glyphicon-halfling-play:before { content: "" } .glyphicon-halfling-pause:before { content: "" } .glyphicon-halfling-stop:before { content: "" } .glyphicon-halfling-forward:before { content: "" } .glyphicon-halfling-fast-forward:before { content: "" } .glyphicon-halfling-step-forward:before { content: "" } .glyphicon-halfling-eject:before { content: "" } .glyphicon-halfling-chevron-left:before { content: "" } .glyphicon-halfling-chevron-right:before { content: "" } .glyphicon-halfling-plus-sign:before { content: "" } .glyphicon-halfling-minus-sign:before { content: "" } .glyphicon-halfling-remove-sign:before { content: "" } .glyphicon-halfling-ok-sign:before { content: "" } .glyphicon-halfling-question-sign:before { content: "" } .glyphicon-halfling-info-sign:before { content: "" } .glyphicon-halfling-screenshot:before { content: "" } .glyphicon-halfling-remove-circle:before { content: "" } .glyphicon-halfling-ok-circle:before { content: "" } .glyphicon-halfling-ban-circle:before { content: "" } .glyphicon-halfling-arrow-left:before { content: "" } .glyphicon-halfling-arrow-right:before { content: "" } .glyphicon-halfling-arrow-up:before { content: "" } .glyphicon-halfling-arrow-down:before { content: "" } .glyphicon-halfling-share-alt:before { content: "" } .glyphicon-halfling-resize-full:before { content: "" } .glyphicon-halfling-resize-small:before { content: "" } .glyphicon-halfling-exclamation-sign:before { content: "" } .glyphicon-halfling-gift:before { content: "" } .glyphicon-halfling-leaf:before { content: "" } .glyphicon-halfling-fire:before { content: "" } .glyphicon-halfling-eye-open:before { content: "" } .glyphicon-halfling-eye-close:before { content: "" } .glyphicon-halfling-warning-sign:before { content: "" } .glyphicon-halfling-plane:before { content: "" } .glyphicon-halfling-calendar:before { content: "" } .glyphicon-halfling-random:before { content: "" } .glyphicon-halfling-comment:before { content: "" } .glyphicon-halfling-magnet:before { content: "" } .glyphicon-halfling-chevron-up:before { content: "" } .glyphicon-halfling-chevron-down:before { content: "" } .glyphicon-halfling-retweet:before { content: "" } .glyphicon-halfling-shopping-cart:before { content: "" } .glyphicon-halfling-folder-close:before { content: "" } .glyphicon-halfling-folder-open:before { content: "" } .glyphicon-halfling-resize-vertical:before { content: "" } .glyphicon-halfling-resize-horizontal:before { content: "" } .glyphicon-halfling-hdd:before { content: "" } .glyphicon-halfling-bullhorn:before { content: "" } .glyphicon-halfling-bell:before { content: "" } .glyphicon-halfling-certificate:before { content: "" } .glyphicon-halfling-thumbs-up:before { content: "" } .glyphicon-halfling-thumbs-down:before { content: "" } .glyphicon-halfling-hand-right:before { content: "" } .glyphicon-halfling-hand-left:before { content: "" } .glyphicon-halfling-hand-up:before { content: "" } .glyphicon-halfling-hand-down:before { content: "" } .glyphicon-halfling-circle-arrow-right:before { content: "" } .glyphicon-halfling-circle-arrow-left:before { content: "" } .glyphicon-halfling-circle-arrow-up:before { content: "" } .glyphicon-halfling-circle-arrow-down:before { content: "" } .glyphicon-halfling-globe:before { content: "" } .glyphicon-halfling-wrench:before { content: "" } .glyphicon-halfling-tasks:before { content: "" } .glyphicon-halfling-filter:before { content: "" } .glyphicon-halfling-briefcase:before { content: "" } .glyphicon-halfling-fullscreen:before { content: "" } .glyphicon-halfling-dashboard:before { content: "" } .glyphicon-halfling-paperclip:before { content: "" } .glyphicon-halfling-heart-empty:before { content: "" } .glyphicon-halfling-link:before { content: "" } .glyphicon-halfling-phone:before { content: "" } .glyphicon-halfling-pushpin:before { content: "" } .glyphicon-halfling-usd:before { content: "" } .glyphicon-halfling-gbp:before { content: "" } .glyphicon-halfling-sort:before { content: "" } .glyphicon-halfling-sort-by-alphabet:before { content: "" } .glyphicon-halfling-sort-by-alphabet-alt:before { content: "" } .glyphicon-halfling-sort-by-order:before { content: "" } .glyphicon-halfling-sort-by-order-alt:before { content: "" } .glyphicon-halfling-sort-by-attributes:before { content: "" } .glyphicon-halfling-sort-by-attributes-alt:before { content: "" } .glyphicon-halfling-unchecked:before { content: "" } .glyphicon-halfling-expand:before { content: "" } .glyphicon-halfling-collapse-down:before { content: "" } .glyphicon-halfling-collapse-up:before { content: "" } .glyphicon-halfling-log-in:before { content: "" } .glyphicon-halfling-flash:before { content: "" } .glyphicon-halfling-log-out:before { content: "" } .glyphicon-halfling-new-window:before { content: "" } .glyphicon-halfling-record:before { content: "" } .glyphicon-halfling-save:before { content: "" } .glyphicon-halfling-open:before { content: "" } .glyphicon-halfling-saved:before { content: "" } .glyphicon-halfling-import:before { content: "" } .glyphicon-halfling-export:before { content: "" } .glyphicon-halfling-send:before { content: "" } .glyphicon-halfling-floppy-disk:before { content: "" } .glyphicon-halfling-floppy-saved:before { content: "" } .glyphicon-halfling-floppy-remove:before { content: "" } .glyphicon-halfling-floppy-save:before { content: "" } .glyphicon-halfling-floppy-open:before { content: "" } .glyphicon-halfling-credit-card:before { content: "" } .glyphicon-halfling-transfer:before { content: "" } .glyphicon-halfling-cutlery:before { content: "" } .glyphicon-halfling-header:before { content: "" } .glyphicon-halfling-compressed:before { content: "" } .glyphicon-halfling-earphone:before { content: "" } .glyphicon-halfling-phone-alt:before { content: "" } .glyphicon-halfling-tower:before { content: "" } .glyphicon-halfling-stats:before { content: "" } .glyphicon-halfling-sd-video:before { content: "" } .glyphicon-halfling-hd-video:before { content: "" } .glyphicon-halfling-subtitles:before { content: "" } .glyphicon-halfling-sound-stereo:before { content: "" } .glyphicon-halfling-sound-dolby:before { content: "" } .glyphicon-halfling-sound-5-1:before { content: "" } .glyphicon-halfling-sound-6-1:before { content: "" } .glyphicon-halfling-sound-7-1:before { content: "" } .glyphicon-halfling-copyright-mark:before { content: "" } .glyphicon-halfling-registration-mark:before { content: "" } .glyphicon-halfling-cloud-download:before { content: "" } .glyphicon-halfling-cloud-upload:before { content: "" } .glyphicon-halfling-tree-conifer:before { content: "" } .glyphicon-halfling-tree-deciduous:before { content: "" } .glyphicon-halfling-cd:before { content: "" } .glyphicon-halfling-save-file:before { content: "" } .glyphicon-halfling-open-file:before { content: "" } .glyphicon-halfling-level-up:before { content: "" } .glyphicon-halfling-copy:before { content: "" } .glyphicon-halfling-paste:before { content: "" } .glyphicon-halfling-alert:before { content: "" } .glyphicon-halfling-equalizer:before { content: "" } .glyphicon-halfling-king:before { content: "" } .glyphicon-halfling-queen:before { content: "" } .glyphicon-halfling-pawn:before { content: "" } .glyphicon-halfling-bishop:before { content: "" } .glyphicon-halfling-knight:before { content: "" } .glyphicon-halfling-baby-formula:before { content: "" } .glyphicon-halfling-tent:before { content: "⛺" } .glyphicon-halfling-blackboard:before { content: "" } .glyphicon-halfling-bed:before { content: "" } .glyphicon-halfling-apple:before { content: "" } .glyphicon-halfling-erase:before { content: "" } .glyphicon-halfling-hourglass:before { content: "⌛" } .glyphicon-halfling-lamp:before { content: "" } .glyphicon-halfling-duplicate:before { content: "" } .glyphicon-halfling-piggy-bank:before { content: "" } .glyphicon-halfling-scissors:before { content: "" } .glyphicon-halfling-bitcoin:before { content: "" } .glyphicon-halfling-btc:before { content: "" } .glyphicon-halfling-xbt:before { content: "" } .glyphicon-halfling-yen:before { content: "¥" } .glyphicon-halfling-jpy:before { content: "¥" } .glyphicon-halfling-ruble:before { content: "₽" } .glyphicon-halfling-rub:before { content: "₽" } .glyphicon-halfling-scale:before { content: "" } .glyphicon-halfling-ice-lolly:before { content: "" } .glyphicon-halfling-ice-lolly-tasted:before { content: "" } .glyphicon-halfling-education:before { content: "" } .glyphicon-halfling-option-horizontal:before { content: "" } .glyphicon-halfling-option-vertical:before { content: "" } .glyphicon-halfling-menu-hamburger:before { content: "" } .glyphicon-halfling-modal-window:before { content: "" } .glyphicon-halfling-oil:before { content: "" } .glyphicon-halfling-grain:before { content: "" } .glyphicon-halfling-sunglasses:before { content: "" } .glyphicon-halfling-text-size:before { content: "" } .glyphicon-halfling-text-color:before { content: "" } .glyphicon-halfling-text-background:before { content: "" } .glyphicon-halfling-object-align-top:before { content: "" } .glyphicon-halfling-object-align-bottom:before { content: "" } .glyphicon-halfling-object-align-horizontal:before { content: "" } .glyphicon-halfling-object-align-left:before { content: "" } .glyphicon-halfling-object-align-vertical:before { content: "" } .glyphicon-halfling-object-align-right:before { content: "" } .glyphicon-halfling-triangle-right:before { content: "" } .glyphicon-halfling-triangle-left:before { content: "" } .glyphicon-halfling-triangle-bottom:before { content: "" } .glyphicon-halfling-triangle-top:before { content: "" } .glyphicon-halfling-console:before { content: "" } .glyphicon-halfling-superscript:before { content: "" } .glyphicon-halfling-subscript:before { content: "" } .glyphicon-halfling-menu-left:before { content: "" } .glyphicon-halfling-menu-right:before { content: "" } .glyphicon-halfling-menu-down:before { content: "" } .glyphicon-halfling-menu-up:before { content: "" } .glyphicon,.number-selector-fancy button.number-selector-fancy__button { position: relative; display: inline-block; font-family: "Glyphicons Regular"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon.x05,.number-selector-fancy button.x05.number-selector-fancy__button { font-size: 12px } .glyphicon.x2,.number-selector-fancy button.x2.number-selector-fancy__button { font-size: 48px } .glyphicon.x3,.number-selector-fancy button.x3.number-selector-fancy__button { font-size: 72px } .glyphicon.x4,.number-selector-fancy button.x4.number-selector-fancy__button { font-size: 96px } .glyphicon.x5,.number-selector-fancy button.x5.number-selector-fancy__button { font-size: 120px } .glyphicon.light:before,.number-selector-fancy button.light.number-selector-fancy__button:before { color: #f2f2f2 } .glyphicon.drop:before,.number-selector-fancy button.drop.number-selector-fancy__button:before { text-shadow: -1px 1px 3px rgba(0,0,0,.3) } .glyphicon.flip,.number-selector-fancy button.flip.number-selector-fancy__button { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH" } .glyphicon.flipv,.number-selector-fancy button.flipv.number-selector-fancy__button { transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV" } .glyphicon.animated-transform,.number-selector-fancy button.animated-transform.number-selector-fancy__button { transition: transform .2s ease-in-out } .glyphicon.rotate90,.number-selector-fancy button.rotate90.number-selector-fancy__button { transform: rotate(90deg) } .glyphicon.rotate180,.number-selector-fancy button.rotate180.number-selector-fancy__button { transform: rotate(180deg) } .glyphicon.rotate270,.number-selector-fancy button.rotate270.number-selector-fancy__button { transform: rotate(270deg) } .glyphicon-glass:before { content: "" } .glyphicon-leaf:before { content: "" } .glyphicon-dog:before { content: "" } .glyphicon-user:before { content: "" } .glyphicon-girl:before { content: "" } .glyphicon-car:before { content: "" } .glyphicon-user-add:before { content: "" } .glyphicon-user-remove:before { content: "" } .glyphicon-film:before { content: "" } .glyphicon-magic:before { content: "" } .glyphicon-envelope:before { content: "" } .glyphicon-camera:before { content: "" } .glyphicon-heart:before { content: "" } .glyphicon-beach-umbrella:before { content: "" } .glyphicon-train:before { content: "" } .glyphicon-print:before { content: "" } .glyphicon-bin:before { content: "" } .glyphicon-music:before { content: "" } .glyphicon-music-alt:before { content: "" } .glyphicon-heart-empty:before { content: "" } .glyphicon-home:before { content: "" } .glyphicon-snowflake:before { content: "" } .glyphicon-fire:before { content: "" } .glyphicon-magnet:before { content: "" } .glyphicon-parents:before { content: "" } .glyphicon-binoculars:before { content: "" } .glyphicon-road:before { content: "" } .glyphicon-search:before { content: "" } .glyphicon-cars:before { content: "" } .glyphicon-notes-2:before { content: "" } .glyphicon-pencil:before { content: "" } .glyphicon-bus:before { content: "" } .glyphicon-wifi-alt:before { content: "" } .glyphicon-luggage:before { content: "" } .glyphicon-old-man:before { content: "" } .glyphicon-woman:before { content: "" } .glyphicon-file:before { content: "" } .glyphicon-coins:before { content: "" } .glyphicon-plane:before { content: "" } .glyphicon-notes:before { content: "" } .glyphicon-stats:before { content: "" } .glyphicon-charts:before { content: "" } .glyphicon-pie-chart:before { content: "" } .glyphicon-group:before { content: "" } .glyphicon-keys:before { content: "" } .glyphicon-calendar:before { content: "" } .glyphicon-router:before { content: "" } .glyphicon-camera-small:before { content: "" } .glyphicon-star-empty:before { content: "" } .glyphicon-star:before { content: "" } .glyphicon-link:before { content: "" } .glyphicon-eye-open:before { content: "" } .glyphicon-eye-close:before { content: "" } .glyphicon-alarm:before { content: "" } .glyphicon-clock:before { content: "" } .glyphicon-stopwatch:before { content: "" } .glyphicon-projector:before { content: "" } .glyphicon-history:before { content: "" } .glyphicon-truck:before { content: "" } .glyphicon-cargo:before { content: "" } .glyphicon-compass:before { content: "" } .glyphicon-keynote:before { content: "" } .glyphicon-paperclip:before { content: "" } .glyphicon-power:before { content: "" } .glyphicon-lightbulb:before { content: "" } .glyphicon-tag:before { content: "" } .glyphicon-tags:before { content: "" } .glyphicon-cleaning:before { content: "" } .glyphicon-ruler:before { content: "" } .glyphicon-gift:before { content: "" } .glyphicon-umbrella:before { content: "" } .glyphicon-book:before { content: "" } .glyphicon-bookmark:before { content: "" } .glyphicon-wifi:before { content: "" } .glyphicon-cup:before { content: "" } .glyphicon-stroller:before { content: "" } .glyphicon-headphones:before { content: "" } .glyphicon-headset:before { content: "" } .glyphicon-warning-sign:before { content: "" } .glyphicon-signal:before { content: "" } .glyphicon-retweet:before { content: "" } .glyphicon-refresh:before { content: "" } .glyphicon-roundabout:before { content: "" } .glyphicon-random:before { content: "" } .glyphicon-heat:before { content: "" } .glyphicon-repeat:before { content: "" } .glyphicon-display:before { content: "" } .glyphicon-log-book:before { content: "" } .glyphicon-address-book:before { content: "" } .glyphicon-building:before { content: "" } .glyphicon-eyedropper:before { content: "" } .glyphicon-adjust:before { content: "" } .glyphicon-tint:before { content: "" } .glyphicon-crop:before { content: "" } .glyphicon-vector-path-square:before { content: "" } .glyphicon-vector-path-circle:before { content: "" } .glyphicon-vector-path-polygon:before { content: "" } .glyphicon-vector-path-line:before { content: "" } .glyphicon-vector-path-curve:before { content: "" } .glyphicon-vector-path-all:before { content: "" } .glyphicon-font:before { content: "" } .glyphicon-italic:before { content: "" } .glyphicon-bold:before { content: "" } .glyphicon-text-underline:before { content: "" } .glyphicon-text-strike:before { content: "" } .glyphicon-text-height:before { content: "" } .glyphicon-text-width:before { content: "" } .glyphicon-text-resize:before { content: "" } .glyphicon-left-indent:before { content: "" } .glyphicon-right-indent:before { content: "" } .glyphicon-align-left:before { content: "" } .glyphicon-align-center:before { content: "" } .glyphicon-align-right:before { content: "" } .glyphicon-justify:before { content: "" } .glyphicon-list:before { content: "" } .glyphicon-text-smaller:before { content: "" } .glyphicon-text-bigger:before { content: "" } .glyphicon-embed:before { content: "" } .glyphicon-embed-close:before { content: "" } .glyphicon-table:before { content: "" } .glyphicon-message-full:before { content: "" } .glyphicon-message-empty:before { content: "" } .glyphicon-message-in:before { content: "" } .glyphicon-message-out:before { content: "" } .glyphicon-message-plus:before { content: "" } .glyphicon-message-minus:before { content: "" } .glyphicon-message-ban:before { content: "" } .glyphicon-message-flag:before { content: "" } .glyphicon-message-lock:before { content: "" } .glyphicon-message-new:before { content: "" } .glyphicon-inbox:before { content: "" } .glyphicon-inbox-plus:before { content: "" } .glyphicon-inbox-minus:before { content: "" } .glyphicon-inbox-lock:before { content: "" } .glyphicon-inbox-in:before { content: "" } .glyphicon-inbox-out:before { content: "" } .glyphicon-cogwheel:before { content: "" } .glyphicon-cogwheels:before { content: "" } .glyphicon-picture:before { content: "" } .glyphicon-adjust-alt:before { content: "" } .glyphicon-database-lock:before { content: "" } .glyphicon-database-plus:before { content: "" } .glyphicon-database-minus:before { content: "" } .glyphicon-database-ban:before { content: "" } .glyphicon-folder-open:before { content: "" } .glyphicon-folder-plus:before { content: "" } .glyphicon-folder-minus:before { content: "" } .glyphicon-folder-lock:before { content: "" } .glyphicon-folder-flag:before { content: "" } .glyphicon-folder-new:before { content: "" } .glyphicon-edit:before { content: "" } .glyphicon-new-window:before { content: "" } .glyphicon-check:before { content: "" } .glyphicon-unchecked:before { content: "" } .glyphicon-more-windows:before { content: "" } .glyphicon-show-big-thumbnails:before { content: "" } .glyphicon-show-thumbnails:before { content: "" } .glyphicon-show-thumbnails-with-lines:before { content: "" } .glyphicon-show-lines:before { content: "" } .glyphicon-playlist:before { content: "" } .glyphicon-imac:before { content: "" } .glyphicon-macbook:before { content: "" } .glyphicon-ipad:before { content: "" } .glyphicon-iphone:before { content: "" } .glyphicon-iphone-transfer:before { content: "" } .glyphicon-iphone-exchange:before { content: "" } .glyphicon-ipod:before { content: "" } .glyphicon-ipod-shuffle:before { content: "" } .glyphicon-ear-plugs:before { content: "" } .glyphicon-record:before { content: "" } .glyphicon-step-backward:before { content: "" } .glyphicon-fast-backward:before { content: "" } .glyphicon-rewind:before { content: "" } .glyphicon-play:before { content: "" } .glyphicon-pause:before { content: "" } .glyphicon-stop:before { content: "" } .glyphicon-forward:before { content: "" } .glyphicon-fast-forward:before { content: "" } .glyphicon-step-forward:before { content: "" } .glyphicon-eject:before { content: "" } .glyphicon-facetime-video:before { content: "" } .glyphicon-download-alt:before { content: "" } .glyphicon-mute:before { content: "" } .glyphicon-volume-down:before { content: "" } .glyphicon-volume-up:before { content: "" } .glyphicon-screenshot:before { content: "" } .glyphicon-move:before { content: "" } .glyphicon-more:before { content: "" } .glyphicon-brightness-reduce:before { content: "" } .glyphicon-brightness-increase:before { content: "" } .glyphicon-plus-sign:before { content: "" } .glyphicon-minus-sign:before { content: "" } .glyphicon-remove-sign:before { content: "" } .glyphicon-ok-sign:before { content: "" } .glyphicon-question-sign:before { content: "" } .glyphicon-info-sign:before { content: "" } .glyphicon-exclamation-sign:before { content: "" } .glyphicon-remove-circle:before { content: "" } .glyphicon-ok-circle:before { content: "" } .glyphicon-ban-circle:before { content: "" } .glyphicon-download:before { content: "" } .glyphicon-upload:before { content: "" } .glyphicon-shopping-cart:before { content: "" } .glyphicon-lock:before { content: "" } .glyphicon-unlock:before { content: "" } .glyphicon-electricity:before { content: "" } .glyphicon-ok:before { content: "" } .glyphicon-remove:before { content: "" } .glyphicon-cart-in:before { content: "" } .glyphicon-cart-out:before { content: "" } .glyphicon-arrow-left:before { content: "" } .glyphicon-arrow-right:before { content: "" } .glyphicon-arrow-down:before { content: "" } .glyphicon-arrow-up:before { content: "" } .glyphicon-resize-small:before { content: "" } .glyphicon-resize-full:before { content: "" } .glyphicon-circle-arrow-left:before { content: "" } .glyphicon-circle-arrow-right:before { content: "" } .glyphicon-circle-arrow-top:before { content: "" } .glyphicon-circle-arrow-down:before { content: "" } .glyphicon-play-button:before { content: "" } .glyphicon-unshare:before { content: "" } .glyphicon-share:before { content: "" } .glyphicon-chevron-right:before { content: "" } .glyphicon-chevron-left:before { content: "" } .glyphicon-bluetooth:before { content: "" } .glyphicon-euro:before { content: "" } .glyphicon-usd:before { content: "" } .glyphicon-gbp:before { content: "" } .glyphicon-retweet-2:before { content: "" } .glyphicon-moon:before { content: "" } .glyphicon-sun:before { content: "" } .glyphicon-cloud:before { content: "" } .glyphicon-direction:before { content: "" } .glyphicon-brush:before { content: "" } .glyphicon-pen:before { content: "" } .glyphicon-zoom-in:before { content: "" } .glyphicon-zoom-out:before { content: "" } .glyphicon-pin:before { content: "" } .glyphicon-albums:before { content: "" } .glyphicon-rotation-lock:before { content: "" } .glyphicon-flash:before { content: "" } .glyphicon-map-marker:before { content: "" } .glyphicon-anchor:before { content: "" } .glyphicon-conversation:before { content: "" } .glyphicon-chat:before { content: "" } .glyphicon-note-empty:before { content: "" } .glyphicon-note:before { content: "" } .glyphicon-asterisk:before { content: "" } .glyphicon-divide:before { content: "" } .glyphicon-snorkel-diving:before { content: "" } .glyphicon-scuba-diving:before { content: "" } .glyphicon-oxygen-bottle:before { content: "" } .glyphicon-fins:before { content: "" } .glyphicon-fishes:before { content: "" } .glyphicon-boat:before { content: "" } .glyphicon-delete:before { content: "" } .glyphicon-sheriffs-star:before { content: "" } .glyphicon-qrcode:before { content: "" } .glyphicon-barcode:before { content: "" } .glyphicon-pool:before { content: "" } .glyphicon-buoy:before { content: "" } .glyphicon-spade:before { content: "" } .glyphicon-bank:before { content: "" } .glyphicon-vcard:before { content: "" } .glyphicon-electrical-plug:before { content: "" } .glyphicon-flag:before { content: "" } .glyphicon-credit-card:before { content: "" } .glyphicon-keyboard-wireless:before { content: "" } .glyphicon-keyboard-wired:before { content: "" } .glyphicon-shield:before { content: "" } .glyphicon-ring:before { content: "" } .glyphicon-cake:before { content: "" } .glyphicon-drink:before { content: "" } .glyphicon-beer:before { content: "" } .glyphicon-fast-food:before { content: "" } .glyphicon-cutlery:before { content: "" } .glyphicon-pizza:before { content: "" } .glyphicon-birthday-cake:before { content: "" } .glyphicon-tablet:before { content: "" } .glyphicon-settings:before { content: "" } .glyphicon-bullets:before { content: "" } .glyphicon-cardio:before { content: "" } .glyphicon-t-shirt:before { content: "" } .glyphicon-pants:before { content: "" } .glyphicon-sweater:before { content: "" } .glyphicon-fabric:before { content: "" } .glyphicon-leather:before { content: "" } .glyphicon-scissors:before { content: "" } .glyphicon-bomb:before { content: "" } .glyphicon-skull:before { content: "" } .glyphicon-celebration:before { content: "" } .glyphicon-tea-kettle:before { content: "" } .glyphicon-french-press:before { content: "" } .glyphicon-coffee-cup:before { content: "" } .glyphicon-pot:before { content: "" } .glyphicon-grater:before { content: "" } .glyphicon-kettle:before { content: "" } .glyphicon-hospital:before { content: "" } .glyphicon-hospital-h:before { content: "" } .glyphicon-microphone:before { content: "" } .glyphicon-webcam:before { content: "" } .glyphicon-temple-christianity-church:before { content: "" } .glyphicon-temple-islam:before { content: "" } .glyphicon-temple-hindu:before { content: "" } .glyphicon-temple-buddhist:before { content: "" } .glyphicon-bicycle:before { content: "" } .glyphicon-life-preserver:before { content: "" } .glyphicon-share-alt:before { content: "" } .glyphicon-comments:before { content: "" } .glyphicon-flower:before { content: "" } .glyphicon-baseball:before { content: "" } .glyphicon-rugby:before { content: "" } .glyphicon-ax:before { content: "" } .glyphicon-table-tennis:before { content: "" } .glyphicon-bowling:before { content: "" } .glyphicon-tree-conifer:before { content: "" } .glyphicon-tree-deciduous:before { content: "" } .glyphicon-more-items:before { content: "" } .glyphicon-sort:before { content: "" } .glyphicon-filter:before { content: "" } .glyphicon-gamepad:before { content: "" } .glyphicon-playing-dices:before { content: "" } .glyphicon-calculator:before { content: "" } .glyphicon-tie:before { content: "" } .glyphicon-wallet:before { content: "" } .glyphicon-piano:before { content: "" } .glyphicon-sampler:before { content: "" } .glyphicon-podium:before { content: "" } .glyphicon-soccer-ball:before { content: "" } .glyphicon-blog:before { content: "" } .glyphicon-dashboard:before { content: "" } .glyphicon-certificate:before { content: "" } .glyphicon-bell:before { content: "" } .glyphicon-candle:before { content: "" } .glyphicon-pushpin:before { content: "" } .glyphicon-iphone-shake:before { content: "" } .glyphicon-pin-flag:before { content: "" } .glyphicon-turtle:before { content: "" } .glyphicon-rabbit:before { content: "" } .glyphicon-globe:before { content: "" } .glyphicon-briefcase:before { content: "" } .glyphicon-hdd:before { content: "" } .glyphicon-thumbs-up:before { content: "" } .glyphicon-thumbs-down:before { content: "" } .glyphicon-hand-right:before { content: "" } .glyphicon-hand-left:before { content: "" } .glyphicon-hand-up:before { content: "" } .glyphicon-hand-down:before { content: "" } .glyphicon-fullscreen:before { content: "" } .glyphicon-shopping-bag:before { content: "" } .glyphicon-book-open:before { content: "" } .glyphicon-nameplate:before { content: "" } .glyphicon-nameplate-alt:before { content: "" } .glyphicon-vases:before { content: "" } .glyphicon-bullhorn:before { content: "" } .glyphicon-dumbbell:before { content: "" } .glyphicon-suitcase:before { content: "" } .glyphicon-file-import:before { content: "" } .glyphicon-file-export:before { content: "" } .glyphicon-bug:before { content: "" } .glyphicon-crown:before { content: "" } .glyphicon-smoking:before { content: "" } .glyphicon-cloud-upload:before { content: "" } .glyphicon-cloud-download:before { content: "" } .glyphicon-restart:before { content: "" } .glyphicon-security-camera:before { content: "" } .glyphicon-expand:before { content: "" } .glyphicon-collapse:before { content: "" } .glyphicon-collapse-top:before { content: "" } .glyphicon-globe-af:before { content: "" } .glyphicon-global:before { content: "" } .glyphicon-spray:before { content: "" } .glyphicon-nails:before { content: "" } .glyphicon-claw-hammer:before { content: "" } .glyphicon-classic-hammer:before { content: "" } .glyphicon-hand-saw:before { content: "" } .glyphicon-riflescope:before { content: "" } .glyphicon-electrical-socket-eu:before { content: "" } .glyphicon-electrical-socket-us:before { content: "" } .glyphicon-message-forward:before { content: "" } .glyphicon-coat-hanger:before { content: "" } .glyphicon-dress:before { content: "" } .glyphicon-bathrobe:before { content: "" } .glyphicon-shirt:before { content: "" } .glyphicon-underwear:before { content: "" } .glyphicon-log-in:before { content: "" } .glyphicon-log-out:before { content: "" } .glyphicon-exit:before { content: "" } .glyphicon-new-window-alt:before { content: "" } .glyphicon-video-sd:before { content: "" } .glyphicon-video-hd:before { content: "" } .glyphicon-subtitles:before { content: "" } .glyphicon-sound-stereo:before { content: "" } .glyphicon-sound-dolby:before { content: "" } .glyphicon-sound-5-1:before { content: "" } .glyphicon-sound-6-1:before { content: "" } .glyphicon-sound-7-1:before { content: "" } .glyphicon-copyright-mark:before { content: "" } .glyphicon-registration-mark:before { content: "" } .glyphicon-radar:before { content: "" } .glyphicon-skateboard:before { content: "" } .glyphicon-golf-course:before { content: "" } .glyphicon-sorting:before { content: "" } .glyphicon-sort-by-alphabet:before { content: "" } .glyphicon-sort-by-alphabet-alt:before { content: "" } .glyphicon-sort-by-order:before { content: "" } .glyphicon-sort-by-order-alt:before { content: "" } .glyphicon-sort-by-attributes:before { content: "" } .glyphicon-sort-by-attributes-alt:before { content: "" } .glyphicon-compressed:before { content: "" } .glyphicon-package:before { content: "" } .glyphicon-cloud-plus:before { content: "" } .glyphicon-cloud-minus:before { content: "" } .glyphicon-disk-save:before { content: "" } .glyphicon-disk-open:before { content: "" } .glyphicon-disk-saved:before { content: "" } .glyphicon-disk-remove:before { content: "" } .glyphicon-disk-import:before { content: "" } .glyphicon-disk-export:before { content: "" } .glyphicon-tower:before { content: "" } .glyphicon-send:before { content: "" } .glyphicon-git-branch:before { content: "" } .glyphicon-git-create:before { content: "" } .glyphicon-git-private:before { content: "" } .glyphicon-git-delete:before { content: "" } .glyphicon-git-merge:before { content: "" } .glyphicon-git-pull-request:before { content: "" } .glyphicon-git-compare:before { content: "" } .glyphicon-git-commit:before { content: "" } .glyphicon-construction-cone:before { content: "" } .glyphicon-shoe-steps:before { content: "" } .glyphicon-plus:before { content: "" } .glyphicon-minus:before { content: "" } .glyphicon-redo:before { content: "" } .glyphicon-undo:before { content: "" } .glyphicon-golf:before { content: "" } .glyphicon-hockey:before { content: "" } .glyphicon-pipe:before { content: "" } .glyphicon-wrench:before { content: "" } .glyphicon-folder-closed:before { content: "" } .glyphicon-phone-alt:before { content: "" } .glyphicon-earphone:before { content: "" } .glyphicon-floppy-disk:before { content: "" } .glyphicon-floppy-saved:before { content: "" } .glyphicon-floppy-remove:before { content: "" } .glyphicon-floppy-save:before { content: "" } .glyphicon-floppy-open:before { content: "" } .glyphicon-translate:before { content: "" } .glyphicon-fax:before { content: "" } .glyphicon-factory:before { content: "" } .glyphicon-shop-window:before { content: "" } .glyphicon-shop:before { content: "" } .glyphicon-kiosk:before { content: "" } .glyphicon-kiosk-wheels:before { content: "" } .glyphicon-kiosk-light:before { content: "" } .glyphicon-kiosk-food:before { content: "" } .glyphicon-transfer:before { content: "" } .glyphicon-money:before { content: "" } .glyphicon-header:before { content: "" } .glyphicon-blacksmith:before { content: "" } .glyphicon-saw-blade:before { content: "" } .glyphicon-basketball:before { content: "" } .glyphicon-server:before { content: "" } .glyphicon-server-plus:before { content: "" } .glyphicon-server-minus:before { content: "" } .glyphicon-server-ban:before { content: "" } .glyphicon-server-flag:before { content: "" } .glyphicon-server-lock:before { content: "" } .glyphicon-server-new:before { content: "" } .glyphicon-charging-station:before { content: "" } .glyphicon-gas-station:before { content: "" } .glyphicon-target:before { content: "" } .glyphicon-bed:before { content: "" } .glyphicon-mosquito:before { content: "" } .glyphicon-dining-set:before { content: "" } .glyphicon-plate-of-food:before { content: "" } .glyphicon-hygiene-kit:before { content: "" } .glyphicon-blackboard:before { content: "" } .glyphicon-marriage:before { content: "" } .glyphicon-bucket:before { content: "" } .glyphicon-none-color-swatch:before { content: "" } .glyphicon-bring-forward:before { content: "" } .glyphicon-bring-to-front:before { content: "" } .glyphicon-send-backward:before { content: "" } .glyphicon-send-to-back:before { content: "" } .glyphicon-fit-frame-to-image:before { content: "" } .glyphicon-fit-image-to-frame:before { content: "" } .glyphicon-multiple-displays:before { content: "" } .glyphicon-handshake:before { content: "" } .glyphicon-child:before { content: "" } .glyphicon-baby-formula:before { content: "" } .glyphicon-medicine:before { content: "" } .glyphicon-atv-vehicle:before { content: "" } .glyphicon-motorcycle:before { content: "" } .glyphicon-bed-alt:before { content: "" } .glyphicon-tent:before { content: "" } .glyphicon-glasses:before { content: "" } .glyphicon-sunglasses:before { content: "" } .glyphicon-family:before { content: "" } .glyphicon-education:before { content: "" } .glyphicon-shoes:before { content: "" } .glyphicon-map:before { content: "" } .glyphicon-cd:before { content: "" } .glyphicon-alert:before { content: "" } .glyphicon-piggy-bank:before { content: "" } .glyphicon-star-half:before { content: "" } .glyphicon-cluster:before { content: "" } .glyphicon-flowchart:before { content: "" } .glyphicon-commodities:before { content: "" } .glyphicon-duplicate:before { content: "" } .glyphicon-copy:before { content: "" } .glyphicon-paste:before { content: "" } .glyphicon-bath-bathtub:before { content: "" } .glyphicon-bath-shower:before { content: "" } .glyphicon-shower:before { content: "" } .glyphicon-menu-hamburger:before { content: "" } .glyphicon-option-vertical:before { content: "" } .glyphicon-option-horizontal:before { content: "" } .glyphicon-currency-conversion:before { content: "" } .glyphicon-user-ban:before { content: "" } .glyphicon-user-lock:before { content: "" } .glyphicon-user-flag:before { content: "" } .glyphicon-user-asterisk:before { content: "" } .glyphicon-user-alert:before { content: "" } .glyphicon-user-key:before { content: "" } .glyphicon-user-conversation:before { content: "" } .glyphicon-database:before { content: "" } .glyphicon-database-search:before { content: "" } .glyphicon-list-alt:before { content: "" } .glyphicon-hazard-sign:before { content: "" } .glyphicon-hazard:before { content: "" } .glyphicon-stop-sign:before { content: "" } .glyphicon-lab:before { content: "" } .glyphicon-lab-alt:before { content: "" } .glyphicon-ice-cream:before { content: "" } .glyphicon-ice-lolly:before { content: "" } .glyphicon-ice-lolly-tasted:before { content: "" } .glyphicon-invoice:before { content: "" } .glyphicon-cart-tick:before { content: "" } .glyphicon-hourglass:before { content: "" } .glyphicon-cat:before { content: "" } .glyphicon-lamp:before { content: "" } .glyphicon-scale-classic:before { content: "" } .glyphicon-eye-plus:before { content: "" } .glyphicon-eye-minus:before { content: "" } .glyphicon-quote:before { content: "" } .glyphicon-bitcoin:before { content: "" } .glyphicon-yen:before { content: "" } .glyphicon-ruble:before { content: "" } .glyphicon-erase:before { content: "" } .glyphicon-podcast:before { content: "" } .glyphicon-firework:before { content: "" } .glyphicon-scale:before { content: "" } .glyphicon-king:before { content: "" } .glyphicon-queen:before { content: "" } .glyphicon-pawn:before { content: "" } .glyphicon-bishop:before { content: "" } .glyphicon-knight:before { content: "" } .glyphicon-mic-mute:before { content: "" } .glyphicon-voicemail:before { content: "" } .glyphicon-paragraph-alt:before { content: "" } .glyphicon-person-walking:before { content: "" } .glyphicon-person-wheelchair:before { content: "" } .glyphicon-underground:before { content: "" } .glyphicon-car-hov:before { content: "" } .glyphicon-car-rental:before { content: "" } .glyphicon-transport:before { content: "" } .glyphicon-taxi:before { content: "" } .glyphicon-ice-cream-no:before { content: "" } .glyphicon-uk-rat-u:before { content: "" } .glyphicon-uk-rat-pg:before { content: "" } .glyphicon-uk-rat-12a:before { content: "" } .glyphicon-uk-rat-12:before { content: "" } .glyphicon-uk-rat-15:before { content: "" } .glyphicon-uk-rat-18:before { content: "" } .glyphicon-uk-rat-r18:before { content: "" } .glyphicon-tv:before { content: "" } .glyphicon-sms:before { content: "" } .glyphicon-mms:before { content: "" } .glyphicon-us-rat-g:before { content: "" } .glyphicon-us-rat-pg:before { content: "" } .glyphicon-us-rat-pg-13:before { content: "" } .glyphicon-us-rat-restricted:before { content: "" } .glyphicon-us-rat-no-one-17:before { content: "" } .glyphicon-equalizer:before { content: "" } .glyphicon-speakers:before { content: "" } .glyphicon-remote-control:before { content: "" } .glyphicon-remote-control-tv:before { content: "" } .glyphicon-shredder:before { content: "" } .glyphicon-folder-heart:before { content: "" } .glyphicon-person-running:before { content: "" } .glyphicon-person:before { content: "" } .glyphicon-voice:before { content: "" } .glyphicon-stethoscope:before { content: "" } .glyphicon-paired:before { content: "" } .glyphicon-activity:before { content: "" } .glyphicon-watch:before { content: "" } .glyphicon-scissors-alt:before { content: "" } .glyphicon-car-wheel:before { content: "" } .glyphicon-chevron-up:before { content: "" } .glyphicon-chevron-down:before { content: "" } .glyphicon-superscript:before { content: "" } .glyphicon-subscript:before { content: "" } .glyphicon-text-size:before { content: "" } .glyphicon-text-color:before { content: "" } .glyphicon-text-background:before { content: "" } .glyphicon-modal-window:before { content: "" } .glyphicon-newspaper:before { content: "" } .glyphicon-tractor:before { content: "" } .glyphicon-camping:before { content: "" } .glyphicon-camping-benches:before { content: "" } .glyphicon-forest:before { content: "" } .glyphicon-park:before { content: "" } .glyphicon-field:before { content: "" } .glyphicon-mountains:before { content: "" } .glyphicon-fees-payments:before { content: "" } .glyphicon-small-payments:before { content: "" } .glyphicon-mixed-buildings:before { content: "" } .glyphicon-industrial-zone:before { content: "" } .glyphicon-visitor-tag:before { content: "" } .glyphicon-businessman:before { content: "" } .glyphicon-meditation:before { content: "" } .glyphicon-bath:before { content: "" } .glyphicon-donate:before { content: "" } .glyphicon-sauna:before { content: "" } .glyphicon-bedroom-nightstand:before { content: "" } .glyphicon-bedroom-lamp:before { content: "" } .glyphicon-doctor:before { content: "" } .glyphicon-engineering-networks:before { content: "" } .glyphicon-washing-machine:before { content: "" } .glyphicon-dryer:before { content: "" } .glyphicon-dishwasher:before { content: "" } .glyphicon-luggage-group:before { content: "" } .glyphicon-teenager:before { content: "" } .glyphicon-person-stick:before { content: "" } .glyphicon-person-stick-old:before { content: "" } .glyphicon-traveler:before { content: "" } .glyphicon-veteran:before { content: "" } .glyphicon-group-chat:before { content: "" } .glyphicon-elections:before { content: "" } .glyphicon-law-justice:before { content: "" } .glyphicon-judiciary:before { content: "" } .glyphicon-house-fire:before { content: "" } .glyphicon-firefighters:before { content: "" } .glyphicon-police:before { content: "" } .glyphicon-ambulance:before { content: "" } .glyphicon-light-beacon:before { content: "" } .glyphicon-important-day:before { content: "" } .glyphicon-bike-park:before { content: "" } .glyphicon-object-align-top:before { content: "" } .glyphicon-object-align-bottom:before { content: "" } .glyphicon-object-align-horizontal:before { content: "" } .glyphicon-object-align-left:before { content: "" } .glyphicon-object-align-vertical:before { content: "" } .glyphicon-object-align-right:before { content: "" } .glyphicon-reflect-y:before { content: "" } .glyphicon-reflect-x:before { content: "" } .glyphicon-tick:before { content: "" } .glyphicon-lawnmower:before { content: "" } .glyphicon-call-redirect:before { content: "" } .glyphicon-call-ip:before { content: "" } .glyphicon-call-record:before { content: "" } .glyphicon-call-ringtone:before { content: "" } .glyphicon-call-traffic:before { content: "" } .glyphicon-call-hold:before { content: "" } .glyphicon-call-incoming:before { content: "" } .glyphicon-call-outgoing:before { content: "" } .glyphicon-call-video:before { content: "" } .glyphicon-call-missed:before { content: "" } .glyphicon-theater:before { content: "" } .glyphicon-heartbeat:before { content: "" } .glyphicon-kettlebell:before { content: "" } .glyphicon-fireplace:before { content: "" } .glyphicon-street-lights:before { content: "" } .glyphicon-pedestrian:before { content: "" } .glyphicon-flood:before { content: "" } .glyphicon-open-water:before { content: "" } .glyphicon-for-sale:before { content: "" } .glyphicon-dustbin:before { content: "" } .glyphicon-door:before { content: "" } .glyphicon-camp-fire:before { content: "" } .glyphicon-fleur-de-lis:before { content: "" } .glyphicon-temperature-settings:before { content: "" } .glyphicon-article:before { content: "" } .glyphicon-sunbath:before { content: "" } .glyphicon-balanced-diet:before { content: "" } .glyphicon-ticket:before { content: "" } .glyphicon-parking-ticket:before { content: "" } .glyphicon-parking-meter:before { content: "" } .glyphicon-laptop:before { content: "" } .glyphicon-tree-structure:before { content: "" } .glyphicon-weather-warning:before { content: "" } .glyphicon-temperature-low:before { content: "" } .glyphicon-temperature-high:before { content: "" } .glyphicon-temperature-low-warning:before { content: "" } .glyphicon-temperature-high-warning:before { content: "" } .glyphicon-hurricane:before { content: "" } .glyphicon-storm:before { content: "" } .glyphicon-sorted-waste:before { content: "" } .glyphicon-ear:before { content: "" } .glyphicon-ear-deaf:before { content: "" } .glyphicon-file-plus:before { content: "" } .glyphicon-file-minus:before { content: "" } .glyphicon-file-lock:before { content: "" } .glyphicon-file-cloud:before { content: "" } .glyphicon-file-cloud-download:before { content: "" } .glyphicon-file-cloud-upload:before { content: "" } .glyphicon-paragraph:before { content: "" } .glyphicon-list-numbered:before { content: "" } .glyphicon-donate-heart:before { content: "" } .glyphicon-government:before { content: "" } .glyphicon-maze:before { content: "" } .glyphicon-chronicle:before { content: "" } .glyphicon-user-structure:before { content: "" } .glyphicon-recycle:before { content: "" } .glyphicon-gas:before { content: "" } .glyphicon-waste-pipe:before { content: "" } .glyphicon-water-pipe:before { content: "" } .glyphicon-parking:before { content: "" } .glyphicon-closed:before { content: "" } .glyphicon-mouse:before { content: "" } .glyphicon-mouse-double-click:before { content: "" } .glyphicon-mouse-left-click:before { content: "" } .glyphicon-mouse-right-click:before { content: "" } .glyphicon-mouse-middle-click:before { content: "" } .glyphicon-mouse-scroll:before { content: "" } .glyphicon-resize-vertical:before { content: "" } .glyphicon-resize-horizontal:before { content: "" } .glyphicon-temperature:before { content: "" } .glyphicon-puzzle:before { content: "" } .glyphicon-puzzle-2:before { content: "" } .glyphicon-puzzle-3:before { content: "" } .glyphicon-nearby-square:before { content: "" } .glyphicon-nearby-circle:before { content: "" } .glyphicon-rotate-right:before { content: "" } .glyphicon-rotate-left:before { content: "" } .glyphicon-pictures:before { content: "" } .glyphicon-photo-album:before { content: "" } .glyphicon-cadastral-map:before { content: "" } .glyphicon-fingerprint-scan:before { content: "" } .glyphicon-fingerprint:before { content: "" } .glyphicon-fingerprint-lock:before { content: "" } .glyphicon-fingerprint-ok:before { content: "" } .glyphicon-fingerprint-remove:before { content: "" } .glyphicon-fingerprint-reload:before { content: "" } .glyphicon-pending-notifications:before { content: "" } .glyphicon-synchronization:before { content: "" } .glyphicon-synchronization-ban:before { content: "" } .glyphicon-hash:before { content: "" } .glyphicon-gender-male:before { content: "" } .glyphicon-gender-female:before { content: "" } .glyphicon-gender-virgin-female:before { content: "" } .glyphicon-gender-intersex:before { content: "" } .glyphicon-gender-transgender:before { content: "" } .glyphicon-gender-ori-lesbian:before { content: "" } .glyphicon-gender-ori-gay:before { content: "" } .glyphicon-gender-ori-hetero:before { content: "" } .glyphicon-gender-other:before { content: "" } .glyphicon-gender-unknown:before { content: "" } .glyphicon-scanner:before { content: "" } .glyphicon-multifunction-printer:before { content: "" } .glyphicon-lasso:before { content: "" } .glyphicon-view-360:before { content: "" } .glyphicon-battery-charging:before { content: "" } .glyphicon-battery-full:before { content: "" } .glyphicon-battery-75:before { content: "" } .glyphicon-battery-50:before { content: "" } .glyphicon-battery-25:before { content: "" } .glyphicon-battery-10:before { content: "" } .glyphicon-satellite:before { content: "" } .glyphicon-satellite-dish:before { content: "" } .glyphicon-satellite-dish-alt:before { content: "" } .glyphicon-auction:before { content: "" } .glyphicon-directions:before { content: "" } .glyphicon-race:before { content: "" } .glyphicon-robot:before { content: "" } .glyphicon-ruler-alt:before { content: "" } .glyphicon-cube-empty:before { content: "" } .glyphicon-cube-black:before { content: "" } .glyphicon-move-square:before { content: "" } .glyphicon-drop:before { content: "" } .glyphicon-vr-headset:before { content: "" } .glyphicon-vr-charging:before { content: "" } .glyphicon-vr-low-battery:before { content: "" } .glyphicon-vr-paired:before { content: "" } .glyphicon-vr-settings:before { content: "" } .glyphicon-vr-maintenance:before { content: "" } .glyphicon-filter-remove:before { content: "" } .glyphicon-filter-applied:before { content: "" } .glyphicon-one-day:before { content: "" } .glyphicon-user-vr:before { content: "" } .glyphicon-user-vr-add:before { content: "" } .glyphicon-user-vr-remove:before { content: "" } .glyphicon-dice-1:before { content: "" } .glyphicon-dice-2:before { content: "" } .glyphicon-dice-3:before { content: "" } .glyphicon-dice-4:before { content: "" } .glyphicon-dice-5:before { content: "" } .glyphicon-dice-6:before { content: "" } a { cursor: pointer } h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { font-weight: 700 } h1,.h1 { font-size: 22px } body>iframe[height="0"] { position: absolute } .btn { white-space: normal } .btn>.animation-container { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; pointer-events: none } .btn:active { box-shadow: none } .btn[disabled]>.animation-container,.btn.disabled>.animation-container { animation: none !important } .blank-button { color: inherit; background-color: unset; border: unset; padding: 0 } .btn { background-color: #fff; border-color: #cfcfcf; color: #000; border-radius: 30px; transition: background-color .3s ease,color .3s ease,border-color .3s ease; -webkit-font-smoothing: antialiased; border-width: 1px; box-sizing: border-box; font-weight: bold; font-size: 16px; padding: 5px 30px; white-space: nowrap } .btn:focus { background-color: #e6e6e6; border-color: #b0b0b0; color: #000 } .btn:hover,.btn:active,.btn:hover:active,.btn:focus:active,.btn:not(:disabled):not(.disabled):active { background-color: #e6e6e6; border-color: #b0b0b0; color: #000 } .btn[disabled] { background-color: #fff; border-color: #cfcfcf; color: #000 } .btn[disabled]:focus,.btn[disabled]:hover,.btn[disabled]:active { background-color: #fff; border-color: #cfcfcf; color: #000 } .btn:not(.btn-icon,.event-time-button) { min-height: 40px } .btn:disabled { cursor: not-allowed } .btn-div { font-size: inherit } .btn-div:focus,.btn-div:active { box-shadow: none; outline: none } .btn-link { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0) } .link-button { text-decoration: none } .link-button.underlined { text-decoration: underline } .btn-action { background-color: #000; border-color: #000; color: #fff } .btn-action:focus { background-color: #000; border-color: #000; color: #fff } .btn-action:hover,.btn-action:active,.btn-action:hover:active,.btn-action:focus:active,.btn-action:not(:disabled):not(.disabled):active { background-color: #000; border-color: #000; color: #fff } .btn-action[disabled] { background-color: #000; border-color: #000; color: #fff } .btn-action[disabled]:focus,.btn-action[disabled]:hover,.btn-action[disabled]:active { background-color: #000; border-color: #000; color: #fff } .btn-danger { background-color: #a94442; border-color: #a94442; color: #fff } .btn-danger:focus { background-color: #843534; border-color: #7d3231; color: #fff } .btn-danger:hover,.btn-danger:active,.btn-danger:hover:active,.btn-danger:focus:active,.btn-danger:not(:disabled):not(.disabled):active { background-color: #843534; border-color: #7d3231; color: #fff } .btn-danger[disabled] { background-color: #a94442; border-color: #a94442; color: #fff } .btn-danger[disabled]:focus,.btn-danger[disabled]:hover,.btn-danger[disabled]:active { background-color: #a94442; border-color: #a94442; color: #fff } .btn-icon { padding: 0; width: 40px; height: 40px; border-color: #666; border-width: 1px; border-radius: 100%; background-color: #fff; border-color: #d1d1d1; color: #000 } .btn-icon:focus { background-color: #fff; border-color: #000; color: #000 } .btn-icon:hover,.btn-icon:active,.btn-icon:hover:active,.btn-icon:focus:active,.btn-icon:not(:disabled):not(.disabled):active { background-color: #fff; border-color: #000; color: #000 } .btn-icon[disabled] { background-color: #fff; border-color: #d1d1d1; color: #000 } .btn-icon[disabled]:focus,.btn-icon[disabled]:hover,.btn-icon[disabled]:active { background-color: #fff; border-color: #d1d1d1; color: #000 } .btn-icon.selected:hover,.btn-icon.selected:active,.btn-icon.selected:hover:active,.btn-icon.selected:focus:active,.btn-icon.selected:not(:disabled):not(.disabled):active { background-color: #fff; border-color: #000; color: #000 } .btn.icon-button { display: flex; align-items: center; color: inherit; padding: .25rem; border: 0; border-radius: 9999px; height: -moz-min-content; height: min-content; width: unset; min-height: unset; font-size: inherit; transition: all .2s ease-in-out; background-color: rgba(0,0,0,0) } .btn.icon-button>i,.btn.icon-button>svg { min-width: 16px; aspect-ratio: auto 1/1; font-size: inherit } .btn.icon-button i.glyphicon { display: flex; justify-content: center; align-items: center } .btn.icon-button:hover,.btn.icon-button:active { background-color: #f2f2f2; box-shadow: none !important; color: inherit } .btn.icon-button.labeled,.btn.icon-button.labeled:hover,.btn.icon-button.labeled:active { background-color: unset; border-radius: unset; border: unset; color: unset } .btn.icon-button.labeled>span,.btn.icon-button.labeled:hover>span,.btn.icon-button.labeled:active>span { text-decoration: underline } .btn.selected { background-color: #000; border-color: #000; color: #fff } .btn.selected:focus { background-color: #000; border-color: #000; color: #fff } .btn.selected:hover,.btn.selected:active,.btn.selected:hover:active,.btn.selected:focus:active,.btn.selected:not(:disabled):not(.disabled):active { background-color: #000; border-color: #000; color: #fff } .btn.selected[disabled] { background-color: #000; border-color: #000; color: #fff } .btn.selected[disabled]:focus,.btn.selected[disabled]:hover,.btn.selected[disabled]:active { background-color: #000; border-color: #000; color: #fff } .btn.selected:focus { background-color: #000; border-color: #000; color: #fff } .btn-action.selected { background-color: #000; border-color: #000; color: #fff } .btn-action.selected:focus { background-color: #000; border-color: #000; color: #fff } .btn-action.selected:hover,.btn-action.selected:active,.btn-action.selected:hover:active,.btn-action.selected:focus:active,.btn-action.selected:not(:disabled):not(.disabled):active { background-color: #000; border-color: #000; color: #fff } .btn-action.selected[disabled] { background-color: #000; border-color: #000; color: #fff } .btn-action.selected[disabled]:focus,.btn-action.selected[disabled]:hover,.btn-action.selected[disabled]:active { background-color: #000; border-color: #000; color: #fff } .btn-action.selected:focus { background-color: #000; border-color: #000; color: #fff } .btn-primary,.btn-primary.selected { background-color: #fff; border-color: #000; color: #000; transition: none } .btn-primary:focus,.btn-primary.selected:focus { background-color: #fff; border-color: #000; color: #000 } .btn-primary:hover,.btn-primary:active,.btn-primary:hover:active,.btn-primary:focus:active,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary.selected:hover,.btn-primary.selected:active,.btn-primary.selected:hover:active,.btn-primary.selected:focus:active,.btn-primary.selected:not(:disabled):not(.disabled):active { background-color: #fff; border-color: #000; color: #000 } .btn-primary[disabled],.btn-primary.selected[disabled] { background-color: #fff; border-color: #000; color: #000 } .btn-primary[disabled]:focus,.btn-primary[disabled]:hover,.btn-primary[disabled]:active,.btn-primary.selected[disabled]:focus,.btn-primary.selected[disabled]:hover,.btn-primary.selected[disabled]:active { background-color: #fff; border-color: #000; color: #000 } .btn-primary:focus,.btn-primary:active,.btn-primary:active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary.selected:focus,.btn-primary.selected:active,.btn-primary.selected:active:focus,.btn-primary.selected:not(:disabled):not(.disabled):active:focus { box-shadow: none } .btn-primary:hover,.btn-primary:hover:active,.btn-primary:hover:focus,.btn-primary.selected:hover,.btn-primary.selected:hover:active,.btn-primary.selected:hover:focus { box-shadow: inset 0 0 0 1px #000 } .btn-primary:active,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:hover),.btn-primary.selected:active,.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected.selected:not(:hover) { color: #fff; background-color: #000 } .btn-primary[disabled],.btn-primary.selected[disabled] { opacity: .3 } .btn-primary[disabled]:hover,.btn-primary.selected[disabled]:hover { box-shadow: none } .no-bullet,.pre-order-info__payment-info__details { list-style-type: none; padding-left: 0 } .read-more { font-weight: 700 } .read-more-modal { max-width: 600px !important; } .read-more-modal p { margin-bottom: 0 !important; } .ticketed-by-obt--logo { font-size: 250%; left: 3px; position: relative; top: 10px } .reset-list,.secure-icons,.footer__partners ul { margin: 0; padding: 0; list-style-type: none } .reset-list>li,.secure-icons>li,.footer__partners ul>li { padding: 0; margin: 0 } .checkbox { margin: 0 } .checkbox label { min-height: 0; padding-left: 0 } .checkbox input { position: inherit !important; margin: 0 5px 0 0 !important; vertical-align: middle } [hidden] { display: none !important } ul,ol { margin: 0 } .custom-input-select { position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none } .custom-input-select.has-only-one-option { -webkit-appearance: none; -moz-appearance: none; appearance: none; pointer-events: none } .custom-input-select--opened .custom-input-select__label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none } .custom-input-select__label { background-color: #fff; border-radius: 24px; border: 2px solid #cfcfcf; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; line-height: 1; outline: none; padding: 0 40px 0 22px; transition: background .3s,border .3s,border-radius .2s,color .3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; height: 42px } .custom-input-select__label__text { font-size: 12px; line-height: 1; color: #000; display: block; white-space: nowrap } .custom-input-select__items { position: absolute; background-color: #fff; border: 2px solid #cfcfcf; border-radius: 24px; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; transition: background .3s,border .3s; top: 100%; width: 100%; z-index: 50; overflow: hidden } .custom-input-select__items__list { list-style: none; max-height: 200px; overflow-y: auto; margin: 0; padding: 0 } .custom-input-select__items__list__item { font-size: 12px; cursor: pointer; padding: 10px 10px 10px 20px; border-top: 1px solid #cfcfcf; transition: background .3s; -webkit-user-select: none; -moz-user-select: none; user-select: none } .custom-input-select__items__list__item:hover,.custom-input-select__items__list__item--selected { background-color: #f3f3f3 } .custom-input-select__items__list__item--disabled { cursor: not-allowed } .form-group.has-child-select>div { position: relative } .form-group.has-child-select>div .custom-input-select::after { display: block; content: url("../img/chevron-down.svg") !important; filter: brightness(0.2); position: absolute; right: 0; top: 50%; transform: translate(-125%, -59%) rotate(0deg); transition: transform .25s; pointer-events: none } .form-group.has-child-select>div .custom-input-select--only-one-option .custom-input-select__label { cursor: default } .form-group.has-child-select>div .custom-input-select--only-one-option::after { display: none } .form-group.has-child-select>div .custom-input-select--opened::after { transform: translate(-125%, -59%) rotate(-180deg) } .main-column>.module:not(:first-child) .change-seats-link,.pack-list .main-column>.pack:not(:first-child) .change-seats-link { display: none } .page-action-buttons .order-summary__redirect-message { font-size: .8em; padding-top: 0; width: 100%; justify-content: center; flex: unset } @media(min-width: 1024px) { .page-action-buttons .order-summary__redirect-message { margin-right:5px; width: 50%; padding-top: .5em } } .sidebar .page-action-buttons .change-seats-link,.sidebar .module-footer-buttons .change-seats-link { display: flex; justify-content: center; width: 100%; flex-basis: 100%; padding: 6px } .sidebar .page-action-buttons .change-seats-link a,.sidebar .module-footer-buttons .change-seats-link a { text-transform: uppercase } @media(min-width: 1024px) { .sidebar .page-action-buttons .change-seats-link,.sidebar .module-footer-buttons .change-seats-link { padding:0 6px; margin-top: 15px } } @media(min-width: 1024px)and (max-width: 1200px) { select.form-control { padding:6px 4px } } .disabled { opacity: .5 } .list-style-none { list-style: none } .collapsible-with-arrow { margin-bottom: 1em } .collapsible-with-arrow__container { background-color: #f3f3f3; border: 1px solid #cfcfcf; box-shadow: inset 0px 6px 5px -4px rgba(0,0,0,.2); padding: 20px 20px 10px } @media(max-width: 600px) { .collapsible-with-arrow__container { padding:15px 20px 5px } } .collapsible-with-arrow__arrow { position: relative } .collapsible-with-arrow__arrow:before { background-color: #cfcfcf; content: ""; height: 15px; position: absolute; transform: rotate(45deg); width: 15px } .collapsible-with-arrow__arrow:after { border: 5px solid; border-color: #f3f3f3; box-shadow: 0px 0px 2px 2px #f3f3f3; content: " "; height: 0; position: absolute; transform: rotate(45deg); width: 0; z-index: 2 } .collapsible-with-arrow__arrow--top:before { top: -7px } .collapsible-with-arrow__arrow--top:after { top: -1px } .collapsible-with-arrow__arrow--bottom:before { bottom: -7px } .collapsible-with-arrow__arrow--bottom:after { bottom: -1px } .collapsible-with-arrow__arrow--left:before { left: 1.5em } .collapsible-with-arrow__arrow--left:after { left: 1.68em } .collapsible-with-arrow__arrow--right:before { right: 1.5em } .collapsible-with-arrow__arrow--right:after { right: 1.68em } .footer { --es-footer-max-width: 1440px; clear: both; text-align: center; padding: 0; width: 100%; display: flex; flex-direction: column } .footer__top { background-color: #e9e9e9; color: #000; font-size: 18px; display: flex; flex-direction: row; justify-content: center } .footer__partners-groups { width: 100%; max-width: var(--es-footer-max-width) } .footer__partners-groups-content { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100% } .footer__partners-group { display: flex; flex-direction: column; flex: 1 1 auto } .footer__partners-group>div { flex: 1 1 auto; display: flex; flex-direction: column } .footer__partnered-with { font-weight: 500; font-size: 11px; letter-spacing: 2px; line-height: 1; margin-top: 10px; min-width: 250px } .footer__partners { flex: 1 1 auto; display: flex; justify-content: center; background-color: #e9e9e9; padding: 7.5px 0 } .footer__partners ul { display: flex; flex-flow: row wrap; align-items: center; justify-content: center } .footer__partners ul>li { display: block; margin: 7.5px 15px; min-width: 100px; max-width: 100px; text-align: center } .footer__partners ul>li img { display: inline-block; max-height: 45px; max-width: 100% } .footer__bottom { background-color: #5f5f5f; color: #c9c9c9; min-height: 60px; padding: 30px 10px 0px 10px; display: flex; flex-direction: row; justify-content: center } @media(max-width: 599.8px) { .footer__bottom { flex-direction:column } } .footer__bottom-content { max-width: var(--es-footer-max-width); width: 100% } .footer__logo-and-nav-container { display: flex; width: 100%; max-width: 600px; flex-direction: row; flex-basis: auto } @media(max-width: 600px) { .footer__logo-and-nav-container { flex-direction:column-reverse } } .footer__nav { width: 100%; display: flex; flex-wrap: wrap } @media(max-width: 600px) { .footer__nav { padding-top:30px; flex-direction: column } } .footer__nav__link { width: -moz-fit-content; width: fit-content; display: flex; font-weight: 400; font-size: 14px !important; color: #c9c9c9; text-decoration: none } .footer__nav__link:focus,.footer__nav__link:hover { color: #c9c9c9 } .footer__nav__link:not(:last-child) { margin-bottom: 5px } @media(max-width: 600px) { .footer__nav__link { margin-bottom:5px } } .footer__nav__link-group { text-align: left; width: 50% } @media(max-width: 600px) { .footer__nav__link-group { flex-direction:column-reverse; width: 100%; text-decoration: underline } .footer__nav__link-group:last-child { margin-bottom: 30px } } .footer__copyright { text-align: left; color: #fff; font-size: 13px; font-weight: 400; padding: 20px 0 } .footer .social-links { text-align: left; justify-content: left } .ticketing3d-view-modal { width: 80% } @media(max-width: 1023.8px) { .ticketing3d-view-modal { width:auto } } .simple-modal-container { background-color: rgba(51,51,51,.65); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1150 } .simple-modal-content { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%) } .modal-content { width: 100%; height: auto } .modal-content__inner { padding: 1em 2em; overflow-x: auto; overflow-y: auto } .modal-content__inner-container { padding: 1em 0 } .modal { max-height: 100%; padding: 10px !important; touch-action: manipulation; transform: translateZ(0); overflow-y: auto; display: flex !important; flex-flow: row; justify-content: center; width: 100vw; height: 100vh } .modal>:first-child { margin: auto } .modal-content { box-shadow: none; background: rgba(0,0,0,0); border: none; border-radius: 0 } .modal-header { justify-content: center; align-items: center; border-bottom: none; border-radius: 0; padding: 5px 15px } .modal-header .close { z-index: 1; color: #000; opacity: 1; outline: none; margin: 0; padding: 0 } .modal-header .close>span { content: url("../img/x-symbol-14px.svg") !important } .modal-title { color: #000; flex-grow: 1; font-weight: bold } .modal-body { color: #000; text-align: left } .modal-body::after { display: block; clear: both; content: "" } .modal-body a,.modal-body a:link { color: #000; text-decoration: underline } .modal-body a:active,.modal-body a:active:hover,.modal-body a:focus,.modal-body a:focus:hover,.modal-body a:hover,.modal-body a:link:active,.modal-body a:link:active:hover,.modal-body a:link:focus,.modal-body a:link:focus:hover,.modal-body a:link:hover { color: #000 } .modal-body a.btn,.modal-body a.btn:link { color: #333; text-decoration: none } .modal-body a.btn:active,.modal-body a.btn:active:hover,.modal-body a.btn:focus,.modal-body a.btn:focus:hover,.modal-body a.btn:hover,.modal-body a.btn:link:active,.modal-body a.btn:link:active:hover,.modal-body a.btn:link:focus,.modal-body a.btn:link:focus:hover,.modal-body a.btn:link:hover { color: #0d0d0d } .modal--img { max-width: 40%; float: left; padding-right: 10px; padding-bottom: 10px } .modal--img img { max-width: 100%; height: auto } .modal-footer { display: flex; justify-content: center; border-top: none; text-align: center; padding: 5px 0; gap: 1em; bottom: 0 } .modal-footer button { margin: 0; flex: 1 } .modal-backdrop { height: 100%; position: fixed } .modal-backdrop-two { height: 100%; position: fixed } .modal-footnote { text-align: left; color: #ccc; font-size: 80% } .modal .enter-promo-code-modal.warning { color: red } .modal-manager .modal-header { margin: 0 0 1em 0; padding: 0; border: none; display: flex; flex-flow: row nowrap; align-items: center; gap: 10px } @media(max-width: 599.8px) { .modal-manager .modal-header { margin-bottom:2em } } .modal-manager .modal-header--isEmpty { margin: 0 } .modal-manager .modal-header .modal-title { width: 100% } .modal-manager .form-check-label { font-style: italic } .modal-open #main { filter: blur(3px); transition: .5s filter linear } .modal-content .modal-body { padding: 0 0 1em 0 } .modal--full-width .modal-body { padding-left: 0; padding-top: 0; padding-bottom: 0 } .modal--full-width .modal-dialog { width: 80%; max-width: 500px; border: #ccc solid 1px; padding: 32px 60px; background-color: #fff } @media(max-width: 599.8px) { .modal--full-width .modal-dialog { width:auto } } @media(max-width: 599.8px) { .modal--full-width .modal-footer { bottom:0; height: 60px; left: 0; position: fixed; width: 100% } } .modal--fancybox .modal-body { text-align: left; background: #fff; border-radius: 0 0 5px 5px; color: #000 } .modal--fancybox .modal-body a,.modal--fancybox .modal-body a:link { color: #000 } .modal--fancybox .modal-body a:active,.modal--fancybox .modal-body a:active:hover,.modal--fancybox .modal-body a:focus,.modal--fancybox .modal-body a:focus:hover,.modal--fancybox .modal-body a:hover,.modal--fancybox .modal-body a:link:active,.modal--fancybox .modal-body a:link:active:hover,.modal--fancybox .modal-body a:link:focus,.modal--fancybox .modal-body a:link:focus:hover,.modal--fancybox .modal-body a:link:hover { color: #000 } .modal--fancybox .modal-header { border-top: none; border-bottom: none; border-radius: 5px 5px 0 0; background: #000 } .modal--fancybox .alert { margin-bottom: 10px } .recaptcha-modal .recaptcha>div { width: 100% !important } .recaptcha-modal .recaptcha>div>div { margin: 0 auto; padding: 20px 0 0 } .recaptcha-modal .modal-header .close { display: none } .loading-modal__container { background-color: rgba(0,0,0,0) !important; max-width: 99999px !important; border: 0 !important } .loading-modal__container .modal-header .close { display: none } .loading-modal__dialog { text-align: center; margin: 30px auto; max-width: 100% } .loading-modal__dialog img { max-width: 100% } .loading-modal__title,.loading-modal__subtitle { color: #fff; margin: 0 } .loading-modal__subtitle { font-weight: bold; margin-top: 10px; max-width: 25em } .loading-modal__image { background-image: url("../img/skins/pgaetad/loading.png"); background-repeat: no-repeat; background-size: contain; background-position: top center; height: 92px; width: 297px; margin: 10px auto; max-height: 300px; max-width: 100%; min-width: 10em } @media(max-width: 599.8px) { .loading-modal__image { max-height:200px } } .loading-modal .popop-overlay-modal__dialog { padding-top: 0 } .loading-modal .popop-overlay-modal__dialog a,.loading-modal .popop-overlay-modal__dialog a:link { color: #fff } .loading-modal .popop-overlay-modal__dialog a:active,.loading-modal .popop-overlay-modal__dialog a:active:hover,.loading-modal .popop-overlay-modal__dialog a:focus,.loading-modal .popop-overlay-modal__dialog a:focus:hover,.loading-modal .popop-overlay-modal__dialog a:hover,.loading-modal .popop-overlay-modal__dialog a:link:active,.loading-modal .popop-overlay-modal__dialog a:link:active:hover,.loading-modal .popop-overlay-modal__dialog a:link:focus,.loading-modal .popop-overlay-modal__dialog a:link:focus:hover,.loading-modal .popop-overlay-modal__dialog a:link:hover { color: #fff } .loading-modal .popop-overlay-modal__dialog a::before,.loading-modal .popop-overlay-modal__dialog a:link::before { background-color: #fff } .modal-footer:empty { display: none } @media(max-width: 599.8px) { .modal-footer { width:100%; margin: 0; display: inline-block } .modal-footer button { width: 100%; margin: 0 } .modal-footer button:not(:last-child) { margin-bottom: 1em } .modal--mobile-fixed-footer .modal-dialog { transform: none; -webkit-transform: none } .modal--mobile-fixed-footer .modal-body { position: fixed; top: 0; left: 0; bottom: 80px; right: 0; overflow-y: auto; overflow-x: hidden; margin: 0; padding: 10px } .modal--mobile-fixed-footer .modal-footer { height: 80px; position: fixed; bottom: 0; left: 0; right: 0; background: #000; border-top: 1px solid rgba(255,255,255,.2); z-index: 1150; padding-top: 0 } .modal--mobile-fixed-footer .modal-footer .btn { margin-top: 10px } } .modal-dialog { border-radius: 20px; display: flex; flex-direction: column; align-items: center; background-color: #fff; border: #ccc solid 1px; max-width: 500px; overflow-x: auto; overflow-y: auto } #add-gift-card-modal .modal-body { padding-bottom: 4px } .upsell-popup__container.modal-dialog { border: 0; padding: 32px 0px; max-width: 380px; background-color: rgba(0,0,0,0) } @media(max-width: 599.8px) { .upsell-popup__container.modal-dialog { width:95% } } .upsell-popup__container .modal-content { width: 100% } .upsell-popup__container .modal-header,.upsell-popup__container .modal-footer { padding: 0 } .upsell-popup__container .modal-body { padding: 0 } @media(max-width: 599.8px) { .modal:has(.modal-manager--to-bottom-on-mobile) { padding:10px 0 0 0 !important } .modal .modal-manager--to-bottom-on-mobile { position: relative; margin: auto 0 0 0; top: unset; width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .modal .modal-manager--to-bottom-on-mobile.slide-in-bottom-animation { bottom: -100% } .modal .modal-manager--to-bottom-on-mobile.slide-out-bottom-animation { bottom: 0 } .modal .modal-manager--to-bottom-on-mobile .modal-header .close { margin: 0 } .modal .modal-manager--to-bottom-on-mobile .modal-content__inner { padding: 1em } } .offmodal { --offmodal-size: none; position: fixed; z-index: 1150; display: flex; flex-direction: column; align-items: stretch; max-width: 100vw; max-height: 100dvh; padding: .8em; color: #000; background: #fff; transition: transform .3s ease-in } .offmodal__backdrop { display: none; position: fixed; z-index: 1140; width: 100vw; height: 100vh; top: 0; left: 0; opacity: .65; background-color: #333 } .offmodal__header { display: flex; justify-content: space-between; align-items: center; padding: 1em; border-bottom: 1px solid gray } .offmodal__header>.offmodal__close { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: inherit; opacity: .6 } .offmodal__header>.offmodal__close:focus { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: inherit } .offmodal__header>.offmodal__close:hover,.offmodal__header>.offmodal__close:active,.offmodal__header>.offmodal__close:hover:active,.offmodal__header>.offmodal__close:focus:active,.offmodal__header>.offmodal__close:not(:disabled):not(.disabled):active { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: inherit } .offmodal__header>.offmodal__close[disabled] { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: inherit } .offmodal__header>.offmodal__close[disabled]:focus,.offmodal__header>.offmodal__close[disabled]:hover,.offmodal__header>.offmodal__close[disabled]:active { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: inherit } .offmodal__header>.offmodal__close:hover,.offmodal__header>.offmodal__close:active { opacity: 1 } .offmodal__header-title { text-transform: capitalize; font-weight: bold; font-size: 1.5em } .offmodal__body { padding: 1em; overflow: auto; height: -moz-fit-content; height: fit-content; overscroll-behavior: contain } .offmodal__footer { margin-top: auto; padding: 1em } @media(min-width: 600px) { .offmodal__footer { margin-top:unset } } .offmodal--open { transform: none !important; outline: 1px solid gray } .offmodal--top { top: 0; left: 0; width: 100vw; height: var(--offmodal-size); min-height: min(300px,100vh); transform: translateY(-100%) } .offmodal--bottom { bottom: 0; left: 0; width: 100vw; height: var(--offmodal-size); min-height: min(300px,100vh); transform: translateY(100%) } .offmodal--left { top: 0; left: 0; min-width: min(475px,100vw); max-width: 600px; width: var(--offmodal-size); height: 100dvh; transform: translateX(-100%) } .offmodal--right { top: 0; right: 0; min-width: min(475px,100vw); max-width: 600px; width: var(--offmodal-size); height: 100dvh; transform: translateX(100%) } @media(max-width: 599.8px) { .offmodal { --offmodal-size: 100% } } .offmodal.offmodal-summary .module-footer-buttons { padding: 0 } .module,.pack-list .pack { margin: 0 0 20px 0; position: relative } .module__title { font-size: 22px; font-weight: 700; overflow-y: auto; display: flex; align-items: center } .module__subtitle { font-size: 14px; padding: 0 0 10px 0 } .module__container::after { display: block; clear: both; content: "" } .module__title__left { float: left; flex-grow: 3; min-width: 65%; text-align: start } .module__title__right { font-size: 13px; font-weight: 700; text-align: right; flex-grow: 1; float: left; padding: 2px 0px 3px 0px; text-transform: uppercase; z-index: 50 } .module__title__right a,.module__title__right a:active,.module__title__right a:hover,.module__title__right a:focus,.module__title__right .btn-link { color: #000; text-decoration: none } .module__title__right .glyphicon,.module__title__right .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .module__title__right button.number-selector-fancy__button { font-size: 17px; padding-left: 6.5px } @media(max-width: 1023.8px) { .module__title__right { display:block; font-size: 15px; position: inherit } } .module__title__right--icon a .path1:before,.module__title__right--icon .btn-link .path1:before { color: rgba(0,0,0,0) } .module__title__right--icon a .path2:before,.module__title__right--icon .btn-link .path2:before { color: #000 } .module__title__right--icon a:active .path1:before,.module__title__right--icon a:active:hover .path1:before,.module__title__right--icon a:focus .path1:before,.module__title__right--icon a:focus:hover .path1:before,.module__title__right--icon a:hover .path1:before,.module__title__right--icon .btn-link:active .path1:before,.module__title__right--icon .btn-link:active:hover .btn-link:focus .path1:before,.module__title__right--icon .btn-link:focus:hover .path1:before,.module__title__right--icon .btn-link:hover .path1:before { color: rgba(0,0,0,0) } .module__title__right--icon a:active .path2:before,.module__title__right--icon a:active:hover .path2:before,.module__title__right--icon a:focus .path2:before,.module__title__right--icon a:focus:hover .path2:before,.module__title__right--icon a:hover .path2:before,.module__title__right--icon .btn-link:active .path2:before,.module__title__right--icon .btn-link:active:hover .btn-link:focus .path2:before,.module__title__right--icon .btn-link:focus:hover .path2:before,.module__title__right--icon .btn-link:hover .path2:before { color: #000 } .module--nested .module__title__right { margin: 5px 0 } .module--nested .module__title { font-size: 18px; font-style: normal; font-weight: 500; margin: 0 0 10px 0 } .module--bordered .module__title,.pack-list .pack .module__title,.module--bordered--detached .module__title,.module--colored .module__title { font-size: 18px; font-style: normal; font-weight: 700; min-height: 40px; padding: 6px 8px } .module--bordered .module__title__right a:hover,.pack-list .pack .module__title__right a:hover,.module--bordered--detached .module__title__right a:hover,.module--bordered .module__title__right a:focus,.pack-list .pack .module__title__right a:focus,.module--bordered--detached .module__title__right a:focus,.module--colored .module__title__right a:hover,.module--colored .module__title__right a:focus { text-decoration: underline } .module--bordered .module__title__right--icon a,.pack-list .pack .module__title__right--icon a,.module--bordered--detached .module__title__right--icon a,.module--bordered .module__title__right--icon a:active,.module--bordered .module__title__right--icon a:hover,.module--bordered .module__title__right--icon a:focus,.module--bordered .module__title__right--icon .btn-link,.pack-list .pack .module__title__right--icon .btn-link,.module--bordered--detached .module__title__right--icon .btn-link,.module--colored .module__title__right--icon a,.module--colored .module__title__right--icon a:active,.module--colored .module__title__right--icon a:hover,.module--colored .module__title__right--icon a:focus,.module--colored .module__title__right--icon .btn-link { color: #000 } .module--bordered .module__container,.pack-list .pack .module__container,.module--bordered--detached .module__container,.module--colored .module__container { padding: 8px } .module--bordered .module__footer,.pack-list .pack .module__footer,.module--bordered--detached .module__footer,.module--colored .module__footer { text-align: center } .module--bordered .module__subtitle,.pack-list .pack .module__subtitle,.module--bordered--detached .module__subtitle,.module--colored .module__subtitle { padding: 10px 10px 0 } .module--bordered--no-padding .module__container,.module--bordered--detached .module__container { padding: 0px } .module--bordered--detached { border: none } .module--bordered--detached .module--nested { margin: 0px } .module--bordered--detached .module__subtitle { border-top: none; padding: 8px } .module--bordered--detached.module--resale-multi-offer--no-offer .module__title { background-color: #000; color: #fff } .module--colored { border-color: rgba(0,0,0,0) } .module--colored .module__title { background-color: #000; border: 1px solid #000; color: #fff } .module--colored .module__title__right { color: #fff; font-size: 18px; margin: 8px 0 } .module--colored .module__container { background-color: #000; border: 1px solid #000; color: #fff } .module--has-errors { border-color: #a94442 } .module--has-errors .module__title,.module--has-errors .module__subtitle,.module--has-errors .module__container,.module--has-errors .module__footer { border-color: #a94442; background-color: #fff } .module--has-errors .module__container { color: #a94442 } .module--striped { border-bottom: 1px solid #cfcfcf } .module--underlined .module__title { border-bottom: 1px solid #cfcfcf; margin: 0 0 10px 0 } .module.module--login,.pack-list .module--login.pack { max-width: 100% } .module.module--login .module__title,.pack-list .module--login.pack .module__title { display: flex; text-align: center; border-bottom: 0; padding: 0 } .module.module--login .module__title__left,.pack-list .module--login.pack .module__title__left { text-align: center } @media(max-width: 1023.8px) { .module.module--login,.pack-list .module--login.pack { margin-bottom:0 } } .module.module--login>.module__container button,.pack-list .module--login.pack>.module__container button { text-wrap: wrap } .module-footer-buttons,.page-action-buttons { display: flex; flex-flow: row wrap; padding: 2em 0 } @media(max-width: 599.8px) { .module-footer-buttons,.page-action-buttons { padding:1em; gap: 1em } } .module-footer-buttons>*,.page-action-buttons>* { align-self: stretch; display: flex; width: 100% } .module-footer-buttons button,.page-action-buttons button { flex: 1 } .sidebar .module-footer-buttons>*,.sidebar .page-action-buttons>* { margin: 0 10px } .sidebar .module-footer-buttons>.accept-terms-btn,.sidebar .page-action-buttons>.accept-terms-btn { margin-top: 10px; margin-bottom: 10px; justify-content: center } @media(max-width: 599.8px) { .footer__bottom { padding-bottom:80px } .page-action-buttons.mobile-sticky,.module__footer.mobile-sticky { position: fixed; bottom: 0; right: 0; left: 0; background: #fff; z-index: 1030; margin: 0; box-shadow: 0 0 10px rgba(0,0,0,.5); padding: 0 } .page-action-buttons.mobile-sticky button,.module__footer.mobile-sticky button { margin: 0; width: 100%; border-radius: 20px } .page-action-buttons.mobile-sticky button svg,.module__footer.mobile-sticky button svg { overflow: visible } .page-action-buttons.mobile-sticky button:not(#ticket-search-button):not(#order-summary__cancel__btn),.module__footer.mobile-sticky button:not(#ticket-search-button):not(#order-summary__cancel__btn) { height: 2.5em; padding: 5px .5em } .app-page--shop__ticket-search-page.app-header-mode--default .module__footer.mobile-sticky { padding: 0 } } .rc-trigger-popup .module-footer-buttons,.rc-trigger-popup .page-action-buttons { padding: 0 } @media(max-width: 599.8px) { .header__banner-links { padding:10px 0px; display: block; margin: 0px 30px 0px 0px; text-align: center; width: auto } } .header__banner-links .banner-links { padding: 0 0 0 20px } @media(max-width: 1023.8px) { .header__banner-links .banner-links__item { line-height:1.25em } } .header__banner-links .banner-links__link { color: #fff } .header__banner-links .banner-links__link:active,.header__banner-links .banner-links__link:focus,.header__banner-links .banner-links__link:hover { color: #fff } .page-content-header { background-color: rgba(0,0,0,0); align-self: center; display: flex; align-items: flex-start; justify-content: center; padding: 2em 1em 0 1em; width: 100% } @media(max-width: 599.8px) { .page-content-header { flex-direction:column-reverse; align-items: center; gap: 2em } } #locale-switcher { white-space: nowrap; display: flex; align-items: center } #locale-switcher span { display: flex; align-items: center } #locale-switcher .glyphicon,#locale-switcher .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy #locale-switcher button.number-selector-fancy__button { margin-right: .5em } .locale-switcher { padding: 10px } @media(max-width: 1024px) { .locale-switcher { display:flex; justify-content: center } } .footer .locale-switcher,.footer .locale-switcher.open { width: 100% } @media(min-width: 1024px) { .footer .locale-switcher,.footer .locale-switcher.open { display:none } } .footer .locale-switcher .dropdown-menu,.footer .locale-switcher.open .dropdown-menu { text-align: center; width: 100% } .login-header { display: flex; align-items: flex-end; flex-direction: column; font-size: .8em } .login-header__container { display: flex; justify-content: flex-end; padding-right: 12px } .login-header__username,.login-header__logout-link { padding: 0 4px; white-space: nowrap } .login-header__username { font-weight: bold; position: relative } .login-header__logout-link { text-decoration: underline; color: #fff } .btn-primary.has-nudge-color { background-color: color-mix(in srgb, var(--nudge-color, currentColor) 15%, transparent); border-color: var(--nudge-color, currentColor); color: #000; transition: none } .btn-primary.has-nudge-color:focus { background-color: color-mix(in srgb, var(--nudge-color, currentColor) 15%, transparent); border-color: var(--nudge-color, currentColor); color: #000 } .btn-primary.has-nudge-color:hover,.btn-primary.has-nudge-color:active,.btn-primary.has-nudge-color:hover:active,.btn-primary.has-nudge-color:focus:active,.btn-primary.has-nudge-color:not(:disabled):not(.disabled):active { background-color: color-mix(in srgb, var(--nudge-color, currentColor) 15%, transparent); border-color: var(--nudge-color, currentColor); color: #000 } .btn-primary.has-nudge-color[disabled] { background-color: color-mix(in srgb, var(--nudge-color, currentColor) 15%, transparent); border-color: var(--nudge-color, currentColor); color: #000 } .btn-primary.has-nudge-color[disabled]:focus,.btn-primary.has-nudge-color[disabled]:hover,.btn-primary.has-nudge-color[disabled]:active { background-color: color-mix(in srgb, var(--nudge-color, currentColor) 15%, transparent); border-color: var(--nudge-color, currentColor); color: #000 } .btn-primary.has-nudge-color:focus,.btn-primary.has-nudge-color:active,.btn-primary.has-nudge-color:active:focus,.btn-primary.has-nudge-color:not(:disabled):not(.disabled):active:focus { box-shadow: none } .btn-primary.has-nudge-color:hover,.btn-primary.has-nudge-color:hover:active,.btn-primary.has-nudge-color:hover:focus { box-shadow: inset 0 0 0 1px var(--nudge-color, currentColor) } .btn-primary.has-nudge-color:active,.btn-primary.has-nudge-color:not(:disabled):not(.disabled):active,.btn-primary.has-nudge-color.selected:not(:hover) { color: #000; background-color: color-mix(in srgb, var(--nudge-color, currentColor) 30%, transparent) } .btn-primary.has-nudge-color[disabled] { opacity: .3 } .btn-primary.has-nudge-color[disabled]:hover { box-shadow: none } .has-nudge-color:not(.btn-primary) { background-color: color-mix(in srgb, var(--nudge-color, currentColor) 15%, transparent) !important; border-color: var(--nudge-color, currentColor) !important } .number-selector-radios__item { display: inline-block; margin: 10px 10px 10px 0 } .number-selector-radios__item .radio { margin: 5px 0 } .number-selector-radios__label { font-weight: 500; max-width: auto } .number-selector-radio-checkboxes { display: table; table-layout: fixed; width: 100% } .number-selector-radio-checkboxes__item { display: table-cell; text-align: center } .number-selector-radio-checkboxes__checkbox { background-color: #f5f5f5; border: 2px solid #d0d0d0; color: #bebebe; cursor: pointer; display: inline-block; font-weight: 500; min-height: 31px; line-height: 25px; margin: 0 5px 5px 0; position: relative; text-align: center; vertical-align: middle; min-width: 31px } .number-selector-radio-checkboxes__item--checked .number-selector-radio-checkboxes__checkbox { background-color: #000; border-color: #000; color: #fff } .number-selector-fancy { font-size: 70px } .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 70px } .number-selector-fancy .number-selector-fancy__input,.number-selector-fancy .number-selector-fancy__odometer,.number-selector-fancy .number-selector-fancy__odometer-values>div { height: 70px } .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 70px; height: 70px } .number-selector-fancy { display: flex; justify-content: center; align-items: center; position: relative } .number-selector-fancy__value { position: relative } .number-selector-fancy__input,.number-selector-fancy__odometer { position: relative; padding: 0; margin: 0; text-align: center; font-weight: 300; color: #000; border: none; overflow: hidden; background: #fff } .number-selector-fancy__input,.number-selector-fancy__odometer { width: 100% } .number-selector-fancy__input { position: absolute; top: 0px; left: 0px; opacity: .0001 } .number-selector-fancy__input:focus { opacity: 1 } .number-selector-fancy__odometer-values { margin-top: -2px; transform: translate(0px, 0px); transition: transform 1s } .number-selector-fancy__odometer-values>div { display: flex; align-items: center; justify-content: center; white-space: nowrap; width: 1px } .number-selector-fancy__odometer-values>div.near-selected-value { width: inherit } .number-selector-fancy button.number-selector-fancy__button { display: block; border-radius: 100%; border-style: none; font-size: 13px; background-color: #000; border-color: #fff; color: #fff } .number-selector-fancy button.number-selector-fancy__button:focus { background-color: #000; border-color: #e0e0e0; color: #fff } .number-selector-fancy button.number-selector-fancy__button:hover,.number-selector-fancy button.number-selector-fancy__button:active,.number-selector-fancy button.number-selector-fancy__button:hover:active,.number-selector-fancy button.number-selector-fancy__button:focus:active,.number-selector-fancy button.number-selector-fancy__button:not(:disabled):not(.disabled):active { background-color: #000; border-color: #e0e0e0; color: #fff } .number-selector-fancy button.number-selector-fancy__button[disabled] { background-color: #000; border-color: #fff; color: #fff } .number-selector-fancy button.number-selector-fancy__button[disabled]:focus,.number-selector-fancy button.number-selector-fancy__button[disabled]:hover,.number-selector-fancy button.number-selector-fancy__button[disabled]:active { background-color: #000; border-color: #fff; color: #fff } .number-selector-fancy button.number-selector-fancy__button:disabled { opacity: .3 } .number-selector-fancy button.number-selector-fancy__button:focus { outline: none } .number-selector-fancy button.number-selector-fancy__button::before { display: block; height: 50%; content: "" } .number-selector-fancy button.number-selector-fancy__button__minus::before { background: #fff; -webkit-mask-size: cover; mask-size: cover; -webkit-mask: url("../img/skins/obt_v2/minus.svg") no-repeat center; mask: url("../img/skins/obt_v2/minus.svg") no-repeat center } .number-selector-fancy button.number-selector-fancy__button__plus::before { background: #fff; -webkit-mask-size: cover; mask-size: cover; -webkit-mask: url("../img/skins/obt_v2/plus.svg") no-repeat center; mask: url("../img/skins/obt_v2/plus.svg") no-repeat center } .number-selector-fancy__odometer-values { transition: transform 0s } .pick-seat-number-of-tickets-modal-container .module--number-of-tickets .number-selector-fancy { font-size: 70px } .pick-seat-number-of-tickets-modal-container .module--number-of-tickets .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 70px } .pick-seat-number-of-tickets-modal-container .module--number-of-tickets .number-selector-fancy .number-selector-fancy__input,.pick-seat-number-of-tickets-modal-container .module--number-of-tickets .number-selector-fancy .number-selector-fancy__odometer,.pick-seat-number-of-tickets-modal-container .module--number-of-tickets .number-selector-fancy .number-selector-fancy__odometer-values>div { height: 70px } .pick-seat-number-of-tickets-modal-container .module--number-of-tickets .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 70px; height: 70px } .number-of-tickets-modal .number-selector-fancy { font-size: 32px } .number-of-tickets-modal .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 32px } .number-of-tickets-modal .number-selector-fancy .number-selector-fancy__input,.number-of-tickets-modal .number-selector-fancy .number-selector-fancy__odometer,.number-of-tickets-modal .number-selector-fancy .number-selector-fancy__odometer-values>div { height: 32px } .number-of-tickets-modal .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 32px; height: 32px } .module--number-of-tickets .number-selector-fancy,.price-type-selector .number-selector-fancy { font-size: 20px } .module--number-of-tickets .number-selector-fancy .number-selector-fancy__value,.price-type-selector .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 35px } .module--number-of-tickets .number-selector-fancy .number-selector-fancy__input,.module--number-of-tickets .number-selector-fancy .number-selector-fancy__odometer,.module--number-of-tickets .number-selector-fancy .number-selector-fancy__odometer-values>div,.price-type-selector .number-selector-fancy .number-selector-fancy__input,.price-type-selector .number-selector-fancy .number-selector-fancy__odometer,.price-type-selector .number-selector-fancy .number-selector-fancy__odometer-values>div { height: 35px } .module--number-of-tickets .number-selector-fancy .number-selector-fancy__button,.price-type-selector .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 35px; height: 35px } body { background-image: none; background-position: center top; background-repeat: no-repeat; background-size: auto; overflow-x: hidden } .app.app-page--shop__ticket-search-page.findBest .main-column,.app.app-page--shop__ticket-search-page.pickSeats .main-column,.app.app-page--shop__price-level-as-product-page .main-column,.app.app-page--shop__product-first-page .main-column { width: 100% } @media(min-width: 1024px) { .app.app-page--shop__ticket-search-page.findBest .main-column,.app.app-page--shop__ticket-search-page.pickSeats .main-column,.app.app-page--shop__price-level-as-product-page .main-column,.app.app-page--shop__product-first-page .main-column { overflow-y:auto } } @media(min-width: 1024px) { .app.app-page--shop__ticket-search-page.findBest .main-header__top-content,.app.app-page--shop__ticket-search-page.pickSeats .main-header__top-content,.app.app-page--shop__price-level-as-product-page .main-header__top-content,.app.app-page--shop__product-first-page .main-header__top-content { padding-right:32px } .app.app-page--shop__ticket-search-page.findBest .main-header__brand,.app.app-page--shop__ticket-search-page.pickSeats .main-header__brand,.app.app-page--shop__price-level-as-product-page .main-header__brand,.app.app-page--shop__product-first-page .main-header__brand { padding-left: 32px } .app.app-page--shop__ticket-search-page.findBest .main-header__bottom-content,.app.app-page--shop__ticket-search-page.pickSeats .main-header__bottom-content,.app.app-page--shop__price-level-as-product-page .main-header__bottom-content,.app.app-page--shop__product-first-page .main-header__bottom-content { padding: 5px 32px } } @media(max-width: 1023.8px) { .app.app-page--shop__ticket-search-page.findBest .module--seat-picker,.app.app-page--shop__ticket-search-page.pickSeats .module--seat-picker,.app.app-page--shop__price-level-as-product-page .module--seat-picker,.app.app-page--shop__product-first-page .module--seat-picker { margin:0 } .app.app-page--shop__ticket-search-page.findBest .page-content,.app.app-page--shop__ticket-search-page.pickSeats .page-content,.app.app-page--shop__price-level-as-product-page .page-content,.app.app-page--shop__product-first-page .page-content { gap: 0 } } @media(min-width: 1024px) { .app.app-page--shop__ticket-search-page.findBest .main-header,.app.app-page--shop__ticket-search-page.pickSeats .main-header,.app.app-page--shop__price-level-as-product-page .main-header,.app.app-page--shop__product-first-page .main-header { box-shadow:none } .app.app-page--shop__ticket-search-page.findBest .sidebar,.app.app-page--shop__ticket-search-page.pickSeats .sidebar,.app.app-page--shop__price-level-as-product-page .sidebar,.app.app-page--shop__product-first-page .sidebar { background-color: #fff; padding: 1em 1em 1em 32px; box-shadow: 2px 0 5px -2px rgba(0,0,0,.25); overflow: auto; scrollbar-gutter: stable; z-index: 10 } .app.app-page--shop__ticket-search-page.findBest .page-container,.app.app-page--shop__ticket-search-page.pickSeats .page-container,.app.app-page--shop__price-level-as-product-page .page-container,.app.app-page--shop__product-first-page .page-container { width: 100%; padding: 0 } .app.app-page--shop__ticket-search-page.findBest .main-header__top-content,.app.app-page--shop__ticket-search-page.findBest .main-header__bottom-content,.app.app-page--shop__ticket-search-page.findBest .content-container,.app.app-page--shop__ticket-search-page.pickSeats .main-header__top-content,.app.app-page--shop__ticket-search-page.pickSeats .main-header__bottom-content,.app.app-page--shop__ticket-search-page.pickSeats .content-container,.app.app-page--shop__price-level-as-product-page .main-header__top-content,.app.app-page--shop__price-level-as-product-page .main-header__bottom-content,.app.app-page--shop__price-level-as-product-page .content-container,.app.app-page--shop__product-first-page .main-header__top-content,.app.app-page--shop__product-first-page .main-header__bottom-content,.app.app-page--shop__product-first-page .content-container { max-width: 100% } .app.app-page--shop__ticket-search-page.findBest .page-layout,.app.app-page--shop__ticket-search-page.pickSeats .page-layout,.app.app-page--shop__price-level-as-product-page .page-layout,.app.app-page--shop__product-first-page .page-layout { justify-content: flex-start } .app.app-page--shop__ticket-search-page.findBest .page-content,.app.app-page--shop__ticket-search-page.pickSeats .page-content,.app.app-page--shop__price-level-as-product-page .page-content,.app.app-page--shop__product-first-page .page-content { width: 100%; justify-content: flex-end; gap: 0; flex-wrap: nowrap } .app.app-page--shop__ticket-search-page.findBest .sidebar.page-column-base,.app.app-page--shop__ticket-search-page.pickSeats .sidebar.page-column-base,.app.app-page--shop__price-level-as-product-page .sidebar.page-column-base,.app.app-page--shop__product-first-page .sidebar.page-column-base { flex-shrink: 0; width: 440px; margin-top: 0 } } @media(min-width: 480px) { .app .page-layout--shop__ticket-search-page .page-content.offerMode .ticket-search-page-sticky { width:100% } .app .page-layout--shop__ticket-search-page .page-content.offerMode .ticket-search-page-sticky .sticky-inner-wrapper { display: flex; gap: 1em } } .app .content-container { position: relative; width: 100%; max-width: 1440px; flex: 1 } .app .content-container--has-login-form { display: flex; align-items: center; justify-content: center; min-height: 70vh; flex-direction: column } .app-wrapper { min-height: 100vh; display: flex; flex-direction: column; align-items: center } .app-wrapper--new-checkout.mobile { background-color: rgba(241,241,241,.9450980392) } .app-header-container { width: 100% } .content-container { max-width: 3000px; display: flex; flex-direction: column } .page-wrapper { display: flex; flex-direction: column; flex: 1 } .page-container { background-image: none; height: auto; padding: 20px 10px 0 10px; flex: 1 0 auto; width: calc(100vw - 20px); max-width: 100% } @media(max-width: 1023.8px) { .page-container { padding:10px 10px 0 10px } } .page-container:before,.page-container:after { background-repeat: no-repeat; display: block; position: fixed; content: " "; top: 0; width: 500px; min-height: 100%; z-index: -1 } .page-container:before { background-image: none; margin-left: -500px } .page-container:after { background-image: none } @media(min-width: 1440px) { .page-container:after { width:unset } } .tabbar { padding: 10px } .tabbar .nav-title { font-size: inherit } @media(max-width: 599.8px) { .tabbar { font-size:.95em } } .main-column { position: relative } .sidebar { padding: 0; background-color: rgba(0,0,0,0); display: flex; flex-direction: column } .sidebar .sticky-inner-wrapper,.sidebar .sticky-outer-wrapper { display: flex; flex-direction: column; flex: 1 1 auto } .sidebar-content { display: flex; flex-direction: column; height: 100% } .sidebar-content:not(.seat-picker-flow-off)>:last-child { margin-bottom: 24px } .left-sidebar .sidebar-content { gap: 2em } .secure-icons { padding-bottom: 10px; text-align: center } .secure-icons li { display: inline-block } .secure-icons a { padding: 10px } @media(max-width: 599.8px) { .secure-icons a { padding:4px } } .bottom { padding: 25px 15px 200px 15px } @media(max-width: 1023.8px) { .bottom { padding:20px 15px 90px } } .bottom .sidebar { padding: 0 } .page-column-base .bottom { padding-bottom: 20px } @media(max-width: 1024px) { .sticky-outer-wrapper { min-height:unset !important } .sticky-inner-wrapper { position: static !important; transform: none !important; width: auto !important } } @media(min-width: 599.8px) { .vertical-align { display:flex; flex-direction: row } .vertical-align>[class^=col-],.vertical-align>[class*=" col-"] { display: flex; align-items: center } .vertical-align>[class^=col-]>div,.vertical-align>[class*=" col-"]>div { width: 100% } } .app-page--shop__ticket-search-page .find-best-module { margin: 0 auto } @media(max-width: 1023.8px) { .app-page--shop__ticket-search-page .page-container { margin:unset; padding: unset; width: unset } .app-page--shop__ticket-search-page .find-best-module { margin: 0 1em } } .app-page--shop__custom-pack-upsell-page .page-container,.page-layout--shop__delivery-method-page .page-container,.page-layout--shop__payment-information-page .page-container { margin-bottom: 0 } .app-page--shop__custom-pack-upsell-page .page-column-base,.page-layout--shop__delivery-method-page .page-column-base,.page-layout--shop__payment-information-page .page-column-base { margin-top: 0 } .app-page--shop__custom-pack-upsell-page .footer,.page-layout--shop__delivery-method-page .footer,.page-layout--shop__payment-information-page .footer { margin-top: 0 } .app-page--shop__custom-pack-upsell-page .sidebar>div,.page-layout--shop__delivery-method-page .sidebar>div,.page-layout--shop__payment-information-page .sidebar>div { background-color: #fff } @media(min-width: 1024px) { .app-page--shop__custom-pack-upsell-page .main-column,.page-layout--shop__delivery-method-page .main-column,.page-layout--shop__payment-information-page .main-column { padding-right:1em; border-inline-end:1px solid #cfcfcf} } .page-layout { display: flex; justify-content: center } .app-page--shop__delivery-method-page .page-layout,.app-page--shop__payment-information-page .page-layout { flex-direction: row; justify-content: center } .app-page--shop__delivery-method-page .page-container,.app-page--shop__payment-information-page .page-container { padding-left: 0; padding-right: 0 } .app-page--shop__delivery-method-page .page-content,.app-page--shop__payment-information-page .page-content { width: 100%; max-width: 1440px } @media(max-width: 1023.8px) { .app-page--shop__delivery-method-page .main-column+.sidebar,.app-page--shop__payment-information-page .main-column+.sidebar { padding-left:1em; padding-right: 1em } } .app-page--shop__delivery-method-page .page-action-buttons,.app-page--shop__payment-information-page .page-action-buttons { margin-bottom: 2em; padding: 0 } .app-page--shop__delivery-method-page .page-action-buttons .accept-terms-btn,.app-page--shop__payment-information-page .page-action-buttons .accept-terms-btn { margin-right: 0 } @media(max-width: 1023.8px) { .app-page--shop__delivery-method-page .page-action-buttons .accept-terms-btn,.app-page--shop__payment-information-page .page-action-buttons .accept-terms-btn { padding-bottom:0 } } .app-page--shop__delivery-method-page .sidebar__sticky,.app-page--shop__payment-information-page .sidebar__sticky { position: sticky; top: 0; align-self: flex-start } .app-page--shop__delivery-method-page .sidebar .page-action-buttons>*,.app-page--shop__payment-information-page .sidebar .page-action-buttons>* { margin: 0 } @media(max-width: 1023.8px) { .app-page--shop__delivery-method-page .sidebar .page-action-buttons>*,.app-page--shop__payment-information-page .sidebar .page-action-buttons>* { margin:0 } } .app-page--shop__delivery-method-page .sidebar .sticky-inner-wrapper .module.module--order-summary,.app-page--shop__delivery-method-page .sidebar .sticky-inner-wrapper .pack-list .module--order-summary.pack,.pack-list .app-page--shop__delivery-method-page .sidebar .sticky-inner-wrapper .module--order-summary.pack,.app-page--shop__payment-information-page .sidebar .sticky-inner-wrapper .module.module--order-summary,.app-page--shop__payment-information-page .sidebar .sticky-inner-wrapper .pack-list .module--order-summary.pack,.pack-list .app-page--shop__payment-information-page .sidebar .sticky-inner-wrapper .module--order-summary.pack { padding-right: 0; padding-left: 0 } .app-page--shop__delivery-method-page .sidebar-error-message,.app-page--shop__payment-information-page .sidebar-error-message { color: #a94442; text-align: center; font-weight: bold; margin: .5em 0 1em 0 } .app-page--shop__delivery-method-page .sidebar-error-message-animation,.app-page--shop__payment-information-page .sidebar-error-message-animation { animation: fadeIn .5s } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .app-page--shop__delivery-method-page .module--order-summary .module__title,.app-page--shop__payment-information-page .module--order-summary .module__title { letter-spacing: normal; text-transform: none; font-size: 1.2em; padding-top: 1em; background-color: rgba(0,0,0,0) } .app-page--shop__delivery-method-page .app-timer-outer-wrapper,.app-page--shop__payment-information-page .app-timer-outer-wrapper { position: fixed; top: 0; transition: transform 700ms ease-in-out; right: 4em; z-index: 100 } .page-title { border-bottom: 1px solid #000; color: #000; font-size: 21px; font-weight: 700; margin: 0 0 12px 0; padding: 4px 0px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis } .page-title__info { display: block } .page-title__info .path1:before { color: rgba(0,0,0,0) } .page-title__info .path2:before { color: #000 } .page-title__info:active,.page-title__info:active:hover,.page-title__info:focus,.page-title__info:focus:hover,.page-title__info:hover { text-decoration: none } .page-title__info:active .path1:before,.page-title__info:active:hover .path1:before,.page-title__info:focus .path1:before,.page-title__info:focus:hover .path1:before,.page-title__info:hover .path1:before { color: rgba(0,0,0,0) } .page-title__info:active .path2:before,.page-title__info:active:hover .path2:before,.page-title__info:focus .path2:before,.page-title__info:focus:hover .path2:before,.page-title__info:hover .path2:before { color: #000 } .page-title .page-timer .progress-circle { display: none } .accept-split-seats { border: 0px solid #333; width: 100%; height: 35px; display: flex; align-items: center; padding-left: 6px } .accept-split-seats__checkbox { width: 25px; margin: 13px 4px !important } .accept-split-seats__description { display: inline-block; height: 30px; line-height: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none } .price-level-container { position: relative; padding: 6px 8px } .price-level-container .message p,.price-level-container .message div { padding: 15px 10px; margin: 0; text-align: justify } .price-level { display: flex !important; align-items: center; justify-content: space-between; flex-flow: row nowrap; flex-direction: row; color: #000; border-top: 1px solid #ddd; cursor: pointer; height: 44px } .price-level__label { order: 1; flex: 4; height: 100%; display: flex !important; align-items: center; justify-content: space-between; flex-flow: row nowrap; flex-direction: row; min-width: 0 } .price-level__label--name { flex: 2 2 50%; order: 2; min-width: 0; text-align: start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .price-level__label--name-container { margin-inline-start:10px} @media(max-width: 599.8px) { .price-level__label--name-container { max-width:230px; overflow: hidden } } .price-level__label--name-text { display: block } .price-level__label--name-text.scrolling { animation: price-level-scroll 10s linear infinite alternate } .price-level__label--range { flex: 0 0 auto; min-width: 0; order: 3; text-align: end; padding-top: 0; padding-inline-end:10px;padding-bottom: 0; padding-inline-start:10px;white-space: nowrap; position: relative } .price-level__label--name,.price-level__label--range { display: inline-block; font-size: 12px; font-weight: 500 } .price-level__label--availability { position: absolute; right: 10px } .price-level__label--availability--sold-out,.price-level__label--availability--single-seats-only,.price-level__label--availability--split-seats-only,.price-level__label--availability--resale-only { color: #ff8c00; display: block; font-size: 10px; line-height: 1em; text-transform: uppercase } .price-level__label--availability--sold-out,.price-level__label--availability--limit-reached,.price-level__label--availability--unavailable-access-code { color: #a94442 } .price-level__label--availability--resale-only { color: #000 } .price-level__info { order: 2 } .price-level__resale { order: 3; cursor: pointer } .price-level__resale__link { background-image: url("../img/resale_icon.png"); background-size: contain; background-repeat: no-repeat; width: 25px; height: 25px } .price-level__info,.price-level__resale { text-align: center; color: #000; font-size: 18px; padding: 0 10px; border-inline-start:1px solid #cfcfcf} .price-level--sold-out .price-range,.price-level--limit-reached .price-range,.price-level--disabled .price-range { display: none } .price-level--sold-out .price-level__label--availability,.price-level--limit-reached .price-level__label--availability,.price-level--disabled .price-level__label--availability { position: static; padding-top: 2px; padding-left: 10px } .price-table .price-level { display: block } .price-level--selected.price-level--no-color,.price-level--no-color:hover,.price-level--no-color.price-level--force-hover { background-color: #000 !important; color: #fff !important } .price-level--best,.price-level--best .price-level__checkbox { background-color: #000; color: #fff } .price-level--unavailable,.price-level--unavailable:hover,.price-level--unavailable.price-level--force-hover { background-color: #f3f3f3 !important; color: #999 !important; cursor: not-allowed } @keyframes price-level-scroll { 0% { transform: translateX(0) } 10% { transform: translateX(0) } 90% { transform: translateX(calc(-100% + 230px)) } 100% { transform: translateX(calc(-100% + 230px)) } } .price-level__tooltip { border-color: #cfcfcf; position: absolute; left: 0; padding: 8px; padding-bottom: 12px; background-color: #fff; color: #000; bottom: 100%; width: 100%; z-index: 100; pointer-events: none } .price-level__tooltip .close { color: #000; margin-top: 3px; pointer-events: all } .price-details__flourish { height: 8px; background-color: #000; margin: -8px -8px 8px -8px } .price-details__limitations { text-align: left; margin: 10px } .price-details--best .price-details__flourish { background-color: #000 } .price-details__items { max-width: 250px; margin: 10px auto } .price-details__description { margin: 0 20px 10px } .price-details__title { display: inline-block; font-weight: 700 } .price-details__additional-info { padding-top: 5px } .price-details-item::after { display: block; clear: both; content: "" } .price-details-item__cost { text-align: right; float: right } .price-details-item:last-child { border-top: 1px solid #000; margin-top: 5px; padding-top: 5px } .price-details--best .price-details-item:last-child { border-top: 1px solid #000; margin-top: 5px; padding-top: 5px } #PRICE_LEVEL_LONG_DESCRIPTION_TOOLTIP { max-width: unset; padding: 1em; border-radius: 10px; box-shadow: 5px 5px 10px 0 #939ba2; border: 1px solid #fff } .price-level-long-description-tooltip { display: flex; flex-direction: column; gap: 1em } .price-level-long-description-tooltip--has-long-description { width: min(600px - 2em,90vw) } .price-level-long-description-tooltip__title { font-size: 18px; font-weight: bold } .price-level-long-description { display: flex; flex-flow: column nowrap; gap: 1em } .price-levels-dropdown .module__container { padding: 0 0 0 0 } .price-levels-dropdown__toggle--button { color: #000 !important; font-size: 17px; line-height: 17px; padding: 0 8px } .price-levels-dropdown__toggle--text { border-top: 1px solid #cfcfcf; padding: 10px 0; text-align: center } .price-levels-dropdown__toggle--text-link { color: #000; font-size: 13px; font-weight: 700; padding: 0; text-decoration: none; text-transform: uppercase } @media(max-width: 1023.8px) { .price-levels-dropdown__toggle--text { display:none } } .price-levels-dropdown .btn { font-size: 14px; min-height: 40px } @media(min-width: 1024px) { .price-levels-dropdown .pick-price-level-footer { position:sticky; bottom: 0 } } .price-table { padding: 0 0 2em 0 } @media(max-width: 1023.8px) { .price-table { padding:0 } } .hidden-children .price-level--best.price-level--unselected,.hidden-children .price-level--unselected,.hidden-children .message--ga { display: none !important } .hidden-children .price-level--best.price-level--best-selected,.hidden-children .price-level--selected { display: flex !important } .price-level--best-container { text-align: center; padding: 10px 10px 0px 10px } .price-level--best__button { width: 100%; margin-bottom: 10px } .price-level--best__fancy-span { display: flex; align-items: center; text-transform: uppercase } .price-level--best__fancy-span:before,.price-level--best__fancy-span:after { flex: 1 1 1px; background: #cfcfcf; content: ""; display: block } .price-level--best__fancy-span:before,.price-level--best__fancy-span:after { height: 1px } .price-level--best__fancy-span:before { margin-right: 15px } .price-level--best__fancy-span:after { margin-left: 15px } .ticket-subsection-warning { text-align: center } .ticket-subsection-warning__hr { border-top: 1px solid #cfcfcf } .ticket-subsection-warning__icon { background-color: #fff; color: #666; font-size: 12px; margin: -13px auto 0 auto; width: 30px } .ticket-subsection-warning__description .section { font-weight: 900; text-transform: uppercase } tr { page-break-inside: auto !important } tr div { page-break-inside: avoid } .module--venue-map .module__title--subtitle { font-weight: normal; padding-left: 5px } .module--venue-map .module__right { margin-right: 6px } .module--venue-map .venue-map-component { margin: -1px } .not-on-sale .page-title>span,.page-layout--waiting-room__pick-event-page--phasea .page-title>span { display: none } .page-layout--waiting-room__form-page .loginStep { text-align: center } .page-layout--waiting-room__form-page .loginStep iframe { width: 100% } .page-layout--waiting-room__form-page .loginStep .link-button { text-decoration: underline } .social-links { margin: 20px 0; display: flex; align-self: flex-start; align-items: center; justify-content: center; color: #c9c9c9 } .social-links>* { margin-left: 10px } .social-links-title { display: none } .social-links a { display: inline-block; text-decoration: none; text-transform: none; transition: opacity .3s ease } .social-links a:hover { opacity: .5 } .social-links .social-icon::before { content: ""; width: 16px; height: 16px; display: block; background-size: contain } .social-links .social-icon.facebook::before { background-image: url("../img/social/facebook.svg"); margin-left: 9px } .social-links .social-icon.twitter::before { background-image: url("../img/social/twitter.svg"); margin-left: 10px } .social-links .social-icon.youtube::before { background-image: url("../img/social/youtube.svg"); margin-left: 14px } .social-links .social-icon.instagram::before { background-image: url("../img/social/instagram.svg"); margin-left: 10px } .sticky-outer-wrapper:not(.active) .sticky-inner-wrapper { transform: unset !important } .sidebar>.sticky-outer-wrapper>.sticky-inner-wrapper>.module,.pack-list .sidebar>.sticky-outer-wrapper>.sticky-inner-wrapper>.pack { margin: 0; padding-left: 20px; padding-right: 20px } .sidebar>.sticky-outer-wrapper>.sticky-inner-wrapper>.module:last-child,.pack-list .sidebar>.sticky-outer-wrapper>.sticky-inner-wrapper>.pack:last-child { padding-bottom: 20px } .page-content { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 1em; width: 1440px; max-width: 100vw } @media(min-width: 1024px) { .page-content.offerMode { flex-wrap:nowrap } } .page-content .main-column { width: calc(66.6666666666% - 1em) } .page-content .main-column.should-flex-grow { flex-basis: 0; flex-grow: 1 } .page-content .main-column.full-width { width: 100%; max-width: inherit } .page-content .main-column.full-width .sticky-outer-wrapper { min-height: unset !important } .page-content .main-column.full-width .sticky-inner-wrapper { position: static !important; transform: inherit !important } .page-content .sidebar { width: 33.3333333333%; min-width: -moz-min-content; min-width: min-content } @media(max-width: 1023.8px) { .page-content>* { width:100% !important; min-width: initial !important } } .page-content.left-sidebar { flex-direction: row-reverse } .es-dropdown__content { display: flex; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #cfcfcf; padding: 4px 6px } .es-dropdown__text { pointer-events: none; flex: 1 1 auto } .es-dropdown__arrow { margin-left: 2px } .es-dropdown__icon { margin-right: 10px } .rc-trigger-popup { max-width: 1024px; background-color: #fff; padding: 10px; border-radius: 10px; filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25)) } .rc-trigger-popup-slide-enter,.rc-trigger-popup-slide-appear { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; opacity: 0; animation-play-state: paused } .rc-trigger-popup-slide-leave { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; animation-play-state: paused } .rc-trigger-popup-slide-enter-active,.rc-trigger-popup-slide-appear-active { animation-name: rcTriggerSlideIn; animation-play-state: running } .rc-trigger-popup-slide-leave-active { animation-name: rcTriggerSlideOut; animation-play-state: running } @keyframes rcTriggerSlideIn { 0% { opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0) } 100% { opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) } } @keyframes rcTriggerSlideOut { 0% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) } 100% { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0) } } .date-time__date,.date-time__time { white-space: nowrap } .generic-help-message { margin: 1em 1em 0 1em; padding: 1em } .generic-help-message .module__container { padding: .5em 1em } .generic-help-message__pick-seat { z-index: 10; background-color: #fff; border-radius: 20px; filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25)); height: 40px; display: flex; align-items: center; margin: 0 } .generic-help-message__pick-seat--no-seat-picker-modal { position: absolute; z-index: 10; top: 1em; left: 1em } .generic-help-message.module,.pack-list .generic-help-message.pack { border-radius: 10px } .generic-help-message--danger.module,.pack-list .generic-help-message--danger.pack { background-color: #ffe9e8; border: 1px solid #ff0800 } .generic-help-message--warning.module,.pack-list .generic-help-message--warning.pack { background-color: #fff4e6; border: 1px solid #ff9500 } .generic-help-message__container { display: flex; flex-wrap: nowrap } .generic-help-message__icon { padding-right: 10px } .generic-help-message__icon--info { color: #000 } .generic-help-message__icon--warning { color: #e68100 } .generic-help-message__icon--danger { color: #e80a00 } .modal-body .generic-help-message,.sidebar .generic-help-message { margin: 0 0 1em 0 } .messages-modal-button__button { filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25)); height: 40px } .messages-modal-button__button-content { display: flex; gap: .5em } .find-best-module .expandable-messages__container { margin-bottom: 2em } .sidebar .expandable-messages__title { padding: 1em 0 } @media(max-width: 600px) { .expandable-messages__content { max-height:200px; overflow-y: auto; position: relative } } .expandable-messages__container { width: 100% } .expandable-messages__title { display: flex; align-items: center; cursor: pointer; padding: 0 1em; gap: 1em } .expandable-messages__title h4,.expandable-messages__title .h4 { margin: 0 } @media(max-width: 600px) { .expandable-messages__title { justify-content:center } } input[type=radio],input[type=checkbox] { -webkit-appearance: none; width: 20px; height: 20px; margin-top: 0; border: 2px solid #cbcbcb; flex-shrink: 0 } input[type=radio] { border-radius: 100% } input[type=radio]:checked::before { content: ""; display: block; width: 50%; height: 50%; margin: 25% auto; border-radius: 100%; background: #666 } input[type=checkbox]:checked { background: url("../img/skins/obt_v2/checked.svg") no-repeat center } .input-group-prepend { padding-right: 0 } .selected-confirm-text,.sold-out-confirm-text { pointer-events: none; font-weight: bold; position: absolute; text-wrap: nowrap; font-size: 1.5em; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center } .selected-confirm-text .glyphicon,.selected-confirm-text .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .selected-confirm-text button.number-selector-fancy__button,.sold-out-confirm-text .glyphicon,.sold-out-confirm-text .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .sold-out-confirm-text button.number-selector-fancy__button { margin-right: .3em; top: 0 } .sold-out-confirm-text { color: #fff } .event-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6) } .overlay-full-screen-container { display: flex; justify-content: center; align-items: center; height: 100vh } .overlay-full-screen-container--background { top: 0; left: 0; right: 0; position: fixed; width: 100%; height: 100% } .overlay-full-screen-close-button { position: absolute; top: 15px; right: 15px; z-index: 2; font-size: 28px; transform: none; background: #000 url(../img/x-symbol-white.svg) center no-repeat; border-radius: 50%; padding: 15px } .rc-trigger-popup,.rc-trigger-popup-mask { z-index: 50 } .event-location { text-transform: unset; display: flex; align-items: center } @media(min-width: 600px) { .event-location { font-size:1.3em } } .event-location__spacer { white-space: pre } .event-location__text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .event-selector--compact .event-date,.event-selector__calendar--compact .event-date { margin-right: 0; padding: 20px } .event-date { background: #000; color: #fff; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase } .event-date__month,.event-date__day,.event-date__weekday { vertical-align: text-top } .event-date__month,.event-date__weekday { font-size: 14px } .event-date__day { font-size: 32px } .event-date--inverted { background-color: #000; color: #fff } .event-date--small { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100% } .event-date--small-align-left { align-items: flex-start } .event-date-range-badge { display: flex; align-items: center } .event-date-range-badge .event-date { margin-right: 0 } .event-date-non-alphanumeric-font { font-size: 32px; font-weight: bold; z-index: 1 } @media(min-width: 600px) { .event-date-non-alphanumeric-font { font-size:24px } } .event-info-short__title { font-weight: 700; margin: 0 } .module--pick-event button { font-size: 12px } .module--pick-event>.module__title { display: none } .module--pick-event .module__container { border: none !important } .event-selector { width: 100%; position: relative } .event-selector__calendar--spacer { height: 50px; width: 1px; display: block } .event-selector__calendar-price-time.has-logo { justify-content: space-evenly } .event-selector__calendar-price-time { display: flex; justify-content: space-between; align-items: center; width: 100% } @media(min-width: 1200px) { .event-selector__calendar-price-time { gap:1rem } } @media(min-width: 1800px) { .event-selector__calendar-price-time { gap:.5rem } } .event-selector__calendar-price-time .event-time-button { flex-shrink: 1; font-size: inherit } .event-selector__calendar-price-time .event-time-button.full-width { flex: 1 } .event-selector__calendar-day.has-no-resale-tickets .event-selector__calendar-day--container { opacity: .4; pointer-events: none } .event-selector__calendar-event-time { white-space: nowrap; border-radius: 20px } .event-selector__calendar-event-time.btn-primary { padding: 0 } .event-selector__calendar-event-time .animation-container { padding: .3em 0 } .event-selector__calendar-event-time-button-container { display: flex; align-items: center; gap: 1em } .event-selector__calendar-event-time-button-container.has-nudge-color { border: 1px solid; border-radius: 4px; padding: 0 1px } @media(max-width: 1023.8px) { .event-selector__calendar-event-time-button-container span { color:#000 } } .event-selector__calendar-event-time.inCart,.event-selector__list-event-time.inCart { background-color: #fff; border-color: #cfcfcf; color: #000; pointer-events: none; opacity: .7 } .event-selector__calendar-event-time.inCart-btn-text,.event-selector__list-event-time.inCart-btn-text { margin-left: 2px } .event-selector__list-time { flex-grow: 1 } .event-selector__list-time .btn-action { height: 35px; width: 110px } .event-selector__list-time>.btn.event-selector__calendar-event-time { padding: 0; font-size: 1rem } .event-selector__header { display: flex; position: sticky; top: 0; border-style: none; background-color: rgba(0,0,0,0); justify-content: flex-end; align-items: center; z-index: 101; border-radius: 5px; padding: 10px 15px } .event-selector__header .date-time { font-size: 1.2em; font-weight: bold } .event-selector__header.has-scroll-buttons { margin-bottom: -45px; margin-left: 30em; pointer-events: none } .event-selector__header.has-scroll-buttons>* { pointer-events: auto } .event-selector__header--scroll-buttons { display: flex; align-items: flex-end } .event-selector__header--scroll-buttons div:first-child { margin-right: .5em } @media(max-width: 1023.8px) { .event-selector__header--scroll-buttons { flex-direction:column } .event-selector__header--scroll-buttons div:first-child { margin-right: 0; margin-bottom: .5em } } .event-selector__header--scroll-button-container { font-size: 15px; cursor: pointer; border: 1px solid gray; border-radius: 20px; display: flex; align-items: center; justify-content: center; transition: width 200ms; background-color: #fff } .event-selector__header--scroll-button-container.additional-link { width: auto; white-space: nowrap; padding: 0 10px; overflow: hidden } .event-selector__header--scroll-button-container.disabled { opacity: 1; cursor: default } .event-selector__header--scroll-button-container.disabled .glyphicon,.event-selector__header--scroll-button-container.disabled .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .event-selector__header--scroll-button-container.disabled button.number-selector-fancy__button { opacity: .5 } .event-selector__header--scroll-button-container .glyphicon,.event-selector__header--scroll-button-container .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .event-selector__header--scroll-button-container button.number-selector-fancy__button { margin-top: -1px } .event-selector__header--selling-fast-containter { display: flex; align-items: center } .event-selector__header--selling-fast-legend { background-color: #facf0e; width: .7em; height: .7em; border-radius: 50%; margin-right: .5em } .event-selector__header--selling-fast-text { font-style: italic; margin-right: 1em } @media(max-width: 1023.8px) { .event-selector__header { position:fixed; top: unset; bottom: 0; right: 0; border-radius: 20px } .event-selector__header.has-scroll-buttons { margin: 0 } } .event-selector__footer { justify-content: space-between; background-color: #fff } .event-selector__header>*,.event-selector__footer>* { vertical-align: middle } .event-selector__header-button[disabled],.event-selector__footer-button[disabled] { visibility: hidden } .event-selector__header-button,.event-selector__header-button[disabled]:active,.event-selector__header-button[disabled]:focus,.event-selector__header-button[disabled]:hover,.event-selector__footer-button,.event-selector__footer-button[disabled]:active,.event-selector__footer-button[disabled]:focus,.event-selector__footer-button[disabled]:hover { background-color: rgba(0,0,0,0) !important; border: none; box-shadow: none } .event-selector__header-button,.event-selector__footer-button { color: #000; padding: 5px 10px; display: flex; width: auto; font-size: 1.2em; white-space: nowrap } .event-selector__header-button--left,.event-selector__footer-button--left { float: left; margin-left: 10px; margin-right: 2px } .event-selector__header-button--left .glyphicon,.event-selector__header-button--left .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .event-selector__header-button--left button.number-selector-fancy__button,.event-selector__footer-button--left .glyphicon,.event-selector__footer-button--left .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .event-selector__footer-button--left button.number-selector-fancy__button { margin-right: 10px } .event-selector__header-button--right,.event-selector__footer-button--right { float: right; margin-left: 2px; margin-right: 10px } .event-selector__header-button--right .glyphicon,.event-selector__header-button--right .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .event-selector__header-button--right button.number-selector-fancy__button,.event-selector__footer-button--right .glyphicon,.event-selector__footer-button--right .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .event-selector__footer-button--right button.number-selector-fancy__button { margin-left: 10px } .event-selector__header-button--label,.event-selector__footer-button--label { font-size: .8em } .event-selector__header-month--container,.event-selector__footer-month--container { display: flex; justify-content: center; border-radius: 25px; gap: 1em } .event-selector__header-month--container.has-search-input,.event-selector__footer-month--container.has-search-input { align-items: flex-end } .event-selector__header-month,.event-selector__footer-month { flex-shrink: 1; border-style: none; box-shadow: none; text-align: center; color: #000; font-size: 16px; font-style: normal } .event-selector__header-month--without-dropdown,.event-selector__footer-month--without-dropdown { cursor: default } .event-selector__header-month--dropdown,.event-selector__footer-month--dropdown { font-size: 17px } .event-selector__header-month--dropdown select,.event-selector__footer-month--dropdown select { background-color: #fff } .event-selector__header-month--dropdown.dropdown-toggle,.event-selector__header-month--dropdown.dropdown-toggle:hover,.event-selector__header-month--dropdown.dropdown-toggle:active,.event-selector__header-month--dropdown.dropdown-toggle:focus,.event-selector__footer-month--dropdown.dropdown-toggle,.event-selector__footer-month--dropdown.dropdown-toggle:hover,.event-selector__footer-month--dropdown.dropdown-toggle:active,.event-selector__footer-month--dropdown.dropdown-toggle:focus { border-radius: 0; color: #000; background-color: rgba(0,0,0,0); box-shadow: none; border-color: rgba(0,0,0,0) } .event-selector__header .form-group,.event-selector__footer .form-group { margin: 0 } .event-selector__header .dropdown-menu,.event-selector__footer .dropdown-menu { min-width: 0px } .event-selector__header .dropdown-menu .glyphicon-ok,.event-selector__footer .dropdown-menu .glyphicon-ok { padding-left: 5px } .event-selector__header .caret,.event-selector__footer .caret { margin-left: 5px } .event-selector__header-icon.es-app-icon,.event-selector__footer-icon.es-app-icon { display: none } .event-selector__month-header { position: sticky; top: 0; background-color: #fff; z-index: 1 } .event-time-button { white-space: nowrap } .list-item-summary .soldout { font-size: 1.5em; margin-right: 10px } .soldout { color: #ec091a; text-align: center } @media(max-width: 599.8px) { .soldout { font-size:.7em } } .soldout:not(.all-event-soldout) { text-align: left } .event-selector__calendar-event-has-logo .event-selector__calendar-showtimes__elements { flex-direction: column } .event-selector__calendar-showtimes__elements { width: auto } .event-selector__calendar-showtimes__elements:not(:last-child) { margin-bottom: .5em } .event-selector__calendar-showtimes__elements .event-starting-price { margin-bottom: 0; text-align: center; font-weight: bold } .event-selector__list .event-selector__calendar-showtimes__elements .event-starting-price { text-align: center } .sidebar .event-selector--list .event-selector__calendar-showtimes__elements { width: 100% } .event-selector__calendar-showtimes__elements .is-src-event span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } sidebar-content { display: flex; flex-direction: column; height: 100% } .sidebar .module--pick-event.has-event-selected { height: 100% } @media(max-width: 1023.8px) { .sidebar .module--pick-event.has-event-selected { display:none } } .sidebar .module--pick-event .event-selector__header { padding: 0 15px; transition: background-color .2s ease-in-out } .sidebar .module--pick-event .event-selector__header--scroll-buttons { z-index: 102; display: flex; justify-content: center; background-color: #fff; border-radius: 20px } .sidebar .module--pick-event .event-selector__header-icon { display: block; line-height: 1 } .sidebar .module--pick-event .event-selector__header-button { display: none } .sidebar .module--pick-event .event-selector--calendar.is-expanded .event-selector__header { z-index: 101; position: sticky; top: .5em; right: 0; height: 0 } .sidebar .module--pick-event .event-selector--calendar.is-expanded .expandable-component.is-expanded { overflow: unset } .sidebar .module--pick-event .event-selector--calendar.is-expanded .expandable-component.is-expanded.has-buttons { padding-bottom: 5em } .sidebar .module--pick-event .event-selector--calendar.is-expanded .event-selector__header-button { display: block } @media(max-width: 599.8px) { .event-selector__calendar-event-time .event-selector__calendar-event-time-btn-text { display:none } } @media(max-width: 599.8px) { .page-layout--waiting-room-picktickets .event-selector__header { margin-top:15px } } @media(max-width: 1023.8px) { .page-layout--waiting-room-picktickets .event-selector__header-month { width:100px } } @media(max-width: 599.8px) { .page-layout--waiting-room-picktickets .event-selector__header-month { width:160px } } @media(max-width: 1023.8px) { .page-layout--waiting-room-picktickets .event-selector__calendar-weekday { font-size:11px } } @media(max-width: 599.8px) { .page-layout--waiting-room-picktickets .event-selector__calendar-weekday { font-size:14px } } .page-layout--waiting-room-picktickets .event-selector__calendar-weekday,.page-layout--waiting-room-picktickets .event-selector__calendar-dayofmonth { padding: 0 } .event-selector-legend { font-weight: bold; margin: 5px 0; display: inline-block; padding: 7px 12px; font-size: 15px } .event-selector-legend .event-selector-legend__text { margin-left: .5em } .sidebar .event-time-button.is-sold-out { display: none } @media(min-width: 1440px) { .sidebar .soldout { font-size:.6em } } .sidebar--shop__select-event-page thead th.event-selector__calendar-month-container { background-color: #fff } .pick-event-widgets { display: flex; flex-direction: column; align-items: center; gap: 1em } .pick-event-widgets:first-child { margin-top: 2em } @media(max-width: 599.8px) { .pick-event-widgets:first-child { margin-top:1em } } .pick-event-widgets .redirection-links-container { max-width: 400px; width: 100% } .event-selector--calendar { isolation: isolate; overflow: unset } .event-selector--calendar .module__container { padding: 0 } .event-selector--calendar .event-selector__calendar { width: 100%; height: 100% } .event-selector--calendar .event-selector__calendar-dayofmonth { display: flex; width: 100%; font-size: 1.5em; padding: 10px; line-height: 1 } .event-selector--calendar .event-selector__calendar-dayofmonth--container { width: 100%; padding: 3px } .event-selector--calendar .event-selector__calendar-dayofmonth--today { padding: 15px; margin: 2px; background-color: #000; color: #fff; width: 2em; height: 2em; border-radius: 50%; display: flex; align-items: center; justify-content: center } .event-selector--calendar .event-selector__calendar-month { font-size: 2.5em } .event-selector--calendar .event-selector__calendar-month .event-selector-calendar--month-name { margin-right: 10px; font-weight: bold; text-transform: capitalize } .event-selector--calendar .event-selector__calendar-month .event-selector-calendar--year { font-weight: normal } .event-selector--calendar .event-selector__calendar-weekday { font-size: 14px; text-align: center; font-weight: 400; padding-top: 1.5em } .event-selector--calendar .event-selector__calendar-dayofmonth .event-date { padding: 0; text-align: left; width: auto; background-color: rgba(0,0,0,0); color: #000 } .event-selector--calendar .event-selector__calendar-dayofmonth .event-date__day { font-weight: 300; font-size: 16px; line-height: 1em } .event-selector--calendar .event-selector__calendar-dayofmonth .event-date__month,.event-selector--calendar .event-selector__calendar-dayofmonth .event-date__weekday { display: none } .event-selector--calendar .event-selector__calendar-title { text-align: center; color: #000; padding: 5px 2px; word-break: break-word; -webkit-hyphens: auto; hyphens: auto } .event-selector--calendar .event-selector__calendar-showtimes { display: flex; text-align: right } .event-selector--calendar .event-selector__calendar-showtimes--all-soldout { height: 100%; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 10px; font-size: 1.2em } .event-selector--calendar .event-selector__calendar-showtimes-header { color: #000; font-size: 12px; font-weight: 700 } .event-selector--calendar .event-selector__calendar-showtimes:last-child { margin: 0 } .event-selector--calendar .event-selector__calendar-day { vertical-align: top; width: 14.3% } .event-selector--calendar .event-selector__calendar-day--out-of-month { background-color: #f3f3f3 } .event-selector--calendar .event-selector__calendar-day--out-of-month .event-selector__calendar-dayofmonth,.event-selector--calendar .event-selector__calendar-day--out-of-month .event-selector__calendar-showtimes { opacity: 0 } .event-selector--calendar .event-selector__calendar-day:not(.event-selector__calendar-day--has-events) { color: #949494 } .event-selector--calendar .event-selector__calendar-day--has-events .event-selector__calendar-dayofmonth { font-weight: 600 } .event-selector--calendar .event-selector__calendar-day--has-events .event-selector__calendar-dayofmonth .event-date__day { color: #000; font-weight: 700 } .sidebar .event-selector--calendar { padding: 0 !important } .sidebar .event-selector--calendar .event-selector__header-button { height: 28px } .sidebar .event-selector-sidebar--calendar,.sidebar .event-selector--calendar,.module--pick-event.compact .event-selector-sidebar--calendar,.module--pick-event.compact .event-selector--calendar { width: 100%; padding-left: 0 } .sidebar .event-selector-sidebar--calendar .event-selector__calendar-dayofmonth,.sidebar .event-selector--calendar .event-selector__calendar-dayofmonth,.module--pick-event.compact .event-selector-sidebar--calendar .event-selector__calendar-dayofmonth,.module--pick-event.compact .event-selector--calendar .event-selector__calendar-dayofmonth { font-size: 1em } .sidebar .event-selector-sidebar--calendar .event-selector__calendar-title,.sidebar .event-selector--calendar .event-selector__calendar-title,.module--pick-event.compact .event-selector-sidebar--calendar .event-selector__calendar-title,.module--pick-event.compact .event-selector--calendar .event-selector__calendar-title { word-break: break-word; -webkit-hyphens: auto; hyphens: auto; font-size: 12px } .sidebar .event-selector-sidebar--calendar .event-selector__calendar-showtimes-header,.sidebar .event-selector--calendar .event-selector__calendar-showtimes-header,.module--pick-event.compact .event-selector-sidebar--calendar .event-selector__calendar-showtimes-header,.module--pick-event.compact .event-selector--calendar .event-selector__calendar-showtimes-header { display: none } .sidebar .event-selector-sidebar--calendar .event-selector__calendar-event-time,.sidebar .event-selector--calendar .event-selector__calendar-event-time,.module--pick-event.compact .event-selector-sidebar--calendar .event-selector__calendar-event-time,.module--pick-event.compact .event-selector--calendar .event-selector__calendar-event-time { font-size: 9px; padding: 1px 1px; width: 100%; height: auto } .sidebar .module--pick-event .event-selector__calendar .event-selector__calendar-day,.module--pick-event.compact .event-selector__calendar .event-selector__calendar-day { height: 100% } .sidebar .module--pick-event .event-selector__calendar .event-selector__calendar-logo-and-type,.module--pick-event.compact .event-selector__calendar .event-selector__calendar-logo-and-type { padding: 1px 2px; margin-bottom: 0; flex-basis: 36px } .sidebar .module--pick-event .event-selector__calendar .event-abbrev,.module--pick-event.compact .event-selector__calendar .event-abbrev { display: none } .sidebar .module--pick-event .event-selector__calendar .event-type-icon,.module--pick-event.compact .event-selector__calendar .event-type-icon { margin: 0; margin-left: 2px; border-left: none; padding-left: 2px } .sidebar .module--pick-event .event-selector__calendar .event-type-icon img,.module--pick-event.compact .event-selector__calendar .event-type-icon img { width: 10px } .sidebar .module--pick-event .event-selector__calendar .event-selector__calendar-ticket-count,.module--pick-event.compact .event-selector__calendar .event-selector__calendar-ticket-count { margin-bottom: 3px; margin-top: 0 } .sidebar .module--pick-event .event-selector__calendar .event-selector__calendar-ticket-count .visible-compact,.module--pick-event.compact .event-selector__calendar .event-selector__calendar-ticket-count .visible-compact { display: block } .sidebar .module--pick-event .event-selector__calendar .event-selector__calendar-ticket-count .hidden-compact,.module--pick-event.compact .event-selector__calendar .event-selector__calendar-ticket-count .hidden-compact { display: none } .rc-trigger-popup .module--pick-event.compact .event-selector__calendar { margin-bottom: 0 } .module--pick-event { font-size: clamp(10px,.7vw,15px) } .module--pick-event .event-selector__calendar-day { height: 127px } @media(max-width: 1023.8px) { .module--pick-event .event-selector__calendar-day { height:100% } } .module--pick-event .event-selector__calendar--calendar-compact .event-selector__calendar-day { height: 100% } @media(max-width: 599.8px) { .module--pick-event .event-selector__calendar--calendar-compact .event-selector__calendar-day--container .soldout:not(.all-event-soldout) { display:none } } .module--pick-event .event-selector__calendar-day--container { height: 100%; display: flex; flex-direction: column } .module--pick-event .event-selector__calendar-event-time { width: 100%; margin: 1px 0 } .module--pick-event .event-selector__calendar-logo-and-type { flex: 1; flex-basis: 56px; display: flex; align-items: center; justify-content: center; padding: 3px 2px 1px 2px; margin-bottom: 2px } @media(max-width: 1023.8px) { .module--pick-event .event-selector__calendar-logo-and-type { padding:1px 2px; margin-bottom: 0; flex-basis: 36px } } .module--pick-event .event-selector__calendar-ticket-count { text-align: center; font-weight: normal; font-size: 14px; line-height: 1.2; padding: 0 2px; margin-top: 2px; margin-bottom: 5px } .module--pick-event .event-selector__calendar-ticket-count .visible-compact { display: none } @media(max-width: 1023.8px) { .module--pick-event .event-selector__calendar-ticket-count { margin-bottom:3px; margin-top: 0 } .module--pick-event .event-selector__calendar-ticket-count .visible-compact { display: block } .module--pick-event .event-selector__calendar-ticket-count .hidden-compact { display: none } } .module--pick-event .event-selector__calendar .flexmedia-left,.module--pick-event .event-selector__calendar .event-date { margin-right: 0 } .module--pick-event .event-selector__calendar .event-logo img { width: 100%; max-width: 63px; max-height: 63px; border-radius: 10px } .module--pick-event .event-selector__calendar .event-type-icon { margin-left: 5px; padding-left: 5px } .module--pick-event .event-selector__calendar .event-type-icon span { display: none } @media(max-width: 1023.8px) { .module--pick-event .event-selector__calendar .event-type-icon { margin:0; margin-left: 2px; border-left: none; padding-left: 2px } .module--pick-event .event-selector__calendar .event-type-icon img { width: 10px } } .module--pick-event .event-selector__calendar .event-abbrev { margin-left: 10px; opacity: .8; font-size: 1.3em; display: none } @media(max-width: 1023.8px) { .module--pick-event .event-selector__calendar .event-abbrev { display:none } } .event-selector__calendar--compact .event-selector__calendar-day .event-selector__calendar-showtimes__elements .date-time__time { font-weight: 400 } .event-selector__calendar--compact .event-selector__calendar-showtimes__elements button .date-time__time { opacity: 1 } .event-selector__calendar--compact .event-selector__calendar-showtimes__elements .date-time__time { font-size: 1.3em; padding: 0; font-weight: 600; opacity: .7 } @media(max-width: 599.8px) { .event-selector__calendar--compact .event-selector__calendar-showtimes__elements .date-time__time__12h { font-size:1.1em } } .event-selector__calendar--compact .event-selector__calendar-dayofmonth--container { display: flex; justify-content: center } .event-selector--calendar .event-selector__calendar,.event-selector--calendar .event-selector .sidebar-calendar__month,.event-selector__sidebar-calendar .event-selector__calendar,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month { table-layout: fixed; border-collapse: separate; border-spacing: 0px; border-bottom: none; border-top-style: none; border-width: 0px; border-color: #cfcfcf } .event-selector--calendar .event-selector__calendar td,.event-selector--calendar .event-selector .sidebar-calendar__month td,.event-selector__sidebar-calendar .event-selector__calendar td,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month td { border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; overflow: hidden } .event-selector--calendar .event-selector__calendar td:last-child,.event-selector--calendar .event-selector .sidebar-calendar__month td:last-child,.event-selector__sidebar-calendar .event-selector__calendar td:last-child,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month td:last-child { border-right: 1px solid #cfcfcf } .event-selector--calendar .event-selector__calendar-week:first-child td:first-child,.event-selector--calendar .event-selector .sidebar-calendar__month-week:first-child td:first-child,.event-selector__sidebar-calendar .event-selector__calendar-week:first-child td:first-child,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month-week:first-child td:first-child { border-top-left-radius: 20px } .event-selector--calendar .event-selector__calendar-week:first-child td:last-child,.event-selector--calendar .event-selector .sidebar-calendar__month-week:first-child td:last-child,.event-selector__sidebar-calendar .event-selector__calendar-week:first-child td:last-child,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month-week:first-child td:last-child { border-top-right-radius: 20px } .event-selector--calendar .event-selector__calendar-week:last-child td,.event-selector--calendar .event-selector .sidebar-calendar__month-week:last-child td,.event-selector__sidebar-calendar .event-selector__calendar-week:last-child td,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month-week:last-child td { border-bottom: 1px solid #cfcfcf } .event-selector--calendar .event-selector__calendar-week:last-child td:first-child,.event-selector--calendar .event-selector .sidebar-calendar__month-week:last-child td:first-child,.event-selector__sidebar-calendar .event-selector__calendar-week:last-child td:first-child,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month-week:last-child td:first-child { border-bottom-left-radius: 20px } .event-selector--calendar .event-selector__calendar-week:last-child td:last-child,.event-selector--calendar .event-selector .sidebar-calendar__month-week:last-child td:last-child,.event-selector__sidebar-calendar .event-selector__calendar-week:last-child td:last-child,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month-week:last-child td:last-child { border-bottom-right-radius: 20px } .event-selector--calendar .event-selector__calendar--compact,.event-selector--calendar .event-selector .sidebar-calendar__month--compact,.event-selector__sidebar-calendar .event-selector__calendar--compact,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month--compact { border-spacing: 1px 0 } .event-selector--calendar .event-selector__calendar--compact .event-selector__empty-row,.event-selector--calendar .event-selector .sidebar-calendar__month--compact .event-selector__empty-row,.event-selector__sidebar-calendar .event-selector__calendar--compact .event-selector__empty-row,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month--compact .event-selector__empty-row { height: 3px } .event-selector--calendar .event-selector__calendar--compact td,.event-selector--calendar .event-selector .sidebar-calendar__month--compact td,.event-selector__sidebar-calendar .event-selector__calendar--compact td,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month--compact td { border: 1px solid #cfcfcf; border-radius: 5px !important } .event-selector--calendar .event-selector__calendar--compact td.event-selector__calendar-day--selected,.event-selector--calendar .event-selector .sidebar-calendar__month--compact td.event-selector__calendar-day--selected,.event-selector__sidebar-calendar .event-selector__calendar--compact td.event-selector__calendar-day--selected,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month--compact td.event-selector__calendar-day--selected { border-color: #000 } .event-selector--calendar .event-selector__calendar--compact td.event-selector__calendar-day--out-of-month,.event-selector--calendar .event-selector .sidebar-calendar__month--compact td.event-selector__calendar-day--out-of-month,.event-selector__sidebar-calendar .event-selector__calendar--compact td.event-selector__calendar-day--out-of-month,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month--compact td.event-selector__calendar-day--out-of-month { border: none } .event-selector--calendar .event-selector__calendar--compact td.event-selector__calendar-selector-date,.event-selector--calendar .event-selector .sidebar-calendar__month--compact td.event-selector__calendar-selector-date,.event-selector__sidebar-calendar .event-selector__calendar--compact td.event-selector__calendar-selector-date,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month--compact td.event-selector__calendar-selector-date { border: none } .event-selector--calendar .event-selector__calendar--compact td .event-selector__list-by-date,.event-selector--calendar .event-selector .sidebar-calendar__month--compact td .event-selector__list-by-date,.event-selector__sidebar-calendar .event-selector__calendar--compact td .event-selector__list-by-date,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month--compact td .event-selector__list-by-date { border: 0px; align-items: center } .event-selector--calendar .event-selector__calendar--compact td .event-selector__calendar-drawer-content,.event-selector--calendar .event-selector .sidebar-calendar__month--compact td .event-selector__calendar-drawer-content,.event-selector__sidebar-calendar .event-selector__calendar--compact td .event-selector__calendar-drawer-content,.event-selector__sidebar-calendar .event-selector .sidebar-calendar__month--compact td .event-selector__calendar-drawer-content { border: 1px solid #cfcfcf; border-radius: 10px; overflow: hidden } .event-selector .event-selector__calendar--compact .list-item-summary--event-has-logo.list-item-summary--title { text-align: left } .event-selector__list-month:not(:first-child):not(.no-dates) { padding-top: 2em } .event-selector__list-month.no-dates:first-child { margin-top: 3em } @media(max-width: 599.8px) { .event-selector__list-month { margin:0 5px } } .event-selector__list-month__header { position: sticky; top: 0; background-color: #fff; font-size: 2.5em; font-weight: bold; z-index: 1 } .event-selector__list-month__header .event-selector-list--month-name { margin-right: 10px; text-transform: capitalize } .event-selector__list-month__header .event-selector-list--year { font-weight: normal } .event-selector__list-event-date { flex: 0 0 6rem; min-height: 6rem } @media(min-width: 600px) { .event-selector__list-event-date { margin-right:10px } } .event-selector__list-event-date>.event-date { margin: 0 } .event-selector__list-by-date { display: flex; align-items: stretch } .event-selector__list-by-date:not(.no-dates) { border-bottom: 1px solid #cfcfcf } .event-selector__list-by-date .event-logo { align-items: center; display: flex; justify-content: center } .event-selector__list-by-date .event-logo img { max-width: 63px; max-height: 63px } .event-selector__list-by-date.has-no-resale-tickets { opacity: .2; pointer-events: none } .event-selector__list-by-date.has-no-resale-tickets+.has-resale-tickets { border-top: 1px solid #cfcfcf; margin-top: -1px } .event-selector__list-day { display: flex; flex-direction: column; flex-wrap: nowrap; padding: 10px 0; width: 100%; justify-content: center } .event-selector__list-day.show-single-event-time-button { gap: 2em } .event-selector__list-day.show-single-event-time-button .list-item-summary__group-by-title { align-items: center } @media(max-width: 599.8px) { .event-selector__list-day.show-single-event-time-button .list-item-summary__group-by-title { flex-direction:row } .event-selector__list-day.show-single-event-time-button .list-item-summary__group-by-title .list-item-summary__title { width: 100% } } .event-selector__list-day.show-single-event-time-button .list-item-summary__group-by-title .event-selector__list-events { flex-direction: row } @media(min-width: 600px) { .event-selector__list-day.show-single-event-time-button .list-item-summary__group-by-title .event-selector__list-events { width:unset } } .event-selector__list-day.show-single-event-time-button .list-item-summary__time { padding-right: 0 } @media(min-width: 600px) { .event-selector__list-day { padding:0 } } .event-selector__list-day.no-dates { padding: 0 } .event-selector__list-events { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-end } @media(max-width: 599.8px) { .event-selector__list-events { flex-direction:column; flex-wrap: nowrap } } .event-selector__list-item { border-bottom: 1px solid #cfcfcf; display: flex; justify-content: flex-end; flex-flow: row wrap; flex-grow: 1 } .event-selector__list-item .event-summary-headline { border-bottom: none; margin: 0; padding-bottom: 0 } .event-selector__list-item .event-summary-headline__event { color: #000; font-size: 18px } .event-selector__list-by-date:last-child { border-bottom: none } .event-selector__list-ticket-count { font-size: 14px; font-weight: normal; text-align: right } .event-selector__list-showtimes { display: flex; flex-flow: column nowrap; align-items: flex-end; justify-content: center; gap: 10px } .event-selector__list-price-time { display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; gap: 5px; font-size: 1.5em } .event-selector__multi-event-select-button { text-transform: capitalize } .event-selector__multi-event-select-button-text { display: flex; justify-content: center; text-transform: capitalize } @media(max-width: 599.8px) { .event-selector--list .event-logo { width:54px } .event-selector--list .event-logo img { max-width: 45px; max-height: 45px } } @media(max-width: 599.8px) { .event-selector--list .event-type-icon span { display:none } } .event-type-icon { display: flex; align-items: center; padding-left: 13px; border-left: 1px solid #cfcfcf; margin-left: 7px; padding-top: 5px; padding-bottom: 5px } .event-type-icon img { padding-top: 1px; width: 15px } .event-type-icon span { text-transform: uppercase; font-size: .9em; margin-left: 5px; margin-right: 10px } .event-type-icon.pre span { color: #4091ff } .event-type-icon.opt span { color: #ff5f40 } .event-type-icon.wkd span { color: #5d45a1 } .series-header .event-type-icon { font-size: 1.1em; font-weight: bold; margin-left: 10px; margin-right: 10px } @media(max-width: 1023.8px) { .series-header .event-type-icon { border-left:none; margin-left: 0px; padding-left: 0px } } .series-header .event-type-icon img { width: 15px } .series-header .event-type-icon span { font-size: .8em; margin-left: 4px } .event-type-legend { display: flex; flex-direction: row; align-items: center; margin-top: 5px; margin-bottom: 10px } .event-type-legend .event-type-icon { margin-left: 0; margin-right: 10px; padding: 0; border-left: none } .rc-trigger-popup .event-selector--list { overflow-y: auto; max-height: 400px; -webkit-overflow-scrolling: touch; border: none } .list-item-summary__time { display: flex; gap: 10px; padding: 1em 10px; flex-direction: column; align-items: flex-end } .list-item-summary__time:last-child { padding-bottom: 0 } @media(min-width: 600px) { .list-item-summary__time { flex-direction:row; justify-content: flex-end } .list-item-summary__time:last-child { padding-bottom: 1em } } .list-item-summary__group-by-title { display: flex; flex-direction: row } .list-item-summary__group-by-title.no-dates { border-bottom: 1px solid #cfcfcf; padding: 10px 0 } @media(max-width: 599.8px) { .list-item-summary__group-by-title { flex-direction:column; align-items: flex-end } } .list-item-summary__title { font-size: 18px; flex-grow: 1; display: flex; align-items: center; width: 70% } @media(max-width: 599.8px) { .list-item-summary__title { text-align:right; justify-content: flex-end } } .list-item-summary__event-info { display: flex; align-items: center; justify-content: space-evenly; gap: 1em } .list-item-summary__event-info>.event-starting-price { flex: unset } .list-item-summary__event-info>.event-starting-price__amounts { font-size: 1.5em; font-weight: 300 } .list-item-summary__event-info .soldout { font-size: 1.2em } .list-item-summary__event-info .event-logo img { border-radius: 10px } .list-item-summary__button-contents { padding: 0 1em } @media(max-width: 599.8px) { .event-selector__list-by-date.no-dates .list-item-summary__group-by-title { flex-direction:row; align-items: center } .event-selector__list-by-date.no-dates .list-item-summary__title { justify-content: start; text-align: left; padding: 0 } } .calendar-list-toggle { display: inline; font-weight: bold; position: relative; border: 1px solid #cfcfcf; border-radius: 20px; background: #f3f3f3; color: #000; fill: #000; left: 50%; transform: translateX(-50%); width: -moz-fit-content; width: fit-content; padding: 0 } .calendar-list-toggle::after { position: absolute; display: inline-flex; background: #fff; border: 1px solid #cfcfcf; border-radius: 20px; content: ""; transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1) } .calendar-list-toggle__icon { position: relative; z-index: 1 } .calendar-list-toggle__icon svg { overflow: visible } .calendar-list-toggle__text { position: relative; z-index: 1 } .calendar-list-toggle::after { height: calc(100% + 2px); top: -1px; width: 53% } .calendar-list-toggle--calendar-selected::after { left: -1px } .calendar-list-toggle--calendar-selected:hover .calendar-list-toggle__calendar { color: #000; fill: #000 } .calendar-list-toggle--calendar-selected .calendar-list-toggle__calendar { transition-delay: .25s; transition: color .5s linear; color: #000; fill: #000 } .calendar-list-toggle--list-selected::after { left: 48% } .calendar-list-toggle--list-selected:hover .calendar-list-toggle__list { color: #000; fill: #000 } .calendar-list-toggle--list-selected .calendar-list-toggle__list { transition-delay: .25s; transition: color .5s linear; color: #000; fill: #000 } .calendar-list-toggle__icon { padding-right: 5px } .calendar-list-toggle__buttons { display: flex; align-items: center; justify-content: space-evenly } .calendar-list-toggle__button { display: flex; align-items: center; justify-content: center; padding: .3em 2em; width: 50% } .calendar-list-toggle:hover { background: #666; color: #f3f3f3; fill: #f3f3f3; border: 1px solid #cfcfcf } .event-summary-headline img { max-height: 30px; max-width: calc(100vw - 2em); margin-bottom: .5em } .event-summary-headline__top-title,.event-summary-headline__bottom-title { width: 100%; color: #000; font-size: .9rem; line-height: 1 } .promo-description { display: flex; height: auto; width: 100% } .promo-description p { margin: 0 } .page-content-header .promo-description { padding: 1em } .app-page--shop__ticket-search-page .promo-description { padding-top: 0; margin-top: 0 } .event-selector:not(.event-selector--sidebar) .event-selector__calendar-showtimes { flex: 1 1 auto; padding: 0 10px 10px 10px } @media(max-width: 1200px) { .event-selector:not(.event-selector--sidebar) .event-selector__calendar-showtimes { padding:0 5px 10px 5px } } .event-selector__calendar--compact .event-selector__calendar-day--container .event-selector__calendar-showtimes { padding: 0 1px 5px 1px } .event-selector__calendar-showtimes { padding: 0 .2em .2em .2em; width: 100%; display: flex; flex-flow: column nowrap; justify-content: flex-end; overflow: auto } .event-selector__calendar-showtimes-header { display: none } .event-selector__calendar-showtimes__elements { display: flex; justify-content: space-evenly; align-items: center; width: 100% } .event-selector__calendar-selector-date .event-selector__calendar-showtimes__elements { justify-content: flex-end } .event-selector__calendar-day .event-selector__calendar-showtimes__elements { gap: 5% } @media(min-width: 600px) { .main-column .event-selector__calendar-price-time .soldout { max-width:35% } } .event-selector__calendar--compact .event-selector__calendar-showtimes { gap: 0px; font-size: .8em } .event-selector__calendar--compact .event-selector__calendar-showtimes .soldout { font-size: 1em } .event-selector--calendar .event-selector__calendar--compact .list-item-summary .event-starting-price { font-size: 1.2em } .event-selector--calendar .event-selector__calendar--compact .list-item-summary .soldout { font-size: 1.5em; margin-right: 10px } .event-selector--calendar .event-selector__calendar--compact .list-item-summary .event-selector__list-showtimes { justify-content: center } .event-selector--calendar .event-selector__calendar--compact .list-item-summary--title { font-size: 1.3em; text-align: right } .event-selector--calendar .event-selector__calendar--compact .event-selector__calendar-day .event-time-btn-content.greyed-out { opacity: .5 } .event-selector--calendar .event-selector__calendar--compact .event-selector__calendar-dayofmonth--today .event-selector__calendar-dayofmonth--text { color: #fff } .event-selector--calendar .event-selector__calendar--compact .event-selector__calendar-dayofmonth { justify-content: center } .event-selector--calendar .event-selector__calendar--compact .event-selector__calendar-weekday { padding: 0px } .event-selector--calendar .event-selector__calendar--compact .event-selector__calendar-day--has-events:hover { cursor: pointer } .event-selector--sidebar th.event-selector__calendar-weekday { font-size: 1em } .event-selector--sidebar .event-starting-price { display: none } .event-selector--sidebar .event-selector__calendar-day--container { justify-content: space-between } .event-selector--sidebar .event-selector__calendar-dayofmonth--container { display: flex; justify-content: center } .event-selector--sidebar .event-selector__calendar-dayofmonth--container .event-selector__calendar-dayofmonth { padding: 5px 10px; display: flex; justify-content: center } .event-selector--sidebar .event-selector__calendar-month-container { font-size: .7em } .event-selector--sidebar .event-selector__calendar-weekday { top: 3em } .sidebar .event-selector__header { height: 0 } .sidebar .event-selector__header--scroll-button-container { font-size: 13px } .sidebar .search-filters { flex-grow: 0 } .sidebar .event-selector__header-controls-container { position: relative; display: flex; flex-direction: row; align-items: center } .sidebar .event-selector__header-controls-container--is-expanded { top: 1.5em } .sidebar .event-selector--calendar .event-selector__header-toggle-is-expanded { line-height: 1; font-size: 2em; cursor: pointer } .sidebar .event-selector--calendar .module__container { position: sticky; top: 1em; padding-bottom: 1em } .sidebar .event-selector__calendar-weekday { top: 2.5em } .sidebar .event-selector__footer .event-selector__header { background-color: #fff } .sidebar .event-selector__calendar-showtimes.is-all-sold-out { justify-content: center } .sidebar .event-selector__calendar-price-time.has-logo { flex-direction: column } .sidebar .event-selector__calendar-event-time .event-selector__calendar-event-time-btn-text { display: none } .sidebar .event-selector--list .event-logo { width: 54px } .sidebar .event-selector--list .event-logo img { max-width: 45px; max-height: 45px } .sidebar .event-selector--list .event-type-icon { border-left: none; margin-left: 0px; padding-left: 0px } .sidebar .event-selector--list .event-type-icon span { display: none } @media(min-width: 1024px) { .sidebar .event-selector--list { overflow-y:auto; max-height: 195px; -webkit-overflow-scrolling: touch } .sidebar .event-selector--list .event-selector--list { overflow: hidden; max-height: inherit } } .event-selector__sidebar-calendar { height: 100%; display: flex; flex-direction: column } .event-selector__sidebar-calendar td.event-selector--calendar-day { height: 100% } .event-selector__sidebar-calendar-container { height: -moz-min-content; height: min-content } .event-selector__sidebar-calendar-container--seat-picker-flow-on:not(.event-selector__sidebar-calendar-container--is-mobile) { margin-bottom: 2em } .page-content.left-sidebar .event-selector__sidebar-calendar-container { margin: 0 -1em 24px -32px } .page-content.left-sidebar .event-selector__sidebar-calendar-container td { border-radius: 0px !important } .sidebar .event-selector--calendar .module__container { height: 100% } .event-selector__sidebar-calendar .sidebar-calendar__month-container { display: flex; flex-direction: column } .event-selector__sidebar-calendar .sidebar-calendar__month { height: 100%; width: 100% } .event-selector__sidebar-calendar .sidebar-calendar__month>tbody { height: 100% } .event-selector__sidebar-calendar .sidebar-calendar__header { text-align: center; position: sticky; top: -15px; background: #fff; z-index: 1 } .event-selector__sidebar-calendar .sidebar-calendar__legend-indicator { border: none !important } .event-selector__sidebar-calendar .sidebar-calendar__legend-indicator .event-selector-nudge-indicator-legend { justify-content: flex-end; margin-right: 1em } .event-selector__sidebar-calendar .sidebar-calendar__header-top { font-size: 20px; padding: .5em 0; display: flex; flex-direction: row; justify-content: center; width: 100% } .event-selector__sidebar-calendar .sidebar-calendar__header-top-content { width: 90%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 5px } .event-selector__sidebar-calendar .sidebar-calendar__header-top-element { min-width: 100px; display: flex } .event-selector__sidebar-calendar .sidebar-calendar__header-top-element:first-child { justify-content: flex-start } .event-selector__sidebar-calendar .sidebar-calendar__header-top-element:last-child { justify-content: flex-end } .event-selector__sidebar-calendar .sidebar-calendar__month-name { margin-right: 10px; font-weight: bold; text-transform: capitalize } .event-selector__sidebar-calendar .sidebar-calendar__weekdays { font-weight: normal } .event-selector__sidebar-calendar .sidebar-calendar__button { border-radius: 9999px; height: 28px; width: 28px; border: solid 1px #000; display: flex; justify-content: center; align-items: center; font-size: .7em } .event-selector__sidebar-calendar .sidebar-calendar__button.disabled { cursor: default } .event-selector__sidebar-calendar .sidebar-calendar__additional-link { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; min-height: 28px } .event-selector__sidebar-calendar .sidebar-calendar__additional-link-content { padding: 0 .5em } .event-selector__sidebar-calendar .event-selector__calendar-day { height: unset } .event-selector__sidebar-calendar .event-selector__calendar-week { height: -moz-min-content; height: min-content } .event-selector__sidebar-calendar .event-selector__calendar-logo-and-type { display: flex; flex-direction: row; justify-content: center; width: 100% } .event-selector__sidebar-calendar .event-selector__calendar-dayofmonth--today { padding: 5px 10px; margin: 0 } .event-selector__sidebar-calendar .event-logo { margin: 0 } .event-selector__sidebar-calendar .event-logo img { width: 100%; max-width: 63px; max-height: 63px } .event-selector__sidebar-calendar .event-abbrev { display: none } .event-selector__calendar-drawer-content { display: flex; flex-direction: row; justify-content: space-between; width: 100%; margin-top: 5px } .event-selector__calendar-drawer-content .event-date { color: #000; background-color: #fff } .event-selector__calendar-drawer-content .event-selector__calendar-drawer-events { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-end; padding: 10px 0px } .event-selector__calendar-drawer-content .calendar-table-drawer-event { min-height: 50px; overflow: auto; padding: 0px 10px; display: flex; width: 100% } .event-selector__calendar-drawer-content .calendar-table-drawer-event--event-has-logo:not(:first-child) { margin-top: 3em } @media(max-width: 1023.8px) { .event-selector__calendar-drawer-content .calendar-table-drawer-event { flex-direction:column; align-items: end; justify-content: center } .event-selector__calendar-drawer-content .calendar-table-drawer-event .event-selector__list-showtimes { display: unset; width: 100% } } .event-selector__calendar-drawer-content .calendar-table-drawer-event__title { color: #000; font-size: 1.3em; font-weight: 700; margin: 0 } @media(max-width: 599.8px) { .event-selector__calendar-drawer-content .calendar-table-drawer-event__title { text-align:end } } .event-selector__calendar-drawer-content .calendar-table-drawer-event__event { display: flex; align-items: center; flex-grow: 1 } .event-selector__calendar-drawer-content .calendar-table-drawer-event .event-starting-price__amounts { font-size: 1.5em; font-weight: 300; color: #1b1b1b } .event-selector__calendar-drawer-content .calendar-table-drawer-event .event-selector__calendar-showtimes__elements { gap: 10px } .event-selector__calendar-drawer-content .calendar-table-drawer-event .event-selector__calendar-showtimes__elements .event-starting-price { flex: unset; font-size: 1.5em } .event-selector__list-by-date.show-single-event-time-button .event-starting-price__amounts { display: flex; justify-content: center; align-items: center; margin-left: 1em } .event-selector__list-by-date.show-single-event-time-button .event-selector__calendar-drawer-content { flex-direction: row-reverse; padding-right: 10px } .event-selector__list-by-date.show-single-event-time-button .event-selector__calendar-drawer-content .event-selector__calendar-showtimes__elements { flex-direction: row-reverse } .event-selector__list-by-date.show-single-event-time-button .event-selector__calendar-drawer-content .event-selector__calendar-drawer-event-date { display: flex; flex-direction: column; justify-content: center; padding-left: 10px; padding-bottom: 20px } .event-selector__list-by-date.show-single-event-time-button .event-selector__calendar-drawer-content .event-selector__calendar-drawer-event-date .event-date { height: unset } .event-selector-nudge-indicator-legend { display: flex; flex-flow: row wrap; align-items: center; justify-content: center } @media(min-width: 600px) { .event-selector-nudge-indicator-legend { gap:1em } } @media(max-width: 1023.8px) { .event-selector-nudge-indicator-legend { gap:.5em } } @media(max-width: 1023.8px) { .event-selector-nudge-indicator-legend { padding:.5em 0; font-weight: normal } } .event-search-input { border-radius: 50px } .event-starting-price { flex: 0 0 6.5em } .event-starting-price__label { color: #ec091a; font-size: 8px } .event-starting-price__label::first-letter { text-transform: uppercase } .event-starting-price__amounts { display: flex; flex-direction: column; align-items: center; font-weight: 300; white-space: nowrap; font-size: 1.2em } .event-starting-price__amounts .use-emphasized-color { color: #a94442 } .event-starting-price__empty { display: none } .modify-purchase-link { font-style: normal; font-size: .9625rem; font-weight: 700; text-transform: capitalize } @media(max-width: 600px) { .modify-purchase-link { margin-top:-40px } } .ticket-list { margin-top: -8px; margin-bottom: -8px } .ticket-list__header { border-bottom: 1px solid #cfcfcf; font-size: .875rem; font-weight: 700; padding: 5px 0 } .ticket-list__item { padding: 12px 0 } .ticket-list__item .btn { float: right; min-width: 100px; width: auto; max-width: 100% } .ticket-list__item:not([hidden])+.ticket-list__item { border-top: 1px solid #cfcfcf } .ticket-list__price-type-choices { width: 100% } .ticket-list__price-type-choices .form-group { margin: 0; line-height: 3.25em } .ticket-list__price-type-choices .form-control { margin: 8px 0; height: 2.75em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis } .ticket-list__price { text-align: right } .ticket-list__search-again-button { text-decoration: underline; margin-top: 1em } .invalid-price-type-selection { color: #a94442 } .module--bordered--detached .ticket-list__item { border-top: none !important; padding: 0px 0 } .hidden { display: none; visibility: hidden } .visible-print { display: none !important } @media(min-width: 1024px) { .hidden-desktop:not(.visible-desktop):not(.ticket-list__header),.gift-card-amount-due:not(.visible-desktop):not(.ticket-list__header),.visible-phone:not(.visible-desktop):not(.ticket-list__header),.visible-tablet:not(.visible-desktop):not(.ticket-list__header) { display:none !important } } @media(min-width: 600px)and (max-width: 1023.8px) { .hidden-tablet:not(.visible-tablet),.visible-desktop:not(.visible-tablet),.ticket-list__header:not(.visible-tablet),.visible-phone:not(.visible-tablet) { display:none !important } } @media(max-width: 599.8px) { .hidden-phone:not(.visible-phone),.visible-desktop:not(.visible-phone),.ticket-list__header:not(.visible-phone),.visible-tablet:not(.visible-phone) { display:none !important } } @media print { .visible-print { display: inherit !important } .hidden-print,.page-layout--shop__confirmation-page>.row:nth-child(1),.main-column,.sidebar,.page-content-header,.footer,.module--print-receipt .module--order-summary .module__title,.module--print-receipt .glyphicon,.module--print-receipt .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .module--print-receipt button.number-selector-fancy__button,.module--order-summary .order-summary__subtitle,.seat-picker-order-summary .order-summary__subtitle { display: none !important } } @media(min-width: 1024px) { .col-lg-4 { width:33.3333333333% } .col-lg-8 { width: 66.6666666666% } } .flexmedia,.event-summary-headline,.flex-row,.delivery-method { display: flex; align-items: center } .flex-row,.delivery-method { flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .flex-row>*,.delivery-method>* { padding-left: 10px; padding-right: 10px } .flexmedia-body { flex: 1 1 auto } .flexmedia-left,.event-date { margin-right: 10px } .flexmedia-right { margin-left: 10px } .flex-spacer { flex: 1 1 auto } .flex-col-1,.delivery-method .delivery-method__info { width: 8.3333333333% } .flex-col-2 { width: 16.6666666667% } .flex-col-3 { width: 25% } .flex-col-4 { width: 33.3333333333% } .flex-col-5,.delivery-method__dropdown { width: 41.6666666667% } .flex-col-6,.delivery-method__description { width: 50% } .flex-col-7 { width: 58.3333333333% } .flex-col-8 { width: 66.6666666667% } .flex-col-9 { width: 75% } .flex-col-10 { width: 83.3333333333% } .flex-col-11 { width: 91.6666666667% } .flex-col-12 { width: 100% } @media(max-width: 599.8px) { .flex-col-xs-12,.delivery-method__dropdown { width:100% } } @media(max-width: 1439.8px) { .flex-col-md-12 { width:100% } } .flex-separator { width: 100% } .display--inline { display: inline !important } .uppercase { text-transform: uppercase !important } .italic { font-style: italic !important } .bold { font-weight: bold } .light { font-weight: lighter } .selected-confirm-text { text-shadow: -1px -1px 0 #323232,0 -1px 0 #323232,1px -1px 0 #323232,1px 0 0 #323232,1px 1px 0 #323232,0 1px 0 #323232,-1px 1px 0 #323232,-1px 0 0 #323232; color: #fff } .esflex { display: flex } .esflex--wrap { flex-wrap: wrap } .esflex--nowrap { flex-wrap: nowrap } .esflex--column { flex-direction: column } .esflex--ai-center { align-items: center } .esflex--ai-flex-start { align-items: flex-start } .esflex--ai-flex-end { align-items: flex-end } .esflex--jc-center { justify-content: center } .esflex--jc-flex-start { justify-content: flex-start } .esflex--jc-space-between { justify-content: space-between } .esflex--ie-fix { flex: 1 1 auto } .margin-right-2 { margin-inline-end:.5rem !important} .margin-left-1 { margin-inline-start:.25rem !important} .accessible-seating .obticon-amenities-accessibility { font-size: 500%; float: left; margin: 0 15px 0 0 } @media(max-width: 1024px) { .accessible-seating .obticon-amenities-accessibility { font-size:250% } } .accessible-seating p { text-align: justify } .multiple-offers-entry,.multiple-offers-entry-pack { position: relative; padding: 10px; background-color: #fff; margin-bottom: 15px; border-radius: 10px; transform: translateZ(0); filter: drop-shadow(0px 0px 4px #dedede) } .multiple-offers-entry hr,.multiple-offers-entry-pack hr { margin: 10px 0 } .multiple-offers-entry__buttons { display: flex; align-items: center; margin-top: 10px } .multiple-offers-entry__buttons .btn-action { min-width: 33% } .multiple-offers-entry .tk3d-virtual-preview__thumbnail__3d-view,.multiple-offers-entry-pack .tk3d-virtual-preview__thumbnail__3d-view { bottom: 50px; left: 40px } .multiple-offers-entry .tk3d-virtual-preview__thumbnail__3d-view>button,.multiple-offers-entry-pack .tk3d-virtual-preview__thumbnail__3d-view>button { padding: 1px 6px; width: 100% } .multiple-offers-entry .seat-info,.multiple-offers-entry-pack .seat-info { align-items: stretch } .multiple-offers-entry .seat-info__location,.multiple-offers-entry-pack .seat-info__location { background: #f3f3f3; margin-left: 0; margin-bottom: 10px; padding: 5px 5px 3px } .multiple-offers-entry .seat-info__location>*,.multiple-offers-entry-pack .seat-info__location>* { padding: 0px 6px 3px; flex-grow: 1 } .multiple-offers-entry .seat-info__location *,.multiple-offers-entry-pack .seat-info__location * { line-height: 20px } .multiple-offers-entry .seat-info__location .seat-info__info-label,.multiple-offers-entry-pack .seat-info__location .seat-info__info-label { display: block } .multiple-offers-entry .seat-info__location .seat-info__info-value,.multiple-offers-entry-pack .seat-info__location .seat-info__info-value { font-size: 130% } .multiple-offers-entry .nav-justified>li,.multiple-offers-entry-pack .nav-justified>li { display: table-cell; width: 1% } .multiple-offers-entry .nav-justified>li>a,.multiple-offers-entry-pack .nav-justified>li>a { margin-bottom: 0 } .multiple-offers-entry__ticket-seats,.multiple-offers-entry__ticket-qty,.multiple-offers-entry__seats,.multiple-offers-entry__action { display: inline-block; float: none; vertical-align: middle } .multiple-offers-entry__total { font-weight: 700 } .multiple-offers-entry__view { display: none } .multiple-offers-entry__select { margin: 2px 0 } @media(max-width: 599.8px) { .multiple-offers-entry,.multiple-offers-entry-pack { overflow:hidden } .pick-multiple-offer .multiple-offers-entry .seat-info__price-level,.pick-multiple-offer .multiple-offers-entry-pack .seat-info__price-level,.pick-multiple-offer .multiple-offers-entry .ticket-meta,.pick-multiple-offer .multiple-offers-entry-pack .ticket-meta { display: none } .multiple-offers-entry .btn-action,.multiple-offers-entry-pack .btn-action { width: 100% } .multiple-offers-entry .seat-info__location,.multiple-offers-entry-pack .seat-info__location { margin: -10px -10px 10px -10px } } .module--number-of-tickets .module__container { background-color: #fff; display: flex; flex-direction: column; align-items: center } .module--number-of-tickets .module__title__left { display: flex; justify-content: center } .module--number-of-tickets .number-of-tickets__max-tickets { color: #464646; text-align: center; font-size: 13px; font-style: italic; padding: 5px 0 } .module--number-of-tickets .ticket-quantity--message { text-align: center } .module--number-of-tickets .ticket-quantity--message__link { font-weight: bold; text-transform: uppercase } .module--number-of-tickets .ticket-quantity--message__text { display: block } .grouped-ticket-quantity-selector { display: flex; align-items: center; justify-content: space-between; background-color: #fff } .grouped-ticket-quantity-selector span { font-weight: bold; font-size: 20px } .grouped-ticket-quantity-selector .module--number-of-tickets { margin: 0; border: unset } .grouped-ticket-quantity-selector .module--number-of-tickets .number-selector-fancy { font-size: 70px } .grouped-ticket-quantity-selector .module--number-of-tickets .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 32px } .grouped-ticket-quantity-selector .module--number-of-tickets .number-selector-fancy .number-selector-fancy__input,.grouped-ticket-quantity-selector .module--number-of-tickets .number-selector-fancy .number-selector-fancy__odometer,.grouped-ticket-quantity-selector .module--number-of-tickets .number-selector-fancy .number-selector-fancy__odometer-values>div { height: 32px } .grouped-ticket-quantity-selector .module--number-of-tickets .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 32px; height: 32px } .grouped-ticket-quantity-selector .module--number-of-tickets .module__container { padding: 4px } .grouped-ticket-quantity-selector .module--number-of-tickets .module__container .number-selector-fancy { font-size: 28px } .grouped-ticket-quantity-selector .module--number-of-tickets .module__container .number-selector-fancy .number-selector-fancy__value { margin: 0 15px } .grouped-ticket-quantity-selector .module--number-of-tickets .module__container .number-selector-fancy .number-selector-fancy__value .number-selector-fancy__odometer-values { margin-top: unset } #pick-seat-nb-of-tickets-modal .modal-content__inner-container { padding-bottom: 0 } @media(min-width: 480px) { #pick-seat-nb-of-tickets-modal { min-width:425px } } .pick-event-large-enter { opacity: .01 } .pick-event-large-enter-active { transition: opacity .2s linear; opacity: 1 } .pick-event-large-leave { opacity: 1 } .pick-event-large-leave-active { transition: opacity .2s linear; opacity: .01 } .scroll-to__container a { font-size: 120%; display: block } .scroll-to__container a span { color: #fff } .scroll-to__container a:hover { text-decoration: none } .scroll-to__container a:hover span { color: #000 } .accessible-seating .obticon-amenities-accessibility { font-size: 500%; float: left; margin: 0 15px 0 0 } @media(max-width: 1024px) { .accessible-seating .obticon-amenities-accessibility { font-size:250% } } .accessible-seating p { text-align: justify } .multiple-offers-entry,.multiple-offers-entry-pack { position: relative; padding: 10px; background-color: #fff; margin-bottom: 15px; border-radius: 10px; transform: translateZ(0); filter: drop-shadow(0px 0px 4px #dedede) } .multiple-offers-entry hr,.multiple-offers-entry-pack hr { margin: 10px 0 } .multiple-offers-entry__buttons { display: flex; align-items: center; margin-top: 10px } .multiple-offers-entry__buttons .btn-action { min-width: 33% } .multiple-offers-entry .tk3d-virtual-preview__thumbnail__3d-view,.multiple-offers-entry-pack .tk3d-virtual-preview__thumbnail__3d-view { bottom: 50px; left: 40px } .multiple-offers-entry .tk3d-virtual-preview__thumbnail__3d-view>button,.multiple-offers-entry-pack .tk3d-virtual-preview__thumbnail__3d-view>button { padding: 1px 6px; width: 100% } .multiple-offers-entry .seat-info,.multiple-offers-entry-pack .seat-info { align-items: stretch } .multiple-offers-entry .seat-info__location,.multiple-offers-entry-pack .seat-info__location { background: #f3f3f3; margin-left: 0; margin-bottom: 10px; padding: 5px 5px 3px } .multiple-offers-entry .seat-info__location>*,.multiple-offers-entry-pack .seat-info__location>* { padding: 0px 6px 3px; flex-grow: 1 } .multiple-offers-entry .seat-info__location *,.multiple-offers-entry-pack .seat-info__location * { line-height: 20px } .multiple-offers-entry .seat-info__location .seat-info__info-label,.multiple-offers-entry-pack .seat-info__location .seat-info__info-label { display: block } .multiple-offers-entry .seat-info__location .seat-info__info-value,.multiple-offers-entry-pack .seat-info__location .seat-info__info-value { font-size: 130% } .multiple-offers-entry .nav-justified>li,.multiple-offers-entry-pack .nav-justified>li { display: table-cell; width: 1% } .multiple-offers-entry .nav-justified>li>a,.multiple-offers-entry-pack .nav-justified>li>a { margin-bottom: 0 } .multiple-offers-entry__ticket-seats,.multiple-offers-entry__ticket-qty,.multiple-offers-entry__seats,.multiple-offers-entry__action { display: inline-block; float: none; vertical-align: middle } .multiple-offers-entry__total { font-weight: 700 } .multiple-offers-entry__view { display: none } .multiple-offers-entry__select { margin: 2px 0 } @media(max-width: 599.8px) { .multiple-offers-entry,.multiple-offers-entry-pack { overflow:hidden } .pick-multiple-offer .multiple-offers-entry .seat-info__price-level,.pick-multiple-offer .multiple-offers-entry-pack .seat-info__price-level,.pick-multiple-offer .multiple-offers-entry .ticket-meta,.pick-multiple-offer .multiple-offers-entry-pack .ticket-meta { display: none } .multiple-offers-entry .btn-action,.multiple-offers-entry-pack .btn-action { width: 100% } .multiple-offers-entry .seat-info__location,.multiple-offers-entry-pack .seat-info__location { margin: -10px -10px 10px -10px } } .seatpicker-resale-link { margin-top: 2em; display: flex; justify-content: center; align-items: center } .seatpicker-resale-link a { display: block; color: #000; text-transform: lowercase; font-weight: bold } .seatpicker-resale-link a::first-letter { text-transform: uppercase } .seatpicker-resale-link a.disabled { pointer-events: none; opacity: .4 } .seatpicker-resale-link svg { padding: 2px; height: 1.5em; width: 1.5em } .seat-picker-resaletickets__header { display: flex; flex-basis: 100% } .seat-picker-resaletickets__header svg { padding: 2px; height: 2em; width: 2em; margin-right: 4px } .resale-offer-container { width: 100%; max-height: 500px; overflow-y: auto } .resale-offer-container .resale-offer { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; border-bottom: solid 1px #cfcfcf; margin-bottom: 1em } @media(max-width: 1023.8px) { .resale-offer-container .resale-offer { flex-direction:column } } .resale-offer-container .resale-offer-group { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; width: 30% } @media(max-width: 1023.8px) { .resale-offer-container .resale-offer-group { width:100% } } .resale-offer-container .resale-offer--quantity,.resale-offer-container .resale-offer--section,.resale-offer-container .resale-offer--price,.resale-offer-container .resale-offer--priceLevels,.resale-offer-container .resale-offer--buy { padding: 2em 1em 2em 3em } @media(max-width: 1023.8px) { .resale-offer-container .resale-offer--quantity,.resale-offer-container .resale-offer--section,.resale-offer-container .resale-offer--price,.resale-offer-container .resale-offer--priceLevels,.resale-offer-container .resale-offer--buy { padding:0 0 1em 0 } } .resale-offer-container .resale-offer--quantity--label,.resale-offer-container .resale-offer--section--label,.resale-offer-container .resale-offer--price--label,.resale-offer-container .resale-offer--priceLevels--label,.resale-offer-container .resale-offer--buy--label { font-size: .8rem } .resale-offer-container .resale-offer--quantity--value,.resale-offer-container .resale-offer--section--value,.resale-offer-container .resale-offer--price--value,.resale-offer-container .resale-offer--priceLevels--value,.resale-offer-container .resale-offer--buy--value { font-weight: bold } @media(max-width: 1023.8px) { .resale-offer-container .resale-offer--quantity--value,.resale-offer-container .resale-offer--section--value,.resale-offer-container .resale-offer--price--value,.resale-offer-container .resale-offer--priceLevels--value,.resale-offer-container .resale-offer--buy--value { font-size:1.4rem } } .resale-offer-container .resale-offer--price { width: 20% } @media(max-width: 1023.8px) { .resale-offer-container .resale-offer--price { width:100%; text-align: center } } .resale-offer-container .resale-offer--priceLevels>div,.resale-offer-container .resale-offer--section>div { border-left: solid 1px #cfcfcf; padding-left: 14px } @media(max-width: 1023.8px) { .resale-offer-container .resale-offer--quantity { flex-basis:30% } } .resale-offer-container .resale-offer .resale-offer--priceLevels--value__info { margin-left: 6px } .resale-ga-modal-container { max-width: 800px } .module--resale-tickets-filters { margin-bottom: 0; border-top: 0; display: flex; align-items: center; width: 100%; border-bottom: 1px solid #cfcfcf } .module--resale-tickets-filters .module__subtitle { padding: 0; font-weight: 700; font-size: 1.1em; border: none; display: flex; align-items: center } .module--resale-tickets-filters .module__subtitle #reset-filter-dropdown-icon { padding-top: 10px; background-color: rgba(0,0,0,0); border: none; color: #000; margin-right: -6px; outline: none; box-shadow: none !important } .module--resale-tickets-filters .resale-filters { display: flex; justify-content: space-between; padding-bottom: 12px } @media(max-width: 1023.8px) { .module--resale-tickets-filters .resale-filters { flex-direction:column } } .module--resale-tickets-filters .resale-filters .resale-ticket-filters__quantity,.module--resale-tickets-filters .resale-filters .price-range-slider,.module--resale-tickets-filters .resale-filters .resale-ticket-filters__price-level { margin: 0 0 1em 0; align-content: flex-start; flex-direction: column; align-items: center; vertical-align: top; flex-wrap: wrap } .module--resale-tickets-filters .resale-filters .price-range-slider { flex-basis: 40% } .module--resale-tickets-filters .resale-filters .price-range-slider input { height: 42px } .module--resale-tickets-filters .module__container { padding: 3px 10px; width: 100% } .module--resale-tickets-filters .filter-label { font-size: 12px; padding-bottom: 4px } .module--resale-tickets-filters.collapsed .resale-filters { display: none } .resale-filters-summary { visibility: hidden; flex: 1; padding-top: 3px; padding-bottom: 3px; margin-left: 13px; font-weight: normal } .collapsed .resale-filters-summary { visibility: visible } .ticket-filter-dropdown { margin: 0 } .ticket-filter-dropdown--collapsed .module__title { border-bottom: none } .ticket-filter-dropdown .module__right { top: 33px } .ticket-filter-dropdown .module__title { margin: 0 } .resale-ticket-filters__reset-btn .btn { width: 100%; margin-bottom: 0px; padding: 6.5px 12px } @media(max-width: 599.8px) { .resale-ticket-filters__reset-btn .btn { margin-top:8px } } .resale-ticket-filters__price-level { min-width: 270px } .ticket-price-level-filter .form-group { margin: 0 } .ticket-price-level-filter__select { text-align: right } .ticket-price-level-filter__select .form-control { display: inline-block } .resale-link { padding: 4px 4px; background-color: #000; display: flex; align-items: center } .resale-link__imageAndTitle { flex: 1 1; display: flex; align-items: center; justify-content: center; padding: 2px 7px; background: #fff } .resale-link__image { width: 78px; height: 62px; background: center/contain no-repeat content-box border-box #fff } .resale-link__image.en { background-image: url("../img/resale_icon.png") } .resale-link__image.fr { background-image: url("../img/resale_icon.png") } .resale-link__title { padding: 5px; color: #000; text-transform: uppercase; font-weight: bold; font-size: 11px } .resale-link__description { padding: 5px 7px; margin-left: 5px; width: 55%; font-size: 12px; color: #fff } .ticket-meta__quantity { font-size: 18px; font-weight: 700 } @media(max-width: 1023.8px) { .ticket-meta { line-height:2.25em } .ticket-meta__quantity,.ticket-meta__price-range,.ticket-meta__user-seats-quantity { display: inline } .ticket-meta__price-range::before { content: " " } .ticket-meta__price-range,.ticket-meta__user-seats-quantity { font-size: 18px; font-weight: 700 } } .venue-map__map--img { width: 100%; height: auto } .venue-map__bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .venue-map__expand-label { text-align: center; font-weight: 700; padding-top: 15px; padding-bottom: 15px } .venue-map__expand-label a { color: #000 } .venue-map__module-title { font-size: 18px } .venue-map__svg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .venue-map-component { position: relative; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; -ms-user-select: none } .module--review-maps .module__container,.module--venue-map .module__container { overflow: hidden; margin: 0 1em; border-radius: 10px; transform: translateZ(0); filter: drop-shadow(0px 0px 4px #dedede) } @media(max-width: 599.8px) { .module--review-maps .module__title--subtitle,.module--venue-map .module__title--subtitle { display:block; padding: 0 } } .price-range-slider { padding: 1em 0 } .price-range-slider__main { flex: 1 1; display: flex; align-items: center; gap: 10px } .price-range-slider__group-min .text-left,.price-range-slider__group-max .text-left { text-align: left !important } .price-range-slider__group-min .input-group,.price-range-slider__group-max .input-group { padding: 0 } .price-range-slider__group-min .input-group .input-group-addon,.price-range-slider__group-max .input-group .input-group-addon { background-color: unset; border: none } .price-range-slider .form-input-group { margin-bottom: 0 } .price-range-slider .form-input-group .input-group.form-control:focus-within { box-shadow: 0 0 0 .2rem rgba(102,102,102,.25) } .price-range-slider .form-input-group .input-group.form-control input[type=number] { border-color: rgba(0,0,0,0); border-radius: 0; text-align: right; -moz-appearance: textfield } .price-range-slider .form-input-group .input-group.form-control input[type=number]::-webkit-inner-spin-button,.price-range-slider .form-input-group .input-group.form-control input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 } .price-range-slider .form-input-group .input-group.form-control input[type=number]:focus,.price-range-slider .form-input-group .input-group.form-control input[type=number]:active { box-shadow: none } .price-range-slider__min,.price-range-slider__max { padding: 6px; font-size: 1em; text-align: center; border-radius: 20px; line-height: 1 } .price-range-slider__min.form-control,.price-range-slider__max.form-control { cursor: default } .price-range-slider__body { flex: 1 1; padding: 14px } .price-range-slider__body .rc-slider { position: relative; height: 6px; width: 100%; border-radius: 6px; background-color: #f3f3f3; border: 1px solid #cfcfcf; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0) } .price-range-slider__body .rc-slider * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0) } .price-range-slider__body .rc-slider-handle { position: absolute; margin-left: -14px; margin-top: -11px; width: 28px; height: 28px; cursor: pointer; border-radius: 50%; border: solid 1px #cfcfcf; background-color: #fff } .price-range-slider__body .rc-slider-handle:hover,.price-range-slider__body .rc-slider-handle:active { background-color: #dadada; border-color: #c7c7c7 } .price-range-slider__body .rc-slider-track { position: absolute; left: 0; height: 6px; border-radius: 6px; background-color: #000 } .price-range-slider__body .rc-slider-step { position: absolute; width: 100%; height: 6px; background: rgba(0,0,0,0) } .price-range-slider__body .rc-slider-mark { position: absolute; top: 10px; left: 0; width: 100%; font-size: 12px } .price-range-slider--full-width .price-range-slider__main { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 10px 0px } .price-range-slider--full-width .price-range-slider__group-min,.price-range-slider--full-width .price-range-slider__group-max { order: 1 } .price-range-slider--full-width .price-range-slider__body { flex-shrink: 0; min-width: 100% } .module--pick-multiple-offer__header { margin-bottom: 15px } @media(min-width: 600px) { .module--pick-multiple-offer__header { border-bottom:0 } .module--pick-multiple-offer__header .module__subtitle { display: none } } .multiple-offers-list { margin-top: 15px } @media(max-width: 480px) { .multiple-offers-list { overflow:scroll } .multiple-offers-list--one-item { padding-bottom: 38vmax } } .phone-assistance--schedule { font-size: 1.1em } .phone-assistance { width: 100%; border-top: 1px solid #d1d1d1; padding: 8px 0; text-align: left; color: #c9c9c9 } .phone-assistance--title { font-size: 1.1em; font-weight: bold } .modal-body .phone-assistance { color: #000; border: none } .modal-body .phone-assistance--title-and-phone-number { display: flex; flex-direction: column; gap: 1em } .modal-body .phone-assistance--title-and-phone-number .phone-assistance--phone-number { font-weight: normal } .modal-body .phone-assistance--title-and-phone-number .phone-assistance-modal-button { color: #6349e9; text-decoration: underline; font-weight: bold; font-size: 1.2em } .phone-assistance--title-and-phone-number { font-size: 1.1em; font-weight: bold } .phone-assistance--phone-number { font-size: 1.2em } .phone-assistance--phone-number a { font-weight: bold; font-size: 1.1em; text-decoration: underline; text-underline-offset: .1em; margin-left: .3em } .phone-assistance-modal-button { color: #6349e9; font-weight: bold; text-decoration: underline } .search-filters__priceLevels-boxes { margin-left: 3px; display: flex; flex: 1 1 auto } .search-filters__priceLevels-boxes>div { width: 5px; height: 16px; margin-left: 5px } .search-filters__priceLevels-range { display: flex; align-items: center; margin-left: 3px } @media(max-width: 599.8px) { .search-filters__priceLevels-range { font-size:.9em } } .search-filters__priceLevels-range>div { margin: 0 7px } .search-filters__numTickets-quantity { flex: 1 1 auto; padding-left: 8px } .search-filters__icon { height: 18px; min-width: 18px } .search-filters__restrictionDropdown { flex-shrink: 0 } .search-filters__restrictionDropdown .es-dropdown__content { height: 40px } .search-filters__restrictionTab { display: flex; margin-right: 10px } .search-filters .expandable-tabs { flex: 1 1 } .search-filters .expandable-tabs__tabs { padding-bottom: 20px } @media(max-width: 599.8px) { .search-filters .expandable-tabs__tabs { padding-bottom:10px } } .search-filters .expandable-tabs__tabs>div { padding-top: 8px; padding-bottom: 8px } @media(max-width: 599.8px) { .search-filters .expandable-tabs__tabs>div { padding-top:4px; padding-bottom: 4px } } .search-filters .expandable-tabs__tabs>div:nth-child(3) { flex: 0 } .search-filters .expandable-tabs__details { padding-bottom: 24px } .search-filters .expandable-tabs__details .slick-list .slick-track { max-width: 100% } .search-filters .expandable-tabs__details:not([hidden]) .slick-list { z-index: 1 } @media(max-width: 599.8px) { .search-filters .expandable-tabs__details { padding-top:0; padding-bottom: 0 } } .search-filters .expandable-tabs__tab-button.RestrictionsAndMarketsSummary { flex: 0 } .search-filters .module--seat-picker-legend .seat-picker-legend { width: 100% } .search-filters .module--seat-picker-legend .seat-picker-legend--pill { flex-wrap: wrap; gap: 1em } .search-filters .module--seat-picker-legend .seat-picker-legend--pill:not(.filter-container) { display: grid; grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)) } @media(max-width: 599.8px) { .search-filters .module--seat-picker-legend .seat-picker-legend--pill:not(.filter-container) { grid-template-columns:repeat(auto-fill, minmax(80px, 1fr)) } } .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__filters-separator { width: 100%; display: flex; justify-content: center; align-items: center; gap: .5em; text-transform: uppercase; color: #000; opacity: .4; margin-top: 1em; padding: 0 .5em } .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__filters-separator .seat-picker-legend__filters-separator-line { width: 100%; height: 1px; background-color: #000 } .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__other-filters { margin-bottom: 10px } .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__restriction-filters .seat-picker-legend__item { width: 100%; margin-top: 1em; border: none } .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__restriction-filters .seat-picker-legend__item__label { max-width: unset } .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__restriction-filters .seat-picker-legend__item__checkbox .form-group { margin-bottom: 0 } .search-filters .module--seat-picker-legend .seat-picker-legend__actions { display: flex; gap: 1em } .search-filters .module--seat-picker-legend .seat-picker-legend h5,.search-filters .module--seat-picker-legend .seat-picker-legend .h5 { font-size: 20px } .search-filters .module--seat-picker-legend .seat-picker-legend .expandable-component.is-expanded { overflow: visible } .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__title { display: flex; align-items: flex-end; justify-content: space-between; cursor: pointer; margin-bottom: 1em } .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__title h4,.search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__title .h4 { margin-bottom: 0 } .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__title .glyphicon,.search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__title .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__title button.number-selector-fancy__button { transition: transform .2s } .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__title:hover .glyphicon,.search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__title:hover .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .search-filters .module--seat-picker-legend .seat-picker-legend .seat-picker-legend__title:hover button.number-selector-fancy__button { transform: scale(1.3) } .search-filters .module--seat-picker-legend .seat-picker-legend-slider-container { display: flex; flex-wrap: wrap; justify-content: space-evenly; flex-direction: column; gap: 2em } .search-filters .module--seat-picker-legend .seat-picker-legend-slider-container h5,.search-filters .module--seat-picker-legend .seat-picker-legend-slider-container .h5 { margin: 0 } .search-filters .module--seat-picker-legend .seat-picker-legend-slider-container .seat-picker-legend__item { padding-top: 0px } .search-filters .module--seat-picker-legend .seat-picker-legend__restriction-filters-container { margin-bottom: 10px } .search-filters .module--seat-picker-legend .filter-container--dropdown+.seat-picker-legend__restriction-filters-container>h5,.search-filters .module--seat-picker-legend .filter-container--dropdown+.seat-picker-legend__restriction-filters-container>.h5 { padding-bottom: 0 } .search-filters .module--number-of-tickets { display: flex; align-items: center; border-style: none } @media(max-width: 599.8px) { .search-filters .expandable-tabs { width:100% } } .search-filters .expandable-tabs .module--number-of-tickets,.search-filters .expandable-tabs .restrictionFilter { margin-bottom: 15px !important } .search-filters__venue-map { display: flex; align-items: center; width: 290px; height: 190px } @media(max-width: 1023.8px) { .search-filters__venue-map { margin-top:5px; margin-bottom: 30px } } .search-filters__venue-map .seat-picker-controls { display: none } .search-filters__venue-map polygon { transition: fill .2s; fill-opacity: 1 !important; stroke-width: 0 !important } .search-filters__venue-map polygon.hovered { fill-opacity: .8 !important } .search-filters__venue-map polygon:not(.hovered):not(.selected) { fill: #f3f3f3 !important } .search-filters__venue-map .canvas-background-image { visibility: hidden } .search-filters__venue-map-image { width: 290px; height: 210px; background-position: center; background-size: contain; background-repeat: no-repeat } .search-filters__toolbar { background-color: #fff; position: relative; flex: 1 1 auto; display: flex; align-items: center } .search-filters__toolbar:not(.hasDrawer) { align-items: stretch } @media(max-width: 599.8px) { .search-filters__toolbar { margin-bottom:15px } } .module--seat-picker .search-filters__toolbar { margin-bottom: 0px } .search-filters__toolbar>div:not(:first-child) { margin-left: 43px } .search-filters__toolbar>.module--seat-picker-legend--Price .seat-picker-legend__title,.search-filters__toolbar>.module--number-of-tickets .module__title { display: flex; flex: 1 0; border-style: none; padding: 0; margin-right: 10px; background-color: rgba(0,0,0,0); text-transform: capitalize; font-size: 14px } @supports(-ms-accelerator: true) { .search-filters__toolbar>.module--seat-picker-legend--Price .seat-picker-legend__title,.search-filters__toolbar>.module--number-of-tickets .module__title { display: block; text-align: center } } .search-filters__toolbar .module--number-of-tickets { flex-direction: column; margin-bottom: 0 } .search-filters__toolbar .module--number-of-tickets .number-selector-fancy { font-size: 70px } .search-filters__toolbar .module--number-of-tickets .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 70px } .search-filters__toolbar .module--number-of-tickets .number-selector-fancy .number-selector-fancy__input,.search-filters__toolbar .module--number-of-tickets .number-selector-fancy .number-selector-fancy__odometer,.search-filters__toolbar .module--number-of-tickets .number-selector-fancy .number-selector-fancy__odometer-values>div { height: 70px } .search-filters__toolbar .module--number-of-tickets .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 70px; height: 70px } .search-filters__toolbar .module--number-of-tickets .module__title { min-height: 0; margin: 0; margin-bottom: 7px } .search-filters__toolbar .module--number-of-tickets .number-selector-fancy { margin: 0; font-size: 17px } .search-filters__toolbar .module--number-of-tickets .number-selector-fancy__value { margin: 0 9px } .search-filters__toolbar .module--number-of-tickets .number-selector-fancy__button { font-size: 10px } .search-filters__toolbar .module--number-of-tickets .number-of-tickets__max-tickets { display: none } .search-filters .module--number-of-tickets .module__title { display: none } .search-filters .price-range-slider { flex: 1 1 } .find-best-module .search-filters .seat-picker-legend__item__soldout { display: none } .find-best-module .search-filters .seat-picker-legend__item__soldout--top { color: red; display: block } .find-best-module .search-filters .seat-picker-legend__item__soldout { order: unset } .search-filters-modal { width: 500px; max-width: 100% } .search-filters-modal__modal-title { display: flex; flex-flow: row nowrap; align-items: center; gap: .5em; text-transform: capitalize } .search-filters-modal .modal-footer { flex-direction: column } .search-filters-modal .modal-footer button { width: 100% } .search-filters-modal .modal-header { flex-direction: unset; margin-bottom: 2em } .search-filters-modal-trigger-button { filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25)); height: 40px } .search-filters-modal-trigger-button-content { display: flex; flex-flow: row nowrap; align-items: center; gap: .5em; min-height: unset; text-transform: capitalize } .seat-quantity-toaster-trigger-button { filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25)); height: 40px; min-width: 5em } .seat-quantity-toaster-trigger-button__content { display: flex; flex-flow: row nowrap; align-items: center; gap: .5em } .seat-quantity-toaster-trigger-button__icon { font-size: 1.3em } .seat-info__item-container { display: flex; justify-content: space-between; width: 100% } .seat-info__item { display: flex; flex-direction: column } .seat-info__item:not(:first-child) { margin-left: .5em; padding-left: 1em; border-left: 1px solid #d3d3d3 } .seat-info__item-label { text-transform: capitalize; font-size: .9em } .seat-info__item-value { text-transform: capitalize; font-size: 1.2em; font-weight: bold; min-width: 30px; line-height: 1; overflow-wrap: anywhere } .seat-info__item-price-level-value { display: inline-flex; align-items: center; gap: 5px } .seat-info__item-quantity { align-self: stretch; padding-right: 1em; border-right: 1px solid #d3d3d3 } .seat-info__item-container--fixed-size { width: 20em } .seat-info__item-container--fixed-size .seat-info__item:not(:only-child) { width: 33.3333333333% } .seat-info__item-container--fixed-size.seat-info__item-container--seatless .seat-info__item-price-level { width: 100% } @media(max-width: 599.8px) { .find-best-offer__details .seat-info__item__value { font-size:1em } } .app-page--shop__multi-event-ticket-search-page .page-container { padding: 4em 0 } @media(max-width: 599.8px) { .app-page--shop__multi-event-ticket-search-page .page-container { padding:2em 0 } } .ticket-search-page-multiple-events.page-content { gap: 4em; margin-bottom: 2em } .ticket-search-page-multiple-events .multiple-events-entry { display: flex; width: 100%; gap: 1em } @media(max-width: 599.8px) { .ticket-search-page-multiple-events .multiple-events-entry { flex-direction:column } } .ticket-search-page-multiple-events .multiple-events-entry__event-image-container { display: flex; gap: 1em } .ticket-search-page-multiple-events .multiple-events-entry__event-image { height: 200px; max-width: 300px; -o-object-fit: contain; object-fit: contain; border-radius: 15px } @media(max-width: 599.8px) { .ticket-search-page-multiple-events .multiple-events-entry__event-image { height:50px } } .ticket-search-page-multiple-events .multiple-events-entry__event-info { width: 100% } @media(min-width: 600px) { .ticket-search-page-multiple-events .multiple-events-entry__event-desc { width:30% } } .ticket-search-page-multiple-events .multiple-events-entry__event-description-and-price-table { gap: 20%; display: flex } @media(max-width: 1023.8px) { .ticket-search-page-multiple-events .multiple-events-entry__event-description-and-price-table { gap:2em } } @media(max-width: 599.8px) { .ticket-search-page-multiple-events .multiple-events-entry__event-description-and-price-table { flex-direction:column } } .ticket-search-page-multiple-events .multiple-events-entry__price-table { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 1em; list-style: none; flex: 1; height: -moz-min-content; height: min-content; padding-left: 0 } @media(max-width: 599.8px) { .ticket-search-page-multiple-events .multiple-events-entry__price-table { grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)) } } .ticket-search-page-multiple-events .multiple-events-entry__price-table-entry { grid-column: span 1 } .ticket-search-page-multiple-events .multiple-events-entry__price-table-entry.has-tooltip { grid-column: span 2 } .ticket-search-page-multiple-events .multiple-events-entry__price-table-entry button { width: 100%; filter: drop-shadow(0px 3px 2px #bebebe); font-weight: normal } .multiple-events-entry-price-table-button { font-size: 14px } .multiple-events-entry-price-table-button__price { font-size: 12px; opacity: .7 } .multiple-events-entry-price-table-button__price-level { font-weight: bold } .multiple-events-entry-price-table-button .event-time-btn-content span { display: flex; align-items: center; gap: .5em } .multiple-events-entry-price-table-button.has-tooltip { grid-column: span 2 } .multiple-events-entry-price-table-button.has-tooltip .event-time-btn-content { display: flex } .multiple-events-entry-price-table-button.has-tooltip .event-time-btn-content::after { content: url(../img/icons/icn_info.svg); margin-left: .6em; transform: scale(1.4); display: inline-block } .number-of-tickets-modal-container,.price-level-group-table-modal-container { width: 700px; max-width: unset } .number-of-tickets-modal-container .modal-footer,.price-level-group-table-modal-container .modal-footer { display: flex; flex-direction: column } .number-of-tickets-modal-container .modal-footer button,.price-level-group-table-modal-container .modal-footer button { width: 100% } .number-of-tickets-modal__price-level-long-desc,.price-level-group-table-modal__price-level-long-desc { padding: 2em 0 } .number-of-tickets-modal__total-container,.price-level-group-table-modal__total-container { display: flex; flex-direction: column; align-items: flex-end; width: 100%; padding-right: 1.4em } .number-of-tickets-modal__total,.price-level-group-table-modal__total { font-size: 1.7em } .multiple-events-entry__tooltip.tooltip.show { opacity: 1; display: block } .multiple-events-entry__tooltip .tooltip-inner { background-color: #fff; color: #000; font-size: 1rem; border-radius: 15px; border: 1px solid #000; padding: 1em } .event-selector__list-by-date--multiple-events { flex-direction: row-reverse; gap: 5em } @media(max-width: 599.8px) { .event-selector__list-by-date--multiple-events { gap:2em } } @media(min-width: 600px) { .event-selector__list-by-date--multiple-events .event-selector__list-day { gap:0 } } @media(min-width: 600px) { .event-selector__list-by-date--multiple-events .event-selector__list-day .list-item-summary__group-by-title { flex-direction:row-reverse } .event-selector__list-by-date--multiple-events .event-selector__list-day .list-item-summary__group-by-title .list-item-summary__title { justify-content: flex-end } } @media(max-width: 1023.8px) { .event-selector__list-by-date--multiple-events .event-selector__list-day .list-item-summary__group-by-title>div { justify-content:flex-start; text-align: left } } .event-selector__list-by-date--multiple-events .event-selector__list-day .list-item-summary__event-info { flex-direction: row-reverse } @media(max-width: 1023.8px) { .event-selector__list-by-date--multiple-events .event-selector__list-day .list-item-summary__time { padding-left:0 } } .event-selector__list-by-date--multiple-events .event-selector__list-event-date { display: flex; flex-direction: column; justify-content: center; margin: 2em; gap: 1em } .event-selector__list-by-date--multiple-events .event-selector__list-event-date .event-date--small { height: unset } .event-selector__multiple-event-calendar-showtimes { display: flex; flex-direction: column; padding: 1em; gap: 1em; height: 100%; justify-content: flex-end } .page-layout--shop__price-level-as-product-page--default .page-content { flex-wrap: unset; padding-bottom: 1em } @media(min-width: 1024px) { .page-layout--shop__price-level-as-product-page--default .page-content { padding:32px } } .price-level-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 2em; width: 100%; grid-template-rows: 1fr } @media(min-width: 600px) { .price-level-products { padding-bottom:1em } } .price-level-products__filters { position: absolute; left: 0 } .price-level-products__filter-products-grid { margin-bottom: 2em; display: grid; grid-template-columns: 1fr 1fr; gap: 1em } .price-level-products__filter-products-grid-footer { display: flex; flex-direction: column; margin-top: 2em; gap: 1em } .price-level-products__filter-products-grid-item.is-filtered-out::after { content: " *" } .price-level-products__filter-products-grid-item.hide-soldout { padding: 2em 0 } .price-level-products__filter-products-grid-item:not(.disabled) { cursor: pointer } .price-level-products__filter-products-grid-item:not(.disabled) input,.price-level-products__filter-products-grid-item:not(.disabled) label { cursor: pointer } .price-level-products__filter-products-grid-item input { margin-right: 1em } .price-level-products__filter-products-grid-item.hide-soldout.form-check input { margin-left: 0 } @media(max-width: 1023.8px) { .price-level-products__filter-products-grid-item { align-items:flex-start } } .price-level-products__filters-button .animation-container { display: flex; gap: .5em } .price-level-products__list { display: flex; flex-direction: column } .price-level-products__list .price-level-purchase-limit-message,.price-level-products__list .price-type-purchase-limit-message { justify-content: flex-start; padding: .3rem 0 0 2rem } .price-level-products__title-container { position: relative; width: 100%; display: flex; justify-content: center; height: 2em } @media(max-width: 599.8px) { .price-level-products__title-container { flex-direction:column-reverse; align-items: center; height: unset } .price-level-products__title-container .price-level-products__filters-button { margin-top: 1em } } .price-level-products__container { display: flex; flex-direction: column; gap: 2em; align-items: center; width: 100% } .price-level-products__container .price-level-product__display-mode-toggle-container { position: absolute; top: 0; right: 0; display: flex; justify-content: center; gap: 2em; border: 1px solid #e9e9e9; border-radius: 50px; width: -moz-fit-content; width: fit-content; padding: .5em 1em; background-color: #f3f3f3 } .price-level-products__container .price-level-product__display-mode-toggle-container svg { z-index: 10; color: #000 } .price-level-products__container .price-level-product__display-mode-toggle-container svg.selected { color: #000 } .price-level-products__container .price-level-product__selected-value { position: absolute; top: 0; left: calc(100% - 54px); background-color: #fff; border: 1px solid #929292; border-radius: 50px; width: 54px; height: 34px; transition: left .3s } .price-level-products__container .price-level-product__selected-value.left { left: 0 } .price-level-products__page-content { margin-top: 1em; display: flex; flex: 1 } @media(min-width: 1024px) { .price-level-products__page-content { padding:0 0 0 2em } } .price-level-products__more-info-button { display: flex; flex-direction: column; align-items: center; justify-content: space-between } .price-level-products__more-info { padding: 1em 1em 3em 1em; text-align: left; display: inline-block; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 50px), transparent 100%); mask-image: linear-gradient(to bottom, black calc(100% - 50px), transparent 100%) } .price-level-products__more-info p { margin: 0 } .price-level-products__read-more-text { padding: 2em; text-decoration: underline } .price-level-products__venue-map-container { display: flex; overflow: hidden; border-radius: 20px; transform: translateZ(0); filter: drop-shadow(0px 0px 4px #dedede); background-color: #fff } .price-level-products__venue-map-container:not(.has-description) { max-width: 600px; align-self: center } .price-level-products__venue-map-container:not(.has-description) .module,.price-level-products__venue-map-container:not(.has-description) .pack-list .pack,.pack-list .price-level-products__venue-map-container:not(.has-description) .pack { flex: unset; width: -moz-fit-content; width: fit-content } .price-level-products__venue-map-container:not(.has-description) .module__container { margin: 0 } .price-level-products__venue-map-container .module__container { filter: none; border-radius: 0px } .price-level-products__venue-map-container .module--venue-map { flex: 0 0 600px; margin: 0 } @media(max-width: 1023.8px) { .price-level-products__venue-map-container { flex-direction:column } .price-level-products__venue-map-container .module--venue-map,.price-level-products__venue-map-container .module--more-event-info { flex: 0 0 100% } .price-level-products__venue-map-container .module__container { margin: 0 } } .price-level-products__access-code-limit-message { margin-bottom: 5em; display: flex; justify-content: center } .price-level-products__see-products-button { position: fixed; max-width: 90vw; z-index: 2; transition: bottom 1s; box-shadow: 0px 4px 10px #868686; left: 50%; transform: translateX(-50%) } .price-level-products__see-products-button.visible { bottom: 1em } .price-level-products__see-products-button:not(.visible) { bottom: -10% } .price-level-product__card,.price-level-product__list { position: relative; overflow: hidden; background-color: #fff; display: flex; border-radius: 20px; transform: translateZ(0); filter: drop-shadow(0px 0px 4px #dedede) } .event-purchase-limit-message,.price-level-purchase-limit-message,.price-type-purchase-limit-message { display: flex; align-items: flex-start; flex-direction: column; gap: 5px; font-size: .8em; font-style: italic; color: #666 } .event-purchase-limit-message__margin_top,.price-level-purchase-limit-message__margin_top,.price-type-purchase-limit-message__margin_top { margin-top: .8em } .number-of-tickets-modal .price-level-purchase-limit-message { align-items: flex-end } .price-level-product__list { justify-content: space-between; align-items: stretch; padding-right: 1em } .price-level-product__list .nudge-indicator,.price-level-product__list .price-level-product__select-product { bottom: -1em } .price-level-product__list .price-level-product__level-image { aspect-ratio: 16/9; overflow: hidden } .price-level-product__list .price-level-product__level-image .image-carousel { width: 100% } @media(min-width: 600px) { .price-level-product__list .price-level-product__level-image { width:350px } } @media(min-width: 1024px) { .price-level-product__list .price-level-product__level-image { width:450px } } .price-level-product__list .price-level-product__list-item-content { display: flex; flex: 1; justify-content: space-between; align-items: stretch } .price-level-product__list .price-level-product__list-item-content .price-level-product__title-container { max-width: unset } .price-level-product__list .price-level-product__starting-at-container { max-width: 240px; padding: unset } .price-level-product__list .price-level-product__starting-at-content .price-level-product__action-button { margin: 1em 0 } .price-level-product__list .price-level-product__price { font-size: 1.2rem } .price-level-product__list .price-level-product__title-container { justify-content: flex-start; padding: 1em 0 0 2em } .price-level-product__list .price-level-product__list-item-cta-nudge { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative } .price-level-product__list .price-level-product__list-item-cta-nudge>div { margin-top: .5em } .price-level-product__list,.price-level-product__card { transition: transform .15s } .price-level-product__list .nudge-indicator,.price-level-product__list .price-level-product__select-product,.price-level-product__card .nudge-indicator,.price-level-product__card .price-level-product__select-product { left: 50%; position: absolute; transform: translateX(-50%); color: #666; font-style: italic; white-space: pre } .price-level-product__list.is-disabled .price-level-product__title-container,.price-level-product__list.is-disabled .price-level-product__description,.price-level-product__list.is-disabled .price-level-product__starting-at,.price-level-product__card.is-disabled .price-level-product__title-container,.price-level-product__card.is-disabled .price-level-product__description,.price-level-product__card.is-disabled .price-level-product__starting-at { opacity: .6 } .price-level-product__card { flex: 1; flex-direction: column; align-items: center } .price-level-product__card .price-level-product__select-product { bottom: .5em } .price-level-product__card .price-level-product__title-container { padding: 1em 2em; min-height: 80px } .price-level-product .is-disabled { color: #000; opacity: .5 } .price-level-product .event-image-overlay { z-index: 1 } .price-level-product .sold-out-confirm-text { z-index: 2; font-size: 2em } .price-level-product__title-container { display: flex; width: 100%; text-align: center; justify-content: center; align-items: center; padding: 1.5em 0 } .price-level-product__title-container h3,.price-level-product__title-container .h3 { margin: 0 } .price-level-product__title-container .price-level-product__pl-color { height: 4px; width: 100%; border-radius: 5px } .price-level-product__level-image { width: 100%; position: relative } .price-level-product__level-image .event-image-overlay,.price-level-product__level-image .sold-out-confirm-text { z-index: 1030 } .price-level-product__description { padding: 1em 2em; flex: 1; text-align: left } .price-level-product__starting-at-container { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1em 0 } .price-level-product__starting-at-content { min-height: 2em } .price-level-product__starting-at-content .price-level-product__action-button { margin-bottom: 2em } .price-level-product__starting-at-content:not(:empty) { position: relative; min-width: 140px } .price-level-product__starting-at { display: flex; flex-direction: column; align-items: center; justify-content: center } .price-level-product__item-cta-nudge { display: flex; flex-direction: column; position: relative } .price-level-product__item-cta-nudge .nudge-indicator { position: absolute; bottom: .5em; left: 50%; transform: translateX(-50%); white-space: pre } .price-level-product__price { white-space: nowrap; margin-bottom: 0 } .price-level-product__number-of-tickets-modal-carousel { height: 150px } @media(min-width: 600px) { .modal-header .price-level-product__title-container { padding:0 0 1em } } #NUMBER_OF_TICKETS_MODAL .close { position: absolute; right: 1em; top: 1em } .price-level-products-page { display: flex; flex-direction: column; height: -moz-fit-content; height: fit-content; flex: 1 } .price-level-products-page.animated { animation: flash .8s } .price-level-products-page .module--venue-map .module__container { margin-left: 0 } @keyframes flash { 0% { opacity: 0 } 100% { opacity: 1 } } #price-level-products-filter-overlay.popover { max-width: unset; padding: 2em } .price-level-product-page-mode-button { margin: 1em 1em 0 0 } @media(max-width: 1023.8px) { .price-level-product-page-mode-button { position:absolute; left: 50%; transform: translateX(-50%); margin: 0; top: .5em } } #PRODUCT_SELECTION_WIZARD_MODAL { width: 90vw; height: calc(100vh - 50px); overflow: visible } #PRODUCT_SELECTION_WIZARD_MODAL .modal-header { margin-bottom: 2em } #PRODUCT_SELECTION_WIZARD_MODAL .modal-content { height: 100% } #PRODUCT_SELECTION_WIZARD_MODAL .modal-content__inner-container { height: 100% } #PRODUCT_SELECTION_WIZARD_MODAL .modal-content__inner { display: flex; flex-direction: column; height: 100%; overflow-y: visible } #PRODUCT_SELECTION_WIZARD_MODAL .modal-body { scrollbar-gutter: stable } #PRODUCT_SELECTION_WIZARD_MODAL .modal-footer { bottom: -2em } #PRODUCT_SELECTION_WIZARD_MODAL .price-level-product__title-container { padding: 0 } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item { display: flex; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.1); border-radius: 10px; border: 1px solid #fff } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item.selected { border: 1px solid gray } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item.error { border: 2px solid red } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item__error-message { padding-top: 1em; color: red } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item .event-date-range-badge { border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 20px 7px; justify-content: center; width: 150px; background-color: #f3f3f3 } @media(max-width: 1023.8px) { #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item .event-date-range-badge { border-radius:10px } } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item .event-date-range-badge .event-date-non-alphanumeric-font { z-index: unset; color: #fff } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item .event-date-range-badge .event-date { padding: 0; margin: 0 } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item .event-date { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 150px; margin: 0; line-height: 1.2; border-top-left-radius: 10px; border-bottom-left-radius: 10px } @media(max-width: 1023.8px) { #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item .event-date { border-radius:10px } } @media(max-width: 1023.8px) { #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item { flex-direction:column } } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-date { display: flex } @media(max-width: 1023.8px) { #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-date { min-height:110px; gap: 1em } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-date h5,#PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-date .h5 { padding: .5em } } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-table-item,#PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-content { display: flex; justify-content: space-between; flex-direction: column; padding: 2em; flex: 1 } @media(max-width: 1023.8px) { #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-table-item,#PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-content { flex-direction:column; padding: 1em } } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-content .expandable-component>div { margin-top: 1em } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-table-item { gap: 1em } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-table-item .product-first-selection-wizard-event-item-info-actions { display: flex; flex-direction: column; gap: 1em; align-items: center } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-table-item .product-first-selection-wizard-event-item-info-actions .stylized-dropdown__container { width: unset } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-table-header { display: flex; align-items: flex-start; gap: 1em; justify-content: space-between } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-info { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 2em } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-info__sold-out { color: #a94442; font-weight: bold; text-transform: uppercase; white-space: nowrap; font-size: 1.3em } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-info .event-purchase-limit-message { margin-bottom: .8em } @media(max-width: 1023.8px) { #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-info { flex-direction:column; align-items: flex-start } } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-info-actions { display: flex; gap: 3em; align-items: center } @media(max-width: 1023.8px) { #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-info-actions { max-width:100%; width: 100%; justify-content: center } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-info-actions .simple-price-type-selector__stepper-with-price { max-width: 100% } } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-event-item-info-actions-selector { display: flex; flex-direction: column; gap: .5em } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-select-events-step { display: flex; justify-content: space-between; padding: 0 1em; gap: 1em; flex: 1 } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-select-events-step>div { width: 100% } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-select-events-step__price-level-info { max-width: 40% } @media(max-width: 1023.8px) { #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-select-events-step { padding:0 } } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-add-ons-step,#PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-price-type-step { flex: 1; display: flex; flex-direction: column; gap: 3em } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-add-ons-step .price-type-selector-container,#PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-price-type-step .price-type-selector-container { border-bottom: 1px solid #c7c7c7 } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-events { display: flex; flex-direction: column; gap: 1em } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-events .number-selector-fancy { font-size: 35px } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-events .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 35px } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-events .number-selector-fancy .number-selector-fancy__input,#PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-events .number-selector-fancy .number-selector-fancy__odometer,#PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-events .number-selector-fancy .number-selector-fancy__odometer-values>div { height: 35px } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-events .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 35px; height: 35px } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-events:not(:first-child) { margin-top: 2em } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-modal-footer { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; gap: 1em; padding: 1em; background-color: #fff; width: 100%; margin: 0 } #PRODUCT_SELECTION_WIZARD_MODAL .product-first-selection-wizard-modal-buttons { display: flex; gap: 1em } #PRODUCT_SELECTION_WIZARD_MODAL .price-level-purchase-limit-message { justify-content: unset } .module--product-first-image-carousel-container { flex: 0 0 600px; margin: 0 } .module--product-first-image-carousel-container .module__container { overflow: hidden; border-radius: 10px; transform: translateZ(0); filter: drop-shadow(0px 0px 4px #dedede) } @media(max-width: 1023.8px) { .module--product-first-image-carousel-container { flex:0 0 100% } .module--product-first-image-carousel-container .module__container { margin: 0 } } .product-first-selection-wizard-modal-body { display: flex; justify-content: space-between; gap: 4em } .product-first-selection-wizard-modal-body .event-list-item__container:last-child { margin-bottom: 0 } @media(max-width: 1023.8px) { .product-first-selection-wizard-modal-body { display:unset } } @keyframes icon-spin { 0% { transform: scaleX(-100%) } 50% { transform: scaleX(0%) } 100% { transform: scaleX(100%) } } .breadcrump-checkmark { animation: icon-spin .5s } .product-first-select-events-step .event-image-overlay { animation: fade-in .3s } @keyframes fade-in { from { opacity: 0 } to { opacity: 1 } } .simple-price-type-selector { display: flex; flex-direction: column } .simple-price-type-selector__entry { display: flex; justify-content: space-between; gap: 3em; padding: 2em 0 } .simple-price-type-selector__entry .simple-price-type-selector__info { word-break: break-word } .simple-price-type-selector__entry:not(:last-child) { border-bottom: 1px solid #d1d1d1 } .simple-price-type-selector__entry .error { color: #a94442 } .simple-price-type-selector__info h5,.simple-price-type-selector__info .h5 { margin-bottom: 1em } .simple-price-type-selector__info .price-level-purchase-limit-message,.simple-price-type-selector__info .price-type-purchase-limit-message { justify-content: flex-start } .simple-price-type-selector__stepper-with-price { display: flex; flex-direction: column; align-items: center; gap: 1em } .simple-price-type-selector__stepper-with-price span { font-size: 1.2rem; opacity: .8 } .number-of-tickets-modal-container .modal-header { margin-bottom: 0 } @media(max-width: 400px) { .number-of-tickets-modal-container .modal-header .modal-title { max-width:330px } } @media(max-width: 600px) { .number-of-tickets-modal-container { width:100%; max-height: 95vh } .number-of-tickets-modal-container.modal-manager--to-bottom-on-mobile { overflow: hidden } .number-of-tickets-modal-container.modal-manager--to-bottom-on-mobile .modal-content__inner-container { padding: 0 } .number-of-tickets-modal-container.modal-manager--to-bottom-on-mobile .modal-content__inner { padding: 0 1em; max-height: 95vh } .number-of-tickets-modal-container.modal-manager--to-bottom-on-mobile .modal-header { padding: 1em 0; position: sticky; top: 0; background-color: #fff; z-index: 1 } .number-of-tickets-modal-container.modal-manager--to-bottom-on-mobile .modal-footer { position: sticky; bottom: 0; background-color: #fff; padding-bottom: 1em; gap: 0 } .number-of-tickets-modal-container.modal-manager--to-bottom-on-mobile .modal-footer button:focus { background-color: unset } .number-of-tickets-modal-container.modal-manager--to-bottom-on-mobile .number-of-tickets-modal__price-level-long-desc { padding: 0 } } #PRICE_LEVEL_GROUP_TABLE_MODAL.number-of-tickets-modal-container { height: auto; max-height: 95vh } #PRICE_LEVEL_GROUP_TABLE_MODAL.number-of-tickets-modal-container .price-level-group-table-dropdown-container { display: flex; flex-direction: column; gap: 1em; justify-content: center; align-items: center; margin: 4em 0 2em; position: relative } #PRICE_LEVEL_GROUP_TABLE_MODAL.number-of-tickets-modal-container .modal-content { height: 100% } #PRICE_LEVEL_GROUP_TABLE_MODAL.number-of-tickets-modal-container .modal-content__inner-container { height: 100% } #PRICE_LEVEL_GROUP_TABLE_MODAL.number-of-tickets-modal-container .modal-content__inner { height: 100%; display: flex; flex-direction: column } #PRICE_LEVEL_GROUP_TABLE_MODAL.number-of-tickets-modal-container .price-level-group-table-buttons { display: flex; flex-direction: column; gap: 1em; width: 100%; align-items: center } #PRICE_LEVEL_GROUP_TABLE_MODAL.number-of-tickets-modal-container .modal-footer { padding: 15px 0; z-index: 15 } .nudge-indicator { display: flex; align-items: center; gap: .5em; justify-content: center } .nudge-indicator__color { background-color: color-mix(in srgb, var(--nudge-color, currentColor) 15%, transparent) !important; border-color: var(--nudge-color, currentColor) !important; border: 2px solid; border-radius: 50%; height: 14px; width: 14px; flex-shrink: 0 } .nudge-indicator__message { font-size: .8rem; font-style: italic } .price-level__label .nudge-indicator { margin-bottom: 3px; justify-content: flex-start } .price-level__label .nudge-indicator .nudge-indicator__color { height: 10px; width: 10px } .price-level__label .nudge-indicator .nudge-indicator__message { opacity: .6 } .pack-container .slick-slider { margin: 24px 0 } .slick-track { display: flex !important } .slick-track>* { height: 100% } .slick-slide,.slick-track>* { height: inherit !important } .slick-slide>*,.slick-track>*>* { height: 100% } .slick-slide>*>div,.slick-track>*>*>div { height: 100% } .pack__events .pack-event .event-media,.pack__events .pack-event .event-date { flex: 1 } .pack__events .slick-slider .slick-arrow { position: unset; width: unset; height: unset; transform: unset } .pack__events .slick-slider .slick-arrow.slick-prev { padding-right: 8px } .pack__events .slick-slider .slick-arrow.slick-next { padding-left: 8px } .pack-event { background-color: #f3f3f3; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: flex; flex-wrap: wrap; justify-content: center; color: #000; height: 100% } .pack-event .event-date-with-logo { display: flex; padding: 1rem; gap: 1rem } .pack-event .event-date-with-logo .event-media { align-items: center } .pack-event hr { margin: 3px 0; border-color: #cfcfcf } .pack-event .event-date,.pack-event .event-media,.pack-event .event-time { background-color: #f3f3f3; display: flex; align-items: center; flex-direction: column; justify-content: center } .pack-event .event-date { color: #000; margin-right: 0 } .pack-event .event-media { display: flex; align-items: start; flex-direction: column } .pack-event .event-media img { max-height: 38px; max-width: 35px; margin-bottom: 2px } .pack-event .event-time { font-weight: bold; font-size: .9em; width: 100%; margin-top: 4px; align-items: start } .pack-event__description { width: 100%; padding-right: 6px; text-align: start; overflow: hidden; text-overflow: ellipsis } @media(max-width: 320px) { .pack-event__description { font-size:.9em } } .pack-event__abbreviation { font-weight: bold; text-align: center } .pack-event .event-date__day { font-size: 28px } .pack-no-logo .pack-event__title { font-weight: bold } .multiple-offers-entry-pack .pack-event { padding-bottom: 0px; margin-bottom: 17px } .multiple-offers-entry-pack .pack-event .event-date,.multiple-offers-entry-pack .pack-event .event-media,.multiple-offers-entry-pack .pack-event .event-time { padding: 4px 5px !important; width: inherit; flex: 1; display: flex } .multiple-offers-entry-pack .pack-event .event-media,.multiple-offers-entry-pack .pack-event .event-time { margin-left: 4px } .multiple-offers-entry-pack .pack-event .event-media img { max-height: 46px; max-width: 62px } .multiple-offers-entry-pack .pack-event .event-time { margin-top: 0; font-size: 1.1em } .app-page--shop__ticket-review-page .pack-event .event-date,.app-page--shop__ticket-review-page .pack-event .event-media,.app-page--shop__ticket-search-page .pack-event .event-date,.app-page--shop__ticket-search-page .pack-event .event-media,.app-page--shop__delivery-method-page .pack-event .event-date,.app-page--shop__delivery-method-page .pack-event .event-media { flex: 1 } .app-page--shop__delivery-method-page .pack-event .event-date { max-width: -moz-fit-content; max-width: fit-content } .app-page--shop__payment-information-page .pack-event .event-media,.app-page--shop__confirmation-page .pack-event .event-media { flex: 1 } .pack-container { display: flex; justify-content: center; direction: initial } .content-container .pack__events .pack-event-list__item .pack-event { border-radius: 10px; overflow: hidden } .content-container .pack__events .pack-event-list__item .pack-event .event-time { margin-top: 0 } .main-header .slick-slider.slick-initialized button.slick-arrow.slick-prev,.main-header .slick-slider.slick-initialized button.slick-arrow.slick-next { background-color: rgba(0,0,0,0) } .pack-list { margin-top: 10px } .pack-list__header--sold-out { color: #e02424 } .pack-list .pack { margin-bottom: 40px } .pack-header { background-color: #f3f3f3; color: #000; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #cfcfcf; font-size: 18px; font-style: normal; font-weight: 700; min-height: 40px; padding: 6px 8px } .pack-header header { display: flex; flex-wrap: nowrap } .pack-header header>div { align-items: center } .pack-header__name { font-size: 20px; flex: 1; margin-right: 5px } @media(max-width: 480px) { .pack-header__name { font-size:18px } } .pack { border-radius: 0; position: relative } @media(min-width: 600px) { .pack { display:flex; align-items: center } } .pack--delivery-ticketnum { font-weight: bold; margin-top: 2px } .pack--same-seats-msg { font-style: italic; font-size: 1.2em; padding-bottom: 24px; color: #000 } .pack--hide-header { border: none } .pack--hide-header .pack-header { display: none } .pack--sold-out .pack__ticket-qty { color: #e02424; font-weight: 700; font-size: 16px; text-transform: uppercase } .pack--sold-out .pack__ticket-qty .pack__label { height: 35px; display: table-cell; vertical-align: middle } .pack--sold-out .pack__price-level { font-weight: 900; font-size: 13px } .pack--sold-out .pack__price-level:after { display: block; content: "--" } .pack__content { margin-top: 3px; margin-left: 12px; margin-right: 12px; margin-bottom: 12px } .pack--hide-header .pack__content { margin: 0px; margin-top: 2px } .pack__date-range { order: 1; align-items: center; display: flex; flex: 0 2 64%; text-transform: uppercase; margin-bottom: 8px } @media(max-width: 600px) { .pack__date-range { flex:0 1 100%; padding: 4px 0 12px; border-bottom: 1px solid #cfcfcf } } .pack__right-separator { border-right: 1px solid #cfcfcf } .pack__price-level { padding-top: 6px; height: 34px } @media(max-width: 600px) { .pack__price-level { text-align:center } } .pack__price-level-btn { border: none; padding: 0; text-align: left } .pack__price-level-btn:hover { text-decoration: none } .pack__price-level-btn:focus { text-decoration: none } .pack__search-btn { margin: 0px 7px 0px auto; min-width: 110px; text-align: right; font-weight: bold } .pack__search-btn .btn { font-size: 16px; font-weight: normal; padding-left: 20px; padding-right: 20px } .pack .price-table { background-color: #fff; border: 1px solid #6c757d; padding: 10px } .pack-review-order-entry { flex-wrap: wrap } .pack-review-order-entry [class*=" col-"] { flex-wrap: wrap } .pack-review-order-entry .ticket-meta { width: 100% } .pack-review-order-entry .event-info { display: flex; font-size: 1.2em; margin-bottom: 10px } .pack-review-order-entry .review-event-date::before { content: " - " } @media(max-width: 600px) { .pack-review-order-entry .review-event-date::before { content:"" } .pack-review-order-entry .event-title { flex-basis: 100% } } .multiple-offers-entry-pack:first-child { margin-top: 15px } .multiple-offers-entry-pack .seat-info__location { background-color: #f3f3f3; margin: 0px; margin-bottom: 11px; padding: 11px } .multiple-offers-entry-pack .seat-info__location>* { text-align: center } .multiple-offers-entry-pack .venue-map-component { padding-top: 20px; padding-bottom: 20px } .multiple-offers-entry-pack .pack-event .event-media { padding-right: 4px; padding-left: 4px } .pack--split-row-seats .seat-info__split,.pack--split-row-seats .seat-info__price-level,.pack--split-row-seats .seat-info__message { display: none } .pack--split-row-seats .pack--last-item .seat-info__split,.pack--split-row-seats .pack--last-item .seat-info__price-level,.pack--split-row-seats .pack--last-item .seat-info__message { display: block } .pack--split-row-seats .pack--last-item .seat-info__location { margin-bottom: 11px } .pack--split-row-seats .seat-info__location { margin-left: 0px; margin-right: 0px; margin-bottom: 4px } .pack--split-row-seats .seat-info__section,.pack--split-row-seats .seat-info__row,.pack--split-row-seats .seat-info__seats { flex: 1; padding: 0 } .main-header .main-header__pack-container:not(:empty) { border-bottom: 1px solid #171717 } .main-header .main-header__pack-container .pack { font-size: 70% } .main-header .pack { font-size: 1rem } .main-header .pack__events .pack-event-list { margin-left: 0 } .main-header .pack__events .pack-event-list__spacer { display: none } .main-header .pack__events .date-time>span { font-size: 1em; font-weight: bold } .main-header .pack__events .pack-event-list__item { margin-top: 0 } .main-header .pack__events .pack-event { background-color: #fff; border-radius: 10px; overflow: hidden } .main-header .pack__events .pack-event .event-time { background-color: #fff; margin-top: 0 } .main-header .pack__events .pack-event .event-media { background-color: #fff } .main-header .pack__events .pack-event .event-date { background-color: #fff; min-height: unset } .main-header .pack__events .pack-event .event-date__weekday,.main-header .pack__events .pack-event .event-date__month { font-size: 10px } .main-header .pack__events .pack-event .event-date__day { font-size: 20px } .module--custom-pack>.module__container:before,.module--custom-pack>.module__container:after { display: block; content: inherit } .page-layout--shop__custom-pack-page { padding-bottom: 30px } .custom-pack__rule { position: relative; margin-bottom: 3em; padding: 1em; background-color: #fff; border-radius: 10px; transform: translateZ(0); filter: drop-shadow(0px 0px 4px #dedede) } .custom-pack__rule__viewer { display: flex; width: 100%; justify-content: space-between; align-items: center } .custom-pack__rule__viewer button { min-width: -moz-fit-content; min-width: fit-content } .custom-pack__rule__container h4,.custom-pack__rule__container .h4 { font-size: 1.5em; font-weight: 500 } .custom-pack__rule-header { margin-bottom: 10px; display: flex; gap: 10px } .custom-pack__rule-nav { display: flex; align-items: center; margin-bottom: 1.5em; line-height: 1.9 } .custom-pack__rule-nav .btn { font-size: .8em; padding: 7px 19px } .custom-pack__rule-nav .btn .glyphicon,.custom-pack__rule-nav .btn .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .custom-pack__rule-nav .btn button.number-selector-fancy__button { margin-right: 4px } .custom-pack__rule-instructions { flex: 1; margin-right: 3px; line-height: 1.2 } .custom-pack__rule-validation { display: inline-block; margin-left: 8px; margin-right: 6px } .custom-pack__event-box { height: 100%; margin-left: 0; cursor: pointer; display: flex; flex-direction: column } .custom-pack__event-box .event-time { padding: 2px 0; margin-bottom: 0 } .custom-pack__event-box.custom-pack__selected .custom-pack__event-box-toggle { padding-bottom: 30px; margin-bottom: -30px; color: #000 } .custom-pack__event-box.custom-pack__optional .custom-pack__event-box-toggle { background-color: rgba(0,0,0,.6) } .custom-pack__event-box-toggle { transition: margin-bottom .5s,padding-bottom .5s; background-color: #f3f3f3; text-align: center; display: flex; align-items: center; justify-content: center; color: #000; font-size: 1.2em; line-height: 1.5; margin-top: 3px } .custom-pack__event-box-toggle:before { display: block; transform: scaleX(1.8) } .custom-pack__event-box-toggle.custom-pack__hide-content { color: rgba(0,0,0,0) !important } .custom-pack__instructions { margin-bottom: 24px; margin-top: 4px } .custom-pack__events-viewer { flex: 1 } .custom-pack__events-viewer-event-boxes .pack-event-list__item { display: inline-block; width: 33%; max-width: inherit !important } .custom-pack__events-viewer-event-boxes .slick-track { display: flex !important } .custom-pack__events-viewer-event-boxes .slick-track:before,.custom-pack__events-viewer-event-boxes .slick-track:after { content: inherit !important; display: inherit !important } .custom-pack__events-viewer-event-boxes .slick-slide,.custom-pack__events-viewer-event-boxes .slick-track>* { float: none !important; height: inherit !important } .custom-pack__events-viewer .btn-action { color: #000; background-color: unset; border: unset } .custom-pack__events-viewer .btn-action:hover { color: #262626; background-color: unset } .custom-pack__events-viewer .btn-action>.glyphicon,.custom-pack__events-viewer .number-selector-fancy .btn-action>button.number-selector-fancy__button,.number-selector-fancy .custom-pack__events-viewer .btn-action>button.number-selector-fancy__button { font-size: 16px } .custom-pack__events-viewer .module--review-order { background-color: #f3f3f3; border: none; margin-bottom: 0px; padding-top: 14px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px } .custom-pack__events-viewer .module--review-order .module__title { display: none } .custom-pack__events-viewer .module--review-order .module__container { padding: 8px 18px } .custom-pack__events-viewer .module--review-order .ticket-meta__quantity,.custom-pack__events-viewer .module--review-order .ticket-meta__price-range,.custom-pack__events-viewer .module--review-order .ticket-meta__user-seats-quantity { display: block !important } .custom-pack__events-viewer .module--review-order .ticket-meta { line-height: inherit !important; margin-bottom: 10px } .custom-pack__events-viewer-details-buttons { display: flex; position: absolute; top: 12px; inset-inline-end: 16px } .custom-pack__events-viewer-details-buttons button { padding: 5px 7px; margin-left: 7px } .custom-pack__events-viewer-details-buttons button:first-child { margin-left: 0 } .custom-pack__events-viewer-details-buttons.additional-items { top: 0px; right: 0px } .custom-pack__events-viewer-details-buttons.additional-items button { padding: 0 2px } .custom-pack__events-viewer-details-buttons__additional-item { margin-left: 12px } .custom-pack__events-viewer-details-buttons__additional-item .btn { min-width: unset } .custom-pack__events-viewer-details-buttons__additional-item button { font-size: 1em; padding: 2px 2px 3px 2px } .custom-pack__events-viewer .pack-event-list__item .custom-pack__event-box>.pack-event { border-radius: 10px 10px 0 0; overflow: hidden; background-color: #f3f3f3 } .custom-pack__events-viewer .pack-event-list__item .custom-pack__event-box>.pack-event .event-date,.custom-pack__events-viewer .pack-event-list__item .custom-pack__event-box>.pack-event .event-media,.custom-pack__events-viewer .pack-event-list__item .custom-pack__event-box>.pack-event .event-time { background-color: #f3f3f3 } .custom-pack__events-viewer .pack-event-list__item .custom-pack__event-box>.pack-event .event-time { display: none } .custom-pack__events-viewer .pack-event-list__item .custom-pack__event-box-toggle { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px } .custom-pack__events-viewer .flip-container .front .custom-pack__event-box-toggle { color: rgba(0,0,0,0) } .custom-pack__events-viewer .flip-container .front .custom-pack__event-box { width: 100% } .custom-pack__events-viewer .flip-container,.custom-pack__events-viewer .front,.custom-pack__events-viewer .back { width: 100% } .custom-pack__events-viewer .flip-container .flipper { min-height: 106px } .custom-pack__events-viewer .slick-track { margin: 0 } .custom-pack__event-box .empty-pack-event,.custom-pack__event-box .pack-event { min-height: 80px; justify-content: center } .empty-pack-event { border-top-right-radius: 10px; border-top-left-radius: 10px; background-color: #f3f3f3; display: flex; align-items: center; flex-direction: column; justify-content: center; flex: 1 } .empty-pack-event__type,.empty-pack-event__num-optional { text-transform: uppercase } .empty-pack-event-optional { background-color: rgba(0,0,0,.6) !important; color: #fff } .empty-pack-event-optional .empty-pack-event__type,.empty-pack-event-optional .empty-pack-event__num-optional { line-height: 1.1; opacity: .9 } .empty-pack-event__plus-sign { font-size: 3em; opacity: .5; font-weight: 300; line-height: 30px; margin-bottom: -3px } .empty-pack-event .pack-event__media { width: 100% } .module--custom-pack.has-multi-events-same-day .event-time { display: inherit !important } .custom-pack__rule-soldout-overlay { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; padding-top: 20px; display: flex; justify-content: center; align-items: center; font-size: 20px; text-transform: uppercase } .custom-pack__rule.all-events-soldout .custom-pack__rule-nav { display: none } .custom-pack__rule.all-events-soldout .custom-pack__events-viewer { visibility: hidden } .sticky--venue-map .sticky-inner-wrapper { display: flex } .venue-map-container { flex: 1 } .page-layout--shop__custom-pack-page .main-column { width: 100% } .pack__events .slick-slider button.slick-prev:before,.pack__events .slick-slider button.slick-next:before { color: #000 } .pack__events .slick-slider button.slick-prev:before,.pack__events .slick-slider button.slick-next:before { font-family: "obt-icon-font"; font-size: 25px; opacity: 1 } .pack__events .slick-slider .pack-event,.pack__events .slick-slider .pack-event .event-media,.pack__events .slick-slider .pack-event .event-date { padding-bottom: 0px } @media(max-width: 320px) { .pack__events .slick-slider:not(.hide-arrows) { margin-right:16px; margin-left: 9px } } .pack__events .slick-slider.hide-arrows { margin-left: -3px } .pack__events .slick-slider.hide-arrows .slick-track { transform: translate3d(0, 0, 0) !important; display: flex } .pack__events .slick-slider .slick-slide,.pack__events .slick-slider .slick-track>* { padding-left: 3px; padding-right: 3px } .pack__events .slick-slider .slick-slide.pack-no-logo,.pack__events .slick-slider .slick-track>.pack-no-logo { max-width: inherit !important } .pack__events .slick-slider .slick-disabled { opacity: .2 !important } .pack-event-list { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-left: -6px } .pack-event-list>* { flex: 1 1 86px; margin-left: 6px; max-width: 120px; min-width: 86px; display: flex; flex-direction: column } .pack-event-list__item { height: inherit } .pack-event-list__item>.pack-event>.event-date { flex: unset; padding: 0 24px } .pack-event-list__spacer { visibility: hidden; border: none; height: 0 } @media(min-width: 1494px) { .pack-event-list.num-events-1 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 2934px) { .pack-event-list.num-events-2 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 4374px) { .pack-event-list.num-events-3 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 5814px) { .pack-event-list.num-events-4 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 7254px) { .pack-event-list.num-events-5 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 8694px) { .pack-event-list.num-events-6 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 10134px) { .pack-event-list.num-events-7 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 11574px) { .pack-event-list.num-events-8 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 13014px) { .pack-event-list.num-events-9 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 14454px) { .pack-event-list.num-events-10 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 15894px) { .pack-event-list.num-events-11 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 17334px) { .pack-event-list.num-events-12 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 18774px) { .pack-event-list.num-events-13 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 20214px) { .pack-event-list.num-events-14 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } @media(min-width: 21654px) { .pack-event-list.num-events-15 .pack-event-list__spacer:not(.pack-no-logo) { display:none } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0,0,0,0) } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track,.slick-slider .slick-list { transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:before,.slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide,.slick-track>* { float: left; height: 100%; min-height: 1px; display: none } [dir=rtl] .slick-slide,[dir=rtl] .slick-track>* { float: right } .slick-slide img,.slick-track>* img { display: block } .slick-slide.slick-loading img,.slick-track>.slick-loading img { display: none } .slick-slide.dragging img,.slick-track>.dragging img { pointer-events: none } .slick-initialized .slick-slide,.slick-initialized .slick-track>* { display: block } .slick-loading .slick-slide,.slick-loading .slick-track>* { visibility: hidden } .slick-vertical .slick-slide,.slick-vertical .slick-track>* { display: block; height: auto; border: 1px solid rgba(0,0,0,0) } .slick-arrow.slick-hidden { display: none } .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat } @font-face { font-family: "slick"; src: url("../fonts/slick/slick.eot"); src: url("../fonts/slick/slick.eot?#iefix") format("embedded-opentype"),url("../fonts/slick/slick.woff") format("woff"),url("../fonts/slick/slick.ttf") format("truetype"),url("../fonts/slick/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal } .slick-prev,.slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: rgba(0,0,0,0); color: rgba(0,0,0,0); top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none } .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { outline: none; background: rgba(0,0,0,0); color: rgba(0,0,0,0) } .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before { opacity: 1 } .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity: .25 } .slick-prev:before,.slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #fff; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px } [dir=rtl] .slick-prev { left: auto; right: -25px } .slick-prev:before { content: "←" } [dir=rtl] .slick-prev:before { content: "→" } .slick-next { right: -25px } [dir=rtl] .slick-next { left: -25px; right: auto } .slick-next:before { content: "→" } [dir=rtl] .slick-next:before { content: "←" } .slick-dotted.slick-slider { margin-bottom: 30px } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100% } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { border: 0; background: rgba(0,0,0,0); display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: rgba(0,0,0,0); padding: 5px; cursor: pointer } .slick-dots li button:hover,.slick-dots li button:focus { outline: none } .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1 } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { color: #000; opacity: .75 } .pack-info__tooltip-trigger { cursor: pointer; transition: transform .1s ease-in-out; color: #000 } @media(min-width: 600px) { .pack-info__tooltip-trigger:hover { transform:scale(1.1) } } @media(max-width: 599.8px) { div.pack-info__tooltip-trigger { display:flex; justify-content: center; transform: none; transition: none; margin-top: .5em } div.pack-info__tooltip-trigger span { font-style: italic; color: #171717 } } .pack-info-container { max-width: unset; width: 90vw; height: 90vh; max-width: 1440px } .pack-info-container .modal-content { overflow: unset } .pack-info-container .pack-tooltip__description-container { overflow: hidden; transition: height 200ms ease-in-out } .pack-info-container .pack-tooltip__chevron { cursor: pointer; transition: transform .1s ease-in-out; display: flex } .pack-info-container .pack-tooltip__show-time { margin: 0 1em } @media(max-width: 599.8px) { .pack-info-container .pack-tooltip__show-time { margin-left:0 } } .pack-info-container .pack-tooltip__event-time { display: flex; align-items: center; margin-bottom: 1em } @media(max-width: 599.8px) { .pack-info-container .pack-tooltip__event-time { margin-bottom:0 } } .pack-info-container .pack-tooltip__event { display: flex; align-items: center } .pack-info-container .pack-tooltip__event:not(:last-child) { margin-bottom: 1em } .pack-info-container .pack-tooltip__event .event-date { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2em; width: 5em } @media(max-width: 599.8px) { .pack-info-container .pack-tooltip__event .event-date { padding:1em 0em } } .pack-info-container .pack-tooltip__event-content { flex-grow: 1; padding: 1em } @media(max-width: 1023.8px) { .pack-info-container .pack-tooltip__event-content { padding:1em 0 0 1em } } @media(max-width: 599.8px) { .pack-info-container .pack-tooltip__event-content { padding:1em 1em 0 1em } } .pack-info-container .pack-tooltip__event .event-logo img { height: 70px; width: 70px } @media(max-width: 599.8px) { .pack-info-container .pack-tooltip__event .event-logo img { height:50px; width: 50px } } .pack-info-container .pack-tooltip__event-inner { display: flex; width: 100%; justify-content: space-between; flex-direction: column } @media(max-width: 599.8px) { #PACK_INFO_MODAL { padding:0 } #PACK_INFO_MODAL .modal-header { margin-bottom: 1em } #PACK_INFO_MODAL .modal-content__inner { padding: 1em } #PACK_INFO_MODAL .pack-tooltip__event-content { padding: 0 } #PACK_INFO_MODAL .pack-tooltip__event-content h4,#PACK_INFO_MODAL .pack-tooltip__event-content .h4 { font-size: 1.2em } #PACK_INFO_MODAL .pack-tooltip__description-container { margin: 0; transition: margin 200ms,height 200ms } #PACK_INFO_MODAL .pack-tooltip__description-container.open { margin-bottom: 1em } } #PACK_INFO_MODAL .pack-tooltip__event { align-items: unset } #PACK_INFO_MODAL .modal-content { height: 100% } #PACK_INFO_MODAL .modal-content__inner-container { height: 100%; overflow: hidden; padding: 0; margin: 1em } #PACK_INFO_MODAL .modal-content__inner { height: 100%; overflow: unset; display: flex; flex-direction: column } #PACK_INFO_MODAL .modal-body { height: 100%; overflow-y: auto; padding: 0 } #PACK_INFO_MODAL .event-logo { display: flex; align-items: center } @keyframes rotateFront { from { transform: rotateY(0deg) } to { transform: rotateY(180deg) } } @keyframes rotateBack { from { transform: rotateY(-180deg) } to { transform: rotateY(0deg) } } .flip-container { perspective: 1000px; transform-style: preserve-3d } .flip-container.flip .back { animation: rotateBack .5s linear .2s; animation-fill-mode: forwards } .flip-container.flip .front { animation: rotateFront .5s linear .2s; animation-fill-mode: forwards } .flipper { transform-style: preserve-3d; position: relative } .front,.back { backface-visibility: hidden; transform-style: preserve-3d } .front { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; z-index: 2 } .back { position: relative } .access-code__button-wrapper { text-align: center } .access-code__label--has-error { color: #a94442 } .itsyourturn { display: flex; flex-direction: column; gap: 1em; align-items: center } .itsyourturn__glyph { font-size: 60px; height: 75px; width: 75px; color: #000 } .itsyourturn__title { display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 0; font-size: 22px; font-weight: 700 } .itsyourturn__title h5,.itsyourturn__title .h5 { margin: 0 } @media(max-width: 1023.8px) { .itsyourturn__title { font-size:19px } } .itsyourturn__reservedrights { margin-top: 2em } .itsyourturn__policy { margin-bottom: 0 } .itsyourturn__outoftime { text-align: center } .itsyourturn__small-print { text-align: center; font-size: 10px } .itsyourturn__findtickets { width: 100%; display: flex; flex-direction: column; align-items: center } .itsyourturn__findtickets button { width: 100% } .module--message-center ul { list-style-type: none; padding: 0; margin: 10px } .module--message-center .message-center__item { margin: 0 20px; padding: 10px 0; color: #d3d3d3 } .module--message-center .message-center__item:not(:first-child) { border-top: 1px solid #d3d3d3 } .module--message-center .message-center__item:first-child { padding-top: 0; color: #000 } .module--message-center .message-center__item:first-child::before { display: inline-block; margin-left: -19px; margin-right: 10px; background-color: #59a800; width: 9px; height: 9px; border-radius: 50%; content: "" } .module--message-center .message-center__item:last-child { border-bottom: none } .module--message-center .message-center__item__title { font-weight: bold } .module--message-center .message-center__item__title::after { content: " " } .module--message-center .message-center__item__text { font-weight: 300 } .module--message-center .message-center__item>a { color: var(--bs-body-bg); text-decoration: underline } .module--message-center .module__container { position: relative } .module--message-center .message-center__container { position: relative; background-color: #000; margin: 10px 12px } .module--message-center .message-center__container--chat { background-color: #fff; margin: 10px 6px 6px } .module--message-center .message-center__container__overlay { opacity: .9; background-color: #fff; color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; text-align: center } .module--message-center .message-center__button { width: 100%; text-transform: uppercase; background-color: #2480c6; color: #fff; border-color: #1b6196 } .module--message-center .message-center__button:focus,.module--message-center .message-center__button:hover { background-color: #0073cc } .module--message-center .message-center__button__icon { width: 20px; margin-left: 4px; padding-top: 2px; padding-left: 1.5px; font-size: 14px; height: 20px; line-height: 14px } .module--message-center .message-center__loading__image { background-color: #fff } .module--message-center .message-center__loading__image img { height: 120px; width: auto } .module--message-center .message-center__loading__text { display: block; padding-top: 5px; padding-bottom: 5px; color: #000; font-size: 14pt } .module--message-center .message-center__loading__graphic>div { display: inline-block; padding-top: 10px } .module--message-center .message-center__title { font-size: 16px } .module--message-center .message-center__subtitle { margin: 8px 0 } .module--message-center .message-center__subtitle__timer { font-size: 1.15em; font-weight: 500; vertical-align: middle; margin-left: 7px } .module--message-center .message-center__subtitle__content { font-size: 12.8px; font-weight: 300; vertical-align: middle } .module--message-center .message-center__content { overflow-y: auto; max-height: 160px } @media screen and (min-width: 900px) { .module--message-center .message-center__content { height:160px } } .not-on-sale { padding-bottom: 2em; margin-bottom: 1em } .not-on-sale:after { content: ""; box-shadow: inset 0px 7px 12px 0px rgba(0,0,0,.35); position: absolute; width: 200%; height: 20px; left: -50% } .waitingroom-static__phase_a .row { margin: 0 } .phase-e-page { padding: 0 0 30px 0 } .module--pre-order-info .module__container { padding: 8px } .pre-order-info__search { width: 100% } .pre-order-info__search th { font-size: 15px; padding: 4px } .pre-order-info__search td { padding: 4px } .pre-order-info__separator { border-bottom: 1px solid #b6b6b6; height: 1px; width: 100%; margin-top: 20px } .pre-order-info__welcome { margin-top: 20px } .pre-order-info__welcome-message { margin: 0; font-size: 16px } .pre-order-info__welcome-name { margin: 5px 0; font-size: 18px; font-weight: 700 } .pre-order-info__welcome-email-value { color: #000; font-weight: 700 } .pre-order-info__payment-info { margin-top: 20px } .pre-order-info__payment-info p { margin-bottom: 0 } .pre-order-info__payment-info__separator { margin: 10px 0; height: 1px; display: block } .pre-order-info__payment-info__title { font-size: 15px; font-weight: 700 } .pre-order-info__payment-info__title a { cursor: pointer } .pre-order-info__payment-info__details { line-height: 1.8em } .pre-order-info__payment-info__details-value { font-weight: 700 } .pre-order-info__payment-info__creditcard { padding-bottom: 5px; display: block } .pre-order-info__payment-info__creditcard img { width: 40px } .promo-code { display: block; padding: 10px 0px 25px; text-align: center } .promo-code--phase-a { border-top: 1px solid var(--bs-border-color); padding: 50px 0px } @media(max-width: 1024px) { .promo-code--phase-a { padding:40px 0px } } .promo-code__header { font-size: 1.5rem; font-weight: bold; padding-bottom: 15px } .promo-code__header strong { vertical-align: middle } .promo-code__icon { font-size: 34px; color: #000; vertical-align: middle; padding-right: 8px } .promo-code__body { font-size: 16px } .promo-code__link { text-transform: uppercase; padding-left: 5px; color: #000 } .promo-code.is-compact { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); padding: 0; display: flex; flex-direction: column; align-items: center; font-size: 9px; font-weight: bold; color: #a2a2a2; transition: color .3s } .promo-code.is-compact svg { margin-bottom: 2px } .promo-code.is-compact:hover { color: #e9e9e9 } .purchase-flow { font-size: 80%; padding: 0em 0 1em 0 } .purchase-flow::after { display: block; clear: both; content: "" } .purchase-flow__element { color: #666; font-weight: 500; padding: .2em 0; position: relative; z-index: 1 } .purchase-flow__element:before { border-top: 1px solid #eee; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1 } .purchase-flow__element--blocked .purchase-flow__element-container { cursor: not-allowed } .purchase-flow__element--active .purchase-flow__page-number { background-color: #000; border-color: #000; color: #fff } .purchase-flow__element--active .purchase-flow__page-name { color: #000 } .purchase-flow__element-container { background-color: #fff; border-radius: 5px; cursor: pointer; padding: 0 .5em 0 0 } .purchase-flow__page-number { background-color: #fff; border: .15em solid rgba(0,0,0,0); border-radius: 3em; box-shadow: 0 1px 3px #bdc6cf; display: inline-block; height: 1.55em; line-height: 1.2em; margin: 0 .5em 0 0; text-align: center; width: 1.55em } .purchase-flow__element-2,.purchase-flow__element-3 { text-align: center } .purchase-flow__element-4 { text-align: right } .purchase-flow__element-4__element-container { padding: 0 } @media(max-width: 600px) { .purchase-flow__element:before { top:25% } .purchase-flow__element-container { background-color: rgba(0,0,0,0); text-align: center } .purchase-flow__page-number,.purchase-flow__page-name { display: block } .purchase-flow__page-number { font-size: 120%; margin: 0 auto } .purchase-flow__page-name { font-size: 90%; padding: .5em 0 0 0 } .purchase-flow__element-1:before { left: 50% } .purchase-flow__element-4 { text-align: center } .purchase-flow__element-4:before { left: -50%; width: 50% } } .waitingRoomSlideShow { background-color: #fff; position: fixed; top: 0; left: 0; opacity: .97; z-index: 51; width: 100%; height: 100% } .waitingRoomSlideShow__close { font-size: 200%; float: left; margin: 5px 0 0 5px; z-index: 501 } .waitingRoomSlideShow__close .path1:before { color: rgba(0,0,0,0) } .waitingRoomSlideShow__close .path2:before { color: #000 } .waitingRoomSlideShow__close:active,.waitingRoomSlideShow__close:focus,.waitingRoomSlideShow__close:hover,.waitingRoomSlideShow__close:link { text-decoration: none } .waitingRoomSlideShow__close:active .path1:before,.waitingRoomSlideShow__close:focus .path1:before,.waitingRoomSlideShow__close:hover .path1:before,.waitingRoomSlideShow__close:link .path1:before { color: rgba(0,0,0,0) } .waitingRoomSlideShow__close:active .path2:before,.waitingRoomSlideShow__close:focus .path2:before,.waitingRoomSlideShow__close:hover .path2:before,.waitingRoomSlideShow__close:link .path2:before { color: #000 } .waitingRoomSlideShow__topLogo { margin-top: 10px; color: #000; text-align: center; font-size: 2.5em } .waitingRoomSlideShow__topLogo img { max-width: 200px } .waitingRoomSlideShow__innerSlides { background-color: #000; color: #fff; height: 6.5em; font-size: 2.5em; line-height: 1em; text-align: center; top: 50%; transform: translateY(-50%); position: fixed; width: 100%; z-index: 51; overflow: visible } .waitingRoomSlideShow__innerSlides--borders { border-top: 3px solid #000; border-bottom: 2px solid #000; height: 7em; background-color: rgba(0,0,0,0) } .waitingRoomSlideShow__innerSlides .carousel-inner { height: inherit; overflow: visible } .waitingRoomSlideShow__innerSlides .carousel-inner--element { display: inline-block; position: relative; top: 50%; transform: translateY(-50%) } @media(min-width: 1024px) { .waitingRoomSlideShow__innerSlides .carousel-inner--robot { padding-right:600px !important } } @media(max-width: 1024px) { .waitingRoomSlideShow__innerSlides .carousel-inner--robot { padding-right:390px !important } } @media(max-width: 600px) { .waitingRoomSlideShow__innerSlides .carousel-inner--robot { padding-right:0 !important } } .waitingRoomSlideShow__innerSlides .item { height: inherit } .waitingRoomSlideShow__carousel-indicators { position: absolute; left: 50%; top: 50%; transform: translate(-50%); margin-top: 15em; width: 100%; padding-left: 0; list-style: none; text-align: center; white-space: nowrap } .waitingRoomSlideShow__carousel-indicators li { display: inline-block; width: 40px; height: 40px; margin: 0 1%; border: 5px solid #fff; border-radius: 50%; cursor: pointer; background-color: #fff } .waitingRoomSlideShow__carousel-indicators .activated { background-color: #000; border-color: #000 } .waitingRoomSlideShow__imgHandler { position: fixed } .waitingRoomSlideShow__imgHandler-lineup { top: 27%; left: 50%; transform: translate(-50%, -50%) } .waitingRoomSlideShow__imgHandler-tickets { position: fixed; left: 60%; top: -180px } .waitingRoomSlideShow__imgHandler-robot { height: 13.3em; transform: translateY(-50%); top: 50%; width: 100%; margin-left: 1em; margin-top: -3.4em; overflow: hidden; z-index: 52; font-size: 2.5em } @media(max-width: 600px) { .waitingRoomSlideShow__imgHandler { visibility:hidden } } .waitingRoomSlideShow__animation { position: relative; overflow: hidden; width: 100%; height: 100%; display: block } .waitingRoomSlideShow__animation--robot { left: 55%; z-index: 100; position: fixed; bottom: 0 } .waitingRoomSlideShow__animation--robot-enter { top: 200%; transition: top .6s; position: fixed } .waitingRoomSlideShow__animation--robot-enter-active { top: 7% } .waitingRoomSlideShow__animation--robot-leave { position: fixed; top: 7%; transition: top .7s } .waitingRoomSlideShow__animation--robot-leave-active { top: 300% } .module.module--welcome .module__container,.pack-list .module--welcome.pack .module__container { padding: 0 } .module__welcome__container { padding: 24px } .module__welcome__container--full { background-color: #f3f3f3 } .module__welcome__title { font-size: 22px; font-weight: normal } .module__welcome__subheader { font-size: 18px; font-weight: normal; margin: 0; padding: 0 } .module__welcome__subtitle { padding-top: 10px } .module__welcome__message-container { background-color: #f3f3f3; text-align: center; padding: 40px 0 40px 0; margin: 23px 0; margin-top: 5px } .module__welcome__cta-list { width: 100%; list-style: none; padding: 0 } .module__welcome__cta-list__item { border-bottom: 1px solid #cfcfcf; display: flex; flex-wrap: wrap; row-gap: 4px; justify-content: flex-start; align-items: center; padding: 10px 0 10px 5px } .module__welcome__cta-list__item:first-child { border-top: 1px solid #cfcfcf } .module__welcome__cta-list__item__text { text-transform: uppercase; text-weight: bold; flex-grow: 2 } .module__welcome__cta-list__item__number { display: inline-block; border: 1px solid #000; border-radius: 50%; height: 33px; width: 33px; min-width: 33px; line-height: 33px; margin-right: 15px; text-align: center; font-weight: bold; font-size: 1.1em } .module__welcome__cta-list__item__number--completed { border-color: #000; color: #000 } .module__welcome__cta-list__item__button { height: 33px; text-transform: uppercase; min-width: 100px } .module__welcome__welcome-row { margin: 10px 0 } .module__welcome__welcome-row__text-container { padding-top: 20px } .module__welcome__welcome-row__text-container__number { font-size: 37px } .module__welcome__welcome-row__img-container__img { border: 1px solid #cfcfcf; display: block; width: 100% } .module__welcome__welcome-row__img-container__img img { display: block; width: 100% } .waitingroom-static { display: inline-block; height: 100%; position: relative; width: 100% } .waitingroom-static__welcome { padding: 1em 0 0 0; display: flex } @media(max-width: 1024px) { .waitingroom-static__welcome { text-align:center; display: block; padding-left: 5px; padding-right: 5px } } .waitingroom-static__welcome-icon { padding: 4px 0 0 0; flex: 0 0 auto; font-size: 0px } @media(max-width: 1024px) { .waitingroom-static__welcome-icon { line-height:2; padding: 0 } } .waitingroom-static__welcome-icon .esicon-alert-o { font-size: 32px; padding-right: .25em } .waitingroom-static__welcome-icon .esicon-alert-o .path1:before { color: rgba(0,0,0,0) } .waitingroom-static__welcome-icon .esicon-alert-o .path2:before,.waitingroom-static__welcome-icon .esicon-alert-o .path3:before { color: #000 } .waitingroom-static__welcome-icon .esicon-alert-o .path4:before { color: #000 } @media(max-width: 1024px) { .waitingroom-static__welcome-icon .esicon-alert-o { font-size:50px } } .waitingroom-static__welcome-description { flex: 1 1 auto } .waitingroom-static__welcome-description-body { font-size: 16px; line-height: 2; width: 80%; padding-bottom: 26px } @media(max-width: 1024px) { .waitingroom-static__welcome-description-body { width:100% } } .waitingroom-static__welcome-title { font-size: 32px; font-weight: normal } @media(max-width: 1024px) { .waitingroom-static__welcome-title { margin:15px 0; font-size: 24px } } .waitingroom-static__welcome-title strong { font-weight: bold } .waitingroom-static__welcome .lead { font-size: 150%; padding: 50px 0 48px } @media(max-width: 1024px) { .waitingroom-static__welcome .lead { padding:25px 0 40px; border-bottom: 1px solid var(--bs-border-color) } } .waitingroom-static__welcome .soon { text-transform: uppercase } .waitingroom-static__about { text-align: left } @media(max-width: 1024px) { .waitingroom-static__about { text-align:center } } .waitingroom-static__about-title { font-weight: bold; font-size: 22px; padding: 0 0 40px 0; margin-bottom: 0 } @media(max-width: 1440px) { .waitingroom-static__about-title { font-size:17px } } @media(max-width: 1024px) { .waitingroom-static__about-title { font-size:20px } } .waitingroom-static__btn-play { font-size: 37px; padding-right: .125em; position: relative; top: .25em } .waitingroom-static__btn-play:active,.waitingroom-static__btn-play:hover,.waitingroom-static__btn-play:focus { text-decoration: none } .waitingroom-static__video-container { padding-bottom: 30px } @media(max-width: 1024px) { .waitingroom-static__video-container { padding-bottom:40px } } .waitingroom-static__video { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative } .waitingroom-static__video-player { border: 0; left: 0; height: 100%; position: absolute; top: 0; width: 100% } .waitingroom-static__video-close { float: right; right: 2em; top: -1.5em; z-index: 9 } .waitingroom-static__video-close--button { font-size: 250% } .waitingroom-static__video-close--button .path1:before { color: rgba(0,0,0,0) } .waitingroom-static__video-close--button .path2:before { color: #000 } .waitingroom-static__video-close--button,.waitingroom-static__video-close--button:active,.waitingroom-static__video-close--button:focus,.waitingroom-static__video-close--button:hover { text-decoration: none } .waitingroom-static-modal .waitingroom-static__video-close { position: relative; right: 1em; top: -1em } .your-current-seats__card .seat-map-trigger-button { position: absolute; border: none; background: rgba(0,0,0,0); color: #fff; z-index: 2; font-size: 24px; top: 8px; right: 8px; padding: 8px } .tk3d-virtual-preview__thumbnail__3d-view { position: absolute; top: 50%; bottom: auto; left: 50%; width: auto; transform: translate(-50%, -50%); margin: 0 auto } .your-current-seats__card .tk3d-virtual-preview__thumbnail__3d-view { position: absolute; top: 20px; right: 20px; left: auto; bottom: auto; width: auto; transform: none } .seat-picker__quantity-and-filter-pills,.seat-picker__pills-and-generic-message { pointer-events: none !important } .seat-picker__quantity-and-filter-pills>*,.seat-picker__pills-and-generic-message>* { pointer-events: auto } .flexed-modal__radio-container { padding: 5px 2rem } .flexed-modal__radio-container label { width: 100%; display: inline-block } .flexed-modal__radio-container__checkbox { width: 100% } .flexed-modal__radio-container__price-level-price { float: right; margin-left: 1em } .flexed-modal__radio-container__sold-out { text-decoration: line-through } .flexed-modal__radio-container__bright { color: var(--bs-emphasis-color) } .flexed-modal__radio-container__dark { color: #fff } #flexed-modal .btn-group { display: flex; flex-flow: column; width: 100%; text-align: left } #flexed-modal .form-group { margin-bottom: 0 } .pin-icon__ticket.flipped,.pin-icon__checkmark-group.flipped { transform: rotate(180deg); transform-box: fill-box; transform-origin: center } .pin-icon__checkmark-group.flipped { transform: rotate(180deg) translate(675px, -420px) } #PRICE_TYPE_MODAL { max-width: 750px; width: 100% } #PRICE_TYPE_MODAL .modal-body { padding: 0 } #PRICE_TYPE_MODAL .price-type-selector-modal__title { display: flex; align-items: center } #PRICE_TYPE_MODAL .price-type-selector-modal__title img { margin-right: .5em } #PRICE_TYPE_MODAL .price-type-selector-modal-content { display: flex; flex-flow: row nowrap; justify-content: stretch; align-items: stretch; gap: 15px } @media(max-width: 599.8px) { #PRICE_TYPE_MODAL .price-type-selector-modal-content { gap:2.5em } } #PRICE_TYPE_MODAL .price-type-selector-modal-content__seat-details { display: flex; flex-flow: column nowrap; align-items: stretch; gap: 10px; width: 300px } #PRICE_TYPE_MODAL .price-type-selector-modal-content .price-type-selector-modal-viewbox { flex-grow: 1 } #PRICE_TYPE_MODAL .price-type-selector-modal-content .price-type-selector-modal-viewbox .price-type-selector-list { max-height: 300px; align-self: stretch } #PRICE_TYPE_MODAL .price-type-selector-modal-content__3d-view { aspect-ratio: 1.5 } #PRICE_TYPE_MODAL .price-type-selector-modal-content__3d-view:has(.tk3d-virtual-preview--hidden) { aspect-ratio: unset } @media(max-width: 599.8px) { #PRICE_TYPE_MODAL .price-type-selector-modal-content { flex-flow:column nowrap } #PRICE_TYPE_MODAL .price-type-selector-modal-content__seat-details { align-self: center; width: 100% } #PRICE_TYPE_MODAL .price-type-selector-modal-content .price-type-selector-modal { align-items: stretch } #PRICE_TYPE_MODAL .price-type-selector-modal-content .price-type-selector-list { max-height: unset } } .price-type-long-description__popover { padding: .5rem 1rem } .price-type-selector-modal__title .price-level-purchase-limit-message { justify-content: center; font-size: 1em; font-style: normal; color: #000 } .price-type-selector-popover-viewbox { padding: 8px 12px 8px 12px } .price-type-selector-popover-viewbox .price-type-selector-container:first-child .price-type-selector { padding-top: 0 } .price-type-selector-popover-viewbox .price-type-selector__labels__price-type { text-align: left } .price-type-selector-popover-viewbox .price-type-selector-modal__title+.price-type-selector { padding-top: 16px } .price-type-selector-popover-viewbox .number-selector-fancy { flex-basis: 142px; justify-content: flex-end } .price-type-selector-modal { background-color: #fff; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; flex-wrap: nowrap; gap: 1em } .price-type-selector-modal .btn-default { margin: 15px auto } .price-type-selector-modal__error { text-align: center; color: #a94442; max-width: 280px; font-size: .95em } .price-type-selector-container { padding: 1em 0 } @media(min-width: 600px) { .price-type-selector-container { padding:1em 1em 1em 0 } } .price-type-selector-container:first-child { padding-top: 0 } .price-type-selector-container:not(:last-child) { border-bottom: 1px #cfcfcf solid } .price-type-selector-list { flex-shrink: 1; width: 100%; overflow-y: auto; overscroll-behavior-y: contain; transition: max-height .3s } .price-type-selector-list__is-scrollable { -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 50px), transparent 100%); mask-image: linear-gradient(to bottom, black calc(100% - 50px), transparent 100%) } .select-grouped-seats-price-type-selector { height: 100% } .select-grouped-seats-price-type-selector--mobile .price-type-selector-container:last-child { border: 0 } .select-grouped-seats-price-type-selector--mobile .price-type-selector-container:last-child .price-type-selector { padding-bottom: 0 } .select-grouped-seats-price-type-selector--mobile .price-type-selector__action-button { width: 100% } .select-grouped-seats-price-type-selector .number-selector-fancy { justify-content: right } .select-grouped-seats-price-type-selector .price-type-selector__button-container .price-type-selector__action-button,.select-grouped-seats-price-type-selector .price-type-selector__button-container .price-type-selector__back-button { min-width: 48%; flex-grow: 1 } .select-grouped-seats-price-type-selector .price-type-selector-modal-viewbox { padding: 0; height: 100% } .select-grouped-seats-price-type-selector--desktop--add-to-cart-button-alone .price-type-selector__button-container .price-type-selector__action-button { min-width: 70%; flex-grow: unset } .select-grouped-seats-price-type-selector--desktop--next-button-alone .price-type-selector__button-container .price-type-selector__action-button { flex-grow: unset } .select-grouped-seats-price-type-selector .price-type-selector__button-container { width: 100%; display: flex; justify-content: space-between; gap: .7em; flex-wrap: wrap; flex-direction: row-reverse } @media(min-width: 600px)and (max-width: 750px) { .select-grouped-seats-price-type-selector .price-type-selector__button-container { justify-content:center } } .price-type-selector { display: flex; flex-direction: row; justify-content: stretch; align-items: center; align-content: center; flex-wrap: nowrap } .price-type-selector__labels { flex-grow: 1; font-size: 1.2em; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: flex-start; flex-wrap: nowrap } .price-type-selector__labels__price-type { font-weight: bold } .price-type-selector__labels__price { display: block; opacity: .8; font-size: 1.2rem } .price-type-selector__labels__price .price-pill__container { font-weight: normal } .price-type-selector__labels .price-type-purchase-limit-message { font-size: .8em } .price-type-selector__action-button { flex-shrink: 0 } .module--review-order .price-type-selector:last-of-type { margin-bottom: 0 } .seat-cursor__body { pointer-events: none; position: absolute } .seat-cursor__text { position: absolute; top: 50%; left: 50%; color: #fff } .seat-map__infos { padding: 10px } .seat-map__seats--selected { fill: #0d0; fill-opacity: .8; stroke-width: 0pt } .seat-map__seats--hovered { fill: #f35680; fill-opacity: .8; stroke-width: 0pt } .seat-map__rectangle--selected { fill: #0d0; stroke: blue; fill-opacity: .4; stroke-width: 2px; stroke-opacity: .6 } .seat-map__rectangle--hovered { fill: #f35680; stroke: blue; fill-opacity: .4; stroke-width: 2px; stroke-opacity: .6 } .seat-map__rectangle-number { fill: #f35680; fill-opacity: 1; stroke-width: 0px } .seat-map__rectangle-number--selected { fill: #0d0; fill-opacity: 1; stroke-width: 0px } .seat-map__rectangle-text { fill: blue; font-size: 13px; pointer-events: none; text-align: center } .seat-picker-container { position: relative; width: 100% } .pick-seat-tab-bar__navigation:not(.find-best) { height: 0; align-items: flex-end; padding: 0; transform: translateY(-1.25rem) } .seat-picker__no-seats-available-message-container { position: absolute; width: 100%; overflow: hidden; height: 200px; pointer-events: none } .seat-picker__no-seats-available-message { position: absolute; left: 50%; top: -100%; transform: translateX(-50%); z-index: 1; padding: 1em; background-color: #fff; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)); border-radius: 20px; animation-fill-mode: forwards; pointer-events: auto } @media(max-width: 600px) { .seat-picker__no-seats-available-message { width:calc(100% - 2em) } } .seat-picker__no-seats-available-message.slide-in { animation: slide-in .3s ease-in-out forwards } @media(max-width: 1024px) { .seat-picker__no-seats-available-message.slide-in { animation:slide-in-mobile .3s ease-in-out forwards } } .seat-picker__no-seats-available-message.slide-out { animation: slide-out .3s ease-in-out forwards } @media(max-width: 1024px) { .seat-picker__no-seats-available-message.slide-out { animation:slide-out-mobile .3s ease-in-out forwards } } .seat-picker__no-seats-available-message .link-button { color: #000 } @keyframes slide-in { 0% { top: -100% } 100% { top: 1em } } @keyframes slide-out { 0% { top: 1em } 100% { top: -100% } } @keyframes slide-in-mobile { 0% { top: -100% } 100% { top: 5em } } @keyframes slide-out-mobile { 0% { top: 5em } 100% { top: -100% } } .module--number-of-tickets { margin: 0 } .module--number-of-tickets .module__container { width: 100% } .module--number-of-tickets .number-of-tickets__message { width: 100%; text-align: center; white-space: pre; opacity: .6; font-size: 16px; text-wrap: wrap } .find-best-offer__list { width: 100%; display: flex; flex-direction: column; list-style-type: none; padding-inline-start:0} .find-best-offer-wrapper:not(:last-child) .find-best-offer__details-wrapper { border-bottom: 1px solid #d3d3d3 } @media(max-width: 599.8px) { .find-best-offer-wrapper { margin-bottom:15px } } .find-best-offer-wrapper--hidden { margin: 0 } .find-best-offer__preview__container { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center } .find-best-offer__details-wrapper { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; overflow: auto; gap: 20px; margin: auto; padding: 20px 10px } .find-best-offer__details-wrapper__seat-info { display: flex; align-items: center; gap: 10px; flex-grow: 1 } @media(max-width: 599.8px) { .find-best-offer__details-wrapper__seat-info { align-items:flex-start } } @media(max-width: 1023.8px) { .find-best-offer__details-wrapper { flex-direction:column } .find-best-offer__details-wrapper .find-best-offer__details { display: flex; justify-content: space-evenly; align-items: stretch; gap: 10px } } @media(max-width: 1023.8px)and (max-width: 599.8px) { .find-best-offer__details-wrapper .find-best-offer__details { justify-content:flex-start; gap: 15px } } @media(max-width: 1023.8px) { .find-best-offer__details-wrapper .find-best-offer__details-wrapper__seat-info { width:100% } .find-best-offer__details-wrapper .find-best-offer__details-and-messages { flex-grow: 1 } .find-best-offer__details-wrapper .find-best-offer__action { width: 100% } .find-best-offer__details-wrapper .find-best-offer__action * { width: 100% } .find-best-offer__details-wrapper .find-best-offer__action .find-best-offer__action__btn { padding: 5px; font-size: 1.3em } } .find-best-offer__preview__container { min-width: 100px; flex-shrink: 0 } .find-best-offer__preview { position: relative; flex-shrink: 0; flex-grow: 0; flex-basis: 50%; display: flex } .find-best-offer__preview img { display: block; margin: auto; max-width: 100%; height: auto; animation: fadeIn 400ms ease } .find-best-offer .find-best-offer__preview { max-width: 178px; background: rgba(0,0,0,0); align-self: center } .find-best-offer .find-best-offer__preview img { height: auto; min-height: 1px } .find-best-offer__preview__indicator { position: absolute; transform: translate(-50%, -50%); margin-top: -30px; width: 50px; height: 60px; filter: drop-shadow(0px 2px 0px rgba(255, 255, 255, 0.5)) } .find-best-offer__preview__indicator .map-marker-icon { width: 50px; height: 60px } .find-best-offer__preview__indicator .map-marker-icon svg { width: 100%; height: 100%; display: block } .find-best-offer__preview .find-best-offer__preview__indicator { width: 25px; height: 30px; margin-top: -15px } .find-best-offer__preview .find-best-offer__preview__indicator .map-marker-icon { width: 25px; height: 30px } .find-best-offer__preview .find-best-offer__preview__indicator .map-marker-icon svg { width: 100%; height: 100%; display: block } .find-best-offer__details { position: relative; flex-grow: 1; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; -moz-column-gap: 30px; column-gap: 30px; row-gap: 10px } .find-best-offer__details .ga-label { text-transform: none; font-size: 14px; font-weight: 300 } .find-best-offer__details .price-pill__container { font-size: 1.2em; font-weight: bold } .find-best-offer__details-and-messages { display: flex; flex-flow: column nowrap; gap: 10px } .find-best-offer__messages { display: flex; flex-flow: column nowrap; align-items: flex-start; align-self: flex-start; gap: 5px; text-align: start } .find-best-offer__messages__seatMessages { font-size: 11px } .find-best-offer .scarcity-indicator { font-size: .8rem; font-weight: 400; text-align: center } .find-best-offer .scarcity-indicator:empty { border-style: none } .find-best-offer .scarcity-indicator__icon { display: none } .find-best-offer__action { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; gap: 5px; margin: auto } .find-best-offer__action .btn-action { height: auto; padding: 5px 30px; min-width: -moz-max-content; min-width: max-content } .find-best-restriction-group-info { display: flex; align-items: center; gap: .5em; color: #000; font-weight: 500 } .find-best-restriction-group-info__icon { width: 18px; height: 18px } .find-best-restriction-group-info__link { text-decoration: underline; font-size: 11px !important; letter-spacing: 1px; font-weight: 300; color: #000 } .find-best-price-level-info { display: flex; align-items: center; gap: .5em; color: #000; font-weight: 500 } .find-best-price-level-info__link { text-decoration: underline; font-size: 11px !important; letter-spacing: 1px; font-weight: 300; color: #000 } .find-best-offer-map-preview { padding: .5em; border: 1px solid #e9e9e9; border-radius: 10px; transition: border .1s ease-in-out } .find-best-offer-map-preview.has-view-from-seat { cursor: pointer } .find-best-offer-map-preview.has-view-from-seat:hover { border: 1px solid #666 } .find-best-offer-map-preview.has-view-from-seat:hover .find-best-offer-map-preview__view-from-seat { opacity: 1 } .find-best-offer-map-preview__map { position: relative; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content } .find-best-offer-map-preview__view-from-seat { margin-top: .2em; opacity: .5; cursor: pointer; width: 100%; display: flex; justify-content: space-evenly; align-items: center; gap: 5px } .find-best-offer-map-preview__view-from-seat-title { font-size: .8em; text-align: center } .find-best-offer-map-preview .find-best-offer-map-preview__map-wrapper { max-width: 435px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center } .find-best-offer-map-preview .find-best-offer-map-preview__map-wrapper img { max-width: 100%; height: unset; width: initial } #find-best-offer-map-preview-modal.modal-dialog,#view-from-seat-map-preview-modal.modal-dialog { padding: 40px 16px } @media(max-width: 600px) { #find-best-offer-map-preview-modal.modal-dialog,#view-from-seat-map-preview-modal.modal-dialog { padding:32px 0 } } #find-best-offer-map-preview-modal .modal-body,#view-from-seat-map-preview-modal .modal-body { padding: 32px } #find-best-offer-map-preview-modal .find-best-offer-map-preview,#view-from-seat-map-preview-modal .find-best-offer-map-preview { margin-top: 30px } @media(max-width: 600px) { #find-best-offer-map-preview-modal .find-best-offer__preview__indicator,#view-from-seat-map-preview-modal .find-best-offer__preview__indicator { width:30px; height: 40px; margin-top: -20px } #find-best-offer-map-preview-modal .find-best-offer__preview__indicator .map-marker-icon,#view-from-seat-map-preview-modal .find-best-offer__preview__indicator .map-marker-icon { width: 30px; height: 40px } #find-best-offer-map-preview-modal .find-best-offer__preview__indicator .map-marker-icon svg,#view-from-seat-map-preview-modal .find-best-offer__preview__indicator .map-marker-icon svg { width: 100%; height: 100%; display: block } } #view-from-seat-map-preview-modal .map-preview__legend__icon--offer-seat svg .marker-shape { fill: #6c757d !important } #find-best-offer-map-preview-modal .find-best-offer__preview__indicator:not(.find-best-offer__preview__indicator--previous-seats):not(.find-best-offer__preview__indicator--overridden-color).find-best-offer__preview__indicator--current-seats .map-marker-icon svg .marker-shape { fill: #01607f } .find-best-module__loading { width: 100%; display: flex; justify-content: center } .find-best-module { margin: 0; border-style: none; max-width: 1024px } .find-best-module--seat-upgrade { overflow: initial } .find-best-module .module--number-of-tickets { padding: 1em } .find-best-module .module__container { padding: 0 } .find-best-module .animated-slide-view { padding: 8px 0 } .find-best-module .animated-slide-view .module,.find-best-module .animated-slide-view .pack-list .pack,.pack-list .find-best-module .animated-slide-view .pack { padding: 0 0 20px 0; margin: 0 } .find-best-module .animated-slide-view .module--number-of-tickets { display: flex; justify-content: center } .find-best-module .animated-slide-view .module--number-of-tickets>.module__container { display: flex; flex-direction: column; align-items: center } .find-best-module .find-best-offer-button-container:last-child { margin-bottom: 0 } .find-best-module .find-best-offer-button-container button { flex: 1 } .find-best-module__fullscreen-title { text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 300; margin-top: 16px; margin-bottom: 16px } @media(max-width: 599.8px) { .find-best-module__fullscreen-title { font-size:14px; margin-bottom: 11px } } .find-best-module__fullscreen-title img { width: 24px; height: 24px; margin-right: 10px } @media(max-width: 599.8px) { .find-best-module__fullscreen-title img { width:18px; heigth: 18px } } .find-best-offer-button-container { width: 100%; display: flex; justify-content: center; margin: 10px 0 } .map-preview__legend { background: #e9ecef; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; max-width: 380px; margin: 12px auto 0 auto } .map-preview__legend__block { padding: 6px; display: flex; align-items: center } .map-preview__legend__icon { display: inline-block; text-align: center; font-size: 22px; line-height: 22px; margin-right: 6px; flex-shrink: 0 } .map-preview__legend__icon:not(.map-preview__legend__icon--overridden-color) svg .marker-shape { fill: #6c757d !important } .map-preview__legend__icon--upgraded-seat:not(.map-preview__legend__icon--overridden-color) svg .marker-shape,.map-preview__legend__icon--offer-seat:not(.map-preview__legend__icon--overridden-color) svg .marker-shape { fill: #01607f !important } .map-preview__legend__description { font-size: 12px } @media(min-width: 600px) { .map-preview__legend__description { font-size:14px } } .featured-indicator { background: #01607f; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: .34em; padding: 8px; text-align: center } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .find-best-offer__list__message-block { border-radius: 0px; box-shadow: none; padding: 4rem 1rem; border-color: #cfcfcf; background-color: rgba(0,0,0,0) } .find-best-offer__list__message-block .find-best-offer__list__message-block__heading { font-weight: bold; font-size: 16px } .find-best-offer__list__message-block .reset-filter-button { margin-top: 2rem } .search-error-modal__pick-seat-message { margin-top: 1rem } .find-best-offer-wrapper--split-seats .find-best-offer__details:not(:last-child)::after { content: ""; height: 1px; width: 100%; background-color: #d3d3d3; display: block } .find-best-offer-wrapper--split-seats .find-best-offer__details__split-seats-list { display: flex; flex-flow: column nowrap; gap: 10px } .find-best-offer-wrapper--split-seats .find-best-offer__details__split-seats-list__header { padding: 10px 0; text-align: center } @media(min-width: 600px) { .find-best-offer-wrapper--split-seats .find-best-offer__details__split-seats-list__header { padding:0 20px 20px 20px } } .accept-splits-checkbox { position: relative; padding-left: 30px } .accept-splits-checkbox input[type=checkbox] { position: absolute !important; top: 0; left: 0 } .module--number-of-tickets-to-exchange .number-of-tickets-to-exchange { font-size: 46px; font-weight: 300; text-align: center } .seat-picker-legend-reset__container { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-inline:10px} @media(min-width: 599.8px) { .seat-picker-legend-reset__container { margin-top:1em } } .seat-picker-legend-reset__button { text-decoration: underline; color: #000; font-weight: bold } .search-filters-modal .seat-picker-legend-reset__container { justify-content: center; min-height: 40px } .module--seat-picker-legend { display: flex; align-items: center } @supports(-ms-accelerator: true) { .module--seat-picker-legend { display: block; width: 100% } } .filter-container { position: relative; flex: 1 1 auto; display: flex; flex-direction: column; gap: 1em } .filter-container--selected-options { display: grid; grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)); gap: 1em; margin-top: 1em } .filter-container--selected-options:empty { display: none } .filter-container--selected-options:not(:empty) { margin-bottom: 1em } .filter-container--selected-options .seat-picker-legend__item { border-radius: 20px } .filter-container--selected-options li { overflow: hidden } .filter-container--pill ul>.seat-picker-legend__item { filter: drop-shadow(0px 3px 2px #bebebe); border-radius: 20px; padding: 0 } .filter-container--pill>h5,.filter-container--pill>.h5 { padding: 24px 0 8px 0 } .seat-picker-legend-summary { -webkit-user-select: none; -moz-user-select: none; user-select: none; flex: 1 1 auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; background-color: #fff; border: 1px solid #cfcfcf; padding: 5px 11px; cursor: pointer; border-radius: 20px } .seat-picker-legend-summary__caret { margin-top: -1px; display: flex } .seat-picker-legend-summary__price-range { margin-right: 7px } .seat-picker-legend-summary--dropdown--opened { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .seat-picker-legend { position: relative; margin: 1px 1px 2px; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0; margin: 0; list-style: none } @media(min-width: 600px) { .seat-picker-legend { font-size:1em } } .seat-picker-legend-tooltip { transform: translate(2px, 0) } .seat-picker-legend-tooltip div:nth-of-type(1) { text-align: left; margin: 5px } .seat-picker-legend--dropdown { justify-content: flex-start; display: none; padding: 0; margin: 0; position: absolute; z-index: 50; width: 100%; border-radius: 0; visibility: hidden; opacity: 0; filter: alpha(opacity=0); transition: 200ms ease } .seat-picker-legend--dropdown--is-opened { display: block; visibility: visible; max-height: 500px; overflow-y: auto; opacity: 1; filter: alpha(opacity=100) } .seat-picker-legend--dropdown .seat-picker-legend__item { width: auto; max-width: none !important; padding: 0 } .seat-picker-legend--dropdown .seat-picker-legend__item:last-child { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden } .seat-picker-legend__title { font-weight: bold; text-transform: uppercase; display: none } .seat-picker-legend__item-and-info { display: flex; align-items: center } .seat-picker-legend__item { position: relative; display: flex; flex-direction: column; justify-content: center; cursor: pointer; background-color: #fff; font-weight: normal; line-height: 1; font-weight: 400; transition: transform .05s; font-size: 12px } .seat-picker-legend__item__close-button { width: 10px; content: url("../img/x-symbol-14px.svg") } .seat-picker-legend__item__price { display: flex; flex-direction: column; margin: auto } .seat-picker-legend__item__price__starting-at { color: #000; opacity: .5; font-size: 8px; font-weight: 500; text-wrap: nowrap; margin-bottom: 2px; -webkit-font-smoothing: antialiased } .seat-picker-legend__item__price__starting-at::first-letter { text-transform: uppercase } .seat-picker-legend__item__price__starting-at.after-price { margin-bottom: 0; margin-top: 2px } .seat-picker-legend__item:focus { outline-offset: -4px; z-index: 1; outline: none } .seat-picker-legend__item .seat-picker-legend__item__soldout--top { display: none; text-align: center; padding-bottom: 6px } .seat-picker-legend__item__container { display: flex; align-items: center; justify-content: flex-start; padding: 4px 11px 4px 9px; overflow: hidden; position: relative; min-height: 32px; width: 100% } .seat-picker-legend__item__container::before { width: 18px; height: 18px; flex-shrink: 0; background-color: currentColor; margin-right: .5em; border-radius: 50% } .seat-picker-legend__item__container>* { color: #000 } .seat-picker-legend__item--selected { border-color: currentColor; background-color: color-mix(in srgb, currentColor 20%, white) } .seat-picker-legend__item--selected:not(.seat-picker-legend__item--selected--has-checkbox):not(.seat-picker-legend__item--is-dropdown-selection) .seat-picker-legend__item--selected__container>div:not(.seat-picker-legend__item__info) { color: #000 } .seat-picker-legend__item--selected:not(.seat-picker-legend__item--selected--has-checkbox):not(.seat-picker-legend__item--is-dropdown-selection) .seat-picker-legend__item--selected__container .seat-picker-legend__item__price__starting-at { opacity: 1 } .seat-picker-legend__item--disabled .seat-picker-legend__item__container { border-color: #cfcfcf !important } .seat-picker-legend__item--has-color .seat-picker-legend__item__container::before { content: "" } .seat-picker-legend__item--has-checkbox .seat-picker-legend__item__container { border-style: none; padding: 0 !important } .seat-picker-legend__item--has-label,.seat-picker-legend__item--has-modal { grid-column: span 2 } .seat-picker-legend__item--has-label.seat-picker-legend__item--has-modal { grid-column: span 4 } .seat-picker-legend__item--disabled .seat-picker-legend__item__container { opacity: .5 } .seat-picker-legend__item--disabled .seat-picker-legend__item__container::before { opacity: .5 } .seat-picker-legend__item--disabled .seat-picker-legend__item__checkbox { pointer-events: none } .seat-picker-legend__item__checkbox { order: 0; margin-right: 1px } .seat-picker-legend__item__checkbox input { position: static !important; margin-bottom: -2px; cursor: pointer } .seat-picker-legend__item__icon { margin-right: 10px; display: none } .seat-picker-legend__item__label:not(:empty) { flex: 1 1 auto; text-align: left; min-width: 5px; font-weight: normal } .seat-picker-legend__item__soldout { margin-bottom: .5em } .seat-picker-legend__item__soldout--top { margin-left: 0 } .seat-picker-legend__item__separator::before { content: ""; margin-left: 5px; margin-right: 5px } .seat-picker-legend__item--dropdown { margin: 0; text-align: left } .seat-picker-legend__item--dropdown:hover { color: #000 } .seat-picker-legend__item--selected { color: #000 } .seat-picker-legend__item--selected .seat-picker-legend__item__price { font-weight: bold } .seat-picker-legend__item--disabled { cursor: not-allowed } .seat-picker-legend__item--disabled .seat-picker-legend__item__info { cursor: not-allowed; pointer-events: none } .seat-picker-legend__item__color { border-radius: 100%; width: .9em; height: .9em; margin-right: 5px } .seat-picker-legend__item__avails { float: right; display: block; font-weight: normal; font-size: .75em; margin-top: 4px } .seat-picker-legend__item__long-description { top: 3px; color: #000; padding-left: 3px } @media(min-width: 1024px) { .seat-picker-legend__item__long-description { padding-left:5px } } .seat-picker-legend__item .scarcity-indicator { display: flex; min-height: 27px; align-items: flex-end; justify-content: center; padding-bottom: 6px } .seat-picker-legend__item .scarcity-indicator__icon { width: 14px; margin-right: 4px; display: none } .seat-picker-legend__item .scarcity-indicator span { font-size: 10px; font-weight: 400; color: #a94442; text-align: center; display: inline-block; max-width: 90px; padding: 0 5px } @media(max-width: 599.8px),(min-width: 1024px)and (max-width: 1440px) { .seat-picker-legend__item--long-label .scarcity-indicator,.seat-picker-legend__item--long-label .seat-picker-legend__item__soldout { display:none } } .seat-picker-legend__item--restrictionFilter .seat-picker-legend__item__container,.seat-picker-legend__item--primaryMarketFilter .seat-picker-legend__item__container,.seat-picker-legend__item--secondaryMarketFilter .seat-picker-legend__item__container,.seat-picker-legend__item--regularSeatsFilter .seat-picker-legend__item__container { border-left-width: 1px } .seat-picker-legend__item--restrictionFilter .seat-picker-legend__item__container .seat-picker-legend__item__label,.seat-picker-legend__item--primaryMarketFilter .seat-picker-legend__item__container .seat-picker-legend__item__label,.seat-picker-legend__item--secondaryMarketFilter .seat-picker-legend__item__container .seat-picker-legend__item__label,.seat-picker-legend__item--regularSeatsFilter .seat-picker-legend__item__container .seat-picker-legend__item__label { font-size: 13px } .seat-picker-legend__item--restrictionFilter .seat-picker-legend__item__icon,.seat-picker-legend__item--primaryMarketFilter .seat-picker-legend__item__icon,.seat-picker-legend__item--secondaryMarketFilter .seat-picker-legend__item__icon,.seat-picker-legend__item--regularSeatsFilter .seat-picker-legend__item__icon { display: block } .seat-picker-legend__item--restrictionFilter .seat-picker-legend__item__icon svg,.seat-picker-legend__item--primaryMarketFilter .seat-picker-legend__item__icon svg,.seat-picker-legend__item--secondaryMarketFilter .seat-picker-legend__item__icon svg,.seat-picker-legend__item--regularSeatsFilter .seat-picker-legend__item__icon svg { width: 18px; height: 18px } .seat-picker-legend__item--restrictionFilter .seat-picker-legend__item__label { margin-left: 0 } .seat-picker-legend__item__info { display: flex; align-self: center } .seat-picker-legend__item__info:not(:last-child) { margin-right: 1em } .seat-picker-legend__item__info .icon-wrapper { pointer-events: none; cursor: pointer; margin: 0; padding: 0 } .seat-picker-legend__item__info .icon-wrapper svg { width: 12px; height: 12px } .seat-picker-legend__item__info--icon-hover.es-app-icon { display: none } .seat-picker-legend__item__info:hover .seat-picker-legend__item__info--icon.es-app-icon { display: none } .seat-picker-legend__item__info:hover .seat-picker-legend__item__info--icon-hover.es-app-icon { display: inline-block } .seat-picker-legend .form-group { margin-bottom: 0 } .search-filters__toolbar { flex-direction: column } .restriction-label { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; flex-wrap: nowrap } .restriction-label__label { display: block } .list-menu-item__overlay { z-index: 1151 } .seat-picker-legend__item__soldout { background-color: #fff; padding: .5em 1em; border-radius: 20px; filter: drop-shadow(0px 3px 2px #bebebe) } .seat-picker-legend--dropdown~.seat-picker-legend--dropdown { margin-top: 1em } .seat-picker-price-type-selector-modal { width: 100%; max-height: 95%; padding: 1em } .seat-picker-price-type-selector-modal .modal-content { padding: 0; overflow: unset } .seat-picker-price-type-selector-modal .modal-content__inner { padding: 0; overflow: hidden } .seat-picker-price-type-selector-modal .modal-content__inner-container { padding: 0 } .seat-picker-price-type-selector-modal .modal-content .modal-body { padding-bottom: 0 } .seat-picker-price-type-selector-modal .seat-info__item__value { font-size: 1.5em } .seat-picker-price-type-selector-modal .price-type-selector__labels__price-type { font-size: 1.2em } .pick-seat-number-of-tickets-modal-container .module--number-of-tickets .module__container { display: flex; flex-direction: column; align-items: center } .pick-seat-number-of-tickets-modal-container .number-selector-fancy { display: flex; gap: 1em; margin-bottom: 16px; justify-content: space-between } @media(max-width: 599.8px) { .pick-seat-number-of-tickets-modal-container .number-selector-fancy { margin:16px 0 } } .pick-seat-number-of-tickets-modal-container .modal-footer { display: flex; flex-direction: column; gap: .6em } .pick-seat-number-of-tickets-modal-container .modal-footer button { width: 100% } .number-of-tickets-module__modal-title { display: flex; align-items: center } .number-of-tickets-module__modal-title img { margin-right: .5em } .pick-seat-nb-of-tickets__link--individually { color: #000; font-size: 14px; text-decoration: underline; font-weight: 700 } .pick-seat-nb-of-tickets__link--individually:hover { font-weight: 800 } .seat-picker-popover { border-radius: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: stretch; position: absolute; text-align: center; background-color: #fff; box-shadow: 5px 5px 10px 0 rgba(108,117,125,.6); width: clamp(350px,95vw,450px); padding: 1.5em; z-index: 1149 } .seat-picker-popover--grouped-seats-desktop { width: -moz-fit-content; width: fit-content } @media(min-width: 600px)and (max-width: 750px) { .seat-picker-popover--grouped-seats-desktop { justify-content:space-between } } .seat-picker-popover--preview { width: unset } .seat-picker-popover.arrow-below:after { top: 99.6%; left: 50%; border: solid rgba(0,0,0,0); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #fff; border-top-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-width: 6px; margin-left: -6px; transform-origin: 0 0; transform: rotate(-45deg) skew(-10deg, -10deg); box-shadow: -4px 4px 4px 0px rgba(147,155,162,.6) } .seat-picker-popover.arrow-above:after { bottom: 100%; left: 50%; border: solid rgba(0,0,0,0); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #fff; border-bottom-color: rgba(0,0,0,0); border-left-color: rgba(0,0,0,0); border-width: 6px; margin-left: -6px; box-shadow: 1px -1px 4px 0px rgba(147,155,162,.6); transform: translate(0, 50%) rotate(-45deg) skew(-10deg, -10deg) } .seat-picker-popover__long-description-link--container { padding-top: 1em; margin: 0 .5em } .seat-picker-popover__long-description-link a { font-size: 12px; color: #6c757d; letter-spacing: 1.5px } .seat-picker-popover__seat-messages { font-size: 1.25em; font-weight: bold; padding-top: 5px } .seat-picker-popover__main { display: flex; flex-flow: column nowrap; flex-shrink: 1; min-height: 0 } @media(max-width: 599.8px) { .seat-picker-popover__main { padding:1em 0 } } .seat-picker-popover__main__buttons .spp-button--price-type { margin: unset } .seat-picker-popover__main__buttons .spp-button--price-type:not(:last-child) { margin-bottom: 1em } .seat-picker-popover__main .select-grouped-seats-button { margin-top: 12px; width: 100%; font-size: 1.3em } .seat-picker-popover__main .tk3d-virtual-preview-container { flex-shrink: 999 } .seat-picker-popover__main .tk3d-virtual-preview-container .tk3d-virtual-preview__thumbnail { height: 180px } .seat-picker-popover__content { margin-top: 11px; overflow: auto } .seat-picker-popover__content .price-type-button { width: 100% } .seat-picker-popover__content .price-type-button__content-container { width: 100%; display: flex; flex-direction: row } .seat-picker-popover__content .price-type-button__label { width: -moz-fit-content; width: fit-content; max-width: 100%; display: flex; justify-content: center; white-space: normal; flex-wrap: wrap; flex-grow: 1; font-weight: bold; font-size: 1.2em } .seat-picker-popover__content .price-type-button__bin-icon { display: flex; justify-content: center; align-items: center; font-size: 1.1em } .seat-picker-popover__content .ticket-price { font-size: 1.35em; font-weight: bold; margin-left: -3px } .seat-picker-popover__content .ticket-price.ticket-price--range { font-size: 1em } .seat-picker-popover__header { flex-shrink: 0 } @media(min-width: 480px) { .seat-picker-popover__header { min-height:30px } } .seat-picker-popover__header__title-container { display: flex; align-items: center; justify-content: space-between; width: 100% } @media(min-width: 480px) { .seat-picker-popover__header__title-container { padding-bottom:.7em } } .seat-picker-popover__header__title { display: flex; align-items: center } .seat-picker-popover__header__title h4,.seat-picker-popover__header__title .h4 { margin-bottom: 0 } .seat-picker-popover__header__title svg { height: 2em; width: 3em } @media(max-width: 599.8px) { .seat-picker-popover__header__title svg { width:1em; height: 1em; margin-right: .5em } } .seat-picker-popover__header__title svg path { fill: #000 } .seat-picker-popover__header .spp-close-button { background: url("../img/x-symbol.svg") center no-repeat } .seat-picker-popover--general-admission .number-selector-fancy { font-size: 20px } .seat-picker-popover--general-admission .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 35px } .seat-picker-popover--general-admission .number-selector-fancy .number-selector-fancy__input,.seat-picker-popover--general-admission .number-selector-fancy .number-selector-fancy__odometer,.seat-picker-popover--general-admission .number-selector-fancy .number-selector-fancy__odometer-values>div { height: 35px } .seat-picker-popover--general-admission .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 35px; height: 35px } .seat-picker-popover--general-admission .ticket-price { font-size: 1.2em } .seat-picker-popover--general-admission .light { font-weight: bold } .seat-picker-popover--general-admission .spp-seat-info { padding: .5em 0 1em 0; text-align: center } .seat-picker-popover--general-admission .spp-seat-info .seat-info__item { margin: 0 } .seat-picker-popover--general-admission .spp-seat-info .seat-info__item-container { justify-content: center } .seat-picker-popover--general-admission .spp-button { height: 40px; flex: 100% } .seat-picker-popover--general-admission .seat-picker-popover__main { max-height: 400px; overflow-y: auto } .seat-picker-popover--general-admission .seat-picker-popover__header__title-container { padding: 0 } .seat-picker-popover--general-admission .seat-picker-popover__content { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-evenly; align-items: center; gap: .7em; overflow: hidden; padding: 0 } .seat-picker-popover--general-admission .seat-picker-popover__message { flex: 100% } .seat-picker-popover .seat-picker-popover__content--resale { padding: 8px 16px 0 16px } .seat-picker-popover .seat-picker-popover__content--resale .number-selector-fancy { font-size: 40px } .seat-picker-popover .seat-picker-popover__content--resale .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 40px } .seat-picker-popover .seat-picker-popover__content--resale .number-selector-fancy .number-selector-fancy__input,.seat-picker-popover .seat-picker-popover__content--resale .number-selector-fancy .number-selector-fancy__odometer,.seat-picker-popover .seat-picker-popover__content--resale .number-selector-fancy .number-selector-fancy__odometer-values>div { height: 40px } .seat-picker-popover .seat-picker-popover__content--resale .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 40px; height: 40px } .seat-picker-popover .seat-picker-popover__content--resale .popover-body__block { padding: 8px 0 } .seat-picker-popover--section-hovered { pointer-events: none } .spp-seat-info { padding: 0; display: flex; justify-content: center; align-content: center; text-align: left; padding-top: 1em } .spp-seat-info.no-view-from-seat { padding-bottom: 1em } .multiple-section-seats-infos .spp-seat-info:not(:first-child) { padding-top: 0 } .multiple-section-seats-infos .spp-seat-info:not(:first-child) .seat-info__item { padding-top: .5em } .spp-price-detail { padding: 12px 20px 5px; border-bottom: 1px solid #cfcfcf; font-size: .8em } .spp-price-detail__item { display: flex; flex-wrap: wrap; padding-bottom: 3px } .spp-price-detail__item__label { text-align: left; max-width: 80%; flex-grow: 1 } .spp-price-detail__item__value { text-align: right; flex-grow: 1 } .spp-price-detail__description { padding-top: 3px; font-style: italic; text-align: left } .spp-total { padding: 10px 20px 0px; display: flex; justify-content: center; align-content: center; align-items: center; font-weight: bold } .spp-total__label { text-align: left; flex-grow: 2 } .spp-total__price { text-align: right } .spp-button { margin: 9px 0 } .spp-button__cart-button { white-space: nowrap } .spp-button__error { margin-top: 2px; font-size: 12px; font-style: italic; margin-right: 5%; margin-left: 5% } .spp-close-button { pointer-events: auto; display: block; font-size: 21px; color: #000; cursor: pointer; z-index: 45; background-color: #fff; border-radius: 50%; height: .95em; width: .95em; transform: scale(1.5) translateY(-5px) } .ticket-total { display: flex; line-height: 1; justify-content: center; align-content: center; align-items: center; padding-top: 2.5px; padding-bottom: 2.5px } .ticket-total__price { font-size: 1.5em; flex-grow: 1; text-align: left } .ticket-total__info { font-size: 1.35em; text-align: right; margin-left: 10px; vertical-align: middle; color: #000; cursor: pointer } .spp-price-level-indicator-container { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; font-size: 12px; line-height: 20px } .spp-price-level-indicator { min-width: 30px; min-height: 30px; border-radius: 50% } .spp-price-level-indicator-level-name { display: flex; align-items: center; justify-content: center } .spp-price-level-indicator-color { border-radius: 50%; width: 15px; height: 15px; margin-right: 5px } .spp-grouped-body { gap: 2em; display: flex; flex-direction: column } .spp-grouped-body--desktop { flex-direction: row; max-height: 350px; max-width: 650px } @media(min-width: 600px)and (max-width: 750px) { .spp-grouped-body--desktop { flex-direction:column; max-height: unset } } .spp-grouped-body__first-pane { display: flex; flex-flow: column nowrap; min-height: 0 } @media(min-width: 600px)and (max-width: 750px) { .spp-grouped-body__first-pane { min-height:unset } } .spp-grouped-body__first-pane--desktop { flex-grow: 0 } .spp-grouped-body__first-pane .spp-seat-info:only-child { padding-top: unset } .spp-grouped-body__second-pane--desktop { flex: 1; min-width: 350px } @media(min-width: 600px)and (max-width: 750px) { .spp-grouped-body__second-pane--desktop { overflow:auto } } .spp-price-info { font-size: 1.25em; color: #6c757d } .spp-restrictions { max-width: 25em; text-wrap: balance; font-style: italic; color: #5900e7; margin: 0 auto } .seat-picker-popover-footer { text-align: center } .page-content.findBest .pick-seat-tab-bar__navigation.find-best { background: linear-gradient(0deg, white 0%, white 30%, transparent 100%) } .pick-seat-tab-bar__navigation { pointer-events: none; display: flex; width: 100%; justify-content: center; align-items: center; position: sticky; z-index: 10; padding-bottom: 2em; bottom: 0; padding-top: 1em } @media(min-width: 600px) { .pick-seat-tab-bar__navigation.find-best { bottom:0; padding: 2em } } .pick-seat-tab-bar__navigation.sticky { transition: bottom 200ms } .pick-seat-tab-bar__navigation.sticky.has-tickets { bottom: 5em } .pick-seat-tab-bar__navigation-button-container { cursor: pointer; pointer-events: auto; position: relative; display: flex; justify-content: center; align-items: center; border-radius: 50px; background-color: #e9e9e9; filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25)) } .pick-seat-tab-bar__selection-overlay { position: absolute; top: 0; left: 0; transition: transform .3s ease-in-out,margin .3s ease-in-out; transform: translateX(0); border: 1px solid gray; height: calc(100% + 2px); width: 50%; margin-top: -1px; margin-left: -1px; margin-right: 0px; border-radius: 50px; background-color: #fff; z-index: 1 } .pick-seat-tab-bar__selection-overlay.second-tab-active { transform: translateX(calc(100% + 1px)); margin-left: 0px; margin-right: -1px } .pick-seat-tab-bar__tab { z-index: 2; display: flex; justify-content: center; align-items: center; white-space: nowrap } .pick-seat-tab-bar__button-content { width: -moz-max-content; width: max-content; padding: .5em 2em } .pick-seat-tab-bar__button-content .tab__inner { display: flex; justify-content: center; align-items: center; font-weight: bold } .pick-seat-tab-bar__button-content .tab__inner svg { font-size: 20px; margin-right: .3em } .pick-seat-tab-bar__findBest .pick-seat-tab-bar__button-content { padding-left: 1.5em } .module.module--seat-picker,.pack-list .module--seat-picker.pack { width: 100%; margin: 0 } .module.module--seat-picker .module__container,.pack-list .module--seat-picker.pack .module__container { margin: 0; padding: 0; position: relative; overflow: hidden } .module.module--seat-picker .with-pan-zoom,.pack-list .module--seat-picker.pack .with-pan-zoom { cursor: move } .seat-picker-controls { -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; top: 1em; right: 2em; bottom: inherit; left: inherit; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; flex-wrap: nowrap; gap: 6px } .seat-picker-controls button { filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25)) } @media(max-width: 599.8px) { .seat-picker-controls { visibility:hidden } } .seat-picker-controls__zoom { cursor: pointer; background-color: #fff; border-color: #cfcfcf; border: 1px solid #000; margin: 0 } .seat-picker-controls__zoom .glyphicon,.seat-picker-controls__zoom .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .seat-picker-controls__zoom button.number-selector-fancy__button { width: 30%; height: 30%; font-size: 21px; line-height: 21px; filter: brightness(0.2); margin-top: -1px; margin-left: 1px } .seat-picker-controls__zoom .glyphicon::before,.seat-picker-controls__zoom .number-selector-fancy button.number-selector-fancy__button::before,.number-selector-fancy .seat-picker-controls__zoom button.number-selector-fancy__button::before { display: none } .seat-picker-controls__zoom .glyphicon-zoom-in { background: url(../img/skins/obt_v2/plus.svg) no-repeat center } .seat-picker-controls__zoom .glyphicon-zoom-out { background: url(../img/skins/obt_v2/minus.svg) no-repeat center } .seat-picker-controls__zoom .icon-zoom-reset { color: inherit; width: 100%; height: 100%; background: url("../img/zoom-reset.svg") no-repeat center } .seat-picker-spinner { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%) } .seat-picker-spinner__progress { margin: 0 auto; box-shadow: unset !important; border-radius: 0; background-color: unset; background: url("../img/skins/pgaetad/loading.png") no-repeat; background-size: contain; background-position: center center; width: min(50%,297px); height: 92px } .seat-picker__pills-and-generic-message { position: absolute; top: 1em; margin: 0em 1em; display: flex; flex-direction: row; flex-wrap: wrap-reverse; gap: .5em } @media(max-width: 599.8px) { .seat-picker__pills-and-generic-message { width:calc(100vw - 2em); justify-content: space-between } } .seat-picker__quantity-and-filter-pills { display: flex; flex-flow: row wrap; gap: .5em } .seat-picker__quantity-and-filter-pills button { font-size: 14px; padding-inline:20px} @media(max-width: 599.8px) { .seat-picker__quantity-and-filter-pills--no-generic-message { width:calc(100vw - 2em); justify-content: space-between } .seat-picker__quantity-and-filter-pills--no-generic-message:not(:has(.seat-quantity-toaster-trigger-button)) { justify-content: flex-end } } .ticketing3d-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ticketing3d-overlay__button { position: absolute; top: 15px; left: 15px; opacity: .8; z-index: 101; width: 30px; height: 30px; cursor: pointer } .full-button-tk3d,.gyroscope-icon-tk3d,.vr-icon-tk3d { cursor: pointer; width: 42px !important; height: 42px !important; background-position: 50% 50% } .seat-picker-mini-map { border-color: #000; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; border: 1px solid #cfcfcf; background-color: #fff; cursor: move; opacity: 0; visibility: hidden; transition: all .25s ease-in-out; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; flex-wrap: nowrap } @media(min-width: 600px) { .seat-picker-mini-map { top:1em; right: 6em } } @media(max-width: 599.8px) { .seat-picker-mini-map { bottom:0; left: 0 } } @supports(-ms-accelerator: true) { .seat-picker-mini-map { display: inline-block } } .seat-picker-mini-map__world { position: relative } .seat-picker-mini-map__world img { -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0,0,0,0); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .seat-picker-mini-map__world__square { border: 2px solid #556bef; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; position: absolute; background-color: #d9ddfd; opacity: .5; width: 100%; height: 100%; top: 0; left: 0; box-sizing: content-box } @supports(-ms-accelerator: true) { .seat-picker-mini-map__world__square { left: -3px !important; top: -3px !important } } .price-type-button { width: 90%; margin: 0 auto } .price-type-button .button-animation-mask { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; flex-wrap: nowrap } .price-type-button__label { flex-grow: 1; text-align: center } .price-type-button__price { margin-left: 2px; text-align: right } .price-type-button__separator { padding: 0px 6px } .long-description { font-size: .9em } .long-description__image { width: 100%; -o-object-fit: cover; object-fit: cover; background-size: cover; background-position: 50% 50%; margin-bottom: .5em } .long-description__description br { content: ""; margin: .33333333em; display: block } .long-description-title svg { width: 23px; height: 23px; vertical-align: sub } .user-onboarding-modal { color: #fff; border: none; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center } .user-onboarding-modal__item { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; margin: 20px; font-size: 1.2em; font-weight: bold; text-align: center } .user-onboarding-modal__item img { border: none; width: 75px; margin-bottom: 15px } .user-onboarding-modal.desktop { flex-direction: column } .user-onboarding-modal.desktop .user-onboarding-modal__item { margin: 60px } .user-onboarding-modal.desktop .user-onboarding-modal__item img { width: 150px; margin-bottom: 20px } svg.seat-picker__svg { pointer-events: none; cursor: default } svg.seat-picker__svg g.labels { font-family: Arial,Helvetica,sans-serif; pointer-events: none } @supports(-ms-accelerator: true) { svg.seat-picker__svg g.pin-icon { display: none !important } } svg.seat-picker__svg>* { pointer-events: auto } .seat-picker__svg__polygon { cursor: pointer } .seat-picker__svg__polygon--no-seat { pointer-events: none; cursor: default } .seat-picker__svg__polygon--no-user-interaction { cursor: default; pointer-events: none } .seat-picker__legend-slider-combo { display: flex; flex: 1 1 auto; align-items: center } .seat-picker__legend-slider-combo>.module--seat-picker-legend { flex: 1 1 auto; margin: 0 20px } .rc-trigger-popup .seat-picker-legend { flex-direction: column } .polygon-labels { pointer-events: none } .spinner-cube-grid { width: 40px; height: 40px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: opacity 1s ease; opacity: 1; pointer-events: none } .spinner-cube-grid--fade { opacity: 0 } .spinner-cube-grid .spinner-cube { width: 33%; height: 33%; background-color: rgba(255,255,255,.6); float: left; animation: spinner-cubeGridScaleDelay 1.3s infinite ease-in-out } .spinner-cube-grid .spinner-cube1 { animation-delay: .2s } .spinner-cube-grid .spinner-cube2 { animation-delay: .3s } .spinner-cube-grid .spinner-cube3 { animation-delay: .4s } .spinner-cube-grid .spinner-cube4 { animation-delay: .1s } .spinner-cube-grid .spinner-cube5 { animation-delay: .2s } .spinner-cube-grid .spinner-cube6 { animation-delay: .3s } .spinner-cube-grid .spinner-cube7 { animation-delay: 0s } .spinner-cube-grid .spinner-cube8 { animation-delay: .1s } .spinner-cube-grid .spinner-cube9 { animation-delay: .2s } @keyframes spinner-cubeGridScaleDelay { 0%,70%,100% { transform: scale3D(1, 1, 1) } 35% { transform: scale3D(0, 0, 1) } } .tk3d-virtual-preview-container { display: flex; align-items: center; width: 100%; min-height: 60px; max-height: 100%; overflow: hidden } .tk3d-virtual-preview-container--grouped-seats-desktop { display: none } .tk3d-virtual-preview { position: relative; overflow: hidden; width: 100%; max-height: 100%; min-height: 56.61px; height: 100% } .tk3d-virtual-preview--hidden { display: none } .tk3d-virtual-preview__thumbnail { width: 100%; cursor: pointer; height: 100%; background-size: cover; background-position: center; min-height: 56.61px } .tk3d-virtual-preview__thumbnail img { width: 100% } .tk3d-virtual-preview__thumbnail__3d-view button { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: #fff } .tk3d-virtual-preview__thumbnail__3d-view button:focus { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: #fff } .tk3d-virtual-preview__thumbnail__3d-view button:hover,.tk3d-virtual-preview__thumbnail__3d-view button:active,.tk3d-virtual-preview__thumbnail__3d-view button:hover:active,.tk3d-virtual-preview__thumbnail__3d-view button:focus:active,.tk3d-virtual-preview__thumbnail__3d-view button:not(:disabled):not(.disabled):active { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: #fff } .tk3d-virtual-preview__thumbnail__3d-view button[disabled] { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: #fff } .tk3d-virtual-preview__thumbnail__3d-view button[disabled]:focus,.tk3d-virtual-preview__thumbnail__3d-view button[disabled]:hover,.tk3d-virtual-preview__thumbnail__3d-view button[disabled]:active { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: #fff } .tk3d-virtual-preview__hand-tap-icon { width: 50px; height: 50px; transform: rotate(-40deg); color: #fff } .view-from-seat .blur { animation: blur 5s } .view-from-seat .spp-close-button { background: #000 url("../img/x-symbol-white.svg") center no-repeat; border-radius: 50%; padding: 15px } .view-from-seat .spp-close-button::before { content: normal } @keyframes blur { 0% { filter: blur(5px) } 100% { filter: blur(0px) } } .view-from-seat .spp-close-button { position: absolute; top: 15px; right: 15px; z-index: 2; font-size: 28px; transform: none } .view-from-seat .device-orientation-controls { pointer-events: auto; display: block; position: absolute; top: 14px; left: 13px; font-size: 18px; font-weight: bold; text-align: center; background-color: #fac50e; color: #fff; cursor: pointer; z-index: 45; border-radius: 50%; height: 29px; width: 29px; line-height: 29px } .view-from-seat .price-type-button-wrapper { position: absolute; bottom: 15px; right: 15px; min-width: 225px; z-index: 2 } @media(max-width: 599.8px) { .view-from-seat .price-type-button-wrapper { left:50%; right: unset; transform: translate(-50%, 0) } } .view-from-seat .price-type-button-wrapper .price-type-button { width: 100% } .view-from-seat .price-type-button-wrapper .spp-button .btn { font-size: .8em; width: 100% } .view-from-seat__footer { position: fixed; bottom: 0; left: 0; right: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; background: #fff; z-index: 2; gap: 1em } .view-from-seat .find-best-offer__details { flex-direction: column; justify-content: center } .your-current-seats { padding: 0 !important; display: block } .your-current-seats__card { position: relative; display: flex; background: #fff; justify-content: flex-start; align-items: center; margin: auto; padding: 20px 10px } .your-current-seats__card .your-current-seats__map_preview { display: flex; align-items: center; gap: 10px } .your-current-seats__card .your-current-seats__details { display: flex; flex-flow: row nowrap; gap: 1em } .your-current-seats__card .find-best-offer-map-preview { max-width: 300px } .your-current-seats__card .find-best-offer-map-preview .find-best-offer__preview__indicator { margin-top: -20px; width: 30px; height: 40px } .your-current-seats__card .find-best-offer-map-preview .find-best-offer__preview__indicator .map-marker-icon { width: 30px; height: 40px } .your-current-seats__card .find-best-offer-map-preview .find-best-offer__preview__indicator .map-marker-icon svg .marker-shape { fill: #6c757d !important } .your-current-seats__card .map-preview__legend { position: relative; top: 15px; margin-bottom: 10px; justify-content: center } .your-current-seats__card .tk3d-virtual-preview__thumbnail__3d-view button img,.your-current-seats__card .tk3d-virtual-preview__thumbnail__3d-view button svg { color: #000 } .delivery-method .form-group { margin: 0 } .delivery-method .form-control { margin: .25em 0; height: 2.75em } .delivery-method__item { padding: 5px 0 } .delivery-method__item::after { display: block; clear: both; content: "" } .delivery-method__radios { display: flex; flex-flow: row wrap; gap: 15px; padding-block:.6em} .delivery-method__radio { display: flex; align-items: flex-start; gap: 10px } .delivery-method__radio-label { font-size: 13px; margin-bottom: .5em } .delivery-method__radio-label:last-of-type { margin-inline-end:5px} .delivery-method .delivery-method__info { text-align: end } .delivery-method .delivery-method__info--text { margin-top: 10px; width: 100% } .delivery-method__description { text-transform: lowercase } .delivery-method__description:first-letter { text-transform: uppercase } @media(max-width: 1023.8px) { .delivery-method__description { padding-right:0 } } .module--order-summary .module--delivery-method { border-style: none } .module--order-summary .module--delivery-method>.module__title { display: none } .module--order-summary .module--delivery-method>.module__container { padding: 0 } .module--order-summary .module--delivery-method .delivery-method__dropdown { flex: inherit; width: auto } .module--order-summary .module--delivery-method .delivery-method__description::after { content: "" } .module--order-summary .module--delivery-method .delivery-method__info:empty { display: none } .delivery-method__long-description__container { width: 100%; border-top: 1px solid #cfcfcf; padding: 9px 18px; margin-top: 8px; font-size: 12px } .delivery-method__long-description__container .delivery-method__long-description__item { width: 100%; display: flex; flex-wrap: nowrap } .delivery-method__long-description__container .delivery-method__long-description__item__icon { display: flex; align-items: center } .delivery-method__long-description__container .delivery-method__long-description__item__icon svg { width: 18px; height: 18px } .delivery-method__long-description__container .delivery-method__long-description__item__description { width: 100%; padding-left: 19px } .delivery-method__long-description__container .delivery-method__long-description__item__description--no-icon { padding-left: 0px } .exchanged-seat-tooltip { color: #000; cursor: pointer; font-size: 18px; height: 1em; z-index: 1 } .exchanged-seat-tooltip__popover { border-radius: 0px } .exchanged-seat-tooltip__popover-title { font-size: 18px; font-weight: 700 } .exchanged-seat-tooltip__popover .seat-info__info-label { text-transform: uppercase } .exchanged-seat-tooltip__popover .seat-info__price-level { display: flex } .exchanged-seat-tooltip__popover .seat-info__price-level .price-level-indicator-container { display: flex; align-items: center; justify-content: center; margin-left: 5px } .exchanged-seat-tooltip__popover .seat-info__price-level .price-level-indicator-container .price-level-indicator-color { border-radius: 50%; width: 15px; height: 15px; margin-right: 5px } .offmodal--right:has(.seat-picker-order-summary) { width: 475px } .offmodal:has(.seat-picker-order-summary) .page-action-buttons { padding: 1em 0 0 0 } .order-summary__giftcards .order-summary__row-label-suffix { display: inherit } .order-summary__customer-credit td { padding: 0 } .order-summary__collapsible__header { display: flex; justify-content: space-between; align-items: center; background-color: #fff; border-radius: 16px; flex-direction: column } .order-summary__collapsible__header h3,.order-summary__collapsible__header .h3,.order-summary__collapsible__header h5,.order-summary__collapsible__header .h5 { margin: 0 } .order-summary__collapsible__header .module--order-summary { border: none; margin-bottom: 0 } .order-summary__collapsible__header .module__container { padding: 0 } .order-summary__collapsible__header .expandable-component { transition: margin 200ms; margin-top: 0 } .order-summary__collapsible__header.is-expanded .order-summary__collapsible__totals { opacity: 0 } .order-summary__collapsible__title-container { display: flex; width: 100%; justify-content: space-between; align-items: center } .order-summary__collapsible__title { display: flex; align-items: center; position: relative; margin-right: 1em } .order-summary__collapsible__title h5,.order-summary__collapsible__title .h5 { font-size: 1.2em } .order-summary__collapsible__title .glyphicon,.order-summary__collapsible__title .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .order-summary__collapsible__title button.number-selector-fancy__button { margin-left: .5em } .order-summary__collapsible__totals { font-size: 1.2em; transition: opacity 200ms; opacity: 1 } .module--order-summary,.seat-picker-order-summary { margin-bottom: 0; margin-top: .5em } .module--order-summary .module__container,.seat-picker-order-summary .module__container { padding-inline:0} .module--order-summary .module__title,.seat-picker-order-summary .module__title { font-size: 1.4em; padding-inline:0;margin-bottom: 0; border-bottom-style: none } @media(max-width: 1023.8px) { .module--order-summary .module__title,.seat-picker-order-summary .module__title { padding-top:10px; padding-bottom: 25px } } .module--order-summary .order-summary__grouped-summary-header,.seat-picker-order-summary .order-summary__grouped-summary-header { font-weight: bold } .module--order-summary .order-summary__table-container,.seat-picker-order-summary .order-summary__table-container { margin-bottom: 1em; overflow-x: auto } .module--order-summary .order-summary__table,.seat-picker-order-summary .order-summary__table { width: 100% } .module--order-summary .order-summary__table .price-type,.seat-picker-order-summary .order-summary__table .price-type { width: 100% } .module--order-summary .order-summary__table .price-type,.module--order-summary .order-summary__table .fee-name,.seat-picker-order-summary .order-summary__table .price-type,.seat-picker-order-summary .order-summary__table .fee-name { font-weight: 500 } .module--order-summary .order-summary__table tr td.order-summary__title,.seat-picker-order-summary .order-summary__table tr td.order-summary__title { padding-bottom: 0px } .module--order-summary .order-summary__table td.order-summary__subtitle-cell,.seat-picker-order-summary .order-summary__table td.order-summary__subtitle-cell { padding: 6px 0 } .module--order-summary .order-summary__table td.order-summary__subtitle-cell .blank-button,.seat-picker-order-summary .order-summary__table td.order-summary__subtitle-cell .blank-button { vertical-align: middle } .module--order-summary .order-summary__table td,.module--order-summary .order-summary__table th,.seat-picker-order-summary .order-summary__table td,.seat-picker-order-summary .order-summary__table th { padding: 4px 0; vertical-align: middle } @media(min-width: 600px) { .module--order-summary .order-summary__table td,.module--order-summary .order-summary__table th,.seat-picker-order-summary .order-summary__table td,.seat-picker-order-summary .order-summary__table th { padding:6px 0 } } .module--order-summary .order-summary__table tr.indented td:first-child,.seat-picker-order-summary .order-summary__table tr.indented td:first-child { padding-left: 16px } .module--order-summary .order-summary__table tr.order-summary__total td,.seat-picker-order-summary .order-summary__table tr.order-summary__total td { padding-top: 8px; padding-left: 0; padding-bottom: 0 } .module--order-summary .order-summary__table .sec,.module--order-summary .order-summary__table .seat_row,.module--order-summary .order-summary__table .seat,.module--order-summary .order-summary__table .quantity,.seat-picker-order-summary .order-summary__table .sec,.seat-picker-order-summary .order-summary__table .seat_row,.seat-picker-order-summary .order-summary__table .seat,.seat-picker-order-summary .order-summary__table .quantity { text-align: left } .module--order-summary .order-summary__table .price,.seat-picker-order-summary .order-summary__table .price { text-align: right; white-space: wrap } @media(min-width: 360px) { .module--order-summary .order-summary__table .price,.seat-picker-order-summary .order-summary__table .price { white-space:nowrap } } .module--order-summary .order-summary__table .order-summary__description-column,.seat-picker-order-summary .order-summary__table .order-summary__description-column { text-align: left; height: auto } .module--order-summary .order-summary__table .ticket-type-label-text,.seat-picker-order-summary .order-summary__table .ticket-type-label-text { display: table-row; font-weight: 400; margin-top: 2px; font-size: 10px } .module--order-summary .order-summary__empty,.seat-picker-order-summary .order-summary__empty { font-size: 1.4em; text-align: center; margin-top: 32px; margin-bottom: 60px; opacity: .5 } .module--order-summary .order-summary__seat-group,.seat-picker-order-summary .order-summary__seat-group { border-bottom: 1px solid #cfcfcf } .module--order-summary .order-summary__seat-group--all-single-seats,.seat-picker-order-summary .order-summary__seat-group--all-single-seats { border-bottom: none } .module--order-summary .order-summary__seat,.seat-picker-order-summary .order-summary__seat { background: none; border: none } .module--order-summary .order-summary__seat-first-row .order-summary__seat-first-row-info,.seat-picker-order-summary .order-summary__seat-first-row .order-summary__seat-first-row-info { display: flex; align-items: center } .module--order-summary .order-summary__seat-first-row>td,.module--order-summary .order-summary__seat-first-row>td>span,.seat-picker-order-summary .order-summary__seat-first-row>td,.seat-picker-order-summary .order-summary__seat-first-row>td>span { padding-bottom: 0; vertical-align: middle } .module--order-summary .order-summary__seat-first-row:first-child>td,.seat-picker-order-summary .order-summary__seat-first-row:first-child>td { padding-top: 1rem } .module--order-summary .order-summary__seat-second-row,.seat-picker-order-summary .order-summary__seat-second-row { font-size: .9rem; color: #666 } .module--order-summary .order-summary__seat-second-row span:not(:last-child),.seat-picker-order-summary .order-summary__seat-second-row span:not(:last-child) { margin-inline-end:.5rem} .module--order-summary .order-summary__seat-second-row>td,.module--order-summary .order-summary__seat-second-row>td>span,.seat-picker-order-summary .order-summary__seat-second-row>td,.seat-picker-order-summary .order-summary__seat-second-row>td>span { padding-top: 0; padding-bottom: .5rem; vertical-align: middle } .module--order-summary .order-summary__price-level-pill,.seat-picker-order-summary .order-summary__price-level-pill { display: inline-block; vertical-align: middle; min-width: 1rem; height: 1rem; border-radius: 9999px; background-size: contain } .module--order-summary .order-summary__price-type,.module--order-summary .order-summary__fee-name,.seat-picker-order-summary .order-summary__price-type,.seat-picker-order-summary .order-summary__fee-name { display: inline-block; vertical-align: middle; color: #000 } .module--order-summary .order-summary__price-type.col,.module--order-summary .order-summary__fee-name.col,.seat-picker-order-summary .order-summary__price-type.col,.seat-picker-order-summary .order-summary__fee-name.col { padding: 0 } .module--order-summary .order-summary__price-type .seat-location,.module--order-summary .order-summary__fee-name .seat-location,.seat-picker-order-summary .order-summary__price-type .seat-location,.seat-picker-order-summary .order-summary__fee-name .seat-location { gap: .5rem } .module--order-summary .order-summary__fee-name,.seat-picker-order-summary .order-summary__fee-name { padding-left: 1rem } .module--order-summary .order-summary__seat-price,.module--order-summary .order-summary__total-price-column,.seat-picker-order-summary .order-summary__seat-price,.seat-picker-order-summary .order-summary__total-price-column { text-align: right; white-space: wrap; color: #000 } @media(min-width: 360px) { .module--order-summary .order-summary__seat-price,.module--order-summary .order-summary__total-price-column,.seat-picker-order-summary .order-summary__seat-price,.seat-picker-order-summary .order-summary__total-price-column { white-space:nowrap } } .module--order-summary .order-summary__unit-price-column,.seat-picker-order-summary .order-summary__unit-price-column { white-space: nowrap; text-align: right } .module--order-summary .order-summary__edit-seat,.seat-picker-order-summary .order-summary__edit-seat { display: inline; color: #666 } .module--order-summary .order-summary__edit-seat:active,.module--order-summary .order-summary__edit-seat:hover,.seat-picker-order-summary .order-summary__edit-seat:active,.seat-picker-order-summary .order-summary__edit-seat:hover { background: #e9e9e9 !important; color: #666 !important } .module--order-summary .order-summary__remove-seat,.seat-picker-order-summary .order-summary__remove-seat { text-align: right; width: 1.5rem; color: #666 } .module--order-summary .order-summary__remove-seat>button,.seat-picker-order-summary .order-summary__remove-seat>button { display: flex } .module--order-summary .order-summary__remove-seat>button:active,.seat-picker-order-summary .order-summary__remove-seat>button:active { background: #e9e9e9 !important; color: #666 !important } .module--order-summary .order-summary__remove-group,.seat-picker-order-summary .order-summary__remove-group { font-weight: normal; font-size: .9rem; color: #000; text-align: right; cursor: pointer; margin-bottom: .5rem } .module--order-summary .order-summary__remove-group:hover,.seat-picker-order-summary .order-summary__remove-group:hover { color: #000; background: none } .module--order-summary .order-summary__remove-group>span,.seat-picker-order-summary .order-summary__remove-group>span { vertical-align: middle } .module--order-summary .order-summary__insurance-info th,.seat-picker-order-summary .order-summary__insurance-info th { padding: 0; padding-top: 1em } .module--order-summary .order-summary__insurance-info .order-summary__insurance-covered-amount,.seat-picker-order-summary .order-summary__insurance-info .order-summary__insurance-covered-amount { font-style: italic } .module--order-summary .order-summary__total .order-summary__label-value,.seat-picker-order-summary .order-summary__total .order-summary__label-value { font-weight: bold } .module--order-summary .order-summary__label-column,.seat-picker-order-summary .order-summary__label-column { text-align: left; display: flex; align-items: center } .module--order-summary .order-summary__price,.seat-picker-order-summary .order-summary__price { text-align: right } .module--order-summary .order-summary__header div,.seat-picker-order-summary .order-summary__header div { flex-grow: 1; font-size: 1em; font-weight: bold; padding: 4px; vertical-align: top } .module--order-summary .order-summary__table th,.seat-picker-order-summary .order-summary__table th { white-space: nowrap } .module--order-summary .order-summary__label-value,.seat-picker-order-summary .order-summary__label-value { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; flex-wrap: nowrap } .module--order-summary .order-summary__label-value__label,.module--order-summary .order-summary__label-value__value,.seat-picker-order-summary .order-summary__label-value__label,.seat-picker-order-summary .order-summary__label-value__value { text-align: right; order: 1; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto } .module--order-summary .order-summary__label-value__value,.seat-picker-order-summary .order-summary__label-value__value { flex-basis: 55px } .module--order-summary .order-summary__label-value__label,.seat-picker-order-summary .order-summary__label-value__label { padding-right: 5px; text-align: left; display: flex } .module--order-summary .order-summary__subtotal tr:first-child,.seat-picker-order-summary .order-summary__subtotal tr:first-child { border-top: 1px solid #cfcfcf; padding-top: 10px } .module--order-summary .order-summary__subtotal tr:last-child,.seat-picker-order-summary .order-summary__subtotal tr:last-child { border-bottom: 1px solid #cfcfcf; padding-bottom: 10px } .module--order-summary .order-summary__fees tr:last-child td,.seat-picker-order-summary .order-summary__fees tr:last-child td { padding-bottom: 16px } .module--order-summary .order-summary__fees-header td,.seat-picker-order-summary .order-summary__fees-header td { min-height: 50px } .module--order-summary .order-summary__fees-title,.seat-picker-order-summary .order-summary__fees-title { padding-right: .5rem } .module--order-summary .order-summary__error-message,.seat-picker-order-summary .order-summary__error-message { margin: 10px; color: #dc3545 } .module--order-summary .order-summary__row td:first-child,.seat-picker-order-summary .order-summary__row td:first-child { width: 100% } .module--order-summary .order-summary__row--alt td,.seat-picker-order-summary .order-summary__row--alt td { background-color: #e9ecef } .module--order-summary .order-summary__row .remove-icon__button .glyphicon-remove:before,.seat-picker-order-summary .order-summary__row .remove-icon__button .glyphicon-remove:before { color: red } .module--order-summary .order-summary__optional,.seat-picker-order-summary .order-summary__optional { margin-top: 10px } .module--order-summary .order-summary__optional__action,.seat-picker-order-summary .order-summary__optional__action { cursor: pointer; margin-left: 10px; color: #000 } .module--order-summary .order-summary__title,.module--order-summary .order-summary__upsell-title,.seat-picker-order-summary .order-summary__title,.seat-picker-order-summary .order-summary__upsell-title { font-weight: bold } .module--order-summary .order-summary__group-costs-by-event .order-summary__row--alt td,.seat-picker-order-summary .order-summary__group-costs-by-event .order-summary__row--alt td { background-color: rgba(0,0,0,0) } .module--order-summary .order-summary__group-fees .order-summary__giftcards__value,.seat-picker-order-summary .order-summary__group-fees .order-summary__giftcards__value { display: table-cell } .module--order-summary .order-summary__group-fees .order-summary__total__label__text,.seat-picker-order-summary .order-summary__group-fees .order-summary__total__label__text { font-weight: bold } .module--order-summary .order-summary__event-title,.seat-picker-order-summary .order-summary__event-title { font-weight: 700; font-size: 1.2rem } .module--order-summary .order-summary__event-info,.seat-picker-order-summary .order-summary__event-info { font-size: .9rem; color: #666; margin-bottom: 2rem } .module--order-summary .order-summary__event-info-row,.seat-picker-order-summary .order-summary__event-info-row { display: flex; flex-direction: row } .module--order-summary .order-summary__event-info-icon,.seat-picker-order-summary .order-summary__event-info-icon { display: flex; align-items: center; max-width: 15px; margin-right: .5rem } .module--order-summary .order-summary__event-info svg,.seat-picker-order-summary .order-summary__event-info svg { fill: #666 } .module--order-summary .order-summary__event-info svg path,.seat-picker-order-summary .order-summary__event-info svg path { stroke-width: 42 } .module--order-summary .order-summary__event-info .change-event-link,.module--order-summary .order-summary__subtitle .change-seats-link,.seat-picker-order-summary .order-summary__event-info .change-event-link,.seat-picker-order-summary .order-summary__subtitle .change-seats-link { color: #000; text-transform: none !important; letter-spacing: 0; text-decoration: underline; margin-left: 1rem; font-size: .9rem; font-weight: normal } .module--order-summary .order-summary__event-time,.seat-picker-order-summary .order-summary__event-time { display: flex; flex-direction: row } .module--order-summary .order-summary__event,.seat-picker-order-summary .order-summary__event { color: #666; font-weight: 500; margin-bottom: 25px } .module--order-summary .order-summary__event>:not(:first-child),.seat-picker-order-summary .order-summary__event>:not(:first-child) { display: flex; font-size: .875em } .module--order-summary .order-summary__subtitle,.seat-picker-order-summary .order-summary__subtitle { display: flex; justify-content: space-between; align-items: center; gap: 5px; color: #000; font-size: 1em; font-weight: bold; border-bottom: 1px solid #cfcfcf; padding-bottom: 5px } .module--order-summary .order-summary__subtitle .glyphicon,.module--order-summary .order-summary__subtitle .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .module--order-summary .order-summary__subtitle button.number-selector-fancy__button,.seat-picker-order-summary .order-summary__subtitle .glyphicon,.seat-picker-order-summary .order-summary__subtitle .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .seat-picker-order-summary .order-summary__subtitle button.number-selector-fancy__button { padding: 6px } .module--order-summary .order-summary__expandable-row,.seat-picker-order-summary .order-summary__expandable-row { cursor: pointer } .module--order-summary .order-summary__expandable-row~tr>td,.seat-picker-order-summary .order-summary__expandable-row~tr>td { overflow: hidden; transition: line-height .3s,padding-top .3s,padding-bottom .3s,opacity .3s; opacity: 1 } .module--order-summary .order-summary__expandable-row:not(.is-expanded)~tr>td,.seat-picker-order-summary .order-summary__expandable-row:not(.is-expanded)~tr>td { line-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0 } .module--order-summary .order-summary__expandable-row:not(.is-expanded) .order-summary__subtitle,.seat-picker-order-summary .order-summary__expandable-row:not(.is-expanded) .order-summary__subtitle { border-bottom: none } .module--order-summary .order-summary__seats__caption,.seat-picker-order-summary .order-summary__seats__caption { display: flex; padding: 8px; border-bottom: 1px solid #eee; color: #000 } .seat-picker-order-summary-footer .order-summary__total-price { display: flex; flex-direction: row; justify-content: space-between; width: 100%; font-size: 1.2em; font-weight: bold } .seat-picker-order-summary-footer .order-summary__total-price-messages { display: flex; flex-direction: row; font-size: 11px; font-style: italic; color: #cbcbcb; padding-left: 3px } .seat-picker-order-summary-footer .order-summary__total-price-messages>span:not(:last-child) ::after { content: " - "; white-space: pre } .seat-picker-order-summary-footer .best-price-guaranteed { border: none; margin: 0; display: flex; flex-direction: row; justify-content: center } .seat-picker-order-summary-footer .best-price-guaranteed__title-and-info { justify-content: flex-start; width: unset } .rc-trigger-popup .module--order-summary { margin-bottom: 0 } .rc-trigger-popup-mask:has(+.rc-trigger-popup .module--order-summary) { z-index: 49 } .action-card__content .order-summary__seat-first-row { border-top: 1px solid #cfcfcf } @media(min-width: 1024px) { .page-content>.review-order-module { width:50% } } .review-order-entry__ticket-qty,.review-order-entry__seats { display: inline-block; float: none; vertical-align: middle } @media(max-width: 599.8px) { .review-order-entry__ticket-qty { display:block; width: 100% } } .review-order-entry .ticketing3d-link__button { float: left; font-size: 12.5px; font-weight: bold; background-color: #f3f3f3; white-space: nowrap } @media(max-width: 599.8px) { .review-order-entry .ticketing3d-link__button { margin-top:10px } } @media(max-width: 599.8px) { .review-order-entry .ticketing3d-link__button-with-margin { margin-top:10px } } .review-order-item__header { font-weight: 700; font-size: 18px } .review-order-upsell { position: relative; width: 100% } .review-order-upsell .review-order-upsell-list { display: flex; flex-wrap: wrap } .review-order-upsell .review-order-upsell-list__desc-item { flex-grow: 2 } @media(min-width: 600px) { .page-layout--shop__ticket-review-page .page-content .module--review-maps { flex:1 } .page-layout--shop__ticket-review-page .page-content .module--review-maps .review-maps__title { font-weight: bold } .page-layout--shop__ticket-review-page .page-content .module--review-maps .with-fixed-aspect-ratio { border-radius: 10px; overflow: hidden } } .ticket-review-page__review-map-module { flex: 1 } .seat-info { display: flex; flex-direction: column; align-items: flex-start; -ms-flex-align: stretch } .seat-info__unassigned { width: 90%; display: flex } .seat-info__location { display: flex; flex-wrap: wrap } .seat-info__location>* { padding-right: 1.5em !important } .seat-info__location>*:last-child { padding-right: 0 !important } .seat-info,.seat-info__user-seats { font-size: 1rem; line-height: 1.75em } .seat-info__section,.seat-info__row,.seat-info__seats,.seat-info__user-seats__section,.seat-info__user-seats__row,.seat-info__user-seats__seats { display: inline } .seat-info__info-label,.seat-info__user-seats__info-label { font-size: 1rem; font-weight: 500 } .seat-info__info-value,.seat-info__user-seats__info-value { font-weight: 700 } .seat-info__message--value span:after,.seat-info__user-seats__message--value span:after { content: ", " } .seat-info__message--value span:last-child:after,.seat-info__user-seats__message--value span:last-child:after { content: "" } .module--event-info .module__container { padding: 20px 15px; font-size: 14px; line-height: 18px } .module--more-event-info p { margin: 0 } .module--order-summary { display: flex; flex-flow: column nowrap; background-color: #e9e9e9; border-radius: 5px; padding-inline:1em} .module--order-summary .order-summary__quantity { color: #666 } .module--order-summary .order-summary__next .btn-danger { text-transform: uppercase } .module--order-summary .order-summary__print { text-align: center; margin: 5px; width: 100% } .module--order-summary .order-summary__print.btn-link { font-size: 12px; text-transform: uppercase } .module--order-summary .forced-upsell-overlay__info { margin-left: 2px } @media(max-width: 1440px) { .module--order-summary .forced-upsell-overlay__info { font-size:.875rem } } @media(max-width: 480px) { .module--order-summary .forced-upsell-overlay__info { font-size:10px } } .page-layout--shop__ticket-search-page .module--order-summary { margin-bottom: 0 } .page-layout--shop__ticket-search-page .module--order-summary .module__container { padding: 1em } .page-name--shop__payment-information-page.module--order-summary,.page-name--shop__custom-pack-upsell-page.module--order-summary,.page-name--shop__delivery-method-page.module--order-summary { background-color: #fff; padding: 0 } .rc-trigger-popup .module--order-summary,.offmodal .module--order-summary { background-color: unset; padding-inline:0} .page-layout--shop__confirmation-page .module--order-summary .module__footer { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); padding: 8px } @media print { .page-layout--shop__confirmation-page .module--order-summary .module__footer { padding: 0px } } .confirmation-page-video { position: relative; margin-top: 18px; padding-bottom: 56.25%; padding-top: 25px; height: 100% } .confirmation-page-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .confirmation-page-header { border-radius: 10px; text-align: center; padding: 27px 41.727272715px; margin-bottom: 25px; background-color: #fff; color: #000 } .confirmation-page-header__header { font-size: 24px; padding: 6.5px } .confirmation-page-header__description { padding: 6.5px } .confirmation-delivery-method__header { font-size: 17px; font-weight: bold } .confirmation-delivery-method__description { background-color: #f3f3f3; padding: 10px 15px; margin-top: 9px; font-weight: normal; font-size: 13px } .confirmation-payment-method { font-size: 13px } .confirmation-payment-method p { display: flex; align-items: center } .confirmation-payment-method p:last-child { margin-bottom: 0px } .confirmation-payment-method img,.confirmation-payment-method span { margin-right: 4px } .confirmation-payment-method .confirmation-payment-method__giftcard__amount,.confirmation-payment-method .confirmation-payment-method__creditcard__amount { margin-left: 10px } .confirmation-page-table { font-size: 16px; line-height: 16px } .confirmation-page-table__entry { padding: 15px 5px; color: #212529 } .confirmation-page-table__entry:first-child { padding-top: 16px } .confirmation-page-table__entry:last-child { padding-bottom: 16px; border-style: none } .confirmation-page-table__entry__label__arrow { position: absolute; top: 1px; right: 6px; font-size: 13px; color: #cfcfcf; vertical-align: top } .confirmation-page-table__entry__content { font-weight: bold } .module--print-receipt .well { width: 90%; padding: 10px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 20px } @media screen { .module--print-receipt { display: none } } @media print { .module--print-receipt { display: block; padding-inline:4em} .module--print-receipt .module,.module--print-receipt .pack-list .pack,.pack-list .module--print-receipt .pack { margin: 0 } .module--print-receipt .module th,.module--print-receipt .pack-list .pack th,.pack-list .module--print-receipt .pack th,.module--print-receipt .module td,.module--print-receipt .pack-list .pack td,.pack-list .module--print-receipt .pack td,.module--print-receipt .module>strong,.module--print-receipt .pack-list .pack>strong,.pack-list .module--print-receipt .pack>strong,.module--print-receipt .module>p,.module--print-receipt .pack-list .pack>p,.pack-list .module--print-receipt .pack>p { font-size: 1.4vh !important } .module--print-receipt .well { width: auto } } .module--print-receipt table { width: 100% } @media print { .module--print-receipt table>thead>tr>th,.module--print-receipt table>thead>tr>td,.module--print-receipt table>tbody>tr>th,.module--print-receipt table>tbody>tr>td,.module--print-receipt table>tfoot>tr>th,.module--print-receipt table>tfoot>tr>td { padding: 1px 0 } } .module--print-receipt table th { vertical-align: top; width: 12em } .module--print-receipt .module--order-summary { border: none; background: none !important } .module--print-receipt .module--order-summary .module__container,.module--print-receipt .module--order-summary table { border: none } @media print { html .app-wrapper,body .app-wrapper { min-height: auto } html .container,html .page-container,body .container,body .page-container { margin: 0 } } .alternative-confirmation-page__print-order-button+.alternative-confirmation-page__print-order-button { margin-top: 10px } .emulated-print * { background: rgba(0,0,0,0); box-shadow: none !important; text-shadow: none !important } .emulated-print html .app-wrapper,.emulated-print body .app-wrapper { min-height: auto } .emulated-print html .container,.emulated-print html .page-container,.emulated-print body .container,.emulated-print body .page-container { margin: 0 } .emulated-print .hidden-print,.emulated-print .module--order-summary .order-summary__subtitle,.module--order-summary .emulated-print .order-summary__subtitle,.emulated-print .seat-picker-order-summary .order-summary__subtitle,.seat-picker-order-summary .emulated-print .order-summary__subtitle,.emulated-print .module--print-receipt .glyphicon,.module--print-receipt .emulated-print .glyphicon,.emulated-print .module--print-receipt .number-selector-fancy button.number-selector-fancy__button,.module--print-receipt .number-selector-fancy .emulated-print button.number-selector-fancy__button,.emulated-print .number-selector-fancy .module--print-receipt button.number-selector-fancy__button,.number-selector-fancy .module--print-receipt .emulated-print button.number-selector-fancy__button,.emulated-print .module--print-receipt .module--order-summary .module__title,.module--print-receipt .module--order-summary .emulated-print .module__title,.emulated-print .main-column,.emulated-print .sidebar,.emulated-print .page-content-header,.emulated-print .footer,.emulated-print .page-layout--shop__confirmation-page>.row:nth-child(1) { display: none !important } .emulated-print .hidden-print.visible-emulated-print,.emulated-print .module--order-summary .visible-emulated-print.order-summary__subtitle,.module--order-summary .emulated-print .visible-emulated-print.order-summary__subtitle,.emulated-print .seat-picker-order-summary .visible-emulated-print.order-summary__subtitle,.seat-picker-order-summary .emulated-print .visible-emulated-print.order-summary__subtitle,.emulated-print .module--print-receipt .visible-emulated-print.glyphicon,.module--print-receipt .emulated-print .visible-emulated-print.glyphicon,.emulated-print .module--print-receipt .number-selector-fancy button.visible-emulated-print.number-selector-fancy__button,.module--print-receipt .number-selector-fancy .emulated-print button.visible-emulated-print.number-selector-fancy__button,.emulated-print .number-selector-fancy .module--print-receipt button.visible-emulated-print.number-selector-fancy__button,.number-selector-fancy .module--print-receipt .emulated-print button.visible-emulated-print.number-selector-fancy__button,.emulated-print .module--print-receipt .module--order-summary .visible-emulated-print.module__title,.module--print-receipt .module--order-summary .emulated-print .visible-emulated-print.module__title,.emulated-print .visible-emulated-print.main-column,.emulated-print .visible-emulated-print.sidebar,.emulated-print .visible-emulated-print.page-content-header,.emulated-print .visible-emulated-print.footer,.emulated-print .page-layout--shop__confirmation-page>.visible-emulated-print.row:nth-child(1) { display: inherit !important } .emulated-print .visible-print { display: inherit !important } .emulated-print .visible-print.hidden-emulated-print { display: none !important } .emulated-print .module--print-receipt { display: block; padding-inline:4em} .emulated-print .module--print-receipt .module,.emulated-print .module--print-receipt .pack-list .pack,.pack-list .emulated-print .module--print-receipt .pack { margin: 0 } .emulated-print .module--print-receipt .module th,.emulated-print .module--print-receipt .pack-list .pack th,.pack-list .emulated-print .module--print-receipt .pack th,.emulated-print .module--print-receipt .module td,.emulated-print .module--print-receipt .pack-list .pack td,.pack-list .emulated-print .module--print-receipt .pack td,.emulated-print .module--print-receipt .module>strong,.emulated-print .module--print-receipt .pack-list .pack>strong,.pack-list .emulated-print .module--print-receipt .pack>strong,.emulated-print .module--print-receipt .module>p,.emulated-print .module--print-receipt .pack-list .pack>p,.pack-list .emulated-print .module--print-receipt .pack>p { font-size: 1.4vh !important } .emulated-print .module--print-receipt .module .glyphicon,.emulated-print .module--print-receipt .pack-list .pack .glyphicon,.pack-list .emulated-print .module--print-receipt .pack .glyphicon,.emulated-print .module--print-receipt .module .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .emulated-print .module--print-receipt .module button.number-selector-fancy__button,.emulated-print .module--print-receipt .pack-list .pack .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .emulated-print .module--print-receipt .pack-list .pack button.number-selector-fancy__button,.pack-list .emulated-print .module--print-receipt .pack .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .pack-list .emulated-print .module--print-receipt .pack button.number-selector-fancy__button { display: none !important } .emulated-print .module--print-receipt .well { width: auto; background: rgba(0,0,0,0) } .emulated-print .module--print-receipt table>thead>tr>th,.emulated-print .module--print-receipt table>thead>tr>td,.emulated-print .module--print-receipt table>tbody>tr>th,.emulated-print .module--print-receipt table>tbody>tr>td,.emulated-print .module--print-receipt table>tfoot>tr>th,.emulated-print .module--print-receipt table>tfoot>tr>td { padding: 1px 2px } .emulated-print .module--print-receipt .order-summary__event,.emulated-print .module--print-receipt .order-summary__table { margin: 0 } .emulated-print .print-receipt__return-button { margin: 20px auto } .emulated-print .module--order-summary .order-summary__table { margin-left: 0 } .promo-space { display: flex; flex-wrap: wrap; padding: 0 !important; width: 100% } .promo-space__title { font-size: 10px; font-weight: bold; letter-spacing: 2px; line-height: 10px; max-width: 1440px; padding: 20px 15px; text-transform: uppercase; width: 100% } .promo-space__title-container { background-color: #e9e9e9; display: flex; justify-content: center; width: 100% } .promo-space__items-container { display: flex; justify-content: center; padding: 1em; width: 100%; background-color: #fff } .promo-space__items { display: grid; grid-template-columns: auto auto; gap: 2em; max-width: 1440px; width: 100% } .promo-space__items>div:not(:nth-last-child(-n+2)):before { position: absolute; content: ""; left: 15px; bottom: -1em; height: 1px; width: calc(100% - 30px); background-color: #cbcbcb } @media(max-width: 1024px) { .promo-space__items { grid-template-columns:auto } .promo-space__items>div:not(:nth-last-child(1)):before { position: absolute; content: ""; left: 15px; bottom: -1em; height: 1px; width: calc(100% - 30px); background-color: #cbcbcb } } .promo-space__item { position: relative; display: flex; flex-flow: row nowrap; align-items: center; gap: 1em } .promo-space__item__image { width: 100% } @media(max-width: 600px) { .promo-space__item__image { width:120px } } .promo-space__item__text-container { flex-shrink: 2 } .promo-space__item__title { font-weight: bold; font-size: 16px; margin-bottom: 5px; line-height: 22.4px } .promo-space__item__description { font-size: 13px; font-weight: 300; line-height: 20px } .promo-space__item__button { margin-top: 6px } .module--purchase-complete { margin-bottom: 1em } .module--purchase-complete.module--striped { padding-bottom: 1em } .purchase-confirmation { margin-top: 16px; margin-left: 8px } .purchase-confirmation__link { font-size: 12px; padding: 0; text-transform: uppercase } @media(max-width: 480px) { .purchase-confirmation__link { padding:10px 0 } } .survey { background-color: #fff; padding: 1em; display: flex; flex-direction: column; align-items: left } @media(min-width: 1024px) { .survey { flex-direction:row; align-items: center } } .survey__row { display: flex; align-items: center } .survey__header { color: #333; font-weight: 300; font-size: 20px; margin-top: 4px; margin-bottom: 4px } @media(min-width: 1024px) { .survey__header { font-size:28px } } .survey__img { background: url("../img/confirmation/clipboard.png") center no-repeat; height: 91px; min-width: 70px; margin-right: 1em; float: left } @media(min-width: 1024px) { .survey__img { margin-right:2em } } .survey__message { color: #333; font-weight: 300; font-size: 13px } @media(min-width: 1024px) { .survey__message { font-size:15px } } .survey__button-wrapper { margin-top: 1em } @media(min-width: 1024px) { .survey__button-wrapper { margin-left:2em; margin-top: 0 } } .module--ticketinsurance-confirmation::after { display: block; clear: both; content: "" } .module--ticketinsurance-confirmation h3,.module--ticketinsurance-confirmation .h3 { background-color: #e9ecef; border: 1px solid #cbd3da; font-weight: bold } .module--ticketinsurance-confirmation .insurance-message { margin-top: 5px; margin-bottom: 5px } .app:has(.page-layout--shop__confirmation-page--simple) { background-color: #fff } .app-page--shop__confirmation-page .page-container,.app-page--landing-page__confirmation .page-container { display: flex; align-items: center } .app-page--shop__confirmation-page .page-container .confirmation-page__container,.app-page--landing-page__confirmation .page-container .confirmation-page__container { padding: 5em 0; width: 100% } .thank-you { width: 100%; padding-left: 0 !important; padding-right: 0 !important; margin: 0; display: flex; flex-direction: row; flex-wrap: nowrap } @media(max-width: 1023.8px) { .thank-you { flex-wrap:wrap } } .thank-you__content,.thank-you__image { flex: 1 1 50%; height: 400px } .thank-you__content { padding: 0 20px; display: flex; justify-content: flex-end } @media(max-width: 1023.8px) { .thank-you__content { flex:unset; justify-content: center; order: 2; width: 100%; height: unset } } .thank-you__content__container { flex-grow: 1; width: 100%; max-width: 720px; display: flex; flex-direction: column; justify-content: center; align-content: center; flex-wrap: nowrap } @media(max-width: 1023.8px) { .thank-you__content__container { max-width:unset } } .thank-you__content__container .alternative-confirmation-page { max-width: 640px; padding: 20px 0 } .thank-you__image { background-image: url("../img/skins/pgaetad/thankyou.png"); display: block; background-position: 50% 50%; background-size: cover } @media(max-width: 1023.8px) { .thank-you__image { order:1; width: 100%; height: 200px } } .alternative-confirmation-page { color: #000 } @media(max-width: 599.8px) { .alternative-confirmation-page { font-size:10px } } @media(min-width: 600px)and (max-width: 1023.8px) { .alternative-confirmation-page { font-size:14px } } .alternative-confirmation-page__thankyou { margin-bottom: 1em } .alternative-confirmation-page__thankyou,.alternative-confirmation-page__order-number { width: 100%; text-align: left; font-size: 20px; font-weight: bold; -webkit-hyphens: none; hyphens: none } @media(max-width: 599.8px) { .alternative-confirmation-page__thankyou,.alternative-confirmation-page__order-number { font-size:16px; line-height: 1.15 } } @media(min-width: 600px)and (max-width: 1023.8px) { .alternative-confirmation-page__thankyou,.alternative-confirmation-page__order-number { font-size:16px } } .alternative-confirmation-page__check-email-confirmation { width: 100%; padding-top: 10px; padding-bottom: 16px; border-bottom: 1px solid #cfcfcf; margin-bottom: 16px } @media(max-width: 1023.8px) { .alternative-confirmation-page__check-email-confirmation { border-bottom-width:1px } } .alternative-confirmation-page__failed-order-title { font-size: 1.5em } .alternative-confirmation-page__failed-order-message { margin-top: .5em; font-size: 1.5em } .alternative-confirmation-page__failed-order-message a { color: #000; text-decoration: underline } .alternative-confirmation-page__failed-order-message a:hover,.alternative-confirmation-page__failed-order-message a:focus { color: #cbcbcb } .alternative-confirmation-page__print-order { width: 100%; padding-top: 10px } .alternative-confirmation-page__print-order-button { width: 100%; display: flex; flex-flow: row } .alternative-confirmation-page__print-order-button-text { padding-right: 10px } .alternative-confirmation-page__facebook-share { width: 100% } .alternative-confirmation-page__facebook-share .facebook-share { justify-content: flex-start } .alternative-confirmation-page__facebook-share .facebook-share--message { padding-top: 0; text-align: left } .alternative-confirmation-page__facebook-share .facebook-share--btn { margin-top: 12px } .facebook-share { width: 100%; display: flex; justify-content: center; flex-wrap: wrap } .facebook-share--message { width: 100%; text-align: center; padding-top: 10px } .facebook-share--btn { border-radius: 3px; background-color: #3b5998; border: none; line-height: normal; padding: 5px 10px; margin-top: 20px } .facebook-share--btn-text { color: #fff; display: flex; flex-wrap: nowrap } .facebook-share--text { margin-left: 7px } .facebook-share--icon { width: 16px; height: 16px } .module--amex-points-payment-module { text-align: center } .module--amex-points-payment-module { text-align: center } .amex-points-info__title-row { margin-bottom: 10px; margin-top: 10px } .amex-points-info__box { background-color: #eaf1e0; padding-bottom: 15px } .amex-points-info__total-usd-container { position: relative } .amex-points-info__separator { position: absolute; text-align: center; top: 50%; left: 0; transform: translate(-50%, -50%) } .amex-points-info__title-text { font-weight: bold; font-size: 1.2em } .amex-points-info__heading { text-transform: uppercase; background-color: #88ae37; color: #fff; padding: 5px 10px 5px 10px } .amex-points-info__amount { font-weight: bold; font-size: 2.2em } .amex-points-info__amount-box { background-color: #fff; text-align: center; min-height: 65px } .amex-points-info__amount-box--small .amex-points-info__amount { line-height: 1.8; font-size: 1.3em } .amex-points-info__amount-box--xsmall .amex-points-info__amount { line-height: 2.4; font-size: .9em } .amex-points-info__membership { display: inline-block; position: absolute; text-transform: uppercase; color: #409b47; font-size: .8em; font-weight: bold } @media(min-width: 1024px)and (max-width: 1440px) { .amex-points-info__membership-title { padding-left:0 } } .membership-rewards__summary { margin: 10px 0px 20px } .membership-rewards__points-used { padding: 10px 0px } .membership-rewards__heading { text-transform: uppercase; background-color: #e9f2d9; border-bottom: 2px solid #c6d685; color: #668e41; text-align: left } .membership-rewards__box { background-color: #fff; border: 2px solid #c6d685; padding-bottom: 10px } .membership-rewards__logo { width: 40px; height: 40px; margin-right: 5px } .membership-rewards__textbox { padding-top: 10px; min-height: 125px } .membership-rewards__points-ballance { text-align: left } .membership-rewards__points-ballance .text-danger { text-align: left } .membership-rewards__title { position: absolute; display: inline-block; text-transform: uppercase } .membership-rewards__link { font-weight: 700; text-transform: uppercase; font-size: 12px } .membership-rewards__button { text-transform: uppercase } @media(max-width: 1440px) { .membership-rewards__button--calculate { display:block } } @keyframes spinner { to { transform: rotate(360deg) } } .spinner { min-width: 22px; min-height: 22px } .spinner:before { content: ""; position: absolute; top: 50%; margin-left: 5px; width: 22px; height: 22px; margin-top: -3px } .spinner:not(:required):before { content: ""; border-radius: 50%; border: 2px solid rgba(0,0,0,.3); border-top-color: rgba(0,0,0,.6); animation: spinner .6s linear infinite } .amex_new_message { font-weight: bold; margin: 0 0 5px 2px } .amex_new_message__new { color: #ff9b00 } .module-title__container { margin-left: 5px } .module-title__text { font-weight: 600; font-size: 14px } .module--payment-form>.module__title { display: none } .module--CREDIT_CARD.has-multiple-payment-methods .credit-card-images { text-align: right } .form { padding: 8px 15px } .form .form-hr { margin: 1px 0; visibility: hidden } .payment-information .form { padding: .6em 0 } .form .form-group { margin-bottom: 0 } .form .form-group.credit-card-highlight { position: absolute; top: 0; right: 0; padding: 8px 0 } .form .form-group.credit-card-highlight>div { padding: 0 } .form .form-group.credit-card-highlight .control-label { display: none } @media(max-width: 600px) { .form .form-group.credit-card-highlight { position:relative; top: auto; left: auto; margin-left: 16px } .form .form-group.credit-card-highlight .control-label { display: block; float: left; line-height: 24px; margin-right: 8px; font-weight: normal; font-style: italic } } .form .checkbox { padding: 0 10px } .form .creditCard { opacity: .1; width: 45px; height: auto; padding-right: 5px; max-width: 25%; vertical-align: text-top; margin-top: -8px } .form .creditCard.active { opacity: 1 } .form .validated-form--text .form-group,.form .validated-form--tel .form-group,.form .validated-form--number .form-group,.form .validated-form--select .form-group,.form .validated-form--email .form-group { margin: 10px 0 } .form .input-name--expYear { padding-right: 0px } .form .input-name--expYear .form-group.has-error { margin: 10px 0 0 0 } .form .input-name--expMonth { padding-left: 0px } .form .input-name--expMonth .form-group.has-error { margin: 10px 0 0 0 } .form .expdate { margin-bottom: 0px } .form .expdate--separator { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 20px; text-align: center; color: #aaaaaf } .form .expdate .help-block { padding-left: 0px; margin-bottom: 10px } .form .validated-form--checkbox .checkbox { padding: 0 } .form .validated-form--checkbox .has-errors { background-color: rgba(0,0,0,0) } .form .validated-form--textarea .form-group { min-height: 100px } .form .validated-form--credit-card-highlight { width: inherit; margin-bottom: 1.2em } .form .validated-form--credit-card-highlight label { font-weight: 400; min-height: 25px } .form .visa-checkout-button,.form .credit-card-images { line-height: 44px } .form .payment-method-radio.radio { margin-top: 0; min-height: 44px; display: flex; align-items: center } .form .payment-method-radio.radio input[type=radio] { position: static; margin-left: 0 } .form .payment-method-radio.radio label { padding-left: 15px !important } .form .payment-mark-container { width: 100px; height: 50px; padding: 0; display: flex; align-items: center } .form .payment-mark-container>img { width: 100% } .form .visa-checkout-button { border-right: 1px solid #cfcfcf } .form .validated-form--visa-checkout { max-width: 230px } .form .validated-form--visa-checkout label { font-weight: 400; min-height: 25px } .form .validated-form--visa-checkout label:before { content: " " } .form .validated-form--visa-checkout img { width: 100%; max-width: 200px; padding-right: 22px } .form-input-group { position: relative } .payment-information .form-control { height: 42px } .payment-information .module,.payment-information .pack-list .pack,.pack-list .payment-information .pack { margin: 0 0 1em 0 } .payment-information .form-check-inline { display: inline-flex; align-items: center } .payment-information .form-check-inline input { margin-right: .3125rem } .tooltip-inner { max-width: 600px } .floatl--active .floatl__input:not(.form-group) { height: 48px } .payment-plan { margin-top: 15px; margin-bottom: 10px } .payment-plan__radio { text-align: center } .payment-plan__name { font-weight: bold } .payment-plan__description { margin-left: 1em; flex-shrink: unset } .payment-plan__description__installment { display: flex; margin-right: 20px } .payment-plan__description__installment:nth-child(2) { margin-top: 10px } .payment-plan__description__installment__date { min-width: 40% } .payment-plan__description__installment__price { flex-grow: 0; margin-left: 10px; text-align: right } @media(max-width: 599.8px) { .payment-plan__description__installment__price { flex-grow:1 } } .payment-plan-confirmation.payment-plan__description { font-weight: normal } .payment-plan-confirmation .payment-plan__description__title__details { display: none } fieldset[disabled] .form-control { -webkit-text-fill-color: var(--bs-body-color) } select.form-control { height: calc(1.5em + .75rem + 2px); padding-left: 1em } .help-block { margin-top: 10px; font-size: 13px; margin-bottom: 0 } .password-rule-link { float: right; margin-right: 10px } .text-align-center { text-align: center } .default-text-color { color: #000 } .submit-button-wrapper { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; padding-top: 20px } .submit-button-wrapper Button { font-size: 14px } @media(max-width: 1023.8px) { .submit-button-wrapper Button { margin-bottom:20px } } .submit-button-wrapper>div { width: 100% } .submit-button-wrapper .submit-link { margin-top: 10px; font-size: 12px; text-transform: uppercase } .submit-button-wrapper .submit-link a { display: block } .submit-button-wrapper .vertical-separator { height: 10px; position: relative; text-align: center } .submit-button-wrapper .vertical-separator:after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; border-left: solid 1px #dedede; transform: translate(-50%) } .btn-new,.btn-pink { background-color: #000 !important; color: #fff !important; margin: 0 auto !important; min-height: 40px !important; min-width: 182px !important; text-transform: uppercase !important; width: auto } @media(max-width: 1023.8px) { .btn-new,.btn-pink { width:100% } } #axsid_main_container a { color: #000 !important } #axsid_main_container a:active,#axsid_main_container a:focus,#axsid_main_container a:hover { color: #000 !important } @media(max-width: 1023.8px) { #axsid_main_container .navigation__list:last-child { top:0 !important } } @media(max-width: 1023.8px)and (max-width: 1023.8px) { #axsid_main_container .navigation { text-align:center } } #axsid_main_container .navigation__link--clicked { color: #000 !important; cursor: default !important; font-weight: 500 !important } #axsid_main_container .navigation__link--clicked:active,#axsid_main_container .navigation__link--clicked:hover,#axsid_main_container .navigation__link--clicked:focus { color: #000 !important } #axsid_main_container .axs-id { padding: 0; width: 100% } #axsid_main_container .form-error-message { text-align: left } #axsid_main_container .form-error-message span { left: 0 } @media(max-width: 1023.8px) { #axsid_main_container .form-error-message { margin:0 auto; width: 350px !important } } @media(max-width: 549px) { #axsid_main_container .form-error-message { width:300px !important } } #axsid_main_container .venue-checkbox-container { line-height: 1.5em } #axsid_main_container .venue-checkbox-container,#axsid_main_container .user-action { display: block; padding: 20px 8px; width: 100% !important } @media(max-width: 1023.8px) { #axsid_main_container .venue-checkbox-container,#axsid_main_container .user-action { width:100% !important } } @media(max-width: 1023.8px) { #axsid_main_container .venue-checkbox-container { margin:15px 0 0 } } #axsid_main_container .user-action { border-top: none; text-align: center } #axsid_main_container #myaxs-login-form .user-action { width: 100% !important } @media(max-width: 1023.8px) { #axsid_main_container #myaxs-login-form .user-action { margin:0 auto } } @media(max-width: 549px) { #axsid_main_container #myaxs-login-form .user-action { width:300px !important } } @media(max-width: 1023.8px) { #axsid_main_container #myaxs-login-form { float:none; text-align: center; width: 100% } } .skip-as-guest { margin: 10px 15px; text-align: right } @media(max-width: 1023.8px) { .skip-as-guest { text-align:center } } .signin-confirmation-message p { margin-bottom: 20px } .signin-confirmation-message__ul { margin-top: -10px } .signin-confirmation-message__ul li { margin-bottom: 5px } @font-face { font-family: "Brown-Pro"; font-style: normal; font-weight: 300; src: url("../eut/gigya/fonts/lineto-brown-pro-light.eot"); src: url("../eut/gigya/fonts/lineto-brown-pro-light.eot?#iefix") format("embedded-opentype"),url("../eut/gigya/fonts/lineto-brown-pro-light.woff2") format("woff2"),url("../eut/gigya/fonts/lineto-brown-pro-light.woff") format("woff") } @font-face { font-family: "Brown-Pro"; font-style: normal; font-weight: 400; src: url("../eut/gigya/fonts/lineto-brown-pro-regular.eot"); src: url("../eut/gigya/fonts/lineto-brown-pro-regular.eot?#iefix") format("embedded-opentype"),url("../eut/gigya/fonts/lineto-brown-pro-regular.woff2") format("woff2"),url("../eut/gigya/fonts/lineto-brown-pro-regular.woff") format("woff") } @font-face { font-family: "Brown-Pro"; font-style: normal; font-weight: 700; src: url("../eut/gigya/fonts/lineto-brown-pro-bold.eot"); src: url("../eut/gigya/fonts/lineto-brown-pro-bold.eot?#iefix") format("embedded-opentype"),url("../eut/gigya/fonts/lineto-brown-pro-bold.woff2") format("woff2"),url("../eut/gigya/fonts/lineto-brown-pro-bold.woff") format("woff") } .limited img { margin: 10px 0 } @media(max-width: 600px) { .limited img { max-width:100%; width: 300px; height: 150px } } .payment__radio-buttons-disabled { color: #c7c7cd } .cvv { max-width: 402px; margin-left: -9px; z-index: 99 } .cvv .popover-header { color: #fff; background-color: #000 } .cvv .popover-body { font-size: small } .cvv .arrow { margin-left: 0 !important } .cvv img { display: block; width: 372px; height: 120px; margin: 5px auto } @media(max-width: 480px) { .cvv img { width:306px; height: 84px } } @media(max-width: 480px) { .cvv { max-width:98%; margin: 0; left: 1% !important } .cvv .arrow { margin-left: -3px !important } } .cvv3,.cvv4 { max-width: 349px } .cvv3 img,.cvv4 img { width: 163px; height: 108px } .cvv-overlay__questicon { padding-left: 5px; padding-bottom: 1px; cursor: pointer } .input-name--cvv .input-group .help-block { float: left } .input-name--cvv .input-group-addon { background: none; border: none; color: #aaa; padding: 6px; font-size: 16px } .bubble-cvv { position: absolute; top: 28%; width: 56px; height: 56px; background: #f15982; border-radius: 50%; color: #fff; line-height: 16px; padding: 8px 2px 0; text-align: center } .bubble-cvv.digit4 { left: 34% } .cvv3 .bubble-cvv.digit4 { display: none } .cvv4 .bubble-cvv.digit4 { top: 43%; left: 48% } .bubble-cvv.digit3 { left: 88% } .cvv4 .bubble-cvv.digit3 { display: none } .cvv3 .bubble-cvv.digit3 { top: 43%; left: 48% } .form-credit-card-toggle .checkbox { margin-top: 0px; margin-bottom: 15px } .accept-terms-btn { width: 100%; flex: inherit; margin-bottom: 15px; flex-direction: column-reverse } .accept-terms-btn input { align-self: center } .opt-in--more-info-icon { cursor: pointer; width: 14px; margin: 0 0 4px 3px } .payment-method-radio label { color: #000 } .payment-method-radio input { margin-top: 2px; height: 16px; width: 16px } .adyen-loading-spinner { text-align: center } .form-title--with-secondary-info { display: flex; justify-content: space-between; align-items: center } .form-title--with-secondary-info.title-wrapped { flex-wrap: wrap } .has-multiple-payment-methods .form-title--with-secondary-info { align-items: flex-end } .payment-form__title { display: flex; flex-wrap: nowrap; justify-content: center } .adyen-logos { display: flex; align-items: center; justify-content: flex-end; margin-top: 6px } .adyen-logos img { margin-right: 5px; height: 28px } .alternate-checkouts__component { display: flex; justify-content: center } .alternate-checkouts__component img.disabled { cursor: not-allowed } .paypal-button-container { min-height: 45px; display: flex; flex-direction: column; align-items: center } .paypal-button-container:empty { background: no-repeat center/40px url(../img/spinner.gif) } .paypal-button-container>div { width: 300px } .app-page--shop__payment-information-page .content-container--has-login-form .page-container { display: flex; align-items: center; justify-content: center } .app-page--shop__payment-information-page iframe { width: 500px } .module--GIFT_CARD .esicon-gift,.module--verify-gift-card .esicon-gift { color: #000; margin-right: .3em } .gift-card { font-size: 14px } .gift-card-container { margin: 0 -5px } .gift-card-container>div { padding: 0 5px } .gift-card-prompt__add-new,.gift-card-prompt__enter-card { margin: 10px 0 } .gift-card-prompt__add-new--link,.gift-card-prompt__enter-card--link { color: #000; text-decoration: underline; font-weight: bold } .gift-card-prompt__add-new--link svg,.gift-card-prompt__enter-card--link svg { margin-left: 5px } .gift-card-header__link { font-weight: 700 } .gift-card .gift-card-column__edit--error a.gift-card-entry__edit { color: #a94442 } .gift-card .gift-card-column__card-number { width: 100% } .gift-card .gift-card-column__total,.gift-card .gift-card-column__amount { text-align: right; white-space: nowrap; font-weight: bold } .gift-card .gift-card-column__total:after,.gift-card .gift-card-column__amount:after { content: " " } .gift-card .gift-card-column__total--error,.gift-card .gift-card-column__amount--error { color: #a94442 } .gift-card .gift-card-column__edit,.gift-card .gift-card-column__remove { text-align: right } .gift-card .gift-card-column__edit img,.gift-card .gift-card-column__remove img { cursor: pointer } .gift-card-total,.gift-card-amount-due { margin-top: 30px; display: flex; width: 100%; font-weight: bold } .gift-card-total__label,.gift-card-amount-due__label { width: 100% } .gift-card-amount-due { margin-top: 10px } .gift-card-entry { margin: 15px 0; display: flex; justify-content: space-between; align-items: center } .gift-card-entry__message-error { color: #a94442; margin-top: 10px } .gift-card-entry__message-error--first { margin-top: 0px } .gift-card-entry__help,.add-new-gift-card__help { color: #dc3545 } .gift-card-entry__button,.add-new-gift-card__button { text-align: center; margin-top: 15px } .gift-card-entry__button--apply,.add-new-gift-card__button--validate { font-weight: 700; margin-right: 5px } .gift-card-entry .glyphicon,.gift-card-entry .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .gift-card-entry button.number-selector-fancy__button { margin-left: 10px; cursor: pointer } .add-new-gift-card .form-input-group label { font-weight: bold } .add-new-gift-card .form-input-group input { border-radius: 32px } .add-new-gift-card .form-group { margin-bottom: 0px } .add-new-gift-card .form-group .has-error { margin: 0 } .add-new-gift-card__help { font-weight: normal; margin-top: 2px } @media(max-width: 1023.8px) { .add-new-gift-card__number { margin-bottom:15px } } .add-new-gift-card__pin label { white-space: nowrap } .trustly-logo { padding-right: 1.5em } .trustly-logo__info { display: block } .trustly-logo__label { margin-bottom: 5px; color: #000 } .bank-logos { margin-top: 1em } .bank-logos__logo { height: 25px; margin: 0 15px 10px 0 } .ideal-logo { max-height: 24px; max-width: 25%; margin-right: 5px } .ideal-logo__container { line-height: 38px } .module--CREDIT_CARD.has-multiple-payment-methods .ideal-logo__container { text-align: right } .module--CREDIT_CARD:not(.has-multiple-payment-methods) .ideal-logo { max-height: 35px; max-width: 30% } .ideal-module__container { display: flex; width: 100%; flex-wrap: wrap; margin-left: 20px; padding-top: 10px } .ideal-payment-method__radio.radio { margin-top: 0px; margin-bottom: 10px } .ideal-payment-method__image { max-height: 20px } .ideal-module--has-error { margin-bottom: 6px } .customer-credit__button-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5em 1em } @media(max-width: 1023.8px) { .customer-credit__button-container .use-customer-credit__button--validate { order:3 } } .customer-credit__button-container .customer-credit-amount-applied__label { width: 100% } .customer-credit__button-container .btn.disabled { pointer-events: none } .app-timer-wrapper { width: 100%; max-width: 1440px; display: flex; justify-content: center; padding: 1em 0 0 0; margin-bottom: 1em; filter: drop-shadow(2px 2px 6px grey) } .app-timer-wrapper .page-timer { background-color: #000; margin: 0; color: #fff } .app-timer-outer-wrapper { display: flex; justify-content: center } .app-page--shop__delivery-method-page .sub-header-timer:not(:empty),.app-page--shop__payment-information-page .sub-header-timer:not(:empty) { height: 0 } .sub-header-timer:not(:empty) .page-timer { justify-content: center } @media(max-width: 599.8px) { .sub-header-timer:not(:empty) .page-timer { width:100% } } .sub-header-timer:not(:empty).sticky { padding: 0; position: sticky; top: 0; z-index: 11; background: linear-gradient(180deg, white 0%, white 30%, transparent 100%) } .page-timer { border-radius: 20px; padding: .5em 1em; background-color: #fff; white-space: nowrap; display: flex; align-items: center } .page-timer span { white-space: pre } .page-timer svg { margin-inline-start:.5em} .page-timer__label { font-weight: bold } .page-title .page-timer { float: right; margin: 0 } .page-timer__label { display: inline-block; width: 3.5ch } .page-timer__label.has-four-digits { width: 4.5ch } .page-timer__label--danger { color: #d70000 } .page-timer__tooltip .tooltip.bottom .tooltip-arrow { margin-left: 12px !important } .page-timer__tooltip .tooltip-inner { margin-left: -135px; max-width: 200px; width: 200px } .page-timer>.message { margin-inline-end:.6rem} .page-timer .progress-circle { position: absolute; transform: translate(-50%, -50%) scale(-1, -1) rotate(90deg); top: 50%; left: 50%; width: 40px; height: 40px; stroke: #888 } .page-timer-container { width: 100%; display: flex; justify-content: center; align-items: center; padding: 1em; position: sticky; top: 0; z-index: 11; pointer-events: none } .page-timer-container:empty { display: none } .page-timer-container .page-timer { pointer-events: auto; box-shadow: 0 0 10px rgba(0,0,0,.3) } .page-timer-container .page-timer__label--danger { color: #d70000 } .main-header__series-info-container .page-timer { background-color: #000; color: #fff } .page-timer-container .page-timer { background-color: #fff; color: #000 } .customer-information { font-size: 12px; padding: 10px 20px 0 0 } @media(max-width: 599.8px) { .customer-information { padding:10px 10px 0 10px } } .customer-information__label { font-weight: bold } .customer-information__border-bottom { border-bottom: 1px solid #cfcfcf; margin-bottom: 20px } .customer-information__border-right { border-right: 1px solid #cfcfcf; margin-bottom: 20px; min-height: 13em } @media(max-width: 1023.8px) { .customer-information__border-right { border-bottom:1px solid #cfcfcf; border-right: none; min-height: auto } } .customer-information__edit { font-weight: 700; left: 2em; position: relative; text-transform: uppercase } .customer-information__row { margin: 0 0 20px 0 } .customer-information__row:last-child { margin: 0 } .customer-information__section:first-child { padding-left: 0 } .customer-information__section:last-child { padding-right: 0 } @media(max-width: 1023.8px) { .customer-information__section:last-child { padding-left:0 } } .customer-information .form-control-static { min-height: auto; padding: 0 } .secure-code-logo { display: block } .secure-code-logo img { display: block; max-width: 100%; margin: 0 auto } .secure-code-logo .read-more { display: block; margin-top: .5em; text-align: center } .secure-code-logo .description { margin-top: .1em; margin-bottom: .5em } .payture-iframe { width: 100%; background-color: #fff; height: 540px } @media(max-width: 1024px) { #PAYTURE.modal-dialog { padding:32px 8px } } .react-spinner { position: relative; width: 32px; height: 32px; top: 50%; left: 50% } .react-spinner_bar { animation: react-spinner_spin 1.2s linear infinite; border-radius: 5px; background-color: white; position: absolute; width: 20%; height: 7.8%; top: -3.9%; left: -10% } @keyframes react-spinner_spin { 0% { opacity: 1 } 100% { opacity: .15 } } .react-spinner { display: inline-block; top: inherit; left: inherit; margin-left: 5px; transform: translate(50%, 50%) } .react-spinner_bar { background-color: #000 } .image-carousel { position: relative; height: 100% } .image-carousel-with-fixed-ratio { aspect-ratio: 16/9 } .image-carousel .carousel { height: 100% } .image-carousel .carousel .carousel-inner { height: 100% } .image-carousel .carousel .carousel-inner .carousel-item { height: 100% } .image-carousel .carousel .carousel-inner .carousel-item img { -o-object-fit: cover; object-fit: cover; height: 100% } .image-carousel .carousel .carousel-inner .carousel-item .image-carousel__image--error { background-color: #d3d3d3; -o-object-fit: contain; object-fit: contain } .image-carousel .carousel .carousel-control-prev { padding-right: 2px } .image-carousel .carousel .carousel-control-next { padding-left: 2px } .image-carousel .carousel .carousel-control-prev,.image-carousel .carousel .carousel-control-next { opacity: .7 } .image-carousel .carousel .carousel-control-prev:hover,.image-carousel .carousel .carousel-control-next:hover { opacity: .9 } .image-carousel .carousel .carousel-control-prev::before,.image-carousel .carousel .carousel-control-next::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 25px; height: 25px; background-color: #000; border-radius: 50% } .image-carousel .carousel .carousel-control-prev .carousel-control-prev-icon,.image-carousel .carousel .carousel-control-prev .carousel-control-next-icon,.image-carousel .carousel .carousel-control-next .carousel-control-prev-icon,.image-carousel .carousel .carousel-control-next .carousel-control-next-icon { padding-left: 2px; position: relative; padding: 5px; color: #fff } .image-carousel__full-screen-button { position: absolute; bottom: 0px; right: 5px; z-index: 10; font-size: 24px; cursor: pointer } .image-carousel__full-screen-button--icon:hover { fill: #d3d3d3 } .image-carousel-full-screen-container { width: 100%; height: 30%; max-width: 1244.44px; max-height: 700px } @media(min-width: 600px) { .image-carousel-full-screen-container { height:100% } } .image-carousel-full-screen-container .image-carousel .carousel-item img { -o-object-fit: contain; object-fit: contain } .cookies-disabled h1,.cookies-disabled .h1 { margin: 6rem 0 } .cookies-disclaimer { position: fixed; top: 0; left: 0; width: 100%; padding: 10px; background: rgba(0,0,0,.9); z-index: 49; text-align: center; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.6) } .cookies-disclaimer a,.cookies-disclaimer button { margin-left: 10px } .cookies-disclaimer p { margin: 0 } @media screen and (max-width: 500px) { .cookies-disclaimer { padding:20px } #custom-pack-action-card { width: 100vw !important; bottom: 0; right: unset; } .cookies-disclaimer button { display: block; margin: 10px auto 0 auto } } .seat-picker-mini-map,.seat-picker-mini-map *,.with-pan-zoom,.with-pan-zoom * { touch-action: none !important; -webkit-user-select: none; -moz-user-select: none; user-select: none } .enable-native-pan-scroll.with-pan-zoom,.enable-native-pan-scroll.with-pan-zoom * { touch-action: pan-y !important } @keyframes makeVisible { 0% { opacity: 0 } 100% { opacity: 1 } } .invisible-recaptcha__loading-message { width: 100%; height: 100%; display: flex; position: absolute; justify-content: center; align-items: center; z-index: 101; transform: translateY(60px); padding: 20px; opacity: 0; animation-name: makeVisible; animation-delay: 3s; animation-duration: 100ms; animation-fill-mode: forwards } .grecaptcha-badge { z-index: 101; position: fixed; bottom: 18px; right: 18px } .expandable-component { width: 100%; overflow: hidden; transition: height .3s,opacity .3s; opacity: 0 } .expandable-component.is-expanded { opacity: 1 } .expandable-tabs { min-width: 0; display: flex; flex-direction: column } .expandable-tabs__tabs { cursor: pointer; display: flex; align-items: center } .expandable-tabs__tab-button { display: flex; flex: 1 1; margin-right: -5px; padding-right: 5px } .expandable-tabs__tab-button:not(:last-child)::after { content: ""; display: block; padding-right: 16px; border-right: 1px solid #cfcfcf } .expandable-tabs__tab-button:not(:first-child)::before { content: ""; padding-left: 15px } .expandable-tabs__tab-button>div { pointer-events: none; display: flex; flex: 1 0 0 } .expandable-tabs__tab-button .es-dropdown__arrow { flex: none } .expandable-tabs__details--hidden { overflow: hidden } .expandable-tabs__details--hidden .slick-list { height: 0px !important } .expandable-tabs__details--allow-overflowing-content:not(.expandable-tabs__details--hidden) .slick-list { animation: overflowVisibleOnExpanded .5s forwards } .expandable-tabs__details .slick-list { transition: height .5s } .expandable-tabs__details .slick-list .slick-track { display: flex } .expandable-tabs__details.with-fade-animation .slick-slide:not(.slick-active),.expandable-tabs__details.with-fade-animation .slick-track>:not(.slick-active) { visibility: hidden } .expandable-tabs__details-page { position: relative } .custom-pack__events-viewer-details .slick-slider { overflow: hidden } .custom-pack__events-viewer-details.with-arrows { padding: 0 19px } @media(max-width: 600px) { .pack__events .slick-slider { align-items:center; display: flex } .pack__events .slick-slider .slick-list { overflow: hidden; width: 100% } .pickSeats .slick-slider .slick-list { width: 100% } .pickSeats .slick-slider .slick-list .price-range-slider__main { margin-bottom: 12px } } .custom-pack__events-viewer .pack__events .slick-slider:not(.hide-arrows) { display: flex; align-items: center } .custom-pack__events-viewer .pack__events .slick-slider:not(.hide-arrows) .slick-list { display: flex; overflow: hidden } .slick-slide.slick-active.slick-current,.slick-track>.slick-active.slick-current { height: -moz-fit-content; height: fit-content } .app-page--shop__payment-information-page .slick-list .slick-track,.app-page--shop__confirmation-page .slick-list .slick-track { display: flex } .app-page--shop__payment-information-page .slick-slider,.app-page--shop__confirmation-page .slick-slider { width: 100% } @keyframes overflowVisibleOnExpanded { from { overflow: hidden } to { overflow: visible } } .stylized-dropdown { -webkit-user-select: none; -moz-user-select: none; user-select: none; font-weight: bold; width: 100%; max-width: 100% } .stylized-dropdown__container { display: flex; flex-direction: column; position: relative } @media(max-width: 1023.8px) { .stylized-dropdown__container { width:100% } } .stylized-dropdown__container label { margin: 0; font-size: 14px; font-weight: bold } @media(min-width: 600px) { .stylized-dropdown { width:unset } } .stylized-dropdown--opened .stylized-dropdown__label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none } .stylized-dropdown__label { background-color: #fff; border-radius: 24px; border: 1px solid gray; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; line-height: 1; outline: none; padding: 0 15px; transition: background .3s,border .3s,color .3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; height: 42px } .stylized-dropdown__label__search .glyphicon,.stylized-dropdown__label__search .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .stylized-dropdown__label__search button.number-selector-fancy__button { transform: rotate(90deg); font-size: larger } .stylized-dropdown__label__text { font-size: 12px; line-height: normal; color: #000; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .stylized-dropdown__label__caret { margin-left: auto; margin-right: 0 } .stylized-dropdown__items { position: absolute; background-color: #fff; border: 1px solid gray; border-radius: 24px; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; transition: background .3s,border .3s,height .3s; top: 100%; width: 100%; z-index: 50; overflow: hidden } .stylized-dropdown__items.hidden { display: block } .stylized-dropdown__items hr { margin: 0 auto; width: 90% } .stylized-dropdown__items__list { list-style: none; max-height: 200px; overflow-y: auto; margin: 0; padding: 0; display: block; text-align: left } .stylized-dropdown__items__list__item-container { width: 100% } .stylized-dropdown__items__list__item-container:hover .stylized-dropdown__items__list__item { background-color: unset; color: gray } .stylized-dropdown__items__list__item { font-size: 12px; cursor: pointer; padding: 10px; transition: background .3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; width: -moz-max-content; width: max-content; pointer-events: none; font-weight: bold } .stylized-dropdown__items__list__item--selected { background-color: unset } .stylized-dropdown__items__list__item-container[data-name$=-placeholder] .stylized-dropdown__items__list__item { color: #999; font-style: italic } .stylized-dropdown[name=has-placeholder] .stylized-dropdown__label__text { color: #999 !important; font-style: italic } @media(max-width: 599.8px) { .page-content-header .redirection-links-container { width:100% } } .skip-button { position: sticky; bottom: 0; width: 100%; height: 50px; background: #000; color: #fff; display: flex; align-items: center; justify-content: center; z-index: 31; font-weight: 500; margin-bottom: -20px; margin-top: 20px } @media(max-width: 1023.8px) { .skip-button { margin-top:0 } } .skip-button__underline { padding-left: 5px; padding-right: 20px; text-decoration: underline } .skip-button__arrow { transform: rotate(-90deg); padding-right: 2px } .page-with-skip-button { display: flex; flex-direction: column; flex: 1 1 auto } .page-with-skip-button .page-content { margin-left: 0; margin-right: 0 } .rc-trigger-popup { position: absolute; left: -9999px; top: -9999px; z-index: 1050 } .rc-trigger-popup-hidden { display: none } .rc-trigger-popup-zoom-enter,.rc-trigger-popup-zoom-appear { opacity: 0; animation-duration: .3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); animation-play-state: paused } .rc-trigger-popup-zoom-leave { animation-duration: .3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05); animation-play-state: paused } .rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active { animation-name: rcTriggerZoomIn; animation-play-state: running } .rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active { animation-name: rcTriggerZoomOut; animation-play-state: running } @keyframes rcTriggerZoomIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0) } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1) } } @keyframes rcTriggerZoomOut { 0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1) } 100% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0) } } .rc-trigger-popup-mask { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: #373737; background-color: rgba(55, 55, 55, 0.6); height: 100%; filter: alpha(opacity=50); z-index: 1050 } .rc-trigger-popup-mask-hidden { display: none } .rc-trigger-popup-fade-enter,.rc-trigger-popup-fade-appear { opacity: 0; animation-duration: .3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-play-state: paused } .rc-trigger-popup-fade-leave { animation-duration: .3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-play-state: paused } .rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active { animation-name: rcTriggerMaskFadeIn; animation-play-state: running } .rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active { animation-name: rcDialogFadeOut; animation-play-state: running } @keyframes rcTriggerMaskFadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes rcDialogFadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .rc-trigger-popup-mobile { transition: all .3s; position: fixed; left: 0; right: 0; bottom: 0; top: auto } .rc-trigger-popup-mobile-fade-appear-start,.rc-trigger-popup-mobile-fade-enter-start { transform: translateY(100%) } .rc-trigger-popup-mobile-fade-leave-active { transform: translateY(100%) } .upsells__group { margin-left: 0; margin-right: 0 } @media(max-width: 599.8px) { .upsells__group { padding-left:0 !important; padding-right: 0 !important } } .upsells__group--hide { display: none } .upsells__group:not(:last-child) { border-bottom: 1px solid #cfcfcf } .upsells__group-title { font-size: 1.3em; margin: 0 0 10px; font-weight: bold; display: block } .upsells__group-description { display: block; line-height: 20px; color: #666; font-weight: 300 } .upsells__group-description ul { padding-left: 40px } .upsells__group-main-row { display: flex; flex-direction: row; justify-content: space-between; align-items: start; padding: 1em 0 } .upsells__group-moreinfo { margin-top: 5px; margin-bottom: 5px; display: block } .upsells__group-block { padding-bottom: 15px } .upsells__group-error { background-color: #f2dede } .upsells__title { font-size: 1.2em } .upsells__info { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 8px; margin-top: 2px } .upsells__input .soldout { font-weight: bold; font-size: 1.3em } .upsells__stepper .number-selector-fancy { font-size: 1.4em } .upsells__stepper .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 40px } .upsells__stepper .number-selector-fancy .number-selector-fancy__input,.upsells__stepper .number-selector-fancy .number-selector-fancy__odometer,.upsells__stepper .number-selector-fancy .number-selector-fancy__odometer-values>div { height: 40px } .upsells__stepper .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 40px; height: 40px } .upsells__stepper .number-selector-fancy__value,.upsells__stepper .number-selector-fancy__odometer-values { font-size: 1em; font-weight: 500; top: 3px; padding: 0 2px } .upsells__dropdown .upsells__input-col--dropdown { max-width: 120px; padding-right: 0px } .upsells__dropdown .upsells__input-col--dropdown .soldout { font-size: 1.3em; font-weight: bold } .upsells__buttons-row { padding: 10px 0 10px 10px } .upsells__buttons-row #upsell-next { margin-left: 5px } .upsells__group-image img { border-radius: 7px; max-width: 100% } .upsells__group-max-limit { font-style: italic; max-width: 100% } @media(max-width: 1024px) { .upsells__group-max-limit { font-size:85% } } .upsells__error-row { margin-left: -10px } .upsells__error-area { padding: 10px 0px 10px 0px; color: #dc3545 } .upsells__required-selection-area { padding: 0px } .upsells__required-selection-area-label { color: #dc3545; margin-right: .4em } .upsells__price-tag { font-size: 1.2em; font-weight: bold } .upsells__price-input-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center } .upsells__price-input-container--center { justify-content: center } .upsells__price-col { padding-left: 0; padding-right: 0 } .upsells__dropdown .number-selector-dropdown__select { width: 100%; margin: 0 } .upsells__dropdown .number-selector-dropdown__select .form-group { margin-bottom: 0 } .upsells__radio-buttons { margin: 0 5px !important } .upsells__gaugeRed { color: red; background-color: #ba0000 } .upsells__gaugeGreen { color: red; background-color: #228a00 } .upsells__gaugeQty { border-radius: 50%; width: 20px; height: 20px; text-align: center; color: #fff; font-weight: bold; font-size: 11pt } .upsells__loading { opacity: .9; position: absolute; background-color: rgba(0,0,0,0); color: #8a6d3b; top: 35px; left: 15px; right: 15px; bottom: 0px; text-align: center; line-height: 20px; font-size: 15pt; visibility: visible; z-index: 10 } .upsells__list-price-choices { display: flex; flex-direction: row; justify-content: center } .upsells__gutter { display: flex; flex-direction: column; gap: 40px; width: 100% } @media(max-width: 599.8px) { .upsells__gutter { max-width:400px } } .upsells__required-selection-area { line-height: 1.5em } .upsell-item__radio { display: flex; flex-direction: row; flex-wrap: wrap } .upsell-item__radio--quantity label { min-width: 45px } .upsell-item__radio--amount label { min-width: 90px } .upsell-item__radio--shortamount label { min-width: 75px } .upsell-item__checkbox { display: flex; flex-direction: row; align-items: center } .upsell-item__checkbox input { margin-left: 5px; margin-right: 10px } .upsell-item__checkbox label { display: contents } .upsells.module.module--upsells,.pack-list .upsells.module--upsells.pack { border: none } .upsells.module.module--upsells>.module__title,.pack-list .upsells.module--upsells.pack>.module__title { text-transform: none; background-color: inherit; border-bottom: none } .upsells.module.module--upsells>.module__title>.module__title__left,.pack-list .upsells.module--upsells.pack>.module__title>.module__title__left { text-align: left; padding: 0; font-size: 1.5em; font-weight: bold; font-style: normal } .upsells.module.module--upsells>.module__container,.pack-list .upsells.module--upsells.pack>.module__container { padding: 0 } .upsells.module.module--upsells>.module__container>.upsell-page-validation-info,.pack-list .upsells.module--upsells.pack>.module__container>.upsell-page-validation-info { padding: 6px 8px; font-size: 1.1em; font-style: italic; background-color: #f3f3f3; color: #000; border-bottom: 1px solid #cfcfcf } .upsell-popup__content { background-color: #fff; margin: 15px; position: relative } .upsell-popup__content.card { font-size: 14px } @media(max-height: 600px) { .upsell-popup__content { margin:5px } } .upsell-popup__content .card__title { font-size: 16px; letter-spacing: 0; line-height: 1.2; text-transform: none; margin-bottom: 5px } .upsell-popup__content .card__media { height: 180px } .upsell-popup__close-button { position: absolute; background-color: #fff; top: -7.5px; right: -7.5px; display: block; font-size: 21px; color: #000; cursor: pointer; border-radius: 50% } .upsell-popup__buttons { margin-top: 1.5em; display: flex; justify-content: space-evenly } .upsell-popup__button:not(:last-child) { margin-right: 15px } [role=main][tabindex="-1"]:focus,[role=contentinfo][tabindex="-1"]:focus,[role=region][tabindex="-1"]:focus,[role=presentation][tabindex="-1"]:focus,[aria-hidden=true][tabindex="-1"]:focus,.no-outline[tabindex="-1"]:focus { outline: none } .light-outline:focus { outline: 1px dotted #000 } .skip-to-content,.stc__list { position: absolute } .stc__list { list-style: none } .stc__list__link { display: block; position: absolute; background: #fff; padding: 1em; top: 0; left: -99999px; width: 200px; overflow: hidden } .stc__list__link:focus { top: 0; left: 0; overflow: visible; z-index: 41 } .collapsible-panel { overflow: hidden } .collapsible-panel__body { overflow: hidden; position: relative; gap: 4px; -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 24px), transparent 100%); mask-image: linear-gradient(to bottom, black calc(100% - 24px), transparent 100%) } .collapsible-panel__body .collapsible-panel__content { overflow: hidden } .collapsible-panel__body .collapsible-panel__content .row { margin: 0 } .collapsible-panel__body__inner { padding: 16px; opacity: 0; transition-property: opacity; transition-timing-function: ease } .collapsible-panel--opened .collapsible-panel__body__inner { opacity: 1 } .collapsible-panel__button { background: rgba(0,0,0,0); width: 100%; border: none; text-align: center; box-shadow: none; padding: 8px; outline: none; font-weight: 500; font-size: 16px } .collapsible-panel__button__icon { display: inline-block; transition: all 400ms ease; margin-left: 15px } @media(max-width: 1023.8px) { .collapsible-panel__button__icon { margin-left:5px } } .collapsible-panel__button__icon:before { content: url(../img/chevron-down.svg) !important; filter: brightness(0.2) } .collapsible-panel__button__icon--opened { transform: rotate(-180deg) } .price-pill__container { display: flex; align-items: center; font-weight: 500; color: #333; white-space: nowrap } .card { color: #333; box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); display: flex; flex-direction: column; height: 100%; font-size: 12px } .card__header,.card__body,.card__footer { margin: 15px } .card__body,.card__footer { margin-top: 0 } .card__media { width: 100%; background-size: cover; background-position: center } .card__header { display: flex; padding-bottom: 10px; border-bottom: 1px solid #999 } .card__title { width: 100%; padding-right: 15px; font-size: 20px; letter-spacing: .05em; text-transform: uppercase; font-weight: 300 } .card__body ul { padding-left: 0px } .card__body ul li { margin: 10px 0; list-style: none; padding-left: 26px; position: relative } .card__body ul li:before { display: block; width: 16px; height: 16px; float: left; content: ""; background-image: url("../img/icons/checkmark.svg"); background-size: 100%; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; margin-top: 1px } .card__footer { text-align: center; margin-top: auto } .card__footer button,.card__footer .btn { height: 28px } .card .price-pill__container { align-self: flex-start; z-index: 1 } #INFO_TOOLTIP_POPOVER { border-radius: 10px } .separator-or-line-container { display: flex; justify-content: center } .separator-or-line-container__inner { width: 100%; display: flex; align-items: center; gap: .5em; text-transform: uppercase; margin: 2em 0; padding: 0 .5em; font-weight: bold; font-size: 1.1em } @media(min-width: 1024px) { .separator-or-line-container__inner { width:65% } } .separator-or-line-container__inner .separator-line { width: 100%; height: 2px; background-color: #000 } .es-breadcrumb-container { display: flex; flex-direction: column; gap: 1em } .es-breadcrumb { display: flex; gap: 1em } .es-breadcrumb-item-wrapper { display: flex; align-items: center; gap: 1em; opacity: 1; transition: opacity .2s ease-in-out } .es-breadcrumb-item-wrapper:not(.active) { opacity: .4 } .es-breadcrumb-item { display: flex; align-items: center; gap: .5em; font-size: 1.2rem } .es-breadcrumb-item .cursor-pointer { cursor: pointer } .es-app-icon>span svg,.es-app-icon>div svg,.es-app-icon>span,.es-app-icon>div,.es-app-icon { display: inline-flex; align-items: center; justify-content: center } .es-app-icon>span,.es-app-icon>div { padding: 0; margin: 0; width: 100%; height: 100% } .icon-wrapper { display: inline-flex; align-items: center; cursor: pointer; margin: -6px -14px -4px -15px; padding: 6px 14px 4px 15px } .icon-wrapper svg { width: 12px; height: 12px } .map-marker-icon { display: inline-block; width: 21.76px; height: 28.35px } .map-marker-icon svg { width: 100% } .optanon-alert-box-wrapper { opacity: .85 } .optanon-alert-box-wrapper .optanon-alert-box-bg p { font-size: 10pt !important; font-family: Roboto,sans-serif !important; font-weight: 300; letter-spacing: normal } .optanon-alert-box-wrapper .optanon-alert-box-bg p a { color: #fff; font-family: Roboto,sans-serif !important; font-weight: 300 } #optanon #optanon-popup-top .optanon-close,.optanon-alert-box-wrapper .optanon-alert-box-corner-close a { background: url(../img/x-symbol-22px-white.png) no-repeat top left !important } .optanon-alert-box-bg .optanon-alert-box-button.optanon-button-close { display: none !important } .featured-card-brand { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center } @media(max-width: 1023.8px) { .featured-card-brand { padding:5px } } .featured-card-brand__container { display: flex; align-items: center; justify-content: center; max-width: 300px } .featured-card-brand__image { flex-basis: 70px; margin-left: -26px; margin-bottom: 5px } .featured-card-brand__image img { display: block; max-width: 100%; height: auto } .featured-card-brand__body { flex-basis: calc(100% - 95px); font-weight: 400; letter-spacing: 1.15px; font-size: 10.5px; line-height: 1.6; color: #666 } .survey-form .survey-form__question { font-weight: 600 } .survey-form .survey-form__answer { width: 100%; max-width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; border: 1px solid #eee; border-radius: 3px; transition: all 300ms ease } .survey-form .survey-form__answer input[type=radio] { margin-top: 0 } .survey-form .survey-form__answer input[type=radio]+label { height: 100%; display: flex; padding: 20px 0 20px 20px; width: 100% } .survey-form .survey-form__answer:hover { background: #f7f7f7 } .survey-form .survey-form__answer.active { background: #f2f2f2 } .survey-form .survey-form__submit-button { margin-top: 15px } #SURVEY_MODAL.modal-dialog { padding-bottom: 0 } @media(max-width: 768px) { #SURVEY_MODAL.modal-dialog { padding:20px 20px 0 20px } } html[lang=ru] .event-selector__header-month .date-time__date .hidden-phone,html[lang=ru] .event-selector__header-month .date-time__date .visible-phone { text-transform: capitalize } .app-header__info-tooltip { margin-left: .5em; cursor: pointer; display: flex; align-items: center } .app-header__info-tooltip svg { fill: #fff } .app-header__info-popover { color: #333; padding: 20px; font-size: 12px; margin-top: 5px !important } .app-header__info-popover.bottom>.arrow { top: -21px; border-bottom-width: 21px } .app-header__info-popover.bottom>.arrow::after { top: 2px; border-width: 0 10px 20px 10px } @media(min-width: 1023.8px) { .app-header__info-popover { transform:translateX(-42.5%) } .app-header__info-popover.bottom>.arrow { left: auto !important; right: 8px } } .app-header__info-popover__content { text-align: left } .app-header__info-popover .event-summary-headline,.app-header__info-popover .event-summary-headline__event,.app-header__info-popover .event-location,.app-header__info-popover .event-location__facility,.app-header__info-popover .event-location__city { height: auto; display: inline-block; text-align: left; margin: 0 } .app-header__info-popover .app-header__info-popover__content__header { margin-bottom: 20px } .app-header__info-popover .app-header__info-popover__content__body { font-weight: 600 } .app-header__info-popover .app-header__info-popover__content__body>*+* { margin-left: 5px } .app-header__info-popover .event-summary-headline { color: inherit; height: auto } .app-header__info-popover .event-summary-headline__event { font-weight: bold; color: inherit } .cart-summary-tile { display: flex; align-items: center; justify-content: center; min-width: -moz-min-content; min-width: min-content; background: rgba(0,0,0,0); color: #000; padding-right: 1em } .cart-summary-tile__svg { height: 35px; width: 35px } .cart-summary-tile__svg path { fill: #000 } .cart-summary-tile__total-price-text { font-size: 1.2em; font-weight: 400; margin-inline-end:.5rem} .cart-summary-tile__icon { position: relative } .cart-summary-tile__tickets-in-cart-badge { background-color: #000; color: #fff; box-shadow: 3px 3px 5px rgba(0,0,0,.5); width: -moz-fit-content; width: fit-content; min-width: 1.5em; height: 1.5em; border-radius: 9999px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: -3.5px; left: 17.5px } .cart-summary-tile__tickets-in-cart-badge--large-number { left: 12.25px } .cart-summary-tile__tickets-in-cart-number { padding: 0 2px; font-size: 1.1em; font-weight: 600 } .cart-summary-tile__tickets-in-cart-number--large-number { font-size: .9em } .main-header { --es-header-max-width: 1440px; width: 100%; background-color: #fff; color: #171717 } .main-header__series-date svg path,.main-header .event-location svg path,.main-header .series-date-info svg path { fill: #000 } .main-header__top { position: relative; background-color: #fff } .main-header__top-content { display: flex; justify-content: space-between; align-items: center; min-height: 106px; width: 100%; max-width: var(--es-header-max-width); margin: 0 auto } .main-header__top-right { display: flex; align-items: center } .main-header__top-right-content { display: flex; align-items: center } .main-header__brand { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; flex-shrink: 1; min-width: 0 } .main-header__logo { height: 106px; margin: 10px 0; background-image: url("../images/logo.png"); background-size: contain; background-repeat: no-repeat; background-position: left; width: 100% } @media(max-width: 1023.8px) { .main-header__logo { height:58px; margin: 5px 0 } } .main-header__promo-code { display: flex; white-space: nowrap; align-items: center; padding: 1em 1.5em 1em 1em; color: #171717; font-size: .8em } .main-header__promo-code .es-app-icon { color: #171717; margin: 0 .5em; transform: rotate(-45deg) } .main-header__promo-code .es-app-icon svg path { fill: #171717 } .main-header__login { color: #000 } .main-header__bottom { display: flex; min-height: 98px; border-top: 1px solid #171717; background: linear-gradient(white 0%, #fff 100%) } .main-header__bottom-content { display: flex; align-items: center; width: 100%; max-width: var(--es-header-max-width); margin: 0 auto; padding: 5px 10px } .main-header .locale-switcher.dropdown button,.main-header .locale-switcher.dropdown button:hover,.main-header .locale-switcher.dropdown button:active,.main-header .locale-switcher.dropdown button:active:hover,.main-header .locale-switcher.dropdown button:focus,.main-header .locale-switcher.dropdown button:focus:hover { background-color: unset; border: unset; padding: 0; box-shadow: none; color: #171717; -webkit-box-shadow: none } .rc-trigger-popup .page-action-buttons { margin-top: 0 } .rc-trigger-popup .module-footer-buttons { margin: 0 } .main-header__series-info-container { display: flex; justify-content: space-between; width: 100%; align-items: stretch; overflow: hidden } @media(max-width: 599.8px) { .main-header__series-info-container:not(.has-image) { height:100%; align-items: center } } .main-header__series-info { display: flex; flex-direction: column; justify-content: center; overflow: hidden } .main-header__series-info .event-summary-headline { height: unset } .main-header__series-info .event-summary-headline__event { color: #000; margin: 0; font-size: 1.5rem; font-weight: 700 } @media(max-width: 599.8px) { .main-header__series-info .event-summary-headline__event { font-size:1em } } @media(max-width: 1023.8px) { .main-header__series-info .event-summary-headline { align-items:flex-start } .main-header__series-info .event-summary-headline__event { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden } } .main-header__series-extra-info { display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: flex-end; gap: 10px } .main-header .event-location>span,.main-header .date-time>span,.main-header .event-or-series-date.date-time>div { font-size: .9em; white-space: pre; line-height: 1.1 } .main-header .date-time__date { display: inline-block } .main-header .date-time>span::first-letter { text-transform: capitalize } .main-header__series-image-container { padding-right: 10px; display: flex; justify-content: center; align-items: center } @media(max-width: 599.8px) { .main-header__series-image-container { width:25% } } .main-header__series-image-container img { border-radius: 4px; height: 68px; width: 68px; -o-object-fit: contain; object-fit: contain } .main-header__series-image { background-image: none; background-size: cover; background-position: center; width: 68px; height: 68px; border-radius: 3px } .main-header__series-date { display: flex; flex-flow: row wrap; align-items: center; gap: 0px 10px } .main-header .series-date-info { display: flex } @media(min-width: 600px) { .main-header .series-date-info { font-size:1.3em } } .main-header__change-event { cursor: pointer; display: flex; align-items: center; justify-content: center; text-decoration: underline; color: #000 } @media(min-width: 480px) { .main-header__change-event { font-size:1.2em } } .sub-header:not(:empty) { padding-top: 4em; padding-bottom: 20px; padding-left: clamp(0px,10px - (100vw - 1440px)/2,10px); padding-right: clamp(0px,10px - (100vw - 1440px)/2,10px); width: 100% } .sub-header:not(:empty) .module,.sub-header:not(:empty) .pack-list .pack,.pack-list .sub-header:not(:empty) .pack { width: 100%; margin-bottom: 1em; max-width: 1440px } @media(min-width: 1024px) { .sub-header:not(:empty) .module__title { font-size:2em } } .sub-header .order-summary__collapsible__header { padding: 16px } .sub-header--has-cart { background-color: #e9e9e9 } .experience-list { width: 100%; margin: 0 auto; padding-bottom: 60px } .experience-list__item { flex: 1 1 1px } .experience-list__item .card__media { height: 165px } .experience-list__item .card__media iframe { width: 100%; height: 100% } .experience-list__item .video-component:hover { z-index: 2 } .experience-list__item .card__content { font-size: 12px } @media(min-width: 1024px) { .experience-list { max-width:710px } } .experience-list__title { font-size: 22px; font-weight: 300; text-align: center; letter-spacing: .05em; margin-bottom: 5px } .experience-list__grid { margin-left: -15px; margin-right: -15px; display: flex; justify-content: center; flex-wrap: wrap } .experience-list__item-container { padding: 15px; padding-top: 0; width: 50% } @media(max-width: 1023.8px) { .experience-list__item-container { width:100% } } .experience-list--carousel { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; overflow: hidden } .experience-list--carousel .experience-list__item-container { padding: 0 15px 15px 0; display: flex; height: auto } .experience-list--carousel .slick-track { padding-left: 11px } .experience-list--carousel .slick-initialized .slick-track { display: flex; height: 100%; justify-content: flex-start } .experience-list--carousel .slick-dots li { width: 10px; height: 10px } .experience-list--carousel .slick-dots li button::before { background: #fff; border: 2px solid #999; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; padding: 0; content: ""; opacity: 1 } .experience-list--carousel .slick-dots li.slick-active button::before { background: #999 } .best-price-guaranteed { display: flex; justify-content: center; align-items: center; padding: 8px; padding-right: 0; margin-top: 18px; border-top: 1px solid #cfcfcf; font-size: 12px } .best-price-guaranteed .es-app-icon--dollar { flex: 0 0 18px } .best-price-guaranteed__learn-more { margin-left: 5px; text-decoration: underline } .best-price-guaranteed__title-and-info { display: flex; padding-left: 18px; align-items: center; line-height: 14px; justify-content: space-between; width: 100% } .best-price-guaranteed__title { -webkit-font-smoothing: antialiased; color: #666; font-weight: 500 } .best-price-guaranteed__info { margin-left: 27px; display: flex; align-items: center } .best-price-guaranteed__popover { border-style: none; font-size: 11px; color: #666; border-radius: 0px; width: 290px; background-color: #fff; border: 1px solid #e3e3e3; padding: 13px 33px 13px 24px } .event-selector__header .best-price-guaranteed__title-and-info { justify-content: center; width: auto } .page-layout--shop__select-event-page .best-price-guaranteed__title-and-info { width: initial } .sidebar .best-price-guaranteed { margin: 8px 21px 0; padding-left: 8px } .rc-trigger-popup .event-selector .best-price-guaranteed,.sidebar .event-selector .best-price-guaranteed { display: none } .page-layout--shop__select-event-page .best-price-guaranteed { margin-top: 0px; border-top: none } @media(max-width: 1023.8px) { .sidebar .best-price-guaranteed { display:none } .page-layout--shop__payment-information-page .sidebar .best-price-guaranteed { display: flex } .page-layout--shop__payment-information-page .sidebar .module--order-summary .best-price-guaranteed { display: none } } @media(min-width: 1024px) { .rc-trigger-popup .best-price-guaranteed,.sidebar .best-price-guaranteed { align-items:center; justify-content: initial } .module--order-summary .best-price-guaranteed { display: none } } .seat-upgrade-current-seat-module { display: flex; flex-direction: column; align-items: center } .page-layout--shop__seat-upgrade-page .page-content .main-column { width: 80% } .page-layout--shop__seat-upgrade-page .find-best-module { max-width: 100% } @media(min-width: 1024px) { .page-layout--shop__seat-upgrade-page .find-best-module .seat-info__item-container { width:30em } } .skip-seat-upgrade-container { margin-bottom: 32px } .skip-seat-upgrade-container .skip-seat-upgrade-text { text-align: center; font-weight: bold; font-size: 1.1rem } .skip-seat-upgrade-container .skip-seat-upgrade-text .see-other-offers { color: blue; text-decoration: underline } .seat-holder-info { margin: 10px } .seat-holder-info.has-error { border: 1px solid #a94442 } .seat-holder-info.error-message { color: #a94442; font-size: 13px } @media(max-width: 1024px) { .add-seat-holder-button-container { display:flex; justify-content: center } } .add-seat-holder-btn { font-size: 14px; padding: 5px 20px; margin-top: .5em } .remove-seat-holder-button { color: #666; font-size: 14px; margin-right: 10px } .seat-holder-module-title { display: flex; justify-content: space-between; border-top: 1px solid #cfcfcf; padding-top: 15px } .seat-holder-inputs-container { margin-top: 10px; display: flex; justify-content: space-between; align-items: center } @media(max-width: 1024px) { .seat-holder-inputs-container { flex-direction:column } } .seat-holder-inputs { flex: 2 } .holder-total-tickets-selector { margin-top: 10px; display: flex; justify-content: center; align-items: center; text-align: center } .holder-tickets-selector { padding-top: 10px; padding-bottom: 20px; display: flex; justify-content: center; flex: 1 } .holder-tickets-selector .number-selector-fancy { font-size: 1.4em } .holder-tickets-selector .number-selector-fancy .number-selector-fancy__value { margin: 0px 5px; flex: 0 0 auto; min-width: 40px } .holder-tickets-selector .number-selector-fancy .number-selector-fancy__input,.holder-tickets-selector .number-selector-fancy .number-selector-fancy__odometer,.holder-tickets-selector .number-selector-fancy .number-selector-fancy__odometer-values>div { height: 40px } .holder-tickets-selector .number-selector-fancy .number-selector-fancy__button { flex-shrink: 0; width: 40px; height: 40px } .seat-holder-info-title { font-size: 14px } .control-label.floatl__label:not(.floatl--active) { pointer-events: none } .seat-holders-summary { line-height: 2em } .seat-holder-redeemer-seat { padding: 10px } .seat-holder-redeemer-info-inputs-container { margin-top: 1em; padding-top: 1em } .seat-holder-redeemer-info-inputs { margin-left: -10px; margin-right: -10px; display: flex; justify-content: space-between } @media(max-width: 1024px) { .seat-holder-redeemer-info-inputs { flex-direction:column; height: 140px; justify-content: flex-start } } .seat-holder-redeemer-icon-container { padding-top: 10px; margin-left: 3px } @media(max-width: 1024px) { .seat-holder-redeemer-icon-container { display:none } } .seat-holder-redeemer-email-input-container { display: flex } @media(max-width: 1024px) { .seat-holder-redeemer-email-input-container { padding-left:0px; padding-right: 0px; margin-bottom: 10px; width: 100% } } @media(max-width: 1024px) { .redeem-code-input-container { width:100% } } @media(max-width: 1024px) { .seat-holder-redeemer-email-input { width:100% } } .redeemer-info-input .has-child-text.has-error { margin-bottom: 0px } .seat-redeemer-backend-error { color: #a94442; padding-bottom: 10px } .cover-genius-ticket-insurance-review { font-weight: 400; font-size: 12px } .cover-genius-ticket-insurance-review span { vertical-align: middle } .cover-genius-ticket-insurance-review span .es-app-icon { transform: translateY(1px) } .cover-genius-ticket-insurance-review span+span { margin-left: .5em } @media(max-width: 1023.8px) { .cover-genius-ticket-insurance-review .hidden-on-mobile { display:none } } .cover-genius-ticket-insurance-form .disabled { opacity: .4; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none } .cover-genius-ticket-insurance-form .ticket-insurance-spinner { width: 100%; height: 100%; background: url("../img/skins/pgaetad/loading.png") no-repeat; background-position: center; position: absolute } .cover-genius-ticket-insurance-form .insurance-lead-text { color: #666; font-weight: 600; margin: .5em 0 1em 0 } .cover-genius-ticket-insurance-form .insurance-lead-text a { color: #39f } .cover-genius-ticket-insurance-form .insurance-perks ul { padding: 0; margin: 1em 0 .5em 0; color: #333 } .cover-genius-ticket-insurance-form .insurance-perks ul li { background: url("../img/covergenius/check.svg") no-repeat left top; padding: 0px 0px 8px 20px; list-style: none; margin: 0 } @media(max-width: 1023.8px) { .cover-genius-ticket-insurance-form .insurance-perks ul { flex-direction:column } } .cover-genius-ticket-insurance-form .insurance-choice { background: #fef8f3; border: 1px solid #ed7f31; box-sizing: border-box; border-radius: 3px; padding: 12px } .cover-genius-ticket-insurance-form .insurance-choice .insurance-choice-lead-text { letter-spacing: 1px; color: #eb711a; display: flex; align-items: center } .cover-genius-ticket-insurance-form .insurance-choice .insurance-choice-lead-text .es-app-icon { margin-right: 4px; transform: scale(0.8) } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons { display: flex; flex-direction: column; margin-top: .6em } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label { font-weight: 400; background: #fff; border: 1px solid #d9d9d9; border-radius: 8px; padding-top: 1em; padding-bottom: 1em; display: flex; margin: .5em 0 } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label.has-error { border-color: #a94442; color: #a94442 } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label:hover { cursor: pointer } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label.selected { color: #fff; background: #39f; font-weight: 700 } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label .label-text { display: flex; flex-direction: column } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label .subtext { font-style: italic; font-size: .8em } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label .two-lines-label { display: flex; flex-direction: column; margin-left: 0 } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label .two-lines-label .secondary-radio-label { font-weight: 500; font-size: 12px } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label .two-lines-label .hidden { display: none } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label input { flex: 0 0 20px; -webkit-appearance: none; width: 20px; height: 20px; border: 2px solid #cbcbcb; border-radius: 100%; outline: none } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label input:checked::before { content: ""; display: block; width: 50%; height: 50%; margin: 25% auto; border-radius: 100%; background: #666 } .cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label input,.cover-genius-ticket-insurance-form .insurance-choice .insurance-radio-buttons .insurance__radio-buttons-label span { margin-top: auto; margin-bottom: auto; margin-left: 1em } .cover-genius-ticket-insurance-form .insurance-choice .insurance-choice-policy { font-size: 10px; line-height: 14px; letter-spacing: -0.01em; color: #73777c; display: flex; flex-direction: row } .cover-genius-ticket-insurance-form .insurance-choice .insurance-choice-policy-text { flex-basis: 90% } .cover-genius-ticket-insurance-form .insurance-choice .insurance-choice-policy-logo { margin-left: auto; margin-right: 0; transform: scale(0.9); transform-origin: right top } .optin-checkbox-container { padding-bottom: 1em } .module--OPT_INS .row { margin: 0 } .module--OPT_INS .form-check { padding: 0; display: flex; align-items: center } .module--OPT_INS .form-check input { margin-block-start:0;margin-inline-end:.5em;margin-block-end:0;margin-inline-start:0;position: relative } .module--OPT_INS .form-check label p { margin: 0 } .action-card { position: fixed; z-index: 1030; min-width: 260px; width: unset !important; padding: 1em; transition: left 1000ms,right 1000ms; background-color: #fff; border-radius: 10px; filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25)) } @media(max-width: 599.8px) { .action-card { filter:none; border-top: 1px solid #cbcbcb } } .action-card.mobile { position: fixed; inset: auto 0 0 0 !important; border-radius: 0 } .action-card.bottom-right { bottom: 1em; right: 1em } .action-card.bottom-right.contained { right: max((100vw - 1440px)/2,1em) } .action-card.bottom-right.animated { right: -100% } .action-card.bottom-left { bottom: 1em; left: 1em } .action-card.bottom-left.contained { left: max((100vw - 1440px)/2,1em) } .action-card:not(.visible) { display: none } .action-card__tickets { margin-bottom: 1em } .action-card__content { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center } .action-card__content .module-footer-buttons,.action-card__content .page-action-buttons { width: 100%; padding: 0; margin: 0 } .action-card__number-of-tickets { margin-inline-end:.3em} .action-card__total { font-weight: bold } .action-card__footer-message { font-size: .8em; opacity: .6; font-style: italic } .action-card .order-summary__table { min-width: 350px } .main-column .checkout-form { padding-top: 1.5em; padding-left: 5px } .main-column .checkout-form__title { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 1em } .main-column .checkout-form .module--delivery-method { padding-bottom: .3em; border-bottom: 1px solid rgba(211,211,211,.8); margin-bottom: 0 } @media(max-width: 1023.8px) { .main-column .checkout-form .module--delivery-method { background-color:#fff; padding: 1em; border-radius: 20px; border-bottom: none } } .main-column .checkout-form .module--delivery-method .module__title { padding-bottom: .3em; border-bottom: none; padding-top: 5px; font-size: 1.2em } @media(max-width: 1023.8px) { .main-column .checkout-form .module--delivery-method .module__title { padding-top:0 } } .main-column .checkout-form .page-action-buttons .accept-terms-btn { text-align: left } .main-column .checkout-form .page-action-buttons .action-button-container { width: 50% } .main-column .checkout-form .sidebar-error-message { width: 50% } .main-column .checkout-form .delivery-method label { font-weight: normal; color: #000; font-size: 14px; margin-bottom: .5rem } .checkout-form-accordion { counter-reset: idx } .checkout-form-accordion .card { counter-increment: idx; color: inherit; box-shadow: none; border: none; border-bottom: 1px solid rgba(211,211,211,.8); border-radius: 0; overflow: visible } .checkout-form-accordion .card.disabled { cursor: not-allowed } .checkout-form-accordion .card.disabled .checkout-form-accordion-step { pointer-events: none } @media(min-width: 1024px) { .checkout-form-accordion .card { border:0; border-radius: 0; margin-bottom: 0 } .checkout-form-accordion .card:last-of-type .card-header { margin-bottom: 0 } } .checkout-form-accordion .card .card-header { font-size: 16px; font-weight: 700; line-height: 22px; background-color: rgba(0,0,0,0); border-top: 0; padding: 1.15em 0 .8em 0; display: flex; flex-direction: column } @media(min-width: 1024px) { .checkout-form-accordion .card .card-header { margin:0; padding: 1rem 0; font-size: 20px; line-height: 24px } } .checkout-form-accordion .card .card-header.active { border-bottom: none } .checkout-form-accordion .card .card-header button { margin-left: auto; border: none; background-color: rgba(0,0,0,0) } .checkout-form-accordion .card .card-header button .edit { text-decoration: underline; color: #6349e9; font-weight: 650; font-size: initial } .checkout-form-accordion .card .card-header button.disabled .edit { color: gray; text-decoration: none } .checkout-form-accordion .card:has(form:empty):not(:has(.customer-credit-container)) { display: none } .checkout-form-accordion .card .card-body { padding: 0 } .checkout-form-accordion .card .card-body form .form-group { padding: 0; margin-bottom: 1rem } .checkout-form-accordion .card .card-body form label { font-size: 16px; font-weight: 700; margin-left: 18px } .checkout-form-accordion .card .card-body form input:not([type=checkbox]) { border-radius: 32px; text-indent: 8px } .checkout-form-accordion .card .card-body form input[type=number]::-webkit-outer-spin-button,.checkout-form-accordion .card .card-body form input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } .checkout-form-accordion .card .card-body form select { font-size: 1rem } .checkout-form-accordion .card .card-body .btn-action { font-size: 14px } @media(min-width: 1024px) { .checkout-form-accordion .card .card-body { border-bottom:1px solid rgba(0,0,0,.125) } } .checkout-form-accordion .card .card-body .invalid-feedback { font-size: 1em; padding-left: calc(1em + 8px) } .checkout-form-accordion .card .card-body .module__title { padding: 0; border-bottom: 0 } .checkout-form-accordion .card .card-body .module__container { padding: 0 } .checkout-form-accordion .card .col:has(.customer-credit-container) { padding: 0 0 2em 0; font-size: 14px } .checkout-form-accordion.single-form .card .card-body { padding-top: 1em } .checkout-form-accordion .cover-genius-ticket-insurance-review { text-align: left; padding-bottom: .3em; padding-left: .7em } .checkout-form-accordion .cover-genius-ticket-insurance-review span .es-app-icon { transform: translateY(-2px) } .checkout-form-accordion .checkbox-form-opt-ins { margin-top: 1.15em } .checkout-form-accordion .checkbox-form-opt-ins .form-group { margin-bottom: 0 } .checkout-form-accordion .checkbox-form-opt-ins .form-group:not(:last-child) .form-check { margin-bottom: 1em } .checkout-form-accordion .checkbox-form-opt-ins__title { font-size: 1.2em; font-weight: bold; margin-bottom: .5em } .checkout-form-accordion .checkbox-form-opt-ins .form-check-inline { display: inline-flex; align-items: center } .checkout-form-accordion .checkbox-form-opt-ins .form-check-label { padding-inline-start:1em} .checkout-form-accordion .checkbox-form-opt-ins .form-check-label p { margin-bottom: 0 } .checkout-form-accordion .gift-card { padding-left: 0; padding-bottom: 1em } .checkout-form-accordion .gift-card-prompt__enter-card { font-size: 14px } .checkout-form-accordion .payment-plan { font-size: 16px; flex-wrap: nowrap; gap: .6em; margin-bottom: 1em } .checkout-form-accordion .payment-plan__radio { text-align: start; max-width: 2.5em; padding-top: 2px } .checkout-form-accordion .payment-plan__radio input { border: 1px solid #000 } .checkout-form-accordion .payment-plan__installments-description { margin-top: .5em } .checkout-form-accordion .payment-plan__description { margin-left: 0; display: flex; flex-direction: column; gap: 5px; cursor: pointer } .checkout-form-accordion .payment-plan__description__installment { margin: 0 } .checkout-form-accordion .payment-plan__description__installment__price { text-align: start } .checkout-form-accordion .payment-plan__credit-cards { display: flex; text-align: right } .checkout-form-accordion-step.valid .checkout-form-accordion-step__upper-header:before { color: #fff; background-color: #000 } .checkout-form-accordion-step.editable:not(.active) { cursor: pointer } .checkout-form-accordion-step__column { display: flex; gap: 1.5em; flex-wrap: wrap; align-items: center } @media(max-width: 599.8px) { .checkout-form-accordion-step__column { flex-direction:column; gap: 0; align-items: unset } } .checkout-form-accordion-step__error-message { color: #a94442; flex: 1; align-self: center; min-height: 10px !important } @media(max-width: 599.8px) { .checkout-form-accordion-step__error-message { width:100%; margin-bottom: 1em; text-align: center } } .checkout-form-accordion-step__error-message__hidden { display: none } .checkout-form-accordion-step__action-button.btn { flex: 1; padding: 0; margin: 0 } @media(max-width: 599.8px) { .checkout-form-accordion-step__action-button.btn { width:100% } } @media(min-width: 600px) { .checkout-form-accordion-step__action-button.btn { max-width:50% } } .checkout-form-accordion-step__upper-header { width: 100%; display: flex; align-items: center; gap: 10px; scroll-margin-top: -25vh } .checkout-form-accordion-step__upper-header span { word-wrap: break-word } .checkout-form-accordion-step__upper-header:before { content: counter(idx); display: inline-block; font-size: 12px; line-height: 20px; text-align: center; vertical-align: text-bottom; width: 24px; min-width: 24px; height: 24px; border: 2px solid #000; border-radius: 100% } .checkout-form-accordion-step__title-container { display: flex; align-items: center; gap: .5em } .checkout-form-accordion-step__danger { color: #a94442 } .checkout-form-accordion-step__mandatory_fields_indicator { padding-top: 1em; font-size: .65em; font-weight: normal; font-style: italic; opacity: .6 } .checkout-form-accordion-step__lower-header:not(:empty) { font-weight: normal; font-size: 14px; padding-top: .8em } .contact-and-billing-header-summary { display: flex; flex-direction: column; flex-wrap: wrap; gap: .5em 1.2em } .contact-and-billing-header-summary .summary-section { display: flex; gap: .5em 1.2em; flex-wrap: wrap } @media(max-width: 600px) { .app-wrapper--new-checkout .page-container { margin-bottom:3em } .app-wrapper--new-checkout .main-column .checkout-form { padding: 5em 0 0 0 } .app-wrapper--new-checkout .main-column .checkout-form .form-check { display: flex; align-items: center; padding-left: 0 } .app-wrapper--new-checkout .main-column .checkout-form .checkbox-form-opt-ins { padding: 1em; background-color: #fff; border-radius: 20px; display: flex; flex-direction: column } .app-wrapper--new-checkout .main-column .checkout-form .checkbox-form-opt-ins .form-check-input { margin: 0; position: relative } .app-wrapper--new-checkout .main-column .checkout-form .checkout-form-accordion .card { padding: 0 1em; border: none; border-radius: 20px; margin: 1em 0 } .app-wrapper--new-checkout .main-column .checkout-form .checkout-form-accordion .card .card-header { border: none; padding: 1em 0 } .app-wrapper--new-checkout .main-column .checkout-form .checkout-form-accordion .card .card-header.active { border-bottom: 1px solid rgba(0,0,0,.1) } .app-wrapper--new-checkout .main-column .checkout-form .checkout-form-accordion-step__lower-header { margin-top: 1em; border-top: 1px solid rgba(0,0,0,.1) } .app-wrapper--new-checkout .main-column .checkout-form .collapse.show { margin-top: 1em } .app-wrapper--new-checkout .sidebar { padding: 1em; background-color: #fff; border-radius: 20px } .app-wrapper--new-checkout .sidebar .page-action-buttons { margin-bottom: 0 } } #app-event-selector-event-tooltip { max-width: unset; padding: 1em; border-radius: 10px; box-shadow: 5px 5px 10px 0 #939ba2; border: 1px solid #fff; font-size: 1em; display: flex; flex-direction: column; align-items: center; gap: 1em } #app-event-selector-event-tooltip .event-starting-price { flex: unset } #app-event-selector-event-tooltip .event-starting-price__full-string { margin-bottom: 0 } .app-event-selector { display: flex; flex-direction: column; gap: 2em; min-width: 170px; padding-bottom: 1em } .app-event-selector__events-group h5,.app-event-selector__events-group .h5 { text-align: center; margin: 1em 0 } .app-event-selector__event-info { width: 100%; display: flex; justify-content: space-between; align-items: flex-end } .app-event-selector__cta { position: absolute; left: -50%; top: 50%; transform: translateY(-50%) } .app-event-selector .event-summary-headline__event { font-size: 1.5rem; color: #000; margin: 0; font-weight: 700; margin-top: 1em } .app-event-selector__events { display: flex; flex-direction: column; align-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; gap: 1em } .app-event-selector__event-title { overflow: hidden; transition: width .2s; max-height: calc(100px - 2em) } .app-event-selector__event-container { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; width: -moz-fit-content; width: fit-content; cursor: pointer } .app-event-selector__event-container.has-logo .app-event-selector__event-content { padding: .5em } .app-event-selector__event-container.has-logo button { border-radius: 10px } .app-event-selector__event-container button { padding: 0; width: 170px } .app-event-selector__event-container button .animation-container { justify-content: space-evenly } .app-event-selector__date { width: 100%; display: flex; justify-content: space-evenly; align-items: center } .app-event-selector__event-content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100% } .app-event-selector__event-content .event-logo img { height: 40px; width: 40px } .app-event-selector__event-info-hover { position: absolute; display: flex; top: 0; left: 0; z-index: 1150; background-color: #fff; height: calc(100% + 2em); padding: 1em; filter: drop-shadow(0 0 0.5em rgba(0, 0, 0, 0.2)); animation: slideIn .3s; width: 450px; height: calc(60px + 2em); overflow: hidden; border-radius: 20px; pointer-events: none } .app-event-selector__event-info-hover .event-date { background: #fff; color: #000 } .app-event-selector__event-info-hover-content { display: flex; flex-direction: column; gap: .5em; align-items: center; justify-content: center; width: 330px } .app-event-selector__event-info-hover-content span { white-space: nowrap } .app-event-selector__event { display: flex; align-items: center; justify-content: center; gap: .5em; height: 40px; width: 80px; border-radius: 10px; background-color: #fff; color: #000; transition: width .2s; padding: 1em } .app-event-selector__event-date-separator { white-space: pre; font-weight: bold } .app-event-selector__event-dates { display: flex } .app-event-selector .is-date-range .app-event-selector__event-dates { flex-direction: row } @keyframes slideIn { from { width: 0 } to { width: 450px } } .event-list-item { display: flex; align-items: stretch; background-color: #fff; border-radius: 10px; transform: translateZ(0); filter: drop-shadow(0px 0px 4px #dedede); transition: border-radius 200ms; overflow: hidden } .event-list-item.has-description { cursor: pointer } .event-list-item.is-disabled { cursor: default } .event-list-item .select-event-action-button { text-wrap: nowrap } .event-list-item .select-event-action-button:not(:only-child) { margin-inline-end:8px} .event-list-item__container { height: -moz-fit-content; height: fit-content; margin-bottom: 2em; flex-basis: auto } .event-list-item__container.show-item-details.has-selected-tickets .event-list-item__select-event-container .btn { background-color: #f3f3f3 } .event-list-item__container.show-item-details.has-selected-tickets .event-list-item__select-event-container .btn:focus { outline: unset } .event-list-item__container .glyphicon,.event-list-item__container .number-selector-fancy button.number-selector-fancy__button,.number-selector-fancy .event-list-item__container button.number-selector-fancy__button { font-size: 12px } .event-list-item__container:not(.show-item-details).has-selected-tickets .event-list-item__select-event-container .btn { background-color: unset } .event-list-item__container:not(.show-item-details).has-selected-tickets .event-list-item__select-event-container .btn:focus { outline: unset } .event-list-item__container:not(.show-item-details).has-selected-tickets .event-list-item__select-event-container .btn:hover { background-color: #f9f9f9 } .event-list-item__container .event-date { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-grow: 1; margin: 0; background-color: unset; color: #000; line-height: 1.2 } .event-list-item__list-item-button { position: relative } .event-list-item__list-item-button-container { display: flex; align-items: center; justify-content: center } .event-list-item__list-item-button-container .event-starting-price__full-string { position: absolute; transform: translateY(-100%); margin-bottom: 3em; justify-content: center; display: flex; font-size: 13px } .event-list-item__list-item-button-container .event-list-item-button__list-item-button { position: absolute; top: 50%; transform: translateY(-50%) } .event-list-item__list-item-button-container .nudge-indicator { position: absolute; top: 50%; transform: translateY(100%); margin-top: 1em } .event-list-item__event-image { width: 500px; overflow: hidden; display: flex; justify-content: center; position: relative; aspect-ratio: 16/9; max-width: 20%; flex: 0 0 100% } @media(max-width: 1023.8px) { .event-list-item__event-image { flex-shrink:2; min-height: 120px } } .event-list-item__event-image .event-image { width: 100%; -o-object-fit: cover; object-fit: cover } .event-list-item__event-details { display: flex; width: 100%; min-height: 120px; padding: 0 10px } .event-list-item__event-details .row { flex-grow: 1 } .event-list-item__event-details .event-date__time { margin-top: 4px } .event-list-item__event-details .event-date-range-badge { padding: 20px 7px; justify-content: center; flex-grow: 1 } .event-list-item__event-details .event-date-range-badge .event-date { padding: 0; margin: 0 } @media(max-width: 1023.8px) { .event-list-item__event-details .nudge-indicator { margin-top:.7em; justify-content: center } } @media(max-width: 600px) { .event-list-item__event-details .event-starting-price__full-string { margin-top:.7em; margin-bottom: 0; text-align: center; font-size: 13px } } .event-list-item__event-desc { display: flex; flex-direction: column; justify-content: center; overflow-wrap: anywhere } @media(min-width: 600px) { .event-list-item__event-desc { padding:1em } } .event-list-item__event-desc-body { overflow: hidden } .event-list-item__event-desc-body .event-desc-body-stylized-span { padding: 1em } @media(min-width: 600px) { .event-list-item__event-desc-body .event-desc-body-stylized-span { padding:1em 0 } } .event-list-item__event-desc-body .event-desc-body-stylized-span p { margin: 0 } .event-list-item__select-event-container { display: flex; align-items: center; justify-content: center; padding: 1em } @media(min-width: 600px) { .event-list-item__select-event-container { padding:0 } } .event-list-item__select-event-container .btn { white-space: nowrap; padding: 0 2em } .event-list-item__select-event-container .btn-grayed,.event-list-item__select-event-container .btn-grayed:hover { background-color: gray; color: #fff } .event-list-item__select-event-container .btn-grayed { font-weight: bold } .event-list-item__list-item-more-info { text-decoration: underline; margin-left: .5em; white-space: nowrap; display: flex; align-items: center; justify-content: center } @media(max-width: 600px) { .event-list-item { flex-direction:column } .event-list-item__event-image { width: 100%; max-width: unset; height: 150px } .event-list-item__event-image .event-image { width: 100%; -o-object-fit: cover; object-fit: cover; max-width: unset } } .event-list-item__event-title { display: flex } @media(max-width: 1023.8px) { .event-list-item__event-title { justify-content:space-between; flex: 1 } } .event-list-item__event-title-container { display: flex; justify-content: space-between } .event-list-item__event-title-container h4,.event-list-item__event-title-container .h4 { font-weight: 500 } @media(max-width: 1023.8px) { .event-list-item__event-title-container { flex:1; align-items: center; justify-content: center } } @media(min-width: 1440px) { .event-list-item__event-title-container { align-items:center } } @media(max-width: 599.8px) { .event-list-item__event-details { width:unset; flex-direction: column } } .header__brand { flex: 1 1 1px } .main-header { box-shadow: 0px 0px 50px -30px #000 } .main-header__bottom { border-bottom: 1px solid #171717 } .header__greeting { display: none } .find-best-offer-wrapper { border: none } .event-selector__calendar-event-time.selected,.event-selector--list .event-selector__list-event-time.selected { pointer-events: none } .navbar .header { color: #000 !important } .navbar .header__greeting,.navbar .locale-switcher .btn-default,.navbar .locale-switcher.open .btn-default { color: #000 !important } .login-header__username,.login-header__logout-link { color: #000 } .btn-action,.number-selector-fancy button.number-selector-fancy__button { background-color: #000; border-color: #000; border: 3px solid #000 } .btn-action:hover,.number-selector-fancy button.number-selector-fancy__button:not(:disabled):hover { background-color: #fff; color: #000 } .btn-action:hover::before,.number-selector-fancy button.number-selector-fancy__button:not(:disabled):hover::before { background: #000 } .btn-action:hover,.number-selector-fancy button.number-selector-fancy__button:focus { box-shadow: none; -webkit-box-shadow: none } .number-selector-fancy button.number-selector-fancy__button[disabled]:hover { border: 3px solid #000 } .footer__partners { background-color: #fff } .footer__partners ul>li { max-width: inherit; min-width: inherit } .footer__partners ul>li img { max-height: inherit } .footer__partnered-with { color: #000 } .footer__top { box-shadow: none; background-color: #fff } .custom-pack__rule-nav { color: #000 } .footer__copyright { color: #242424 } .dsgsdgdhsdh { animation-name: dgfhfgjfgjkfk; animation-duration: 0.3s; animation-iteration-count: inherit; animation-direction: normal; } .dsgsdgdhsdhr { animation-name: dgfhfgjfgjkfkr; animation-duration: 0.3s; animation-iteration-count: inherit; animation-direction: normal; } @keyframes dgfhfgjfgjkfk { from { height: 356px; } to { height: 658px; } } @keyframes dgfhfgjfgjkfkr { from { height: 658px; } to { height: 356px; } } @media screen and (min-width: 600px) { iframe[name="__privateStripeFrame5683"] { height: 80px; } }