input#user {
    color: var(--palette-color1) !important;
}

@media (max-width: 991px) {
    header .menu-top ul {
        display: none;
    }

    .index-margin {
        margin-left: 20px !important;
    }
}

.centrado {
    justify-content: center;
    display: flex;
}

.ColumnaSecciones .nav-link {
    color: var(--palette-color1) !important;
    font-weight: 500
}

.homePage {
    margin-right: 10px;
}

.idiomas a:hover {
    color: var(--palette-color2) !important;
}

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

input#pass {
    color: var(--palette-color1) !important;
}

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

header .dropdown-menu {
    top: calc(100% + -6px) !important;
}

@media (max-width: 1200px) {
    header .menu-top .select-menu-top {
        width: 7.2em !important;
    }
}

.fixed-header .bg-beyond {
    background-color: var(--palette-color1) !important;
}

.applyBrewards .btnBook {
    background: transparent linear-gradient(88deg, #00758D 0%, #244B5A 100%) 0% 0% no-repeat padding-box !important;
}

@media (min-width: 767px) {
    .fixed-header .logoBeyond {
        width: 63% !important;
        content: var(--logoscroll);
    }
}

#contenidoSube {
    background-image: url('https://assets.beyond-experience.com/epictravel/_images/template/home/home.png');
    background-size: cover; 
    background-position: center; 
    margin: 0px;
}

.fa {
    font-weight: 900;
}

.fichaExoticas {
    margin-top: 50px !important;
}

.bgcolor.sliderhome{
    background: var(--textoComplemento4) !important;
}

.contentRewards {
    height: 358px; /* Altura deseada */
    margin-top: 50px;
}

.iconomenu {
    margin-right: 5px;
}

.wrapper {
    background-image: url('https://assets.beyond-experience.com/epictravel/_images/template/home/home.png');
    background-size: cover; 
    background-position: center; 
    background-color: #FFFF !important;
}

/* Premium weeks */

#InventarioRegina {
    height: auto !important;
}

.bookPremium #contenedor #colPrincipal .priece .text {
    color: var(--textoComplemento3) !important;
}

.my-add-button {
    background: transparent linear-gradient(270deg, #00758D 0%, #244B5A 100%) 0% 0% no-repeat padding-box !important;
}
/* Resort Stay */

div.tablaResort .romm {
    border-right: 2px solid #D5D5D5 !important;
}

.listaTablas {
    border: 1px solid #D5D5D5 !important;
}

div.tablaResort .romm {
    color: var(--palette-color2) !important;
}

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

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

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

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

.detinosBox .itemdestinos .regiones .SecTrimestre p {
    color: var(--textoComplemento5) !important;
}

.detinosBox .itemdestinos .regiones .vermasInfo:hover {
    background: var(--palette-color1) !important; 
}

.detinosBox .itemdestinos .regiones .vermasInfo {
    background: transparent linear-gradient(89deg, #00758D 0%, #02738B 0%, #244B5A 100%) 0% 0% no-repeat padding-box;
}

/* Hoteles busqueda */

#filtersForm .checkbox input[type="checkbox"]:checked+label::after {
    left: 5px !important;
    top: 5px !important;
    width: 7px !important;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    display: block;
    position: absolute;
}

.s-iBadge .s-iBadge-close i {
    padding: 2px 3px;
    margin-right: 10px;
    font-weight: 300;
    font-size: 14px;
}

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

#FilterBoardName .checkbox span, #FilterCategoryName .checkbox span {
    background-color: #fff;
    border: 1px solid var(--palette-color1);
    border-radius: 50%;
    cursor: pointer;
    height: 15px;
    left: 0;
    position: relative;
    top: 3px;
    width: 15px;
    display: inline-block;
    margin-bottom: 0 !important;
    margin-right: 5px;
}

.loadingGif {
    position: fixed;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    /* overflow: hidden; */
    width: 100%;
    height: 100%;
    z-index: 9999;
    left: 0;
    top: 0;
    margin: 0;
    right: 0;
}

#searchBox .s-form-box .s-input .dropdown .dropdown-divider {
    border: 1px solid #FFFF !important;
}

#searchBox .s-form-box .s-input .input-numeric {
    border: 1px solid var(--textoComplemento3);
    border-radius: 4px;
}

#searchBox .s-form-box .s-input .dropdown .dropdown-menu.show {
    background-color: #FFFF !important;
}

