/* Index */

.text-center {
	font-size: 16px;
}

.img-fluid {
    height: auto;
 }

 .bordeHeader {
    width: 100%;
    height: 4px;
    background: linear-gradient(87.61deg,var(--palette-color-barra2) 0%, var(--palette-color-barra1) 28.6%, var(--palette-color-barra1) 64.5%, var(--palette-color-barra1) 100%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 50%);
}

/* Hotels nuevo */

.ui-menu .ui-menu-item-wrapper{
	    padding: 0px 1em 3px .4em !important;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper:active, .ui-menu .ui-menu-item .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item .ui-menu-item-wrapper:focus, .ui-menu .ui-menu-item .ui-state-focus, .ui-menu .ui-menu-item .ui-state-active {
	color: var(--texto-menu) !important;
}

.contenedorLM .item-last  {
	margin-top: 30px;
}

.imprimir button {
	background-color: var(--fondo-bonotes) !important;
}

.tituloPrecios .price.txt-lightblue {
    color: var(--palette-color-barra1) !important;  
}

.tituloPrecios .price.txt-blue {
    color: var(--palette-color1) !important;
}

.tituloPrecios .price.txt-orange {
    color: var(--palette-color2) !important;
}

.ContenidoTabs .nav-tabs .nav-item .active {
	background-color: var(--palette-color2) !important;
}
.fichaPromocion .btn-reservar.whatsapp {
	background: #36AF00 !important;
}

.contenido .nombreReserva span i, .contenido .iconosDetalle span i, .contenido .itemRoom .itemIconRoom span i {
	color: var(--textoComplemento4) !important;
}


.activadoMenu, .activadoSubMenu {
    color: var(--palette-color1) !important;
}


p  {
	color: var(--palette-color2) !important;
}

strong {
	color: var(--palette-color1) !important;
}

.itemIconRoom{
	color: var(--palette-color1) !important;
}

#confirmBox {
	color: var(--textoComplemento5) !important;
}

h2 {
	color: var(--palette-color1) !important;
}
h1, h3, h4, h5 {
	color: var(--textoComplemento5) !important;
}

.fixed-header .logoBeyond {
    width: 80% !important;
    content:var(--logoscroll)
}

b {
	color: var(--palette-color2) !important;
}

.contenedorLM .item-last .formBuy .btnReservar {
	background-color: var(--fondo-bonotes) !important;
}

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

.contenedorHotelesBusqueda .DestinoL {
	color: var(--palette-color2) !important;
}
.contenedorHotelesBusqueda .header .fechas {
	color: var(--palette-color2) !important;
}
.btn-container .btn-relogin {
	background: var(--fondo-bonotes) !important;
}

.informacionPrecios .verDetallesH {
	background-color: var(--fondo-bonotes) !important;
}

.filterForm .filterInput .dropdown {
    width: 100%;
    height: 79%;
}

.filterForm .filterInput .dropdown .dropdown-toggle {
	padding: 4.5px 0px;
	width: 100%;
    background: #fff;
    padding: 6.7px 0px;
    border: 1px solid var(--palette-color-margen) !important;
}

#cajaReserva .busquedabtn, #cajaReserva .btnCancelar, #cajaReserva .busquedabtnCerrar {
	background-color: var(--fondo-bonotes) !important;
}

#searchBox.extendedBox .s-resume .s-open-box.rounded-circle .s-icon {
	color: var(--texto-menu) !important;
}

#searchBox.extendedBox .s-resume .s-open-box.rounded-circle {
	background-color: var(--fondo-bonotes) !important;
}

header .carMobile .call-orange a i {
	width: 30px !important;
}

header .call-orange a i {
    height: 26px !important;
}

#searchBox.extendedBox .s-open-modal {
	border: 1px solid var(--palette-color1) !important;
	color: var(--texto-menu) !important;
	background: var(--palette-color1) !important;
}

