@import url("https://use.typekit.net/kxx7vti.css");
@import url('/Content/06574-001_SeleccionCamarotes.css');
@import url('/Content/06574-001_BackOffice.css');
@import url('/Content/06574-001_DetalleReservaPdf.css');
@import url('/Content/06574-001_Pdv.css'); 
@import url('/Content/06574-001_Hoteles.css');

:root {
    --poli-blue-button-color: #4290d2;
    --poli-blue-text-color: #0760a9;
    --poli-blue-light-text-color: #4290D2;
    --poli-orange: #f6a13d;
    --poli-gray: #595c6b;
    --poli-darker-gray: #4c4f5c;
    --poli-white: #ffffff;
    --poli-input-background: #ededed;
    --poli-radius: 10px;
    --poli-darker-blue-button-color: #043660;
    --poli-darker-orange: #d98f34;
    --poli-shadow: 0 1px 4px 0 rgba(0,0,0,0.5);
    --poli-red: #eb6446;
    --poli-darker-red: #d43e1b;
    --poli-green: #9fca5d;
    --poli-darker-green: #7eb035;
}

#ofitour-cms a, #ofitour-cms input {
	font-size: 100% !important;
}

#ofitour-cms header #top {
    background-color: #fff !important;
    position: fixed !important;
    top: 0;
}

#ofitour-cms .reveal-modal {
    z-index: 9999 !important;
}

@media only screen and (min-width: 768px){
#ofitour-cms #poli .reveal-modal .close-reveal-modal {
    font-size: 2.5em !important;
}

body, p, label, h1,h2,h3,h4,h5 {
    color: var(--poli-gray);
}

body::-webkit-scrollbar,
.chosen-results::-webkit-scrollbar {
    border-radius: var(--poli-radius);
    width: 4px;
}

body::-webkit-scrollbar-track,
.chosen-results::-webkit-scrollbar-track {
    background-color: var(--poli-gray);
    border-radius: var(--poli-radius);
}

body::-webkit-scrollbar-thumb,
.chosen-results::-webkit-scrollbar-thumb {
    background-color: var(--poli-blue-button-color);
    border-radius: 10px;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--poli-input-background);
    border: none;
    border-radius: var(--poli-radius);
    color: var(--poli-blue-text-color);
    cursor: pointer;
    height: 28px;
    margin: 0;
    outline: 0;
    position: relative;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    transform: scale(1) !important;
    width: 28px;
}

input[type="checkbox"]::before {
    border-color: var(--poli-white);
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    display: block;
    height: 14px;
    left: 9px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(45deg);
    width: 9px;
}

input[type="checkbox"]:checked {
    color: var(--poli-white);
    background: var(--poli-blue-text-color);
}

input[type="checkbox"]:checked::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 1;
}

input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--poli-input-background);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: inline-grid;
    height: 28px;
    margin: 0;
    place-content: center;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    width: 28px;
}

input[type="radio"]::before {
    border-radius: 50%;
    background-color: var(--poli-blue-text-color);
    content: "";
    cursor: pointer;
    height: 18px;
    transform: scale(0);
    transition: transform 175ms ease-in-out;
    width: 18px;
}

input[type="radio"]:checked::before {
    transform: scale(1);
}

li::marker {
    color: #F6A13D;
}

.row {
    max-width: 1423px;
}

.contenedor-mcp {
    font-weight: normal;
}

#imagen-fondo {
    padding: 1.86rem 0 !important;
}

#contenedorTotal {
    padding-top: 150px;
}

@media screen and (max-width:640px) {
    #contenedorTotal {
        padding-top: 0;
    }
}

#principal {
    padding: 0 0.9375rem;
}

*:not(.fa) {
    font-family: 'rubrik-new', sans-serif !important;
}

#contenedor-fiu .chosen-container-single .chosen-single, #contenedor-fiu .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 42px;
}

#formularioBusqueda button.radius, #formularioBusqueda .button.radius, .contenedor-mcp button.radius, .contenedor-mcp .button.radius {
    border-radius: var(--poli-radius) !important;
}

.chosen-container-single .chosen-single, select:not(.chosen):not(.hide), input[type=text]:not(.hide), input[type=password]:not(.hide),
#contenedor-fiu .boton-habitaciones, input[type="date"], textarea {
    background: var(--poli-input-background);
    color: var(--poli-gray) !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
    display: flex;
    align-items: center !important;
    box-shadow: none !important;
    width: 100% !important;
    margin: 0;
    border-radius: var(--poli-radius) !important;
    height: 42px !important;
}

input[type=text]:not(.hide):focus, input[type="date"]:focus, textarea:focus {
    background: var(--poli-input-background);
}

.contenedor-backoffice select {
    background-image: url('/Content/images/CssImages/06574-001_1/triangle-select.svg') !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 10px) center !important;
}

#contenedor-fiu .boton-habitaciones {
    background-color: var(--poli-white) !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+) !important;
    background-size: 1.95em !important;
    background-position: 100% 50% !important;
    background-repeat: no-repeat !important;
    padding: 0 0 0 0.5em;
}

.contenedor-mcp .button, .contenedor-mcp button, .contenedor-mcp input[type=button], .contenedor-mcp input[type=submit], .button, button, input[type=button], input[type=submit] {
    background-color: var(--poli-orange) !important;
    border: none;
    border-radius: var(--poli-radius) !important;
    box-shadow: none;
    color: var(--poli-white) !important;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding-top: 0.69em !important;
    padding-bottom: 0.69em !important;
    text-align: center !important;
    text-transform: uppercase;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

.contenedor-mcp .button.outline,
.contenedor-mcp button.outline,
.contenedor-mcp input[type=button].outline,
.contenedor-mcp input[type=submit].outline,
.button.outline,
button.outline,
input[type=button].outline,
input[type=submit].outline {
    background-color: transparent !important;
    border: solid 1px var(--poli-gray) !important;
    color: var(--poli-gray) !important;
}

#contenedor-datos-previos .continuar-reserva, #contenedor-datos-previos .mostrar-seleccion-habitaciones {
    font-size: 16px !important;
}

