/* Index */

.idiomas a {
    color: var(--color-text-link) !important;
}

.inside {
    color: var(--color-icon-primary) !important;
}

#mensaje {
    color: var(--color-text-primary) !important;
}

.inputforma {
    background-color: white !important;
}

/* Home */

#textoLoading {
    color: var(--color-text-primary) !important;
}

.activadoMenu {
    color: var(--color-text-link) !important;
}

header .bg-beyond {
    background: var(--color-bg-primary);
}

header .select-menu-top select {
    background: var(--color-bg-primary);
    color: var(--color-text-inverse) !important;
}

header .select-menu-top::after {
    color: var(--color-icon-inverse) !important;
}

header .navbar-dark .navbar-nav .nav-link, header .menu-top ul li a {
    color: var(--color-text-inverse) !important;
}

header .menu-top ul li .iconomenu i, header .menu-top .menuMini i {
    color: var(--color-icon-inverse) !important;
}

header .dropdown-item {
    color: var(--color-text-primary) !important;
}

header .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--color-text-link) !important;
}

header .select-menu-top select option {
    color: var(--color-text-inverse) !important;
}

#footer2 .logosFooterLeft img {
    width: 80% !important;
}


/* Promociones */

.bgcolor {
    background-color: var(--color-bg-main-secondary) !important;
}

.c {
    stroke: var(--color-icon-primary) !important; 
}

#searchBox .form-group .form-control, #searchBox .s-form-box .s-input .dropdown .dropdown-toggle {
    border: solid 1px var(--color-border-neutral-secondary) !important;
}

.icono-blanco {
    color: var(--color-icon-primary) !important;
}

/* Hoteles */

.overlay .text {
    color: var(--color-text-secondary) !important;
}

.destinoFF {
    border: solid 1px #FCFDFF !important;
    box-shadow: 0px 8px 8px 3px #06343D1A;
}

.lightpick__day.is-start-date, .lightpick__day.is-end-date, .lightpick__day.is-start-date:hover, .lightpick__day.is-end-date:hover {
	background-image: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 0;
    background-color: var(--color-calendar-date-hover);
}

.lightpick__day.is-in-range:hover {
	background-image: none !important;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background-color: var(--color-calendar-date-hover);
}

#listado .contenedorHotelesBusqueda {
    border: solid 1px var(--color-border-neutral-secondary) !important;
}

#filtersForm #starselect .checkbox label {
    border: solid 1px var(--color-border-neutral-secondary) !important;
}

#searchBox.extendedBox #filtersForm #s-filter-header .s-btn-filter {
    background: transparent !important;
    color: var(--color-text-primary) !important;
}

.tag-secondary {
    background: var(--color-bg-secondary) !important;
}

#filtersForm #starselect .checkbox input:checked + label i, #filtersForm #starselect .checkbox input:checked + label {
    color: var(--color-icon-accent) !important;
}

.s-range .sr-values label .s-range-value {
    color: var(--color-text-secondary) !important;
}

.s-range .sr-input input[type="range"]::-webkit-slider-thumb {  
    background-color: var(--palette-color5) !important;
    border: 1px solid var(--palette-color5) !important;
}

#searchBox #filtersForm .divSection .title {
    color: var(--color-text-primary) !important;
}

#FilterBoardName .checkbox input[type='checkbox']:checked+label span, #FilterCategoryName .checkbox input[type='checkbox']:checked+label span {
    background-color: var(--color-icon-accent) !important;
    border-color: var(--color-icon-accent) !important;
}

.nombre, .contenedorHotelesBusqueda .DestinoL, .contenedorHotelesBusqueda .header .fechas {
    color: var(--color-text-primary) !important;
}

.contenedorHotelesBusqueda .contenedor_precio div.tituloPrecios .titlePrice:nth-child(1) span:nth-child(2), .contenedorHotelesBusqueda .contenedor_precio div.tituloPrecios .titlePrice:nth-child(1) span:nth-child(1) {
    color: var(--color-text-secondary) !important;
}

/* Hotel Detalles */

#hotelitoDetalle .fechas, .informacion h3, h3.titulos, .tabsHabitaciones .informacionHabitacion .carga2 .hab,.tabsHabitaciones .informacionHabitacion .numadultnino i {
    color: var(--color-text-primary) !important;
}

