.app-xhr-error { position:fixed; line-height:20px; top:-4px; left:50%; transform:translate(-50%, -110%); background:#fffcea; border:1px solid #dfd9b6; box-shadow:0px 3px 4px -1px #999; padding:10px 15px; padding-right:30px; transition:transform ease .5s; z-index:9999999 }
.app-xhr-error .close { position:absolute; right:8px; top:10px; cursor:pointer; font-family: WebIcons }
.app-xhr-error.show { transform:translate(-50%, 2px) }
.app-connection-error { position:fixed; top:-4px; left:50%; transform:translate(-50%, -110%); background:#f9edbe; border:1px solid #efc46d; box-shadow:0px 3px 4px -1px #999; padding:10px 15px; padding-right:30px; transition:transform ease .5s; z-index:9999999 }
.app-connection-error.show { transform:translate(-50%, 2px) }
.app-render-error { font-size:14px; margin:0px 2px 0px }
.app-render-error h1 { font-size:22px }
.app-render-error pre { font-size:11px; color:#777; border-left:2px solid #777; padding-left:10px }
.app-render-error pre .msg { font-size:12px; padding-bottom:5px }
.app-render-error pre .trc { fon-size:11px; line-height:15px }
.app-template-error-tag { background:#fcc; display:inline-block; padding:10px 20px; border-radius:5px; margin:2px; border:1px solid #faa }
.app-template-error-tag.advanced { cursor:pointer; position:relative }
.app-template-error-tag.advanced:before { content:'\F143'; font-family:WebIcons; font-size:18px; position:absolute; right:5px; bottom:0px; color:#e00 }
.app-template-error-tag + pre.app-render-error { display:none; background:#fdf2dc; border:1px solid #d4c1a5; padding:10px; border-left:0; border-right:0; margin-top:5px }
.app-template-error-tag.advanced.expanded  + pre.app-render-error { display:block }
.app-template-error-tag.advanced.expanded:before { content:'\F141' }
.app-html-error .hdr .menu-agencia { display:none !important }
[data-over] { position:relative }
[data-over]:after { pointer-events:none; opacity:0; content:attr(data-over); position:absolute; background:#f0f0f0; z-index:999; padding:1px 6px; border-radius:4px; font-weight:400; border:1px solid #ccc; color:#000; background:#fff; box-shadow:0px 5px 6px -2px #999; font-size:12px; bottom:0; left:50%; transform:translate(-50%, 98%); white-space:nowrap; transition:opacity .5s ease }
[data-over]:hover:after { opacity:1 }
.responsive-full-panel {  }
.responsive-full-panel > .title { display:none }
@media screen and (max-width:800px) {
.responsive-full-panel { display:none; position:fixed !important; z-index:999 !important; top:0 !important; left:auto !important; right:0 !important; min-width:100% !important; max-width:100% !important; min-height:100% !important; max-height:100% !important; padding:0px !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:#fff; flex-direction:column; transform:translateX(100%); transition:transform ease .5s }
.responsive-full-panel > .title { display:flex !important; min-height:40px; padding:0px 16px 0px 60px !important; align-items:center; color:#3C3C3B; position:relative; box-shadow:0px 0px 25px -10px #999 !important; transition:box-shadow ease .5s }
.responsive-full-panel > .title > button { background:transparent !important; position:absolute; top:50% !important; left:17px; transform:translateY(-50%) }
.responsive-full-panel > .title > button:before { content:'\F120' !important; font-family:WebIcons; font-size:30px !important; color:#3C3C3B !important; position:absolute; top:55%; left:6px; transform:translateY(-50%) }
.responsive-full-panel > .body { flex-grow:1; flex-shrink:1; min-height:1px; overflow:auto !important; position:relative; padding:16px 7px }
.responsive-full-panel.show { display:flex }
.responsive-full-panel.opened { transform:none }
.responsive-full-panel:not([data-scroll-y]) > .title { box-shadow:none !important }
.responsive-full-panel[data-scroll-y="0"] > .title { box-shadow:none !important }
}
.jbx-Select [jbx-struct="options"] .responsive { display:none; position:relative; background:#fff; min-height:75px; padding:0px 16px 0px 60px; color:#3C3C3B; cursor:default }
.jbx-Select [jbx-struct="options"] .responsive .jbx-option-caption { color:#3C3C3B !important }
.jbx-Select [jbx-struct="options"] .responsive .close { position:absolute; top:50%; left:17px; background:transparent; transform:translateY(-50%) }
.jbx-Select [jbx-struct="options"] .responsive .close:before { content:'\F120' !important; font-family:WebIcons; font-size:30px !important; color:#3C3C3B !important; position:absolute; top:50%; left:5px; transform:translateY(-50%) }
@media screen and (max-width:800px) { 
.jbx-Select [jbx-main-group] > [jbx-struct="options"] { display:none; padding-top:85px; z-index:9999; top:0 !important; left:0 !important; width:100% !important; height:100% !important; margin:0 !important; border:0 !important; border-radius:0 !important; transform:none }
.jbx-Select [jbx-main-group] > [jbx-struct="options"] .responsive { position:fixed; top:0; left:0; width:100%; display:flex; align-items:center }
.jbx-Select [jbx-main-group] > [jbx-struct="options"] .responsive [jbx-struct="checkbox"] { display:none }
.jbx-Select[jbx-opened] [jbx-main-group] > [jbx-struct="options"] { display:block; padding:85px 16px 16px; transform:none }  
}
label.input.incremental {  }
label.input.incremental > input { padding-right:43px }
label.input.incremental > input.inc-code { display:none; position:absolute !important; bottom:0; opacity:0; pointer-events:none; background:transparent !important; border:0 !important }
label.input.incremental button.count { top:auto; color:transparent; pointer-events:none; width:34px; height:34px; font-size:12px; bottom:3px !important; right:3px; text-align:center; padding:0 1px 2px 0 }
label.input.incremental button.count:before { content:'\F21F'; font-family:OlaIcons2022; font-weight:normal; font-size:32px }
label.input.incremental[data-char-left="0"] > button { color:transparent !important }
label.input.incremental.with-results > button { pointer-events:all }
label.input.incremental.with-results button.count:before { content:'\F143' !important; font-family:WebIcons; font-size:20px; color:#6f748f }
label.input.incremental.with-results.align-top > button.count:before { content:'\F141' !important; font-family:WebIcons; font-size:20px; color:#6f748f }
label.input.incremental.xhr-sending:after { right:3px; top:auto; bottom:9px; font-size:20px; line-height:15px }
label.input.incremental > .menu { position:absolute; min-width:100%; min-height:50px; flex-direction:column; overflow:auto; top:0; left:0; z-index:999; background:#fff; border-radius:8px; border:1px solid #CBD4E6; box-shadow:0px 2px 4px rgba(7, 4, 146, 0.1), 0px 24px 60px rgba(6, 47, 125, 0.05), 0px 12px 24px rgba(27, 59, 119, 0.05) }
label.input.incremental > .menu .body { padding:16px; max-height:100%; overflow:auto } 
label.input.incremental > .menu .item { cursor:pointer; margin-bottom:1px; line-height:20px; padding:2px 16px; border-radius:4px }
label.input.incremental > .menu .item span.hlt { background:#fff99e; border-radius:4px }
label.input.incremental > .menu .item > span { display:block; white-space:nowrap; overflow:hidden; text-overflow:auto; text-align:left }
label.input.incremental > .menu .item > span.sub { font-size:14px; color:#7C8DB0 }
label.input.incremental > .menu .item > span.txt i { color:#9E9E9D; font-style:normal }
label.input.incremental > .menu .item:hover { background:#f0f0f0 }
label.input.incremental > .menu .item.selected { background:#FEECED }
label.input.incremental > .menu .item[data-group-name-first] { margin-top:45px; position:relative }
label.input.incremental > .menu .item[data-group-name-first]:first-child { margin-top:30px }
label.input.incremental > .menu .item[data-group-name-first]:before { content:attr(data-group-name-first); position:absolute; top:-30px; left:15px; font-size:20px; font-weight:600; color:#27273F !important }
label.input.incremental > .menu.align-top .item[data-group-name-first] { margin-top:0 }
label.input.incremental > .menu.align-top .item[data-group-name-first]:before { display:none }
label.input.incremental > .menu.align-top .item[data-group-name-last] { margin-top:45px; position:relative }
label.input.incremental > .menu.align-top .item[data-group-name-last]:last-of-type { margin-top:30px }
label.input.incremental > .menu.align-top .item[data-group-name-last]:before { display:block; content:attr(data-group-name-last); position:absolute; top:-30px; left:15px; font-size:20px; font-weight:600; color:#27273F !important }
label.input.incremental > .menu .body { display:flex; flex-direction:column }
label.input.incremental > .menu.align-top .body { flex-direction:column-reverse }
label.input.incremental > .menu { display:none }
label.input.incremental > .menu.show { display:flex }
label.input.incremental > .menu .title { display:none }
@media screen and (max-width:800px) {
}
.win-pick-calendar.calendar { display:none; position:absolute; z-index:9999; box-shadow:0px 2px 4px rgba(7, 4, 146, 0.1), 0px 24px 60px rgba(6, 47, 125, 0.05), 0px 12px 24px rgba(27, 59, 119, 0.05) }
.win-pick-calendar.calendar.opened { display:block }
.win-pick-calendar.calendar .footer button.close { display:none }
.win-pick-calendar.calendar .footer .borrar { display: none !important; }
.win-pick-calendar.calendar .jbx-Calendar .jbx-viewer .jbx-dates .jbx-date[jbx-calendar="current"][jbx-event-start] .jbx-day { color:#fff } 
.win-pick-calendar.calendar .jbx-Calendar .jbx-viewer .jbx-dates .jbx-date[jbx-calendar="current"][jbx-event-end] .jbx-day { color:#fff }
.win-pick-calendar.calendar .jbx-Calendar [jbx-calendar="next"] { pointer-events:none; cursor:default }
.win-pick-calendar.calendar .jbx-Calendar [jbx-calendar="previous"] { pointer-events:none; cursor:default }
.win-pick-calendar.calendar .jbx-Calendar [jbx-calendar="next"] .jbx-day { color:#eee }
.win-pick-calendar.calendar .jbx-Calendar [jbx-calendar="previous"] .jbx-day { color:#eee }
.win-pick-calendar.calendar .jbx-Calendar [jbx-calendar="next"] .jbx-events { display:none }
.win-pick-calendar.calendar .jbx-Calendar [jbx-calendar="previous"] .jbx-events { display:none }
.close-calendar {display: none;}
@media screen and (max-width:800px) {
.win-pick-calendar.calendar { position:fixed; top:0 !important; left:100% !important; width:100%; height:100%; border-radius:0; box-shadow:none; transition:left .5s ease }
.win-pick-calendar.calendar.opened { display:flex !important; flex-direction:column; flex-flow:column-reverse }
.win-pick-calendar.calendar.show { left:0 !important }
.win-pick-calendar.calendar .viewer { flex-grow:1; flex-shrink:1; overflow:auto; min-height:1px }
.win-pick-calendar.calendar .footer { border-top: 0; padding: 10px 75px 10px 0px; min-height: 60px; bottom: 0; position: absolute; right: 0; width: 190px; }
.win-pick-calendar.calendar .footer .eliminar-seleccion { display: none !important; }
.win-pick-calendar.calendar .footer .borrar { display: block !important; }
.win-pick-calendar.calendar .footer > span { display: none !important }
.win-pick-calendar.calendar .footer > span.top { display: block !important; position: relative; left: 0; top: 0; padding-left: 0; }
.win-pick-calendar.calendar .footer button.close { display:block; position:absolute; top:11px; left:10px; background:transparent }
.win-pick-calendar.calendar .footer button.close:before { content:'\F120'; font-family:WebIcons; font-size:30px; color:#3C3C3B; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) } 
.win-pick-calendar.calendar .jbx-Calendar { padding:0px 25px }
.win-pick-calendar.calendar .jbx-Calendar .jbx-viewer .jbx-dates .jbx-date { width:36px; height:33px }
.win-pick-calendar.calendar .jbx-Calendar .jbx-controls .jbx-previous { left:5px }
.win-pick-calendar.calendar .jbx-Calendar .jbx-controls .jbx-next { right:5px }
.win-pick-calendar.calendar .jbx-Calendar .jbx-viewer { display:flex; flex-direction:column; align-self:center; overflow:hidden }
.win-pick-calendar.calendar .jbx-Calendar .jbx-row { flex-direction:row; min-height:298px; max-height:298px; margin:0px auto }
.win-pick-calendar.calendar .jbx-Calendar .jbx-col { height:auto; flex-grow:1; flex-shrink:1; min-width:298px; max-width:298px; margin:0px auto }
.close-calendar.show {display: block; position: fixed; top: 76px; right: 8px; z-index: 99999999; color: #df504e;}
.close-calendar.show:after {font-family: WebIcons; content: '\F052'; font-size: 40px;}
}
.app-galeria-imagenes { position:relative }
.app-galeria-imagenes { position:relative }
.app-galeria-imagenes > .imgs { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; overflow:hidden }
.app-galeria-imagenes > .imgs > .img { position:absolute; top:0; left:0; width:100%; height:100%; transform:translateX(100%); background-size:contain !important }
.app-galeria-imagenes > .imgs > .img.hl { transform:none }
.app-galeria-imagenes > .imgs > .img.hl.hide { transform:translateX(-100%); transition:transform .5s ease }
.app-galeria-imagenes > .imgs > .img.hr { transform:none }
.app-galeria-imagenes > .imgs > .img.hr.hide { transform:translateX(100%); transition:transform .5s ease }
.app-galeria-imagenes > .imgs > .img.sl { transform:translateX(100%) }
.app-galeria-imagenes > .imgs > .img.sl.show { transform:none; transition:transform .5s ease }
.app-galeria-imagenes > .imgs > .img.sr { transform:translateX(-100%) }
.app-galeria-imagenes > .imgs > .img.sr.show { transform:none; transition:transform .5s ease }
.app-galeria-imagenes > .nav { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2 }
.app-galeria-imagenes > .nav button { opacity:0; position:absolute; bottom:6px; width:20px; height:20px; margin:0px 5px; padding:0; border-radius:10px; background:#000; border:1px solid #fff; transition:opacity .5s ease }
.app-galeria-imagenes > .nav button:before { content:'\F00'; font-family:WebIcons; font-size:14px; color:#fff; position:absolute; top:58%; left:50%; transform:translate(-50%, -50%) }
.app-galeria-imagenes > .nav button.p { left:4px }
.app-galeria-imagenes > .nav button.n { right:4px }
.app-galeria-imagenes > .nav button.p:before { content:'\E331'; left:48% }
.app-galeria-imagenes > .nav button.n:before { content:'\E335'; left:52% }
.app-galeria-imagenes > .nav button.z { top:4px; left:auto; right:0; background:transparent; width:30px; height:30px; border:0 }
.app-galeria-imagenes > .nav button.z:before { content:'\E709'; color:#000; font-size:24px; text-shadow:0 0 5px #fff, 0 0 2px #fff }
.app-galeria-imagenes > .nav:hover button { opacity:1 }
.win-galeria-imagenes { position:fixed; z-index:99999990; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .4) }
.win-galeria-imagenes > .inner { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; height:90%; max-width:1100px; max-height:768px; background:#fff; border-radius:4px; box-shadow:0px 0px 20px -4px #777; padding:5px }
.win-galeria-imagenes > .inner > .app-galeria-imagenes { position:relative; width:100%; height:100%; display:flex; flex-direction:column }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .imgs { position:relative }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .imgs .img { background-size:contain !important }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .thumbs { display:flex; flex-flow:row wrap; background:#f0f0f0; justify-content:center; padding:2px }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .thumbs .img { opacity:.5; cursor:pointer; width:80px; height:50px; margin:1px; border-radius:2px; border:1px solid #ccc; background-size:contain !important; transition:opacity .5s ease, border .5s ease }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .thumbs .img.sel { border:1px solid #000; opacity:1 }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .thumbs .img:hover { opacity:1 }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .nav { pointer-events:none }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .nav button { pointer-events:all; opacity:1; bottom:auto; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:20px }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .nav button.p:before { content:'\E331'; font-size:20px; left:48%; top:55% }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .nav button.n:before { content:'\E335'; font-size:20px; left:52%; top:55% }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .nav button.z { top:0; transform:none }
.win-galeria-imagenes > .inner > .app-galeria-imagenes .nav button.z:before { content:'\E503'; font-size:34px }
.app-form-login { display:none; opacity:0; position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); transition:opacity ease .5s }
.app-form-login.open { opacity:1 }
.app-form-login.xhr-sending:after { display:none }
.app-form-login.xhr-sending:before { display:none }
.app-form-login .win { background:#fff; border-radius:5px; font-size:14px; padding:32px; width:90%; max-height:90%; max-width:479px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:padding ease .5s }
.app-form-login .win > button { width:100% }
.app-form-login .win .close { position:absolute; top:38px; right:25px; width:30px; height:30px; padding:0; margin:0; background:transparent; transition:top ease .5s, right ease .5s }
.app-form-login .win .close:before { content:'\E504'; font-family:WebIcons; font-size:16px; color:#6E7491; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:color ease .5s }
.app-form-login .win .close:hover:before { color:#3C3C3B }
.app-form-login .win .logo { padding-bottom:20px; transition:padding ease .5s }
.app-form-login .win .logo img { padding:0; width:95px; margin-left:50%; transform:translateX(-50%); transition:width ease .5s, margin-left ease .5s, transform ease .5s }
.app-form-login .win fieldset :last-child { margin-bottom:0 }
.app-form-login .win h3 { text-align:center; padding:15px 0px 35px; color:#3C3C3B; transition:padding ease .5s, font-size ease .5s, font-weight ease .5s }
.app-form-login .win p > * { font-size:22px; line-height:30px; transition:padding ease .5s, font-size ease .5s, line-height ease .5s }
.app-form-login .win p.msg { font-size:22px; line-height:30px; color:#3C3C3B; text-align:center; padding-bottom:30px; transition:padding ease .5s, font-size ease .5s, line-height ease .5s }
.app-form-login .win p.msg.error b { color:#d00 }
.app-form-login .win .input, .app-form-login .win input { width:100% }
.app-form-login .win .input.pass { margin-top:30px; transition:margin ease .5s }
.app-form-login .win .input.pass button:before { content:'\F218'; font-family:OlaIcons2022; font-size:28px }
.app-form-login .win .input.pass button.show:before { content:'\F219' }
.app-form-login .win button.ingresar { margin:25px 0px 15px }
.app-form-login .win .forgot { display:block; padding-top:8px; transition:pading ease .5s }
.app-form-login .win .solicita { display:block; text-align:center }
.app-form-login .win .err { display:none; border:1px solid #A40000; background:#FDEFEF; color:#A40000; margin-top:20px; padding:16px; border-radius:8px; text-align:center; line-height:18px; transition:margin ease .5s }
.app-form-passwordreset { display:none; opacity:0; position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); transition:opacity ease .5s }
.app-form-passwordreset.open { opacity:1 }
.app-form-passwordreset.xhr-sending:after { display:none }
.app-form-passwordreset.xhr-sending:before { display:none }
.app-form-passwordreset .win { background:#fff; border-radius:5px; font-size:14px; padding:32px; width:90%; max-height:90%; max-width:479px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:padding ease .5s }
.app-form-passwordreset .win > button { width:100% }
.app-form-passwordreset .win .close { position:absolute; top:38px; right:25px; width:30px; height:30px; padding:0; margin:0; background:transparent; transition:top ease .5s, right ease .5s }
.app-form-passwordreset .win .close:before { content:'\E504'; font-family:WebIcons; font-size:16px; color:#6E7491; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:color ease .5s }
.app-form-passwordreset .win .close:hover:before { color:#3C3C3B }
.app-form-passwordreset .win .logo { padding-bottom:20px; transition:padding ease .5s }
.app-form-passwordreset .win .logo img { padding:0; width:95px; margin-left:50%; transform:translateX(-50%); transition:width ease .5s, margin-left ease .5s, transform ease .5s }
.app-form-passwordreset .win fieldset :last-child { margin-bottom:0 }
.app-form-passwordreset .win h3 { text-align:center; padding:15px 0px 35px; color:#3C3C3B; transition:padding ease .5s, font-size ease .5s, font-weight ease .5s }
.app-form-passwordreset .win p > * { font-size:22px; line-height:30px; transition:padding ease .5s, font-size ease .5s, line-height ease .5s }
.app-form-passwordreset .win p.msg { font-size:22px; line-height:30px; color:#3C3C3B; text-align:center; padding-bottom:30px; transition:padding ease .5s, font-size ease .5s, line-height ease .5s }
.app-form-passwordreset .win p.msg.error b { color:#d00 }
.app-form-passwordreset .win .input, .app-form-passwordreset .win input { width:100% }
.app-form-passwordreset .win .input.pass { margin-top:30px; transition:margin ease .5s }
.app-form-passwordreset .win .input.pass button:before { content:'\F218'; font-family:OlaIcons2022; font-size:28px }
.app-form-passwordreset .win .input.pass button.show:before { content:'\F219' }
.app-form-passwordreset .win button.ingresar { margin:25px 0px 15px }
.app-form-passwordreset .win .forgot { display:block; padding-top:8px; transition:pading ease .5s }
.app-form-passwordreset .win .solicita { display:block; text-align:center }
.app-form-passwordreset .win .err { display:none; border:1px solid #A40000; background:#FDEFEF; color:#A40000; margin-top:20px; padding:16px; border-radius:8px; text-align:center; line-height:18px; transition:margin ease .5s }
.app-form-passwordreset .win h3 span { width:18px; height:18px; margin-right:20px; position:relative; color:green; }
.app-form-passwordreset .win h3 span:before { content: '\F007'; font-family:WebIcons; font-size:42px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.app-form-passwordresetok { display:none; opacity:0; position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); transition:opacity ease .5s }
.app-form-passwordresetok.open { opacity:1 }
.app-form-passwordresetok.xhr-sending:after { display:none }
.app-form-passwordresetok.xhr-sending:before { display:none }
.app-form-passwordresetok .win { background:#fff; border-radius:5px; font-size:14px; padding:32px; width:90%; max-height:90%; max-width:479px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:padding ease .5s }
.app-form-passwordresetok .win > button { width:100% }
.app-form-passwordresetok .win .close { position:absolute; top:38px; right:25px; width:30px; height:30px; padding:0; margin:0; background:transparent; transition:top ease .5s, right ease .5s }
.app-form-passwordresetok .win .close:before { content:'\E504'; font-family:WebIcons; font-size:16px; color:#6E7491; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:color ease .5s }
.app-form-passwordresetok .win .close:hover:before { color:#3C3C3B }
.app-form-passwordresetok .win .logo { padding-bottom:20px; transition:padding ease .5s }
.app-form-passwordresetok .win .logo img { padding:0; width:95px; margin-left:50%; transform:translateX(-50%); transition:width ease .5s, margin-left ease .5s, transform ease .5s }
.app-form-passwordresetok .win fieldset :last-child { margin-bottom:0 }
.app-form-passwordresetok .win h3 { text-align:center; padding:15px 0px 35px; color:#3C3C3B; transition:padding ease .5s, font-size ease .5s, font-weight ease .5s }
.app-form-passwordresetok .win p > * { font-size:22px; line-height:30px; transition:padding ease .5s, font-size ease .5s, line-height ease .5s }
.app-form-passwordresetok .win p.msg { font-size:22px; line-height:30px; color:#3C3C3B; text-align:center; padding-bottom:30px; transition:padding ease .5s, font-size ease .5s, line-height ease .5s }
.app-form-passwordresetok .win p.msg.error b { color:#d00 }
.app-form-passwordresetok .win .input, .app-form-passwordresetok .win input { width:100% }
.app-form-passwordresetok .win .input.pass { margin-top:30px; transition:margin ease .5s }
.app-form-passwordresetok .win .input.pass button:before { content:'\F218'; font-family:OlaIcons2022; font-size:28px }
.app-form-passwordresetok .win .input.pass button.show:before { content:'\F219' }
.app-form-passwordresetok .win button.ingresar { margin:25px 0px 15px }
.app-form-passwordresetok .win .forgot { display:block; padding-top:8px; transition:pading ease .5s }
.app-form-passwordresetok .win .solicita { display:block; text-align:center }
.app-form-passwordresetok .win .err { display:none; border:1px solid #A40000; background:#FDEFEF; color:#A40000; margin-top:20px; padding:16px; border-radius:8px; text-align:center; line-height:18px; transition:margin ease .5s }
.app-form-passwordresetok .win h3 span { width:18px; height:18px; margin-right:20px; position:relative; color:green; }
.app-form-passwordresetok .win h3 span:before { content: '\F007'; font-family:WebIcons; font-size:42px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.app-form-login .win .user { display:flex; height:40px; width:100%; align-items:center; background:#f4f6fa; border:1px solid #7C8DB0; border-radius:4px; margin-bottom:5px }
.app-form-login .win .user .app-user-icon { max-width:38px; min-width:38px; max-height:38px; min-height:38px; border-radius:6px; border:3px solid #fff; position:relative }
.app-form-login .win .user .app-user-icon .name { display:none }
.app-form-login .win .user .app-user-icon .letters { position:absolute; top:50%; left:50%; font-weight:bold; color:#fff; font-size:22px; transform:translate(-50%, -50%) }
.app-form-login .win .user > .name {  padding-left:15px; padding-right:10px; line-height:15px; flex-grow:1; flex-shrink:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.app-form-login .win .user > .name small { color:#999; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.app-form-login .win .user > .sign-out { width:40px; height:40px; position:relative; background:transparent; border:0 }
.app-form-login .win .user > .sign-out:before { content:'\F005'; font-family:WebIcons; font-size:35px; color:#3C3C3B; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.app-form-login .win .perfil { height:40px; padding-right:30px; display:flex; color:#7C8DB0; text-decoration:none; position:relative; text-align:center; align-items:center }
.app-form-login .win .perfil span { flex-grow:1; flex-shrink:1 }
.app-form-login .win .perfil:after { content:'\F201'; display:block; animation:none; font-family:OlaIcons2022; color:#7C8DB0; font-size:30px; position:absolute; top:50%; right:5px; transition:color ease .5s; transform:translateY(-50%) }
.app-form-login .win .perfil:hover { color:#353948; border-color:#353948 }
.app-form-login .win .perfil:hover:after { color:#353948 }
.app-form-login .win .perfil:before { bottom:7px }
.app-form-login .win .user + .input.pass { margin:0px }
.app-form-passwordreset .win .user { display:flex; height:40px; width:100%; align-items:center; background:#f4f6fa; border:1px solid #7C8DB0; border-radius:4px; margin-bottom:5px }
.app-form-passwordreset .win .user .app-user-icon { max-width:38px; min-width:38px; max-height:38px; min-height:38px; border-radius:6px; border:3px solid #fff; position:relative }
.app-form-passwordreset .win .user .app-user-icon .name { display:none }
.app-form-passwordreset .win .user .app-user-icon .letters { position:absolute; top:50%; left:50%; font-weight:bold; color:#fff; font-size:22px; transform:translate(-50%, -50%) }
.app-form-passwordreset .win .user > .name {  padding-left:15px; padding-right:10px; line-height:15px; flex-grow:1; flex-shrink:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.app-form-passwordreset .win .user > .name small { color:#999; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.app-form-passwordreset .win .user > .sign-out { width:40px; height:40px; position:relative; background:transparent; border:0 }
.app-form-passwordreset .win .user > .sign-out:before { content:'\F005'; font-family:WebIcons; font-size:35px; color:#3C3C3B; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.app-form-passwordreset .win .perfil { height:40px; padding-right:30px; display:flex; color:#7C8DB0; text-decoration:none; position:relative; text-align:center; align-items:center }
.app-form-passwordreset .win .perfil span { flex-grow:1; flex-shrink:1 }
.app-form-passwordreset .win .perfil:after { content:'\F201'; display:block; animation:none; font-family:OlaIcons2022; color:#7C8DB0; font-size:30px; position:absolute; top:50%; right:5px; transition:color ease .5s; transform:translateY(-50%) }
.app-form-passwordreset .win .perfil:hover { color:#353948; border-color:#353948 }
.app-form-passwordreset .win .perfil:hover:after { color:#353948 }
.app-form-passwordreset .win .perfil:before { bottom:7px }
.app-form-passwordreset .win .user + .input.pass { margin:0px }
@media screen and (max-width:450px) {
.app-form-login .win { padding:32px 20px }
.app-form-login .win .logo img { width:80px !important }  
.app-form-login .win h3 { font-size:20px; padding:0px 0px 20px }
.app-form-login .win p.msg { font-size:16px; line-height:25px }
.app-form-login .win p > * { font-size:16px; line-height:25px }
.app-form-login .win .solicita a { display:block; line-height:18px }
.app-form-passwordreset .win { padding:32px 20px }
.app-form-passwordreset .win .logo img { width:80px !important }  
.app-form-passwordreset .win h3 { font-size:20px; padding:0px 0px 20px }
.app-form-passwordreset .win p.msg { font-size:16px; line-height:25px }
.app-form-passwordreset .win p > * { font-size:16px; line-height:25px }
.app-form-passwordreset .win .solicita a { display:block; line-height:18px }
}
@media screen and (max-height:700px) {
.app-form-login .win .err { margin-top:10px }
.app-form-login .win h3 { font-size:20px; padding:0px 0px 5px }
.app-form-login .win { padding:20px }
.app-form-login .win .logo { padding-bottom:5px }
.app-form-login .win .logo img { width:80px; margin-left:0; transform:none }
.app-form-login .win .close { top:23px; right:20px } 
.app-form-login .win p.msg { font-size:16px; line-height:25px; padding-bottom:13px }
.app-form-login .win p.msg > * { font-size:16px; line-height:25px }
.app-form-login .win .input.pass { margin-top:5px }
.app-form-login .win .forgot { padding-top:2px }
.app-form-login .win button.ingresar { margin:15px 0px 5px }
.app-form-passwordreset .win .err { margin-top:10px }
.app-form-passwordreset .win h3 { font-size:20px; padding:0px 0px 5px }
.app-form-passwordreset .win { padding:20px }
.app-form-passwordreset .win .logo { padding-bottom:5px }
.app-form-passwordreset .win .logo img { width:80px; margin-left:0; transform:none }
.app-form-passwordreset .win .close { top:23px; right:20px } 
.app-form-passwordreset .win p.msg { font-size:16px; line-height:25px; padding-bottom:13px }
.app-form-passwordreset .win p.msg > * { font-size:16px; line-height:25px }
.app-form-passwordreset .win .input.pass { margin-top:5px }
.app-form-passwordreset .win .forgot { padding-top:2px }
.app-form-passwordreset .win button.ingresar { margin:15px 0px 5px }
}
@media screen and (max-height:500px) {
.app-form-login .win p.msg { display:none; line-height:20px }
.app-form-login .win .err { margin-top:5px }
.app-form-login .win h3 { position:absolute; top:18px; right:50px }
.app-form-login .win .solicita { position:absolute; display:block; bottom:10px; right:20px; margin:0; padding:0 }
.app-form-login .win .solicita span { display:none }
.app-form-login .win .forgot { position:absolute; display:block; bottom:7px; left:20px; margin:0 !important; padding:0 !important }
.app-form-login .win button.ingresar { margin:5px 0px 20px }
.app-form-passwordreset .win p.msg { display:none; line-height:20px }
.app-form-passwordreset .win .err { margin-top:5px }
.app-form-passwordreset .win h3 { position:absolute; top:18px; right:50px }
.app-form-passwordreset .win .solicita { position:absolute; display:block; bottom:10px; right:20px; margin:0; padding:0 }
.app-form-passwordreset .win .solicita span { display:none }
.app-form-passwordreset .win .forgot { position:absolute; display:block; bottom:7px; left:20px; margin:0 !important; padding:0 !important }
.app-form-passwordreset .win button.ingresar { margin:5px 0px 20px }
}