/*import*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #13192e;

    /*Font family*/
    --theme-font-family: 'Montserrat', sans-serif;

    /*Color*/
    --theme-primary-50: #e7eaf3;
    --theme-primary-100: #c3cae1;
    --theme-primary-200: #9ca7cd;
    --theme-primary-300: #7484b9;
    --theme-primary-400: #5669aa;
    --theme-primary-500: #384f9b;
    --theme-primary-600: #324893;
    --theme-primary-700: #2b3f89;
    --theme-primary-800: #24367f;
    --theme-primary-900: #17266d;
    --theme-primary-A100: #bbd2ff;
    --theme-primary-A200: #88b1ff;
    --theme-primary-A400: #558fff;
    --theme-primary-A700: #3c7eff;
    --theme-contrast-50: #121212;
    --theme-contrast-100: #121212;
    --theme-contrast-200: #121212;
    --theme-contrast-300: #121212;
    --theme-contrast-400: #FFFFFF;
    --theme-contrast-500: #FFFFFF;
    --theme-contrast-600: #FFFFFF;
    --theme-contrast-700: #FFFFFF;
    --theme-contrast-800: #FFFFFF;
    --theme-contrast-900: #FFFFFF;
    --theme-contrast-A100: #121212;
    --theme-contrast-A200: #121212;
    --theme-contrast-A400: #121212;
    --theme-contrast-A700: #FFFFFF;
    --theme-light-gray: #F6F7F7;
    --theme-gray: #CCD2D8;
    /*Venue*/
    --ob-venue-background-color: #F6F7F7;
    /*Success*/
    --theme-success: #497000;
    --theme-info-light: #e6f4ff;
    --theme-info: #0079ca;
    /*Typo*/
    --theme-headline-1-font-size: 28px;
    --theme-headline-1-line-height: 34px;
    --theme-headline-1-font-weight: 700;
    --theme-headline-2-font-size: 22px;
    --theme-headline-2-line-height: 28px;
    --theme-headline-2-font-weight: 700;
    --theme-headline-3-font-size: 22px;
    --theme-headline-3-line-height: 28px;
    --theme-headline-3-font-weight: 700;
    --theme-headline-4-font-size: 16px;
    --theme-headline-4-line-height: 14px;
    --theme-headline-4-font-weight: 700;
    --theme-headline-5-font-size: 18px;
    --theme-headline-5-line-height: 28px;
    --theme-headline-5-font-weight: 400;
    --theme-headline-6-font-size: 18px;
    --theme-headline-6-line-height: 22px;
    --theme-headline-6-font-weight: 400;
    --theme-subtitle-1-font-size: 18px;
    --theme-subtitle-1-line-height: 24px;
    --theme-subtitle-1-font-weight: 400;
    --theme-body-1-font-size: 16px;
    --theme-body-1-line-height: 24px;
    --theme-body-1-font-weight: 200;
    --theme-body-2-font-size: 14px;
    --theme-body-2-line-height: 21px;
    --theme-body-2-font-weight: 400;
    --theme-caption-font-size: 12px;
    --theme-caption-line-height: 14px;
    --theme-caption-font-weight: 400;
    --theme-caption-2-font-size: 12px;
    --theme-caption-2-line-height: 14px;
    --theme-caption-2-font-weight: 400;
    --theme-button-font-size: 16px;
    --theme-button-line-height: 24px;
    --theme-button-font-weight: 700;
    --theme-subtitle-font-size: 16px;
    --theme-subtitle-line-height: 24px;
    --theme-subtitle-font-weight: 700;
    /*Radius*/
    --theme-border-radius: 8px;
    /*Color adhoc channel*/
    --theme-lightest-gray: #fafbfb;

}

/*Button shooping car disabled only dark top barbackground*/
mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base {
    color: #b1b1b161;
}

/*General button*/
button.mdc-button {
    border-radius: 50px !important;
}