.informacion div {
    color: var(--color-text-secondary) !important;
}

.activaItemT {
    border: 2px solid var(--color-border-secondary) !important;
}

/* Resumen carrito */

.regresar:focus, .regresar:active, .regresar:visited {
    color: var(--color-text-link) !important;
}

.resumen .nombreReserva span i, .estrellasHotel, .resumen .iconosDetalle span i {
    color: var(--color-icon-accent) !important;
}

#opcionReserva b {
    color: var(--color-text-secondary) !important;
}

.resumen input, .resumen select {
    color: var(--color-text-secondary) !important;
}

.resumen label strong {
    color: var(--color-text-primary) !important;
}

/* Boton de subir */
#buttonTop {
   background-color: var(--color-button-primary-bg-default) !important; 
}

#buttonTop:active {
    background-color: var(--color-button-primary-bg-hover) !important;
}

/* Menú plegable servicios de viaje */

header .dropdown-item:hover, header .dropdown-item:focus {
    background: var(--color-button-primary-bg-hover) !important;
}

header .dropdown-menu {
    background: var(--color-button-primary-bg-default) !important;
}

header .dropdown-item:not(:last-child) {
box-shadow: none !important;
}

.activadoSubMenu {
    color: var(--color-text-secondary) !important;
    background: var(--color-button-primary-bg-hover) !important;
}

/* Carros */

.carrosResquest .NombreDes {
    color: var(--color-text-link) !important;
}

.destino {
    color: var(--color-text-primary) !important;
}

.carrosResquest #medio .columna {
    color: var(--color-text-secondary) !important;
}

/* Last Minute */

.seleckBox .box:hover, .seleckBox .box.selected {
    border-color: var(--color-text-link) !important;
}

.seleckBox .box {
    border: solid 1px var(--color-border-neutral-secondary) !important;
}

.seleckBox .box:hover span, .seleckBox .box.selected span {
    color: var(--color-text-primary) !important;
}

.seleckBox .box.selected i {
    color: var(--color-icon-accent) !important;
}

.seleckBox .box i {
    color: var(--color-icon-primary) !important;
}

#contenidoDiv {
    background-color: white !important;
}

.contenedorLM .item-last {
    border: solid 1px var(--color-border-neutral-secondary) !important;
}

.contenedorLM .item-last .itemsLM .header>div.titles {
    color: var(--color-text-primary) !important;
}

.contenedorLM .item-last .itemsLM .fechasLast div strong, .contenedorLM .item-last .itemsLM .fechasLast div {
    color: var(--color-text-primary) !important;
}

.contenedorLM .item-last .itemsLM .contentheaders label {
    color: var(--color-text-primary) !important;
}

.contenedorLM .item-last .itemsLM .contentheaders .activeRadio {
    border-color: var(--color-border-secondary) !important;
}

.buscadorLMinute .listdias i {
    color: var(--color-icon-primary) !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: var(--color-button-primary-bg-hover) !important;
    border: 1px solid var(--color-button-primary-bg-hover) !important;
    color: var(--color-text-primary) !important;
}

.request .regreso a, .showDrop {
    color: var(--color-text-link) !important;
}

.request .detalleList span, .chronosoft .textoRequest p, .request .acuerdo {
    color: var(--color-text-secondary) !important;
}

.chronosoft .detalleCompra .precioG ul, .chronosoft .detalleCompra .precioG li, .request .description h3,.request .detalleList span strong {
    color: var(--color-text-primary) !important;
} 

.chronosoft #share .titulos {
    color: var(--color-text-primary) !important;
}

/* Resort Stay */

.detinosBox .itemdestinos .regiones .SecTrimestre [type="radio"]:checked + label, .detinosBox .itemdestinos .regiones .SecTrimestre .month label:hover {
    color: var(--color-text-link) !important;
}

#LRegion h3 a, #LRegion h3 a span, .addReadMore .readMore, .addReadMore .readLess {
    color: var(--color-text-link) !important;
}

#contenidoSube .semanasDisponibles p {
   color: var(--color-text-primary) !important; 
}

.fichaResort .row i {
    color: var(--color-text-primary) !important;
}

div.tablaResort div[data-label="B-Rewards"] {
    color: var(--color-text-link) !important;
}

