/* General style */

html, body {
    background: #000;
    height: 100%;
    width: 100%;
    color: #c5c5c5;
}
p {
}
.accordion .accordion-navigation > a, .accordion dd > a {
}

a:hover, a:active, .cookie-header a:hover{
    color: #EE2;
}

.event-desc {
    background-color: rgba(40, 40, 40, 0.8);}

 a:hover .icon{
    color: #fff;
 }
p, label, a{
    color: #fff;
}
iframe {
    border: 0px inset;
    border-image-source: inherit;
    background: #FFF;
}
.primary, .primary p {
    color: #EE2;
}

.promo-select-seat .primary {
    color: #fff;
}

/* Passbook msg */

.passbook {
	display: none;
}

/* header */

.header {
    margin-bottom: 1rem;
    background: url("../img/bg-header.jpg");
    background-size: contain;
    background-repeat: repeat-x;
    background-color: #000;
    border-top: 1px solid #FF0;
    background-position-y: 41px;
}

.logo-slogan{
    margin-top:5%;
}
/* footer */

#footer {
    background: #000;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}
footer {
    text-align: center;
}
.subfooter{
	background: #000;
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
}
.subfooter p {
	color: #fff;
}
.subfooter a {
	color: #fff;
	font-weight: normal;
}
.subfooter a:hover{
     color: #EE2;
}
.buyingProc-body footer img {
    width: inherit;
}
/*icon*/
.icon {
    color: #fff;
}


/*Top-bar*/
.tab-bar {
    background: #191919;
    color: #585855;
    height: 3.8rem;
}
.tab-bar .menu-icon span::after {
    left: 1.1rem;
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    width: 1.2rem;
}
.top-bar-time{
    background: #fff;
}
.top-bar-time p, .top-bar-time .icon{
    color: #191919;
}
.top-bar-container, .top-bar, .contain-to-grid{
    background-color: #000;
}

.top-bar-section .title{
}
.top-bar-section ul li {
    background: #EE2;
}
.top-bar-section ul li > a{
    color: #fff;
    background:  #000;
}
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar.expanded .title-area {
    background: #000;
    color: #fff;
}
#shopping-cart-info .icon, #shopping-cart-info span  {
    color: #000; 
}
#shopping-cart-info:after {
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.top-bar-section .dropdown li.title h5 a,
.top-bar ul > li:hover:not(.name) h5 a{
    background: #fff;
    color: #fff;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button){
    background-color: #191919;
    color: #fff;
}
.top-bar ul > li:hover:not(.name) a, .top-bar ul > li.active:not(.name) a, .top-bar ul > li:focus:not(.name) a,
.top-bar-section li:not(.has-form) a:not(.button):hover  {
    background-color: #000;
    color: #fff;
}
.top-bar-section .has-dropdown > a:after {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);   
}
.top-bar-section .has-dropdown > a:hover:after {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);   
}
.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button) {
    background: #191919;
    color: #fff;
    font-weight: bold;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #000;
    color: #fff;
    border-top: 1px solid #ffF;
    border-bottom: 1px solid #ffF;

}
.top-bar ul > li.has-dropdown .dropdown li {
    border-bottom: 1px solid #fff;
}
.top-bar-section .dropdown li:not(.has-form).active > a {
    background: #191919;
    color: #fff;
}
 

/* Search - date */

#searchDate, #eventsSearchCalendar .icon {
	color: #fff;
}
#eventsSearchCalendar {
    background: #000;
}
#events-search-input {
    
}
#events-search-input{
    background: #eee;
}

[date-picker] [ng-switch-when="date"] td:hover,
[date-picker] [ng-switch-when="date"] td:hover span.active.active,
[date-picker] [ng-switch-when="date"] td:hover span.now,
[date-picker] [ng-switch-when="date"] td span:hover {
  background: #EE2;
}

[date-picker] [ng-switch-when="date"] td:hover span {
  color: white;
}

[date-picker] .calendar-month {
    color: #3A3A3A;
}


[date-picker] .now, [date-picker] .active.active {
  background: white;
  color: #3b3b3b;
}

[date-picker] .calendar-day {
  color: #3b3b3b;
}

