/* import google fonts para la integración de la web PST MYTAG */ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); html, body { background: #fff; height: 100%; font-family: sans-serif;} body { min-height: 100vh; display: flex; flex-direction: column; } .container { flex: 1; } /* GENERAL */ #main, #cotizador, #mapa { float: left } #main { position: absolute; background: #fff; top: 2%; width: 98%; height: 96%; margin: 0 1%; border: 1px solid #4387fd; border-radius: 5px } .principal { padding: 15px; } .help { display: none; top: 0; left: 0; position: absolute; z-index: 10000; background: #F9F9F9; border: 1px solid #89C2FF; border-radius: 5px; color: #000; font-size: 10px; font-weight: normal; text-align: center; min-width: 100px; max-width: 200px; margin: 2px 0 0 -6px; padding: 6px 8px; text-transform: none; text-decoration: none; color: #333 } .help:before { position: absolute; top: -5px; left: 10px; height: 0; width: 0; content: ""; border-right: 5px solid transparent; border-bottom: 5px solid #89C2FF; border-left: 5px solid transparent; } .visible{ display: block !important } .cotizando, .editando { display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2000; background: url('../img/trans.png'); text-align: center; font-weight: bold; font-size: 0.7em; color: #777 } .cotizando p, .editando p { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 200px; height: 85px; padding-top: 115px; background: #fff url('../img/cotizando.gif') no-repeat center 45px; border: 2px solid #4387FD; border-radius: 100px; } .cotizando span { font-size: 1.2em; color: #4387FD } .editando { line-height: 2em; font-size: 0.8em } .editando p { background: #fff; height: 65px; padding: 30px 30px 60px; width: 480px; border-radius: 50px } .editando span { font-size: 1.4em; color: #4387FD } .editando i { display: block; line-height: 1.3em; font-weight: normal; font-size: 0.9em; color: #333 } .btn-filtro { text-transform: uppercase; } /* COTIZADOR (ZONA IZQUIERDA) */ #cotizador { background: #F9F9F9; position: relative; width: 75%; height: 100%; padding: 0 } #cotizador .header { position: relative; border-bottom: 1px solid gray; height: 10%; margin: 0 8px 0 5px } #cotizador .header:after { content: ""; clear: both; display: block } #cotizador .header h1 { float: left; margin: 18px 5px; font-weight: normal; font-size: 1.4em; color: #555 } #cotizador .header img { float: right; height: 30px; margin: 15px 8px } #cotizador .overlay { position: absolute; right: 0; height: 100%; border-right: 2px solid #4387fd; z-index: 1000 } #cotizador .aux { position: relative; overflow: hidden; float: left; width: 100%; height: 40px; } #cotizador .auxiliar{ position: absolute; width: 100%; margin-bottom: 5px; border-bottom: 1px solid #4387FD; padding-left: 8px; height: -webkit-fill-available;} #cotizador .auxiliar .total{ float: left; margin: 10px 10px 0; text-transform: uppercase; font-size: 0.8em } #cotizador .auxiliar .total p{ display: inline-block; margin: 0; font-size: 0.8em } #cotizador .leyenda { float: left; margin: 6px 0 0 75px; color: #555 } #cotizador .leyenda span{ margin-right: 10px; text-transform: uppercase; font-size: 0.6em } #cotizador .leyenda em{ display: inline-block; margin-left: 3px } #cotizador .leyenda span:first-child em{ width: 30px; margin-bottom: 3px; border-bottom: 2px dashed #999; } #cotizador .leyenda span:last-child em{ width: 15px; background: #999; border: 0; margin: 0 5px; width: 8px; height: 8px; border-radius: 8px; } #cotizador .auxiliar .showAll{ opacity: 0.6; background: url('../img/all.png') no-repeat; width: 24px; height: 24px; float: right; cursor: pointer; margin: 6px 10px; transition: opacity 1s ease; } #cotizador .auxiliar .showAll.activo, #cotizador .showAll:hover{ opacity: 1 } #cotizador form { position: relative; overflow: auto; height: 80%; width: 99%; font-size: 0.9em } #cotizador fieldset { /*width: 85%;*/ cursor: pointer; opacity: 0.8; position: relative; background: #fff; border: 0; border-color: #4387fd; margin: 42px 0 20px 15px; padding: 0 15px; transition: border-color 1s ease; border-radius: 5px; border-top-left-radius: 0; border: 1px solid #ccc; padding-top: 12px; /*padding-bottom: 12px */ } #cotizador fieldset:first-child { margin-top: 20px } #cotizador fieldset:first-child i { display: none } #cotizador fieldset:hover { opacity: 0.9 } #cotizador fieldset.current { opacity: 1; /*width: 85%;*/ border: 1px solid #4387fd; padding-top: 5px; /*padding-bottom: 12px */ } #cotizador fieldset > div { float: left; position: relative; width: 42% } #cotizador fieldset .bl1, #cotizador fieldset .bl2, #cotizador fieldset .bl3 { display: none } #cotizador fieldset .bl1 { width: 100%; margin-right: 3% } #cotizador fieldset .bl2 label { width: 35% } #cotizador fieldset .bl3 { width: 100%; clear: both } #cotizador fieldset .tipo, #cotizador fieldset .resumen, #cotizador fieldset em { position: absolute; left: 0; top: -19px; height: 12px; border: 1px solid #bbb; border-bottom: 0; background: #fff; padding: 3px 6px 3px 32px; border-radius: 5px; text-transform: uppercase; font-size: 0.7em; color: #4387fd } #cotizador .provincia-servicio { position: absolute; left: 205px; top: -16px; border: 1px solid #bbb; background: #fff; padding: 0px; border-radius: 5px; text-transform: uppercase; font-size: 0.7em; color: #4387fd; width: auto; } #cotizador fieldset .tipo{ width: 75%; padding-left: 85px; margin-left: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } #cotizador fieldset .resumen { left: 395px; background: none; border: 0; padding: 3px 0; text-transform: none; color: #555 } #cotizador fieldset em{ margin-left: 2px; border-right: none; border-left: 0; font-style: normal; font-size: 0.7em; font-weight: bold; padding: 3px 2px 2px 5px; z-index: 10; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom: 0 } #cotizador fieldset.current em, #cotizador fieldset.current .tipo { border-color: #4387fd; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } #cotizador fieldset.current em { z-index: 10; border-bottom: 1px solid transparent; border-top-left-radius: 0 } #cotizador fieldset.current .resumen { opacity: 0.5 } #cotizador fieldset .linea { opacity: 0.6; position: absolute; right: 15px; top: -12px; width: 30px; border-bottom: 2px dashed } #cotizador fieldset .linea.redondo { border: 0; margin: -2px 10px 0; width: 8px; height: 8px; border-radius: 8px; } #cotizador fieldset.oculto { padding: 0; border: 0 } #cotizador label { position: relative; cursor: pointer; /*display: inline-block; */ width: 26%; padding: 5px 3px; text-transform: uppercase; font-size: 0.7em; color: #4387fd } #cotizador input, #cotizador fieldset select, #cotizador .customOrig, #cotizador .customDest { outline: 0; padding: 4px; /*width: 62%; */ border: 1px solid #ccc; border-radius: 5px; font-size: 0.8em; color: #777 } #cotizador input.invalido{ border: 1px solid #FF6D6D } #cotizador input.resaltado{ border-color: #FF6D6D } #cotizador .eli, #cotizador .ubi, #cotizador .inv, #cotizador .cln { opacity: 0.7; cursor: pointer; display: none; /*position: absolute; right: -30px;*/ height: 20px; width: 20px; font-weight: bold; font-size: 1em; text-align: center; transition: all .3s ease-in-out; } #cotizador .eli:hover, #cotizador .ubi:hover, #cotizador .inv:hover, #cotizador .cln:hover { opacity: 0.8 } /* #cotizador .ubi { top: -5px; bottom: 2px; color: green } #cotizador .cln { top: 24px; background: url('../img/clonar.png') no-repeat center } */ #cotizador .cln { position: relative; top: 24px; left:0; /*background: url('../img/clonar.png') no-repeat left; */ width: 20%; font-size: 11px; text-align: left; /*padding-left: 25px;*/ vertical-align: middle; z-index: 2; } #cotizador .inv { /*display: none;*/ position: relative; top: 24px; /*left: calc(100% - 125px);*/ /*background: url('../img/clonar.png') no-repeat left; */ width: 20%; font-size: 11px; text-align: left; /*padding-left: 25px;*/ vertical-align: middle; z-index: 2; } #cotizador .eli { color: red; font-size: 11px; width: 20%; position: relative; top: 24px; /*left: calc(100% - 125px); */ width: 20%; font-size: 11px; text-align: left; padding-left: 25px; vertical-align: middle; z-index: 2; } #cotizador .ubi { /*top: 100px; bottom: 2px;*/ position: relative; top: 24px; color: green; /*left: 125px;*/ font-size: 11px; text-align: left; /*padding-left: 25px;*/ vertical-align: middle; width: 20%; z-index: 2; } #cotizador .n_clones { /*position: absolute; z-index: 2; right: -71px; top: 100px;*/ position: relative; /*left: 110px;*/ top: 24px; width: 57px; height: auto; background-color: #fff; border: 1px#4486fe solid; border-radius: 4px; color: #4486fe; font-size: 12px; padding: 3px; text-align: center; } #cotizador .anadir_serv_pequeno { /* position: absolute; z-index: 2; top: 100px; right: -71px; width: 57px; */ position: relative; left: 110px; top: 24px; height: auto; background-color: #fff; border: 1px#4486fe solid; border-radius: 4px; color: #4486fe; font-size: 12px; padding: 3px; text-align: center; } #cotizador .n_clones input{ width: 35px; margin: 4px; } #cotizador .n_clones button{ } #cotizador fieldset.current{ position: relative; } #cotizador fieldset.current .eli, #cotizador fieldset.current .ubi, #cotizador fieldset.current .inv, #cotizador fieldset.current .cln { display: block } /* #cotizador fieldset.current .eli { top: 39px; font-size: 1.6em; } #cotizador fieldset.current .ubi { top: auto; top: 60px; font-size: 1.4em; } #cotizador fieldset.tipo2.current .ubi { top: auto } */ #cotizador fieldset.oculto .eli, #cotizador fieldset.oculto .ubi, #cotizador fieldset.oculto .inv, #cotizador fieldset.oculto .cln { display: none } /*#cotizador .tipo1 .vehiculo { width: 50px } #cotizador .tipo2 .vehiculo { width: 50px } #cotizador .tipo3 .vehiculo { width: 50px } #cotizador .tipo4 .vehiculo { width: 50px } #cotizador .tipo5 .vehiculo { width: 50px }*/ #cotizador .tipo1 .pasajeros i { margin: 0 3px 0 10px; color: #777 } #cotizador .tipo2 .pasajeros i { margin: 0 3px 0 10px; color: #777 } #cotizador .tipo3 .pasajeros i { margin: 0 3px 0 10px; color: #777 } #cotizador .tipo4 .pasajeros i { margin: 0 3px 0 10px; color: #777 } #cotizador .tipo5 .pasajeros i { margin: 0 3px 0 10px; color: #777 } #cotizador .tipo1 .campo3 { display: block } #cotizador .tipo1 .campo4 { display: none } #cotizador .tipo2 .campo2 { display: none } #cotizador .tipo2 .campo4 { display: block } #cotizador .tipo2 .cena { display: block; text-align: center } #cotizador .chkCena { transform: scale(1.3); margin-top: 5px; } #cotizador .tipo5 .campo10 { /*margin-top: 10px*/ } #cotizador .tipo5 .campo11 { /*margin-top: 10px*/ } #cotizador .tipo5 .campo11 #dietas { display: none } #cotizador .tipo5 .campo11 #dietas, #cotizador .tipo5 .campo11 #bono { width: 90px; margin-right: 10px } #cotizador .tipo4 .pasajeros { /*margin-top: 12px*/ } #cotizador .tipo4 .pasajeros label { width: 73px } #cotizador .tipo4 .pasajeros i { margin: 0 3px 0 12px; font-size: 0.9em; color: #777 } #cotizador .tipo4 .campo7 { width: 80px; } /* #cotizador fieldset.current.tipo2 .eli { top: 28px } #cotizador fieldset.current.tipo2 .ubi { bottom: 12px } #cotizador fieldset.current.tipo2 .cln { top: 12px } #cotizador fieldset.current.tipo3 .eli, #cotizador fieldset.current.tipo5 .eli { top: 28px } #cotizador fieldset.current.tipo3 .ubi, #cotizador fieldset.current.tipo5 .ubi { top: 50px } #cotizador fieldset.current.tipo3 .inv, #cotizador fieldset.current.tipo5 .inv { top: 12px } #cotizador fieldset.current.tipo3 .bl3, #cotizador fieldset.current.tipo5 .bl3 { display: block } */ #cotizador fieldset.intermedio:before { content: ""; height: 25px; width: 2px; border-left: 2px solid #4387fd; position: absolute; top: -40px; left: 10px; } /* #cotizador fieldset.current.tipo4 .inv { top: 22px } #cotizador fieldset.current.tipo4 .ubi { top: 63px } */ #cotizador .etapa-vuelta { background-color: aliceblue !important; } #cotizador .tipo5 h3 { margin: 0 5px 10px; font-size: 0.9em; color: #999 } #cotizador .tipo5 .puntos p.servHijo { display: none; margin: 5px 0 2px } #cotizador .tipo5 .puntos p.servHijo select { cursor: pointer; background: none; width: 80px; padding: 2px; font-size: 0.8em } #cotizador .tipo5 .puntos p.servHijo input { width: 90px; border: 0; font-weight: bold; font-style: italic; color: #4387FD } #cotizador .tipo5 .puntos p.servHijo .interm { display: none } #cotizador .tipo5 .puntos p.servHijo .disabled { background: #f3f3f3; cursor: default } #cotizador .tipo5 .puntos div { background: #f9f9f9; border: 1px solid #c9c9c9; border-radius: 5px; margin: 10px 0 0; padding: 5px } #cotizador .tipo5 .puntos div:after { display: block; content: ""; clear: both } #cotizador .tipo5 .puntos div > i { position: absolute; top: 5px; right: 5px } #cotizador .tipo5 .puntos u { opacity: 0.8; border: 1px solid #ccc; border-radius: 2px; color: #4387fd; font-weight: bold; padding: 1px 3px; text-decoration: none; } #cotizador .tipo5 .puntos u:hover { opacity: 1 } #cotizador .tipo5 .puntos .bloque-intermedio { display:none; } #cotizador .tipo5 .puntos i.separador { display: block } #cotizador .tipo5 .puntos span { /*display: none;*/ } #cotizador .tipo5 .puntos .intermedio { /*display: none;*/ width: 229px; margin: 2px 0 5px; margin: 0 10px 0 25px; font-size: 0.9em } #cotizador .tipo5 .puntos i.del { /*display: none;*/ width: 20px; margin-left: 3px; font-weight: bold; font-size: 1.1em; color: red } #cotizador .tipo5 .puntos .duracion-parada { /*display: none;*/margin-right: 0px } #cotizador .tipo5 .puntos .icon-duracion-parada { /*display: none;*/ } #cotizador .tipo5 .puntos .hora-ini-etapa { width: 25px; } #cotizador .tipo5 select { background: #fff; padding: 2px; font-size: 0.7em } #cotizador .tipo5 .chkSinMovs { /*display: none;*/ } #cotizador .tipo5 .bl2 .destino label { width: 100% } #cotizador .tipo5 .bloque { float: left; width: 43%; margin: 0 } #cotizador .tipo5 .first { width: 70%; margin-right: 3% } #cotizador .tipo5 .info-etapa { width: 20%; } #cotizador .tipo5 .puntos .bloque label { width: 60px; margin-bottom: 5px } #cotizador .tipo5 .etapa { float: left; pointer-events: none; width: 100%; font-weight: bold; font-size: 0.9em } #cotizador .tipo5 .bloque label { pointer-events: none; width: 60px } #cotizador .tipo5 .bloque .dia { width: 60px } #cotizador .tipo5 .bloque select { width: 70px } #cotizador .tipo5 .bloque #dietas { display: none } #cotizador .tipo5 .bloque #bono { width: 75px } #cotizador .tipo5 .bloque span { color: #4387fd } #cotizador .tipo5 .bloque span i { margin-left: 5px } #cotizador .tipo5 .customOrig, #cotizador .tipo5 .customDest { /*top: 40px*/ } #cotizador .tipo5 .customDest { /*top: 75px*/ } #cotizador fieldset .puntos { display: none; margin: 15px auto 0; font-size: 0.9em; } #cotizador fieldset .puntos div { position: relative; display: none; margin-bottom: 5px; font-size: 0.9em } #cotizador fieldset .puntos div label:first-child { width: 58px } #cotizador fieldset .puntos div label { width: 52px } #cotizador fieldset .puntos div input { width: 20px; margin-right: 12px; padding: 3px 6px } #cotizador fieldset .puntos div input.lleg { width: 28px; text-align: center } #cotizador fieldset .puntos div input.dur { display: none; text-align: center } #cotizador fieldset .puntos div input.salida { width: 30px; text-align: center } #cotizador fieldset .puntos div .punto { width: 250px } #cotizador fieldset .puntos div .dur { margin-right: 2px } #cotizador fieldset .puntos div span { font-size: 0.8em; color: #888 } #cotizador fieldset .puntos div > i { opacity: 0.5; margin: 6px 5px 0; border: 1px solid red; border-radius: 20px; padding: 0 2px 1px; line-height: 1em; font-style: normal; font-size: 0.7em; color: red; } #cotizador fieldset .puntos div i:hover { opacity: 0.8 } #cotizador fieldset .add-punto { position: absolute; right: 5px; bottom: -1px; margin-right: 20px; /*background: url('../img/addP.png') no-repeat right;*/ opacity: 0.8; /*width: 20px;*/ height: 20px; font-weight: bold; font-size: 1.2em; /*line-height: 1.1em*/; color: #4387fd; } #cotizador fieldset .add-punto:hover { opacity: 1 } #cotizador fieldset .anadir-serv > div { height: auto } #cotizador fieldset .puntos .finalizar-exc { width: 100%; margin: 15px 0 5px; text-align: right; line-height: 1.5em; font-size: 0.9em } #cotizador fieldset .puntos .finalizar-exc div { display: block } #cotizador fieldset .puntos .finalizar-exc label { width: auto; vertical-align: top } #cotizador fieldset .puntos .finalizar-exc input { width: 30px } #cotizador fieldset .puntos .finalizar-exc span { font-weight: bold; font-size: 1em; color: #4387fd } #cotizador fieldset .puntos .finalizar-exc .final { text-align: left } #cotizador .finCircuito { display: none; float: left; margin-top: 10px; padding: 8px; font-size: 0.8em } #cotizador .finCircuito h4 { color: #4387fd } #cotizador .finCircuito p { color: #777 } #cotizador .finCircuito h4, #cotizador .finCircuito p { float: left; width: 90%; margin: 5px 0 0 } #cotizador .finCircuito input { float: right; width: 20px; margin-right: 10px } #cotizador .origen input, #cotizador .destino input, #cotizador .customOrig, #cotizador .customDest { /*position: absolute;*/ transition: width .2s ease-in-out; z-index: 100} #cotizador .origen input, #cotizador .destino input { display: none; width: 90%; } #cotizador .origen, #cotizador .fechahora, #cotizador .destino, #cotizador .duracion, #cotizador .cena, #cotizador .pasajeros, #cotizador .fh2, #cotizador .frecuencia, #cotizador .tipo-vehiculo, #cotizador .regimen, #cotizador .descripcion_usuario, #cotizador .vuelo-tren, #cotizador .observaciones-cliente, #cotizador .observaciones-administradores, #cotizador .contacto, #cotizador .telefono-contacto { float: left; margin-right:5px;} #cotizador .origen, #cotizador .destino { width: 32%; } #cotizador .fechahora { width: 100px; } /*#cotizador .pasajeros { width: 5%; } #cotizador .tipo-vehiculo { width: 24%; }*/ #cotizador .customOrig, #cotizador .customDest { background: #fff; /*left: 98px; top: 50px; */ padding: 2px 5px; /*width: 20%*/ width: 100%; } #cotizador .current .customOrig, #cotizador .current .customDest { display: block } #cotizador .customDest { /*left: 98px; top: 85px*/ } #cotizador .fechahora, #cotizador .pasajeros { font-size: 1em } #cotizador .fechahora input{ cursor: default } #cotizador .duracion label { width: 73px } #cotizador .duracion input { width: 15px; height: 10px; } #cotizador .duracion span { font-size: 0.8em; color: #888 } #cotizador .fechahora input { width: 90%; } #cotizador .fechahora .hora { width: 30px; font-size: 0.7em } #cotizador .fechahora span { font-size: 0.9em; color: #888 } #cotizador .fh2 { /* margin-top: 11px */ } #cotizador .pasajeros { /*margin-top: 10px */ } #cotizador .pasajeros input { width: 20px; padding-top: 3px; padding-bottom: 3px } #cotizador .frecuencia { /*margin-top: 12px */ } #cotizador .frecuencia span { font-size: 0.8em; color: #888 } #cotizador .frecuencia input { width: 25px } #cotizador .vehiculo { width: 125px; background: transparent; padding: 3px 4px 2px; font-size: 0.7em } #cotizador .anadir-serv{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #F9F9F9; text-align: center; z-index: 100 } #cotizador .anadir-serv > div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 250px; height: 400px; margin: auto; } #cotizador .anadir-serv .tipo-serv { float: left; clear: both; pointer-events: none; display: inline-block; vertical-align: middle; background: #fff; border: 2px dashed #bbb; padding: 10px; text-transform: uppercase; text-align: center; font-size: 1.4em; color: #888; cursor: default; opacity: 0.3; border-radius: 5px; transition: opacity 1s ease-in-out; } #cotizador .anadir-serv .tipo-serv:hover { opacity: 1 } #cotizador .anadir-serv .tipo-serv p { margin: 10px 26px 20px; font-size: 0.8em } #cotizador .anadir-serv.activo .tipo-serv { pointer-events: auto; opacity: 0.8; } #cotizador .anadir-serv .canc{ cursor: pointer; display: none; width: 75px; margin: 15px auto 5px; padding: 3px; border: 1px solid #ccc; border-radius: 10px; font-size: 0.5em; opacity: 0.8 } #cotizador .anadir-serv .canc:hover{ opacity: 1 } #cotizador .anadir-serv span { display: block; position: relative; cursor: pointer; opacity: 0.8; background: #fff; border: 1px solid #4387fd; border-radius: 5px; margin: 10px 20px; padding: 6px 12px; text-transform: uppercase; font-size: 0.9em; color: #4387fd } #cotizador .anadir-serv span:hover { opacity: 1 } #cotizador .anadir-serv .soon { opacity: 0.5; color: gray } #cotizador .anadir-serv .soon:hover { opacity: 0.7 } #cotizador .anadir-serv .provincia { float: left; clear: both; margin: 0 15px 25px; width: 200px } #cotizador .anadir-serv .provincia p { margin: 0 0 5px; font-size: 0.9em; color: #333 } #cotizador .anadir-serv .provincia select { width: 100%; padding: 3px 5px; border: 1px solid #4387FD; border-radius: 5px; background: none } #cotizador .anadir-serv .listado-lclz { display: none } #cotizador .listado-lclz { display: none } #cotizador fieldset .anadir-serv { width: 120px; left: auto; top: 55px; } #cotizador fieldset .anadir-serv .provincia { display: none } #cotizador fieldset .anadir-serv span { margin: 5px; padding: 5px } #cotizador fieldset .anadir-serv > div { width: 100%; padding: 0 } #cotizador fieldset .anadir-serv p { display: none } #cotizador fieldset .anadir-serv span { font-size: 0.6em } #cotizador fieldset .anadir-serv .tipo-serv { border: 1px dashed #bbb; padding: 8px } #cotizador fieldset .anadir-serv.activo .tipo-serv { opacity: 1 } #route0 { display: none } #cotizador .fin { position: absolute; left: 0; bottom: 0; width: 100%; height: 105px; overflow: hidden; background: #4387FD } #cotizador .finalizar { /*position: absolute;*/ left: 0; z-index: 100; width: 100%; height: 72%; border-top: 1px solid #4387fd } #cotizador .finalizar div { width: 33%; height: 100%; padding: 0; border: 0 } #cotizador .conSimulado div { width: 23% } #cotizador .finalizar button { opacity: 1; border: 0; width: 100%; height: 38px; font-weight: bold; color: white; border-radius: 4px; margin-top: 5px; } #cotizador .finalizar .resCot { background-color: white; color: blue; border: solid 1px blue; } #cotizador .finalizar .finCot { background-color: blue; color: white; border: solid 1px white; } #cotizador .finalizar .finCotNew { background-color: #FFAA33; color: white; border: solid 1px white; } #cotizador .finalizar div:first-child button { border-right: 1px solid #fff } #cotizador .finalizar .simulado { float:left; margin-top: 2px; text-align: center; font-size: 0.8em } #cotizador .finalizar .simulado label { display: block; width: auto; padding-bottom: 0; font-weight: bold; color: white; } #cotizador .finalizar .simulado select { width: 100px; background: #fff; border: 1px solid #999; margin-top: 0px; font-size: 0.8em } #cotizador .nombre-pre { float:left; margin: 10px 10px 0px 0px; font-size: 12px; } #cotizador .nombre-pre label { display: block; font-weight: bold } #cotizador .nombre-pre input { border: 1px solid #aaa; line-height: 1em; color: #333 } #cotizador .agente-pre { /*width: 430px;*/ float:left; margin: 10px 10px 0px 0px; font-size: 12px; } #cotizador .email-agente { width: 140px; } #cotizador .div-agente, .div-email-agente, .div-repetir-email-agente { margin-right: 5px; } #cotizador .cotizando-como { width: 20%; float:left; margin: 10px 10px 0px 0px; font-size: 12px; } #cotizador .chkSinMovs { display: none; } #cotizador .desc_usuario { /*position: absolute; left: 150px; */ width: 90%; } #cotizador .descripcion_usuario { width: 65%; } #cotizador .vuelo-tren { width: 10%; } #cotizador .tipo2 .div-vuelo-tren { display: none } #cotizador .tipo3 .div-vuelo-tren { display: none } #cotizador .tipo4 .div-vuelo-tren { display: none } #cotizador .tipo5 .div-vuelo-tren { display: none } #cotizador .chks-cotizador { margin: 10px; color: #4387fd; display: none; } #cotizador .chk-cotizador { width: 10%; } #cotizador .busca-simulado { width: 50px; } #cotizador .btnAnadirServicio { cursor: pointer; margin: 10px 5px; float: left; width: 17%; height: 75px; color: white; text-align: center; vertical-align: middle; display: inline-block; border-radius: 4px; } .ayuda-ficha { margin-right: 15px; } @media only screen and (max-width: 1280px) { span.labelNombrePasajero, span.labelEmailAgente { display: none; } } #cotizador .tipos_servicio_pequeno { margin-bottom: 15px; } #cotizador .reiniciar { float: right; } #cotizador .calcular { float: right; margin-left: 15px; margin-right: 5px;} #cotizador .calcular_new { float: right; margin-left: 15px; margin-right: 5px;} #cotizador .vuelta { float: left; margin-left: 38px; margin-top: 4px; font-size: 12px; color: #4387fd;} #cotizador .tipo2 .vuelta { display: none; } #cotizador .tipo3 .vuelta { display: none; } #cotizador .tipo4 .vuelta { display: none; } #cotizador .tipo5 .vuelta { display: none; } #cotizador .obs-cliente { width: 400px; } #cotizador .aviso-temporal { background-color: lightyellow; color: black; padding: 5px; font-size: 12px; font-weight: bold; width: 100%;} #pedido .aviso-temporal { color: black; padding: 10px; font-size: 10px; width: 100%;} /* MAPA (ZONA DERECHA) */ #mapa { overflow: hidden; position: relative; height: 100%; width: 25%; } #mapa #map { pointer-events: none; height: 100%; width: 100%; transition: opacity 0.5s linear; } #map { background: url('../img/gmaps.jpg') no-repeat center } #mapa .overlay, #mapa .nomap { position: absolute; left: 0; top: 0 } #mapa .overlay { width: 100%; height: 100%; background: #000; opacity: 0.4 } #mapa .nomap { display: none; background: #fff url('../img/mapicon.png') no-repeat; right: 0; bottom: 0; margin: auto; height: 90px; width: 250px; border-radius: 10px; padding: 20px 20px 20px 130px; font-size: 0.8em } #mapa .nomap p { margin-top: 0 } #mapa .info { display: none; background: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; border-radius: 20px; border: 2px solid #4387FD; width: 30px; height: 27px; padding: 3px 0 0 0; text-align: center; font-weight: bold; font-size: 1.3em; color: #4387FD } #mapa .info:hover { opacity: 0.9 } #mapa #detalles { display: none; position: absolute; left: 0; bottom: -2px; width: 100%; background: #F9F9F9; border-top: 2px solid #4387fd; font-size: 0.7em } #mapa #detalles div { padding: 0px 5px } #mapa #detalles p { margin: 10px 6px } #mapa #detalles p strong { display: inline-block; width: 150px; color: #4387fd } #mapa #detalles .allPlaces { display: none } #mapa #detalles .allPlaces span { display: inline-block; width: 100%; line-height: 1.5em; font-size: 0.9em } #edicion-servicios-proveedor .descripcion{ font-size: 11px} #edicion-servicios-proveedor .servicio-editable{ border-bottom: solid 1px lightgray; padding: 10px; width: auto;} /* PROPUESTA */ #propuesta { height: 90%; padding: 20px } #propuesta h1 { float: left; width: 100%; margin: 2px 0 12px; font-size: 1.1em; color: #4387FD } #propuesta h2 { float: left; margin: 0 8px 0 0; padding: 3px 8px 3px 0; border-right: 1px solid gray; text-transform: uppercase; font-weight: normal; font-size: 1.2em; color: #4387FD ; font-weight: 800;} #propuesta .desglose, #propuesta .final { float: left; width: 65%; max-height:75vh; height: auto; border: 2px solid #4387FD; border-radius: 5px; background: #fff; color: #555 } #propuesta .desglose { float:left; overflow-y: scroll; padding-top: 2px } #propuesta .nombre-cot { position: absolute; right: 40px; top: 18px } #propuesta .nombre-cot label { float: left; margin: 3px 10px 0 0 } #propuesta .nombre-cot input { width: 200px; border: 1px solid #ccc; padding: 3px 8px; font-size: 0.8em } #propuesta .imprimir { cursor: pointer; position: absolute; top: 22px; left: 58%; font-size: 0.8em; color: #333 } #propuesta .imprimir:hover { color: #111 } #propuesta .imprimir i { font-size: 1.3em } #propuesta .resumen { float: left; width: 30%; height: 98%; margin-left: 3% } #propuesta .servicio { position: relative; margin: 10px 12px; padding: 0 0 10px 25px; font-size: 0.8em } #propuesta .noDisp { padding: 0 } #propuesta .servicio.hijo { width: 85%; margin-left: auto } #propuesta .servicio:last-child { border-bottom: 0; padding-bottom: 0 } #propuesta .servicio:after { display: block; content: ''; clear: both } #propuesta hr { border-top: 1px solid #4387fd; margin: 15px 0 20px; color: transparent } #propuesta hr:first-child { display: none } #propuesta hr.hijo { border-top: 1px solid #ccc } #propuesta .servicio .cabecera-servicio { width: 100%; } #propuesta .servicio .cabecera-servicio-wrapper { background-color: #e8eeff; } #propuesta .servicio .collapse{ opacity: 0.6; cursor: pointer; position: absolute; left: 2px; top: 7px; width: 15px; height: 10px; background: url('../img/collapse.png') no-repeat 0 0 } #propuesta .servicio .collapse:hover { opacity: 0.8 } #propuesta .servicio > div { float: left; } #propuesta .servicio .datos { margin-top: -2px } #propuesta .servicio .datos p { width: auto } #propuesta .servicio .datos strong { color: #555 } #propuesta .servicio .datos2, #propuesta .servicio .precio { margin-top: 8px } #propuesta .servicio .datos2 { position: relative; clear: both; width: 75%; font-size: 1.1em; font-weight: 200; } #propuesta .servicio .datos2.t3 { /*width: 500px */} #propuesta .servicio .datos2::before { content: ""; position: absolute; left: -16px; top: -10px; height: 100%; border-left: 1px dotted #4387fd } #propuesta .servicio .datos2 i { max-width: 15px; padding: 4px 9px; /*background-color: #e8eeff;*/ text-align: center; min-width: 15px; /*font-weight: 300;*/ color: #4387fd; } #propuesta .servicio .datos2 p { position: relative; float: left; margin: 1px} #propuesta .servicio .datos2 .detalle-circuito{ clear: both; width: 100%; float: right; padding-top: 10px; margin-top: 10px; border-top: 1px #4387fd dotted; } #propuesta .servicio .datos2 .detalle-circuito>p{ width: 100%; clear: both; margin-bottom: 5px; } #propuesta .servicio .datos2 .detalle-circuito+p{ margin-bottom: 5px; } #propuesta .servicio .datos2 .detalle-circuito>p>b{ font-weight: 500; color: #4387fd; } #propuesta .servicio .datos2 .fecha { width: 150px } #propuesta .servicio .datos2 .pasaj { width: 150px } #propuesta .servicio .precio { float: right; margin: 5px 10px 0 20px; font-size: 0.9em } #propuesta .servicio .precio div { margin-top: 1px; text-align: right; font-size: 1.7em } #propuesta .servicio .precio .total { font-size: 1.1em } #propuesta .servicio .precio div span { font-size: 0.8em } #propuesta .servicio .precio_mini { display: none; position: absolute; right: 5px; top: 5px } #propuesta .servicio p { margin: 0 5px } #propuesta .servicio select { position: absolute; cursor: pointer; background: none; border: 1px solid #ccc; width: 150px; border: 0 } #propuesta .servicio .expediciones { float: left; width: 90%; clear: both; margin: 30px 0 10px; text-align: center } #propuesta .servicio .expediciones div { display: inline-block; width: 50px; margin: 0 10px 15px; text-align: center } #propuesta .servicio .expediciones div:after { float: right; content: ">"; margin: -14px -18px 0 0 } #propuesta .servicio .expediciones div:last-child:after { display: none } #propuesta .servicio .incluye { font-size: 0.9em; color: #f25c17 } #propuesta .servicio .incluye i { font-size: 0.9em } #propuesta .cabecera-impresion{ background-color: #4387fd; padding: 10px; margin-bottom: 11px; display: none; } #propuesta .cabecera-impresion img{ height: 45px; width: auto; } #propuesta .final { float: left; width: 100%; height: auto } #propuesta .final h3 { margin: 0 0 15px; text-align: left; font-size: 1.2em } #propuesta .final div { padding: 20px } #propuesta .final { text-align: right } #propuesta .final p { margin: 8px 0 } #propuesta .final span { float: left } #propuesta .final .total { margin: 20px 0 0; font-size: 1.2em ; background-color: #e8eeff; padding: 7px; font-weight: 600;} #propuesta .final .total span { font-size: 0.9em } #propuesta .acciones { float: left; width: 100%; height: 25%; margin-top: 3% } #propuesta .comentario { border: 1px solid #ccc; height: 100px; margin-top: 15px; width: 94%; padding: 5px 3%; font-size: 0.9em; color: #777; border-radius: 5px } #propuesta .solo-impresion{ display: none; } #propuesta .aviso-ayuda { background-color: #e8eeff; padding: 2px; color: #555; margin: 10px 0; float: left; width: 100%; } #propuesta .aviso-ayuda .wrapper { padding: 15px; } #propuesta .aviso-ayuda p.titulo{ font-size: 1.35em; } #propuesta .aviso-ayuda p.titulo i{ background-color: #4387fd; border-radius: 50%; padding: 8px 14px; color: #fff; } #propuesta .volver-cotizador { cursor: pointer; width: 160px; top: -15px; left: -15px; position: relative; color: #4387FD; vertical-align: middle; display: table;} #propuesta .div-volver-cotizador { display: table-cell; height: 100%; } #propuesta .desc, #propuesta .conf, #propuesta .acep, #propuesta .no-aceptacion, #propuesta .vinc { opacity: 0.8; float: left; clear: both; width: 100%; height: 40%; margin: 4% 0 0; padding: 12px; border: 2px solid #4387FD; border-radius: 5px; background: #fff; font-size: 1em; color: #222; transition: ease-in-out 0.2s; } #propuesta .desc:hover, #propuesta .conf:hover, #propuesta .acep:hover, #propuesta .vinc:hover { opacity: 1; transition: ease-in-out 0.2s; } #propuesta .desc { background: #FCEAEC } #propuesta .acep { background: #B6FFA6 } #propuesta .no-aceptacion { background: grey } #propuesta .conf { background: #EAFFEA } #propuesta .vinc { background: #e8eeff; } #propuesta .listado_vinculables { background-color: #fff; float: left; width: calc(100% - 44px); padding: 10px 20px; border-radius: 6px; border: 2px solid #4387fd; margin-top: 6px; } #propuesta .desc .fa, #propuesta .desc .fa-solid, #propuesta .conf .fa, #propuesta .acep .fa, #propuesta .acep .fa-solid, #propuesta .vinc .fa{ font-size: 22px; margin-left: 20px; margin-right: 6px; float: right; vertical-align: middle; } #propuesta .realizadoPor { display:none; } #propuesta .fechaSolicitud { display:none; } #propuesta .para { display:none; } #propuesta .asunto { display:none; } /* PEDIDO */ #pedido { height: 90%; padding: 20px; font-family: Calibri;} #pedido .proveedor{ width:100%; } #pedido h1 { float: left; width: 100%; margin: 2px 0 12px; font-size: 1.5em; /*color: #4387FD */ } #pedido h2 { float: left; margin: 0 8px 0 0; padding: 3px 8px 3px 0; text-transform: uppercase; font-weight: normal; font-size: 1.1em; /*color: #4387FD*/ ; font-weight: 800;} #pedido .desglose, #pedido .final { float: left; width: 65%; height: 96%; border: 1px solid #4387FD; /*border-radius: 5px*/; background: #fff; color: #555 } #pedido .desglose { overflow: auto; padding-top: 2px } #pedido .nombre-cot { position: absolute; right: 40px; top: 18px } #pedido .nombre-cot label { float: left; margin: 3px 10px 0 0 } #pedido .nombre-cot input { width: 200px; border: 1px solid #ccc; padding: 3px 8px; font-size: 0.8em } #pedido .mostrar-cambios { cursor: pointer; position: absolute; top: 22px; left: 28%; font-size: 1em; color: #333 } #pedido .mostrar-cambios:hover { color: #111 } #pedido .mostrar-cambios i { font-size: 1.5em } #pedido .imprimir { cursor: pointer; position: absolute; top: 22px; left: 48%; font-size: 1em; color: #333 } #pedido .imprimir:hover { color: #111 } #pedido .imprimir i { font-size: 1.5em } #pedido .guardar-pdf { cursor: pointer; position: absolute; top: 22px; left: 58%; font-size: 1em; color: #333 } #pedido .guardar-pdf:hover { color: #111 } #pedido .guardar-pdf i { font-size: 1.5em } #pedido .aceptar-presupuesto { cursor: pointer; width: 100%; margin-top: 20px; height: 50px; font-size: 1.5em; background: #B6FFA6;} #pedido .aceptar-presupuesto:hover { color: #111 } #pedido .aceptar-presupuesto i { font-size: 1.2em; color: black } #pedido .listar-csv { cursor: pointer; position: absolute; top: 22px; left: 68%; font-size: 1em; color: #333 } #pedido .listar-csv i { font-size: 1.5em } #pedido .filtrar-totales { cursor: pointer; position: absolute; top: 22px; left: 58%; font-size: 1em; color: #333 } #pedido .filtrar-totales i { font-size: 1.5em } #pedido .enviar { cursor: pointer; position: absolute; top: 22px; left: 72%; font-size: 1em; color: #333 } #pedido .enviar:hover { color: #111 } #pedido .enviar i { font-size: 1.5em } #pedido .resumen { float: left; width: 30%; height: 98%; margin-left: 3% } #pedido .servicio { position: relative; margin: 10px 12px } #pedido .noDisp { padding: 0 } #pedido .servicio.hijo { width: 85%; margin-left: auto } #pedido .servicio:last-child { border-bottom: 0; padding-bottom: 0 } #pedido .servicio:after { display: block; content: ''; clear: both } #pedido hr { border-top: 1px solid #4387fd; margin: 15px 0 20px; color: transparent } #pedido hr:first-child { display: none } #pedido hr.hijo { border-top: 1px solid #ccc } #pedido .servicio .cabecera-servicio { width: 100%; } #pedido .servicio .cabecera-servicio-wrapper { /*background-color: #e8eeff; */ } #pedido .servicio .collapse{ opacity: 0.6; cursor: pointer; position: absolute; left: 2px; top: 7px; width: 15px; height: 10px; background: url('../img/collapse.png') no-repeat 0 0 } #pedido .servicio .collapse:hover { opacity: 0.8 } #pedido .servicio > div { float: left; } #pedido .servicio .datos { margin-top: -2px } #pedido .servicio .datos p { width: auto } #pedido .servicio .datos strong { color: #555 } #pedido .servicio .datos2, #pedido .servicio .precio { margin-top: 8px } #pedido .servicio .precio { font-size: 12px } #pedido .servicio .datos2 { position: relative; clear: both; font-size: 1.0em; font-weight: 200; } #pedido .servicio .datos2.t3 { /*width: 500px */} #pedido .servicio .datos2::before { content: ""; position: absolute; left: -16px; top: -10px; height: 100%; border-left: 1px dotted #4387fd } #pedido .servicio .datos2 i { max-width: 15px; padding: 4px 9px; /*background-color: #e8eeff;*/ text-align: center; min-width: 15px; /*font-weight: 300;*/ color: #4387fd; } #pedido .servicio .datos2 p { position: relative; float: left; margin: 1px} #pedido .servicio .datos2 .detalle-circuito{ clear: both; width: 100%; float: left; padding-top: 10px; margin-top: 10px; } #pedido .servicio .datos2 .detalle-circuito>p{ width: 100%; clear: both; margin-bottom: 5px; } #pedido .servicio .datos2 .detalle-circuito+p{ margin-bottom: 5px; } #pedido .servicio .datos2 .detalle-circuito>p>b{ font-weight: 500; color: #4387fd; } #pedido .servicio .datos2 .contactos{ clear: both; width: 80%; float: left; padding-top: 10px; } #pedido .servicio .datos2 .observaciones{ clear: both; width: 80%; float: left; padding-top: 10px; } #pedido .servicio .datos2 .fecha { width: 160px } #pedido .servicio .datos2 .pasaj { width: 150px } #pedido .servicio .precio { float: right; margin: 5px 10px 0 20px; font-size: 12px; font-weight: bold } #pedido .servicio .precio div { margin-top: 1px; text-align: right; /*font-size: 1.7em*/ } #pedido .servicio .iva { font-size: 14px } #pedido .servicio .precio_mini { display: none; position: absolute; right: 5px; top: 5px } #pedido .servicio p { margin: 0 5px } #pedido .servicio select { position: absolute; cursor: pointer; background: none; border: 1px solid #ccc; width: 150px; border: 0 } #pedido .servicio .expediciones { float: left; width: 90%; clear: both; margin: 30px 0 10px; text-align: center } #pedido .servicio .expediciones div { display: inline-block; width: 50px; margin: 0 10px 15px; text-align: center } #pedido .servicio .expediciones div:after { float: right; content: ">"; margin: -14px -18px 0 0 } #pedido .servicio .expediciones div:last-child:after { display: none } #pedido .servicio .incluye { font-size: 0.9em; color: #f25c17 } #pedido .servicio .incluye i { font-size: 0.9em } #pedido .cabecera-impresion{ background-color: #4387fd; padding: 20px; margin-bottom: 11px; display: none; } #pedido .cabecera-impresion img{ height: 45px; width: auto; } #pedido .final { float: left; width: 100%; height: 70% } #pedido .final h3 { margin: 0 0 15px; text-align: left; font-size: 1.2em } #pedido .div-final { padding: 10px } #pedido .final { text-align: right } #pedido .final p { margin: 8px 0 } #pedido .final span { float: left } #pedido .final .total { margin: 20px 0 0; font-size: 1.5em ; background-color: #e8eeff; padding: 7px; font-weight: 600; } #pedido .final .total span { font-size: 0.9em } #pedido .acciones { float: left; width: 100%; height: 25%; margin-top: 3% } #pedido .comentario { border: 1px solid #ccc; height: 100px; margin-top: 15px; width: 94%; padding: 5px 3%; font-size: 0.9em; color: #777; border-radius: 5px } #pedido .solo-impresion{ display: none; } #pedido .aviso-ayuda { background-color: #e8eeff; padding: 2px; color: #555; margin: 10px 0; float: left; width: 100%; } #pedido .aviso-ayuda .wrapper { padding: 15px; } #pedido .aviso-ayuda p.titulo{ font-size: 1.35em; } #pedido .aviso-ayuda p.titulo i{ background-color: #4387fd; border-radius: 50%; padding: 8px 14px; color: #fff; } #pedido .desc, #pedido .conf { opacity: 0.8; float: left; clear: both; width: 100%; height: 40%; margin: 4% 0 0; border: 2px solid #4387FD; border-radius: 5px; background: #fff; font-size: 1em; color: #555 } #pedido .desc:hover, #pedido .conf:hover { opacity: 1 } #pedido .desc { background: #FCEAEC } #pedido .conf { background: #EAFFEA } #pedido .realizadoPor { display:none; } #pedido .fechaSolicitud { display:none; } #pedido .para { display:none; } #pedido .asunto { display:none; } #pedido .datos-fiscales{ color: #fff; float: right; } #pedido .cicma{ color: #fff; /*top: 0px; left: 0px; position: relative;*/ } #pedido i { color: #4387FD } #pedido .cabecera_listado_informe { font-weight: bold; } #pedido .fila_listado_informe { border: solid 1px gray; } #pedido .celda_listado_informe { padding: 2px; } #pedido .cliente { float:left; width: 100%; margin-bottom: 20px; } #pedido .fecha_proforma { float:right; width: 20%; } #planning .fila-plan { height:20px; } #planning .col-planning-tlf-transportista { display: none; } #planning .col-planning-tlf-conductor { display: none; } #planning .facturado { color: #01A228; font-weight: bold; } #planning .color-finde { background-color:#FDEDEC; } #planning .color-laborable { background-color:white; } #planning .cambio-dia { border-top:solid 2px silver; } #planning .celda-plan { border: solid 1px silver; padding-left:3px; } #planning .celda-plan .fecha-plan { font-weight:bold; } #planning .sin-confirmar { color:orange; } .list-pendiente-generar { color: red; } .list-cotizado-usuario { background-color: wheat !important; } .ir-arriba { display:none; padding:10px; background:#024959; font-size:20px; color:#fff; cursor:pointer; position: fixed; bottom:20px; right:20px; } /*** general ***/ body { margin: 0; float:left; width:100%; } h1 { font-size: 2em; margin: 0; } a { color: #0070A8; text-decoration: none; } a:hover, a:active { text-decoration: underline; } .grande{ font-size: 26px !important; width: 100%; float: left; margin: 0px; margin-bottom: -12px; margin-left: 0px !important; } .logotipo{ float:left; max-height:80%; max-width:300px; height:100%; padding-top:6px; padding-left:10px; } .logotipo img{ max-height:80%; } .center { text-align: center; } .right { text-align: right; } .left { text-align: left; } .clear { clear: both; } .box { padding: 0.5em 1em; background-color: #F5F5F5; border: 1px solid #E3E3E3; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset; } .box.alternative { border-color: transparent; box-shadow: none; } .box > h2 { margin-top: 0.5em; } /*** formularios ***/ form table { border: none; margin-left: 1em; margin-right: 1em; } form td { padding: 0; padding-top: 0.5em; } form td:first-child { padding-right: 0.5em; text-align: right; } form tr, form td { background: none; } label[class="required"]:before { content: "* "; color: red; } td .error { border-bottom: 2px solid lightsalmon; margin-bottom: .25em; display: block; } /*** botones ***/ .button { font-size: 1em; background-color: #F5F5F5; border: 1px solid #ccc; border-radius: 4px; padding: .25em .5em; display: inline-block; } .button:hover { cursor: pointer; background-color: #DDDDDD; } .question { display: inline-block; padding: 0 1em; } .question .buttons { margin-bottom: 1em; display: inline-block; width: 100%; text-align: center; } .question form { display: inline; } /*** tablas ***/ table { border-collapse: collapse; border-spacing: 0; } table.display { width: 99%; border-collapse:collapse; border-spacing:0; empty-cells:show; overflow-x: scroll; margin-top: 5px; } table.display tbody { /*border: 1px solid #4387FD*/ } table.dataTable thead th, table.dataTable thead td { border-bottom: 0 } table.display caption { color: #000; padding: 1em 0; text-align:center } table.display td, table.display th { font-size: inherit; margin: 0; overflow: visible; padding: .5em 1em; } table.display thead { color: #000; text-align: left; vertical-align: bottom; } table.display td { background-color: transparent; } table.odd td { background-color: #f2f2f2; } table.striped tr:nth-child(2n-1) td { background-color: #f2f2f2; } table.bordered { border:1px solid #cbcbcb; } table.bordered td, table.bordered th { border-left: 1px solid #cbcbcb; border-width: 0 0 0 1px; } table.bordered td:first-child, table.bordered th:first-child { border-left-width:0 } table.bordered td { border-bottom: 1px solid #cbcbcb; } table.bordered tbody > tr:last-child > td { border-bottom-width: 0; } table.horizontal td, table.horizontal th { border-width: 0 0 1px; border-bottom: 1px solid #cbcbcb; } table.horizontal tbody > tr:last-child > td { border-bottom-width: 0; } table.compact { width: auto; } #users{ display: none } .tarifa-generada { margin: 20px 0 10px; font-size: 0.9em } .tarifa-generada .tipo { cursor: help;font-size: 1.2em } .tarifa-generada .precios:hover { background: #e1e1e1 } .tarifa-generada th { padding-bottom: 10px } .tarifa-generada td { border: 1px solid black; /*padding: 0;*/ text-align: center } .tarifa-generada td:first-child { text-align: center } .tarifa-generada input { border: 0; margin: 1px 0; text-align: center } .guardar-tarifa { float: right; margin: 10px 5% 50px 0 } .tarifas-usuario { width: 600px; margin: 30px 0 20px } .tarifas-usuario th { padding: 5px 0 10px } .tarifas-usuario td, .tarifas-usuario td:first-child { border: 1px solid #ccc; padding: 5px; text-align: center } .tarifas-usuario select { border: 0; background: none } .tarifas-usuario input { width: 100px; } .tarifas-usuario.anadir-tarifa { color:green; font-weight: bold } .tarifas-usuario.eliminar-tarifa { color:red; font-weight: bold } .nueva-edicion-tarifa { float: left; color: #000; margin: 15px 40px } .mostrar-usuarios { float: left; color: #000; margin: 15px 40px } .mostrar-proveedores { float: left; color: #000; margin: 15px 40px } .volver-tarifas { float: left; color: #000; margin: 15px 40px } .guardar-tarifas { float: left; margin: 15px 20px } .concepto-tarifa { width: 160px } .celda-vtc { padding: 2px } .celda-bus { padding: 2px } /*** logo ***/ .logo { text-align: center; } .logo img { float: left; height: 70%; margin-top: 10px; } .logo a { color: #333; } .logo a:hover { text-decoration: none !important; } .row, .col{ margin: 0; font-size: 12px } #extra_filter{ position: absolute; top: 0; right: 250px } /*** navegacion primaria ***/ .nav-main { height: 100%; } .nav-main ul { float: right; display: table; height: 100%; margin: 0; text-align: center; padding-left: 0; } .nav-main li { display: table-cell; height: 100%; padding: 0 1em; vertical-align: middle; color: white; } .nav-main a { line-height: 2em; color: white; text-decoration: none; text-transform: uppercase; font-weight: bold; } .nav-main a:hover { text-decoration: none; } .nav-main li:last-child { font-size: 0.8em } .nav-main li:last-child a:first-child { padding-right: 3px; font-weight: bold; } .nav-main li:last-child a:last-child { margin-top: 2px; font-size: 0.9em; } /* Menú desplegable */ .nav-main li.bt-desplegable{ } .nav-main li.desplegable { position: relative; } .nav-main li.desplegable ul{ height: 0; overflow: hidden; opacity: 0; position: absolute; top: 100%; right: 0; z-index: 1000; width: auto; max-width: 200px; white-space: nowrap; transition: opacity 0.3s ease; -moz-animation-delay: height 0.3s; -webkit-animation-delay: height 0.3s; -o-animation-delay: height 0.3s; animation-delay: height 0.3s; display: block; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1); text-align: left; } .nav-main li.desplegable:hover ul{ height: auto; overflow: inherit; transition: opacity 0.3s ease; -moz-animation-delay: height 0.3s; -webkit-animation-delay: height 0.3s; -o-animation-delay: height 0.3s; animation-delay: height 0.3s; opacity: 1; } .nav-main li.desplegable ul li{ border-bottom: 1px rgba(67, 135, 253, 0.4) solid; float: left; color: rgba(67, 135, 253, 1); background-color: #fff; height: auto; width: 100%; transition: background-color 0.3s ease; } .nav-main li.desplegable ul li:hover{ background-color: rgba(67, 135, 253, 1); transition: background-color 0.3s ease; } .nav-main li.desplegable ul li a{ color: #666; padding: 2px 0; text-align: left; display: block; text-transform: initial; } .nav-main li.desplegable ul li a:hover{ /*background-color: rgba(67, 135, 253, 1);*/ color: #fff; } .nav-main li.desplegable ul li a:hover{ cursor: pointer; } .nav-main li.desplegable ul li:last-child{ font-size: inherit; } .nav-main li.desplegable ul li:last-child a:first-child{ padding-right: inherit; font-weight: inherit; } /*** navegacion secundaria ***/ .nav-sec { padding-right: 1em; padding-left: 1em; display: flex; justify-content: flex-start; } .nav-sec ul { list-style: none; margin-bottom: 1em; padding-left: 0; width: 90%; } .nav-sec ul ul { padding-bottom: .5em; } .nav-sec ul ul li { margin-left: 1em; } .nav-sec div { line-height: 2em; } .nav-sec div div { border-bottom: 2px solid transparent; } .nav-sec div div:hover { border-bottom: 2px solid #0070A8; } .nav-sec a:hover { text-decoration: none !important; } .nav-sec label { padding: 0 .5em; font-weight: bold; cursor: pointer; } .nav-sec li a { display: block; line-height: 1.5em; } .nav-sec li li { margin-bottom: .5em; } .nav-sec li li:first-child { margin-top: .5em; } .nav-sec ul input { display: none; } .nav-sec ul input + ul { display: none; } .nav-sec ul input:checked + ul { display: initial; } /*** alertas ***/ .alert { display: inline-block; margin-bottom: 1em; padding: 0.5em 1em; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset; } .alert.error { background-color: lightsalmon; } .alert.info { background-color: yellowgreen; } /*** DataTable ***/ table.dataTable ul { list-style-type: none; padding-left: 1em; } table.dataTable .dtr-title { font-weight: bold; } table.dataTable .dtr-title:after { content: ": "; font-weight: bold; } table.dataTable.dtr-inline .details { color: #ccc; cursor: default; } table.dataTable.dtr-inline.collapsed .details { color: #0070A8; cursor: pointer; } table.dataTable.dtr-inline .details:before { content: "" !important; background: none !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } /*** login ***/ .login { text-align: center; } .newlogin { background-color:#fff;border-radius:5px;width:300px;margin-left:calc(50% - 150px);text-align:center;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);padding:16px 30px; display: block; position: absolute; left: 0; right: 0; top: -9%; bottom: 0; width: 350px; height: 310px; margin: auto; text-align: center; background-color: white; } .login table { display: block; position: absolute; left: 0; right: 0; top: -9%; bottom: 0; width: 350px; height: 310px; margin: auto; text-align: center; background-color: white; } .login td, .login td:first-child { text-align: center; } .login img { width: 95%; margin-bottom: 10px } .login button { background: #EAF2FF; margin-bottom: 0.5em; padding: 12px; border: 2px solid #4387FD; border-radius: 5px; text-transform: uppercase; font-size: 1em; font-weight: bold; color: #4387FD } .login input{ outline: none; width: 250px; margin: 0 0 5px; padding: 12px; border: 1px solid #bbb; border-radius: 10px; font-size: 1.2em } .login input:hover, .login input:focus{ border: 1px solid #999 } .forgot { display: block; width: 100px; margin: 0 auto; text-align: center; line-height: 1.2em; font-size: 0.8em } .acceder td { opacity: 0.8; width: 50%; padding-top: 25px; text-align: center } .acceder td:last-child { width: 60%; text-align: center } .acceder td:hover { opacity: 1 } /*** iconos ***/ a .icon { cursor: pointer; } .icon, .icon-after:after, .icon-before:before{ position: relative; display: inline; font-family: "FontAwesome"; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1em; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon.big, .icon-after.big:after, .icon-before.big:before { font-size:2em; line-height: 2em; vertical-align: middle; } .icon-after:after { margin-left: .5em; } .icon-before:before { margin-right: .5em; } .icon.disabled { color: #ccc; } .icon-group { display: inline-block; } .icon-group { display: inline-block; white-space: nowrap; vertical-align: middle; } .icon-group .icon { margin-left: .25em; margin-right: .25em; } a .icon:hover { text-decoration: none !important; } a .icon:before:hover { text-decoration: none !important; } .icon.delete:before, .icon-before.delete:before, .icon-after:after { content: "\f014"; /* fa-trash-o */ } .icon.lock:before, .icon-before.lock:before, .icon-after.lock:after { content: "\f023"; /* fa-lock */ } .icon.unlock:before, .icon-before.unlock:before, .icon-after.unlock:after { content: "\f13e" /* fa-unlock-alt */ } .icon.edit:before, .icon-before.edit:before, .icon-after.edit:after { content: "\f040" /* fa-pencil */ } .icon.more:before, .icon-before.more:before, .icon-after.more:after { content: "\f067" /* fa-plus */ } .icon.yes:before, .icon-before.yes:before, .icon-after.yes:after { content: "\f00c" /* fa-check */ } .icon.no:before, .icon-before.no:before, .icon-after.no:after { content: "\f00d" /* fa-times */ } .icon.user:before, .icon-before.user:before, .icon-after.user:after { content: "\f007" /* fa-user */ } .icon.caret-down:before, .icon-before.caret-down:before, .icon-after.caret-down:after { content: "\f0d7" /* a-caret-down */ } .icon.caret-up:before, .icon-before.caret-up:before, .icon-after.caret-up:after { content: "\f0d8" /* a-caret-up */ } .icon.caret-left:before, .icon-before.caret-left:before, .icon-after.caret-left:after { content: "\f0d9" /* a-caret-left */ } .icon.caret-right:before, .icon-before.caret-right:before, .icon-after.caret-right:after { content: "\f0da" /* a-caret-right */ } /*** layout ***/ .header { position: fixed; display: block; /*height: 9%;*/ width: 100%; margin: 0; background: #4387FD none repeat scroll 0% 0%; border-bottom: 1px solid #4387FD; box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3); z-index: 99; min-height: 79px; display: flex; flex-direction: row; align-items: center; } .header > .row { flex-grow: 1; } .header .row, .header .col { height: 100%; } .header i { margin-left: 5px; line-height: 1.7em; font-size: 1.2em } .header .beta{ cursor: default; position: absolute; left: 28px; top: 32px; padding: 1px 5px; font-weight: bold; font-size: 0.8em; color: #77FF89 } .header .div-tlf { text-align: left; color: white; font-size: large; padding-left: 40px; padding-top: 4px; } .header .tlf { float:left; clear:left; vertical-align: middle; font-size: 0.7em} .header .email { float:left; clear:left; vertical-align: middle; font-size: 0.7em} .alerts { display: none; text-align: right; } .central{ position: relative; height: 90%; margin: 0; /*top: 9%;*/ top: 80px; } .central-without-menu{ position: relative; height: 100%; margin: 0; } .content h1{ margin: 15px 0 20px; font-size: 1.5em } .content .dataTables_wrapper{ font-size: 10px } .content .dataTables_wrapper .icon{ font-size: 12px } .visualizador h1{ display: none } /*.datos-presupuesto td { border: 0 !important } Lo cambio */ .datos-presupuesto td { border: 0 } .datos-presupuesto span { display: inline-block; width: 120px; } .tabla-pasajeros { width:100%; } .tabla-pasajeros .celda-pasajero { width:auto; text-align:center } .tabla-pasajeros .celda-pasajero-nombre { width:auto; text-align:left } .tabla-seguimiento { width:80%; } .tabla-seguimiento .celda-seg { width:auto; text-align:center; border: solid 1px grey; padding: 5px } .servicios-presupuesto { border: 1px solid #4387FD; overflow: auto; padding: 15px 2% } .servicios-presupuesto h4 { display: inline-block; margin: 0 0 8px; color: #2374FF; float: left; } .servicios-presupuesto { color: #222 } .servicios-presupuesto span { display: inline-block; width: 140px; margin: 2px 0; font-weight: bold; color: #555 } .servicios-presupuesto .codigo { font-size: 1em; color: #333 } .servicios-presupuesto .linea-servicio { position: relative; width: 100%; margin-top: 20px } .servicios-presupuesto .linea-servicio.s0 { margin-top: 0 } .servicios-presupuesto .linea-servicio .remove { opacity: 0.7; position: absolute; right: 0; top: 0; width: 12px; height: 12px; border: 1px solid red; border-radius: 10px; text-decoration: none; text-align: center; line-height: 0.9em; font-size: 0.9em; color: red; cursor: pointer } .servicios-presupuesto .linea-servicio .remove:hover { opacity: 1 } .servicios-presupuesto .remove { opacity: 0.7; right: 0; top: 0; border-radius: 10px; text-decoration: none; text-align: center; line-height: 1em; font-size: 20px; color: red; cursor: pointer; float: right; /* opacity: 0.7; right: 0; top: 0; width: 12px; height: 12px; border: 1px solid red; border-radius: 10px; text-decoration: none; text-align: center; line-height: 1em; font-size: 0.9em; color: red; cursor: pointer; float: right; */ } .servicios-presupuesto .remove:hover { opacity: 1 } .servicios-presupuesto form table { padding: 0; margin-top: 5px } /*.servicios-presupuesto form td { padding: 0; margin: 0; text-align: left }*/ .servicios-presupuesto form td p { padding: 0; margin-top: 5px } .servicios-presupuesto .transportista, .datos-presupuesto select { background: none; border: 1px solid #2374FF; padding: 3px; border-radius: 2px; font-size: 0.9em } /*.servicios-presupuesto form > table > tbody > tr:last-child { display: none }*/ .servicios-presupuesto .linea-servicio table { margin-bottom: 20px } .servicios-presupuesto .linea-servicio table th { padding: 3px 5px } .servicios-presupuesto .linea-servicio table tr { border: 1px solid #ccc } .servicios-presupuesto .linea-servicio table tr:nth-child(even) { background: #F4F5FC } .servicios-presupuesto .linea-servicio table td { padding: 3px 5px; font-size: 0.9em } .servicios-presupuesto .expediciones { float: left; margin: 10px 0; width: 100%; } .servicios-presupuesto .expediciones div { float: left; margin-right: 35px; margin-bottom: 15px; text-align: center; } /*.servicios-presupuesto .expediciones div:first-child { padding-right: 10px; line-height: 2em; font-size: 1.3em }*/ .servicios-presupuesto .expediciones div:after { float: right; content: ">"; margin: -7px -20px 0 0 } /*.servicios-presupuesto .expediciones div:first-child:after, */ .servicios-presupuesto .expediciones div:last-child:after { display: none } .servicios-presupuesto .precio { width: 60px; } .servicios-presupuesto .precio_sin_comision { width: 60px; color: green;} .servicios-presupuesto .iva { width: 60px; } .servicios-presupuesto .precio-propuesto { width: 60px; } .servicios-presupuesto .iva-propuesto { width: 60px; } .comentarios-presupuesto { margin: 20px 0 80px } .comentarios-presupuesto form { } .comentarios-presupuesto .observaciones { padding: 0px ; width: 98% } .comentarios-presupuesto textarea { width: 100%; height: 150px; color: #333 ; padding: 1% ;} .comentarios-presupuesto input { float: right; margin-right: 0} .comentarios-presupuesto .tabla-comentarios { float: left; width: 100% } .comentarios-presupuesto .tabla-comentarios > div { position: relative; float: left; width: 70%; clear: both; margin: 2px 10px 15px; padding: 10px; background: #F9FCFF; border: 1px solid #4387FD; border-radius: 5px } .comentarios-presupuesto .tabla-comentarios .u1 { float: left; } .comentarios-presupuesto p { margin: 0 0 10px } .comentarios-presupuesto span { position: absolute; right: 8px; top: 8px; font-size: 0.9em; color: #2374ff } .comentarios-presupuesto strong { color: #555 } #presupuesto.dataTable .generado { margin: 0 } #presupuesto.dataTable .generado.fa-check { color: green } #presupuesto.dataTable .modificado.fa-check { color: orange } #presupuesto.dataTable .generado.fa-close { color: red } #presupuesto.dataTable .cerrado { opacity: 0.5 } /*.email-presupuesto { float:left; width: 70%; }*/ .email-presupuesto { float:left; width: 100%; } .email-presupuesto input{ float:left; width: 50%; padding: 10px auto; margin: 0 } .email-presupuesto input[type="text"]{ width: 98%; margin: 5px 0 ; } .enviar-enlace-presupuesto { float:right; width: 20%; } .proveedores-envio { padding-top:15px;clear:both } .enlaces-envio { padding-top:15px;clear:both } #presupuesto_detalle_servicios .conductor { width: 45%; } #presupuesto_detalle_servicios .tlf_conductor { width: 120px; } #presupuesto_detalle_servicios .tlf_contacto { width: 120px; } #presupuesto_detalle_servicios .observaciones_servicio { width: 100%; } #presupuesto_view .observaciones_presupuesto { width: 100%; } #presupuesto_view .presupuesto-modificado-visible { display: visible; color: orange; } #presupuesto_view .presupuesto-modificado-visible a { color: orange; font-weight: bold} #presupuesto_view .presupuesto-modificado-oculto { display: none; } #presupuesto_view .email-cliente { width: 90%; } #presupuesto_view .check-enviado-cliente { width: 5%; top: 7px; margin-left: 5px; position: relative; color: green; } #pedido .observaciones_presupuesto { padding-top:5px ; width: 100%; } .observaciones_administrador { padding-top:5px ; width: 100%; } .mensaje_segundo_conductor { font-size: 10px } .confirmed { pointer-events: none; color: #999 } .copiar-portapapeles { cursor: pointer } .separador { height: 5px; clear: both; } .separador20 { height: 20px; clear: both; } body.pagina-pedido .central .nav-sec, body.pagina-pedido .nav-main{ display: none !important; } body.pagina-pedido .section{ display: block !important; } body.pagina-pedido .section .content{ width: 99% !important; } body.pagina-pedido #propuesta{ padding: 0; } .boton { cursor: pointer; opacity: 0.8; background: #fff; border: 1px solid #4387fd; border-radius: 5px; margin: 5px 20px; padding: 5px 12px; text-transform: uppercase; font-size: 0.9em; color: #4387fd; text-decoration: none; } .boton-success { cursor: pointer; opacity: 0.8; background: #0a8401; border: 1px solid #0a8401; border-radius: 5px; margin: 10px 20px; padding: 6px 12px; text-transform: uppercase; font-size: 0.9em; color: white; } .boton-success:hover { cursor: pointer; opacity: 0.8; background: #fff; border: 1px solid #0a8401; border-radius: 5px; margin: 10px 20px; padding: 6px 12px; text-transform: uppercase; font-size: 0.9em; color: #0a8401; } .boton-filtrado { cursor: pointer; opacity: 0.8; background-color: #4387fd; border: 1px solid #4387fd; border-radius: 5px; margin: 10px 20px; padding: 6px 12px; text-transform: uppercase; font-size: 0.9em; color: #fff; } .boton-filtrado-invertido { cursor: pointer; opacity: 0.8; background-color: #fff; color: #4387fd; border: 1px solid #4387fd; border-radius: 5px; margin: 10px 20px; padding: 6px 12px; text-transform: uppercase; font-size: 0.9em; } .boton-filtrado-invertido:hover { background-color: #4387fd; color: #fff; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; } body.presupuestos .boton{ background-color: #4387fd; color: #fff; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; } body.presupuestos .boton:hover{ background-color: #fff; color: #4387fd; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; } body.presupuestos .boton.invertido { background-color: #fff; color: #4387fd; } body.presupuestos .boton.invertido:hover{ background-color: #4387fd; color: #fff; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; } body.presupuestos .section.central{ background-color: #f7f9ff; color: #555; } body.presupuestos h2{ color: #4387fd; } body.presupuestos .pastilla{ border: 2px solid #4387FD; border-radius: 5px; background-color: #fff; padding: 10px; } body.presupuestos table td{ /*width: 25%;*/ background-color: transparent; } body.presupuestos td.tit{ background-color: #e8eeff !important; text-align: right; color: #4387fd; font-weight: bold; } body.presupuestos table td, body.presupuestos table th { border: 2px solid #ffffff; } body.presupuestos select{ width: 100%; height: 25px; } .listado_vinculables.flotante, .listado_servicios.flotante{ z-index:999999; position:fixed; padding:20px; background-color:rgba(255,255,255,0.9); border:1px solid #ccc; margin-left:25%; right:100px; -webkit-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); -moz-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); } .listado_vinculables button, .pasajero_lista button{ float:right; } @media only screen and (max-width: 1200px) { #cotizador { width: 72% } #mapa { width: 26% } #cotizador fieldset.current { width: 90% } #cotizador label { width: 24% } #cotizador fieldset .bl2 label { width: 32% } } @media only screen and (max-width: 1100px) { #cotizador fieldset { padding: 0 10px } #cotizador label { width: 26% } } @media only screen and (max-width: 1000px) { #cotizador { width: 74% } #mapa { width: 26% } #cotizador fieldset.current { width: 90% } #cotizador label, #cotizador input { font-size: 0.7em } #cotizador .fechahora input { width: 85px } #cotizador .pasajeros { margin-top: 12px } #cotizador .leyenda { margin-left: 60px } #mapa .nomap { width: 220px; padding: 15px 15px 25px 130px } .section.header .tlf, .section.header .email{ display:none !important; } } @media only screen and (max-width: 900px) { #cotizador { width: 76% } #mapa { width: 24% } #cotizador fieldset { padding: 0 6px } #cotizador .leyenda { margin-left: 40px } #cotizador fieldset .bl2 label { width: 34% } #mapa .nomap { background-size: 110px; width: 190px; padding: 15px 10px 8px 110px; font-size: 0.7em } } @media only screen and (max-width: 850px) { #cotizador fieldset .bl1 { margin-right: 2% } .nav-main a { font-size: 11px !important } } @media only screen and (max-width: 900px) { #main { position: relative; height: auto; margin-top: 10px; margin-bottom: 10px } #cotizador, #mapa { float: none; width: 100% } #cotizador { height: 600px } #mapa { height: 550px; border-top: 1px solid #4387fd } #cotizador .overlay { display: none } #cotizador fieldset.current { width: 90% } #cotizador .finalizar { border-bottom: 1px solid #4387fd } .nav-main a { font-size: 9px !important } .nav-main a { font-size: 9px !important } .logotipo img{max-height:40px;} #cotizador .aux { height: 110px } #cotizador .div-agente, .agente, .div-email-agente, .email-agente, .div-repetir-email-agente, .repetir-email { width: 90% !important } } @media only screen and (max-width: 700px) { .header ul span { display: none } .header a { margin: 0 5px } .header i { line-height: 2em; font-size: 2em } .nav-main li:last-child a:first-child { font-size: 1.4em } #cotizador fieldset.current { width: 88% } .menu19{ width:auto; } } @media only screen and (max-width: 600px) { #cotizador fieldset.current { /*width: 85% */ } } @media only screen and (max-width: 500px) { .header a{ margin: 0 3px } .header i{ font-size: 1.5em } .logo img { height: 50%; margin: 15px 0 0 10px; } #mapa { display: none } } .titulo_servicio{ font-weight: bold; font-size: 1.2em; cursor: pointer; background-color: #4387FD; padding: 6px 20px; color: #fff; margin-bottom: 6px; float: left; width: calc(100% - 40px); } .titulo_servicio i{ margin-right:1em; } .contenido_servicio{ width:100%; } #cboxLoadedContent{ height: auto !important; } .div-tlf{ float: left; display: block !important; width: auto; } .menu19{ float:right; } .tabla{ display: table; padding: 0 20px; width: calc(100% - 60px); font-size: 0.9em; } .fila{ display: table-row; background-color:rgba(255,255,255,0.6); padding: 6px 0; color: #555; transition: ease-in-out 0.4s; } .resaltahover:hover{ background-color:#ffffda; transition: ease-in-out 0.4s; } .fila.titulos{ font-style: italic; color: #888; background-color:transparent !important; } .fila.totales{ font-weight:bold; color: #000; background-color:transparent !important; } .derecha{ text-align:right; } .listapasajeros .titulos{ text-transform: uppercase; font-size: 0.7em; color: #4387fd; font-style: normal; } .celda{ display: table-cell; vertical-align: middle; padding: 6px 8px; } .celda-form{ display: table-cell; vertical-align: top; padding: 20px 20px 20px 20px; } .bottom .celda{ vertical-align: bottom; } .compacta .celda{ padding: 2px 8px; color: #000; } .compacta .fila.titulos .celda{ color: #888; } .compacta .fila.totales .celda{ font-weight: bold; color: #000; } .celda input{ max-width:100%; width:100%; } .celda i{ font-size:16px; cursor:pointer; color:#699ffd; float:right; margin-left:6px; } .order:hover { cursor: pointer; color: black; font-weight: bold; } .order .icon:hover > i { cursor: pointer; color: #444; } .alt{ background-color:#e8eeff; } .tel_prefijo{ width:25% !important; } .tel_numero{ width:60% !important; } .cerrar-div { color: #929292; position:absolute; top:1px; left: 90%; cursor: pointer; font-weight: bold; } .presupuesto-vinculado { color: orange; } .list-pendiente-vincular { color: blue; } .list-vinculado { color: gray; } .list-es-matriz { color: green; } .select-presupuesto-matriz { width: 100%; } .tabla-pasajeros input::placeholder, .nuevo_pasajero input::placeholder { /* Firefox, Chrome, Opera */ color: #4387fd; } .tabla-pasajeros input:-ms-input-placeholder, .nuevo_pasajero input:ms-input-placeholder { /* Internet Explorer 10-11 */ color: #4387fd; } .tabla-pasajeros input::-ms-input-placeholder, .nuevo_pasajero input::-ms-input-placeholder { /* Microsoft Edge */ color: #4387fd; } .confirmacion_proveedores{ /*background-color:#ccc;*/ } .titulo-seccion{ float:left; width: 100%; margin: 10px 0 10px; padding-top:20px; color: #4387fd; font-weight: bold; font-size: 1.2em; border-top:1px solid #4387fd; } .impresiones{ float: left; width: 90%; } .impresiones div{ max-width: calc(25% - 68px); } .impresiones50{ float: left; display: flex; width: calc(50% - 1px); flex-direction: row; flex-wrap: wrap; align-items: stretch; align-content: stretch; justify-content: flex-start; } .impresiones50 .boton19{ width: calc( (100%/3) - 100px); } .importexport{ float: left; width: 90%; column-count: 2; } .importexport div{ float:left; width: calc(100% - 64px); break-inside: avoid; } .boton19{ cursor: pointer; opacity: 0.8; color: #fff; background-color: #4387fd; border: 1px solid #4387fd; border-radius: 5px; margin: 10px 20px; padding: 6px 12px; text-transform: uppercase; font-size: 0.9em; float:left; break-inside: avoid; text-align:center; transition:ease-in-out 0.2s; width: calc(100% - 64px); font-weight:bold; } .boton19:hover{ background-color:#fff; color: #4387fd; transition:ease-in-out 0.2s; } .boton19 i{ font-size:20px; float:left; margin-right:10px; } #informacion-ampliada{ position: fixed; display: block; top: 200px; background-color: #fff; right: 30%; width: 200px; /*height: 200px;*/ z-index: 999999; border: 1px solid #4387fd; border-radius:5px; padding: 5px; -webkit-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); -moz-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); user-select:none; font-size: 12px; color: #4387fd; } #vista-incidencias{ position: fixed; display: block; top: 60px; background-color: #fff; right: 35%; width: 400px; /* height: 200px; */ z-index: 999999; border: 1px solid #4387fd; border-radius: 5px; padding: 5px; -webkit-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); -moz-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); user-select: none; font-size: 12px; color: #4387fd; } #vista-incidencias input{ width: 80%; margin-right: 10px; float: right; outline: 0; padding: 4px; /*width: 62%; */ border: 1px solid #ccc; border-radius: 5px; font-size: 0.8em; color: #777 } #vista-incidencias textarea{ width: 80%; margin-right: 10px; float: right; outline: 0; padding: 4px; /*width: 62%; */ border: 1px solid #ccc; border-radius: 5px; font-size: 0.8em; color: #777 } #vista-incidencias button{ margin-right: 10px; margin-top: 10px; bottom: 10px; clear: both; border-radius: 4px; border: 1px solid #ccc; } #vista-incidencias button:hover{ color: white; background-color: #4387fd; } #btnImportFacturas { font-size: 1.1em; margin-left: 5px; bottom: 10px; border-radius: 2px ; color: white; background-color: #4387FD; border: 1px solid #969494; } .contanier_consultas_enlaces { display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; } #form_consultas_enlaces { width: 500px; border: 3px solid #4387fd; } .enlacesLogin { background-color:#fff;border-radius:5px;width:300px;margin-left:calc(50% - 150px);text-align:center;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);padding:16px 30px; display: block; position: absolute; left: 0; right: 0; top: -9%; bottom: 0; width: 350px; height: 310px; margin: auto; text-align: center; background-color: white; } .enlacesLogin input{ background: #EAF2FF; margin-bottom: 0.5em; padding: 12px; border: 2px solid #4387FD; border-radius: 5px; text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #4387FD; margin: 10px 0px; } .enlacesLogin select{ outline: none; width: 250px; margin: 0 0 5px; padding: 12px; border: 1px solid #bbb; border-radius: 10px; font-size: 1em; color: #777474; } .celda.prefijo{ max-width:20px; } .anadefloat{ font-size:16px; cursor:pointer; color:#699ffd; float:right; margin-left:6px; } .servicio_consultado, .pasajeros_consultado, .ver_acciones{ float: left; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.50); padding: 6px 20px; width: calc(100% - 80px); margin: 6px 20px; background-color: #fff; } .servicio_consultado div{ margin: 4px 0; } .servicio_consultado i{ color:#4387FD; } .pasajeros_consultado div{ float: left; clear: both; max-height: 42px; width: 100%; margin: 2px 0; } .pasajeros_consultado div.nota{ font-size:12px; color: #666; } .pasajeros_consultado i, .ver_acciones i{ color: #888; } .tercio{ width: calc(100% / 3); display: inline-block; vertical-align: top; font-size:0.9rem; } .tercio_servicios{ width: calc( (100% - 20px) / 3); display: inline-block; vertical-align: top; font-size: 0.8rem; margin: 0 2px !important; } .cuarto_servicios{ width: calc( (100% - 20px) / 4); display: inline-block; vertical-align: top; font-size: 0.8rem; margin: 0 2px !important; } .opciones_servicios{ float:left; width:calc(100% - 40px); padding:6px 20px; color:#555; } .opciones_servicios button{ border:1px solid #4387FD; border-radius:5px; background-color:#fff; padding:6px 20px; } .pasajeros_consultado, .ver_acciones{ background-color:#f6f6f6; border-bottom: 1px solid #ccc; } .ver_acciones a{ font-size: 0.9em; float: left; cursor: pointer; text-decoration: none; border: 1px solid #999; padding: 6px 6px; border-radius: 6px; margin-right: 16px; background-color: #fff; color: #4387fd; } .botonsms{ width: auto; margin: 0; font-size: 12px; font-weight: bold; margin-left: 10px; padding: 4px 10px; margin-bottom: 4px; } .botonsms i{ color:#4387FD; } .pasajero_lista{ border-bottom: 1px solid #aaa; margin-bottom: 6px !important; transition:ease-in-out 0.4s; } .pasajero_lista:hover{ background-color:#fff; } .acciones_mail_sms{ display:inline-block; margin-right:40px; } .info_puntual{ float:left; width:100%; text-align:center; } .info_puntual div{ float: left; clear: left; margin: 3px 20px; padding: 6px 10px; background-color: #e8eeff; font-weight: normal; border-radius: 10px; min-width: 200px; text-align: right; } .bordeabajo{ border-bottom: 1px solid #ccc; } select[name="estadoPresupuesto"]{ max-width:50%; } .en_gestion{ float: left; max-width: 50%; background-color: #e8eeff; cursor:default; color: #699ffd; padding: .5em 1em; } .en_gestion input{ vertical-align: middle; } .check_estado{ float: left; max-width: 50%; background-color: #FFB2B2; cursor:default; color: red; padding: .5em 1em; } .check_estado input{ vertical-align: middle; } .fa-toggle-on{ font-size:20px; cursor:pointer; color:green; float:right; margin-right:20px; } .fa-toggle-off{ font-size:20px; cursor:pointer; color:grey; float:right; margin-right:20px; } .serv_desactivado{ opacity:0.6; } .servicios-presupuesto.pastilla .elimina-servicio{ font-size:20px; cursor:pointer; color:red; float:right; } .observaciones-enlace-proveedor { font-size: 11px; } .pasajeros-enlace-proveedor { font-size: 11px; } .previo_pago{ position: fixed; left: 50%; transform: translateX(-50%); background-color: #fff; padding: 40px; z-index: 999; border: 1px solid #4387fd; border-radius: 4px; min-width: 80%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); max-height: 70%; overflow-y: auto; } /* VISTA MÓVIL */ @media only screen and (max-width: 655px) { .menu19 li{ display:none; } .menu-pre, .menu-planning{ display:inline-block !important; } .tercio, .cuarto{ vertical-align: top; font-size:0.9em; } .servicio_consultado, .pasajeros_consultado{ float: left; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50); padding: 4px 12px; width: calc(100% - 24px); margin: 0; border-bottom:2px solid #4387FD; } .pasajeros_consultado{ font-size:0.8em; } .servicio_consultado div{ margin: 2px 0; } .etiqueta{ display:none; } .localizador{ font-size:0.9em; } .localizador i{ color:#999; } .opciones_servicios{ margin: 0; padding: 2px 2px; width: calc(100% - 4px); background-color:#fff; } .opciones_servicios button{ background-color: #fff; padding: 8px 10px; font-size: 0.8em; font-weight: bold; } .div-mostrar-configuracion-global{ display: none; } .configuracion-localizadores{ display: none; } .bloque-configuracion-localizador{ display: none; } .botonsms{ float:right; } .acciones_mail_sms{ width:100%; margin-right:0; } .acciones_mail_sms input[type="button"]{ float:right; } .acciones_mail_sms input[type="text"]{ margin-top:10px; } } #hoja:hover { color: #4387fd; } #hoja { cursor: pointer; } #vista-consumo { text-align: right; position: fixed; display: block; top: 14vw; left: 43vw; background-color: #fff; width: 200px; /* height: 200px; */ z-index: 999999; border: 1px solid #4387fd; border-radius: 5px; padding: 5px; -webkit-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); -moz-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); user-select: none; font-size: 12px; color: #4387fd; } #vista-consumo p { padding-right: 10%; } #submit-aceptar-id{ margin-right: 10px; margin-top: 10px; bottom: 10px; clear: both; border-radius: 4px; border: 1px solid #4387fd; color: white; background-color: #4387fd; float: right; } #submit-aceptar-id:hover{ color: white; background-color: white; border: 1px solid #4387fd; color: #4387fd; } #submit-cancelar-id{ margin-right: 10px; margin-top: 10px; bottom: 10px; clear: both; border-radius: 4px; border: 1px solid #ccc; } #submit-cancelar-id:hover{ color: white; background-color: #4387fd; } #vista-origen_destino { position: fixed; display: block; top: 16em; left: 35em; background-color: #fff; width: 400px; /* height: 200px; */ z-index: 999999; border: 1px solid #4387fd; border-radius: 5px; padding: 5px; -webkit-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); -moz-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); user-select: none; font-size: 12px; color: #4387fd; padding: 10px; padding-left: 10px; z-index: 1; } @media only screen and (max-width: 450px) { #vista-origen_destino { position: fixed; display: block; top: 20em; left: 8em; } } #vista-origen_destino input { margin-bottom: 5px; margin-left: 10px; color: black; } #vista-origen_destino select { color: black; } #input-aceptar-id { clear: both; margin-right: 10px; margin-top: 10px; bottom: 10px; clear: both; border-radius: 4px; border: 1px solid #4387fd; color: white; background-color: #4387fd; float: right; width: 58px; } #input-aceptar-id:hover{ color: white; background-color: white; border: 1px solid #4387fd; color: #4387fd; } .pasajeros_mover{ cursor:pointer; } /* GALERÍA DE VEHÍCULOS EN COTIZADOR */ .galeria-vehiculos{ position:relative; float:left; width:100%; max-height:100%; height:100%; } .contenedor_carrusel{ float: left; position: relative; max-height: 80vh; width: 100%; overflow-y:auto; transition:ease-in-out 2s; } .contenedor_carrusel img{ width:calc(100% - 12px); margin:1px 6px; } .navegador_carrusel{ float: left; position: relative; height: 40px; width: calc(100% - 12px); text-align: center; background-color: #4387fd; color: #fff; font-size: 20px; padding: 6px; z-index: 9999; bottom: 0; } .navegador_carrusel i{ cursor:pointer; font-size: 30px; border-radius: 100%; } .flechas-desplegar{ top: 50%; text-align: center; /*left: 2%;*/ /*margin-right: 10px;*/ } .flechas-desplegar i{ font-size:30px; background-color:#4387fd; color:#fff; cursor:pointer; } .flechas{ position: fixed; top: 50%; width: 23%; text-align: center; right: 2%; margin-left: 10px; } .flechas i{ font-size:30px; background-color:#4387fd; color:#fff; border-radius:100%; cursor:pointer; } .flechas .siguiente{ float:right; } .flechas .anterior{ float:left; } .navegador_carrusel .es_este{ opacity: 0.5; } .navegador_carrusel .es_este.elegido{ opacity: 1; color: #fff; background-color: #00d000; } .boton_peq { cursor: pointer; opacity: 0.8; background: #4387fd; border: 1px solid #4387fd; border-radius: 5px; text-transform: uppercase; font-size: 0.9em; color: #fff; } .boton_peq:hover{ background-color: #fff; color: #4387fd; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; } .navegador_carrusel .iconos_vehiculo, .navegador_carrusel .iconos_vehiculo i{ font-size: 16px; margin: 0 5px; font-weight: bold; } .fas.fa-leaf{ color:lime; } .servicios_vacios{ float:left; clear:both; color:#999; padding:10px; } option:disabled{ background-color:#ddd; } .icono{ font-size: 16px; cursor: pointer; color: #699ffd; margin-left: 6px; vertical-align: middle; } .galeria-vehiculo-presupuesto{ position: absolute; right: 100px; float: left; height: auto; width: 40vw; clear: both; z-index: 99; } .galeria-vehiculo-presupuesto img{ max-width: 100%; z-index: 1; position: relative; vertical-align: middle; border-radius: 5px; user-select: none; } .galeria-vehiculo-presupuesto .contenedor-imagen{ float: left; position: absolute; display: inline-block; width: 100%; height: auto; margin: 0 !important; padding: 0 !important; vertical-align: middle; top: 0; left: 0; background-color: #ffffff; text-align: center; border-radius: 5px; border: 2px solid #4387fd; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); } .flechas.gal_presupuesto{ float: left; position: absolute; width: 100%; left: 0; right: 0; top: 12vw; z-index: 2; } .no_seleccionable .es_este{ display:none !important; } .no_seleccionable .navegador_carrusel{ background-color:#999; } .no_seleccionable .contenedor_carrusel img{ filter: grayscale(80%); opacity: 0.6; } .combo_boton20 { width: calc(100% - 64px); display: inline-flex !important; } #tipo_adjuntoId { position:relative; top:18px; left: 18px; width: auto; margin-right: 1em; padding: 3px 5px; border: 1px solid #4387FD; border-radius: 5px; background: none } .boton20{ cursor: pointer; opacity: 0.8; color: #fff; background-color: #4387fd; border: 1px solid #4387fd; border-radius: 5px; margin: 10px 20px; padding: 6px 12px; text-transform: uppercase; font-size: 0.9em; /*float:left;*/ break-inside: avoid; text-align:center; transition:ease-in-out 0.2s; font-weight:bold; justify-content: center; min-width: 60%; width: auto; } .boton20:hover{ background-color:#fff; color: #4387fd; transition:ease-in-out 0.2s; } .boton20 i{ font-size:20px; float:left; margin-right:10px; } .fa-map-marked-alt { font-size: 1.5em; margin-left: 15px; color: #4387FD; } .fa-map-marked-alt:hover { -webkit-filter: grayscale(0.7); filter: grayscale(0.7); } .link_sms { color: #4387fd; cursor: pointer; } .main_vista_mapa { display: flex; flex-direction: row; height: 95vh; width:99vw; } .tabla_mapa_container { display: flex; justify-content: center; flex-direction: column; align-items: center; margin-left: -15px; } .tabla_mapa_container button { all: unset; } .tabla_mapa_container button { color: white; background-color: #4387fd; width: 20px; height: 35px; border-radius: 5px; border: none; z-index: 1; text-align: center; border: solid 1px white; } .tabla_mapa_container button:hover { color: #4387fd; background-color: white; -webkit-box-shadow:inset 0px 0px 0px 2px #4387fd; -moz-box-shadow:inset 0px 0px 0px 2px #4387fd; box-shadow:inset 0px 0px 0px 2px #4387fd; cursor: pointer; } .tabla_mapa { border: solid 2px #4387FD; width: 25vw; position: relative; top: -5px; border-radius: 5px; display: flex; justify-content: center; flex-direction: column; } .tabla_mapa table { width: 100%; margin-bottom: 15px; } .tabla_mapa_cabecera { width: 100%; height: 4vh; border-radius: 5px 5px 0px 0px; border: solid 1px #4387FD; position: absolute; top: -2px; left: -1px; background-color: #4387FD; color: white; display: flex; justify-content: center; align-items: center; } .tabla_mapa_body { height: 91%; width: 95%; position: absolute; top: 80px; display: flex; flex-direction: column; justify-content: flex-start; padding: 10px; overflow: auto; } .tabla_mapa th { border: solid black; border-width: 1px 0px 1px 0px; } .tabla_mapa th input { position: relative; float: left; margin-top: 2px; margin-bottom: 2px; } .tabla_mapa tr { border: solid #dbdbdb; border-width: 1px 0px 1px 0px; } .fila_impar { background-color: #F6F6F6; } .tabla_mapa td { padding: 5px; } @media (max-width: 800px) { .main_vista_mapa { flex-direction: column; } .tabla_mapa { width: 97vw; height: 32vh; top: -42px; left: 4px; } .tabla_mapa table { font-size: 0.7em; } .tabla_mapa_body { height: 66%; position: relative; top: 20px; } .tabla_mapa_container { position: relative; top: -25px; } .tabla_mapa_container button { width: 35px; height: 20px; position: relative; top: 0px; } #map { height: 89vh; } .ver_acciones a{ clear:left; margin:3px 0; } } .tabla_gris { background-color: grey; opacity: 0.5; } .tabla_verde { background-color: #cbf1db; } .cotizar_como { display: flex; flex-direction: row; position: relative; top: 9px; white-space: nowrap; font-size: 0.8em; } .cotizar_como_simulado { cursor: pointer; width: 150px; color: #858585; text-align: center; vertical-align: middle; display: inline-block; border-radius: 4px; font-size: 0.8em; border: 1px solid #cfcdcd; height: 2em; } .cotizar_como_simulado option:focus { border: 1px solid #cfcdcd !important; } .cotizar_como_simulado option:after { border: 1px solid #cfcdcd !important; } #vista-detalles_cotizacion { position: fixed; display: block; top: 16em; left: 35em; background-color: #fff; width: 400px; /* height: 200px; */ z-index: 999999; border: 1px solid #4387fd; border-radius: 5px; padding: 5px; -webkit-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); -moz-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); user-select: none; font-size: 12px; color: #4387fd; padding: 10px; padding-left: 10px; z-index: 9999; } @media only screen and (max-width: 450px) { #vista-detalles_cotizacion { position: fixed; display: block; top: 20em; left: 8em; } } .lista_select { cursor: pointer; width: 150px; color: #636262; text-align: center; vertical-align: middle; display: inline-block; border-radius: 4px; font-size: 1em; border: 1px solid #cfcdcd; height: 2em; } .lista_select option:focus { border: 1px solid #cfcdcd !important; } .lista_select option:after { border: 1px solid #cfcdcd !important; } .ficha-ayuda a { /*color: #43BBFE;*/ color: white; text-decoration: none; padding: 3px 5px 3px; border-radius: 5px; border: 1px solid white; } .ficha-ayuda a:hover { background-color: white; color: #3c79e3; } .vista { display: flex; flex-direction: row; background-color: #fff; min-width: 250px; z-index: 999999; border: 1px solid #4387fd; border-radius: 5px; padding: 5px; -webkit-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); -moz-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); user-select: none; font-size: 12px; color: #4387fd; } .vista .icono-x { position: absolute; right: 4px; top: 2px; float:right; cursor:pointer; } .cargando_mapa, .incidencia { height: 100vh; width: 100vw; position: fixed; background-color: black; opacity: 0.9; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; color: white; } .cargando_mapa, .incidencia p { font-size: 2.5em; display: flex; flex-direction: row; } .punto_uno { opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.0s; animation: dot 1.3s infinite; animation-delay: 0.0s; } .punto_dos { opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.2s; animation: dot 1.3s infinite; animation-delay: 0.2s; } .punto_tres { opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.3s; animation: dot 1.3s infinite; animation-delay: 0.3s; } @-webkit-keyframes dot { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes dot { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } .icono-about { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .icono-about > i { margin-left: 3px; } .about { color:#4387fd; z-index: 100; cursor: pointer; } .vista-about { max-width: 300px; padding: unset; padding: 4px; } .leyenda_eta { float: right; border: solid 2px #4387FD; border-radius: 5px; width: auto; height: auto; padding: 2px; max-width: 200px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 5px; margin-right: 10px; z-index: 999; -webkit-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); -moz-box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); box-shadow: 0px 0px 10px 5px rgba(136,136,136,1); background-color: white; } .leyenda_eta tr { padding: 10px; border: 3px white solid; } .leyenda_eta td { min-width: 15px; } /* CSS para la integración de la web para METABUSCADORES */ .contenedor_web_ext { width: 100%; } .contenedor_web_ext > .header_ext { height: 110px; } .contenedor_web_ext > .header_ext > .header_estrecho { height: 30px; width: 100%; display: flex; flex-direction: row; } .contenedor_web_ext > .header_ext > .header_estrecho > .header_estrecho_menu { width: 100%; } .contenedor_web_ext > .header_ext > .header_estrecho > .header_estrecho_menu > ul { display: inline-flex; text-decoration: none; list-style-type: none; position: relative; top: -17px; width: 100%; height: 99%; margin-left: 5%; } .ext_menu { margin-right: 40px; } .contenedor_web_ext > .header_ext > .header_estrecho > .header_estrecho_menu > ul > li { cursor: pointer; font-size: 14px; height: 100%; display: flex; flex-direction: column; justify-content: center; } .contenedor_web_ext > .header_ext > .header_estrecho > .header_estrecho_menu > ul > li:hover > a { border-radius: 4px; color: white; height: 100%; width: 100%; border: solid 2px black; display: flex; flex-direction: row; justify-content: center; align-items: center; } .contenedor_web_ext > .header_ext > .header_estrecho > .header_estrecho_menu > ul > li > a > i { font-size: 14px; position: relative; top: -4px; margin-left: 5px; } .contenedor_web_ext > .header_ext > .header_estrecho > .header_estrecho_menu > ul > li > a { text-decoration: none; color: white; } .contenedor_web_ext > .header_ext > .header_estrecho > .header_estrecho_menu > ul > li > a:active { color: white; } .contenedor_web_ext > .header_ext > .header_estrecho > .header_estrecho_menu > ul > li > a:visited { color: white; } .contenedor_web_ext > .header_ext > .header_estrecho > .header_estrecho_menu > ul > li > a:focus { color: white; } .contenedor_web_ext > .header_ext > .header_estrecho > .header_estrecho_menu > ul > li > a:link { color: white; } .keyboard_arrow_down { background: url('../img/baseline_keyboard_arrow_down_black_24dp.png') no-repeat; background-position: 0px 6px; background-size: 20px; padding: 10px; /*filter: invert(100%) sepia(13%) saturate(7500%) hue-rotate(193deg) brightness(114%) contrast(112%);*/ } .ext_submenu { display: flex; flex-direction: column; list-style-type: none !important; background-color: white !important; border: 1px black solid !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); font-size: 0.7em; padding: 0px; position: absolute; top: 38px; z-index: 9999; } .ext_submenu li { display: flex; flex-direction: column; color: black; } /*.ext_submenu li:hover { background-color: #BFB800; }*/ .ext_submenu li:hover > a > .keyboard_arrow_down { background-position: 0px -3px; } /*.ext_submenu li:hover a { color: white; }*/ .ext_submenu li a { text-decoration: none; color: black; /*font-family: 'Quicksand', sans-serif;*/ flex: 1; width: 100%; height: 100%; padding: 10px; } .header_ancho { display: flex; flex-direction: row; align-items: center; height: 80px; align-items: center; } .header_ancho .ext_logo { margin-left: 5%; flex-grow: 1; } .header_ancho .ext_logo img { width: 220px; } .header_ancho .header_ancho_menu { flex-grow: 10; display: flex; flex-direction: row-reverse; } .header_ancho .header_ancho_menu > ul { display: inline-flex; flex-direction: row; text-decoration: none; list-style-type: none; width: auto; } .header_ancho .header_ancho_menu ul li { font-size: 14px; margin-right: 40px; } .header_ancho .header_ancho_menu > ul li a { cursor: pointer; color: black; text-decoration: none; } .ext_footer { width: 100%; height: 85px; position: relative; bottom: 0px; } .ext_footer .ext_footer_superior { height: 100%; display: flex; flex-direction: row; padding: 25px; border-bottom: 1px solid #6E6E6F; align-items: center; padding: 0% 40px; justify-content: space-around; } /*.ext_footer .ext_footer_superior i { color: #BFB800; } .ext_mail a { color: #BFB800; text-decoration: none; }*/ .ext_footer a { text-decoration: none; } .ext_mail a:hover { cursor: pointer; } .ext_footer_logo { flex-grow: 1; max-width: 200px; } .ext_footer .ext_footer_superior .ext_footer_logo img { width: 150px; } /* ANTIGUO FOOTER .ext_footer .ext_footer_central { height: 55%; display: flex; flex-direction: row; padding: 0% 40px; } .ext_footer .ext_footer_central section { width: 20%; display: flex; flex-direction: column; justify-content: center; } .ext_footer .ext_footer_central section .contenido_seccion .titulo_seccion { color: white; } .ext_footer .ext_footer_central section .contenido_seccion ul { list-style-type: none; margin-left: 0px; padding: 0px; } .ext_footer .ext_footer_central section .contenido_seccion ul li i { color: #BFB800; } .ext_footer .ext_footer_central section .contenido_seccion a { color: #6E6E6F; text-decoration: none; } .ext_footer .ext_footer_central section .contenido_seccion a:hover { color: #BFB800; cursor: pointer; } .ext_footer .ext_footer_inferior { background-color: #2b2d31; border-top: 1px solid #6E6E6F; height: 15%; display: flex; flex-direction: row-reverse; align-items: center; padding: 0% 10%; } .ext_footer .ext_footer_inferior a { color: #6E6E6F; text-decoration: none; } .ext_footer .ext_footer_inferior a:hover { color: #BFB800; cursor: pointer; } */ /* Bloques menú admin.html */ .list_bloq { padding: 5px; border: solid 2px #4387FD; display: flex; flex-direction: column; border-radius: 6px; width: 90%; margin-bottom: 10px; } .list_bloq > p { display: flex; flex-direction: row; justify-content: center; color: white; background-color: #4387FD; margin: -6px -6px 15px -6px; padding: 3px; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } .list_bloq > li div { border-bottom: 0px; padding: 0em 5px; } .list_bloq > li div:hover { border-bottom: 0px; } .list_bloq .icon { background-color: #4387FD; width: 10px; border-radius: 100px; z-index: 2; left: 13px; } .list_bloq .icon_blank { background-color: white; z-index: 0; width: 10px; border-radius: 100px; position: relative; left: 4px; } .list_bloq .caret-down { background-color: #d7dbdd; padding: 1px; padding-left: 8px; padding-right: 8px; } .list_bloq div > ul > li { margin-left: 2em; } .list_bloq div > ul > li:hover { background-color: #ffffda; } /*pie de los informes, listados, facturas*/ .pie-informe { line-height: 11px; } /* fila para inputs con iconos */ .row-form { position: relative; display: flex; flex-direction: row; align-items: center; } .busca-select { margin-left: 6px; } .div-tit { background-color: #e8eeff !important; text-align: right; color: #4387fd; font-weight: bold; padding: 11px; margin: -1px 5px -1px 5px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .recuadrar { border: solid 1px #858382; border-radius: 5px; width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; margin-bottom: 5px; margin-right: 10px; margin-top: 10px; max-width: 55vw; z-index: 999; } .recuadrar i { cursor: pointer; } .vehiculos > table > tbody > tr > td { min-width: 3.5em; text-align: left; } .proveedores > table > tbody > tr > td { min-width: 5.5em; text-align: left; } /*Fechas datatable presupuesto.list.view*/ .fecha_servicio,.fecha_ultimo_servicio { white-space: nowrap; } /* filtros del planning */ .planning #fechaDesde,.planning #fechaHasta { max-width: 93px; } .planning #filtro_grupo,.planning #filtro_localizador{ max-width: 93px; } /* css para el planing movil */ .planning_movil { max-width: 98vw; border-radius: 7px; padding: 10px; box-shadow: 9px 7px 20px -3px rgba(69,67,67,0.86); -webkit-box-shadow: 9px 7px 20px -3px rgba(69,67,67,0.86); -moz-box-shadow: 9px 7px 20px -3px rgba(69,67,67,0.86); margin: 10px; } .lista_pasajeros{ padding: 4px; font-size: 1rem; float: left; width: 100%; text-align: left; background-color: #f6f6f7; -webkit-box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%); } .boton_listado_pasajeros{ float: right; width: 80px; cursor: pointer; font-size: 0.9rem; text-align: center; background-color: #f6f6f7; padding: 4px 6px; -webkit-box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%); } .observaciones{ padding: 4px; font-size: 1rem; float: left; width: 100%; text-align: left; background-color: #f6f6f7; -webkit-box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%); } .boton_observaciones{ float: right; width: 80px; cursor: pointer; font-size: 0.9rem; text-align: center; background-color: #f6f6f7; padding: 4px 6px; -webkit-box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%); } .pestanas{ float:right; } .pestanas button{ border-radius: 20px 20px 0 0; border: 2px solid #6a9ffd; border-bottom: 0; padding: 4px 14px; background-color: #fff; color: #6a9ffd; font-weight: bold; font-size: 0.9rem; } .pestanas button.activa{ background-color: #6a9ffd; color: #fff; } .flexible{ display: flex; float: left; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch; align-content: flex-start; flex-wrap: nowrap; } .tarifa-coste { width: 35px; min-width: 35px; max-width: 35px; background-color: #FADBD8; } .tarifa-margen { width: 35px; min-width: 35px; max-width: 35px; background-color: #F9E79F; } .tarifa-venta { width: 35px; min-width: 35px; max-width: 35px; background-color:#A9DFBF; font-weight: bold; } .filtergrey { filter: grayscale(100%); } /* Panel revision_servicios en presupuesto.view */ .maxmin-revision-servicio { all: unset; } .maxmin-revision-servicio { color: white; background-color: #4387fd; width: 15px; height: 25px; border-radius: 5px; border: none; z-index: 1; text-align: center; border: solid 1px white; margin-right: -11px; } .maxmin-revision-servicio:hover { color: #4387fd; background-color: white; -webkit-box-shadow:inset 0px 0px 0px 2px #4387fd; -moz-box-shadow:inset 0px 0px 0px 2px #4387fd; box-shadow:inset 0px 0px 0px 2px #4387fd; cursor: pointer; } .revision-servicio-body { border: solid 2px #4387FD; position: relative; top: -5px; border-radius: 5px; display: flex; flex-direction: column; padding-left: 20px; padding-top: 35px; width: auto; min-width: 200px; } .revision-servicio-head { width: 92%; border-radius: 5px 5px 0px 0px; border: solid 1px #4387FD; position: relative; top: 14px; background-color: #4387FD; color: white; display: flex; justify-content: center; align-items: center; margin-left: 18px; text-align: center; } .revision-servicio-head span b { color: white; } .icon-admin-register { display: flex; flex-direction: row-reverse; } .icon-admin-register i { color:green; font-size: 2.5em; position: relative; top: -40px; } #aviso{ cursor:pointer; border:1px solid #555; position: fixed; bottom: 0; z-index: 99999999999999; margin-left: 25%; margin-right: auto; width: 50%; float: none; text-align: center; padding: 10px 20px 16px; border-radius: 20px 20px 0 0; } #aviso.info{ background-color:lightblue; } #aviso.notificacion{ background-color:lightgreen; } #aviso.advertencia{ background-color:orange; } #aviso.error{ background-color:red; color:#fff; } .clonador_tarifas{ float:left; width:100%; display:flex; } .clonador_tarifas > div{ float:left; width:50%; display:inline-block; max-height:80vh; overflow-y: auto; } #listado_origen{ display:inline-block; } #listado_destino{ display:inline-block; user-select: none; } #listado_destino label, #listado_destino input[type="checkbox"]{ cursor:pointer; } #listado_destino label:hover{ background-color:lightblue; } #pedidos label{ float:left; width:100%; text-align:right; } #pedidos label:hover{ background-color:lightblue; } #pedidos label div{ float: right; margin-right: 14px; } #pedidos input{ float:right; width:120px; text-align:right; } .factura_simple{ margin:20px 0 20px; padding:10px 20px; float:right; border:1px solid #ccc; width:300px; } .factura_simple label{ float:left; width:100%; } .factura_simple input{ float:right; background-color:#eee; text-align:right; } #pedidos .fila.pendiente{ background-color:#ffeccc; } #pedidos .fa-caret-up, #pedidos .fa-caret-down{ color:#fff; } #pedidos .boton_peq{ padding:6px 12px; color:#fff; } #pedidos .boton_peq i{ color:#fff; } #pedidos .boton_peq:hover, #pedidos .boton_peq:hover i{ color:#4387FD; } .caja-sombra { box-shadow: 0px 0px 20px 20px gray; } .ocupado{ background-color: #4387fd; font-weight: bold; color: #fff; border: solid 1px white; cursor: pointer; } .textcenter{ text-align: center; } .config_base{ float: left; } .config_base > div{ float: left;display: inline-block;margin-right: 40px; } .facturas-en-plazo{ background-color: #b9fbc3; } .facturas-en-tramite{ background-color: #fbd9b9; } .facturas-vencidas{ background-color: #edbcb9; } .div-filtro-planning { float:left; margin-right:10px; background-color: #e9e8e8; border: solid 1px #bbbbbb; padding: 3px; } .cambios-valor-nuevo { color:green; font-weight: bold; } .cambios-valor-anterior { color:red; text-decoration: line-through; font-size: 0.9em; } .gm-style-iw button.gm-ui-hover-effect img { display: none !important; } .pliega_compartir, .despliega_compartir { display: none; width: auto; text-align: center; } .pliega_pasajeros, .despliega_pasajeros { width: auto; text-align: center; } .pliega_conf_loc, .despliega_conf_loc { width: auto; text-align: center; } .boton-agrupar { width: auto; text-align: center; } .agrupar{ width:75%; } /* Estilo encabezado pasajeros desde presupuesto */ #presupuesto_detalle_servicios{ .encabezado_pasajeros{ display: flex; align-items: center; justify-content: space-between; .izq{ display: flex; align-items: center; gap: 15px; h4,button{ margin: 0; } } } .der{ float: right; margin-right: 40px; background-color: #e8eeff; padding: 0 4px; border-radius: 8px; margin-bottom: 12px; margin-top: 6px; a{ margin-right: 6px; } label{ cursor: pointer; } label .fa-file-arrow-up{ font-size: 13px; color: #4387FD; cursor: pointer; } button.importar{ margin-left: 6px; i{ font-size: 13px; } } button.exportar{ margin-right: 0; margin-left: 0; i{ font-size: 13px; } } input[type="file"]{ padding: 0; padding-right: 4px; } } .fila.nuevo_pasajero { display: flex; align-items: center; gap: 8px; padding: 0; background: #f0f8ff; border: 1px solid #4387fd; border-radius: 5px; margin: 10px 0; float: left; } .fila.nuevo_pasajero .celda { flex: 1; min-width: 0; } .fila.nuevo_pasajero .celda input { width: 100%; padding: 6px 8px; border: 1px solid #ccc; border-radius: 3px; font-size: 0.9em; box-sizing: border-box; } .fila.nuevo_pasajero .celda input:focus { border-color: #4387fd; outline: none; } .fila.nuevo_pasajero .celda input.tel_prefijo { width: 50px; margin-right: 5px; } .fila.nuevo_pasajero .celda input.tel_numero { width: calc(100% - 55px); } .fila.nuevo_pasajero .celda:last-child { flex: 0 0 auto; display: flex; i{ margin: 0; } } .fila.nuevo_pasajero .celda i { cursor: pointer; font-size: 1.3em; color: #4387fd; transition: all 0.2s; padding: 5px; } .fila.nuevo_pasajero .celda i:hover { color: #2368d4; transform: scale(1.1); } .fila.nuevo_pasajero .celda i.fa-times-circle { color: #dc3545; } .fila.nuevo_pasajero .celda i.fa-save { color: #007bff; } } @media (max-width: 768px) { .compartir-loc { display: none; } .pliega_compartir, .despliega_compartir { display: inline-block; width: 90%; } .pliega_pasajeros, .despliega_pasajeros { width: 90%; } .pliega_conf_loc, .despliega_conf_loc { width: 90%; } .agrupar{ width:100%; } .boton-agrupar { width: 47%; } } /* Estilos para la fila de nuevo pasajero */ .fila.nuevo_pasajero { display: flex; align-items: center; gap: 8px; padding: 10px; background: #f0f8ff; border: 1px solid #4387fd; border-radius: 5px; margin: 10px 0; } .fila.nuevo_pasajero .celda { flex: 1; min-width: 0; } .fila.nuevo_pasajero .celda input { width: 100%; padding: 6px 8px; border: 1px solid #ccc; border-radius: 3px; font-size: 0.9em; box-sizing: border-box; } .fila.nuevo_pasajero .celda input:focus { border-color: #4387fd; outline: none; } .fila.nuevo_pasajero .celda input.tel_prefijo { width: 50px; margin-right: 5px; } .fila.nuevo_pasajero .celda input.tel_numero { width: calc(100% - 55px); } .fila.nuevo_pasajero .celda:last-child { flex: 0 0 auto; display: flex; gap: 8px; } .fila.nuevo_pasajero .celda i { cursor: pointer; font-size: 1.3em; transition: all 0.2s; padding: 5px; } .fila.nuevo_pasajero .celda i:hover { transform: scale(1.1); } .fila.nuevo_pasajero .celda i.fa-user-plus { color: #28a745; font-size: 1.5em; padding: 8px; } .fila.nuevo_pasajero .celda i.fa-user-plus:hover { color: #218838; } .fila.nuevo_pasajero .celda i.fa-times-circle { color: #dc3545; } .fila.nuevo_pasajero .celda i.fa-times-circle:hover { color: #c82333; } .fila.nuevo_pasajero .celda i.fa-save { color: #007bff; } .fila.nuevo_pasajero .celda i.fa-save:hover { color: #0056b3; }