.resumen .Habitaciones .itemRoom .itemIconRoom span i {
	color: var(--textoComplemento4) !important;
}

.resumen .Habitaciones .itemRoom .itemIconRoom span {
	color: var(--palette-color1) !important;
}

.resumen .nombreReserva span i {
	color: var(--textoComplemento4) !important;
}

.resumen .iconosDetalle span i {
	color: var(--textoComplemento4) !important;
}

.resumen h4 {
	color: var(--palette-color1) !important;
}

#searchBox.extendedBox .s-resume .s-info p, #searchBox.extendedBox .s-resume .s-results {
	color: var(--palette-color1) !important;
}

.ultratabs input[type="radio"]:checked {
	background-color: var(--palette-color1) !important;
}

.habList div i {
	color: var(--palette-color2) !important;
}

#opcionReserva #anteriorPag{
	background-color: var(--fondo-bonotes) !important;
}

#opcionReserva .send {
	background-color: var(--fondo-bonotes) !important;
}

table.tablaResort th {
	color: var(--palette-color1) !important;
}

.chronosoft .detalleCompra .precioG ul {
   color: var(--textoComplemento5) !important;
}

.chronosoft .detalleCompra .precioG li {
	color: var(--palette-color1) !important;
}

.chronosoft .detalleCompra #medio span {
	color: var(--textoComplemento5) !important;
}

.chronosoft .textoRequest p {
	color: var(--textoComplemento5) !important;
}

.listFilter .contenedorFichas .contenido .locacion {
	color: var(--palette-color1) !important;
}

.listFilter .contenedorFichas .contenido .textTerminal {
	color: var(--textoComplemento4) !important;
}

#searchBox .s-form-box .s-input .dropdown .dropdown-toggle .sbox-group input {
    color: var(--palette-color1) !important;
}

#searchBox .s-form-box .dm-btn-box .applyGroups {
    background-color: var(--palette-color1) !important;
}

#searchBox .s-form-box .s-input .dm-group-item .dm-group-item-info span {
    color: var(--palette-color2) !important;
}

#searchBox .s-form-box .s-input .input-numeric .form-control {
	color: var(--textoComplemento4) !important;
}

#searchBox .s-form-box .s-input .dm-group-item .dm-group-item-info small {
	color: var(--textoComplemento4) !important;
}

#searchBox .s-form-box .s-input .dropdown .dropdown-divider {
	border: 1px solid var(--palette-color1) !important;
}

.DetalleCompra {
	color: var(--textoComplemento4) !important;
}

h4 {
	color: var(--palette-color1) !important;
}

#buttonTop {
	background-color: var(--palette-color1);
}

.showDrop {
	color: var(--textoComplemento4) !important;
}

label {
	color: var(--palette-color1) !important;
}

.activadoMenu, .activadoSubMenu {
	color: var(--textoComplemento4) !important;
}

.ultratabs .tablaRooms .itemRoomRes .rSocio {
    color: var(--textoComplemento4) !important;
}

.tituloPrecios .price.txt-orange {
	color: var(--palette-color2) !important;
}

.detinosBox .itemdestinos .regiones .vermasInfo {
	background: linear-gradient(269.94deg, var(--palette-color1) 19.15%, var(--palette-color2) 98.63%) !important;
}

.contentRewards .divrewards, .contentRewards2 .divrewards {
	background: linear-gradient(269.94deg, var(--palette-color1) 19.15%, var(--palette-color2) 98.63%) !important;
}

.contentRewards .divrewards h2, .contentRewards2 .divrewards h2, .cotainerRewards2 h1 {
	color: var(--texto-menu) !important;
	font-weight: 600 !important;
}

.icono-blanco {
	color: var(--texto-menu) !important;
	font-size: 2em;
	margin-left: 8px;
}

.contentRewards .divrewards p, .contentRewards2 .divrewards p {
	color: var(--texto-menu) !important;
}

/* Resort Stays */