.button[disabled], .button.disabled, button[disabled], button.disabled, input[type=button][disabled], input[type=button].disabled, input[type=submit][disabled], input[type=submit].disabled {
    opacity: 0.6 !important;
    background-color: var(--poli-orange) !important;
    outline: none !important;
    color: var(--poli-white) !important;
}

.contenedor-mcp input[type=button].continuar-reserva, .contenedor-mcp input[type=button].mostrar-seleccion-habitaciones {
    background-color: var(--poli-blue-text-color) !important;
    line-height: normal !important;
}

.contenedor-mcp input[type=button].continuar-reserva:hover, .contenedor-mcp input[type=button].mostrar-seleccion-habitaciones:hover {
    background-color: var(--poli-darker-blue-button-color) !important;
}

.button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover {
    background-color: var(--poli-darker-orange) !important;
    color: var(--poli-white) !important;
}

/**********/
.chosen-container {
    border: none;
    text-align: left;
    font-size: 1em;
}

.chosen-container .chosen-single {
    background-color: var(--poli-input-background);
    border-radius: var(--poli-radius);
}

.chosen-container .chosen-choices {
    border: none;
    background: var(--poli-input-background);
    border-radius: var(--poli-radius);
}

.chosen-container .chosen-drop, .panel .chosen-container .chosen-drop li {
    border-radius: var(--poli-radius);
    background-color: var(--poli-white);
    color: var(--poli-gray);
    padding: 0.5em 0.1em;
    margin-bottom: 0.6em;
    margin-top: 1px !important;
    border: none;
    box-shadow: none;
    font-weight: 500;
}

.chosen-container .chosen-drop {
    box-shadow: var(--poli-shadow);
    color: var(--poli-gray);
    padding: 14px !important;
    margin-top: 7px !important;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 20px;
}

.chosen-container .chosen-result {
    max-height: 17em;
    margin-bottom: 0;
}

.chosen-container .chosen-result li {
    padding: 6px;
    font-size: 16px;
}

.chosen-container .chosen-result li.highlighted {
    background: none;
    color: var(--poli-blue-text-color);
}

.chosen-container .chosen-results li.highlighted {
    background: none;
    background-color: var(--poli-input-background) !important;
    color: var(--poli-blue-text-color) !important;
    border-radius: initial !important;
}

.chosen-container .chosen-result li.result-selected {
    background: none;
    color: var(--poli-blue-text-color);
}

.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choice li.search-field input[type=text] {
    height: 2.63em;
    line-height: 2.63em;
}

.chosen-container-single .chosen-search input[type="text"] {
    height: 42px;
    margin-bottom: .7rem;
    padding: .7rem 2.5rem .7rem;
    background: var(--poli-input-background) url(/Content/images/CssImages/06574-001_1/icono-lupa-azul.svg) no-repeat 14px center !important;
    background-size: 14px !important;
}

.chosen-container-single .chosen-single div b {
    background: url(/Content/images/chosen-sprite.png) no-repeat 0px 7px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 7px;
}

.chosen-container-multi .chosen-choice {
    height: auto !important;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: var(--poli-input-background);
    border-radius: var(--poli-radius);
    background-image: none;
    border: none;
}
/***************************/
#contenedor-fiu #CodAeropuertoSeleccionado, #contenedor-fiu #regimenes-nuevo-frontal #KeyRegimenSeleccionado, 
#contenedor-fiu #paradas-nuevo-frontal #IdZonaParadaSeleccionada, #contenedor-fiu #paradas-nuevo-frontal #IdParadaSeleccionada, 
#contenedor-fiu #unidadesCalendario, #contenedor-fiu .unidadesCalendario, #contenedor-fiu #ninosCalendario, 
#contenedor-fiu .selectCalendario {
    background-repeat: no-repeat !important;
    text-align-last: start;
    outline: none;
}

#contenedor-fiu #regimenes-nuevo-frontal #KeyRegimenSeleccionado_chosen {
    background-color: var(--poli-white) !important;
    border-radius: var(--poli-radius);
    height: 42px;
    margin-top: 1em;
    margin-bottom: 1em !important;
}

#contenedor-fiu #regimenes-nuevo-frontal #KeyRegimenSeleccionado_chosen .chosen-single {
    background-color: var(--poli-white);
    height: 42px;
}

#contenedor-fiu #regimenes-nuevo-frontal .titulo-aeropuerto b, 
#contenedor-fiu #contenedor-seleccion-aeropuerto-noches-pasajeros .titulo-aeropuerto b {
    font-weight: bold !important;
    text-transform: capitalize;
    color: var(--poli-gray);
}

/******************/
.nav-extensiones, .nav-extensiones .columns {
    padding: 0;
    background-color: var(--poli-input-background) !important;
}

.nav-extensiones .product-selection-criteria {
    background-color: transparent;
    box-shadow: none;
    border-top: none;
    padding: 0;
}

.nav-extensiones .arrow-directions-container {
    position: relative;
    width: 1%;
}

.nav-extensiones .arrow-directions-container i { color: white; }

.nav-extensiones .product-full-scroll-menu {
    background-color: var(--poli-input-background) !important;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.nav-extensiones .product-full-scroll-menu .hidden-element {
    display: none !important;
}

.nav-extensiones #criteria-scroll-content {
    overflow: hidden;
   /* width: auto;*/ /* EDGE */
    width: max-content !important;
    margin: 0 auto;
}

#scroll-menu-left-arrow, #scroll-menu-right-arrow {
    width: 74px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#scroll-menu-left-arrow i, #scroll-menu-right-arrow i {
    color: white;
    font-size: 30px;
}

#scroll-menu-left-arrow {
    justify-content: flex-end;
    padding-right: 8px;
}

#scroll-menu-right-arrow {
    justify-content: flex-start;
    padding-left: 8px;
}

