/*
COLORES A REEMPLAZAR

CONTENIDO rgb(153,153,153)
PPAL AZUL rgb(255,157,0)
TITULOS rgb(0,45,90)
TEXTO GLOBAL rgb(153,153,153)
FONDO DE ATRAS DEL BANNER EVENTO rgb(0,98,196)
FONDO DE LA PAGINA EVENTO body#evento{background: rgb(250,250,250);}
*/


body{font-family: "roboto"}
body#evento{background: rgb(250,250,250);}

.color-texto-global{color: rgb(153,153,153);}
.color-texto-contenido{color: rgb(153,153,153);}
.color-titulos {
    color: var(--c4);
}
.color-sub-titulos{color: rgb(0,45,90);}
.color-b{color: rgb(255,255,255);}
.color-ppal {
    color: var(--c1);
}

.color-icon-c{color: var(--c1);}

body#evento #main .wrap-evento .banner-evento .info-evento #fecha-r p{color:rgb(255,157,0) !important;}

body#evento .bg-top{background: rgb(0,98,196);}

#mapa-boletos-wrap .wrap-boletos .boletos .content .item{color: rgb(0,45,90);}

.bg-disabled{background: rgb(0,98,196);}
.bg-ppal{background: rgb(0,98,196)}
.bg-secundario{background: rgb(0,98,196);}



.hover-text-ppal:hover{color: rgb(255,157,0)}
.hover-content:hover{color: rgb(153,153,153)}
.hover-text-b:hover{color: rgb(255,255,255)}
.hover-text-titulos:hover{color: rgb(0,98,196);}



body#evento .calendar .wrap-opciones article.agotado:hover .dir p{color:  rgb(0,45,90);}
body#evento .calendar .wrap-opciones article.agotado:hover .fecha p{color:  rgb(0,45,90);}



.hover-ppal:hover{background: rgb(255,157,0)}
.hover-secundario:hover{background: rgb(255,157,0);}



.btn-ppal{background: rgb(214,214,214);}
.btn-ppal.active{background: rgb(255,157,0)}
.btn-ppal.active:hover{background: rgb(0,98,196);}

.wrap-pago .wrap-resumen .promo p i,
.wrap-pago .resumen .donaciones .btns.multiple.show-input > div:nth-child(3) i,
.wrap-pago .wrap-resumen .tickets article .ticket > i.icon-cerrar{color: rgb(153,153,153);}

.btn-light{background:none;border:solid 1px rgb(255,157,0);color:rgb(255,157,0);}
.btn-light.inactive{background: rgb(214,214,214) !important;border:solid 1px rgb(214,214,214) !important; color: rgb(255,255,255);}


#tabla-boletos tbody tr td .ctrl-cant button{
	color: rgb(255,157,0);
	border:solid 2px rgb(255,157,0);
	background: rgb(255,255,255);
}

#tabla-boletos tbody tr td .ctrl-cant button#add-ent:hover,
#tabla-boletos tbody tr.activo td .ctrl-cant button#rem-ent:hover
{
	color: rgb(255,255,255);
	background: rgb(255,157,0);
}

.wrap-pago .wrap-resumen .tickets article .ticket{
	color: rgb(0,45,90);
}

.wrap-pago .resumen .donaciones .btns a{
	color: rgb(153,153,153);
	border: solid 1px rgb(216,216,216);
}

.wrap-pago .resumen .donaciones .btns.multiple>div:nth-child(2) a.active,
.wrap-pago .resumen .donaciones .btns.multiple>div:nth-child(2) a:hover{
	background:  rgb(255,157,0);
	border: solid 1px rgb(255,157,0);
	color: rgb(255,255,255);
}

.tooltip-term{
	background: rgb(0,45,90);
	color: rgb(255,255,255);
}
.tooltip-term:after{
	border-top: solid 10px rgb(0,45,90);
}

body footer, #footer-m {
    background: var(--c4);
}
.header-ev{
	background: rgb(0,45,90);
}
/*confirmacion*/
.confirmacion header,
 .confirmacion header.fixed{
 	background: var(--c1);
 }
/*confirmacion*/

/*calendario*/

/*color dia evento seleccionado */
.calendar .wrap-opciones.datepicker .ui-state-active,
.calendar .wrap-opciones.datepicker .ui-widget-content .ui-state-active,
.calendar .wrap-opciones.datepicker .ui-widget-header .ui-state-active,
.calendar .wrap-opciones.datepicker a.ui-button:active,
.calendar .wrap-opciones.datepicker .ui-button:active,.calendar .wrap-opciones.datepicker .ui-button.ui-state-active:hover {
	font-weight: bold !important;
	color: rgb(0,0,0) !important;
	border-radius: 2px;
}
/*color dias eventos*/
.calendar .wrap-opciones.datepicker .ui-datepicker td.event span, .ui-datepicker td.event a {
	background: rgb(250,250,250) !important;
	color: rgb(255,157,0) !important;
	font-weight: bold !important;
	position: relative;
}

.calendar .wrap-opciones.datepicker .ui-datepicker td.event span, .ui-datepicker td.event.multiple a:after{
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	position: absolute;
	bottom: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	border-radius: 50%;
	background: rgb(255,157,0);
}

/*color dias*/
.calendar .wrap-opciones.datepicker .ui-datepicker th{
	color: rgb(153,153,153);
}
/*titulo de los meses y color de las fechas*/
.ui-widget-header,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	color:  rgb(0,45,90);
}
/*calendario*/

/*evento*/
body#evento .calendar .wrap-opciones article .label,
body#evento #main .wrap-evento .info-evento .label{
	color: rgb(255,157,0);
	border:solid 1px rgb(255,157,0);
	text-transform: uppercase;
}
/*evento banner fijo y movil*/
@media (max-width: 576px) {
	header .banner-evento .info-evento .datos .fecha,
	header .banner-evento .info-evento .datos .title
	{
		color: rgb(255,255,255) !important;
	}
}