.fichaResort {
	background-color: var(--textoComplemento1) !important;
}

h1, h3, h4, h5 {
	color: var(--textoComplemento4) !important;
}

#contenidoSube .semanasDisponibles p {
	color: var(--palette-color1) !important;
    margin-bottom: 5px;
    margin-top: 25px;
    text-align: center;
    font-weight: 700;
}

.fichaResort ul li:first-child {
    color: var(--palette-color1) !important;
}

.fichaResort ul li {
	color: var(--palette-color1) !important;
}

.addReadMore .readMore, .addReadMore .readLess {
	color: var(--textoComplemento4) !important;
}

.listaFichas .contenedorFichas .botonBook a {
	background-color: var(--palette-color1) !important;
}

.contenedorFichas .botonBook a {
	background-color: var(--palette-color1) !important
}

@media (max-width: 992px) {
    #searchBox .form-group .s-icon {
       left: 5px  !important;
    }

	#filtersForm .checkbox input[type="checkbox"]:checked+label::after {
		border: none !important;
	}
}

#destinoSemana h2 {
	color: var(--textoComplemento4) !important;
}

.bookPremium #contenedor #colPrincipal #imagenSemana .classMarcaAgua p {
	color: var(--textoComplemento1) !important;
}

/*Home*/

#searchBox .btn-search, #searchBox .btn-cancel, #searchBox .btn-search-close {
	background: linear-gradient(269.94deg, #0D2365 19.15%, #2E4692 98.63%) !important;
}

.MapaDe {
	color:var(--texto-menu) !important;
}

.nav-link {
	color:var(--texto-menu) !important;
}

.centerTelFooter a {
	color:var(--texto-menu) !important;
}

#footer2 .logosFooterLeft img {
	width: 83% !important;
    margin: 20px 20px 20px !important;
}

header .bg-beyond {
	background: var(--degree-menu2)!important;
}

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

header .menu-top ul .avatar a, header .menu-top ul .menuMini a {
	color: var(--textoComplemento1) !important;
}

#footer2 {
	background: var(--degree-menu2)!important;
}

#footer3 {
	background: var(--degree-menu1)!important;
}

.iconomenu {
	color: var(--textoComplemento1);
}

.filterHome {
	background-color: var(--textoComplemento1) !important;
}

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

header .dropdown-item:not(:last-child) {
	box-shadow: 0px 1px 0px 0px #2e469c8a !important;
}

header .dropdown-item:hover, header .dropdown-item:focus {
	background: #0d2365cf !important;
}

.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(--palette-color2);
}

#searchBox .s-form-box .s-input .input-numeric {
	border: 1px solid var(--palette-color2) !important;
}

header .menu-top ul li a:hover {
    color: var(--textos-principales) !important;
}

#listado .contenedorHotelesBusqueda {
	background-color: var(--textoComplemento1) !important;
	border: solid 1px var(--palette-color1) !important;
}

#LRegion h3 a span {
	color: var(--palette-color1) !important;
}

#searchBox .s-icon {
	color: var(--palette-color1) !important;
}

.btnSearch {
	background: linear-gradient(269.94deg, var(--palette-color1) 19.15%, var(--palette-color2) 98.63%) !important;
}

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

header .navbar-dark .navbar-nav .nav-link.activadoMenu {
	border-color: var(--textoComplemento4) !important;
}

.itemFichaCarro .itemCarros .inferior .infotxt .destino {
	color: var(--palette-color1) !important;
}

.itemFichaCarro .itemCarros .botonReservar:hover {
	background: var(--palette-color2) !important;
}

.destino, .precioG:nth-child(3), .carrosResquest .NombreDes {
	color: var(--palette-color1) !important;
}

.listFilter .contenedorFichas .contenido .nombre {
	color: var(--palette-color2) !important;
}

.listFilter .contenedorFichas, .descripcion {
	color: var(--textoComplemento5) !important;
}