.nav-extensiones .scroll-menu {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    padding: 0;
}

.nav-extensiones .scroll-menu .scroll-menu-item {
    display: inline-block;
    text-transform: capitalize;
}

.nav-extensiones .scroll-menu button {
    color: var(--poli-gray) !important;
    border-radius: var(--poli-radius);
    text-align: center !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    border: 1px solid var(--poli-gray) !important;
    margin: 10px 0.4em !important;
    padding: 9px 16px !important;
    font-size: 16px !important;
    background-color: var(--poli-input-background) !important;
}

.nav-extensiones .scroll-menu button:hover,
.nav-extensiones .scroll-menu .extension-seleccionada {
    background-color: var(--poli-gray) !important;
    color: var(--poli-white) !important;
    border-color: var(--poli-gray) !important;
}

/*Vista Seleccion fecha salida - Calendario*/
.contenedor-mcp .panel {
    background: var(--poli-white) !important;
    border-color: var(--poli-white) !important;
}

#contenedor-calendario-fiu {
    background-color: var(--poli-white) !important;
    border-radius: var(--poli-radius);
    border: none;
    box-shadow: var(--poli-shadow);
    padding: 2px !important;
}

#contenedor-frontal-inicial {
    background-color: var(--poli-input-background);
    border-radius: var(--poli-radius);
    margin-bottom: 2em;
    padding: 1.5em 1em 1.5em 1em;
}


.titulo-producto-fiu {
    color: var(--poli-blue-text-color) !important;
    font-size: 27px !important;
    font-weight: bold;
    line-height: normal !important;
    margin: 0;
}

#contenedor-frontal-inicial .duracion-dias-noches {
    color: var(--poli-blue-button-color) !important;
    font-size: 20px !important;
    font-weight: 500;
    line-height: normal !important;
    margin: 24px 0 0 0;
}

#fechas-viaje p {
    margin: 0;
}
#contenedor-fiu #contenedor-seleccion-aeropuerto-noches-pasajeros {
    margin-top: 0;
}

#fechas-viaje .label-fecha-viaje, #fechas-viaje .fecha-viaje {
    color: var(--poli-gray) !important;
    font-size: 16px !important;
    font-weight: bold;
    line-height: normal !important;
    margin: 0 0 0.7em 0;   
}

#fechas-viaje .fecha-viaje {
    font-weight: normal;
    margin: 0;
}

#mes_chosen.chosen-container-single .chosen-single span, #mes_chosen.chosen-container .chosen-drop, .panel .chosen-container .chosen-drop li {
    text-transform: capitalize;
}

.chosen-container-single .chosen-single span {
    font-size: 16px !important;
    font-weight: 500;
}

/*#contenedor-fiu .selectCalendario {
    background-color: var(--poli-input-background) !important;
    height: 42px;
    text-align-last: start !important;
    text-transform: capitalize;
}*/

#contenedor-fiu #tabla-almanaque .dias-semana-calendario .dia-calendario {
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    text-transform: capitalize;
}

#contenedor-fiu #tabla-almanaque .dia-calendario.disabled {
    font-size: 20px;
    font-weight: 500;
    opacity: 1 !important;
}

#contenedor-fiu #tabla-almanaque .dia-calendario .dia-salida-calendario {
    color: var(--poli-white) !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    padding-top: 10px;
    margin: 0;
}

#contenedor-fiu #tabla-almanaque .dia-calendario .precio-salida {
    color: var(--poli-white) !important;
    font-weight: normal;
    padding-top: 1px;
    margin: 0;
    opacity: 0.5;
}

#contenedor-fiu #tabla-almanaque .dia-calendario .contenedor-dia-precio {
    background-color: var(--poli-orange);
    border-radius: var(--poli-radius);
    margin: 0 auto;
    width: 80px;   
}

#contenedor-fiu #tabla-almanaque .dia-calendario-salida.seleccionada .contenedor-dia-precio,
#contenedor-fiu #tabla-almanaque .dia-calendario .contenedor-dia-precio:hover {
    background-color: var(--poli-blue-button-color);
}

#contenedor-fiu #tabla-almanaque .dia-calendario {
    color: var(--poli-gray) !important;
    border-radius: var(--poli-radius);
    height: 40px;
}

.calendario {
    background-color: transparent !important;
    color: var(--poli-gray) !important;
}

.dia-calendario-salida:hover,
#contenedor-fiu #tabla-almanaque .dia-calendario-salida.seleccionada,
#contenedor-datos-previos .diaSeleccionado, #contenedor-datos-previos .dia-itinerario-body .diaSeleccionado {
    background-color: transparent !important;
}

#contenedor-fiu #tabla-almanaque tr th {
    padding: 0.5rem 0;
}

/***** Itinerario *********/
#contenido-itinerario-fiu {
    background-color: var(--poli-input-background);
    padding: 1em 1em 2.5em 1em;
}
#carousel-itinerary .title-itinerary{
	color: var(--poli-gray);
	font-size: 22px !important;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 37px;
}

#carousel-itinerary .carousel-inner {
    background-color: var(--poli-white);
    border-radius: var(--poli-radius);
    box-shadow: var(--poli-shadow);
}

#carousel-itinerary .carousel-inner .content-text-itinerary {
    height: 500px;
    max-height: 500px;
    overflow-y: auto;
    padding: 25px;
}

#carousel-itinerary .carousel-inner .content-text-itinerary	.itinerary-title-large {
    color: var(--poli-blue-text-color) !important;
	font-size: 22px !important;
	font-weight: 600;
	line-height: normal;
}

#carousel-itinerary .carousel-inner .content-text-itinerary .itinerary-description {
    color: var(--poli-gray);
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1.69;
    text-align: justify; 
}
			
#carousel-itinerary .carousel-inner	.image-background{
    background-origin: content-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	height: 500px;
}

#carousel-itinerary .carousel-control {
    background-image: none;
    bottom: 25px;
    height: 43px;
    opacity: 1;
    top: inherit;
    width: 43px;
}