.event-box .description {
    background-color: #414141;
    background-color: rgba(250,255,39,0.8);
    padding: 0.625rem;
    margin-right: 0.9375rem;
    position: absolute;
    bottom: 0;
}

/* Full Calendar */

.box-hover:hover, .box-hover:hover .icon {
    background-color: #EE2;
}
.session-schedule .icon {
     color: #fff !important;
}


simple-calendar .current-month {
    color: #fff;
}
simple-calendar .day.disabled {
    color: #FFF;
    background-color: transparent;
}
simple-calendar .month-table, simple-calendar .week {
    float: left;
    width: 101%;
    /* background-color: #E7E7E7; */
}

 /*mes*/

simple-calendar .move-month {
  color: #141414;
}
.legend {
    background-color: #000;
    padding-top: 0.5rem;
}

/* Tabs */
#events-search-input {
    background: none repeat scroll 0 0 transparent;
    border: 0.1rem solid #fff;
    color: #fff;
}
.item-tab .tab-title .icon{
    color: #fff;
}
.item-tab .tab-title .icon:hover{
    color: #000;
}
.item-tab .tab-title.active .icon{
    color: #000;
}
.item-tab .tab-title a{
    background-color: #191919;
}
.item-tab .tab-title.active a,.tabs dd > a:hover, .tabs .tab-title.active > a:hover {
    background-color: #EE2;
}

.tabs dd > a:hover, .tabs .tab-title > a:hover {
    background: #EE2;
}
.tabs dd.active a, .tabs .tab-title.active a {
    background: #EE2;
    color: white;
}
simple-calendar .move-month {
    color: #FFF;
}
.calendar .month-name {
    color: #fff;
}
/* Welcome-message */

#welcome_container > div {
}
#welcome_message.section-box {
	background: #EE2;
    margin-top: 1.25rem;
    padding: 1rem;
    border: none;
}
#welcome_message.section-box p, #welcome_message.section-box p b {
	text-align: left;
	color: #000;
    font-weight: normal;
}

/* Content */

.content {
	padding-top: 20px;
}

.title {
    font-size: 1.6rem;
}
/* Boxes */

.section-box {
    background: #1b1b1b;
}
.section-box.eventId-2573 {
    background: #202020
}
.section-box .icon, .section-box .success .icon{
	color: #fff;
}
.title, #events-gallery .title, #items-gallery .title{
	color: #EE2;
}
.subtitle{
    color: #fff;
    font-weight: normal;
}
/* Sessions list */
.discount-box {
    background: transparent;
    color: #EE2;
    border: 1px solid #EE2 ;
    display: none;
}
.event-page .tabs-content .session-date {
}
.season-days, .season-text, .month, .day, .weekday{
    color: #EE2;
}
.tabs-content.section-box, .info-tabs .tabs .tab-title a{
    background: #191919;
}
.info-tabs .tabs dd.active a, .info-tabs .tabs .tab-title.active a {
    color: #000;
}
[date-picker] .calendar-month {
    color: #000;
}
/* Shopping */
.expanded-cart-info{
    background: #191919;
}
    /* Session info container */

div#session-info .section-content p, div#session-info .section-content .icon, div#session-info .subtitle {
    color: #fff;
}
div#session-info .title{
    content: #EE2;
}
    /* Tabs and titles of shopping */
.accordion .accordion-navigation > a,
.accordion dd > a,
.accordion .accordion-navigation > a:hover,
.accordion dd > a:hover {
    color: #000;
    background-color: #EE2;
    font-weight: bold;
    border: 1px solid #EE2;
}
.accordion .accordion-navigation.active > a,
.accordion dd.active > a {
    color: #000;
    background-color: #EE2;
    font-weight: bold;
    border: 1px solid #EE2;
}
/* ocultado de flechas en desplegables entradas y promociones */
dl.accordion dd > a:before {
    border-left: 0.625rem solid #fff;
    display: none;
}
dl.accordion dd > a:after {
    border-left: 0.625rem solid #333;
    display: none;
}
dl.accordion dd.active > a:after,
dl.accordion dd.active > a:before {
    border-right: 0.625rem solid transparent;
    border-left: 0.625rem solid transparent;
}
dl.accordion dd.active > a:before {
    border-top: 0.625rem solid #000;
    display: none;
}
dl.accordion dd.active > a:after {
    border-top: 0.625rem solid #EE2;
        display: none;
}
.prices-box span {
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

/* background recinto */
#svg-container {
}
[date-picker] [ng-switch-when="date"] td:hover,
[date-picker] [ng-switch-when="date"] td:hover span.active.active,
[date-picker] [ng-switch-when="date"] td:hover span.now,
[date-picker] [ng-switch-when="date"] td span:hover {
  color: #000;
}
    /* seats-panel  */
