body.intranet .hidden-intranet, #barra-estado {display: none !important}

* {
    --gris1: #e8e8e8;
    --gris2: #eeeeee;
    --gris3: #f6f6f6;
    --gris4: #b9b9b9;
    --gris5: #e1e1e1;
}
::-webkit-scrollbar { display: none; }
body.manage {overflow-x: hidden;}
body.manage #contenedor-odiseo, body.modificacion #contenedor-odiseo {margin-bottom:0px;}
#contenedor-odiseo {position:relative;}
header#header-manage {background-color: var(--colorHotelActual);position:relative;}
header#header-manage:before {content:""; width: calc(50vw - 410px); height:100%;top:0;right:0; position:absolute;background-color: rgba(0,0,0,0.05);}
.intranet .anchocontenedor {padding-right:20px;}
header#header-manage .anchocontenedor {position:relative;padding: 33px 0 35px 0;}
header#header-manage .anchocontenedor > div {display:grid; grid-template-columns:auto 232px;column-gap: 30px;}
header#header-manage .anchocontenedor > div > div {padding:0 ;position: absolute; width:232px;right:0; top:0; height:100%;align-items: center;display:grid; grid-template-columns:auto 30px; column-gap: 14px;}
/*header#header-manage .anchocontenedor > div > div:before {content:""; background-color: rgba(0,0,0,0.2);border-radius:100px; width: 240px; height:50px; position:absolute; right:0;}*/
header#header-manage .anchocontenedor > div > div > span {text-align:right;color: white; font-size: 13px;line-height:17px;text-transform: uppercase; font-weight: 500;display: inline-block;}
header#header-manage .anchocontenedor > div > div > span span {display:block; font-weight: 300;}
header#header-manage .anchocontenedor > div > div #salir {border:0 !important;display:inline-block;width:30px; height:30px; background-image:url('../img/manage/logout.svg'); background-size:15px; background-repeat: no-repeat; background-position:center; border-radius:4px; background-color: white;}
header#header-manage .anchocontenedor > div > div > * {position:relative; z-index:9;}

header#header-manage h2 {color:white;font-size: 28px;font-weight: 600; letter-spacing: -0.5px; display:inline-block;}
header#header-manage h2 span:last-of-type {text-align:right;}
header#header-manage ul {margin:0;padding: 0; list-style:none;padding-top: 5px;}
header#header-manage ul li {position:relative;color:white;display:inline-block;font-size: 16px;margin-right:24px;}
header#header-manage ul li.activa:before {content:"";left:0; right:0; margin: auto;position:absolute; bottom:-13px; border-radius:100px;width: 5px;height: 5px; background-color: white;}
header#header-manage #acceso-faq {position:absolute; right:0; bottom:0;color: var(--colorHotelActual);padding: 5px 10px; font-weight:600;border-radius:1000px; text-transform: uppercase;font-size: 12px;background-color: white;}