#searchBox .s-form .s-form-box .s-input .form-group, #searchBox .s-form-box .s-input .dropdown .dropdown-toggle, #searchBox .s-form-box .s-input .dropdown .dropdown-menu.show, #searchBox .s-form-box .s-input .input-numeric, #searchBox .s-form-box select {
    color: #FFFF;
}

#searchBox {
    margin: 0px 0px !important;
    margin-top: 30px !important;
}

.destinoFF .destinoFFFF .imagenFichaH .over {
    position: absolute !important;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 58.18%) !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
}

.overlay .text {
    color: var(--textoComplemento3) !important;
    margin-top: 15px;
}

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

#cajaReserva .busquedabtn, #cajaReserva .btnCancelar, #cajaReserva .busquedabtnCerrar {
    background: transparent linear-gradient(89deg, #00758D 0%, #244B5A 100%) 0% 0% no-repeat padding-box;
    border-radius: 12px !important;
    width: 175px !important;
    height: 39px !important;
}

#searchBox .buscadorh .form-group .form-control {
    min-width: 250px;
}

#cajaReserva .form-group .form-control::placeholder {
    color: var(--textoComplemento2) !important;
}

#cajaReserva .form-group .form-control {
    font-weight: normal !important;
}

.filterForm .filterInput .dropdown .dropdown-toggle .sboxRooms input {
   font-weight: normal !important; 
}

#cajaReserva .form-group .fa-calendar {
    font-weight: 400 !important;
}

.contentRewards .divrewards h2, .contentRewards2 .divrewards h2, .cotainerRewards2 h1 {
    color: var(--palette-color1) !important;
}


/* Footer ajustes */

.Horarios span {
    color: var(--textoComplemento3) !important;
    font-size: 15px;
}

.Horarios {
    margin-bottom: 20px;
}

.centerTelFooter span {
    color: var(--textoComplemento2);
    font-size: 15px;
}

.MapaDe {
    color: var(--textoComplemento2) !important;
    font-size: 14px;
}

.HorariosAtencion {
    color: var(--textoComplemento2) !important;
    font-size: 14px;
}

.centerExtras .nav-link {
    color: var(--textoComplemento3) !important;
}

#footer2 {
    background: var(--login-background) !important;
    margin-top: 100px;
    padding: 0px;
    box-shadow: none !important;
}

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

.centerTelFooter a{
    color: var(--textoComplemento2) !important;
    font-weight: bold;
}

.Columnas .nav-item a  {
    color:  var(--textoComplemento2) !important;
    font-weight: 500;
}

/* Fin Footer */

header .bg-beyond {
    background: var(--palette-color1) !important;
}

.contenido .detalles .DetalleCompra {
    color: var(--textoComplemento2) !important;
}

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

.detinosBox .itemdestinos .regiones .vermasInfo {
    background-color: var(--fondo-bonotes) !important;   
}

.new .textoPrin h4 {
    color: var(--palette-color3) !important;
}

/* Confirmación */

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

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


/* header colores submenus */

header .select-menu-top select {
    color: var(--palette-color1) !important;
    background: var(--textoComplemento1) !important;
    font-size: 16px;
    width: 101px;
    border-radius: 14px;
    margin-left: -7px;
}

.destinoFF .moreInfo {
    background: var(--fondo-bonotes) !important;
}

header .call-orange a i {
    color: var(--fondo-bonotes) !important;
}

header .select-menu-top::after {
    background: var(--textoComplemento1) !important;
    color: var(--palette-color1) !important;
}

header .select-menu-top {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 40px;
    border: 0px solid var(--textoComplemento1) !important;
    padding: 0px 0px;
}

header .navbar-dark .navbar-nav .nav-link:after {
    background: var(--textoComplemento1) !important;
}

header .logoBeyondMobile {
    width: 50% !important;
}

/* fin */ 

.card.card-body ul li::before, span.li::before {
    color: var(--palette-color3) !important;
}

.amenitiesBox {
   color: var(--textoComplemento2) !important; 
}

.activadoSubMenu {
  color: var(--palette-color3) !important;  
}

.btn-primary:hover {
    background-color: var(--palette-color2) !important;
    border-color: var(--palette-color2) !important;
}

.filterHome p {
    display: block !important;
    font-size: 24px !important;
    margin-bottom: 10px !important;
    margin-left: 14px !important;
    font-weight: 600 !important;
}


.inside {
    color: var(--palette-color3) !important;
}

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

.request .notaPrecio {
    color: var(--textoComplemento5) !important;
}

.request .detalleList span {
    color: var(--textoComplemento5) !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; 
}

#contenidoSube .buscadorLMinute .btnBuscar {
    background: var(--fondo-bonotes) !important;
}