#carousel-itinerary .carousel-control.prev-to{
	left: 25px;
}

#carousel-itinerary .carousel-control.next-to{
	left: 80px;
}

#carousel-itinerary	.carousel-indicators{
	left: inherit;
	text-align: left;
	padding-left: 0;
	width: inherit;
	position: relative;
	margin: 0 auto;
	display: inline-block;
	bottom: inherit;
	z-index: 1;			
}

#carousel-itinerary .carousel-itinerary-indicators {
    margin-bottom: 41px;
}

#carousel-itinerary .carousel-itinerary-indicators li {
    border-radius: var(--poli-radius);
    display: inline-block;
    background-color: transparent;
    border: none;
    cursor: inherit;
    height: inherit;
    margin: 0;
    text-indent: 0;
    width: auto;
}

#carousel-itinerary .carousel-itinerary-indicators li .link-itinerary-day {
    background-color: var(--poli-input-background);
    border: 1px solid var(--poli-gray);
    border-radius: var(--poli-radius);
    color: var(--poli-gray);
    display: inline-block;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1.69;
    margin-right: 12px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    width: 145px;
}

#carousel-itinerary .carousel-itinerary-indicators li .link-itinerary-day:hover{
	background-color: var(--poli-gray);
	color: var(--poli-white);						
}				
				
#carousel-itinerary .carousel-itinerary-indicators li.active .link-itinerary-day{
	background-color: var(--poli-gray);
	color: var(--poli-white);
}

/*flechas dias itinerario*/
.itinerary-day-full-scroll-menu {
    display: flex;
    justify-content: space-between;
}
.itinerary-day-full-scroll-menu	.hidden-element{
	display: none !important;
}
.itinerary-day-full-scroll-menu	#scroll-menu-itinerary-day-left-arrow{
	justify-content: flex-end;
	padding-right: 12px;
}
.itinerary-day-full-scroll-menu	.scroll-menu{
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}
.itinerary-day-full-scroll-menu	#itinerary-day-scroll-content{
	overflow: hidden;
	width: max-content !important;
}
.itinerary-day-full-scroll-menu	#scroll-menu-itinerary-day-right-arrow{
	justify-content: flex-start;
	padding-left: 12px;
}

p {
    font-weight: normal;
    font-size: 1em !important;
    line-height: 1.6 !important;
    text-rendering: optimizeLegibility;
}

.hotel-incluido {
    display: flex;
    border-radius: var(--poli-radius);
    box-shadow: var(--poli-shadow);
    background-color: var(--poli-white);
}

@media screen and (max-width:640px) {
    .hotel-incluido {
        flex-direction: column;
    }
}

.hotel-incluido .contenedor-image-hotel {
    width: 50%;
}

@media screen and (max-width:640px) {
    .hotel-incluido .contenedor-image-hotel {
        width: 100%;
    }
}

.hotel-incluido .contenedor-image-hotel img {
    border-radius: var(--poli-radius) 0 0 var(--poli-radius);
}

@media screen and (max-width:640px) {
    .hotel-incluido .contenedor-image-hotel img {
        border-radius: var(--poli-radius) var(--poli-radius) 0 0;
    }
}

.hotel-incluido .contenedor-info-hotel {
    width: 50%;
    padding: 1em;
}

@media screen and (max-width:640px) {
    .hotel-incluido .contenedor-info-hotel {
        width: 100%;
    }
}

.hotel-incluido .contenedor-info-hotel h5, h5.nombre-servicio {
    color: var(--poli-blue-text-color);
    font-size: 22px !important;
    font-weight: 600;
    letter-spacing: 0;
}
.hotel-incluido .contenedor-info-hotel ul li span {
    color: var(--poli-blue-button-color);
    font-size: 16px !important;
}

.hotel-incluido .contenedor-info-hotel ul {
    margin-top: 1.5em;
    list-style: inherit;
}

h3.nombre-servicio {
    color: #4290D2;
    font-weight: bold;
    letter-spacing: 0;
    margin: 1em 0;
}

hr {
    border-color: #979797;
    margin: 1em 0;
}
.cabecera-resumen-lateral .total {
    margin-bottom: 0;
}
.cabecera-resumen-lateral {
    margin-top: 1em;
}

.opcionales-seleccionados-resumen-lateral ul {
    list-style: disc;
    margin-left: 1.5em;
}

.opcionales-seleccionados-resumen-lateral ul li::marker {
    color: inherit;
}

.opcionales-seleccionados-resumen-lateral ul li {
    margin-top: 0.5em;
}

#resumen-lateral label {
    font-size: 16px ;
}

#contenedor-frontal-inicial .enlace-politica-cancelacion {
    margin-top: 1em;
    display: block;
    font-size: 16px !important;
}

.sticky-top {
    position: sticky !important;
    top: 0 !important;
}

/* Opcionales */
.grupo-opcional {
    border-radius: var(--poli-radius);
    box-shadow: var(--poli-shadow);
    background-color: var(--poli-white);
    padding: 1.25em;
    margin-top: 2rem;
}
.grupo-opcional > .flex-container {
    margin-bottom: 2rem;
}

.grupo-opcional .nombre-servicio {
    flex-grow: 1;
    margin: 0;
    font-size: 1.15rem;
}

.grupo-opcional select {
    max-width: 100px;
}

.grupo-opcional input[type="checkbox"], .grupo-opcional input[type="radio"], .grupo-opcional select {
    margin-left: 1rem !important;
}

.resultados-paquete-vacacional.opcionales {
    margin-bottom: 1.8em;
}

.imagen-grupo-opcionales img.imagen-cabecera {
    width: 60px;
    border-radius: 10px;
    margin-right: 1.5rem;
}

.lista-opcionales-grupo {
    flex-grow: 1;
}

.lista-opcionales-grupo .opcional {
    margin: .75rem 0;
}