/* Estilo hover para todos los botones con clase .mdc-button  dentro de cualquier mat-tab-nav-panel */
ob-button>.mat-mdc-icon-button.flat.mat-primary:not(:disabled),
ob-button>.mat-primary.mat-mdc-unelevated-button {
    background-color: #D1D770 !important;
    border: 1px solid #D1D770 !important;
    color: #13192E !important;
}

/* Estilo hover para todos los botones con clase .mdc-button  dentro de cualquier mat-tab-nav-panel */
ob-button>.mat-mdc-icon-button.flat.mat-primary:hover:not(:disabled),
ob-button>.mat-primary.mat-mdc-unelevated-button:hover {
    background-color: #F8FAF9 !important;
    border: 1px solid #F8FAF9 !important;
    color: #3A4F9B !important;
}

/* Estilo base para el efecto de ripple en botones dentro de un mat-card deshabilitado */
mat-card.mat-mdc-card.mdc-card.ob-catalog-item-card.horizontal.disabled.stroked .mat-mdc-button-persistent-ripple.mdc-button__ripple {
    background: #e0e0e0 !important;
}

button.mdc-button.mdc-button--unelevated.mat-mdc-unelevated-button.mat-primary.mat-mdc-button-disabled.mat-mdc-button-base {
    color: #767676 !important;
    border: 2px solid #e0e0e0 !important;
}

/*CARTELERA CUSTOM*/
/*Cartelera custom-TEXTO*/
/*Espacio entre img y texto content*/
ob-page-events ob-catalog-list .content {
    padding-top: 1rem !important;
}

/*Custom "season tickets"*/
ob-catalog-card span.ob-tag.primary-dark.bold.season-tag {
    background-color: #fff;
    color: #536b75 !important;
    padding-left: 0rem;
    font-size: 1rem;
    font-weight: 400;
}

/*Custom ubicacion en cartelera*/
ob-catalog-card ob-event-location-venue {
    font-size: 1rem;
    font-weight: 400;
    color: #536b75 !important;
}

/*Imagen cartelera redondez*/
ob-catalog-card .ob-image-container {
    border-radius: 0.8rem !important;
}

/*Fondo buscador*/
ob-page-events .filter-container {
    background-color: transparent !important;
}

/*Precio "desde" cartelera*/
ob-page-events .min-price-label {
    font-size: 1rem !important;
    font-weight: 400;
    color: #031419;
    font-size: 1rem;
    padding-left: 0;
}

/*Icono Ubicacion cartelera*/
.dates mat-icon.mat-icon {
    color: #536b75 !important;
}

/*Texto evento cartelera*/
ob-page-events ob-catalog-card h3 {
    color: #031419 !important;
}

/*POP UP CALENDARIO SELECCION DE FECHA Y SESION-----END*/

/*POP UP CALENDARIO SELECCION DE FECHA Y SESION*/
/*Titulo seleccion de la fecha*/
ob-calendar-filter-selector .custom-header h2 {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    color: #031419 !important;
}

/*Mes y ano en calendario de la cartelera- dentro de "Buscar por data"*/
ob-calendar-filter-selector span.custom-header-label {
    background-color: #031419;
    margin: 0 3rem;
    padding: 0.4rem;
    border-radius: 4rem;
    color: #fff;
    font-weight: 600;
}

/*Datas HOY seleccionada*/
span.mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-selected {
    background-color: #fff !important;
    border: solid 0.1rem #0079ca !important;
    color: #0079ca !important;
    border-radius: 0.2rem !important;
}

/*Datas con eventos activos*/
span.mat-calendar-body-cell-content {
    background-color: #e6f4ff;
    border: solid 0.1rem #0079ca;
    color: #0079ca;
    border: none;
    color: #031419;
    font-weight: 600 !important;
}

/*Data no availables en seleccion de data cartelera*/
button.mat-calendar-body-cell.mat-calendar-body-disabled span {
    color: #a7b2ba !important;
    font-weight: 400 !important;
    background-color: #fff;
}