.select-locations-block .accordion-navigation > .content .info-box {
    background: #191919;
}
accordion .accordion-navigation > .content.active, .accordion dd > .content.active{
 background: #191919;
}
.prices-box {
    color: #2f4753;
}
.price-zone-info span.price-zone-promotion {
    background-color: #191919;
    color: #fff;}
#nomap-container .price-zone{
    border-bottom: 1px dotted #fff;
}
    /* slider */ 
.jslider.sliderCSS div.jslider-pointer {
    background-color: #EE2;
}  
.jslider.sliderCSS div.jslider-bg i.range { 
    background-color: #EE2;
}  
.jslider.sliderCSS div.jslider-bg i.left,
.jslider.sliderCSS div.jslider-bg i.right {
    background:#ddd;
}  

.jslider div.jslider-value {
    background: transparent;
    color: #EE2;
}

/* Promotions module */

.accordion-navigation > .content .tabs dd > a, .accordion-navigation > .content .tabs .tab-title > a {
    background: #333 !important;
    color: #FFF !important;
}
.accordion-navigation > .content .tabs dd:hover > a, .accordion-navigation > .content .tabs .tab-title:hover > a {
    background: #000 !important;
    color: #fff !important;
}
.accordion-navigation > .content .tabs dd.active > a, .accordion-navigation > .content .tabs .tab-title.active > a {
    background: #EE2 !important;
    color: #000 !important;
}
.saled-name {
        color: #000;
    font-weight: normal;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.site-cart-countdown .icon {
  color: #fff;
}
.summary-box.promo-select-seat:hover {
  background-color: #333;
}
.summary-box.promo-select-seat.selected label{
    color: #000;
}
/* Next step - breadcrumbs */

#steps-bar > div {
    color: #FFFFFF;
}
#steps-bar > div:before {
    border-bottom: 1.5rem solid transparent;
    border-top: 1.5rem solid transparent;
    border-left: 0.9rem solid transparent;
}
#steps-bar > div:after {
    border-bottom: 1.3rem solid transparent;
    border-top: 1.3rem solid transparent;
    border-left: 0.8rem solid #1b1b1b;
}
#steps-bar > div.next-step:after {
    border-left: 0.8rem solid  #666;
}
#steps-bar > div.actual-step:after {
    border-left: 0.8rem solid #EE2;
}
.step {
    background-color: #1b1b1b;
    font-weight: normal;
}
.actual-step {
    background-color: #EE2;
    color: #000 !important;
}
.next-step {
    background-color: #666;
    font-weight: normal;
}
.go-back:before {
        border-right: 0.4375rem solid #000;
}
/* links form */

.buyingProc-body .section-box #acceptTermsAndConds a {
    color: #191919;
}

/* checked options buy */
li .head {
    border: none;
}
li .head.checked {
    background-color: #333;
    border: 1px solid #333;
    color: #FFF;
}
#form-box .section-list .body {
    background: white;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.body p{
    color: #333;
}
p#finalPrice-box {
    background-color: #191919;
}
/* purchase OK */ 
.summary-box{
    background: #333;
    color: #fff;
    border: none;
}

.section-box.section-content  a span{
    color: #fff;
}
#refNumber-box .body {
    background-color: #43AC6A;
}
#finalPrice-box{
    background-color: #EE2;
    border: none;
}
.secondary, .secondary p, .breakdown-box {
    color: #fff;
}
.prices-box .arrow-down:before {
        border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.prices-box > div {
    color: #fff;
    border:1px solid #fff;
}
#finalPrice-box p {
    color: #000;
    font-weight: bold;
    font-size: 1.2rem;
}
/* Summary buying process */