.grupo-opcional span.precio {
    min-width: 100px;
    text-align: center;
    color: #F6A13D;
    font-size: 22px !important;
    font-weight: 600;
    letter-spacing: 0;
}

.grupo-opcional .descripcion-concepto-opcional {
    color: var(--poli-blue-button-color);
    font-weight: bold;
    letter-spacing: 0;
}

strong.descripcion-concepto-opcional {
    flex-grow: 1;
}

.descripcion-concepto-opcional i {
    margin-right: 0.5em;
    font-size: 22px !important;
}

.grupo-opcional input[type="file"], .grupo-opcional input[type="checkbox"], .grupo-opcional input[type="radio"], .grupo-opcional select {
    margin: 0;
}
/* Fin Opcionales */

.modal-foundation-background, .modal-aviso-foundation-background {
    background: rgba(0, 0, 0, 0.45);
    background-color: #000000;
    opacity: 0.75;
}

.modal-foundation-wrapper {
    background-color: var(--poli-white) !important;
    border-radius: var(--poli-radius);
}

@media screen and (max-width:640px) {
    .modal-foundation-wrapper {
        width: 80%;
    }
}

.modal-foundation-wrapper #boton-cerrar,
.modal-foundation-wrapper .boton-cerrar-modal,
.modal-aviso-foundation-wrapper .boton-cerrar-modal-aviso {
    top: 1em;
    right: 1em;
    font-size: 2.5em;
    position: absolute;
    font-weight: 100;
}

#mes_chosen {
    margin-bottom: 0;
}

/*Confirmar Reserva*/
.confirmar-reserva input[type=text],
.confirmar-reserva input[type=text]:not(.hide),
.confirmar-reserva textarea,
.confirmar-reserva select,
.confirmar-reserva input[type="date"] {
    margin-bottom: 25px !important;
}

.confirmar-reserva #datos-reserva-datos-pasajeros textarea {
    height: auto;
}

.confirmar-reserva .panel {
    border: none !important;
    border-radius: var(--poli-radius);
    box-shadow: var(--poli-shadow);
    padding: 1.25em;
    padding-bottom: 0;
    margin-top: 2rem;
}

.confirmar-reserva .titulo-aeropuerto {
    color: var(--poli-blue-text-color);
    margin-bottom: 25px !important;
    font-size: 22px !important;
    font-weight: 600;
}

.confirmar-reserva .field-validation-error {
    padding: 0;
    margin-top: -18px;
    font-size: 0.75rem !important;
    font-style: normal;
    background: none;
    color: #e22223 !important;
}

.confirmar-reserva .alert-box.info,
.alert-box.msg-reservas-no-accesibles {
    background: none !important;
    border-color: var(--poli-input-background) !important;
    border-radius: var(--poli-radius);
    color: var(--poli-gray) !important;
    margin: 0 !important;
    padding: 1rem !important;
}

.confirmar-reserva .alert-box.info span,
.confirmar-reserva .alert-box.info span a {
    font-size: .85rem !important;
}

.label-acepta-texto-legal,
.label-acepta-texto-legal a {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    font-size: .85rem !important;
    margin-top: 8px;
}

.label-acepta-texto-legal a {
    margin: 0 .2rem;
    text-decoration: underline;
}

.label-acepta-texto-legal input[type="checkbox"] {
    margin-right: 1rem !important;
    order: -1;
    transform: translateY(.5rem) !important;
}

.contenedor-aviso-control-sanitario {
    background: none;
    color: var(--poli-gray);
    font-size: 16px;
    font-weight: 500;
    padding: 0.9375rem !important;
    text-align: justify;
}

input[type="checkbox"].modalidad-pago + label,
input[type="radio"].modalidad-pago + label {
    color: var(--poli-blue-text-color);
    font-size: 22px;
    font-weight: 600;
}

.Tipodocumento-container .field-validation-error,
.Sexo-container .field-validation-error{
    margin-top: -8px;
    order: 2;
}
/*-----*/

/*--Listado Reservas--*/
.titulo-vista-reservas {
    background-color: var(--poli-input-background);
    margin: 1.25rem -.9rem !important;
    padding: 1.25rem !important;
}

.titulo-vista-reservas h1 {
    color: var(--poli-gray) !important;
    font-size: 27px !important;
    font-weight: bold !important;
}

.cabecera-tabla-lista-reservas {
    display: grid;
    grid-template-columns: 150px 1fr 1fr 1fr 1fr 275px;
    grid-template-rows: auto;
}

.cabecera-tabla-lista-reservas.facturas {
    grid-template-columns: 60px 1fr 1.3fr 1fr 1fr 1fr 1fr 1fr 150px;
}

.cabecera-tabla-lista-reservas.prepagos {
    grid-template-columns: 130px 1fr 1fr 1fr 300px;
}

.cabecera-tabla-lista-presupuestos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
}

.cabecera-tabla-lista-reservas .tr-detalle-reserva,
.cabecera-tabla-lista-reservas .tr-numpresupuesto {
    margin-left: 1rem;
}

.cabecera-tabla-lista-reservas h3,
.cabecera-tabla-lista-incidencias h3 {
    color: var(--poli-blue-light-text-color) !important;
    font-size: 19px !important;
    font-weight: bold !important;
}

.fila-tabla-lista-reservas,
#panelDatosIncidencias,
#panelDatosIncidenciasSeguros {
    border: none !important;
    border-radius: var(--poli-radius);
    box-shadow: var(--poli-shadow);
    margin: .75rem 0 !important;
    padding: 1.25em !important;
}

.cabecera-tabla-lista-incidencias p {
    color: var(--poli-blue-light-text-color) !important;
}

.lista-incidencias {
    color: var(--poli-gray) !important;
    line-height: 27px;
}

.lista-incidencias a {
    font-size: 1rem !important;
}

.fila-tabla-lista-reservas .contenedor-titulo-fechas-viaje,
.fila-tabla-lista-reservas .contenedor-titulo-fechas-viaje span {
    color: var(--poli-blue-text-color);
    font-size: 22px !important;
    font-weight: 600;
}