#contenidoSube .buscadorLMinute .btnBuscar:hover {
    background: var(--palette-color2) !important;
}

#contenidoSube .fichasLast .itemFiltrado .filtroLast .busquedaLast .botonBuscador {
    background: var(--fondo-bonotes) !important;
}

.itemFichaCarro .itemCarros .botonReservar {
    background: var(--fondo-bonotes) !important;
}

#cajaReserva .form-group {  /* borde de caja de cruceros */
    border: 1px solid var(--palette-color2) !important;
}

.btnSearch {
    background: var(--fondo-bonotes) !important;
}

.comprar a {
    background: var(--fondo-bonotes) !important;
}


.contenedorFichas .locacion {
    color: var(--palette-color2) !important;
}

.boxPerfil .detallePerfil .itemPerlfil .cambioPerfil {
    color: var(--palette-color2) !important;
}

.detail .DetailItem span {
    color: var(--palette-color3) !important;
}

#searchBox.extendedBox .s-open-modal {
        border: 1px solid var(--palette-color2) !important;
}


/* Perfil colores */

.boxPerfil .detallePerfil .itemPerlfil .labelPerfil {
   color: var(--palette-color3) !important; 
}

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


/* fin */

#resumenFechas th, .estadoCuenta th, #cashB th, #premium th, #bweeks th, #lastM th {
    color: var(--palette-color3) !important;
    border-bottom: var(--palette-color3) !important
}

#resumenFechas td, .estadoCuenta td, #cashB td, #premium td, #bweeks td, #lastM td {
    color: var(--palette-color3) !important;
    border-bottom: 1px solid var(--palette-color2) !important;
    border-right: 1px dotted var(--palette-color2) !important;
}

.contenedorFichas .botonBook a {
    background: var(--fondo-bonotes) !important;
}

.fichaLounge .Textdescripcion, .fichaLounge form .botonSend, .md-overlayCart .loader::before, .md-overlayCart .loader::after, .ContenidoTabs .nav-tabs .nav-item .nav-link, .fichaExoticas form .botonSend, .botonPop, #css-modal .btn, .DescriptionMore .botonesTrans .cerrarTrans, .parpadea {
    background-color: var(--fondo-bonotes) !important;
}


#botonReservar{
    background: var(--fondo-bonotes) !important;
    border: 2px solid var(--fondo-bonotes) !important;
    color: var(--textoComplemento1) !important;
}

.contenedorHotelesBusqueda .contenidoImagen .descuento2{
    background-color: var(--palette-color1) !important;
}

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

.ultratabs .btnBook {
    background-color: var(--fondo-bonotes) !important;
}

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

#searchBox.extendedBox #filtersForm .s-map-box #showMap {
    background-color: var(--fondo-bonotes) !important;
}

#searchBox .btn-search {
    background: var(--fondo-bonotes) !important;
}

#searchBox.extendedBox #filtersForm #s-filter-header .s-btn-filter {
    background: var(--fondo-bonotes) !important;
}

.filterHome .filterForm .filterInput .dropdown .dropdown-toggle {
    padding: 0px 0px !important;
}


.filterForm .filterInput .calendarFilter .calendarFilterItem:first-child {
    border-right: 1px solid var(--palette-color-margen) !important;
}


.filterForm .filterInput .dropdown .dropdown-toggle .sboxRooms i {
    color: var(--palette-color1) !important;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label{
    color: #dc3545 !important;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745 !important;
}

.is-valid {
    color: #28a745 !important;
}

.is-invalid {
    color: #dc3545 !important;
}

#opcionReserva .send:hover {
  background-color: var(--palette-color2) !important;  
}

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

.lightpick__day.is-in-range:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(153, 204, 51, 1)' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important;
}

.lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range.is-flipped {
    background-color: var(--palette-color1) !important;
}

.lightpick__day.is-today {
   color: var(--palette-color1) !important; 
}

.ui-widget-content {
    background: var(--textoComplemento1) !important;
}

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

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

input#pass {
    border: 1px solid var(--palette-color1) !important;
    border-radius: 8px;
    background: #ffffff80 !important ;
}

input#user {
    border: 1px solid var(--palette-color1) !important;
    border-radius: 8px;
    background: #ffffff80 !important ;
}

.contenedorLM .item-last .itemsLM .titles, .contenedorLM .item-last .itemsLM .titles {
    color: var(--palette-color2) !important;
}

.contenedorLM .item-last .itemsLM .fechasLast div strong {
    color: var(--palette-color1) !important;
}

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

