html body {
font-family: "Avenir LT W01_45 Book1475508"; }
html body .alert-error {
font-size: 16px !important; }
html body button.tf-btn-primary, html body a.tf-btn-primary, html body input.tf-btn-primary {
background: #D61C39 !important;
border: 0 !important;
color: #fff !important;
font-size: 15px;
font-family: "Avenir LT W01_85 Heavy";
text-transform: uppercase;
font-weight: unset;
padding-top: 10px;
padding-bottom: 6px; }
html body button.tf-btn-primary:hover, html body a.tf-btn-primary:hover, html body input.tf-btn-primary:hover {
background: #0F0F0F !important;
border: 0 !important;
color: #fff !important; }
html body #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field {
padding-top: 0 !important;
padding-bottom: 0 !important; }
html body #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input {
top: 5px !important;
margin-bottom: 15px !important; }
@media only screen and (max-width: 748px) {
html body #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error {
margin-top: -6px !important; } }
html body #data-collection-app #legacy-checkout-buttons {
margin-top: 20px; }
html body button.tf-btn-default, html body a.tf-btn-default, html body input.tf-btn-default, html body .tf-btn.tf-btn-default {
background: none !important;
border: 0 !important;
color: #0F0F0F !important;
font-size: 15px;
font-family: "Avenir LT W01_85 Heavy";
text-transform: uppercase;
font-weight: unset;
padding-top: 10px;
padding-bottom: 6px;
padding: 3px 0;
height: auto !important;
border-bottom: solid 2px #0F0F0F !important; }
html body button.tf-btn-default:hover, html body a.tf-btn-default:hover, html body input.tf-btn-default:hover, html body .tf-btn.tf-btn-default:hover {
color: #D61C39 !important;
background: none !important;
border-bottom: solid 2px #D61C39 !important; }
html body .modal .modalFooter {
display: flex;
justify-content: flex-end;
gap: 30px;
align-items: center; }
html body .modal .modalFooter button.tf-btn-primary, html body .modal .modalFooter a.tf-btn-primary, html body .modal .modalFooter input.tf-btn-primary, html body .modal .modalFooter .tf-btn.tf-btn-primary {
background: #D61C39 !important;
border: 0 !important;
color: #fff !important;
font-size: 15px;
font-family: "Avenir LT W01_85 Heavy";
text-transform: uppercase;
font-weight: unset;
padding-top: 10px;
padding-bottom: 6px; }
html body .modal .modalFooter button.tf-btn-primary:hover, html body .modal .modalFooter a.tf-btn-primary:hover, html body .modal .modalFooter input.tf-btn-primary:hover, html body .modal .modalFooter .tf-btn.tf-btn-primary:hover {
background: #0F0F0F !important;
border: 0 !important;
color: #fff !important; }
html body .modal .modalFooter button.tf-btn-default, html body .modal .modalFooter a.tf-btn-default, html body .modal .modalFooter input.tf-btn-default, html body .modal .modalFooter .tf-btn.tf-btn-default {
background: none !important;
border: 0 !important;
color: #0F0F0F !important;
font-size: 15px;
font-family: "Avenir LT W01_85 Heavy";
text-transform: uppercase;
font-weight: unset;
padding-top: 10px;
padding-bottom: 6px;
padding: 3px 0;
height: auto !important;
border-bottom: solid 2px #0F0F0F !important; }
html body .modal .modalFooter button.tf-btn-default:hover, html body .modal .modalFooter a.tf-btn-default:hover, html body .modal .modalFooter input.tf-btn-default:hover, html body .modal .modalFooter .tf-btn.tf-btn-default:hover {
color: #D61C39 !important;
background: none !important;
border-bottom: solid 2px #D61C39 !important; }
html body .modal#order_state_cancel_double_confirm .modalFooter .cancel_confirm_no {
order: 1; }
html body #seat-shopping-cart {
margin-top: 20px; }
html body #seat-shopping-cart h2 {
font-family: "Big Caslon, Medium" !important;
font-size: 24px !important;
color: #0F0F0F !important;
display: inline-block !important;
font-weight: unset !important;
text-transform: initial;
margin-bottom: 15px; }
html body #seat-shopping-cart #seat-shopping-cart-table thead tr th {
font-size: 17px !important;
color: #0F0F0F;
font-family: "Avenir LT W01_85 Heavy";
text-transform: uppercase;
border-top: 0; }
html body #seat-shopping-cart #seat-shopping-cart-table thead tr th.price {
padding-right: 10px !important; }
html body #seat-shopping-cart #seat-shopping-cart-table tbody tr td {
font-size: 17px;
color: #0F0F0F; }
html body #seat-shopping-cart #seat-shopping-cart-table tbody tr td.title {
color: #0F0F0F !important; }
html body #seat-shopping-cart #seat-shopping-cart-table tbody tr td.edit a {
color: #0F0F0F; }
html body #mini-auth-signup-form, html body #mini-auth-signin-form {
display: flex;
flex-wrap: wrap; }
html body #mini-auth-signup-form .evf-formset-field-container, html body #mini-auth-signin-form .evf-formset-field-container {
width: 100%; }
html body #mini-auth-signup-form .evf-formset-field-container .field-after-html, html body #mini-auth-signin-form .evf-formset-field-container .field-after-html {
margin: 20px 0 40px; }
html body #mini-auth-signup-form .evf-formset-field-container .password-criteria, html body #mini-auth-signin-form .evf-formset-field-container .password-criteria {
display: flex;
flex-wrap: wrap; }
html body #mini-auth-signup-form .evf-formset-field-container .password-criteria li, html body #mini-auth-signin-form .evf-formset-field-container .password-criteria li {
font-size: 12px;
color: #6d6d6d;
width: 100%; }
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field {
margin-bottom: 0 !important; }
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field label, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field label {
display: none;
top: -15px !important; }
@media only screen and (max-width: 748px) {
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field label, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field label {
top: -7px !important; } }
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field br, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field br {
display: none; }
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field input, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field input {
font-size: 18px;
color: #0F0F0F;
font-family: "Avenir LT W01_45 Book1475508";
height: 36px;
top: 0 !important; }
@media only screen and (max-width: 748px) {
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field input, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field input {
height: 42px;
margin: 0; } }
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field input::placeholder, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field input::placeholder {
font-size: 18px;
color: #0F0F0F;
font-family: "Avenir LT W01_45 Book1475508"; }
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field input[type="checkbox"], html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field input[type="checkbox"] {
height: 15px !important; }
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field select, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field select {
top: 0 !important;
height: 40px !important; }
@media only screen and (max-width: 748px) {
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field select, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field select {
height: 28px !important; } }
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field.is-error, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field.is-error {
border-color: #DF455C !important; }
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field .evf-formset-field-error, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field .evf-formset-field-error {
padding-top: 5px !important;
font-size: 13px; }
html body #mini-auth-signup-form .evf-formset-field-container .evf-formset-field.is-no-label input, html body #mini-auth-signin-form .evf-formset-field-container .evf-formset-field.is-no-label input {
height: 36px !important;
margin: 0 !important; }
html body #mini-auth-signup-form .forgot-password-text, html body #mini-auth-signin-form .forgot-password-text {
width: 100%; }
html body #mini-auth-signup-form .forgot-password-text a, html body #mini-auth-signin-form .forgot-password-text a {
font-size: 12px;
color: #0F0F0F !important;
text-transform: uppercase;
font-family: "Avenir LT W01_85 Heavy"; }
html body #mini-auth-signup-form .mini-auth-form-button, html body #mini-auth-signin-form .mini-auth-form-button {
height: 40px;
position: relative;
width: 100%;
margin-top: 20px; }
html body #mini-auth-signup-form .mini-auth-form-button button, html body #mini-auth-signin-form .mini-auth-form-button button {
height: 40px !important;
margin: 0; }
html body #mini-auth-signup-form .mini-auth-form-button .evf-btn-primary, html body #mini-auth-signin-form .mini-auth-form-button .evf-btn-primary {
height: 40px !important;
position: absolute;
top: 0; }
html body #mini-auth-signup-form .mini-auth-form-button #login-button-loader, html body #mini-auth-signin-form .mini-auth-form-button #login-button-loader {
height: 40px !important;
margin: 0 !important;
box-sizing: border-box; }
html body .seat-ticket-type-options {
font-family: "Avenir LT W01_45 Book1475508" !important; }
html body .seat-ticket-type-options .popover-title {
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important; }
html body .seat-ticket-type-options .seat-deselect-button {
color: #D61C39 !important; }
html body .seat-ticket-type-options .seat-add-to-cart-option button {
background: #0F0F0F !important;
color: #fff !important;
border-color: #0F0F0F !important; }
@media (min-width: 749px) {
html body #my-account-page #password .errorlist {
max-width: 260px;
box-sizing: border-box; } }
html body #my-account-page .navTabs li a {
font-weight: unset !important; }
html body #my-account-page .controlLabel, html body #my-account-page #id_preferred_country, html body #my-account-page #id_phone_number_idd, html body #my-account-page input, html body #my-account-page .controls {
font-size: 14px !important; }
html body #password .alert-info {
color: #D61C39 !important;
font-size: 14px !important;
border-color: #D61C39 !important; }
html body .alert-success {
font-size: 18px !important; }
html body #payment-details-wrap #payment-details-form .payment-icons {
text-align: left;
margin-top: 10px; }
html body #payment-details-wrap #payment-details-form .payment-icons .payment-icon {
margin: 0 10px 10px 0 !important;
background-color: #fff !important;
border-color: #fff !important; }
html body #payment-details-wrap #payment-details-form .formActions {
display: flex;
justify-content: end;
align-items: center; }
@media only screen and (max-width: 748px) {
html body #payment-details-wrap #payment-details-form .formActions {
flex-direction: column;
gap: 10px; } }
html body #payment-details-wrap #payment-details-form .formActions .cancel-order {
margin-right: 30px; }
html body #payment-details-wrap .select-icons-description-top {
margin: 20px 0 0; }
html body #payment-details-wrap .select-icons-description-top p {
text-align: left !important;
font-size: 15px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #0F0F0F !important;
text-transform: initial !important; }
html body .select-icons-description {
margin-top: 20px;
display: none !important; }
html body .select-icons-description p {
text-align: left !important;
font-size: 15px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #0F0F0F !important;
text-transform: initial !important; }
html body #credit_card_info .controlGroup .controlLabel {
font-size: 15px !important;
color: #6d6d6d !important;
background: none; }
@media (min-width: 749px) {
html body #credit_card_info .controlGroup .controlLabel {
width: 165px; } }
html body #credit_card_info .controlGroup select {
font-size: 15px !important;
color: #6d6d6d !important; }
@media (min-width: 749px) {
html body #credit_card_info .controlGroup .controls {
width: calc(100% - 165px); } }
html body #credit_card_info .controlGroup input {
font-size: 15px !important;
color: #6d6d6d !important; }
html body #credit_card_info .controlGroup input::placeholder {
font-size: 15px !important;
color: #6d6d6d !important; }
html body #credit_card_info .controlGroup.error .controls input {
border-color: #DF455C !important; }
html body #credit_card_info .controlGroup.error .controls .errorlist {
text-align: left;
border: 0 !important;
padding: 5px 0 0; }
html body #credit_card_info .controlGroup.error .controls .errorlist li {
text-align: left !important; }
html body #credit_card_info .date-components-split input {
font-size: 15px !important;
color: #6d6d6d !important;
font-family: "Avenir LT W01_45 Book1475508" !important; }
html body #thanks-page #wait-message .tf-title, html body #thanks-page #downloading-message .tf-title {
font-size: 24px !important;
background: none !important;
color: #0F0F0F !important;
padding: 0 !important;
border: 0 !important; }
html body #thanks-page #wait-message .infoItem p, html body #thanks-page #downloading-message .infoItem p {
font-size: 15px !important;
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important; }
html body #thanks-page #wait-message .thankyou__list .larger-font, html body #thanks-page #downloading-message .thankyou__list .larger-font {
font-size: 15px !important;
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important; }
html body #thanks-page #wait-message .thankyou__list .larger-font a, html body #thanks-page #downloading-message .thankyou__list .larger-font a {
color: #D61C39;
font-size: 15px !important; }
html body #thanks-page #wait-message .button__group, html body #thanks-page #downloading-message .button__group {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 30px; }
html body #thanks-page #wait-message .button__group .tf-btn.tf-btn-default, html body #thanks-page #downloading-message .button__group .tf-btn.tf-btn-default {
order: 1; }
html body #thanks-page #wait-message .button__group .tf-btn-primary, html body #thanks-page #downloading-message .button__group .tf-btn-primary {
order: 2; }
@media only screen and (max-width: 748px) {
html body #thanks-page #wait-message .button__group .tf-btn-primary, html body #thanks-page #downloading-message .button__group .tf-btn-primary {
margin-top: 10px !important; } }
@media only screen and (max-width: 748px) {
html body #thanks-page #wait-message .button__group, html body #thanks-page #downloading-message .button__group {
flex-direction: column;
gap: 0; } }
html body #my-tickets-inner #upcomingEvents .ticket-content .info-custom-earliest, html body #my-tickets-inner #upcomingEvents .ticket-content .info-custom-latest, html body #my-tickets-inner #upcomingEvents .ticket-content .location {
font-size: 15px !important;
color: #6d6d6d;
font-family: "Avenir LT W01_45 Book1475508";
text-transform: initial !important; }
html body #my-tickets-inner #upcomingEvents .ticket-content .info-custom-earliest .upper, html body #my-tickets-inner #upcomingEvents .ticket-content .info-custom-latest .upper, html body #my-tickets-inner #upcomingEvents .ticket-content .location .upper {
font-family: "Avenir LT W01_85 Heavy";
color: #0F0F0F !important;
font-size: 15px !important;
padding-bottom: 5px; }
html body #my-tickets-inner #upcomingEvents .ticket-content .info-custom-latest {
margin-top: 15px; }
html body #my-tickets-inner #upcomingEvents .infoItem.ticket .ticket-type-name {
font-size: 20px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #0F0F0F !important;
text-transform: initial !important;
margin-bottom: 15px; }
html body #my-tickets-inner #upcomingEvents .infoItem.ticket .ticket-name div {
font-size: 15px !important;
color: #6d6d6d !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
text-transform: initial !important;
margin-bottom: 5px !important;
min-height: unset; }
html body #my-tickets-inner #upcomingEvents .infoItem.ticket .ticket-name strong {
font-family: "Avenir LT W01_85 Heavy" !important;
color: #0F0F0F !important;
font-size: 15px !important; }
html body #my-tickets-inner #upcomingEvents .infoItem.ticket .download-ticket .send-ticket {
background: none !important;
border: 0 !important;
color: #0F0F0F !important;
font-size: 15px;
font-family: "Avenir LT W01_85 Heavy";
text-transform: uppercase;
font-weight: unset;
padding-top: 10px;
padding-bottom: 6px;
padding: 3px 0;
height: auto !important;
border-bottom: solid 2px #0F0F0F !important; }
html body #my-tickets-inner #upcomingEvents .infoItem.ticket .download-ticket .send-ticket:hover {
color: #D61C39 !important;
background: none !important;
border-bottom: solid 2px #D61C39 !important; }
html body #my-tickets-inner #upcomingEvents .infoItem.ticket .download-ticket .change-info-link {
margin-top: 15px;
color: #D61C39 !important;
font-size: 18px !important; }
html body #my-tickets-inner #pastEvents .ticket-content .infoItem .upper {
font-size: 18px !important;
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
text-transform: initial !important; }
html body #my-tickets-inner #pastEvents .ticket-content .infoItem .blue {
font-family: "Big Caslon, Medium" !important;
color: #D61C39 !important;
font-size: 18px !important; }
html body #my-tickets-inner #pastEvents .past-ticket-dot .ticket-content .ticket-type {
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
font-size: 18px !important; }
html body #my-tickets-inner #pastEvents .past-ticket-dot .ticket-content .uses {
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
font-size: 18px !important; }
html body #my-tickets-inner #pastEvents .empty-msg-box {
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
font-size: 18px !important; }
html body #ordersWrapper #event-header #sidebar {
display: none; }
html body #ordersWrapper #ordersForm .note {
font-size: 18px;
color: #D61C39 !important;
margin: 0 !important; }
html body #ordersWrapper #ordersForm .formActions {
display: flex;
gap: 30px;
align-items: center; }
@media only screen and (max-width: 748px) {
html body #ordersWrapper #ordersForm .formActions {
flex-direction: column;
gap: 10px; } }
html body #ordersWrapper #ordersForm .formActions .tf-btn-default {
color: #0F0F0F !important;
font-size: 15px;
font-family: "Avenir LT W01_85 Heavy";
text-transform: uppercase;
font-weight: unset;
padding-top: 3px;
padding-bottom: 6px;
margin: 0;
border: solid 2px #0F0F0F; }
html body #ordersWrapper #ordersForm .formActions .tf-btn-default:hover {
color: #D61C39 !important; }
@media only screen and (max-width: 748px) {
html body #ordersWrapper #ordersForm .formActions .tf-btn-default {
width: 100% !important; } }
html body #ordersWrapper #ordersForm .formActions .tf-btn-primary {
margin: 0; }
html body #ordersWrapper #ticket-guidelines th {
padding-bottom: 0 !important; }
html body #ordersWrapper #ticket-guidelines h3 b {
font-size: 17px;
color: #0F0F0F;
font-weight: normal !important; }
html body #ordersWrapper #ticket-guidelines .order-list {
margin: 0 0 0 15px; }
html body #ordersWrapper #ticket-guidelines .order-list li {
color: #6d6d6d;
font-size: 14px; }
html body .access-code-block {
text-align: center; }
html body .access-code-block h2 {
margin-bottom: 15px; }
html body .access-code-block input {
color: #0F0F0F !important;
font-size: 15px;
font-family: "Avenir LT W01_45 Book1475508";
border: solid 1px #D4d4d4 !important;
text-transform: uppercase; }
html body .access-code-block input::placeholder {
color: #6d6d6d !important;
font-size: 15px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
text-transform: initial; }
html body .access-code-block .tf-btn-default {
border: 0 !important;
color: #fff !important;
font-size: 15px;
font-family: "Avenir LT W01_85 Heavy";
text-transform: uppercase;
font-weight: unset;
padding: 8px 15px;
height: 40px !important;
border-bottom: 0;
background: #D61C39 !important; }
html body .access-code-block .tf-btn-default:hover {
color: #fff !important;
background: #0F0F0F !important;
border: 0 !important; }
html body #password-reset .tf-controls input {
color: #0F0F0F !important;
font-size: 18px;
font-family: "Avenir LT W01_45 Book1475508";
border: solid 1px #0F0F0F !important; }
html body #password-reset .tf-controls input::placeholder {
color: #0F0F0F !important;
font-size: 18px !important;
font-family: "Avenir LT W01_45 Book1475508" !important; }
html body #password-reset .formActions .tf-btn-primary {
background: #D61C39 !important;
border: 0 !important;
color: #fff !important;
font-size: 24px;
font-family: "Big Caslon, Medium";
text-transform: uppercase;
font-weight: unset;
padding-top: 10px;
padding-bottom: 6px; }
html body #password-reset .formActions .tf-btn-primary:hover {
background: #0F0F0F !important;
border: 0 !important;
color: #fff !important; }
html body #add-names-form {
margin-bottom: 20px; }
html body #add-names-form #your-orders thead tr th {
font-size: 24px !important; }
html body #add-names-form #your-orders .row-border {
border-color: #D4d4d4 !important; }
html body #add-names-form #your-orders .data-fields-td .data-field-label {
font-size: 13px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #6d6d6d;
text-transform: uppercase !important; }
html body #add-names-form #your-orders .data-fields-td .data-field-label.th-blue {
font-size: 13px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #6d6d6d !important; }
html body #add-names-form #your-orders .data-fields-td .data-field-block {
margin-bottom: 5px; }
html body #add-names-form #your-orders .data-fields-td .data-field-block input, html body #add-names-form #your-orders .data-fields-td .data-field-block select {
height: auto;
color: #0F0F0F;
width: 100%;
border: solid 1px #D4d4d4 !important;
box-sizing: border-box;
height: 30px;
padding: 0 8px; }
html body #add-names-form .single-ticket .ticket-type {
color: #0F0F0F !important; }
html body #add-names-form .single-ticket .ticket-type b {
font-weight: normal !important;
color: #0F0F0F !important;
font-size: 17px;
text-transform: initial; }
html body #add-names-form .single-ticket .ticket-type .tiny-spec {
color: #0F0F0F;
font-size: 17px;
text-transform: initial; }
html body #add-names-form .single-ticket .seat-num {
font-size: 17px;
color: #0F0F0F;
text-transform: initial; }
html body #add-names-form .single-ticket .ticket-price {
font-size: 17px;
color: #0F0F0F !important; }
html body #add-names-form #service-fee-lineitem {
font-size: 18px;
color: #0F0F0F !important; }
html body #add-names-form #service-fee-lineitem .row-border .mini {
font-size: 13px;
color: #0F0F0F; }
html body #add-names-form #total-cost-tr .total b {
font-size: 20px !important;
color: #0F0F0F;
font-family: "Avenir LT W01_85 Heavy"; }
html body .blockUI .my-ticket-modal h3 {
font-family: "Big Caslon, Medium" !important;
color: #0F0F0F !important; }
html body .blockUI .my-ticket-modal .modalBody .form-inline label div {
display: none; }
html body .blockUI .my-ticket-modal .modalBody label {
background: none !important;
font-size: 16px !important;
color: #0F0F0F !important; }
html body .blockUI .my-ticket-modal .modalBody .controlGroup .controls select {
height: 42px !important; }
html body .blockUI .my-ticket-modal .modalBody .controlGroup .controls input {
font-size: 16px !important;
color: #0F0F0F !important; }
html body .blockUI .my-ticket-modal .modalBody .controlGroup .controls .helpBlock {
font-size: 16px !important;
color: #0F0F0F !important; }
html body #upsell-app h2.tf-title.underline {
color: #fff !important;
border: 0 !important; }
html body #upsell-app .item-listing li .info-txts {
background: #F8F8F8; }
html body #upsell-app .item-listing li .info-txts .infoItem span {
height: 40px; }
html body #upsell-app .item-listing li .info-txts .infoItem span strong {
font-size: 14px;
color: #D61C39;
font-weight: normal;
text-transform: uppercase;
font-family: "Avenir LT W01_85 Heavy"; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items-header {
align-items: flex-start !important;
border-color: #0F0F0F !important;
border-bottom: 0 !important; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items-header .shopping-cart-header-right h3 {
font-size: 32px !important;
color: #0F0F0F;
font-weight: normal !important;
font-family: "Big Caslon, Medium";
text-transform: uppercase; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items-header .shopping-cart-header-right .shopping-cart-items-venue h4 {
font-size: 18px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #0F0F0F !important; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items-details h4 {
font-size: 21px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #0F0F0F !important; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items-details p {
font-size: 17px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #0F0F0F !important; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items-details .shopping-cart-items-details-left h5 {
font-size: 17px !important;
font-family: "Avenir LT W01_85 Heavy";
color: #0F0F0F;
margin: 8px 0 12px !important; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total {
border-top: solid 1px #D4d4d4 !important;
padding-bottom: 5px !important; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total p {
font-weight: normal !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #0F0F0F !important;
font-size: 17px !important; }
html body #shopping-cart-app #shopping-cart-content .total-order-price {
border-top: solid 1px #D4d4d4 !important;
padding-bottom: 10px; }
html body #shopping-cart-app #shopping-cart-content .total-order-price p {
font-weight: normal !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #0F0F0F !important;
font-size: 17px !important; }
html body #shopping-cart-app #shopping-cart-content #grand-total.total-order-price {
border-top: solid 1px #D4d4d4 !important;
padding-bottom: 10px; }
html body #shopping-cart-app #shopping-cart-content #grand-total.total-order-price p {
font-weight: normal !important;
font-family: "Avenir LT W01_85 Heavy" !important;
color: #0F0F0F !important;
font-size: 17px !important;
text-transform: uppercase; }
@media (min-width: 749px) {
html body #shopping-cart-app #shopping-cart-content #bottom-button-container {
display: flex;
justify-content: flex-end !important; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-left {
padding-right: 30px; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-left .tf-btn-default {
margin-top: -2px; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-left button {
margin: 0; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-right {
display: flex;
gap: 30px; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-right a button {
margin: 0; } }
@media only screen and (max-width: 748px) {
html body #shopping-cart-app #shopping-cart-content #bottom-button-container {
flex-wrap: wrap; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-left {
width: 100%; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-left .tf-btn-default {
width: 100%;
box-sizing: border-box;
margin: 10px 0 0 0; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-right {
width: 100%;
display: flex;
flex-wrap: wrap; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-right a {
width: 100%; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-right .tf-btn-default {
width: 100%;
box-sizing: border-box;
margin: 10px 0 0 0; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-right .tf-btn-primary {
width: 100%;
box-sizing: border-box;
margin: 10px 0 0 0; } }
html body form#ordersForm .formActions {
display: flex;
gap: 30px;
justify-content: flex-end;
align-items: center; }
@media only screen and (max-width: 748px) {
html body form#ordersForm .formActions {
flex-direction: column;
gap: 15px; } }
html body form#ordersForm .formActions .tf-btn-default, html body form#ordersForm .formActions .tf-btn-primary {
margin: 0 !important;
box-sizing: border-box; }
@media only screen and (max-width: 748px) {
html body form#ordersForm .formActions .tf-btn-default, html body form#ordersForm .formActions .tf-btn-primary {
width: 100% !important; } }
html body #upsell-app-buttons .tf-btn-default, html body #upsell-app-buttons .tf-btn-primary {
margin: 0 !important; }
html body #nav-cart-count {
background: #D61C39 !important;
color: #fff !important;
top: -11px !important;
left: 16px !important; }
@media only screen and (max-width: 748px) {
html body #nav-cart-count {
top: -1px !important;
left: 51% !important; } }
html body #auth-app #mini-auth-signup-form #phone1_number {
font-size: 18px; }
html body #auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field {
height: auto; }
html body #auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field input, html body #auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field select {
border-bottom: 0; }
html body #auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field textarea {
border-bottom: 0; }
html body #country-prompt-modal h3 {
font-size: 20px;
color: #0F0F0F;
font-weight: normal; }
@media (min-width: 749px) {
html body #timer-wrapper {
top: 0 !important; } }
html .tf-btn {
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
-o-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
html div.tf-controls input[type=text],
html div.tf-controls input[type=password],
html div.tf-controls input[type=email],
html div.tf-controls select {
border: solid 1px #666; }
html body.ipadHover .tf-title.underline {
color: #0F0F0F !important;
padding-bottom: 4px !important;
font-family: "Big Caslon, Medium" !important;
font-size: 24px !important;
background: none !important;
color: #0F0F0F !important;
padding: 0 !important;
display: inline-block !important;
font-weight: unset !important;
text-transform: capitalize !important;
border: 0 !important; }
@media (min-width: 749px) {
html .main-content {
padding-top: 30px; } }
html .showing-country-prompt-modal .container.header-links {
opacity: 0;
pointer-events: none; }
html .blue {
color: rgba(0, 0, 0, 0.4); }
html .alert-error, html .alert-danger {
color: #f22665 !important;
background-color: #ffffff !important;
border: 1px solid #f22665 !important; }
html body .errorlist,
html body #my-account-page #password .errorlist {
padding: 10px;
text-align: center;
border: 1px solid #f22665 !important; }
html body .errorlist li,
html body #my-account-page #password .errorlist li {
font-size: 15px;
color: #f22665 !important;
text-shadow: none;
text-align: center !important; }
html #header {
min-height: 100px;
background-size: initial;
background-position: center; }
html #header .header-links {
height: 120px;
background: #fff;
padding: 0 20px;
box-sizing: border-box;
border-bottom: solid 1px #D4d4d4; }
@media (min-width: 749px) {
html #header .header-links {
margin-top: 0px; } }
@media only screen and (max-width: 748px) {
html #header .header-links {
margin-top: 4px;
padding: 0 10px; } }
html body #header .menu .menu-row {
margin-top: 4px; }
html body header .header-fixed #locale_switcher .sbHolder {
padding-right: 20px; }
html body header .header-fixed #locale_switcher .sbHolder .sbToggle {
background: none !important;
text-decoration: none;
right: -3px;
top: 1px;
transform: scale(1) rotate(0deg);
-webkit-transform: scale(1) rotate(0deg); }
html body header .header-fixed #locale_switcher .sbHolder .sbToggle.sbToggleOpen {
right: -7px;
top: -1px;
transform: scale(1) rotate(-180deg);
-webkit-transform: scale(1) rotate(-180deg); }
html body header .header-fixed #locale_switcher .sbHolder .sbToggle:after {
content: "\F107" !important;
font-family: 'FontAwesome'; }
html #search-wrap {
display: none !important; }
html body.ipadHover {
background: #fff; }
html body.property-style-cod.ipadHover .brand, html body.property-style-cod.page-location .brand {
background: none; }
@media (min-width: 749px) {
html #header .brand.pullLeft a {
position: relative;
left: -8px; } }
html #header .brand.pullLeft a #brand-logo {
background: url("/static/whitelabels/wynn/images/logo_x1.png");
background-repeat: no-repeat;
width: 216px;
height: 67px;
position: absolute;
left: 10px;
top: 33px;
background-size: contain; }
@media (min-resolution: 192dpi) {
html #header .brand.pullLeft a #brand-logo {
background-image: -webkit-image-set(url("/static/whitelabels/wynn/images/logo_x1.png") 1x, url("/static/whitelabels/wynn/images/logo_x2.png") 2x);
background-image: image-set(url("/static/whitelabels/wynn/images/logo_x1.png") 1x, url("/static/whitelabels/wynn/images/logo_x2.png") 2x); } }
@media (min-width: 749px) {
@-moz-document url-prefix() {
html #header .brand.pullLeft a #brand-logo {
top: 50px; } } }
@media (min-width: 749px) {
html header div.languageWrap {
height: 30px;
top: 26px;
right: 20px; } }
html header div.languageWrap a {
font-family: "Avenir LT W01_45 Book1475508";
font-size: 15px; }
@media (min-width: 749px) {
html body .navbar {
margin-top: 65px; } }
@media only screen and (max-width: 748px) {
html body .navbar {
background-color: #0F0F0F !important; } }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
@media (min-width: 749px) {
html body .navbar #nav-shopping-cart {
margin-left: 23px; }
html body .navbar #nav-shopping-cart i {
position: absolute;
top: 0;
right: 0;
padding-left: 15px; }
html #nav-cart-count {
left: 22px; } } } }
html body #header .navbar ul.nav li {
margin-right: 0px; }
@media (min-width: 749px) {
html body #header .navbar ul.nav li {
white-space: nowrap;
margin-left: 25px; }
html body #header .navbar ul.nav li:first-child {
margin-left: 0; } }
html body #header .navbar ul.nav li a {
font-family: "Avenir LT W01_85 Heavy";
font-size: 15px;
text-transform: uppercase !important;
color: #0F0F0F;
-webkit-transition: color .3s ease-out;
-moz-transition: color .3s ease-out;
-o-transition: color .3s ease-out;
transition: color .3s ease-out; }
html body #header .navbar ul.nav li a:hover {
color: #D61C39;
text-decoration: none; }
html body #header .navbar ul.nav li i {
font-size: 20px;
position: relative;
top: -4px; }
@media only screen and (max-width: 748px) {
html body #header .navbar ul.nav li i {
top: 0; } }
html body header .header-fixed {
background: transparent; }
@media (min-width: 749px) {
html body header .header-fixed {
position: absolute; } }
@media only screen and (max-width: 748px) {
html #header {
border-bottom: none !important;
background: #fff; }
html div.header__shownav {
height: 53px;
border-left: #fff solid 1px !important; }
html .header__shownav span, html .header__shownav span:before, html .header__shownav span:after {
background: #0F0F0F !important; }
html body div.navbar.mobile-undershadow {
border-bottom: solid 1px #fff !important; }
html header .header-fixed #locale_switcher .sbHolder a.sbSelector {
color: #0F0F0F;
opacity: 0 !important; }
html #header .brand.pullLeft a #brand-logo {
background: url("/static/whitelabels/wynn/images/logo_m_x1.png");
background-repeat: no-repeat;
width: 198px;
height: 40px;
top: -3px;
left: -2px;
background-size: contain; } }
@media only screen and (max-width: 748px) and (min-resolution: 192dpi) {
html #header .brand.pullLeft a #brand-logo {
background-image: -webkit-image-set(url("/static/whitelabels/wynn/images/logo_m_x1.png") 1x, url("/static/whitelabels/wynn/images/logo_m_x2.png") 2x);
background-image: image-set(url("/static/whitelabels/wynn/images/logo_m_x1.png") 1x, url("/static/whitelabels/wynn/images/logo_m_x2.png") 2x); } }
@media only screen and (max-width: 748px) {
html body.property-style-sc #header > .container.header-links {
margin-top: 4px; }
html .mobile-undershadow {
box-shadow: none !important; }
html body #header .navbar ul.nav li a {
color: #6d6d6d !important; }
html body #header {
background: #fff !important;
margin-top: 0;
min-height: 53px;
height: 53px; }
html body #header div.languageWrap {
width: 65px !important; }
html body #header .header-links {
height: 53px; }
html body #header .menu .navbar {
top: 54px !important;
background: #fff;
margin-top: 0;
padding-top: 0px !important; }
html body #header .menu .navbar ul.nav {
background: transparent; } }
@media only screen and (max-width: 748px) and (max-width: 748px) {
html body #header .menu .navbar ul.nav {
display: flex;
flex-direction: column;
justify-content: center; } }
@media only screen and (max-width: 748px) {
html body #header .menu .navbar ul.nav li {
width: 100%; }
html body #header .menu .navbar ul.nav li a {
color: #fff !important; } }
@media only screen and (max-width: 748px) and (max-width: 748px) {
html body #header .menu .navbar ul.nav li a {
display: flex;
flex-direction: column;
justify-content: center;
padding: 10px !important;
display: flex !important; } }
@media only screen and (max-width: 748px) {
html body #header a.sbSelector {
top: 3px;
left: -13px; }
html body #header .languageWrapMobileOverlay {
background: transparent;
top: 0px;
right: 63px;
color: #0F0F0F; } }
html .frontend-timer.counting#non-seated-event-frontend-timer {
top: auto;
bottom: 2px; }
html section#content .ticket-type-container .ticket-type-header {
font-family: "Avenir LT W01_45 Book1475508"; }
html section#content .ticket-type-container .ticket-type-header p {
padding-top: 10px;
padding-bottom: 6px;
color: #666 !important; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-header {
margin: 0;
font-family: "Avenir LT W01_85 Heavy";
font-size: 20px; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-header .type, html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-header .quantity-price {
color: #0F0F0F;
padding-left: 0; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-header .type .quantity, html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-header .quantity-price .quantity {
padding-right: 8px;
color: #0F0F0F; }
html body section#content .ticket-type-container #all-ticket-types-container .columns > .quantity-price {
padding-right: 15px; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name, html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .price {
padding-top: 13px;
min-height: 26px;
padding-bottom: 10px;
color: #0F0F0F;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 17px; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row {
border-bottom: solid 1px #D4d4d4; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row:first-child {
border-color: #D4d4d4; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > b {
color: #D61C39;
font-size: 15px; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail {
border-top: 0; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail > b {
color: #D61C39;
font-size: 18px; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .description p, html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .description span {
font-family: "Avenir LT W01_45 Book1475508";
font-size: 18px !important;
color: #0F0F0F; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus input {
font-family: "Avenir LT W01_45 Book1475508";
background: transparent;
-o-text-fill-color: #0F0F0F !important;
-ms-text-fill-color: #0F0F0F !important;
-moz-text-fill-color: #0F0F0F !important;
-webkit-text-fill-color: #0F0F0F !important;
text-fill-color: #0F0F0F !important;
padding: 1px 3px 0px 3px;
font-size: 17px;
min-width: 30px;
min-height: 30px;
height: 35px;
border-radius: 2px; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus, html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus {
padding-top: 0;
width: 22px;
height: 22px;
box-sizing: border-box;
border-radius: 50%;
border: solid 1px #0F0F0F;
line-height: 20px;
margin-top: 8px; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus i::before, html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus i::before {
font-size: 14px;
color: #0F0F0F; }
html body section#content .ticket-type-container #all-ticket-types-container .columns > .quantity-price > .quantity.quantity-exists {
padding-top: 6px; }
html body section#content .ticket-type-container #all-ticket-types-container .columns > .type {
padding-left: 0; }
html body section#content .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-header {
margin-top: 20px; }
html #setup-orders-page input[name=full_code] {
width: 320px; }
html #setup-orders-page input[type=text] {
border: solid 1px #666; }
html #setup-orders-page #evf-ticket-data .add-info-description.description-font {
display: none !important; }
html body .popover-inner .popover-content p {
color: #666; }
html section#content #event-header-second {
background: #000;
padding-top: 12px;
padding-bottom: 11px; }
html section#content #event-header-second.has-from-to-dates {
padding-top: 13px; }
@media (min-width: 749px) {
html section#content #event-header-second {
min-height: 162.5px; } }
@media only screen and (max-width: 748px) {
html section#content #event-header-second {
padding-left: 10px;
padding-right: 10px; } }
@media only screen and (max-width: 748px) {
html body section#content #event-header #event-header-second {
margin-left: 0 !important;
padding-left: 10px !important;
padding-right: 0;
width: 100%; } }
html .popover-content {
color: #000; }
html .main-content #ticketflap-faq-page #flat_content {
background: #666; }
html .main-content #ticketflap-faq-page #flat_content b, html .main-content #ticketflap-faq-page #flat_content strong, html .main-content #ticketflap-faq-page #flat_content a {
font-family: "Big Caslon, Medium" !important;
font-weight: bold !important; }
html .main-content #ticketflap-faq-page #flat_content p {
font-family: "Avenir LT W01_45 Book1475508" !important; }
html body section#content #flat_content b, html body section#content #flat_content strong, html body section#content #flat_content a {
font-family: "Big Caslon, Medium" !important;
font-weight: bold !important; }
html body #header .menu {
width: 100%; }
html body #header .menu {
background: transparent; }
html body.ipadHover > div.container {
width: 100%; }
html body.ipadHover > div.container #search-wrap {
margin-bottom: 30px; }
@media (min-width: 749px) {
html body.ipadHover > div.container #search-wrap {
width: 984px; } }
html body.ipadHover > div.container #search-wrap .country-selector .country {
background: transparent; }
html body.ipadHover > div.container #search-wrap .country-selector .country a {
color: #343739;
padding-left: 10px;
padding-right: 10px; }
html body.ipadHover > div.container #search-wrap .country-selector .country.active {
background: #0F0F0F;
-webkit-box-shadow: 0px -4px 5px 1px #e3e3e3;
-moz-box-shadow: 0px -4px 5px 1px #e3e3e3;
box-shadow: 0px -4px 5px 1px #e3e3e3; }
html body.ipadHover > div.container #search-wrap .country-selector .country.active a {
color: #fff; }
html body.ipadHover > div.container #search-wrap #search-wrapper {
background: #0F0F0F !important;
padding: 15px 5px 15px 5px;
width: auto;
z-index: 1;
background: #fff;
-webkit-box-shadow: 0px 2px 5px 1px #e3e3e3;
-moz-box-shadow: 0px 2px 5px 1px #e3e3e3;
box-shadow: 0px 2px 5px 1px #e3e3e3; }
html body.ipadHover > div.container #search-wrap #search-wrapper form {
padding: 22px 5px 5px 5px;
position: relative; }
@media only screen and (max-width: 748px) {
html body.ipadHover > div.container #search-wrap #search-wrapper form {
padding-top: 10px; } }
html body.ipadHover > div.container #search-wrap #search-wrapper form input[type=text] {
padding: 17px 12px;
border: 1px solid #808080; }
@media (min-width: 749px) {
html body.ipadHover > div.container #search-wrap #search-wrapper form input[type=text] {
width: 938px; } }
@media only screen and (max-width: 748px) {
html body.ipadHover > div.container #search-wrap #search-wrapper form input[type=text] {
width: 100%; } }
html body.ipadHover > div.container #search-wrap #search-wrapper form i.fa {
right: 17px;
top: 42px;
color: #000;
position: absolute;
left: auto; }
@media only screen and (max-width: 748px) {
html body.ipadHover > div.container #search-wrap #search-wrapper form i.fa {
right: 15px;
top: 25px; } }
html body.ipadHover > div.container #search-wrap #search-wrapper form:hover i.fa {
color: #0F0F0F; }
html body.ipadHover > div.container #search-wrap #search-wrapper #category-wrapper {
margin: 0px 5px; }
html body.ipadHover > div.container #search-wrap #search-wrapper .subcategory-item a {
color: #000; }
html #category-wrapper .category-trigger:hover .category-item {
background: rgba(0, 0, 0, 0.4); }
html #category-wrapper .category-trigger.active .category-item {
background: #0F0F0F;
color: #fff; }
html section#content #ordersForm .infoItem h4 {
color: #494439 !important;
text-transform: uppercase !important; }
html body footer.container {
border-color: transparent !important;
border-width: 0 !important;
margin-bottom: 0 !important;
width: 100% !important;
overflow: unset; }
html body footer.container .row.footer-menu {
margin-top: 0px;
background: #AB2424;
overflow: unset; }
html body footer.container .row.footer-menu .footer-block.one-half {
margin-left: 0;
margin-right: 0;
background: #AB2424; }
@media (min-width: 749px) {
html body footer.container .row.footer-menu .footer-block.one-half {
width: 491px !important;
margin-top: 15px;
min-height: 80px;
padding-top: 15px;
box-sizing: border-box; } }
@media only screen and (max-width: 748px) {
html body footer.container .row.footer-menu .footer-block.one-half {
width: 100% !important;
text-align: center; }
html body footer.container .row.footer-menu .footer-block.one-half .social-icons, html body footer.container .row.footer-menu .footer-block.one-half div {
text-align: center; } }
@media only screen and (max-width: 748px) {
html body footer.container .row.footer-menu #block-copyright {
height: auto; }
html body footer.container .row.footer-menu #block-copyright > div:nth-child(2) {
color: #AB2424;
padding-top: 25px;
padding-bottom: 0px; }
html body footer.container .row.footer-menu #block-copyright > div:nth-child(2) a {
display: block;
color: #fff; } }
html body footer.container #payment-block {
padding-top: 0px;
margin-top: 0px !important;
margin-bottom: 0px !important;
border: none !important;
padding-bottom: 0 !important;
height: auto; }
html body footer.container .clearfix.footer-copyright {
width: 100%;
float: none;
text-align: center;
margin-top: 22px;
margin-bottom: 0px; }
@media only screen and (max-width: 748px) {
html body footer.container .clearfix.footer-copyright {
margin-top: 30px;
padding: 0; } }
html body footer.container .clearfix.footer-copyright > div {
float: none;
text-align: center;
color: #D61C39; }
html body footer.container .clearfix.footer-copyright > div a {
color: #fff; }
html body footer.container .footer-block {
margin-top: 24px;
height: 86px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
overflow: unset; }
@media only screen and (max-width: 748px) {
html body footer.container .footer-block {
border-left: none !important;
width: 93%;
margin: 0 auto;
margin-top: 20px;
height: auto; } }
html body footer.container .footer-block h5 {
color: #fff;
font-size: 12px;
font-family: #FCF5EA;
font-weight: normal;
text-transform: initial !important;
margin-bottom: 2px; }
html body footer.container .footer-block .social-block-wrapp {
display: flex;
align-items: center;
max-width: 100%; }
@media only screen and (max-width: 748px) {
html body footer.container .footer-block .social-block-wrapp {
justify-content: center;
flex-wrap: wrap;
flex-direction: column; } }
html body footer.container .footer-block .social-block-wrapp .social-block {
display: flex;
align-items: center;
padding-right: 25px; }
html body footer.container .footer-block .social-block-wrapp .social-block:last-child {
padding-right: 0; }
@media only screen and (max-width: 748px) {
html body footer.container .footer-block .social-block-wrapp .social-block {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 15px; } }
html body footer.container .footer-block .social-block-wrapp .social-block .social-logo-macau {
width: 80px;
height: 40px;
background-image: url("/static/whitelabels/wynn/images/wynn_macau.png");
background-repeat: no-repeat;
background-position: left top;
margin-right: 10px;
background-size: contain; }
html body footer.container .footer-block .social-block-wrapp .social-block .social-logo-macau.sc {
background-image: url("/static/whitelabels/wynn/images/Logo_Wynn_Macau_SC&TC.png"); }
html body footer.container .footer-block .social-block-wrapp .social-block .social-logo-palace {
width: 80px;
height: 40px;
background-image: url("/static/whitelabels/wynn/images/wynn_palace.png");
background-repeat: no-repeat;
background-position: left top;
margin-right: 10px;
background-size: contain; }
html body footer.container .footer-block .social-block-wrapp .social-block .social-logo-palace.sc {
background-image: url("/static/whitelabels/wynn/images/Logo_Wynn_Palace_SC&TC.png");
width: 55px; }
html body footer.container .footer-block .follow-us {
padding-top: 13px;
padding-bottom: 8px;
text-align: center;
color: #fff;
font-size: 12px; }
html body footer.container .footer-block .social-icons {
text-align: left;
margin-top: 7px; }
html body footer.container .footer-block .social-icons li {
display: flex; }
@media only screen and (max-width: 748px) {
html body footer.container .footer-block .social-icons li {
justify-content: center; } }
html body footer.container .footer-block .social-icons a {
text-decoration: none;
padding: 0 6px; }
html body footer.container .footer-block .social-icons a#tiktok-link {
display: inline-block; }
html body footer.container .footer-block .social-icons a#tiktok-link .tiktok-logo {
display: block;
width: 20px;
height: 25px; }
html body footer.container .footer-block .social-icons a#tiktok-link .tiktok-logo svg {
scale: 1.4;
margin-top: 3px; }
html body footer.container .footer-block .social-icons a.we-chat {
position: relative; }
html body footer.container .footer-block .social-icons a.we-chat::before {
width: 200px;
height: 200px;
background-image: url("/static/whitelabels/wynn/images/WeChat_QR_Code.jpg");
background-color: #fff;
border-radius: 5px;
content: "";
position: absolute;
left: -20px;
bottom: 60px;
background-size: 200px;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
transition: all 0.3s ease-in-out;
opacity: 0;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
@media only screen and (max-width: 748px) {
html body footer.container .footer-block .social-icons a.we-chat::before {
left: unset;
right: -30px; } }
html body footer.container .footer-block .social-icons a.we-chat::after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid white;
content: "";
position: absolute;
left: 45%;
bottom: 55px;
transition: all 0.3s ease-in-out;
opacity: 0; }
html body footer.container .footer-block .social-icons a.we-chat:hover::before {
bottom: 30px;
opacity: 1; }
html body footer.container .footer-block .social-icons a.we-chat:hover::after {
bottom: 25px;
opacity: 1; }
@media (min-width: 749px) {
html body footer.container .footer-block .social-icons #facebook-link {
padding-left: 0; } }
html body footer.container .footer-block#block-copyright {
text-align: right; }
html body footer.container .footer-block#block-copyright > div {
font-size: 12px;
line-height: 18px;
margin-bottom: 6px;
letter-spacing: .5px;
font-family: "Avenir LT W01_45 Book1475508";
color: #fff;
text-transform: initial !important; }
html body footer.container .footer-block.full-width {
width: 100% !important;
min-width: 100%; }
@media only screen and (max-width: 748px) {
html body footer.container {
margin-bottom: 0;
padding-bottom: 50px !important; } }
html body footer.container .footer-menu {
margin-top: 20px; }
html body footer.container .footer-menu #payment-block {
border-top: solid 3px #0F0F0F;
border-bottom: solid 3px #0F0F0F;
padding: 18px 0;
margin: 0; }
html body footer.container .footer-copyright {
margin-top: 10px;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.5em;
color: #000; }
@media only screen and (max-width: 748px) {
html body footer.container .footer-copyright {
float: left; }
html body footer.container .footer-copyright > div {
margin-left: 0; } }
html body footer.container .footer-copyright div, html body footer.container .footer-copyright a {
color: #000; }
html body footer.container h5, html body footer.container a, html body footer.container a:hover {
color: #000; }
html footer.container .footer-menu a {
color: #fff; }
html footer.container .footer-menu a:hover {
color: #FCF5EA; }
html .errorlist li {
text-shadow: 1px 1px #000; }
html .ticket-category-click-to-reserve-msg,
html .ticket-category-view-only-msg {
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #0F0F0F;
font-size: 17px; }
html body section#content .ticket-category-list .ticket-category-item {
flex-wrap: wrap;
border-bottom-color: #D4d4d4; }
html body section#content .ticket-category-list .ticket-category-item:first-child {
border-top-color: #D4d4d4; }
html body section#content .ticket-category-list .ticket-category-item .ticket-category-color {
border: solid 1px #D4d4d4; }
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable {
background: transparent; }
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable .ticket-category-name,
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable .ticket-category-price,
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable .ticket-category-price a {
font-family: "Avenir LT W01_45 Book1475508" !important;
text-transform: uppercase !important; }
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover {
background: #D61C39; }
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover .ticket-category-name,
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover .ticket-category-price,
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover .ticket-category-price a {
color: #fff; }
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover .ticket-category-price-expand div {
color: #fff; }
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover .visibility-shown {
color: #fff !important; }
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable.selected {
background: #D61C39; }
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable.selected .ticket-category-name, html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable.selected .ticket-category-price, html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable.selected i.fa {
color: #fff; }
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable.selected .ticket-category-price-expand div {
color: #fff; }
html body section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable.selected .visibility-shown {
color: #fff !important; }
html body section#content .ticket-category-list .ticket-category-item .ticket-category-texts .ticket-category-name, html body section#content .ticket-category-list .ticket-category-item .ticket-category-texts .ticket-category-price {
font-size: 17px;
color: #0F0F0F;
font-family: "Avenir LT W01_45 Book1475508";
text-transform: initial !important; }
html body section#content .ticket-category-list .ticket-category-item .ticket-category-price-expand {
clear: left;
width: 100%;
padding-top: 5px; }
html body section#content .ticket-category-list .ticket-category-item .ticket-category-price-expand div {
line-height: 16px;
color: #0F0F0F; }
html body section#content .ticket-category-list .ticket-category-item .ticket-category-price-expand div:last-child {
border: 0; }
html section#content div.ticket-category-price-expand {
font-family: "Avenir LT W01_45 Book1475508" !important; }
@media (min-width: 749px) {
html section#content div.ticket-category-price-expand {
padding-top: 10px; } }
html #event-header #event-header-first,
html #event-detail,
html #my-tickets-page {
text-shadow: none; }
html #event-header #event-header-first .infoItem a.tf-btn,
html #event-detail .infoItem a.tf-btn,
html #my-tickets-page .infoItem a.tf-btn {
color: #000; }
html #event-header #event-header-first .infoItem a.tf-btn:hover,
html #event-detail .infoItem a.tf-btn:hover,
html #my-tickets-page .infoItem a.tf-btn:hover {
color: #fff; }
html #tickets-page-wrap .infoItem .upper.blue,
html #tickets-page-wrap .infoItem .upper .blue,
html #tickets-page-wrap .ticket .ticket-name strong {
font-size: 12px;
font-weight: normal;
font-family: "Avenir LT W01_45 Book1475508";
color: #666 !important; }
html .fc-unthemed th, html .fc-unthemed td, html .fc-unthemed hr, html .fc-unthemed thead, html .fc-unthemed tbody, html .fc-unthemed .fc-row, html .fc-unthemed .fc-popover {
border-color: #D4d4d4 !important; }
html section#content .calendar-container #calendar .fc-day-header,
html section#content .calendar-container #calendar .fc-widget-content .fc-day-number > span,
html body section#content #sessions-container #session_list .day_sessions .each_session,
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list,
html section#content .ticket-category-list {
text-shadow: none; }
@media (min-width: 749px) {
html section#content #event-body {
padding-top: 42px; } }
html body section#content #event-header-first h2.event-subtitle,
html body section#content #event-additional-info .show-bullet {
color: #0F0F0F;
text-transform: unset !important; }
html body section#content #event-additional-info .show-bullet p,
html section#content #event-body > .show-bullet,
html section#content #event-body > .show-bullet p,
html section#content #event-body > .show-bullet li,
html section#content #event-body > .show-bullet h1,
html section#content #event-body > .show-bullet h2,
html section#content #event-body > .show-bullet h3,
html section#content #event-body > .show-bullet h4,
html section#content #event-body > .show-bullet h5 {
color: #0F0F0F;
text-transform: none !important;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 21px;
line-height: 24px; }
html section#content #event-body > .show-bullet p {
font-size: 17px;
line-height: 26px;
font-family: "Avenir LT W01_45 Book1475508"; }
html body section#content #event-additional-info .show-bullet p {
font-weight: normal;
font-size: 15px; }
html body section#content #seat-allocation-preview span,
html body section#content #seat-allocation-preview span.label {
font-family: "Avenir LT W01_45 Book1475508";
color: #000; }
html body section#content #seat-allocation-preview span.label {
font-family: "Avenir LT W01_45 Book1475508";
color: #000; }
html section#content #section-status-box b#section-status-name,
html section#content #section-status-box span#section-status-status,
html section#content #section-status-box b#section-status-price {
color: #000; }
html body section#content .calendar-container #calendar {
color: #a7a9ab; }
html body section#content .calendar-container #calendar h2 {
font-size: 19px;
margin-top: 1px;
font-family: "Avenir LT W01_45 Book1475508";
color: #666 !important; }
html body section#content .calendar-container #calendar .fc-day-header {
font-family: "Avenir LT W01_45 Book1475508";
font-weight: unset;
text-transform: uppercase;
color: #0F0F0F;
font-size: 18px;
border-color: #D4d4d4 !important; }
html body section#content .calendar-container #calendar td {
border-color: #fff; }
html body section#content .calendar-container #calendar td.fc-widget-header {
border-top: none;
border-color: #fff; }
html body section#content .calendar-container #calendar .fc-day.fc-widget-content {
border-color: #D4d4d4 !important; }
html body.ipadHover section#content .calendar-container #calendar .fc-widget-content .fc-day-number {
opacity: 0.5; }
html body.ipadHover section#content .calendar-container #calendar .fc-widget-content .fc-day-number > span {
font-family: "Avenir LT W01_45 Book1475508";
font-size: 18px; }
html body.ipadHover section#content .calendar-container #calendar .fc-widget-content .fc-day-number.fc-today > span {
background: rgba(255, 255, 255, 0.2); }
html body.ipadHover section#content .calendar-container #calendar .fc-widget-content .fc-day-number.fc-other-month {
opacity: 0.15; }
html body.ipadHover section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable {
opacity: 1; }
html body.ipadHover section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable > span {
border-color: #0F0F0F;
background: #fff;
color: #0F0F0F;
width: 35px;
height: 35px;
box-sizing: border-box;
padding-top: 4px; }
html body.ipadHover section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable:hover > span {
border-color: #0F0F0F;
background: #0F0F0F;
color: #fff; }
html body.ipadHover section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable.selectable.active > span {
border-color: #D61C39;
background: #D61C39;
color: #fff; }
html body section#content .calendar-container #calendar .fc-button-group button.fc-button {
border-width: 1px;
border-color: #0F0F0F; }
html body section#content .calendar-container #calendar .fc-button-group button.fc-button .fc-icon {
color: #0F0F0F; }
html body section#content .calendar-container #calendar .fc-button-group button.fc-button.fc-state-hover {
border-color: #0F0F0F;
background: #0F0F0F; }
html body section#content .calendar-container #calendar .fc-button-group button.fc-button.fc-state-hover .fc-icon {
color: #fff; }
html body section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable-past > span {
border: 1px solid #0F0F0F;
color: #0F0F0F;
padding-top: 4px;
width: 35px;
height: 35px;
box-sizing: border-box; }
html body section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable-past > span:hover {
background-color: #0F0F0F; }
html body section#content #sessions-container #session_list .session_day {
padding-top: 11px;
padding-bottom: 18px; }
html body section#content #sessions-container #session_list .session_day span {
font-family: "Avenir LT W01_45 Book1475508";
color: #666; }
html body section#content #sessions-container #session_list .session_day i.fa {
color: #000; }
html body section#content #sessions-container #session_list .session_day i.fa:hover {
color: #0F0F0F; }
@media (min-width: 749px) {
html body section#content #sessions-container #session_list .session_day {
padding-right: 0; } }
@media only screen and (max-width: 748px) {
html body section#content #sessions-container #session_list .session_day {
padding-right: 0; } }
html body section#content #sessions-container #session_list .day_sessions .each_session:hover {
background: rgba(0, 0, 0, 0.4);
color: #fff; }
html body section#content #sessions-container #session_list .day_sessions .each_session.selected {
background: #000;
color: #fff; }
html body section#content #sessions-container #session_list .day_sessions .each_session.is_sold_out {
display: block;
position: relative; }
html body section#content #sessions-container #session_list .day_sessions .each_session.is_sold_out .is_sold_out_tag {
align-self: flex-end;
display: inline-block !important;
position: absolute;
right: 0px;
font-size: 8px;
padding: 0 15px 0 15px; }
html #setup-orders-page #setup-order-wrap {
text-shadow: none; }
@media only screen and (max-width: 748px) {
html #setup-orders-page #setup-order-wrap #evf-ticket-data .evf-formset-field input {
top: -16px !important; } }
html #setup-orders-page #setup-order-wrap #evf-ticket-data .evf-formset-field.is-error {
border: solid 1px #DF455C !important; }
@media only screen and (max-width: 748px) {
html #setup-orders-page #setup-order-wrap #evf-ticket-data .evf-formset-field.is-error .evf-formset-field-error {
margin-top: -18px; } }
html #setup-orders-page #setup-order-wrap #evf-ticket-data .evf-formset-field-container .field-description {
font-size: 18px;
font-weight: normal !important;
padding-top: 12px; }
@media only screen and (max-width: 748px) {
html #setup-orders-page #setup-order-wrap #evf-ticket-data #legacy-promocode-box .evf-formset-field.is-no-label {
padding-top: 0 !important;
padding-bottom: 0 !important; } }
@media only screen and (max-width: 748px) {
html #setup-orders-page #setup-order-wrap #evf-ticket-data #legacy-promocode-box .evf-formset-field.is-no-label input {
top: 1px !important; } }
html body section#content .gray-container {
border-top: none !important;
border-bottom: none; }
html body section#content .gray-container input.form-control,
html body section#content .gray-container #setup-orders-page input[type=text] {
font-size: 16px; }
html body section#content .gray-container h2,
html #signup-or-signin-page-wrap .banner-message,
html .single-ticket-row.single-ticket-row--names .upper,
html section#content #ordersForm .infoItem h4,
html #password-reset-wrap h2,
html #password-reset h2,
html #my-tickets-inner .infoItem.ticket .ticket-type-name {
font-family: "Avenir LT W01_45 Book1475508";
font-weight: unset; }
html body #my-tickets-inner .infoItem.ticket .ticket-type-name {
font-family: "Big Caslon, Medium" !important; }
html body #signup-or-signin-page-wrap .banner-message {
border-color: #D4d4d4;
color: #0F0F0F !important;
font-size: 21px; }
html body #signup-or-signin-page-wrap {
padding-left: 0;
padding-right: 0; }
html body #signup-or-signin-page-wrap #registration-tab {
padding-bottom: 25px; }
html body .blockUI.blockMsg.blockPage {
background: rgba(0, 0, 0, 0.6) !important; }
html body .blockUI.blockMsg.blockPage .controlGroup .controls > p.helpBlock {
color: #666; }
html body div.controlGroup label.controlLabel,
html body .formHorizontal div.controlGroup label.controlLabel {
color: #6d6d6d;
border: solid 1px #D4d4d4; }
@media (min-width: 749px) {
html body div.controlGroup label.controlLabel,
html body .formHorizontal div.controlGroup label.controlLabel {
border-right: none; } }
html body div.controlGroup label.controlLabel[for="id_reason"],
html body .formHorizontal div.controlGroup label.controlLabel[for="id_reason"] {
background: transparent;
border: none;
font-family: "Big Caslon, Medium";
font-weight: bold;
padding-left: 0; }
html body #tickets-page-wrap .formHorizontal div.controlGroup .controls textarea {
border: solid 1px #D4d4d4;
padding: 5px; }
@media (min-width: 749px) {
html body #tickets-page-wrap .formHorizontal div.controlGroup .controls textarea {
width: 388px; } }
html body.ipadHover div.controlGroup .controls input,
html body.ipadHover div.controlGroup .controls select,
html body.ipadHover .formHorizontal div.controlGroup .controls input,
html body.ipadHover .formHorizontal div.controlGroup .controls select {
border: solid 1px #D4d4d4; }
@media (min-width: 749px) {
html body.ipadHover div.controlGroup .controls input,
html body.ipadHover div.controlGroup .controls select,
html body.ipadHover .formHorizontal div.controlGroup .controls input,
html body.ipadHover .formHorizontal div.controlGroup .controls select {
border-left: none; } }
@media only screen and (max-width: 748px) {
html body.ipadHover div.controlGroup .controls input,
html body.ipadHover div.controlGroup .controls select,
html body.ipadHover .formHorizontal div.controlGroup .controls input,
html body.ipadHover .formHorizontal div.controlGroup .controls select {
border-top: none; } }
html body.ipadHover .formHorizontal div.controlGroup input {
height: 42px; }
html #payment-details-page .controls.date-components-split #id_expiry_month {
margin-right: 0;
border-right: none; }
html #payment-details-page .controls.date-components-split #id_expiry_month::placeholder {
font-size: 15px; }
html #payment-details-wrap .country-field-container .controls {
border-left: none !important; }
@media only screen and (max-width: 748px) {
html section#content #payment-details-page .country-field-container .controls select {
margin-top: 0px !important;
left: 0px !important; } }
@media only screen and (max-width: 748px) {
html body section#content #payment-details-page #payment-details-form {
margin-top: 15px; }
html body section#content #payment-details-page #payment-details-form .payment-icons {
text-align: center; }
html body section#content #payment-details-page #payment-details-form .payment-icons > .payment-icon {
float: none; } }
@media only screen and (max-width: 748px) {
html body section#content #payment-details-page #payment-details-form .formActions a, html body section#content #payment-details-page #payment-details-form .formActions button,
html #setup-orders-page #legacy-checkout-buttons a,
html #setup-orders-page #legacy-checkout-buttons button {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
border-left: none;
border-right: none; } }
@media (min-width: 749px) {
html body section#content #payment-details-page #payment-details-form .formActions button {
margin-right: 0; } }
html body section#content #payment-details-page #payment-details-form .payment-icon {
background: transparent;
padding: 0px;
border: solid 1px #aaa;
border-radius: 13px;
margin: 5px; }
html body section#content #payment-details-page #payment-details-form .payment-icon:hover, html body section#content #payment-details-page #payment-details-form .payment-icon.active {
border: solid 1px #000; }
html body div.controlGroup .controls input,
html body div.controlGroup .controls select,
html body .formHorizontal div.controlGroup .controls input,
html body .formHorizontal div.controlGroup .controls select {
border: solid 1px #808080; }
html body div.controlGroup .controls input#id_phone_number_idd,
html body div.controlGroup .controls select#id_phone_number_idd,
html body .formHorizontal div.controlGroup .controls input#id_phone_number_idd,
html body .formHorizontal div.controlGroup .controls select#id_phone_number_idd {
border: solid 1px #808080;
background: #fff; }
html #timer-wrapper #timer {
background: #FCF5EA !important;
min-height: 175px;
padding: 30px 15px !important;
box-sizing: border-box; }
@media only screen and (max-width: 748px) {
html #timer-wrapper #timer {
padding: 10px 15px !important; } }
html #timer-wrapper #timer p {
color: #fff !important;
font-weight: lighter; }
html #timer-wrapper #timer p.upper {
font-size: 24px;
font-family: "Big Caslon, Medium" !important;
font-weight: normal !important;
color: #0F0F0F !important;
letter-spacing: 1px;
text-transform: initial !important; }
@media (min-width: 749px) {
html #timer-wrapper #timer p.upper {
padding-top: 13px; } }
html #timer-wrapper #timer a {
font-family: "Big Caslon, Medium";
text-decoration: none !important; }
html #timer-wrapper #timer a:hover {
text-decoration: underline !important; }
html #timer-wrapper #timer #counter {
font-size: 48px;
font-family: "Big Caslon, Medium";
color: #D61C39 !important; }
@media only screen and (max-width: 748px) {
html #timer-wrapper #timer #counter {
font-size: 30px; } }
html #timer-wrapper #timer #need-time, html #timer-wrapper #timer #back-to-orders {
color: #D61C39 !important;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 15px; }
@media (min-width: 749px) {
html body section#content #ordersWrapper #event-header-first {
width: 660px !important; } }
@media (min-width: 749px) {
html body section#content #ordersWrapper > h2 {
margin-bottom: 20px; } }
html body section#content #ordersForm #your-orders .single-ticket,
html body section#content #ordersForm #your-orders .total-cost-label {
text-transform: uppercase; }
@media (min-width: 749px) {
html body section#content #ordersForm .formActions {
margin-top: 35px; } }
@media only screen and (max-width: 748px) {
html body section#content #ordersForm .formActions > a:nth-child(1) {
width: auto; } }
html body section#content #ordersForm #your-orders .data-fields-td input[type="text"] {
border: solid 1px #808080; }
html body #data-collection-app #legacy-checkout-buttons {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 30px; }
@media only screen and (max-width: 748px) {
html body #data-collection-app #legacy-checkout-buttons {
flex-direction: column;
gap: 10px; } }
html body #data-collection-app #legacy-checkout-buttons .tf-btn-default {
border: solid 1px #999;
margin: 0; }
html body section#content #confirm-order-wrap #event-header-second.has-from-to-dates {
top: 0px !important; }
html #checkout-wrapper.tf-controls > a.tf-btn-default {
font-size: 16px; }
html #checkout-wrapper .tf-btn-primary.spinner-on-click {
margin-right: 0; }
html #checkout-wrapper > input {
height: 20px;
min-height: 36px; }
@media only screen and (max-width: 748px) {
html #checkout-wrapper ul.errorlist {
width: 100%;
padding-left: 0;
padding-right: 0; } }
html body .question-sign.cvv-img:hover, html body .formHorizontal .question-sign.cvv-img:hover {
background: #0F0F0F; }
html section#content #ordersForm table .upper.blue th,
html section#content #ordersForm #your-orders .data-fields-td div.th-blue,
html section#content #ordersForm #your-orders #total-cost-tr td.total-cost-label {
font-family: "Avenir LT W01_85 Heavy";
font-weight: normal;
font-size: 20px !important;
color: #0F0F0F; }
html section#content #ordersForm #your-orders .data-fields-td div.th-blue {
margin-bottom: 3px;
font-size: 13px !important;
color: #6d6d6d !important;
text-transform: uppercase !important; }
html section#content #ordersForm #your-orders .single-ticket .ticket-type > b {
font-family: "Avenir LT W01_85 Heavy";
font-weight: normal;
color: #0F0F0F !important;
font-size: 17px !important;
text-transform: uppercase; }
@media (min-width: 749px) {
html #timer p.upper {
font-size: 12px;
font-family: "Avenir LT W01_45 Book1475508";
font-weight: lighter; }
html #timer p, html #timer a {
color: #fff !important;
font-family: "Avenir LT W01_45 Book1475508";
font-weight: lighter; }
html #timer #counter {
font-weight: bold;
font-size: 48px; } }
html #confirm-orders-page tbody tr:first-child {
border-top: 1px solid #fff; }
@media only screen and (max-width: 748px) {
html body section#content #confirm-orders-page #event-header-first {
margin-top: 15px; } }
html body section#content #confirm-orders-page #ticket-guidelines {
border-top: none; }
html #downloading-message .tf-title.overline {
border-top: none;
background: #fff !important;
color: #000 !important;
padding-left: 0 !important; }
html #wait-message .infoItem > div > p,
html #wait-message .thankyou__list > div,
html #downloading-message .infoItem > div > p,
html #downloading-message .thankyou__list > div {
font-family: "Avenir LT W01_45 Book1475508" !important; }
html #wait-message .thankyou__list,
html #downloading-message .thankyou__list {
margin-bottom: 35px; }
html #thanks-page .button__group a:nth-child(1) {
margin-left: 0; }
@media only screen and (max-width: 748px) {
html #thanks-page .button__group a:nth-child(2) {
margin-left: 0; } }
html #my-tickets-inner .infoItem.ticket {
padding-left: 15px;
padding-right: 15px; }
html body #evf-authentication {
padding-top: 0px; }
html body #my-account-page,
html body #my-tickets-page,
html body #venue-events,
html #evf-authentication {
padding-top: 110px; }
@media only screen and (max-width: 748px) {
html body #my-account-page,
html body #my-tickets-page,
html body #venue-events,
html #evf-authentication {
padding-top: 0px !important; } }
html body #my-account-page .forgot-password-text > a,
html body #my-account-page a.terms-url-internal,
html body #my-account-page a.terms-url-external,
html body #my-tickets-page .forgot-password-text > a,
html body #my-tickets-page a.terms-url-internal,
html body #my-tickets-page a.terms-url-external,
html body #venue-events .forgot-password-text > a,
html body #venue-events a.terms-url-internal,
html body #venue-events a.terms-url-external,
html #evf-authentication .forgot-password-text > a,
html #evf-authentication a.terms-url-internal,
html #evf-authentication a.terms-url-external {
color: #000;
text-decoration: underline; }
html body #my-account-page .nav.navTabs,
html body #my-tickets-page .nav.navTabs,
html body #venue-events .nav.navTabs,
html #evf-authentication .nav.navTabs {
margin-top: 20px;
margin-bottom: 20px; }
@media (min-width: 749px) {
html body #my-account-page .nav.navTabs,
html body #my-tickets-page .nav.navTabs,
html body #venue-events .nav.navTabs,
html #evf-authentication .nav.navTabs {
border-bottom: none; } }
@media (min-width: 749px) {
html body #my-account-page .nav.navTabs a,
html body #my-tickets-page .nav.navTabs a,
html body #venue-events .nav.navTabs a,
html #evf-authentication .nav.navTabs a {
padding-right: 10px;
padding-left: 10px;
margin-right: 30px; } }
@media only screen and (max-width: 748px) {
html body #my-account-page .nav.navTabs a,
html body #my-tickets-page .nav.navTabs a,
html body #venue-events .nav.navTabs a,
html #evf-authentication .nav.navTabs a {
padding-right: 0px;
padding-left: 0px;
background: transparent; } }
html body #my-account-page .nav.navTabs a h2,
html body #my-tickets-page .nav.navTabs a h2,
html body #venue-events .nav.navTabs a h2,
html #evf-authentication .nav.navTabs a h2 {
font-size: 20px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
color: #6d6d6d !important;
background: transparent !important;
padding: 0 !important;
border-bottom: solid 3px transparent !important;
padding-bottom: 2px !important;
font-weight: unset !important;
text-transform: uppercase !important; }
@media only screen and (max-width: 748px) {
html body #my-account-page .nav.navTabs li,
html body #my-tickets-page .nav.navTabs li,
html body #venue-events .nav.navTabs li,
html #evf-authentication .nav.navTabs li {
display: inline-block;
margin-right: 20px; } }
html body #my-account-page .nav.navTabs li.user-email,
html body #my-tickets-page .nav.navTabs li.user-email,
html body #venue-events .nav.navTabs li.user-email,
html #evf-authentication .nav.navTabs li.user-email {
color: #D61C39 !important;
font-size: 14px !important; }
html body #my-account-page .nav.navTabs li:nth-child(1) a, html body #my-account-page .nav.navTabs li:nth-child(1) a > h2,
html body #my-tickets-page .nav.navTabs li:nth-child(1) a,
html body #my-tickets-page .nav.navTabs li:nth-child(1) a > h2,
html body #venue-events .nav.navTabs li:nth-child(1) a,
html body #venue-events .nav.navTabs li:nth-child(1) a > h2,
html #evf-authentication .nav.navTabs li:nth-child(1) a,
html #evf-authentication .nav.navTabs li:nth-child(1) a > h2 {
padding-left: 0 !important; }
html body #my-account-page .nav.navTabs li:hover,
html body #my-tickets-page .nav.navTabs li:hover,
html body #venue-events .nav.navTabs li:hover,
html #evf-authentication .nav.navTabs li:hover {
opacity: 1; }
html body #my-account-page .nav.navTabs li:hover.active,
html body #my-tickets-page .nav.navTabs li:hover.active,
html body #venue-events .nav.navTabs li:hover.active,
html #evf-authentication .nav.navTabs li:hover.active {
opacity: 1; }
html body #my-account-page .nav.navTabs li:hover a,
html body #my-tickets-page .nav.navTabs li:hover a,
html body #venue-events .nav.navTabs li:hover a,
html #evf-authentication .nav.navTabs li:hover a {
color: #D61C39; }
html body #my-account-page .nav.navTabs li.active,
html body #my-tickets-page .nav.navTabs li.active,
html body #venue-events .nav.navTabs li.active,
html #evf-authentication .nav.navTabs li.active {
background: none !important; }
html body #my-account-page .nav.navTabs li.active a h2,
html body #my-tickets-page .nav.navTabs li.active a h2,
html body #venue-events .nav.navTabs li.active a h2,
html #evf-authentication .nav.navTabs li.active a h2 {
border-bottom: solid 3px #0F0F0F !important;
font-family: "Avenir LT W01_85 Heavy" !important;
color: #0F0F0F !important; }
html body #my-account-page #preferences .formHorizontal .controlGroup .controls p.helpBlock,
html body #my-tickets-page #preferences .formHorizontal .controlGroup .controls p.helpBlock,
html body #venue-events #preferences .formHorizontal .controlGroup .controls p.helpBlock,
html #evf-authentication #preferences .formHorizontal .controlGroup .controls p.helpBlock {
color: #666; }
html body #my-account-page #preferences .formHorizontal .actions .tf-btn,
html body #my-tickets-page #preferences .formHorizontal .actions .tf-btn,
html body #venue-events #preferences .formHorizontal .actions .tf-btn,
html #evf-authentication #preferences .formHorizontal .actions .tf-btn {
margin-right: 0px; }
html body #my-account-page #preferences #password .alert.alert-info.controlGroup,
html body #my-tickets-page #preferences #password .alert.alert-info.controlGroup,
html body #venue-events #preferences #password .alert.alert-info.controlGroup,
html #evf-authentication #preferences #password .alert.alert-info.controlGroup {
width: 428px; }
html body #my-account-page #preferences .agree-personal-info-use-container .controlLabel,
html body #my-tickets-page #preferences .agree-personal-info-use-container .controlLabel,
html body #venue-events #preferences .agree-personal-info-use-container .controlLabel,
html #evf-authentication #preferences .agree-personal-info-use-container .controlLabel {
border-right: solid 1px #D4d4d4 !important; }
html body #my-account-page #close-account-form div.actions #closeAccountBtn,
html body #my-tickets-page #close-account-form div.actions #closeAccountBtn,
html body #venue-events #close-account-form div.actions #closeAccountBtn,
html #evf-authentication #close-account-form div.actions #closeAccountBtn {
border: solid 1px #D61C39 !important;
background: #D61C39 !important;
color: #fff !important;
padding: 10px 30px;
border-radius: 2px; }
html body #my-account-page #close-account-form div.actions #closeAccountBtn:hover,
html body #my-tickets-page #close-account-form div.actions #closeAccountBtn:hover,
html body #venue-events #close-account-form div.actions #closeAccountBtn:hover,
html #evf-authentication #close-account-form div.actions #closeAccountBtn:hover {
border: solid 1px #0F0F0F !important;
background: #0F0F0F !important; }
html body #my-account-page #my-tickets-inner,
html body #my-tickets-page #my-tickets-inner,
html body #venue-events #my-tickets-inner,
html #evf-authentication #my-tickets-inner {
padding-top: 0px; }
html #event-calendar-result a {
color: #000; }
html body #event-calendar h3 {
color: #000;
padding: 6px 0px 6px 0px; }
html body #event-calendar select#id_category,
html body #event-calendar select#id_subcategory {
padding: 0px 6px;
border-radius: 0;
height: 42px; }
@media only screen and (max-width: 748px) {
html body #event-calendar select#id_category,
html body #event-calendar select#id_subcategory {
margin-bottom: 5px; } }
html body #venue-events {
padding: 0;
background: transparent !important; }
html body #venue-events .nav.navTabs {
margin-top: 0; }
html body #venue-events a.tf-btn {
color: #000; }
html body #venue-events a.tf-btn:hover {
color: #fff; }
html #venue-detail-page #venue-detail {
background: transparent !important;
padding: 0; }
html #venue-detail-page #venue-detail h2.tf-title {
font-family: "Avenir LT W01_85 Heavy" !important;
font-weight: bold; }
html #venue-detail-page #venue-events-feeds {
margin-top: 45px;
border: solid 1px #808080;
background: #D4d4d4; }
html body section#content #host-detail {
background: transparent !important;
padding: 0; }
html body section#content #host-detail .infoItem > h4 {
color: #000;
font-family: "Big Caslon, Medium" !important;
font-weight: bold; }
html body section#content #host-events {
padding: 0; }
html body section#content #host-events .nav.navTabs li a {
padding: 0 15px 3px 0;
background: transparent !important; }
html body section#content #host-events .nav.navTabs li a > h2.tf-title {
font-family: "Avenir LT W01_85 Heavy";
font-weight: normal; }
@media only screen and (max-width: 748px) {
html .nav.navTabs {
left: 0px; }
html #my-account-page li a {
border: 0;
text-align: center;
padding-bottom: 15px;
padding-top: 15px;
font-weight: unset !important; }
html body #my-tickets-inner .infoItem.ticket {
padding-left: 0px;
padding-right: 0px; }
html body #my-tickets-inner .infoItem.ticket .ticket-type-name {
font-size: 2em;
line-height: 1em; }
html body .ticket-content.mobile-block .infoItem,
html body .ticket-content.mobile-block .location.pull-left {
width: 80%;
padding: 5px 10%; }
html .nav.navTabs li a {
padding-left: 15px;
padding-right: 15px; }
html body .ticket-content.mobile-block > div {
width: 80%;
padding: 5px 10%; }
html body .ticket-content.mobile-block > div .left, html body .ticket-content.mobile-block > div .right {
width: 100%; }
html body .ticket-content.mobile-block > div .right .send-ticket, html body .ticket-content.mobile-block > div .right .change-info-link {
font-size: 20px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
display: block;
width: 100%;
margin: 0;
line-height: 32px;
float: none; }
html body .infoItem.ticket .ticket-name > div {
width: 100%; }
html body .infoItem.ticket .ticket-name > div div.left {
width: 80%;
padding: 0 10%; }
html body .infoItem.ticket .ticket-name > div .tf-btn-primary {
width: 100%; } }
@media only screen and (max-width: 748px) {
html body .mobile-undershadow {
background: #000; }
html body .mobile-undershadow > .nav {
border-bottom: solid 1px transparent; }
html body div.navbar.mobile-undershadow {
border-bottom: solid 1px #666; }
html body #timer-wrapper #timer {
background: #000; }
html body #setup-orders-page .orderTable tbody tr td,
html body #confirm-orders-page tbody tr td {
background: transparent; } }
@media only screen and (max-width: 748px) and (max-width: 748px) {
html body #setup-orders-page .orderTable tbody tr td,
html body #confirm-orders-page tbody tr td {
border-color: #D4d4d4 !important; } }
@media only screen and (max-width: 748px) {
html section#content #ordersForm #your-orders .data-fields-td input[type="text"] {
color: #000 !important; }
html #setup-orders-page .orderTable tr:nth-child(2n),
html #confirm-orders-page tr:nth-child(2n) {
background: none; } }
html body #tickets-page-wrap .infoItem.ticket span {
color: #fff; }
html body .packages-container .package-content .step-item-list ul li {
opacity: .3; }
html body .packages-container .package-content .step-item-list ul li.current {
opacity: 1; }
html body .packages-container .package-content .step-item-list ul li.showcase {
opacity: 1; }
html body .packages-container .package-content .step-item-list ul li .arrow {
background: none;
border: solid 2px #fff;
border-radius: 99px;
font-size: 24px;
text-align: center;
width: 18px;
height: 18px;
margin-right: 5px; }
html body .packages-container .package-content .step-item-list ul li .arrow:after {
line-height: .5em;
height: .5em;
font-family: "Courier New", Courier, monospace;
content: "\203A";
font-weight: bold;
position: relative;
top: -2px; }
html body #event-package-step-indicator {
background: #fff;
margin-bottom: 20px; }
html body #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
background: #fff;
padding: 10px 20px 5px 20px;
border: solid #ccc 1px; }
@media only screen and (max-width: 748px) {
html body #package-list .packages-container .package-content .buy-container .quantity-container {
border: solid #0F0F0F 2px;
height: 39px;
background: #fff;
width: 47%; }
html body #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
padding: 8px 0px 0px 3px;
background: transparent; } }
html body #package-list .packages-container .package-content .cart-exclusive-container .cart-exclusive-msg {
font-family: "Big Caslon, Medium";
font-weight: bold;
padding: 5px;
color: #fff;
background: #000; }
@media only screen and (max-width: 748px) {
html header .header-fixed #locale_switcher {
width: 68px !important; } }
html body header .header-fixed #locale_switcher .sbHolder {
background: #fff !important;
height: 30px; }
@media only screen and (max-width: 748px) {
html body header .header-fixed #locale_switcher .sbHolder {
background: transparent !important; } }
@media (min-width: 749px) {
html body header .header-fixed #locale_switcher .sbHolder .sbSelector,
html body header .header-fixed #locale_switcher .sbHolder .sbToggle:after {
color: #0F0F0F !important; } }
html body header .header-fixed #locale_switcher .sbHolder .sbOptions {
background: #000 !important; }
@media only screen and (max-width: 748px) {
html body header .header-fixed #locale_switcher .sbHolder .sbOptions {
background: #666 !important; } }
@media (min-width: 749px) {
html body header .header-fixed #locale_switcher .sbHolder .sbOptions {
min-width: 140px;
width: 140px;
right: -3px;
left: unset; } }
@media only screen and (max-width: 748px) {
html body header .header-fixed #locale_switcher .sbHolder .sbOptions {
top: 54px !important; } }
html body header .header-fixed #locale_switcher .sbHolder .sbOptions li {
background: #D61C39 !important; }
html body header .header-fixed #locale_switcher .sbHolder .sbOptions li a {
color: #fff !important; }
html body header .header-fixed #locale_switcher .sbHolder .sbOptions li:hover {
background: #0F0F0F !important; }
html body header .header-fixed #locale_switcher .sbHolder .sbOptions li:hover a {
color: #fff; }
@media only screen and (max-width: 748px) {
html body #country-prompt-modal .sbOptions {
left: -1px !important; } }
html div.popover.seat-ticket-type-options .popover-title {
color: #000; }
html #my-account-page .formHorizontal div.phone-number-fields .controlGroup .controls:before {
top: 9px;
color: #6d6d6d;
pointer-events: none; }
html #my-account-page .formHorizontal div.phone-number-fields .controlGroup select {
background: #fff;
color: #6d6d6d;
font-size: 12px;
padding-left: 10px;
padding-right: 15px;
height: 38px; }
html #my-account-page .formHorizontal div.phone-number-fields .controlGroup input {
border-color: #D4d4d4 !important; }
html body #my-account-page .controlGroup div.controls:before {
color: #6d6d6d;
pointer-events: none; }
html body #my-account-page .controlGroup #id_preferred_country {
background: #fff;
color: #6d6d6d;
font-size: 12px;
height: 42px;
color: #000 !important; }
html #my-account-page .patron_city .controls {
position: relative; }
html #my-account-page .patron_city .controls:before {
font-family: 'FontAwesome';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\F0DD";
position: absolute;
right: 6px;
top: 10px;
z-index: 1; }
html #my-account-page .patron_city .controls #id_city {
margin-top: 0 !important;
height: 42px;
border-color: #D4d4d4;
border-left: none; }
html body select#id_city {
background: #fff;
color: #000; }
html #password-reset fieldset p {
letter-spacing: auto;
font-family: "Avenir LT W01_45 Book1475508" !important;
font-size: 18px;
color: #0F0F0F; }
html #password-reset fieldset p:nth-child(2) {
margin-bottom: 15px; }
html .header-links .mobile-undershadow span.pull-right a {
text-transform: uppercase; }
@media only screen and (max-width: 748px) {
html body #event-detail {
padding-left: 0px !important;
padding-right: 0px !important; } }
html body #event-detail #host-detail {
border-color: #fff !important; }
html body #event-detail #sessions-container #session_list .day_sessions {
border-top-color: #D4d4d4 !important; }
html body #event-detail #sessions-container #session_list .day_sessions .each_session {
padding-left: 5px !important;
padding-right: 5px !important;
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 17px !important;
border-bottom-color: #D4d4d4 !important;
line-height: 21px; }
html body #event-detail #sessions-container #session_list .day_sessions .each_session i {
margin: 0 10px 0 10px !important; }
html body #event-detail #sessions-container #session_list .day_sessions .each_session:hover {
color: #D61C39 !important;
background: none !important; }
html body #event-detail #sessions-container #session_list .day_sessions .each_session.selected {
background: none !important;
color: #D61C39 !important; }
html body section#content #event-header-first {
background: transparent;
border-top: none;
border-bottom: none;
padding: 0 0 0 15px;
padding-left: 0 !important; }
@media only screen and (max-width: 748px) {
html body section#content #event-header-first {
margin-bottom: 20px; } }
@media only screen and (max-width: 748px) {
html body section#content #event-header-first .event-image {
float: none; } }
@media (min-width: 749px) {
html body section#content #event-header-first {
min-height: 144px; } }
@media (min-width: 749px) {
html body section#content #event-header-first {
width: 635px; }
html body section#content #event-header-first > .event-image {
margin-right: 10px; } }
html body section#content #event-header-first h1.event-title {
color: #0F0F0F;
font-family: "Big Caslon, Medium" !important;
font-size: 32px;
margin-top: 2px;
padding-bottom: 5px;
text-transform: uppercase;
font-weight: unset;
line-height: 30px; }
@media only screen and (max-width: 748px) {
html body section#content #event-header-first h1.event-title {
margin: 20px 0 5px;
font-size: 18px;
line-height: 26px; } }
html body section#content #event-header-first h2.event-subtitle {
color: #0F0F0F;
font-weight: unset;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 18px; }
@media only screen and (max-width: 748px) {
html body section#content #event-header-first {
padding-left: 0px !important;
padding-right: 0px !important; } }
html body section#content #sidebar {
margin-top: 0; }
html body section#content #sidebar #event-header-second {
background: #FCF5EA;
border-top: none;
border-bottom: none;
padding: 10px; }
@media (min-width: 749px) {
html body section#content #sidebar #event-header-second {
min-height: 168px !important; } }
html body section#content #sidebar #event-header-second .times {
border-color: transparent !important;
padding-bottom: 6px;
text-transform: uppercase; }
html body section#content #sidebar #event-header-second .times .times-first .blue.upper,
html body section#content #sidebar #event-header-second .times .times-second .blue.upper {
color: #0F0F0F !important;
font-family: "Big Caslon, Medium" !important;
font-weight: unset;
font-size: 20px !important;
text-transform: initial !important;
line-height: 26px;
margin-bottom: 3px; }
html body section#content #sidebar #event-header-second .times .times-first .upper,
html body section#content #sidebar #event-header-second .times .times-second .upper {
color: #6d6d6d !important;
font-family: "Avenir LT W01_65 Medium1475532" !important;
font-weight: unset;
font-size: 15px !important;
text-transform: capitalize;
line-height: 20px; }
html body section#content #sidebar #event-header-second .times.has-customized-time {
padding-bottom: 0; }
html body section#content #sidebar #event-header-second .times.has-customized-time .upper {
color: #0F0F0F !important;
font-family: "Big Caslon, Medium" !important;
font-size: 15px !important;
text-transform: uppercase;
margin-top: 10px; }
html body section#content #sidebar #event-header-second .location-detail b.address-title {
font-family: "Big Caslon, Medium" !important;
color: #0F0F0F !important;
font-weight: unset !important;
font-size: 20px !important;
text-transform: initial !important; }
html body section#content #sidebar #event-header-second .location-detail .fa.fa-map-marker {
color: #0F0F0F; }
html body section#content #sidebar #event-header-second .location-map pre {
font-family: "Avenir LT W01_65 Medium1475532" !important;
color: #6d6d6d !important;
font-weight: unset;
font-size: 15px !important;
text-transform: unset;
line-height: 20px; }
html body #sidebar {
overflow: visible; }
html body .sidebar__shopping-cart {
background: #FCF5EA;
margin-top: 10px;
border-top: none;
padding: 10px; }
@media (min-width: 749px) {
html body .sidebar__shopping-cart {
margin-right: 0;
margin-left: 0px !important; } }
html body .sidebar__shopping-cart .unlock-code {
color: #6d6d6d !important;
font-family: "Avenir LT W01_65 Medium1475532"; }
html body section#content #sidebar .section__event-name > h1 {
color: #0F0F0F !important;
font-size: 20px !important;
text-transform: initial !important; }
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section.section__event-name > h1 {
color: #0F0F0F !important;
font-family: "Big Caslon, Medium" !important;
font-weight: unset !important; }
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section {
border: none !important; }
html body section#content #sidebar div.sidebar__shopping-cart h2,
html body section#content #sidebar div.sidebar__shopping-cart .section__meta,
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section.section__seat-allocation,
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section.section__pricing,
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div,
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta div,
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount,
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div {
color: #6d6d6d !important;
font-weight: normal;
text-transform: unset;
line-height: 20px;
font-size: 15px;
font-family: "Avenir LT W01_65 Medium1475532"; }
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div {
color: #D61C39 !important; }
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section.section__pricing {
margin-bottom: 10px; }
html body section#content #sidebar div.sidebar__shopping-cart h2 {
color: #0F0F0F !important;
text-transform: initial;
font-family: "Big Caslon, Medium";
padding-bottom: 8px;
padding-top: 5px;
font-size: 20px; }
html body section#content #sidebar div.sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount div {
color: #fff !important; }
html section#content #event-additional-info h2 {
color: #494439 !important; }
html body div section#content .calendar-container #calendar_notify {
margin-top: 45px;
padding-right: 0 !important;
min-width: unset; }
html body div section#content .calendar-container #calendar h2 {
color: #D61C39;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 18px; }
html section#content #event-body > h2,
html body div section#content .calendar-container #calendar_notify,
html body div section#content #sessions-container #session_notify,
html body div section#content .ticket-type-container .tf-title,
html body div section#content #event-additional-info h2,
html body div section#content .tf-title,
html #package-list #package-list-title,
html body section#content #ordersForm .infoItem h4 {
font-family: "Big Caslon, Medium" !important;
font-size: 24px !important;
background: none !important;
color: #0F0F0F !important;
padding: 0 !important;
display: inline-block !important;
font-weight: unset !important;
text-transform: capitalize !important;
border: 0 !important; }
html body section#content #event-body > h2 {
font-family: "Big Caslon, Medium" !important; }
html body div section#content .calendar-container #calendar .fc-left > h2,
html body div section#content #sessions-container #session_list .session_day span {
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
font-weight: unset !important;
border-top: none !important;
border-bottom: none !important;
border-bottom-width: 0px !important;
border-bottom-color: transparent !important;
font-size: 18px; }
html body div section#content .calendar-container #calendar .fc-left > h2 {
color: #D61C39 !important; }
html body #thanks-page .gray-container #wait-message h2.tf-title,
html body #downloading-message header h2.tf-title {
color: #0F0F0F !important;
font-family: "Big Caslon, Medium" !important;
font-weight: normal !important;
border-top: none !important;
border-bottom: none !important;
border-bottom-width: 0px !important;
border-bottom-color: transparent !important; }
html body #setup-order-wrap > h2 {
border-bottom: none; }
html #your-orders div.single-ticket-row.tf-blue > .data-field-row > div,
html #your-orders div.single-order-row.tf-blue > .data-field-row > div,
html section#content #ordersForm .infoItem h4 {
text-transform: uppercase !important;
color: #494439 !important; }
html body.property-style-cod option {
color: black !important; }
html body section#content #event-header-second .location-detail .address-title {
font-size: 19px; }
html body.ipadHover .packages-container .package-content .buy-container .quantity-container .quantity {
background: #D4d4d4; }
@media only screen and (max-width: 748px) {
html body #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
padding: 5px 0px 0px 3px; }
html body #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
top: 0; } }
@media (max-width: 748px) {
html .login-container .pull-right {
width: 100%; }
html .login-container .pull-right button.tf-btn-primary {
margin: 0;
width: 100%;
height: 40px;
margin-bottom: 10px;
margin-top: 15px; }
html .login-container .pull-right a.tf-btn-primary {
margin-left: 0;
margin-right: 0;
width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
padding-bottom: 8px; } }
html body .phone-number-fields .country-code-field-container .controlGroup .controls:before {
color: #000; }
html body #signup-or-signin-page select#id_phone1_number_idd,
html body #signup-or-signin-page select#id_phone2_number_idd,
html body form#register-form select#id_phone1_number_idd,
html body form#register-form select#id_phone2_number_idd {
border-left: solid 1px #808080; }
@media only screen and (max-width: 748px) {
html #mini-auth-signup-form .evf-formset-field-container.evf-formset-field-width-50-left .evf-formset-field {
height: 34px;
padding-top: 6px;
margin-top: 20px; }
html #mini-auth-signup-form .evf-formset-field-container.evf-formset-field-width-50-left .evf-formset-field label {
top: -28px; }
html #mini-auth-signup-form .evf-formset-field-container.evf-formset-field-width-50-left .evf-formset-field select {
top: -15px; } }
html #password-reset input[type=text]::placeholder, html #password-reset input[type=password]::placeholder,
html #buy_button_container input[type=text]::placeholder,
html #buy_button_container input[type=password]::placeholder {
color: #000 !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
font-size: 15px;
text-transform: uppercase !important; }
html #password-reset .fixed-right-container .right,
html #buy_button_container .fixed-right-container .right {
width: 50%; }
@media only screen and (max-width: 748px) {
html #password-reset .fixed-right-container .right,
html #buy_button_container .fixed-right-container .right {
width: 100%; } }
html #password-reset .fixed-right-container .right #buy-btn-get,
html #buy_button_container .fixed-right-container .right #buy-btn-get {
height: 40px !important;
font-size: 15px;
font-family: "Avenir LT W01_85 Heavy" !important;
padding-top: 3px !important; }
@media only screen and (max-width: 748px) {
html #password-reset .fixed-right-container .right #buy-btn-get,
html #buy_button_container .fixed-right-container .right #buy-btn-get {
padding-top: 10px !important; } }
html #password-reset .fixed-right-container .left,
html #buy_button_container .fixed-right-container .left {
width: 50%; }
@media only screen and (max-width: 748px) {
html #password-reset .fixed-right-container .left,
html #buy_button_container .fixed-right-container .left {
width: 100%; } }
html #password-reset .fixed-right-container .left input,
html #buy_button_container .fixed-right-container .left input {
border-color: #D4d4d4 !important;
color: #0F0F0F;
font-size: 15px !important;
font-family: "Avenir LT W01_45 Book1475508" !important; }
html #password-reset .fixed-right-container .left input#id_full_code,
html #buy_button_container .fixed-right-container .left input#id_full_code {
padding-left: 12px !important;
font-size: 15px !important;
color: #6d6d6d;
padding-top: 5px !important; }
html #password-reset .fixed-right-container .left input::placeholder,
html #buy_button_container .fixed-right-container .left input::placeholder {
color: #6d6d6d !important;
font-size: 15px !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
padding-top: 5px !important;
text-transform: initial !important; }
html #auth-app .legacy-ticket-type-name,
html #data-collection-app .legacy-ticket-type-name,
html #evf-authentication .legacy-ticket-type-name {
font-size: 15px;
text-transform: uppercase;
font-family: "Avenir LT W01_85 Heavy";
font-weight: normal;
color: #0F0F0F; }
html #auth-app .legacy-subtitle-label,
html #data-collection-app .legacy-subtitle-label,
html #evf-authentication .legacy-subtitle-label {
font-size: 20px;
text-transform: initial;
font-family: "Big Caslon, Medium";
font-weight: normal;
color: #0F0F0F; }
html #auth-app .evf-formset .evf-formset-field,
html #data-collection-app .evf-formset .evf-formset-field,
html #evf-authentication .evf-formset .evf-formset-field {
height: 40px;
border-color: #D4d4d4 !important; }
html #auth-app .evf-formset .evf-formset-field input[type=text], html #auth-app .evf-formset .evf-formset-field input[type=password],
html #data-collection-app .evf-formset .evf-formset-field input[type=text],
html #data-collection-app .evf-formset .evf-formset-field input[type=password],
html #evf-authentication .evf-formset .evf-formset-field input[type=text],
html #evf-authentication .evf-formset .evf-formset-field input[type=password] {
color: #6d6d6d !important;
border-color: #D4d4d4 !important;
font-family: "Avenir LT W01_45 Book1475508";
padding-top: 3px;
font-size: 15px; }
html #auth-app .evf-formset .evf-formset-field input[type=text]::placeholder, html #auth-app .evf-formset .evf-formset-field input[type=password]::placeholder,
html #data-collection-app .evf-formset .evf-formset-field input[type=text]::placeholder,
html #data-collection-app .evf-formset .evf-formset-field input[type=password]::placeholder,
html #evf-authentication .evf-formset .evf-formset-field input[type=text]::placeholder,
html #evf-authentication .evf-formset .evf-formset-field input[type=password]::placeholder {
color: #6d6d6d !important;
font-family: "Avenir LT W01_45 Book1475508";
text-transform: initial !important;
font-size: 15px; }
html #auth-app .evf-formset .evf-formset-field input[type=text]::focus, html #auth-app .evf-formset .evf-formset-field input[type=password]::focus,
html #data-collection-app .evf-formset .evf-formset-field input[type=text]::focus,
html #data-collection-app .evf-formset .evf-formset-field input[type=password]::focus,
html #evf-authentication .evf-formset .evf-formset-field input[type=text]::focus,
html #evf-authentication .evf-formset .evf-formset-field input[type=password]::focus {
color: #666 !important;
border-color: #666 !important;
font-family: "Avenir LT W01_45 Book1475508" !important; }
html #auth-app .evf-formset .evf-formset-field input[type=text]::focus:placeholder, html #auth-app .evf-formset .evf-formset-field input[type=password]::focus:placeholder,
html #data-collection-app .evf-formset .evf-formset-field input[type=text]::focus:placeholder,
html #data-collection-app .evf-formset .evf-formset-field input[type=password]::focus:placeholder,
html #evf-authentication .evf-formset .evf-formset-field input[type=text]::focus:placeholder,
html #evf-authentication .evf-formset .evf-formset-field input[type=password]::focus:placeholder {
color: #666 !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
text-transform: uppercase !important; }
html #auth-app .evf-formset .evf-formset-field input:-webkit-autofill,
html #auth-app .evf-formset .evf-formset-field input:-webkit-autofill:hover,
html #auth-app .evf-formset .evf-formset-field input:-webkit-autofill:focus,
html #auth-app .evf-formset .evf-formset-field input:-webkit-autofill:active,
html #data-collection-app .evf-formset .evf-formset-field input:-webkit-autofill,
html #data-collection-app .evf-formset .evf-formset-field input:-webkit-autofill:hover,
html #data-collection-app .evf-formset .evf-formset-field input:-webkit-autofill:focus,
html #data-collection-app .evf-formset .evf-formset-field input:-webkit-autofill:active,
html #evf-authentication .evf-formset .evf-formset-field input:-webkit-autofill,
html #evf-authentication .evf-formset .evf-formset-field input:-webkit-autofill:hover,
html #evf-authentication .evf-formset .evf-formset-field input:-webkit-autofill:focus,
html #evf-authentication .evf-formset .evf-formset-field input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #fff inset !important; }
html #auth-app .evf-formset .evf-formset-field select#phone1_number_idd,
html #data-collection-app .evf-formset .evf-formset-field select#phone1_number_idd,
html #evf-authentication .evf-formset .evf-formset-field select#phone1_number_idd {
font-family: "Avenir LT W01_45 Book1475508" !important;
font-weight: unset !important;
text-transform: initial !important;
color: #6d6d6d !important;
font-size: 15px !important; }
html #auth-app .evf-formset .evf-formset-field select,
html #data-collection-app .evf-formset .evf-formset-field select,
html #evf-authentication .evf-formset .evf-formset-field select {
background: none !important; }
html #auth-app .evf-formset .evf-formset-field.is-checkbox label > a,
html #auth-app .evf-formset .forgot-password-text > a,
html #data-collection-app .evf-formset .evf-formset-field.is-checkbox label > a,
html #data-collection-app .evf-formset .forgot-password-text > a,
html #evf-authentication .evf-formset .evf-formset-field.is-checkbox label > a,
html #evf-authentication .evf-formset .forgot-password-text > a {
color: #0F0F0F;
text-decoration: none; }
html #auth-app .evf-formset .evf-formset-field.is-checkbox label > a:hover,
html #auth-app .evf-formset .forgot-password-text > a:hover,
html #data-collection-app .evf-formset .evf-formset-field.is-checkbox label > a:hover,
html #data-collection-app .evf-formset .forgot-password-text > a:hover,
html #evf-authentication .evf-formset .evf-formset-field.is-checkbox label > a:hover,
html #evf-authentication .evf-formset .forgot-password-text > a:hover {
color: #D61C39;
text-decoration: underline; }
html #auth-app .evf-formset .evf-formset-field,
html #data-collection-app .evf-formset .evf-formset-field,
html #evf-authentication .evf-formset .evf-formset-field {
border-color: #0F0F0F;
border-radius: 0;
margin-bottom: 8px; }
html #auth-app .evf-formset .evf-formset-field label,
html #data-collection-app .evf-formset .evf-formset-field label,
html #evf-authentication .evf-formset .evf-formset-field label {
color: #0F0F0F;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 18px; }
html #auth-app .evf-formset .evf-formset-field.is-checkbox label,
html #data-collection-app .evf-formset .evf-formset-field.is-checkbox label,
html #evf-authentication .evf-formset .evf-formset-field.is-checkbox label {
color: #0F0F0F;
font-size: 15px; }
html #auth-app .evf-formset .evf-formset-field.is-checkbox,
html #data-collection-app .evf-formset .evf-formset-field.is-checkbox,
html #evf-authentication .evf-formset .evf-formset-field.is-checkbox {
margin: 0;
height: auto;
padding-top: 14px; }
@media only screen and (max-width: 748px) {
html #auth-app .evf-formset .evf-formset-field.is-checkbox,
html #data-collection-app .evf-formset .evf-formset-field.is-checkbox,
html #evf-authentication .evf-formset .evf-formset-field.is-checkbox {
padding-top: 7px; } }
html #auth-app .evf-formset .evf-formset-field-width-50-left,
html #data-collection-app .evf-formset .evf-formset-field-width-50-left,
html #evf-authentication .evf-formset .evf-formset-field-width-50-left {
width: 50% !important; }
html #auth-app .evf-formset .evf-formset-field-width-50-right,
html #data-collection-app .evf-formset .evf-formset-field-width-50-right,
html #evf-authentication .evf-formset .evf-formset-field-width-50-right {
width: 50% !important; }
html #auth-app .evf-formset .evf-formset-field-width-50-right .evf-formset-field,
html #data-collection-app .evf-formset .evf-formset-field-width-50-right .evf-formset-field,
html #evf-authentication .evf-formset .evf-formset-field-width-50-right .evf-formset-field {
margin-left: 0 !important; }
html #auth-app .evf-formset .evf-formset-field-container .field-description,
html #data-collection-app .evf-formset .evf-formset-field-container .field-description,
html #evf-authentication .evf-formset .evf-formset-field-container .field-description {
font-family: "Big Caslon, Medium" !important;
font-weight: bold !important; }
@media only screen and (max-width: 748px) {
html #auth-app .mini-auth-form-button,
html #data-collection-app .mini-auth-form-button,
html #evf-authentication .mini-auth-form-button {
padding-left: 0px !important; } }
html #auth-app .mini-auth-form-button button,
html #auth-app #login-button-loader,
html #data-collection-app .mini-auth-form-button button,
html #data-collection-app #login-button-loader,
html #evf-authentication .mini-auth-form-button button,
html #evf-authentication #login-button-loader {
float: none;
margin-left: 0;
border-radius: 0; }
html footer.container .footer-copyright a:hover {
color: #0F0F0F; }
#my-account-page #close_ac .actions .alert #btnYes {
color: #002A49 !important; }
html body #svg_content_container svg #ROW_NUMBER text {
text-shadow: none; }
html div#svg_content_container #closer {
cursor: pointer;
background: rgba(255, 255, 255, 0.8); }
html div#svg_content_container #closer i.fa.fa-search-plus {
color: #000; }
html body #svg_content_container #scroll-done.active {
background: #0F0F0F;
font-size: 18px;
color: #fff; }
html div#seating-plan-sticky-tooltip {
background: #fff;
border: solid 1px #808080; }
html div#seating-plan-sticky-tooltip .category-detail .icon {
border: solid 1px #808080;
position: relative;
top: 1px; }
html body section#content #confirm-order-wrap #event-header-second.no-date-info,
html body section#content #confirm-order-wrap #event-header-second.has-valued-customized-time,
html body section#content #confirm-order-wrap #event-header-second.has-from-to-dates {
position: relative;
top: 10px; }
@media only screen and (max-width: 748px) {
html body section#content #confirm-order-wrap #event-header-second.no-date-info,
html body section#content #confirm-order-wrap #event-header-second.has-valued-customized-time,
html body section#content #confirm-order-wrap #event-header-second.has-from-to-dates {
top: 0 !important;
left: 0 !important; } }
html body section#content #confirm-order-wrap #event-header-first .event-title {
font-size: 20px; }
html body section#content #upsell-app-buttons {
display: flex;
justify-content: flex-end;
gap: 30px;
align-items: center; }
@media (min-width: 749px) {
html body section#content #timer.in-confirm-orders {
width: 324px;
position: relative;
right: 83px;
padding-top: 20px;
padding-bottom: 20px; } }
html body section#content #event-header-second {
margin-right: 0; }
html body section#content #event-detail .buy-wrapper .fixed-right-container .left {
padding-top: 1px; }
html #buy_button_container input#id_full_code {
padding: 3px 0 4px 20px !important;
color: #666;
border: solid 1px #6d6d6d; }
html body.language-style-zh-hant #buy_button_container input#id_full_code,
html body.language-style-zh-hans #buy_button_container input#id_full_code {
padding: 6px 0 5px 20px !important; }
@media (min-width: 749px) {
html body section#content #buy_button_container,
html body #voucher_input_container {
margin-bottom: 5px; }
html body section#content #buy_button_container .fixed-right-container,
html body #voucher_input_container .fixed-right-container {
display: flex; }
html body section#content #buy_button_container .fixed-right-container > .left,
html body #voucher_input_container .fixed-right-container > .left {
padding-top: 0 !important;
order: -1;
flex-grow: 1; }
html body section#content #buy_button_container .fixed-right-container > .right > a, html body section#content #buy_button_container .fixed-right-container > .right > button, html body section#content #buy_button_container .fixed-right-container > .right > input, html body section#content #buy_button_container .fixed-right-container > .left > a, html body section#content #buy_button_container .fixed-right-container > .left > button, html body section#content #buy_button_container .fixed-right-container > .left > input,
html body #voucher_input_container .fixed-right-container > .right > a,
html body #voucher_input_container .fixed-right-container > .right > button,
html body #voucher_input_container .fixed-right-container > .right > input,
html body #voucher_input_container .fixed-right-container > .left > a,
html body #voucher_input_container .fixed-right-container > .left > button,
html body #voucher_input_container .fixed-right-container > .left > input {
margin-top: 0 !important;
margin-bottom: 0 !important;
height: 40px !important;
padding-top: 0 !important;
padding-bottom: 0 !important; }
html body section#content #buy_button_container .fixed-right-container > .right > a, html body section#content #buy_button_container .fixed-right-container > .left > a,
html body #voucher_input_container .fixed-right-container > .right > a,
html body #voucher_input_container .fixed-right-container > .left > a {
height: 38px !important;
display: flex;
justify-content: center;
/* align horizontal */
align-items: center;
/* align vertical */ }
html body #apply-voucher-btn {
margin-left: 0 !important; }
html body section#content #buy_button_container .fixed-right-container .right #buy-btn-get, html body section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode, html body section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear {
margin-left: 0;
padding-top: 11px;
padding-bottom: 9px;
margin-top: 4px;
background: #0F0F0F;
border: solid 1px #999;
color: #FFF; }
html body section#content #buy_button_container .fixed-right-container .right #buy-btn-get:hover, html body section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode:hover, html body section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear:hover {
background: #FFF;
border: solid 1px #0F0F0F;
color: #0F0F0F; }
html body section#content #buy_button_container .fixed-right-container .right #buy-btn-get .fa.spinning, html body section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode .fa.spinning, html body section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear .fa.spinning {
margin-top: 0 !important;
margin-bottom: 0 !important; }
html body section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode, html body section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear {
margin-top: 4px;
padding-top: 6px; } }
html body section#content .ticket-category-list .ticket-category-item .ticket-category-ba {
top: -10px;
left: 5px; }
html #payment-details-form .select-icons-description p {
font-family: "Avenir LT W01_45 Book1475508";
color: #666;
font-weight: lighter;
text-transform: uppercase; }
html #payment-details-form #id_city {
margin-top: 0 !important;
padding-left: 5px !important;
border-color: #D4d4d4 !important;
color: #6d6d6d !important;
border-left: none !important; }
@media only screen and (max-width: 748px) {
html #payment-details-form #id_city {
border-left: solid 1px #D4d4d4 !important;
border-top: none !important; } }
html body.ipadHover #content > #home-page .line-separator,
html body.ipadHover div.top-content .line-separator {
display: none; }
html body.ipadHover #content > #home-page h2.tf-title,
html body.ipadHover div.top-content h2.tf-title {
font-family: "Big Caslon, Medium";
padding-bottom: 8px !important;
margin-bottom: 20px;
border-bottom: none !important;
color: #3C3C3C !important;
font-size: 24px !important; }
html body.ipadHover div ul.event-list > li {
box-shadow: unset !important;
background: #fff;
-webkit-box-shadow: 1px 1px 5px 1px #e3e3e3;
-moz-box-shadow: 1px 1px 5px 1px #e3e3e3;
box-shadow: 1px 1px 5px 1px #e3e3e3; }
html body.ipadHover div ul.event-list > li .title {
border-bottom: none !important; }
html body.ipadHover div ul.event-list > li.featured .imgThumbWrap {
display: block; }
html body.ipadHover div ul.event-list > li .new-event-labels {
position: relative; }
html body.ipadHover div ul.event-list > li .new-event-labels span.blue {
color: #0F0F0F;
font-size: 16px;
font-family: "Avenir LT W01_45 Book1475508";
height: auto;
margin-bottom: 6px; }
html body.ipadHover div ul.event-list > li .new-event-labels .event-banner {
position: absolute;
color: #0F0F0F;
font-size: 8px;
font-family: "Avenir LT W01_45 Book1475508";
border-radius: 8px;
padding: 2px 0px;
opacity: 1;
width: auto;
height: 16px;
font-weight: normal;
text-transform: uppercase;
line-height: 14px;
letter-spacing: 0px;
margin-bottom: 10px;
bottom: unset;
display: inline-block;
left: auto;
right: 0; }
@media only screen and (max-width: 748px) {
html body.ipadHover div ul.event-list > li .new-event-labels .event-banner {
line-height: 16px;
padding: 0px 8px; } }
html body.ipadHover div ul.event-list > li .new-event-labels .event-banner.banner-all-reserved {
background-color: #0F0F0F; }
html body.ipadHover div ul.event-list > li .new-event-labels .event-banner.banner-available {
padding: 2px 10px;
color: #fff;
background-color: #2ba803; }
html body.ipadHover div ul.event-list > li .new-event-labels .event-banner.banner-sold-out {
padding: 2px 10px;
color: #0F0F0F;
background-color: #cfcfcf;
border: none; }
html body.ipadHover div ul.event-list > li .new-event-labels .event-banner.banner-openingsoon {
padding: 2px 10px;
color: #0F0F0F;
background-color: #cfcfcf;
border: none; }
html body.ipadHover div ul.event-list > li .new-event-labels .event-banner.banner-sellingfast {
padding: 2px 10px;
color: #fff;
background-color: #f84869;
border: none; }
html body.ipadHover div ul.event-list > li .info-txts strong {
display: inline-block;
width: 70%; }
@media only screen and (max-width: 748px) {
html body.ipadHover div ul.event-list > li .info-txts strong {
line-height: 16px;
padding: 0px 8px;
width: 65%; } }
html body.ipadHover div ul.event-list > li.featured .event-banner .info-txts strong {
width: 78%; }
@media only screen and (max-width: 748px) {
html body.ipadHover div ul.event-list > li.featured .event-banner .info-txts strong {
width: 80%; } }
html body.ipadHover div ul.event-list > li .info-txts {
height: 60px; }
html body.ipadHover div ul.event-list > li .info-txts strong {
font-family: "Avenir LT W01_85 Heavy";
color: #D61C39 !important;
font-size: 14px !important;
font-weight: normal !important;
text-transform: uppercase; }
html body.ipadHover div ul.event-list > li .info-txts b {
color: #D61C39 !important;
font-size: 14px !important;
font-family: "Avenir LT W01_85 Heavy";
font-weight: normal !important;
text-transform: uppercase; }
html body.ipadHover div ul.event-list > li .info-txts span {
color: #3C3C3C !important;
font-size: 14px !important;
font-family: "Avenir LT W01_45 Book1475508";
font-weight: normal !important; }
html body.ipadHover div ul.event-list > li .info-txts .title span {
line-height: 19px !important;
height: 36px !important; }
html body.ipadHover div ul.event-list > li .info-txts .display-date {
color: #3C3C3C !important;
font-size: 18px !important;
font-family: "Avenir LT W01_65 Medium1475532";
font-weight: normal !important; }
html body.ipadHover div ul.event-list > li .info-txts {
background-color: #F8F8F8; }
html body.ipadHover div ul.event-list > li:nth-child(even) .info-txts {
background-color: #F8F8F8; }
html body.ipadHover div ul.event-list > li.featured .info-txts {
background-color: #F8F8F8; }
html body.ipadHover div ul.event-list > li.featured:nth-child(even) .info-txts {
background-color: #F8F8F8; }
@media (min-width: 749px) {
html body.ipadHover div ul.event-list > li .imgThumbWrap > img {
width: 225px; } }
html body.ipadHover div ul.event-list > li div.overlay {
background: transparent;
-webkit-box-shadow: 1px 1px 17px 8px #000;
-moz-box-shadow: 1px 1px 17px 8px #000;
box-shadow: 1px 1px 17px 8px #000;
display: initial; }
html body.ipadHover ul.event-list > li .info .infoItem.title span {
color: #000; }
html body.ipadHover ul.event-list > li .info .infoItem.title span strong {
color: #000;
font-size: 16px; }
html body.ipadHover ul.event-list > li .info .infoItem.truncate span {
font-family: "Big Caslon, Medium";
color: #000; }
html body.ipadHover ul.event-list > li a .event-banner.banner-sold-out,
html body.ipadHover ul.event-list > li a .event-banner.banner-sales-na,
html body.ipadHover .event-banner.banner-sold-out,
html body.ipadHover .event-banner.banner-sales-na {
color: #000;
background: #fff;
border: 2px solid #0F0F0F; }
html #termsAndConditionsModal .modalHeader > h3,
html #privacyPolicyModal .modalHeader > h3,
html #cookiesPolicyModal .modalHeader > h3 {
font-family: "Big Caslon, Medium" !important;
font-weight: bold !important; }
html #termsAndConditionsModal .modalBody b, html #termsAndConditionsModal .modalBody strong, html #termsAndConditionsModal .modalBody a,
html #privacyPolicyModal .modalBody b,
html #privacyPolicyModal .modalBody strong,
html #privacyPolicyModal .modalBody a,
html #cookiesPolicyModal .modalBody b,
html #cookiesPolicyModal .modalBody strong,
html #cookiesPolicyModal .modalBody a {
font-family: "Big Caslon, Medium" !important;
font-weight: bold !important; }
html #termsAndConditionsModal .modalBody p,
html #privacyPolicyModal .modalBody p,
html #cookiesPolicyModal .modalBody p {
font-family: "Avenir LT W01_45 Book1475508" !important; }
html #frontend-timer-timeup .modalBody {
overflow: hidden; }
html .modalBody > p {
font-family: "Big Caslon, Medium" !important;
font-weight: unset !important;
color: #0F0F0F;
font-size: 21px !important; }
html #orderPreloader p {
font-family: "Big Caslon, Medium" !important;
font-weight: bold !important; }
html .add-info-description .pull-left:nth-child(2) > div {
font-family: "Big Caslon, Medium" !important;
font-weight: bold !important;
padding-top: 10px;
font-size: 15px;
display: block;
color: #666; }
html body div.loadingoverlay {
background-color: rgba(255, 255, 255, 0.9) !important; }
html body div.loadingoverlay div {
color: #666 !important; }
html body #payment-details-wrap .country-field-container .controls:before {
color: #000; }
html #payment-details-wrap .country-field-container .controls select#id_country,
html #signup-or-signin-page select#id_phone1_number_idd,
html #signup-or-signin-page select#id_phone2_number_idd,
html #my-account-page #preferences #id_preferred_country,
html #my-account-page #preferences #id_phone_number_idd,
html #my-account-page #preferences #id_city,
html form#register-form select#id_phone1_number_idd,
html form#register-form select#id_phone2_number_idd {
background: #fff !important;
min-height: 42px;
color: #6d6d6d;
font-family: "Avenir LT W01_45 Book1475508";
font-weight: unset;
text-transform: initial;
border-color: #D4d4d4; }
html #my-account-page #preferences #id_city {
padding-left: 10px !important;
font-size: 14px !important;
color: #000 !important; }
html body .main-content #ticketflap-faq-page > h2 {
border-top: none;
border-bottom: none; }
html body .main-content #ticketflap-faq-page #flat_content {
background: transparent; }
html body .main-content #ticketflap-faq-page #flat_content p.title {
background: transparent;
font-size: 16px;
border-top: solid 1px transparent;
margin: 0;
padding: 10px 0px;
font-family: "Big Caslon, Medium";
font-weight: bold; }
html body .main-content #ticketflap-faq-page #flat_content p.title:first-child {
border-top: solid 1px transparent; }
html body .main-content #ticketflap-faq-page #flat_content p.answer {
margin: 0;
padding: 5px 0px 15px 0px;
font-size: 14px;
background: transparent; }
html body section#content .gray-container p.answer {
color: #000; }
html #list-event-subscriber h2 {
color: #fff; }
html #list-event-subscriber h4 {
padding-bottom: 10px; }
html body section#content #about-us-page h2.tf-title {
font-family: "Avenir LT W01_85 Heavy";
font-weight: normal !important; }
html section#content .white-container#venue-listing,
html section#content .white-container#host-listing,
html section#content .white-container#host-detail,
html body section#content > .white-container.shorter {
background: transparent; }
html section#content .white-container#venue-listing a.tf-btn,
html section#content .white-container#host-listing a.tf-btn {
background: #0F0F0F; }
html body section#content #confirm-order-wrap #event-header-second.no-date-info,
html body section#content #confirm-order-wrap #event-header-second.has-valued-customized-time,
html body section#content #confirm-order-wrap #event-header-second.has-from-to-dates {
top: 0 !important; }
html .blockUI.blockOverlay {
background-color: rgba(255, 255, 255, 0.9) !important; }
html body .blockUI.blockMsg {
background-color: #fff !important;
border-radius: 10px;
-webkit-box-shadow: 1px 1px 5px 1px #e3e3e3;
-moz-box-shadow: 1px 1px 5px 1px #e3e3e3;
box-shadow: 1px 1px 5px 1px #e3e3e3; }
html body .blockUI.blockMsg.blockPage {
background-color: #fff !important; }
html footer .social-icons {
text-align: right; }
html footer .social-icons a {
color: #fff !important; }
html footer .social-icons a i {
font-size: 22px !important; }
html footer .social-icons a:hover {
color: #0F0F0F !important; }
html footer .footer-block-one-fifth {
float: left;
overflow: hidden;
width: 20%;
min-height: 120px;
padding: 0;
text-transform: none; }
@media only screen and (max-width: 748px) {
html footer .footer-block-one-fifth {
width: 50%; }
html footer .footer-block-one-fifth:nth-child(1) {
width: 100%;
text-align: center; }
html footer .footer-block-one-fifth:nth-child(5) {
width: 100%;
margin-top: 35px;
margin-bottom: 70px; }
html footer .footer-block-one-fifth:nth-child(5) .social-icons {
text-align: center; }
html footer .footer-block-one-fifth:nth-child(5) .riff-copyright {
text-align: center;
padding: 0 20%; }
html footer .footer-block-one-fifth:nth-child(4) {
display: none; }
html footer .footer-block-one-fifth li {
margin-bottom: 13px; } }
html footer .footer-block-one-fifth h5 {
margin-top: 3px; }
html footer .footer-block-one-fifth img {
width: 100%;
max-width: 154px;
margin-top: 18px; }
html footer .footer-block-one-fifth li {
font-size: 13px;
margin-bottom: 8px; }
html footer .footer-block-one-fifth li i.fa.fa-angle-right {
position: relative;
top: 2px;
left: 6px;
font-size: 21px; }
html footer .footer-block-one-fifth .riff-copyright {
font-size: 12px;
padding-left: 25px;
padding-top: 10px;
text-align: right; }
html body.ipadHover .country-selector div.country {
background: #000; }
html section#content .white-container {
background: #D4d4d4; }
html .pill {
background-color: #0ab9ce; }
html form#register-form #id_phone1_number_idd, #id_phone1_number {
color: #616161 !important; }
html form#register-form #id_city {
color: #616161; }
html #event-detail .buy-wrapper {
border-bottom: none !important; }
html #event-detail #show-more {
font-size: 17px;
text-decoration: none;
font-family: "Avenir LT W01_85 Heavy" !important;
font-weight: unset;
color: #D61C39 !important; }
html #event-detail #show-more:hover {
text-decoration: underline; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items,
html body #confirm-orders-app #confirm-orders-content .total-order-price,
html body #confirm-orders-app #confirm-orders-content #bank-statement-name {
text-transform: uppercase !important; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items-header {
margin-bottom: 25px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items-header h3 {
font-size: 20px !important;
color: #0F0F0F !important;
font-family: "Big Caslon, Medium" !important;
font-weight: normal !important; }
html body #confirm-orders-app #confirm-orders-content #fee {
border-top: solid 1px #D4d4d4 !important;
padding: 8px 0 !important; }
html body #confirm-orders-app #confirm-orders-content #fee p {
font-size: 18px !important;
color: #0F0F0F !important;
font-weight: normal !important; }
html body #confirm-orders-app #confirm-orders-content #bank-statement-name {
color: #D61C39 !important;
font-size: 15px !important; }
html body #confirm-orders-app #confirm-orders-content #grand-total {
border-top: solid 1px #D4d4d4 !important; }
html body #confirm-orders-app #confirm-orders-content #grand-total p {
font-size: 18px !important;
color: #0F0F0F !important;
font-weight: normal !important;
font-family: "Avenir LT W01_45 Book1475508" !important; }
html body #confirm-orders-app #confirm-orders-content .sub-total-row {
border-top: solid 1px #D4d4d4 !important; }
html body #confirm-orders-app #confirm-orders-content .sub-total-row td {
padding-bottom: 10px !important;
font-weight: normal !important; }
html body #confirm-orders-app #confirm-orders-content table tbody {
border-bottom: solid 1px #D4d4d4 !important; }
html body #confirm-orders-app #confirm-orders-content table tr th {
font-size: 20px !important;
color: #0F0F0F !important;
font-family: "Avenir LT W01_85 Heavy" !important;
border-bottom: solid 1px #D4d4d4 !important;
padding-bottom: 5px; }
html body #confirm-orders-app #confirm-orders-content table tr td {
font-size: 17px !important;
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
vertical-align: top !important; }
html body #confirm-orders-app #confirm-orders-content table tr td:last-child {
padding-top: 15px; }
html body #confirm-orders-app #confirm-orders-content table .confirm-order-session-informations p {
font-size: 17px !important;
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
font-weight: normal !important;
text-transform: initial; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items p {
font-size: 17px !important;
color: #0F0F0F !important;
font-family: "Avenir LT W01_45 Book1475508" !important;
font-weight: normal !important;
text-transform: initial; }
html #thanks-page #downloading-message h2 {
width: auto !important; }
html body .preferred-country-container .controls {
border-left: none !important; }
html body #my-account-page #preferences .tel-field-container.mobile-full-width {
width: 265px !important; }
html body #my-account-page #preferences .tel-field-container.mobile-full-width .controls input {
border-left: none !important; }
@media only screen and (max-width: 748px) {
html body #my-account-page #preferences .tel-field-container.mobile-full-width {
width: 100% !important;
margin-top: 0 !important; }
html body #my-account-page #preferences .tel-field-container.mobile-full-width input {
border-left: solid 1px #000 !important;
border-top: none !important; } }
html body.ipadHover #my-account-page, html body.ipadHover #my-tickets-page, html body.ipadHover #venue-events {
padding-top: 90px; }
html body.ipadHover #tickets-page-wrap h4 {
font-family: "Big Caslon, Medium";
font-size: 20px !important;
color: #0F0F0F !important;
font-weight: normal !important;
text-transform: initial !important; }
html body #tickets-page-wrap,
html body .single-event {
border-top: none !important;
border-bottom: none !important;
margin-bottom: 15px; }
html body #tickets-page-wrap > .infoItem,
html body .single-event > .infoItem {
border-top: none !important;
border-bottom: solid 1px #D4d4d4 !important; }
html body #tickets-page-wrap > .infoItem:nth-child(2),
html body .single-event > .infoItem:nth-child(2) {
border-top: solid 1px #D4d4d4 !important; }
html body #tickets-page-wrap > .infoItem span.ticket-type,
html body #tickets-page-wrap > .infoItem span.uses,
html body #tickets-page-wrap > .infoItem .upper .blue,
html body .single-event > .infoItem span.ticket-type,
html body .single-event > .infoItem span.uses,
html body .single-event > .infoItem .upper .blue {
display: inline-block;
font-size: 14px !important;
color: #0F0F0F !important;
text-transform: uppercase !important;
font-family: "Avenir LT W01_45 Book1475508" !important; }
@media only screen and (max-width: 748px) {
html body #tickets-page-wrap > .infoItem .event-name,
html body .single-event > .infoItem .event-name {
width: 100% !important;
padding: 0 !important; }
html body #tickets-page-wrap > .infoItem .event-name h4,
html body .single-event > .infoItem .event-name h4 {
font-size: 22px;
text-align: left; }
html body #tickets-page-wrap > .infoItem .ticket-type-name.upper,
html body .single-event > .infoItem .ticket-type-name.upper {
font-size: 18px !important; } }
html body #tickets-page-wrap > .infoItem:nth-child(1),
html body .single-event > .infoItem:nth-child(1) {
border-bottom: none !important;
width: 100% !important; }
html body #tickets-page-wrap > .infoItem:nth-child(1) .infoItem,
html body .single-event > .infoItem:nth-child(1) .infoItem {
color: #0F0F0F;
text-transform: uppercase;
font-family: "Avenir LT W01_45 Book1475508";
margin-left: 0; }
@media (min-width: 749px) {
html body #tickets-page-wrap > .infoItem:nth-child(1) .infoItem,
html body .single-event > .infoItem:nth-child(1) .infoItem {
width: 58% !important; } }
html body #tickets-page-wrap > .infoItem:nth-child(1) .infoItem.location,
html body .single-event > .infoItem:nth-child(1) .infoItem.location {
width: 40% !important; }
@media (min-width: 749px) {
html body #tickets-page-wrap > .infoItem:nth-child(1),
html body .single-event > .infoItem:nth-child(1) {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important; }
html body #tickets-page-wrap > .infoItem:nth-child(1) .ticket-content.mobile-block,
html body .single-event > .infoItem:nth-child(1) .ticket-content.mobile-block {
margin-left: 245px !important; } }
html body #my-tickets-inner .infoItem.ticket .download-ticket .send-ticket {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px; }
@media (min-width: 749px) {
html body #my-tickets-inner .infoItem.ticket .download-ticket .send-ticket {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
html body #my-tickets-inner .infoItem.ticket .download-ticket .send-ticket {
padding-left: 20px;
padding-right: 20px; } }
html body #my-tickets-inner .infoItem.ticket .download-ticket .send-ticket:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
@media only screen and (max-width: 748px) {
html body #my-tickets-inner .infoItem.ticket .download-ticket .send-ticket {
padding: 0; } }
@media (min-width: 749px) {
html body #my-tickets-inner .infoItem.ticket {
width: 738px;
float: right;
padding-left: 0;
padding-right: 0; }
html body #my-tickets-inner .infoItem.ticket .ticket-content.mobile-block {
margin-left: 0; }
html body #my-tickets-inner .infoItem.ticket .ticket-name.ticket-metas {
width: 55%; }
html body #my-tickets-inner .infoItem.ticket .ticket-name.ticket-metas > div {
width: 100%; }
html body #my-tickets-inner .infoItem.ticket .ticket-name.ticket-metas > div,
html body #my-tickets-inner .infoItem.ticket .ticket-name.ticket-metas > div > strong {
color: #0F0F0F;
text-transform: uppercase;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 14px;
min-height: auto;
height: auto; }
html body #my-tickets-inner .infoItem.ticket .ticket-name.ticket-metas > div br,
html body #my-tickets-inner .infoItem.ticket .ticket-name.ticket-metas > div > strong br {
display: none; }
html body #my-tickets-inner .infoItem.ticket .ticket-name.ticket-metas > div > strong {
padding-right: 5px; }
html body #my-tickets-inner .infoItem.ticket .download-ticket {
width: 309px;
display: flex;
flex-direction: column;
flex-wrap: wrap; }
html body #my-tickets-inner .infoItem.ticket .download-ticket .tf-btn-primary {
height: 40px;
padding-top: 13px; }
html body #my-tickets-inner .infoItem.ticket .download-ticket .left {
width: 100%; }
html body #my-tickets-inner .infoItem.ticket .download-ticket .right {
display: flex;
flex-direction: column;
align-items: center; }
html body #my-tickets-inner .infoItem.ticket .download-ticket .send-ticket {
width: auto !important;
padding: 7px 0 7px 0 !important;
text-align: center;
text-transform: uppercase; } }
@media only screen and (max-width: 748px) {
html section#content .ticket-category-price-expand div:first-child {
margin-top: 0 !important; } }
@media (min-width: 749px) {
html body section#content #ordersForm .formActions > input#btnBuyTickets {
margin-right: 0; } }
html body section#content #buy_button_container .fixed-right-container .right #buy-btn-get, html body section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode {
border-color: #D61C39 !important;
background: #D61C39 !important;
height: 40px !important;
font-size: 15px !important;
font-weight: unset !important;
width: 100% !important;
box-sizing: border-box;
font-family: "Avenir LT W01_85 Heavy";
padding-top: 4px !important; }
html body section#content #buy_button_container .fixed-right-container .right #buy-btn-get:hover, html body section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode:hover {
border-color: #0F0F0F !important;
background: #0F0F0F !important; }
@media only screen and (max-width: 748px) {
html body section#content #buy_button_container .fixed-right-container .right #buy-btn-get, html body section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode {
padding-top: 13px !important; } }
html body section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear {
width: 100% !important;
height: 40px !important;
font-size: 15px !important;
font-weight: unset !important;
font-family: "Avenir LT W01_85 Heavy"; }
html #data-collection-app #legacy-checkout-buttons .tf-btn-primary,
html #auth-app .mini-auth-form-button button,
html #auth-app .mini-auth-form-button #login-button-loader,
html body section#content #payment-details-page #payment-details-form .formActions button.tf-btn-primary,
html body section#content #ordersForm .formActions > input#btnBuyTickets {
border-color: #D61C39 !important;
background: #D61C39 !important;
height: 40px;
font-size: 15px;
letter-spacing: 0; }
html #data-collection-app #legacy-checkout-buttons .tf-btn-primary:hover,
html #auth-app .mini-auth-form-button button:hover,
html #auth-app .mini-auth-form-button #login-button-loader:hover,
html body section#content #payment-details-page #payment-details-form .formActions button.tf-btn-primary:hover,
html body section#content #ordersForm .formActions > input#btnBuyTickets:hover {
border-color: #0F0F0F !important;
background: #0F0F0F !important; }
html #data-collection-app #legacy-checkout-buttons .tf-btn-default {
height: 40px; }
html #auth-app .mini-auth-form-button #login-button-loader > span.fa {
color: #fff; }
html #order_state_already_existing .modalFooter .tf-btn-primary.order_stop {
background: #D61C39 !important;
color: #fff !important;
font-weight: unset !important;
font-size: 15px !important;
font-family: "Avenir LT W01_85 Heavy" !important; }
html section#content .ticket-type-container #all-ticket-types-container input.spinner-on-click {
padding-top: 18px !important;
padding-bottom: 18px !important; }
#seating-ba-ss-list .seating-ba-ss-list-option {
border-color: #808080; }
.qrcode-modal {
position: fixed;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: all 0.3s;
display: flex;
justify-content: center;
align-items: center;
overflow: auto; }
@media only screen and (max-width: 748px) {
.qrcode-modal {
background-color: #fff; } }
.qrcode-modal:target {
visibility: visible;
opacity: 1;
pointer-events: auto; }
.qrcode-modal .qrcode {
width: 500px;
max-width: 100%;
background: url("/static/whitelabels/wynn/images/wechat-macau.png") no-repeat center 10px #fff;
background-size: contain;
height: 500px;
position: relative; }
@media only screen and (max-width: 748px) {
.qrcode-modal .qrcode {
width: 100%;
height: calc(100vh - 60px);
background-position: center top;
margin-top: 60px; } }
.qrcode-modal .modal-close {
color: #343739 !important;
line-height: 50px;
font-size: 16px;
position: absolute;
right: 15px;
text-align: center;
top: 10px;
text-decoration: none; }
html section#content #sidebar #buy_tickets_btn {
padding-right: 5px !important;
padding-left: 5px !important;
box-sizing: border-box; }
.confirm-order-payment-link #confirm-order-wrap #event-header-row #event-header-first {
margin-bottom: 30px; }
.confirm-order-payment-link #order-accept-invitation-page .form_guideline_wrapper .formActions {
display: flex;
align-items: center;
justify-content: flex-end; }
.confirm-order-payment-link #order-accept-invitation-page .form_guideline_wrapper .formActions .tf-btn-default {
width: auto; }
.confirm-order-payment-link #order-accept-invitation-page .form_guideline_wrapper .formActions .tf-btn-primary {
width: auto; }
html #event-package-list {
margin-top: 40px; }
html #event-package-list h1.section-title {
color: #0F0F0F;
font-size: 24px;
font-family: "Big Caslon, Medium";
text-transform: none; }
html #event-package-list .package-title {
color: #0F0F0F !important; }
html section#content .confirm-order-payment-link .form_guideline_wrapper {
display: none; }
html section#content .confirm-order-payment-link .form_guideline_wrapper.bottom {
display: block !important; }
html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions .tf-btn {
font-size: 18px !important; }
html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions .tf-btn.tf-btn-primary {
padding-top: 13px !important; }
html section#content .confirm-order-payment-link .form_guideline_wrapper {
background: transparent !important; }
html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions {
gap: 20px; }
html body section#content .ticket-category-list .ticket-category-item .visibility-shown {
font-size: 12px !important;
width: 100%;
clear: both;
padding-top: 10px !important;
padding-right: 0 !important;
color: #0F0F0F !important;
text-align: right !important; }
textarea, select, input, button {
outline: none; }
html p {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto; }
html body {
background: #666; }
html body a {
color: rgba(0, 0, 0, 0.4); }
html body a:hover {
color: rgba(0, 0, 0, 0.4); }
html body p, html body div {
color: #666; }
html div.line-separator {
color: #808080;
background-color: #808080; }
html .tf-title.overline {
border-top: #808080 solid 1px; }
html .content-block {
border-top: 1px solid #808080; }
html .content-block .subtitle, html .content-block li {
color: #000; }
html .cvv-img {
background: #0F0F0F; }
html .property-style-cod #content input,
html .property-style-cod #id_full_code {
min-height: 38px; }
html .property-style-sc #content input,
html .property-style-sc #id_full_code {
min-height: 40px; }
html .property-style-cod #content input[type="radio"],
html .property-style-sc #content input[type="radio"] {
min-height: auto; }
@media (min-width: 749px) {
body.layout-ets-v2 section#content.with-timer {
padding-top: 50px; } }
@media only screen and (max-width: 748px) {
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns .type {
width: 65%;
float: left; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail {
clear: both;
border-bottom: 1px solid #808080;
background: #fff; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns > .quantity-price {
border-top: none; } }
@media only screen and (max-width: 748px) {
.mobile-padding-20 {
padding: 20px !important; } }
.mouse-inactive {
pointer-events: none; }
.mouse-no-pointing {
cursor: default; }
#event-header-first {
background: transparent; }
#event-header-second {
background: #fff; }
button.tf-btn-primary, a.tf-btn-primary, input.tf-btn-primary {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px; }
@media (min-width: 749px) {
button.tf-btn-primary, a.tf-btn-primary, input.tf-btn-primary {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
button.tf-btn-primary, a.tf-btn-primary, input.tf-btn-primary {
padding-left: 20px;
padding-right: 20px; } }
button.tf-btn-primary:hover, a.tf-btn-primary:hover, input.tf-btn-primary:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
@supports (display: -ms-grid) {
html body.language-style-zh-hant button.tf-btn-primary, html body.language-style-zh-hant a.tf-btn-primary, html body.language-style-zh-hant input.tf-btn-primary,
html body.language-style-zh-hans button.tf-btn-primary,
html body.language-style-zh-hans a.tf-btn-primary,
html body.language-style-zh-hans input.tf-btn-primary {
padding-top: 9px;
padding-bottom: 11px; } }
html .infoItem a.tf-btn.tf-btn-default:hover {
text-decoration: underline; }
@media only screen and (max-width: 748px) {
html .nav.navTabs {
margin-bottom: 22px; } }
html .nav.navTabs li a, html .nav.navTabs li h2, html .nav.navTabs li h2.tf-title {
color: #000; }
html .nav.navTabs li.active a, html .nav.navTabs li.active h2, html .nav.navTabs li.active h2.tf-title {
color: rgba(0, 0, 0, 0.4); }
@media only screen and (max-width: 748px) {
html .nav.navTabs li a {
background: rgba(0, 0, 0, 0.07);
margin-bottom: 2px; } }
html .nav.navTabs .active a {
background: #fff; }
html .popover-inner .popover-content p {
color: #fff; }
@media only screen and (max-width: 748px) {
html section#content #setup-order-wrap.gray-container {
border: none;
padding: 0 11px; }
html #event-detail,
html #payment-details-page,
html #tickets-page-wrap {
padding-left: 11px;
padding-right: 11px; } }
#list-event-subscriber h2 {
color: #000; }
#list-event-subscriber h2 i {
color: #000; }
html .cm-right-0 button {
margin-right: 0; }
@media only screen and (max-width: 748px) {
html .mobile-invisible {
display: none; } }
html .mobile-only {
display: none; }
@media only screen and (max-width: 748px) {
html .mobile-only {
display: block; } }
@media only screen and (max-width: 748px) {
html .mobile-full-width {
width: 100% !important; } }
html .blocking-err {
color: #e73440; }
html .event-banner.banner-sold-out {
background: transparent; }
html div.breathe {
margin-top: 12px; }
html body.language-style-es .languageWrap #locale_switcher > span {
height: 16px;
background-position: left -107px !important; }
.ticket-category-list .ticket-category-item {
flex-wrap: wrap; }
.ticket-category-list .ticket-category-item .ticket-category-price-expand {
display: flex;
flex-basis: 100%;
justify-content: flex-end;
flex-direction: column; }
html #header {
z-index: 700; }
@media (min-width: 749px) {
html #header .navbar {
display: block !important; } }
html #header .navbar ul.nav li a,
html #header .navbar ul.nav-auth li a {
color: #000;
font-weight: bold; }
html #header .navbar ul.nav-auth li a:hover {
color: #000; }
html #header .navbar ul.nav-auth :before {
color: #000; }
html #header .menu {
background: transparent;
margin-top: 0; }
html #header .menu .menu-row {
margin-top: 10px;
margin-bottom: 7px; }
@media only screen and (max-width: 748px) {
html #header .header-links {
height: auto;
background: none; }
html #header .brand img {
visibility: visible;
width: 45px;
top: -2px;
left: -7px; } }
html #header-username {
text-align: right; }
.header-fixed .lang-with-flag li > a {
padding-left: 30px !important;
background-repeat: no-repeat !important;
background-size: 20px 15px !important;
background-position: 0px 8px !important; }
.header-fixed .lang-with-flag a[rel="en"] {
background: url("/static/flag-icon-css-2.8.0/flags/4x3/gb.svg"); }
.header-fixed .lang-with-flag a[rel="zh-hant"] {
background: url("/static/flag-icon-css-2.8.0/flags/4x3/hk.svg"); }
.header-fixed .lang-with-flag a[rel="zh-hans"] {
background: url("/static/flag-icon-css-2.8.0/flags/4x3/cn.svg"); }
.header-fixed .lang-with-flag a[rel="th"] {
background: url("/static/flag-icon-css-2.8.0/flags/4x3/th.svg"); }
.header-fixed .lang-with-flag a[rel="ko"] {
background: url("/static/flag-icon-css-2.8.0/flags/4x3/kr.svg"); }
.header-fixed .lang-with-flag a[rel="ja"] {
background: url("/static/flag-icon-css-2.8.0/flags/4x3/jp.svg"); }
html header .header-fixed {
background: transparent;
color: #000; }
html header .header-fixed #locale_switcher .sbHolder {
background: transparent; }
@media (min-width: 749px) {
html header .header-fixed #locale_switcher .sbHolder {
width: auto;
padding-right: 24px; } }
html header .header-fixed #locale_switcher .sbHolder .sbToggle::after {
color: #000;
font-size: 1.2em;
content: '\25B2';
left: 0.3em;
top: 7px;
position: relative; }
html header .header-fixed #locale_switcher .sbHolder .sbToggle.sbToggleOpen::after {
content: '\25BC'; }
html header .header-fixed #locale_switcher .sbHolder .sbSelector {
color: #000;
position: relative;
left: 0;
width: auto; }
html header .header-fixed #locale_switcher .sbHolder .sbOptions {
background: #fff;
border-color: transparent; }
html header .header-fixed #locale_switcher .sbHolder .sbOptions li {
border-top: none;
border-bottom: none; }
html header .header-fixed #locale_switcher .sbHolder .sbOptions li:last-child {
border-top: none; }
html header .header-fixed #locale_switcher .sbHolder .sbOptions li a {
border: none;
color: #000; }
html header .header-fixed #locale_switcher .sbHolder .sbOptions li:hover {
background: #fff; }
@media only screen and (max-width: 748px) {
html #header {
background: #fff;
border-color: #808080; }
html .sbOptions {
width: 122px; }
html .sbOptions > li {
background: #fff; }
html .sbOptions > li:hover {
background: #fff; }
html .header__shownav {
border-left: #808080 solid 1px; }
html .header__shownav span, html .header__shownav span:before, html .header__shownav span:after {
background: #000; }
html .navbar {
background: transparent; }
html .navbar ul.nav {
background: #fff; }
html .mobile-undershadow {
-moz-box-shadow: 0 7px 11px -4px #000;
-webkit-box-shadow: 0 7px 11px -4px #000;
box-shadow: 0 7px 11px -4px #000; }
html a:hover, html a:focus, html a.active {
text-shadow: none !important; }
html .header__auth.active {
background: #fff; }
html #search-wrap-mobile, html .header__auth--content {
background: #fff; }
html #search-wrap-mobile a, html .header__auth--content a {
color: #000; }
html #search-wrap-mobile a:hover, html .header__auth--content a:hover {
color: rgba(0, 0, 0, 0.4);
text-decoration: underline; } }
@media only screen and (max-width: 748px) {
html .sbHolder,
html .sbOptions,
html .sbSelector {
width: 45; }
html body .sbOptions {
left: -20px !important; }
html body .header__shownav span {
width: 30px; }
html body .header__auth {
top: 3px; }
html body.property-style-sc #header > .container.header-links {
height: 72px; }
html body.property-style-sc #header .navbar.mobile-undershadow {
top: 73px;
padding-top: 19px; }
html body.property-style-cod .languageWrapMobileOverlay {
right: 65px; }
html body.property-style-cod #locale_switcher {
left: 62px;
width: 100px; } }
html .languageWrapMobileOverlay {
background: transparent;
color: #000;
font-family: "Avenir LT W01_45 Book1475508";
position: absolute;
z-index: 500;
top: 0;
right: 51px;
width: 67px;
height: 27px;
text-align: center;
padding-top: 18px;
display: none;
pointer-events: none; }
@media only screen and (max-width: 748px) {
html .languageWrapMobileOverlay {
display: block; } }
html footer.container {
border-color: #808080;
background: transparent;
width: 100%; }
@media (min-width: 749px) {
html footer.container > .footer-menu {
width: 984px;
margin-left: auto;
margin-right: auto; } }
html .footer-payment-method {
border-bottom: solid 1px #808080;
text-align: center;
padding: 15px; }
html .footer-menu .footer-block {
color: transparent; }
html .footer-menu .footer-block.one-half {
width: 472px; }
html .footer-menu li a {
color: transparent; }
html .footer-menu #facebook-link:hover,
html .footer-menu #instagram-link:hover,
html .footer-menu #linkedin-link:hover,
html .footer-menu #twitter-link:hover,
html .footer-menu #weibo-link:hover,
html .footer-menu #weixin-link:hover,
html .footer-menu #youtube-link:hover {
text-decoration: none; }
html .footer-menu #instagram-link:hover {
color: #d93175; }
html .footer-menu #linkedin-link:hover {
color: #2877b5; }
html .footer-menu #twitter-link:hover {
color: #5da9dd; }
html .footer-menu #tripadvisor-link:hover {
color: #33e0a1; }
html .footer-menu #weibo-link:hover {
color: #f78041; }
html .footer-menu #weixin-link:hover {
color: #07c160; }
html .footer-menu #youtube-link:hover {
color: #ed0802; }
.footer-contact-info {
color: transparent; }
.footer-copyright, .footer-copyright a {
color: transparent; }
@media only screen and (max-width: 748px) {
html div.footer-menu {
margin-left: 11px;
margin-right: 11px; }
html div.footer-menu .footer-block {
min-height: 30px;
padding-bottom: 20px; }
html .footer-copyright > div {
float: left; } }
html .modal {
background: transparent; }
@media only screen and (max-width: 748px) {
html .modal .modalFooter {
text-align: center; } }
html .modal .modalFooter .tf-btn.tf-btn-primary {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px; }
@media (min-width: 749px) {
html .modal .modalFooter .tf-btn.tf-btn-primary {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
html .modal .modalFooter .tf-btn.tf-btn-primary {
padding-left: 20px;
padding-right: 20px; } }
html .modal .modalFooter .tf-btn.tf-btn-primary:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
@media only screen and (max-width: 748px) {
html .modal .modalFooter .tf-btn.tf-btn-primary {
padding-left: 25px;
padding-right: 25px; } }
html .modal .modalFooter .tf-btn.tf-btn-default {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px; }
@media (min-width: 749px) {
html .modal .modalFooter .tf-btn.tf-btn-default {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
html .modal .modalFooter .tf-btn.tf-btn-default {
padding-left: 20px;
padding-right: 20px; } }
html .modal .modalFooter .tf-btn.tf-btn-default:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
@media only screen and (max-width: 748px) {
html .modal .modalFooter .tf-btn.tf-btn-default {
padding-left: 25px;
padding-right: 25px; } }
html .modal#show-taxi-popup {
background: #fff; }
html .blockUI.blockMsg.blockPage {
background: #fff !important;
color: #000 !important; }
html #custom-message-modal .modalBody {
margin-top: 40px; }
html .blockUI .modalBody .controls {
background: transparent !important; }
@media only screen and (max-width: 748px) {
html form.formHorizontal div.controlGroup div.controls select {
width: 100% !important; } }
html #cookie-popup-first {
bottom: 5px;
left: 0;
margin: 0 auto;
position: fixed;
right: 0;
width: 95%;
z-index: 9999; }
html #cookie-popup-first::after {
width: 100%;
height: 100%;
background: #000;
opacity: .7;
position: fixed;
content: '';
top: 0;
left: 0;
z-index: -1; }
html #cookie-popup-first .cookie-popup-inner {
background: white;
border: 1px solid black;
padding: 25px; }
@media only screen and (max-width: 748px) {
html #cookie-popup-first .cookie-popup-inner {
padding: 10px; } }
@media only screen and (max-width: 748px) {
html #cookie-popup-first .popup-footer {
display: flex;
flex-direction: column;
align-items: center; }
html #cookie-popup-first .popup-footer button {
width: 100%; } }
@media (min-width: 749px) {
html #cookie-popup-first {
bottom: 10px;
left: 0;
padding: 25px;
width: 95%;
right: 0;
margin: 0 auto; } }
@media only screen and (max-width: 1024px) and (min-width: 748px) {
html #cookie-popup-first {
width: 70%; } }
html #cookie-popup-first .popup-header {
font-size: 25px;
line-height: 25px;
border-bottom: 1px solid lightgray;
padding-bottom: 15px; }
html #cookie-popup-first .popup-header h1 {
text-transform: uppercase;
font-weight: bold; }
html #cookie-popup-first .popup-body {
padding-top: 10px; }
html #cookie-popup-first .popup-footer button.tf-btn-primary, html #cookie-popup-first .popup-footer a.tf-btn-primary, html #cookie-popup-first .popup-footer input.tf-btn-primary {
padding-left: 7px;
padding-right: 8px; }
html #cookie-popup-first .popup-footer .mobile-only {
margin: 3px;
cursor: pointer; }
@media (min-width: 749px) {
html #cookie-popup-first .popup-footer .mobile-only {
display: none; } }
@media only screen and (max-width: 748px) {
html #cookie-popup-first .popup-footer .desktop-only {
display: none; } }
html #cookie-popup-first .popup-footer .tf-btn {
margin: 3px 3px; }
html #cookie-popup-first .popup-footer .tf-btn:first-child {
margin: 3px 5px 3px 0px; }
@media only screen and (max-width: 748px) {
html #cookie-popup-first .popup-footer .tf-btn:first-child {
margin: 3px; } }
html .blockUI.cookiesPopup {
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #e3e3e3;
border: none !important;
cursor: default !important;
text-align: left !important;
width: auto !important;
left: 0px !important; }
@media (min-width: 749px) {
html .blockUI.cookiesPopup {
width: 30% !important;
left: 35% !important; } }
html .blockUI.cookiesPopup h1 {
text-align: left;
text-transform: uppercase;
border-bottom: 1px solid lightgray;
padding-bottom: 15px;
font-size: 25px;
line-height: 25px;
font-weight: bold; }
html .blockUI.cookiesPopup p {
text-align: left;
padding-top: 25px; }
html body.no-scroll {
overflow: hidden; }
html body.ipadHover .tf-title.underline {
border-bottom-color: #808080; }
html body.ipadHover .tf-title {
color: #000;
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px; }
html body.ipadHover #search-wrap {
margin: 15px auto; }
html body.ipadHover #search-wrap #search-wrapper {
background-color: transparent; }
html body.ipadHover .country-selector .country {
background-color: #333; }
html body.ipadHover .country-selector .country a {
color: #666; }
html body.ipadHover .country-selector .country.active {
background-color: transparent; }
html body.ipadHover .country-selector .country.active a {
color: #666; }
html body.ipadHover ul.event-list > li {
background: #fff; }
html body.ipadHover ul.event-list > li.featured .info-txts span {
font-size: 16px;
-webkit-line-clamp: 2 !important;
height: 40px;
line-height: 21px; }
html body.ipadHover ul.event-list > li.featured .info-txts .display-date {
color: #FFF;
line-height: 19px;
font-size: 10px; }
html body.ipadHover ul.event-list > li.featured .imgThumbWrap .eventImage img {
width: 100%; }
html body.ipadHover ul.event-list > li .event-banner.banner-sold-out {
background: rgba(0, 0, 0, 0.4); }
html body.ipadHover ul.event-list > li .info .infoItem {
color: #000; }
html body.ipadHover ul.event-list > li .info .infoItem span {
color: #000; }
html body.ipadHover ul.event-list > li .info .infoItem.title {
color: rgba(0, 0, 0, 0.4);
border-bottom-color: #808080; }
html body.ipadHover ul.event-list > li .info .infoItem.title span {
color: rgba(0, 0, 0, 0.4); }
html body.ipadHover ul.event-list > li .info-txts {
/* This is v2 of the above '.info' */
height: 55px;
overflow: hidden;
padding: 10px; }
html body.ipadHover ul.event-list > li .info-txts .title span {
font-size: 16px;
-webkit-line-clamp: 2 !important;
height: 40px;
line-height: 20px; }
html body.ipadHover ul.event-list > li .info-txts span {
color: #000;
width: 100%;
font-size: 16px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 36px; }
html body.ipadHover ul.event-list > li .info-txts span b {
font-weight: bold; }
@keyframes fadeInOpacity {
0% {
opacity: 0; }
100% {
opacity: 1; } }
html section#content #event-body h2 {
display: block;
opacity: 1;
font-size: 20px;
font-weight: 700;
color: #000;
text-align: left;
margin-top: 70px;
background: transparent;
padding-left: 0;
border: none;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.2em; }
@media only screen and (max-width: 748px) {
html section#content #event-body h2 {
margin-top: 50px; } }
html section#content #event-body > h2 {
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px;
font-family: "Arial" !important;
margin-top: 20px !important; }
html section#content #event-body > .show-bullet {
color: #000;
margin-bottom: 30px !important; }
html section#content #event-body #show-more {
color: #000;
font-family: "Avenir LT W01_45 Book1475508"; }
html section#content #event-header-first {
background: transparent; }
html section#content #event-header-first.in-package h1.event-title,
html section#content #event-header-first.in-package h2.event-subtitle {
margin-left: 0;
color: #666; }
@media (min-width: 749px) {
html section#content #event-header-first {
padding-left: 0;
padding-right: 0; } }
html section#content #event-header-first h1.event-title {
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px;
font-size: 25px;
line-height: 25px; }
html section#content #event-header-first h2.event-subtitle {
font-family: "Avenir LT W01_45 Book1475508";
color: #000;
font-size: 16px;
font-size: 20px;
line-height: 20px;
font-size: 15px; }
html section#content #sidebar #buy_tickets_btn {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
width: 100%;
padding-left: 0;
padding-right: 0; }
@media (min-width: 749px) {
html section#content #sidebar #buy_tickets_btn {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
html section#content #sidebar #buy_tickets_btn {
padding-left: 20px;
padding-right: 20px; } }
html section#content #sidebar #buy_tickets_btn:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
html section#content .calendar-container #calendar_notify {
display: block;
opacity: 1;
font-size: 20px;
font-weight: 700;
color: #000;
text-align: left;
margin-top: 70px;
background: transparent;
padding-left: 0;
border: none;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px;
text-transform: uppercase; }
@media only screen and (max-width: 748px) {
html section#content .calendar-container #calendar_notify {
margin-top: 50px; } }
html section#content .calendar-container #calendar h2 {
font-family: "Avenir LT W01_45 Book1475508";
color: #000;
font-size: 16px; }
html section#content .calendar-container #calendar .fc-view-container {
font-family: "Avenir LT W01_45 Book1475508"; }
html section#content .calendar-container #calendar .fc-toolbar {
background: transparent;
padding-left: 0;
border: none;
padding-top: 18px; }
@media only screen and (max-width: 748px) {
html section#content .calendar-container #calendar .fc-toolbar {
padding-right: 0px; } }
html section#content .calendar-container #calendar .fc-left h2 {
color: #000; }
html section#content .calendar-container #calendar .fc-day-header {
background: transparent;
color: rgba(0, 0, 0, 0.4); }
html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable-past > span {
border: 1px solid #444;
background: rgba(55, 55, 55, 0.2);
color: #444; }
html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.calendar-date-available-indicator-soldout {
position: relative; }
html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.calendar-date-available-indicator-soldout > span {
min-width: 25px;
min-height: 30px;
border: 1px solid #444;
background: #444;
color: #eee; }
html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
color: #444;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
margin: auto;
white-space: nowrap;
bottom: -17px; }
html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.fc-today > span {
background: rgba(255, 255, 255, 0.2);
border-color: transparent; }
html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.fc-today.selectable > span {
background: rgba(255, 255, 255, 0.4); }
html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable > span {
border-color: rgba(0, 0, 0, 0.4);
background: transparent;
color: #fff;
color: rgba(0, 0, 0, 0.4); }
html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable:hover > span {
background: #fff;
color: #fff; }
html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable.active > span {
background: rgba(0, 0, 0, 0.4);
background: rgba(255, 255, 255, 0.6); }
html section#content .calendar-container #calendar .fc-button-group button.fc-button {
color: #fff;
background: transparent;
border-color: #fff;
border-width: 2px; }
html section#content .calendar-container #calendar .fc-button-group button.fc-button:hover {
color: rgba(0, 0, 0, 0.4);
border-color: rgba(0, 0, 0, 0.4); }
html section#content .calendar-container #calendar .fc-day-grid {
background-color: transparent; }
@media only screen and (max-width: 748px) {
html section#content .calendar-container #calendar .fc-day-grid .fc-row.fc-week {
padding-top: 16px; }
html section#content .calendar-container #calendar .fc-day-grid .fc-row.fc-week .fc-day-number > span {
padding: 5px 6px;
font-size: 14px;
padding-bottom: 8px; } }
html section#content .calendar-container #calendar .fc-day-number {
border-top: none; }
html section#content .calendar-container #calendar th, html section#content .calendar-container #calendar td {
border-left: none;
border-right: none;
border-color: #808080; }
html section#content #sessions-container #session_notify {
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px;
text-transform: uppercase; }
html section#content #event-body .show-bullet img, html section#content #event-additional-info .show-bullet img {
margin-top: 15px;
margin-bottom: 15px; }
html section#content #event-additional-info h2 {
display: block;
opacity: 1;
font-size: 20px;
font-weight: 700;
color: #000;
text-align: left;
margin-top: 70px;
background: transparent;
padding-left: 0;
border: none;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px;
border-bottom: none; }
@media only screen and (max-width: 748px) {
html section#content #event-additional-info h2 {
margin-top: 50px; } }
html section#content #event-additional-info .show-bullet {
color: #000; }
html section#content #event-additional-info .show-bullet > h2 {
font-family: "Avenir LT W01_45 Book1475508";
margin-top: 0px; }
html section#content #sessions-container #session_notify {
display: block;
opacity: 1;
font-size: 20px;
font-weight: 700;
color: #000;
text-align: left;
margin-top: 70px;
background: transparent;
padding-left: 0;
border: none;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px; }
@media only screen and (max-width: 748px) {
html section#content #sessions-container #session_notify {
margin-top: 50px; } }
html section#content #sessions-container #session_list .session_day {
background: transparent;
border: none;
color: #000;
padding-left: 0;
font-family: "Avenir LT W01_45 Book1475508";
color: #000;
font-size: 16px; }
html section#content #sessions-container #session_list .fa-angle-up, html section#content #sessions-container #session_list .fa-angle-down {
background: transparent;
border: none;
color: #fff; }
html section#content #sessions-container #session_list .fa-angle-up:hover, html section#content #sessions-container #session_list .fa-angle-down:hover {
color: rgba(0, 0, 0, 0.4); }
html section#content #sessions-container #session_list .day_sessions,
html section#content #sessions-container #session_list .day_period_types {
border-top: 1px solid #808080; }
html section#content #sessions-container #session_list .day_sessions .each_session input.radio-selector {
margin: 0 10px; }
html section#content #sessions-container #session_list .day_sessions .each_session,
html section#content #sessions-container #session_list .day_period_types .each_period_type {
padding: 12px 25px;
font-size: 16px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #808080;
background: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer; }
html section#content #sessions-container #session_list .day_sessions .each_session:not(.is_sold_out),
html section#content #sessions-container #session_list .day_period_types .each_period_type:not(.is_sold_out) {
color: #666; }
html section#content #sessions-container #session_list .day_sessions .each_session.selected,
html section#content #sessions-container #session_list .day_period_types .each_period_type.selected {
color: #000;
background: #fff; }
html section#content #sessions-container #session_list .day_sessions .each_session:hover,
html section#content #sessions-container #session_list .day_period_types .each_period_type:hover {
background: #fff; }
html section#content #sessions-container #session_list .day_sessions .each_session i,
html section#content #sessions-container #session_list .day_period_types .each_period_type i {
margin: 0 35px 0 10px; }
html section#content #sessions-container #session_list .day_sessions .each_session .availability-indicator.as-label,
html section#content #sessions-container #session_list .day_period_types .each_period_type .availability-indicator.as-label {
float: right;
position: relative;
top: -2px;
margin-right: 0; }
html section#content #sessions-container #session_list .day_period_types_title {
padding-bottom: 10px; }
html section#content #sessions-container #session_list .day_period_types_end {
padding-top: 25px;
padding-bottom: 10px; }
html section#content .ticket-type-container .ticket-type-header {
position: relative;
border: none;
margin-bottom: 18px; }
html section#content .ticket-type-container .ticket-type-header p {
color: #000; }
html section#content .ticket-type-container .tf-title {
display: block;
opacity: 1;
font-size: 20px;
font-weight: 700;
color: #000;
text-align: left;
margin-top: 70px;
background: transparent;
padding-left: 0;
border: none;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px; }
@media only screen and (max-width: 748px) {
html section#content .ticket-type-container .tf-title {
margin-top: 50px; } }
html section#content .ticket-type-container #all-ticket-types-container input.spinner-on-click {
line-height: 2px;
padding-top: 20px;
padding-bottom: 20px; }
@media only screen and (max-width: 748px) {
html section#content .ticket-type-container #all-ticket-types-container {
margin-bottom: 88px; } }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-header {
color: #777; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row {
border-top: none;
background: transparent;
border-bottom: 1px solid #808080;
color: #000;
padding-bottom: 1px; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row:first-child {
border-top: 1px solid #808080; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > b,
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail > b {
color: rgba(0, 0, 0, 0.4); }
@media (min-width: 749px) {
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued {
position: absolute;
right: -20%; } }
@media only screen and (max-width: 748px) {
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued {
display: block;
position: relative;
right: auto;
text-align: left;
top: 10px; } }
@media (min-width: 749px) {
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued.has-service-fee {
top: 2px; } }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued.has-service-fee span.service-fee {
font-size: 15px; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .price {
padding-top: 20px;
min-height: 48px; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box {
display: inline;
color: #000;
font-size: 13px; }
@media only screen and (max-width: 748px) {
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .fa.fa-info {
width: 0;
opacity: 0; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .desc-content {
display: block !important;
opacity: 1 !important; } }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box.hover-to-show .desc-content {
display: none;
opacity: 0; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box.hover-to-show:hover .desc-content {
display: inline;
opacity: 1; }
@media (min-width: 749px) {
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box.hover-to-show:hover .desc-content {
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 1s; } }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .desc-content {
display: inline;
color: #000; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .desc-content p {
display: inline;
color: #000; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box i.fa {
border: solid 1px #000;
border-radius: 10px;
width: 12px;
height: 12px;
font-size: 12px;
text-align: center;
padding: 1px;
position: relative;
top: -1px;
padding-top: 3px;
padding-left: 3px;
padding-right: 2px;
margin-left: 12px;
margin-right: 6px; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail {
border-top: #808080 solid 1px; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity > input {
border-radius: 4px;
text-align: center !important;
padding-right: 7px;
padding-left: 7px;
-webkit-text-fill-color: #333 !important; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus {
width: auto;
display: flex;
padding-right: 0; }
@media only screen and (max-width: 748px) {
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus {
height: 56px; } }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus input {
text-align: center !important;
padding-left: 5px;
padding-right: 5px;
border-radius: 4px;
min-width: 40px; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus input:disabled {
border-radius: 5px;
border-radius: 5px; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus {
display: inline-block;
text-align: center;
cursor: pointer;
width: 40px;
padding-top: 13px; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus i, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus i {
color: #000; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus i:before, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus i:before {
font-size: 14px; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus.disable-icon, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus.disable-icon {
pointer-events: none;
opacity: .15; }
html section#content .ticket-type-container #all-ticket-types-container input#show-price {
margin-right: 0; }
@media only screen and (max-width: 748px) {
html section#content .ticket-type-container #all-ticket-types-container input#show-price {
width: 100%; } }
@supports (display: -ms-grid) {
html section#content .ticket-type-container #all-ticket-types-container input#show-price {
padding-top: 9px;
padding-bottom: 9px; } }
html section#content .ticket-type-container #show-price {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px; }
@media (min-width: 749px) {
html section#content .ticket-type-container #show-price {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
html section#content .ticket-type-container #show-price {
padding-left: 20px;
padding-right: 20px; } }
html section#content .ticket-type-container #show-price:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
html section#content .ticket-category-price i.fa {
cursor: pointer;
padding: 3px;
padding-right: 23px;
font-size: 18px; }
html section#content .ticket-category-price-expand {
text-align: right; }
html section#content .ticket-category-price-expand div {
text-align: right;
padding: 2px 0px;
font-size: 12px; }
html section#content .ticket-category-price-expand div:last-child {
border-bottom: solid 1px #808080; }
html section#content .ticket-category-price-expand div:first-child {
margin-top: 0px; }
html section#content #seat-shopping-cart > h2 {
color: #000;
font-weight: bold;
font-size: 15px;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-top: 5px; }
html section#content #seat-shopping-cart #seat-shopping-cart-table {
font-size: 15px;
margin-top: 5px; }
html section#content #seat-shopping-cart #seat-shopping-cart-table thead tr th {
padding: 2px 0px 2px 10px;
font-size: 13px;
border-color: #d2d2d2; }
html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr td.edit a {
color: #000; }
html section#content #seat-shopping-cart #seat-shopping-cart-table .session_item {
display: none !important; }
html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr.ticket_type_item td.title {
color: #000; }
html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr.ticket_type_item.last td {
padding-bottom: 5px; }
html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr.total td {
padding-top: 10px; }
html section#content #seat-allocation-preview span {
padding: 2px 12px;
margin: 0px 5px;
white-space: unset;
width: 100%;
float: left; }
html section#content #seat-allocation-preview span.label {
color: #000;
font-weight: bold;
padding-left: 0;
padding-right: 0;
margin-left: 0; }
@media only screen and (max-width: 748px) {
html section#content #seating-plan-sticky-tooltip {
display: none !important; } }
html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys {
text-align: center;
border: solid 1px #808080;
border-bottom: none;
width: 655px;
width: 100%;
height: 42px;
margin-top: 5px; }
html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item {
display: inline-block;
width: 33%; }
@media only screen and (max-width: 748px) {
html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item {
position: relative;
left: -6px; } }
html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item span {
vertical-align: top;
position: relative;
top: 8px; }
@media only screen and (max-width: 748px) {
html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item span {
font-size: 12px;
top: 11px; } }
html section#content #seating-ba-ss-block {
background: #d2d2d2;
text-align: center;
margin: 20px 0;
padding: 10px 0; }
html section#content #seating-ba-ss-block #seating-ba-ss-question {
color: #000;
text-align: center; }
html section#content #seating-ba-ss-block #seating-ba-ss-buttons {
margin-top: 5px; }
html section#content #seating-ba-ss-block #seating-ba-ss-buttons > button {
display: inline-block; }
html section#content #seating-ba-ss-block #seating-ba-ss-buttons #ba-ss-buy-captcha {
display: inline-block; }
html section#content #seating-ba-ss-block #seating-ba-ss-buttons #ba-ss-buy-captcha form, html section#content #seating-ba-ss-block #seating-ba-ss-buttons #ba-ss-buy-captcha form button {
display: inline; }
html section#content div.service-fee {
color: #000; }
html section#content .ticket-category-click-to-reserve-msg {
margin-top: 7px; }
html section#content .ticket-category-view-only-msg.shorten-for-2d-timer {
margin-right: 120px;
padding-bottom: 15px; }
html section#content .ticket-category-list .ticket-category-item {
background: transparent;
color: #000;
border: none;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #808080; }
html section#content .ticket-category-list .ticket-category-item:first-child, html section#content .ticket-category-list .ticket-category-item.first-displayed-tc {
border-top: 1px solid #808080;
padding-top: 10px; }
@media only screen and (max-width: 748px) {
html section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable {
padding-left: 8px;
padding-right: 8px; } }
html section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover {
background: #fff; }
html section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable.selected {
background: #fff; }
html section#content .ticket-category-list .ticket-category-item .ticket-category-color {
background: #666;
display: inline-block; }
@media (mix-width: 749px) {
html section#content .ticket-category-list .ticket-category-item .ticket-category-color {
margin-left: 11px; }
html section#content .ticket-category-list .ticket-category-item .ticket-category-price {
padding-right: 11px; } }
html section#content .ticket-category-list .ticket-category-item .ticket-category-texts {
flex-grow: 2; }
html section#content .ticket-category-list .ticket-category-item .ticket-category-texts span:nth-child(2) {
float: right; }
html section#content .ticket-category-list .ticket-category-item .ticket-category-ba {
position: relative;
height: 0px;
top: -13px;
left: 18px; }
html section#content .ticket-category-table > table {
width: 100%;
margin-bottom: 19px;
font-size: 13px;
font-family: "Avenir LT W01_45 Book1475508"; }
@media only screen and (max-width: 748px) {
html section#content .ticket-category-table > table {
font-size: 12px; } }
html section#content .ticket-category-table > table tr {
border-top: solid #808080 1px;
height: 20px; }
html section#content .ticket-category-table > table tr th {
padding: 2px; }
html section#content .ticket-category-table > table tr th span {
background: rgba(0, 0, 0, 0.4);
font-size: 9px;
border-radius: 10px;
padding: 1px 6px 2px 5px;
color: #0F0F0F;
margin-left: 7px;
white-space: nowrap; }
html section#content .ticket-category-table > table tr.is-total th {
font-weight: bold; }
html section#content .ticket-category-table > table tbody > tr:nth-child(1) {
border-top: none;
height: 5px; }
html section#content .ticket-category-table > table tbody > tr:nth-child(1) th {
border-top: solid #808080 1px; }
html section#content .ticket-category-table > table tbody > tr:nth-child(1) th:nth-child(1) {
border-top: none; }
html section#content .ticket-category-table > table tbody > tr > th:nth-child(1) {
text-align: left;
padding-left: 10px; }
html section#content .ticket-category-table > table tbody > tr:last-child {
font-weight: bold;
border-bottom: solid #808080 1px; }
@media only screen and (max-width: 748px) {
html section#content #buy_button_container .fixed-right-container {
display: flex;
flex-direction: column; }
html section#content #buy_button_container .fixed-right-container .left {
order: 1; }
html section#content #buy_button_container .fixed-right-container .right {
order: 2; }
html section#content #buy_button_container .fixed-right-container .right #buy-btn-get {
width: 100%;
margin: 6px 0px 0px 0px;
padding-left: 0;
padding-right: 0;
padding-top: 13px;
padding-bottom: 6px; }
html section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode, html section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear {
padding-bottom: 8px;
height: 43px;
margin-top: 6px; } }
html section#content #buy_button_container #buy-btn-get, html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px;
margin-right: 0px; }
@media (min-width: 749px) {
html section#content #buy_button_container #buy-btn-get, html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
html section#content #buy_button_container #buy-btn-get, html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
padding-left: 20px;
padding-right: 20px; } }
html section#content #buy_button_container #buy-btn-get:hover, html section#content #buy_button_container #btn-apply-promocode:hover, html section#content #buy_button_container #btn-promocode-clear:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
height: 40px; }
@media only screen and (max-width: 748px) {
html section#content #buy_button_container #buy-btn-get, html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
width: 100%;
margin-left: 0px; }
html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
margin-top: 5px;
margin-bottom: 0px; } }
html section#content #event-detail #host-detail {
background: transparent; }
html section#content #event-detail .buy-wrapper {
border-bottom: #808080 solid 3.5px; }
html section#content #host-detail {
margin-top: 30px;
border-color: #808080;
color: #000; }
html section#content #host-detail .external-links a {
color: #000;
text-decoration: underline; }
html section#content #host-detail .external-links a:hover {
color: rgba(0, 0, 0, 0.4); }
html section#content #section-status-box {
border-top: solid 1px #808080;
border-bottom: solid 1px #808080; }
html section#content #section-status-box i.fa {
display: none !important; }
html section#content #seating-error-display {
margin-top: 10px;
font-size: 20px;
font-family: "Avenir LT W01_45 Book1475508"; }
html section#content .unlock-form button, html section#content .unlock-form-category button, html section#content .unlock-session-form button {
background: #0F0F0F; }
html section#content .unlock-form input[type="text"], html section#content .unlock-form-category input[type="text"], html section#content .unlock-session-form input[type="text"] {
border: 1px solid #0F0F0F !important;
min-height: 26px !important; }
html section#content .unlock-form-category-svg button:not(.close-btn-svg-unlock) {
background: #0F0F0F !important; }
html section#content .unlock-form-category-svg input {
border: 1px solid #0F0F0F !important;
min-height: 26px !important; }
.layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type {
padding: 12px 20px 12px 6px;
background: transparent; }
.layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type:hover {
background: transparent; }
.layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type.selected {
color: inherit;
background: transparent; }
.layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type.selected i.fa-calendar {
color: #0F0F0F; }
html section#content #event-detail.under-package #section-status-box .right {
display: none; }
@media (min-width: 749px) {
html body.property-style-cod section#content #buy_button_container .fixed-right-container .right #buy-btn-get, html body.property-style-cod section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode, html body.property-style-cod section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear {
margin-top: 3px; }
html body.property-style-cod.language-style-zh-hant section#content #buy_button_container .fixed-right-container .right #buy-btn-get,
html body.property-style-cod.language-style-zh-hans section#content #buy_button_container .fixed-right-container .right #buy-btn-get {
padding-top: 7px;
padding-bottom: 9px; } }
html body.property-style-sc.language-style-zh-hans section#content #buy_button_container #buy-btn-get {
padding-top: 8px;
padding-bottom: 8px; }
html body.property-style-sc.language-style-zh-hans section#content #buy_button_container #btn-apply-promocode, html body.property-style-sc.language-style-zh-hans section#content #buy_button_container #btn-promocode-clear {
padding-top: 6px; }
@supports (display: -ms-grid) {
html body.property-style-sc.language-style-zh-hant section#content .ticket-type-container #all-ticket-types-container input#show-price,
html body.property-style-sc.language-style-zh-hans section#content .ticket-type-container #all-ticket-types-container input#show-price {
padding-top: 7px;
padding-bottom: 10px; } }
html #event-detail #event-body > div table {
width: 100%; }
html #event-detail #event-body > div table.smaller {
font-size: 12px;
line-height: 14px; }
html #event-detail #event-body > div table.smaller .font-11 {
font-size: 11px; }
html #event-detail #event-body > div table.smaller .font-10 {
font-size: 10px; }
html #event-detail #event-body > div table.smaller th {
padding: 5px; }
html #event-detail #event-body > div table.smaller th.text-left {
text-align: left; }
html #event-detail #event-body > div table.smaller th.vmiddle-cell {
vertical-align: middle; }
html #event-detail #event-body > div table tbody tr th {
border: solid 1px #666; }
@media only screen and (max-width: 748px) {
html #event-detail #event-body > div table tbody tr th {
font-size: 10px; } }
.ets-queue .enter-queue {
margin: 15px 5px 15px 0; }
.ets-queue .enter-q-outer {
text-align: right; }
.ets-queue .sold-out {
background: #0F0F0F;
padding: 10px 15px;
box-shadow: 0px 2px 5px -2px #666;
text-align: center;
margin-top: 15px;
margin-right: 5px; }
.ets-queue .sold-out p {
color: #fff;
font-weight: 600; }
@media (max-width: 560px) {
.ets-queue .sold-out {
margin-right: 0; } }
.ets-queue .enter-q-message {
background: #D4d4d4;
padding: 10px 15px;
box-shadow: 0px 2px 5px -2px #666;
text-align: center;
margin-top: 15px;
margin-right: 5px; }
.ets-queue .enter-q-message p {
padding: 0;
color: #666; }
.ets-queue .enter-q-message p span.queue-position {
color: #0F0F0F;
font-weight: 600;
font-size: 20px; }
@media (max-width: 560px) {
.ets-queue .enter-q-message {
margin-right: 0; } }
.ets-queue .event-dtl-outer {
display: flex;
background: #D4d4d4;
padding: 10px 15px;
box-shadow: 0px 2px 5px -2px #666;
margin-top: 15px;
margin-right: 5px; }
.ets-queue .event-dtl-outer .event-dtl-listing {
padding: 10px;
text-align: center;
width: 33.33%; }
.ets-queue .event-dtl-outer .event-dtl-listing h4 {
font-weight: 600;
color: #666;
font-size: 15px; }
.ets-queue .event-dtl-outer .event-dtl-listing span {
color: #0F0F0F;
font-size: 20px;
font-weight: 600; }
@media (max-width: 560px) {
.ets-queue .event-dtl-outer .event-dtl-listing {
width: auto; } }
@media (max-width: 560px) {
.ets-queue .event-dtl-outer {
display: block;
margin-right: 0; } }
.ets-queue .cf:before, .ets-queue .cf:after {
content: " ";
display: table; }
.ets-queue .cf:after {
clear: both; }
.ets-queue .cf .span {
width: 100px;
height: 15px;
vertical-align: middle;
margin: 0 auto; }
@media only screen and (max-width: 748px) {
body.layout-ets-v1 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
bottom: -10px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
body.layout-ets-v1 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout.active > .sold-out-overlay-label {
bottom: -10px; } }
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-content-skeleton,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view thead,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-bg,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-bg table,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-bg *,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-content-skeleton .fc-day-number {
background: transparent !important; }
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view tr td {
border-top: none !important; }
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
bottom: -2px; }
@media only screen and (max-width: 748px) {
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
bottom: -16px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout.active > .sold-out-overlay-label {
bottom: -16px; } }
.typing_loader {
width: 6px;
height: 6px;
border-radius: 50%;
-webkit-animation: typing 1s linear infinite alternate;
-moz-animation: Typing 1s linear infinite alternate;
animation: typing 1s linear infinite alternate;
margin: 10px auto;
position: relative;
left: -12px; }
@-webkit-keyframes typing {
0% {
background-color: black;
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
25% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
75% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }
@-moz-keyframes typing {
0% {
background-color: black;
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
25% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
75% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }
@keyframes typing {
0% {
background-color: black;
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
25% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
75% {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }
html .shopping-cart__voucher_passcode_used .row .voucher-details,
.shopping-cart__voucher_passcode_used .row .voucher-action {
box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2px; }
.shopping-cart__voucher_passcode_used .row {
display: flex;
flex-direction: row;
height: 2.5em; }
html .shopping-cart__voucher_passcode_used .row .voucher-details {
width: 80%; }
.shopping-cart__voucher_passcode_used .row .voucher-action {
align-content: center;
display: flex;
justify-content: center;
width: 20%; }
.shopping-cart__voucher_passcode_used .row .voucher-type,
.shopping-cart__voucher_passcode_used .row .voucher-value {
display: inline-block; }
.shopping-cart__voucher_passcode_used .row .voucher-type {
float: left; }
.shopping-cart__voucher_passcode_used .row .voucher-value {
float: right; }
.shopping-cart__voucher_passcode_used .row .voucher-action {
cursor: pointer; }
.shopping-cart__voucher_passcode_used .row .voucher-action .icon-flex,
.icon-wrapper {
align-items: center;
display: flex;
justify-content: center; }
.shopping-cart__voucher_passcode_used .row .voucher-action .icon-wrapper {
border: 1px solid;
border-color: inherit;
border-radius: 50%;
height: 1rem;
margin: auto;
overflow: hidden;
width: 1rem; }
#voucher_input_container .left {
display: inline-block; }
#voucher_input_container .title-wrapper {
min-height: 40px; }
#voucher_input_container .label {
float: left;
font-size: 22px;
margin-top: 14px; }
#voucher_input_container .title-wrapper {
min-height: 40px; }
#id_voucher_code {
color: #616161;
line-height: 30px;
padding: 3px 0 4px 20px !important; }
@media (min-width: 749px) {
#id_voucher_code {
width: 240px !important; } }
#apply-voucher-btn {
margin-right: 0;
min-height: 40px;
text-transform: capitalize; }
html .sidebar__shopping-cart {
background: #fff;
color: #000;
border: none; }
html .sidebar__shopping-cart h2 {
color: rgba(0, 0, 0, 0.4); }
@media only screen and (max-width: 748px) {
section#content #event-header-second.no-date-info .times.has-customized-time {
border-top: none !important; } }
section#content #event-header-second .times {
border-color: #808080 !important; }
section#content #event-header-second .times .times-first .blue, section#content #event-header-second .times .times-second .blue {
margin-bottom: 6px; }
section#content #event-header-second .times, section#content #event-header-second .location {
color: #000; }
section#content #event-header-second .times .blue, section#content #event-header-second .location .blue {
color: rgba(0, 0, 0, 0.4); }
section#content #event-header-second .location a {
color: #000; }
section#content #event-header-second .location:hover {
color: rgba(0, 0, 0, 0.4); }
section#content #event-header-second .location-detail {
color: #000;
text-transform: none; }
section#content #event-header-second .location-detail #show-taxi {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px; }
@media (min-width: 749px) {
section#content #event-header-second .location-detail #show-taxi {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
section#content #event-header-second .location-detail #show-taxi {
padding-left: 20px;
padding-right: 20px; } }
section#content #event-header-second .location-detail #show-taxi:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
section#content #event-header-second .location-detail .address-title {
font-size: 22px;
text-transform: uppercase; }
body.property-style-sc section#content #event-header-second .location-detail .address-title {
font-size: 28px; }
section#content #event-header-second .location-detail .location-map {
padding-top: 2px; }
section#content #event-header-second .location-detail .location-map pre {
white-space: pre-wrap;
word-break: break-word; }
section#content #event-header-second .location-detail #map-expand-icon {
font-size: 20px;
position: relative;
top: -2px;
margin-left: 4px; }
section#content #sidebar {
margin-top: 10px; }
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section {
border-color: #808080 !important; }
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__event-name {
padding-top: 5px; }
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__event-name > h1 {
font-family: "Arial";
color: #000;
font-size: 14px;
line-height: 14px;
font-size: 22px;
padding-top: 10px;
padding-bottom: 8px;
text-transform: uppercase; }
body.property-style-sc section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__event-name > h1 {
font-size: 28px; }
section#content #sidebar #get-tickets {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px; }
@media (min-width: 749px) {
section#content #sidebar #get-tickets {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
section#content #sidebar #get-tickets {
padding-left: 20px;
padding-right: 20px; } }
section#content #sidebar #get-tickets:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
@media (min-width: 749px) {
section#content #sidebar #get-tickets {
padding-left: 5px;
padding-right: 5px; } }
section#content #sidebar #event-header-second .times-first .upper, section#content #sidebar #event-header-second .times-second .upper {
font-family: "Avenir LT W01_45 Book1475508";
color: #000;
font-size: 16px; }
section#content #sidebar #event-header-second .times-first .upper.blue, section#content #sidebar #event-header-second .times-second .upper.blue {
font-family: "Arial";
color: #000;
font-size: 14px;
line-height: 14px; }
section#content #sidebar #event-header-second .times {
overflow: visible; }
section#content #sidebar #event-header-second .times.has-customized-time {
padding-bottom: 8px; }
section#content #sidebar #event-header-second .times.has-customized-time .upper {
font-family: "Arial";
color: #000;
font-size: 14px;
line-height: 14px;
font-size: 22px;
padding-top: 1px;
position: relative;
top: -2px;
line-height: initial; }
body.property-style-sc section#content #sidebar #event-header-second .times.has-customized-time .upper {
font-size: 28px; }
section#content #sidebar #event-header-second > div {
margin-top: 10px; }
section#content #sidebar #event-header-second > div:first-child {
margin-top: 0px; }
section#content #sidebar .location-detail b {
font-family: "Arial";
color: #000;
font-size: 14px;
line-height: 14px; }
section#content #sidebar .location-detail pre {
font-family: "Avenir LT W01_45 Book1475508";
color: #000;
font-size: 16px; }
section#content #sidebar .sidebar__shopping-cart b {
font-family: "Arial";
color: #000;
font-size: 14px;
line-height: 14px;
text-transform: uppercase; }
section#content #sidebar .sidebar__shopping-cart .section__meta,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta div,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div {
font-family: "Avenir LT W01_45 Book1475508";
color: #000;
font-size: 16px; }
section#content #sidebar .sidebar__shopping-cart .section__meta .pricing-left,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .pricing-left,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .pricing-left,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div .pricing-left,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta div .pricing-left,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-left,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div .pricing-left {
float: left;
clear: both; }
section#content #sidebar .sidebar__shopping-cart .section__meta .pricing-right,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .pricing-right,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .pricing-right,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div .pricing-right,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta div .pricing-right,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-right,
section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div .pricing-right {
float: right; }
section#content #sidebar .sidebar__shopping-cart .section__meta_discount {
padding-bottom: 12px; }
section#content #sidebar .sidebar__shopping-cart .section__meta_discount:empty {
padding-bottom: 0; }
@media only screen and (max-width: 748px) {
html section#content #sidebar #get-tickets {
padding-left: 0px;
padding-right: 0px; } }
@media only screen and (max-width: 748px) {
html .sidebar__shopping-cart {
display: none; } }
#event-cart-timer-indicator {
width: 96%;
border: solid 1px #808080;
display: inline-block;
padding: 12px 2% 10px 2%;
margin-bottom: 10px; }
#event-cart-timer-indicator > div {
display: inline-block;
width: 49%; }
@media only screen and (max-width: 748px) {
#event-cart-timer-indicator > div {
width: 100%; } }
#event-cart-timer-indicator #event-cart-items-time {
text-align: right; }
html #svg_container {
background: transparent;
border: none; }
html #svg_container #area_canclick_notify {
background: transparent;
color: #000;
text-align: left;
padding-left: 0;
padding-right: 0;
position: relative; }
html #svg_container #area_canclick_notify > h2.tf-title {
display: block;
opacity: 1;
font-size: 20px;
font-weight: 700;
color: #000;
text-align: left;
margin-top: 70px;
background: transparent;
padding-left: 0;
border: none;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px; }
@media only screen and (max-width: 748px) {
html #svg_container #area_canclick_notify > h2.tf-title {
margin-top: 50px; } }
html #svg_container #svg_content_container {
background: transparent;
border: none; }
html #svg_container .seating-footer {
background: transparent;
border: none; }
html #svg_container .seating-footer #btn-summary {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px; }
@media (min-width: 749px) {
html #svg_container .seating-footer #btn-summary {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
html #svg_container .seating-footer #btn-summary {
padding-left: 20px;
padding-right: 20px; } }
html #svg_container .seating-footer #btn-summary:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
html #svg_container .seating-footer #legend_rollover_text {
display: none; }
html #svg_container .seating-footer span {
font-family: "Avenir LT W01_45 Book1475508"; }
html #svg_container .seating-footer #legend_items .legend-item span {
margin-left: 5px; }
html #svg_container .seating-footer #legend_items .legend-item:nth-child(1) {
margin-left: 0px; }
html #svg_container .seating-footer #legend_items .legend-item svg circle {
stroke: #808080; }
html #svg_container #seating-error-display {
font-family: "Avenir LT W01_45 Book1475508"; }
html #svg_container #svg.seat_invisible .showing_area_text [id^=BACKGROUND] {
opacity: 1; }
html #svg_container #home-button:hover, html #svg_container #large:hover, html #svg_container #small:hover {
color: rgba(0, 0, 0, 0.4); }
html #svg_container #scroll-done.active {
color: rgba(0, 0, 0, 0.4);
border-color: rgba(0, 0, 0, 0.4); }
html #svg_container #scroll-done.active:hover {
background: rgba(0, 0, 0, 0.4); }
html #svg_container #scroll-done {
min-width: 82px;
line-height: 32px;
box-sizing: border-box; }
@media only screen and (max-width: 748px) {
html #svg_container #scroll-done {
bottom: 12px; } }
@media (min-width: 749px) {
html #svg_container #scroll-done {
min-width: 110px;
line-height: 40px;
padding-top: 4px;
font-size: 16px; } }
html body #svg_container #svg_content_container #svg {
border: solid 1px #808080; }
html #seating-plan-sticky-tooltip {
position: absolute;
min-width: 5px;
min-height: 5px;
padding: 3px 15px 6px 15px;
background: #666;
color: #000;
z-index: 2;
font-size: 20px; }
html #seating-plan-sticky-tooltip .category-detail {
font-size: 20px;
line-height: 20px;
width: 100%;
text-align: left;
padding-top: 5px;
padding-bottom: 2px;
font-family: "Avenir LT W01_45 Book1475508"; }
html #seating-plan-sticky-tooltip .category-detail .icon {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 8px; }
html #svg_container .seating-footer,
html #svg_container .seating-footer #seating-legend {
display: none !important; }
html #svg_content_container.no-control-buttons .btn {
display: none !important; }
html #svg_content_container #closer {
position: absolute;
bottom: 20px;
right: 20px;
font-size: 1.7em;
background: rgba(33, 23, 21, 0.8);
padding: 10px;
border-radius: 25px;
border: solid 2px #000; }
html #svg_content_container #closer.move-left {
right: auto;
left: 17px; }
html #svg_content_container svg #ROW_NUMBER text,
html #svg_content_container svg #ARROW-LAYER path,
html #svg_content_container svg #ARROW-LAYER text {
fill: #666 !important; }
html #svg_content_container svg .currently-selected-seat {
fill: #0F0F0F; }
html #package-list {
padding: 15px 100px; }
html #package-list #package-list-title {
margin-bottom: 20px;
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px; }
@media only screen and (max-width: 748px) {
html #package-list #package-list-title {
margin-top: 13px;
margin-bottom: 23px; } }
@media only screen and (max-width: 748px) {
html #package-list {
padding-left: 5px;
padding-right: 5px; } }
html #package-list .packages-container .package-content {
border-bottom: solid 1px #808080; }
html #package-list .packages-container .package-content:nth-child(1) {
border-top: solid 1px #808080; }
@media only screen and (max-width: 748px) {
html #package-list .packages-container .package-content .step-item-list {
width: 100%; } }
html #package-list .packages-container .package-content .step-item-list .include-msg {
font-family: "Avenir LT W01_45 Book1475508";
margin: 5px 0 10px 0; }
html #package-list .packages-container .package-content .step-item-list .package-desc-msg {
width: 100%; }
html #package-list .packages-container .package-content .step-item-list .package-desc-msg > p:first-child {
padding-top: 0; }
@media only screen and (max-width: 748px) {
html #package-list .packages-container .package-content .step-item-list .package-desc-msg {
padding-top: 14px;
padding-bottom: 12px;
font-size: 17px; } }
html #package-list .packages-container .package-content .step-item-list .price-msg {
font-family: "Avenir LT W01_45 Book1475508";
margin: 10px 0 10px 0;
font-size: 18px; }
html #package-list .packages-container .package-content .buy-container {
width: 100%;
text-align: right;
margin-bottom: 10px; }
html #package-list .packages-container .package-content .buy-container .quantity-container,
html #package-list .packages-container .package-content .buy-container .tf-btn-primary {
height: 43px; }
@supports (display: -ms-grid) {
html #package-list .packages-container .package-content .buy-container .tf-btn-primary {
padding-top: 7px; } }
@media only screen and (max-width: 748px) {
html #package-list .packages-container .package-content .buy-container {
margin-top: 15px; }
html #package-list .packages-container .package-content .buy-container button.tf-btn-primary {
padding-left: 10px;
padding-right: 10px; } }
html #package-list .packages-container .package-content .buy-container .quantity-container {
vertical-align: bottom;
margin-bottom: 3px; }
html #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
color: #000;
padding: 12px 20px;
font-size: 1.2em;
min-height: 28px; }
html #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
font-family: "Avenir LT W01_45 Book1475508";
border: none;
margin-left: 8px;
font-size: 17px;
position: relative;
top: -1px; }
html #package-list .packages-container .package-content .buy-container .quantity-container input, html #package-list .packages-container .package-content .buy-container .quantity-container button {
display: inline-block; }
@media only screen and (max-width: 748px) {
html #package-list .packages-container .package-content .buy-container {
text-align: left; }
html #package-list .packages-container .package-content .buy-container .quantity-container, html #package-list .packages-container .package-content .buy-container button {
width: 47%;
margin-bottom: 0;
height: 43px; }
html #package-list .packages-container .package-content .buy-container .quantity-container {
width: 46%; }
html #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
width: 100%;
text-align: center;
padding: 8px 0; }
html #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
padding: 5px;
margin-left: 7px; } }
@media only screen and (max-width: 350px) {
html #package-list .packages-container .package-content .buy-container .quantity-container, html #package-list .packages-container .package-content .buy-container button {
width: 100% !important;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px; } }
html #package-list .packages-container .package-content .cart-exclusive-container {
margin-bottom: 10px; }
@media only screen and (max-width: 748px) {
html #package-list .packages-container .package-content .cart-exclusive-container {
margin-top: 10px; } }
html #package-list .packages-container .package-content .buy-container.is-hidden,
html #package-list .packages-container .package-content .cart-exclusive-container.is-hidden {
display: none !important;
visibility: hidden;
height: 0;
overflow: hidden;
padding-bottom: 0; }
html #event-package-step-indicator {
width: 100%;
border: solid 1px #808080;
display: inline-block; }
.packages-container div, .packages-container b, .packages-container span, .packages-container p {
display: inline-block !important; }
.packages-container .package-content {
position: relative;
width: 96%;
padding: 12px 2% 5px 2%; }
.packages-container .package-content .package-name, .packages-container .package-content .step-item-list, .packages-container .package-content .package-spec {
float: left; }
.packages-container .package-content .package-name {
width: 27%;
padding-right: 1%; }
.packages-container .package-content .step-item-list {
width: 51%; }
.packages-container .package-content .package-spec {
width: 17%; }
@media only screen and (max-width: 748px) {
.packages-container .package-content .package-name {
width: 100%; }
.packages-container .package-content .step-item-list {
width: 100%; }
.packages-container .package-content .package-spec {
width: 100%; } }
.packages-container .package-content .package-name h2 {
color: #000;
font-size: 24px;
line-height: 24px; }
.packages-container .package-content .package-name .package-qty {
color: #000;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 14px;
margin-top: 7px; }
@media only screen and (max-width: 748px) {
.packages-container .package-content .package-name {
padding-top: 8px;
padding-bottom: 7px; } }
.packages-container .package-content .step-item-list .selecting-msg {
font-family: "Avenir LT W01_45 Book1475508";
font-size: 15px;
padding-top: 2px;
padding-bottom: 10px; }
.packages-container .package-content .step-item-list .offset-left {
padding-top: 0;
padding-left: 50px;
padding-right: 10px; }
.packages-container .package-content .step-item-list .offset-left span.item-comma:last-child {
display: none !important; }
.packages-container .package-content .step-item-list ul {
list-style: none;
padding-left: 12px; }
.packages-container .package-content .step-item-list ul li {
color: #000;
float: none;
margin-bottom: 5px;
font-family: "Avenir LT W01_45 Book1475508"; }
.packages-container .package-content .step-item-list ul li .arrow {
vertical-align: middle;
position: relative;
top: -2px;
background: transparent;
background-repeat: no-repeat;
width: 22px;
height: 23px; }
.packages-container .package-content .step-item-list ul li b {
font-family: "Arial";
font-weight: bold;
margin-right: 5px;
font-size: 20px; }
body.property-style-sc .packages-container .package-content .step-item-list ul li > b {
position: relative;
top: 2px;
padding-top: 4px;
font-size: 24px;
letter-spacing: 0.01em; }
.packages-container .package-content .step-item-list ul li div b, .packages-container .package-content .step-item-list ul li p b, .packages-container .package-content .step-item-list ul li p span {
font-family: "Avenir LT W01_45 Book1475508";
font-size: 13px; }
.packages-container .package-content .step-item-list ul li div.force-hidden {
display: none !important; }
.packages-container .package-content .step-item-list ul li div.interactive-cell {
padding-bottom: 5px; }
.packages-container .package-content .step-item-list ul li div.interactive-cell a {
cursor: pointer;
white-space: nowrap; }
.packages-container .package-content .step-item-list ul li.current {
color: rgba(0, 0, 0, 0.4); }
.packages-container .package-content .step-item-list ul li.current .arrow {
background-position: -21px -1px; }
.packages-container .package-content .step-item-list ul li.current > b {
width: 90%;
line-height: 1em; }
@media only screen and (max-width: 748px) {
.packages-container .package-content .step-item-list ul li.current > b {
width: 80%; } }
.packages-container .package-content .step-item-list ul li.current .offset-left {
color: rgba(0, 0, 0, 0.4); }
.packages-container .package-content .step-item-list ul li.showcase {
color: rgba(0, 0, 0, 0.4); }
.packages-container .package-content .step-item-list ul li.showcase .arrow {
background-position: -21px -1px; }
.packages-container .package-content .step-item-list ul li.showcase > b {
width: 90%;
line-height: 1em; }
@media only screen and (max-width: 748px) {
.packages-container .package-content .step-item-list ul li.showcase > b {
width: 80%; } }
.packages-container .package-content .step-item-list ul li.showcase .offset-left {
color: #000; }
@media (min-width: 749px) {
.packages-container .package-content .package-spec {
margin-bottom: 50px; } }
.packages-container .package-content .package-spec .package-timer {
margin-bottom: 10px; }
.packages-container .package-content .package-spec .package-timer, .packages-container .package-content .package-spec .package-pricing {
float: none;
width: 100%; }
.packages-container .package-content .package-spec .package-timer .label, .packages-container .package-content .package-spec .package-pricing .label {
font-size: 16px;
margin-bottom: 3px;
width: 100%; }
@media only screen and (max-width: 748px) {
.packages-container .package-content .package-spec .package-timer .label, .packages-container .package-content .package-spec .package-pricing .label {
display: inline !important; } }
.packages-container .package-content .package-spec .package-timer div, .packages-container .package-content .package-spec .package-pricing div {
display: block;
color: #000;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 20px;
line-height: initial; }
.packages-container .package-content .package-spec #package-buy-now.force-hidden {
display: none !important; }
.packages-container .package-content .package-spec #package-buy-now button {
margin-left: 0;
margin-top: 10px;
margin-bottom: 10px;
white-space: nowrap; }
@media (min-width: 749px) {
.packages-container .package-content .package-spec #package-buy-now {
position: absolute;
bottom: 0px;
right: 20px;
width: 200px; } }
@supports (display: -ms-grid) {
html body.property-style-sc.language-style-zh-hant #package-list .packages-container .package-content .buy-container .tf-btn-primary,
html body.property-style-sc.language-style-zh-hans #package-list .packages-container .package-content .buy-container .tf-btn-primary {
padding-top: 10px; } }
html section#content .selection-blocker {
position: absolute;
background: transparent;
top: 0;
width: 100%;
height: 100%;
z-index: 999; }
html #event-package-list {
padding: 20px 0; }
html #event-package-list .section-title {
margin-bottom: 20px;
text-transform: uppercase;
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px; }
@media only screen and (max-width: 748px) {
html #event-package-list .section-title {
margin-top: 13px;
margin-bottom: 23px; } }
html #event-package-list .event-packages-container ul {
list-style: none;
padding: 0;
margin: 0; }
html #event-package-list .event-packages-container .package-item {
margin-bottom: 15px;
width: 100%; }
html #event-package-list .event-packages-container .package-content {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 20px 0;
border-bottom: 1px solid #808080;
width: 100%; }
html #event-package-list .event-packages-container .package-content .package-info {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px; }
html #event-package-list .event-packages-container .package-content .package-info .package-title-container {
display: flex;
align-items: center; }
html #event-package-list .event-packages-container .package-content .package-info .package-title {
color: #000;
font-size: 18px;
margin: 0; }
html #event-package-list .event-packages-container .package-content .package-info .info-toggle {
background: none;
border: none;
padding: 0;
cursor: pointer;
color: #666;
width: 20px;
height: 20px;
margin-left: 10px;
display: flex;
align-items: center;
justify-content: center; }
html #event-package-list .event-packages-container .package-content .package-info .info-toggle svg {
color: inherit; }
html #event-package-list .event-packages-container .package-content .package-info .info-toggle:hover {
color: rgba(0, 0, 0, 0.4); }
html #event-package-list .event-packages-container .package-content .package-description {
display: none;
width: 90%;
font-size: 14px;
color: #000;
padding: 0; }
html #event-package-list .event-packages-container .package-content .package-description.show {
display: block; }
html #event-package-list .event-packages-container .package-content .buy-package-btn {
background-color: #0F0F0F;
color: white;
padding: 8px 20px;
text-decoration: none;
font-size: 14px;
white-space: nowrap;
text-transform: uppercase;
font-weight: bold;
border: none;
cursor: pointer;
min-width: 120px;
text-align: center;
box-sizing: border-box; }
html #event-package-list .event-packages-container .package-content .buy-package-btn:hover {
background-color: black; }
@media only screen and (max-width: 748px) {
html #event-package-list .package-content {
flex-direction: column;
gap: 15px; }
html #event-package-list .package-content .package-info {
width: 100%; }
html #event-package-list .package-content .buy-package-btn {
width: 100%; } }
html section#content > .white-container.shorter {
background: #fff; }
html section#content > .white-container.shorter #event-calendar h3 {
color: #000; }
html section#content > .white-container.shorter #event-calendar > h2.tf-title, html section#content > .white-container.shorter #event-calendar-result > h2.tf-title {
border-bottom: #808080 solid 3.5px;
padding-bottom: 7px;
margin-bottom: 20px; }
.frontend-timer.counting {
position: absolute;
color: #000;
width: 60px;
text-align: center;
padding: 2px 0px;
border: solid 1px #808080; }
.frontend-timer.counting#seating-plan-frontend-timer {
right: -2px;
top: 79px; }
.frontend-timer.counting#selfselected-seating-plan-frontend-timer {
top: -43px;
right: 0px; }
.frontend-timer.counting#non-seated-event-frontend-timer {
right: 0px;
top: 9px; }
.section__meta.allocation__list {
max-height: 200px;
overflow-y: hidden; }
a#show-more-allocations {
font-size: 13px;
padding: 0;
display: block;
margin-top: -5px; }
.add_overflow_y {
overflow-y: scroll !important; }
#all-ticket-types-container .columns > .quantity-price {
position: absolute !important;
width: auto !important; }
.event-page-popup-modal {
width: 700px;
border-radius: 5px;
max-width: 80%; }
.event-page-popup-modal.modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #FFFFFF;
padding: 20px;
border: 2px solid #333333;
max-width: 80%;
z-index: 9999; }
.event-page-popup-modal.show {
display: block; }
.event-page-popup-modal .modalBody {
font-size: 16px;
color: #666666;
margin: 0; }
.event-page-popup-modal .modalBody h1 {
font-size: 24px;
font-weight: bold; }
.event-page-popup-modal .modalBody h2 {
font-size: 22px;
font-weight: bold; }
.event-page-popup-modal .modalBody h3 {
font-size: 20px;
font-weight: bold; }
.event-page-popup-modal .modalBody h5 {
font-size: 18px;
font-weight: bold; }
.event-page-popup-modal .modalBody h6 {
font-size: 16px;
font-weight: bold; }
.event-page-popup-modal .modalBody p {
color: #666666; }
.event-page-popup-modal .modalBody p img {
max-width: 100%; }
.event-page-popup-modal .modalFooter {
margin: 0px;
text-align: right;
padding-top: 20px;
display: flex;
justify-content: space-between; }
.event-page-popup-modal .modalFooter #close-popup {
margin: 0;
border-radius: 4px;
padding: 4px 12px; }
.event-page-popup-modal .modalFooter #do-not-show-again-btn {
margin-right: 10px;
float: left;
border: 0;
margin: 0;
padding: 10px 6px;
font-size: 15px; }
.event-page-popup-modal .modalFooter #do-not-show-again-checkbox:hover {
background: transparent;
border: 0px;
color: #666666; }
.event-page-popup-modal .modalFooter label {
color: #666666; }
.payment-icons .payment-icon .payment-entry {
width: auto;
min-width: 60px; }
#event-sign-terms-and-conditions, #event-is-accept-promoter-opt-in {
text-align: left !important;
padding-left: 8px;
margin-top: 10px; }
@media only screen and (max-width: 748px) {
#event-sign-terms-and-conditions, #event-is-accept-promoter-opt-in {
padding: 0 8px;
text-align: center; } }
#event-sign-terms-and-conditions label.checkbox, #event-is-accept-promoter-opt-in label.checkbox {
color: #D61C39;
font-family: inherit;
font-size: 14px; }
#event-sign-terms-and-conditions label a, #event-is-accept-promoter-opt-in label a {
text-decoration: underline;
color: #D61C39; }
#event-sign-terms-and-conditions label .checkbox-img, #event-is-accept-promoter-opt-in label .checkbox-img {
border: 0 !important; }
#event-sign-terms-and-conditions label .checkbox-img::before, #event-is-accept-promoter-opt-in label .checkbox-img::before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #D61C39;
padding: 8px;
display: inline-block;
position: absolute;
vertical-align: middle;
cursor: pointer;
left: 0;
top: -2px; }
#event-sign-terms-and-conditions label input, #event-is-accept-promoter-opt-in label input {
display: none; }
#event-sign-terms-and-conditions label input:checked ~ .checkbox-img::after, #event-is-accept-promoter-opt-in label input:checked ~ .checkbox-img::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 6px;
width: 6px;
height: 11px;
border: solid #0F0F0F;
border-width: 0 2px 2px 0;
transform: rotate(45deg); }
html body.layout-ets-v2 #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry {
min-width: 85px;
width: auto; }
html body.layout-ets-v2 #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry img {
height: 41px; }
html body section#content .ticket-category-list .ticket-category-item .ticket-category-price-expand {
flex-wrap: wrap; }
html body section#content .ticket-category-list .ticket-category-item .ticket-category-price-expand div.visibility-expand {
width: 100%; }
html body section#content .ticket-category-list .ticket-category-item .visibility-shown {
padding: 0 0 0 32px;
color: #000000;
font-size: 14px; }
html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper .ticket-category-item .visibility-shown {
width: 100%;
text-align: right;
font-weight: normal; }
@media only screen and (max-width: 420px) {
html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper .ticket-category-item .visibility-shown {
text-align: left; } }
#all-ticket-types-container .ticket-additional-info {
font-size: 14px;
margin-bottom: 15px; }
html .main-content #venue-detail {
background: #fff; }
html .main-content #venue-detail .infoItem h4, html .main-content #venue-detail .infoItem h5, html .main-content #venue-detail .infoItem p, html .main-content #current-events .infoItem h4, html .main-content #current-events .infoItem h5, html .main-content #current-events .infoItem p, html .main-content #past-events .infoItem h4, html .main-content #past-events .infoItem h5, html .main-content #past-events .infoItem p {
color: #000; }
html .main-content #venue-detail .infoText p, html .main-content #current-events .infoText p, html .main-content #past-events .infoText p {
color: #000; }
html .main-content #venue-detail .infoBtns .shareWrapper li, html .main-content #current-events .infoBtns .shareWrapper li, html .main-content #past-events .infoBtns .shareWrapper li {
color: #000; }
html .main-content #venue-events {
background: #fff; }
html .main-content #venue-events-feeds {
background: #fff;
color: #000; }
html #host-list-page #host-listing {
background: #fff; }
html #host-detail, html #host-events {
background: #fff; }
html #host-detail .infoItem, html #host-events .infoItem {
color: #666; }
html #host-detail .infoItem h4, html #host-events .infoItem h4 {
color: rgba(0, 0, 0, 0.4); }
html #host-detail .infoItem .infoText, html #host-events .infoItem .infoText {
color: #000; }
html #host-detail .infoItem a, html #host-events .infoItem a {
color: #000; }
html #host-detail .infoItem a:hover, html #host-events .infoItem a:hover {
color: rgba(0, 0, 0, 0.4); }
html #host-detail .shareWrapper li, html #host-events .shareWrapper li {
color: #000; }
html #faq-page #flat_content {
margin-top: 20px; }
html #faq-page #flat_content p {
border-color: transparent !important; }
html #faq-page #flat_content p.answer {
background: #fff; }
html #faq-page #flat_content, html #faq-page #flat_content p.answer {
background: #fff; }
html #faq-page #flat_content i.fa, html #faq-page #flat_content p.answer i.fa {
color: #000; }
html .flatpage.gray-container p {
margin-top: 20px;
margin-bottom: 20px; }
html .flatpage.gray-container ul {
list-style-type: disc;
padding-left: 20px;
font-family: "Avenir LT W01_45 Book1475508"; }
html .flatpage.gray-container ul li {
padding-bottom: 5px; }
html .property-style-cod .flatpage.gray-container ul li a {
text-decoration: underline; }
html .flatpage.gray-container table {
border: solid 1px #808080;
width: 100%; }
html .flatpage.gray-container table tbody tr,
html .flatpage.gray-container table tbody td {
padding: 5px;
border: solid 1px #808080; }
html .main-content .unlock-locked .unlock_content p.session-unlock-form {
font-size: 22px;
font-weight: 600; }
#event-detail.for-package div.package-content {
width: 100%;
padding: 0; }
#event-detail.for-package div.package-content .step-item-list {
width: 75%; }
#event-detail.for-package #package-quantity-row {
border-bottom: solid 1px #808080;
border-top: solid 1px #808080;
display: flex !important;
margin-bottom: 20px;
margin-top: 10px;
width: 100%; }
#event-detail.for-package #package-quantity-row .ui-spinner-buttons, #event-detail.for-package #package-quantity-row .ui-spinner-button {
display: none !important; }
#event-detail.for-package #package-quantity-row > .type {
width: 65%;
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
position: relative; }
#event-detail.for-package #package-quantity-row > .type > .name {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
min-height: 48px;
font-size: 18px; }
@media only screen and (max-width: 748px) {
#event-detail.for-package #package-quantity-row > .type > .name {
padding-left: 0; } }
#event-detail.for-package #package-quantity-row > .quantity-price {
width: 34%;
display: inline-block !important;
text-align: center;
min-width: 71px; }
#event-detail.for-package #package-quantity-row > .quantity-price > .quantity {
float: right;
display: flex !important;
padding-top: 11px !important; }
#event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-plus,
#event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-minus {
display: inline-block;
text-align: center;
cursor: pointer;
width: 40px;
padding-top: 13px; }
#event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-plus.disable-icon,
#event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-minus.disable-icon {
pointer-events: none;
opacity: .15; }
#event-detail.for-package #package-quantity-row > .quantity-price > .quantity input {
text-align: center !important;
padding-left: 5px;
padding-right: 5px;
border-radius: 4px;
min-width: 40px;
border: solid 1px #808080;
width: 27px !important;
float: left;
margin: 0 !important;
height: 45px;
font-size: 18px;
-webkit-appearance: none !important;
margin: 0 !important;
-moz-appearance: textfield !important; }
#event-detail.for-package div#buy_button_container.for-package {
display: block !important;
width: 100%;
text-align: right;
margin-bottom: 50px; }
#event-detail.for-package div#buy_button_container.for-package .overview-quantity-container {
vertical-align: bottom;
padding: 5px; }
#event-detail.for-package div#buy_button_container.for-package .overview-quantity-container .overview-quantity {
color: #000;
background: #fff;
padding: 0px 20px;
font-size: 1.2em;
min-height: 28px; }
#event-detail.for-package div#buy_button_container.for-package .overview-quantity-container .overview-quantity span {
position: relative; }
#event-detail.for-package div#buy_button_container.for-package .overview-quantity-container .overview-quantity select {
width: auto;
min-width: 50px;
font-family: "Avenir LT W01_45 Book1475508";
font-size: 17px;
position: relative;
top: -1px;
display: inline-block; }
.layout-ets-v2 #event-detail.for-package #package-quantity-row {
border-top: solid 1px #D61C39;
border-bottom: solid 1px #D61C39; }
.layout-ets-v2 #event-detail.for-package #package-quantity-row > .type {
padding-left: 0; }
.layout-ets-v2 #event-detail.for-package #package-quantity-row > .type > .name {
color: #D61C39; }
.layout-ets-v2 #event-detail.for-package #package-quantity-row .quantity-price .quantity {
padding-top: 8px !important;
padding-bottom: 4px !important; }
.layout-ets-v2 #event-detail.for-package #package-quantity-row .quantity-price .quantity .quantity-plus,
.layout-ets-v2 #event-detail.for-package #package-quantity-row .quantity-price .quantity .quantity-minus {
color: #D61C39; }
@media only screen and (max-width: 748px) {
.layout-ets-v2 #event-detail.for-package #package-quantity-row > .type > .name,
.layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-plus i,
.layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-minus i,
.layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity input {
font-size: 16px; }
.layout-ets-v2 #event-detail.for-package #package-quantity-row > .type > .name {
min-height: 34px;
padding-top: 14px; }
.layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity {
padding-top: 5px !important; }
.layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity input {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
padding-top: 12px !important; } }
#event-detail.for-package em {
font-style: italic; }
#event-detail.for-package .uppercase {
text-transform: uppercase; }
#event-detail.for-package .notify {
padding: 10px 15px;
color: #616161;
background-color: #F2F3F5;
font-size: 16px;
text-align: center;
min-width: 200px;
display: none; }
#event-detail.for-package .notify.passed {
opacity: 0.5; }
#event-detail.for-package .force-hidden {
display: none; }
#event-detail.for-package #messages .alert-error {
display: none; }
#event-detail.for-package #error_popup .modalBody li {
margin-bottom: 10px; }
#event-detail.for-package #error_popup .error_close {
font-size: 15px;
padding: 5px 12px; }
#event-detail.for-package #submitting_loader {
width: 20px;
height: 20px;
visibility: hidden; }
#event-detail.for-package #host-detail {
padding: 20px 0 15px;
border-top: 1px solid gray;
margin-bottom: 15px; }
#event-detail.for-package td.tt_quantity {
padding-left: 10px; }
#event-detail.for-package a#get-tickets {
display: none !important;
width: 314px;
margin: 10px 0 0 0;
padding: 11px 5px;
z-index: 1; }
#event-detail.for-package #sidebar.floating {
position: fixed;
top: 35px;
z-index: 1; }
@media only screen and (max-width: 748px) {
#event-detail.for-package #sidebar.floating {
position: inherit;
top: auto; } }
#event-detail.for-package .sidebar-container {
width: 324px; }
@media only screen and (max-width: 748px) {
#event-detail.for-package .sidebar-container {
width: 100%; } }
#event-detail.for-package a#get-tickets.hide {
visibility: hidden;
opacity: 0;
transition: visibility 0.5s, opacity 0.5s linear; }
#event-detail.for-package .show-bullet ul,
#event-detail.for-package .show-bullet ol {
list-style-position: inside; }
#event-detail.for-package .show-bullet ul {
list-style-type: inherit; }
#event-detail.for-package .show-bullet ol {
list-style-type: decimal; }
#event-detail.for-package .show-second {
display: none !important; }
#event-detail.for-package .show-price {
display: none;
float: right;
font-size: 21px;
margin: 20px auto; }
@media only screen and (max-width: 748px) {
#event-detail.for-package #voucher_input_container .left {
width: 100%; }
#event-detail.for-package #voucher_input_container .right {
float: none; }
#event-detail.for-package #voucher_input_container #apply-voucher-btn {
width: 100%;
margin: 0 !important; }
#event-detail.for-package .qrcode-container {
justify-content: flex-start; }
#event-detail.for-package .qrcode-container .label {
font-size: 17px !important; }
#event-detail.for-package #qr-code-scanner .modalBody {
max-width: inherit !important; } }
#event-detail.for-package .modalBody.withIcon {
display: flex;
align-items: center; }
#event-detail.for-package .modalBody.withIcon i {
font-size: 20px;
color: #ad0505;
margin-right: 10px; }
#event-detail.for-package i.unlock-icon-color {
color: #3c763d; }
#sessions-container {
margin: 10px 0; }
.session_day,
.each_session,
.ticket-category-item--clickable {
cursor: pointer; }
.session_day {
border: 1px solid #e7e7e7;
text-transform: uppercase;
font-size: 18px;
padding: 30px 25px;
border-left: 4px solid #909090;
background: #fbfbfb;
transition: border-left 0.5s;
display: table;
box-sizing: border-box;
width: 100%; }
.session_day:hover {
background: #F7F7F7;
border-left: 4px solid #aaaaaa; }
.session_day.selected {
border-left: 4px solid #0ab9ce; }
.session_day.selected:hover {
border-left: 4px solid #17dcf4; }
.session_day span {
transition: color 0.5s;
display: table-cell;
vertical-align: middle; }
.session_day span.selected {
color: #0ab9ce; }
.session_day span b {
font-weight: bold; }
.session_day i {
float: right;
border: 1px solid #0ab9ce;
border-radius: 100%;
color: #0ab9ce;
font-size: 30px;
display: table-cell;
vertical-align: middle; }
.session_day i:hover {
border: 1px solid #62D6E3;
background: #62D6E3;
color: white; }
.session_day i.fa-angle-down {
padding: 2px 6px 1px; }
.session_day i.fa-angle-up {
padding: 0px 6px 3px; }
.each_session,
.ticket-category-item--clickable {
border: 1px solid #e7e7e7;
padding: 0 25px;
font-size: 16px;
border-left: 4px solid #0ab9ce;
background: #f3f3f3; }
.each_session:hover,
.ticket-category-item--clickable:hover {
background: white; }
.each_session.selected,
.ticket-category-item--clickable.selected {
color: #0ab9ce; }
.each_session i,
.ticket-category-item--clickable i {
margin: 0 35px 0 10px; }
.each_session.is_sold_out > div.is_sold_out_tag,
.ticket-category-item--clickable.is_sold_out > div.is_sold_out_tag {
background-color: #ccc;
border-radius: 5px;
font-size: 12px;
padding: 2px 17px 3px 17px;
text-transform: uppercase; }
.each_session .availability-indicator.all_reserved,
.ticket-category-item--clickable .availability-indicator.all_reserved {
color: #3C3C3C; }
body.layout-ets-v1 .each_session.is_sold_out,
body.layout-ets-v1 .ticket-category-item--clickable.is_sold_out {
position: relative;
color: #D3D3D3;
pointer-events: none; }
body.layout-ets-v1 .each_session.is_sold_out > .is_sold_out_tag,
body.layout-ets-v1 .ticket-category-item--clickable.is_sold_out > .is_sold_out_tag {
position: absolute;
left: 100%;
transform: translate(-100%, -50%);
white-space: nowrap;
top: 50%; }
body.layout-ets-v2 .each_session.is_sold_out,
body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out {
pointer-events: none; }
body.layout-ets-v2 .each_session.is_sold_out label::before,
body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out label::before {
border: 1px solid #ccc !important; }
body.layout-ets-v2 .each_session.is_sold_out label,
body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out label {
color: #ccc !important; }
body.layout-ets-v2 .each_session.is_sold_out:has(.is_sold_out_tag),
body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out:has(.is_sold_out_tag) {
display: flex;
justify-content: space-between; }
body.layout-ets-v2 .each_session.is_sold_out .is_sold_out_tag,
body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out .is_sold_out_tag {
height: fit-content !important;
margin-right: 0px !important;
top: 0 !important;
white-space: nowrap !important; }
@media only screen and (max-width: 480px) {
.each_session i {
margin: 0 5px 0 0px; }
.each_session {
font-size: 14px; } }
@media only screen and (max-width: 748px) {
#auth-app .send-ticket-verification {
padding: 0 15px; } }
#auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field input, #auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field select {
height: 40px;
border-bottom: solid 1px #707070;
width: 100% !important;
font-family: "Arial";
font-weight: 400; }
#auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field textarea {
width: 100% !important;
border-bottom: solid 1px #707070;
height: 100px !important;
padding: 0 12px 15px;
box-sizing: border-box;
color: #666666;
font-family: "Arial";
font-weight: 400; }
@media only screen and (max-width: 748px) {
#auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field textarea {
padding: 5px; } }
#auth-app .send-ticket-verification .action #send-ticket-submit-button {
color: #FFFFFF; }
#auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_to_phone_number_idd .evf-formset-field, #auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_confirm_to_phone_number_idd .evf-formset-field {
position: relative; }
#auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_to_phone_number_idd .evf-formset-field::after, #auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_confirm_to_phone_number_idd .evf-formset-field::after {
content: '';
position: absolute;
right: 0;
top: 8px;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #6C6C6C;
clear: both;
pointer-events: none; }
#auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_to_phone_number_idd .evf-formset-field select, #auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_confirm_to_phone_number_idd .evf-formset-field select {
appearance: none;
-webkit-appearance: none; }
html .infoItem a {
color: rgba(0, 0, 0, 0.4); }
html .tf-blue {
color: rgba(0, 0, 0, 0.4); }
html .question-sign.th-blue {
background: rgba(0, 0, 0, 0.4); }
html .question-sign.icon-popover {
background: transparent;
color: rgba(0, 0, 0, 0.4); }
html .tf-btn.tf-btn-default {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px; }
@media (min-width: 749px) {
html .tf-btn.tf-btn-default {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
html .tf-btn.tf-btn-default {
padding-left: 20px;
padding-right: 20px; } }
html .tf-btn.tf-btn-default:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
html section#content .gray-container {
border-top: #808080 solid 3.5px;
border-bottom: #808080 solid 3.5px; }
html body #your-orders div.single-ticket-row {
border-top: #808080 solid 1px; }
html .single-ticket-row.single-ticket-row--names > .data-field-row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
align-content: flex-start; }
html .single-ticket-row.single-ticket-row--names > .data-field-row .after-form-field {
font-size: 14px; }
html body #your-orders .errorlist {
position: absolute; }
html #checkout-wrapper.tf-controls {
display: flex;
align-items: center;
justify-content: center; }
html #checkout-wrapper.tf-controls #id_full_code {
flex-grow: 1; }
@media only screen and (max-width: 748px) {
html #checkout-wrapper.tf-controls {
flex-direction: column; } }
html #timer-wrapper #timer {
min-height: 30px !important;
border: none;
background: #fff;
color: #000;
z-index: 1; }
html #timer-wrapper #timer #need-time {
color: #000; }
html #timer-wrapper #timer #counter {
padding-top: 0px; }
html #timer-wrapper #timer a {
color: rgba(0, 0, 0, 0.4);
text-decoration: underline;
border: none;
margin-bottom: 10px; }
@media only screen and (max-width: 748px) {
html #timer-wrapper #timer a {
font-size: 24px; } }
@media only screen and (max-width: 748px) {
html #timer p.upper {
padding-right: 5px; }
html #timer p#counter {
display: inline-block;
vertical-align: sub;
padding-right: 0px;
min-height: 30px; }
html body #timer-wrapper #timer {
min-height: 115px;
min-height: 85px; } }
html #your-orders .tiny-spec {
width: 100%;
margin-top: 3px;
color: #000;
font-size: 12px;
line-height: 1.2em; }
html #confirm-orders-page table td {
width: auto;
vertical-align: middle;
padding: 10px 5px 10px 5px; }
html #confirm-orders-page table td.seat-num {
font-size: 12px;
line-height: 1.2em; }
html #your-orders .question-sign.th-blue {
background: transparent;
color: rgba(0, 0, 0, 0.4); }
html #your-orders .question-sign.th-blue:hover {
color: rgba(0, 0, 0, 0.4); }
html section#content #upsell-header, html section#content #upsell-detail {
padding-left: 11px;
padding-right: 11px; }
html section#content #upsell-header .buy-wrapper, html section#content #upsell-detail .buy-wrapper {
border-top: 1px solid #808080; }
html section#content #upsell-app-buttons #btn-next {
float: right; }
html .infoItem .larger-font {
color: #000; }
html #order_state_cancel_double_confirm .main-text {
font-family: "Big Caslon, Medium";
font-weight: bold; }
html section#content #payment-details-page #payment-details-form .payment-icon {
background: #fff; }
html section#content #payment-details-page #payment-details-form .payment-icon:hover {
background: #fff; }
html section#content #payment-details-page #payment-details-form .payment-icon.active {
background: #fff; }
html section#content #payment-details-page #payment-details-form .select-icons-description {
color: #fff; }
html section#content #payment-details-page #payment-details-wrap {
border-top: 1px solid #808080; }
@media only screen and (max-width: 748px) {
html section#content #payment-details-page .country-field-container .controls {
width: 100%; }
html section#content #payment-details-page .country-field-container .controls select {
margin-top: 1px;
left: -1px; } }
html div.controlGroup, html .formHorizontal div.controlGroup {
font-size: 12px; }
html div.controlGroup label.controlLabel, html .formHorizontal div.controlGroup label.controlLabel {
font-size: 12px;
background: #fff;
color: #fff; }
html div.controlGroup .controls input, html div.controlGroup .controls select, html .formHorizontal div.controlGroup .controls input, html .formHorizontal div.controlGroup .controls select {
font-size: 12px !important;
color: #000;
background: #fff; }
html .question-sign:hover, html .formHorizontal .question-sign:hover {
background: rgba(0, 0, 0, 0.4); }
html .question-sign.cvv-img, html .formHorizontal .question-sign.cvv-img {
background: grey; }
html .question-sign.cvv-img:hover, html .formHorizontal .question-sign.cvv-img:hover {
background: rgba(0, 0, 0, 0.4); }
html section#content #ordersForm table th {
color: rgba(0, 0, 0, 0.4); }
html section#content #ordersForm #confirm-order-wrap {
border-top: #808080 solid 3.5px; }
html section#content #ordersForm .infoItem h4 {
color: #000; }
html section#content #ordersForm #promo-code-discount-lineitem,
html section#content #ordersForm #bin-discount-lineitem,
html section#content #ordersForm #total_selling_price {
color: rgba(0, 0, 0, 0.4); }
html section#content #ordersForm #your-orders .align-right {
text-align: right !important; }
html section#content #ordersForm #your-orders .data-fields-td div.th-blue {
padding-bottom: 1px;
padding-left: 0px; }
html section#content #ordersForm #your-orders .data-fields-td input[type="text"] {
padding-left: 5px;
width: 100%; }
html section#content #ordersForm #your-orders div.single-ticket-row {
border-top: #808080 solid 1px; }
html section#content #ordersForm #your-orders .single-ticket .ticket-type, html section#content #ordersForm #your-orders .single-ticket .th-blue {
color: rgba(0, 0, 0, 0.4); }
html section#content #ordersForm #your-orders .single-ticket .ticket-price {
color: #000; }
html section#content #ordersForm #your-orders .package-ticket-event {
font-size: 17px;
margin-bottom: 7px; }
html section#content #ordersForm #your-orders #service-fee-lineitem {
color: #000;
border-color: #808080; }
html section#content #ordersForm #your-orders .row-border {
border-color: #808080; }
html section#content #ordersForm #your-orders .row-border .total {
color: #000; }
html section#content #ordersForm .note {
color: #000;
margin-top: 20px;
margin-bottom: 25px; }
html section#content #ordersForm .checkbox {
color: #000; }
@media only screen and (max-width: 748px) {
html #checkout-wrapper .tf-btn.tf-btn-default {
padding-left: 0;
padding-right: 0; } }
html section#content #confirm-orders-page #confirm-order-wrap {
border-top: #808080 solid 3.5px; }
@media only screen and (max-width: 748px) {
html section#content #confirm-orders-page {
padding-left: 11px;
padding-right: 11px; }
html section#content #confirm-orders-page #event-header-first {
padding-left: 0;
padding-right: 0; } }
html section#content #confirm-orders-page #ticket-guidelines {
border-top: 1px solid #808080;
color: #000; }
html section#content #confirm-orders-page #event-header-second .times-first .blue,
html section#content #confirm-orders-page #event-header-second .times-second .blue,
html section#content #confirm-orders-page #event-header-second .location .blue {
font-family: "Arial";
color: #000;
font-size: 14px;
line-height: 14px;
text-transform: uppercase; }
html section#content #confirm-orders-page #event-header-second .times-first .upper,
html section#content #confirm-orders-page #event-header-second .times-second .upper,
html section#content #confirm-orders-page #event-header-second .location {
font-family: "Avenir LT W01_45 Book1475508";
color: #000;
font-size: 16px; }
@media only screen and (max-width: 748px) {
html #setup-orders-page .orderTable tbody tr td,
html #confirm-orders-page tbody tr td {
background: #fff;
border-color: #808080 !important; }
html #setup-orders-page .orderTable tbody tr td input,
html #confirm-orders-page tbody tr td input {
background: #fff !important;
color: #000 !important; }
html #ticket-guidelines {
color: #000; } }
.member-id-block, .cart-member-id-block {
display: flex;
align-items: center;
justify-content: flex-end; }
.member-id-block .member-id-label, .cart-member-id-block .member-id-label {
margin-right: 10px; }
@media only screen and (max-width: 748px) {
.member-id-block .member-id-label, .cart-member-id-block .member-id-label {
margin-bottom: 10px;
margin-right: 0; } }
.member-id-block .member-id-field, .cart-member-id-block .member-id-field {
width: 48%; }
.member-id-block .member-id-field input, .cart-member-id-block .member-id-field input {
width: 100%;
height: 35px;
box-sizing: border-box; }
@media only screen and (max-width: 748px) {
.member-id-block .member-id-field, .cart-member-id-block .member-id-field {
width: 100%; } }
@media only screen and (max-width: 748px) {
.member-id-block, .cart-member-id-block {
align-items: flex-start;
flex-direction: column; } }
.cart-member-id-block {
max-width: 730px; }
@media (min-width: 1024px) {
html section#content .confirm-order-payment-link .formActions {
width: calc(100% - 420px); } }
@media only screen and (max-width: 748px) {
html section#content .confirm-order-payment-link .formActions {
flex-direction: column;
gap: 20px;
align-items: center; } }
html section#content .confirm-order-payment-link .formActions .tf-btn-default, html section#content .confirm-order-payment-link .formActions .tf-btn-primary {
width: 340px;
height: 40px;
box-sizing: border-box; }
@media only screen and (max-width: 748px) {
html section#content .confirm-order-payment-link .formActions .tf-btn-default, html section#content .confirm-order-payment-link .formActions .tf-btn-primary {
max-width: 100%; } }
html section#content .confirm-order-payment-link #order-accept-invitation-page h2 {
float: none !important;
margin: 20px 0 0;
text-align: left;
padding-bottom: 8px;
font-size: 24px;
padding-left: 0;
margin-bottom: 0;
border-bottom: solid 1px #D61C39; }
@media only screen and (max-width: 748px) {
html section#content .confirm-order-payment-link #order-accept-invitation-page h2 {
padding: 0 0 10px;
width: auto;
font-size: 22px;
margin-right: 0;
margin-left: 0;
margin-top: 20px; } }
@media (min-width: 1024px) {
html section#content .confirm-order-payment-link #order-accept-invitation-page h2 {
float: left;
width: calc(100% - 420px); } }
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary {
display: flex;
clear: both;
margin-top: 10px;
flex-direction: column;
padding: 10px 0; }
@media (min-width: 1024px) {
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary {
width: calc(100% - 420px); } }
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .summary-header {
display: flex;
justify-content: space-between;
padding: 15px 20px;
background: transparent;
margin-bottom: 20px; }
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .summary-header .header-item {
font-size: 20px;
font-weight: bold;
color: #000; }
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .order-items .order-item {
display: flex;
justify-content: space-between;
padding: 8px 20px;
color: #000; }
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .order-items .order-item .ticket-type {
color: #000; }
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .order-items .subtotal {
display: flex;
justify-content: flex-end;
padding: 8px 15px;
color: #000;
font-size: 18px;
font-weight: bold;
gap: 10px;
margin-top: 20px; }
html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row {
margin-bottom: 5px;
display: flex;
justify-content: space-between;
padding: 5px 0; }
@media only screen and (max-width: 748px) {
html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row {
flex-direction: column; } }
html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-label {
font-size: 18px;
flex: 1; }
html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-value {
font-size: 18px;
flex: 2;
text-align: right; }
@media only screen and (max-width: 748px) {
html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-value {
text-align: left; } }
html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-value.bold {
font-weight: 600; }
html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row.total {
border-bottom: solid 1px #D61C39;
padding-bottom: 15px;
margin-top: 20px; }
html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row.service-fee {
border-bottom: solid 1px #D61C39;
padding-bottom: 15px; }
html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-separator {
height: 1px;
background: #D61C39;
margin: 20px 0; }
@media (max-width: 768px) {
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container {
padding: 15px; }
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container .order-detail-row {
flex-direction: column; }
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container .order-detail-row .detail-value {
text-align: left;
margin-top: 5px; }
html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container .mobile-block {
width: 100%;
margin-bottom: 10px;
text-align: center; } }
html section#content .confirm-order-payment-link .form_guideline_wrapper {
padding: 0;
margin-top: 0;
background: #666;
gap: 10px; }
@media only screen and (max-width: 748px) {
html section#content .confirm-order-payment-link .form_guideline_wrapper {
display: none; } }
@media (min-width: 749px) {
html section#content .confirm-order-payment-link .form_guideline_wrapper.bottom {
display: none; } }
@media only screen and (max-width: 748px) {
html section#content .confirm-order-payment-link .form_guideline_wrapper.bottom {
display: block; } }
html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions {
width: 100%;
padding-top: 20px;
margin-top: 0;
display: flex;
gap: 10px; }
html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions .tf-btn {
width: 100%;
margin: 0;
font-size: 14px; }
html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions .tf-btn.tf-btn-primary {
padding-top: 11px; }
@media only screen and (max-width: 748px) {
html section#content .confirm-order-payment-link .form_guideline_wrapper {
padding: 0 10px; } }
body.layout-ets-v2 #order-accept-invitation-page .formActions .tf-btn-primary {
line-height: 28px !important; }
html #total-cost-section {
display: flex;
flex-direction: column;
gap: 20px; }
html #total-cost-section #total-cost-tr {
font-size: 16px;
display: flex;
align-items: center;
color: #6C6C6C;
width: 100%;
justify-content: space-between;
gap: 10px;
border-bottom: 1px solid #808080;
padding: 5px; }
html #total-cost-section #total-cost-tr .total {
font-size: 18px; }
html #total-cost-section #total-cost-tr .total-cost-label {
color: #3C3C3C;
font-size: 18px; }
@media only screen and (max-width: 748px) {
html #total-cost-section #total-cost-tr .total-cost-label {
text-align: left; } }
html #total-cost-section .reference-number {
font-size: 16px;
border-bottom: 1px solid #808080;
padding: 10px; }
html #total-cost-section #tax-breakdown-section {
display: flex;
justify-content: flex-end;
gap: 10px; }
html #total-cost-section #tax-breakdown-section .tax-header {
display: flex;
flex-direction: column;
gap: 10px; }
html #total-cost-section #tax-breakdown-section .tax-row {
display: flex;
flex-direction: column;
gap: 10px; }
html #total-cost-section #tax-breakdown-section .tax-row span {
text-align: end; }
html #signup-or-signin-page-wrap {
padding-left: 11px;
padding-right: 11px; }
html #signup-or-signin-page-wrap .banner-message {
border-color: #808080;
color: #000;
font-weight: normal; }
html #signup-or-signin-page-wrap button {
width: 250px; }
@media only screen and (max-width: 748px) {
html #signup-or-signin-page-wrap form > .pull-right {
width: 100%; }
html #signup-or-signin-page-wrap form > .pull-right button {
width: 100%;
height: 40px;
margin: 15px 0 40px 0;
margin-bottom: 35px; } }
html #signup-or-signin-page-wrap #registration-tab {
margin-bottom: 15px; }
html form#register-form h2 {
margin-top: 14px;
margin-bottom: 1px; }
@media (min-width: 749px) {
html form#register-form .country-code-field-container {
width: 188px;
float: left; }
html form#register-form .tel-field-container {
width: 272px;
float: right; }
html form#register-form.shorter-fields .phone-number-fields.below-phone-number .country-code-field-container {
width: 188px !important; }
html form#register-form.shorter-fields .phone-number-fields.below-phone-number .tel-field-container {
width: 162px !important; } }
html form#register-form #phone-remarks {
font-size: 13px;
margin-top: 5px;
padding-bottom: 3px;
color: #999; }
@media (min-width: 749px) {
html div.center-tight form#register-form .phone-number-fields.below-phone-number .tel-field-container {
width: 50% !important; } }
html .checkbox {
display: block;
position: relative;
padding-left: 0px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */ }
html .checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
html .checkbox .checkbox-img {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 14px;
background-color: transparent;
border: solid 1px #000;
border-radius: 3px;
background: none !important; }
html .checkbox:hover input ~ .checkbox-img {
background-color: rgba(255, 255, 255, 0.1); }
html .checkbox input:checked ~ .checkbox-img {
background-color: rgba(255, 255, 255, 0.1); }
html .checkbox .checkbox-img:after {
content: "";
position: absolute;
display: none; }
html .checkbox input:checked ~ .checkbox-img:after {
display: block; }
html .checkbox .checkbox-img:after {
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid #000;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
html select#id_phone1_number_idd,
html select#id_phone_number_idd,
html select#id_country,
html select#id_city,
html select#id_phone2_number_idd,
html select#id_identify_either,
html select#id_preferred_country {
position: relative;
top: 1px;
background: #fff;
color: #fff;
min-height: 40px;
padding: 5px 18px 5px 8px;
font-size: 11px;
letter-spacing: -.03em; }
html .preferred-country-container .controls {
border-left: solid 1px transparent !important;
width: 299px !important;
position: relative; }
html .preferred-country-container .controls select#id_preferred_country {
top: 0; }
html .preferred-country-container .controls:before {
color: #fff;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\F0DD";
position: absolute;
right: 6px;
top: 14px;
z-index: 1; }
@supports (-ms-accelerator: true) {
html .preferred-country-container .controls:before {
content: "\F0DD"; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html .preferred-country-container .controls:before {
content: ""; } }
html .country-code-city-field-container {
position: relative; }
html .country-code-city-field-container:before {
color: #fff;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\F0DD";
position: absolute;
right: 6px;
top: 14px;
z-index: 1; }
@supports (-ms-accelerator: true) {
html .country-code-city-field-container:before {
content: "\F0DD"; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html .country-code-city-field-container:before {
content: ""; } }
html #payment-details-wrap .country-field-container .controls {
position: relative;
border-left: solid 1px transparent;
width: 80%; }
html #payment-details-wrap .country-field-container .controls:before {
color: #fff;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\F0DD";
position: absolute;
right: 6px;
top: 14px;
z-index: 1; }
@supports (-ms-accelerator: true) {
html #payment-details-wrap .country-field-container .controls:before {
content: "\F0DD"; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html #payment-details-wrap .country-field-container .controls:before {
content: ""; } }
html #payment-details-wrap .country-field-container .controls:before {
top: 10px; }
html #payment-details-wrap .country-field-container .controls select {
position: relative;
top: 0; }
html #my-account-page .controls:before {
top: 10px; }
html #my-account-page select#id_phone_number_idd {
position: relative;
top: -0.5px; }
html .phone-number-fields .area-code-field-container > div {
padding: 0 5px; }
html .phone-number-fields .country-code-field-container .controlGroup .controls {
position: relative; }
html .phone-number-fields .country-code-field-container .controlGroup .controls:before {
color: #fff;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\F0DD";
position: absolute;
right: 6px;
top: 14px;
z-index: 1; }
@supports (-ms-accelerator: true) {
html .phone-number-fields .country-code-field-container .controlGroup .controls:before {
content: "\F0DD"; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html .phone-number-fields .country-code-field-container .controlGroup .controls:before {
content: ""; } }
@media only screen and (max-width: 748px) {
html .phone-number-fields .tel-field-container {
margin-top: 1px; } }
html .phone-number-fields div.controlGroup .controls input {
border: solid 1px #808080 !important;
padding-left: 8px;
padding-right: 0px;
font-size: 15px; }
/* Need some clean up below */
@media (min-width: 749px) {
html form#register-form .country-code-field-container {
width: 48% !important; } }
@media (min-width: 749px) {
html form#register-form .tel-field-container {
width: 50% !important; } }
html form#register-form #id_phone1_number_idd, #id_phone1_number, #id_city {
line-height: 30px !important;
padding: 5px 0 5px 20px !important;
margin: 3px 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box !important;
width: 100%;
border: solid 1px #D8D8D8;
color: #616161;
top: 0 !important; }
html form#register-form #id_phone1_number_idd, #id_phone1_number {
font-size: 1.4em !important; }
html form#register-form #id_city {
font-size: 1.2em !important;
background: white; }
html form#register-form .country-code-city-field-container:before {
color: #616161; }
html .main-content #auth-app p.register-mobile-warning {
color: #000;
font-weight: bold;
text-align: center;
padding-left: 15%;
padding-right: 15%; }
@media only screen and (max-width: 748px) {
html .main-content #auth-app p.register-mobile-warning {
padding-left: 5%;
padding-right: 5%; } }
html .main-content #auth-app p.register-mobile-warning .no-padding {
padding-left: 0;
padding-right: 0; }
@media only screen and (max-width: 748px) {
html .main-content #auth-app p.register-mobile-warning .no-padding {
padding-left: 0;
padding-right: 0; } }
html .main-content #auth-app #mini-auth-set-phone-form .field-phone1_number > div::after {
content: '';
border-top-color: transparent !important; }
html .main-content #auth-app #mini-auth-set-phone-form .field-phone1_number > div > input {
padding-top: 2px !important; }
@media only screen and (max-width: 748px) {
html #thanks-page {
padding-left: 11px;
padding-right: 11px; }
html #thanks-page .button__group .tf-btn {
width: 100%;
margin-right: 0;
padding-left: 0;
padding-right: 0; } }
html #thanks-page .share__title {
border-top: 1px solid #808080;
border-bottom: 1px solid #808080; }
@media only screen and (max-width: 748px) {
html #thanks-page #downloading-message div.button__group .tf-btn-primary {
margin-top: 25px;
width: 100%; } }
html p.title:hover > i.fa {
color: rgba(0, 0, 0, 0.4); }
html .ticket .ticket-name strong {
color: rgba(0, 0, 0, 0.4); }
@media only screen and (max-width: 748px) {
html #my-account-page {
padding-left: 10px;
padding-right: 10px; }
html #my-account-page .actions > .tf-btn-primary {
width: 100%;
margin-left: 0;
margin-right: 0; }
html #my-account-page .actions > #closeAccountBtn {
margin-top: 15px;
width: 100%;
margin-left: 0;
margin-right: 0; } }
html #my-account-page #closeAccountBtn {
border-width: 1px; }
@media (min-width: 749px) {
html #my-account-page #preferences .country-code-field-container.mobile-full-width {
float: left;
width: 205px; } }
@media (min-width: 749px) {
html #my-account-page #preferences .tel-field-container.mobile-full-width {
float: right;
width: 260px; } }
html #my-account-page #preferences .formHorizontal .controlGroup .controls p.helpBlock {
float: none;
left: 0;
margin: 7px 0 0 0;
text-align: center;
padding: 0 0 0 6px;
font-size: 11px;
font-style: italic;
text-align: left;
white-space: nowrap; }
html #my-account-page #preferences .formHorizontal .cookie_input #delete_data_request_link {
color: #0F0F0F; }
html #my-account-page #preferences .formHorizontal .cookie_input p {
hyphens: none; }
@media (min-width: 749px) {
html #my-account-page #preferences .formHorizontal .cookie_input {
width: 470px;
margin: 0 auto; } }
html #my-account-page #preferences .formHorizontal .cookie_input #id_cookie_preference {
margin-left: 10px;
margin-top: 8px; }
html #my-account-page #preferences .formHorizontal .cookie_input #id_cookie_preference input {
margin-right: 16px;
margin-top: 2px;
float: left; }
html #my-account-page #preferences .formHorizontal .cookie_input #id_cookie_preference li {
height: 32px;
display: block;
width: 100%; }
html #my-account-page #preferences .formHorizontal .cookie_input > .controlGroup.clearfix {
margin-left: 15px; }
html #my-account-page #preferences .formHorizontal .cookie_input > .controlGroup.clearfix .controlLabel {
font-weight: bold; }
@media only screen and (max-width: 748px) {
html #my-account-page #preferences .formHorizontal .controlGroup .controlLabel {
width: 100%;
margin-bottom: 1px; }
html body .preferred-country-container .controls {
width: 100% !important;
left: -1px; }
html #my-account-page #password .alert.alert-info {
padding: 3%;
width: 94%; } }
@media only screen and (max-width: 748px) {
html .login-container {
padding: 0 10px;
width: auto !important; } }
html #password-reset-page,
html #password-reset-done-page,
html #password-reset-confirm-page,
html #password-reset-complete-page {
padding: 0 10px; }
@media only screen and (max-width: 748px) {
html #password-reset-page .tf-btn-primary,
html #password-reset-done-page .tf-btn-primary,
html #password-reset-confirm-page .tf-btn-primary,
html #password-reset-complete-page .tf-btn-primary {
width: 100%;
margin: 15px 0 0 0;
padding-left: 0;
padding-right: 0; } }
html #password-reset-page h2,
html #password-reset-done-page h2,
html #password-reset-confirm-page h2,
html #password-reset-complete-page h2 {
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px;
margin-top: 12px;
margin-bottom: 10px; }
html #password-reset-page #password-reset-done-wrap div.infoItem p,
html #password-reset-done-page #password-reset-done-wrap div.infoItem p,
html #password-reset-confirm-page #password-reset-done-wrap div.infoItem p,
html #password-reset-complete-page #password-reset-done-wrap div.infoItem p {
font-family: "Avenir LT W01_45 Book1475508";
color: #000;
font-size: 16px; }
html body #password-reset-confirm-page div.banner-message {
border-color: #808080; }
html #password-reset .formActions input {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px;
margin-right: 0; }
@media (min-width: 749px) {
html #password-reset .formActions input {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
html #password-reset .formActions input {
padding-left: 20px;
padding-right: 20px; } }
html #password-reset .formActions input:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
html #my-account-page #close-account-form div.actions {
width: 450px; }
@media only screen and (max-width: 748px) {
html #my-account-page #close-account-form div.actions {
width: auto; } }
html #terms-n-condition-field a {
text-decoration: underline; }
html #close_ac .letUsKnow ul {
display: inline-block; }
html #close_ac .letUsKnow ul li {
width: 99%; }
html #close_ac .letUsKnow ul li label input {
width: 24px; }
html #close_ac .letUsKnow .helpInline {
color: #ec3a36;
padding-top: 5px; }
#my-account-page .controlGroup input, #my-account-page .controlGroup select, #my-account-page .controlGroup textarea, #my-account-page .controlGroup button, #my-account-page .controlGroup a, #my-account-page .controlGroup label, #my-account-page .controlGroup div, #my-account-page .controlGroup p, #my-account-page .controlGroup span {
font-family: inherit !important; }
html .blockUI.delete-data-request-confirmation {
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #e3e3e3;
border: none !important;
cursor: default !important;
text-align: left !important;
width: auto !important;
left: 0px !important; }
@media (min-width: 749px) {
html .blockUI.delete-data-request-confirmation {
width: 30% !important;
left: 35% !important; } }
html .blockUI.delete-data-request-confirmation h1 {
border-bottom: 1px solid lightgray;
font-size: 25px;
font-weight: bold;
line-height: 25px;
padding-bottom: 15px;
text-align: left;
text-transform: uppercase; }
html .blockUI.delete-data-request-confirmation p {
text-align: left;
padding-top: 25px; }
html .single-event:first-child,
html .ticket-invitation-alert {
border-top: #808080 solid 3.5px; }
html .single-event {
border-bottom: #808080 solid 3.5px; }
html .infoItem.ticket {
border-top: 1px solid #808080; }
html .infoItem.ticket .ticket-content .my-ticket-qr-code {
min-width: 200px;
width: 20%;
display: inline-block;
margin-right: 8px;
display: flex;
flex-direction: column;
align-items: center; }
html .infoItem.ticket .ticket-content .my-ticket-qr-code [data-tkid] {
height: 200px;
width: 200px; }
html .infoItem.ticket .ticket-content .my-ticket-qr-code [data-tkid] img {
width: 200px; }
@media only screen and (max-width: 748px) {
html .infoItem.ticket .ticket-content .my-ticket-qr-code [data-tkid] {
display: inline-block;
float: unset; } }
html .infoItem.ticket .ticket-content .my-ticket-qr-code .qr-code-custom-message {
width: 100%;
padding: 12px 8px;
font-weight: 600;
border-radius: 1px;
text-align: center;
font-size: 14px; }
@media only screen and (max-width: 748px) {
html .infoItem.ticket .ticket-content .my-ticket-qr-code {
width: 100%;
text-align: center; } }
@media (min-width: 1024px) {
html .infoItem.ticket .ticket-content:has(.my-ticket-qr-code) .ticket-name.ticket-metas {
width: calc(100% - 440px) !important; } }
html #tickets-page-wrap .profile-breadcrumbs {
display: none; }
html #tickets-page-wrap h4 {
color: #000;
font-family: "Arial";
color: #000;
font-size: 20px;
line-height: 20px; }
html #tickets-page-wrap .infoItem .upper {
font-family: "Avenir LT W01_45 Book1475508";
color: #000; }
html #tickets-page-wrap .infoItem .upper.blue, html #tickets-page-wrap .infoItem .upper .blue {
color: #000; }
html #tickets-page-wrap .location .blue {
color: #000; }
@media only screen and (max-width: 748px) {
html #tickets-page-wrap .download-ticket > div.left {
width: 100%; } }
html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul {
align-items: center;
display: flex;
flex-direction: row;
gap: 2em;
justify-content: center; }
html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li {
display: flex;
flex-direction: row;
justify-content: flex-end;
width: 100%; }
html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li:nth-of-type(2) {
justify-content: flex-start; }
html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li label {
align-items: center;
display: flex !important;
flex-direction: row; }
html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li label input {
margin-right: 2em;
width: 0 !important; }
html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_to_phone_number, html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_confirm_to_phone_number {
display: none; }
html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_to_phone_number .controls, html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_confirm_to_phone_number .controls {
display: flex;
flex-direction: row; }
html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_to_phone_number select, html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_confirm_to_phone_number select {
border-bottom: solid 1px #808080;
margin-right: 2em;
height: 38px; }
html .help-block {
color: #666; }
html #tickets-page-wrap .infoItem.ticket span {
color: #000; }
html #my-tickets-page .ticket-metas {
display: flex;
flex-wrap: wrap;
align-content: stretch; }
html #my-tickets-page .ticket-metas > div {
margin-bottom: 10px;
display: table;
max-height: unset; }
html #my-tickets-page .past-ticket-dot {
margin-bottom: 3px; }
html #my-tickets-page > .breathe {
display: block;
margin-top: 12px; }
html #my-tickets-page div.ticket div.ticket-content .infoItem.location:nth-child(2) {
margin-left: 0px; }
@media only screen and (max-width: 748px) {
html #my-tickets-page ul.nav.navTabs {
display: inline-block;
position: relative; }
html #my-tickets-page ul.nav.navTabs li > a {
float: none;
width: auto; } }
@media only screen and (max-width: 748px) {
html #my-tickets-page #my-tickets-inner {
padding-top: 10px; } }
html #my-tickets-page .single-event.passed-event .infoItem.ticket {
border-top: none; }
html #my-tickets-page .single-event.passed-event .infoItem.ticket .ticket-content::before {
content: '\25B8'; }
html #my-tickets-page .ticket-invitation-alert {
padding: 10px; }
@media only screen and (max-width: 748px) {
#order-accept-invitation-page {
padding: 0 7px; } }
#order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2) {
position: relative; }
#order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2):before {
color: #fff;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\F0DD";
position: absolute;
right: 6px;
top: 14px;
z-index: 1; }
@supports (-ms-accelerator: true) {
#order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2):before {
content: "\F0DD"; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2):before {
content: ""; } }
#order-accept-invitation-page .accept-invitation-note {
margin-bottom: 10px;
font-size: 16.8px; }
#accept-invitation-home-banners {
margin-bottom: 20px; }
@media (min-width: 749px) {
#accept-invitation-home-banners .desktop-banner {
display: block; }
#accept-invitation-home-banners .mobile-banner {
display: none; } }
@media only screen and (max-width: 748px) {
#accept-invitation-home-banners .desktop-banner {
display: none; }
#accept-invitation-home-banners .mobile-banner {
display: block; } }
#accept-invitation-home-banners .banner-slide a img {
margin-bottom: 5px; }
:root {
--animate-duration: 750ms;
--animate-delay: 0s; }
textarea, select, input, button {
outline: none; }
html p {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto; }
html body {
background: #666; }
html body a {
color: rgba(0, 0, 0, 0.4); }
html body a:hover {
color: rgba(0, 0, 0, 0.4); }
html body p, html body div {
color: #666; }
html div.line-separator {
color: #808080;
background-color: #808080; }
html .tf-title.overline {
border-top: #808080 solid 1px; }
html .content-block {
border-top: 1px solid #808080; }
html .content-block .subtitle, html .content-block li {
color: #000; }
html .cvv-img {
background: #0F0F0F; }
html .property-style-cod #content input,
html .property-style-cod #id_full_code {
min-height: 38px; }
html .property-style-sc #content input,
html .property-style-sc #id_full_code {
min-height: 40px; }
html .property-style-cod #content input[type="radio"],
html .property-style-sc #content input[type="radio"] {
min-height: auto; }
@media (min-width: 749px) {
body.layout-ets-v2 section#content.with-timer {
padding-top: 50px; } }
@media only screen and (max-width: 748px) {
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns .type {
width: 65%;
float: left; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail {
clear: both;
border-bottom: 1px solid #808080;
background: #fff; }
html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns > .quantity-price {
border-top: none; } }
@media only screen and (max-width: 748px) {
.mobile-padding-20 {
padding: 20px !important; } }
.mouse-inactive {
pointer-events: none; }
.mouse-no-pointing {
cursor: default; }
#event-header-first {
background: transparent; }
#event-header-second {
background: #fff; }
button.tf-btn-primary, a.tf-btn-primary, input.tf-btn-primary {
color: #fff !important;
background: #999 !important;
border: solid 1px #999;
font-family: "Big Caslon, Medium";
font-weight: bold;
font-size: 15px;
letter-spacing: -0.05em;
border-radius: 0;
padding-top: 10px;
padding-bottom: 8px; }
@media (min-width: 749px) {
button.tf-btn-primary, a.tf-btn-primary, input.tf-btn-primary {
padding-left: 35px;
padding-right: 35px; } }
@media (max-width: 748px) {
button.tf-btn-primary, a.tf-btn-primary, input.tf-btn-primary {
padding-left: 20px;
padding-right: 20px; } }
button.tf-btn-primary:hover, a.tf-btn-primary:hover, input.tf-btn-primary:hover {
color: #fff !important;
background: #0F0F0F !important;
text-decoration: none;
border: solid 1px #000; }
@supports (display: -ms-grid) {
html body.language-style-zh-hant button.tf-btn-primary, html body.language-style-zh-hant a.tf-btn-primary, html body.language-style-zh-hant input.tf-btn-primary,
html body.language-style-zh-hans button.tf-btn-primary,
html body.language-style-zh-hans a.tf-btn-primary,
html body.language-style-zh-hans input.tf-btn-primary {
padding-top: 9px;
padding-bottom: 11px; } }
html .infoItem a.tf-btn.tf-btn-default:hover {
text-decoration: underline; }
@media only screen and (max-width: 748px) {
html .nav.navTabs {
margin-bottom: 22px; } }
html .nav.navTabs li a, html .nav.navTabs li h2, html .nav.navTabs li h2.tf-title {
color: #000; }
html .nav.navTabs li.active a, html .nav.navTabs li.active h2, html .nav.navTabs li.active h2.tf-title {
color: rgba(0, 0, 0, 0.4); }
@media only screen and (max-width: 748px) {
html .nav.navTabs li a {
background: rgba(0, 0, 0, 0.07);
margin-bottom: 2px; } }
html .nav.navTabs .active a {
background: #fff; }
html .popover-inner .popover-content p {
color: #fff; }
@media only screen and (max-width: 748px) {
html section#content #setup-order-wrap.gray-container {
border: none;
padding: 0 11px; }
html #event-detail,
html #payment-details-page,
html #tickets-page-wrap {
padding-left: 11px;
padding-right: 11px; } }
#list-event-subscriber h2 {
color: #000; }
#list-event-subscriber h2 i {
color: #000; }
html .cm-right-0 button {
margin-right: 0; }
@media only screen and (max-width: 748px) {
html .mobile-invisible {
display: none; } }
html .mobile-only {
display: none; }
@media only screen and (max-width: 748px) {
html .mobile-only {
display: block; } }
@media only screen and (max-width: 748px) {
html .mobile-full-width {
width: 100% !important; } }
html .blocking-err {
color: #e73440; }
html .event-banner.banner-sold-out {
background: transparent; }
html div.breathe {
margin-top: 12px; }
html body.language-style-es .languageWrap #locale_switcher > span {
height: 16px;
background-position: left -107px !important; }
.ticket-category-list .ticket-category-item {
flex-wrap: wrap; }
.ticket-category-list .ticket-category-item .ticket-category-price-expand {
display: flex;
flex-basis: 100%;
justify-content: flex-end;
flex-direction: column; }
#auth-app,
#ets-vue-frontend-modal {
/* Chrome, Safari, Edge, Opera */
/* Firefox */ }
#auth-app .subtitle,
#ets-vue-frontend-modal .subtitle {
text-align: center;
color: #212529; }
#auth-app .subtitle-side,
#ets-vue-frontend-modal .subtitle-side {
text-align: left;
color: #212529; }
#auth-app .subtitle-addon-side,
#ets-vue-frontend-modal .subtitle-addon-side {
text-align: left;
font-size: 13px;
color: #212529; }
#auth-app .statement,
#ets-vue-frontend-modal .statement {
color: #606060;
line-height: 17px;
font-size: 13px;
letter-spacing: -0.4px;
text-align: center;
padding-top: 22px;
padding-bottom: 22px; }
#auth-app .statement.statement-narrow,
#ets-vue-frontend-modal .statement.statement-narrow {
padding-left: 15%;
padding-right: 15%; }
.long-mode-ets-vue-frontend #auth-app .statement, .long-mode-ets-vue-frontend
#ets-vue-frontend-modal .statement {
padding-top: 15px;
padding-bottom: 15px; }
@media only screen and (min-width: 1200px) and (min-height: 675px) {
.long-mode-ets-vue-frontend #auth-app .statement, .long-mode-ets-vue-frontend
#ets-vue-frontend-modal .statement {
padding-top: 22px;
padding-bottom: 22px; } }
@media only screen and (max-width: 748px) {
.long-mode-ets-vue-frontend #auth-app .statement, .long-mode-ets-vue-frontend
#ets-vue-frontend-modal .statement {
padding-top: 22px;
padding-bottom: 22px; } }
#auth-app .common-list-item,
#ets-vue-frontend-modal .common-list-item {
border-bottom: solid 1px #999;
color: #999;
padding: 7px 0px;
text-indent: 5px;
cursor: pointer; }
#auth-app .common-list-item:nth-child(1),
#ets-vue-frontend-modal .common-list-item:nth-child(1) {
border-top: solid 1px #999; }
#auth-app .common-list-item .show-selected,
#ets-vue-frontend-modal .common-list-item .show-selected {
display: none; }
#auth-app .common-list-item .show-unselected,
#ets-vue-frontend-modal .common-list-item .show-unselected {
display: block; }
#auth-app .common-list-item.selected .show-selected,
#ets-vue-frontend-modal .common-list-item.selected .show-selected {
display: block; }
#auth-app .common-list-item.selected .show-unselected,
#ets-vue-frontend-modal .common-list-item.selected .show-unselected {
display: none; }
#auth-app .common-list-item .show-inline-selected,
#ets-vue-frontend-modal .common-list-item .show-inline-selected {
display: none; }
#auth-app .common-list-item .show-inline-unselected,
#ets-vue-frontend-modal .common-list-item .show-inline-unselected {
display: inline-block; }
#auth-app .common-list-item.selected .show-inline-selected,
#ets-vue-frontend-modal .common-list-item.selected .show-inline-selected {
display: inline-block; }
#auth-app .common-list-item.selected .show-inline-unselected,
#ets-vue-frontend-modal .common-list-item.selected .show-inline-unselected {
display: none; }
#auth-app .common-list-item i,
#ets-vue-frontend-modal .common-list-item i {
font-size: 12px;
margin-right: 12px; }
#auth-app .common-list-item i.fa-circle,
#ets-vue-frontend-modal .common-list-item i.fa-circle {
color: #0F0F0F; }
#auth-app .common-list-item:hover,
#ets-vue-frontend-modal .common-list-item:hover {
color: #0F0F0F; }
#auth-app .common-list-item.selected,
#ets-vue-frontend-modal .common-list-item.selected {
color: #0F0F0F; }
#auth-app .common-errors-list,
#ets-vue-frontend-modal .common-errors-list {
margin-top: 15px; }
#auth-app .common-errors-list li,
#ets-vue-frontend-modal .common-errors-list li {
list-style-type: none;
color: #dc3545; }
#auth-app input.rounded,
#ets-vue-frontend-modal input.rounded {
color: #212529;
border: 1px solid #212529;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
-webkit-appearance: none; }
#auth-app .spinner-container,
#ets-vue-frontend-modal .spinner-container {
text-align: center; }
#auth-app .spinner-container i.fa-spinner,
#ets-vue-frontend-modal .spinner-container i.fa-spinner {
color: #212529; }
#auth-app input::-webkit-outer-spin-button,
#auth-app input::-webkit-inner-spin-button,
#ets-vue-frontend-modal input::-webkit-outer-spin-button,
#ets-vue-frontend-modal input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
#auth-app input[type=number],
#ets-vue-frontend-modal input[type=number] {
-moz-appearance: textfield; }
@media only screen and (max-width: 748px) {
#auth-app input,
#ets-vue-frontend-modal input {
background: transparent; } }
#auth-app .button-container,
#ets-vue-frontend-modal .button-container {
text-align: center;
margin-top: 55px;
margin-bottom: 0px; }
@media only screen and (max-width: 748px) {
#auth-app .button-container,
#ets-vue-frontend-modal .button-container {
margin-top: 35px; } }
.long-mode-ets-vue-frontend #auth-app .button-container, .long-mode-ets-vue-frontend
#ets-vue-frontend-modal .button-container {
margin-top: 15px; }
@media only screen and (max-width: 748px) {
.long-mode-ets-vue-frontend #auth-app .button-container, .long-mode-ets-vue-frontend
#ets-vue-frontend-modal .button-container {
margin-top: 35px; } }
#auth-app .button-container > .statement.button-statement,
#ets-vue-frontend-modal .button-container > .statement.button-statement {
padding-top: 0; }
#auth-app .button-container.with-bottom-spacing,
#ets-vue-frontend-modal .button-container.with-bottom-spacing {
padding-bottom: 0px;
margin-bottom: 45px; }
@media only screen and (max-width: 748px) {
#auth-app .button-container.with-bottom-spacing,
#ets-vue-frontend-modal .button-container.with-bottom-spacing {
margin-bottom: 30px; } }
#auth-app .button-container.with-bottom-spacing > .statement.button-statement,
#ets-vue-frontend-modal .button-container.with-bottom-spacing > .statement.button-statement {
padding-bottom: 40px; }
@media only screen and (max-width: 748px) {
#auth-app .button-container button,
#ets-vue-frontend-modal .button-container button {
margin-top: 10px;
margin-bottom: 10px; } }
#auth-app .button-container button.button-in-row,
#ets-vue-frontend-modal .button-container button.button-in-row {
margin-left: 40px;
margin-right: 40px; }
#auth-app .evf-formset,
#ets-vue-frontend-modal .evf-formset {
border: solid 1px #999;
padding: 20px;
margin: 10px 0px;
color: #212529;
border-radius: 0px;
border: solid 1px #999; }
#auth-app .evf-formset h4,
#ets-vue-frontend-modal .evf-formset h4 {
color: #212529;
text-align: center; }
#auth-app .evf-formset .evf-formset-field input, #auth-app .evf-formset .evf-formset-field select,
#ets-vue-frontend-modal .evf-formset .evf-formset-field input,
#ets-vue-frontend-modal .evf-formset .evf-formset-field select {
width: 100%; }
#auth-app .evf-formset-field-width-50-left,
#ets-vue-frontend-modal .evf-formset-field-width-50-left {
width: 49%;
display: inline-block; }
#auth-app .evf-formset-field-width-50-left .evf-formset-field,
#ets-vue-frontend-modal .evf-formset-field-width-50-left .evf-formset-field {
margin-right: 5px; }
#auth-app .evf-formset-field-width-50-right,
#ets-vue-frontend-modal .evf-formset-field-width-50-right {
width: 50%;
display: inline-block; }
#auth-app .evf-formset-field-width-50-right .evf-formset-field,
#ets-vue-frontend-modal .evf-formset-field-width-50-right .evf-formset-field {
margin-left: 5px; }
#auth-app .evf-formset-field-width-50-right .evf-formset-field label,
#ets-vue-frontend-modal .evf-formset-field-width-50-right .evf-formset-field label {
display: none; }
#auth-app .evf-formset-field-china-city-dropdown,
#ets-vue-frontend-modal .evf-formset-field-china-city-dropdown {
width: 100%;
display: inline-block; }
#auth-app .evf-formset-field-china-city-dropdown .evf-formset-field,
#ets-vue-frontend-modal .evf-formset-field-china-city-dropdown .evf-formset-field {
margin-top: 0 !important; }
#auth-app .evf-formset-field-china-city-dropdown .evf-formset-field label,
#ets-vue-frontend-modal .evf-formset-field-china-city-dropdown .evf-formset-field label {
display: none; }
#auth-app .evf-formset-field-china-city-dropdown-hidden,
#ets-vue-frontend-modal .evf-formset-field-china-city-dropdown-hidden {
display: none; }
#auth-app .evf-formset-field-no-border .evf-formset-field,
#ets-vue-frontend-modal .evf-formset-field-no-border .evf-formset-field {
border: none; }
#auth-app .evf-formset-field,
#ets-vue-frontend-modal .evf-formset-field {
margin-top: 15px;
border: solid 1px #999;
border-radius: 5px; }
#auth-app .evf-formset-field.is-error,
#ets-vue-frontend-modal .evf-formset-field.is-error {
border-color: #dc3545; }
#auth-app .evf-formset-field.is-no-label input, #auth-app .evf-formset-field.is-no-label select,
#ets-vue-frontend-modal .evf-formset-field.is-no-label input,
#ets-vue-frontend-modal .evf-formset-field.is-no-label select {
margin-top: 13px; }
#auth-app .evf-formset-field.is-checkbox,
#ets-vue-frontend-modal .evf-formset-field.is-checkbox {
padding-top: 15px; }
#auth-app .evf-formset-field.is-checkbox input,
#ets-vue-frontend-modal .evf-formset-field.is-checkbox input {
display: inline;
width: auto;
margin-right: 5px; }
#auth-app .evf-formset-field.is-checkbox label,
#ets-vue-frontend-modal .evf-formset-field.is-checkbox label {
display: inline;
background: transparent; }
#auth-app .evf-formset-field.is-checkbox label a,
#ets-vue-frontend-modal .evf-formset-field.is-checkbox label a {
color: #0F0F0F;
text-decoration: underline; }
#auth-app .evf-formset-field .evf-formset-field-tippy,
#ets-vue-frontend-modal .evf-formset-field .evf-formset-field-tippy {
display: inline-block; }
#auth-app .evf-formset-field .evf-formset-field-error,
#ets-vue-frontend-modal .evf-formset-field .evf-formset-field-error {
color: #dc3545;
padding: 0px 10px 7px 10px; }
#auth-app .evf-formset-field label,
#ets-vue-frontend-modal .evf-formset-field label {
color: #999;
background: #fff;
padding: 0 5px;
position: relative;
top: -10px;
left: 2px;
font-size: 12px; }
#auth-app .evf-formset-field .tooltip-span,
#ets-vue-frontend-modal .evf-formset-field .tooltip-span {
color: #ccc;
background: #fff;
padding: 0 5px 0 5px;
position: relative;
top: -10px;
cursor: pointer; }
#auth-app .evf-formset-field .tooltip-span:hover,
#ets-vue-frontend-modal .evf-formset-field .tooltip-span:hover {
color: #606060; }
#auth-app .evf-formset-field input, #auth-app .evf-formset-field select,
#ets-vue-frontend-modal .evf-formset-field input,
#ets-vue-frontend-modal .evf-formset-field select {
position: relative;
border: none;
background: transparent;
background-color: transparent;
top: -7px;
left: 6px;
width: 95%;
margin-top: 0; }
@media only screen and (max-width: 748px) {
#auth-app .evf-formset-field input, #auth-app .evf-formset-field select,
#ets-vue-frontend-modal .evf-formset-field input,
#ets-vue-frontend-modal .evf-formset-field select {
background: transparent !important; } }
#auth-app .field-description,
#ets-vue-frontend-modal .field-description {
color: #999;
padding-top: 5px; }
#auth-app .evf-form-error-list .evf-form-error,
#ets-vue-frontend-modal .evf-form-error-list .evf-form-error {
color: red; }
#auth-app .evf-btn-primary,
#ets-vue-frontend-modal .evf-btn-primary {
border: solid 1px #0F0F0F;
padding: 5px 16px;
font-size: 15px;
border-radius: 4px;
color: #0F0F0F;
background: transparent;
min-width: 120px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
-o-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
#auth-app .evf-btn-primary:disabled,
#ets-vue-frontend-modal .evf-btn-primary:disabled {
border: solid 1px #999 !important;
color: #999 !important;
background: transparent !important;
cursor: not-allowed; }
#auth-app .evf-btn-primary:disabled i,
#ets-vue-frontend-modal .evf-btn-primary:disabled i {
color: #999; }
#auth-app .evf-btn-primary:hover,
#ets-vue-frontend-modal .evf-btn-primary:hover {
color: #fff;
background: #0F0F0F; }
#auth-app .evf-text-link,
#ets-vue-frontend-modal .evf-text-link {
color: #0F0F0F;
cursor: pointer; }
#auth-app .evf-form-error-list,
#ets-vue-frontend-modal .evf-form-error-list {
margin-top: 20px; }
.tippy-popper div.tippy-tooltip .tippy-backdrop {
background: #0F0F0F !important;
background-color: #0F0F0F !important; }
.tippy-popper div.tippy-tooltip .tippy-content div b {
color: #ddd !important; }
#auth-app .evf-formset,
#data-collection-app .evf-formset {
width: 450px;
padding: 0;
border: none; }
@media only screen and (max-width: 748px) {
#auth-app .evf-formset,
#data-collection-app .evf-formset {
width: 100%; } }
#auth-app .evf-formset .evf-formset-field-container,
#data-collection-app .evf-formset .evf-formset-field-container {
padding-bottom: 10px; }
@media only screen and (max-width: 748px) {
#auth-app .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right input,
#data-collection-app .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right input {
padding-bottom: 0;
padding-top: 4px;
margin-bottom: 3px;
margin-top: -2px; } }
#auth-app .evf-formset .evf-formset-field-container .field-description,
#data-collection-app .evf-formset .evf-formset-field-container .field-description {
font-size: 12px;
padding-top: 5px; }
#auth-app .evf-formset .evf-formset-field,
#data-collection-app .evf-formset .evf-formset-field {
width: 100%;
background: #fff;
margin-top: 20px;
border: solid 1px #999;
border-radius: 5px;
text-shadow: none; }
#auth-app .evf-formset .evf-formset-field.is-no-label input,
#data-collection-app .evf-formset .evf-formset-field.is-no-label input {
min-height: 25px;
height: 25px;
top: -7px; }
#auth-app .evf-formset .evf-formset-field.is-checkbox,
#data-collection-app .evf-formset .evf-formset-field.is-checkbox {
background: transparent;
position: relative;
margin-bottom: 0;
border: none;
cursor: pointer; }
#auth-app .evf-formset .evf-formset-field.is-checkbox input,
#data-collection-app .evf-formset .evf-formset-field.is-checkbox input {
display: inline;
width: 30px !important;
padding-left: 0;
margin-left: 0;
top: -10px;
left: 0;
position: absolute;
cursor: pointer; }
#auth-app .evf-formset .evf-formset-field.is-checkbox label,
#data-collection-app .evf-formset .evf-formset-field.is-checkbox label {
position: relative;
display: inline-block;
line-height: initial;
height: auto;
margin-left: 9%;
width: 90%;
cursor: pointer; }
#auth-app .evf-formset .evf-formset-field.is-checkbox label > a,
#data-collection-app .evf-formset .evf-formset-field.is-checkbox label > a {
color: #000; }
#auth-app .evf-formset .evf-formset-field label,
#data-collection-app .evf-formset .evf-formset-field label {
padding: 0;
left: 0px;
background: transparent;
height: 200px;
line-height: 0;
color: #000;
position: relative;
top: -23px;
font-size: 14px;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Old versions of Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */ }
#auth-app .evf-formset .evf-formset-field .evf-formset-field-tippy,
#data-collection-app .evf-formset .evf-formset-field .evf-formset-field-tippy {
display: inline-block;
position: relative;
top: -21px;
padding-left: 7px; }
#auth-app .evf-formset .evf-formset-field select,
#data-collection-app .evf-formset .evf-formset-field select {
height: 22px;
top: -9px; }
#auth-app .evf-formset .evf-formset-field input,
#auth-app .evf-formset .evf-formset-field select,
#data-collection-app .evf-formset .evf-formset-field input,
#data-collection-app .evf-formset .evf-formset-field select {
position: relative;
width: 96% !important;
border: none;
left: 6px; }
#auth-app .evf-formset .evf-formset-field input,
#data-collection-app .evf-formset .evf-formset-field input {
min-height: 20px;
height: 20px;
top: -10px; }
#auth-app .evf-formset .evf-formset-field .evf-formset-field-error,
#data-collection-app .evf-formset .evf-formset-field .evf-formset-field-error {
color: #dc3545;
padding: 0px 10px 7px 10px; }
#auth-app .evf-formset .evf-formset-field.is-mobile-field select,
#data-collection-app .evf-formset .evf-formset-field.is-mobile-field select {
width: 58% !important; }
#auth-app .evf-formset .evf-formset-field.is-mobile-field input,
#data-collection-app .evf-formset .evf-formset-field.is-mobile-field input {
width: 38% !important; }
#auth-app .passwordless-login-fields .field-send_code_captcha .evf-formset-field div > div,
#data-collection-app .passwordless-login-fields .field-send_code_captcha .evf-formset-field div > div {
margin: auto; }
#auth-app .passwordless-login-fields .field-phone_number_send_code_button,
#data-collection-app .passwordless-login-fields .field-phone_number_send_code_button {
text-align: center; }
#auth-app .passwordless-login-fields .field-phone_number_send_code_button.opt-button-hidden,
#data-collection-app .passwordless-login-fields .field-phone_number_send_code_button.opt-button-hidden {
display: none; }
#auth-app .passwordless-login-fields .field-phone_number_send_code_button button,
#data-collection-app .passwordless-login-fields .field-phone_number_send_code_button button {
padding: 0.8em 0;
margin: 0;
box-sizing: border-box;
font-size: 16px; }
#auth-app .passwordless-login-fields .field-phone_number_send_code_button button[disabled],
#data-collection-app .passwordless-login-fields .field-phone_number_send_code_button button[disabled] {
background-color: #3D3D3D !important;
color: #FFFFFF !important;
border: #3D3D3D !important;
cursor: not-allowed; }
#auth-app .login-other-actions,
#data-collection-app .login-other-actions {
display: flex;
justify-content: space-between; }
#auth-app .login-other-actions .passwordless-login-text,
#data-collection-app .login-other-actions .passwordless-login-text {
margin-bottom: 0;
text-decoration: none;
font-size: 16px;
cursor: pointer; }
#auth-app .login-other-actions .passwordless-login-text > p,
#data-collection-app .login-other-actions .passwordless-login-text > p {
color: #000; }
#auth-app .login-other-actions .passwordless-login-text:hover,
#data-collection-app .login-other-actions .passwordless-login-text:hover {
text-decoration: underline; }
#auth-app .login-other-actions .passwordless-login-text:hover > p,
#data-collection-app .login-other-actions .passwordless-login-text:hover > p {
color: #272727; }
@media (min-width: 749px) {
.send-ticket-verification {
width: 500px;
margin: 0 auto; } }
.send-ticket-verification .choose-verify-method {
display: flex;
justify-content: center;
margin-bottom: 40px;
text-align: center; }
.send-ticket-verification .choose-verify-method span {
margin: 0 20px; }
.send-ticket-verification .choose-verify-method [type="radio"]:checked,
.send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) {
position: absolute;
left: -9999px; }
.send-ticket-verification .choose-verify-method [type="radio"]:checked + label,
.send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label {
position: relative;
padding-left: 40px;
cursor: pointer;
line-height: 24px;
display: inline-block;
color: #000000;
font-size: 16px; }
.send-ticket-verification .choose-verify-method [type="radio"]:checked + label:before,
.send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 22px;
border: 1px solid rgba(15, 15, 15, 0.6);
border-radius: 100%;
background: #FFFFFF; }
.send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:before {
border: 1px solid #3D3D3D; }
.send-ticket-verification .choose-verify-method [type="radio"]:checked + label:after,
.send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:after {
content: '';
width: 14px;
height: 14px;
background: rgba(15, 15, 15, 0.6);
position: absolute;
top: 5px;
left: 5px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; }
.send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0); }
.send-ticket-verification .choose-verify-method [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.send-ticket-verification .field-email_send_code_button .evf-formset-field, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field {
display: flex; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number .evf-formset-field.is-error .evf-formset-field-error:last-child, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number .evf-formset-field.is-error .evf-formset-field-error:last-child {
margin-top: 17px; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field {
position: relative; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field .show-password-wrap .show-password-button, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field .show-password-wrap .show-password-button {
top: 0; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-no-label .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-no-label .evf-formset-field-error {
top: 40px !important; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-error {
position: relative; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error {
color: #FF6E67;
font-size: 14px;
position: absolute;
top: 38px;
text-transform: none; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-error input, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-error input {
border-bottom: #FF6E67 solid 1px !important; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-checkbox .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-checkbox .evf-formset-field-error {
position: relative;
top: -10px; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field {
position: relative; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field::after, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field::after {
content: '';
position: absolute;
right: 0;
top: 8px;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #3D3D3D;
clear: both;
pointer-events: none; }
.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field #phone1_number_idd, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field #phone1_number_idd {
appearance: none;
-webkit-appearance: none; }
.send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button, .send-ticket-verification .field-email_send_code_button .field-email_send_code_button, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button, .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button {
text-align: center; }
.send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button.opt-button-hidden, .send-ticket-verification .field-email_send_code_button .field-email_send_code_button.opt-button-hidden, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button.opt-button-hidden, .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button.opt-button-hidden {
display: none; }
.send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button button, .send-ticket-verification .field-email_send_code_button .field-email_send_code_button button, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button button, .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button button {
padding: 0.8em 0;
margin: 0;
box-sizing: border-box;
font-size: 16px; }
.send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button button[disabled], .send-ticket-verification .field-email_send_code_button .field-email_send_code_button button[disabled], .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button button[disabled], .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button button[disabled] {
background-color: #3D3D3D !important;
color: #FFFFFF !important;
border: #3D3D3D !important;
cursor: not-allowed; }
.send-ticket-verification .field-email_send_code_button .field-phone_number_verification_code.hidden, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_verification_code.hidden {
display: none; }
.send-ticket-verification .field-email_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error {
padding-bottom: 20px !important; }
.send-ticket-verification .field-email_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error .evf-formset-field-error {
top: 60px !important; }
.send-ticket-verification .help-block {
width: 100% !important; }
.send-ticket-verification .action {
display: flex;
flex-direction: column;
gap: 1em;
align-items: center;
justify-content: center;
margin-top: 1em; }
.send-ticket-verification .action #send-ticket-submit-button {
width: 340px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #D61C39;
font-size: 18px;
font-weight: bold;
box-sizing: border-box; }
.send-ticket-verification .action #send-ticket-submit-button:hover {
color: #FFFFFF; }
.send-ticket-verification .action #send-ticket-cancel-button {
width: 340px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #D61C39;
font-size: 18px;
font-weight: bold;
box-sizing: border-box; }
.send-ticket-verification .action #send-ticket-cancel-button:hover {
color: #FFFFFF; }
.send-ticket-verification .field-phone_number_send_code_button, .send-ticket-verification .field-email_send_code_button {
text-align: center; }
.send-ticket-verification .field-phone_number_send_code_button .evf-formset-field, .send-ticket-verification .field-email_send_code_button .evf-formset-field {
display: flex;
justify-content: center; }
.send-ticket-verification .field-phone_number_send_code_button button, .send-ticket-verification .field-email_send_code_button button {
width: 250px;
padding: 0.8em 0;
margin: 0;
box-sizing: border-box;
font-size: 16px; }
.circle-loader {
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid #808080;
border-top: 2px solid rgba(15, 15, 15, 0.6);
border-radius: 50%;
animation: spin 1s linear infinite;
margin-right: 6px;
vertical-align: middle; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
#auth-app > div > ul.navTabs {
position: relative;
margin-bottom: 10px; }
#auth-app > div > ul.navTabs li {
cursor: pointer; }
@media only screen and (max-width: 748px) {
#auth-app > div > ul.navTabs li a {
float: none; } }
#auth-app > div > ul.navTabs li.active {
background: rgba(0, 0, 0, 0.2); }
@media (min-width: 749px) {
#auth-app #mini-auth-signin-form #phone1_number_idd, #auth-app #mini-auth-signin-form #phone1_number,
#auth-app #mini-auth-signup-form #phone1_number_idd,
#auth-app #mini-auth-signup-form #phone1_number {
font-size: 14px; } }
#auth-app #mini-auth-signin-form .password-criteria,
#auth-app #mini-auth-signup-form .password-criteria {
color: #000; }
#auth-app #mini-auth-signin-form .password-criteria.upper-columns-2,
#auth-app #mini-auth-signup-form .password-criteria.upper-columns-2 {
margin-top: 10px;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2; }
#auth-app .forgot-password-text {
padding-top: 10px;
padding-bottom: 10px; }
#auth-app #login-button-loader {
height: 22px;
padding-top: 9px;
font-size: 18px;
text-align: center;
width: 250px;
padding-left: 0;
padding-right: 0;
float: right;
margin-top: 20px;
margin-bottom: 45px; }
@media only screen and (max-width: 748px) {
#auth-app #login-button-loader {
border: none;
width: 100%; } }
@media only screen and (max-width: 748px) {
#auth-app .mini-auth-form-button {
width: 100%;
padding-left: 5px; }
#auth-app .mini-auth-form-button button {
width: 100%; } }
#auth-app .mini-auth-form-button button {
font-size: 18px;
float: right;
padding-top: 8px;
padding-bottom: 7px;
margin-top: 20px;
margin-bottom: 45px; }
#auth-app .field-send_code_captcha .evf-formset-field div > div {
margin: auto; }
#auth-app .password-less-change-otp-source-container {
margin-top: 10px;
text-align: center; }
#auth-app .passwordless-field-disabled {
opacity: 0.5; }
#auth-app .passwordless-field-disabled div > input, #auth-app .passwordless-field-disabled select {
pointer-events: none; }
#data-collection-app .description-font .upper {
padding-right: 15px; }
#data-collection-app .legacy-subtitle-label {
text-transform: uppercase;
font-size: 18px;
padding-top: 30px;
padding-bottom: 20px; }
#data-collection-app .legacy-ticket-type-name {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
padding-bottom: 15px; }
#data-collection-app .is-package .legacy-ticket-type-name {
font-size: 15px; }
#data-collection-app .is-package .legacy-subtitle-label.order-data-label {
font-size: 15px;
padding-top: 10px;
padding-bottom: 15px; }
#data-collection-app #legacy-promocode-box {
margin-top: 25px; }
#data-collection-app #legacy-promocode-box .evf-formset-field {
padding-top: 6px !important;
padding-bottom: 6px !important; }
#data-collection-app #legacy-promocode-box .evf-formset-field input {
top: 0; }
#data-collection-app #legacy-checkout-buttons {
margin-top: 0px;
margin-bottom: 30px;
width: 450px;
text-align: right; }
@media only screen and (max-width: 748px) {
#data-collection-app #legacy-checkout-buttons {
width: 100%; } }
#data-collection-app #legacy-checkout-buttons .tf-btn-primary {
margin-right: 0; }
#data-collection-app #legacy-checkout-buttons #checkout-loading {
display: inline-block;
position: absolute;
width: 174px;
text-align: center;
padding-top: 13px;
font-size: 18px; }
#data-collection-app #legacy-checkout-buttons .tf-btn-default {
border: none; }
#data-collection-app #refund-protect-wrapper {
margin-top: 1em; }
#upsell-app h2.tf-title {
margin-top: 0;
margin-bottom: 10px; }
#upsell-app .item-listing {
display: flex;
flex-wrap: wrap; }
#upsell-app .item-listing li {
box-shadow: 1px 1px 5px 1px #e3e3e3;
width: 48%;
margin-bottom: 18px;
cursor: pointer;
display: inline-block;
position: relative;
background: transparent; }
@media (min-width: 749px) {
#upsell-app .item-listing li {
width: 215px;
margin-bottom: 28px;
margin-left: 28px; }
#upsell-app .item-listing li:first-child, #upsell-app .item-listing li:nth-child(4) {
margin-left: 0px; } }
@media only screen and (max-width: 748px) {
#upsell-app .item-listing li:nth-child(odd) {
margin-right: 3%;
margin-left: 0px; } }
#upsell-app .item-listing li .imgThumbWrap {
width: 100%; }
@media (min-width: 749px) {
#upsell-app .item-listing li .imgThumbWrap img {
width: 100%;
height: auto; } }
@media only screen and (max-width: 748px) {
#upsell-app .item-listing li .imgThumbWrap img {
width: 100%; } }
#upsell-app .item-listing li a {
text-decoration: none; }
#upsell-app .item-listing li .overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: transparent;
opacity: 0.2;
z-index: 100;
display: block;
box-shadow: 1px 1px 17px 8px #000; }
#upsell-app .item-listing li .info-txts {
height: 55px;
overflow: hidden;
padding: 10px;
background: #fff;
transition: 0.5s; }
#upsell-app .item-listing li .info-txts .title {
border-bottom: none !important; }
#upsell-app .item-listing li .info-txts .infoItem {
margin-bottom: 5px; }
#upsell-app .item-listing li .info-txts .infoItem span {
color: #000;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 36px; }
#upsell-app .item-listing li .info-txts .infoItem span strong {
font-size: 16px;
line-height: 19px; }
#upsell-app .item-listing li .info-txts .truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
#upsell-app .item-listing li .info-txts .truncate span {
color: #000;
font-size: 16px;
line-height: 19px;
font-size: 10px; }
#nav-cart-count {
width: 16px;
height: 16px;
background: #010101;
color: #fff;
border-radius: 50px;
position: absolute;
top: -4px;
left: 16px;
font-size: 11px;
text-align: center; }
@media only screen and (max-width: 748px) {
#nav-cart-count {
top: 10px !important;
left: 54% !important; } }
html body #shopping-cart-app #shopping-cart-content {
padding: 0; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items {
padding-bottom: 5px; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items p {
font-size: 13px; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total {
border-top: 3px solid #D8D8D8;
border-bottom: none !important;
padding-bottom: 15px;
padding-top: 15px;
text-align: right;
display: flex;
justify-content: flex-end; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total p {
font-weight: bold;
font-size: 15px; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total p:first-child {
display: flex;
flex-grow: 0.5; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header {
display: flex;
flex-wrap: wrap;
align-items: center;
border-bottom: 1px solid #D8D8D8;
padding-top: 10px;
padding-bottom: 10px;
position: relative; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .remove-button-container {
position: absolute;
bottom: 3px;
right: 0; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-left img {
width: 100%; }
@media (min-width: 749px) {
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-left img {
width: 190px;
height: 130px; } }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right {
margin-left: 10px; }
@media (min-width: 749px) {
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right {
max-width: 530px; } }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right h3 {
font-weight: bold;
font-size: 25px;
margin-bottom: 5px;
line-height: 1.2em; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right .shopping-cart-items-venue {
font-size: 10px; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right .shopping-cart-items-venue p {
margin: 0;
padding: 0; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details {
display: flex;
justify-content: space-between;
position: relative; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .remove-button-container {
position: absolute;
bottom: 3px;
right: 0; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left {
margin-top: 15px;
flex-grow: 1; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left h4 {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 13px;
font-weight: bold; }
@media only screen and (max-width: 748px) {
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left h4 {
width: 50%; } }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left p {
margin: 0;
padding: 0;
font-size: 13px; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details {
margin-top: 5px;
margin-bottom: 15px;
transition: ease 2s;
padding-bottom: 15px;
min-height: 3em; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details .ticket-data-fields {
margin-bottom: 20px; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details h5 {
text-decoration: underline;
font-size: 13px;
margin-bottom: 5px; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details .shopping-cart-ticket-informations {
display: flex;
justify-content: space-between; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-right {
margin-top: 5px; }
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-right .remove-item-button {
padding-top: 4px;
padding-bottom: 4px;
width: 70px;
font-size: 13px; }
@media (min-width: 749px) {
html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-right .remove-item-button {
width: auto;
padding-top: 6px;
padding-bottom: 6px; } }
html body #shopping-cart-app #shopping-cart-content #fee {
border-top: 3px solid #D8D8D8; }
html body #shopping-cart-app #shopping-cart-content #fee p {
font-size: 15px;
text-transform: capitalize;
font-weight: normal; }
html body #shopping-cart-app #shopping-cart-content .total-order-price {
display: flex;
justify-content: flex-end;
padding-top: 10px;
border-top: 3px solid #D8D8D8; }
html body #shopping-cart-app #shopping-cart-content .total-order-price p {
font-size: 20px;
font-weight: bold; }
html body #shopping-cart-app #shopping-cart-content .total-order-price p:first-child {
flex-grow: 0.5; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container {
display: flex;
justify-content: space-between;
margin-top: 15px;
align-items: center;
margin-bottom: 40px; }
html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-left p {
font-size: 10px; }
body.layout-ets-v2 .evf-order-list-item {
position: relative;
margin-top: 30px; }
@media (min-width: 749px) {
body.layout-ets-v2 .evf-order-list-item {
display: flex;
align-items: center; } }
body.layout-ets-v2 .evf-order-list-item:nth-child(1) {
margin-top: 0px; }
body.layout-ets-v2 .evf-order-list-item.hide-thumbnail .list-item-detail .detail-box {
padding-left: 40px; }
body.layout-ets-v2 .evf-order-list-item .list-item-thumb {
display: inline-block;
width: 256px; }
@media only screen and (max-width: 748px) {
body.layout-ets-v2 .evf-order-list-item .list-item-thumb {
width: 100%; } }
body.layout-ets-v2 .evf-order-list-item .list-item-thumb img {
width: 225px; }
@media only screen and (max-width: 748px) {
body.layout-ets-v2 .evf-order-list-item .list-item-thumb img {
width: 100%; } }
body.layout-ets-v2 .evf-order-list-item .list-item-detail {
display: inline-block;
width: auto;
padding-top: 10px;
padding-bottom: 10px; }
@media (min-width: 749px) {
body.layout-ets-v2 .evf-order-list-item .list-item-detail {
flex-grow: 1; } }
@media only screen and (max-width: 748px) {
body.layout-ets-v2 .evf-order-list-item .list-item-detail {
width: 100%; } }
body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box {
padding-top: 5px;
padding-bottom: 5px; }
@media only screen and (max-width: 748px) {
body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box {
padding-left: 13px;
padding-right: 13px; } }
body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box .label {
display: inline-block;
vertical-align: top;
font-weight: bold;
width: 22%; }
@media only screen and (max-width: 748px) {
body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box .label {
width: 28%; } }
body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box .value {
display: inline-block;
vertical-align: top;
width: 70%; }
body.layout-ets-v2 .evf-order-list-item .list-item-action {
display: inline-block;
width: 190px; }
@media only screen and (max-width: 748px) {
body.layout-ets-v2 .evf-order-list-item .list-item-action {
width: 100%; } }
@media (min-width: 749px) {
body.layout-ets-v2 .evf-order-list-item .remove-button-container {
position: absolute;
bottom: 20px;
right: 20px; } }
body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button {
cursor: pointer; }
@media only screen and (max-width: 748px) {
body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button {
text-align: center;
margin: 10px auto 20px auto; } }
body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button .remove-button-x {
display: inline-block;
color: #000;
border: solid #000 2px;
width: 16px;
height: 16px;
border-radius: 10px;
text-align: center;
margin-right: 6px; }
body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button .remove-button-x i {
position: relative;
top: -1px; }
body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail,
body.layout-ets-v2 #confirm-orders-list #order-group-price-detail {
margin-top: 30px;
margin-bottom: 50px;
padding-top: 15px;
padding-bottom: 15px;
text-align: right; }
@media only screen and (max-width: 748px) {
body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail,
body.layout-ets-v2 #confirm-orders-list #order-group-price-detail {
text-align: center; } }
body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail #price-sub-total, body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail #price-fee,
body.layout-ets-v2 #confirm-orders-list #order-group-price-detail #price-sub-total,
body.layout-ets-v2 #confirm-orders-list #order-group-price-detail #price-fee {
margin-bottom: 8px; }
body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail .label, body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail .value,
body.layout-ets-v2 #confirm-orders-list #order-group-price-detail .label,
body.layout-ets-v2 #confirm-orders-list #order-group-price-detail .value {
display: inline-block; }
body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail .label,
body.layout-ets-v2 #confirm-orders-list #order-group-price-detail .label {
margin-right: 10px; }
body.layout-ets-v2 #shopping-cart-summary-list #bottom-button-container,
body.layout-ets-v2 #confirm-orders-list #bottom-button-container {
text-align: center; }
body.layout-ets-v2 #shopping-cart-summary-list #bottom-button-container > a,
body.layout-ets-v2 #confirm-orders-list #bottom-button-container > a {
text-align: center;
display: block; }
html body #confirm-orders-app #confirm-orders-content {
padding: 0; }
html body #confirm-orders-app #confirm-orders-content .top-row {
display: flex;
justify-content: space-between;
align-items: center; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items {
padding-bottom: 5px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items p {
font-size: 15px;
margin: 10px 0; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-header {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 10px;
padding-bottom: 10px; }
@media only screen and (max-width: 748px) {
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-header {
padding-bottom: 25px; } }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-header h3 {
font-weight: bold;
font-size: 20px;
margin-bottom: 5px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table {
width: 100%; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tbody {
border-bottom: 1px solid #D8D8D8; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table .sub-total-row {
border-top: 3px solid #D8D8D8;
border-bottom: none !important; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table .sub-total-row td {
font-weight: bold;
font-size: 15px;
padding-bottom: 15px;
padding-top: 15px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table .sub-total-row td:last-child {
font-size: 20px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr:last-child {
border-bottom: none; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr th {
width: 33%;
text-align: left;
border-bottom: 3px solid #D8D8D8; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr th:last-child {
text-align: right; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr .confirm-order-session-informations {
margin-top: 15px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr .confirm-order-session-informations p {
margin: 0;
font-size: 12px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr .confirm-order-session-informations p:first-child {
font-size: 15px;
font-weight: bold; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td {
width: 30%;
padding-bottom: 15px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td:last-child {
text-align: right;
display: table-cell;
vertical-align: middle; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td .evf-formset-field-container {
margin-top: 15px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td input {
background: transparent;
padding: 10px 20px 5px 20px;
border: solid #ccc 1px;
margin-bottom: 5px;
font-size: 13px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #D8D8D8; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details:last-child {
border-bottom: none;
border-bottom: 3px solid #D8D8D8; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left {
margin-top: 5px;
flex-grow: 1;
display: flex;
justify-content: space-between; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left h4 {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 15px;
font-weight: bold; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left p {
margin: 0;
padding: 0;
font-size: 13px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left .confirm-orders-ticket-details {
margin-top: 5px;
margin-bottom: 10px;
transition: ease 2s; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left .confirm-orders-ticket-details h5 {
text-decoration: underline;
font-size: 16px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left .confirm-orders-ticket-details .confirm-orders-ticket-informations {
display: flex;
justify-content: space-between; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-right {
margin-top: 5px; }
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-right .remove-item-button {
padding-top: 4px;
padding-bottom: 4px;
width: 70px;
font-size: 13px; }
@media (min-width: 749px) {
html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-right .remove-item-button {
width: auto;
padding-top: 6px;
padding-bottom: 6px; } }
html body #confirm-orders-app #confirm-orders-content #fee {
border-top: 3px solid #D8D8D8; }
html body #confirm-orders-app #confirm-orders-content #fee p {
font-size: 15px;
text-transform: capitalize;
font-weight: normal; }
html body #confirm-orders-app #confirm-orders-content .total-order-price {
display: flex;
justify-content: flex-end;
padding-top: 10px;
border-top: 3px solid #D8D8D8; }
html body #confirm-orders-app #confirm-orders-content .total-order-price p {
font-size: 20px;
font-weight: bold; }
html body #confirm-orders-app #confirm-orders-content .total-order-price p:first-child {
flex-grow: 0.5; }
html body #confirm-orders-app #confirm-orders-content #bank-statement-name {
margin-top: 50px;
margin-bottom: 50px; }
html body #confirm-orders-app #confirm-orders-content #bottom-button-container {
display: flex;
justify-content: space-between;
margin-top: 15px;
align-items: center; }
html body #confirm-orders-app #confirm-orders-content #bottom-button-container .bottom-button-container-left p {
font-size: 10px; }
html body #confirm-orders-app #confirm-orders-content #bottom-button-container .bottom-button-container-right button {
padding-top: 4px;
padding-bottom: 4px;
font-size: 13px;
padding-left: 10px;
padding-right: 10px; }
@media (min-width: 749px) {
html body #confirm-orders-app #confirm-orders-content #bottom-button-container .bottom-button-container-right button {
padding-top: 8px;
padding-bottom: 8px;
font-size: 17px; } }
html body #confirm-orders-app #confirm-orders-content .left-align {
text-align: left;
margin: 0;
padding: 0; }
#show-cxl-page {
/* there are TWO show-cxl-page: vue-app and thanks-page-with-show-cxl */
max-width: 600px; }
@media (min-width: 749px) {
#show-cxl-page {
margin: 0 auto; } }
#show-cxl-page #show-cxl-top-banner img {
width: 100%; }
#show-cxl-page .show-cxl-error {
padding: 8px 12px 5px;
margin-top: 25px;
font-size: 16px;
background: #D6093B;
color: #FFFFFF;
text-transform: uppercase;
font-weight: 600; }
#show-cxl-page .show-cxl-noselect {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Old versions of Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none; }
#show-cxl-page #vue-show-cxl-app-container {
margin-bottom: 20px; }
@media (min-width: 749px) {
#show-cxl-page #vue-show-cxl-app-container {
margin-bottom: 15px; } }
#show-cxl-page .show-cxl-header {
min-height: 50px; }
#show-cxl-page .show-cxl-header .title {
background-color: #001423;
padding: 20px 20px 16px;
color: #FFFFFF;
font-size: 24px;
margin: 0;
font-weight: 500;
text-align: center; }
@media only screen and (max-width: 748px) {
#show-cxl-page .show-cxl-header .title {
padding-left: 0px;
padding-right: 0px;
width: 100vw;
position: relative;
left: 50%;
transform: translate(-50vw, 0); } }
#show-cxl-page .form-group {
position: relative; }
#show-cxl-page .form-group input {
width: 100%;
padding: 12px;
border: none;
border-radius: 12px;
background: #FFFFFF;
font-size: 16px; }
#show-cxl-page .form-group input.error {
border: 1px solid #D6093B; }
#show-cxl-page .form-group .error-text {
color: #D6093B;
font-size: 12px;
margin-top: 4px; }
@media only screen and (max-width: 748px) {
#show-cxl-page .show-cxl-view {
min-height: calc(100vh - 145px); } }
#show-cxl-page .show-cxl-view .action-buttons {
display: flex;
flex-direction: row-reverse;
gap: 16px;
margin-top: 8px; }
@media only screen and (max-width: 748px) {
#show-cxl-page .show-cxl-view .action-buttons {
flex-direction: column; } }
#show-cxl-page .show-cxl-view .action-buttons button {
width: 100%;
margin: 0; }
#show-cxl-page .show-cxl-view .action-buttons button:disabled {
opacity: 0.5;
cursor: not-allowed; }
#show-cxl-page .show-cxl-view .action-buttons button.next:disabled {
opacity: 0;
cursor: not-allowed; }
#show-cxl-page .show-cxl-view .options-grid .manual-typing-row .form-group input {
color: #000000; }
#show-cxl-page .show-cxl-view button {
min-height: 40px;
margin: 0; }
#show-cxl-page .show-cxl-view .warning-message {
color: #D6093B;
font-size: 16px;
font-weight: 800; }
#show-cxl-page .scan-ticket-container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #001423;
padding: 0px;
overflow: hidden;
width: 100%;
min-height: 100vh; }
@media (min-width: 749px) {
#show-cxl-page .scan-ticket-container {
min-height: 60vh;
height: auto; } }
#show-cxl-page .scan-ticket-container .close-button {
color: #FFFFFF;
cursor: pointer;
position: absolute;
top: 8px;
right: 12px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.35);
font-size: 40px;
padding: 10px 20px; }
@media (min-width: 749px) {
#show-cxl-page .scan-ticket-container .close-button {
font-size: 36px;
padding: 3px 7px 11px 7px; } }
#show-cxl-page .scan-ticket-container .video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 2; }
@media (min-width: 749px) {
#show-cxl-page .scan-ticket-container .video-overlay {
height: 60vh; } }
#show-cxl-page .scan-ticket-container .scan-title {
color: #001423;
font-size: 24px;
margin-bottom: 40px;
font-weight: 600; }
#show-cxl-page .scan-ticket-container .scanner-wrapper {
width: 100%;
max-width: 300px;
aspect-ratio: 1;
margin-bottom: 40px; }
#show-cxl-page .scan-ticket-container .scanner-frame {
position: relative;
width: 100%;
height: 100%; }
#show-cxl-page .scan-ticket-container .video-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; }
@media (min-width: 749px) {
#show-cxl-page .scan-ticket-container .video-container {
position: absolute;
height: 60vh; } }
#show-cxl-page .scan-ticket-container .scanner-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
object-fit: cover;
z-index: 1; }
#show-cxl-page .scan-ticket-container .scanner-video.active {
display: block; }
#show-cxl-page .scan-ticket-container .scanner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#show-cxl-page .scan-ticket-container .scanner-overlay .scan-region-highlight {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid #FFFFFF;
border-radius: 12px; }
#show-cxl-page .scan-ticket-container .scanner-overlay .scan-region-highlight-svg {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 2px;
background-color: #35c759; }
#show-cxl-page .scan-ticket-container .scan-button {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
background-color: rgba(255, 255, 255, 0.35);
border: none;
border-radius: 12px;
color: #FFFFFF;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s; }
#show-cxl-page .scan-ticket-container .scan-button:hover {
background-color: rgba(255, 255, 255, 0.3); }
#show-cxl-page .scan-ticket-container .scan-button .scan-icon {
display: flex;
align-items: center;
color: #FFFFFF; }
#show-cxl-page .choose-action-container {
display: flex;
align-items: center;
justify-content: center;
padding: 20px; }
#show-cxl-page .choose-action-container .content-wrapper {
max-width: 600px;
width: 100%;
display: flex;
flex-direction: column;
gap: 5px; }
@media (min-width: 749px) {
#show-cxl-page .choose-action-container .content-wrapper {
gap: 24px; } }
#show-cxl-page .choose-action-container .main-title {
color: #001423;
padding-top: 0px;
font-size: 20px;
line-height: 1.4;
font-weight: 600;
margin: 0; }
@media (min-width: 749px) {
#show-cxl-page .choose-action-container .main-title {
padding-top: 10px;
font-size: 24px; } }
#show-cxl-page .choose-action-container .main-description-html {
line-height: 1.5;
margin: 0; }
#show-cxl-page .choose-action-container .main-description-html p, #show-cxl-page .choose-action-container .main-description-html i {
color: #001423;
font-size: 15px;
padding: 5px 0 25px 0; }
@media (min-width: 749px) {
#show-cxl-page .choose-action-container .main-description-html p, #show-cxl-page .choose-action-container .main-description-html i {
font-size: 18px; } }
#show-cxl-page .choose-action-container .main-description-html i {
font-style: italic;
opacity: 0.8; }
#show-cxl-page .choose-action-container .main-description-html ul {
list-style: disc;
padding-left: 1em; }
#show-cxl-page .choose-action-container .buttons-container {
display: flex;
gap: 16px;
margin-top: 24px;
flex-direction: row; }
@media only screen and (max-width: 748px) {
#show-cxl-page .choose-action-container .buttons-container {
flex-direction: column; } }
#show-cxl-page .choose-action-container .buttons-container button {
margin: 0;
min-height: 40px;
width: 100%; }
#show-cxl-page .choose-action-container .action-button {
width: 100%; }
#show-cxl-page .choose-action-container .action-button:hover {
opacity: 0.9; }
#show-cxl-page .choose-action-container .action-button:active {
transform: translateY(0); }
#show-cxl-page .exchange-flow-container,
#show-cxl-page .refund-flow-container {
display: flex;
flex-direction: column;
position: relative; }
#show-cxl-page .exchange-flow-container .content,
#show-cxl-page .refund-flow-container .content {
flex: 1;
padding: 24px 20px;
display: flex;
flex-direction: column;
gap: 32px; }
@media (min-width: 749px) {
#show-cxl-page .exchange-flow-container .content,
#show-cxl-page .refund-flow-container .content {
padding-left: 0;
padding-right: 0; } }
#show-cxl-page .exchange-flow-container .instruction-text,
#show-cxl-page .refund-flow-container .instruction-text {
color: #FFFFFF;
font-size: 18px;
margin: 0;
text-align: left; }
#show-cxl-page .exchange-flow-container.disable-on-file-upload,
#show-cxl-page .refund-flow-container.disable-on-file-upload {
opacity: .7;
pointer-events: none !important; }
#show-cxl-page .exchange-flow-container .file-upload-progress,
#show-cxl-page .refund-flow-container .file-upload-progress {
margin-top: 10px;
padding-left: 0px;
padding-right: 0px; }
@media only screen and (max-width: 748px) {
#show-cxl-page .exchange-flow-container .file-upload-progress,
#show-cxl-page .refund-flow-container .file-upload-progress {
padding-left: 20px;
padding-right: 20px; } }
#show-cxl-page .exchange-flow-container .file-upload-progress .file-info,
#show-cxl-page .refund-flow-container .file-upload-progress .file-info {
background: #FFFFFF;
color: #001423;
padding: 15px; }
#show-cxl-page .exchange-flow-container .file-upload-progress .file-info .file-label,
#show-cxl-page .refund-flow-container .file-upload-progress .file-info .file-label {
color: #8A8A8E;
position: relative;
top: -4px; }
#show-cxl-page .exchange-flow-container .file-upload-progress .file-info .cancel-upload,
#show-cxl-page .refund-flow-container .file-upload-progress .file-info .cancel-upload {
color: #FFFFFF;
background: #001423;
border-radius: 50px;
display: inline-block;
width: 18px;
height: 18px;
text-align: center;
font-size: 19px;
position: relative;
top: 2px;
left: 5px;
line-height: 0.9em;
cursor: pointer; }
#show-cxl-page .exchange-flow-container .file-upload-progress .file-info .progress-bar,
#show-cxl-page .refund-flow-container .file-upload-progress .file-info .progress-bar {
margin-top: 10px;
background: #d6f4de;
border-radius: 15px; }
#show-cxl-page .exchange-flow-container .file-upload-progress .file-info .progress-bar .progress-bar-child,
#show-cxl-page .refund-flow-container .file-upload-progress .file-info .progress-bar .progress-bar-child {
background: #35c759;
height: 5px;
border-radius: 15px; }
#show-cxl-page .exchange-flow-container .options-grid,
#show-cxl-page .refund-flow-container .options-grid {
display: grid;
grid-template-columns: 80px 1fr;
gap: 15px;
align-items: stretch; }
@media (min-width: 749px) {
#show-cxl-page .exchange-flow-container .options-grid,
#show-cxl-page .refund-flow-container .options-grid {
grid-template-columns: auto 1fr; } }
#show-cxl-page .exchange-flow-container .scan-option,
#show-cxl-page .refund-flow-container .scan-option {
width: 80px;
background-color: #0F0F0F;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.2s ease; }
@media (min-width: 749px) {
#show-cxl-page .exchange-flow-container .scan-option,
#show-cxl-page .refund-flow-container .scan-option {
width: 100px; } }
#show-cxl-page .exchange-flow-container .scan-option .scan-icon-wrapper,
#show-cxl-page .refund-flow-container .scan-option .scan-icon-wrapper {
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .scan-option .scan-icon-wrapper svg,
#show-cxl-page .refund-flow-container .scan-option .scan-icon-wrapper svg {
width: 32px;
height: 32px; }
#show-cxl-page .exchange-flow-container .buttons-column,
#show-cxl-page .refund-flow-container .buttons-column {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%; }
#show-cxl-page .exchange-flow-container .manual-typing-row,
#show-cxl-page .refund-flow-container .manual-typing-row {
grid-column: 1 / 3;
display: flex; }
@media only screen and (max-width: 748px) {
#show-cxl-page .exchange-flow-container .manual-typing-row,
#show-cxl-page .refund-flow-container .manual-typing-row {
gap: 10px; } }
#show-cxl-page .exchange-flow-container .manual-typing-row > .form-group,
#show-cxl-page .refund-flow-container .manual-typing-row > .form-group {
flex-grow: 1; }
#show-cxl-page .exchange-flow-container .manual-typing-row > .form-group > input[type="text"],
#show-cxl-page .refund-flow-container .manual-typing-row > .form-group > input[type="text"] {
width: calc(100% - 1rem - 5px);
border: solid 1px #001423; }
@media (min-width: 749px) {
#show-cxl-page .exchange-flow-container .manual-typing-row > .form-group > input[type="text"],
#show-cxl-page .refund-flow-container .manual-typing-row > .form-group > input[type="text"] {
width: calc(100% - 24px - 15px); } }
@media only screen and (max-width: 748px) {
#show-cxl-page .exchange-flow-container .manual-typing-row > .form-group > input[type="text"],
#show-cxl-page .refund-flow-container .manual-typing-row > .form-group > input[type="text"] {
margin: 0; } }
#show-cxl-page .exchange-flow-container .manual-typing-row > .form-button,
#show-cxl-page .refund-flow-container .manual-typing-row > .form-button {
width: 25%; }
#show-cxl-page .exchange-flow-container .manual-typing-row > .form-button button,
#show-cxl-page .refund-flow-container .manual-typing-row > .form-button button {
width: 100%;
height: 100%;
margin: 0;
border-radius: 12px; }
@media only screen and (max-width: 748px) {
#show-cxl-page .exchange-flow-container .manual-typing-row > .form-button button,
#show-cxl-page .refund-flow-container .manual-typing-row > .form-button button {
margin: 0; } }
#show-cxl-page .exchange-flow-container .ticket-quantity,
#show-cxl-page .refund-flow-container .ticket-quantity {
background: rgba(0, 42, 73, 0.8);
padding: 16px;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .ticket-quantity h2,
#show-cxl-page .refund-flow-container .ticket-quantity h2 {
font-size: 15px;
margin: 0 0 5px 0;
font-weight: 800;
text-transform: uppercase; }
#show-cxl-page .exchange-flow-container .ticket-quantity p,
#show-cxl-page .refund-flow-container .ticket-quantity p {
font-size: 16px;
margin: 0;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .ticket-quantity p:last-child,
#show-cxl-page .refund-flow-container .ticket-quantity p:last-child {
padding-bottom: 0; }
#show-cxl-page .exchange-flow-container .action-button,
#show-cxl-page .refund-flow-container .action-button {
width: 100%;
border: none;
border-radius: 12px;
background-color: #0F0F0F;
color: #FFFFFF;
font-weight: 500;
cursor: pointer;
font-size: 16px;
padding: 14px;
transition: transform 0.2s ease, opacity 0.2s ease;
text-transform: uppercase; }
@media (min-width: 749px) {
#show-cxl-page .exchange-flow-container .action-button,
#show-cxl-page .refund-flow-container .action-button {
font-size: 16px;
padding: 16px; } }
#show-cxl-page .exchange-flow-container .action-button:hover,
#show-cxl-page .refund-flow-container .action-button:hover {
opacity: 0.9; }
#show-cxl-page .exchange-flow-container .hidden-input,
#show-cxl-page .refund-flow-container .hidden-input {
display: none; }
#show-cxl-page .exchange-flow-container .loading-overlay,
#show-cxl-page .refund-flow-container .loading-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 20, 35, 0.7);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1000; }
#show-cxl-page .exchange-flow-container .loading-overlay .spinner,
#show-cxl-page .refund-flow-container .loading-overlay .spinner {
width: 40px;
height: 40px;
border: 3px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #FFFFFF;
animation: spin 1s ease-in-out infinite; }
@keyframes spin {
to {
transform: rotate(360deg); } }
#show-cxl-page .exchange-flow-container .contact-view,
#show-cxl-page .refund-flow-container .contact-view {
padding: 20px; }
#show-cxl-page .exchange-flow-container .contact-view .section-title,
#show-cxl-page .refund-flow-container .contact-view .section-title {
color: #001423;
font-size: 24px;
margin-bottom: 8px;
margin-top: 12px;
font-weight: 500; }
#show-cxl-page .exchange-flow-container .contact-view .instruction-text,
#show-cxl-page .refund-flow-container .contact-view .instruction-text {
color: #001423;
margin-bottom: 24px;
margin-top: 10px;
font-size: 16px;
font-weight: 400; }
#show-cxl-page .exchange-flow-container .contact-form,
#show-cxl-page .refund-flow-container .contact-form {
display: flex;
flex-direction: column;
gap: 16px; }
#show-cxl-page .exchange-flow-container .contact-form input,
#show-cxl-page .refund-flow-container .contact-form input {
box-sizing: border-box;
border-radius: 0;
padding: 12px 0;
color: #001423;
border-bottom: solid 1px #8A8A8E;
font-size: 16px;
font-weight: 600; }
#show-cxl-page .exchange-flow-container .contact-form input::placeholder,
#show-cxl-page .refund-flow-container .contact-form input::placeholder {
color: #8A8A8E;
font-size: 16px;
font-weight: 600; }
#show-cxl-page .exchange-flow-container .summary-view,
#show-cxl-page .refund-flow-container .summary-view {
margin-top: 10px;
padding-left: 0px;
padding-right: 0px;
display: flex;
flex-direction: column;
gap: 24px; }
@media only screen and (max-width: 748px) {
#show-cxl-page .exchange-flow-container .summary-view,
#show-cxl-page .refund-flow-container .summary-view {
padding-left: 20px;
padding-right: 20px; } }
@media only screen and (max-width: 748px) {
#show-cxl-page .exchange-flow-container .summary-view,
#show-cxl-page .refund-flow-container .summary-view {
padding: 16px; } }
#show-cxl-page .exchange-flow-container .summary-view .tickets-summary,
#show-cxl-page .refund-flow-container .summary-view .tickets-summary {
display: flex;
flex-direction: column;
gap: 16px; }
#show-cxl-page .exchange-flow-container .confirmation-view,
#show-cxl-page .refund-flow-container .confirmation-view {
padding: 20px;
display: flex;
flex-direction: column;
gap: 24px; }
@media (min-width: 749px) {
#show-cxl-page .exchange-flow-container .confirmation-view,
#show-cxl-page .refund-flow-container .confirmation-view {
padding-left: 0;
padding-right: 0; } }
#show-cxl-page .exchange-flow-container .confirmation-view .contact-summary,
#show-cxl-page .refund-flow-container .confirmation-view .contact-summary {
background: rgba(0, 42, 73, 0.8);
padding: 16px;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .confirmation-view .contact-summary h3,
#show-cxl-page .refund-flow-container .confirmation-view .contact-summary h3 {
font-size: 15px;
margin: 0 0 5px 0;
font-weight: 800;
text-transform: uppercase; }
#show-cxl-page .exchange-flow-container .confirmation-view .contact-summary .contact-info,
#show-cxl-page .refund-flow-container .confirmation-view .contact-summary .contact-info {
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .confirmation-view .contact-summary .contact-info p,
#show-cxl-page .refund-flow-container .confirmation-view .contact-summary .contact-info p {
margin: 4px 0;
font-size: 16px;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .confirmation-view .contact-summary .contact-info p:last-child,
#show-cxl-page .refund-flow-container .confirmation-view .contact-summary .contact-info p:last-child {
padding-bottom: 0; }
#show-cxl-page .exchange-flow-container .confirmation-view .tickets-summary,
#show-cxl-page .refund-flow-container .confirmation-view .tickets-summary {
display: flex;
flex-direction: column;
gap: 16px; }
#show-cxl-page .exchange-flow-container .confirmation-view .refund-details,
#show-cxl-page .refund-flow-container .confirmation-view .refund-details {
background: rgba(0, 42, 73, 0.8);
padding: 16px;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .confirmation-view .refund-details h3,
#show-cxl-page .refund-flow-container .confirmation-view .refund-details h3 {
font-size: 15px;
margin: 0 0 5px 0;
font-weight: 800;
text-transform: uppercase; }
#show-cxl-page .exchange-flow-container .confirmation-view .refund-details .refund-info p,
#show-cxl-page .refund-flow-container .confirmation-view .refund-details .refund-info p {
margin: 4px 0;
font-size: 16px;
font-weight: 500;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .confirmation-view .refund-details .refund-info p.lead-time,
#show-cxl-page .refund-flow-container .confirmation-view .refund-details .refund-info p.lead-time {
color: #D6093B;
font-size: 16px;
font-weight: 800; }
#show-cxl-page .exchange-flow-container .confirmation-view .refund-details .refund-info p:last-child,
#show-cxl-page .refund-flow-container .confirmation-view .refund-details .refund-info p:last-child {
padding-bottom: 0; }
#show-cxl-page .exchange-flow-container .success-view,
#show-cxl-page .refund-flow-container .success-view {
margin-top: 10px;
padding-left: 0px;
padding-right: 0px;
display: flex;
flex-direction: column;
gap: 24px; }
@media only screen and (max-width: 748px) {
#show-cxl-page .exchange-flow-container .success-view,
#show-cxl-page .refund-flow-container .success-view {
padding-left: 20px;
padding-right: 20px; } }
#show-cxl-page .exchange-flow-container .success-view .refund-summary,
#show-cxl-page .refund-flow-container .success-view .refund-summary {
background: rgba(0, 42, 73, 0.8);
padding: 20px;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .success-view .refund-summary h2,
#show-cxl-page .refund-flow-container .success-view .refund-summary h2 {
font-size: 15px;
margin: 0 0 5px 0;
font-weight: 800;
text-transform: uppercase; }
#show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item,
#show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .success-icon,
#show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .failure-icon,
#show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .success-icon,
#show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .failure-icon {
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
order: 2;
color: #0F0F0F; }
#show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .success-icon,
#show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .success-icon {
background: #35c759; }
#show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .failure-icon,
#show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .failure-icon {
color: #fff;
background: #D6093B; }
#show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item p,
#show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item p {
margin: 0;
font-size: 14px;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .success-view .refund-summary .ticket-refund-error,
#show-cxl-page .refund-flow-container .success-view .refund-summary .ticket-refund-error {
color: #D6093B; }
#show-cxl-page .exchange-flow-container .success-view .refund-summary .ticket-refund-error span,
#show-cxl-page .refund-flow-container .success-view .refund-summary .ticket-refund-error span {
color: #D6093B; }
#show-cxl-page .exchange-flow-container .success-view .refund-summary p,
#show-cxl-page .refund-flow-container .success-view .refund-summary p {
margin: 8px 0;
font-size: 14px;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .success-view .tickets-summary,
#show-cxl-page .refund-flow-container .success-view .tickets-summary {
display: flex;
flex-direction: column;
gap: 16px; }
@media (max-width: 480px) {
#show-cxl-page .exchange-flow-container .confirmation-view,
#show-cxl-page .exchange-flow-container .success-view,
#show-cxl-page .refund-flow-container .confirmation-view,
#show-cxl-page .refund-flow-container .success-view {
padding: 16px;
gap: 16px; }
#show-cxl-page .exchange-flow-container .confirmation-view .refund-summary,
#show-cxl-page .exchange-flow-container .success-view .refund-summary,
#show-cxl-page .refund-flow-container .confirmation-view .refund-summary,
#show-cxl-page .refund-flow-container .success-view .refund-summary {
padding: 16px; }
#show-cxl-page .exchange-flow-container .confirmation-view .refund-summary h2,
#show-cxl-page .exchange-flow-container .success-view .refund-summary h2,
#show-cxl-page .refund-flow-container .confirmation-view .refund-summary h2,
#show-cxl-page .refund-flow-container .success-view .refund-summary h2 {
font-size: 16px;
margin-bottom: 16px; }
#show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item,
#show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item,
#show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item,
#show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item {
gap: 8px; }
#show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item .success-icon,
#show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item .failure-icon,
#show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .success-icon,
#show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .failure-icon,
#show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item .success-icon,
#show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item .failure-icon,
#show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .success-icon,
#show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .failure-icon {
width: 20px;
height: 20px;
font-size: 12px; }
#show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item p,
#show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item p,
#show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item p,
#show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item p {
font-size: 13px; } }
#show-cxl-page .exchange-flow-container .confirmation-view,
#show-cxl-page .exchange-flow-container .success-view,
#show-cxl-page .refund-flow-container .confirmation-view,
#show-cxl-page .refund-flow-container .success-view {
animation: fadeIn 0.3s ease-in-out; }
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px); }
to {
opacity: 1;
transform: translateY(0); } }
#show-cxl-page .exchange-flow-container .action-ticket-list,
#show-cxl-page .refund-flow-container .action-ticket-list {
margin-top: 10px;
padding-left: 0px;
padding-right: 0px; }
@media only screen and (max-width: 748px) {
#show-cxl-page .exchange-flow-container .action-ticket-list,
#show-cxl-page .refund-flow-container .action-ticket-list {
padding-left: 20px;
padding-right: 20px; } }
#show-cxl-page .exchange-flow-container .ticket-details,
#show-cxl-page .refund-flow-container .ticket-details {
padding: 16px;
margin-bottom: 16px;
position: relative;
background: rgba(0, 42, 73, 0.8); }
#show-cxl-page .exchange-flow-container .ticket-details .ticket-header,
#show-cxl-page .refund-flow-container .ticket-details .ticket-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px; }
#show-cxl-page .exchange-flow-container .ticket-details .ticket-header h3,
#show-cxl-page .refund-flow-container .ticket-details .ticket-header h3 {
color: #FFFFFF;
margin: 0;
font-size: 16px; }
#show-cxl-page .exchange-flow-container .ticket-details .status-badge,
#show-cxl-page .refund-flow-container .ticket-details .status-badge {
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
background-color: #35c759;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .ticket-details .status-badge.invalid,
#show-cxl-page .refund-flow-container .ticket-details .status-badge.invalid {
background-color: #D6093B; }
#show-cxl-page .exchange-flow-container .ticket-details .ticket-info .info-row,
#show-cxl-page .refund-flow-container .ticket-details .ticket-info .info-row {
margin-bottom: 8px;
color: #FFFFFF; }
#show-cxl-page .exchange-flow-container .ticket-details .ticket-info .info-row .label,
#show-cxl-page .refund-flow-container .ticket-details .ticket-info .info-row .label {
width: 120px;
color: rgba(255, 255, 255, 0.7);
padding-right: 5px; }
#show-cxl-page .exchange-flow-container .ticket-details .ticket-info .info-row .value,
#show-cxl-page .refund-flow-container .ticket-details .ticket-info .info-row .value {
flex: 1; }
#show-cxl-page .exchange-flow-container .ticket-details .error-message,
#show-cxl-page .refund-flow-container .ticket-details .error-message {
color: #D6093B;
margin-top: 12px;
font-size: 14px; }
#show-cxl-page .exchange-flow-container .ticket-details .remove-ticket,
#show-cxl-page .refund-flow-container .ticket-details .remove-ticket {
position: absolute;
top: 8px;
right: 8px;
width: 24px;
height: 24px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.2);
color: #FFFFFF;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px; }
#show-cxl-page .exchange-flow-container .ticket-details .remove-ticket:hover,
#show-cxl-page .refund-flow-container .ticket-details .remove-ticket:hover {
background: rgba(255, 255, 255, 0.3); }
#show-cxl-page .exchange-flow-container .ticket-details .ticket-invalid,
#show-cxl-page .refund-flow-container .ticket-details .ticket-invalid {
border: 1px solid rgba(244, 67, 54, 0.3); }
#show-cxl-page .exchange-flow-container .summary-view .action-buttons {
display: flex;
gap: 16px;
flex-direction: row-reverse; }
@media only screen and (max-width: 748px) {
#show-cxl-page .exchange-flow-container .summary-view .action-buttons {
flex-direction: column; } }
#show-cxl-page .exchange-flow-container .summary-view .action-buttons button {
width: 100%;
margin: 0;
min-height: 40px; }
#show-cxl-page .exchange-flow-container .contact-form input::placeholder {
color: #8A8A8E; }