.fila-tabla-lista-reservas .info-reserva {
    display: grid !important;
    grid-template-columns: calc(150px - 1rem) 1fr 1fr 1fr 1fr calc(275px - 1rem);
    grid-template-rows: auto;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.fila-tabla-lista-reservas .info-reserva.facturas {
    grid-template-columns: 0 calc(67px - 1rem) 1fr 1.3fr 1fr 1fr 1fr 1fr 1fr calc(163px - 1rem);
}

.fila-tabla-lista-reservas .info-reserva.prepagos {
    grid-template-columns: calc(140px - 1rem) 1fr 1fr 1fr calc(315px - 1rem);
}

.fila-tabla-lista-presupuestos .contenedor-texto-truncado.user {
    margin-left: auto;
}

.fila-tabla-lista-presupuestos .contenedor-texto-truncado.user span {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.fila-tabla-lista-presupuestos .info-reserva {
    display: grid;
    grid-template-columns: calc(25% - 1rem) 1fr 1fr calc(25% - 1rem);
    grid-template-rows: auto;
}

.fila-tabla-lista-reservas .info-reserva span {
    font-size: 16px !important;
}

.fila-tabla-lista-reservas .info-reserva div:first-child {
    color: var(--poli-blue-light-text-color);
    font-weight: bold;
}

.desplegable-info-reservas {
    margin-top: 1rem !important;
}

.desplegable-info-reservas .button {
    background-color: var(--poli-gray) !important;
    margin: 0 .75rem !important;
    flex-grow: 1;
}

.desplegable-info-reservas .button.documentacion {
    background-color: var(--poli-gray) !important;
    width: 100%;
}

.desplegable-info-reservas > span {
    flex-grow: 1;
    margin: 0 .75rem !important;
}

.desplegable-info-reservas .button:first-child {
    margin-left: 0 !important;
}

.desplegable-info-reservas .button:last-child {
    margin-right: 0 !important;
}

.contenedor-buscar-por-localizador input[type="text"],
.contenedor-buscar-por-expediente input[type="text"],
.contenedor-buscar-por-presupuesto input[type="text"],
.contenedor-buscar-por-factura input[type="text"] {
    background-color: var(--poli-input-background) !important;
}

.contenedor-buscar-por-localizador .button,
.contenedor-buscar-por-expediente .button,
.contenedor-buscar-por-presupuesto .button,
.contenedor-buscar-por-factura .button {
    transform: translateX(-1rem);
}

.contenedor-menu-busqueda-vista-reservas {
    margin-bottom: 1rem !important;
}

.contenedor-menu-busqueda-vista-reservas .mostrar-filtro {
    align-items: center;
    background-color: var(--poli-input-background) !important;
    color: var(--poli-gray) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    justify-content: space-between;
    margin-left: auto;
    padding: 8px !important;
    text-align: left !important;
    text-transform: capitalize !important;
}

.contenedor-menu-busqueda-vista-reservas .mostrar-filtro.active img {
    transform: rotate(180deg);
}

.contenedor-mcp.contenedor-mensaje .row .row .columns {
    padding: 0 !important;
}

.contenedor-mcp.contenedor-mensaje .row .row .columns .row .columns {
    padding: 1rem 0 !important;
}

.contenedor-mcp.contenedor-mensaje hr {
    display: none;
}
    
.contenedor-mcp.contenedor-mensaje h3 {
    font-size: 22px !important;
    color: var(--poli-blue-text-color);
    font-weight: 600;
}

.contenedor-mcp.contenedor-mensaje input[type="text"],
.contenedor-mcp.contenedor-mensaje textarea {
    background-color: var(--poli-input-background);
}

.contenedor-mcp.contenedor-mensaje p,
.contenedor-mcp.contenedor-mensaje p input.button {
    margin-bottom: 0;
}

#ver-reservas,
#filtro-presupuestos {
    padding: 1rem 0 !important;
    border-radius: var(--poli-radius);
    background-color: var(--poli-input-background);
    box-shadow: var(--poli-shadow);
}

#ver-reservas input[type="text"],
#ver-reservas input[type="date"],
#ver-reservas .chosen-single,
#filtro-presupuestos input[type="text"],
#filtro-presupuestos input[type="date"],
#filtro-presupuestos .chosen-single {
    background-color: var(--poli-white);
}

#ver-reservas input#FechaDesde,
#ver-reservas input#FechaHasta,
#filtro-presupuestos input#FechaDesde,
#filtro-presupuestos input#FechaHasta {
    background: var(--poli-white) url(/Content/images/CssImages/06574-001_1/icono-calendario.svg) no-repeat 14px center;
    background-size: 24px;
    padding-left: 3.5rem;
}

#ver-reservas .postfix,
#filtro-presupuestos .postfix {
    background-color: var(--poli-blue-text-color) !important;
    height: 42px;
    line-height: normal !important;
}

.alert-box.msg-reservas-no-accesibles {
    margin-bottom: 1rem !important;
}
/*----*/
.d-flex {
    display: flex !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.flex-column {
    flex-direction: column;
}

.w-100 {
    width: 100% !important;
}

#datos-reserva-datos-pasajeross .panel {
    margin-top: 0;
}

/*Resumen detalle reserva*/
.gracias-por-reservar {
    border-radius: var(--poli-radius);
    box-shadow: var(--poli-shadow);
    color: var(--poli-blue-text-color);
    font-weight: bold;
    line-height: 3;
    margin: 16px 0;
    text-align: center;
    text-transform: uppercase;
}

.precio-y-datos-reserva {
    border-radius: var(--poli-radius);
    box-shadow: var(--poli-shadow);
    margin: 16px 0;
    padding: 16px;
}

.nombre-producto {
    color: var(--poli-blue-text-color);
    font-size: 22px !important;
    font-weight: 500 !important;
}

b.label-datos-reserva,
td.label-datos-reserva,
th.label-datos-reserva {
    color: var(--poli-blue-button-color) !important;
}