.img-fluid {
    max-width: 100% !important;
}

#buttonTop i {
    color: var(--textoComplemento1) !important;
}

header .navbar-dark .navbar-nav .nav-link {
    margin-left: 15px;
}

#cajaReserva .form-group {
    border-radius: 9px !important;
}

.filterHome .filterForm .filterInput .dropdown .dropdown-toggle {
    border-radius: 9px !important;
}

header .logoBeyond {
   max-width: 100% !important;
    margin-top: 17px;
    margin-bottom: 30px;
}

img.logoFooter {
    max-width: 89% !important;
}

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


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

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

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

.filterForm .btnAddRoom .addHabi {
    color: var(--palette-color1) !important;
}

#opcionReserva #anteriorPag:hover{
    background-color: var(--palette-color2) !important;
}

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

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

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

#cajaReserva {
    background: none !important;
}

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

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

/* Nueva version last minute */

.infoGeneral p {
    color: var(--palette-color3) !important;
}

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

.tarifasPoliticas p {
    color: var(--palette-color3) !important;
}

.request .description h3 {
    color: var(--palette-color3) !important;
}

.filterHome .filterForm .filterInput .dropdown .dropdown-toggle {
    padding: 1px 0px;
}

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

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

.ultratabs .tabActiva {
    background: var(--palette-color1) !important;    
}

.fichaLounge form .botonSend:hover, .ContenidoTabs .nav-tabs .nav-item .active, .fichaExoticas form .botonSend:hover, .contenedorLM .item-last .formBuy .btnReservar, .fichaPromocion .btn-reservar.whatsapp {
    background: var(--palette-color1) !important;
}

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

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

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

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

.fa-calendar:before {
    color: var(--palette-color1) !important;
}

#cajaReserva .form-group .fa {
    color: var(--palette-color1) !important;
}

#cajaReserva .form-group .fa {
    color: var(--palette-color1) !important;
}

#searchBox .s-form .form-control {
    color: var(--textoComplemento5) !important;
    font-weight: bold;
}


.s-range .sr-values label .s-range-value {
    color: var(--palette-color2) !important;
    font-weight: bold;
}

.filterInput .dropdown .dropdown-toggle .sboxRooms input {
    color: var(--textoComplemento2) !important;
    padding: 7px;
}

header .dropdown-menu {
    border-top: solid 5px var(--texto-menu);
    background: var(--degree-menu1);
}

header .dropdown-menu {
    border-top: solid 5px var(--textoComplemento1) !important;
}


header .dropdown-item:hover, header .dropdown-item:focus{
    background: var(--palette-color3) !important;
}
.btn-container .btn-relogin {
    background: var(--palette-color1) !important;
}

.contenedorLM .item-last .formBuy .btnReservar {
    width: 324px !important;
}

#contenidoSube .headerText {
    background: none !important;
}

#searchBox.extendedBox #filtersForm .divSection .inputElement {
    border: none !important;
}

input[type="range" i] {
    color: var(--palette-color1) !important;
}

#searchBox #filtersForm .s-map-box #showMap {
    background: transparent linear-gradient(89deg, #00758D 0%, #034E5E 100%) 0% 0% no-repeat padding-box !important;
}

.informacionPrecios .verDetallesH {
    background: transparent linear-gradient(89deg, #00758D 0%, #034E5E 100%) 0% 0% no-repeat padding-box !important;
}

.contenedorHotelesBusqueda .descrip {
    color: var(--palette-color2) !important;
}

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

/* Confirmación */

#searchBox .s-form-box .s-input .dm-group-title .dm-delete {
    color: var(--palette-color3) !important;
}

h2, h4 {
    color: var(--palette-color3) !important;
}

.hbNotice {
    color: var(--palette-color-barra3) !important;
}

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

.contenido .titular small {
    color: var(--palette-color3) !important;
}

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

#basic_hotel_information .starsHotel .fa {
    color: var(--palette-color1) !important;
}

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

#basic_hotel_information .savings {
    color: var(--textoComplemento5) !important;
}

#basic_hotel_information .public_price.naranja {
    color: var(--textoComplemento5) !important;
}

.nav-item.homePage {
    display: none;
}

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

.contenedorFichas {
    height: 560px;
    margin-top: 20px;  
}

.contenido {
    height: 405px
}


@media (max-width: 991px) {
    .mobileMenu {
        background: var(--palette-color1) !important;
    }
        .nav-item.homePage {
        margin-left: 26px !important;
        display: block;
    }
    .nav-item.homePage .textHomePage {
        color: white !important;
    }
}