/*siniestros*/ .vrt-btn.bg-gradient-primary.btn.disabled, .vrt-btn.bg-gradient-primary.btn[disabled] {background: #bdc4c9;} .guardar {margin-right:8px;} .guardar .icool-guardado:before{font-size:24px;color:#152A35;} .action-buttons .guardar:hover{cursor:pointer;} .is-apple .flujoSiniestro #header .container .row{display: block;}/*Safari*/ .is-apple .flujoSiniestro #header .container .row > div{float: left;}/*Safari*/ .is-apple .flujoSiniestro #header .container .row > div:last-child{float: right;}/*Safari*/ .flujoSiniestro #header .logo{position: relative;top: 5px;} .btn-cancel2{text-decoration:none!important;} .form300{width:290px;} .auto-serv.fprs .identificacion {padding-left:5px;padding-right:5px;} .auto-serv.fprs .identificacion p {font-size: 16px;line-height: 1.5;margin:0;} .auto-serv.fprs .identificacion p.specialK{font-size: 18px;line-height: 1.33;} .auto-serv.fprs .identificacion p.title-pin, .auto-serv.fprs .identificacion p.title{font-size: 25px; color: #666;} .auto-serv.fprs .identificacion p, .auto-serv.fprs .identificacion p strong {color: #152a35;} .auto-serv.fprs .form-group.combodate.nacimiento>span{display:none;} .auto-serv.fprs .identificacion .nacimiento{margin-bottom:0;} .auto-serv.fprs .txt__small-huellaI{font-size:13px!important;color:#909ca2;} .auto-serv.fprs .enlaceOrange{color:#ff9200!important;} .flujoSiniestro #main{background:#ffffff;padding-bottom: 0;} .flujoSiniestro #main .container.auto-serv.fprs, .siniestros #main{min-height: calc(100vh - 220px);} .flujoSiniestro .auto-serv.fprs .identificacion btn, .flujoSiniestro .auto-serv.fprs .form-control.textarea, .flujoSiniestro.distributiva .estadoIcon{font-size:16px;} .flujoSiniestro .auto-serv.fprs .form-control.textarea.ui-global-focus{border: solid 1px #152a35!important;} .flujoSiniestro .auto-serv.fprs .telBlock{display:initial;} #wrapper.flujoSiniestro, #wrapper.wrapperScroll.siniestros,#wrapper.wrapperScroll.flujoSiniestro{background-color:#333333;} .telBlock a[href^="tel"] {cursor: pointer; pointer-events: initial;color:#ff7000;display:inline-block;} .telBlock a:focus {text-decoration: none; color:#ff7000;} .telBlock a:hover {text-decoration: underline;color: #ff9000;} .telBlock a:active {text-decoration: none; color:#ff9000;} .flujoSiniestro .enlaceBoton{font-size: 16px;font-weight: 700;letter-spacing: 0.5px;color: #ff7000!important;text-decoration:none;} .flujoSiniestro .vrt-btn.btnFinHtml, .flujoSiniestro .enlaceBoton.btnFinHtml{margin-bottom:30px!important;} .flujoSiniestro .auto-serv.fprs .disclaimer{font-size: 14px;color: #4d5d66;} .vrt-btn-medio {padding: 0.75rem 1rem!important;} .action-buttons li.guardar, .action-buttons li.aspa {border-left: none;} /*scroll*/ .scrollV, .scrollH{overflow-y: scroll;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;scrollbar-width: thin;scrollbar-color: #BDC4C9 transparent;-moz-appearance: none !important;overflow-x: hidden;} .scrollH{overflow-y: hidden;overflow-x: scroll;} .pintoError {color: #fc2249!important;font-weight:700;} .action-buttons ul .icon-equis:hover, .action-buttons ul .icon-equis:focus {text-decoration:none;} /*Notificaciones*/ .flujoSiniestro .auto-serv.fprs .notificacion strong{font-size: 18px;line-height: 1.44;} .flujoSiniestro .auto-serv.fprs .notificacion .aspa:before{transform: rotate(45deg);font-family:"icofont" !important; content: "\e0f3"; font-weight: 700!important;color:#152a35;position: absolute;right: 15px;} .flujoSiniestro .auto-serv.fprs .notificacion .literalInformativo, .flujoSiniestro .auto-serv.fprs .notificacion .literalInformativo strong {color:#152a35;} .containerNotificaciones {position: fixed;width: 100%; height: auto; z-index: 99;margin: 0 auto;left: 0;top:100px;} .notificacion{display:flex;position: relative; left: 0;font-family: Bariol;font-size: 14px;line-height: 1.29;color: #152a35;z-index: 21; border-radius: 4px;box-shadow: 0 4px 8px 0 rgb(21 42 53 / 12%); right: 0;margin:0 auto 8px auto;max-width: 770px;} .notificacionVerde {background: #e9f5e9;} .notificacionAzul {background-color: #e6f9fa;} .notificacionRoja {background-color: #ffe3e8;} /*Acceso por huella*/ .auto-serv.fprs .identificacion .accesoHuella .title{font-size: 23px;} .container.auto-serv.fprs .main-block .accesoHuella p{margin: 0 10px 0 0;} .auto-serv.fprs .main-block .accesoHuella p strong {color: #333;} .auto-serv.fprs .main-block .accesoHuella .txt__small-huellaI {font-size: 15px!important;letter-spacing: 0.16px;color: #83959d;} .auto-serv.fprs .main-block .accesoHuella a, .auto-serv.fprs .main-block .accesoHuella a:hover, .auto-serv.fprs .main-block .accesoHuella a:focus, .auto-serv.fprs .main-block .accesoRapido a, .auto-serv.fprs .main-block .accesoRapido a:hover, .auto-serv.fprs .main-block .accesoRapido a:focus {color: #ffa100;} /*inputs*/ .inputContainer {max-width: 270px;} .inputContainer.input-group {position: relative;display: block; margin: 0 auto; padding: 0;} .inputContainer.input-group .input-style, .inputContainer.input-group .inputAsegur {margin-top: 8px;border-radius: 2px; border: solid 1px #859198; background-color: #ffffff; height: 42px;width: 100%;font-size: 16px;letter-spacing: 0.5px; outline: none; -webkit-transition: all 200ms linear; transition: all 200ms linear; color: #152a35; padding: 8px 16px;} .inputContainer.input-group .input-style:focus, .inputContainer.input-group .inputAsegur:focus{border: solid 1px #152a35;} .inputContainer.inputFocus:focus-within p:first-child {font-weight: 700;} .flujoSiniestro.aseguradora .inputContainer.input-group .input-iconStyle{position: absolute;right: 15px;font-size: 16px;line-height: 40px;margin-top: 8px;cursor: pointer;z-index: 3;} .flujoSiniestro.aseguradora .inputContainer.input-group {display: flow-root;} .flujoSiniestro.aseguradora .inputContainer.input-group.disabled, .flujoSiniestro.aseguradora .inputContainer.input-group.disabled p, .flujoSiniestro.aseguradora .inputContainer.input-group.disabled input, .inputContainer.input-group.disabled input::placeholder {color:#d9dfe3; border-color:#bdc4c9;} /*Textareas */ .flujoSiniestro.version .auto-serv.fprs .form-control.textarea, .flujoSiniestro.otrosResponsables .auto-serv.fprs .form-control.textarea{resize: none;float: none;padding: 8px 16px; border: 1px solid #859198; border-radius: 2px; color: #4d5d66; line-height: 24px; letter-spacing: .5px; overflow: hidden; box-sizing: border-box; font-size: 16px; } .flujoSiniestro.version .auto-serv.fprs .form-control.textarea::placeholder, .flujoSiniestro.otrosResponsables .auto-serv.fprs .form-control.textarea::placeholder, .flujoSiniestro.elementosVia .auto-serv.fprs .form-control.textarea::placeholder{color: #859198;} .flujoSiniestro .auto-serv.fprs .txt__small-huellaQ.errorLimite, .flujoSiniestro.version .txt__small-huellaQ.errorLimite, .flujoSiniestro.otrosResponsables .txt__small-huellaQ.errorLimite, .flujoSiniestro.elementosVia .txt__small-huellaQ.errorLimite {color: #fc2249 !important;}/*color para error de texto al llegar al límite*/ .flujoSiniestro .validError ~ span {color: #fc2249; font-family: Bariol; font-size: 14px; letter-spacing: 0.5px; line-height: 1.7; display:block;} .flujoSiniestro .validError {border: solid 1px #fc2249 !important;} .flujoSiniestro.version .auto-serv.fprs .form-control.textarea:focus, .flujoSiniestro.otrosResponsables .auto-serv.fprs .form-control.textarea:focus {border-color: #152a35;} /*medidas minimas Textareas - Mi version, Otros responsables */ .flujoSiniestro.version .auto-serv.fprs .form-control.textarea{min-height: 112px;} .flujoSiniestro.otrosResponsables .auto-serv.fprs .form-control.textarea {min-height: 126px;} .flujoSiniestro.elementosVia .auto-serv.fprs .form-control.textarea {min-height: 66px;} /*listado vehiculos*/ .flujoSiniestro .auto-serv.fprs .cajaIndividual {margin: 16px auto; border-radius: 4px;border: solid 1px #bdc4c9;background-color: #ffffff;cursor: pointer;padding:0;display: flex;} .flujoSiniestro .auto-serv.fprs .cajaIndividual:first-child {margin: 8px auto 16px auto;} .flujoSiniestro .auto-serv.fprs .siNo .cajaIndividual{margin: 8px auto;} .flujoSiniestro .auto-serv.fprs .cajaIndividual.active,.flujoSiniestro .auto-serv.fprs .cajaIndividual:active, .flujoSiniestro.matriz .circunstancias-mi-vehiculo .cajaIndividual.active {box-shadow: inset 0 0 0 1px #ff7000;border: solid 1px #ff7000!important;} .flujoSiniestro .auto-serv.fprs .cajaIndividual span{display:block;} .flujoSiniestro .auto-serv.fprs .listadoCajas ul, .flujoSiniestro .auto-serv.fprs .listadoLesionados ul{list-style:none;padding:0;margin-bottom: 0;line-height: 0.5;} .flujoSiniestro .auto-serv.fprs .listadoCajas.listCajNoBtnSigu ul:last-child li{margin-bottom: 30px!important;} .flujoSiniestro .auto-serv.fprs .listadoCajas .infoEstadoPol{height: 35px; padding:8px 16px; background-color: #ffe2cc;clear: both; font-size: 14px;font-weight: 700;line-height: 1.29;color: #152a35;padding-left:30px;} .flujoSiniestro .auto-serv.fprs .listadoCajas .literalInformativo{font-size: 12px;line-height: 1.33; color: #859198;} .flujoSiniestro.tipificacion .auto-serv.fprs .listadoCajas .literalInformativo, .flujoSiniestro.tipDos .auto-serv.fprs .listadoCajas .literalInformativo {min-height: 70px;} .flujoSiniestro .auto-serv.fprs .listadoCajas .literalInformativo strong{font-size: 16px;line-height: 1.5; color: #152a35;} .flujoSiniestro .auto-serv.fprs .listadoCajas .iconTipoVeh, .flujoSiniestro .auto-serv.fprs .listadoCajas .iconflecha{font-size: 32px;color:#152a35; height: auto; min-height: 70px;display: inline-grid; justify-content: center; align-items: center;} .flujoSiniestro .auto-serv.fprs .listadoCajas .iconflecha, .flujoSiniestro .auto-serv.fprs .listadoCajas .iconflecha.icool-field-check-table:before{font-size:16px;color:#ff7000;} .flujoSiniestro .auto-serv.fprs .listadoCajas .iconflecha:before, .flujoSiniestro .auto-serv.fprs .listadoCajas .iconTipoVeh:before {vertical-align: middle;} /*Con contrario*/ .flujoSiniestro.tipDos .auto-serv.fprs .listadoCajas .literalInformativo,.flujoSiniestro.tipDos .auto-serv.fprs .listadoCajas .iconflecha {min-height:0;} /*sin polizas activas*/ .flujoSiniestro .auto-serv.fprs .imgSinPoliza{margin: 32px auto;display: block;} /*nuevo footer*/ .flujoSiniestro #footer, #footer.fprs {background-color: #333333;padding-top: 10px; padding-bottom: 30px;margin-bottom: 0;} #footer.fprs.v-footer p.text-muted, #footer.fprs a, #footer.fprs a:hover, #footer.fprs {color: #ffffff!important;font-size:14px;} .flujoSiniestro .v-footer .legal{visibility:hidden;} .flujoSiniestro #main #footer .container, #footer.fprs.v-footer ul li, #footer.fprs.v-footer > div > div > div > .icon-plus {background-color: #333333;} /*Cabecera*/ #header .action-buttons ul .aspa .cancel:before{font-size: 26px; color:#000000;font-weight: 700!important;font-family: "icofont" !important; content: "\e0f3"; -moz-transform: scale(1) rotate(45deg) translateX(0px) skewX(0deg); -webkit-transform: scale(1) rotate(45deg) translateX(0px) skewX(0deg);-o-transform: scale(1) rotate(45deg) translateX(0px) skewX(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) skewX(0deg); transform: scale(1) rotate(45deg) translateX(0px) skewX(0deg);top: -1px;} #header .action-buttons ul .aspa .cancel:after{display:none;} /*Mapa lugar siniestro*/ .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .gm-style .gm-style-iw {font-size: 12px!important;color: #ffffff!important;background-color: #ff9000!important; text-align: left; top: 0 !important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .gm-style .gm-style-iw-d::-webkit-scrollbar-track, .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece {background-color: #ff9000!important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .gm-style .gm-style-iw-c{border-radius: 0;box-shadow:none;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .gm-style .gm-style-iw-t::after{display:none;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .gm-style .gm-style-iw-c button{display:none!important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion {z-index: 3;position: relative;width: 100%; margin: 0;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion.input-group .input-iconStyle{position: absolute;top: 2px;font-size: 16px;line-height: 50px;right:1px;padding-right: 16px;width: 46px;height: 46px;background: #ffffff;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion.input-group .input-iconStyle.icool-general-search-16:before {top: -3px;position: absolute;left: 15px;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion, .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .gm-style .gm-style-iw-tc::after{background-color: transparent; border: none; box-shadow: none;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .textDirection{border: solid 1px #859198; border-radius:2px;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .containerMapa{height:250px!important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion.tamanoMapa {max-width: 570px; margin: 0 auto;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .form-control{font-size:16px;padding: 0 16px;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom{right: 0!important;margin-right: 38px!important;margin-bottom: 18px!important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint>div:first-child{width: 24px!important; height: 40px!important; padding: 8px 4px 9px!important; border-radius: 12px!important; box-shadow: 0 2px 2px 0 rgba(74, 74, 74, 0.5)!important; background-color: #ffffff;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint .gm-control-active{height: 20px!important; width: 24px!important;left: -4px!important;top: -7px!important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint .gm-control-active:first-child img{height: 6px!important; width: 6px!important; top: 10px!important;left: 12px!important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint .gm-control-active:last-child img{height: 10px!important; width: 6px!important; top: 6px!important;left: 12px!important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint .gm-control-active ~ div {width: 16px!important;margin:0!important; border-radius: 0.3px;background-color: #bdc4c9!important;top: -8px!important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .gmnoprint.gm-style-mtc {display:none;}/*seleccion tipo de mapa*/ .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .cajaBotonSig .siguiente{width: 200px!important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .icon.icool-icono-localizacion{bottom: 24px;z-index: 9;position: absolute; float: right; right: 0px; background: #ffffff; border-radius: 20px; width: 24px; height: 24px; margin-right: 15px; box-shadow: 0 2px 2px 0 rgb(74 74 74 / 50%); -moz-box-shadow: 0 2px 2px 0 rgb(74 74 74 / 50%); -webkit-box-shadow: 0 2px 2px 0 rgb(74 74 74 / 50%); transform: rotate(-360deg); cursor: pointer;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .icon.icool-icono-localizacion:before{top: 8px; position: absolute;left: 7px; font-size: 10px;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .input-group>.form-control:focus{z-index:0;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .cajaInput .icon-uniE0F3-aspa, .flujoSiniestro .auto-serv.fprs .notificacion .aspa{cursor: pointer;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .cajaInput .icon-uniE0F3-aspa:before{transform: rotate(45deg);font-family:"icofont" !important; content: "\e0f3"; font-weight: 700!important;color:#152a35;left: 15px;position: relative} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .cajaInput .noFound{color:#859198;font-size: 14px; line-height: 1.29; letter-spacing: 0.5px; height: 175px; padding: 19px 16px; border-radius: 2px; border: solid 1px #859198; background-color: #ffffff;position: absolute;width: 100%;top: 49px;z-index: 9;} /*IE-11*/ .msie11 .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .form-control{padding: 12px;} .msie11 .flujoSiniestro .fprs.auto-serv .localizacionSiniestro .input-group.boxdireccion .icon-uniE0F3-aspa.input-iconStyle{display:none;} /*Desplegable Google*/ .pac-container {border-radius: 2px;border: solid 1px #859198;font-family: bariol!important;box-shadow: none;} .pac-container .pac-item {line-height: 42px;border-top:0;} .pac-container .pac-item:hover, .pac-container .pac-item:active {background:#edf1f3;} .pac-container .pac-item:hover .pac-icon-marker:before, .pac-container .pac-item:active .pac-icon-marker:before {color:#ff9000;} .pac-item, .pac-item-query {color: #859198; font-size: 14px!important; letter-spacing: 0.5px;} .pac-item .pac-matched {font-weight: 400;} .pac-icon-marker{background:none;margin-top: 0; margin-left: 10px;font-size: 16px;} .pac-icon-marker:before {content: "\e942"; font-family: 'iconcool' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;} .pac-container.pac-logo:after, .flujoSiniestro .auto-serv.fprs .lineaDivisoria {display:none;} .hdpi .pac-icon {background-image:none;} /*Bocadillo calle*/ .gm-style-iw.gm-style-iw-c{padding:0;} .gm-style-iw-d{padding:4px 16px;max-width: 128px;display: flex; align-items: center; min-height: 44px;} .gm-style .gm-style-iw-d::-webkit-scrollbar {width: 0; height: 0;} .gm-style-iw-d > div {text-align: center;margin: auto;} .gm-style-iw-t{bottom: 40px!important;} /*MODAL MYMODALLUNAS*/ #myModalLunas .modal-dialog {width: 475px;} #myModalLunas .modal-dialog .modal-content .modal-header {min-height: 35px;} #myModalLunas .modal-dialog .modal-content .modal-header .closeIframe{top: -15px;right: 15px;position:absolute} #myModalLunas .modal-dialog .modal-content .modal-header .modal-title {position: absolute; top: 2px;} #myModalLunas .modal-dialog .modal-content .modal-body {padding: 10px 35px 35px 35px;} #myModalLunas .modal-dialog .modal-content .modal-body iframe {height: 400px;} /*Lesionados y Testigos*/ .flujoSiniestro .auto-serv.fprs .hayLesionados .siNo, .flujoSiniestro .auto-serv.fprs .hayTestigos .siNo, .flujoSiniestro .auto-serv.fprs .dosOpcionesIcono .siNo{display: grid;-ms-grid-rows: auto;grid-column-gap: 30px;-ms-grid-columns: 1fr 1fr;grid-template-rows: auto;grid-template-areas:'no si'; grid-template-columns: 1fr 1fr;color:#152a35;} .flujoSiniestro .auto-serv.fprs .hayLesionados .cajaIndividual, .flujoSiniestro .auto-serv.fprs .hayTestigos .cajaIndividual,.flujoSiniestro .auto-serv.fprs .dosOpcionesIcono .cajaIndividual {width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;position: relative;align-self: stretch;align-items: center;justify-self: stretch;flex-direction: row;-webkit-box-align: center;-ms-grid-row-align: stretch;-webkit-box-orient: horizontal;-ms-grid-column-align: stretch;-webkit-box-direction: normal;} .flujoSiniestro .auto-serv.fprs .hayLesionados .listadoImplicados .cajaIndividual.active .icool-field-check-table:before{font-size: 16px!important;} .flujoSiniestro .auto-serv.fprs .hayFallecidos{text-align:center;} .flujoSiniestro .auto-serv.fprs .hayFallecidos span{margin: 0 0 0 8px;font-size: 16px;line-height: 1.5;letter-spacing: 0.5px;color: #152a35;} .flujoSiniestro .auto-serv.fprs .listadoImplicados{justify-content: right;} .flujoSiniestro .auto-serv.fprs .listadoImplicados.active .icool-field-check-table:before{font-size: 16px!important;text-align: right;color: #FF7000;} .flujoSiniestro .auto-serv.fprs .listadoImplicados .cajaIndividual .icool-field-check-table{display:none;} .flujoSiniestro .auto-serv.fprs .listadoImplicados .cajaIndividual.active .icool-field-check-table{display:inline-flex;justify-content: flex-end;} /*check completado*/ .flujoSiniestro .auto-serv.fprs .listadoImplicados .cajaIndividual.active .icool-field-check-table:before{font-size: 16px!important;text-align: right;color: #FF7000;} /*check completado*/ .flujoSiniestro .auto-serv.fprs .listadoImplicados .cajaIndividual.disabled .literalInformativo>strong{color:#859198;}/*deshabilitado*/ .flujoSiniestro .auto-serv.fprs .listadoAutoridades .cajaIndividual.disabled .literalInformativo>strong{color:#859198;}/*deshabilitado*/ /*IE-11*/ .msie11 .flujoSiniestro .fprs.auto-serv .hayLesionados .cajaIndividual {max-width:270px; float:left} .msie11 .flujoSiniestro .fprs.auto-serv .hayLesionados .siNo{height:65px;margin-bottom:24px;} .msie11 .flujoSiniestro .fprs.auto-serv .hayLesionados .siNo div:first-child {margin-right:30px} /*Dos opciones*/ .flujoSiniestro .auto-serv.fprs .dosOpcionesIcono .cajaIndividual{padding-top:3px;padding-bottom:3px;} .flujoSiniestro .auto-serv.fprs .dosOpcionesIcono .icon{color: #ff7000;} .flujoSiniestro .auto-serv.fprs .dosOpcionesIcono .icon.iconflecha.icon-flecharight{left: -4px;} .flujoSiniestro .auto-serv.fprs .dosOpcionesIcono .icon:before {float: right;} /* Distributiva */ .flujoSiniestro.distributiva .auto-serv.fprs .cajaIndividual {overflow: hidden;} .flujoSiniestro.distributiva .auto-serv.fprs .cajaIndividual.estadoCompletado {border: 1px solid #a6d7a8;} .flujoSiniestro.distributiva .estadoMensaje {height: 34px; padding: 8px 16px; clear: both; font-size: 14px; font-weight: 700; line-height: 1.29; color: #152a35; width: 100%;} .flujoSiniestro.distributiva .estadoCompletado .estadoMensaje {background-color: #e9f5e9;} .flujoSiniestro.distributiva .estadoCompletado .estadoIcon {color: #4caf50;} .flujoSiniestro.distributiva .auto-serv.fprs .listadoCajas .estadoCompletado .iconflecha {color: #4caf50;} .flujoSiniestro.distributiva .estadoTexto {line-height: initial;} .flujoSiniestro.distributiva .auto-serv.fprs .listadoCajas .estadoCompletado .iconTipoVeh {padding-top: 20px !important; padding-bottom: 12px !important; } .flujoSiniestro.distributiva .auto-serv.fprs .listadoCajas .estadoCompletado .literalInformativo {padding-bottom: 8px !important;} .flujoSiniestro.distributiva .auto-serv.fprs .listadoCajas .estadoCompletado .iconflecha {padding-top: 28px !important; padding-bottom: 20px !important; height: 64px;} .flujoSiniestro.distributiva .auto-serv.fprs .listadoCajas .estadoCompletado .iconTipoVeh {height: 64px;} .flujoSiniestro.distributiva .auto-serv.fprs .listadoCajas .literalInformativo {flex-grow: 1;} .flujoSiniestro.distributiva .auto-serv.fprs .cajaIndividual + .cajaIndividual {margin-top: 16px;} .flujoSiniestro.distributiva .auto-serv.fprs .cajaIndividual:active {border-color: #ff7000; box-shadow: 0 0 0 1px #ff7000;} /*Robo*/ .flujoSiniestro.robo .auto-serv.fprs .cajaIndividual + .cajaIndividual {margin-top: 16px;} .flujoSiniestro.robo .auto-serv.fprs .cajaIndividual:active {border-color: #ff7000; box-shadow: 0 0 0 1px #ff7000;} .flujoSiniestro.robo .auto-serv.fprs .listadoCajas .literalInformativo {flex-grow: 1; } /*Elementos de la vía*/ .flujoSiniestro.elementosVia .auto-serv.fprs .cajaIndividual {height: 58px;} .flujoSiniestro.elementosVia .auto-serv.fprs .cajaIndividual.active:hover {border: none;} /*Danos Internos*/ .flujoSiniestro.danosInter .auto-serv.fprs .form-control.textarea,.flujoSiniestro.danosExt .auto-serv.fprs .form-control.textarea{height:66px; padding:8px 16px;color:#859198;overflow: hidden;margin-bottom: 8px;resize: none; border-radius: 2px;border: solid 1px #859198;background-color: #ffffff;line-height: 1.5;} .flujoSiniestro.danosInter .auto-serv.fprs .form-control.textarea {resize: vertical;} .flujoSiniestro.danosInter .auto-serv.fprs .listadoCajas .iconflecha, .flujoSiniestro.elementosVia .auto-serv.fprs .listadoCajas .iconflecha{height: 56px;min-height:56px;} .vrt-checkbox {/*display: flex;justify-content: flex-start;*/align-content: center;} .vrt-checkbox.hover .vrt-checkbox__label:before,.vrt-checkbox__label:active:before{border-color: #FF9000 !important;} .vrt-checkbox__item:not(:checked), .vrt-checkbox__item:checked {position: absolute;left: -9999px;} .vrt-checkbox__item:not(:checked) + .vrt-checkbox__label, .vrt-checkbox__item:checked + .vrt-checkbox__label {position: relative;padding-left: 25px;cursor: pointer;text-transform: inherit;} .vrt-checkbox__item:not(:checked) + .vrt-checkbox__label:before, .vrt-checkbox__item:checked + .vrt-checkbox__label:before {content: ""; position: absolute; left:0; top:0;width: 24px;height: 24px;border: 1px solid #bdc4c9;background: #fff;border-radius: 3px;cursor: pointer; } .vrt-checkbox__item:not(:checked) + .vrt-checkbox__label:after, .vrt-checkbox__item:checked + .vrt-checkbox__label:after {font-family: "iconcool";content: "\e928";position: absolute;top: 0.375rem;left: 0.23rem;font-size: 1rem;line-height: 0.8;color: #FF7000;transition: all 0.2s;} /* Safari 11+ Safari 10.1+ */ @media not all and (min-resolution:.001dpcm) { @supports (.vrt-checkbox__item:checked + .vrt-checkbox__label:after) {left: 0.30rem;} } @media not all and (min-resolution:.001dpcm) { @media { .vrt-checkbox__item:checked + .vrt-checkbox__label:after { left: 0.30rem; } } } .vrt-checkbox__item:not(:checked) + .vrt-checkbox__label:after {opacity: 0;transform: scale(0); } .vrt-checkbox__item:checked + .vrt-checkbox__label:after {opacity: 1;transform: scale(1); } .vrt-checkbox__item:disabled:not(:checked) + .vrt-checkbox__label:before, .vrt-checkbox__item:disabled:checked + .vrt-checkbox__label:before {box-shadow: none; border-color: #D9DFE3; background-color: #FFF; cursor: not-allowed; } .vrt-checkbox__item:disabled:checked + .vrt-checkbox__label:before, .vrt-checkbox__item:disabled:checked + .vrt-checkbox__label:after {color: #859198; background-color: #EDF1F3; } .vrt-checkbox__item:disabled + .vrt-checkbox__label {color: #859198;} .vrt-checkbox--error .vrt-checkbox__label:before {border-color: #FC2249 !important;} /*Input hora html5*/ input[type="time"]{cursor: text;-webkit-appearance: none;text-align: left;} input[type="time"]::-webkit-calendar-picker-indicator {background: none;visibility: hidden;} .inputTimeBefore:before {content: attr(placeholder);color: #9d9d9d; position: absolute;background:#ffffff;} input[type="time"]:active:before, input[type="time"]:focus:before, input[type="time"].ng-dirty:valid:before {content:' '; display: none;} /*Danos externos*/ .flujoSiniestro .auto-serv.fprs .notificacionZoom .icon{font-size: 24px;display: inline-grid;justify-content: center; align-items: center;padding-right: 8px;padding-left: 16px;} .iconTactil {width: 32px; height: 32px; border-radius: 4px; background-color: #ffffff;bottom: -26px; right: 0; position: absolute; margin: 0 0 8px 0;display: block;} .iconTactil .icon{font-size:32px;} .flujoSiniestro.danosExt .tabbed-list {margin: 0;} .flujoSiniestro.danosExt .noDanos{margin-top:22px;margin-bottom:22px;font-size:16px; color:#152a35;} .flujoSiniestro.danosExt .noDanos .vrt-checkbox__label span{top: 2px;position: relative;left: 8px;} .flujoSiniestro.danosExt .grandesDimensiones .noDanos, .flujoSiniestro.danosExt .grandesDimensiones .noDanos .vrt-checkbox__item:not(:checked) + .vrt-checkbox__label {margin-bottom: 1px;} .flujoSiniestro.danosExt .grandesDimensiones .noDanos .vrt-checkbox__item:checked + .vrt-checkbox__label{margin-bottom: 23px;} .flujoSiniestro.danosExt .tabs.conCheck{margin-top: 4px!important;} /* VISOR VEHICULO */ .groupSiniCar .divpartes div {width: 670px;height: 305px;} .groupSiniCar .partePFRONTAL {background-position: 0 -610px;} .groupSiniCar .partePIZQUIER {background-position: 0 -305px;} .groupSiniCar .partePTRASERA {background-position: 0 -915px;} .groupSiniCar .partePDERECHA {background-position: 0 -1220px;} .groupSiniCar .divpartes {display: flex;justify-content: center;align-items: center;} .groupSiniCar .divpartes .containerVehiculo{transform: scale(0.8508);} /*ACORDEON SELECCION PARTES VEHICULO*/ .contenedorAcordeonSel {border-bottom: 1px solid rgba(0, 0, 0, .125);} .contenedorAcordeonSel .card{border: none;border-top: 1px solid rgba(0,0,0,.125);height: auto;padding: 0;} .contenedorAcordeonSel .card-header {background: #ffffff;padding:16px;border-bottom: none;} .contenedorAcordeonSel .card-header button{padding: 0;width:100%;} .contenedorAcordeonSel .card-header .titulo{color:#152a35;text-transform: capitalize;font-weight: 400;font-size: 18px;line-height: 1.44;letter-spacing: 0.5px;} .grandesDimensiones .contenedorAcordeonSel .card-header .titulo{text-transform: initial;} .contenedorAcordeonSel .card-header .sumatorio{width: 24px;height: 24px;font-size: 16px;font-weight: 700;letter-spacing: 0.5px;text-align: center;color: #4d5d66;border-radius: 3px;background-color: #ffecb3;cursor:context-menu;line-height: 1.6;} .contenedorAcordeonSel.Vcontrario .card-header .sumatorio{background-color: #f5e4ef;} .contenedorAcordeonSel .card-header .icool-navegations-arrow-simple-16{transform: rotate(180deg);pointer-events: none;color: #ff7000;font-size: 16px;margin-right: 16px;line-height: 1.44;} .contenedorAcordeonSel .card-header .collapsed .icool-navegations-arrow-simple-16{ transform: rotate(360deg);} .contenedorAcordeonSel .card-header .abierto{padding:16px 16px 8px 16px;} /*clase pendiente de incluir*/ .contenedorAcordeonSel .card-body {padding: 0 10px;} .contenedorAcordeonSel .card-body ul {list-style: none;padding:0;margin-bottom:8px;} .contenedorAcordeonSel .card-body li{border-radius: 5px;border: solid 1px #bdc4c9;background-color: #ffffff; padding:4px 16px; margin:0 8px 16px 8px; display: inline-flex;color: #152a35;} .contenedorAcordeonSel .card-body li span.icon{color: #ff7000;margin-left: 16px;font-size:10px;line-height: 24px;height:23px; cursor: pointer;} .otrosDanos {padding-top:10px;} .contenedorAcordeonSel ~ .otrosDanos {padding-top:16px;} .flujoSiniestro.distributiva .auto-serv.fprs .cajaIndividual.estadoCompletado:active {border: solid 1px #4caf50!important; box-shadow: 0 0 0 1px #4caf50;} .flujoSiniestro .matriculaContrario {margin-top: 16px;} .flujoSiniestro.pantallaMatriculaC .vrt-btn{margin-top: 40px;} /*****MATRIZ*****/ /*Circunstancias-mi-vehiculo */ .flujoSiniestro.matriz .circunstancias-mi-vehiculo .title, .flujoSiniestro.matriz .circunstancias-vehiculo-contrario .title {color: #ff7400;font-weight:700;margin-bottom: 0!important;} .flujoSiniestro.matriz .circunstancias-mi-vehiculo .p {font-size: 16px;color:152a35;} .flujoSiniestro.matriz p{color:#152a35;} .flujoSiniestro.matriz .descMatriz{font-size:16px;} .flujoSiniestro .checkParteAmistoso .inputContainer, .flujoSiniestro.parteAmistoso .container.auto-serv p{text-align:center;} /*Circunstancias-vehiculo-contrario */ .flujoSiniestro.matriz .circunstancias-vehiculo-contrario .title, .flujoSiniestro.matriz .circunstancias-vehiculo-contrario .listadoImplicados .cajaIndividual.active .icool-field-check-table:before {color:#a51783;} .flujoSiniestro.matriz .circunstancias-mi-vehiculo .title, .flujoSiniestro.matriz .flujoSiniestro.matriz.circunstancias-vehiculo-contrario .title {text-align:center;} .flujoSiniestro.matriz .circunstancias-vehiculo-contrario .cajaIndividual.active,.flujoSiniestro.matriz .circunstancias-vehiculo-contrario .cajaIndividual:active {box-shadow: inset 0 0 0 1px #a51783;border: solid 1px #a51783!important;} .flujoSiniestro.matriz .auto-serv.fprs .listadoCajas .iconflecha {height: auto;min-height: 56px;left: -1px;} .flujoSiniestro.matriz .listadoImplicados{padding: 0 3px;} .flujoSiniestro.matriz .notificacion .literalInformativo{-webkit-box-flex: 0;-ms-flex: 0 0 96%;flex: 0 0 96%;max-width: 96%;padding-right: 0; padding-left: 16px;} .flujoSiniestro.matriz .notificacion .aspa{-webkit-box-flex: 0;-ms-flex: 0 0 3%; flex: 0 0 3%; max-width: 3%;} /*pantalla resumen matriz*/ .flujoSiniestro .contenedorResumen {max-width:490px; margin: 0 auto 10px auto;} .flujoSiniestro .resumenMatriz {max-width: 290px; margin: 0 auto;} .flujoSiniestro .matriz-detail,.flujoSiniestro .resumenMatriz.line .matriz-detail.vehiculo-contrario {margin:16px 0;} .flujoSiniestro .contenedorResumen .resumenMatriz.line {padding-bottom: 14px;} .flujoSiniestro .matriz-detail.vehiculo-contrario{border-bottom: none;} .flujoSiniestro .matriz-detail.mi-vehiculo .title{color:#ff7400;} .flujoSiniestro .matriz-detail.vehiculo-contrario .title{color:#a51783;} .flujoSiniestro .matriz-detail a {float: right;color: #ff7400;font-size:12px;line-height: 23px;} .flujoSiniestro .matriz-detail a:hover {color: #FF9000;} .flujoSiniestro .matriz-detail .dts-vehiculos {font-size: 12px!important; color:#859198;} .flujoSiniestro .matriz-detail .resumenSuceso {color:#152a35;font-size: 16px;margin: 8px 0 16px 0!important;} .flujoSiniestro.parteAmistoso, .flujoSiniestro.parteAmistoso .specialK strong {color:#152A35;} .flujoSiniestro .checkParteAmistoso, .flujoSiniestro.parteAmistoso p {font-size:16px;} .flujoSiniestro.parteAmistoso .specialK, .flujoSiniestro.matriz .title,.flujoSiniestro .matriz-detail .title{font-size: 18px!important;} .flujoSiniestro .icon.tooltipAyuda {position: relative;right: 10px;top: -1px;} .flujoSiniestro .contenedorTooltip {font-size: 12px; color: #4d5d66;width:185px; height:64px;background:#ffffff; padding: 8px 8px 13px 8px;border-radius: 4px; box-shadow: 0 0 6px 0 rgba(21, 42, 53, 0.07);border: solid 1px #d9dfe3;line-height: 1.25;position: absolute;top: -75px;right: -142px;} .flujoSiniestro .contenedorTooltip .arrow {content: '';display: block;position: absolute;bottom: -6px;left: 10px;width: 12px;height: 12px; box-shadow: 9px 8px 13px 0px rgb(112 111 111 / 30%);background: #ffffff;transform: rotate(45deg);z-index: 1;border-color: #dbdbdb00 #d9dfe3 #d9dfe3 #9b212100;border-style: solid;border-width: 1px;} .flujoSiniestro.resumenMatriz .alinearTextos, .flujoSiniestro.matriz .alinearTextos{text-align:center;color:#152A35;font-size: 16px;} .flujoSiniestro.resumenMatriz .specialK{margin-bottom:0;font-size: 18px;} .matricesList .matriz-detail:last-child{margin-bottom: 13px;} .flujoSiniestro .contenedorResumen .specialK strong{color:#15303C;} .flujoSiniestro .contenedorResumen .resumenMatriz .divider, .flujoSiniestro .contenedorResumen .resumenMatriz.line .vehiculo-contrario~.divider{border-bottom: 1px solid #edf1f3;margin-left: -15px;margin-right: -15px;} .flujoSiniestro .contenedorResumen .resumenMatriz .vehiculo-contrario~.divider{border-bottom: 0px;} .flujoSiniestro.siniestrosCoincidentes .main-block.identificacion{max-width: 580px; margin: 0 auto;} .flujoSiniestro.siniestrosCoincidentes .contenedores{display:inline-grid;height: auto;} .flujoSiniestro.siniestrosCoincidentes .titularFecha, .flujoSiniestro.siniestrosCoincidentes .descripcionFecha, .flujoSiniestro.siniestrosCoincidentes .descripciontipo, .flujoSiniestro.siniestrosCoincidentes .titulartipo {font-size: 12px; line-height: 1.5; color: #152a35;top: 20px;} .flujoSiniestro.siniestrosCoincidentes .titularFecha, .flujoSiniestro.siniestrosCoincidentes .titulartipo, .flujoSiniestro.siniestrosCoincidentes .literalInformativo{line-height: 1.33} .flujoSiniestro.siniestrosCoincidentes .descripcionFecha, .flujoSiniestro.siniestrosCoincidentes .descripciontipo {line-height: 1.71;font-size: 14px; min-height: 23px;} .flujoSiniestro.siniestrosCoincidentes .literalInformativo strong {color: #152a35;line-height: 1.29!important; font-size: 14px!important;} .flujoSiniestro.siniestrosCoincidentes .etiquetaEstado {font-size: 12px; line-height: 1.5; color: #152a35;top: 20px; text-align: center; max-width: 87px; background-color: #e9f5e9; margin-bottom: 8px;border-radius: 2px;}/*tramitacion*/ .flujoSiniestro.siniestrosCoincidentes .etiquetaEstado.borrador {background-color: rgba(255, 112, 0, 0.2); max-width: 58px;border-radius: 2px;}/*borrador*/ .flujoSiniestro.siniestrosCoincidentes .etiquetaEstado.revision {background-color: rgba(157, 232, 235, 0.3);max-width: 69px;border-radius: 2px;}/*revision*/ .flujoSiniestro.siniestrosCoincidentes .cajaIndividual {height: auto;display: inline-grid;justify-content: center; align-items: center;} .flujoSiniestro.siniestrosCoincidentes .listadoSiniestrosCoincidentes .cajaIndividual:hover, .flujoSiniestro.siniestrosCoincidentes .listadoSiniestrosCoincidentes .cajaIndividual:active{border:none!important; cursor: initial!important;box-shadow: none;} .flujoSiniestro.siniestrosCoincidentes .icon-papelera{position: absolute;top: 20px;right: 16px;cursor: pointer;font-size:18px;color: #152A35;} .flujoSiniestro.siniestrosCoincidentes .auto-serv.fprs .cajaIndividual {border:none;} .flujoSiniestro.siniestrosCoincidentes .espaciado {height: 30px;} .flujoSiniestro.siniestrosCoincidentes .perfilado {border-radius: 4px 4px 0 0; border: solid 1px #bdc4c9; border-bottom: solid 0.5px #bdc4c9; top: 1px;} .flujoSiniestro.siniestrosCoincidentes .accionesListado {border: solid 1px #bdc4c9; border-top:0.5px solid #bdc4c9;} .flujoSiniestro.siniestrosCoincidentes .accionesListado:last-child {border-radius: 0 0 4px 4px;} .flujoSiniestro.siniestrosCoincidentes .accionesListado:nth-child(odd) {border-top: solid 1px #ffffff;} .flujoSiniestro.siniestrosCoincidentes .accionesListado:hover{border-color: #ff9000;cursor: pointer;} .flujoSiniestro.siniestrosCoincidentes .accionesListado:active{border-color: #ff9000;cursor: pointer; box-shadow: inset 0 0 0 1px #ff7000;} .flujoSiniestro.siniestrosCoincidentes .auto-serv.fprs .listadoCajas .iconTipoVeh, .flujoSiniestro.siniestrosCoincidentes .auto-serv.fprs .listadoCajas .iconflecha {max-height: 50px; min-height: 50px;} .flujoSiniestro.siniestrosCoincidentes .auto-serv.fprs .btnFinHtml, .flujoSiniestro.noBorradores .auto-serv.fprs .btnFinHtml{margin-bottom:40px!important;} .flujoSiniestro.version .auto-serv.fprs .dobleBtnVrt .vrt-btn.btnFinHtml{margin-bottom: 24px!important;} .flujoSiniestro.siniestrosCoincidentes .auto-serv.fprs .listadoCajas.listCajNoBtnSigu ul:last-child li{margin-bottom: 24px!important;} .flujoSiniestro.noBorradores .auto-serv.fprs .main-block.identificacion img{width: 128px;} .modal-reducida .modal-content {width: 430px;min-height: 232px; border-radius: 4px;background-color: #fff;} .modal-reducida p {font-size: 16px; line-height: 1.5; text-align: center; color: #15303c;margin-bottom:8px;} .modal-reducida .modal-dialog .vrt-btn{padding: 0.9rem 16px!important;max-width: 200px;} .modal-reducida .modal-dialog .enlace{color: #ff7000;cursor: pointer;} .modal-reducida .modal-dialog .enlace:hover{color: #ff9000;border-bottom: none;} .modal-reducida .modal-body {padding:32px 16px;} /*Arreglo para interlineado borradores safari*/ @supports (-webkit-appearance:none) { bottom: -0.5px; position: relative; } /*MEDIA QUERYS*/ @media only screen and (max-width: 1200px) and (min-width: 768px) { /*Visor coche*/ .groupSiniCar .divpartes .containerVehiculo{transform: scale(0.7);} } @media (min-width: 768px){ .flujoSiniestro.version .auto-serv.fprs .form-control.textarea{min-height: 208px;} .flujoSiniestro.distributiva .auto-serv.fprs .cajaIndividual.estadoCompletado:hover {border: solid 1px #4caf50!important;} #wrapper.flujoSiniestro > #main > .container > .row,#wrapper.flujoSiniestro > .movSuave > #main > .container > .row {min-width: 710px;width: 100%;} } @media (min-width: 992px) { #wrappe.flujoSiniestror > .movSuave > #main > .container > .row{min-width:960px} .flujoSiniestro .auto-serv.fprs .cajaIndividual:hover {border: solid 1px #ff9000;} .flujoSiniestro.matriz .circunstancias-vehiculo-contrario .cajaIndividual:hover {border: solid 1px #a51783!important;} .action-buttons ul .icon-equis {padding-left: 25px;} } @media (min-width: 1200px) { #wrapper.flujoSiniestro > .movSuave > #main > .container > .row{min-width:1160px} #wrapper.flujoSiniestro > #main > .container > .row{min-width:1160px} } @media only screen and (max-width: 767px) and (min-width: 319px) { .groupSiniCar .divpartes .containerVehiculo{flex-direction: column; justify-content: center; align-items: center;} .groupSiniCar .divpartes .containerVehiculo.vistaCoche{transform: scale(0.75);}/*para coche*/ .groupSiniCar .divpartes .containerVehiculo.vistaMoto{transform: scale(0.62);}/*para moto*/ .groupSiniCar .divpartes .containerVehiculo.vistaCamion{transform: scale(0.50);}/*para vehiculo grandes dimensiones*/ } @media (max-width: 1200px){ .flujoSiniestro .auto-serv.fprs .listadoCajas .infoEstadoPol {padding-left: 16px;height: auto;} } @media (max-width: 991px){ .guardar {margin-right:32px;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .icon.icool-icono-localizacion{right:0;} .telBlock a:focus {text-decoration: none; color:#ff7000;} .telBlock a:hover {text-decoration: none;color: #ff7000;} .telBlock a:active {text-decoration:none; color:#ff9000;} .flujoSiniestro .contenedorTooltip .arrow {box-shadow: none;} /*posicionar objetos con scroll*/ .fixedTopScroll.sticky + .descMatriz {padding-top:36px;} .fixedTopScroll.sticky {position: fixed;z-index: 9999;background: #ffffff; width: 100%;height: 52px;margin: 0 -18px!important;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%); text-align: center!important;border-top: 1px solid #f6f6f6;padding-top: 15px!important;top: 70px;left: 18px;} .fixedBottomScroll.sticky {position: fixed;background-color: #ffffffe8;bottom: 0;width: 100%;height: 90px; z-index: 1;right: 0;padding: 24px 15px!important;} .content.stickyActive {padding-bottom:18px;} .flujoSiniestro .grandesDimensiones .iconTactil{bottom: 0;} .notificacion{max-width:750px;margin:8px auto 0 auto;} .containerNotificaciones{top:90px;} } @media (max-device-width: 1024px) and (orientation: landscape) { .fixedTopScroll.sticky {position: fixed;z-index: 9999;background: #ffffff; width: 100%;height: 52px;margin: 0 -18px!important;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%); text-align: center!important;border-top: 1px solid #f6f6f6;padding-top: 15px!important;top: 70px;left: 18px;} .fixedBottomScroll.sticky {position: fixed;background-color: #ffffffe8;bottom: 0;width: 100%;height: 90px; z-index: 1;right: 0;padding: 24px 15px!important;left: -10px;} .flujoSiniestro.matriz .auto-serv.fprs .listadoCajas .iconflecha{left:-3px;} .flujoSiniestro .grandesDimensiones .iconTactil{bottom: 0;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .fixedTopScroll.sticky {position: fixed;z-index: 9999;background: #ffffff; width: 100%;height: 52px;margin: 0 -18px!important;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%); text-align: center!important;border-top: 1px solid #f6f6f6;padding-top: 15px!important;top: 70px;left: 18px;} .fixedBottomScroll.sticky {position: fixed;background-color: #ffffffe8;bottom: 0;width: 100%;height: 90px; z-index: 1;right: 0;padding: 24px 15px!important;left: -10px;} .flujoSiniestro.matriz .auto-serv.fprs .listadoCajas .iconflecha{left:-3px;} .flujoSiniestro .grandesDimensiones .iconTactil{bottom: 0;} .flujoSiniestro .grandesDimensiones .groupSiniCar .divpartes {margin-top: 32px;margin-bottom: 24px;} } @media (max-width: 767px){ #header .action-buttons ul li:last-child {padding: 1px 9px;} .guardar {margin-right:30px;} #footer.fprs .capaTabla {background-color: #333333;} .flujoSiniestro .imgSinPoliza{text-align:center;} .auto-serv.fprs .identificacion {padding-left:0;padding-right:0;} .auto-serv.fprs .identificacion p.title-pin, .auto-serv.fprs .identificacion p.title{color: #666;} .flujoSiniestro .v-footer .legal{visibility:visible;} .flujoSiniestro .v-footer .container, .flujoSiniestro .v-footer .container .capaTabla, .flujoSiniestro .v-footer .container .legal, .flujoSiniestro .v-footer .container ul li{background-color: #333333; color: #ffffff;} .flujoSiniestro .vrt-btn{width:100%;} .flujoSiniestro .footer-button-box .vrt-btn-medio{min-width: 290px!important;margin: 0;} .flujoSiniestro .auto-serv.fprs .listadoTipoSiniestro .cajaIndividual{display: flex;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .icon.icool-icono-localizacion{height:40px; width:40px;bottom: 105px;} .direccion-focussed.flujoSiniestro .auto-serv.fprs .localizacionSiniestro .icon.icool-icono-localizacion{z-index:0;} .flujoSiniestro .auto-serv.fprs .listadoCajas .iconTipoVeh{left: 5px;} .flujoSiniestro .auto-serv.fprs .datePickerContainer{max-width: 100%;} .direccion-focussed.flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .cajaInput .ng-valid ~ .input-iconStyle.icool-general-search-16{top: 30px;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion.input-group .input-iconStyle {right: 17px;padding-right: 16px;} /*Notificaciones*/ .containerNotificaciones {top:50px;} .notificacion{margin: 8px 15px 10px 15px;} /*Mapa lugar siniestro*/ .flujoSiniestro.lugar .container {min-width: 100%;max-width: 100%;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion.tamanoMapa {max-width:100%;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro {margin-left: -17px;width: calc(100% + 34px);max-width: none;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .form-control {padding: 0 37px 0 16px;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .cajaInput{z-index: 9;top: -6px;padding-top: 24px;position:absolute;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion.input-group .input-iconStyle {top: 26px;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .containerMapa{height: 340px!important;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .cajaBotonSig{position: absolute;bottom: 35px;z-index: 3;height: auto;} .direccion-focussed.flujoSiniestro .auto-serv.fprs .localizacionSiniestro .cajaBotonSig {z-index: 0;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .cajaBotonSig .siguiente{margin: 0; min-width: 100%} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom{display:none;} .noClear::after{content: none!important;} .direccion-focussed.flujoSiniestro .auto-serv.fprs .localizacionSiniestro .capaWhite {top: 125px;height: 100%;transition: height 1s; transition-delay: 0.3s;z-index: 99;} .direccion-focussed.flujoSiniestro .auto-serv.fprs .localizacionSiniestro .boxdireccion .cajaInput{background: #ffffff;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .icon.icool-icono-localizacion:before {top: 11px;left: 11px;font-size: 18px;} .movSuave{top: calc(0%);position:absolute;width:100%;} .direccion-focussed .movSuave{transition: top 0.5s; transition-delay: 0.1s; top: -170px; position: absolute; overflow: hidden; height: calc(100% + 200px);} .pac-container{border: none;} .direccion-focussed.flujoSiniestro .auto-serv.fprs .cajaInput {height: calc(100vh + 117px);} .direccion-focussed.flujoSiniestro .auto-serv.fprs .lineaDivisoria {display:block; background:#859198; height:1px; width:100%;position: relative;z-index: 10;top: 85px;} .hdpi.pac-container.pac-logo{opacity: 0;} .direccion-focussed.hdpi.pac-container.pac-logo{width: 100%!important;left: 0!important;top: 135px!important;transition: opacity 0.3s; transition-delay: 0.4s;opacity: 1;} .flujoSiniestro .auto-serv.fprs .localizacionSiniestro .cajaInput .noFound{border:none;top: 95px;z-index: 9; padding-left: 2px;} /*My Modal*/ #myModalLunas .modal-dialog .modal-content .modal-body {padding: 0 5px 5px 5px;} #myModalLunas .modal-dialog .modal-content .modal-body iframe {height: 425px;} .modal-reducida .modal-content {width: auto;min-height: 256px;padding: 30px 16px;} .modal-reducida .modal-content .modal-body {padding: 32px 16px;} /*Lesionados y Testigos*/ .flujoSiniestro .auto-serv.fprs .hayFallecidos{text-align:left;} .flujoSiniestro .auto-serv.fprs .hayLesionados .siNo, .flujoSiniestro .auto-serv.fprs .hayTestigos .siNo, .flujoSiniestro .auto-serv.fprs .dosOpcionesIcono .siNo{display:block;} /*Mi Version*/ .flujoSiniestro.version .auto-serv.fprs .form-control.textarea {resize: vertical;} /*Danos Internos*/ .flujoSiniestro.danosInter .auto-serv.fprs .form-control.textarea {resize: vertical;} /*Danos Externos*/ .groupSiniCar {top: -25px; position: relative;} .groupSiniCar .divpartes{margin-right: -15px; margin-left: -15px;position: relative;height: 230px;overflow-y: scroll; overflow-x: scroll;} .groupSiniCar .divpartes::-webkit-scrollbar {display: none;} .contenedorAcordeonSel .card {display:block;} .wrapperScroll.flujoSiniestro.danosExt{overflow-x: hidden!important;} .otrosDanos, .contenedorAcordeonSel ~ .otrosDanos {padding-top:4px;} .flujoSiniestro .grandesDimensiones .groupSiniCar {top: 4px;} .flujoSiniestro .grandesDimensiones .groupSiniCar .divpartes{height:225px;margin-top: 32px;margin-bottom: 24px;} /*Login*/ .auto-serv.fprs .identificacion #formDatos, .auto-serv.fprs .identificacion #formDatos .button-box .btn, .auto-serv.fprs .identificacion .accesoHuella .button-box .btn{min-width: 100%;} /*Altura Footer*/ /*.flujoSiniestro #main .container.auto-serv.fprs, .siniestros #main {min-height: auto;}*/ .flujoSiniestro #main .container.auto-serv.fprs, .siniestros #main {min-height: calc(94vh - 221px);} .flujoSiniestro.lugar #main .container.auto-serv.fprs { min-height: calc(94vh - 305px);} /*matriz*/ .flujoSiniestro .contenedorResumen .matriz-detail p, .flujoSiniestro .contenedorResumen .matriz-detail strong{padding-left: 15px;} .flujoSiniestro .contenedorResumen .resumenMatriz .divider, .flujoSiniestro .contenedorResumen .resumenMatriz.line .vehiculo-contrario~.divider{border-bottom: 1px solid #edf1f3;margin-left: 0;margin-right: 0;} .flujoSiniestro .contenedorResumen .matriz-detail a {padding-right: 15px;} .flujoSiniestro .matriz-detail .resumenSuceso{margin-bottom:16px!important;} .flujoSiniestro .matriz-detail .dts-vehiculos{margin-bottom:0!important;} .flujoSiniestro .contenedorTooltip {right: -75px;position: relative;top: -100px;} .flujoSiniestro .contenedorTooltip .arrow {left: 162px;} .flujoSiniestro .checkParteAmistoso .inputContainer {height: 25px;text-align: left;} .flujoSiniestro.resumenMatriz .checkParteAmistoso {max-width: 290px; margin: 0 auto;} .flujoSiniestro.resumenMatriz .checkParteAmistoso .inputContainer {padding-left: 15px;} .flujoSiniestro.resumenMatriz .alinearTextos, .flujoSiniestro.matriz .alinearTextos, .flujoSiniestro.parteAmistoso .container.auto-serv p{text-align:left;} .flujoSiniestro.matriz .circunstancias-mi-vehiculo .title, .flujoSiniestro.matriz .flujoSiniestro.matriz.circunstancias-vehiculo-contrario .title {text-align:left;} .fixedTopScroll.sticky {top: 40px;text-align: center!important;} .flujoSiniestro .fixedBottomScroll .vrt-btn {max-width:326px;} .flujoSiniestro.siniestrosCoincidentes .specialK {min-width: 300px;} .flujoSiniestro.siniestrosCoincidentes .espaciado {height: 4px;} .flujoSiniestro.siniestrosCoincidentes .contenedores{width:100%;padding-left: 16px!important;} } @media (max-width: 575px){ .flujoSiniestro .fixedBottomScroll .vrt-btn {max-width:100%;} .direccion-focussed .movSuave{top: -200px;} } @media (max-width: 320px){ .flujoSiniestro .auto-serv.fprs .telBlock{display:block;} } /*Quitar Hover en movil y tablet*/ @media (hover: none) and (pointer: coarse) { .flujoSiniestro .auto-serv.fprs .cajaIndividual:hover,.flujoSiniestro.matriz .circunstancias-vehiculo-contrario .cajaIndividual:hover {border: solid 1px #bdc4c9;} .flujoSiniestro.vehiculoEstado .auto-serv.fprs .cajaIndividual:active {border: solid 1px #bdc4c9 !important; box-shadow: none !important;} }