/*Dias de la semana*/
ob-calendar-filter-selector thead.mat-calendar-table-header span {
    color: #536b75 !important;
    font-weight: 500 !important;
    font-size: 14px;
}

/*Diseno adhoc linea encima de los dias de la semana*/
ob-calendar-filter-selector .custom-header-dates {
    padding-bottom: 1rem;
    border-bottom: solid .0625rem #ccd2d8;
}

/*Diseno adhoc linea debajo de los dias de la semana*/
table.mat-calendar-table {
    margin-top: 0.6rem !important;
}

/*Fecha de hoy*/
span.mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-today {
    background-color: #fff !important;
    color: #0079ca !important;
}

/*Fecha de hoy*/
span.mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-today:hover {
    background-color: #edf5ff !important;
    color: #0079ca !important;
}

/*Fecha hover*/
.ob-date-range-picker .mat-calendar-body-cell-container .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    border: solid 0.1rem #0079ca !important;
    background-color: #FFF;
}

/*Texto botones custom*/
ob-calendar-filter-selector .picker-actions span {
    font-weight: 500;
}

/*Botones fondo transparentes borde*/
button.mdc-button.mdc-button--unelevated.mat-mdc-unelevated-button.ghost.mat-unthemed.mat-mdc-button-base {
    border-radius: 50px !important;
}

/*Dias calendario seleccionados entre medio del dia A al dia B*/
.ob-date-range-picker .mat-calendar-body-cell-container .mat-calendar-body-cell.mat-calendar-body-in-range>span:not(.mat-calendar-body-selected) {
    box-shadow: inset 0 0 0 1px #0079CA;
    background-color: #fff;
    color: #0079CA;
}

/*Elemento azul seleccion de dia en el calendario*/
span.mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-selected:after {
    content: "";
    position: absolute;
    top: -0.03rem;
    right: -0.03rem;
    width: 10px;
    height: 10px;
    background: #0079CA;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    box-shadow: inset 10 10 10 1px #0079CA !important;
}

/*Texto button Select*/
ob-calendar-filter-selector ob-button.medium:last-child span {
    font-weight: bold !important;
}

/*POP UP CALENDARIO SELECCION DE FECHA Y SESION-----END*/


/* LITERALES*/
/* Ocultar fecha onebox */
ob-section-header .mat-icon {
    display: none;
}

/* Entradas disponibles */
.ob-availability {
    font-weight: 500 !important;
}

/* Precio */
.ob-base-price,
.ob-rate-final-price,
.ob-cart-summary-total,
.ob-event-total-price {
    font-weight: 600 !important;
    font-size: 16px !important;
}

/* Gastos de gestion */
.ob-rate-fees {
    color: #536b75 !important;
}

/* LITERALES----END*/