.datos-solicitante p {
    margin-bottom: 0 !important; 
}

table.tabla-borde-redondeado {
    border: none;
}

table.tabla-borde-redondeado thead {
    background: none; 
}

table.tabla-borde-redondeado tr td {
    color: var(--poli-gray);
}

table.tabla-borde-redondeado tr.even, table.tabla-borde-redondeado tr.alt, table.tabla-borde-redondeado tr:nth-of-type(even) {
    background: none;
}

td.celda-total-reserva {
    padding-top: 20px;
    font-weight: bold;
}

.dias-itinerario {
    color: var(--poli-blue-button-color);
}

.dias-itinerario, .datos-itinerario {
    font-size: 16px;
    line-height: 1.6;
    padding: 0 16px;
    text-align: justify;
}

.datos-itinerario-titulo {
    color: var(--poli-blue-text-color);
    font-size: 18px;
    font-weight: 500;
    padding: 0 16px;
    margin: 16px 0;
}

.product_descriptions_pdf, 
.datos-itinerario-titulo {
    margin-left: 0 !important;
}

table thead {
    background: none;
}

table thead tr th, table thead tr td {
    color: var(--poli-blue-button-color);
}

table tr td {
    color: var(--poli-gray);
}

.resumen-reserva .titulo-aeropuerto,
#desglose-servicios-pv-vuelos .titulo-aeropuerto,
#desglose-servicios-pv-hoteles .titulo-aeropuerto,
#desglose-servicios-pv-otros .titulo-aeropuerto {
    color: var(--poli-blue-text-color);
}
/* FIN Resumen detalle reserva*/

/* INICIO Menu Resumen usuario*/
.menu-usuario-resumen {
    flex-wrap: wrap;
}
.menu-usuario-resumen li {
    margin: 0 .5rem;
    flex-grow: 1;
}
.menu-usuario-resumen li a {
    width: 100%;
}
.menu-usuario-resumen .button {
    background-color: var(--poli-blue-text-color) !important;
}
.resumen-usuario-cerrar-sesion {
    margin-left: auto;
}
.resumen-usuario-cerrar-sesion .button:hover {
    background-color: var(--poli-gray) !important;
}
.contenedor-ult-reservas {
    padding: 1rem;
}
.contenedor-ult-reservas h2 {
    color: var(--poli-blue-text-color) !important;
    font-size: 27px !important;
    font-weight: bold;
    line-height: normal !important;
    margin: 0;
}
/* FIN Menu Resumen usuario*/

/* INICIO Expediente */
#panel-resumen-reserva,
#panel-resumen-reserva.panel p {
    color: var(--poli-gray);
    font-size: 16px;
}

#panel-resumen-reserva.panel p b,
.resumenExpedientePoliticasCancelacion {
    color: var(--poli-blue-light-text-color) !important;
    font-weight: 500;
    font-size: 16px !important;
}

#panel-resumen-reserva h6 {
    color: var(--poli-blue-light-text-color);
    font-size: 19px !important;
    font-weight: bold;
    line-height: 22px;
    text-transform: lowercase;
}

#panel-resumen-reserva h6::first-letter {
    text-transform: uppercase;
}

.documentacionExpediente fieldset,
.documnetacionDatosCliente fieldset,
.documentacionDatosReserva fieldset,
.documentacionDetalleReserva fieldset,
.incidenciasExpediente fieldset {
    border: none;
}

#panelCabeceraIncidencia fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.documentacionExpediente fieldset legend,
.documnetacionDatosCliente fieldset legend,
.documentacionDatosReserva fieldset legend,
.documentacionDetalleReserva fieldset legend,
.incidenciasExpediente fieldset legend {
    color: var(--poli-blue-text-color);
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}

.documentacionExpediente fieldset .bckground-strong,
.documnetacionDatosCliente fieldset legend + .row,
.documentacionDatosReserva fieldset legend + .row,
.documentacionDetalleReserva fieldset legend + .row,
.incidenciasExpediente fieldset ul {
    box-shadow: var(--poli-shadow);
    border-radius: var(--poli-radius);
    padding: 1rem 0 !important;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
}

.documentacionExpediente fieldset .bckground-strong {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.documentacionExpediente button.peticionCancelacion {
    margin-right: 1rem;
}

.incidenciasExpediente fieldset ul {
    padding-bottom: 0 !important;
}

.incidenciasExpediente .button.alert {
    background-color: var(--poli-red) !important;
}

.incidenciasExpediente .button.alert:hover,
.incidenciasExpediente .button.alert:active {
    background-color: var(--poli-darker-red) !important;
}

.incidenciasExpediente .button.success {
    background-color: var(--poli-green) !important;
}

.incidenciasExpediente .button.success:hover,
.incidenciasExpediente .button.success:active {
    background-color: var(--poli-darker-green) !important;
}
    
.contenedor-existe-incidencia .label.round {
border-radius: 0 !important;
background: none !important;
color: var(--poli-orange) !important;
padding: 0;
}

.documentacionDatosReserva .label,
.documentacionDetalleReserva .label {
    font-size: 12px !important;
    border-radius: var(--poli-radius);
    height: 27px;
    line-height: 0.35;
    text-transform: uppercase;
    padding: 0.75rem 1rem;
    margin-left: .5rem;
}

.documentacionDatosReserva .label.alert,
.documentacionDetalleReserva .label.alert {
    background-color: var(--poli-red);
}

.documentacionDatosReserva .label.success,
.documentacionDetalleReserva .label.success {
    background-color: var(--poli-green);
}

.documentacionDetalleReserva .label {
    margin-bottom: .5rem;
    margin-left: 0;
}

.documentacionDetalleReserva .enlace-hoja-publicacion {
    color: var(--poli-blue-light-text-color);
    font-size: 19px !important;
    font-weight: bold;
    line-height: 22px;
}

.documentacionDetalleReserva .desglose-servicio div div:first-child p {
    color: var(--poli-blue-light-text-color) !important;
}

.documentacionDetalleReserva .desglose-servicio div div:first-child p i {
    display: none;
}

.documentacionDetalleReserva .desglose-servicio div div:nth-child(2) p {
    font-weight: bold;
}

.documentacionDetalleServiciosReserva #desglose-servicios-pv-hoteles .titulo-aeropuerto,
.documentacionDetalleServiciosReserva #desglose-servicios-pv-otros .titulo-aeropuerto b {
    color: var(--poli-blue-light-text-color) !important;
    font-size: 19px !important;
    font-weight: bold;
    line-height: 22px;
    text-transform: lowercase;
    padding-top: 0 !important;
}