.fichaLounge .instalaciones li:before, .titulo, .bold, .NombreDes, .contenedorFichas, .contenedorFichas, .contenedorFichas .socios {
	color: var(--palette-color1) !important;
}

.fichaLounge form .botonSend {
	background: var(--palette-color1) !important;
}

.comprar a:hover {
	background: var(--palette-color2) !important;
}

.contenedorFichas {
	background-color: var(--textoComplemento1) !important;
}

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

.seleckBox .box span {
	color: var(--palette-color1) !important;
}

#contenidoSube .buscadorLMinute .btnBuscar {
	background: linear-gradient(269.94deg, var(--palette-color1) 19.15%, var(--palette-color2) 98.63%) !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(--palette-color1) !important;
    border: 1px solid var(--palette-color1) !important;
}

.contenedorLM .item-last {
	background: var(--textoComplemento1)!important;
    border: solid 1px var(--palette-color2)!important;
}

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

.contenedorLM .item-last .formBuy .btnReservar {
	background: linear-gradient(269.94deg, var(--palette-color1) 19.15%, var(--palette-color2) 98.63%) !important;
}

header .menuHide ul li a {
	color: var(--palette-color1) !important;
}

#buscador #search {
	background: var(--palette-color1) !important;
}

#FilterZoneName .checkbox label span {
	border: 1px solid var(--palette-color1) !important;
}

#FilterZoneName .checkbox input:checked+label span {
	background-color: var(--palette-color1) !important;
}

.s-iBadge {
	background: var(--palette-color1) !important;
}

#sf-controls button {
	color: var(--palette-color2) !important;
}

.bookPremium #contenedor #colPrincipal .bookNow .detallepro span {
	color: var(--palette-color1) !important;
}

.my-add-button {
	background: linear-gradient(269.94deg, var(--palette-color1) 19.15%, var(--palette-color2) 98.63%) !important;
}

div.tablaResort .btnReservar {
	background: linear-gradient(269.94deg, var(--palette-color1) 19.15%, var(--palette-color2) 98.63%) !important;
}

#LRegion h3 a {
	color: var(--palette-color1) !important;
}

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

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

.perfil-user-mobile a {
	color: var(--texto-menu) !important;
}

.burger::after, .burger::before {
	background: linear-gradient(269.94deg, var(--textoComplemento4) 19.15%, var(--palette-color-barra2) 98.63%) !important;
}

.burger {
	background: linear-gradient(269.94deg, var(--textoComplemento4) 19.15%, var(--palette-color-barra2) 98.63%) !important;
}

.listaFichas .contenedorFichas .contenido .nombre, .listaFichas .contenedorFichas .precioInfo {
	color: var(--palette-color2) !important;
}

@media (max-width: 991px) {
    .mobileMenu {
        background: linear-gradient(269.94deg, var(--palette-color1) 19.15%, var(--palette-color2) 98.63%) !important;
    }

    header .ActionMobile .botonesSalir a {
        color: var(--textoComplemento4) !important;
    }

    header .ActionMobile .botonesSalir a:hover {
        color: var(--palette-color2);
    }

    header .ActionMobile .botonesSalir a {
        color: var(--textoComplemento4) !important;
    }

    header .perfilMobile .textmenuWelcome, .nombrePerfil, header .perfilMobile #out {
        color: var(--textoComplemento4) !important;

    }
    header .navbar-dark .navbar-nav .nav-link.activadoMenu:hover {
		background: var(--textoComplemento4) !important;
		color: var(--texto-menu) !important;
	}

	header .navbar-dark .navbar-nav .nav-link:hover{
		background: var(--textoComplemento4) !important;
		color: var(--texto-menu) !important;
	}
}

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

.ContenidoTabs .nav-tabs .nav-item .nav-link {
	background: var(--palette-color2) !important;
}

.ContenidoTabs .nav-tabs .nav-item .active {
	background: var(--palette-color1) !important;
}