/*MODULO PROMOCIONES*/
/* Textos*/
.ob-select-graphic-promotions,
.ob-select-graphic-promotions .ob-message {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Enlaces*/
.ob-select-graphic-promotions .ob-link {
    color: #0079ca;
}

/* Icono*/
.ob-select-graphic-promotions mat-icon.mat-icon.notranslate.ob-icon.fill.material-symbols-outlined.mat-primary {
    color: #6f41d7 !important;
}

.ob-select-graphic-promotions.ob-keyboard-focus-style {
    border-radius: 8px;
}

/*MODULO PROMOCIONES----END*/

/* CARDS DE SESION*/
/* Etiqueta "from" */
mat-card-content.mat-mdc-card-content .actions-container .min-price-label {
    font-weight: 400;
}

/* Precio minimo */
mat-card-content.mat-mdc-card-content .actions-container [data-testid="ob-catalog-item-min-price"] {
    color: #031419 !important;
    font-weight: 700;
}

/* Card de sesion */
mat-card.mat-mdc-card.mdc-card.ob-catalog-item-card {
    border-radius: var(--theme-border-radius) !important;
}

/* CARDS DE SESION---END*/

/* CARD SUMMARY Y CARDS "DESDE"*/
/* Card "from" y card resumen */
ob-min-price-card .min-price-card,
mat-card.mat-mdc-card.mdc-card.ob-cart-summary-card {
    border-radius: var(--theme-border-radius) !important;
    box-shadow: 0 8px 16px 0 #00467933 !important;
    border: 1px solid var(--theme-gray);
}

/* */
.ob-detail-overlay {
    color: #031419 !important;
}

/*SELECCION DE RECINTO*/
/* Fondo de vista recinto */
ob-page-select-locations ob-mmc-venue-viewer .d2m-main.d2m-main-animated,
.ob-svg-container {
    background: #F5F6F6;
    background: linear-gradient(90deg, rgba(245, 246, 246, 1) 99%, rgba(231, 232, 232, 1) 100%);
}

/* Color de iconos en vista recinto */
ob-page-select-locations ob-venue-viewer {
    --mat-icon-color: #031419;
}

/* Botones dentro del visor de recinto */
ob-page-select-locations ob-venue-viewer button.mdc-icon-button.mat-mdc-icon-button.light.stroked.mat-unthemed.mat-mdc-button-base {
    border: 1px solid #CCD2D8;
    border-radius: 8px;
}

/* Botones dentro del visor de recinto "Hover"*/
ob-page-select-locations ob-venue-viewer button.mat-mdc-icon-button:hover {
    background-color: #F2F3F3 !important;
    border-radius: 8px !important;
}

ob-page-select-locations ob-venue-viewer ob-button>.mat-mdc-icon-button {
    --mat-icon-button-hover-state-layer-opacity: 0;
}

/* Botones de tabs (Price List / Your Tickets) */
ob-page-select-locations .tabs-container .tab-button {
    border: 1px solid #CCD2D8;
    border-radius: 999px !important;
}

/* Fondo de tabs */
ob-page-select-locations .tabs-container .tabs {
    background-color: #ffffff !important;
}

/* Iconos dentro de tabs */
ob-page-select-locations ob-graphic-selection-tabs .tabs-container .tabs .tab-button .ob-icon.mat-icon.xsmall {
    height: 14px;
    width: 14px;
}

/* Ajuste de espaciado en tabs */
ob-page-select-locations .tabs-container {
    padding-bottom: 0.6rem !important;
}

/* Botones de tabs (Price List / Your Tickets) -----END*/
/*Barra lateral zonas de precio -SELECCION DE ZONAS EN EL RECINTO*/
/*Custom lateral bar fondo "Vip tickets"*/
.related-channel {
    background: linear-gradient(to right, #fde4a8 50%, #e5b53f 80%) !important;
    color: #1a1a1a !important;
}

/*Poner blanca linea separadora entre zonas- barra lateral derecha*/
#sidebar section .mat-divider {
    border-top: #fff;
}

/*Espaciar barra lateral derecha*/
#sidebar section .mat-divider {
    margin: 1rem !important;
}

/* Nombre zonas de precio - barra lateral */
section.view-list .view-main-info-texts span {
    font-weight: 700;
}

/*Disponibilidad de tickets*/
section.view-list p.ob-availability {
    color: #0079ca;
}

/*Texto "from/desde"*/
section.view-list p.ob-from-label {
    color: #536b75;
    font-size: 0.9rem !important;
}

/*Texto precio */
section.view-list span.ob-base-price {
    color: #031419;
    font-weight: 700 !important;
    font-size: 1rem !important;
}

/*Fondo sold out-agotado-- barra lateral zonas de precio vendidas*/
section.view-list p.ob-availability.ob-sold-out-text {
    background-color: #eb0052;
    color: #fff;
    padding: 0.2rem 0.4rem;
    border-radius: 0.2rem;
    display: inline-block;
    white-space: nowrap;
}

/*TEXTO sold out-agotado-- barra lateral zonas de precio vendidas*/
section.view-list p.ob-availability.ob-sold-out-text {
    font-weight: 400;
    font-size: 0.75rem;
}