.section-title, .section-content p.section-title {
    color: #fff;
}
#collapsed-summary > div{
    background-color: #EE2;
    color: #000;
}
.arrow-purchase-summary:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 0.4rem;
    border-color: rgba(0, 0, 0, 0) #0B0B0B rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    margin-right: 1.2rem;
    margin-top: -0.2rem;
    position: absolute;
    left: 0;
    top: 1.6rem;
}
#expanded-summary .summary-head{
    color: #FFF;
    background-color: #191919;
}
#expanded-summary .summary-head .icon{
    color: #FFF;
}
#expanded-summary .summary-head:after {
    border-color: transparent transparent transparent #FFFFFF;
}
#collapsed-summary-mobile .summary-head{
    color: #FFF;
}
#collapsed-summary-mobile .summary-head .icon{
    color: #FFF;
}

.summary-arrow:after {
    border-color: transparent transparent #FFFFFF transparent;
}
.arrow-down:before {
    border-color: #fff transparent transparent !important;
}
.arrow-up:before {
    border-color: transparent transparent #fff !important;
}
.prices-box .arrow-down:before {
    border-color: #fff transparent transparent !important;
}
.prices-box .arrow-up:before {
    border-color: transparent transparent #191919 !important;
}
.summary-body{
    border-left: 1px solid #191919;
    border-right: 1px solid #191919;
    background-color: #191919;
}
.summary-body .title {
    color: #EE2;
}
.summary-footer{
    color: #FFF;
    background-color:#EE2;
}
.summary-footer p{
    color: #000;
}
.summary-footer p.final-price {
    font-size: 1.2rem;
}
.alertbox.alert, .alert-box.alert, #summary-totalprice {
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.forward:before {
    border-left: 0.4375rem solid #000;
}
/* summary on top bar */

#shopping-cart-container{
    background: #191919;
}
#shopping-cart-info .indicator{
    border:none;
}
/* Buttons */

.button, .button:focus{
    background-color:#EE2;
    color:#000;
}
.button:hover{
    background-color:#EE2;
    text-decoration: underline;
    color:#1b1b1b;
}
.button.secondary, .button.secondary:focus {
    background-color: #333;
    border: none;
    color: #FFF;
}
.secondary.button.expand.close-reveal-modal.ng-binding {
    background: #666;
    color: #fff;
}
.button.secondary:hover {
    color: #FFF;
}
.go-back-box .button{
    background-color: #EE2;
    margin-top: 1.5rem;
    color: #000;
}
.forward:hover:after {
    border-left: 0.4375rem solid #EE2;
}
.forward:after {
    border-left: 0.4375rem solid #EE2;
}
.go-back:after {
    border-right: 0.4375rem solid #333;
}
.go-back:before {
    border-right: 0.4375rem solid #fff;}
.reveal-modal, dialog{
    background: #191919;
}
.reveal-modal .close-reveal-modal, dialog .close-reveal-modal{
    color: #fff;
}
.button.secondary.selected-mode-switch {
    background-color: #191919; 
}
.button.secondary.selected-mode-switch:hover {
    background-color: #3b3b3b; 
}
.reveal-modal .close-reveal-modal.button:hover {
    color: #000;
}

/* POP */

#popup-delete-ticket-cart-text {
    margin-bottom: 1rem;
}

/* Nav row -button _ volver atrás en lista sesiones */

.nav-row {
    margin-top: 0.9375rem;
}
.nav-row a, .nav-row a:hover  {
	color: #fff;
    padding-top: 0.9375rem;
	font-weight: normal;
}