.boton-negro {user-select: none; /* Standard syntax */transition: all .2s ease;position:relative; align-items: center; justify-content: center;display:flex; cursor: pointer;border-radius: 6px; color: #fff;line-height: 39px;font-weight: 600;background-color: #1d1d1d; border:1px solid #1d1d1d; height: 53px; overflow: hidden;text-align: center;}
.boton-negro span {position: relative; z-index:9;}
.boton-negro.off {color: #1d1d1d; background-color: transparent; }
.boton-negro.off:hover {opacity:0.6;}
.boton-transparente {  cursor: pointer;border-radius: 6px;line-height: 39px;display:block;font-weight: 600;height: 40px; overflow: hidden;text-align: center;}
.boton-blanco {  cursor: pointer;border-radius: 6px;background-color: white;display:block;font-weight: 600;overflow: hidden;text-align: center;}






.manage.login {background-color:#f3f3f3;}
.manage.login #header-inicio {background-color: var(--colorCorporativo); color:white;padding-bottom: 50px;padding-top: 55px;position:relative;}
/*#header-inicio:before {width:100%; height: 100px; left: 0; content:""; position: absolute; background-color: var(--fresa1); bottom: -100px;}*/
.manage.login #header-inicio h1 {font-size: 24px;}
.manage.login #header-inicio h2 {font-size: 45px;font-weight: 300;}


.manage.login #formulario-busqueda {padding: 27px 0 0px 0;}
.manage.login #formulario-busqueda p {border-bottom: 1px dotted #1d1d1d;line-height:24px; font-size: 16px; padding-bottom: 20px; margin-bottom:20px;}
.manage.login #formulario-busqueda > *:not(img) {width: 100%; max-width: 750px;position:relative; z-index:99;}
.manage.login #formulario-busqueda label {line-height:28px; font-weight: bold; }
.manage.login #formulario-busqueda .label-explicacion {font-size: 15px; margin-bottom: 13px;display:inline-block; width:100%;}
.manage.login #formulario-busqueda .fa50 {width:50%;float:left; }
.manage.login #formulario-busqueda .fa50:first-of-type {padding-right:10px;}
.manage.login #formulario-busqueda .fa50:last-of-type {padding-left:10px;}
.manage.login #formulario-busqueda .datepicker {margin-top:0;}
.manage.login #formulario-busqueda input[type=submit] {width: unset;cursor:pointer;background-color: #1d1d1d; display:inline-block;border-radius: 6px; font-family: "inter", arial;font-size: 15px;color:white; font-weight: bold;padding: 15px 20px; border:0;margin-top:16px;}
.manage.login #formulario-busqueda input, #formulario-busqueda select {cursor:unset; box-shadow: rgb(70 54 54 / 3%) 0px 6px 11px 0/*, 0px 1px 4px -1px rgb(0 0 0 / 5%)*/; padding: 15px; font-size: 15px;width:100%;font-family: "inter",arial; background-color: white; border-radius: 6px;border:0;margin-bottom:10px;}
.manage.login #formulario-busqueda select {margin-bottom:20px;}
.manage.login #formulario-busqueda form {margin-top:15px;margin-bottom:38px;}
.manage.login #formulario-busqueda b {display:inline;}
.manage.login #footer {z-index:99;}
.manage.login #fondo-ordenador {position: absolute; pointer-events: none; z-index:9; width:1049px; height: 580px;left: 800px; top:-54px;}












body[data-paso-actual="1"] #contenedor-odiseo {margin-bottom:70px;}

body[data-paso-actual="1"].modificacion #contenedor-paso.disponibilidad {   row-gap: 0px;  grid-template-areas: 'resultado-busqueda resultado-busqueda resultado-busqueda resultado-busqueda sidebar';}

#accesos-rapidos {top:-57px;display:none !important;}
/*body:not(.widgetabierto) #accesos-rapidos {z-index:9;}*/

header#header-modificacion{margin: 0 0 35px 0; padding: 24px 0 27px 0;box-shadow: rgb(70 54 54 / 8%) 0 2px 7px 0; background-color: white;}
header#header-modificacion h2 {font-size:22px;}
header#header-modificacion ul {width:100%; /*max-width: 1018px;*/padding-bottom:0px;display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;column-gap: 20px;}

#pestanas-modificacion {margin:20px 0 0px 0; padding:0; list-style:none; display:flex; align-items: stretch;}
#pestanas-modificacion li{transition: all .2s ease;line-height:20px;cursor:pointer;border-radius: 8px;position:relative;padding: 14px 14px 10px 14px;    background: #f4f4f4;    border: 1px solid #c7c7c7;box-shadow:rgb(70 54 54 / 3%) 0px 6px 11px 0;margin-top:4px; font-size: 15px;}
#pestanas-modificacion li a {width:100%; height:100%;display:block;}
#pestanas-modificacion li:not(.activa):hover {border-color: #979797;box-shadow: rgb(70 54 54 / 7%) 0px 6px 11px 0/*, 0px 1px 4px -1px rgb(0 0 0 / 5%)*/;}
#pestanas-modificacion li:not(.activa):hover i {background-color: #dbdbdb}
#pestanas-modificacion li i {transition: all .2s ease;background-color: var(--gris5);border-radius:7px;margin-bottom:11px; width: 35px; height:35px;display:inline-block;position:relative;}
#pestanas-modificacion li span {display:inline-block; height: 40px;}
#pestanas-modificacion li i:before { position:absolute; left:0; top:0;background-size: 43%; background-position:center; background-repeat:no-repeat; content:""; width:100%; height:100%;}
#pestanas-modificacion li:nth-of-type(1) i:before {background-image: url(../img/manage/hotel.svg?121);}
#pestanas-modificacion li:nth-of-type(2) i:before {background-image: url(../img/manage/edit.svg?2);}
#pestanas-modificacion li:nth-of-type(3) i:before {background-image: url(../img/manage/form.svg?223222);}
#pestanas-modificacion li:nth-of-type(4) i:before {background-image: url(../img/manage/cancel.svg?222);}
#pestanas-modificacion li:nth-of-type(5) i:before {background-image: url(../img/manage/bell.svg?2111);}

#pestanas-modificacion li.activa {background: var(--colorHotelActualLight);    border: 1px solid var(--colorHotelActual);box-shadow:rgb(70 54 54 / 3%) 0px 6px 11px 0/*, 0px 1px 4px -1px rgb(0 0 0 / 5%)*/;}
#pestanas-modificacion li.activa i { background-color: var(--colorHotelActual); }
#pestanas-modificacion li.activa i:before {filter: invert();}


#pestanas-modificacion li.activa span {}
/*
#pestanas-modificacion li.activa:before {position: absolute;width: 100%;content: "";background: url(../img/flecha-inferior.svg);background-repeat: no-repeat;background-position: center bottom;background-size: 250px;height: 15px;width: 100%;left: 0;position: absolute;bottom: -18px;content: "";left: 0;}

body[data-paso-actual="1"].modificacion #contenedor-paso #sidebar #resumen-reserva {display:grid; grid-template-columns: 1fr 1fr; column-gap: 20px}*/

body[data-paso-actual="1"].modificacion #selector-modificacion {position:relative;border-radius:6px;overflow:hidden;padding: 5px; display:grid; margin-bottom:15px;grid-template-columns: 1fr 1fr;column-gap: 5px; }
body[data-paso-actual="1"].modificacion #selector-modificacion:before { transition: all .2s ease;content: "";position: absolute;left: 0;top: 0;width: 100%; height: 100%; background-color: var(--colorHotelActualLight); opacity: 0.6; pointer-events: none;}
body[data-paso-actual="1"].modificacion #selector-modificacion li {cursor:pointer;overflow:hidden;position:relative;padding: 7px 10px;line-height:16px;text-transform:uppercase; font-size: 12px; font-weight: 600;border-radius: 6px;}
body[data-paso-actual="1"].modificacion #selector-modificacion li > span {position:relative;z-index:2;}
body[data-paso-actual="1"].modificacion #selector-modificacion li:not(.activa):hover:before {z-index:1;transition: all .2s ease;content: "";position: absolute;left: 0;top: 0;width: 100%; height: 100%; background-color: var(--colorHotelActual); opacity: 0.15; pointer-events: none;}
body[data-paso-actual="1"].modificacion #selector-modificacion li:not(.activa) {color: rgba(0, 0, 0, 0.4);}
body[data-paso-actual="1"].modificacion #selector-modificacion li.activa {background-color: var(--colorHotelActual);color:white;}
body[data-paso-actual="1"].modificacion div.reserva-antes:not(.activa), body[data-paso-actual="1"].modificacion div.reserva-nueva:not(.activa) {display:none;}
body[data-paso-actual="1"].modificacion #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen.no-disponible {font-size: 15px;padding-right:0;position:absolute;right:0;}
body[data-paso-actual="1"].modificacion #contenedor-paso .habitacion .paquetes-disponibles li.paquete {min-height:unset;}
body[data-paso-actual="1"].modificacion #contenedor-paso .habitacion .paquetes-disponibles li.paquete.seleccionado-reserva-original {order:0 !important;}

body[data-paso-actual="1"].modificacion #contenedor-paso .habitacion .paquetes-disponibles li[data-disponibles="0"] .marquee {display:none !important;}


body[data-paso-actual="1"] #reserva-volcando {margin-top:30px;}











#reserva {margin-top:30px;display:grid; column-gap: 20px;grid-template-columns: auto 240px;margin-bottom:15px;}
#reserva h1 {font-size: 30px;margin-top:6px;}
.entry-title {font-weight: 600;margin-bottom: 15px;}
.details #reserva #datos-reserva { font-size:15px;background-color:white;box-shadow:/*BONITO rgb(70 54 54 / 10%) 0 2px 2px 0;*/ rgb(70 54 54 / 3%) 0px 6px 11px 0/*, 0px 1px 4px -1px rgb(0 0 0 / 5%)*/ ;border-radius:8px;padding: 20px;}
.details #reserva #datos-hotel header {margin-bottom: 14px;line-height:23px;}
.details #reserva #datos-hotel header > * {display:block;}
.details #reserva #datos-hotel h3 {margin: 14px 0 6px 0;font-size: 18px;}
.details #reserva #datos-hotel .boton {transition: all .2s ease;display:flex; align-items: center;font-weight:600; background-color: transparent;z-index:9;position:relative;border-radius:6px;height: 43px;font-size: 14px; line-height: 18px; background-repeat:no-repeaT; background-position: 14px center;background-size: 18px; text-align:left; padding-left: 45px;width: 100%; border:1px solid #bbb }
.details #reserva #datos-hotel .boton:hover {border-color: #1d1d1d;} 
.details #reserva #datos-hotel .boton:not(:last-of-type) {margin-bottom:8px; }
.details #reserva #datos-hotel .direccion-boton {background-image: url('../img/map.svg'); }
.details #reserva #datos-hotel .url-boton {background-image: url('../img/external-link.svg?1221222'); }


.details #reserva img {width:100%; object-fit: cover; height:160px; border-radius:6px;}
#reserva #datos-reserva header {max-height: 55px;}

.details #reserva #datos-reserva {position:relative;}
.details #reserva #datos-reserva:before, .details #reserva #datos-reserva:after {position: absolute;content:"";right: 80px;  width: 63px;height: 52px; background-repeat:no-repeat;background-size: 100%;background-image: url('../img/manage/billete.gif');}
.details #reserva #datos-reserva:before {top:-15px; }
.details #reserva #datos-reserva:after {bottom: -15px;transform: rotate(180deg)}
.details #reserva #datos-reserva > div {display:grid; grid-template-columns: 1fr ;}
.details #reserva #datos-reserva header b, .details #reserva #datos-reserva  header span{line-height: 18px;}
.details #reserva #datos-reserva b, .details #reserva #datos-reserva span {display:inline-block;line-height:normal;}
.details #reserva #datos-reserva .cupones-aplicados {margin-left:0; margin-top: 5px;pointer-events:none;}
.details #reserva #datos-reserva span {line-height:23px;}
.details #reserva #datos-reserva #condiciones-tarifa {display:grid; margin-top:15px; grid-template-columns: 1fr 1fr; grid-gap: 10px;}
.details #reserva #datos-reserva #metodo-pago {margin-top:15px;}
.details #reserva #datos-reserva #garantia {    margin-top: 15px;display: inline-block;border: 1px solid black;padding: 3px 7px 2px 7px;border-radius: 4px;font-size: 12px;text-transform: uppercase; font-weight: 500;}
.details #reserva #datos-reserva #garantia span {display:flex;gap: 4px;align-items: center;}
.details #reserva #datos-reserva #garantia span svg {height: 16px; width: 16px;    margin-top: 3px;} 
.details #reserva #datos-reserva span.txt.tabla-condiciones {}
.details #reserva #datos-reserva span.txt.tabla-condiciones > span {font-size: 13px; line-height:21px;}
.details #reserva #datos-reserva span.txt.tabla-condiciones > span b {font-weight: 400;}
.details #reserva #datos-reserva .metodo-pago {margin-top:0px;}

body#odiseo .punto-verde, body#odiseo .punto-rojo, body#odiseo .punto-recargo, body#odiseo .punto-naranja, body#odiseo .punto-azul, body#odiseo .punto-negro{position:relative; top: -1px;border-radius:100px;height:7px !important; margin-right:8px;width: 7px !important;background-size: 7px;background-repeat: no-repeat;background-position: center;display:inline-block;}
body#odiseo .punto-verde {background-color: #6ca041;}
body#odiseo .punto-rojo {background-color: #cb6565;}
body#odiseo .punto-naranja {background-color: #eea939;}
body#odiseo .punto-recargo {background-color: #a9cc8b;}
body#odiseo .punto-azul {background-color: #0793ff;}
body#odiseo .punto-negro {background-color: #1d1d1d;}

.details #reserva #datos-reserva a {border-bottom: 1px dotted black;}
.details #reserva #datos-reserva .tick {margin-right: 5px; margin-left: 8px;}
#reserva #datos-reserva #estado {font-family: open sans medina,arial;margin-top: 7px;}
#reserva #datos-reserva .migas span {margin: 0 10px;display:inline-block;}
#reserva #datos-reserva .migas span:first-of-type {margin-left:0; color: var(--fresa1);font-weight: bold;}
.details #reserva #datos-reserva b {font-weight: bold; }
.details #reserva #datos-reserva ul {width:100%; display:grid; grid-template-columns: 4fr 3fr 3fr 2fr; }
.details #reserva #datos-reserva ul#detalle-habs, .details #reserva #datos-reserva ul#detalle-extras, .details #reserva #datos-reserva ul#pagos {grid-template-columns: 1fr;padding: 15px 0;}
.details #reserva #datos-reserva ul#detalle-habs > li {display:grid; grid-template-columns: 4fr 3fr 3fr 2fr;}
.details #reserva #datos-reserva ul#detalle-habs > li, .details #reserva #datos-reserva ul#detalle-extras > li,  .details #reserva #datos-reserva ul#pagos > li{position:relative; padding:8px  0 5px 0;margin:0 0 5px 0;}
.details #reserva #datos-reserva ul#detalle-habs > li > *, .details #reserva #datos-reserva ul#detalle-extras > li > *, .details #reserva #datos-reserva ul#pagos > li > * {position:relative;z-index:1;}
.details #reserva #datos-reserva ul#detalle-habs > li:not(.encabezado):before, .details #reserva #datos-reserva ul#detalle-extras > li:not(.encabezado):before, .details #reserva #datos-reserva ul#pagos > li:not(.encabezado):before, #lista-pagos table tbody tr:before {content:""; width:calc(100% + 40px); height:100%;position:absolute; left:-20px; top:0; background-color: var(--colorHotelActualLight); opacity:0.4;}
.details #reserva #datos-reserva .encabezado {margin-bottom:6px;}
.details #reserva #datos-reserva  > div > ul:not(:last-of-type) { border-bottom:1px dotted #1d1d1d;margin-top:0;}
.details #reserva #datos-reserva ul:first-of-type li {margin-bottom: 20px;}
.details #reserva #datos-reserva ul#detalle-extras >li {display:grid; grid-template-columns: 4fr 6fr 2fr;   }
.details #reserva #datos-reserva ul#pagos >li {display:grid; grid-template-columns: 4fr 3fr 3fr 2fr;   }

.minititulo {font-size: 12px; width:100%;  z-index:999;text-transform: uppercase; margin-bottom:3px;font-weight: 800;}
.details #reserva #precio .txt.cantidad {width:100%; font-size: 25px;font-weight: 700;}
.details #reserva #precio #cantidad-final .minititulo{margin-bottom: 8px;}
.details #reserva .exp1 {margin-top:2px;display:block;margin-top:5px; display:block !important; width:100%;font-size: 13px; opacity:0.7;line-height:normal;line-height:18px !important;}
.details #reserva .exp2 {margin-top:9px;     font-style: italic;font-size:13px;}
.details #reserva #datos-reserva #pago {margin-top: 20px;grid-template-columns: 4fr 8fr;padding-bottom:20px;}

.details #estado {font-size:16px;display:grid; grid-template-columns: auto 350px 260px;}
.details #estado *  {display:inline-block;}
.details #estado > div#fechas-gestion > span {margin-right:10px;}
.details #estado > div#status {text-align:right;}

.details i.tick {position:relative; top:2px;width: 17px;border-radius: 100px; ;height: 17px;display: inline-block;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDc4LjM2OSA3OC4zNjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDc4LjM2OSA3OC4zNjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz4KCTxwYXRoIGQ9Ik03OC4wNDksMTkuMDE1TDI5LjQ1OCw2Ny42MDZjLTAuNDI4LDAuNDI4LTEuMTIxLDAuNDI4LTEuNTQ4LDBMMC4zMiw0MC4wMTVjLTAuNDI3LTAuNDI2LTAuNDI3LTEuMTE5LDAtMS41NDdsNi43MDQtNi43MDQgICBjMC40MjgtMC40MjcsMS4xMjEtMC40MjcsMS41NDgsMGwyMC4xMTMsMjAuMTEybDQxLjExMy00MS4xMTNjMC40MjktMC40MjcsMS4xMi0wLjQyNywxLjU0OCwwbDYuNzAzLDYuNzA0ICAgQzc4LjQ3NywxNy44OTQsNzguNDc3LDE4LjU4Niw3OC4wNDksMTkuMDE1eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=);background-size: 9px;background-repeat: no-repeat;background-position: center;background-color: #6b9f40;border-color: #6b9f40; margin-right: 1px;margin-left: 8px;}

.cancel #box-cancelar, .comments #box-comments {margin: 10px 0 30px 0;}
.cancel #box-cancelar .boton-negro {width: 200px;}
.comments #box-comments .boton-negro {width: 200px;}

#reenviar-confirmacion {display:inline-block;margin-bottom: 50px;font-size:16px;}
#reenviar-confirmacion > img{display:inline-block;width:auto;height:15px;margin-right:6px; vertical-align: -2px;}
#reenviar-confirmacion > span{display:inline-block;line-height:26px;}


#aviso-cancelacion {background-color: var(--colorHotelActualLight); padding:20px;line-height:normal;border-radius:8px;margin-bottom:20px;    border: 1px solid var(--colorHotelActual);}
#aviso-cancelacion h3, #aviso-cancelacion p {margin:0;}
#aviso-cancelacion h3 {color: var(--colorHotelActual);margin-bottom:15px;}

.details #lista-pagos table thead tr th {    font-size: 12px;width: 100%;z-index: 999;margin-bottom: 15px;text-transform: uppercase;font-weight: 800;}
.details:not(.intranet) #lista-pagos table thead tr, .details:not(.intranet) #lista-pagos table tbody tr {grid-template-columns: 1fr 1.5fr 1.5fr 1fr;}
.details #lista-pagos{padding: 15px 0;margin-bottom:15px;}   
.details #lista-pagos table tbody tr {padding:7px 0px;}
.details #lista-pagos b {line-height: inherit;}

.details:not(.intranet) #lista-pagos {border-top: 1px dotted #1d1d1d;}
body[data-paso-actual="1"]:not(.intranet) .tit-hab.small {display:none;}
#extras-reserva h2 {padding: 40px 0px;}

.details #reserva #datos-reserva ul#detalle-habs li#observaciones {margin-top:10px;grid-template-columns: 7fr 3fr 2fr;margin-bottom:0px;padding-bottom: 0px;}
.details #reserva #datos-reserva ul#detalle-habs li#observaciones p {margin:3px 0px;}
.details #reserva #datos-reserva ul#detalle-habs li#observaciones:before {display:none;}



@media (max-width: 1200px) {

    #reserva {background: transparent; padding: 0 20px;box-shadow: none;}
    .details #reserva h1 {font-size: 27px;}
    .details #reserva #datos-reserva {padding-top: 0 !important; padding-bottom: 0 !important;}
    .details #reserva #operaciones-reserva {padding-top: 20px;}
.swal2-popup #swal2-content {padding: 0 !important;}
    #fondo-ordenador  {display:none;}
    #formulario-busqueda {padding-left: 20px; padding-right: 20px;padding-top:25px; line-height: 22px;}
    #formulario-busqueda p {font-size: 15px; line-height: 22px;}
    #formulario-busqueda > *:not(img) {width: 100%;}

    header#header-manage .anchocontenedor {padding: 25px 20px;}
    header#header-manage .anchocontenedor > div {grid-template-columns: 1fr;}
    header#header-manage .anchocontenedor > div > div {grid-template-columns: 1fr;}
    header#header-manage h2 {font-size:23px;}
    header#header-manage ul {padding-top: 7px;}
    header#header-manage ul li {font-size: 14px;line-height:20px}
    header#header-modificacion {padding: 20px 0 18px 0;overflow:hidden;margin-bottom:0;z-index:9;position: relative}

    #pestanas-modificacion {margin-top:13px;}
    #pestanas-modificacion li {padding: 10px 13px;}
    #pestanas-modificacion li i {width: 27px; height:27px;margin-bottom:7px;}
    header#header-modificacion ul { padding-bottom:0px;width: calc(100%);column-gap: 12px;  display:flex;grid-template-columns: unset; /*white-space: nowrap;*/overflow-x: scroll;}
    header#header-modificacion ul li:first-of-type {margin-left:20px;}
    header#header-modificacion ul li:last-of-type {margin-right:30px;}
    #pestanas-modificacion li a {width: 145px;height:93px;}
    #pestanas-modificacion li span {display:block;font-size: 14px;}
    header#header-modificacion h2 {font-size: 19px;padding-left:20px;}
    header#header-manage .anchocontenedor > div > div {display:none;}

    .details #estado {grid-template-columns: 1fr; line-height: 23px; font-size: 14px;    padding-bottom: 0}
    .details #estado > div#status {text-align:left;}
    #pestanas-modificacion li span {line-height:18px;margin-top:2px;}
    .details i.tick {height:14px; width: 14px; background-size: 7px;margin-left:5px;}
    #contenedor-odiseo {background:linear-gradient(to bottom,#f1f1f1 0%,#f1f1f1 200px,#ffffff 330px,#ffffff 100%);}
    #reserva {padding: 0; grid-template-columns: 1fr;margin-top:20px;}
    .details #reserva #datos-reserva span {line-height:22px;}
    .details #reserva #datos-reserva {order:2;background-color: transparent; padding:0;box-shadow:none;}
    .details #reserva #datos-hotel {padding:20px 0;border-bottom: 1px solid var(--gris4);border-top: 1px solid var(--gris4);order:1; display:grid; grid-template-columns: 180px auto; column-gap: 20px;position:relative;margin-bottom:25px;}
    .details #reserva #datos-hotel h3 {margin-top:0;margin-bottom:10px;font-size:17px;}
    .details #reserva #datos-hotel header {margin-bottom:0;}
    .details #reserva #datos-hotel header > span {font-size: 13px;line-height:20px;}
    .details #reserva #datos-hotel .boton {height:39px;font-size:13px;padding-left:35px; background-position: 10px center;background-size: 16px;}
    .details #reserva #datos-hotel > div {display:grid; grid-template-rows: auto 39px;}
    .details #reserva img {height:130px;}
    .details #reserva #datos-hotel .boton:not(:last-of-type){margin-bottom: 0;}
    .details #reserva #datos-reserva > div {margin: 0;}
    .details #reserva #datos-reserva ul:first-of-type li#cliente {order:3;}

    .details #reserva #datos-reserva ul li#cliente { grid-area: cliente;}
    .details #reserva #datos-reserva ul li#fecha-entrada {grid-area: fecha-entrada;}
    .details #reserva #datos-reserva ul li#fecha-salida {grid-area: fecha-salida;}

    .details #reserva #datos-reserva ul#detalle-habs >li {grid-template-columns: 3.5fr 3fr 3fr 2fr;font-size: 14px;}
    .details #reserva #datos-reserva ul#pagos >li {grid-template-columns: 2fr 2.3fr 3fr 2.2fr;}
    .details #reserva #datos-reserva ul#detalle-extras >li {grid-template-columns: 3.5fr 6fr 2fr;}

    .details #reserva #datos-reserva > div > ul:first-of-type {grid-template-areas: 'cliente cliente' 'fecha-entrada fecha-salida';grid-template-columns: unset; }
    .details #reserva #datos-reserva:before, .details #reserva #datos-reserva:after {display:none;}
    .details #reserva #datos-reserva ul#detalle-habs > li, .details #reserva #datos-reserva ul#detalle-extras > li, .details #reserva #datos-reserva ul#pagos > li, .details #lista-pagos table tbody tr {padding: 10px 0;}
    
    .details #reserva #datos-reserva ul#pago { row-gap: 20px;grid-template-areas: 'precio modalidad' 'policy policy';grid-template-columns: 1fr; }
    .details #reserva #datos-reserva ul#detalle-habs .resumen-hab span, .details #reserva #datos-reserva ul#detalle-habs .resumen-hab  b, .details #reserva #datos-reserva ul#pagos span, .details #lista-pagos table tbody tr th span {line-height:18px !important;}
    .details #reserva #datos-reserva ul#detalle-habs .resumen-hab span, .details #reserva #datos-reserva ul#detalle-habs .resumen-hab  b, .details #reserva #datos-reserva ul#pagos span { /*display:unset;*/}

    .details #reserva #datos-reserva #metodo-pago {margin-top:0;}
    .details #reserva #datos-reserva ul li#precio { grid-area: precio;display:grid; grid-template-columns: 1fr 1fr; border-bottom: 1px dotted #1d1d1d; padding-bottom:15px;}
    .details #reserva #datos-reserva ul li#modalidad {grid-area: modalidad;}
    .details #reserva #datos-reserva ul li#policy {grid-area: policy;}
    .details #reserva #datos-reserva ul#pagos span i {margin-right:4px;}
    #reenviar-confirmacion {margin-top:35px; margin-bottom:25px;}


    .details #lista-pagos{padding: 15px 0;margin-bottom:15px;}   
    .intranet.details #lista-pagos {margin-bottom:5px;}
    /*.details #lista-pagos table thead tr th:after{content:":";}*/

    .manage.login #formulario-busqueda > *:not(img) {font-size: 15px; line-height:22px;}
    .manage.login #header-inicio {padding: 40px 20px;}
    .manage.login #formulario-busqueda {padding-top:0;}
    .manage.login #header-inicio h1 {font-size:20px;}
    .manage.login #header-inicio h2 {font-size:35px;}
    .manage.login #contenedor-odiseo {background: #e8e8e8;}

    .details #reserva #datos-reserva ul#detalle-habs .resumen-hab:before {opacity:0.7;}

    /*
    header#header-modificacion ul::-webkit-scrollbar {height: 3px;background: #EEE;border-radius: 3px;}
    header#header-modificacion ul::-webkit-scrollbar-thumb {background: var(--colorHotelActual);border-radius: 3px;}
    */

    /*MODS MANAGE INTRANET*/
.intranet #reserva {margin-bottom: 0px;}
.intranet #reserva #datos-hotel {height:60px !important;overflow:hidden;}
.intranet #reserva #datos-reserva > div > ul:first-of-type {grid-template-areas: 'cliente fecha-entrada fecha-salida' !important;grid-template-columns: 1.5fr 1fr 1fr !important; }
.intranet header#header-modificacion ul {overflow:hidden;padding-bottom:0;display:grid; grid-template-columns: 1fr 1fr 1fr; width: calc(100% - 20px)}
.intranet #pestanas-modificacion li a {width:unset;height:77px !important;}
.intranet.details #reserva #datos-hotel {grid-template-columns: 1fr;}
.intranet.details #reserva #datos-reserva ul#pago {border-bottom: 1px dotted #1d1d1d;padding-bottom:20px;   grid-template-columns: 0.86fr 1fr 1fr ; grid-template-areas: 'precio policy policy';}
.intranet ul#historial {margin:0;padding-bottom:20px;  border-bottom: 1px dotted #1d1d1d;margin-bottom: 15px;}
.intranet ul#historial li {font-family: monospace;white-space: pre;font-size: 13px;}
.intranet #reenviar-confirmacion {margin-top:0px;margin-bottom:0px;}
.intranet.modificacion #contenedor-odiseo {margin-bottom: 120px; padding-right: 40px;}
.intranet.details #reserva #datos-reserva ul li#precio {grid-template-columns: 1fr !important; border-bottom: 0 !important; padding-bottom: 0px;}
.intranet.details #reserva #datos-reserva #metodo-pago {margin-top:15px;}
.intranet #extras-reserva {padding:0; margin-top:40px;        box-shadow: none;background: transparent;}
.intranet #nuevo-cobro {margin-top:-5px; margin-bottom: 20px;}
.intranet #contenedor-odiseo a.accion {width:100%;font-size: 15px;color:var(--colorHotelActual);border-bottom: 0 !important;    display: inline-flex;align-items: center;gap: 8px;}
.intranet #contenedor-odiseo a.accion:hover {color: #1d1d1d;}
.intranet #historial-box {margin-bottom:20px;border-top: 1px dotted #1d1d1d;padding-top:20px;}
.intranet #historial-box > a {margin-bottom: 5px;}
.intranet.details #reserva #datos-reserva ul#pagos >li, .intranet #lista-pagos table thead tr, .intranet #lista-pagos table tbody tr {grid-template-columns: 1.5fr 1.2fr 2.5fr 2.5fr 1.5fr 0.4fr;}
.intranet.details #reserva #datos-reserva ul#detalle-habs > li, .intranet.details #reserva #datos-reserva ul#detalle-extras > li, .intranet.details #reserva #datos-reserva ul#pagos > li {font-size:14px;}
body[data-paso-actual="1"].intranet.modificacion #widget-reservas {padding-right: 0 !important;}


body[data-paso-actual="1"].intranet #contenedor-paso .habitacion .paquetes-disponibles li.paquete header {height:75px;overflow:unset;    display: flex;align-items: center;}
body[data-paso-actual="1"].intranet #contenedor-paso .habitacion .paquetes-disponibles li.paquete .nombre-hab {}
body[data-paso-actual="1"].intranet #contenedor-paso .habitacion .paquetes-disponibles li.paquete header h3 {color: var(--colorHotelActual);margin-right: 10px;font-size: 30px;}
body[data-paso-actual="1"].intranet #contenedor-paso .habitacion .paquetes-disponibles li.paquete header h4 {color: var(--colorHotelActual); opacity:0.6; font-size: 20px;}
body[data-paso-actual="1"].intranet #contenedor-paso .habitacion header span.detalles-habitacion, body[data-paso-actual="1"].intranet #contenedor-paso .habitacion .paquetes-disponibles li.paquete header img, body[data-paso-actual="1"].intranet #contenedor-paso .habitacion .paquetes-disponibles li.paquete header:before, body[data-paso-actual="1"].intranet #contenedor-paso .habitacion .paquetes-disponibles li.paquete header:after, body[data-paso-actual="1"].intranet #contenedor-paso .habitacion .shortcuts-habitacion > span {display:none;}
body[data-paso-actual="1"].intranet #contenedor-paso .habitacion .paquetes-disponibles li.paquete header > * {position: relative; z-index:99;left:unset; top: unset; right: unset; bottom:unset;}
body[data-paso-actual="1"].intranet #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen {}

body.intranet.modificacion #contenedor-paso #sidebar #resumen-reserva > div {padding-right: 40px !important;}
body.intranet.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva #cerrar-resumen {right: 36px !important;}

#aviso-cancelacion h3 {font-size: 20px;}





}




@media print {
    /* All your print styles go here */
    body {width: 800px !important;}
    #pestanas-modificacion, #historial-box > a {display:none !important;}
    body #contenedor-odiseo {background: white !important;}
    * {
        -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
        color-adjust: exact !important;                 /* Firefox 48 – 96 */
        print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
    }
  }