/*FONDO zonas de precio agotadas - barra lateral */
.view-item.ob-sold-out {
    background-color: #fff !important;
    border-radius: 0.3rem !important;
    border: solid 0.3px #ccd2d8 !important;
}

/*FONDO zonas de precio SELECCIONADO - barra lateral */
.view-list .view-item.opened {
    background-color: #fff !important;
    border-radius: 0.3rem !important;
    border: solid 0.3px #ccd2d8 !important;
    outline: 3px solid #bfcbe5;
    outline-offset: 1px;
}

.view-list .view-item {
    background-color: #fff !important;
    border-radius: 0.3rem !important;
    border: solid 0.3px #ccd2d8 !important;
}

/*Espacio bloque de texto de zona de precio- barra lateral */
span.ob-base-price {
    margin-bottom: 0 !important;
}

/*Espacio bloque de texto de zona de precio- barra lateral */
span.ob-base-price {
    margin-bottom: 0 !important;
}

/*SUMMARY*/
/* Texto de totales */
span.total-price,
.total {
    font-size: 18px;
    line-height: 28px;
}

/* Contador de tiempo */
.ob-order-countdown .ob-countdown-value mat-icon,
.ob-order-countdown .ob-countdown-value span {
    color: #0079CA !important;
}

.ob-flat-countdown .ob-order-countdown {
    font-weight: 400 !important;
}

span.ob-order-countdown.ng-star-inserted {
    background-color: #E6F4FF !important;
}

/* Carrito: contenido principal */
.ob-detail-overlay {
    color: #031419 !important;
}

/* Carrito: nombre del evento y fecha */
span.ob-session-date,
span.ob-event-name {
    color: #536b75 !important;
}

/*SUMMARY---END*/

/*NOT GRAPHIC*/
* Sombra topbar */ mat-toolbar.mat-toolbar.ob-top-bar.flex.justify-between.mat-toolbar-single-row {
    box-shadow: 0px 6px 10px #00000040;
}

/* Card */
ob-not-graphic-selection .side-pzs-selection {
    box-shadow: 0 .5rem 1rem #0000003d !important;
    border-radius: 8px;
}

/* Cabercera zona precio */
ob-not-graphic-selection ob-card.ob-selection-card>.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-title {
    border: none !important;
    background-color: #FFFFFF;
    font-size: 18px;
    margin-top: 8px;
}

/* Precio final & gastos de gestion */
ob-not-graphic-selection ob-card.ob-selection-card>.mat-mdc-card .ob-rate-final-price,
ob-not-graphic-selection ob-card.ob-selection-card>.mat-mdc-card .ob-rate-fees {
    font-size: 14px !important;
}

/* Gaston de gestion */
ob-not-graphic-selection ob-card.ob-selection-card>.mat-mdc-card .ob-rate-fees {
    color: #536b75 !important;
}

/* Contendor boton "Pagar" */
ob-not-graphic-selection .side-pzs-selection ob-button.ob-action-btn {
    padding: 1rem 1rem 0 1rem;
}

/*Fix texts on inputs*/
.mdc-floating-label {
    overflow: hidden !important;
}

/*NOT GRAPHIC----END*/

/*CHECKOUT*/
/* Bordes inputs */
.payment-methods ob-payment-methods mat-radio-group mat-radio-button,
.delivery-methods ob-delivery-methods mat-radio-group mat-radio-button {
    border: 1px solid #F2F3F3 !important;
}

/* Datos aistentes */
.ob-bounded-expansion-panel.mat-expansion-panel.with-select-border.mat-expanded {
    border: 1px solid var(--theme-gray) !important;
}

/* Borde del circulo cuando NO esta seleccionado */
.mdc-radio .mdc-radio__outer-circle {
    border: 1px solid #CCD2D8 !important;
}

/* Borde del circulo cuando esta seleccionado */
.mdc-radio .mdc-radio__native-control:checked~.mdc-radio__background .mdc-radio__outer-circle {
    border: 5px solid #0079ca !important;
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-selected-focus-icon-color: #FFFFFF;
    --mdc-radio-selected-hover-icon-color: #FFFFFF;
    --mdc-radio-selected-icon-color: #FFFFFF;
}