.documentacionDetalleServiciosReserva #desglose-servicios-pv-hoteles .titulo-aeropuerto::first-letter,
.documentacionDetalleServiciosReserva #desglose-servicios-pv-otros .titulo-aeropuerto::first-letter {
    text-transform: uppercase !important;
}

.documentacionDetalleServiciosReserva .contenedor-box-shadow {
    box-shadow: none;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.documentacionDetalleServiciosReserva .contenedor-box-shadow th {
    background-color: var(--poli-white) !important;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: 500;
}

.documentacionDetalleServiciosReserva .contenedor-box-shadow th:first-letter {
    text-transform: uppercase;
}

.documentacionDetalleServiciosReserva .contenedor-box-shadow th,
.documentacionDetalleServiciosReserva .contenedor-box-shadow td {
    padding-left: 0;
}

.documentacionDetalleServiciosReserva .contenedor-box-shadow .tablaDetalleServiciosContratados td,
.documentacionDetalleServiciosReserva .contenedor-box-shadow .tablaDetalleServiciosContratados td b {
    font-size: 16px;
    font-weight: 500;
}
/* FIN Expediente */

/*----Datepicker----*/
.ui-widget-content {
    background: var(--poli-white);
    border: none;
    border-radius: var(--poli-radius);
    box-shadow: var(--poli-shadow);
    color: var(--poli-gray);
    padding: 1rem;
    width: auto;
}

.ui-widget-header {
    background-color: var(--poli-white);
    color: var(--poli-gray);
    display: grid;
    grid-template-rows: 42px 1fr;
    grid-template-columns: 42px 1fr 42px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    grid-row-start: 2;
    grid-row-end: 3;
    height: 42px !important;
    margin: 0 !important;
    position: relative;
    top: 0 !important;
    width: auto;
}

.ui-datepicker .ui-datepicker-prev {
    grid-column-start: 1;
    grid-column-end: 2;
    transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-next {
    grid-column-start: 3;
    grid-column-end: 4;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    position: unset;
    left: unset;
    margin-left: unset;
    top: unset;
    margin-top: unset;
}

.ui-widget-header .ui-icon {
    background: url(/Content/images/CssImages/06574-001_1/arrow-right-orange.svg) no-repeat center center;
    background-size: contain;
    height: 42px;
    width: 42px;
}

.ui-widget-header .txt-desde-hasta-datepicker {
    color: var(--poli-blue-text-color);
    font-size: 1rem !important;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-bottom: .5rem;
}

.ui-datepicker .ui-datepicker-title {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
    margin: 0 1rem;
}

.ui-datepicker .ui-datepicker-title select {
    margin-bottom: 0.5rem !important;
}

.ui-datepicker table {
    border: none;
}
.ui-datepicker th {
    color: var(--poli-gray) !important;
    padding: .75rem .5rem;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: var(--poli-white);
    color: var(--poli-gray);
    padding: 0.5rem;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    background: var(--poli-input-background);
    border-radius: var(--poli-radius);
    color: var(--poli-gray);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: var(--poli-orange);
    border-radius: var(--poli-radius);
    color: var(--poli-white);
}
/* Fin Datepicker */


.modal-foundation-wrapper, .modal-aviso-foundation-wrapper {
    margin: 180px auto !important;
}

.modal-foundation-title h3 {
    color: var(--poli-blue-text-color) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    text-transform: lowercase !important;
}

.modal-foundation-title h3::first-letter {
    text-transform: uppercase !important;
}

a.boton-cerrar-modal {
    position: absolute;
    top: calc(180px - 20px);
    right: calc(15% - 20px);
}

/* Modal Cancelación y Modificación de Reserva */
#formularioPeticionCancelacion,
#formularioPeticionModificacion {
    color: var(--poli-gray);
}

#formularioPeticionCancelacion .info,
#formularioPeticionModificacion .info {
    color: var(--poli-orange);
}

#formularioPeticionCancelacion .cabecera-tabla-peticion-cancelacion,
#formularioPeticionModificacion .cabecera-tabla-peticion-cancelacion {
    color: var(--poli-blue-light-text-color);
}

#formularioPeticionCancelacion .cuerpo-tabla-peticion-cancelacion span,
#formularioPeticionModificacion .cuerpo-tabla-peticion-cancelacion span {
    font-weight: 500;
    font-size: 1rem !important;
}

#formularioPeticionCancelacion textarea#observaciones,
#formularioPeticionModificacion textarea#observaciones {
    height: auto !important;
}

#formularioPeticionCancelacion input[type="checkbox"],
#formularioPeticionModificacion input[type="checkbox"] {
    width: 42px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#formularioPeticionCancelacion input[type="button"]#volverSinCancelar,
#formularioPeticionModificacion input[type="button"]#volverSinModificar {
    background-color: var(--poli-gray) !important;
}

#formularioPeticionCancelacion input[type="button"]#volverSinCancelar:hover,
#formularioPeticionModificacion input[type="button"]#volverSinModificar:hover{
    background-color: var(--poli-darker-gray) !important;
}

.paso1FrontalInicial {
    background-color: white;
    padding: 10px;
    border-radius: var(--poli-radius);
}

#solicitar-nuevo .cancelar-reserva {
    background-color: var(--poli-blue-text-color) !important;
}

}