.nav-row a.arrow-left:before {
	border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

/*Mobile*/
@media only screen and (max-width: 40.063em){
#events-list .mobile-background, 
#sessions-list .mobile-background, 
#supraevent-list .mobile-background,
#seasons-list .mobile-background{
    background: #191919;
    border-top: #ddd solid 1px;
}
    .icon.fi-shopping-cart {
        color: #EE2;
    }
    .go-back-box .go-back:after{
    border-right: 0.4375rem solid #EE2;
    }
    .section-box {
    border: none;
}
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active{
    background: #191919;
}
.left-off-canvas-menu ul li{
    background: #000;
}
.left-submenu .back > a.primary{
    background: #000;
    color: #191919;
}
.left-off-canvas-menu li.active{
   background: #EE2;  
}
/*MiniCalendar Mobile*/
#sessionMiniCalendar .calendar-day-container {
  background-color: #191919;
}
simple-calendar#miniCalendar {
  background: #191919;
}
simple-calendar#miniCalendar .day.disabled {
  background-color: #191919;
}
simple-calendar#miniCalendar .day-number {
  border: 0.2rem solid #191919;
}
simple-calendar#miniCalendar .day-number.active {
  background-color: #EE2;
}
simple-calendar#miniCalendar .day-number.active:hover {
  background-color: #000;
}
#viewCalendarSessions .section-content {
  background-color: #191919;
}

/* display nones*/
.eventId-2573 .button, .eventId-2573 .info-box, .eventId-2573 .text-right,.eventId-2573 .stamp {
    display: none !important;
}

@media only screen and (max-width: 40.063em) {
    .section-box.eventId-2573{
        display: none;
    }
    #items-list .mobile-background {
        background: #1B1B1B;
    }
}
.event-box .description p {
    color: #000;
    font-size: 0.875rem;
}
#venueView .prices-box > div {
    padding: 0.5rem 0.625rem;
    border: 1px solid #BBB;
    background-color: #191919;
}
#form-box input {
    font: 13.3333px Arial;
}

/* se oculta precio desde */
/*
#sessions-list .price-container {
    display: none;
}*/



.price-zone-selector:hover {
    background-color: #232323;
}

.price-zone-checkbox {
    background: transparent url('../img/noclick.png') 0 0 no-repeat;
}
.price-zone.no-active.selected .price-zone-checkbox, .price-zone.active.selected .price-zone-checkbox {
    background: transparent url('../img/selected.png') 0 0 no-repeat;
}

@media only screen and (max-width: 40.063em){
#items-list .comprar-entradas, #sessions-list .comprar-entradas, #supraevent-list .comprar-entradas, #seasons-list .comprar-entradas {
    margin: 1.2rem 0 0.9375rem;
}
}
.accordion-navigation > .content .accordion .accordion-navigation.active > a, .accordion-navigation > .content .accordion dd.active > a, .accordion-navigation > .content .accordion .accordion-navigation.active > a:hover, .accordion-navigation > .content .accordion dd.active > a:hover {
    background: #EEEE22;
    color: #191919;
}
/* Despliegue de promociones por defecto */

dd#venue-module > a, dd#sales-module > a {
}
#sales-module > .content {
    display: block;
    background: #1b1b1b;
}
#venue-module #content-navigator-next-seats {
    display: none;
}

.summary-box.promo-select-seat.selected:hover {
    background: #DAFFDA;
    border: green 1px solid;
}
.summary-box.promo-select-seat.selected .primary {
    color: #000;
}
simple-calendar#miniCalendar .day-number {
    padding: 0.3rem 0;
    border: 0.2rem solid #585855;
    color: #777777;
}
/* Ocultado de elementos por promotor */
.header, #event-info-box, #event-sidebar, #footer, .eventId-4172 .nav-row {
    display: none;
}
.info-tabs .tabs > dd{
    display: none;
}
.info-tabs .content.section-box {
    background: #000;
}
.info-tabs .content.section-box p {
    line-height: 25px;
}
#event-sidebar {
    display: none !important;
}
#view-filters {
    margin-top: 30px;
}
.eventId-4172 .accordion-navigation {
    display: none;
}

/*color info-box en pasarela de pago*/
.info-box {
    background: #EE2;
    padding: 0.5rem;
}
.info-box p {
    color: #000;
}
.info-box .icon {
    color: #000;
}
#items-gallery .info-box{
    background: #1b1b1b;
}
#items-gallery .info-box p, #items-gallery .info-box .icon, .content.active .info-box p, .content.active .info-box .icon {
    color: #FFF;
}
/*Soluciona bug temporalmente flow cartelera*/
#items-gallery .event-box,#supraevent-gallery .section-box {
flex-flow: row wrap;
}