/*Force powered by fever above the final price*/
ob-page-checkout mat-card-content.mat-mdc-card-content::after {
    content: url('https://client-dists-resources-pre.s3.amazonaws.com/channels-client/bristolflyers/assets/powered-by-fever.svg');
    display: block;
    width: 110px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: 10px;
    opacity: 0.5;
}

/*Force powered by fever below the pay button*/
ob-page-checkout ob-checkout-agreements::after {
    content: url('https://client-dists-resources-pre.s3.amazonaws.com/channels-client/bristolflyers/assets/powered-by-fever.svg');
    display: block;
    width: 110px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: 10px;
    opacity: 0.5;
}

/*CHECKOUT----END*/

/*SUBFOOTER*/
/*Subfooter Adhoc FLC*/
.channel-footer-content {
    text-align: center;
    background-color: #1B1B1B;
    padding: 1rem 0;
}

/*Logo FLC */
.channel-footer-content img {
    width: 110px;
}

/*SUBFOOTER------END*/

/*FOOTER*/
/*Background subfooter*/
ob-footer.main-footer {
    background-color: #1B1B1B !important;
}

/*Color links subfooter & copyright*/
ob-footer.main-footer,
ob-footer.main-footer a,
ob-footer.main-footer span.footer-copyright,
ob-footer.main-footer span.justify-end {
    color: #fff !important;
}

/*Button language links subfooter*/
/*Language & icon */
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
    color: #fff !important;
    font-weight: 500;
}

/*Border*/
ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
    border: 1px solid #fff !important;
}

/*Powered by*/
/*Logo ONEBOX*/
ob-footer.main-footer img[src="assets/onebox.svg"] {
    filter: brightness(20) !important;
}

/*Text powered by*/
ob-footer.main-footer section.items-center {
    color: #fff;
}

/*Force powered by fever*/
.fever-logo {
    display: block !important;
}

.onebox-logo {
    display: none;
}

ob-footer.main-footer img[src="assets/fever.svg"] {
    filter: brightness(20) !important;
}

/*FOOTER----END*/

/*Mobile*/
@media (max-width: 599px) {

    /*Hide Footer*/
    .channel-footer {
        display: none;
    }
}

/*CUSTOM ABONO*/
/*Anadir img background en el espacio del literal abono y dias en EVENTO APARTADO ABONO*/
ob-catalog-item-card#sessionId-2630160 .flex.flex-col.items-center.justify-center.flex-grow.pack-days,
ob-catalog-item-card#sessionId-2630419 .flex.flex-col.items-center.justify-center.flex-grow.pack-days, 
ob-catalog-item-card#sessionId-2649063 .flex.flex-col.items-center.justify-center.flex-grow.pack-days{
    background: #17266d url('https://client-dists-resources.s3.amazonaws.com/channels-client/road_to_australia/assets/tennis-ball.png') center/cover no-repeat;
}


/*Esconder numeral de los dias de abono*/
ob-catalog-item-card#sessionId-2630160 span.days-count,
ob-catalog-item-card#sessionId-2630419 span.days-count, 
ob-catalog-item-card#sessionId-2649063 span.days-count{
    display: none !important;
}

/*Esconder literal DAY*/
ob-catalog-item-card#sessionId-2630160 span.days-label,
ob-catalog-item-card#sessionId-2630419 span.days-label, 
ob-catalog-item-card#sessionId-2649063 span.days-label{
    display: none !important;
}

/*Anadir magen entre abono e imagen*/
ob-catalog-item-card#sessionId-2630160 span.pack-title,
ob-catalog-item-card#sessionId-2630419 span.pack-title , 
ob-catalog-item-card#sessionId-2649063 span.pack-title {
    border-bottom: 1px solid #fff !important;
}

/*CUSTOM ABONO-----END*/