/* Premium Weeks */
.formBuscador .group .box {
    border: solid 1px var(--color-border-neutral-secondary) !important;
}

.formBuscador .group .box.selected {
    border-color: var(--color-border-secondary) !important;
}

.formBuscador .group .box.selected svg path {
  fill: var(--color-icon-accent) !important;
}

/* color scroll */

#scrollIndicator:before,
#scrollIndicator:after {
    background: var(--palette-color1) !important;
}

#scrollIndicator span,
#scrollIndicator2 span {
    background-color: var(--palette-color1) !important;
}

.scrollbar::-webkit-scrollbar-thumb {
    background: var(--palette-color1) !important;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--palette-color2) !important;
    border: 4px solid var(--palette-color2) !important;
    cursor: pointer;
}


/* Pop Up */ 

.parrafopop, .titulopop2 {
    color: var(--color-text-primary) !important;
}

/* Experiencias Exoticas */

.fichaLounge .Textdescripcion {
    color: var(--color-text-primary) !important;
}

.listaFichas .contenedorFichas .precioInfo {
    color: var(--color-text-primary) !important;
}

.listaFichas .contenedorFichas .contenido .descripcion {
    color: var(--color-text-secondary) !important;
}

.fichaExoticas a {
    color: var(--color-text-link) !important;
}

.ContenidoTabs .nav-tabs .nav-item .nav-link {
    background: var(--color-button-primary-bg-default) !important;
    color: var(--color-text-primary) !important;
}

.ContenidoTabs .nav-tabs .nav-item .active {
    background: var(--color-button-primary-bg-hover) !important;
}

/* Tickets */

.fichaRequest .NombreDes, .fichaRequest .NombreDes i {
    color: var(--color-text-link) !important;
}

/* Perfil Usuario */

.boxPerfil .titlePerfil h2 {
    color: var(--color-text-primary) !important;
}

.boxPerfil .titlePerfil .botonEdicion,.expand h2 {
    color: var(--color-text-primary) !important;
}

/* Mobile ajustes */
@media (max-width: 992px) {
	#searchBox.extendedBox #filtersForm .divSection .title a i.s-icon, #searchBox .form-group .s-icon {
		color: var(--color-icon-primary) !important;
	}
	#searchBox .buscadorLMinute .filterMobile .s-icon {
		color: var(--color-icon-primary) !important;
	}
    .mobileMenu {
        background: linear-gradient(269.94deg, var(--palette-color1) 19.15%, var(--palette-color2) 98.63%) !important;
    }
}

.burger, .burger::before, .burger::after {
    background: var(--color-button-primary-bg-default) !important;
}

@media (max-width: 992px) {
	#searchBox .s-form-box .s-input .dropdown .dropdown-toggle .sbox-group i {
		color: var(--color-icon-primary) !important;
	}
	header .navbar-dark .navbar-nav .nav-link:hover{
		background: var(--color-button-primary-bg-hover) !important;
		border-color: var(--color-button-primary-bg-hover) !important;
		color: var(--color-text-primary) !important;
	}
	header .perfilMobile .textmenuWelcome, .nombrePerfil, header .perfilMobile #out, header .ActionMobile .botonesSalir a {
        color: var(--color-text-inverse) !important;
    }
	.mobileMenu {
        background: linear-gradient(269.94deg, var(--palette-color1) 19.15%, var(--palette-color2) 98.63%) !important;
    }
    header .ActionMobile .botonesSalir a:hover {
        color: var(--palette-color2);
    }
    .perfil-user-mobile a{
        color:var(--color-text-inverse) !important;
    }
	.perfil-user-mobile a:hover {
		color: var(--color-text-link) !important;
	}
	#searchBox #btnOpenFilters .s-icon {
	color: var(--color-icon-accent) !important;
	}
	#searchBox.extendedBox #filtersForm .divSection .title a i.s-icon, #searchBox .form-group .s-icon {
		color: var(--color-icon-primary) !important;
	}
	#searchBox .buscadorLMinute .filterMobile .s-icon {
		color: var(--color-icon-primary) !important;
	}
    header .logoBeyondMobile {
      width: 75px;
    }
}

@media (max-width: 575.98px) {
    header .logoBeyondMobile {
        max-width: 60px;
    }
}